/* Rise Demo Styles ================================================== */ /* Page Fonts */ @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Noto+Serif+KR" rel="stylesheet"'); @import url('https://fonts.googleapis.com/css?family=Playfair+Display:700,700i,900,900i'); /* Body Options */ body{ font-family: 'Noto Sans KR', NanumGothic, 'Nanum Gothic', 나눔고딕, NG, Tahoma, Geneva, sans-serif; letter-spacing: -0.6px; } #skipToContent { position: absolute; top: 0; width: 100%; background:""; z-index: 9999; } #skipToContent a { display: block; height: 1px; width: 1px; margin-bottom: -1px; overflow: hidden; text-align: center; color: #fff; font-size: 12px; white-space: nowrap; } #skipToContent a:focus, #skipToContent a:active { height: auto; width: auto; padding: 10px; z-index: 10001; } .skipdiv{width: 100%; height:auto; } /* ANTARES COLORS ================================================== */ /* Colored */ .colored, .colored-hover:hover, .soft-video-play-btn{ color:#f5bb19!important; } .bg-colored, .bg-colored-hover:hover{background-color:#f5bb19!important; } .border-colored, .border-colored-hover:hover{ border-color:#f5bb19 !important; } /* Colored1 */ .colored1, .colored1-hover:hover{ color:#63522c !important; } .bg-colored1, .bg-colored1-hover:hover{ background-color:#63522c!important; } .border-colored1, .border-colored1-hover:hover{ border-color:#63522c !important; } /* Colored2 */ .colored2, .colored2-hover:hover{ color:#393c45 !important; } .bg-colored2, .bg-colored2-hover:hover{ background-color:#393c45 !important; } .border-colored2, .border-colored2-hover:hover{ border-color:#393c45 !important; } /* Colored3 */ .colored3, .Colored3-hover:hover{ color:#e3c181 !important; } .bg-colored3, .bg-colored3-hover:hover{ background-color:#cdb993 !important; } .border-colored3, .border-colored3-hover:hover{ border-color:#cdb993 !important; } /* Colored4 */ .colored4, .Colored4-hover:hover{ color:#443320 !important; } .bg-colored4, .bg-colored4-hover:hover{ background-color:#f97d32 !important; } .border-colored4, .border-colored4-hover:hover{ border-color:#443320 !important; } /* Colored5 */ .colored5, .colored5-hover:hover{ color:#e7decd !important; } /* 이미지 마우스 올렸을때 색깔 변경 프로그램 섹션 */ .bg-colored5, .bg-colored5-hover:hover{ background-color:#0669b2 !important; } .border-colored5, .border-colored5-hover:hover{ border-color:#0669b2 !important; } /* 강의 섹션 */ .bg-colored6, .bg-colored6-hover:hover{ background-color:#f0ad4e !important; } .border-colored6, .border-colored6-hover:hover{ border-color:#e7decd !important; } ::selection{ background-color:#393c45 !important; } .bg-soft-colored:before{ background-color:rgba(33,34,35,0.95); } .bg-gradient, .bg-soft-gradient:before{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d5ec0+0,3778c3+100 */ background: #264094; /* Old browsers */ background: -moz-linear-gradient(45deg, #264094 0%, #345cd5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #264094 0%,#345cd5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #e2375b 0%, #7b144c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#264094', endColorstr='#345cd5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bg-gradient1, .bg-soft-gradient1:before{ background: #322828; /* Old browsers */ background: -moz-linear-gradient(45deg, #322828 0%, #2e333f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #322828 0%,#2e333f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f5bb19 0%,#f97d32 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#322828', endColorstr='#2e333f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bg-gradient2, .bg-soft-gradient2:before{ background: #1c1c1f; /* Old browsers */ background: -moz-linear-gradient(45deg, #1c1c1f 0%, #272830 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #1c1c1f 0%,#272830 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #1c1c1f 0%,#272830 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1f', endColorstr='#272830',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bg-soft-gradient1:before, .bg-soft-gradient2:before{ opacity: 0.95; } /* Other Colors */ /* Sliding hover type, background color */ .qdr-hover:before, .custom-slider.strip-dots > .slick-dots li.slick-active button{ background-color:#ab903e; } /* Services filters colors */ .services-with-tabs-1 .service-filters > div.cbp-filter-item-active:hover p, .services-with-tabs-1 .service-filters > div.cbp-filter-item-active p{ background-color:#7d7663; } /* Lightbox Background Color */ .ilightbox-overlay.metro-black{ background: #fff; /* Old browsers */ } /* Prices Section Colors */ .interactive-packages .selector{border-bottom-color:#2e52c2;} .interactive-packages .rise_title span.title_selector{ color:#2e52c2;} .interactive-packages .step-titles .title.active{color:#2e52c2;} .interactive-packages .bar .interactive_bar{ background:#2e52c2;} /* RISE VERSION MAIN STYLES ================================================== */ /* RISE NAVIGATION */ /* Navigation Colors - hover and active */ #navigation.modern .columns ul li a:hover, #navigation.modern.scrolled .columns ul li a:hover, #navigation.modern .columns ul.nav > li.active > a{ color:#4264d1 !important; } /* Navigation styles - You can see navigation hover and active colors in the content/antares/css/style.css file. */ #navigation.modern.white-nav .columns ul li a, #navigation.modern.white-nav .columns ul li button{ font-size:16px; font-weight: 600; color:#222; } /* Mega menu and dropdown styles */ #navigation.modern.white-nav .columns .nav-menu ul.dropdown-menu.mega-menu li a{ color:#222; font-size: 11px; letter-spacing: 0px; font-weight: 700; text-transform: uppercase; } #navigation.modern.white-nav .columns .nav-menu ul.dropdown-menu li a{ color: #222; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0px; } /* RISE TITLES */ .page-title{ color:#393939; font-size:38px; font-weight: bold; letter-spacing: -2px; line-height: 42px; padding:0; margin:0 auto 20px;} .page-subtitle{ color:#999; font-size:19px; padding:0; margin:10px 0; } .page-subtitle.light-title{ color:#ddd; } .page-title.light-title{ color:#d5d5d5; } .page-description{ color:#999; line-height: 24px; font-size:16px; margin:20px auto 0; max-width: 1000px; } .page-description.light-title{ color:#d1d1d1; } @media only screen and (max-width: 960px){ .page-description{max-width: 95% !important; font-size: 14px; line-height: 24px;} .page-title{max-width: 95% !important; font-size: 24px; line-height: 30px;} } /* RISE HOME */ .slide-title{ letter-spacing: -3px; } @media only screen and (max-width: 640px){ .slide-title{ letter-spacing: -0.5px; } } /* Buttons on mobile devices */ .mobile-button{ display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; } /* Change button sizes for mobile screens */ @media only screen and (max-width: 800px){ .mobile-button{ width: 40px; height: 40px; line-height: 40px; }} @media only screen and (max-width: 641px){ .mobile-button{ width: 35px; height: 35px; line-height: 35px; font-size: 11px; }} .home .popover{ border: none; box-shadow: 2px 20px 45px 5px rgba(0,0,0,0.4); max-width: 320px; background-color:#17181b; color: #aaa; border-radius: 15px; } .home .popover.top>.arrow:after{ border-top-color:#17181b; } .home .popover-title{ background-color:transparent; border-bottom:none; padding:10px 14px 5px; } /* RISE LAYERED ITEMS */ .layered-items{ padding: 120px 0 70px; } .layered-items .layer-container{ position: relative; display: block; margin: 0; padding: 0; } .layered-items .layer-container .layer{ position: absolute; left:0; top:0; width: 100%; height: 100%; } .layered-items .layer-container .layer img{ display: block; max-width: 100%; margin:0; width: 100%; } /* arrow effect */ .layered-items .layer-container .arrow-layer{ -ms-transform: translateX(-140px); -webkit-transform: translateX(-140px); transform: translateX(-140px); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .layered-items .layer-container:hover .arrow-layer{ -ms-transform: translateX(-20px); -webkit-transform: translateX(-20px); transform: translateX(-20px); } /* image effect */ .layered-items .layer-container .image-layer{ -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .layered-items .layer-container:hover .image-layer{ -ms-transform: translateX(-20px); -webkit-transform: translateX(-20px); transform: translateX(-20px); } /* RISE WORKS */ .works #items{margin:70px auto 0;} /* Hover color */ .works .cbp-caption-activeWrap{ background-color:rgba(27,27,27,0.5); } /* Blur and scale effect for images */ .works .cbp-item:hover .cbp-caption-defaultWrap{ -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.03); } .works .cbp-item .cbp-caption-defaultWrap, .works .cbp-item .cbp-caption-defaultWrap img{ -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .works .cbp-item:hover .cbp-caption-defaultWrap img{ -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); } /* Text Styles */ .works .cbp-caption-activeWrap h2{ color:#fff; font-size:16px; text-transform: uppercase; margin:0; padding:0; font-weight: 900; } .works .cbp-caption-activeWrap p{ font-size:13px; margin:0; padding:0; color:#ccc; line-height: 16px; text-transform: capitalize;} /* Blur effect for large screen devices */ @media only screen and (min-width: 769px){ .works .cbp-caption-activeWrap h2, .works .cbp-caption-activeWrap p{ -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .works .cbp-item:hover .cbp-caption-activeWrap h2, .works .cbp-item:hover .cbp-caption-activeWrap p{ -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); } } /* filters on icon navigation */ #filters li.cbp-filter-item{ position: relative; } #filters.works-visible li.cbp-filter-item:before{ position: absolute; left:0; top:0; width: 100%; height: 100%; content: ''; background: #26292b; display: block; /* Animate Settings */ -webkit-animation: filteranimate 1.5s linear; -moz-animation: filteranimate 1.5s linear; -ms-animation: filteranimate 1.5s; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes filteranimate { 0% { opacity: 0.7;} 12% { opacity: 0.5;} 13% { opacity: 0.7;} 100% { opacity: 0;}} @keyframes filteranimate { 0% { opacity: 0.7;} 12% { opacity: 0.5;} 13% { opacity: 0.7;} 100% { opacity: 0;}} /* Visible Item texts on mobile */ @media only screen and (max-width: 769px){ .works .cbp-caption-activeWrap{ display: block; position: relative; opacity: 1; height: auto; background-color:#373742; } } /* RISE SERVICES */ .services-with-tabs-1 .service-filters>div{font-size: 18px; text-transform: uppercase; font-weight: 300; cursor: pointer; } .services-with-tabs-1 .service-filters>div p{display: inline-block; width: 95%; padding:20px 21px; color:#575757; letter-spacing: 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .services-with-tabs-1 .service-filters>div.cbp-filter-item-active p{color:white; } .services-with-tabs-1 .service-filters>div:hover p{background-color:#f3f3f3; } .services-with-tabs-1 .service-filters>div i{display: block; font-size: 25px; margin-bottom: 10px; } .services-with-tabs-1 .service-tabs .strip-btn-container{margin-top:30px; font-family: inherit;} .services-with-tabs-1 .service-tabs a.strip-button{ font-size:16px; } .services-with-tabs-1 .service-tabs .cbp-item{ max-width: 100%; } .services-with-tabs-1 .service-tabs .cbp-item.cbp-item-off{ display: block; visibility: hidden; opacity: 0; } .services-with-tabs-1 .service-tabs .cbp-item .slick-slide>img{ display: block; width: 100%; border-radius: 5px;} .services-with-tabs-1 .service-tabs .cbp-item.cbp-item-off iframe {display: none;} @media only screen and (max-width: 800px){ .services-with-tabs-1 .service-filters>div{width: 33.3% !important;} } @media only screen and (max-width: 470px){ .services-with-tabs-1 .service-filters>div{width: 50% !important;} } /* Service With Tabs Colors */ .services-with-tabs-1.light-type .service-filters>div.cbp-filter-item-active p{color:white; } .services-with-tabs-1.light-type .service-filters>div:hover p{background-color:#474747; } .services-with-tabs-1.light-type .service-tabs .cbp-item{ color:white; } .services-with-tabs-1.light-type .service-filters>div p{ font-size: 18px; font-weight: 300; color:white; letter-spacing: -0.4px; margin-bottom:10px; border-radius:5px;} .services-with-tabs-1.light-type .service-filters>div p i{ font-size: 30px; margin-bottom:15px; } .services-with-tabs-1.light-type .service-filters>div:hover p{background-color:#26272a; } .services-with-tabs-1 .service-filters > div.cbp-filter-item-active:hover p, .services-with-tabs-1 .service-filters > div.cbp-filter-item-active p{ background-color:#2e52c2; color:white; } /* RISE SKILLS - You can find all styles in theme.css file for skills. */ .skills-type-1 .item h3{ font-size: 15px; text-transform: uppercase; padding: 0; margin: 0 0 16px 0; color: #ddd; font-weight: 900; } .skills-type-1 .item{ margin-top:19px; } .skills-type-1 .item .progress{ background-color:#282828; height: 7px; } /* RISE TEAM - You can find all styles in theme.css file for team types. */ .team-type-2 .member .member-description{ padding: 30px;} .team-type-2 .member .member-description h2{ font-size: 14px; font-weight: 900; } .team-type-2 .member .member-description h4{ font-size: 14px; margin: 10px auto 8px; padding: 0; text-transform: uppercase; font-weight: 600; } .team-type-2 .member .team-progress{ bottom:18px; } .team-type-2 .member .team-progress h3{ font-size: 14px; font-weight: bold; } /* RISE COMPANY NOTES */ .company-notes .recommended-links{ padding:20px 0; margin:0; } .company-notes .recommended-links li{ display: inline-block; } .company-notes .recommended-links li a{ font-size: 15px; font-weight: 600; letter-spacing: -1px; padding:10px 20px 10px 30px; position: relative; color:#666; display: block; } .company-notes .recommended-links li a span{ position: absolute; left:0; width: 22px; height: 22px; line-height: 22px; background-color:#ddd; color:#444; text-align: center; font-size: 10px; font-weight: 400; border-radius: 100%; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* RISE CONTACT TYPE 1 - You can find all styles in theme.css file for team types. */ .contact-type-1 .contact-title{ font-size: 25px; margin:0 0 40px; font-weight: 900; letter-spacing: -1.5px; } .contact-type-1 p{ color:#8c949a; line-height: 25px; } .contact-type-1 p *{ color:#9c9c9c; } /* edititons to form. */ .contact-type-1 input, .contact-type-1 textarea{ color:#9c9c9c; font-size: 14px; } .contact-type-1 .contact #contact_form{ margin-top:20px; } .contact-type-1 ::-webkit-input-placeholder {color: #9c9c9c;} .contact-type-1 :-moz-placeholder {color: #9c9c9c;} .contact-type-1 ::-moz-placeholder {color: #9c9c9c; } .contact-type-1 :-ms-input-placeholder {color: #9c9c9c;} /* certificates */ .certificates .slider-for-boxes{ position: relative; z-index: 20; background:white; margin-top:-110px; box-shadow: 2px 20px 45px 5px rgba(0,0,0,0.08); } @media only screen and (max-width: 861px){ .about .slider-for-boxes{ margin-top:15px; } } .certificates .box{ text-align: center; background:white; padding: 50px 35px 42px; color:#777; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; } .certificates .slick-list{ height: auto !important; } .certificates .box:hover{ background-color:#f4f4f4; } /* Box texts */ .certificates .box .box-icon{ font-size:45px; color:#d82950; } .certificates .box .box-title{ font-weight: 700; font-size:19px; margin:15px auto; color:#555; letter-spacing: -1.4px;} .certificates .box .box-description{ font-size:15px; line-height: 25px; } .certificates .box .box-button{ margin-top:15px; display: inline-block; padding:7px 35px; } @media only screen and (max-width: 769px){.certificates .box{ padding: 25px 10px; }} @media only screen and (max-width: 481px){ .certificates .box{ padding: 25px 10px 25px; } .certificates .box .box-title{ font-size:17px; margin:7px auto; letter-spacing: -1px;} } /*이미지 스케일*/ .product img{ width: 100%; height: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .product:hover img { -ms-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); } } /*수출국가*/ /* -------- 메인 컨텐츠 :: 주요수출국(Exporter) -------- */ .major-exporter-nation-box{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;} @keyframes nation-circle { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0.5; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .nation-circle{position:absolute; left:50%; margin-left:372px; top:215px;right:11.5%; top:36.5%; display:inline-block; width:80px; height:80px;} .nation-circle > span:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; } .nation-circle > span:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .nation-circle > span:nth-child(4) { -webkit-animation-delay: 2s; animation-delay:2s; } .nation-circle > span:nth-child(5) { -webkit-animation-delay: 2.5s; animation-delay:2.5s; } .nation-circle > span:nth-child(6) { -webkit-animation-delay: 4s; animation-delay:4s; } .nation-circle > span { border:1px solid rgba(243, 111, 33, 0.5) ; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0px; opacity: 0; margin: 0; width: 100%; height: 100%; -webkit-animation: nation-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite; animation: nation-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; } .nation-circle i{ display:block; position:absolute; top:50%; left:50%; margin:-3px 0 0 -3px; width:8px; height:8px; background-color:#f36f21; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px; opacity:0.7;filter:Alpha(opacity=70); } @media all and ( max-width: 1610px ){ .major-exporter-map-con > img.major-exporter-map-pc{display:none;} .major-exporter-map-con > img.major-exporter-map-m{display:block;} .nation-circle{display:none;} } @media all and ( max-width: 1230px ){ .major-exporter-info-tit{font-size:27px; line-height:37px; word-break:keep-all;} .major-exporter-info-tit:after{margin:18px 0 30px;} .major-exporter-info-txt{font-size:15px; line-height:25px; margin-bottom:70px; word-break:keep-all;} } @media all and ( max-width: 800px ){ .main-major-exporter-wrapper{display:block;} .main-major-exporter-wrapper > div{display:block; width:100%;} .main-major-exporter-info-container{width:100%; text-align:center; margin-bottom:40px;} .major-exporter-info-tit{font-size:19px; line-height:29px;} .major-exporter-info-tit:after{width:17px; margin:12.5px auto 21.5px;} .major-exporter-info-txt{font-size:13px; line-height:20px; margin-bottom:50px;} .major-exporter-info-more-btn{width:145px; height:40px; margin:0px auto; min-width:auto;} .major-exporter-info-more-btn > span{margin:0 10px; font-size:12px; line-height:40px;} .major-exporter-info-more-btn > span em{line-height:16px;} } @media all and ( max-width: 480px ){ } /******************************************************** :: sub-nav ********************************************************/ .section-nav {position: relative;z-index:100;border-bottom:1px solid #ccc;background-color: #f7f7f7;} .section-area {padding:30px 0 0;} @media only screen and (max-width: 575px) { .section-area {padding:10px 0 0;} .dropdown-line-subtitle {padding-bottom: 0px;} } /******************************************************** :: 02. Sub > Title > Navi ********************************************************/ /* .book-now-area {position: relative;z-index: 100;margin-bottom: 15px;border-bottom: 1px solid #d6d6d6;} */ ul.dropdown-line {} ul.dropdown-line li {} ul.dropdown-line li.dropdown-home {float:left;display:inline-block;width:51px; height:38px;margin:0px !important;text-align:center;} ul.dropdown-line li.dropdown-home .btn-home { margin:0;width:51px;height:38px;background-image:url('/kr/images/backgrounds/home.gif'); background-repeat: no-repeat;background-position:center center; border:0px;border-radius: 0 !important; } /* ul.dropdown-line li.dropdown-sub-nvi {float:left;display:inline-block;width:200px;margin:0px !important;} */ ul.dropdown-line li.dropdown-sub-nvi {float:left;display:inline-block;min-width:200px;margin:0px !important;} ul.dropdown-line li.dropdown-sub-nvi .btn-sub-nvi { font-size: 14px !important;display:block;border-style: solid;border-color:#d6d6d6;border-width:0 1px 0 1px;border-radius: 0 !important;text-align:left;background:none !important; /* padding:8px 10px;width:200px !important;*/ padding:8px 10px 8px 16px;min-width:200px !important;overflow:hidden; } ul.dropdown-line li .btn.hover, ul.dropdown-line li .btn:focus {box-shadow: 0 0 0 0 !important;} ul.dropdown-line li.dropdown-sub-nvi .btn-sub-nvi.second {border-left:1px solid #F7F7F7;} ul.dropdown-line li.dropdown-sub-nvi .btn-sub-nvi.focus, ul.dropdown-line li.dropdown-sub-nvi .btn-sub-nvi:hover {color:#90062f !important;} ul.dropdown-line li.dropdown-sub-nvi .btn-sub-nvi.dropdown-toggle::after {content:none !important;} /* ul.dropdown-line li.dropdown-sub-nvi .btn-sub-nvi > span.caret {position:absolute !important;left:90% !important;padding:4px 0px;} */ ul.dropdown-line li.dropdown-sub-nvi .btn-sub-nvi > span.caret {position:absolute !important;right:15px !important;padding:4px 0px;} ul.dropdown-line li.dropdown-sub-nvi .dropdown-menu-ul {margin:1px 0 0 0 !important;border-top:0px;border-radius:0 !important;width:200px;padding-top:0px;padding-bottom:0px;} ul.dropdown-line li.dropdown-sub-nvi .dropdown-menu-ul.second {margin:1px 0 0 -1px !important;width:201px !important;} ul.dropdown-line li.dropdown-sub-nvi .dropdown-menu-ul li {background:#f2edee;padding:0.4rem 1.1rem;border-top:1px dashed #d2d2d2;} ul.dropdown-line li.dropdown-sub-nvi .dropdown-menu-ul li:focus, ul.dropdown-line li.dropdown-sub-nvi .dropdown-menu-ul li:hover {background-color:#ffffff !important;} ul.dropdown-line li.dropdown-sub-nvi .dropdown-menu-ul li a {font-size:0.875rem;} ul.dropdown-line li.dropdown-sub-nvi .dropdown-menu-ul li a:hover{color:#90062f !important;} @media only screen and (min-width: 576px) and (max-width: 767px) { /* md up ~ lg down */ ul.dropdown-line > li:nth-child(2) {display:none !important;} /* ul.dropdown-line li.dropdown-sub-nvi {width:100px;} ul.dropdown-line li.dropdown-sub-nvi .btn-sub-nvi {width:100px !important;overflow:hidden;padding-right:10px;} ul.dropdown-line li.dropdown-sub-nvi .btn-sub-nvi > span.caret {left:85% !important;}*/ } @media only screen and (max-width: 575px) { .sub-nav-line .container {padding:0px;} .sub-nav-line > .container > .row {margin:0px;} .sub-nav-line > .container > .row > .col-12 {padding:0px;} ul.dropdown-line > li:nth-child(2) {display:none !important;} ul.dropdown-line li.dropdown-sub-nvi {} ul.dropdown-line li.dropdown-sub-nvi .btn-sub-nvi {overflow:hidden;padding-right:10px;} ul.dropdown-line li.dropdown-sub-nvi .btn-sub-nvi > span.caret {left:86% !important;} } .dropdown-line-subtitle {display: block; overflow: hidden;padding-bottom: 25px;padding-top: 20px;border-bottom: 1px solid #d6d6d6;} /* 연혁 */ .nav-tabs .history {} .nav-tabs h4 {font-weight:300 !important;} .history {} .history h3 {border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:20px;} .history li {margin:0px 0px 15px;} .history span {} .border-top-3{border-top: 3px solid #fc9817 !important;} .history {padding:0;margin:0;} .history > ul > li {margin:0px;padding:0px;font-weight:400;font-size:15px;line-height:30px; color:rgb(119, 119, 119)!important;} .history .history-year {font-size:22px;height:30px; color:#fc9817!important;} .history .history-momth {font-weight:500; color:rgb(83, 83, 83)!important;} .history .history-contents {border-left:1px solid #999;} .history .history-contents:before {content:"\A";width:5px;height:5px;border-radius:50%;background: #f36c1a;display:inline-block;margin:0 20px 0 -18px;} .history hr {padding:0px;margin:0px; border-top: 1px solid rgba(0,0,0,.1); } @media only screen and (max-width: 575px) { .history .history-year {width:20%;font-size:16px;} } @media only screen and (max-width: 575px) { .history .history-momth {width:0%; display: none;} } @media only screen and (max-width:991px) { .history .history-contents {height:auto;line-height:24px;} } @media only screen and (max-width: 575px) { .history .history-contents {width:80%; font-size:14px; letter-spacing: -2px;} #eoul_history { padding-left: 0px; padding-right: 0px; } #eoul_history ul > li span a { padding-left:8px; display: block; } } /* 조직도*/ .org img {height: auto; max-width: 100%;} /*** Location ***/ .clear:after { content: ""; display: block; clear: both; } .location {} .location h3{ margin-bottom:1.5rem;} @media only screen and (max-width: 767px) { .location h3{ font-size:1.2rem;} } .location address {font-size: 1.250rem;color:#666;font-weight:400;} .location .infos ul li .icon {position: relative;display: block;padding-left: 30px;} .location .infos ul {margin:15px 30px;} .location .infos ul:after {content: ""; display: block; clear: both; height: 0;} /* .location .infos ul li {float:left; display: block; position: relative; padding-right:25px; font-size:1rem; color:#333333;} */ .location .infos ul li {font-size:1rem; color:#333333;} @media only screen and (max-width: 767px){ .location .infos ul li {font-size:0.875rem;} } .location .infos ul li .icon {position: relative; display: block; padding-left:30px;} .location .infos ul li .icon.mail {color:#014099;font-size:1.125rem;} .location .infos ul li .icon.mail:hover {text-decoration: underline;} .location .infos ul li .icon:before {content: ""; position: absolute; top:50%; left:0; display: block; background-repeat: no-repeat; } .location .infos ul li a.icon:before {content: ""; position: absolute; top:40%; left:0; display: block; background-repeat: no-repeat; } .location .infos ul li .icon.phone:before {margin-top:-7px; width: 15px; height: 17px; background-image: url("../content/rise/img/core-img/icons/tel.png"); } .location .infos ul li .icon.fax:before {margin-top:-7px; width: 16px; height: 17px; background-image: url("../content/rise/img/core-img/icons/fax.png"); } .location .infos ul li .icon.mail:before {margin-top:-3px;width: 16px; height: 17px; background-image: url("../content/rise/img/core-img/icons/mail.png"); } .location .map-area-mgn {margin-bottom:1rem;} .location_box{border: 1px solid #d6d6d6; border-radius: 10px;} .location_guide > ul > li{} .location_guide li.location_guide_bus{float:left;width:50%;border-right:1px solid #dbdbdb; border-radius: 10px;} @media only screen and (max-width: 767px){ .location_guide li.location_guide_bus{width:100%;border-right:none;} } .location_guide li.location_guide_sbw{overflow:hidden;} .location_guide > ul > li > p{padding:10px 32px;font-size:18px;background:#efefef; border-radius: 10px;} @media only screen and (max-width: 767px){ .location_guide > ul > li > p{padding:10px;font-size:1.2rem;} } .location_guide > ul > li > p.ir_b:before{display:inline-block;width:27px;height:34px;margin-right:10px;} .location_guide li.location_guide_bus > p.ir_b:before{background-position:-218px 0;} .location_guide li.location_guide_sbw > p.ir_b:before{background-position:-246px 0;} @media only screen and (max-width: 767px){ .location_guide li.location_guide_sbw{overflow: visible;} } .location_guide li.location_guide_sbw ul{padding:30px 20px;} .location_guide li.location_guide_sbw ul li{padding:8px 0;} @media only screen and (max-width: 767px){ .location_guide li.location_guide_sbw ul li{font-size:1rem;} } .location_guide dl{margin-bottom:0;} .location_guide dt{float:left;display:table;width:133px;padding:15px 20px;text-align:center;border-right:1px solid #ededed;background:#fbfbfb;border-bottom:1px solid #ededed;background:#fbfbfb;} @media only screen and (max-width: 767px){ .location_guide dt{width:100%;padding:10px;border-right:none;} } .location_guide dt p{display:table-cell;vertical-align:middle;font-size:1rem;color:#000!important;} .location_guide dt em{display:block;font-size:13px;color:#838383;} .location_guide dd {overflow:hidden;padding:15px 20px;font-size:15px;margin-bottom:0;} @media only screen and (max-width: 767px){ .location_guide dd{width:100%;border-bottom:1px solid #ededed;background:#fff;font-size:1rem;} } .location_guide dd li {float:left;margin-right:1rem;} .location_guide li li{padding:2px 0;} /* .location_guide li li span{display:inline-block;color:#535353;font-family:'Lato', 'Noto Sans KR', sans-serif;} */ .location_guide li li span{display:inline-block;color:#535353;font-family:'Noto Sans KR', sans-serif;} .location_guide li li em{display:inline-block;padding:5px 10px;margin-right:4px;color:#fff;vertical-align:top;border-radius:99px;line-height:1;font-style: normal;} @media only screen and (min-width: 769px){.location_guide dl {float: left; width: 100%;}} /******************************************************** :: 20.0 Table Area CSS ********************************************************/ /* table.table th {border-top-color: #2e52c2;border-bottom:0px !important;background:#F0F0F0;text-align:center;font-weight:500;} */ table.table th {background:#F0F0F0;text-align:center;font-weight:500;border-color:#DEE2E6;border-width:0 1px 1px 0;} /* table.table-bordered {font-size:14px !important;border-top:3px solid #2e52c2 !important;} */ table.table-bordered {font-size:16px !important;border:0px;} table.table-bordered thead {} table.table-bordered tbody {border-style: solid;border-color:#DEE2E6;border-width:1px 0 0 0;} table.table-bordered th, table.table-bordered td {border-width:0 1px 1px 0;vertical-align: middle;} table.table-bordered th {font-weight:500 !important;background:#F0F0F0;} table.table-bordered td {font-weight:400 !important;} table.table-bordered tr th:first-child, table.table-bordered tr td:first-child {border-left:0px;} table.table-bordered th:last-child, table.table-bordered td:last-child, table.table-bordered th.rb-none, table.table-bordered td.rb-none {border-right:0px !important;} table.table-bordered th.bg-bule-1 {background:#ebf1fc !important;} table.table-bordered th.bg-bule-2 {background:#ebf2fa !important;} /* rowspan 이 불가능한것을 해결하기 위하여 */ table.table-bordered th.noline-b, table.table-bordered td.noline-b {border-bottom:0px !important;} table.table-bordered th.disp-no {} @media screen and (max-width:767px) { table.table-bordered th.disp-no {display:none !important;} } table.table-bordered tr th .form-check, table.table-bordered tr td .form-check {height:100%;} table.table-bordered tr th .form-check-label, table.table-bordered tr td .form-check-label {margin-top:6px;margin-bottom:6px;} /******************************************************** table : input form ********************************************************/ /* table 형식의 테이블 디자인 :no-gutters 와 같이 사용 */ /* table.table-form {border-left:0px;border-right:0px;} */ table.table-form tr th, table.table-form tr td {padding-left:7px !important; padding-right:7px !important; vertical-align: middle;font-weight:300 !important; font-size:14px !important;border-color:#DEE2E6;} table.table-form tr th:first-child, table.table-form tr td:first-child {border-left:0px;} table.table-form tr th:last-child, table.table-form tr td:last-child {border-right:0px;} table.table-form tr th .form-check-inline, table.table-form tr td .form-check-inline {margin-top:4px;margin-bottom:4px;} /* .table-wrapper-scroll-y {display: block;max-height:400px;overflow-y: auto;-ms-overflow-style: -ms-autohiding-scrollbar;} 삭제금지*/ .table-wrapper-scroll-y {display: block;overflow-y: auto;-ms-overflow-style: -ms-autohiding-scrollbar; max-height:calc(100vh - 200px); } .table-t-b1 {border-top:1px solid #2e52c2;} th.w-5, td.w-5 {width:5%;} th.w-10, td.w-10 {width:10%;} th.w-15, td.w-15 {width:15%;} th.w-20, td.w-20 {width:20%;} th.w-25, td.w-25 {width:25%;} th.w-30, td.w-30 {width:30%;} th.w-35, td.w-35 {width:35%;} th.w-40, td.w-40 {width:40%;} th.w-45, td.w-45 {width:45%;} th.w-50, td.w-50 {width:50%;} th.w-55, td.w-55 {width:55%;} th.w-60, td.w-60 {width:60%;} th.w-65, td.w-65 {width:65%;} th.w-70, td.w-70 {width:70%;} th.w-75, td.w-75 {width:75%;} th.w-80, td.w-80 {width:80%;} th.w-85, td.w-85 {width:85%;} th.w-90, td.w-90 {width:90%;} th.w-95, td.w-95 {width:95%;} th.w-100, td.w-100 {width:100%;} /* filters */ /* COFFEE HEADER STYLES */ h3.title{ font-size:25px; text-transform: uppercase; position: relative; display: inline-block; margin:0 auto; padding: 0; color:#818181;} h3.title:after{ content: ''; position: absolute; left:108%; width: 150px; height: 14px; background-color:#c7c2b8; opacity: 0.2; top:50%; margin-top: -9px; } h3.title:before{ content: ''; position: absolute; right:108%; width: 150px; height: 14px; background-color:#c7c2b8; opacity: 0.2; top:50%; margin-top: -9px; } h3.title.left:before{ display: none; } h3.title.left:after{ width: 200px; width: calc(1170px / 2 - 110%); } h3.title + h1{ font-size:45px; margin:0 auto; padding:0; text-transform: uppercase; color:#818181;} h3.title + h1 + .subtitle{font-size:20px; margin:30px auto 0; padding:0;} .description{ font-size:13px; margin:30px auto 0; line-height: 22px; color:#868686;} @media only screen and (max-width: 640px){ h3.title + h1{ font-size:30px; } h3.title{ font-size:20px; } h3.title + h1 + .subtitle{font-size:16px; margin: 10px auto 0;} .description{ margin:15px auto 0; } } @media only screen and (max-width: 640px){ h3.title + h1{ font-size:20px; } h3.title{ font-size:17px; } h3.title + h1 + .subtitle{font-size:14px;} .description{ margin:12px auto 0; font-size:12px } } h3.title.white{ color:#e5e5e5 !important; } h3.title.white + h1{ color:#fff; } h3.title.white:after{ background-color:#efefef; } h3.title.white:before{ background-color:#efefef; } h3.title.white + h1 + .subtitle + .description,h3.title.white + h1 + .description h3.title.white + .description{ color:#cccccc; } @media only screen and (max-width: 1250px){ h3.title.left:after{ width: 100px; width: calc(1170px / 3 - 110%); } } @media only screen and (max-width: 1170px){ h3.title,.description{ padding-left:12px; padding-right:12px; } } @media only screen and (max-width: 1170px){ h3.title,.description,h3.title + h1{padding-left:15px; } } @media only screen and (max-width: 640px){ h3.title:before,h3.title:after{display: none;} }