@charset "UTF-8"; /* * header, footer 등의 layout * 시안의 header, footer 가져오기 */ /*========================================================== 레이아웃 ==========================================================*/ /* a:focus, button:focus {outline:1px dotted #000;} .more{display:block;overflow: hidden;position:absolute;top:0;right:0;width:50px;height:50px;border:0;font-size:0;} .more:before, .more:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} .more:before {width: calc(100%/2);height: 2px;background: #b2b2b2;z-index: -1;} .more:after {width: 1px;height: calc(100%/2);background: #b2b2b2;z-index: -1;} */ button[data-control]{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;} button[data-control]:before, /* button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} */ button[data-control]:after {content: '';position: absolute;left: 0;right: 0;bottom: 0;margin: auto;} #slide1 .control button[data-control]:before, #slide1 .control button[data-control]:after {content: '';position: absolute;top: 45%;left: 0;right: 0;bottom: 0;margin: auto;} button[data-control="prev"]:before, /*button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}*/ button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;} button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;} button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;} button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;} .layout{position:relative;margin:0 auto;width:100%;max-width: 1500px;} .clear:after, .layout:after{display:block;visibility:hidden;clear:both;content:""} body.searchon {overflow: hidden;} /*---------------------------------------------------------- -- common(공통) : 태그 hover 없애기 ----------------------------------------------------------*/ .none_over.bdlist li a:active .ellip{color:#2b2b2b;cursor: default;} /*---------------------------------------------------------- STEP_VIEW CSS (2024-04-17) cellmin ----------------------------------------------------------*/ .step_view{margin:50px auto 0;padding:40px;background:#f8f8f8;} .step_view .page_btns {text-align:center;} .step_view .page_btns a{width:300px;height:54px;line-height:53px;} .step_view .page_btns button:not(:first-child){margin-left: 10px;} .step_view .subtxt {overflow:hidden;} .step_view .subtxt p{float:left;font-size:24px;font-weight:700;color:#222;line-height:44px;} .step_view .subtxt .check_form{float:right;display:block;padding:10px 20px;border-radius:15px;background:#1d99f8;} .step_view .subtxt .check_form label span{color:#fff;font-size:17px;font-weight:700;} .step_view .subtxt .check_form input[type="checkbox"]:checked + label i{background:url(../images/common/checkbox.png) no-repeat center -48px;} .step_view .termbox{margin:25px auto 0;padding:15px 20px;background:#fff;border-radius:20px;} .step_view .termbox .article_tit{padding:10px;border-bottom:1px solid #999;overflow:hidden;} .step_view .termbox .article_tit h3{float:left;font-size:17px;font-weight:700;color:#222;line-height:24px;} .step_view .termbox .article_tit h3 span{color:#1d99f8;font:inherit;} .step_view .termbox .article_tit .check_form{float:right;} .step_view .termbox .scrbox{height:300px;border:1px solid #eee;overflow:auto;padding:20px 10px;} .step_view .termbox .scrbox h4{margin-top:30px;font-size:17px;font-weight:700;color:#555;} .step_view .termbox .scrbox p{font-size:15px;color:#858585;line-height:1.4;} .step_view .termbox .scrbox h5{margin-top:10px;font-size:15px;font-weight:700;color:#666;} .step_view .termbox .scrbox .tblist{margin-top:10px;border-top:1px solid #787878;} .step_view .termbox .scrbox .tblist th{background:#f4f5f6;font-size:15px;border-bottom:1px solid #eee;} .step_view .formbox{margin:25px auto 0;max-width:1000px;padding:45px 50px;background:#fff;border-radius:20px;} .step_view .formbox dl + dl{margin-top:25px;} /* .step_view .formbox dl dt{display:block;font-size:14px;color:#858585;} */ .step_view .formbox dl dt{display:block;font-size:20px;color:#858585;} .step_view .formbox dl dt.require{position:relative;} .step_view .formbox dl dt.require:before{content:'*';position:absolute;left:-10px;color:#1d99f8;font-size:14px;} .step_view .formbox dl dd{margin-top:10px;display:block;} .step_view .formbox dl dd input[type="text"]{display:block;width:100%;height:45px;padding:0 15px;font-size:17px;font-weight:700;color:#222;border:1px solid #ddd;border-radius:4px;} .step_view .formbox dl dd input[type="text"]::-webkit-input-placeholder{color:#ccc;font-weight:400;} .step_view .formbox dl dd .alert_txt{margin-top:7px;padding:0 0 0 24px;font-size:14px;color:#1d99f8;background:url(../images/common/alert_txt.png) no-repeat left center;line-height:24px;} .step_view .formbox dl dd input[type="text"].required{border:1px solid #1d99f8;} .step_view .formbox dl dd .colwrap{display:flex;flex-wrap:nowrap;justify-content: flex-start;} .step_view .formbox dl dd .colwrap div{font-size:17px;color:#858585;} .step_view .formbox dl dd .colwrap div + div{margin-left:30px;} .step_view .formbox dl dd .colwrap div span{display:inline-block;margin-left:20px;font-size:17px;} .step_view .formbox dl dd .colwrap div span input{display:inline-block;margin-right:10px;width:120px;} .step_view .formbox dl dd .colwrap div label{font-size:17px;} .step_view .formbox dl dd .colwrap div label input{margin-left:20px;display:inline-block;width:250px;} .step_view .formbox dl dd .timeset{margin-top:10px;display:flex;} .step_view .formbox dl dd .timeset select{width:calc(45% - 20px);} .step_view .formbox dl dd .timeset select + select{margin-left:10px;} .step_view .formbox dl dd .timeset span{margin-left:10px;display:inline-block;width:10%;font-size:17px;color:#858585;line-height:45px;} .radio_ty2{display:flex;flex-wrap:nowrap;} .radio_ty2 span{flex:1;} .radio_ty2 span + span{margin-left:10px;} .radio_ty2 input[type="radio"]{width:0;height:0;display:none;} .radio_ty2 label{display:block;border:1px solid #ddd;height:45px;font-size:17px;line-height:43px;color:#858585;border-radius:4px;text-align:center;} .radio_ty2 input[type="radio"]:checked + label{background:#1d99f8;color:#fff;} .addr .btn_type4{width:100px;height:45px;line-height:45px;margin-right:10px;border-radius:4px;font-size:15px;} .addr .btn_type4 + input[type="text"]{width:calc(100% - 110px)} .addr input[type="text"]:last-child{margin-top:10px;} .step_view .formbox dl dd .addr .btn_type4 + input[type="text"]{display:inline-block;width:calc(100% - 110px)} .step_view .formbox dl dd .termbox{margin:0 auto;background:#f8f8f8;} .step_view .formbox dl dd .termbox .article_tit{padding:5px 0 10px;} .step_view .formbox dl dd .termbox .article_tit h3{font-size:15px;} .step_view .formbox dl dd .termbox .scrbox{background:#fff;height:120px;} .step_view .formbox dl dd .subinput{margin-top:10px;} .step_view .formbox dl dd .subinput label{font-size:17px;color:#858585;line-height:45px;} .step_view .formbox dl dd .subinput label input[type="text"]{width:80%;float:right;} .step_view .formbox dl dd .check_form span{display:inline-block;margin-right:20px;} .step_view .formbox dl dd .check_form span label{font-size:17px;} .filebox{display:block;} /* .filebox label{display:inline-block;padding:0 20px;font-size:15px;height:45px;line-height:45px;background:#666;color:#fff;border-radius:4px;} */ .filebox label{display:inline-block;padding:0 20px;font-size:18px;height:45px;line-height:45px;background:#666;color:#fff;border-radius:4px;} .filebox input[type="file"] { position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;} .filebox .filelist{margin:10px auto 0;display:flex;flex-wrap: wrap;} .filebox .filelist li{position:relative;width:calc(50% - 5px);margin-top:10px;padding:5px 30px 5px 10px;border:1px solid #ddd;border-radius:4px;} .filebox .filelist li:nth-child(2n){margin-left:10px;} .filebox .filelist li a{display:block;font-size:15px;line-height:35px;color:#858585;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .filebox .filelist li .btn_del{position:absolute;right:0;top:5px;width:35px;height:35px;background:url(../images/common/btn_del.png) no-repeat center center;} .filebox .filelist li a:hover{color:#1d99f8;} .step_view .formbox .form_tb{table-layout: fixed;width:100%;border-top:1px solid #222;} .step_view .formbox .form_tb th{width:25%;padding:0 15px;text-align:left;height:45px;vertical-align:middle;font-size:15px;font-weight:700;border-bottom:1px solid #ddd;} .step_view .formbox .form_tb td{padding:5px 15px;border-bottom:1px solid #ddd;text-align:left;vertical-align: middle;} .step_view .formbox .form_tb td p,.step_view .formbox .form_tb td a{font-size:15px;color:#858585;line-height:24px;} .step_view .formbox .form_tb td a:hover{color:#1d99f8;} .step_view .formbox .form_tb td .filebox .filelist {margin-top:0;} .step_view .formbox .form_tb td .filebox .filelist li{padding:0 10px;width:100%;margin-top:5px;background:#f8f8f8;} .step_view .formbox .form_tb td .filebox .filelist li a{padding-left:30px;background:url(../images/common/ic_download.png) no-repeat left center;background-size:24px 24px;line-height:33px;} .step_view .formbox .form_tb td .filebox .filelist li:first-child,.step_view .formbox .form_tb td .filebox .filelist li:nth-child(2){margin-top:0;} .step_view .formbox .form_tb td .filebox .filelist li:nth-child(2n){margin-left:0;} .step_view .formbox .form_tb td .colwrap{display:flex;flex-wrap:nowrap;justify-content: flex-start;} .step_view .formbox .form_tb td .colwrap div{font-size:15px;color:#858585;} .step_view .formbox .form_tb td .colwrap div + div{margin-left:30px;} .step_view .formbox .form_tb td .colwrap div span{display:inline-block;margin-left:20px;font-size:15px;} .step_view .formbox .form_tb td .colwrap div span input{display:inline-block;margin-right:10px;width:120px;height:35px;line-height:33px;padding:0 10px;color:#858585;border:1px solid #ddd;} .step_view .formbox .form_tb td .radio_ty2 span input[type="radio"]{width:0;height:0;margin:-1px;display:none;} .step_view .formbox .form_tb td .radio_ty2 label{display:block;height:35px;font-size:15px;line-height:33px;} .step_view .complete{padding-top:180px;margin: 50px auto;text-align:center;font-size:20px;color:#222;line-height:1.6;font-weight:700;background:url(../images/common/complete.png) no-repeat center top;} /* [25.08.06] gbkim 고객의 소리 모바일 버튼 중앙 추가 */ @media (max-width: 834px) { .page_btns {display: flex;justify-content: center;align-items: center;} } /*---------------------------------------------------------- [25.07.29] gbkim 설문조사 디테일 필수 체크박스 표시 -----------------------------------------------------------*/ .check_form label i {display: inline-block;width: 18px;height: 18px;border: 2px solid #ddd;border-radius: 3px;margin-right: 8px;position: relative;background: #fff;transition: all 0.2s ease;} .check_form input[type="checkbox"]:checked + label i {background-color: #2a65d0;border-color: #2a65d0;} .check_form input[type="checkbox"]:checked + label i::after {content: '✓';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;font-size: 12px;font-weight: bold;} /*--------------------------------------------------------*/ /*------------------------------------------------ 레이아웃(헤더) ------------------------------------------------*/ /*#top_layout{display:block;position: relative;z-index: 15;width:100%;height: 100px;border-bottom: 1px solid rgba(255,255,255,.2); text-align: center;}*/ #top_layout{display:block;position: relative;z-index: 15;width:100%;height: 100px;border-bottom: 1px solid rgba(255,255,255,.2); text-align: center;} #top_layout .top_wrap {height: 100%; padding: 0 90px;} #top_layout .top_wrap #logo {position: relative;z-index: 11;float: left;padding: 23px 0 0;}/*15px*/ #top_layout .top_wrap #logo > a {display:inline-block;vertical-align: top;} /*#top_layout .top_wrap #logo > a span.logo_kor {display: inline-block; position: relative; width: 249px; height: 30px; margin: 0; background: url(../img/common/logo.png) no-repeat; background-size: 100% auto; font-size: 0; vertical-align: top;}*/ /*#top_layout .top_wrap #logo > a span.logo_kor {display: inline-block; position: relative; width: 385px; height: 50px; margin: 0; background: url(../img/common/logo.png) no-repeat center; background-size: 100% auto; font-size: 0; vertical-align: top;}*/ /*#top_layout .top_wrap #logo > a span.logo_eng {display: inline-block; position: relative; width: 385px; height: 50px; margin: 0; background: url(../img/common/logo_eng.png) no-repeat bottom; background-size: 95%; font-size: 0; vertical-align: top;margin-top: 5px;}*/ #top_layout .top_wrap #logo > a span.logo_kor {display: inline-block; position: relative; width: 300px; height: 50px; margin: 0; background: url(../images/common/logo.png) no-repeat center; background-size: 100% auto; font-size: 0; vertical-align: top;} #top_layout .top_wrap #logo > a span.logo_eng {display: inline-block; position: relative; width: 300px; height: 50px; margin: 0; background: url(../images/common/logo.png) no-repeat bottom; background-size: 95%; font-size: 0; vertical-align: top;margin-top: 5px;} @media screen and (max-width: 450px) { /* #top_layout .top_wrap #logo > a span.logo_kor {width: 295px; height: 45px;} */ #top_layout .top_wrap #logo {position: relative;z-index: 11;float: left;/* padding: 10px 0 0 !important; */} #top_layout .top_wrap #logo > a span.logo_kor {width: 275px; height: 45px;} #top_layout .top_wrap #logo > a span.logo_eng {width: 285px; height: 35px; /* margin-top:10px; */} } /* .logo_kor {background: url(../img/common/logo_eng.png) no-repeat;} .logo_eng {background: url(../img/common/logo_eng.png) no-repeat;} */ #top_layout .top_wrap .utile_wrap {position:relative;z-index: 11;height:100%;float: right;} #top_layout .top_wrap .utile_wrap li {float:left;position: relative;/* z-index: 11; */margin-left: 30px;} #top_layout .top_wrap .utile_wrap li > a {display: inline-block; /* line-height: 100px; */ line-height:100px ;color: #fff; font-size: 18px;/* text-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.3); */} #top_layout .top_wrap .utile_wrap li.form_wrap {position: relative; height: 100%;} #top_layout .top_wrap .utile_wrap li.lang span {display: inline-block; width: 23px; height: 22px; margin: 0 10px 0 0; background: url(../img/common/lang.png) no-repeat; vertical-align: middle;} /*#top_layout .top_wrap .utile_wrap li.menu span {display: inline-block; width: 17px; height: 13px; margin: 0 10px 0 0; background: url(../img/common/menu.png) no-repeat; vertical-align: middle;}*/ #top_layout .top_wrap .utile_wrap li.pc {display:none;} #top_layout .top_wrap .utile_wrap li.mo {display:none;} #top_layout .top_wrap .utile_wrap li.mo button {display: block; width: 17px; height: 13px; background: url(../img/common/menu.png) no-repeat center; font-size: 0;} header#top_layout.login-page div.top_wrap ul.utile_wrap li > a { color: #000; } /* MAIN 페이지 2번쩨 부터 헤더를 흰색으로 */ #top_layout.wb {background: #fff;} /*#top_layout.wb .top_wrap #logo > a span.logo_kor {display: inline-block; position: relative; width: 260px; height: 55px; margin: 0; background: url(../images/common/logo.png) no-repeat center; background-size: 100% auto; font-size: 0; vertical-align: top;}*/ /*#top_layout.wb .top_wrap #logo > a span.logo_eng {display: inline-block; position: relative; width: 385px; height: 60px; margin: 0; background: url(../images/common/logo.png) no-repeat bottom; background-size: 95%; font-size: 0; vertical-align: top;margin-top: 5px;}*/ #top_layout.wb .top_wrap #logo > a span.logo_kor { display: inline-block; position: relative; width: 300px; height: 50px; margin: 0; background: url(../img/common/logo.png) no-repeat center; background-size: 100% auto; font-size: 0; vertical-align: top;} /*#top_layout.wb .top_wrap #logo > a span.logo_eng {display: inline-block; position: relative; width: 300px; height: 50px; margin: 0; background: url(../images/common/logo.png) no-repeat bottom; background-size: 95%; font-size: 0; vertical-align: top;margin-top: 5px;}*/ #top_layout.wb .top_wrap .utile_wrap li > a {color: #000;} /*#top_layout.wb .top_wrap .utile_wrap li.login a.bt_login span {display: inline-block; width: 30px; height: 30px; margin: 0 10px 0 0; background: url(../images/common/btn_login.png) no-repeat center top; vertical-align: middle;}*/ /*#top_layout.wb .top_wrap .utile_wrap li.login a.bt_logout span {display: inline-block; width: 30px; height: 30px; margin: 0 10px 0 0; background: url(../images/common/btn_logout.png) no-repeat center top; vertical-align: middle;}*/ #top_layout.wb .top_wrap .utile_wrap li.login a.bt_login span {display: inline-block; width: 30px; height: 30px; margin: 0 10px 0 0; background: url(../img/common/login.png) no-repeat center top; vertical-align: middle;} #top_layout.wb .top_wrap .utile_wrap li.login a.bt_logout span {display: inline-block; width: 30px; height: 30px; margin: 0 10px 0 0; background: url(../img/common/logout.png) no-repeat center top; vertical-align: middle;} #top_layout.wb .top_wrap .utile_wrap li.menu span {display: inline-block; width: 30px; height: 30px; margin: 15px 0 0 0; background: url(../img/common/menu2.png) no-repeat; vertical-align: middle;} #top_layout.wb .top_wrap .utile_wrap li.mo button {display: block; width: 30px; height: 30px; background: url(../images/common/btn_menu.png) no-repeat; background-position: 0 -30px; font-size: 0;} #top_layout.on + .gnb_bg {display: block;z-index: 99;} #top_layout + .gnb_bg {display: none;position: fixed;top: 100px;left: 0;z-index: 2;width: 100%;height: 100%;background: #000;opacity: 0.5;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;} #top_layout.on {z-index: 999; background: #fff;} #top_layout.on .top_wrap .utile_wrap li.menu span {background-image: url(../img/common/menu2.png);} #top_layout.on .top_wrap .utile_wrap li.lang span {background-image: url(../img/common/lang2.png);} #top_layout.on .top_wrap .utile_wrap li > a {color: #444;} #top_layout.on #gnb {box-shadow: 5px 3px 15px rgba(0,0,0,.1);} #top_layout.on #gnb_layout .depth1_ul>li>a span {color:#444; /* text-shadow: 0 0 0 0 rgba(0, 0, 0, 0); */} @media screen and (max-width: 450px) { #top_layout .top_wrap #logo {position: relative;z-index: 11;float: left;} #top_layout .top_wrap #logo > a span.logo_kor {width: 200px; height: 45px;} #top_layout .top_wrap #logo > a span.logo_eng {width: 200px; height: 45px;} #top_layout.wb .top_wrap #logo {position: relative;z-index: 11;float: left;} #top_layout.wb .top_wrap #logo > a span.logo_kor {width: 200px; height: 45px;} #top_layout.wb .top_wrap #logo > a span.logo_eng {width: 200px; height: 45px;} } /*------------------------------------------------ 레이아웃(푸터) ------------------------------------------------*/ #footerVue {position: relative; z-index: 10; background: #1a1a1a;} #footerVue .footer-link ul {margin-bottom: 0;} #footerVue .footer-link ul li {float:left; position: relative; margin-right: 40px;} #footerVue .footer-link ul li:last-child {margin: 0;} #footerVue .footer-link ul li a {display: block; height: 110px; line-height: 110px; color: #818080; /* font-size: 16px; */} #footerVue .footer-info {padding-bottom: 50px;} #footerVue .footer-info .layout {padding-left: 165px;} #footerVue .footer-info .copy .address {margin-bottom: 15px;} #footerVue .footer-info .copy .address p {display: block; margin: 0; color: #8c8b8b; /* font-size: 18px; */ font-weight: bold;} #footerVue .footer-info .copy .address a {display: inline-block; color: rgba(255,255,255,.4);} #footerVue .footer-info .copy .address span {display: inline-block; margin-right: 20px;} #footerVue .footer-info .copy p {color: #565656; font-weight: 600;} #footerVue .footer-info .flogo {position:absolute;right:0;bottom: 50px;} #footerVue .footer-info .flogo span {display:block; margin:0 0 20px;text-align:right; } #footerVue .footer-info .flogo ul li {float: left; margin-right: 7px;} #footerVue .footer-info .flogo ul li a {display: block; width: 32px; height: 32px; filter: grayscale(100%);} #footerVue .footer-info .flogo ul li a:hover {filter: grayscale(0);} #footerVue .footer-info .flogo ul li:first-child a {font-size: 0; background: url(../img/common/f_sns01.png);} #footerVue .footer-info .flogo ul li:nth-child(2) a {font-size: 0; background: url(../img/common/f_sns02.png);} #footerVue .footer-info .flogo ul li:nth-child(3) a {font-size: 0; background: url(../img/common/f_sns03.png);} #footerVue .footer-info .flogo ul li:last-child a {font-size: 0; background: url(../img/common/f_sns04.png);} #footerVue .footer-info .flogo img{width:260px; /*height:28px;*/} .modal-open #top_layout .top_wrap #logo{z-index:-1;} /* 250820 hychoi 푸터 레이아웃 수정 */ #footerVue { padding: 40px 0 20px; color: #999; } #footerVue .footer-content { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; margin-bottom: 30px; padding: 0 20px; } #footerVue .footer-content .footer-left { flex: 1; } #footerVue .footer-content .footer-left .logo { width: 260px; margin-bottom: 20px; } #footerVue .footer-content .footer-left .footer-nav { margin-bottom: 20px; display: flex; flex-wrap: wrap; } #footerVue .footer-content .footer-left .footer-nav a { color: #818080; margin-right: 30px; font-weight: 500; } #footerVue .footer-content .footer-left .footer-nav a:hover { color: #fff; } #footerVue .footer-content .footer-left .corp-info { color: #8c8b8b; margin-bottom: 10px; } #footerVue .footer-content .footer-left .corp-info span { margin-right: 20px; } #footerVue .footer-content .footer-left .corp-info span:last-child { margin-right: 0; } #footerVue .footer-content .footer-left .corp-info .corp-contact { display: flex; flex-direction: row; } #footerVue .footer-content .footer-center .family-site { width: 180px; padding: 10px 12px; border: 1px solid #444; border-radius: 6px; background: #2a2a2a; color: #888; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23888888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 12px center; background-repeat: no-repeat; background-size: 18px; } #footerVue .footer-content .footer-center .family-site:focus { outline: none; } /*#footerVue .footer-content .footer-center .family-site:focus-visible { outline: 2px solid #fff; }*/ #footerVue .footer-content .footer-center .family-site option { background: #2a2a2a; } #footerVue .footer-content .footer-right { display: flex; justify-content: center; } #footerVue .footer-content .footer-right img:first-child { display: block; } #footerVue .footer-content .footer-right img:last-child { display: none; } #footerVue .footer-bottom { border-top: 1px solid #333; padding: 20px; text-align: center; margin: 0 auto; } #footerVue .footer-bottom .copyright { color: #888; } #footerVue .footer-content .footer-left .corp-info .corp-contact .corp-address span { margin: 0; } #footerVue .footer-content .footer-left .corp-info .corp-contact .corp-address { display: flex; flex-wrap: wrap; } @media (max-width: 1186px) { #footerVue .footer-content .footer-left .corp-info .corp-contact { flex-direction: column; } } @media (max-width: 1056px) { #footerVue .footer-content { gap: 20px; } #footerVue .footer-content .footer-left .corp-info { display: flex; flex-direction: column; } } @media (max-width: 970px) { #footerVue .footer-content { flex-direction: column; } #footerVue .footer-content .footer-right img:first-child { display: none; } #footerVue .footer-content .footer-right img:last-child { display: block; } } /*------------------------------------------------ 레이아웃(메인 메뉴) ------------------------------------------------*/ /* -- 상단바 -- */ #gnb_layout{display: block !important;overflow:hidden;position:absolute;top: 0;left: 0;width: 100%;min-height:100px;transition: all 0.1s ease-out;-webkit-transition: all 0.1s ease-out;} #gnb_layout:after{top:100px} #gnb_layout.open:after{position: absolute;top: 100px;bottom: 0;right:0; width: 100%; height: auto; background: #fff /* url(../img/common/gnb_bg.png) */ no-repeat right 150px bottom 20px; content:""; filter: grayscale(100%);} #gnb {position: absolute;top:0px;left: 0;width: 100%;height: 100px;z-index:2;} #gnb_layout.action{position:relative;background-color:#fff;} #gnb_layout .layout{position:relative;height: 100%;} #gnb_layout .depth1_ul{display:inline-block;float: none;height:100%;z-index:14;} #gnb_layout .depth1_ul:after {display: block; content: ''; clear: both;} #gnb_layout .depth1_ul>li{display:inline-block;float:left;height:100%;margin: 0 -2px;vertical-align:top;} #gnb_layout .depth1_ul>li>a{position:relative;display:block;height:100%;padding: 0 40px;text-align:center;} #gnb_layout .depth1_ul>li>a.current + .item{opacity: 1;display: block} #gnb_layout .depth1_ul>li>a span{display: inline-block;position: relative;height: 100%;line-height: 100px;font-size: 23px;font-weight: 700; color: #fff; vertical-align: middle;/* text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); */} #gnb_layout .depth1_ul>li.n5>a span em {display:inline-block; width: 80px; height: 22px; margin: -5px 0 0 2px; background: url(../img/common/gnb_txt.png) no-repeat; vertical-align: middle; font-size: 0;} /*#gnb_layout .depth1_ul>li.sitemap>a span em {display:inline-block;width: 15px;height: 11px;margin: -2px 8px 0 0;background: url(/images/kor/common/menu.png)no-repeat;background-size: 15px 11px;vertical-align:middle;}*/ /*#gnb_layout .depth1_ul>li>a[target="_blank"] span:after {display:inline-block;width: 12px;height: 11px;margin: -2px 0 0 5px;background: url(/images/kor/common/target.png) no-repeat;border: 0;transform: none;content:'';vertical-align:middle;}*/ #gnb_layout .depth1_ul>li>a span:before{display:block;opacity:0;position:absolute;left: 0;bottom: 0;content:'';width: 100%;height: 3px;background: #2a65d0; transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;} #gnb_layout .depth1_ul>li>a.current span:before, #gnb_layout .depth1_ul>li.on>a span:before {opacity:1;} #gnb_layout .depth1_ul > li .item{display: none;position:absolute;top: 100px;left: 0;z-index: 100;width: 100%;margin: 0;padding: 0 0 0 340px;text-align: left;} /* 메인 드롭다운 vertical line - 맨오른쪽 */ #gnb_layout .depth1_ul > li .item:after {display: block;position:absolute;top: 20px;right: 20%;bottom:0;content:'';width:1px;height:auto;background:#ddd;} #gnb_layout .depth1_ul > li.n1 .item {padding: 0 350px 0 340px;} #gnb_layout .depth1_ul > li .item .gnb-title {position:absolute;top:0;left: 0;height:100%;padding: 60px 0 0;width: 340px;text-align: center;} /* 메인 드롭다운 vertical line - 맨왼쪽*/ #gnb_layout .depth1_ul > li .item .gnb-title:before {display:block;position:absolute;top:20px;bottom:3px;right: 0;content:'';width:1px;height:auto;background:#ddd;} #gnb_layout .depth1_ul > li .item .gnb-title strong{display:inline-block;position: relative;z-index: 1;font-size: 34px;font-weight: 700;color: #111;line-height: 1.1;} #gnb_layout .depth1_ul > li .item .gnb-title p{display:inline-block;position: relative;z-index: 1;width:100%;padding:0;margin:0;font-size:16px; color: #526b8b;line-height: 1.4;} #gnb_layout .depth1_ul > li .item .gnb_menu {position: absolute;z-index: -1;right: 0;width: calc(100% - 340px);height:100%;} #gnb_layout .depth1_ul > li .item .gnb_menu:before {display:block;position:absolute;top: 50px;right: 25%;bottom:0;content:'';width:1px;height:auto;background:#ddd;} #gnb_layout .depth1_ul > li.n1 .item .gnb_menu:before {display: none;} #gnb_layout .depth1_ul > li.n1 .item .gnb_menu {display:block;position:absolute;right:0;top:0;width: 350px;height: 100%;padding: 50px 100px 0 0;} #gnb_layout .depth1_ul > li .item .gnb_menu .gnbbox.n1 {display:none;} #gnb_layout .depth1_ul > li.n1 .item .gnb_menu .gnbbox.n1 {display:block;} #gnb_layout .depth1_ul > li .item .gnb_menu .gnbbox.n1 a {display:block; width:100%;} #gnb_layout .depth1_ul > li .item .gnb_menu .gnbbox.n1 strong {display: inline-block;position: relative;line-height:1.1;margin:0 0 20px;font-size:18px;color:#222;} #gnb_layout .depth1_ul > li .item .gnb_menu .gnbbox.n1 strong span {display: inline-block;position: absolute;right: -17px;top: 12px;content:'';width: 6px;height: 6px;margin: -7px 0 0;border: solid #222;border-width: 1px 1px 0 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);} #gnb_layout .depth1_ul > li .item .gnb_menu .gnbbox.n1 p {line-height:1.5; margin:15px 0 0; font-size:14px; color:#777;} #gnb_layout .depth1_ul > li .item .gnb-depth {position: relative; height: 100%; min-height: 243px;} #gnb_layout .depth1_ul > li .item .depth2_ul{float: left; position: relative; top: 0; height: 100% !important;/* min-height: 360px;*/min-height: 235px; width: 100%; padding: 25px 0 15px; text-align: left;} /* 메인 드롭다운 vertical line */ #gnb_layout .depth1_ul > li .item .depth2_ul:before {display: block; position: absolute; top: 20px; bottom: 3px; left: 25%; content: ''; width: 1px; height: auto; background: #ddd;} #gnb_layout .depth1_ul > li .item .depth2_ul:after {display: block; position: absolute; top: 20px; bottom: 3px; left: 50%; content: ''; width: 1px; height: auto; background: #ddd;} #gnb_layout .depth1_ul > li.n1 .item .depth2_ul:before {left:33.33%;} #gnb_layout .depth1_ul > li.n1 .item .depth2_ul:after {left:66.66%;} #gnb_layout .depth1_ul > li .item .depth2_ul > li{display: block; float: left; position: relative; width: 25%; padding: 0 30px 20px; margin: 0; text-align: left;} /*#gnb_layout .depth1_ul > li .item .depth2_ul > li.n3_1,*/ /*#gnb_layout .depth1_ul > li .item .depth2_ul > li.n3_2,*/ /*#gnb_layout .depth1_ul > li .item .depth2_ul > li.n3_3,*/ /*#gnb_layout .depth1_ul > li .item .depth2_ul > li.n3_4 {min-height: 170px;}*/ /* [25.08.05] gbkim 헤더 알림정보 몇몇 페이지 헤더 메뉴 이상하게 뜨는 부분 주석처리 */ #gnb_layout .depth1_ul > li.n1 .item .depth2_ul > li {width: 33.33%;} #gnb_layout .depth1_ul > li .item .depth2_ul > li > a{display:block;position: relative;vertical-align: top;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;} #gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {display: inline-block;position: relative;color: #222;font-size: 20px;font-weight: 700;vertical-align: top;} /* ##상단 메뉴 글자 크기 */ #gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on span, #gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover span, #gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus span {color:#2a65d0;} /*#gnb_layout .depth1_ul > li .depth2_ul > li > a[target="_blank"]:after {display:inline-block;top: 18px;width:12px;height:11px;margin:-2px 0 0 5px;border:none;background:url(/images/kor/common/target.png)no-repeat;content:'';vertical-align:middle;}*/ #gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on[target="_blank"]:before, #gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:hover:before, #gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:focus:before {background-position:0 0;} #gnb_layout .depth3_ul {padding: 0; margin: 10px 0 0;} #gnb_layout .depth3_ul > li {position:relative;margin: 0;} #gnb_layout .depth3_ul > li > a {display:block;position:relative;width:100%;} #gnb_layout .depth3_ul > li > a > span {display:inline-block;position: relative;font-size:18px;color: #666;}/* ##상단 메뉴 글자 크기 */ #gnb_layout .depth3_ul > li > a:hover > span, #gnb_layout .depth3_ul > li > a:focus > span {text-decoration:underline; } /*#gnb_layout .depth3_ul > li > a[target="_blank"] > span:after {display: inline-block; width: 12px; height: 11px; margin: -2px 0 0 5px; background: url(/images/kor/common/target.png) no-repeat; content:''; vertical-align: middle;}*/ #gnb_layout.wb .depth1_ul>li>a span{display: inline-block;position: relative;height: 100%;line-height: 100px;font-size: 23px;font-weight: 700; color: #444; vertical-align: middle;} #body_layout {display: block;width: 100%;} .news {display: flex;} /* .news div {width: calc((100% / 2) - 10px);margin-right: 20px;} */ .news div:nth-child(1) {width:360px;margin-right: 15px;} .news div:nth-child(2) {width:314px;} /* .news ul{margin-right: 20px;} */ /* .news li{width:95% !important;} */ .login-page #gnb_layout .depth1_ul>li>a span {color: #000;} @media only screen and (max-width:580px){ .news div:nth-child(2) {width:360px;} } /*------------------------------------------------ 레이아웃(모바일 메뉴) ------------------------------------------------*/ /* mobile menu */ #mobile-menu{overflow: visible;padding:0 !important;} #mobile-menu .modal-dialog {float:right;width:100%;height: 100%;margin: 0;border-radius: 0;-webkit-transform: translate(25%,0);transform: translate(25%,0);} #mobile-menu.in .modal-dialog, #mobile-menu.show .modal-dialog {-webkit-transform:translate(0px,0);transform: translate(0px,0);} #mobile-menu .modal-dialog .modal-content {position: relative;height: 100%;border-radius: 0;} /*#mobile-menu .modal-dialog .modal-content .topUtile {position:absolute;top:0;left:0;z-index: 3;width:100%;height:70px;padding: 0 20px;background: #005ca5 url(/images/kor/common/m_bg.png)no-repeat right bottom;text-align: left;}*/ /*#mobile-menu .modal-dialog .modal-content .topUtile strong {display:inline-block;position: relative;width: 86px;height: 35px;margin: 17.5px 0 0;background: url(/images/kor/common/m_logo.png)no-repeat;font-size: 0;vertical-align: top;}*/ #mobile-menu .modal-dialog .modal-content .topUtile strong a {display:block; width:100%; height:100%;} #mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang {display:inline-block;} #mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang {position:relative;padding: 0 30px;} #mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang:before {display:block;position:absolute;left: 12px;top: 26px;content:'';width:1px;height: 16px;background:#4d8dc0;} #mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > button {display:block;width:100%;line-height: 70px;color: #fff;font-size: 15px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;} #mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang.on > button {opacity:0;} #mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > button:after {display:inline-block;margin:0 0 0 5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;content:'';vertical-align:middle;} #mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div {display:none;position:absolute;left: 0;top: 70px;z-index: 3;width:100%;padding: 5px 0;background: #005ca5;} #mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang.on > div {display:block;} #mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div > button{display:block;width:100%;position:absolute;top:-70px;left: 30px;height: 70px;line-height: 70px;color: #fff;font-size: 15px;text-align: left;} #mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div > button:after {display:inline-block;margin:0 0 0 5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #fff;content:'';vertical-align:middle;} #mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span {display:block;} #mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span a {display:block;width:100%;margin: 10px 0;color: #fff;font-size: 15px; text-align: center;} #mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span:last-child a {border:none;} #mobile-menu .modal-dialog .modal-content .m_quickmenu {position:absolute;top: 70px;left:0;z-index: 2;width:100%;padding:20px;text-align:left;box-shadow: 4px 4px 10px rgba(0,0,0,.05);} #mobile-menu .modal-dialog .modal-content .m_quickmenu strong {display:block; margin:0 0 10px; font-size:18px; color:#282828;} #mobile-menu .modal-dialog .modal-content .m_quickmenu strong span {display:inline-block; font-weight:700; font-size:18px; color:#004a84;} #mobile-menu .modal-dialog .modal-content .m_quickmenu .inner {overflow-x:auto;} #mobile-menu .modal-dialog .modal-content .m_quickmenu .inner2 {width: 890px;} #mobile-menu .modal-dialog .modal-content .m_quickmenu .inner a {display:inline-block;height:40px;margin-right:10px;padding:0 10px;border:1px solid #ddd;border-radius:10px 0 10px 0;line-height:38px;font-size:14px; color:#282828;} #mobile-menu .modal-dialog .modal-content .modal-body {height:100%;padding: 0;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {overflow-y: auto;overflow-x: hidden;position: relative;left: 0;top: 0;height:100%;padding: 100px 0 0;background: #000; text-align:left;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:before {display:block;position:absolute;content:'';right: 0;top: 0;bottom: 0;width: calc(100% - 300px); background: #fff;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:after{display: block; position: fixed; right: 25px; bottom: 30px; content: ''; width: 188px; height: 119px;/* background: url(../img/common/gnb_bg.png) no-repeat; */} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:after {display:block; clear:both; visibility:hidden; content:'';} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {display:block;position:absolute;z-index: 1;width: 300px;padding-left: 50px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before {display:block;opacity: 0;position:absolute;content:'';right: -25px;top:50%;width: 70px;height:3px;margin-top:-1.5px;background: #ea5413;transition: all 0.3s;-webkit-transition: all 0.3s;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:before {opacity: 1;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(1) > a {top: 100px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(2) > a {top: 160px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(3) > a {top: 220px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(4) > a {top: 280px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(5) > a {top: 340px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(6) > a {top: 400px;margin-left: 30px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(7) > a {/* top: 545px; */top: 465px;margin-left:30px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {display: block; position: relative; line-height: 1; padding: 0; font-size: 24px; font-weight: 700; color: #fff;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.list {display:none;padding:0 20px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.list a {display:block;left:20px;width: 110px;height:34px;line-height:32px;padding: 0;border:1px solid rgba(255,255,255,3);font-size:16px;color:#fff;text-align:center;} /*#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.login span {display:inline-block; width:15px; height:14px; margin:-2px 5px 0 0; background:url(/images/kor/common/login.png)no-repeat; vertical-align:middle;}*/ /* #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.lang span {display:inline-block; width:15px; height:14px; margin:-2px 5px 0 0; background:url(/images/kor/common/lang.png)no-repeat; vertical-align:middle;} */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {display:block;float:right;width: calc(100% - 300px);height: 100%;padding: 0 30px 0 70px;background: #fff;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul:after {display:block; clear:both; visibility:hidden; content:''; } #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {display:block;float: left;width: 33.33%;padding-right: 20px;margin: 0 0 30px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n3 .depth2_ul > li {min-height: 160px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a {display:block;width: 100%;position:relative;z-index: 10;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {display: inline-block; font-size: 19px;font-weight: bold;line-height:1.4;color: #222222;} /*#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a[target="_blank"] span:after {display:inline-block;width:12px;height:11px;margin:0 0 0 5px;background:url(/images/kor/common/target2.png)no-repeat;content:'';vertical-align:middle;}*/ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul {display: block;margin: 10px 0 0;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li {position:relative;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a {display:block;position: relative;z-index: 10;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span {display: inline-block; /* font-size: 15px; */ color: #666;} /*#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a[target="_blank"] span:after {display:inline-block;width:12px;height:11px;margin:-2px 0 0 5px;background:url(/images/kor/common/target.png)no-repeat;content:'';vertical-align:middle;}*/ #mobile-menu .mobile-close {position:absolute;z-index: 4;top: 30px;right: 30px;} #mobile-menu .mobile-close span {display:block;position:relative;width: 35px;height: 35px;font-size:0;} #mobile-menu .mobile-close span:before, #mobile-menu .mobile-close span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto; transform:rotate(45deg);-webkit-transform:rotate(45deg);} #mobile-menu .mobile-close span:before {width:100%;height: 1px;background: #000;} #mobile-menu .mobile-close span:after {width: 1px;height:100%;background: #000;} .modal-backdrop.in {opacity: .6; z-index: 10;} .modal-open, .modal-open #body_layout {overflow: visible !important;height:100%;} /*------------------------------------------------ 레이아웃(사이트맵 메뉴) ------------------------------------------------*/ .gnb{display:flex;display:-webkit-flex;display:-ms-flexbox;max-width:1260px;width:100%;margin:10px auto;padding-right:74px;} .gnbmenu{position:relative;width:100%;display:flex;flex-wrap:nowrap;justify-content: space-around;} .gnbmenu li{flex:1;text-align:center;position:relative;} .gnbmenu li a{display:block;padding:8px;color:#fff;font-size:21px;font-weight:700;line-height:24px;} .gnbmenu li a:hover,.gnbmenu li a:active,.gnbmenu li.click_active a{color:#ffe96d;} .gnbmenu:after{content:'';background:rgba(255,255,255,0);transition:100ms ease-in ;} .gnbmenu li .depth_sub{display:none;position:absolute;left:50%;transform:translateX(-50%);right:0;min-width:200px;margin-top:27px;padding:10px 1vw;height:486px;z-index:50;text-align:left;background:#fff} .gnbmenu li .depth_sub a{display:block;padding:8px 0;font-size:16px;line-height:22px;font-weight:700;color:#555;border-bottom:none;white-space: nowrap;letter-spacing:-0.04em;} .gnbmenu li .depth_sub a:hover,.gnbmenu li .depth_sub a:active,.gnbmenu li .depth_sub a.active{color:#F15A29;font-weight:700} .gnbmenu li:nth-child(1) .depth_sub{} .gnbmenu li:nth-child(2) .depth_sub{} .gnbmenu li:nth-child(3) .depth_sub{} .gnbmenu li:nth-child(4) .depth_sub{width:220px;} .gnbmenu li:nth-child(5) .depth_sub{} .gnbmenu li:nth-child(6) .depth_sub{left:auto;right:-50%;} .gnbmenu li.active .depth_sub{display:block;} .gnbmenu li.click_active .depth_sub{display:block;} .gnbmenu li .depth_sub .depth_item{display:block;vertical-align:top;} .gnbmenu li .depth_sub .depth_item .depth3{text-align:left;} .gnbmenu li .depth_sub .depth_item .depth3 a{display:block;font-size:15px;padding:0 10px;color:#787878;font-weight:400;line-height:1.4;} .gnbmenu li .depth_sub .depth_item .depth3 a:hover{color:#F15A29;font-weight:400;} .module_right{position:absolute;height:100px;right:20px;top:36px;display:block;margin:auto 0;align-items: center;} /*.module_right .btn_lang{display:inline-block;width:17px;height:17px;background:url(../images/common/lang.png) no-repeat center top;background-size:17px;}*/ .module_right .btn_login{margin-top: 5px; margin-left:20px;display:inline-block;width:30px;height:30px;background:url(../img/common/login.png) no-repeat center top;} .module_right .btn_login.logout{ background:url(../img/common/logout.png) no-repeat center top; } /*.module_right .btn_login:hover,.module_right .btn_login:active{background-position:center bottom;}*/ .module_right .btn_search{margin-left:22px;display:inline-block;width:30px;height:30px;background:url(../images/common/btn_search.png) no-repeat center top;} .module_right .btn_search:hover,.module_right .btn_search:active{background-position:center bottom;} .module_right .btn_menu{margin-left:22px;display:inline-block;width:30px;height:30px;background:url(../images/common/btn_menu.png) no-repeat center top;} .module_right .btn_menu:hover,.module_right .btn_menu:active{background-position:center bottom;} .module_right .btn_logout{display:inline-block;margin-left:22px;width:30px;height:30px;background:url(../img/common/logout.png) no-repeat center top;} .module_right .btn_logout:hover,.module_right .btn_logout:active{background-position:center bottom;} .module_right .btn_mypage{display:inline-block;margin-left:22px;width:30px;height:30px;background:url(../images/common/btn_mypage.png) no-repeat center top;} .module_right .btn_mypage:hover,.module_right .btn_mypage:active{background-position:center bottom;} .lang_wrap{position:relative;display:inline-block;} .lang_wrap a { font-size: 17px; font-weight: 600; color: #ffffff; } /* sitemap */ #sitemap{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#fff;z-index:10000;} #sitemap.active{display:block;} .navwrap{position: relative; padding:70px 100px;width:100%;height:100%;overflow: auto;} .navwrap h4{float:left;margin-left:15px;font-size:28px;font-weight:800;line-height:54px;} .navwrap .btns{float:right;} /* .navwrap .btns a.btn_func{display:inline-block;margin:0 15px 0 0;width:240px;height:54px;line-height:54px;font-size:18px;background:#F15A29;color:#fff;text-align:center;font-weight:700;vertical-align:top;} */ .navwrap .btns a.btn_func:hover, .navwrap .btns a.btn_func:nth-child(2):hover{ background: #1D99F8; } .navwrap .btns a.btn_func{display:inline-block;margin:0 15px 0 0;width:240px;height:54px;line-height:54px;font-size:18px;background:#2468b6;color:#fff;text-align:center;font-weight:700;vertical-align:top;} .navwrap .btns a.btn_func:nth-child(2){background:#204c8a;} .navwrap .btns a.btn_func:nth-child(3){background:#204c8a;}/*#204c8a*/ .btn_menu{position: absolute;right: 40px;top: 20px;width: 45px;height: 45px;background: url(../img/common/btn_nav_close.png) no-repeat center center;background-size: 24px 24px;z-index: 10001;} /* sitemap ul design */ /* .sidemenu{display:flex;flex-wrap:wrap;justify-content: flex-start;align-items: stretch;} */ .sidemenu li{flex-basis:calc(25% - 30px);margin: 40px 15px 0;border:1px solid #2b2b2b; height: fit-content;} .sidemenu li a{display:block;height:50px;line-height:50px;padding:0 20px;/* background:#222; */background:#2468b6; color:#fff;font-size:20px;font-weight:700;} .sidemenu li .depth_sub{/* display:block; */display: flex; flex-wrap: wrap; justify-content: start;} div.depth_sub h3{/* width:20%; */ display: flex; flex-direction: column; flex-grow: 1;} /* .sidemenu li .depth_sub a{margin-top:10px; margin-bottom: 10px; display:block;padding:0 20px;background:none;color:#333;line-height: 40px;height:40px;font-size:17px;font-weight:400; } */ .sidemenu li .depth_sub a{margin-top:10px; margin-bottom: 10px; display:block;padding:0 20px;background:none;color:#333;line-height: 40px;height:fit-content;font-size:20px;font-weight:400; } /* 사이트맵 메뉴 글자 크기 */ .sidemenu li .depth_sub a:hover{font-weight:700;} .sidemenu li .depth_sub a + a{margin-top:0;} .sidemenu li .depth_sub .depth3{padding:10px 0;display:block;background:#f5f5f5; /* width: 99.9%; */flex-grow: 1; } .sidemenu li .depth_sub .depth3 a{margin-top:0;font-size:18px;padding:0 40px;line-height:30px;height:30px;} /* 사이트맵 메뉴 글자 크기 */ .contents{width:100%;min-height:calc(100% - 250px);} @media (max-width: 1100px) { .sidemenu li .depth_sub {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 0;} .sidemenu li .depth_sub > * {flex: 0 0 50%;box-sizing: border-box;} .sidemenu li .depth_sub .depth3 {flex: 0 0 50%;} } /*------------------------------------------------ 레이아웃(서브 페이지, 서브메뉴) ------------------------------------------------*/ .sub-page{margin-bottom: 5%;} .lnb {height: 70px; background: #121c3e /* url(../img/sub/lnb_bg.png) no-repeat right 5px bottom 10px */ ; padding: 0; min-width: 1450px;} .lnb:after {content: ""; display: block; clear: both;} .lnb .home {float: left; width: 70px; height: 70px; background: url(../img/sub/sub_nav_home.png) no-repeat center / 24px auto; text-indent: -9999px;} .lnb-item {position: relative; float: left; width: 250px; height: 70px; font-size: 16px; font-weight: 600; z-index: 11; border-left: 1px solid #444d6e; border-right: 1px solid #444d6e;} .lnb-item a {display: block; height: 70px; line-height: 70px; color: #fff; padding: 0 20px;font-size: 20px; text-overflow: ellipsis;} /* .lnb-item a {display: block; line-height: 70px; color: #fff; padding: 0 20px;} */ .lnb-item .active > a {border-left-width: 0; margin-left: 0; border-top-width: 1px; padding-right: 0; bottom: 0;} .lnb-item .active > a:after {content: ""; display: block; position: absolute; width: 16px; height: 60px; right: 20px; top: 0; background-size: 16px auto;} .lnb-item > ul {position: absolute; top: 0; left: 0; right: 0; padding-top: 70px; height: 0; overflow: hidden;} .lnb-item > ul .active {position: absolute; top: 0; left: 0; right: 0; height: 70px;} .lnb-item > ul .active.open a {font-weight: 400; background: #3F3F6F;} .lnb-item ul > li {border-left:1px solid #f0eded;} .lnb-item ul > li.active {border-left: none;} .lnb-item.first {border-right: 0;border-left: 0;} .lnb-item .navi_list a { color: #000; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /*--------------------------------------------- [25.08.05] gbkim 서브페이지 헤더영역 위치 내비 [25.08.06] gbkim 모바일 1300px일 때 서브페이지 헤더영역 위치 내비 위치 변경 -----------------------------------------------*/ .sub-top{position: relative;width: 100%;height: 210px;background: url(../img/test444.png) no-repeat center bottom;background-color: #fdf9ff;background-size: cover;overflow: hidden;} .sub-top-inner{position: relative;margin: 0 auto;max-width: 1200px;overflow: visible;} .sub-top-wrap{display: block;position: absolute;top: 75px;left: 190px;z-index: 10;} .sub-menu-title{position: relative;font-size: 40px;font-weight: bold;line-height: 1.5;letter-spacing: -0.05em;} @media screen and (max-width: 1300px) { .sub-top-wrap { left: 20px; } } .sub-top2{position: relative;width: 100%;height: 210px;background: url(../img/img_subTop_bg9.png) no-repeat center bottom;background-color: #fdf9ff;background-size: cover;overflow: hidden;} /*[25.08.05] gbkim 헤더영역 없어졌을 때 margin-bottom: 250px 제거 및 패딩 80px 0 0 => 0 0 0 0 으로 변경 */ .sub-contents { padding: 0 0 0 0;} .sub-contents .page_tit {margin: 50px auto 40px; display: flex; justify-content: space-between;} .sub-contents .page_tit h2 {position: relative; font-size: 32px; font-weight: bold;} .sub-contents .page_tit h2:before {content: ""; position: absolute; top: 0; left: -33px; width: 21px; height: 14px; background: url(../img/sub/h2_ico.png) no-repeat;} #tab_wrap {position: relative;} #tab_wrap .tab_list {display: flex; justify-content:center; margin: 0 auto 35px;} #tab_wrap .tab_list li {float: left; text-align: center; flex-grow:1;} #tab_wrap .tab_list li a {display: inline-block; position: relative; font-size: 18px; color: #000;/* margin: 0 10px; */ width: 100%;} #tab_wrap .tab_list li a:after {display: inline-block; position: absolute; left: 0; bottom: -13px; content: ''; width: 0; height: 5px; background: #F15A29; transition: all 0.3s; -webkit-transition: all 0.3s;} #tab_wrap .tab_list li a span {display: inline-block; position: relative; /* z-index: 2; */ font-size: 20px; color: #555555; font-weight: 500;} /*z-index 주석:서브메뉴 가리는 현상*/ #tab_wrap .tab_list li a.ov span {color: #F15A29;} #tab_wrap .tab_list li a.ov:after {width: 100%;} #tab_wrap .tab_con .con {display: none;} #tab_wrap .tab_con .con.ov {display: block;} #research .con ul li {/* border-top: 1px solid #000; */ font-size: 18px; padding: 25px 0;} /* #research .con ul li:last-child {border-bottom: 1px solid #000;} */ #research .con ul li span {float: left; color: #9b9b9b; font-weight: bold; padding: 0 80px; font-family: 'NotoSansKR';} #research .con ul li p {font-weight: 500;margin: 0 auto;width: 85%;text-align: center;} /*------------------------------------------------ 레이아웃(영문 사이트 메인) ------------------------------------------------*/ #fullpage .section .fp-tableCell{padding-top:94px;} #fullpage .section article{margin:0 auto;padding:54px 40px;max-width:1280px;} .tit_header{position:relative;} .main_tit{font-size:20px;color:#404040;} .tit_header h2{padding-right:230px;margin-top:5px;font-size:36px;color:#404040;letter-spacing:-0.015em;line-height:1.25;} .tit_header h2 span{font-size:inherit;font-weight:700;letter-spacing:-0.015em;} .tit_header .btn_more{position:absolute;right:0;bottom:0;display:block;width:230px;height:52px;padding:0 20px;text-align:left;font-size:18px;line-height:52px;font-weight:500;color:#fff;} .tit_header .btn_more i{float:right;width:18px;height:50px;background:url(../images/common/btn_more_arr.png) no-repeat center center;} /* #fullpage > .section.bg01{background:#fff url(../images/main/main_bg01.png) no-repeat center top;} */ /* --- background img --- */ #fullpage > .section.bg01{background:#fff url(../img/main/visual_lrc.jpg) no-repeat center top; background-size: cover;} #fullpage > .section.bg01 article{margin:15.11vh auto 6.87vh;padding:0;} #fullpage > .section.bg01 article .main_banner{padding:35px 0 0;width:640px;height:226px;background:rgba(29, 153, 248,0.85);} #fullpage > .section.bg01 article .main_banner h4{padding:0 40px;font-size:34px;color:#fff;font-weight:700;font-style: italic;} #fullpage > .section.bg01 article .main_banner .main_board{position:relative;margin-top:20px;padding:0 40px 35px;overflow:hidden;} #fullpage > .section.bg01 article .main_banner .main_board ul li a{display:block;} #fullpage > .section.bg01 article .main_banner .main_board ul li a .ellip{display:block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow:ellipsis;font-size:20px;color:#fff;line-height:1.5;height:60px;overflow:hidden;} #fullpage > .section.bg01 article .main_banner .main_board ul li a .date{margin-top:15px;font-size:14px;color:#ffffff;} .section.bg01 article .main_banner .main_board .swiper-button-next{top:auto;bottom:20px;right:10px;width:40px;height:40px;background: url(../images/main/btn_bd_right.png) no-repeat center center;} .section.bg01 article .main_banner .main_board .swiper-button-next:after{content:none;} .section.bg01 article .main_banner .main_board .swiper-button-prev{top:auto;bottom:20px;left:auto;right:60px;width:40px;height:40px;background: url(../images/main/btn_bd_left.png) no-repeat center center;} .section.bg01 article .main_banner .main_board .swiper-button-prev:after{content:none;} .section.bg01 article .main_banner .main_board .swiper-button-next.swiper-button-disabled, .tabinslide .swiper-button-prev.swiper-button-disabled{opacity:1;} #fullpage > .section.bg01 article .back_wh{display:flex;flex-direction: row;padding:0 40px; height:420px;background:rgba(255,255,255,0.85);align-items: center;box-shadow:0 1px 6px rgba(0,0,0,0.1);} #fullpage > .section.bg01 .btn_more{position:relative;right:initial;bottom:initial; margin-top:40px;background:#F15A29;} #fullpage > .section.bg01 .tit_header{margin-right:48px;} #fullpage > .section.bg02{background:#fff;} #fullpage > .section.bg02 h2 span{color:#ff7575;} #fullpage > .section.bg02 .btn_more{right:40px;background:#204c8a;} /* #fullpage > .section.bg03{background:#f6f6f6 url(../images/main/bg_right.png) no-repeat right center;} */ #fullpage > .section.bg03 h2 span{color:#106281;} #fullpage > .section.bg03 .btn_more{right:40px;background:#106281;} /* #fullpage > .section.bg04{background:#f6f6f6 url(../images/main/bg_left.png) no-repeat left center;} */ #fullpage > .section.bg04 h2 span{color:#0064e0;} #fullpage > .section.bg04 .btn_more{background:#0064e0;} .section.bg02 article{position:relative;padding:0!important;} .section.bg02 article .tit_header{padding:54px 40px 0;} .section.bg03 article{position:relative;padding:0!important;} .section.bg03 article .tit_header{padding:54px 40px 0;} .section.bg03 article .back_sky{margin-top:40px;padding:15px 40px 45px;background:#e9f5f9;border-radius:20px;overflow:hidden;} .section.bg03 .tab{position:relative;} .section.bg03 .tab:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#e0e0e0;} .section.bg03 .tab li{display:inline-block;min-width:150px;height:50px;} .section.bg03 .tab li + li{margin-left:-1px;} .section.bg03 .tab li a{position:relative;padding:0 12px;display:block;text-align:center;line-height:48px;font-size:20px;color:#999;} .section.bg03 .tab li:hover a,.section.bg03 .tab li.on a{color:#222;font-weight:700;} .section.bg03 .tab li:hover a:after,.section.bg03 .tab li.on a:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#222;} .section.bg03 .tab_conts li{} .tabinslide{position:relative;margin-top:25px;} .tabinslide .swiper-slide {border:1px solid #ddd;background:#fff;border-radius:10px;min-height:455px;overflow:hidden;} .tabinslide .swiper-slide .preview{display:block;width:100%;} .tabinslide .swiper-slide .preview img{width:100%;} .tabinslide .swiper-slide .edu_media{padding:40px 30px;} .tabinslide .swiper-slide .edu_media .subject{display:block;font-size:17px;color:#aaaaaa;} .tabinslide .swiper-slide .edu_media p{margin-top:10px;max-height:56px;display:block;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;line-height:1.4;overflow:hidden;text-overflow: ellipsis;font-size:20px;color:#333;} .section.bg03 article .swiper-button-next{top:64%;right:-60px;width:50px;height:50px;background: url(../images/common/btn_right.png) no-repeat center bottom;} .section.bg03 article .swiper-button-next:after{content:none;} .section.bg03 article .swiper-button-prev{right:auto;top:64%;left:-60px;width:50px;height:50px;background:url(../images/common/btn_left.png) no-repeat center bottom;} .section.bg03 article .swiper-button-prev:after{content:none;} .section.bg03 article .swiper-button-next.swiper-button-disabled, .tabinslide .swiper-button-prev.swiper-button-disabled{opacity:1;background-position:center top;} .program_sys{flex:1;} .program_sys li + li{margin-top:40px;} .program_sys li a{position:relative;display:block;padding-left:110px;text-align:left;} .program_sys li:nth-child(1) a{background: url(../images/main/program_img01.png) no-repeat left top;} .program_sys li:nth-child(2) a{min-height:62px;background: url(../images/main/program_img02.png) no-repeat left top;} .program_sys li:nth-child(3) a{min-height:53px;background: url(../images/main/program_img03.png) no-repeat left top;} .program_sys li h4{font-size:20px;color:#404040;font-weight:700;} .program_sys li p{margin-top:10px;font-size:14px;color:#404040;font-weight:400;line-height:1.25;} .program_sys li .txt_more{position:absolute;right:0;top:35px;color:#404040;font-size:13px;} .section.bg04 .dp_flex{margin-top:40px;display:flex;flex-wrap:nowrap;justify-content: flex-start;align-items: stretch;} .section.bg04 .dp_flex .left_sect{width:400px;margin-right:20px;} .section.bg04 .dp_flex .left_sect .month{background:#e5f0fd;border-radius:5px;height:100%;} .section.bg04 .dp_flex .left_sect .month_head{position:relative;padding:0 20px;height:56px;border-bottom:1px solid #eee;} .section.bg04 .dp_flex .left_sect .month_head p{color:#222;line-height:55px;font-size:18px;font-weight:700;} .section.bg04 .dp_flex .left_sect .month table{width:100%;table-layout: fixed;} .section.bg04 .dp_flex .left_sect .month table th{height:40px;border-bottom:1px solid #5aa1a2;text-align:center;font-size:14px;font-weight:700;color:#f6d777;} .section.bg04 .dp_flex .left_sect .month table td{width:14.285%;text-align:center;height:60px;vertical-align: middle;} .section.bg04 .dp_flex .left_sect .month table td a{margin:auto;display:block;color:#fff;font-size:16px;line-height:46px;} .section.bg04 .dp_flex .left_sect .month table td a.today{width:46px;height:46px;border-radius:50%;background:#f6d570;color:#393939;font-weight:700;} .section.bg04 .dp_flex .left_sect .month table td a:hover{width:46px;height:46px;border-radius:50%;background:#f6d570;color:#393939;font-weight:700;} /* -- 구형internet explorer 전용 속성 -- */ /*.section.bg04 .dp_flex .left_sect .month .scr{padding:10px 20px;height:390px;overflow-y:auto;scrollbar-face-color: #e5f0fd;*/ /* scrollbar-track-color: #e5f0fd;*/ /* scrollbar-arrow-color: none;*/ /* scrollbar-highlight-color: #bddbfd;*/ /* scrollbar-3dlight-color: none;*/ /* scrollbar-shadow-color: #bddbfd;*/ /* scrollbar-darkshadow-color: none;*/ /*}*/ /* -- 최신 웹 브라우저 전용 스크롤바 속성 -- */ .section.bg04 .dp_flex .left_sect .month .scr {padding: 10px 20px;height: 390px;overflow-y: auto; /* 크롬, 엣지, 사파리용 */ scrollbar-width: thin; /* Firefox */ scrollbar-color: #bddbfd #e5f0fd; /* thumb track */ } /* 크롬/사파리 전용 (Webkit 기반) */ .section.bg04 .dp_flex .left_sect .month .scr::-webkit-scrollbar {width: 8px;} .section.bg04 .dp_flex .left_sect .month .scr::-webkit-scrollbar-thumb {background-color: #bddbfd;border-radius: 6px;} .section.bg04 .dp_flex .left_sect .month .scr::-webkit-scrollbar-track {background-color: #e5f0fd;} /* -- 최신 웹 브라우저 전용 스크롤바 속성 -- */ .section.bg04 .dp_flex .left_sect .month .scr::-webkit-scrollbar { width: 10px; /* 세로축 스크롤바 길이 */ height: 390px; /* 가로축 스크롤바 길이 */ } .section.bg04 .dp_flex .left_sect .month .scr::-webkit-scrollbar-track { background-color: #e5f0fd; } .section.bg04 .dp_flex .left_sect .month .scr::-webkit-scrollbar-track-piece { background-color: #dbebff; } .section.bg04 .dp_flex .left_sect .month .scr::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #bddbfd; } .section.bg04 .dp_flex .left_sect .month .scr::-webkit-scrollbar-button { background-color: transparent; width: 20px; height: 10px; } .section.bg04 .dp_flex .left_sect .month ul li{padding:10px;background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.1);border-radius:5px;} .section.bg04 .dp_flex .left_sect .month ul li p{font-weight:400; display: flex;} .section.bg04 .dp_flex .left_sect .month ul li p .day{display:inline-block;padding:18px 3px 8px;width:60px;height:50px;margin-right:5px;font-weight:600;text-align:center;font-size:16px;color:#0352b5;line-height:24px;background:url(../images/main/dday.png) no-repeat center center;vertical-align:middle;} .section.bg04 .dp_flex .left_sect .month ul li p span{display:inline-block; width: 100%; padding:0 10px;font-size:17px;font-weight:400;color:#222;line-height:30px;vertical-align:middle;} .section.bg04 .dp_flex .left_sect .month ul li + li{margin-top:10px;} .section.bg04 .dp_flex .right_sect{margin-left:20px;flex:1;border:1px solid #ddd;border-radius:10px;overflow:hidden;} .section.bg04 .dp_flex .right_sect .tab{background:#f5f8fb;overflow:hidden;} .section.bg04 .dp_flex .right_sect .tab li{float:left;width:120px;height:64px;} .section.bg04 .dp_flex .right_sect .tab li a{display:block;text-align:center;line-height:64px;color:#818181;font-size:18px;} .section.bg04 .dp_flex .right_sect .tab li.on,.section.bg04 .dp_flex .right_sect .tab li:hover{background:#fff;} .section.bg04 .dp_flex .right_sect .tab li.on a,.section.bg04 .dp_flex .right_sect .tab li:hover a{color:#222;font-weight:700;} .section.bg04 .dp_flex .right_sect .tab_conts li{padding:15px 0;background:#fff;min-height:390px;} .section.bg04 .dp_flex .right_sect .tab_conts li a{display:block;padding:15px 32px;overflow:hidden;} .section.bg04 .dp_flex .right_sect .tab_conts li a .ellip{float:left;display:block;width:calc(100% - 140px);overflow:hidden;text-overflow: ellipsis;font-size:18px;color:#2b2b2b;line-height:30px;white-space: nowrap;;} .section.bg04 .dp_flex .right_sect .tab_conts li a .date{float:right;display:block;width:120px;color:#999;font-size:16px;line-height:30px;text-align:right;} #fullpage .section.footer .fp-tableCell{padding:0;} .footer{width:100%;background:#434343;} .footer .foot_menu{background:#3b3b3b;} .footer .foot_menu article{max-width:1280px;margin:0 auto;padding:0!important;display:flex;height:72px;flex-wrap:nowrap;justify-content: center;align-items: center;} .footer .foot_menu article a{color:#dbdbdb;font-size:18px;flex:1;text-align:center;} .footer .foot_menu article a:hover,.footer .foot_menu article a:active{color:#fff} .footer .info{margin:0 auto;padding:55px 0 ;max-width:1280px;width:100%;display:flex;flex-wrap:nowrap;justify-content: flex-start;align-items: center;} /* .footer .info .logo2{margin-right:44px;width:291px;height:53px;background:url(../images/common/f_logo.png) no-repeat center center;} */ .footer .info .footer_logo{margin-right:120px;width:180px;height:53px;background:url(../images/common/logo_w.png) no-repeat center center;background-size:cover;} .footer .info div {flex:1;} .footer .info div p{color:#c2c2c2;font-size:14px;} .footer .info div p + p{margin-top:20px;} .footer .info .tel {display:inline-block;color:#333;background-color:#c2c2c2;font-weight:600;padding:8px 10px;margin-top:3px;margin-right:6px;} .btn_top{display:none;} .btn_type1{display:inline-block;padding:0 10px;text-align:center;background:#2658a0;color:#fff !important;} .btn_type2{display:inline-block;padding:0 10px;text-align:center;background:#fff;color:#222;border:1px solid #e8e8e8;} .btn_type3{display:inline-block;padding:0 10px;text-align:center;background:#2658a0;color:#fff;} .btn_type4{display:inline-block;padding:0 10px;text-align:center;background:#666;color:#fff;} /*------------------------------------------------ 레이아웃(페이지 네비게이터, 공통) ------------------------------------------------*/ .page_navigator{border-bottom:1px solid #aaa;} .page_navigator ul{position:relative;max-width:1280px;width:100%;margin:0 auto;} .page_navigator ul:after{content:'';clear:both;display: block;} .page_navigator ul li{position:relative;float:left;border-right:1px solid #aaa;} .page_navigator { padding-top: 95px !important; } /* 임시 */ @media screen and (max-width: 1100px) { .page_navigator { padding-top: 80px !important; } /* 임시 */ /* .sub_dept2 {padding-left:0 !important;} */ } @media screen and (max-width: 834px) { .page_navigator { padding-top: 50px !important; } /* 임시 */ } .navi_home{display:block;width:50px;height:50px;background:url(../images/common/nav_home.png) no-repeat center center;background-size:20px 20px;border-left:1px solid #aaa;} .navi_menu_debth{display:block;min-width:240px;height:50px;line-height:30px;padding:10px 50px 10px 20px; background:url(../img/common/select.png) no-repeat right center; font-size:17px; min-width: auto; white-space: nowrap; overflow: hidden; } .navi_list{display:none;position:absolute;left:-1px;bottom:0;right:-1px;background:#fff;border:1px solid #aaa;transform:translateY(100%);z-index:10;} /* .navi_list a{padding:13px 20px;line-height:24px;font-size:17px;display:block;color:#787878;height: 50px;} */ .navi_list a:hover,.navi_list a:active{background:#f8f8f8;} /*------------------------------------------------ 레이아웃(콘텐츠 페이지 레이아웃,공통) ------------------------------------------------*/ /*.page_box{padding:0 40px;}*/ .page_conts{margin:0 auto;padding:80px 0;max-width:1280px;width:100%;} .page_tit{margin-bottom:35px} .page_tit h2{font-size:32px;color:#222;font-weight:800;} .page_tit h2:before{font-size:32px;color:#222;font-weight:800;background: url(../img/sub/h2_ico.png) no-repeat;} .page_tit p{margin-top:30px;font-size:24px;color:#404040;} .txt24{font-size:24px;color:#404040;} .page_conts section + section{margin-top:50px;} .sub-top{min-height: 210px; z-index: auto;} /*------------------------------------------------ 레이아웃(콘텐츠 페이지 레이아웃,공통,비전 - 상자 디자인) ------------------------------------------------*/ .vision .workout{position:relative;margin:15px 0;display:flex;flex-wrap:nowrap;justify-content: center;} .vision .workout:before{content:'';position:absolute;left:10%;top:25px;width:80%;height:1px;background:#ddd;z-index:-1;} .vision .workout li{position:relative;margin:0 15px;text-align:center;flex:1;align-items: stretch;} .vision .workout li .round{display:block;background:#1D99F8;text-align:center;} .vision .workout li .round p{color:#fff;font-size:20px;font-weight:800;line-height:54px;} .vision .workout li .square{margin-top: 10px;background: #f2f4f6;text-align: center;min-width: 130px;padding: 5px 15px;} .vision .workout li:nth-child(2) .round{background:#0090FF;} .vision .workout li:nth-child(3) .round{background:#0082E6;} .vision .workout li:nth-child(4) .round{background:#0068B8;} .vision .workout li:nth-child(5) .round{background:#004E8A;} .vision .workout li:nth-child(6) .round{background:#004274;} .vision .workout li .square h3{padding-bottom:20px;font-size:22px;line-height:1.3;color:#F15A29;text-align:center;} .vision .workout li .square p{position:relative;text-align:center; min-height: 50px;} .vision .workout li .square p:before{/*content:'';position:absolute;left:0;top:17px; width:3px; height:3px;background:#404040;*/}/*기술이전 아이콘 삭제*/ .vision .workout li:nth-child(2) .square h3{color:#0090FF;} .vision .workout li:nth-child(3) .square h3{color:#0082E6;} /* .vision .workout:after{content:'';position:absolute;left:0;bottom:-220px;width:100%;height:230px;z-index:-1;background:url(../images/sub/vision_bg.png) no-repeat center bottom;} */ .vision .vision_end{position:relative;margin:70px auto 50px;display:inline-block;padding:30px 100px;color:#404040;font-size:38px;font-weight:800;line-height:1.5;background:#c9e4ff;border-radius:100px;box-shadow:0 0 20px rgba(274,215,255,0.3);} .vision .vision_end span{font:inherit;color:#004e8a;} .vision .linebox2 .email button{margin-bottom: 5px;} .pl-20 {padding-left: 20px !important;} @media only screen and (max-width:834px){ .vision h3{font-size:16px;} .vision h2{font-size:28px;} .vision .goal{margin-top:0;flex-wrap:wrap;} .vision .goal li{margin:25px 20px;} .vision .goal li:nth-child(2):before{left:50%;top:-25px;margin-left:-11px;} .vision .goal li:nth-child(3):before{left:50%;top:-25px;margin-left:-11px;} .vision .goal:after{background: #fff;} /* .vision .goal li div{padding:60px 30px;} */ .vision .goal li:nth-child(2):before{content:'';display: none;} .vision .goal li:nth-child(3):before{content:'';display: none;} .vision .goal li:nth-child(4):before{content:'';display: none;} /* .vision .goal li div p{font-size:18px !important;} */ .vision .workout{flex-wrap:wrap;flex-direction:column;justify-content:flex-start;} .vision .workout li{flex:none;width:100%;margin:10px 0 0;} .vision .workout li .round p{line-height:45px;} .vision .workout li .square h3{font-size:15px;} .vision .workout:before{left:50%;width:1px;height:90%;} .vision .workout:after{bottom:-55px;background-size:contain;} .vision .vision_end{margin:50px auto;display:block;padding:30px 10px;font-size:20px;text-align:center;word-break: keep-all;} .vision .vision_end br{display:none;} } /*------------------------------------------------ 레이아웃(etc) ------------------------------------------------*/ .num{font-size:17px;} .num span{font-size:17px;font-weight:700;} .nodata{display:inline-block;padding-left:24px;font-weight:400;background:url(../images/common/nodata.png) no-repeat left center;font-size:17px;color:#999;line-height:30px;} /* table column */ /* .cper0700{width:7%;} .cper1000{width:10%;} .cper1200{width:12%;} .cper1500{width:15%;} .cperauto{width:auto;} .cper2000{width:20%;} .cper3000{width:30%;} */ /* tag */ .tag span{display:block;font-size:15px;line-height:2;color:#fff;} .tag.case01{background:#00ad4d;} .tag.case02{background:#ffe476;} .tag.case02 span{color:#222;} .tag.case03{background:#666;} /* .package */ .package{display:inline-block;} .package span{padding:0 10px;display:inline-block;line-height:24px;font-size:13px;font-weight:500;border-radius:6px;background:#fff;} .package.basic span{border:1px solid #00ad4d;color:#00ad4d;} .package.pre span{border:1px solid #F15A29;color:#F15A29;} .package.up span{border:1px solid #9e7ced;color:#9e7ced;} .package.nonstop span{border:1px solid #004592;color:#004592;} .package.club span{border:1px solid #ff8636;color:#ff8636;} .package.camp span{border:1px solid #1f8389;color:#1f8389;} .package.contest span{border:1px solid #fb489c;color:#fb489c;} .package.etc span{border:1px solid #d2691e;color:#d2691e;} /* .application */ /* .application{display:flex;flex-wrap:nowrap;justify-content: flex-start;align-items: center; border:1px solid #eee;border-radius:12px;} */ .application{display:flex;flex-wrap:nowrap;justify-content: flex-start; border:1px solid #eee;border-radius:12px; white-space: nowrap;} .application li{position:relative;flex:1;padding:14px 30px;background:#f8f8f8; } .application li:after{content:'';position:absolute;top:0;right:-30px;width:30px;height:68px;background:url(../images/common/application_bg.png) no-repeat right bottom;z-index:1} .application li a{display:block;line-height:40px;font-size:17px;color:#888;} .application li a span{display:inline-block;margin:0 10px 0 0; background-color:#dfdfdf;background-repeat:no-repeat;background-position:center top;border-radius:50%;width:40px;height:40px;vertical-align: top;} .application li:first-child a span{background-image:url(../images/common/step_01.png);} .application li:nth-child(2) a span{background-image:url(../images/common/step_02.png);} .application li:nth-child(3) a span{background-image:url(../images/common/step_03.png);} .application li:last-child a span{background-image:url(../images/common/step_04.png);} .application li:last-child:after{content:none;} .application li.on{background-color: #1d99f8; /* background:#F15A29; */} .application li.on a{color:#fff;font-weight:700;} .application li.on a span{background-color:#fff;background-position:center bottom;} .application li.on:after{background-position:right top;} @media (max-width: 400px) { .application { white-space: normal; } } /* .addr */ .addr .btn_type4{width:100px;height:45px;line-height:45px;margin-right:10px;border-radius:4px;font-size:15px;} .addr .btn_type4 + input[type="text"]{width:calc(100% - 110px)} .addr input[type="text"]:last-child{margin-top:10px;} .organization{background:#f8f8f8;padding:20px;} /*------------------------------------------------ 레이아웃(테이블) ------------------------------------------------*/ .tblist{margin:50px auto 0;width:100%;table-layout: fixed;border-collapse: collapse;} .tblist thead th{padding:10px 10px;border-top:1px solid #222;background:#f8f8f8;border-bottom:1px solid #eee;/* font-size:18px; */font-weight:600;text-align: center;} .tblist thead th + th{border-left:1px solid #eee;} .tblist tbody td{border-bottom:1px solid #eee;border-right:1px solid #eee;padding:10px 15px;text-align:center;vertical-align: middle;} .tblist tbody tr td:last-child{border-right:none;} .tblist tbody td p{position:relative;/* font-size:18px; */color:#555555;line-height:1.8;/* letter-spacing: -0.02em;word-break: keep-all; */} .tblist tbody td p.dot{padding-left:10px;} .tblist tbody td p.dot:before{content:'';position:absolute;left:0;top:12px;width:4px;height:4px;background:#ddd;} .tblist .bliner{border-right:1px solid #eee!important;} .tblist .blinel{border-left:1px solid #eee!important;} .map .tblist tbody td {padding:0 15px;} /*------------------------------------------------ 레이아웃(BI) ------------------------------------------------*/ /* *** 게시판 리스트 **** */ .bdlist{margin:20px auto 0;width:100%;table-layout: fixed;} /* .bdlist thead th{color:#fff;font-size:17px;font-weight:500;background:#3b3b3b;height:50px;text-align: center;} */ .bdlist thead th{color:#fff;font-size:17px;font-weight:500;background:#1D99F8;height:50px;text-align: center;} .bdlist tbody td{padding:10px 10px;text-align:center;border-bottom:1px solid #eee;} .bdlist tbody td p{font-size:17px;color:#555;line-height:30px;} .searchword{color:#F15A29;font:inherit;font-weight:700;} .bdlist tbody td a{font-size:18px;color:#555;line-height:30px;} /* * (25.07.28) gbkim 게시판 제목 hover시 색상 변경 주석처리 */ /*.bdlist tbody td a:hover{color:#F15A29;}*/ /* color:#1d99f8; */ .bdlist.news tbody td a:hover{ text-decoration: underline; } .bdlist.news tbody td a:after {content:'';display:inline-block;width:12px;height:12px;background-image:url(../images/common/press_ico.png);margin-left:7px;background-repeat:no-repeat;box-sizing:border-box} .bdlist tbody td a.ellip{display:block;font-size:17px;color:#555;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .bdlist .cate_day{display:inline-block;min-width:64px;padding:0 10px;line-height:28px;background:#ddd;font-size:15px;color:#3d3d3d;font-weight:700;text-align:center;border-radius:14px;} /* .bdlist .category{display:inline-block;padding:0 10px;line-height:28px;background:#F15A29;font-size:15px;color:#fff;font-weight:700;text-align:center;border-radius:14px;} */ .bdlist .category{display: inline-block;padding: 0 10px;line-height: 28px;background: #1d99f8;font-size: 15px;color: #fff;font-weight: 700;text-align: center;border-radius: 14px;} .bdlist .category1{display: inline-block;padding: 0 10px;line-height: 28px;background: #999999;font-size: 15px;color: #fff;font-weight: 700;text-align: center;border-radius: 14px;} .bdlist .category2{display: inline-block;padding: 0 10px;line-height: 28px;background: #999999;font-size: 15px;color: #fff;font-weight: 700;text-align: center;border-radius: 14px;} .bdlist .category p, .bdlist .category1 p, .bdlist .category2 p{color: #fff;} .bdlist .category.w140, .bdlist .category1.w140, .bdlist .category2.w140{min-width:140px;} .bdlist .category.w90, .bdlist .category1.w90, .bdlist .category2.w90{min-width:90px;} .bdlist.news2 li a .ellip:after {content:'';display:inline-block;width:12px;height:12px;background-image:url(../images/common/press_ico.png);margin-left:7px;background-repeat:no-repeat;box-sizing:border-box} .bdlist .status{display:inline-block;padding:0 10px;line-height:26px;font-size:15px;color:#F15A29;font-weight:700;text-align:center;border-radius:14px;border:1px solid #F15A29;} .nodata{display:inline-block;padding-left:24px;font-weight:400;background:url(../images/common/nodata.png) no-repeat left center;font-size:17px;color:#999;line-height:30px;} /* [2025.08.05] gbkim 게시판 모바일 css 추가 */ @media (max-width: 768px) { .board-normal-wrap {padding: 0 15px;overflow-x: hidden;width: 100%;max-width: 100vw;} .board-normal-wrap * {max-width: 100%;box-sizing: border-box;} .bdlist.v_web, .bdlist.v_web *, table.bdlist, table.bdlist * {display: none;visibility: hidden;width: 0;height: 0;overflow: hidden;position: absolute;left: -9999px;} .bdlist.v_mob {display: block;width: 100%;overflow: hidden;position: relative;left: auto;} .bdlist.v_mob li {width: 100%;} .bdlist.v_mob li a {width: 100%;display: block;} .pagi-pack button, .pagi-pack a {min-width: 36px;height: 36px;font-size: 14px;} } @media (max-width: 768px) and (max-width: 480px) { .board-normal-wrap {padding: 0 10px;} .bdlist.v_mob li a {padding: 12px;} .bdlist.v_mob .ellip {font-size: 15px;line-height: 1.3;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 10px;} .bdlist.v_mob .bdinfo {font-size: 12px;} .bdlist.v_mob .division_bar {height: 10px;} .pagi-pack {gap: 2px;} .pagi-pack button, .pagi-pack a {min-width: 32px;height: 32px;font-size: 13px;} .ctrl-box {margin-top: 20px;} .searchbox{padding: 55px;} } @media (max-width: 768px) and (max-width: 360px) { .board-normal-wrap {padding: 0 8px;} .bdlist.v_mob li a {padding: 10px;} .bdlist.v_mob .ellip {font-size: 14px;} .bdlist.v_mob .bdinfo {font-size: 11px;} .pagi-pack button, .pagi-pack a {min-width: 28px;height: 28px;font-size: 12px;} } .table{margin:20px auto 0;width:100%;table-layout: fixed;} .table .thead .th{color:#fff;font-size:17px;font-weight:500;background:#3b3b3b;height:50px;} .table .tbody .td{padding:10px 10px;text-align:center;/* border-bottom:1px solid #eee; */} .table .tbody .td p{font-size:17px;color:#555;line-height:30px;} .searchword{color:#F15A29;font:inherit;font-weight:700;} .table .tbody .td a{font-size:17px;color:#555;line-height:30px;} .table .tbody .td a:hover{color:#F15A29;} .table .tbody .td a.ellip{display:block;font-size:17px;color:#555;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .table .cate_day{display:inline-block;min-width:64px;padding:0 10px;line-height:28px;background:#ddd;font-size:15px;color:#3d3d3d;font-weight:700;text-align:center;border-radius:14px;} .table .category{display:inline-block;padding:0 10px;line-height:28px;background:#F15A29;font-size:15px;color:#fff;font-weight:700;text-align:center;border-radius:14px;} .table .category.w140{min-width:140px;} .table .category.w90{min-width:90px;} .table .status{display:inline-block;padding:0 10px;line-height:26px;font-size:15px;color:#F15A29;font-weight:700;text-align:center;border-radius:14px;border:1px solid #F15A29;} .nodata{display:inline-block;padding-left:24px;font-weight:400;background:url(../images/common/nodata.png) no-repeat left center;font-size:17px;color:#999;line-height:30px;} /* [25.08.26] gbkim 글쓰기 CSS 추가 */ .board-wrap {max-width: 900px;margin: 30px auto;background: #f8f9fa;padding: 50px;border-radius: 12px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);border: 1px solid #e9ecef;} .board-wrap .apply-wrap {max-width: none;} .board-wrap .border-box {border: none;background: transparent;} .board-wrap .table {width: 100%;border: none;margin: 0;background: transparent;} .board-wrap .table .tbody {display: block;} .board-wrap .table .tr {display: block;border: none;} .board-wrap .table .tr:last-child {margin-bottom: 0;} .board-wrap .table .th {display: block;width: 100%;padding: 0 0 12px 0;background: transparent;border: none;font-weight: 700;color: #1a1a1a;font-size: 16px;text-align: left;line-height: 1.3;letter-spacing: -0.02em;} .board-wrap .table .td {display: block;width: 100%;padding: 0;text-align: left;border: none;background: transparent;} .board-wrap .table .th.essential::after {content: " *";color: #ff6b6b;font-weight: bold;margin-left: 2px;} .ipt-pack {display: block;width: 100%;} .ipt-pack input {width: 100%;max-width: 100%;padding: 16px 20px;border: 2px solid #e9ecef;border-radius: 10px;font-size: 15px;line-height: 1.4;box-sizing: border-box;background: #fff;font-family: inherit;transition: all 0.3s ease;color: #333;} .ipt-pack input:focus {outline: none;border-color: #4dabf7;box-shadow: 0 0 0 4px rgba(77, 171, 247, 0.12);background: #fff;} .ipt-pack input::placeholder {color: #adb5bd;font-size: 15px;font-weight: 400;} .ta-pack {display: block;width: 100%;} .ta-pack textarea {width: 100%;max-width: 100%;padding: 20px;border: 2px solid #e9ecef;border-radius: 10px;font-size: 15px;line-height: 1.7;resize: vertical;min-height: 360px;box-sizing: border-box;font-family: inherit;background: #fff;transition: all 0.3s ease;color: #333;} .ta-pack textarea:focus {outline: none;border-color: #4dabf7;box-shadow: 0 0 0 4px rgba(77, 171, 247, 0.12);background: #fff;} .ta-pack textarea::placeholder {color: #adb5bd;font-weight: 400;} .rdo-pack {display: inline-flex;align-items: center;margin-right: 24px;margin-bottom: 10px;cursor: pointer;position: relative;} .rdo-pack input[type="radio"] {position: absolute;opacity: 0;width: 0;height: 0;} .rdo-pack span {position: relative;padding-left: 28px;font-size: 15px;color: #495057;font-weight: 500;cursor: pointer;} .rdo-pack span::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;border: 2px solid #dee2e6;border-radius: 50%;background-color: #fff;transition: all 0.2s ease;} .rdo-pack span::after {content: '';position: absolute;left: 5px;top: 50%;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 50%;background-color: #007bff;opacity: 0;transform: translateY(-50%) scale(0);transition: all 0.2s ease;} .rdo-pack input[type="radio"]:checked + span::before {border-color: #007bff;background-color: #fff;} .rdo-pack input[type="radio"]:checked + span::after {opacity: 1;transform: translateY(-50%) scale(1);} .rdo-pack:hover span::before {border-color: #007bff;} .variable_set.upload_form {margin-bottom: 20px;} .input_pack label {display: inline-block;padding: 14px 28px;background: #f8f9fa;border: 2px solid #e9ecef;border-radius: 10px;cursor: pointer;font-size: 15px;color: #495057;font-weight: 600;transition: all 0.3s ease;} .input_pack label:hover {background: #e9ecef;border-color: #adb5bd;transform: translateY(-1px);} .input_pack input[type="file"] {display: none;} .attached_file_list {margin-top: 16px;padding: 20px;background: #f8f9fa;border: 1px solid #e9ecef;border-radius: 10px;} .attached_file_list .btn-pack {display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;padding: 12px 0;border-bottom: 1px solid #dee2e6;} .attached_file_list .btn-pack:last-child {margin-bottom: 0;border-bottom: none;} .attached_file_list .linktext {flex: 1;color: #495057;text-decoration: none;font-size: 15px;font-weight: 500;word-break: break-all;} .attached_file_list .file_delete {padding: 8px 16px;background: #ff6b6b;color: white;border: none;border-radius: 6px;cursor: pointer;font-size: 13px;font-weight: 600;transition: all 0.2s ease;} .attached_file_list .file_delete:hover {background: #ff5252;transform: translateY(-1px);} .ctrl-box {margin-top: 20px;text-align: center;padding: 30px 0 0 0;border-top: 1px solid #e9ecef;} .ctrl-box .btn-pack {display: inline-flex;gap: 16px;justify-content: center;} .ctrl-box .btn-pack button {border: 2px solid #dee2e6;background: #fff;border-radius: 10px;cursor: pointer;font-size: 15px;font-weight: 600;min-width: 120px;font-family: inherit;transition: all 0.3s ease;color: #495057;} .ctrl-box .btn-pack button:hover {background: #f8f9fa;border-color: #adb5bd;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);} .ctrl-box .btn-pack button.blue {background: #4dabf7;color: #fff;border-color: #4dabf7;} .ctrl-box .btn-pack button.blue:hover {background: #339af0;border-color: #339af0;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(77, 171, 247, 0.3);} @media (max-width: 768px) { .board-wrap {padding: 30px 20px;margin: 16px;border-radius: 8px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);} .board-wrap .table .tr {margin-bottom: 28px;} .board-wrap .table .th {font-size: 15px;padding-bottom: 10px;} .ipt-pack input, .ta-pack textarea {padding: 14px 16px;font-size: 14px;} .ctrl-box .btn-pack {flex: 1;align-items: center;gap: 12px;} .ctrl-box .btn-pack button {width: 240px;} } /* [25.08.26] gbkim 댓글 CSS 추가 */ .commentInputBox{background:#F7F7F7; padding:20px 25px 20px; overflow:hidden; border-radius:5px; display:flex; align-items:center; justify-content: space-between; margin-bottom:40px;} .commentInputBox strong{font-size:22px; font-weight:bold; text-align:center; width:100px;} .commentInputBox strong span{display:block;font-size:14px; font-weight:normal;} .commentInputBox .text_area{width:80%;} .commentInputBox textarea{width:100%; height:80px; font-size:15px; border:1px solid #ddd; padding:5px; line-height:1.5;} .commentInputBox .save_btn{background:#0081cc; text-align:center; width:10%; height:80px; border-radius:3px; color:#fff; display: flex; justify-content: center; flex-direction: column; cursor: pointer;} @media screen and (max-width: 768px) { .commentInputBox {padding:15px 18px; flex-direction: column; align-items: flex-start;} .commentInputBox strong {text-align:left; font-size:16px;} .commentInputBox strong span {display:inline-block; padding-left:5px;} .commentInputBox .text_area {width:100%; margin-top: 5px;} .commentInputBox .save_btn {width: 100%; height:fit-content; padding:5px; margin-top:10px;} .commentInputBox .secret_btn {font-size:13px;} } /* *** 게시판 상세 **** */ .bdview{margin:20px auto 0;width:100%;border-top:1px solid #222;table-layout: fixed;} .bdview thead th{text-align:left;padding:15px 20px;background:#f6f7f8;} .bdview thead th .category{margin-top:0;display:inline-block;background:#3d3d3d;color:#fff;padding:0 20px;line-height:28px;font-size:15px;border-radius:14px;} .bdview thead th p{font-size:20px;font-weight:700;line-height:1.4;color:#222;} .bdview thead th p + p{margin-top:12px;} .bdview thead th .package + .tag{margin:0 0 0 5px;border-radius:4px;} .bdview thead th .tag span{font-size:13px;} .bdview thead td{padding:10px 20px;line-height:30px;border-bottom:1px solid #eee;font-size:17px;color:#999;} .bdview thead td p span{font:inherit;margin-right:20px;} .bdview thead td p span + span{position:relative;} .bdview thead td p span + span:before{content:'';position:absolute;top:50%;left:-11px;margin-top:-6px;width:1px;height:12px;background:#ddd;} .bdview tbody td{padding:15px 25px;border-bottom:1px solid #eee;font-size:18px;} .bdview tbody td .edit{font-size:18px;color:#333;line-height:1.6;} .bdview tbody td .edit p{font-size:18px;color:#333;line-height:1.6;} .bdview tbody td .edit > *{font:inherit;} .bdview tbody td .biz_notice{margin:10px 0;padding:20px;background:#f9f9f9;} .bdview tbody td .biz_notice h4{font-weight:700;font-size:17px;color:#0a2b3d;} .bdview tbody td .biz_notice table{margin-top:10px;border-top:1px solid #0a2b3d;width:100%;} .bdview tbody td .biz_notice table th{padding:15px 20px;width:15%;height:50px;background:#f3fbff;border-bottom:1px solid #ddd;font-size:15px;font-weight:700;text-align:left;color:#0a2b3d;} .bdview tbody td .biz_notice table td{width:35%;background:#fff;text-align:left;border-bottom:1px solid #ddd;} .bdview tbody td .biz_notice table td p{font-size:15px;line-height:1.5;color:#858585;} .edit pre table td {border-bottom: 0px;} /* 상세 버튼 */ .page_btns{margin: 50px auto;text-align:right;} .page_btns a{min-width:90px;height:44px;line-height:44px;padding:0 25px;font-size:18px;} .page_btns button{min-width:90px;height:44px;line-height:44px;padding:0 25px;font-size:18px;} /* 파일 다운로드 */ .fileupload{} .fileupload ul li{display:block;padding:5px 0;} .fileupload ul li a{padding-left:30px;display:block;font-size:15px;color:#999;line-height:1.6;background:url(../images/common/btn_down.png) no-repeat left center;background-size:24px 24px;} .fileupload ul li a:hover,.fileupload ul li a:active{color:#204c8a;text-decoration:underline;} .fileupload ul li + li{margin-top:5px;} .attach a{padding-left:30px;display:block;font-size:15px;color:#999;line-height:1.6;background:url(../images/common/btn_down.png) no-repeat left center;background-size:24px 24px;} .attach a:hover,.fileupload ul li a:active{color:#204c8a;text-decoration:underline;} /*======================================== 레이아웃(섹션,공통) ========================================*/ section p{/* font-size:18px; color:#333;line-height:1.5;*/} section .linebox2 p{/* font-size:18px; color:#333;*/line-height:1.8; /* padding-left: 15px; text-indent: -20px; */} /*줄간격 넓게*/ /* section .linebox2 p{text-indent: -20px;} 줄간격 넓게 */ section .linebox2{width:100%; margin-top:15px;margin-bottom:55px; border-radius:10px; border:1px solid #ddd; padding:20px;} section .linebox2 dl{display:flex;} section .linebox2 dt{margin-right:7px;} section .linebox2 dd{flex:1;} #page_body .research_img {text-align: center;margin-bottom: 35px;} #page_body .research_img img {max-height: 500px;max-width: 100%;border-radius: 45px 0 0 0;box-shadow: 10px 10px 20px rgba(0, 0, 0, .3);} /* 내용 무 공백 */ section .linebox3{/* height:40px; */ margin-bottom:45px !important;} section .linebox4{width:100%;} section h6{margin-left:5px;position:relative;padding-left:20px;font-size:18px;font-weight:700;color:#204c8a;} section h6:before{content:'';position:absolute;left:5px;top:3px;width:3px;height:12px;background:#204c8a;transform: rotate(40deg);} section .point_t15{margin-top:15px;padding-left:20px;text-indent:-20px;font-size:15px;color:#F15A29;} /* section .linebox{margin-top:15px;margin-bottom:45px; border:1px solid #ddd;border-radius:10px;padding:20px;} */ section .linebox dl{display:flex;} section .linebox dt{margin-right:7px;} section .linebox dd{flex:1;} section p .bold{font:inherit;color:inherit;font-weight:700;} /* section h5{font-size:20px;font-weight:700;color:#222;} */ #page_body {margin-top: 35px;} #page_body h3{font-size:26px; font-weight:700;color:#222; /* margin-bottom: 35px; */ text-align: left;} #page_body h5{font-size:24px; font-weight:700;color:#222; margin-bottom: 10px; text-align: left;margin-top: 35px;} /* #page_body h5:nth-child(1){margin-top: 15px;} */ /* #page_body .h5{font-size: 20px;font-weight:700;color:#222; margin-right: 10px; } */ .sub_contents {display:flex; flex-wrap: wrap;} .sub_contents .linebox{width:50%; padding:15px;} /* pc line */ .sub_contents .linebox { border-top:1px solid #ddd; border-left: 1px solid #ddd; } .sub_contents .linebox:nth-child(2),.sub_contents .linebox:nth-child(4){ border-right: 1px solid #ddd; } .sub_contents .linebox:nth-child(3),.sub_contents .linebox:nth-child(4){ border-bottom: 1px solid #ddd; } /*======================================== 레이아웃 ========================================*/ /* -- title -- */ .research .page_tit h2{display: flex; flex-wrap: nowrap;justify-content: center;align-items: baseline;} .research .page_tit h2 p{font-size: 32px; font-weight: 600;margin-top: 0;} .research .page_tit h2 p:nth-child(1){margin-right: 10px;} .research .page_tit h2 p:nth-child(2){font-size:26px;color:#0070C0;font-weight: 600;} /* .research .page_tit span{font-size:26px; font-weight:600; color:#0070C0;} */ /* -- Animation :: Image Box Line -- */ /* top-text-box */ .top-text-box { position: relative; overflow: hidden; margin: 1.5rem 0; word-break: keep-all; } .top-text-box .border { border: .75rem solid #e9e9e9; } .top-text-box [class^="bar"] { position: absolute; -webkit-transition: all .3s; transition: all .3s; } .top-text-box .bar1 { position: absolute; top: 0; left: calc(20%); width: 0; height: .75rem; background: #f15a29; } /* .top-text-box .bar2 { position: absolute; top: 0; right: 0; width: .75rem; height: 0%; background: #f49f17; } */ .top-text-box .bar2 { position: absolute; top: 0; right: 0; width: .75rem; height: 0%; background: #f15a29; } .top-text-box .bar3 { position: absolute; bottom: -1px; right: 0; width: 0; height: .75rem; background: #f15a29; } .top-text-box .bar4 { position: absolute; bottom: 0; right:calc(23.5%) ; width: 0; height: .75rem; background: #211D3F; } .top-text-box .bar5 { position: absolute; bottom: 0; left: 0; width: .75rem; height: 0%; background: #211D3F; } .top-text-box .bar6 { position: absolute; top: 0; left:0; /* left: 26px; */ width: 0; height: .75rem; background: #211D3F; } /* .body.start .top-text-box .bar1 { width: calc(20%); } */ .body.start .top-text-box .bar2 { height: 100%; -webkit-transition-delay: .3s; transition-delay: .3s; } .body.start .top-text-box .bar3 { width: 10.45rem; -webkit-transition-delay: .6s; transition-delay: .6s; } /* .body.start .top-text-box .bar4 { width: 10.45rem; } */ .body.start .top-text-box .bar5 { height: 100%; -webkit-transition-delay: .3s; transition-delay: .3s; } .body.start .top-text-box .bar6 { width: 3.3rem; -webkit-transition-delay: .6s; transition-delay: .6s; } /* .body.start .top-text-box .bar4 { width: 10.45rem; -webkit-transition-delay: .9s; transition-delay: .9s; } .body.start .top-text-box .bar5 { height: 100%; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .body.start .top-text-box .bar6 { width: 3.3rem; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }*/ /* .body.start .sub010101 .bar1 { width: calc(20%); } */ .body.start .sub010101 .bar3 { width: /* calc(30%); */calc(100%); } /* 32.05rem; */ /* .body.start .sub010101 .bar4 { width: calc(76.5%); } */ .body.start .sub010101 .bar6 { width: /* calc(84.7%); */calc(100%); } .sub010101 .top-text-box { margin-bottom: 2rem; } .sub010101 .top-text-box .border { border-width: 0.8rem; } .sub010101 .top-text-box [class^="bar"] { height: 0.8rem; } .sub010101 .top-text-box .bar1 { background-color: #f15a29;clip-path: polygon(2.75% 0, 100% 0, 100% 100%, 0% 100%); left: 83%; } .sub010101 .top-text-box .bar2 { width: 0.8rem; } .sub010101 .top-text-box .bar3 { background-color: #f15a29; clip-path: polygon(1.25% 0, 100% 0, 100% 100%, 0 100%);z-index: 1;}/*2.75% 0,*/ .sub010101 .top-text-box .bar4 { background-color: #211D3F;clip-path: polygon(0 0, 100% 0, 99% 100%, 0% 100%); } .sub010101 .top-text-box .bar5 { width: 0.8rem; } .sub010101 .top-text-box .bar6 { background-color: #211D3F;clip-path: polygon(0 0, 100% 0, 98.8% 100%, 0% 100%); } .sub010101 .top-text-box .txt { padding: 10px; } /* .top-text-box { position: relative; overflow: hidden; margin: 1.5rem 0; word-break: keep-all; } .top-text-box .border { border: .75rem solid #e9e9e9; } .top-text-box [class^="bar"] { position: aboslute; -webkit-transition: all .3s; transition: all .3s; } .top-text-box .bar1 { position: absolute; top: 0; left: calc(100% - 3.3rem); background: url("../img/sub/ttbox_border_top.png") 0 0 no-repeat; width: 0; height: .75rem; } .top-text-box .bar2 { position: absolute; top: 0; right: 0; width: .75rem; height: 0%; background: #FF5733;} .top-text-box .bar3 { position: absolute; bottom: 0; right: 0; background: url("../img/sub/ttbox_border_bottom.png") 0 0 no-repeat; width: 0; height: .75rem; } .top-text-box .txt { padding-right: 10.8rem; position: relative; padding:10px;} .top-text-box .txt .bg { position: absolute; top: 50%; right: 1.5rem; width: 8.6rem; height: 6.1rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .top-text-box .txt .title { display: block; font-size: 1.3rem; color: #222; margin-bottom: 0.5rem; } .top-text-box .txt .desc { display: block; color: #666; } .top-text-box .txt .btn-c { position: absolute; bottom: 1.5rem; right: 2rem; margin: 0; } .top-text-box.mini .border { min-height: 10rem; padding: 1.5rem 0; } .top-text-box.btn-type .txt::before { content: ''; width: 0; height: 0; border-top: 1rem solid transparent; border-left: 1.5rem solid #f5f5f5; border-bottom: 1rem solid transparent; position: absolute; top: 1.5rem; right: 7.5rem; z-index: -1; } .top-text-box.btn-type .txt::after { content: ''; width: 0; height: 0; border-top: 1rem solid transparent; border-left: 1.5rem solid #f5f5f5; border-bottom: 1rem solid transparent; position: absolute; top: 5rem; right: 19rem; z-index: -1; } .body.start .top-text-box .bar1 { width: 3.3rem; } .body.start .top-text-box .bar2 { height: 100%; -webkit-transition-delay: .3s; transition-delay: .3s; } .body.start .top-text-box .bar3 { width: 10.45rem; -webkit-transition-delay: .6s; transition-delay: .6s; } .body.start .sub010101 .bar1 { width: 22.5rem; } .body.start .sub010101 .bar3 { width: 32.05rem; } .sub010101 .top-text-box { margin-bottom: 2rem; } .sub010101 .top-text-box .border { border-width: 0.8rem; } .sub010101 .top-text-box [class^="bar"] { height: 0.8rem; } .sub010101 .top-text-box .bar1 { background-image: url("../img/sub/010101_border_top.png"); left: calc(100% - 22.5rem); background-size: cover;} .sub010101 .top-text-box .bar2 { width: 0.8rem; } .sub010101 .top-text-box .bar3 { background-image: url("../img/sub/010101_border_bottom.png"); } .sub010101 .top-text-box .txt .title { display: inline-block; font-size: 1.7rem; font-weight: 400; margin-bottom: 1.5rem; position: relative; } .sub010101 .top-text-box .txt .title::before { content: ''; width: 100%; height: 1px; background: #727272; position: absolute; bottom: 0; left: 0; } .sub010101 .top-text-box .txt .title em { font-weight: 600; color: #1e2f6e; } .sub010101 .top-text-box .txt .desc { color: #888; font-size: 1rem; margin-bottom: 3.5rem; } .sub010101 .top-text-box .txt .form em { display: inline-block; margin-right: 0.5rem; vertical-align: middle; } .sub010101 .top-text-box .txt .form img { display: inline-block; vertical-align: middle; } .sub010101 .top-text-box .txt .person {top: 50%; right: 7%; transform: translateY(-50%); width: 9.7rem; position: absolute; box-shadow: 0.3rem 0.3rem 0 #E9E9E9; } .sub010101 .txt-area .title { font-size: 1.4rem; color: #222; } .sub010101 .history { position: relative; margin: 1.5rem 0 2.5rem; word-break: keep-all; } .sub010101 .history::before { content: ''; width: 100%; height: 1px; background: #192333; position: absolute; top: 0; left: 0; } .sub010101 .history .row { margin: 0; } .sub010101 .history .row > li { padding: 0 1rem; } .sub010101 .history .card { position: relative; padding-top: 1.2rem; color: #222; } .sub010101 .history .card .dot { display: block; border-radius: 50%; width: 0.55rem; height: 0.55rem; text-align: center; background-color: #192333; position: absolute; top: -.25rem; left: 0; } .sub010101 .history .card .date { display: block; font-size: .9rem; margin-bottom: 0.2rem; } .sub010101 .history .card .desc { display: block; } .sub010101 .history .card .desc em { display: inline-block; padding-right: .8rem; position: relative; } .sub010101 .history .card .desc em::before { content: ''; width: 1px; height: .6rem; background: #bcbcbc; position: absolute; top: .4rem; right: .2rem; } .sub010101 .custom1 .row > li { float: left; width: 20%; } */ /* 박스 3개짜리 디자인 */ .bl_none {border-right: 0 !important;border-bottom: 0 !important;} .bl_none p::before{width:0;content: '';} .txt_tit {position:relative; font-size: 22px; font-weight: 700; line-height: 1.8; color: #F15A29 !important;} .txt_tit::before{content: '';position: absolute;left: 0;/* top: 11px;width: 3px;height: 3px;background: #404040; */} /* .ti20 {font-size: 18px; font-weight: 500; line-height: 1.7;} */ /*아이콘 */ .study .linebox {/* width: 100%; background: #fff;padding: 15px 35px;border-top: 1px solid #eee;border-bottom: 1px solid #eee; */display: flex; align-items: baseline;/* justify-content: space-around; */} .study .linebox .study_img {width:95px; height:95px;background: url(../img/sub/coll_06_research01.png) no-repeat center; background-size: cover;margin: auto 30px auto 25px;/* margin-left: 10px; margin-right: 25px; margin-top:auto; margin-bottom: auto; */} .study .linebox:nth-child(2) .study_img {background: url(../img/sub/coll_06_research02.png) no-repeat center; background-size: cover; margin: auto 30px auto 25px;} .study .linebox:nth-child(3) .study_img {background: url(../img/sub/coll_06_research03.png) no-repeat center; background-size: cover; margin: auto 30px auto 25px;} .study .linebox:nth-child(4) .study_img {background: url(../img/sub/coll_06_research04.png) no-repeat center; background-size: cover; margin: auto 30px auto 25px;} .study .linebox .study_txt {width:75%; display: flex; flex-direction: column; justify-content: center;} /* -- line none -- */ .study .linebox .img_none {background: 0 !important;} /* -- ENG -- */ .en_bmosis .linebox2{display: flex; align-items: baseline;} .en_bmosis .sub_contents .linebox2 .study_img{width:95px; height:95px;} .en_bmosis .sub_contents .linebox2:nth-child(2) .study_img {background: url(../img/sub/coll_06_research01.png) no-repeat center; background-size: cover;margin: auto 30px auto 25px;} .en_bmosis .sub_contents .linebox2:nth-child(4) .study_img {background: url(../img/sub/coll_06_research02.png) no-repeat center; background-size: cover; margin: auto 30px auto 25px;} .en_bmosis .sub_contents .linebox2:nth-child(6) .study_img {background: url(../img/sub/coll_06_research03.png) no-repeat center; background-size: cover; margin: auto 30px auto 25px;} .en_bmosis .sub_contents .linebox2:nth-child(8) .study_img {background: url(../img/sub/coll_06_research04.png) no-repeat center; background-size: cover; margin: auto 30px auto 25px;} @media screen and (max-width: 1024px) { /* 아이콘 */ .study .linebox .study_img,.study .linebox:nth-child(2) .study_img, .study .linebox:nth-child(3) .study_img, .study .linebox:nth-child(4) .study_img {width:0; height:0;background: 0; margin-left: 0; margin-right: 0;} .study .linebox .study_txt {width:100%;} .en_bmosis .linebox2 .study_img, .en_bmosis .linebox2:nth-child(2) .study_img, .en_bmosis .linebox2:nth-child(4) .study_img, .en_bmosis .linebox2:nth-child(6) .study_img, .en_bmosis .linebox2:nth-child(8) .study_img {width:0; height:0;background: 0; margin:0 !important;} } @media (max-width: 768px) { /* .body.start .sub010101 .bar1 { width: 5.3rem; left: calc(100% - 5.3rem); } .body.start .sub010101 .bar3 { width: 80%; } .sub010101 .top-text-box .txt .person { width: 30%; right:0 ; top:auto; bottom: 0; transform: none;} .sub010101 .top-text-box .txt .form em { margin-bottom: 0.5rem; display: block; } .sub010101 .history::before { display: none; } .sub010101 .history .card { padding-top: 0; margin-bottom: 1rem; } .sub010101 .history .card .dot { display: none; } .sub010101 .custom1 .row > li { width: 100%; } */ /* .body.start .sub010101 .bar1 { width: 5.3rem; left: calc(100% - 5.3rem); } */ .sub010101 .top-text-box .txt .person { width: 30%; right:0 ; top:auto; bottom: 0; transform: none;} /* .sub010101 .top-text-box .txt { padding-right: 6.5rem; } */ .sub010101 .top-text-box .txt .form em { margin-bottom: 0.5rem; display: block; } .sub010101 .history::before { display: none; } .sub010101 .history .card { padding-top: 0; margin-bottom: 1rem; } .sub010101 .history .card .dot { display: none; } .sub010101 .custom1 .row > li { width: 100%; } .sub010101 .top-text-box [class^="bar"] {height: 0.6rem;} /* -- mobile image animation --*/ .sub010101 .top-text-box .bar2,.sub010101 .top-text-box .bar5 {width:0.6rem;} .body.start .sub010101 .bar3 {clip-path: polygon(3.3% 0, 100% 0, 100% 100%, 0 100%);} .body.start .sub010101 .bar6 {width:calc(100%);} .sub010101 .top-text-box .bar6 {clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%);} } @media screen and (max-width: 450px) { .research .page_tit h2{flex-direction: column;} /* 모바일 환경에서 1열로 설정 */ .research_img_box {grid-template-columns: 1fr;} .research_txt{min-height: 120px; margin: 50px 0 0 60px;} .research_cont p:nth-child(1){font-size: 32px;} .research_cont p:nth-child(2){font-size: 20px;} /* mobile 에서 이미지 박스 border none*/ .top-text-box .txt { padding-right: 0; position: relative; padding:0;} .sub010101 .top-text-box .border { border-width: 0; } .top-text-box .border { border: 0; } } /*========================================================== 레이아웃(콘텐츠별) ==========================================================*/ /*------------------------------------------------ 인사말 ------------------------------------------------*/ .greeting{padding:50px 0 70px;} .greeting .page_conts {max-width: 100%;} /* 가로 최대폭 제한 제거*/ .greeting h3{font-size:42px;font-weight:800;line-height:1.3; text-align: left; margin-bottom: 50px; /* padding:0 24px; */} .greeting h3 span{/* margin-left:20px; */font:inherit;color:#F15A29} .greeting p + p{margin-top:25px;} .greeting .chairman{margin-top:100px;/* max-width:90%; */font-size:30px;font-weight:700;color:#222;} .chairman_box_txt .enstyle {margin-top: 0 !important;} .chairman_box{display: flex;flex-direction: row-reverse;text-align: right;align-items: flex-end;} .chairman_box_txt{width: 100%;} /* .bottom_line{border-top: 3px solid #F15A29;margin: 15px 0 50px 0;} */ /* .chairman_box img{width: 20%;min-width:120px;margin-left: 20px;} */ /* -- 인사말 이미지 스타일 -- */ .chairman_img img{border-radius: 45px 0 0 0 ;} .greeting .page_conts {display: flex;} .greeting .page_conts .page_txt{width: 100%;margin-right: 10px;} .greeting .page_conts .page_txt p{font-size: 22px;} .chairman_txt { /* position: relative;width: calc(100% - 100px);margin: -70px 0 0 100px;padding: 50px; background: linear-gradient(to bottom, #2b2b2b, #555555 70%, #555555 100%);color: #fff; border-radius: 0 0 0 25px;text-align: right; */ /* #211D3F, #49408C, #9F98D0 */ position: relative; width: 100%; margin: -65px 0 0 0; padding: 35px; background: linear-gradient(to bottom, #211D3F, #322C5E 70%, #49408C 100%); color: #fff; border-radius: 0 0 0 25px; text-align: right; } /* 원장 직위 및 이름*/ .page_img p span{font-size:22px; font-weight: 600;} @media only screen and (max-width:834px){ .greeting .page_conts{flex-direction: column-reverse;} .greeting .page_conts .page_txt{margin-right: 0;padding-top: 95px;} .chairman_txt {width:100%; margin:0; padding: 25px;} .page_img{display: flex;flex-direction: column;align-items: end;text-align: right;} .chairman_img img {width:50%;} .chairman_txt {width: 50%;} /* 기존 인사말 스타일 */ .greeting{padding:30px 0;} .greeting h3{font-size:26px; margin-bottom: -10px;} .greeting h3 span{margin-left:0;} .greeting p{margin-top:-80px;max-width:100%;padding-left:0;font-size:20px;} .greeting .chairman{margin-top:50px;font-size:17px;} .page_txt {width:100%;} } @media only screen and (max-width:450px){ /* .greeting .page_conts{flex-direction: column;} */ .greeting .page_conts .page_txt{margin-right: 0;padding-top: 100px;} .chairman_img img {width:100%;} .chairman_txt {width: 100%;} /* 인사말 대표문구 및 사진 크기 수정 */ .greeting{padding:30px 0;} .greeting h3{font-size:24px;padding: 0;} /* .page_img{margin-bottom: 25px;} */ .greeting h3 span{margin-left:0;} .greeting p{margin-top:-75px;max-width:100%;padding-left:0;font-size:20px !important;} .greeting .chairman{margin-top:50px;font-size:17px;} .page_txt {width:100%;} } /*------------------------------------------------ 설립목적 ------------------------------------------------*/ .sub_content{padding:5px; border-radius: 50px; border:1px solid #eee; margin-bottom: 65px;} .linebox10{text-align: center;padding: 15px;border: 1px solid #e5e5e5;position: relative;border-radius: 50px;background: linear-gradient(to right, #1F99F6, #0177C0);color: #fff;} .vision_ribbon {background: url(../img/sub/ribbon_goal.png) no-repeat;width: 500px;min-height: 55px;background-size: contain;position: absolute;top: -19px;left: 30%;} .vision_ribbon p{color: #fff;font-size: 24px;width: fit-content;margin: auto;line-height: 55px;} .vision{text-align:center;} .vision h2{font-size:40px;font-weight:800;color:#F15A29;} .vision h3{font-size:24px;color:#999;font-weight:700;} .vision section{text-align:left; margin-bottom: 100px;position:relative;} .vision .goal{position:relative;margin-top:15px;display:flex;flex-wrap:wrap;justify-content: center;} .vision .goal:after{content:'';position:absolute;left:10%;top:50%;width:77%;height:1px;background:#ddd;z-index:-1;} .vision .goal li{position:relative;margin:0 25px;text-align:center;flex:1; display: flex; flex-direction: column; justify-content: start; align-items: center; } /*soyun,function circle design */ .vision .goal li div.goal_box { /*function 1st circle*/ /* margin:auto; */ padding:15px; width:245px;height:245px;border-radius:50%;background:#fff;border:10px solid #1D99F8; display: flex; flex-direction: column; justify-content: start; align-items: center; flex-wrap: wrap; } /* .vision .goal li div.goal_box{margin:auto;padding:45px 30px;width:250px;height:250px;border-radius:50%;background:#fff;border:10px solid #F7EEDD;} */ /*function 1st circle*/ .vision .goal li div.goal_box span{margin:15px auto 15px;display:block;text-align:center;color:#1D99F8;font-size:40px;font-weight:800;line-height:50px;border-bottom:2px solid #1D99F8;} /* .vision .goal li div.goal_box p{font-size:20px;color:#787878;word-break: keep-all; padding:0;font-weight: 700;} */ .vision .goal li div.goal_box p{font-size:20px;/* color:#787878; */word-break: keep-all; padding:0;font-weight: 700; padding-left: 0 !important; text-indent: 0 !important;} .vision .goal li:nth-child(2):before{content:'';position:absolute;left:-36px;top:50%;margin-top:-11px;width:22px;height:22px;background:#1D99F8;border:5px solid #ddd;border-radius:50%;box-sizing:border-box;} .vision .goal li:nth-child(2) div{border-color:#0090FF;} /*function 2nd circle*/ .vision .goal li:nth-child(2) div span{border-color:#0090FF;color:#0090FF;} .vision .goal li:nth-child(3):before{content:'';position:absolute;left:-36px;top:50%;margin-top:-11px;width:22px;height:22px;background:#0082E6;border:5px solid #ddd;border-radius:50%;box-sizing:border-box;} .vision .goal li:nth-child(3) div{border-color:#0082E6;}/*function 3th circle*/ .vision .goal li:nth-child(3) div span{border-color:#0082E6;color:#0082E6;} .vision .goal li:nth-child(4):before{content:'';position:absolute;left:-36px;top:50%;margin-top:-11px;width:22px;height:22px;background:#0082e6;border:5px solid #ddd;border-radius:50%;box-sizing:border-box;} .vision .goal li:nth-child(4) div{border-color:#0079C6;}/*function 4th circle*/ .vision .goal li:nth-child(4) div span{border-color:#0079C6;color:#0079C6;} div.boal_box_con {/* margin-top: 10px; */ margin:10px auto; border:0; width: 245px; min-height:220px; background: #f3f3f3; padding: 10px; text-align: left;} div.boal_box_con p{font-size: 18px; padding-left:10px; /* text-indent: -20px; */} .linebox2_img { display: flex; justify-content: center; align-items: end; flex-wrap: wrap; } @media only screen and (max-width:834px){ div.boal_box_con{min-height: 185px;} .vision .goal::after{width:0;} .vision_ribbon {left:20%;} } @media only screen and (max-width:450px){ div.boal_box_con{min-height: fit-content;} .vision .goal li{margin:25px 0px;} .vision_ribbon {width:95%;top:-8px; left:2%;} .vision_ribbon p{line-height: 1.6;} } /*------------------------------------------------ bmosis,en,function ------------------------------------------------*/ .en_bmosis .txt_style::before {top:13px;} /*------------------------------------------------ Channel - 패밀리기업 width: 245px;height: 245px;border-radius: 50%;padding: 15px;display: flex;flex-direction: column;justify-content: center; ------------------------------------------------*/ .c_family .workout{position:relative;margin:15px 0;display:flex;flex-wrap:wrap;justify-content: center;} .c_family .workout:before{content:'';position:absolute;left:10%;top:125px;width:80%;height:1px;background:#ddd;z-index:-1;} .c_family .workout li{position:relative;margin:10px 15px;text-align:center;flex:1;display: flex; justify-content: center;} .c_family .workout li .round p{color:#fff;font-size:20px;font-weight:800;line-height:1.6; margin:10px 0;} /* 2024-05-10, 스타일 백업*/ /* .c_family .workout li .round{display:block;background:#1D99F8;text-align:center;} .c_family .workout li:nth-child(2) .round{background:#0090FF;} .c_family .workout li:nth-child(3) .round{background:#0082E6;} .c_family .workout li:nth-child(4) .round{background:#0068B8;} .c_family .workout li:nth-child(5) .round{background:#004E8A;} .c_family .workout li:nth-child(6) .round{background:#004274;} background: linear-gradient(to bottom, #2b2b2b, #555555 70%, #555555 100%);color: #fff; */ .c_family .workout li .round{display:block;text-align:center;width: 245px;height: 245px;border-radius: 50%;padding: 15px;display: flex;flex-direction: column;justify-content: center;align-items: center; background: linear-gradient(to bottom, #1D99F8, #0090FF);} .c_family .workout li:nth-child(2) .round{background: linear-gradient(to bottom, #0090FF, #0082E6);} .c_family .workout li:nth-child(3) .round{background: linear-gradient(to bottom, #0082E6, #0068B8);} .c_family .workout li:nth-child(4) .round{background: linear-gradient(to bottom, #0068B8, #004E8A);} .c_family .workout li:nth-child(5) .round{background: linear-gradient(to bottom, #004E8A, #004274);} .c_family .workout li:nth-child(6) .round{background: linear-gradient(to bottom, #004274, #0090FF);} /**/ .c_family .workout li:nth-child(1) .round p:nth-child(2){background:url(../img/sub/icon01.png) no-repeat center; width:65px; height: 65px; background-size: contain;} .c_family .workout li:nth-child(2) .round p:nth-child(2){background:url(../img/sub/icon02.png) no-repeat center; width:65px; height: 65px; background-size: contain;} .c_family .workout li:nth-child(3) .round p:nth-child(2){background:url(../img/sub/icon03.png) no-repeat center; width:65px; height: 65px; background-size: contain;} .c_family .workout li:nth-child(4) .round p:nth-child(2){background:url(../img/sub/icon04.png) no-repeat center; width:65px; height: 65px; background-size: contain;} .c_family .workout li .square{margin-top: 10px;background: #f2f4f6;text-align: center;min-width: 130px;padding: 5px 15px;} .c_family .workout li .square h3{padding-bottom:20px;font-size:22px;line-height:1.3;color:#F15A29;text-align:center;} .c_family .workout li .square p{position:relative;text-align:center; min-height: 50px;line-height: 50px;} .c_family .workout li .square p:before{/*content:'';position:absolute;left:0;top:17px; width:3px; height:3px;background:#404040;*/}/*기술이전 아이콘 삭제*/ .c_family .workout li:nth-child(2) .square h3{color:#0090FF;} .c_family .workout li:nth-child(3) .square h3{color:#0082E6;} /* .c_family .workout:after{content:'';position:absolute;left:0;bottom:-220px;width:100%;height:230px;z-index:-1;background:url(../images/sub/vision_bg.png) no-repeat center bottom;} */ .c_family .c_family_end{position:relative;margin:70px auto 50px;display:inline-block;padding:30px 100px;color:#404040;font-size:38px;font-weight:800;line-height:1.5;background:#c9e4ff;border-radius:100px;box-shadow:0 0 20px rgba(274,215,255,0.3);} .c_family .c_family_end span{font:inherit;color:#004e8a;} .c_family .linebox2 .email button{margin-bottom: 5px;} /* iPad Mini horizontal */ @media only screen and (max-width:1181px){ .c_family .workout:before{height:0;} } @media only screen and (max-width:834px){ .c_family h3{font-size:16px;} .c_family h2{font-size:28px;} .c_family .goal{margin-top:0;flex-wrap:wrap;} .c_family .goal li{margin:25px 20px;} .c_family .goal li:nth-child(2):before{left:50%;top:-25px;margin-left:-11px;} .c_family .goal li:nth-child(3):before{left:50%;top:-25px;margin-left:-11px;} .c_family .goal:after{background: #fff;} /* .c_family .goal li div{padding:60px 30px;} */ .c_family .goal li:nth-child(2):before{content:'';display: none;} .c_family .goal li:nth-child(3):before{content:'';display: none;} .c_family .goal li:nth-child(4):before{content:'';display: none;} /* .c_family .goal li div p{font-size:18px !important;} */ .c_family .workout{flex-wrap:wrap;/* flex-direction:column; */justify-content:space-around; margin:0 25px;} .c_family .workout li{flex:none;/* width:100%; */margin:10px 0 0;} /* .c_family .workout li .round p{line-height:45px;} */ .c_family .workout li .square h3{font-size:15px;} /* .c_family .workout:before{left: 25%;width: 45%;height: 1px;} */ .c_family .workout:after{bottom:-55px;background-size:contain;} .c_family .c_family_end{margin:50px auto;display:block;padding:30px 10px;font-size:20px;text-align:center;word-break: keep-all;} .c_family .c_family_end br{display:none;} } /* --------------------------------------- 기술이전 --------------------------------------- */ .t_info .workout{position:relative;margin:15px 0;display:flex;flex-wrap:nowrap;justify-content: center;} .t_info .workout li .round p{color:#fff;font-size:20px;font-weight:800;line-height:54px;} .t_info .workout li .square{margin-top: 10px;/* background: #f2f4f6; */text-align: center;min-width: 130px;padding: 5px 15px;} .t_info .workout li .square h3{padding-bottom:20px;font-size:22px;line-height:1.3;color:#F15A29;text-align:center;} .t_info .workout li .square p{position:relative;text-align:center; /*padding-left: 10px; text-indent: -5px; */} .t_info .workout li:nth-child(2) .square h3{color:#0090FF;} .t_info .workout li:nth-child(3) .square h3{color:#0082E6;} .t_info .vision_end{position:relative;margin:70px auto 50px;display:inline-block;padding:30px 100px;color:#404040;font-size:38px;font-weight:800;line-height:1.5;background:#c9e4ff;border-radius:100px;box-shadow:0 0 20px rgba(274,215,255,0.3);} .t_info .vision_end span{font:inherit;color:#004e8a;} .t_info .linebox2 .email button{margin-bottom: 5px;} .t_info .workout li .round {background: url(../img/sub/tech01.png) no-repeat center; width:125px; height: 125px;} .t_info .workout li:nth-child(2) .round {background: url(../img/sub/tech02.png) no-repeat center;} .t_info .workout li:nth-child(3) .round {background: url(../img/sub/tech03.png) no-repeat center;} .t_info .workout li:nth-child(4) .round {background: url(../img/sub/tech04.png) no-repeat center;} /* .t_info .workout li:nth-child(5) .round {background: url(../img/sub/tech05.png) no-repeat;} */ .t_info .workout li {display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 45px;} .t_info .workout li{position: relative;} .t_info .workout li:nth-child(2)::before{position: absolute; content:''; background:url(../img/main/s3_arr2.png) no-repeat;width: 40px;height: 30px;left: -65px;background-size: contain;} .t_info .workout li:nth-child(3)::before{position: absolute; content:''; background:url(../img/main/s3_arr2.png) no-repeat;width: 40px;height: 30px;left: -65px;background-size: contain;} .t_info .workout li:nth-child(4)::before{position: absolute; content:''; background:url(../img/main/s3_arr2.png) no-repeat;width: 40px;height: 30px;left: -65px;background-size: contain;} /* .t_info .workout li:nth-child(5)::before{position: absolute; content:''; background:url(../img/main/s3_arr2.png) no-repeat;width: 40px;height: 30px;left: -65px;background-size: contain;} */ @media only screen and (max-width:1100px){ /* 기술이전절차 레이아웃 배치 -태블릿 모바일 */ .vision .workout{flex-wrap:wrap;justify-content:space-evenly;} .t_info .workout li .round, .t_info .workout li:nth-child(2) .round, .t_info .workout li:nth-child(3) .round, .t_info .workout li:nth-child(4) .round{width:80px; height: 80px; background-size: contain;} .t_info .workout li{margin: 0 10px;} .t_info .workout li:nth-child(2)::before, .t_info .workout li:nth-child(3)::before, .t_info .workout li:nth-child(4)::before {width:30px; left:-35px;} /* .t_info .workout li:nth-child(1), .t_info .workout li:nth-child(2), .t_info .workout li:nth-child(3){margin-bottom: 45px;} */ } @media only screen and (max-width: 834px){ .t_info .workout li{margin: 0 20px;} .t_info .workout li .square p{line-height: 1.6;} } @media(max-width: 450px){ .t_info .workout{flex-direction: column;} .t_info .workout li .round, .t_info .workout li:nth-child(2) .round, .t_info .workout li:nth-child(3) .round, .t_info .workout li:nth-child(4) .round{width:100px; height: 100px; background-size: contain;} .t_info .workout li{margin: 0 25px 45px;} .t_info .workout li:nth-child(4){margin-bottom: 0px;} .t_info .workout li:nth-child(2)::before, .t_info .workout li:nth-child(3)::before, .t_info .workout li:nth-child(4)::before, .t_info .workout li:nth-child(5)::before{left: 135px;/* left: 45px; */top: -40px;background-size: contain;transform: rotate(90deg); width:20px;} } @media(max-width: 400px){ .t_info .workout li:nth-child(2)::before, .t_info .workout li:nth-child(3)::before, .t_info .workout li:nth-child(4)::before, .t_info .workout li:nth-child(5)::before{left: 125px;} } @media(max-width: 389px){ .t_info .workout li:nth-child(2)::before, .t_info .workout li:nth-child(3)::before, .t_info .workout li:nth-child(4)::before, .t_info .workout li:nth-child(5)::before{left: 110px;} } /*------------------------------------------------ 레이아웃(조직도) ------------------------------------------------*/ /* 조직도 */ .h56{height: 65px;} .wid40{width:49.2% !important;}/*42%*/ .org_wrap {position: relative; margin-bottom: 50px;} .org_wrap .mint {background: #70AC49; color: #fff !important;} .org_wrap .blue {background: #5A9BD5; color: #fff !important;} .org_wrap .green {background: #c3e0b0; border: 1px solid #acd392;} .org_wrap .gray {background: #f9f9f9; border: 1px solid #d4d4d4;} .org_wrap .pink {background: #F4CCCC; border: 1px solid #eca4a4;} /*250102,soyun,조직도 추가*/ .org_wrap .skyblue {background: #A4DDED; border: 1px solid #8dd5e9;} .org_wrap .deep_blue {background: #215F9A; color: #fff !important;} /*250721,gbkim 추가*/ .org_wrap .directorate {display: block; width: 130px; height: 130px;background:url(../images/common/icon_hexagon.png) no-repeat center;background-size: contain;}/*250117,soyun,원장 도형 변경*/ .org_wrap .directorate a {position: relative; display: block; width: 100%; height: 100%; text-align: center; line-height: 130px; font-size: 20px; color: #fff; border-radius: 50%;}/*background: #ed7d31; no-repeat; background-size:cover;*/ .org_wrap .directorate span {position: relative; display: block; width: 100%; height: 100%; text-align: center; line-height: 130px; font-size:22px; color:#fff;} .org_wrap .level1 {position: relative; z-index:0; max-width:950px; margin:0 auto;}/*250117,max-width:870px;*/ .org_wrap .level2 {position: relative; overflow: hidden;} .org_wrap .level2 .group3 {position: relative; float: right; width: calc(50% - -56px); margin-left: 50px;}/*250117,soyun,width: calc(50% - 50px);*/ .org_wrap .level2 .group3 li a {width:50%;}/*width:100%;*/ .org_wrap .group2_wrap {position: relative; float: left; width: calc(100% - 130px); margin-left: 130px;} .org_wrap .group2 {display:inline-block; width:100%;} .org_wrap .group2 li {position: relative; float:left; width:100%;} .org_wrap .group2 li + li {margin-top:10px;} .org_wrap .group2 li > span {position: relative; float:left; width:50%; min-height:47px; text-align: center; font-size:14px;} .org_wrap .group2 li > span span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 30px 0 15px; line-height: 1.2; text-align: left;} .org_wrap .group2 li a {position: relative; float:left; width:37%; min-height:47px; text-align: center; font-size:20px;}/*width:50%*/ /*.org_wrap .group2 li a span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100%; padding: 0 15px; text-align: left;*/ /* background: url(../images/common/icon_external_link_op30.png) no-repeat;background-size: 15px;background-position: right 12px center;*/ /*}*/ .org_wrap .group2 li a span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100%; padding: 0 15px; text-align: left; background: url(../images/common/icon_external_link_op30.png) no-repeat;background-size: 15px;background-position: right 12px center; font-size: 16px; } /* 250721 gbkim 조직도 문구 폰트사이즈16으로 수정 */ .group4 span, .other_group span{background: url(../images/common/icon_external_link_op30_black.png) no-repeat !important;background-size: 15px !important;background-position: right 12px center !important;} .org_wrap .group2 .group5 {position: relative; margin-left: 100px; width: calc(100% - 100px)} /*250117,soyun, 조직도 도형 너비 수정*/ .org_wrap .group2 .group5 a {width: 200px;}/*270px*/ .org_wrap .group2 .group5 a span{background:url(../images/common/icon_external_link_op30.png) no-repeat; background-size: 15px; background-position: right 12px center;}/*background-position: 155px;*/ .org_wrap .group2 .group5 .group3 {width: calc(100% - 251px);}/*250117,soyun,width: calc(100% - 320px)*/ .org_wrap .group3_wrap {position: relative; float: left; width: 100%;} .org_wrap .group3_wrap .group2 li a {width: 200px; margin-left: 100px;}/*width: 270px;*/ .org_wrap .group3_wrap .group2 .group3 li a {width: 100%; margin-left: 0;} .org_wrap .group2 .group5 .group3 .group6 {width: calc(100% - 50px); margin-left: 50px;} .org_wrap .group2 .group3 .group6 {width: calc(100% - 50px);margin-left: 50px;} .group6 .left_before {margin-top: 10px;} /*250120,soyun,*/ .group3_left{position: relative;float: left;} .group3_right{position: relative;float: right;width: calc(100% - 285px) !important;margin-top:-9px;left:-10px;}/*256*/ .group3_right li a {width:100% !important;} /*.group3_left:after{content: ""; position: absolute; top: 23.5px; right: -26px; width: 26px; height: 1px; background: #ddd; z-index: -1;}*/ .group3_left:after{content: ""; position: absolute; top: 24.5px; right: -26px; width: 26px; height: 1px; background: #ddd; z-index: -1;} /* 250721 gbkim top 23.5 => 24.5로 변경 */ /* 조직도 라인 */ .org_wrap .group2_wrap:before {content: ""; position: absolute; left: -65px; margin-top: 0; width: 1px; height: 781px; background: #ddd; z-index: -1;}/*height: 650px;->820px;*/ .org_wrap .group2 li:before {content: ""; position: absolute; left: -65px; margin-top: 23.5px; width: 72.5px; height: 1px; background: #ddd; z-index: -1;} .org_wrap .group2 li.left_before:before {left: -25px; width: 25px;} .org_wrap .group2 li .line:after {content: ""; position: absolute; top: 23.5px; right: -29px; width: 29px; height: 1px; background: #ddd; z-index: -1;}/* 뒷쪽 라인, right:-26, width:26 */ .org_wrap .level2 .group2_wrap:after {content: ""; position: absolute; left: 0; margin-left: -0.5px; margin-top: 23.5px; width: 70%; height: 1px; background: #ddd; z-index:-1;}/*width: 100%;*/ /*.org_wrap .level2 .group3:before {content: ""; position: absolute; left: -25px; top: 24.5px; width: 1px; height: calc(100% - 47px); background: #ddd;}!*height: calc(100% - 47px)*!*/ .org_wrap .level2 .group3:before {content: ""; position: absolute; left: -25px; top: 24.5px; width: 1px; height: calc(100% - 220px); background: #ddd;} /* 250721 gbkim 선 길이 height: calc(100% - 47px) => height: calc(100% - 220px) */ .org_wrap .group2 .group5:after {content: ""; position: absolute; top:-146px; left: -65px; width: 1px; height: 171px; background: #ddd; z-index: -1;}/*top: -70px;height: 94px;*/ .org_wrap .group3_wrap .group2 li:before {content: ""; position: absolute; left: -65px; margin-top: 23.5px; width: 165px; height: 1px; background: #ddd; z-index: -1;} .org_wrap .group3_wrap .group2 .group3 li:before {content: ""; position: absolute; left: -25px; margin-top: 23.5px; width: 25px; height: 1px; background: #ddd; z-index: -1;} /* level 4 */ .org_wrap .level2 .group6_line:before {left: 24px !important;} .group3.group3_line:before{left: 250px !important;}/*24*/ .group6.group6_line:before{content: ""; position: absolute; left: 24px; margin-top: 0; /* width: 1px; */ height: 82px; background: #ddd; z-index: -1;} .other_group:before{content: ""; position: absolute; left: -25px; top: 24.5px; width: 1px; height: calc(100% - 65px) !important; background: #ddd;}/* */ /*.group6.group6_line2:before {content: ""; position: absolute; left: 24px; margin-top: 0; width: 1px; height: 82px; background: #ddd; z-index: -1;}*/ .group6.group6_line2:before {content: ""; position: absolute; left: -25px; margin-top: 32px; width: 1px; height: calc(100% - 55px); background: #ddd; z-index: -1;} /* 250721 gbkim 주석 해제 후 위치 변경*/ @media(max-width: 900px){ .org_wrap {padding: 0 20px;} .org_wrap .directorate {width: 100px; height: 100px;} .org_wrap .directorate a {line-height: 100px;} .org_wrap .directorate span {line-height: 100px;} .org_wrap .group2 li a span {padding: 0 10px;} .org_wrap .group2_wrap {width: calc(100% - 100px); margin-left: 100px;} .org_wrap .level2 .group3 {float: none; width: calc(100% - 35px);} .org_wrap .level2 .group3.group4 {width: 100%; margin-left: 0;} .org_wrap .group2 li {display: inline-block; float: none; width: 100%;} .org_wrap .group2 li + li {margin-top: 0;} .org_wrap .group2 li a {display: inline-block; float: none; width: 100% !important; z-index: 2;} .org_wrap .group2 .group5 {margin-left: 35px; width: calc(100% - 35px);} .org_wrap .group2 .group5 a {width: 100%;} .org_wrap .group2 .group5 .group3 {width: calc(100% - 35px);} .org_wrap .group3_wrap .group2 li a {width: calc(100% - 35px); margin-left: 35px;} /* .org_wrap .group3_wrap .group2 li .group3 {width: calc(100% - 100px); margin-left: 100px;} */ .org_wrap .group3_wrap .group2 li .group3 {width: calc(100% - 72px); margin-left: 72px;} /* 조직도 라인 */ .org_wrap .group2_wrap:before {left: -50px; height: 961px;}/* height: 725px; */ .org_wrap .group2 li:before {left: -50px;} .org_wrap .group2 li.left_before:before {left: -20px;} /*.org_wrap .level2 .group3:before {left: -20px; top: -8.5px; height: calc(100% - 23px);}*/ .org_wrap .level2 .group3:before {left: -20px; top: -8.5px; height: calc(100% - 240px);} /* 250721 gbkim height: calc(100% - 23px) => height: calc(100% - 240px) 변경*/ .org_wrap .level2 .group4:before {display: none;} .org_wrap .group2 .group5:after {top: -200px;left: -20px; height: 225px;} /*{top: -85px; left: -20px; height: 110px;}*/ .org_wrap .level2 .group2 .group5:before {left: -20px;} .org_wrap .level2 .group2 .group5 ul li:before {left: -20px;} .org_wrap .group3_wrap .group2 li:before {left: -50px;} .org_wrap .group3_wrap .group2 .group3 li:before {left: -20px;} /* level 4 */ .org_wrap .group2 .blue.line.wid35 {width: calc(100% - 30px) !important;} /**/ .org_wrap .group2 .group5 .group3 .group6 {width: calc(100% - 30px) !important; margin-left: 30px; margin-top:0; left:0;} .org_wrap .group2 .group3 .group6 {width: calc(100% - 30px) !important;margin-left: 30px;margin-top:0; left:0;} .group6 .left_before {margin-top: 0;} .group3.group3_line:before {left: -20px !important;top: -8.5px !important;height: calc(100% - 128px) !important;} .org_wrap .level2 .group6_line:before {left: -21px !important;height: 41px !important; top:-16px !important;}/*left: 10,top:38*/ /*.group6.group6_line2:before{content: "";position: absolute;left: -20px;margin-top: -54px;width: 1px;height: 90px;background: #ddd;top: 43px;z-index: -1;}!*left: 10px;margin-top: 0;*!*/ .group6.group6_line2:before{content: "";position: absolute;left: -20px;margin-top: -54px;width: 1px;height: calc(100% - 17px);background: #ddd;top: 43px;z-index: -1;}/*left: 10px;margin-top: 0;*/ /* 250721 gbkim height: calc(100% - 17px) 추가 */ .group6.group6_line:before{content: ""; position: absolute; left: 24px; margin-top: 0; width: 1px;height: 82px; background: #ddd; z-index: -1;} .org_wrap .level2 .group3 {margin-left: 35px;} .group6 a span {font-size: 18px;} } @media(max-width: 500px){ .org_wrap {padding: 0;} } /*------------------------------------------------ 연혁 ------------------------------------------------*/ .history{position:relative;width: 100%;} .history:before{content:'';position:absolute;left:90px;top:166px;bottom:0;width:1px;height:calc(100% - 190px);background:#ddd;z-index:-1;} /* 연혁 타이틀 */ .history .tit_head{padding: 30px;border: 1px solid #e5e5e5;margin-bottom: 65px;position: relative;border-radius: 35px;background: linear-gradient(to right, #243949, #517fa4);} .history .tit_head h4{position: relative;padding-left:110px; font-size: 24px; color:#fff;} .history .tit_head h4:before{display: block;content: '';width: 75px;height: 75px;position: absolute;top: -18px;left: 15px;background: url('../img/common/icon_history.png') no-repeat;background-size: contain;} .history .years{position:relative;margin-top:30px;padding:20px 30px 20px 140px;display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content: flex-start;background:#f5f5f5;border-radius:10px;} .history .years:before{content:'';position:absolute;left:80px;top:26px;width:20px;height:20px;border-radius:50%;border:7px solid #F15A29;background:#F15A29;box-sizing: border-box;} .history .years + .years{background:none;} .history .years + .years:before{background:#fff;} .history .years .year {/* width:100px; */text-align:center;margin-right:40px;} .history .years .year p{font-size:32px;font-weight:800;color:#F15A29;line-height:36px;} /* .history .years .h_intro {flex:1;} */ .history .years .h_intro li{display:flex; flex-wrap:nowrap; padding:5px 0; justify-content: flex-start;align-items: flex-start;} .history .years .h_intro li + li{margin-top:7px;} .history .years .h_intro li .monthly{margin-right:30px; } .history .years .h_intro li .monthly span{font-weight:700;/* font-size:18px; */color:#222;line-height:26px; flex-grow: 1;} .history .years .h_intro li p{color:#2b2b2b; flex-grow: 2;} /* 연혁*/ .lrc .guide .tblist tr th{background: #fff; border-bottom: 0; padding:15px 20px;} @media only screen and (max-width: 500px) { /*연혁 세로선*/ .history:before{left:25px !important;} } /*------------------------------------------------ CI ------------------------------------------------*/ .ci_img{justify-content: space-around;} .ci_img img {max-width: 45% !important;} /*예외규정 이미지 바둑판식*/ .ci_img_grid img{ max-width:25% !important;} .ci_img_list {margin-bottom: 20px;} .ci_img_list li{padding: 5px 0 0!important; padding-bottom: 5px;} .ci_img_list li:nth-child(2){margin-right: 10px;} /* 배열 속성 */ .attr_fl_start{justify-content: start;} /* 사용금지 이미지 배열 */ .ci_prohibition {flex-wrap: wrap;} .ci_prohibition span{width: calc(33.33% - 20px);margin:10px;box-sizing: border-box;} /* 상하규정 */ .ci_rule {flex-wrap: wrap; justify-content: start;} .ci_rule img{margin-right: 30px; margin-bottom: 25px;} /* 사용 */ .ci_size img{ width:45%;} /*------------------------------------------------ 기존 기술정보지 게시판 형식을 갤러리 게시판 카드 형식으로 css 수정 gbkim(25-07-25) - 한 줄에 3개씩 보이게 수정 gbkim(25-08-22) ------------------------------------------------*/ .gallery-wrap .coll_03 .title:before{display:block; content:''; width:90px; height:1px; background-color:#f15a29; position:absolute; top:0; left:0; z-index:1} .gallery-wrap .coll_03 .title:after{display:block; content:''; width:1px; height:90px; background-color:#f15a29; position:absolute; top:0; left:0; z-index:1} .gallery-wrap .coll_03 .title{padding:55px; border:1px solid #e5e5e5; margin-bottom:65px; position:relative;} .gallery-wrap .coll_03 .title p{position:relative; font-size:20px; color:#515151; padding-left:130px;} .gallery-wrap .ebook{display: flex; justify-content: flex-start} .gallery-wrap .ebook .ebook-wrap {display: flex;flex-wrap: wrap;justify-content: flex-start;margin-bottom: 40px;max-width: 1100px;width: 100%;} .gallery-wrap .ebook .ebook-card {width: 290px; flex: 0 0 290px;margin-bottom: 30px;} .gallery-wrap .ebook .ebook-card:nth-child(3n-2) {margin-left: 0;margin-right: 40px;} .gallery-wrap .ebook .ebook-card:nth-child(3n-1) {margin-left: 0;margin-right: 40px;} .gallery-wrap .ebook .ebook-card:nth-child(3n) {margin-left: 0;margin-right: 0;} .gallery-wrap .ebook .ebook-card a:first-child{display: block;position: relative;border: none;margin-bottom: 15px;} .gallery-wrap .ebook .ebook-card a:first-child:before{display: none;} .gallery-wrap .ebook .ebook-card .thumb{width: 290px;height: 240px;overflow: hidden;position: relative;background: #f8f8f8;border: 1px solid #e0e0e0;} .gallery-wrap .ebook .ebook-card .thumb img{height: 100%;width: 100%; object-fit: fill;transition: transform 0.3s ease;} .gallery-wrap .ebook .ebook-card:hover .thumb img{transform: scale(1.05);} .gallery-wrap .ebook .ebook-card p{text-align: left;padding: 0;font-size: 1.8rem;color: #333;margin: 8px 0 8px 0;font-weight: 600;line-height: 1.5;display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%;} .gallery-wrap .ebook .ebook-card .info-box{padding: 0;margin-top: 0;} .gallery-wrap .ebook .ebook-card .info-box .dateviews{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 20px;text-align: left;color: #888;font-size: 14px;} .gallery-wrap .ebook .ebook-card .info-box .dateviews .date {display: flex;align-items: center;margin-left: 0;} .gallery-wrap .ebook .ebook-card .info-box .dateviews .reg-date {font-size: 1.3rem;margin-left: 5px;} .gallery-wrap .ebook .ebook-card .info-box .dateviews .views {display: flex;align-items: center;} .gallery-wrap .ebook .ebook-card .info-box .dateviews .view-count {font-size: 14px;margin-left: 10px;} .gallery-wrap .ebook .ebook-card i{margin-right: 0;} .gallery-wrap .ebook .ebook-card .date{display: none;} .gallery-wrap .ebook .ebook-card .info-box .dateviews .divider {width: 1px;height: 10px;background-color: #ccc;margin: 0 2px;} /* 1200px 이하 - 2개씩 배치 */ @media all and (max-width:1200px){ .gallery-wrap .coll_03 .title{padding:45px;} .gallery-wrap .ebook .ebook-wrap{justify-content: flex-start;gap: 30px;} .gallery-wrap .ebook .ebook-card{width: 300px;margin: 0;flex: 0 0 300px;} .gallery-wrap .ebook .ebook-card:nth-child(3n-2), .gallery-wrap .ebook .ebook-card:nth-child(3n-1), .gallery-wrap .ebook .ebook-card:nth-child(3n) {margin-left: 0;margin-right: 0;} .gallery-wrap .ebook .ebook-card .thumb{width: 300px;height: 180px;} } /* 768px 이하 - 2개씩 배치 */ @media all and (max-width: 768px) { .gallery-wrap .coll_03 .title {margin-bottom: 30px;} .gallery-wrap .coll_03 .title p {font-size: 18px;} .gallery-wrap .ebook .ebook-wrap{gap: 20px;width: 100%;max-width: 600px;} .gallery-wrap .ebook .ebook-card {width: calc(50% - 10px);margin: 0;flex: 0 0 calc(50% - 10px);} .gallery-wrap .ebook .ebook-card .thumb {width: 100%;height: 160px;} .gallery-wrap .ebook .ebook-card p {font-size: 15px;} .gallery-wrap .ebook .ebook-card .info-box .dateviews {font-size: 13px;} } /* 640px 이하 */ @media all and (max-width: 640px) { .gallery-wrap .coll_03 .title {padding: 25px;} .gallery-wrap .ebook .ebook-card .thumb {height: 250px;} .gallery-wrap .ebook .ebook-card p {font-size: 14px;} .gallery-wrap .ebook .ebook-card .info-box .dateviews {font-size: 12px;} } /* 500px 이하 - 1개씩 배치 */ @media all and (max-width: 500px) { .gallery-wrap .coll_03 .title p {font-size: 17px;} .gallery-wrap .ebook .ebook-wrap{gap: 20px;} .gallery-wrap .ebook .ebook-card {width: 100%;margin: 0;flex: 0 0 100%;} .gallery-wrap .ebook .ebook-card .thumb {height: 200px;} .gallery-wrap .ebook .ebook-card p {font-size: 1.7rem; line-height: 1.3;} .gallery-wrap .ebook .ebook-card .info-box .dateviews {font-size: 15px; gap: 15px;} } @media all and (max-width: 375px) { .gallery-wrap .ebook .ebook-card .thumb {height: 220px;} .gallery-wrap .ebook .ebook-card p {font-size: 1.7rem;} .gallery-wrap .ebook .ebook-card .info-box .dateviews {font-size: 1.5rem; gap: 10px;} } /*------------------------------------------------ 레이아웃(contents-map) ------------------------------------------------*/ .map-wrap{position:relative;} .map-wrap button{position:absolute;left:10px;top:10px;display:block;width:115px;height:36px;border-radius:18px;color:#fff;background:#F15A29;box-shadow:2px 4px rgba(0,0,0,0.1);z-index:10;} .map-wrap button:nth-child(2){margin-top:10px;top:46px;} .map-wrap button:nth-child(3){margin-top:10px;top:92px;} .map .locate_map{width:100%;min-height:400px;background:#f8f8f8;} .map dl{margin-top:20px; padding-bottom:20px; display:flex;flex-wrap:nowrap;justify-content: flex-start;align-items: flex-start;border-bottom:1px solid #eee;} .map dl dt{position:relative;padding-left:60px;width:20%;font-weight:700;font-size:20px;line-height:50px;} .map dl dt:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:50px;height:50px;background:#f8f8f8;border-radius:50%;} .map dl dd{flex:1;padding:10px 0 10px;} .map dl dd p{font-size:18px;color:#2b2b2b;line-height:1.5;} .map dl dd p span{font:inherit;font-weight:700;color:#333;} .map dl dd p i{font-size:inherit;color:#F15A29;} .map dl dd h4{display:block;font-size:18px;font-weight:700;} .map dl dd h4 + p{margin:12px 0 20px;} .map dl.ic_address dt:before{background:#f8f8f8 url(../images/sub/ic_map.png) no-repeat center center;} .map dl.ic_address dd .btn_type1{padding:0 20px;font-size:18px;line-height:40px;border-radius:20px;} .map dl.ic_address dd p{margin-top:10px;} .map dl.ic_phone dt:before{background:#f8f8f8 url(../images/sub/ic_phone.png) no-repeat center center;} .map dl.ic_phone dd p + p{margin-top:10px;} .map dl.ic_phone dd p span{margin-right:20px;} .map dl.ic_fax dt:before{background:#f8f8f8 url(../images/sub/ic_fax.png) no-repeat center center;} .map dl.ic_parking dt:before{background:#f8f8f8 url(../images/sub/ic_parking.png) no-repeat center center;} .map dl.ic_parking dd p span{font-weight:400;margin-right:40px;white-space:nowrap;} .map dl.ic_parking dd h4{margin:20px 0 10px;} .map dl.ic_parking dd h4:first-child{margin-top:0;} .map dl.ic_parking dd h4 + p{margin:0;} .map dl.ic_parking dd p{margin-top:10px} .map dl.ic_parking dd .ti20{padding-left:20px;text-indent:-20px;} .map dl.ic_bus dt:before{background:#f8f8f8 url(../images/sub/ic_bus.png) no-repeat center center;} /*--- 찾아오시는 길 안내 ---*/ /* .map .tblist th {width: 15%;padding-left: 30px;text-align: center;background: #f8f8f8;line-height: inherit;font-weight: 600;} .map .tblist p.ic_addr {background:url(../images/sub/ic_map.png) no-repeat center left;padding-left: 40px;background-size: contain;} .map .tblist p.ic_phone {background:url(../images/sub/ic_phone.png) no-repeat center left;padding-left: 40px;background-size: contain;} .map .tblist p.ic_fax {background:url(../images/sub/ic_fax.png) no-repeat center left;padding-left: 40px;background-size: contain;} .map .tblist p.ic_bus {background:url(../images/sub/ic_bus.png) no-repeat center left;padding-left: 40px;background-size: contain;} .map .tblist td {text-align: left; border-bottom: 0;} */ #staticMap div div div:nth-child(6) div:nth-child(2) {width: 300px;} .map-title-caption span.addr {font-size:19px;} .static_wid60 {min-width: 70px;/* text-align: center; */} .lst_local {margin: 15px 0 0 21px;} .box_local .lst_local li {display: flex;} .box_local .lst_local li p.ic_addr {background:url(../img/sub/ic_map.png) no-repeat top left;padding-left: 30px;background-size: contain;} .box_local .lst_local li p.ic_phone {background:url(../img/sub/ic_phone.png) no-repeat top left;padding-left: 30px;background-size: contain;} .box_local .lst_local li p.ic_fax {background:url(../img/sub/ic_fax.png) no-repeat top left;padding-left: 30px;background-size: contain;} .box_local .left_img {min-width:95px; height: 95px;margin: 0 25px;} .box_local .ic_car{background: url(../img/sub/icon_car.png) no-repeat;background-size: contain;} .box_local .ic_bus{background: url(../img/sub/icon_bus.png) no-repeat;background-size: contain;} .box_local .ic_train{background: url(../img/sub/icon_train.png) no-repeat;background-size: contain;} .box_transport h5 {font-size: 22px; position:relative; border-bottom: 1px solid #222;font-weight: 600;width: 95%;margin: 35px auto 10px} /* .box_transport h5::after{position: absolute;top:0;left:0; width} */ .box_transport .box_local {display: flex;align-items: center;padding:15px;} .box_transport .box_local .right_txt strong, .box_transport .box_local .txt_box strong{font-weight: 600; color:#F15A29;} .square_box {width: fit-content;height: fit-content;border: 1px solid #555555;padding: 5px 10px;/* border-radius: 10px; */margin-right: 15px;} .cont_info ul {display: flex; align-items: center; margin-bottom: 15px;} .cont_info li {font-size:18px;} .map table tr th {background: #fff; border-bottom: 0; padding:0;} @media only screen and (max-width:450px){ /* .guide .bdlist li p{font-size: 18px !important;} */ .lst_local {margin:15px 5px;} .box_local .left_img {margin:0;} .box_transport .box_local, .cont_info ul {flex-direction: column;/* align-items: baseline; */} .cont_info ul li{font-size: 18px;line-height: 1.8;/* letter-spacing: -0.01em; */} .square_box{width:100%; margin:10px;text-align: center;} .map .tblist p.ic_addr {background:0;padding-left: 0px !important;background-size: contain;} .map .tblist p.ic_phone {background:0;padding-left: 0px !important;background-size: contain;} .map .tblist p.ic_fax {background:0;padding-left: 0px !important;background-size: contain;} .map .tblist p.ic_bus {background:0;padding-left: 0px !important;background-size: contain;} } /*------------------------------------------------ 레이아웃(경력증명서) ------------------------------------------------*/ .certification .tblist tr:nth-child(1){border-top: 1px solid #494949;} .certification .tblist tr:last-child{border-bottom: 1px solid #494949;} .certification .tblist th, .certification .tblist td {border-bottom: 1px solid #eee;} .certification .page_btns{margin: 50px auto;text-align:center;} .certification .title_box {width: 100%; background: #fff;padding: 15px 35px;border-top: 1px solid #eee;border-bottom: 1px solid #eee; display: flex; /* justify-content: center; */} .certification .title_box .title_box_img {width:100px; height:100px;background: url(../img/common/coll_05_certification.png) no-repeat center; background-size: cover;margin-left: 70px;margin-right: 25px;} .certification .title_box .title_box_txt {display: flex; flex-direction: column; justify-content: center;} /* -- 경력증명서 -- */ .career .tit_head{padding: 30px;border: 1px solid #e5e5e5;margin-bottom: 65px;position: relative;border-radius: 35px;background: linear-gradient(to right, #243949, #517fa4);} .career .tit_head h4{position: relative;/* padding:0 110px; */font-size: 24px; color:#fff;} .career .tit_head h4:before{display: block;content: '';width: 75px;height: 75px;position: absolute;top: -18px;left: 15px;background: url('../img/common/coll_05_certification.png') no-repeat;background-size: contain;align-content: center;} @media only screen and (max-width: 500px) { .career .tit_head h4:before{left:15px;} } /* This Screen Only */ @media screen and (max-width: 699px) { .page_box .page_tit {display: block;} } /*------------------------------------------------ 레이아웃(입주안내) ------------------------------------------------*/ .clubstep2{margin:15px auto;display:flex;flex-wrap:nowrap;justify-content: flex-start;align-items: stretch;} .clubstep2 li{position:relative;flex:1;padding:35px 26px;text-align:center;background:#1D99F8;font-size:18px;font-weight:700;color:#fff;line-height:24px;text-shadow: 0 0 rgba(0,0,0,0.1); height: 100px;} /* .clubstep2 li + li{margin-left:-45px;} */ .clubstep2 li p{color:#fff;font-size:20px;font-weight:700;} .clubstep2 li:nth-child(2){background:#0090FF} .clubstep2 li:nth-child(3){background:#0082E6;} .clubstep2 li:nth-child(4){background:#0068B8;} .clubstep2 li:nth-child(5){background:#004E8A;} .clubstep2 li:nth-child(6){background:#004274;} .clubstep2 li:nth-child(2):before{content:'';position:absolute;left:-20px;top:0;width:40px;height:100px;background:url(../images/sub/club_steb_bg2.png) no-repeat center 0; background-size:40px auto;} .clubstep2 li:nth-child(3):before{content:'';position:absolute;left:-20px;top:0;width:40px;height:100px;background:url(../images/sub/club_steb_bg2.png) no-repeat center -102px; background-size:40px auto;} .clubstep2 li:nth-child(4):before{content:'';position:absolute;left:-20px;top:0;width:40px;height:100px;background:url(../images/sub/club_steb_bg2.png) no-repeat center -204px; background-size:40px auto;} .clubstep2 li:nth-child(5):before{content:'';position:absolute;left:-20px;top:0;width:40px;height:100px;background:url(../images/sub/club_steb_bg2.png) no-repeat center -306px; background-size:40px auto;} .clubstep2 li:nth-child(6):before{content:'';position:absolute;left:-20px;top:0;width:40px;height:100px;background:url(../images/sub/club_steb_bg2.png) no-repeat center -408px; background-size:40px auto;} /* 창업보육 > 입주안내 */ .td_sub_tit {width: 17%;background: #f5f5f5; font-size:18px; text-align: center !important;} .startup_comp .bdlist li a:active .ellip{color:#2b2b2b;cursor: default;} /* @media (hover:hover) { .startup_comp .tblist a{cursor: default;} } */ /*--- 가로 테이블 ---*/ .tb_rstyle table.tblist {margin:0 !important;} .tb_rstyle table.tblist tr:nth-child(1) {border-top: 1px solid #eee;} /*--- 현황>연혁 ---*/ .guide table.tblist {margin:0 !important;} .guide .tblist th {width: 15%;text-align: center;line-height: inherit;font-weight: 600;} .guide .tblist td {text-align: left; border-bottom: 0;} /* mobile */ .guide .bdlist {border-top: 0 !important;margin:0;} .guide .bdlist li {padding:10px 5px !important; border-bottom: 0;} .guide .bdlist li p{text-align: left !important; font-size: 20px !important;} .guide .bdlist .bdinfo{color: #F15A29;} /*--- 기능 ---*/ .guide_func table.tblist {margin:0 !important;} .guide_func .tblist th {text-align: center;line-height: inherit;font-weight: 600; background: #e8e8e8;} .guide_func .tblist td {text-align: left; } .guide_func .tblist td p {color:#2b2b2b;font-size: 20px;} /*--- 규정 ---*/ /* .occupancy .tblist tr:nth-child(2) th {border-bottom: 1px solid #222;} */ .occupancy .round{display: flex !important;align-items: center;height: 70px;padding: 5px !important;} .occupancy .round p{font-weight:800 !important;width:100% !important;line-height: 1.8 !important;/* font-size: 18px !important; */ padding-left: 0px !important; text-indent:0 !important;} .occupancy .workout:before{top:60px !important;} .occupancy .square{padding:5px !important; height: 175px;} .occupancy .square p{/* font-size: 16px !important; */ margin:0 !important;text-align: left !important; padding-left: 0 !important; text-indent: 0 !important; padding:5px 10px !important; width: 100% !important} .occupancy .square p::before{background: none !important;} /*--- 패밀리기업 ---*/ .family li {display:flex; justify-content: center; align-items: center;} @media only screen and (max-width:834px){ /* .guide .bdlist li p{font-size: 18px !important;} */ .occupancy .square p {font-size: 20px !important;} } /*------------------------------------------------ 레이아웃(채용공고) ------------------------------------------------*/ /* --- 조회 --- */ /* .recruit-wrap {width: 70% !important;margin: 0 auto !important;} */ .recruit-pack {padding: 16px 20px;background: #f5f5f5;border-radius: 4px;margin-bottom: 25px;} .recruit-pack .form_item {text-align: center;/* font-size: 18px; */ margin-top: 10px;/* margin-bottom: 15px; */} .recruit-pack .form_item p{text-align: center; font-size: 2rem; font-weight:600; margin-top: 20px; margin-bottom: 30px;} .recruit-wrap .recruit-box .ipt-pack {margin-top: 36px;width: 100%;} .ipt-pack {position: relative;display: inline-block;font-size: 0;} label {cursor: pointer;} /* .recruit-wrap .recruit-box .ipt-pack span {font-size: 16px;}*/ .ipt-pack span { display: inline-block; width: 100%; margin-bottom: 10px; /* font-size: 18px; */ font-weight: 600; } .ipt-pack input { display: inline-block; width: 100% !important; padding: 0 16px !important; margin: 0; line-height: 38px; border-radius: 8px; /* font-size: 18px; */ font-weight: 500; background: #fff; box-sizing: border-box; } input, button, select { font: inherit; cursor: pointer; } .recruit-pack table {margin-left: auto;margin-right: auto;} .recruit-pack table tr td {padding:10px;} /*라벨 캡챠*/ .flex_box {display: flex; flex-direction: column; align-items: center; justify-content: center;} .recruit_captcha{text-align: center;display: block;margin-top: 35px;margin-bottom: 15px;font-size: 22px;font-weight: 600;} .recruit-pack table { width: 100%;/* border-collapse: collapse; */border-top: 1px solid #333;border-bottom: 1px solid #a8a8a8;text-align: center; margin-left: auto;margin-right: auto;margin-bottom: 15px;} /* .recruit-pack .btn-pack{} */ .recruit-box .btn-pack {/* margin-left:25px; */ text-align: left; font-size: 0;} .recruit-wrap .ctrl-box .btn-pack button {width: 100%;height: 54px;font-size: 18px;} /* 공통인 듯 */ .recruit-wrap .ctrl-box .btn-pack:not(.more) button {height: 50px;min-width: 180px;/* font-size: 16px; */} /*텍스트 margin*/ .recruit-pack .msg_pack{/* margin-top:15px; */text-align:center;/* font-size: 18px; */font-weight: bold;} /*captcha img css*/ .captcha_box{display: flex;align-items: center;vertical-align: middle;} .captcha_box img {height: 45px; min-width: 120px;} @media screen and (max-width: 768px) { .captcha_box .input_pack{max-width: 100% !important;} } @media screen and (max-width: 600px) { .captcha_box {display: block;} .captcha_box .input_pack{margin-left: 0;margin-top: 10px;} } @media screen and (max-width: 440px) { .captcha_box+div.msg_pack p { font-size: 14px !important; } } .btn-pack input, .btn-pack button{ /* width: 30%; */ height: 45px; background: #2658a0; /* #003875; */ border: 0px; color: rgb(255, 255, 255); /* border-radius: 6px; */ font-size: 1rem; } .btn-pack input:hover, .btn-pack button:hover{ /* background: #005AB8; */ /* #5c97db */ /* background: #5c97db; */ background: #e0e0e0; } /* #confirmBtn{ width: 30%; height: 45px; background: #003875; border: 0px; color: rgb(255, 255, 255); border-radius: 6px; font-size: 1.25rem; } */ #confirmBtn:hover{ background: #5c97db; } /*------------------------------------------------ 찾아오시는 길 ------------------------------------------------*/ .coll_03 .title_map{padding: 25px;border: 1px solid #e5e5e5;margin-bottom: 65px;position: relative;border-radius: 35px;background: linear-gradient(to right, #243949, #517fa4);} .coll_03 .title_map p span{font-size:20px; font-weight: 700; color:#fff;/* color:#F15A29; */} .coll_03 .title_map p{position:relative; font-size:24px; color:#fff; padding-left:110px;} .coll_03 .title_map p:before{display: block;content: '';width: 90px;height: 90px;position: absolute;top: -12px;left: 0px;background: url('../img/common/icon_map.png') no-repeat;background-size: contain;} /*========================================================== 레이아웃(common) ==========================================================*/ /*------------------------------------------------ 레이아웃(에러박스) ------------------------------------------------*/ .errorBox{display:flex;flex-wrap:nowrap;justify-content: center;align-items: center;} .errorBox h1 span{font-size:20px;font-weight:700;} .errorBox div{padding-top:300px;font-size:20px;font-weight:700;background:url(../images/common/errorbox.png) no-repeat center center;} .errorBox div h3{font-size:24px;font-weight:700;color:#2b2b2b;} .errorBox div p{margin-top:15px;font-size:17px;color:#787878;} .errorBox div .btn_center{margin-top:20px;text-align:center;} .errorBox div .btn_center .btn{display:inline-block;width:100px;height:40px;line-height:38px;font-size:15px;font-weight:700;border:1px solid #ddd;background:#fff;color:#666;} .errorBox div .btn_center .btn_sky{background:#F15A29;border-color:#F15A29;color:#fff;} /*------------------------------------------------ 레이아웃(popup) ------------------------------------------------*/ .pop_search{} .pop_search_wrap{position:fixed;left:50%;top:20%;transform:translateX(-50%);margin:0 auto;display:block;max-width:800px;width:100%;z-index:999;} .pop_search_wrap h4{text-align:center;font-size:27px;font-weight:700;color:#fff;} .pop_search_wrap .btn_close{display:block;margin:0 auto 30px;width:40px;height:40px;background:#8cc1ea url(../images/common/pop_search_close.png) no-repeat center center;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,0.2);} .pop_search_wrap .searchbox{margin:30px auto 0;width:100%;border-color:#fff;} .dimmed{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.3);z-index:995;} /*------------------------------------------------ 레이아웃(규정) ------------------------------------------------*/ .rule{position:relative;margin:15px 0 10px;background:#f7f8f9;padding:10px;border-radius:10px;border:1px solid #ccc;} .rule a{display:block;padding:0 40px 0 10px;height:40px;/* font-size:17px; */line-height:40px;color:#222;font-weight:700;background:url(../images/sub/rule_list.png) no-repeat right center} .rule .rule_list{position:absolute;left:0;right:0;bottom:-250px;height:240px;background:#fff;border-radius:10px;border:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,0.15);} .rule .rule_list li{line-height:50px;/* font-size:17px; */padding:0 20px;color:#222;border-bottom:1px solid #ccc;} .rule .rule_list li a{padding:0;font-weight:400;background-image:none;} .rule .rule_list li:last-child{border-bottom:none;} .rule select{padding:0 40px 0 10px;background:#fff;border-radius:5px;overflow:hidden;} /*------------------------------------------------ 레이아웃(popup) ------------------------------------------------*/ /*========================================================== 레이아웃(반응형) ==========================================================*/ /*------------------------------------------------ 레이아웃(시안) ------------------------------------------------*/ @media screen and (max-width:1600px){ #top_layout .top_wrap {padding:0 30px;} #top_layout .top_wrap .utile_wrap li {margin-left:20px;} #top_layout .top_wrap .utile_wrap li:after {display:none;} /*#top_layout .top_wrap .utile_wrap li.pc {display:block;} #top_layout .top_wrap .utile_wrap li.pc a span {display:inline-block;width: 15px;height: 11px;margin:0;background: url(/images/kor/common/menu.png)no-repeat;background-size: 15px 11px;vertical-align:middle; font-size:0;}*/ /* main menu(gnb) */ #gnb_layout.open:after {background: #fff /* url(../img/common/gnb_bg.png) */ no-repeat right 40px bottom 20px;} #gnb_layout .depth1_ul > li.sitemap {display:none;} #gnb_layout .depth1_ul > li > a {padding:0 20px;} .module_right {top:35px !important;} } @media screen and (max-width:1519px){ .module_right {top:34px !important;} .layout {max-width: 100%;padding:0 30px;} #top_layout .top_wrap .utile_wrap li > a {font-size: 0;} /* main menu(gnb) */ #gnb_layout .depth1_ul {margin-left: 200px;} #gnb_layout .depth1_ul > li .item {padding:0 30px 0 340px;} #gnb_layout .depth1_ul > li.n1 .item {padding: 0 30px 0 340px;} #gnb_layout .depth1_ul > li .item .depth2_ul:before {left:33.33%;} #gnb_layout .depth1_ul > li .item .depth2_ul:after {left:66.66%;} #gnb_layout .depth1_ul > li .item .depth2_ul > li {width:33.33%;} #gnb_layout .depth1_ul > li .item .depth2_ul > li.n2_4, #gnb_layout .depth1_ul > li .item .depth2_ul > li.n2_5, #gnb_layout .depth1_ul > li .item .depth2_ul > li.n2_6 {min-height:224px;} #gnb_layout .depth1_ul > li .item .gnb-title strong {font-size:30px;} #gnb_layout .depth1_ul > li .item .gnb_menu {display:none;} #gnb_layout .depth1_ul > li.n1 .item .gnb_menu {display:none;} #gnb_layout .depth1_ul > li > a {padding: 0 16px;} #gnb_layout .depth1_ul > li > a span {font-size: 22px;} #gnb_layout .depth1_ul > li .item:after {display: none;} /* footer */ #footerVue .footer-info .flogo {right: 30px;} #footerVue .footer-info .flogo span {text-align: center;} } @media screen and (max-width:1200px){ .module_right {top:19px !important;} #top_layout {height: 70px;} #top_layout .top_wrap #logo {padding: 17px 0 0;} #top_layout .top_wrap .utile_wrap li {margin: 0;top:20px;} /* #top_layout .top_wrap .utile_wrap li.menu, #top_layout .top_wrap .utile_wrap li.pc {display: none;}*/ #top_layout .top_wrap .utile_wrap li.menu {top:-15px;} #top_layout .top_wrap .utile_wrap li.pc {display: none;} #top_layout .top_wrap .utile_wrap li.mo {display: block; height: 100%; padding:20px 0;} #top_layout .top_wrap .utile_wrap li.lang span {margin: 0 20px 0 0;} /* #top_layout .top_wrap .utile_wrap li > a {line-height: 70px;} */ #top_layout.on + .gnb_bg {display: none;} /* main menu(gnb) */ #gnb_layout {display: none !important;} /* footer */ #footerVue .footer-link {border: none;} #footerVue .footer-link ul {text-align: center; padding-top: 20px;} #footerVue .footer-link ul li {display: inline-block; float: none; width: 100%;} #footerVue .footer-link ul li a {height: 60px; line-height: 60px;} #footerVue .footer-info {padding-top: 0; padding-bottom: 40px; text-align: center;} #footerVue .footer-info .flogo {position: static; margin: 20px 0 0; text-align: center;} #footerVue .footer-info .flogo ul {display: inline-block; margin: 0 auto;} } @media screen and (max-width: 1024px){ #footerVue .footer-link ul {/* padding: 25px 0; */padding: 10px 0;} #footerVue .footer-link ul li {margin-right: 0;} #footerVue .footer-link ul li a {height: auto; line-height: 1.3;} #footerVue .footer-info .copy .address p {margin: 0 0 10px;} #footerVue .footer-info .copy .address span {display: block; width: 100%; text-align: center;} #footerVue .footer-info .copy p {margin: 0;} #footerVue .footer-info .flogo ul li {margin: 0 10px;} /* mobile menu */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:before {width:calc(100% - 150px);} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {width:150px;padding: 0 20px;text-align: center;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before {width:50px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {font-size:20px;} /*반응형,*/ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(6) > a {margin-left:0;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(7) > a {margin-left:0;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {width:calc(100% - 150px);padding: 0 60px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {width:50%;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n3 .depth2_ul > li:nth-child(1), #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n3 .depth2_ul > li:nth-child(2) {min-height: 140px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n3 .depth2_ul > li:nth-child(3), #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n3 .depth2_ul > li:nth-child(4) {min-height: 90px;} } @media screen and (max-width:825px){ /*-- I-pad Air --*/ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(1) > a {top:75px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(2) > a {top:145px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(3) > a {top:215px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(4) > a {top:285px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(5) > a {top:355px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(6) > a {top:425px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(7) > a {top:495px;} /* top:495px;470px */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(8) > a {top:565px;}/* {top:565px; 515px} */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(9) > a {top:610px;} } @media screen and (max-width:768px){/*-- I-pad Mini --*/ .layout {padding:0 20px;} #top_layout .top_wrap {padding:0 20px;} #top_layout .top_wrap .utile_wrap li.login, #top_layout .top_wrap .utile_wrap li.lang {display:none;} /* mobile menu */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {padding: 75px 0 0;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:after {display: none;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(1) > a {top:75px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(2) > a {top:145px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(3) > a {top:215px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(4) > a {top:285px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(5) > a {top:355px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(6) > a {top:425px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(7) > a {top:495px;} /* top:495px;470px */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(8) > a {top:565px;}/* {top:565px; 515px} */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(9) > a {top:610px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.list {display:block;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before {top:auto; bottom:-10px; left:45px; right:45px; width:auto;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {/* font-size:18px; */} /* #### */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.lang span {display: none;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {/* font-size:17px; */}/* #### */ } @media(max-width:640px){ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {width:100%;padding: 0;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {padding:0 50px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n3 .depth2_ul > li:nth-child(1), #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n3 .depth2_ul > li:nth-child(2), #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n3 .depth2_ul > li:nth-child(3), #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n3 .depth2_ul > li:nth-child(4) {min-height: auto;} } /* --- mobile ---*/ @media screen and (max-width: 500px){ #top_layout .top_wrap .utile_wrap li.mo {padding:35px 0;} /*#footerVue .footer-info .copy p, #footerVue .footer-info .copy .address p, #footerVue .footer-link ul li a { font-size: 16px; }*/ #page_body h3{font-size:20px; font-weight:700;color:#222; margin-bottom: 20px; text-align: left;} #page_body h5{/* font-size:18px; font-weight:700;color:#222; margin-bottom: 15px; text-align: left; */} /* 모바일 */ .sub_contents .linebox{width:100%; padding:15px;} .sub_contents .linebox { border-top:1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .sub_contents .linebox:nth-child(3){border-bottom: 0;} .sub_contents .linebox:nth-child(4){border-bottom: 1px solid #ddd;} /* 모바일 : 박스 홀수일 때, line 처리 */ .bl_none {border-left: 0 !important;} /* .ti10 {font-size: 18px; font-weight: 700; line-height: 1.8;} .ti20 {font-size: 16px; font-weight: 500; line-height: 1.7;} */ /* CI */ /* .ci_img_list {margin-right: 0; margin-bottom: 20px;} */ /* 찾아오시는길 타이틀 아이콘 */ .coll_03 .title_map p{padding-left:0;} .coll_03 .title_map p:before{width:0; height:0;} .map .tblist p.ic_addr,.map .tblist p.ic_phone, .map .tblist p.ic_fax, .map .tblist p.ic_bus {padding-left: 30px; font-size:16px;} } @media(max-width:400px){ #top_layout .top_wrap #logo {padding: 19px 0 0;} #top_layout .top_wrap #logo > a span {width: 205px; height: 25px;background-size: 205px auto;} #top_layout .top_wrap .utile_wrap li.mo button {width: 18px; background-size: 18px auto;} /* mobile menu */ #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:before {width:calc(100% - 130px);} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {width:130px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {width:calc(100% - 130px);padding:0 30px;} #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.list a {left: 15px;width: 100px;} #mobile-menu .mobile-close {right: 20px;top: 15px;} } /*------------------------------------------------ 레이아웃(original) ------------------------------------------------*/ @media only screen and (max-height:960px){ #fullpage > .section.bg01 article{margin:15.6vh auto 5.2vh} } @media only screen and (max-width:1600px){ #fp-nav ul li a:after{display:none;content:none;} } @media only screen and (max-width:1360px){ #fp-nav{display:none!important;} .header{min-width:100%;padding:17px 160px 17px 220px;} .gnbmenu li a{font-size:18px;height:40px;} .gnbmenu li .depth_sub a{font-size:15px;height:auto;} } @media only screen and (width:1366px) and (height:1024px){ #fullpage > .section.bg01 article{margin:13.3vh auto 9.87vh} } @media only screen and (max-width:1280px){ .wrap{min-width:100%;} .logo{left:20px;} #fullpage .section article{width:calc(100% - 40px);} #fullpage > .section.bg01 article{margin:8.5vh auto 0;} .navwrap{padding:70px 20px;} .footer .info{padding:40px 20px;} .footer .info .footer_logo{margin-right:50px;} .package_prd div h4{font-size:20px;} .package_prd div a{font-size:18px;} .page_conts{max-width:100%;padding:30px 0;} .clubstep li p{word-break:break-word;} .tabinslide .swiper-slide{min-height:33.8vw;} } @media only screen and (max-width:1280px) and (max-height:720px){ #fullpage > .section.bg01 article .back_wh{padding:40px; height:auto;background:#fff;align-items: center;} .package_prd div{height:auto;padding:210px 30px 30px;} .section.bg03 article .back_sky{padding:15px 40px 20px} .tabinslide .swiper-slide .edu_media{padding:20px;} } @media only screen and (max-width:1100px){ .header{padding:10px 160px 10px 220px;min-height:80px;} .header:before{height:80px;} .loginwrap{padding:80px 0 0;} .subpage{padding-top:80px;} #fullpage .section .fp-tableCell{padding-top:80px;} .logo{top:12px;} .module_right{top:20px;} .gnb{display:none;} #nav{display:block;transform:translateX(100%);transition:transform 1500ms ease-out;height:100%;overflow:hidden;} #nav.active{transform:translateX(0);} .side_header{position:relative;height:50px;} .side_header div{float:left;} .side_header div .logo_color{margin:9px 0 0 20px;display:block;width:93px;height:31px;/* background:url(../images/mobile/common/logo_color.png) no-repeat center center; */background-size:contain;} .side_header div .btn_nav_close{right:0;top:0;width:50px;height:50px;background-size:22px 22px;} .side_header .bt_call{position:absolute;top:13px;right:140px;display:inline-block;width:35px;height:35px;background:url(../images/mobile/common/bt_call.png) no-repeat center top;background-size:24px 24px;} .side_header .bt_login{position:absolute;top:7px;right:100px;display:inline-block;width:35px;height:35px;background:url(../images/mobile/common/bt_login.png) no-repeat center top;background-size:35px 70px;} .side_header .bt_login:active{background-position:center bottom;} .side_header .bt_logout{display:none;position:absolute;top:7px;right:100px;width:35px;height:35px;background:url(../images/mobile/common/bt_logout.png) no-repeat center top;background-size:35px 70px;} .side_header .bt_logout:active{background-position:center bottom;} .side_header .bt_search{position:absolute;top:7px;right:55px;display:inline-block;width:35px;height:35px;background:url(../images/mobile/common/bt_search.png) no-repeat center top;background-size:35px 70px;} .side_header .bt_search:active{background-position:center bottom;} .navwrap{padding:0 20px;height:calc(100vh - 50px);} .navwrap h4{display:none;} .navwrap .btns{float:none;} .navwrap .btns a.btn_func{margin:10px 0 0;display:block;width:100%;height:45px;line-height:45px;font-size:17px;} .sidemenu{align-items: flex-start;} .sidemenu li{flex-basis:100%;margin:20px 0 0;border:none;} .sidemenu li:last-child{margin-bottom:30px;} .sidemenu li a{padding:0 10px;background:none;border-bottom:2px solid #121212;color:#121212;font-size:18px;} .sidemenu li .depth_sub a{border:none;font-size:13px;color:#333;line-height:45px;} .sidemenu li .depth3{margin-top:10px;} #fp-nav{display:none;} .tit_header .btn_more{position:relative;right:auto!important;bottom:auto;} .tit_header h2{padding-right:0;} #fullpage > .section.bg01:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:45vh;background:#f6f6f6;z-index:-1;} .clubstep2 li{height:100px;padding:20px;} /* .vision .workout li{flex:none;width:100%;margin:10px 0 0;} */ .pl-20 {padding-left: 0 !important;} .occupancy .square{padding:5px !important; height: fit-content;} } @media only screen and (max-width:1024px){ #fullpage > .section.bg01 article .main_banner{height:auto;} #fullpage > .section.bg01 article .main_banner h4{font-size:3vw;} #fullpage > .section.bg01 article .back_wh{padding:20px 40px;height:auto;} #fullpage > .section.bg01 .tit_header{margin-right:75px;} .program_sys li a{padding-left:8.3vw;} .section.bg03 article .back_sky{padding:15px 30px 30px;} .section.bg03 .tab li{min-width:auto;} .section.bg03 article .swiper-button-next{right:-30px;} .section.bg03 article .swiper-button-prev{left:-30px;} .section.bg02 article .tit_header{padding:0 40px;} .package_prd{margin:20px auto 0;padding:20px 40px;} .package_prd div{height:450px;} .section.bg04 .dp_flex .left_sect{margin-right:10px;} .section.bg04 .dp_flex .right_sect{margin-left:10px;} .section.bg04 .dp_flex .right_sect .tab li{width:25%;} } @media only screen and (max-width:1024px) and (max-height:768px){ #fullpage > .section.bg01{background-size:cover;} #fullpage > .section.bg01 article{margin:8.5vh auto 0;} } @media only screen and (max-width:926px){ header{position:fixed;} .header{height:50px;min-height:50px;padding:0 12px;} .header:before{height:50px;} .logo{left:12px;top:9px;width:94px;height:31px;background-size:cover;} .module_right{top:10px;right:12px;} .module_right .btn_menu{margin-left:10px;top:10px;background:url(../images/mobile/common/btn_menu.png) no-repeat center top;background-size:30px 60px;} .module_right .btn_lang{position:relative;margin-left:10px;top:4px;background:url(../images/mobile/common/lang.png) no-repeat center top;background-size:24px 24px;} .module_right .btn_search{margin-left:5px;top:10px;background:url(../images/mobile/common/btn_search.png) no-repeat center top;background-size:30px 60px;} .module_right .btn_login{display:none;} .module_right .btn_logout{display:none;} .call_tooltip{left:-238px;top:42px;} #fullpage .section .fp-tableCell{padding-top:50px;} #fullpage .section article{width:calc(100% - 24px);max-width:calc(100% - 24px);margin:0 12px;padding:0 10px 50px;} #fullpage > .section.bg01 article{margin:auto;} #fullpage > .section.bg01 article .main_banner{padding-top:20px;width:100%;height:auto;} #fullpage > .section.bg01 article .main_banner h4{font-size:20px;padding:0 20px;} #fullpage > .section.bg01 article .main_banner .main_board{margin-top:10px;padding:0;} #fullpage > .section.bg01 article .main_banner .main_board ul li a{padding:0 20px 20px;} #fullpage > .section.bg01 article .main_banner .main_board ul li a .ellip{margin-top:10px;font-size:15px;} #fullpage > .section.bg01 article .main_banner .main_board ul li a .date{margin-top:10px;font-size:13px;} #fullpage > .section.bg01 article .back_wh{padding:0 10px;flex-direction:column;height:auto;align-items: flex-start;} #fullpage > .section.bg01 article .tit_header h2 span{margin-left:5px;} .main_tit{font-size:15px;} .tit_header{width:100%;} .tit_header h2{font-size:20px;} .tit_header h2 br{display:none;} .tit_header .btn_more{position:relative;right:auto;bottom:auto;margin-top:15px;width:100%;height:45px;line-height:45px;font-size:15px;} .tit_header .btn_more i{height:45px;} #fullpage > .section.bg01 .tit_header{margin-right:0;flex:1;padding:20px 0 0} #fullpage > .section.bg01 .btn_more{margin-top:15px;} .program_sys{margin:30px 0 20px;} .program_sys li a{padding-left:84px;background-position:10px top!important;} .program_sys li h4{font-size:18px;} .program_sys li .txt_more{position: relative;right:auto;top:auto;margin-top:10px;display:block;font-size:12px;} .program_sys li + li{margin-top:20px;} #fullpage > .section.bg02 .fp-tableCell{padding-bottom:50px;} #fullpage > .section.bg02 h2 span{display:block;} .section.bg02 article .tit_header{padding:20px 10px 0;} #fullpage > .section.bg02 .btn_more{right:auto;} .package_prd{margin:40px auto 0;padding:20px;flex-direction: column;} .package_prd div{width:100%;height:auto;padding:90px 15px 15px 15px} .package_prd div + div{margin:15px 0 0;} .package_prd div h4{font-size:18px;} .package_prd div h4 br{display:none;} .package_prd div p{margin-top:10px;font-size:14px;} .package_prd div p br{display:none;} .package_prd div a{margin-top:20px;height:40px;line-height:40px;font-size:17px;} .pack_basic{background-size:auto 60px;background-position:center 15px!important;} .pack_pre{background-size:auto 60px;background-position:center 15px!important;} .pack_up{background-size:auto 60px;background-position:center 15px!important;} .section.bg03 article .tit_header{padding:20px 10px 0;} #fullpage > .section.bg03 .btn_more{right:auto;} #fullpage > .section.bg03,#fullpage > .section.bg04{background-size:contain} .section.bg03 article .back_sky{margin:40px auto 0;padding:0 20px 20px;border-radius:10px;} .section.bg03 .tab {margin-top:15px;color:#222;font-size:17px;background-color:#fff;} .tabinslide .swiper-slide .preview img{width:100%;} .tabinslide .swiper-slide .edu_media{padding:20px;} .tabinslide .swiper-slide .edu_media .subject{font-size:15px;} .tabinslide .swiper-slide .edu_media p{font-size:17px;max-height:48px;} .section.bg03 article .swiper-button-next{top:70%;width:45px;height:45px;right:-12px;} .section.bg03 article .swiper-button-prev{top:70%;width:45px;height:45px;left:-12px;} .section.bg04 article {padding-bottom:50px;} .section.bg04 .dp_flex{flex-direction: column;align-items: flex-start;} .section.bg04 .dp_flex .left_sect{margin-right:0;width:100%;} .section.bg04 .dp_flex .left_sect .month_head{padding:0 10px;font-size:15px;height:40px;} .section.bg04 .dp_flex .left_sect .month_head p{font-size:15px;line-height:39px;} .section.bg04 .dp_flex .left_sect .month table th{font-size:12px;} .section.bg04 .dp_flex .left_sect .month table td{height:46px;} .section.bg04 .dp_flex .left_sect .month table td a{font-size:15px;line-height:40px;} .section.bg04 .dp_flex .left_sect .month table td a.today{width:40px;height:40px;} .section.bg04 .dp_flex .left_sect .month .scr{height:168px;} .section.bg04 .dp_flex .left_sect .month .scr ul li p .day{font-size:13px} .section.bg04 .dp_flex .left_sect .month .scr ul li p span{font-size:15px} .section.bg04 .dp_flex .right_sect{margin:20px 0 0;flex:none;width:100%;} .section.bg04 .dp_flex .right_sect .tab li{width:25%;height:50px;} .section.bg04 .dp_flex .right_sect .tab li a{font-size:14px;line-height:50px;} .section.bg04 .dp_flex .right_sect .tab_conts li{padding:5px 0;min-height:380px;} .section.bg04 .dp_flex .right_sect .tab_conts li a{padding:5px 10px;} .section.bg04 .dp_flex .right_sect .tab_conts li a .ellip{width:100%;font-size:15px;line-height:1.4;} .section.bg04 .dp_flex .right_sect .tab_conts li a .date{float:none;width:auto;text-align:left;font-size:13px;} .footer .foot_menu{background:#3b3b3b;} .footer .foot_menu article{height:40px} .footer .foot_menu article a{font-size:11px;} .footer .info{margin:0 auto;padding:33px 22px ;max-width:100%;flex-direction:initial; flex-wrap:wrap;justify-content:center;} /* .footer .info .logo2{margin-right:15px;width:148px;height:27px;background:url(../images/common/f_logo.png) no-repeat center center;background-size:cover;} */ /* TODO:: .footer .info .footer_logo background:URL startup.png -> logo_w.png 변경 */ .footer .info .footer_logo{margin-right:0;width:92px;height:27px;background:url(../images/common/logo_w.png) no-repeat center center;background-size:cover;} .footer .info div {width:100%;margin-top:20px;padding:0 22px;text-align:center;flex:none;} .footer .info div p{color:#c2c2c2;font-size:12px;line-height:1.4;} .footer .info div p i{font:inherit;display:block;} .footer .info div p + p{margin-top:20px;} /*.btn_top{position:fixed;right:10px;bottom:20px;display:block;background:#f6d570 url(../images/mobile/common/btn_top.png) no-repeat center center;background-size:20px 22px;border-radius:50%;width:44px;height:44px;z-index:101;box-shadow:0 0 3px rgba(0,0,0,0.2);}*/ .btn_top{position:fixed;right:10px;bottom:20px;display:block;background:#c8d1dc url(../images/mobile/common/btn_top.png) no-repeat center center;background-size:20px 22px;border-radius:50%;width:44px;height:44px;z-index:101;box-shadow:0 0 3px rgba(0,0,0,0.2);} .contents{min-height:calc(100% - 273px)} .loginwrap{min-height:calc(100vh - 273px);padding:70px 0 30px;} .loginbox{width:calc(100% - 40px);padding:30px 15px;} .loginbox h3{font-size:20px;} .loginbox .btn_type1{margin-top:15px;height:45px;line-height:45px;font-size:15px;} .loginbox p{margin:20px auto 15px} .loginbox .btn_kakao{height:45px;line-height:45px;font-size:15px;} .loginbox .btn_naver{height:45px;line-height:45px;font-size:15px;} .loginbox .btn_google{height:45px;line-height:45px;font-size:15px;} .loginbox .c_g{text-align:left;} .main_popup{max-width:calc(100% - 30px);min-width:85%;} .pop_foot button{flex:none;display:inline-block;padding:0 15px;} .pop_foot a{flex:none;display:inline-block;padding:0 15px;} /* .pop_body img{width:100%;height:auto;} */ .pop_body img{width:100%;} .main_popup .main_pop_tab li a{padding:12px 10px;display:block;text-align:center;font-size:10px;line-height:1.5} .roll_wrap{height:38px;} .subpage{padding-top:50px;} .page_navigator ul{max-width:100%;display:flex;flex-wrap:nowrap;z-index: 1000;} .page_navigator ul li + li{flex:1;} .page_navigator ul li:last-child{border-right:none;} .navi_home{border-left:none;} /* mobile page box 여백 조정 */ .page_box {padding: 0} .tab_list2{height: 1px;} /* mobile - 콘텐츠 박스 여백 조정. */ section .linebox2{padding:15px;} /* .termscon .linebox2 {padding:0;} */ /* CI tablet */ /* .ci_rule {display: block;} */ #research .con ul li p {width: 100%;} /* 경력증명서 아이콘 */ .certification .title_box .title_box_img {width:0 !important; height:0;background: 0; margin-left: 0; margin-right: 0;} .navi_menu_debth{min-width:auto;padding:10px 25px 10px 10px;white-space: nowrap;overflow:hidden;} .page_conts{max-width:100%;padding:30px 20px} .sub-contents .page_tit{margin:0 0 20px;} .page_tit{margin-bottom:20px;} .page_tit h2{font-size:24px;} .page_tit p{font-size:18px;} .txt24{font-size:18px;margin-top:10px!important;} .page_tab{white-space:nowrap;overflow-x:auto;overflow-y: hidden;} .page_tab li{display:inline-block;flex:none;height:45px;} .page_tab li a{padding:0 14px;font-size:15px;line-height:45px;} .page_tab.over{white-space:nowrap;overflow-x:auto;overflow-y: hidden;flex-wrap:nowrap} .page_tab.over li{display:inline-block;flex:none;height:45px;} .page_tab.over li a{padding:0 14px;font-size:15px;line-height:45px;} .bdlist{border-top:1px solid #333;} .bdlist li.thead{padding:10px;background:#3d3d3d;text-align:center;color:#fff;line-height:1.4;font-weight:700;font-size:15px;} .bdlist li{border-bottom:1px solid #eee;} .bdlist li a{display:block;padding:10px;} .bdlist li p{display:block;font-size:20px;line-height:1.4;} .bdlist li p span{font-size:inherit;color:inherit;} /* .bdlist li .ellip{margin-top:5px;display:block;font-size:18px;color:#222;font-weight:700;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} */ .bdlist li .ellip{margin-top:5px;display:block;font-size:20px;color:#222;font-weight:700;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .bdlist li a:active .ellip{color:#2a65d0;} .bdlist li .bdinfo{margin-top:5px;} .bdlist li .bdinfo span{display:inline-block;padding:0 10px;color:#999;font-size:13px; line-height: 1.5; font-weight: 400;} .bdlist li .bdinfo span:first-child{padding-left:0;} /* .bdlist li .bdinfo span + span:before{content:'';position:absolute;left:0;top:4px;width:1px;height:12px;background:#ddd;} */ .division_bar {/* content:'';position:absolute;left:0;top:4px;width:1px;height:12px; background:#ddd;*/ border-left: 1px solid #ddd; height: 12px; padding:0 !important;} .bdlist li .qnastate{display:inline-block;background:#eee;color:#222;padding:0 10px;margin-right:5px;font-size:13px;line-height:1.4;vertical-align: middle;} .bdlist li .pd10{padding:7px 10px;} .pager a{width:30px;font-size:15px;} .bdview thead th{padding:10px;} /* .bdview thead th p{font-size:15px;} */ .bdview thead td{padding:10px;} .bdview tbody td{padding:10px;} .bdview tbody td .biz_notice{padding:10px 5px;} .bdview tbody td .biz_notice table{margin-top:5px;} .bdview tbody td .biz_notice table th{padding:7px;font-size:13px;} .bdview tbody td .biz_notice table td{padding:7px;} .bdview tbody td .biz_notice table td p{font-size:13px;} .review td .reviewbox .title{padding:0 7px 7px;} .review td .reviewbox .title h3{padding-left:20px;font-size:15px;background:url(../images/common/ic_review.png) no-repeat left center;} .review td .reviewbox .title p{margin-top:5px;padding-left:20px;font-size:13px;color:#999;} .review td .reviewbox .review_conts{padding:7px;min-height:120px;} .review td .reviewbox .fileupload{border-top:1px dashed #ddd;background:#fff;padding:5px 7px;} .page_btns{margin:50px auto 35px;} /* .page_btns a{height:44px;font-size:16px;margin-bottom: 10px;} */ /* section p{padding-left:10px;text-indent:-10px;font-size:15px;} */ ul.tblist{margin:30px auto 0;border-top:1px solid #999;} ul.tblist li{border-bottom:1px solid #eee;padding:15px 10px;} ul.tblist li h4{font-size:17px;font-weight:700;color:#222;} ul.tblist li .note{padding:7px;margin-top:10px;background:#f4f5f6;border-radius:10px;} ul.tblist li .note p{position:relative;padding-left:14px;font-size:15px;line-height:1.4;word-break:keep-all;} ul.tblist li .note p.ti76{padding-left:78px;text-indent:-64px;} ul.tblist li .note p:before{content:'';position:absolute;left:5px;top:6px;width:3px;height:9px;background: #F15A29;} ul.tblist li .note p + p{margin-top:5px;} ul.tblist li h3{font-size:17px;font-weight:700;} ul.tblist li p{margin-top:10px;font-size:17px;} ul.tblist li dl{margin-top:10px;} ul.tblist li dl dt{background:#f4f5f6;padding:7px 10px;} ul.tblist li dl dt p{margin-top:0;font-size:15px;font-weight:700;} ul.tblist li dl dd{padding:7px;} ul.tblist li dl dd p{margin-top:0;font-size:15px;line-height:1.4;color:#787878;} ul.tblist li dl dd .dot{position:relative;padding-left:10px;} ul.tblist li dl dd .dot:before{content:'';position:absolute;left:0;top:7px;width:2px;height:2px;background:#222;} ul.tblist li dl dd .pl20{padding-left:20px;text-indent:-10px;} table.tblist .cper1000{width:17%;} .tblist thead th{font-size:16px;} /* .tblist tbody td{padding:5px 10px; font-size:18px;} */ .tblist tbody td{padding:10px; font-size:20px;} .pat-wrap .tblist tbody td{text-overflow: ellipsis !important;white-space: nowrap;overflow: hidden;} .tblist tbody td p{/* font-size:16px; */word-break:break-word;} .condition_left_text {padding-left:0!important;} .sub_tit{font-size:18px;} .clubstep{flex-wrap:wrap;} .clubstep li{margin:0;width:100%;} .clubstep li + li{margin-top:25px!important;} .clubstep li + li:before{left:50%!important;top:-25px;margin-left:-10px;width:20px!important;height:25px;transform:rotate(90deg);background-size:20px 25px;} .clubstep li h5{font-size:15px;} .clubstep li p{font-size:17px;} .clubstep.col3 li, .clubstep.col6 li,.clubstep.col4 li{margin:0;width:100%;} .clubstep.col6 li + li:before,.clubstep.col4 li + li:before{left:50%;top:-25px;margin-left:-10px;width:20px;height:25px;transform:rotate(90deg);background-size:20px 25px;} .clubstep2{flex-wrap:wrap;align-items: flex-start;} .clubstep2 li{flex:none;width:100%;display:block;padding:40px 20px 20px;} .clubstep2 li p{line-height:1.5;} .clubstep2 li:nth-child(2):before{top:-10px;left:0;width:100%;height:34px;background:url(../images/mobile/sub/club_steb_bg2.png) no-repeat center 1px/* 0 */;background-size:418px 170px;} .clubstep2 li:nth-child(3):before{top:-10px;left:0;width:100%;height:34px;background:url(../images/mobile/sub/club_steb_bg2.png) no-repeat center -32px/* -34px */;background-size:418px 170px;} .clubstep2 li:nth-child(4):before{top:-10px;left:0;width:100%;height:34px;background:url(../images/mobile/sub/club_steb_bg2.png) no-repeat center -67px/* -68px */;background-size:418px 170px;} .clubstep2 li:nth-child(5):before{top:-10px;left:0;width:100%;height:34px;background:url(../images/mobile/sub/club_steb_bg2.png) no-repeat center -101px/* -102px*/;background-size:418px 170px;} .clubstep2 li:nth-child(6):before{top:-10px;left:0;width:100%;height:34px;background:url(../images/mobile/sub/club_steb_bg2.png) no-repeat center -136px/* -102px*/;background-size:418px 170px;} .educenter h3{font-size:24px;} .educenter h3 span{font-size:24px;} /* 연혁 */ /* .history:before{left:25px;} .history .tit_head{padding:12px;} .history .tit_head:before{width:60px;height:60px;background-size:contain;} */ /* .history h4 p{font-size:17px;} .history h4 span{font-size:15px;} */ .history .years{padding:12px 0 12px 42px;} .history .years:before{top:20px;left:16px;} .history .years .year{width:45px;margin-right:10px;flex-grow: 1;} .history .years .year p{font-size:17px;} .history .years .h_intro{flex:100;} .history .years .h_intro li {flex-direction: column;} .history .years .h_intro li .monthly{margin-right:5px;/* width:40px; */} .history .years .h_intro li .monthly span{font-size:18px;line-height:1.5;margin-right: 5px;} .history .years .h_intro li p{flex:1;font-size:18px;line-height:1.5;} .imgbox.scr_x{width:100%;overflow:auto;} .imgbox.scr_x img{width:auto;} .map dl{flex-wrap:wrap;} .map dl dt{padding-left:45px;width:100%;line-height:34px;font-size:17px;} .map dl dt:before{width:34px;height:34px;background-size:contain!important;} .map dl dd p{font-size:15px;} .map dl.ic_phone dd p + p{margin-top:5px;} .photo_list li{width:calc(50% - 12px);} .photo_list li:nth-child(4n + 1){margin-left:24px;} .photo_list li:nth-child(2n + 1){margin-left:0;} .photo_list li:hover{transform:none;} .photo_list li:active{transform:translateY(-10px)} .application li{padding:14px 10px;} .application li a{font-size:15px;line-height:1.3;text-align:center;} .application li a span{display:block;margin:0 auto 5px;} .application li:after{right:-14px;top:50%;margin-top:-17px;width:15px;height:34px;background-size:15px 68px;} .step_view{margin:20px auto 30px;padding:20px 10px;} .step_view .subtxt p{font-size:17px;line-height:1.4;} .step_view .subtxt .check_form label span{font-size:15px;} /*.step_view .page_btns{display:flex;flex-wrap:nowrap;}*/ .step_view .page_btns{display:flex;flex-wrap:nowrap;justify-content: space-between;padding: 0 15px;} .step_view .page_btns a{flex:1;} .step_view .page_btns button:not(:first-child){margin-left: 0;} .step_view .formbox{max-width:100%;padding:15px 20px;} .step_view .formbox dl dd .colwrap{flex-wrap:wrap;} .step_view .formbox dl dd .colwrap div{display:block;width:100%;} .step_view .formbox dl dd .colwrap div + div{margin-left:0;margin-top:5px;} .step_view .formbox dl dd .colwrap div label{overflow:hidden;line-height:45px;} .step_view .formbox dl dd .colwrap div label input{width:58vw;float:right;} .filebox .filelist li{width:100%;} .step_view .formbox .form_tb th{width:30%;padding:5px 10px;} .step_view .formbox .form_tb td{padding:5px 10px;} .step_view .formbox .form_tb td .colwrap{flex-wrap:wrap;} .step_view .formbox .form_tb td .colwrap div + div{margin-left:0;margin-top:5px;} .step_view .formbox .form_tb td .colwrap div span input{width:70px;} .step_view .complete{font-size:17px;} .step_view .formbox dl dd .termbox{padding:10px;} .caledar_wrap{padding:5px;} .caledar_wrap .bedge button{padding:0 5px;} .caledar_wrap table td .date .btn_over{padding:0 3px;font-size:12px;} .caledar_wrap table td .todo a{padding:0 3px;} .caledar_wrap table td .todo a p{font-size:13px;} .caledar_wrap table td .date .layer_todo{padding:5px;} .caledar_wrap table td .date .layer_todo a p{line-height:1.4;} .pop_calendar_works{max-width:calc(100% - 30px);} section h5{font-size:18px;} .searchlist li{padding:10px;} .searchlist li a{font-size:15px;} .searchlist li a .bold{font-size:inherit;} .searchresult{font-size:17px;} .coperation li{width:calc(50% - 12px);} .coperation li:nth-child(5n + 1){margin-left:24px;} .coperation li:nth-child(2n + 1){margin-left:0;} .term h4{font-size:17px;} .term h5{font-size:16px;} .term p{font-size:15px;} .term .tblist tbody th p{font-size:15px;} /*--- 창업보육 ---*/ .guide .tblist th {font-size: 16px;} /* .tblist tbody td p{font-size:16px;} */ .num{font-size:15px;} .num span{font-size:inherit;} .full_lib_wrap .fc .fc-col-header-cell-cushion{font-size:12px;} .fc .fc-daygrid-day-number{font-size:12px;} .full_lib_wrap{margin-top:15px;} .full_lib_wrap .fc .fc-view-harness{margin:0 10px 10px;height:55vh!important;} .full_lib_wrap .fc .fc-toolbar.fc-header-toolbar{margin:0 10px;padding:0;flex-wrap:wrap;} .full_lib_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(2){margin-left:20px;} .full_lib_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:last-child{margin-top:10px;width:100%;} .full_lib_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:last-child > .fc-button-group{width:100%;} .full_lib_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:last-child > .fc-button-group button{width:50%;font-size:14px;} .event_month{padding:7px 10px;} .event_month button{padding:0 10px;} .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{min-height:5em!important;} .caledar_wrap table td .date span .holiday{display:block;} .pop_search_wrap{padding:0 20px;} .btn_download{display:block;font-size:15px;} .rule a{font-size:15px;} .rule .rule_list li a{font-size:15px;} /* --- ##모바일메뉴, 텍스트 조정 --- */ /* .mobile_eng_txt{font-size: 16px;white-space: pre-wrap;line-height: 34px;} */ } @media only screen and (max-width:640px){ .tabinslide .swiper-slide{min-height:auto;height:92vw;} .section.bg04 .dp_flex .left_sect .month .scr{padding:10px;} .section.bg04 .dp_flex .left_sect .month .scr ul li p .day{padding:14px 2px 4px;width:50px;height:42px;line-height:24px;background-size:contain;} .section.bg04 .dp_flex .left_sect .month .scr ul li p span{line-height:42px;} .rule{padding:5px 10px;} .schedule .tit_head .month{float:none;text-align:center;} .schedule .tit_head .f_right{float:none;margin-top:7px;text-align:right;} } @media only screen and (max-width:450px){ .main_popup{width:calc(100% - 30px)} .main_popup .pop_body{max-height:560px;overflow-y:auto;} .main_popup .main_pop_tab li a{padding:12px 10px;display:block;text-align:center;font-size:10px;line-height:1.5} .roll_wrap{height:38px;} /* .page_conts{padding:30px 12px} */ .page_conts{padding:30px 0;} .photo_list li{width:100%;} .photo_list li + li{margin-left:0;} .photo_list li:nth-child(2n + 1){margin-left:0;} .photo_list li .titbox .ellip{font-size:15px;} .paradigm{flex-wrap:wrap;} .paradigm li{flex:none;width:100%;} .paradigm li + li{margin-left:0;margin-top:20px;} .tit_header h2{font-size:19px;} /*#fullpage > .section.bg01{background:url('../images/main/mob_main_bg01.png') no-repeat center center;background-size:cover;}*/ section .linebox dl{display:flex;flex-direction:column;} section .linebox dt{flex:1;margin-right:7px;} /* section .linebox3 {height:0;} */ /* .linebox2 p {margin:10px;} */ .termscon .linebox2 p {margin:0;} /* CI 크기 조정 */ .ci_rule {/* display: block; */ text-align: center;} .ci_rule > img {margin-right: 0; margin:10px;} .ci_img img {max-width: 100% !important; padding: 10px} .linebox2_img {padding:10px;} .ci_prohibition span {width:100%;} .bdlist li p{font-size:18px;} .bdlist li .ellip{font-size: 17px;} } /*---------------------------------------------------------- 보유특허 & 보유기술 관련 CSS (2024-04-17) cellmin 조직도 검색 박스 & 보유기술 검색 박스 ----------------------------------------------------------*/ /* .pat-wrap .search_wrap { padding: 20px 0;background-color: #f5f5f5;border-radius: 8px; border-top:1px solid #222; border-bottom: 1px solid #222; } */ .org_search {background-color: #f5f5f5; border-top:1px solid #222; border-bottom: 1px solid #222; padding :20px 0;background-color: #f5f5f5;margin-top: 35px;} .org_search table{width:fit-content;margin:0 auto;} .pat-wrap .org_search table tr th {border-bottom: 0; background-color: #f5f5f5;} .pat-wrap .search_wrap table.tblist tbody tr th { font-weight: 600; } .pat-wrap .search_wrap table.tblist tbody tr th, .pat-wrap .search_wrap table.tblist tbody tr td { background-color: #f5f5f5; } .pat-wrap .search_wrap .input_pack input { height: 45px; font-size:16px;} .pat-wrap .tblist tbody td p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .org_search .tb_tech td {padding:10px;} .org_search .v_mob .input_pack {width: fit-content; margin-right: 0;} .org_search .v_mob li{display: flex;justify-content: space-between; align-items: center;} .pat_skill li {width:100%;} .org_search .v_mob li span{font-size: 18px;} .ws_wrap{margin-top: 5px;display: block;font-size: 18px;color: #222;font-weight: 700;white-space: wrap;} .pat-wrap .org_search .select_pack select {min-width: 165px;} @media (hover:hover) { .pat-wrap .search_wrap .table_pack table > tbody > tr:hover > th, .pat-wrap .search_wrap .table_pack table > tbody > tr:hover > td { background: transparent; } } @media screen and (max-width: 834px) { .pat_skill li {width: fit-content;} .pat_skill span{min-width: 80px;} .org_search{padding:10px; margin-top:35px;} .org_search ul{display:flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column;} .org_search ul li{margin:10px 0;} /* ! mobile에서 width 꽉 차게 */ .pat-wrap .search_wrap .input_pack input{min-width: 225px;} .pat-wrap .bdlist li{padding: 10px 0;} } @media screen and (max-width: 600px) { /* .pat-wrap table.tblist tbody tr td { font-size: 14px; } */ /* .pat-wrap .search_wrap { padding: 0 0 30px; } */ .pat-wrap .search_wrap .table_pack { overflow: visible; } .pat-wrap .search_wrap table.tblist colgroup col:first-child { width: 100% !important; } .pat-wrap .search_wrap table.tblist colgroup col:nth-child(3) { min-width: 0px !important;width: 0px !important; } .pat-wrap .search_wrap table.tblist tbody tr { height: 30px; } .pat-wrap .search_wrap table.tblist tbody tr th { line-height: 3.0;margin-top: 5px; } .pat-wrap .search_wrap table.tblist tbody tr th, .pat-wrap .search_wrap table.tblist tbody tr td { display: block;flex: 1;position: relative;height: 45px; } } /*--------------------------------------------------------*/ /*---------------------------------------------------------- div의 table class 관련 CSS (2024-04-17) cellmin ----------------------------------------------------------*/ /* div.table {width: 100%;border-top: 1px solid #333;border-bottom: 1px solid #a8a8a8;} div.table .thead .tr {display: inline-table;width: 100%;table-layout: fixed;} div.table .thead .tr .th {display: table-cell;padding: 6px 12px;line-height: 1.4;border-bottom: 1px solid #c8c8c8;font-size: 13px;font-weight: 700;background: #ebebeb;text-align: center;box-sizing: border-box;vertical-align: middle;} div.table .thead .tr .th.essential::after {content: "*";padding-left: 2px;color: #ff3322;} div.table .tbody .tr {display: table;width: 100%;table-layout: fixed;} div.table .tbody .tr .th {display: table-cell;padding: 14px 12px;height: 40px;line-height: 1.4;font-size: 13px;font-weight: 700;background: #ebebeb;box-sizing: border-box;text-align: center;vertical-align: middle;} div.table .tbody .tr .th.essential::after {content: "*";padding-left: 2px;color: #ff3322;} div.table .tbody .tr .td.no-data {padding-top: 16px;padding-bottom: 16px;width: 100%;} div.table .tbody .tr .td {display: table-cell;padding: 14px 12px;height: 40px;line-height: 1.4;font-size: 14px;box-sizing: border-box;vertical-align: middle;background: #fff;} div.table .tbody .tr .tr-cell {display: inline-table;width: 50%;} div.table .tbody .tr .tr-cell .th, div.table .tbody .tr .tr-cell .td {border-top: 1px solid #ddd;} @media (max-width: 1280px) { div.table .thead .tr .th {padding: 6px 12px;} div.table .tbody .tr .td {padding: 6px 12px;} div.table .tbody .tr .tr-cell {width: 100%;} } div.table .tbody .tr.is-active {background: rgba(0, 56, 180, 0.05);} div.table .tbody .tr.is-active .th, div.table .tbody .tr.is-active .td, div.table .tbody .tr.is-active .tr-cell {background: rgba(255, 255, 255, 0);} div.table .tbody .tr + .tr .th, div.table .tbody .tr + .tr .td {border-top: 1px solid #ddd;} */ .table_set div.table {width: 100%;border-top: 1px solid #333;border-bottom: 1px solid #a8a8a8;} .table_set div.table .thead .tr {display: inline-table;width: 100%;table-layout: fixed;} .table_set div.table .thead .tr .th {display: table-cell;padding: 6px 12px;line-height: 1.4;border-bottom: 1px solid #c8c8c8;font-size: 13px;font-weight: 700;background: #ebebeb;text-align: center;box-sizing: border-box;vertical-align: middle;} .table_set div.table .thead .tr .th.essential::after {content: "*";padding-left: 2px;color: #ff3322;} .table_set div.table .tbody .tr {display: table;width: 100%;table-layout: fixed;} .table_set div.table .tbody .tr .th {display: table-cell;padding: 14px 12px;height: 40px;line-height: 1.4;font-size: 13px;font-weight: 700;background: #ebebeb;box-sizing: border-box;text-align: center;vertical-align: middle;} .table_set div.table .tbody .tr .th.essential::after {content: "*";padding-left: 2px;color: #ff3322;} .table_set div.table .tbody .tr .td.no-data {padding-top: 16px;padding-bottom: 16px;width: 100%;} .table_set div.table .tbody .tr .td {display: table-cell;padding: 14px 12px;height: 40px;line-height: 1.4;font-size: 14px;box-sizing: border-box;vertical-align: middle;background: #fff;} .table_set div.table .tbody .tr .tr-cell {display: inline-table;width: 50%;} .table_set div.table .tbody .tr .tr-cell .th, .table_set div.table .tbody .tr .tr-cell .td {border-top: 1px solid #ddd;} @media (max-width: 1280px) { .table_set div.table .thead .tr .th {padding: 6px 12px;} .table_set div.table .tbody .tr .td {padding: 6px 12px;} .table_set div.table .tbody .tr .tr-cell {width: 100%;} } .table_set div.table .tbody .tr.is-active {background: rgba(0, 56, 180, 0.05);} .table_set div.table .tbody .tr.is-active .th, .table_set div.table .tbody .tr.is-active .td, .table_set div.table .tbody .tr.is-active .tr-cell {background: rgba(255, 255, 255, 0);} .table_set div.table .tbody .tr + .tr .th, .table_set div.table .tbody .tr + .tr .td {border-top: 1px solid #ddd;} /*---------------------------------------------------------- 시험분석(이용안내) ----------------------------------------------------------*/ /* ---- 이용안내 ---- */ .analysis .linebox2 img{display: block; margin:0 auto;} /* 이미지 */ .analysis_info .txt_style_dot::before {top:17px;} .analysis_info .workout{position:relative;margin:15px 0;display:flex;flex-wrap:nowrap;justify-content: center;} .analysis_info .workout:before{content:'';position:absolute;left:10%;top:35px;width:80%;height:1px;background:#ddd;z-index:-1;} .analysis_info .workout li{position:relative;margin:0 15px;text-align:center;flex:1;align-items: stretch;} .analysis_info .workout li .round{display:block;background:#1D99F8;text-align:center;} .analysis_info .workout li .round p{color:#fff;font-size:20px;font-weight:800;line-height: 150% !important;padding: 5px;min-height: 70px;display: flex;justify-content: center;align-items: center;} .analysis_info .workout li .square{margin-top: 10px;background: #f2f4f6;text-align: left;min-width: 130px;padding: 5px 15px;min-height: 170px;} .analysis_info .workout li:nth-child(2) .round{background:#0090FF;} .analysis_info .workout li:nth-child(3) .round{background:#0082E6;} .analysis_info .workout li:nth-child(4) .round{background:#0068B8;} .analysis_info .workout li:nth-child(5) .round{background:#004E8A;} .analysis_info .workout li:nth-child(6) .round{background:#004274;} .analysis_info .workout li .square h3{padding-bottom:20px;font-size:22px;line-height:1.3;color:#F15A29;text-align:center;} .analysis_info .workout li .square p{position: relative;line-height: 50px;line-height: 1.5 !important;padding: 5px;} .analysis_info .workout li:nth-child(2) .square h3{color:#0090FF;} .analysis_info .workout li:nth-child(3) .square h3{color:#0082E6;} .analysis_info .analysis_info_end{position:relative;margin:70px auto 50px;display:inline-block;padding:30px 100px;color:#404040;font-size:38px;font-weight:800;line-height:1.5;background:#c9e4ff;border-radius:100px;box-shadow:0 0 20px rgba(274,215,255,0.3);} .analysis_info .analysis_info_end span{font:inherit;color:#004e8a;} /* 연락처 테이블 */ .analysis_info .tblist{margin:0px;} .analysis_info .tblist th{border-top: 1px solid #222;background: #f8f8f8; border-bottom: 1px solid #eee;text-align: center;padding:10px 10px;} .analysis_info .tblist th, .analysis_info .tblist tbody td p {color:#2b2b2b; word-break: keep-all;} @media only screen and (max-width:834px){ .analysis_info h3{font-size:16px;} .analysis_info h2{font-size:28px;} .analysis_info .goal{margin-top:0;flex-wrap:wrap;} .analysis_info .goal li{margin:25px 20px;} .analysis_info .goal li:nth-child(2):before{left:50%;top:-25px;margin-left:-11px;} .analysis_info .goal li:nth-child(3):before{left:50%;top:-25px;margin-left:-11px;} .analysis_info .goal:after{background: #fff;} .analysis_info .goal li:nth-child(2):before{content:'';display: none;} .analysis_info .goal li:nth-child(3):before{content:'';display: none;} .analysis_info .goal li:nth-child(4):before{content:'';display: none;} .analysis_info .workout{flex-wrap:wrap;flex-direction:column;justify-content:flex-start;} .analysis_info .workout li{flex:none;width:100%;margin:30px 0 0;} .analysis_info .workout li:nth-child(1) {margin:0;} .analysis_info .workout li .round p{line-height:45px;} .analysis_info .workout li .square { min-height: fit-content;} .analysis_info .workout li .square h3{font-size:15px;} .analysis_info .workout:before{left:50%;width:1px;height:90%;} .analysis_info .workout:after{bottom:-55px;background-size:contain;} .analysis_info .analysis_info_end{margin:50px auto;display:block;padding:30px 10px;font-size:20px;text-align:center;word-break: keep-all;} .analysis_info .analysis_info_end br{display:none;} .analysis_info .tblist th {font-size:18px;} .analysis_info .tblist tbody td p{font-size:20px;} } /* -------------------------------------------- -- 창업보육(입주안내) -------------------------------------------- */ .grid_con {display: flex;flex-wrap: wrap;justify-content: center;} .grid_item{position:relative; width: calc(33.33% - 33px);padding: 10px;text-align:left;margin-bottom: 10px;} .grid_item::before{content: '';position: absolute;left: 0;top: 23px;width:4px;height:4px; background: url(../img/common/list-icon_02.png) no-repeat; background-size: contain;} .grid_item:nth-child(15)::before{width:0; } .startup_guide table td {color:#2b2b2b;} .startup_guide .page_tit .page_btns {margin-right: 0; padding: 0 20px; margin-bottom: 15px;} /* .startup_guide .sub_tit {padding-top: 35px;} */ .startup_guide .sub_contents .txt_style::before {top:13px;} /* -- 창업보육 입주안내 아이콘 -- */ .startup_guide .workout{position:relative;margin:15px 0;display:flex;flex-wrap:nowrap;justify-content: center;} .startup_guide .workout li .round p{color:#fff;font-size:20px;font-weight:800;line-height:54px;} .startup_guide .workout li .square{margin-top: 10px;text-align: center;min-width: 130px;padding: 5px 15px;} .startup_guide .workout li .square h3{padding-bottom:20px;font-size:22px;line-height:1.3;color:#F15A29;text-align:center;} .startup_guide .workout li .square p{position:relative;text-align:center; } .startup_guide .workout li:nth-child(2) .square h3{color:#0090FF;} .startup_guide .workout li:nth-child(3) .square h3{color:#0082E6;} .startup_guide .vision_end{position:relative;margin:70px auto 50px;display:inline-block;padding:30px 100px;color:#404040;font-size:38px;font-weight:800;line-height:1.5;background:#c9e4ff;border-radius:100px;box-shadow:0 0 20px rgba(274,215,255,0.3);} .startup_guide .vision_end span{font:inherit;color:#004e8a;} .startup_guide .linebox2 .email button{margin-bottom: 5px;} .startup_guide .workout li .round {background: url(../img/sub/tech01.png) no-repeat center; width:125px; height: 125px;} .startup_guide .workout li:nth-child(2) .round {background: url(../img/sub/tech02.png) no-repeat center;} .startup_guide .workout li:nth-child(3) .round {background: url(../img/sub/tech03.png) no-repeat center;} .startup_guide .workout li:nth-child(4) .round {background: url(../img/sub/tech04.png) no-repeat center;} /* .startup_guide .workout li:nth-child(5) .round {background: url(../img/sub/tech05.png) no-repeat;} */ .startup_guide .workout li {display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 45px;} .startup_guide .workout li{position: relative;} .startup_guide .workout li:nth-child(2)::before{position: absolute; content:''; background:url(../img/main/s3_arr2.png) no-repeat;width: 40px;height: 30px;left: -65px;background-size: contain;} .startup_guide .workout li:nth-child(3)::before{position: absolute; content:''; background:url(../img/main/s3_arr2.png) no-repeat;width: 40px;height: 30px;left: -65px;background-size: contain;} .startup_guide .workout li:nth-child(4)::before{position: absolute; content:''; background:url(../img/main/s3_arr2.png) no-repeat;width: 40px;height: 30px;left: -65px;background-size: contain;} /* .startup_guide .workout li:nth-child(5)::before{position: absolute; content:''; background:url(../img/main/s3_arr2.png) no-repeat;width: 40px;height: 30px;left: -65px;background-size: contain;} */ @media only screen and (max-width:1100px){ /* 기술이전절차 레이아웃 배치 -태블릿 모바일 */ .vision .workout{flex-wrap:wrap;justify-content:space-evenly;} .startup_guide .workout li .round, .startup_guide .workout li:nth-child(2) .round, .startup_guide .workout li:nth-child(3) .round, .startup_guide .workout li:nth-child(4) .round{width:80px; height: 80px; background-size: contain;} .startup_guide .workout li{margin: 0 10px;} .startup_guide .workout li:nth-child(2)::before, .startup_guide .workout li:nth-child(3)::before, .startup_guide .workout li:nth-child(4)::before {width:30px; left:-35px;} /* .startup_guide .workout li:nth-child(1), .startup_guide .workout li:nth-child(2), .startup_guide .workout li:nth-child(3){margin-bottom: 45px;} */ } @media only screen and (max-width: 834px){ .startup_guide .workout li{margin: 0 20px;} .startup_guide .workout li .square p{line-height: 1.6;} } @media(max-width: 450px){ .startup_guide .workout{flex-direction: column;} .startup_guide .workout li .round, .startup_guide .workout li:nth-child(2) .round, .startup_guide .workout li:nth-child(3) .round, .startup_guide .workout li:nth-child(4) .round{width:100px; height: 100px; background-size: contain;} .startup_guide .workout li{margin: 0 25px 45px;} .startup_guide .workout li:nth-child(4){margin-bottom: 0px;} .startup_guide .workout li:nth-child(2)::before, .startup_guide .workout li:nth-child(3)::before, .startup_guide .workout li:nth-child(4)::before, .startup_guide .workout li:nth-child(5)::before{left: 135px;/* left: 45px; */top: -40px;background-size: contain;transform: rotate(90deg); width:20px;} } @media(max-width: 400px){ .startup_guide .workout li:nth-child(2)::before, .startup_guide .workout li:nth-child(3)::before, .startup_guide .workout li:nth-child(4)::before, .startup_guide .workout li:nth-child(5)::before{left: 125px;} } @media(max-width: 389px){ .startup_guide .workout li:nth-child(2)::before, .startup_guide .workout li:nth-child(3)::before, .startup_guide .workout li:nth-child(4)::before, .startup_guide .workout li:nth-child(5)::before{left: 110px;} } /* ====================================== 텍스트스타일:문장부호,아이콘 ====================================== */ .txt_style, .txt_style13 {position:relative; display:flex; align-items: flex-start;} .txt_style_01, .txt_style_02, .txt_style_03, .txt_style_04 {position:relative;} /*.txt_style::before{content: '';position: absolute;left: 0;top: 10px;width:10px;height:10px; background: url(../img/common/icon_01_ori2.png) no-repeat; background-size: contain;}*/ .txt_style13::before{content: '';position: absolute;left: 0;top: 13px;width:10px;height:10px; background: url(../img/common/list_tit.png) no-repeat; background-size: contain;} .txt_style_01::before{content: '①';position: absolute;left: 0;} .txt_style_02::before{content: '②';position: absolute;left: 0;} .txt_style_03::before{content: '③';position: absolute;left: 0;} .txt_style_04::before{content: '④';position: absolute;left: 0;} .txt_style::before { content: ''; display: inline-block; flex-shrink: 0; vertical-align: middle; width: 10px; height: 10px; background: url(../img/common/icon_01.png) no-repeat center center; background-size: contain; margin-right: 8px; margin-top:8px; } .txt_style_dash {position:relative;padding-left: 0.9em;} .txt_style_dash::before{content: '-';position: absolute;left: 0;top: 0;} .sub_dept2 {padding-left:15px;} @media screen and (max-width: 768px) { .startup_guide .page_tit { display:block; } .startup_guide .page_tit .page_btns { padding: 0; } .startup_guide .page_tit .page_btns a {margin-bottom: 15px;} } /* 화면사이즈별 그리드 아이템(시험분석 이용안내 그리드) */ @media only screen and (max-width:834px){ .grid_item{width: calc(50% - 10px) !important;} } @media screen and (max-width: 500px){ .grid_item{width: 100% !important;} .startup_guide .sub_tit {padding-top: 0;} } /*---------------------------------------------------------- 시험분석 & 입주신청 개인정보동의 관련 CSS (2024-04-17) cellmin ----------------------------------------------------------*/ .agree-wrap .agree-title { float: none !important; } .agree-wrap .agree-sub-title { line-height: normal !important; } .agree-wrap .checkbox_pack label span { font-size: 18px; } .agree-wrap .btn_pack button { font-size: 18px !important; } .agree-wrap #box_check_all { padding: 15px 0; background-color: #E5E5E5; } .agree-wrap #box_check_all.active { background-color: #003875; } .agree-wrap #box_check_all.active label span { color: #FFFFFF; font-weight: bold; } @media screen and (max-width: 768px) { .agree-wrap .agree-sub-title { line-height: 1.4 !important; } .agree-wrap #box_check_all { padding: 15px; } .agree-wrap #box_check_all label[for=checkAll] { display: flex; } .agree-wrap #box_check_all #checkAll + span { word-break: auto-phrase; } /* .agree-wrap .btn_pack button { font-size: 14px !important; } */ /* .agree-wrap .checkbox_pack label span { font-size: 18px; } */ /* .analysis_info .square p { font-size: 18px; } */ } @media (hover: hover) { .agree-wrap #box_check_all:hover { background-color: #003875; cursor: pointer; } .agree-wrap #box_check_all:hover label span { color: #FFFFFF; font-weight: bold; } .agree-wrap #box_check_all.active:hover { background-color: #005ab8; } } /*--------------------------------------------------------*/ /*---------------------------------------------------------- 신청화면 관련 CSS (2024-04-17) cellmin ----------------------------------------------------------*/ .apply-wrap .board-wrap { max-width: none;margin: 0 auto; background: #FFFFFF; padding: 0; border-radius: 0; box-shadow: none; border: none; } .apply-wrap .page_tit2 { margin-bottom: 20px; } /*.apply-wrap .page_tit2 h2 { font-size: 24px;font-weight: 600; } .apply-wrap .add_info { font-size: 20px !important; } .apply-wrap .alert_info { font-size: 20px !important;color: red !important;font-weight: 600; }*/ .apply-wrap .page_tit2 h2 { font-size: 22px;font-weight: 600; } .apply-wrap .table_set .table_title { font-size: 20px; } .apply-wrap .add_info { font-size: 17px !important; } .apply-wrap .add_info.fw_bold { font-weight: 600; } .apply-wrap .add_info .highlight { color: red; font-weight: 600; } .apply-wrap .add_info .highlight.blue { color : blue; } .apply-wrap .add_info.dash { font-size: 16px !important;line-height: 25px; } .apply-wrap .add_info.dash:before { content: '-';margin-right: 5px; } .apply-wrap .alert_info { font-size: 17px !important;color: red !important;font-weight: 600; } .apply-wrap .alert_info.ico_star { font-size: 16px !important;line-height: 25px; } .apply-wrap .alert_info.ico_star:before { content: '★';margin-right: 5px; } .apply-wrap .add_info.blue, .apply-wrap .alert_info.blue { color: blue !important; } .apply-wrap .lh-normal .add_info, .apply-wrap .lh-normal .alert_info { line-height: 1.3 !important; } .apply-wrap .txt_btn { cursor: pointer; } /*.apply-wrap .radio_pack .label_text, .apply-wrap .checkbox_pack .label_text { margin-bottom: 0;font-size: 18px; } .apply-wrap .lbl_sameinfo { font-size: 20px; } .apply-wrap input, .apply-wrap select { height: 45px !important;font-size: 18px !important; } .apply-wrap input, .apply-wrap textarea { text-align: left;font-size: 18px !important; }*/ .apply-wrap .radio_pack .label_text, .apply-wrap .checkbox_pack .label_text { margin-bottom: 0;font-size: 16px; } .apply-wrap .check_all_box { text-align: right !important; } .apply-wrap .lbl_check_all { font-size: 18px; } .apply-wrap input, .apply-wrap select { height: 45px !important;font-size: 16px !important; } .apply-wrap input, .apply-wrap textarea { text-align: left;font-size: 16px !important; } .apply-wrap .input_pack:not(.type_full) input { max-width: 300px !important; } .apply-wrap input[type="checkbox"]:focus, .apply-wrap input[type="radio"]:focus { outline: none; } /*.apply-wrap .select_pack select option { font-size: 18px; } .apply-wrap .btn_pack button.medium { font-size: 18px; min-width: 135px; } .apply-wrap .btn_pack button.small { font-size: 18px; } .apply-wrap .input_pack {font-size: 18px !important;}*/ .apply-wrap .select_pack select option { font-size: 16px; } .apply-wrap .btn_pack button.medium { font-size: 16px; min-width: 135px; } .apply-wrap .btn_pack button.small { font-size: 16px; } .apply-wrap .input_pack {font-size: 16px !important;} .apply-wrap .captcha_tb { margin-left: 0; } @media screen and (max-width: 768px) { /*.apply-wrap .add_info, .apply-wrap .alert_info { font-size: 20px !important; } .apply-wrap .btnCheckAuthInfo { font-size: 20px !important; } .apply-wrap .input_pack input { max-width: 100% !important; } .apply-wrap .input_pack:not(.type_full) input { max-width: 100% !important; } .apply-wrap .input_pack {font-size: 18px !important;} .apply-wrap .radio_pack .label_text, .apply-wrap .checkbox_pack .label_text { font-size: 18px; } .apply-wrap input, .apply-wrap select, .apply-wrap textarea { font-size: 18px; } .apply-wrap .select_pack select option { font-size: 18px; } .apply-wrap .btn_pack button.medium { font-size: 18px; min-width: 100px; } .apply-wrap .table.auth-table div[class*=pack]:not(.btn_pack) {flex: 2} .apply-wrap .table.auth-table .btn_pack {flex: 1} .apply-wrap .table.auth-table .btn_pack button { width: 100%; } .apply-wrap .captcha_tb { margin-left: auto; }*/ .apply-wrap .add_info, .apply-wrap .alert_info { font-size: 18px !important; } .apply-wrap .btnCheckAuthInfo { font-size: 18px !important; } .apply-wrap .select_pack { max-width: 100% } .apply-wrap .table .tbody .tr .td .select_pack:not(:first-child) { margin-top: 10px; } .apply-wrap .input_pack input { max-width: 100% !important; } .apply-wrap .input_pack:not(.type_full) input { max-width: 100% !important; } .apply-wrap .input_pack {font-size: 16px !important;} .apply-wrap .radio_pack .label_text, .apply-wrap .checkbox_pack .label_text { font-size: 16px; } .apply-wrap input, .apply-wrap select, .apply-wrap textarea { font-size: 16px; } .apply-wrap .select_pack select option { font-size: 16px; } .apply-wrap .btn_pack button.medium { font-size: 16px; min-width: 100px; } .apply-wrap .table.auth-table div[class*=pack]:not(.btn_pack) {flex: 2} .apply-wrap .table.auth-table .btn_pack {flex: 1} .apply-wrap .table.auth-table .btn_pack button { width: 100%; } .apply-wrap .captcha_tb { margin-left: auto; } } @media screen and (max-width: 440px) { /*.apply-wrap .check_all_box { text-align: left !important; } .apply-wrap .lbl_check_all { font-size: 16px; }*/ .apply-wrap .lbl_check_all { margin-right: 1.0rem; } } /* APPLY-WRAP */ /*.apply-wrap .table_set .table .tbody .tr .th { font-size: 20px; font-weight: 600; width: 200px !important;background-color: #f8f8f8; }*/ .apply-wrap .table_set .table .tbody .tr .th { font-size: 17px; font-weight: 600; width: 200px !important;background-color: #f8f8f8; } .apply-wrap .table_set .table .tbody .tr .td { padding: 1.25rem 1.0rem; text-align: left; } .apply-wrap .auth-table .tbody .tr .td { padding: 0.5rem; } .apply-wrap .auth-table .tbody .tr .td > div:not(:first-child) { padding-top: 0.5rem; } .apply-wrap .auth-table .tbody .tr .td .btn_pack button { margin-right: 0; } .apply-wrap input.red { border: 1px solid red !important; } .apply-wrap .attached_file_list .linktext { text-align: left; } /*.apply-wrap .upload_form .input_pack label { font-size: 18px; }*/ .apply-wrap .upload_form .input_pack label { font-size: 16px; } .apply-wrap .table_set .table .tbody .tr .td .alert_info { font-size: 16px !important; line-height: 1.3 !important; } @media screen and (max-width: 768px) { .apply-wrap .table_set .table .tbody .tr { display: block; } .apply-wrap .table_set .table .tbody .tr .th, .apply-wrap .table_set .table .tbody .tr .td { display: block; flex: 1; width: 100% !important; height: auto; } .apply-wrap .table_set .table .tbody .tr .td .upload_form { text-align: center; } .apply-wrap .table_set .table .tbody .tr .td .upload_form label { display: inline-block; width: 100%; height: 45px; text-align: center;line-height: 3.0; } } .tbl_recruit_etc { table-layout: fixed; } .tbl_recruit_etc colgroup col:first-child { width: 70px; } .tbl_recruit_etc colgroup col:last-child { width: 100px; } .tbl_recruit_etc th { font-size: 16px; } .tbl_recruit_etc th, .tbl_recruit_etc td { padding: 1rem 0.5rem !important; } .tbl_recruit_etc input { padding: 3px 5px; } .tbl_recruit_etc input, .tbl_recruit_etc select { width: 100%; height: 35px !important; border: 1px solid #E5E5E5; } @media screen and (max-width: 600px) { .tbl_recruit_etc colgroup col:first-child { width: 100% !important; } .tbl_recruit_etc colgroup col:not(:first-child) { width: 0 !important; } .tbl_recruit_etc>thead{display:none} .tbl_recruit_etc tr { display: block; } .tbl_recruit_etc td{ height: 50px;display: flex;position: relative;padding: 2px !important;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;align-items: center; } .tbl_recruit_etc td:before{ display: block;position: absolute;left: 0;top: 0;width: 28%;padding: 10px 0;font-size: 20px;text-align: center; } .tbl_recruit_etc td p { width: 100%;padding: 0;line-height: 2.5;font-size: 20px; } .tbl_recruit_etc input, .tbl_recruit_etc select { width: 70%;background-color: #fff;font-size: 18px; } .tbl_recruit_etc select option { font-size: 18px; } .tbl_recruit_etc td:first-child { background-color: #e5e5e5; } .tbl_recruit_etc td:has(.upload_form) { text-align: center; } .tbl_recruit_etc td .upload_form { width: 100%; padding-left: 100px; } /* 교육사항 테이블 칼럼명 */ #tbl_education td:nth-child(2):before{content:'교육과정명*'} #tbl_education td:nth-child(3):before{content:'교육기관'} #tbl_education td:nth-child(4):before{content:'시작일자'} #tbl_education td:nth-child(5):before{content:'종료일자'} #tbl_education td:nth-child(6):before{content:'교육내용'} #tbl_education td:nth-child(7):before{content:'첨부파일'} /* 자격사항 테이블 칼럼명 */ #tbl_license td:nth-child(2):before{content:'자격명'} #tbl_license td:nth-child(3):before{content:'교부처'} #tbl_license td:nth-child(4):before{content:'자격번호'} #tbl_license td:nth-child(5):before{content:'발급일'} #tbl_license td:nth-child(6):before{content:'첨부파일'} /* 자격사항 테이블 칼럼명 */ #tbl_history td:nth-child(2):before{content:'사번'} #tbl_history td:nth-child(3):before{content:'사업소'} #tbl_history td:nth-child(4):before{content:'근무지역'} #tbl_history td:nth-child(5):before{content:'시작일자'} #tbl_history td:nth-child(6):before{content:'종료일자'} /* 경력사항 테이블 칼럼명 */ #tbl_career td:nth-child(2):before{content:'근무기관-부서*'} #tbl_career td:nth-child(3):before{content:'시작일자'} #tbl_career td:nth-child(4):before{content:'종료일자'} #tbl_career td:nth-child(5):before{content:'직위'} #tbl_career td:nth-child(6):before{content:'담당업무'} #tbl_career td:nth-child(7):before{content:'첨부파일'} } @media screen and (max-width: 440px) { .tbl_recruit_etc td:before{ font-size: 16px; } .tbl_recruit_etc input, .tbl_recruit_etc select { width: 70%;background-color: #fff;font-size: 16px; } .tbl_recruit_etc select option { font-size: 16px; } } /*.apply-wrap .warning_info_box{background:#f8f8f8; padding:30px 55px; position:relative;margin-bottom:50px}*/ .apply-wrap .warning_info_box{background:#f8f8f8; padding:20px 30px; position:relative;margin-bottom:50px} .apply-wrap .warning_info_box h4{font-size:24px;line-height:1.4;margin-bottom:12px;word-break: keep-all;} .apply-wrap .warning_info_box .highlight{color: red;font-weight: 600; /* color:#138dac; */} /*.apply-wrap .warning_info_box p{font-size:20px;font-weight: 600;}*/ .apply-wrap .warning_info_box p{font-size:18px;font-weight: 600;} @media (max-width: 768px) { .apply-wrap .warning_info_box {padding: 20px 25px;} .apply-wrap .warning_info_box .pc-only {display: none;} } /*--------------------------------------------------------*/ /*---------------------------------------------------------- 시험분석 & 입주신청 진행현황 관련 CSS (2024-04-17) cellmin ----------------------------------------------------------*/ .progress-wrap .radio_pack .label_text, .progress-wrap .checkbox_pack .label_text { margin-bottom: 0;font-size: 18px; } .progress-wrap input, .progress-wrap select { height: 45px !important;font-size: 18px !important; } .progress-wrap input, .progress-wrap textarea { text-align: left;font-size: 18px !important; } .progress-wrap .input_pack:not(.type_full) input { max-width: 300px !important; } .progress-wrap .select_pack select option { font-size: 18px; } .progress-wrap .btn_pack button.medium { font-size: 18px; min-width: 135px; } .progress-wrap .input_pack {font-size: 18px !important;} @media screen and (max-width: 768px) { .progress-wrap .input_pack input { max-width: 100% !important; } .progress-wrap .input_pack:not(.type_full) input { max-width: 100% !important; } .progress-wrap .input_pack {font-size: 18px !important;} .progress-wrap .radio_pack .label_text, .progress-wrap .checkbox_pack .label_text { font-size: 18px; } .progress-wrap input { font-size: 18px; } .progress-wrap .btn_pack button.medium { font-size: 18px; min-width: 100px; } .progress-wrap .table .auth-td div[class*=pack]:not(.btn_pack) {flex: 2} .progress-wrap .table .auth-td .btn_pack {flex: 1} .progress-wrap .table .auth-td .btn_pack button { width: 100%;margin-right: 0; } } .progress-wrap .table_set .table .tbody .tr .th { font-size: 20px; font-weight: 600; width: 200px !important;background-color: #f8f8f8; } .progress-wrap .table_set .table .tbody .tr .td { padding: 1.25rem 1.0rem; text-align: left; } .progress-wrap .auth-table .tbody .tr .td { padding: 0.5rem; } .progress-wrap .auth-table .tbody .tr .td > div:not(:first-child) { padding-top: 0.5rem; } .progress-wrap .auth-table .tbody .tr .td .btn_pack button { margin-right: 0; } .progress-wrap input.red { border: 1px solid red !important; } .progress-wrap .btn_pack .negative[disabled="disabled"] {color: #303030;background: transparent;border: none;} .progress-wrap .captcha_box .input_pack, .progress-wrap .captcha_box .input_pack input {max-width: 100% !important;} @media screen and (max-width: 699px) { .progress-wrap .table_set .table .tbody .tr { display: block; } .progress-wrap .table_set .table .tbody .tr .th, .progress-wrap .table_set .table .tbody .tr .td { display: block; flex: 1; width: 100% !important; height: auto; } } #tab_wrap .progress-wrap .tab_list li a:after {background: #131C3D;} @media only screen and (max-width: 950px) { #tab_wrap .progress-wrap .tab_list li a.ov {background: #131C3D;border: 1px solid #131C3D;} } /*--------------------------------------------------------*/ /*---------------------------------------------------------- 시험분석 & 입주신청 접수번호조회 관련 CSS (2024-04-17) cellmin ----------------------------------------------------------*/ .result-wrap .formbox .form_tb th {text-align: center;background-color: #ebebeb;} .result-wrap .step_view .subtxt p.f_none.t_center {font-size: 28px;} .result-wrap .formbox .form_tb th {font-size: 20px;} .result-wrap .formbox .form_tb td p {font-size: 20px;padding: 0.75rem 0;} @media only screen and (max-width: 600px) { .result-wrap .step_view {margin: 20px auto 30px !important;padding: 20px 10px !important;} .result-wrap .step_view .subtxt p.f_none.t_center {font-size: 24px;} .result-wrap .step_view .formbox {max-width: 100% !important;padding: 15px 20px !important;} .result-wrap .step_view .formbox .form_tb th {width: 35%;} .result-wrap .formbox .form_tb th {font-size: 18px;} .result-wrap .formbox .form_tb td p {font-size: 18px;padding: 0.5rem 0;} } /*--------------------------------------------------------*/ /*---------------------------------------------------------- 시험분석 & 입주신청 내역 조회 관련 CSS (2024-04-17) cellmin ----------------------------------------------------------*/ .result-list-wrap .table_set .table_title { font-size: 24px; } .result-list-wrap .table_set .table .tbody .tr .th { font-size: 18px; font-weight: 600; width: 200px !important;background-color: #ebebeb; } .result-list-wrap .table_set .table .tbody .tr .td { padding: 10px 15px; text-align: left;font-size: 18px; } .result-list-wrap .auth-table .tbody .tr .td { padding: 0.5rem; } .result-list-wrap .auth-table .tbody .tr .td > div:not(:first-child) { padding-top: 0.5rem; } .result-list-wrap .auth-table .tbody .tr .td .btn_pack button { margin-right: 0; } .result-list-wrap input.red { border: 1px solid red !important; } .result-list-wrap .attached_file_list .linktext { text-align: left; } @media screen and (max-width: 699px) { .result-list-wrap .table_set .table .tbody .tr { display: block; } .result-list-wrap .table_set .table .tbody .tr .th, .result-list-wrap .table_set .table .tbody .tr .td { display: block; flex: 1; width: 100% !important; height: auto;font-size: 18px; } } .result-list-wrap .formbox .tblist th {text-align: center;background-color: #ebebeb;} .result-list-wrap .step_view .subtxt p.f_none.t_center {font-size: 28px;} .result-list-wrap .formbox .tblist th {font-size: 18px;} .result-list-wrap .formbox .tblist td p {font-size: 18px;} @media only screen and (max-width: 699px) { .result-list-wrap .step_view {margin: 20px auto 30px !important;padding: 20px 10px !important;} .result-list-wrap .step_view .subtxt p.f_none.t_center {font-size: 20px;} .result-list-wrap .step_view .formbox {max-width: 100% !important;padding: 15px 20px !important;} } /*--------------------------------------------------------*/ /*---------------------------------------------------------- 고객의 소리 & 경력증명서 신청 관련 CSS (2024-04-17) cellmin ----------------------------------------------------------*/ .edit-wrap .attached_file_list .linktext { font-size: 18px; } .captcha_tb { max-width: 450px;margin: 10px auto;border: none !important;table-layout: fixed;width: 100%; } .captcha_tb td { border: none !important;padding: 5px 15px;text-align: left;vertical-align: middle; } .captcha_tb td .btn_pack button { width: 100%; } /* * [25.08.04] gbkim 고객의 소리 탭바 레이아웃 관련 css 추가 * [25.08.06] gbkim 고객의 소리 부분 application 중복 css 제거 */ /*.application{display:flex;flex-wrap:nowrap;justify-content: flex-start;align-items: center; border:1px solid #eee;border-radius:12px;}*/ /*.application li{position:relative;flex:1;padding:14px 30px;background:#f8f8f8; }*/ /*.application li:after{content:'';position:absolute;top:0;right:-30px;width:30px;height:68px;background:url(../images/common/application_bg.png) no-repeat right bottom;z-index:1}*/ /*.application li a{display:block;line-height:40px;font-size:17px;color:#888;}*/ /*.application li a span{display:inline-block;margin:0 10px 0 0; background-color:#dfdfdf;background-repeat:no-repeat;background-position:center top;border-radius:50%;width:40px;height:40px;vertical-align: top;}*/ /*.application li:first-child a span{background-image:url(../images/common/step_01.png);}*/ /*.application li:nth-child(2) a span{background-image:url(../images/common/step_02.png);}*/ /*.application li:nth-child(3) a span{background-image:url(../images/common/step_03.png);}*/ /*.application li:last-child a span{background-image:url(../images/common/step_04.png);}*/ /*.application li:last-child:after{content:none;}*/ /*.application li.on{background:#1d99f8;}*/ /*.application li.on a{color:#fff;font-weight:700;}*/ /*.application li.on a span{background-color:#fff;background-position:center bottom;}*/ /*.application li.on:after{background-position:right top;}*/ /*.icon-authentication{display: inline-block;vertical-align: middle;background-image:url("../img/signPhone.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; width: 150px; height: 150px;}*/ /*---------------------------------------------------------- 공동장비활용 ----------------------------------------------------------*/ table tbody tr th {padding: 22.5px 15px;height: 40px;line-height: 1.4;border-bottom: 1px solid #c8c8c8;font-size: 18px;font-weight: 700;background: #ebebeb;box-sizing: border-box;} /* .search-box .search-form {padding: 12px 16px;border: 1px solid #eee;background: #fafafa;} */ .search-box .search-form {padding: 20px 15px;background: #f5f5f5; border-top: 1px solid #222;border-bottom: 1px solid #222;margin-top:35px;margin-bottom: 20px;} .search-form .table {border: none;margin: 0;} /*.table .tbody .tr .th {display: table-cell;!* padding: 14px 12px; *!height: 45px;line-height: 1.8;font-size: 13px;font-weight: 700;background: #ebebeb;box-sizing: border-box;text-align: center;!* vertical-align: middle; *!}*/ @media (max-width: 1280px) { .search-form .table .tbody .tr {padding: 0;} } .search-form .table .tbody .tr .th {width: 100px;/* text-align: left; */font-size: 20px;} .search-form .table .tbody .tr .tr-cell {padding: 3px 0;box-sizing: border-box;} .search-form .table .tbody .tr .tr-cell:last-child {padding-left: 30px;padding-right: 0;} .search-form .table .tbody .tr .tr-cell:first-child {padding-right: 30px;padding-left: 0;} .search-form .table .tbody .tr .tr-cell.type-single {width: 100%; height:100%;padding-left: 0;padding-right: 0;} .slt-pack .selected {position: relative;display: inline-block;padding: 0 40px 0 16px;border: 1px solid #e5e5e5;background: #fff; width: 100%;padding: 0 0 0 16px;line-height: 38px;font-size: 18px;font-weight: 300;color: #888888;box-sizing: border-box;cursor: pointer;text-align: left;} .slt-pack .option-box button { color: #888888; margin: 0; width: 100%; border: none; padding: 0 16px; line-height: 36px; font-size: 18px; background: #fff; text-align: left; font-weight: 300; } .btn-pack button.blue {color: #fff;border-color: #2658a0;background: #2658a0;font-weight: 500;} /*#003875*/ .search-form .btn-pack button {min-width: 160px; min-height: 45px;} .btn-pack button { min-width: 100px; /* height: 38px; */ border: 1px solid #eee; /* border-radius: 8px; */ font-size: 18px; color: #111; background: #eee; } @media (hover:hover) { .btn-pack button:hover {border-color: #e0e0e0;background: #e0e0e0;} .btn-pack button.blue:hover {background: #5c97db;} } .equip-wrap .ipt-pack input {display: inline-block;width: 100% !important;padding: 0 16px !important;margin: 0;line-height: 38px;border: 1px solid #e5e5e5 !important; border-radius: 0 !important;font-size: 18px;font-weight: 400;background: #fff;box-sizing: border-box;} .ipt-pack input::placeholder {color: rgba(58, 60, 64, 0.45);} .ipt-pack input[readonly] {background: #f5f5f5;border-color: #e5e5e5 !important;} .ipt-pack input:focus {outline: none;border-color: #003875;border-width: 1px;} .ipt-pack input.error {border-color: #ff3322;} .ipt-pack input[type=password] {font-family: "pass", "Roboto", Helvetica, Arial, sans-serif;font-size: 18px;} .ipt-pack input[type=password]::-webkit-input-placeholder {transform: scale(0.77);transform-origin: 0 50%;} .ipt-pack input[type=password]::-moz-placeholder {font-size: 14px;opacity: 1;} .ipt-pack input[type=password]:-ms-input-placeholder {font-size: 14px;font-family: "Roboto", Helvetica, Arial, sans-serif;} /* 장비 목록 - 서브 타이틀 */ /*.border-box ul.list li .thumb-list span {display: inline-block;margin-top: 14px;width: 100%;font-size: 18px;color: #939393;}*/ /*.border-box ul.list li .thumb-list p {display: inline-block;!* margin-top: 6px; *!width: 100%;font-size: 20px;font-weight: 500;color: #111;}*/ .equip-wrap .ctrl-box {margin-top: 55px; text-align: center;font-size: 0;} /* 장비 상세 */ .equip-wrap table {/* margin-top:25px; */ width:100%; height:100%; border-top:1px solid #222;; border-bottom: 1px solid #222;} .equip-wrap table tr th {width:30%; text-align: center; font-size:18px; font-weight: 500;} .equip-wrap table tr:nth-child(6) th {border-bottom: 0;} .equip-wrap table tr td {font-size:20px; text-align: center;} .detail-body {display: flex; justify-content: space-around;} .detail-body-img {flex-grow: 1;} .detail-body .container {flex-grow: 2;} .equip-wrap .section{width:100%;} .equip-wrap .btn-pack button {min-width: 180px;height: 50px; font-weight: 500; font-size: 20px;} .equip-wrap .section .linebox {width: 100%;margin-top: 15px;margin-bottom: 45px;border-radius: 10px;border: 1px solid #ddd;padding: 20px;} .equip-wrap .section .linebox p {font-size: 18px; color:#555555;} /* 장비 검색 - 모바일 */ @media (max-width: 1280px) { .search-box .search-form::before {content: "키워드 검색";display: inline-block;margin-bottom: 20px;width: 100%;font-size: 20px;font-weight: 600;} /* .tool-reserve-wrap .search-form .form-pack .table .tr .tr-cell {margin: 5px;} */ .search-form .table .tbody .tr .th {width: 100px; font-size:20px;} .search-box .search-form .btn-pack button {height: 45px;min-width: 140px;font-size: 18px;} .equip-wrap .btn-pack button {min-width: 140px;height: 45px; font-weight: 500; font-size: 18px;} } @media screen and (max-width: 834px) { /* @media screen and (max-width: 1080px) { */ .detail-body {display:flex; flex-direction: column;} .detail-body-img{display: flex; justify-content: center;margin-bottom: 25px;} .equip-wrap table {width: 90%;} } @media (max-width: 450px) { .search-form .table .tbody .tr .th {width: 50px; text-align: left; } /* .detail-body-img .img-pack {min-width:345px; min-height:225px;} */ .detail-body-img .img-pack {width:100%; min-width:330px; min-height:225px;} .equip-wrap table {width: 100%;} } /*--------------------------------------------------------*/ /*-------------------------------------------------------- 레이아웃(검색) --------------------------------------------------------*/ /** * [2025.08.11] gbkim 경영공시 년도 필터 레이아웃 css */ .search-wrap {background: #f8f9fa;padding: 20px;border: 1px solid #e9ecef;border-radius: 5px;margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center;gap: 20px;} .search-wrap .year-filter-area {display: flex;align-items: center;} .search-wrap .year-filter-area label {font-weight: 500;color: #495057;margin-right: 10px;white-space: nowrap; font-size: 18px;} .search-wrap .year-filter-area select {font-size: 16px;padding: 6px 12px;border: 1px solid #ced4da;border-radius: 4px;background-color: #fff;color: #495057;width: 100px;height: 38px;} .search-wrap .year-filter-area select option {font-size: 16px;} .search-wrap .search-area {display: flex;align-items: center;gap: 10px;flex-wrap: nowrap;} .search-wrap .search-area select {font-size: 16px;padding: 6px 12px;border: 1px solid #ced4da;border-radius: 4px;background-color: #fff;color: #495057;width: 120px;height: 38px;flex-shrink: 0;} .search-wrap .search-area select option {font-size: 16px;} .search-wrap .search-area input[type="text"] {padding: 6px 12px;border: 1px solid #ced4da;border-radius: 4px;background-color: #fff;color: #495057;width: 250px;height: 38px;font-size: 16px;min-width: 0;flex: 1;} .search-wrap .search-area button {padding: 8px 20px;background-color: #2a65d0;color: white;border: none;border-radius: 4px;cursor: pointer;transition: background-color 0.15s ease-in-out;height: 38px;white-space: nowrap;flex-shrink: 0; font-size: 18px;} .search-wrap .search-area button:hover {background-color: #173872;color: #fff;} .search-wrap .search-area button:focus {outline: none;border: none;color: #fff;} /* 태블릿 (768px - 1024px) */ @media (max-width: 1024px) and (min-width: 769px) { .search-wrap {flex-direction: column;align-items: stretch;gap: 15px;} .search-wrap .year-filter-area {justify-content: center;} .search-wrap .search-area {justify-content: center;} .search-wrap .search-area input[type="text"] {width: 200px;} .search-wrap select option {font-size: 14px;} } /* 모바일 (768px 이하) */ @media (max-width: 768px) { .search-wrap {flex-direction: column;align-items: stretch;gap: 15px;padding: 15px;} .search-wrap .year-filter-area {justify-content: center;} .search-wrap .year-filter-area select {width: 90px;font-size: 13px;padding: 6px 8px;} .search-wrap .year-filter-area select option {font-size: 13px;} .search-wrap .search-area {justify-content: center;gap: 5px;} .search-wrap .search-area select {width: 90px;font-size: 13px;padding: 6px 8px;} .search-wrap .search-area select option {font-size: 13px;} .search-wrap .search-area input[type="text"] {width: 150px;font-size: 13px;padding: 6px 8px;} .search-wrap .search-area button {padding: 6px 15px;font-size: 14px;} .search-wrap select option {font-size: 13px;} } /* 초소형 모바일 (480px 이하) */ @media (max-width: 480px) { .search-wrap .year-filter-area select {width: 85px;font-size: 14px;padding: 6px 5px;} .search-wrap .search-area select {width: 80px;font-size: 14px;padding: 6px 5px;} .search-wrap .search-area select option {font-size: 14px;} .search-wrap .search-area input[type="text"] {width: 120px;font-size: 12px;} .search-wrap .search-area button {padding: 6px 12px;font-size: 16px;} .search-wrap select option {font-size: 14px;} } .searchwrap{padding:20px;background:#f6f7f8;margin-bottom: 10px} .searchbox{position:relative;margin:0 auto;padding:0 80px 0 20px;width:600px;height:54px;border:2px solid #222;border-radius:27px;overflow:hidden;background:#fff;} .searchbox input{width:100%;height:50px;font-size:17px;border:none;} .searchbox input:focus { outline: none;border: none; } .searchbox .ic_search{position:absolute;right:10px;top:0;width:50px;height:50px;background:url(../images/common/ic_search.png) no-repeat center center;} .searchwrap .keywords{margin:15px auto 0;max-width:600px;text-align:center;} .searchwrap .keywords p{font-size:17px;font-weight:700;color:#222;} .searchwrap .keywords .tag{display:inline-block;background:#fff;border-radius:20px;margin:5px 0;padding:4px 5px 4px 10px;font-size:15px;color:#1d99f8;line-height:24px;vertical-align:top;border:1px solid #1d99f8;} .searchwrap .keywords .tag .btn_del{margin-left:10px;display:inline-block;width:24px;height:24px;background:url(../images/common/btn_del2.png) no-repeat center center;vertical-align:top;} .searchwrap .keywords .tag + .tag{margin-left:10px;} .searchwrap .keywords .nokeyword{margin-left:20px;display:inline-block;font-size:17px;font-weight:400;color:#999;} .searchresult{text-align:center;margin:50px auto 30px;font-size:20px;font-weight:700;color:#222;} .searchresult span{font:inherit;color:#1d99f8;font-weight:700;} .searchlist{margin-top:25px;border-top:1px solid #222;} .searchlist li{padding:20px;border-bottom:1px solid #eee;} .searchlist li a{display:block;font-size:17px;line-height:1.4;color:#787878;} .searchlist li a .bold{display:inline-block;font-size:17px;font-weight:700;color:#333;margin-right:5px;} .searchlist li a span { font-size:17px;font-weight:700; } .searchlist li a.more { text-decoration: underline; } @media only screen and (max-width:834px){ .searchwrap{padding:20px 14px;} .searchbox{padding:0 55px 0 12px;;width:100%;height:39px;} .searchbox input{height:35px; font-size: 15px;} .searchbox .ic_search{width:35px;height:35px;} } /* 250124,soyun, 검색 박스와 count 병렬 */ .search_cnt_box{display: flex;justify-content: space-between;align-items: end;} .search_cnt_box .searchwrap{padding:0; margin-bottom: 0; background: #fff;} .search_cnt_box .searchwrap .searchbox{width: 350px; height: 40px;border-radius: 5px;padding:0 50px 0 10px; border:2px solid #2b2b2b;} .search_cnt_box .searchwrap .searchbox input {height: 40px; line-height: 40px;} .search_cnt_box .searchwrap .searchbox .ic_search {height: 40px;} @media only screen and (max-width:450px){ /* .search_cnt_box{flex-direction: column-reverse; align-items: stretch;} */ .search_cnt_box .searchwrap { margin-bottom: -10px; } .search_cnt_box .searchwrap .searchbox{width: 200px; margin-right: 0; margin-bottom: 5px;} .search_cnt_box .searchwrap .searchbox input {height: 40px; line-height: 40px;} } /* [25.08.21] 갤러리 게시판용 레이아웃 디자인 추가 */ .search_cnts_box{display: flex;justify-content: space-between;align-items: end; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #000;} .search_cnts_box .searchwrap{padding:0; margin-bottom: 0; background: #fff;} .search_cnts_box .searchwrap .searchbox{width: 350px; height: 40px;border-radius: 5px;padding:0 50px 0 10px; border:2px solid #2b2b2b;} .search_cnts_box .searchwrap .searchbox input {height: 40px; line-height: 40px;} .search_cnts_box .searchwrap .searchbox .ic_search {height: 40px;} @media only screen and (max-width:450px){ /* .search_cnt_box{flex-direction: column-reverse; align-items: stretch;} */ .search_cnts_box .searchwrap { margin-bottom: -10px; } .search_cnts_box .searchwrap .searchbox{width: 200px; margin-right: 0; margin-bottom: 5px;} .search_cnts_box .searchwrap .searchbox input {height: 40px; line-height: 40px;} } /* 250124,soyun, 검색 박스와 count 병렬 */ .search_cnt_box{display: flex;justify-content: space-between;align-items: end;} .search_cnt_box .searchwrap{padding:0; margin-bottom: 0; background: #fff;} .search_cnt_box .searchwrap .searchbox{width: 350px; height: 40px;border-radius: 5px;padding:0 50px 0 10px; border:2px solid #2b2b2b;} .search_cnt_box .searchwrap .searchbox input {height: 40px; line-height: 40px;} .search_cnt_box .searchwrap .searchbox .ic_search {height: 40px;} @media only screen and (max-width:450px){ /* .search_cnt_box{flex-direction: column-reverse; align-items: stretch;} */ .search_cnt_box .searchwrap { margin-bottom: -10px; } .search_cnt_box .searchwrap .searchbox{width: 200px; margin-right: 0; margin-bottom: 5px;} .search_cnt_box .searchwrap .searchbox input {height: 40px; line-height: 40px;} } /*--------------------------------------------------------*/ /*---------------------------------------------------------- 설문목록 화면 관련 CSS (2025-07-23) gbkim ----------------------------------------------------------*/ @keyframes fadeInUpZoom { 0% { opacity: 0; transform: translateY(20px) scale(0.95); } 50% { opacity: 0.5; transform: translateY(10px) scale(1.02); } 100% { opacity: 1; transform: translateY(0) scale(1); } } .survey-wrap .list_wrap { margin: 0 -10px; } .survey-wrap .list_wrap .list_ul { position: relative;font-size: 0; } .survey-wrap .list_wrap .list_ul:after { content: '';display: block;clear: both; } .survey-wrap .list_wrap .list_ul li { width: 33%; display: inline-block; vertical-align: top; margin-bottom: 20px; } .survey-wrap .list_wrap .list_ul li .box { min-height: 248px; background: #fff; padding: 30px 30px 10px 30px; border-radius: 10px; position: relative; border: 1px solid #ececec; margin: 0 10px; box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.1); animation: fadeInUpZoom 0.7s ease-in-out; transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; cursor: pointer; } .survey-wrap .list_wrap .list_ul li .box .meta-title { font-size: 14px; overflow: hidden; text-overflow: ellipsis; line-height: 18px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 54px; word-break: normal; overflow: hidden; height: 56px; } .survey-wrap .list_wrap .list_ul li .box .meta-title.line2 { -webkit-line-clamp: 3; max-height: 54px; } .survey-wrap .list_wrap .list_ul li .box .category { text-align: center; margin-bottom: 20px; } .survey-wrap .list_wrap .list_ul li .box .category span { height: 28px; font-size: 14px; color: #fff; line-height: 28px; padding: 0 15px; display: inline-block; background: #316fd4; border-radius: 28px; } .survey-wrap .list_wrap .list_ul li .box .title { font-size: 18px; color: #222; line-height: 24px; font-weight: 700; margin-bottom: 10px; word-break: normal; overflow: hidden; height: 60px; } .survey-wrap .list_wrap .list_ul li .box .info_box { height: 30px; position: relative; margin-bottom: 20px; padding-right: 35px; font-size: 0; } .survey-wrap .list_wrap .list_ul li .box .info_box .info { height: 22px; line-height: 22px; } .survey-wrap .list_wrap .list_ul li .box .info_box .date { font-size: 14px; color: #999; line-height: 44px; letter-spacing: -0.8px; display: inline-block; } .survey-wrap .list_wrap .list_ul li .box .tag_box { font-size: 0; text-align: right; } .survey-wrap .list_wrap .list_ul li .box .tag_box span { height: 26px; display: inline-block; font-size: 14px; color: #fff; line-height: 26px; padding: 0 10px; margin-left: 5px; border: 1px solid #0081cc; border-radius: 26px; background-color: #0081cc; } .survey-wrap .multiline-ellipsis { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } @media (hover:hover) { .survey-wrap .list_wrap .list_ul li .box:hover { transform: translateX(-2px) translateY(-3px) scale(1); box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2); background-color: #f5f5f5; } } @media screen and (max-width: 1200px) { .survey-wrap .list_wrap .list_ul li { width: 50%; float: left; margin-bottom: 10px; } } @media screen and (max-width: 768px) { .survey-wrap .list_wrap { margin: 0; } .survey-wrap .list_wrap .list_ul li { width: 100%; float: left; margin-bottom: 20px; } .survey-wrap .list_wrap .list_ul li .box { padding: 20px; margin: 0; } .survey-wrap .list_wrap .list_ul li .box .category { margin-bottom: 10px; } .survey-wrap .list_wrap .list_ul li .box .category span { height: 32px; font-size: 17px; line-height: 32px; border-radius: 32px; } .survey-wrap .list_wrap .list_ul li .box .title { font-size: 18px; margin-bottom: 10px; } .survey-wrap .list_wrap .list_ul li .box .info_box { height: 44px; position: relative; margin-bottom: 10px; padding-right: 35px; font-size: 0; } .survey-wrap .list_wrap .list_ul li .box .info_box .info { height: 50px; margin-bottom: 0; padding-right: 45px; } .survey-wrap .list_wrap .list_ul li .box .info_box .date { font-size: 14px; line-height: 50px; } .survey-wrap .list_wrap .list_ul li .box .area_box span { height: 30px; font-size: 17px; line-height: 30px; margin-left: 5px; border-radius: 30px; } } .survey-wrap .list_wrap{width:100%;height:auto;margin-bottom:30px;} .survey-wrap .list_wrap>.list_ul{display:flex; flex-wrap:wrap; padding-top:30px; width: calc(100% + 40px); margin-left: -40px;} .survey-wrap .list_wrap>.list_ul .state{position: absolute; top: 0;left:0; min-width: 70px; background:#316fd4; text-align: center; color: #fff; padding: 5px 10px; font-weight: 400; font-size: 15px; border-radius: 0 0 10px 0;} .survey-wrap .list_wrap>.list_ul .state.fin{background:#a1a1a1;} .survey-wrap .list_wrap>.list_ul .state.event{background:#d78572; margin-left:75px; border-radius: 0 0 10px 10px;} .survey-wrap .list_wrap>.list_ul >li {width: 33%; margin:0 0 25px 40px; position: relative; border-radius: 10px; overflow: hidden;} .survey-wrap .list_wrap>.box3 >li {width: calc(33.333% - 40px); margin:0 0 25px 40px; position: relative; border-radius: 10px; overflow: hidden; border: 1px solid #ececec;box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.1);animation: fadeInUpZoom 0.7s ease-in-out;transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;} .survey-wrap .list_wrap>.list_ul >li dl{padding: 40px 15px 15px; display: flex; flex-direction: column; justify-content: space-between;} .survey-wrap .list_wrap>.list_ul >li dt{font-size:22px; line-height:1.3;cursor: pointer;} .survey-wrap .list_wrap>.list_ul >li dt p {font-weight:600; min-height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; font-size:18px; letter-spacing: -0.1px;} .survey-wrap .list_wrap>.list_ul >li dt span{font-size:16px; letter-spacing:-0.1px; color:#8f8f8f; padding:10px 0;} .survey-wrap .list_wrap>.list_ul >li dt span.contents {font-size:16px; letter-spacing:-0.1px; color:#333333; padding:5px 0;min-height: 62px;} .survey-wrap .list_wrap>.list_ul >li dd{display:flex; justify-content:flex-start; color:#8f8f8f; font-size:17px; padding-top:15px;} .survey-wrap .list_wrap>.list_ul >li dd.area_box { font-size: 0; text-align: right; justify-content: end;cursor: pointer; } .survey-wrap .list_wrap>.list_ul >li dd.area_box span { height: 28px;display: inline-block;font-size: 15px;font-weight: 400;color: #222;line-height: 28px;padding: 0 10px;margin-left: 5px;border: 1px solid #222;border-radius: 26px; } @media (hover:hover) { .survey-wrap .list_wrap>.list_ul li:hover { transform: translateX(-2px) translateY(-3px) scale(1); box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2); background-color: #f5f5f5; } } @media screen and (max-width: 1400px) { .survey-wrap .list_wrap>.list_ul >li{width: calc(33.333% - 25px); margin: 0 0 25px 25px;} } @media screen and (max-width: 1000px) { .survey-wrap .list_wrap>.list_ul {width: calc(100% + 25px); margin-left: -15px;} .survey-wrap .list_wrap>.list_ul >li {width: calc(49% - 25px);margin: 0 0 25px 25px;} } @media screen and (max-width: 768px) { .survey-wrap .list_wrap>.list_ul >li {width: 100%; margin: 0 0 5px 0px;} .survey-wrap .list_wrap>.list_ul {width: calc(100%);margin-left: 0;} .survey-wrap .list_wrap>.list_ul >li dt p {font-size: 18px;} .survey-wrap .list_wrap>.list_ul >li dt span{font-size:15px !important;} .survey-wrap .list_wrap>.list_ul >li dd.area_box span { font-size: 13px; } } /*---------------------------------------------------------- CONTENTS - image url (25-07-25,soyun) static/site1/cms/image/common/icon/icon_btn_toggle.png ----------------------------------------------------------*/ .container1 {width:100%; max-width: 1000px;margin: 0 auto;padding: 80px 30px 0;} @media only screen and (max-device-width: 1024px) {/* 태블릿 이하 */ .container1 {max-width: 90%; padding: 60px 20px;} .page_box{justify-content: center !important;} } @media only screen and (max-device-width: 820px) {/* 모바일 중간 (예: 아이폰 프로 기준) */ /* .container1 {max-width: 820px; padding: 60px 16px 0;}*/ .container1 {max-width: 100%; padding: 60px 20px 0;} } /*@media (max-width: 480px) {*/ @media only screen and (max-device-width: 480px) {/* 모바일 소형 */ .container1 {padding: 70px 15px 0;} } /* -- 공통: border bottm img -- */ .border_bar{background:url('../img/common/border_bar.png') center center / cover no-repeat;} /* 회사소개 > 경영목표 */ .contents-box.cv .content-inner-box .inner-box-img {background:url('../img/common/cv_01_person.png') center center / contain no-repeat;} .contents-box.cv .content-inner-box .inner-box-img.best {background:url('../img/common/cv_02_best.png') center center / contain no-repeat;} .contents-box.cv .content-inner-box .inner-box-img.expert {background:url('../img/common/cv_03_with.png') center center / contain no-repeat;} .contents-box.cv .content-inner-box .inner-box-img.innovation {background:url('../img/common/cv_04_innovation.png') center center / contain no-repeat;} /* 회사소개 > 인권경영 : 인권헌장문 이미지 */ .declaration-title::before, .declaration-title::after {background: url('../img/common/icon_wreath.png') no-repeat center / contain;} /* 회사소개 > 인권경영 : 토글 버튼 아이콘 이미지 */ .article-toggle .icon-toggle {background: url('../img/common/icon_btn_toggle.png') no-repeat center/contain;} /* 회사소개 > 오시는길 */ /*.map-caption.subway {background: url('../img/common/icon_map_subway.png') center center / contain no-repeat;}*/ /*.map-caption.bus {background: url('../img/common/icon_map_bus.png') center center / contain no-repeat;}*/ /*.map-caption.airplane {background: url('../img/common/icon_map_airplane.png') center center / contain no-repeat;}*/ /* 사업분야 : 공통 이미지 */ /*.hero {background: url('../img/bg_biz.png') center center / cover no-repeat;}*/ /* 사업분야 > 역사청소 */ /*.hero-img {background: url('../img/expenses.jpg') center center / cover no-repeat;}*/ /* 채용 > 채용절차 */ .circle-svg-wrap .process-img-box.doc {background:url('../img/common/icons_recruit_doc.png') center center / contain no-repeat;} .circle-svg-wrap .process-img-box.pool {background:url('../img/common/icons_recruit_pool.png') center center / contain no-repeat;} .circle-svg-wrap .process-img-box.health-test {background:url('../img/common/icons_recruit_test.png') center center / contain no-repeat;} .circle-svg-wrap .process-img-box.health {background:url('../img/common/icons_recruit_health.png') center center / contain no-repeat;} .circle-svg-wrap .process-img-box.meeting {background:url('../img/common/icons_recruit_meeting.png') center center / contain no-repeat;} .circle-svg-wrap .process-img-box.call {background:url('../img/common/icons_recruit_call.png') center center / contain no-repeat;} .circle-svg-wrap .process-img-box.appointment {background:url('../img/common/icons_recruit_appointment.png') center center / contain no-repeat;} /*---------------------------------------------------------- Login Page Styles - gbkim (25-07-28) ----------------------------------------------------------*/ /* === 컨테이너 및 기본 레이아웃 === */ .type-single {max-width: 1200px;min-height: 100vh; margin: auto; padding: 80px 0; display: flex; flex-direction: column; align-items: center;} .type-single h2 {text-align: center;font-size: 3.6rem;font-weight: 600;margin-bottom: 80px;color: #333;} .login-icon {display: block;width: 250px;height: 160px;} .login-wrap {max-width: 550px;width: 100%;margin: 0 auto;padding: 40px 30px;background: #fff;border-radius: 12px;border : 3px solid #E1E3E5;} .login-wrap .login-box {width: 100%;margin-bottom: 30px;} .login-wrap .login-box .ipt-pack {margin-bottom: 25px;width: 100%;} .login-wrap .login-box .ipt-pack:first-child {margin-bottom: 20px;} .login-wrap .login-box .ipt-pack span {display: block;margin-bottom: 8px;font-size: 2rem;font-weight: 600;color: #333;} .login-wrap .login-box .ipt-pack input {width: 100%;height: 60px;padding: 0 18px;font-size: 1.8rem;background: #fff;border: 2px solid #C5CCD2;border-radius: 8px;box-sizing: border-box;transition: all 0.3s ease;line-height: 1.5;} .login-wrap .login-box .ipt-pack input:focus {outline: none;border-color: #2a65d0;} .login-wrap .login-box .ipt-pack input::placeholder {color: #9ca3af;font-size: 1.8rem; transform: scale(1);} .login-wrap .login-box .chk-pack {margin-top: 16px;margin-bottom: 24px;width: 100%;text-align: left;display: flex;align-items: center;} .login-wrap .login-box .chk-pack input[type="checkbox"] {margin-right: 10px;width: 18px;height: 18px;cursor: pointer;} .login-wrap .login-box .chk-pack span {font-size: 0.9rem;color: #666;cursor: pointer;} .login-wrap .ctrl-box {margin-top: 0;} .login-wrap .ctrl-box .btn-pack {width: 100%;margin-bottom: 16px;} .login-wrap .ctrl-box .btn-pack:last-child {margin-bottom: 0;} .login-wrap .ctrl-box .btn-pack button {width: 100%;height: 60px;font-size: 2rem;font-weight: 600;border: none;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;} .login-wrap .ctrl-box .btn-pack button.blue {background: #2a65d0;color: #fff;} .login-wrap .ctrl-box .btn-pack button.blue:hover {background: #323a9f;transform: translateY(-1px);} .login-wrap .ctrl-box .btn-pack button.gray {background: #f8f9fa;color: #666;border: 2px solid #e1e5e9;} .login-wrap .ctrl-box .btn-pack button.gray:hover {background: #e9ecef;border-color: #ced4da;} .login-wrap .ctrl-box .noti-pack {margin-top: 30px;text-align: center;} .login-wrap .noti-pack .list-pack {margin-bottom: 12px;} .login-wrap .noti-pack .noti {font-size: 0.9rem;color: #666;line-height: 1.5;} .login-wrap .link-pack {margin-top: 30px;text-align: center;} .login-wrap .link-pack a {font-size: 0.9rem;color: #2a65d0;text-decoration: none;font-weight: 500;} .login-wrap .link-pack a:hover {text-decoration: underline;} .login-wrap .type-link-box {margin-top: 30px;} .login-wrap .type-link-box .noti-pack {text-align: center;margin-bottom: 16px;} .login-wrap .type-link-box .btn-pack {width: 100%;text-align: center;} .login-wrap .type-link-box .btn-pack a {display: inline-block;width: calc(50% - 6px);height: 40px;line-height: 40px;border-radius: 20px;background: #fff;border: 2px solid #e1e5e9;color: #666;text-decoration: none;font-size: 0.9rem;font-weight: 500;transition: all 0.3s ease;} .login-wrap .type-link-box .btn-pack a:hover {background: #f8f9fa;border-color: #ced4da;transform: translateY(-1px);} .login-wrap .type-link-box .btn-pack a + a {margin-left: 12px;} .login-wrap .type-link-box .btn-pack a.gray {background: #f8f9fa;border-color: #ced4da;} @media (max-width: 1200px) { .type-single {padding-top: 40px;padding-left: 25px;padding-right: 25px; min-height: 60vh;} .type-single h2 {font-size: 3.4rem;margin-bottom: 25px;} .login-icon {width: 220px;height: 100px;margin-bottom: 20px;} .login-wrap {max-width: 100%;padding: 35px 35px;margin: 0 15px;} .login-wrap .login-box .ipt-pack span { font-size: 1.8rem; } .login-wrap .login-box .ipt-pack input {height: 50px;font-size: 1.7rem;padding: 0 18px;} .login-wrap .login-box .ipt-pack input::placeholder { font-size: 1.6rem; } .login-wrap .ctrl-box .btn-pack button {height: 50px;font-size: 1.8rem;} .login-wrap .type-link-box .btn-pack a {height: 38px;line-height: 38px;} } @media (max-width: 1000px) { .type-single {padding-top: 35px;padding-left: 22px;padding-right: 22px; min-height: 55vh;} .type-single h2 {font-size: 3rem;margin-bottom: 22px;} .login-icon {width: 210px;height: 95px;margin-bottom: 18px;} .login-wrap {max-width: 100%;padding: 32px 32px;margin: 0 12px;} .login-wrap .login-box .ipt-pack input {height: 48px;font-size: 1.6rem;padding: 0 17px;} .login-wrap .login-box .ipt-pack input::placeholder { font-size: 1.6rem; } .login-wrap .ctrl-box .btn-pack button { height: 48px; } .login-wrap .type-link-box .btn-pack a {height: 36px;line-height: 36px;} } @media (max-width: 768px) { .type-single {padding-top: 30px;padding-left: 20px;padding-right: 20px; min-height: 50vh;} .type-single h2 {font-size: 2.4rem;margin-bottom: 20px;} .login-icon {width: 200px;height: 91px;margin-bottom: 15px;} .login-wrap {max-width: 100%;padding: 30px 30px;margin: 0 10px;} .login-wrap .login-box .ipt-pack input::placeholder { font-size: 1.5rem; } .login-wrap .type-link-box .btn-pack a {height: 34px;line-height: 34px;} } @media (max-width: 480px) { .type-single {padding-top: 20px;padding-left: 15px;padding-right: 15px; min-height: 70vh;} .type-single h2 {font-size: 2.0rem;margin-bottom: 15px;} .login-icon {width: 180px;height: 82px;margin-bottom: 15px;} .login-wrap {margin: 0;padding: 20px 20px;border-radius: 8px;} .login-wrap .login-box .ipt-pack span { font-size: 1.6rem; } .login-wrap .login-box .ipt-pack input { height: 46px; } .login-wrap .ctrl-box .btn-pack button {height: 46px;font-size: 1.6rem;} .login-wrap .type-link-box .btn-pack a {width: 100%;margin-bottom: 8px;height: 36px;line-height: 1.5;} .login-wrap .type-link-box .btn-pack a + a {margin-left: 0;} } /*---------------------------------------------------------- 자료실(document) - gbkim (25-07-28) ---------------------------------------------------------- */ .btn_download { color: #666; transition: color 0.3s ease; } .btn_download:hover { color: #1d4792 !important; } .btn_download_mob { color: #666; margin-left: auto; } .btn_download svg{ transition: all 0.3s ease; } /*-------------------------------------------- 본인인증 확인 레이아웃 (2025-07-29) gbkim ---------------------------------------------- */ .privacy-section {padding: 30px;border-bottom: 1px solid #eee;} .privacy-title {display: flex;align-items: flex-start;margin-bottom: 20px;line-height: 1.5;} .privacy-title input[type="checkbox"] {margin-right: 12px;margin-top: 2px;width: 20px;height: 20px;flex-shrink: 0;border: 1px solid #d2d2d2;border-radius: 5px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #fff;position: relative;cursor: pointer;} .privacy-title input[type="checkbox"]:checked {background-color: #2a65d0;border-color: #2a65d0;} .privacy-title input[type="checkbox"]:checked::before {content: '✓';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size: 14px;font-weight: bold;} .privacy-title label {font-weight: 600;color: #333;cursor: pointer;line-height: 1.4;} .privacy-content {background: #f8f9fa;border: 1px solid #dee2e6;border-radius: 6px;padding: 25px;margin-top: 15px;max-height: 300px;overflow-y: auto;line-height: 1.6;} .privacy-content h3 {color: #007bff;margin: 20px 0 12px 0;font-weight: 600;} .privacy-content h3:first-child {margin-top: 0;} .privacy-content p {color: #666;margin-bottom: 15px;line-height: 1.6;} .privacy-content ul {padding-left: 0;margin: 15px 0;list-style: none;} .privacy-content li {color: #666;margin-bottom: 8px;line-height: 1.6;padding-left: 20px;position: relative;} .privacy-content li:before {content: "•";position: absolute;left: 8px;color: #007bff;} .privacy-content .bold {font-weight: 600;color: #333;} .verify-section {text-align: center;padding: 50px 20px;background: #fff;} .verify-content {padding: 20px;} /*.verify-content img {width: 300px;height: 300px;}*/ .verify-content img {width: 400px;height: 300px;} .verify-icon {width: 120px;height: 120px;margin: 0 auto 30px;background: white;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;} .verify-icon svg {width: 110px;height: 110px;color: #007bff;} .verify-btn {background: #6c757d;color: #fff;border: none;padding: 16px 50px;font-size: 16px;font-weight: 600;border-radius: 25px;cursor: not-allowed;transition: all 0.3s ease;min-width: 160px;letter-spacing: 0.5px;} .verify-btn:not(:disabled) {background: #007bff;cursor: pointer;} .verify-btn:not(:disabled):hover {background: #0056b3;transform: translateY(-2px);} .verify-btn:not(:disabled):active {transform: translateY(0);} .verify-btn:disabled {background: #6c757d;cursor: not-allowed;box-shadow: none;} .verify-btn.loading {background: #007bff;cursor: wait;position: relative;color: transparent;} .verify-btn.loading:after {content: "";position: absolute;width: 20px;height: 20px;top: 50%;left: 50%;margin-left: -10px;margin-top: -10px;border: 2px solid #ffffff;border-radius: 50%;border-top-color: transparent;animation: button-loading-spinner 1s ease infinite;} @keyframes button-loading-spinner { from {transform: rotate(0turn);} to {transform: rotate(1turn);} } @media (max-width: 768px) { .verify-wrap {padding: 15px;} .privacy-section, .verify-section {padding: 25px 20px;} .privacy-content {padding: 20px;} .verify-icon {width: 80px;height: 80px;margin-bottom: 25px;} .verify-icon svg {width: 40px;height: 40px;} .verify-btn {padding: 14px 40px;font-size: 15px;min-width: 140px;} .privacy-title label {font-size: 15px;} .privacy-content h3 {font-size: 13px;} .privacy-content p, .privacy-content li {font-size: 12px;} /*.verify-content img {width: 200px;height: 200px;}*/ .verify-content img {width: 200px;height: 150px;} } @media (max-width: 480px) { .verify-wrap {padding: 10px;} .privacy-section, .verify-section {padding: 20px 15px;} .verify-btn {padding: 12px 30px;font-size: 14px;min-width: 120px;} .verify-content {padding: 20px;} /*.verify-content img {width: 130px;height: 130px;}*/ .verify-content img {width: 130px;height: 100px;} } /** * [2025.08.11] gbkim 경영공시 년도 필터 레이아웃 css */ .search-wrap {background: #f8f9fa;padding: 20px;border: 1px solid #e9ecef;border-radius: 5px;margin-bottom: 20px;text-align: center;} .search-wrap label {font-weight: 500;color: #495057;margin-right: 10px;} .search-wrap select {padding: 4px 12px;border: 1px solid #ced4da;border-radius: 4px;background-color: #fff;color: #495057;margin-right: 10px;width: 100px;height: 36px;text-align: left;} .search-wrap button {padding: 8px 20px;background-color: #2a65d0;color: white;border: none;border-radius: 4px;cursor: pointer;transition: background-color 0.15s ease-in-out;vertical-align: top;} .search-wrap button:hover {background-color: #173872;color: #fff;} .search-wrap button:focus {outline: none;border: none;color: #fff;} @media (max-width: 768px) { .search-wrap {padding: 15px 10px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 10px;} .search-wrap label {margin-right: 10px;margin-bottom: 0;white-space: nowrap;font-size: 14px;} .search-wrap select {width: 100px;margin-right: 10px;margin-bottom: 0;flex-shrink: 0;} .search-wrap button {vertical-align: top;flex-shrink: 0;} } /* [25.08.27] gbkim 댓글 레이아웃 추가 */ .commentView {margin: 0 auto;background: white;margin-bottom: 20px;padding: 0 20px 0 20px;} .total_reply {display: flex;justify-content: space-between;align-items: center;padding-bottom: 16px;border-bottom: 2px solid #f0f0f0;} .total_reply .left {font-size: 16px;color: #333;font-weight: 500;} .total_reply .left strong {color: #2c3e50;font-weight: 700;} .comment_list {display: flex;flex-direction: column;gap: 5px;} .comment_list .line {padding: 5px;border-bottom: 1px solid #f0f0f0;transition: all 0.2s ease;position: relative;} .reply_box {display: flex;flex-direction: column;} .name_box {display: flex;align-items: center;gap: 12px;padding-bottom: 8px;} .name_box > div {display: flex;align-items: center;} .name_box .profile_img {width: 24px;height: 24px;border-radius: 50%;flex-shrink: 0;display: inline-block;background-image: url("https://bmos.i-cloud.kr/assets/images/icon_user.svg");background-size: cover;background-position: center;background-repeat: no-repeat;} .name_box .profile_img img {width: 100%;height: 100%;border-radius: 50%;object-fit: cover;} .name_box .name {font-size: 15px;font-weight: 600;color: #2c3e50;padding: 4px 12px;border-radius: 16px;display: inline-block;} .name_box .date {font-size: 13px;color: #C6C6C6;padding: 4px 10px;} .name_box .date em {display: none;} .comment_box {display: flex;margin-left: 8px;} .comment_box .comment p {margin: 0;font-size: 16px;line-height: 1.6;color: #495057;text-align: left;word-break: break-word;} @media screen and (max-width: 768px) { .commentView {margin: 10px;padding: 16px;border-radius: 8px;} .comment_list {gap: 12px;} .comment_list .line {padding: 16px;border-radius: 8px;} .name_box {flex-wrap: wrap;gap: 8px;} .name_box .profile_img {width: 32px;height: 32px;font-size: 12px;} .name_box .name {font-size: 14px;padding: 3px 10px;} .name_box .date {font-size: 12px;padding: 3px 8px;} .comment_box .comment p {font-size: 13px;} } /* 애니메이션 */ @keyframes fadeInUp { from {opacity: 0;transform: translateY(15px);} to {opacity: 1;transform: translateY(0);} } .comment_list .line {animation: fadeInUp 0.3s ease forwards;} /* [25.08.28] gbkim 팝업 레이아웃 */ /* Popup Section */ .custom-popup {position: absolute;top: 180px;right: 555px;width: 520px;height: 355px;background: #ffffff;z-index: 100;overflow: hidden;} .custom-popup .popup-img-wrap {position: relative;width: 100%;height: calc(100% - 40px);overflow: hidden;} .custom-popup .grap {overflow: hidden;background: #fff;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;} .custom-popup .slide-items {list-style: none;margin: 0;padding: 0;width: 100%;height: 100%;position: relative;} .custom-popup .slide-item {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;z-index: 1;} .custom-popup .slide-item.active {display: block;z-index: 2;} .custom-popup .obj {width: 100%;height: 100%;display: flex;align-items: flex-start;justify-content: center;margin: 0;padding: 0;list-style: none;overflow: hidden;position: relative;} .custom-popup .obj .item {position: relative; /* absolute에서 relative로 변경 */width: 100%;height: 100%;text-align: center;display: flex;align-items: flex-start;justify-content: center;transform: translateX(0);transition: transform 0.5s ease-in-out;} .custom-popup .obj .item.is-active {transform: translateX(0);} .custom-popup .obj .item.slide-out-left {transform: translateX(-100%);} .custom-popup .obj .item a {display: block;width: 100%;height: 100%;line-height: 0;} .custom-popup .obj .item a img.testr {width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: inherit;display: block;} .custom-popup .slide-controls {position: absolute;left: 0;right: 0;bottom: 0;z-index: 10;background: rgb(0 0 0 / 40%);padding: 1px 20px 3px 30px;overflow: hidden;display: flex;justify-content: start;align-items: center;text-overflow: ellipsis;white-space: nowrap;gap: 30px;} .custom-popup .slide-controls button {display: block;width: 30px;height: 30px;margin: 0;font-size: 0;border: none;background: none;border-radius: 0;} .custom-popup .slide-controls button:focus {outline-color: #fff;} .custom-popup .slide-controls button[data-control="prev"] {width: 13px;height: 20px;margin: 5px 6px;background: url(../img/main/arr3.png) no-repeat;} .custom-popup .slide-controls button[data-control="next"] {width: 13px;height: 20px;margin: 5px 6px;background: url(../img/main/arr2.png) no-repeat;} .custom-popup .slide-controls button[data-control="stop"] {position: relative;} .custom-popup .slide-controls button[data-control="stop"]::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 12px;box-shadow: -3px 0 #fff, 3px 0 #fff;} .custom-popup .slide-controls button[data-control="play"] {position: relative;left: 5px;} .custom-popup .slide-controls button[data-control="play"]::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 10px;border-color: transparent transparent transparent #fff;} .custom-popup .slide-controls .control-buttons {display: flex;align-items: center;} .custom-popup .slide-controls .popup-title {width: 100%;color: #fff;font-size: 14px;font-weight: 500;margin-right: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .custom-popup .popup-controls {position: absolute;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 60%);width: 100%;cursor: pointer;min-height: 36px;z-index: 15;} .custom-popup .popup-controls .popup-check {width: fit-content;position: relative;padding: 6px 40px 6px 8px;} input[type="checkbox"]#noShowToday {display: inline-block;visibility: visible;width: 16px ;height: 16px ;position: relative;-webkit-appearance: checkbox;} .custom-popup .popup-controls .popup-check label span {position: relative;left: 10px;top: -2px;color: #fff;font-size: 14px;} .custom-popup .popup-controls .popup-close-btn {position: absolute;right: 3px;top: 6px;width: 30px;height: 30px;line-height: 30px;text-align: center;background: transparent;color: #fff;border: none;cursor: pointer;font-size: 20px;} .custom-popup a:focus, .custom-popup button:focus {outline: none;} .custom-popup *:focus, .custom-popup *:hover {outline: none;} .custom-popup a, .custom-popup a:link, .custom-popup a:visited, .custom-popup a:hover, .custom-popup a:active, .custom-popup a:focus {outline: none;text-decoration: none;border: none;} .custom-popup img {outline: none;border: none;} .custom-popup *:focus {outline: none;box-shadow: none;} @media (max-width: 1399px) and (min-width: 1200px) { .custom-popup {width: 480px;height: 320px;right: 5%;top: 180px;position: fixed;} .custom-popup .popup-controls .popup-check label span {font-size: 13px;} } @media (max-width: 1199px) and (min-width: 1145px) { .custom-popup {width: 440px;height: 300px;right: 3%;top: 160px;position: fixed;} .custom-popup .slide-controls {padding: 6px 15px 6px 25px;} .custom-popup .popup-controls .popup-check label span {font-size: 12px;} } @media (max-width: 1144px) and (min-width: 992px) { .custom-popup {width: 440px;height: 300px;right: 3%;bottom: 50px;top: auto;position: fixed;} .custom-popup .slide-controls {padding: 6px 15px 6px 25px;} .custom-popup .popup-controls .popup-check label span {font-size: 12px;} } @media (max-width: 991px) and (min-width: 768px) { .custom-popup {width: 85%;max-width: 420px;height: 300px;left: 50%;top: 50%;right: auto;bottom: auto;transform: translate(-50%, -50%);position: fixed;} .custom-popup .slide-controls {padding: 8px 15px 8px 20px;gap: 15px;} .custom-popup .slide-controls button {width: 28px;height: 28px;} .custom-popup .slide-controls button[data-control="prev"], .custom-popup .slide-controls button[data-control="next"] {width: 12px;height: 18px;margin: 5px;} .custom-popup .popup-controls .popup-check label span {font-size: 13px;margin-left: 8px;} .custom-popup .popup-controls .popup-close-btn {font-size: 18px;width: 30px;height: 30px;} } @media (max-width: 767px) and (min-width: 480px) { .custom-popup {width: 90%;max-width: 380px;height: 270px;left: 50%;top: 50%;right: auto;bottom: auto;transform: translate(-50%, -50%);border-radius: 12px;position: fixed;} .custom-popup .slide-controls {padding: 8px 12px 8px 15px;gap: 12px;} .custom-popup .slide-controls button {width: 26px;height: 26px;} .custom-popup .slide-controls button[data-control="prev"], .custom-popup .slide-controls button[data-control="next"] {width: 11px;margin: 5px 3px;padding: 6px;} .custom-popup .popup-controls {min-height: 36px;padding: 0 6px;} .custom-popup .popup-controls .popup-check {padding: 6px;} .custom-popup .popup-controls .popup-check label span {font-size: 12px;margin-left: 6px;} .custom-popup .popup-controls .popup-close-btn {width: 28px;height: 28px;font-size: 16px;} } @media (max-width: 479px) { .custom-popup {width: 95%;max-width: 340px;height: 240px;left: 50%;top: 50%;right: auto;bottom: auto;transform: translate(-50%, -50%);border-radius: 12px;position: fixed;} .custom-popup .popup-img-wrap {height: calc(100% - 36px);} .custom-popup .slide-controls {padding: 6px 10px 6px 12px;gap: 10px;} .custom-popup .slide-controls button {width: 24px;height: 24px;} .custom-popup .slide-controls button[data-control="prev"], .custom-popup .slide-controls button[data-control="next"] {width: 10px;margin: 5px 2px;padding: 6px;} .custom-popup .slide-controls button[data-control="stop"]::before {height: 10px;box-shadow: -2px 0 #fff, 2px 0 #fff;} .custom-popup .slide-controls button[data-control="play"]::before {border-width: 5px 0 5px 8px;} .custom-popup .slide-controls .popup-title {font-size: 12px;} .custom-popup .popup-controls {min-height: 32px;padding: 0 4px;} .custom-popup .popup-controls .popup-check {padding: 4px;} input[type="checkbox"]#noShowToday {width: 14px;height: 14px;} .custom-popup .popup-controls .popup-check label span {font-size: 11px;margin-left: 6px;} .custom-popup .popup-controls .popup-close-btn {width: 26px;height: 26px;font-size: 14px;} } @media (max-width: 360px) { .custom-popup {width: 98%;height: 220px;} .custom-popup .popup-img-wrap {height: calc(100% - 32px);} .custom-popup .slide-controls {padding: 2px;bottom: 5px;} .custom-popup .slide-controls .popup-title {font-size: 11px;} .custom-popup .popup-controls {min-height: 28px;} input[type="checkbox"]#noShowToday {width: 12px;height: 12px;} .custom-popup .popup-controls .popup-check label span {font-size: 10px;margin-left: 4px;} .custom-popup .popup-controls .popup-close-btn {width: 24px;height: 24px;font-size: 12px;} }