@charset "utf-8";

/* global section common */
section.no-padding-top {padding-top:0 !important}
section.no-padding-bottom {padding-bottom:0 !important}
section.no-padding {padding-top:0 !important; padding-bottom:0 !important}
section.line-top {border-top:1px solid #e7e7e7}
section.line-bottom {border-bottom:1px solid #e7e7e7}
section.parallax-section {position:relative; background-size:cover; background-repeat:no-repeat; z-index:5}
section.parallax-section:before {content:''; position:absolute; display:block; top:0; left:0; bottom:0; right:0; background-color:#000; opacity:0.65; z-index:-1}
section.parallax-section .parallax-caption {display:table; height:100%}
section.parallax-section .parallax-caption-inner {display:table-cell; text-align:center; vertical-align:middle}
.margin-offset {margin-left:-15px; margin-right:-15px}

/* service popup */
#service-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990}
#service-popup .popup-backdrop {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 10}
#service-popup .popup-wrapper {position: relative; top: 26.6%; max-width: 720px; margin-left: auto; margin-right: auto; z-index: 20}
#service-popup .popup-wrapper .popup-header {font-size: 30px; font-weight: 300; color: #fff; letter-spacing: -0.055em; text-align: center; margin-bottom: 20px}
#service-popup .popup-wrapper .popup-header strong {font-weight: 500}
#service-popup .popup-wrapper .popup-body .service-row {margin-left: -1px; margin-right: -1px}
#service-popup .popup-wrapper .popup-body .service-row > a {float: left; display: block; width: 33.3333334%; padding-left: 1px; padding-right: 1px}
#service-popup .popup-wrapper .popup-body .service-row > a figure {position: relative}
#service-popup .popup-wrapper .popup-body .service-row > a figure img {display: block; width: 100%}
#service-popup .popup-wrapper .popup-body .service-row > a figure figcaption {position: absolute; top: 24px; left: 0; right: 0; padding-left: 10px; padding-right: 10px; text-align: center; z-index: 10}
#service-popup .popup-wrapper .popup-body .service-row > a figure figcaption h3 {font-size: 22px; font-weight: 700; color: #fff; letter-spacing: -0.055em; margin-bottom: 10px}
#service-popup .popup-wrapper .popup-body .service-row > a figure figcaption span {display: inline-block; font-size: 12px; font-weight: 700; color: #fff; letter-spacing: -0.055em; padding: 6px 10px; border-radius: 20px; background-color: rgba(7,56,89,.7)}
#service-popup .popup-wrapper .popup-body .service-row > a figure figcaption span i {vertical-align: -1px}
#service-popup .popup-wrapper .popup-footer {position: relative; margin-top: 5px; padding: 14px 28px; background-color: rgba(91,94,100,.6)}
#service-popup .popup-wrapper .popup-footer p {font-size: 18px; color: #fff; letter-spacing: -0.055em; padding-right: 70px}
#service-popup .popup-wrapper .popup-footer .popup-close {position: absolute; top: 50%; right: 28px; font-size: 12px; font-weight: 700; color: #fff; letter-spacing: 0; margin-top: -14.5px; padding: 5px 13px; border: 1px solid #e8e8e8; border-radius: 20px; background-color: transparent}

/* main section common */
.main-section {padding-top:100px; padding-bottom:100px}
.main-section .section-heading {position:relative; text-align:center; margin-bottom:50px}
.main-section .section-heading h2 {font-size:42px; font-weight:600; color:#222; line-height:1.35}
.main-section .section-heading h2.main-heading-korean {font-size:32px; font-weight:500; color:#222; line-height:1.35; letter-spacing:-0.02em}
.main-section .section-heading p {color:#777; line-height:1.6; margin-top:10px}
.main-section .bottom-btn {text-align:center; padding-top:60px}

/* main hero */
#main-hero {height:900px}
#main-hero:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#e9e9e9; z-index:5; transition:opacity 0.3s, visibility 0.3s}
#main-hero:after {content:''; position:absolute; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px; border:3px solid rgba(0,0,0,0.15); border-left-color:#3e78ff; border-radius:50%; z-index:8; transition:opacity 0.3s, visibility 0.3s; animation:slider-load 1.2s infinite linear}
#main-hero.slick-initialized:before, #main-hero.slick-initialized:after {opacity:0; visibility:hidden}
@keyframes slider-load {
    from {transform:rotate(0deg)}
    to {transform:rotate(1turn)}
}
#main-hero .slick-list, #main-hero .slick-track {height:100%}
#main-hero .slide-item {background-size:cover; background-repeat:no-repeat; background-position:50% 50%}
#main-hero .slide-item {position:relative; z-index:5; outline:0}
#main-hero .slide-item:before {content:''; position:absolute; display:block; top:0; left:0; bottom:0; right:0; background-color:#000; opacity:0.3; z-index:-1}
#main-hero .slick-slide .slide-caption {position:relative; display:table; height:100%; z-index:5}
#main-hero .slick-slide .slide-caption .caption-inner {display:table-cell; vertical-align:middle}
#main-hero .slick-slide .slide-caption span {display:block; font-size:20px; color:#fff; letter-spacing:2px; margin-bottom:5px}
#main-hero .slick-slide .slide-caption h2 {font-size:42px; font-weight:normal; color:#fff; line-height:1.4}
#main-hero .slick-slide .slide-caption h2 strong {font-weight:bold; display:block;}
#main-hero .slick-slide .slide-caption p {font-size:19px; color:#fff; line-height:1.6; margin-top:30px; opacity:0.8}
#main-hero .slick-slide .slide-caption a {margin-top:40px}
#main-hero .slick-dots {position:absolute; bottom:30px; left:0; right:0; text-align:center; z-index:5}
#main-hero .slick-dots li {display:inline-block; margin:0 8px}
#main-hero .slick-dots li button {display:block; text-indent:-9999em; padding:0; width:10px; height:10px; border:none; border-radius:50%; background-color:#fff; opacity:0.5; outline:0}
#main-hero .slick-dots li.slick-active button {background-color:#9369ff; opacity:0.8}
#main-hero .slick-arrow {position:absolute; top:50%; width:80px; height:100px; font-size:36px; color:#fff; margin-top:-50px; padding:0; border:none; background-color:rgba(0,0,0,0.5); opacity:0; z-index:5; transition:opacity 0.3s, background-color 0.3s; outline:0}
#main-hero .slick-arrow i {transition:transform 0.3s ease}
#main-hero .slick-prev {left:0}
#main-hero .slick-next {right:0}
#main-hero:hover .slick-arrow {opacity:1}
#main-hero .slick-arrow:hover {background-color:rgba(0,0,0,0.75)}
#main-hero .slick-prev:hover i {transform:translateX(-6px)}
#main-hero .slick-next:hover i {transform:translateX(6px)}

/* main about section */
.main-about-section .col-about figure {position:relative; overflow:hidden}
.main-about-section .col-about figure:before {content:''; position:absolute; display:block; top:0; left:0; bottom:0; right:0; background-color:#000; opacity:0; z-index:10; transition:opacity 0.25s ease-in-out}
.main-about-section .col-about figure img {display:block; width:100%; transition:transform 0.25s ease-in-out}
.main-about-section .col-about:hover figure:before {opacity:0.2}
.main-about-section .col-about:hover figure img {transform:scale(1.15)}
.main-about-section .col-about h4 {font-size:25px; font-weight:normal; color:#333; line-height:1.3; margin:20px 0 15px}
.main-about-section .col-about p {font-size:14px; color:#7a7a7a; line-height:1.7}
.main-about-section .col-about .btn {margin-top:30px}
.main-about-section .row-bottom {margin-top:50px}

/* main parallax section */
.main-parallax-section {height:500px}
.main-parallax-section h2 {font-size:36px; color:#fff}
.main-parallax-section p {font-size:17px; color:#fff; margin-top:15px; opacity:0.75}

/* main news section */
.main-news-section .article-list {width:100%; border-collapse:collapse; border-top:1px solid #eaeaea}
.main-news-section .article-list tbody, .main-news-section .article-list tr,.main-news-section .article-list td {display:block; width:100%}
.main-news-section .article-list td[width='1%'] {display:none}
.main-news-section .article-list tr {position:relative; padding:30px 2px; border-bottom:1px solid #eaeaea; transition:transform 0.3s}
.main-news-section .article-list tr:after {content:'\f119'; position:absolute; top:50%; right:18px; font-family:'Ionicons'; font-size:42px; color:#ccc; margin-top:-30px; transition:color 0.3s, transform 0.3s}
.main-news-section .article-list td a {font-size:20px; color:#6a6a6a; transition:color 0.3s}
.main-news-section .article-list td[align='center'] {font-size:15px; font-weight:700; color:#aaa; text-align:left; margin-top:8px; opacity:0.6}
.main-news-section .article-list tr:hover {transform:scale(1.01)}
.main-news-section .article-list tr:hover td a {color:#1b1b1b}
.main-news-section .article-list tr:hover:after {color:#1b1b1b; transform:translateX(10px)}
.main-news-section .article-list td > br {display:none}
.main-news-section .article-list td > span {display:block; text-align:left}
.main-news-section .article-list td > span.board_output_gallery_description {margin-top:10px; color:#666; font-size:15px; opacity:0.7}

/* main product section */
.main-product-section {background-color:#f7f7f7}
.main-product-section .article-list {width:100%}
.main-product-section .article-list table, .main-product-section .article-list tbody, .main-product-section .article-list tr, .main-product-section .article-list td {display:block}
.main-product-section .article-list table {width:100%; background-color:#fff; box-shadow:0 40px 68px -14px rgba(0,0,0,0.09); transition:transform 0.25s ease-out}
.main-product-section .article-list table br {display:none}
.main-product-section .article-list > tbody > tr {margin-left:-15px; margin-right:-15px}
.main-product-section .article-list > tbody > tr:before, .main-product-section .article-list > tbody > tr:after {content:''; display:table}
.main-product-section .article-list > tbody > tr:after {clear:both}
.main-product-section .article-list > tbody > tr > td {float:left; width:33.333334%; padding-left:15px; padding-right:15px; overflow:visible !important}
.main-product-section .article-list .board_output_gallery_img a {position:relative; display:block; height:100%; overflow:hidden}
.main-product-section .article-list .board_output_gallery_img a:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.25); opacity:0; z-index:5; transition:opacity 0.25s ease-out}
.main-product-section .article-list .board_output_gallery_img a img {display:block; width:100%; height:auto; transition:transform 0.25s ease-out}
.main-product-section .article-list table tr:last-child {padding:35px 30px}
.main-product-section .article-list .board_output_gallery_subject {display:block; font-size:17px; font-weight:normal; color:#333; line-height:1.5; text-align:left}
.main-product-section .article-list .board_output_gallery_subject a {color:#333}
.main-product-section .article-list .board_output_gallery_description {display:block; margin-top:20px; font-size:14px; color:#333; line-height:1.75; text-align:left; word-break:keep-all; opacity:0.7}
.main-product-section .article-list table:hover {transform:translateY(-20px)}
.main-product-section .article-list table:hover .board_output_gallery_img img {transform:scale(1.12)}
.main-product-section .article-list table:hover .board_output_gallery_img a:before {opacity:1}

/* sub section common */
.sub-section {padding-top:100px; padding-bottom:100px}
.sub-section .main-heading {position:relative; text-align:center; margin-bottom:60px}
.sub-section .main-heading h2 {font-size:38px; font-weight:normal; color:#222; line-height:1.35}
.sub-section .main-heading p {color:#777; line-height:1.6; margin-top:15px}
.sub-section .section-heading {text-align:center; margin-bottom:50px}
.sub-section .section-heading h3 {font-size:28px; color:#333}
.sub-section .section-heading.light h3 {color:#fff}
.sub-section .section-heading p {margin-top:20px; font-size:15px; color:#7a7a7a; line-height:1.75}
.sub-section .bottom-btn {text-align:center; padding-top:60px}

/* sub hero */
#sub-hero {position:relative; height:400px; overflow:hidden}
#sub-hero .hero-bg {position:absolute; top:0; left:0; bottom:0; right:0; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; transform:scale(1.1); transition:transform 5s ease}
#sub-hero.is-loaded .hero-bg {transform:scale(1)}
#sub-hero.hero-01 .hero-bg {background-image:url(../images/sub_hero_img1.jpg)}
#sub-hero.hero-02 .hero-bg {background-image:url(../images/sub_hero_img2.jpg)}
#sub-hero.hero-03 .hero-bg {background-image:url(../images/sub_hero_img3.jpg)}
#sub-hero.hero-04 .hero-bg {background-image:url(../images/sub_hero_img4.jpg)}
#sub-hero.hero-05 .hero-bg {background-image:url(../images/sub_hero_img5.jpg)}
#sub-hero.hero-06 .hero-bg {background-image:url(../images/sub_hero_img6.jpg)}
#sub-hero .hero-caption {position:relative; display:table; width:100%; height:100%; z-index:5}
#sub-hero .caption-cell {display:table-cell; text-align:center; padding-top:60px; vertical-align:middle}
#sub-hero .caption-cell h2 {font-size:36px; font-weight:normal; color:#fff}
#sub-hero .caption-cell p {font-size:15px; color:rgba(255,255,255,0.75); margin-top:15px}

/* nav section */
.dropdown-nav-section {border-bottom:1px solid #e9e9e9}
.dropdown-nav-section .link-home {float:left; height:60px; padding:0 20px; font-size:18px; color:#000; line-height:60px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}
.dropdown-nav-section .dropdown-wrap {position:relative; float:left}
.dropdown-nav-section .dropdown-wrap > a {position:relative; display:block;  height:60px; padding:0 25px; font-size:15px; color:#7a7a7a; line-height:60px; border-right:1px solid #e9e9e9}
.dropdown-nav-section .dropdown-wrap > a:after {content:'\e941'; position:absolute; right:25px; font-family:'xeicon'; transition:transform 0.3s}
.dropdown-nav-section .dropdown-wrap > a[aria-expanded="true"]:after {transform:rotate(180deg)}
.dropdown-nav-section .dropdown-wrap > .dropdown {display:none; position:absolute; left:-1px; right:0; padding:15px 0; border-top:1px solid #e9e9e9; background-color:#fff; z-index:10; box-shadow:0 20px 50px -12px rgba(0,0,0,0.12)}
.dropdown-nav-section .dropdown-wrap > .dropdown li a {display:block; font-size:15px; color:#7a7a7a; padding:10px 20px}
.dropdown-nav-section .dropdown-wrap > .dropdown li a:hover {color:#333; background-color:#f8f8f8}
.dropdown-nav-section .dropdown-wrap > .dropdown li.is-active a {color:#fff; background-color:#5c30cc}
.dropdown-nav-section .dropdown-02 > a {color:#5c30cc; padding:}

/* about visual section */
.about-visual-section .about-visual {position:relative; background-image:url(../images/about_visual_bg.jpg); background-size:cover; background-position:50% 50%; background-repeat:no-repeat}
.about-visual-section2 .about-visual {position:relative; background-image:url(../images/about_visual_bg2.jpg); background-size:cover; background-position:50% 50%; background-repeat:no-repeat; padding:100px 0}
.about-visual-section .about-visual .spacer {padding-bottom:35.83815028901734%}
.about-visual-section .about-visual h3 {font-size:28px; font-weight:300; color:#fff; line-height:1.4; text-align:center; margin-bottom:50px}
.about-visual-section2 .about-visual h3 {margin-bottom:150px}
.about-visual-section .about-visual h3 strong {font-weight:normal}
.about-visual-section .about-visual .col-visual {position:relative; text-align:center; padding-top:50px; padding-bottom:50px; border-right:1px solid rgba(255,255,255,0.12)}
.about-visual-section .about-visual .col-visual:first-child {border-left:1px solid rgba(255,255,255,0.12)}
.about-visual-section2 .about-visual .col-visual {border-right:1px solid rgba(255,255,255,0.5)}
.about-visual-section2 .about-visual .col-visual:first-child {border-left:1px solid rgba(255,255,255,0.5)}
.about-visual-section .about-visual .col-visual .icon-wrap {font-size:48px; color:#fff}
.about-visual-section .about-visual .col-visual h4 {font-size:21px; font-weight:normal; color:#fff; margin:25px 0 15px}
.about-visual-section2 .about-visual .col-visual strong {display:block; font-size:22px; font-weight:700; color:#9065ff; margin-bottom:35px}
.about-visual2-section .about-visual .col-visual h4 {font-size:22px; font-weight:500; color:#fff; margin:40px 0 15px; line-height:1.25}
.about-visual-section .about-visual .col-visual p {color:#fff; line-height:1.7; padding:0 10px; opacity:0.8}

/* about summary section */
.about-summary-section .summary-heading {margin-bottom:50px; font-size:22px; color:#222; line-height:1.54; text-align:center}
.about-summary-section .summarylist dt, .about-summary-section .summarylist dd {font-size:16px; line-height:1.6}
.about-summary-section .summarylist dt {font-weight:700; color:#222}
.about-summary-section .summarylist dd {color:#333; opacity:0.8}
.about-summary-section .summarylist .list-inner {padding:18px 15px; border-top:1px solid transparent}
.about-summary-section .summarylist .last-col .list-inner {border-bottom:1px solid #222}
.about-summary-section .summarylist .last-col2 .list-inner {border-bottom:1px solid #d9d9d9}
.about-summary-section .summarylist dt .list-inner {border-color:#222}
.about-summary-section .summarylist dd .list-inner {border-color:#d9d9d9}

/* about team section */
.about-team-section {background-color:#f7f7f7}
.about-team-section .col-team {margin-bottom:40px}
.about-team-section .col-team .team-info {position:relative; padding:30px 15px; background-color:#fff; z-index:5; text-align:center}
.about-team-section .col-team .team-info:after {content:''; display:block; position:absolute; top:0; left:0; right:0; width:80.92%; height:1px; margin:0 auto; background-color:#d8d8d8}
.about-team-section .col-team .team-info h4 {font-size:16px; font-weight:700; color:#111}
.about-team-section .col-team .team-info span {display:block; font-size:13px; color:#aaa; margin:3px 0 15px}
.about-team-section .col-team .team-info p {font-size:14px; color:#666; line-height:1.7; margin-top:10px}

/* history section */
.history-section .history-group {position:relative; padding:30px 0}
.history-section .history-group:before {content:''; position:absolute; top:0; bottom:0; left:50%; width:1px; margin-left:-0.5px; background-color:#acacac}
.history-section .history-group:after {content:''; display:block; position:absolute; bottom:0; left:0; right:0; margin:0 auto; width:25px; height:25px; background-color:#fff; border-radius:50%; border:8px solid #999}
.history-section .history-group .row + .row {margin-top:30px}
.history-section .history-group .year_box {}
.history-section .history-group .year_box + .year_box {margin-top:200px}
.history-section .history-group .year_box:last-child {margin-bottom:80px}
.history-section .history-group .year_box .year_title {}
.history-section .history-group .year_box .year_title h4 {position:relative; text-align:center; font-size:44px; font-weight:700; color:#111;  margin-top:-50px; margin-bottom:80px}
.history-section .history-group .year_box_left .year_title h4 {margin-left:-170px}
.history-section .history-group .year_box_right .year_title h4 {margin-right:-170px}
.history-section .history-group .year_box .year_title h4:after {content:''; display:block; position:absolute; top:13px; left:0; margin:0 auto; width:25px; height:25px; background-color:#fff; border-radius:50%; border:8px solid #5c30cd}
.history-section .history-group .year_box_left .year_title h4:after {right:-170px}
.history-section .history-group .year_box_right .year_title h4:after {right:170px}
.history-section .history-group .year_box .col-history-img img {width:100%}
.history-section .history-group .year_box .col-history {padding-left:40px; padding-right:40px}
.history-section .history-group .year_box .col-history h5 {text-align:center; margin-top:15px; font-size:18px; font-weight:500; color:#111; letter-spacing:-0.02em}
.history-section .history-group .year_box .col-history h5 strong {font-weight:700; margin-right:5px}
.history-section .history-group .year_box_left .col-history {text-align:right}
.history-section .history-group .year_box_right .col-history {text-align:left}


.history-section .history-group .year_box .col-history ul {margin-top:-9px}
.history-section .history-group .year_box_left .col-history ul li {}
.history-section .history-group .year_box .col-history ul li + li {margin-top:40px}
.history-section .history-group .year_box .col-history ul li strong {display:block; font-size:26px; font-weight:700; color:#999999; margin-bottom:10px}
.history-section .history-group .year_box .col-history ul li p {font-size:16px; font-weight:500; color:#111; line-height:1.625; letter-spacing:-0.02em}

/* location section */
.location-section .map-container {position:relative; height:500px; margin-bottom:100px; background-color:#f4f4f4; box-shadow:60px 60px 80px -40px rgba(0,0,0,0.2); z-index:5}
.location-section .map-container iframe {width:100%; height:100%}
.location-section .col-heading h3 {font-size:38px; font-weight:300; color:#333; line-height:1.3; transition:color 0.2s}
.location-section .col-info dl {padding:40px 40px 32px; border-top:1px solid #555; border-bottom:1px solid #e5e5e5; transition:border-color 0.2s}
.location-section .col-info dl dt, .location-section .col-info dl dd {line-height:1.7; margin-bottom:8px; transition:color 0.2s}
.location-section .col-info dl dt {clear:left; float:left; min-width:110px; font-weight:normal; color:#333}
.location-section .col-info dl dt span {font-size:12px; font-weight:500}
.location-section .col-info dl dd {margin-left:120px; color:#777}
.location-section .col-info dl dd a {color:#777; transition:color 0.2s}

/* business intro section */
.business-intro-section .col-circle:first-child {transform:translateX(30px)}
.business-intro-section .col-circle:last-child {transform:translateX(-30px)}
.business-intro-section .col-circle .circle-outer {position:relative; padding-bottom:100%}
.business-intro-section .col-circle .circle-inner {position:absolute; top:0; left:0; width:100%; height:100%; padding:60px 80px; text-align:center; border-radius:50%; background-color:rgba(102, 147, 251, 0.1)}
.business-intro-section .col-circle .vertical-sizer {position:relative; top:50%; transform:translateY(-50%)}
.business-intro-section .col-circle .icon-wrap i, .business-intro-section .col-circle .icon-wrap ion-icon {font-size:72px; color:#9369ff}
.business-intro-section .col-circle h4 {font-size:21px; font-weight:600; color:#2b2b2b; margin:25px 0 10px}
.business-intro-section .col-circle p {font-size:15px; color:#777; line-height:1.7}

/* business goal section */
.business-goal-section {background-image:url(../images/business_goal_bg.jpg); background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
.business-goal-section .col-goal .goal-box .desc-box {position:relative; margin-top:-60px; margin-left:30px; margin-right:30px; padding:35px 30px; background-color:#fff}
.business-goal-section .col-goal .goal-box .desc-box h4 {font-size:17px; color:#333; margin-bottom:10px}
.business-goal-section .col-goal .goal-box .desc-box p {font-size:14px; color:#7a7a7a; line-height:1.7}

/* business process section */
.business-process-section .col-process {margin-bottom:30px}
.business-process-section .col-process .process-box {position:relative; padding:35px 30px; height:100%; background-color:#f3f5fb}
.business-process-section .col-process .process-box .heading {padding-bottom:20px; border-bottom:1px solid #c0c0c0}
.business-process-section .col-process .process-box .heading .num {display:inline-block; font-size:24px; font-weight:700; color:#5c30cc}
.business-process-section .col-process .process-box .heading span {font-size:20px; font-weight:700; color:#111; margin-left:10px; vertical-align:top}
.business-process-section .col-process .process-box p {color:#333; line-height:1.5; margin-top:20px}

/* business field section */
.business-field-section .col-features {margin-bottom:30px}
.business-field-section .col-features .feature-box {height:100%; padding:45px 32px; text-align:center; border:1px solid #ced4e2; border-radius:5px; background-color:#fff}
.business-field-section .col-features .feature-box .icon-wrap i, .business-field-section .col-features .feature-box .icon-wrap ion-icon {font-size:60px; color:#9369ff}
.business-field-section .col-features .feature-box h4 {margin:25px 0 15px; font-size:16px; color:#000}
.business-field-section .col-features .feature-box p {font-size:14px; color:#333; line-height:1.6; opacity:0.6}

/* business review section */
.business-review-section {background-image:url(../images/business_review_bg.jpg); background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
.business-review-section .review-slider .slide-item {text-align:center; outline:0}
.business-review-section .review-slider .slide-item p {font-size:32px; font-weight:300; color:#fff; line-height:1.5; padding:0 15%}
.business-review-section .review-slider .slide-item p:before, .business-review-section .review-slider .slide-item p:after {font-family:serif; opacity:0.35}
.business-review-section .review-slider .slide-item p:before {content:'“ '}
.business-review-section .review-slider .slide-item p:after {content:' ”'}
.business-review-section .review-slider .slide-item .customer {display:inline-block; margin-top:30px; font-size:14px; font-weight:700; color:#fff; opacity:0.6}
.business-review-section .review-slider .slick-arrow {position:absolute; top:25%; width:52px; height:30px; text-indent:-9999em; border:none; background-color:transparent; background-size:52px 30px; background-position:center; background-repeat:no-repeat; cursor:pointer; outline:0; z-index:5; transition:transform 0.3s}
.business-review-section .review-slider .slick-prev {left:0; background-image:url(../images/long_arrow_prev.svg); transform:translateX(15px)}
.business-review-section .review-slider .slick-next {right:0; background-image:url(../images/long_arrow_next.svg); transform:translateX(-15px)}
.business-review-section .review-slider .slick-arrow:hover {transform:translateX(0)}
.business-review-section .review-slider .slick-dots {font-size:0; text-align:center; padding-top:60px}
.business-review-section .review-slider .slick-dots li {display:inline-block; margin:0 8px}
.business-review-section .review-slider .slick-dots li button {display:block; width:10px; height:10px; text-indent:-9999em; padding:0; border:none; border-radius:50%; background-color:#fff; outline:0; opacity:0.5}
.business-review-section .review-slider .slick-dots li.slick-active button {background-color:#9369ff; opacity:0.8}

/* business strong section */
.business-strong-section .row-group {padding-top:20px}
.business-strong-section .row-group .row {padding-top:20px; padding-bottom:30px; border-bottom:1px solid #ddd}
.business-strong-section .row-group .row:first-child {border-top:1px solid #ddd}
.business-strong-section .col-num {font-size:84px; font-weight:600; color:#9369ff; line-height:1}
.business-strong-section .col-title h4 {font-size:28px; font-weight:700; color:#2b2b2b; line-height:1.3}
.business-strong-section .col-info {padding-top:20px}
.business-strong-section .col-info h5 {font-size:19px; font-weight:normal; color:#333; margin-bottom:10px}
.business-strong-section .col-info p {font-size:14px; color:#7a7a7a; line-height:1.75}

/* business partner section */
.business-partner-section {background-color:#f7f7f7}
.business-partner-section .col-partner {margin-bottom:30px}
.business-partner-section .partner-box {padding:10px; height:80px; text-align:center; background-color:#fff}
.business-partner-section .partner-box:before {content:''; display:inline-block; height:100%; vertical-align:middle}
.business-partner-section .partner-box img {max-width:95%; vertical-align:middle}

/* business common */
.business-section .business-cover {display: flex; margin-bottom: 100px; padding-left: 24px}
.business-section .business-cover > .cover-img {position: relative; width: 53.76%}
.business-section .business-cover > .cover-img::before {content: ''; position: absolute; top: -24px; left: -24px; bottom: -24px; width: 85.16%; background-color: #e0e0e0; z-index: -1}
.business-section .business-cover > .cover-img img {display: block; width: 100%}
.business-section .business-cover > .cover-text {width: 46.24%; padding: 50px 30px 0 60px; background-color: #efefef}

.business-section .business-cover > .cover-text b {display: inline-block; font-size: 16px; font-weight: 700; color: #c49c48; letter-spacing: 0; margin-bottom: 24px; padding: 8px 16px; border: 1px solid #c49c48}
.business-section .business-cover > .cover-text b.type-02 {color: #5c30cc; border-color: #5c30cc}
.business-section .business-cover > .cover-text h3 {font-size: 32px; font-weight: normal; color: #111; letter-spacing: -0.04em; line-height: 1.1; margin-bottom: 22px}
.business-section .business-cover > .cover-text ul li {position: relative; font-size: 15px; color: #333; letter-spacing: -0.04em; line-height: 1.6; padding-left: 10px}
.business-section .business-cover > .cover-text ul li + li {margin-top: 10px}
.business-section .business-cover > .cover-text ul li::before {content: ''; position: absolute; display: block; top: 10px; left: 0; width: 3px; height: 3px; background-color: #333}
.business-row-heading {font-size: 24px; font-weight: normal; color: #111; letter-spacing: -0.03em; margin-bottom: 24px}
.business-section .col-business-item {margin-bottom: 55px; text-align: center}
.business-section .col-business-item figure img {display: block; width: 100%}
.business-section .col-business-item figure figcaption {font-size: 17px; font-weight: 500; color: #111; padding-top: 16px}
.business-section .status-row {margin-bottom: 25px}

/* hotel facility section */
.hotel-facility-section .facility-tab .nav-tabs {margin-bottom: 75px; font-size: 0; text-align: center; border-bottom: 0}
.hotel-facility-section .facility-tab .nav-tabs>li {float: none; display: inline-block; margin-bottom: 0}
.hotel-facility-section .facility-tab .nav-tabs>li + li {margin-left: -1px}
.hotel-facility-section .facility-tab .nav-tabs>li>a {font-size: 18px; color: #111; letter-spacing: -0.03em; text-align: center; min-width: 300px; margin-right: 0; padding: 20px 15px; border: 1px solid #b7b7b7; border-radius: 0; background-color: #fff; z-index: 1}
.hotel-facility-section .facility-tab .nav-tabs>li.active>a, .hotel-facility-section .facility-tab .nav-tabs>li.active>a:focus, .hotel-facility-section .facility-tab .nav-tabs>li.active>a:hover {color: #fff; border-color: #c49c48; background-color: #c49c48; z-index: 2}
.hotel-facility-section .service-wrap {position: relative; margin-bottom: 100px}
.hotel-facility-section .service-wrap > .row {margin-left: -3px; margin-right: -3px}
.hotel-facility-section .service-wrap .col-item {margin-bottom: 6px; padding-left: 3px; padding-right: 3px}
.hotel-facility-section .service-wrap .col-item figure {position: relative}
.hotel-facility-section .service-wrap .col-item figure img {display: block; width: 100%}
.hotel-facility-section .service-wrap .col-item figure figcaption {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5}
.hotel-facility-section .service-wrap .col-item figure figcaption .caption-outer {display: table; width: 100%; height: 100%}
.hotel-facility-section .service-wrap .col-item figure figcaption .caption-inner {display: table-cell; text-align: center; vertical-align: middle}
.hotel-facility-section .service-wrap .col-item figure figcaption .caption-inner p {font-size: 20px; font-weight: 700; color: #e6e6e6; letter-spacing: -0.03em}
.hotel-facility-section .service-wrap .center-img {position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); z-index: 10}
.hotel-facility-section .system-wrap {display: flex; justify-content: space-between; align-items: center}
.hotel-facility-section .system-wrap .center-item {position: relative}
.hotel-facility-section .system-wrap .center-item::before, .hotel-facility-section .system-wrap .center-item::after {content: ''; position: absolute; top: 50%; display: block; width: 94px; height: 32px; margin-top: -16px; background-image: url(../images/hotel_system_arrow.png); background-size: 100%; background-position: center; background-repeat: no-repeat}
.hotel-facility-section .system-wrap .center-item::before {left: -126px}
.hotel-facility-section .system-wrap .center-item::after {right: -126px}

/* product section (html type) */
.justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > figure > .caption {display:block !important;font-family:inherit; font-size:13px; color:#fff; letter-spacing:0.05em; padding:12px 15px; opacity:0; transform:translateY(20px); transition:all 0.3s !important}
.justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible {transform:translateY(0)}

/* magnific popup customizing */
.mfp-figure {-webkit-animation-name: fade-in; -moz-animation-name: fade-in; -o-animation-name: fade-in; -ms-animation-name: fade-in; animation-name: fade-in; -webkit-animation-duration: .3s; -moz-animation-duration: .3s; -ms-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; webkit-backface-visibility: hidden; -moz-backface-visibility:hidden;  -ms-backface-visibility:hidden}
.mfp-figure:after {box-shadow:20px 20px 80px -12px rgba(0, 0, 0, 0.5)}
.mfp-title {font-size:14px; line-height:1.7}
.mfp-arrow:before, .mfp-arrow:after {display:inline-block; position:static; margin-top:0; border:none}
.mfp-arrow:before {font-family:'Ionicons'; font-size:38px; color:#fff}
.mfp-arrow-left:before {content:'\f117'}
.mfp-arrow-right:before {content:'\f119'}

/* magnific popup custom effects (2019-05-28) */
/* fade effect */
.mfp-fade.mfp-bg {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
/* overlay animate out */
    .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
    .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

@keyframes fade-in {
    from {opacity:0}
    to {opacity:1}
}

/* board common */
.bbsnewf5 .btn-default:hover {color:#333 !important}
.board, .bbsnewf5 {font-family:inherit !important}
.board-category {margin-bottom:60px}
.board-category table {display:none}
.board-category ul {font-size:0; text-align:center}
.board-category ul li {display:inline-block; font-size:15px; margin:0 6px}
.board-category ul li a {display:inline-block; color:#777; padding:8px 18px; border-radius:20px; background-color:#f7f7f7}
.board-category ul li a:hover {background-color:#f2f2f2}
.board-category ul li.is-active a {color:#fff; background-color:#5c30cd}
.board-paging {padding-top:50px; font-size:0; text-align:center}
.board-paging b, .board-paging a {display:inline-block; font-size:14px; text-align:center; line-height:36px; width:36px; height:36px; margin:0 4px; border-radius:50%; vertical-align:middle}
.board-paging b {color:#fff; background-color:#5c30cd}
.board-paging a {color:#777; background-color:#f4f4f4}
.board-write {padding-top:40px; text-align:right}
.board-search {padding-top:50px}
.board-search td {padding-right:5px}
.board-search select, .board-search input[type=text] {font-size:14px; color:#666; line-height:1.12; padding:4px 12px; height:38px; border:1px solid #dee2e6; border-radius:3px}
.board-search input[type=text] {width:160px}

.table-article-view {width:100%; border-top:1px solid #555}
.table-article-view * {font-family:inherit !important}
.table-article-view tr {height:auto}
.table-article-view tr td {font-size:15px; color:#777; padding:15px; border-bottom:1px solid #e9e9e9}
.table-article-view font {font-size:inherit !important}
.table-article-view .board_bgcolor {width:15%; background-color:#fff}
.table-article-view .board_description {padding:10px 0 20px}
#post_area {padding:0 !important; line-height:1.75}
#post_area img {height:auto !important}

.board-comment-write .board_comment_bgcolor {margin-top:40px; background-color:#fff}
.board-comment-write .comment_txt {padding:15px !important; font-size:14px; color:#777}
.board-comment-write .board_comment_bgcolor input[type=text], .board-comment-write .board_comment_bgcolor input[type=password], .board-comment-write .board_comment_bgcolor textarea {font-family:inherit !important; font-size:14px; color:#777; height:34px; padding:4px 12px; border:1px solid #ced4da; border-radius:3px}
.board-comment-write .board_comment_bgcolor textarea {width:calc(100% - 115px); height:auto}
.board-comment-write .btn-primary {height:70px}

.board-comment-list .board_comment_bgcolor {background-color:#fff}
.board-comment-list .board_comment_bgcolor table {width:100%}
.board-comment-list .board_comment_bgcolor table td {padding:0 15px}
.board-comment-list .comment_txt {font-size:13px; padding:10px 15px !important}
.board-comment-list .comment_txt font {display:inline-block; padding-bottom:10px}
.comment_name {font-size:13px !important}
.board-view-buttons {padding-top:50px}

.table-article-write {width:100%; margin-bottom:40px; border-top:1px solid #555}
.table-article-write * {font-family:inherit !important}
.table-article-write tr {height:auto}
.table-article-write tr td {font-size:15px; color:#777; padding:15px; border-bottom:1px solid #e9e9e9}
.table-article-write font {font-size:inherit !important}
.table-article-write .board_bgcolor {width:15%; background-color:#fff}
.table-article-write .board_bgcolor span {font-size:inherit !important}
.table-article-write .board_desc input[type=text], .table-article-write .board_desc input[type=password] {display:inline-block; max-width:100%; height:43px; padding:8px 12px; font-size:14px !important; color:#555; border:1px solid #dee2e6; border-radius:4px; outline:0}
.table-write-bottom {width:100%}
.table-write-bottom .text-center .btn-primary {margin-right:4px}

/* product section common (board type) */
.table-photo {margin-left:-15px; margin-right:-15px}
.table-photo * {font-family:inherit !important}
.table-photo, .table-photo table, .table-photo tbody, .table-photo tr, .table-photo td {display:block}
.table-photo > tbody > tr > td {float:left; margin-bottom:40px; padding-left:15px; padding-right:15px}
.table-photo > tbody > tr:before, .table-photo > tbody > tr:after {content:''; display:table}
.table-photo > tbody > tr:after {clear:both}
.table-photo .bbsnewf5 tr:first-child a {position:relative; display:block; height:270px; overflow:hidden}
.table-photo.table-photo-vertical .bbsnewf5 tr:first-child a {position:relative; display:block; height:480px; overflow:hidden}
.table-photo a img {display:block; width:100%; height:100%; transition:transform 0.3s ease-out; object-fit:cover; font-family:'object-fit: cover;'}
.table-photo > tbody > tr > td:hover a img {transform:scale(1.1)}
.table-photo br {display:none}

/* product section (board type A) */
.product-section .type-a-row .col-photo {margin-bottom:40px}
.product-section .type-a-row .col-photo figure {position:relative; height:270px; overflow:hidden}
.product-section .type-a-row .col-photo figure a {display:block; height:100%}
.product-section .type-a-row .col-photo figure a img {display:block; width:100%; height:100%; transition:transform 0.3s ease-out; object-fit:cover; font-family:'object-fit: cover;'}
.product-section .type-a-row .col-photo:hover figure a img {transform:scale(1.1)}
.product-section .type-a-row .col-photo .article-info {text-align:center; padding-top:20px}
.product-section .type-a-row .col-photo .article-info h4 {font-size:17px; font-weight:normal; color:#333; margin-bottom:5px}
.product-section .type-a-row .col-photo .article-info h4 a {color:#333}
.product-section .type-a-row .col-photo .article-info .category {font-size:14px; color:#8a8a8a}
.product-section .type-a-row .gallery_subject {padding-top:20px}
.product-section .type-a-row .gallery_title {display:inline-block; font-size:17px; font-weight:normal; color:#333; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.product-section .type-a-row .gallery_etc {font-size:14px; color:#8a8a8a}

/* product section (board type B) */
.product-section .type-b-row > .table-photo {margin-left:0; margin-right:0}
.product-section .type-b-row > .table-photo > tbody > tr > td {margin-bottom:0; padding-left:0; padding-right:0}
.product-section .type-b-row .bbsnewf5 .article-overlay {position:absolute; top:10px; left:10px; bottom:10px; right:10px; background-color:rgba(255,255,255,0.9); z-index:5; opacity:0; transform:scale(1.02); transition:opacity 0.3s ease, transform 0.3s ease}
.product-section .type-b-row .bbsnewf5 .article-info {display:table; width:100%; height:100%}
.product-section .type-b-row .bbsnewf5 .info-inner {display:table-cell; text-align:center; vertical-align:middle}
.product-section .type-b-row .bbsnewf5 .info-inner .category {font-size:14px; color:#222; opacity:0.75}
.product-section .type-b-row .bbsnewf5 .info-inner h4 {font-size:17px; font-weight:normal; color:#222}
.product-section .type-b-row .bbsnewf5 .info-inner h4:before {content:''; display:block; width:12px; height:2px; margin:15px auto; background-color:#9369ff; transform:rotate(-45deg)}
.product-section .type-b-row.dark-mode .bbsnewf5 .article-overlay {background-color:rgba(26,26,30,0.9)}
.product-section .type-b-row.dark-mode .bbsnewf5 .info-inner .category {color:#fff}
.product-section .type-b-row.dark-mode .bbsnewf5 .info-inner h4 {color:#fff}
.product-section .type-b-row .bbsnewf5 a:hover .article-overlay {opacity:1; transform:scale(1)}

/* customer - list type board */
.table-board-list {border-top:1px solid #222}
.table-board-list .thead td, .table-board-list tbody td {padding:17px 15px !important; border-top:none; border-bottom:1px solid #e9e9e9; vertical-align:middle !important}
.table-board-list .thead td {position:relative; font-size:16px; font-weight:normal; color:#333; text-align:center; border-bottom-width:1px !important}
.table-board-list .thead td + td:before {content:''; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background-color:#222}
.table-board-list .thead font {font-size:inherit !important}
.table-board-list tbody td {font-size:15px; color:#777}
.table-board-list tbody td a {color:#333}
.table-board-list tbody td a:hover {color:#9369ff}

/* customer - faq */
.faq-list thead {display:none}
.faq-list .faq-type {display:inline-block; width:45px; height:45px; font-size:16px; font-weight:700; color:#fff; text-align:center; line-height:45px; border-radius:50%; background-color:#495057}
.faq-list .board_bgcolor {font-family:inherit; width:75px; background-color:#fff}
.faq-list .board_bgcolor:before {content:'Q'; display:inline-block; width:45px; height:45px; font-size:16px; font-weight:700; color:#fff; text-align:center; line-height:45px; border-radius:50%; background-color:#495057}
.faq-list .board_bgcolor font {display:none}
.faq-list .bbsnewf5 {position:relative}
.faq-list .bbsnewf5:after {content:'\e943'; font-family:'xeicon'; font-size:18px; color:#999; position:absolute; right:15px}
.faq-list .bbsnewf5 a {font-size:19px; font-weight:300}
.faq-list .answer-row {background-color:#f8f8f8}
.faq-list .answer-row .faq-type {float:left; background-color:#9369ff}
.faq-list .answer-row .answer-container {margin-left:75px; color:#888; line-height:1.7}
.faq-list .is-open .bbsnewf5 a {color:#9369ff}
.faq-list .is-open .bbsnewf5:after {transform:rotate(180deg)}

/* customer - qna */
.qna-list .bbsnewf5 i {margin-right:5px}

/* contact */
.contact-section .contact-form table, .contact-section tbody, .contact-section .contact-form tr, .contact-section .contact-form td {display:block; width:100%; height:auto}
.contact-section .contact-form .formmail_title_bgcolor {margin-bottom:10px; padding:0 !important; font-family:inherit; text-align:left; background-color:transparent}
.contact-section .contact-form .formmail_title_bgcolor font {font-size:14px; font-weight:700; color:#333 !important}
.contact-section .contact-form .formmail_cell_bgcolor {font-family:inherit !important}
.contact-section .contact-form table th, .contact-section .contact-form table td {font-size:0; padding:0 0 15px !important; border:none}
.contact-section .contact-form table td input[type=text], .contact-section .contact-form table td input[type=password], .contact-section .contact-form table td select, .contact-section .contact-form table td textarea {display:block; width:100%; height:54px; font-family:inherit; font-size:14px; color:#777; line-height:1.42857143; padding:12px 16px !important; border:none; border-radius:4px; background-color:#f8f9fa; box-shadow:none !important; outline:0; transition:all 0.25s}
.contact-section .contact-form table td input[type=text]:focus, .contact-section .contact-form table td input[type=password]:focus, .contact-section .contact-form table td select:focus, .contact-section .contact-form table td textarea:focus {color:#333; background-color:#f1f3f5}
.contact-section .contact-form table td select {background-image:url(../images/select_arrow_down.png); background-size:12px 7px; background-position:right 16px center; background-repeat:no-repeat; -webkit-appearance:none}
.contact-section .contact-form .label-heading {font-size:14px; font-weight:700; color:#333; margin-bottom:10px}
td.formmail_cell_bgcolor > table > tbody > tr:nth-child(1) > td:nth-child(2) {font-size:12px !important}
td.formmail_cell_bgcolor > table > tbody > tr:nth-child(2) > td:nth-child(1) textarea {height:80px}
input[name="com_formmail_check_safe"] {float:right; width:15px; height:15px; margin:0 10px}
input[name="com_formmail_check_safe"]:after {content:''; display:block; clear:both}

/* member */
.login-section .bottom-links {padding-top:30px; font-size:0; text-align:center}
.login-section .bottom-links li {display:inline-block; font-size:15px}
.login-section .bottom-links li a {color:#555}
.login-section .bottom-links li + li:before {content:''; display:inline-block; width:1px; height:14px; margin:0 15px; background-color:#e5e5e5; vertical-align:-2px}
.register-section .register-steps {display:table; width:100%; margin-bottom:50px; table-layout:fixed}
.register-section .register-steps li {position:relative; display:table-cell; font-size:16px; color:#ccc; text-align:center; padding:20px 10px; border-bottom:3px solid #ccc}
.register-section .register-steps li + li:before {content:'\e940'; position:absolute; top:50%; left:-10px; font-family:'xeicon'; font-size:24px; color:#ccc; margin-top:-17px}
.register-section .register-steps li.active {color:#3e78ff; border-color:#3e78ff}
.register-section .register-steps li span {display:block}
.register-section .register-steps li span[lang="en"] {font-size:13px; font-weight:700; margin-bottom:2px}
.register-section .terms-group {margin-bottom:25px; border:1px solid #dee2e6; border-radius:6px; overflow:hidden}
.register-section .terms-group .heading {padding:16px 25px; font-size:17px; font-weight:normal; color:#333; border-bottom:1px solid #dee2e6}
.register-section .terms-group .body {padding:35px 25px}
.register-section .terms-group .footer {padding:16px 25px; border-top:1px solid #dee2e6}
.register-section .register-heading {font-size:21px; font-weight:normal; color:#3e78ff; margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid #3e78ff}
.register-section .form-group table, .contact-section tbody, .register-section .form-group tr, .register-section .form-group td {display:block; width:100%; height:auto}
.register-section .form-group .member_td_bgcolor {margin-bottom:10px; padding:0 !important; font-family:inherit; font-size:14px; font-weight:700; color:#333 !important; text-align:left; background-color:transparent}
.register-section .form-group table td {font-family:inherit !important; font-size:14px; color:#666; padding:0 0 15px !important; border:none}
.register-section .form-group table td span {display:inline-block; font-size:13px; color:#8a8a8a; margin-top:10px}
.register-section .form-group table td input[type=text], .register-section .form-group table td input[type=password], .register-section .form-group table td select, .register-section .form-group table td textarea {display:block; width:100%; height:54px; font-family:inherit; font-size:14px; color:#777; line-height:1.42857143; padding:12px 16px !important; border:none; border-radius:4px; background-color:#f8f9fa; box-shadow:none !important; outline:0; transition:all 0.25s}
.register-section .form-group table td input[type=text]:disabled, .register-section .form-group table td input[type=password]:disabled, .register-section .form-group table td select:disabled, .register-section .form-group table td textarea:disabled {color:#adb5bd; background-color:#f1f3f5}
.register-section .form-group table td input[type=text]:focus, .register-section .form-group table td input[type=password]:focus, .register-section .form-group table td select:focus, .register-section .form-group table td textarea:focus {color:#333; background-color:#f1f3f5}
.register-section .form-group table td select {background-image:url(../images/select_arrow_down.png); background-size:12px 7px; background-position:right 16px center; background-repeat:no-repeat; -webkit-appearance:none}
.register-section .form-group input[name='m_id'] + a img {display:none}
.register-section .form-group input[name='m_id'] + a:before {content:'아이디 중복확인'; display:block; width:100%; margin:10px 0 5px; padding:14px 25px; font-size:15px; color:#fff; text-align:center; border:none; border-radius:4px; background-color:#868e96; transition:background-color 0.2s}
.register-section .form-group input[name='m_id'] + a:hover:before {background-color:#495057}
.register-section .form-group input[name^='fix_email'] {display:inline-block !important; width:calc(50% - 10px) !important}
.register-section .form-group select[name^='birthday'] {display:inline-block !important; width:calc(33% - 4px) !important}
.register-section .form-group select[name^='birthday'] + select {margin-left:5px}
.member_txt {font-family:inherit !important}
.member_txt td {display:inline-block !important; width:auto !important}
.member_txt td + td {margin-left:15px}
.member_txt td input {margin:0 5px 0}
.register-section .register-message {padding:42px 36px; border:1px solid #dee2e6; border-radius:6px}
.register-section .register-message h3 {font-size:21px; color:#333}
.register-section .register-message h3:after {content:''; display:block; width:30px; height:2px; margin:15px 0 20px; background-color:#9369ff}
.register-section .register-message p {font-size:15px; color:#666; line-height:1.6}
.register-section .register-message p strong {font-weight:700; color:#000}
.register-section .register-message p + p {margin-top:15px}
.register-section .register-message .btn {margin-top:30px}

.member-popup .form-control {border:1px solid #ced4da}
.member-popup .header {position:relative; padding:20px 25px; background-color:#212529}
.member-popup .header h1 {font-size:19px; color:#fff}
.member-popup .header .btn-close {position:absolute; top:50%; right:10px; width:48px; height:48px; font-size:24px; color:#fff; margin-top:-24px; padding:0; border:none; background-color:transparent; cursor:pointer; outline:0}
.member-popup .body {padding:25px}
.member-popup .body p {font-size:14px; color:#495057; line-height:1.7; margin-bottom:15px}
.member-popup .body .btn-link {font-weight:700}
.member-popup .table th, .member-popup .table td {font-size:13px}
.member-popup .table>tbody>tr>td, .member-popup .table>tbody>tr>th, .member-popup .table>tfoot>tr>td, .member-popup .table>tfoot>tr>th, .member-popup .table>thead>tr>td, .member-popup .table>thead>tr>th {padding:15px 12px}
.member-popup .label-heading {display:block; font-size:14px; font-weight:700; color:#212529; margin-bottom:10px}
.member-popup .warning-text {color:#fd7e14}
.member-popup .footer {text-align:right; padding:20px 25px; border-top:1px solid #e9ecef}

/* setting B css - main */
.articles_box .articles_item {}
.articles_box .articles_item a:hover {transform:translateY(-20px)}
.articles_box .articles_item a {position:relative; display:block; height:100%; overflow:hidden; transition:all 0.3s ease}
.articles_box .articles_item a:before {}
.articles_box .articles_item a figure {position:relative; overflow:hidden}
.articles_box .articles_item a figure:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.25); opacity:0; z-index:5; transition:opacity 0.25s ease-out}
.articles_box .articles_item a:hover figure:before {opacity:1}
.articles_box .articles_item a figure img {display:block; width:100%; height:auto; transition:transform 0.25s ease-out}
.articles_box .articles_item:hover a figure img {transform:scale(1.12)}
.articles_box .articles_item .articles_txt {background-color:#fff; padding:25px 20px}
.articles_box .articles_item .articles_txt h5 {display:block; font-size:20px; font-weight:normal; color:#111111; line-height:1.5; text-align:left; letter-spacing:-0.04em; white-space: nowrap; text-overflow: ellipsis; overflow:hidden}
.articles_box .articles_item .articles_txt p {display:-webkit-box; margin-top:15px; font-size:15px; color:#666666; line-height:1.75; text-align:left; word-break:keep-all; opacity:0.7; text-overflow: ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2}

/* setting B css - sub */
.vision-section {padding-bottom:200px}
.vision-section .vision_mission_group {background-image:url(../images/vision_bg.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center}
.vision-section .vision_mission_group .container {display:table}
.vision-section .vision_mission_group .container .group_box {display:table-cell; vertical-align: middle; padding:220px 0}
.vision-section .vision_mission_group .container .group_box .vision_box {float:left}
.vision-section .vision_mission_group .container .group_box .mission_box {float:right; text-align:right}
.vision-section .vision_mission_group .container .group_box .item_box {width:50%}
.vision-section .vision_mission_group .container .group_box .item_box .box_inner {position:relative}
.vision-section .vision_mission_group .container .group_box .item_box .box_inner .item_txt {}
.vision-section .vision_mission_group .container .group_box .item_box .box_inner .item_txt h3 {font-size:32px; font-weight:700; color:#fff}
.vision-section .vision_mission_group .container .group_box .item_box .box_inner .item_txt p {font-size:22px; font-weight:500; color:#fff; line-height:1.5; margin-top:25px}
.vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap {position:absolute; top:50%; width:230px; transform:translateY(-50%)}
.vision-section .vision_mission_group .container .group_box .vision_box .box_inner .circle_wrap {right:-15px; z-index:100}
.vision-section .vision_mission_group .container .group_box .mission_box .box_inner .circle_wrap {left:-15px}
.vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap .circle_box {position:relative; padding-bottom:100%}
.vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap .circle_box:after {content:''; position:absolute; top:50%; background-image:url(../images/vision_dott.png); background-position:center; background-repeat:no-repeat; width:34px; height:4px; margin-top:10px}
.vision-section .vision_mission_group .container .group_box .vision_box .box_inner .circle_wrap .circle_box:after {left:-70px}
.vision-section .vision_mission_group .container .group_box .mission_box .box_inner .circle_wrap .circle_box:after {right:-70px}
.vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap .circle_box .circle_asb {position:absolute; top:0; left:0; text-align:center; width:100%; height:100%; border-radius:50%}
.vision-section .vision_mission_group .container .group_box .vision_box .box_inner .circle_wrap .circle_box .circle_asb {background-color:rgba(105,50,245,0.8)}
.vision-section .vision_mission_group .container .group_box .mission_box .box_inner .circle_wrap .circle_box .circle_asb {background-color:rgba(72,164,189,0.8)}
.vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap .circle_box .circle_asb .circle_table {display:table; width:100%; height:100%}
.vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap .circle_box .circle_asb .circle_table .circle_cell {display:table-cell; vertical-align:middle}
.vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap .circle_box .circle_asb .circle_table .circle_cell h3 {font-size:30px; font-weight:700; color:#fff}
.vision-section .vision_info {margin-top:50px}
.vision-section .vision_info p {text-align:justify; font-size:17px; font-weight:500; color:#333}
.vision-section .vision_info_box {margin-top:100px}
.vision-section .vision_info_box .row_info_box {}
.vision-section .vision_info_box .row_info_box .col_info {width:calc(25% + 15px); text-align:center; border-radius:50px; background-color:rgba(93,46,200,0.15); margin-left:-30px}
.vision-section .vision_info_box .row_info_box .col_info:first-child {margin-left:15px}
.vision-section .vision_info_box .row_info_box .col_info h3 {font-size:20px; font-weight:700; color:#5d2ec8; padding:40px 0}
.vision-section .vision_info_box .row_info_box .col_info:last-child {background-color:rgba(59,0,195,0.75)}
.vision-section .vision_info_box .row_info_box .col_info:last-child h3 {color:#fff}
.greeting-section {}
.greeting-section .greeting_box_top {margin-top:120px; background-color:#f5f5f5}
.greeting-section .greeting_box_top .container {position:relative; max-width:980px}
.greeting-section .greeting_box_top .greeting_info {padding:55px 0}
.greeting-section .greeting_box_top .greeting_info .ceo_img {position:absolute; bottom:0; right:-30px}
.greeting-section .greeting_box_top .greeting_info h3 {font-size:18px; font-weight:700; color:#919191; margin-bottom:30px}
.greeting-section .greeting_box_top .greeting_info p {font-size:30px; font-weight:500; color:#111; line-height:1.33; letter-spacing:-0.02em}
.greeting-section .greeting_box_bottom {margin-top:70px; margin-bottom:120px}
.greeting-section .greeting_box_bottom .container {max-width:980px}
.greeting-section .greeting_box_bottom p {font-size:16px; font-weight:500; color:#111; text-align:justify; line-height:1.62; letter-spacing:-0.02em}
.greeting-section .greeting_box_bottom p + p {margin-top:40px}
.greeting-section .greeting_box_bottom p:last-child {text-align:right; margin-top:70px}
.greeting-section .greeting_box_bottom p strong {font-weight:700}
.greeting-section .ceo_history_wrap {border-top:1px solid #989898}
.greeting-section .ceo_history_wrap .container {max-width:980px}
.greeting-section .ceo_history_wrap .ceo_history_box {padding-top:70px}
.greeting-section .ceo_history_wrap .ceo_history_box .col-ceo-history:first-child {border-right:1px solid #d9d9d9}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_name {}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_name h3 {font-size:18px; font-weight:500; color:#111}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_name h3:after {content:''; display:block; width:15px; height:2px; background-color:#111; margin:25px 2px}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_name h3 strong {font-size:28px}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_history {}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_history p {font-size:14px; font-weight:500; color:#111}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_history p + p {margin-top:10px}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_career {}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_career2 {margin-top:30px}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_career dt, .greeting-section .ceo_history_wrap .ceo_history_box .ceo_career dd {float:left}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_career dt {font-size:17px; font-weight:500; color:#111; width:70px}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_career dd {margin-left:30px; font-size:14px}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_career dd p {font-size:14px; font-weight:500; color:#666}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_career dd p + p {margin-top:10px}
.greeting-section .ceo_history_wrap .ceo_history_box .ceo_career dd p span {color:#111; margin-right:5px}
.award-section {}
.award-section .row_award {}
.award-section .row_award .col_item .row div {text-align:center}
.award-section .row_award .col_item .row div + div {margin-top:50px}
.award-section .row_award .col_item .row div p {font-size:18px; font-weight:500; color:#111; letter-spacing:-0.02em; margin-top:20px}
.ci-section {}
.ci-section .ci_wrap {}
.ci-section .ci_wrap .ci_item {}
.ci-section .ci_wrap .ci_item .title {}
.ci-section .ci_wrap .ci_item .title h3 {font-size:20px; font-weight:700; color:#111; margin-bottom:30px}
.ci-section .ci_wrap .ci_item .ci_txt_box {}
.ci-section .ci_wrap .ci_item .ci_txt_box p {font-size:16px; font-weight:500; color:#333; line-height:1.625; margin-top:30px}
.ci-section .ci_wrap .ci_item_top .mark_logo_box {border:1px solid #cdcdcd; background-image:url(../images/ci_mark_pattern.png); background-repeat:repeat; background-position:100% 95px; background-color:rgb(200, 201, 202, 0.09)}
.ci-section .ci_wrap .ci_item_top .mark_logo_box img {margin:0 auto; padding:100px 0}
.ci-section .ci_wrap .ci_item_bottom {margin-top:100px}
.ci-section .ci_wrap .ci_item_bottom .ci_type_box {position:relative; border:1px solid #d4d4d4; display:table; width:100%}
.ci-section .ci_wrap .ci_item_bottom .ci_type_box .type_title {position:absolute; top:30px; left:40px}
.ci-section .ci_wrap .ci_item_bottom .ci_type_box .type_title h4 {font-size:16px; font-weight:500; color:#111}
.ci-section .ci_wrap .ci_item_bottom .ci_type_box .ci_logo_box {display:table-cell; vertical-align:middle; padding:70px 0}
.ci-section .ci_wrap .ci_item_bottom .ci_type_box .ci_logo_box img {margin:0 auto}
.ci-section .ci_wrap .ci_item_bottom .ci_download_btn {padding-top:130px; padding-bottom:100px}
.ci-section .ci_wrap .ci_item_bottom .ci_download_btn a {display:block; max-width:410px; height:60px; line-height:58px; background-color:#5c30cc; text-align:center; margin:0 auto; font-size:16px; font-weight:700; color:#fff; transition:background-color 0.3s ease}
.ci-section .ci_wrap .ci_item_bottom .ci_download_btn a:hover {background-color:#412192}
.ci-section .ci_wrap .ci_item_bottom .ci_download_btn a img {vertical-align:baseline; margin-left:10px}
.community-section {}
.community-section .community_wrap {}
.community-section .community_wrap .community_box {}
.community-section .community_wrap .community_box + .community_box {margin-top:100px}
.community-section .community_wrap .community_box .title {margin-bottom:20px}
.community-section .community_wrap .community_box .title h3 {font-size:24px; font-weight:500; color:#111}
.community-section .community_wrap .community_box .row + .row {padding-top:50px}
.community-section .community_wrap .community_box .row div .img_box {text-align:center}
.community-section .community_wrap .community_box .row div p {text-align:center; font-size:17px; font-weight:500; color:#111; margin-top:15px}
.community-section2 .community_wrap .community_box .row .col_service {margin-top: 50px;}
.platform-section {}
.platform-section .platform_tab {padding-bottom:100px}
.platform-section .platform_tab ul {text-align:center; font-size:0; border:0}
.platform-section .platform_tab ul li {display:inline-block; float:none; width:300px; height:60px}
.platform-section .platform_tab ul li a {width:100%; height:100%; font-size:18px; font-weight:500; color:#111; letter-spacing:-0.02em; line-height:58px; border:0; margin:0; padding:0; border:1px solid #b7b7b7; transition:all 0.3s ease; border-radius:0}
.platform-section .platform_tab ul li a:hover {background-color:#fff; border-color:#5c30cd; color:#5c30cd}
.platform-section .platform_tab ul li.active a {background-color:#5c30cd; border-color:#5c30cd; color:#fff}
.platform-section .platform_content {padding:60px 0; background-color:#fff}
.platform-section .platform_content1, .platform-section .platform_content3 {background-color:#5c30cd}
.platform-section .platform_content .head_txt {margin-bottom:30px}
.platform-section .platform_content .head_txt h3 {font-size:22px; font-weight:500; color:#fff}
.platform-section .platform_content2 .head_txt h3, .platform-section .platform_content4 .head_txt h3 {color:#5c30cd}
.platform-section .platform_content .body_txt {}
.platform-section .platform_content .body_txt h4 {display:inline-block; font-size:34px; font-weight:700; color:#fff; line-height:1.26; letter-spacing:-0.02em}
.platform-section .platform_content2 .body_txt h4, .platform-section .platform_content4 .body_txt h4 {color:#5c30cd}
.platform-section .platform_content .body_txt h4:after {content:''; display:block; width:37px; height:4px; background-color:#fff; margin-top:25px; margin-bottom:25px}
.platform-section .platform_content2 .body_txt h4:after, .platform-section .platform_content4 .body_txt h4:after {background-color:#5c30cd}
.platform-section .platform_content .body_txt p {font-size:16px; font-weight:300; color:#fff; letter-spacing:-0.02em; line-height:1.5}
.platform-section .platform_content2 .body_txt p, .platform-section .platform_content4 .body_txt p {color:#111}
.platform-section .platform_content .body_txt ul {margin-top:30px}
.platform-section .platform_content .body_txt ul li + li {margin-top:10px}
.platform-section .platform_content .body_txt ul li span {font-size:16px; font-weight:300; color:#fff; letter-spacing:-0.02em}
.platform-section .platform_content2 .body_txt ul li span, .platform-section .platform_content4 .body_txt ul li span {color:#111}
.platform-section .platform_content .col_txt_box {vertical-align:top !important}
.platform-section2 {background-color:#f5f5f5}
.platform-section2 .introduce_box {text-align:center}
.platform-section2 .introduce_box .introduce_txt {background-color:#fff; padding:30px 0; box-shadow:0px 5px 10px -3px rgba(0,0,0,0.3)}
.platform-section2 .introduce_box .introduce_txt h3 {font-size:22px; font-weight:500; color:#111; letter-spacing:-0.02em}
.platform-section2 .introduce_box .introduce_txt p {margin-top:30px; font-size:16px; font-weight:300; color:#111; line-height:1.5}
.app_download {background-color:#f1f1f1; padding-top:100px; overflow:hidden}
.app_download .container {position:relative}
.app_download .app_wrap {padding-bottom:100px}
.app_download .app_wrap .app_icon {margin-bottom:50px}
.app_download .app_wrap .app_img {position:absolute; right:-150px; bottom:0; max-width:100%}
.app_download .app_wrap .app_txt_box {}
.app_download .app_wrap .app_txt_box h4 {font-size:22px; font-weight:500; color:#333; letter-spacing:-0.02em}
.app_download .app_wrap .app_txt_box h5 {font-size:40px; font-weight:700; color:#5a2fca; letter-spacing:-0.02em; line-height:1.25; margin-top:30px}
.app_download .app_wrap .app_txt_box > p {font-size:16px; font-weight:500; color:#333; letter-spacing:-0.02em; line-height:1.625; margin-top:30px}
.app_download .app_wrap .app_download_btn {position:relative;  font-size:0; z-index:1000; padding-top:70px}
.app_download .app_wrap .app_download_btn .down_btn {display:inline-block}
.app_download .app_wrap .app_download_btn .down_btn + .down_btn {padding-left:5px}
.app_download .app_wrap .app_download_btn .down_btn a {display:block; width:209px; height:64px; border:1px solid #acacac; transition:border-color 0.3s ease; line-height:62px; text-align:center}
.app_download .app_wrap .app_download_btn .down_btn a:hover {border-color:#512bbd}
.app_download .app_wrap .app_info {margin-top:30px}
.app_download .app_wrap .app_info p {font-size:14px; font-weight:500; color:#333; letter-spacing:-0.01em}
.app_download .app_wrap .app_info p span {font-weight:700; color:#5a2fca; text-decoration: underline}
.app_download .app_wrap .app_info p + p {margin-top:10px}
.consulting-business-section {}
.consulting-business-section .consulting_business_wrap {background-color:#f6f6f6; padding:70px 0}
.consulting-business-section .consulting_business_wrap .row_consulting_business {}
.consulting-business-section .consulting_business_wrap .row_consulting_business ul {position:relative}
.consulting-business-section .consulting_business_wrap .row_consulting_business ul:after {content:''; display:block; position:absolute; top:0; left:-70px; width:1px; height:100%; background-color:#b6b6b6}
.consulting-business-section .consulting_business_wrap .row_consulting_business ul li {position:relative; font-size:14px; font-weight:500; color:#111; letter-spacing:-0.02em; padding-left:15px}
.consulting-business-section .consulting_business_wrap .row_consulting_business ul li:before {content:'-'; display:block; position:absolute; top:0; left:0; font-size:14px; font-weight:500; color:#111}
.consulting-business-section .consulting_business_wrap .row_consulting_business ul li.no-bullet:before {content:''}
.consulting-business-section .consulting_business_wrap .row_consulting_business ul li + li {margin-top:5px}
.consulting-business-section .consulting_business_wrap .row_consulting_business ul li strong {font-weight:700}
.etc-section {}
.etc-section .etc_business_wrap {background-color:#f2f2f2; padding:200px 0}
.etc-section .etc_business_wrap .etc_item_wrap {}
.etc-section .etc_business_wrap .etc_item_wrap .item_content {position:relative}
.etc-section .etc_business_wrap .etc_item_wrap .item_content .item_inner {background-color:#fff}
.etc-section .etc_business_wrap .etc_item_wrap:nth-child(odd) .item_content .item_inner {margin-left:100px}
.etc-section .etc_business_wrap .etc_item_wrap:nth-child(even) .item_content .item_inner {margin-right:100px}
.etc-section .etc_business_wrap .etc_item_wrap .item_content .col_item {position:relative}
.etc-section .etc_business_wrap .etc_item_wrap .item_content .img_box {position:absolute; top:-60px}
.etc-section .etc_business_wrap .etc_item_wrap:nth-child(odd) .item_content .img_box {left:0}
.etc-section .etc_business_wrap .etc_item_wrap:nth-child(even) .item_content .img_box {right:0}
.etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box {background-color:#fff; padding-top:80px; padding-bottom:150px}
.etc-section .etc_business_wrap .etc_item_wrap:nth-child(even) .item_content .txt_box {padding-left:50px}
.etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box .top_name {display:inline-block; text-align:center; border:1px solid #5c30cd; margin-bottom:30px}
.etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box .top_name h3 {font-size:16px; font-weight:700; color:#5c30cd; padding:10px 20px}
.etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box h2 {font-size:40px; font-weight:500; color:#111; margin-bottom:30px; letter-spacing:-0.02em}
.etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box p {font-size:22px; font-weight:500; color:#333; line-height:1.45; letter-spacing:-0.02em; margin-bottom:50px}
.etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box ul li {position:relative; font-size:15px; font-weight:500; color:#333; padding-left:10px}
.etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box ul li:before {content:''; display:block; position: absolute; top:8px; left:0; width:3px; height:3px; background-color:#333}
.etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box ul li + li {margin-top:10px}
.etc-section .etc_business_wrap .etc_item_wrap + .etc_item_wrap {margin-top:200px}
.perfomance-section .perfomance_box .row > div {margin-bottom:50px}
.partner-section .partner_wrap {background-color:#f7f7f7; padding:100px 0}
.partner-section .partner_wrap .partner_item .col_partner {border-bottom:1px solid #ddd; text-align:center; border-right:1px solid #ddd}
.partner-section .partner_wrap .partner_item:last-child .col_partner {border-bottom:0}
.partner-section .partner_wrap .partner_item .col_partner:last-child {border-right:0}
.partner-section .partner_wrap .partner_item .col_partner .img_box {padding:30px 0; text-align:center}


@media (max-width:1199px) {
    /* history section */
    .history-section .col-history h4:before {right:-97px}
    .history-section .col-sm-push-7 h4:before {left:-97px}
    .etc-section .etc_business_wrap .etc_item_wrap .item_content .img_box {width:50%}
    .etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box {padding:80px 0}
    .etc-section .etc_business_wrap .etc_item_wrap:nth-child(odd) .item_content .txt_box {margin-left:-30px}
    .etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box .top_name h3 {font-size:13px}
    .etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box h2 {font-size:30px}
    .etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box p {font-size:17px}
    .etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box ul li {font-size:14px}
    .community-section .community_wrap .community_box .row div p {font-size:13px}
    .main-about-section .col-about p {min-height:50px}
    .vision-section .vision_mission_group .container .group_box .vision_box .box_inner .item_txt {margin-left:-40px}
    .vision-section .vision_mission_group .container .group_box .vision_box .box_inner .circle_wrap .circle_box:after {left:-50px}
    .vision-section .vision_mission_group .container .group_box .mission_box .box_inner .item_txt {margin-right:-40px}
    .vision-section .vision_mission_group .container .group_box .mission_box .box_inner .circle_wrap .circle_box:after {right:-50px}

    /* business common */
    .business-section .business-cover > .cover-img {width: 50%}
    .business-section .business-cover > .cover-img img {height: 100%; object-fit: cover}
    .business-section .business-cover > .cover-text {width: 50%; padding: 36px 30px 36px 40px}
    .business-section .business-cover > .cover-text h3 {font-size: 28px}

    .hotel-facility-section .system-wrap .center-item::before, .hotel-facility-section .system-wrap .center-item::after {width: 48px; height: 16px; margin-top: -8px}
    .hotel-facility-section .system-wrap .center-item::before {left: -54px}
    .hotel-facility-section .system-wrap .center-item::after {right: -54px}
}

@media (max-width:991px) {
    /* main about section */
    .main-about-section .col-about {margin-bottom:50px}

    /* history section */
    .history-section .col-history h4:before {right:-78px; width:50px}
    .history-section .col-history h4:after {right:-36px}
    .history-section .col-sm-push-7 h4:before {left:-78px}
    .history-section .col-sm-push-7 h4:after {left:-36px}

    /* business intro section */
    .business-intro-section .col-circle:first-child {transform:translateX(0)}
    .business-intro-section .col-circle:last-child {transform:translateX(0)}
    .business-intro-section .col-circle + .col-circle {margin-top:50px}
    .business-intro-section .col-circle .circle-outer {padding-bottom:60%}
    .business-intro-section .col-circle .circle-inner {left:50%; width:60%; margin-left:-30%; padding:40px 50px}

    /* business goal section */
    .business-goal-section .col-goal + .col-goal {margin-top:60px}

    /* business review section */
    .business-review-section .review-slider .slide-item p {font-size:24px}

    /* business strong section */
    .business-strong-section .col-num {font-size:76px}
    .business-strong-section .col-title h4 {font-size:20px}
    .business-strong-section .col-info h5 {line-height:1.5}

    /* product section (board type A) */
    .table-photo .bbsnewf5 tr:first-child a {height:165px}
    .product-section .type-a-row .col-photo figure {height:165px}

    /* product section (board type B) */
    .product-section .type-b-row .col-photo figure {height:165px}
    
    /* location section */
    .location-section .col-heading {margin-bottom:30px}

    /* setting B css - main */
    .articles_box .articles_item {margin-bottom:30px}
    

    /* setting B css - sub */
    .vision-section .vision_mission_group .container .group_box .item_box .box_inner .item_txt h3 {font-size:22px}
    .vision-section .vision_mission_group .container .group_box .item_box .box_inner .item_txt p {font-size:18px}
    .vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap {width:170px}
    .vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap .circle_box .circle_asb .circle_table .circle_cell h3 {font-size:18px}
    .vision-section .vision_info p {font-size:16px}
    .vision-section .vision_info_box .row_info_box {padding:0 15px}
    .vision-section .vision_info_box .row_info_box .col_info {width:46.5%; margin-left:0; margin-top:15px; margin-right:15px}
    .vision-section .vision_info_box .row_info_box .col_info:first-child {margin-left:auto}
    .vision-section .vision_info_box .row_info_box .col_info h3 {font-size:16px; padding:25px 0}
    .greeting-section .greeting_box_top .greeting_info h3 {font-size:15px}
    .greeting-section .greeting_box_top .greeting_info p {font-size:20px}
    .greeting-section .greeting_box_top .greeting_info .ceo_img {width:50%; right:0}
    .greeting-section .ceo_history_wrap .ceo_history_box .col-ceo-history:first-child {border-right:0; border-bottom:1px solid #ddd; padding-bottom:50px}
    .greeting-section .ceo_history_wrap .ceo_history_box .col-ceo-history {padding-top:50px}
    .history-section .history-group .year_box .year_title h4 {margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:40px; background-color:#fff}
    .history-section .history-group .year_box .year_title h4:after {right:0; left:0; top:-50px}
    .history-section .history-group .year_box .col-history {text-align:center; background-color:#fff}
    .history-section .history-group .year_box .col-history-img {margin-top:50px}
    .award-section .row_award .col_item {margin-top:50px}
    .award-section .row_award .col_item:first-child {margin-top:0}
    .award-section .row_award .col_item .row div img {margin:0 auto}
    .ci-section .ci_wrap .ci_item_bottom .ci_type_box {margin-bottom:50px}
    .ci-section .ci_wrap .ci_item .ci_txt_box {margin-top:20px}
    .ci-section .ci_wrap .ci_item .ci_txt_box p {margin-top:0}
    .community-section .community_wrap .community_box .row > div {margin-bottom:30px}
    .platform-section .platform_content > div {text-align:center}
    .platform-section .platform_content .head_txt {text-align:center}
    .platform-section .platform_content .body_txt {text-align:center}
    .platform-section .platform_content .col_txt_box  {margin-top:50px}
    .platform-section2 .introduce_box .introduce_txt {padding:30px 8px}
    .platform-section2 .introduce_box .introduce_txt h3 {font-size:16px}
    .platform-section .platform_content .body_txt h4:after {margin:25px auto}
    .platform-section2 .introduce_box .introduce_txt p {font-size:14px}
    .app_download .app_wrap {padding-bottom:0}
    .app_download .app_wrap .app_txt_box {text-align:center}
    .app_download .app_wrap .app_icon {margin-bottom:30px}
    .app_download .app_wrap .app_img {position: static; right:0; margin-top:100px}
    .about-visual-section .about-visual .col-visual h4 {font-size:16px}
    .business-process-section .col-process .process-box .heading {padding-bottom:10px}
    .business-process-section .col-process .process-box .heading span {font-size:16px; margin-left:5px}
    .business-process-section .col-process .process-box .heading .num {font-size:18px}
    .business-process-section .col-process .process-box p {font-size:14px; margin-top:10px}
    .consulting-business-section .consulting_business_wrap .row_consulting_business .col_con_business {text-align:center}
    .consulting-business-section .consulting_business_wrap .row_consulting_business ul {margin-top:50px}
    .consulting-business-section .consulting_business_wrap .row_consulting_business ul li {display:block; padding-left:0}
    .consulting-business-section .consulting_business_wrap .row_consulting_business ul li:before {content:''; display:none}
    .consulting-business-section .consulting_business_wrap .row_consulting_business ul:after {content:''; display:none}
    .partner-section .partner_wrap .partner_item .col_partner {border-right:0}
    .partner-section .partner_wrap .partner_item .col_partner:nth-child(odd) {border-right:1px solid #ddd}
    .partner-section .partner_wrap .partner_item:last-child .col_partner {border-bottom:1px solid #ddd}
    .partner-section .partner_wrap .partner_item06 .col_partner:nth-child(3), .partner-section .partner_wrap .partner_item06 .col_partner:last-child {border-bottom:0}
    .about-summary-section .summary-heading {font-size:18px}
    .etc-section .etc_business_wrap {padding:50px 0}
     .etc-section .etc_business_wrap .etc_item_wrap .item_content .img_box {position:static; width:100%; top:0}
     .etc-section .etc_business_wrap .etc_item_wrap .item_content .img_box img {width:100%}
     .etc-section .etc_business_wrap .etc_item_wrap:nth-child(odd) .item_content .item_inner, .etc-section .etc_business_wrap .etc_item_wrap:nth-child(even) .item_content .item_inner {margin-left:0; margin-right:0}
     .etc-section .etc_business_wrap .etc_item_wrap:nth-child(odd) .item_content .txt_box {margin-left:0}
     .etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box {padding:25px 25px}
     .etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box ul li {padding-left:0; font-size:13px}
     .etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box ul li:before {content:''; display:none}
     .etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box h2 {font-size:24px; margin-bottom:30px}
     .etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box p {font-size:15px; margin-bottom:30px}
     .etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box ul li + li {margin-top:20px}
     .etc-section .etc_business_wrap .etc_item_wrap + .etc_item_wrap {margin-top:50px}
     .etc-section .etc_business_wrap .etc_item_wrap:nth-child(even) .item_content .txt_box {padding-left:25px}
     .community-section .community_wrap .community_box .title h3 {text-align:center}
     .community-section .community_wrap .community_box .row div .img_box img {width:100%}
     .main-news-section .article-list td > span.board_output_gallery_description {display:-webkit-box; line-height:1.6; max-height:40px; font-size:13px; text-overflow:ellipsis; overflow: hidden; width:90%; white-space:none; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

     /* business common */
    .business-section .business-cover {display: block; margin-bottom: 80px}
    .business-section .business-cover > .cover-img {width: 100%}
    .business-section .business-cover > .cover-img img {height: auto; object-fit: contain}
    .business-section .business-cover > .cover-text {width: 100%; padding: 36px}
    .business-section .business-cover > .cover-text h3 {font-size: 24px}

    /* hotel facility section */
    .hotel-facility-section .service-wrap .center-img img {width: 160px}
    .hotel-facility-section .system-wrap {display: block}
    .hotel-facility-section .system-wrap .system-item {text-align: center}
    /* .hotel-facility-section .system-wrap .center-item {margin-top: 100px; margin-bottom: 100px} */
    .hotel-facility-section .system-wrap .center-item::before, .hotel-facility-section .system-wrap .center-item::after {position: relative; left: 50%; right: auto; margin-left: 6px; margin-top: 40px; margin-bottom: 80px; transform: rotate(90deg); transform-origin: 0 0}
}

@media (min-width:768px) {
    /* global section common */
    section.parallax-section {background-attachment:fixed}

    /* nav section */
    .dropdown-nav-section .dropdown-wrap > a {min-width:200px}
}

@media (max-width:767px) {
    /* global section common */
    section.parallax-section {background-position:50% 50%}

    /* service popup */
    #service-popup .popup-wrapper {max-width: calc(100% - 30px)}
    #service-popup .popup-wrapper .popup-header {font-size: 18px; line-height: 1.5}
    #service-popup .popup-wrapper .popup-body .service-row > a figure figcaption {top: 20px; padding-left: 5px; padding-right: 5px}
    #service-popup .popup-wrapper .popup-body .service-row > a figure figcaption h3 {font-size: 15px}
    #service-popup .popup-wrapper .popup-body .service-row > a figure figcaption span {font-size: 11px}
    #service-popup .popup-wrapper .popup-body .service-row > a figure figcaption span i {vertical-align: -1px}
    #service-popup .popup-wrapper .popup-footer {padding: 14px 18px}
    #service-popup .popup-wrapper .popup-footer p {font-size: 14px; padding-right: 70px}
    #service-popup .popup-wrapper .popup-footer .popup-close {right: 18px}

    /* main hero */
    #main-hero {height:450px}
    #main-hero .slick-slide .slide-caption span {font-size:16px}
    #main-hero .slick-slide .slide-caption h2 {font-size:28px}
    #main-hero .slick-slide .slide-caption p {font-size:14px}
    #main-hero .slick-slide .slide-caption p br {display:none}
    #main-hero .slick-arrow {top:auto; bottom:0; width:50px; height:50px; font-size:20px; color:#000 !important; background-color:#fff !important; opacity:1}
    #main-hero .slick-arrow i {transform:none !important}
    #main-hero .slick-prev {left:auto; right:50px}
    #main-hero .slick-next:before {content:''; position:absolute; top:50%; left:-1px; width:1px; height:24px; margin-top:-12px; background-color:#e9e9e9}

    /* main section common */
    .main-section {padding-top:60px; padding-bottom:60px}
    .main-section .section-heading {margin-bottom:35px}
    .main-section .section-heading h2 {font-size:32px}
    .main-section .section-heading p {font-size:15px}
    .main-section .bottom-btn {padding-top:45px}

    /* main about section */
    .main-about-section .col-about {margin-bottom:0}
    .main-about-section .col-about + .col-about {margin-top:50px}
    .main-about-section .col-about h4 {font-size:18px}
    .main-about-section .col-about p {font-size:13px}
    .main-about-section .col-about .btn {margin-top:25px}

    /* main parallax section */
    .main-parallax-section {height:320px}
    .main-parallax-section h2 {font-size:36px}
    .main-parallax-section p {font-size:14px}

    /* main news section */
    .main-news-section .article-list tr {padding:25px 2px}
    .main-news-section .article-list tr:after {font-size:30px; margin-top:-24px}
    .main-news-section .article-list td a {display:inline-block; font-size:17px; max-width:calc(100% - 45px); text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
    .main-news-section .article-list td[align='center'] {font-size:13px; margin-top:0}

    /* main product section */
    .main-product-section {background-color:#f7f7f7}
    .main-product-section .article-list > tbody > tr > td {float:none; width:100%}
    .main-product-section .article-list > tbody > tr > td + td {margin-top:40px}
    .main-product-section .article-list table tr:last-child {padding:25px 20px}
    .main-product-section .article-list .board_output_gallery_subject {font-size:15px}
    .main-product-section .article-list .board_output_gallery_description {font-size:13px}
    .main-product-section .article-list table:hover {transform:none}
    
    /* sub section common */
    .sub-section {padding-top:60px; padding-bottom:60px}
    .sub-section .main-heading {margin-bottom:40px}
    .sub-section .main-heading h2 {font-size:32px}
    .sub-section .main-heading p {font-size:15px}
    .sub-section .section-heading {text-align:center; margin-bottom:30px}
    .sub-section .section-heading h3 {font-size:20px}
    .sub-section .section-heading p {margin-top:15px; font-size:14px}
    .sub-section .bottom-btn {padding-top:45px}

    /* sub hero */
    #sub-hero {height:250px}
    #sub-hero .caption-cell {padding-top:35px}
    #sub-hero .caption-cell h2 {font-size:28px}
    #sub-hero .caption-cell p {font-size:14px}

    /* nav section */
    .dropdown-nav-section .container {padding-left:0; padding-right:0}
    .dropdown-nav-section .link-home {display:none}
    .dropdown-nav-section .dropdown-wrap {width:50%}
    .dropdown-nav-section .dropdown-wrap > a {height:50px; font-size:14px; line-height:50px; border-right:none}
    .dropdown-nav-section .dropdown-wrap + .dropdown-wrap > a {border-left:1px solid #e9e9e9}
    .dropdown-nav-section .dropdown-wrap > .dropdown li a {font-size:14px}

    /* about visual section */
    .about-visual-section .about-visual {padding:100px 0}
    .about-visual-section .about-visual h3 {font-size:20px}
    .about-visual-section .about-visual .col-visual {padding-top:20px; padding-bottom:20px; border-right:none}
    .about-visual-section .about-visual .col-visual:first-child {border-left:none}
    .about-visual-section .about-visual .col-visual .icon-wrap {font-size:42px}
    .about-visual-section .about-visual .col-visual h4 {font-size:17px}
    .about-visual-section .about-visual .col-visual p {font-size:13px}

    /* about summary section */
    .about-summary-section .summary-heading {font-size:15px}
    .about-summary-section .summarylist dt, .about-summary-section .summarylist dd {font-size:13px}
    .about-summary-section .summarylist .list-inner {padding:15px}

    /* about team section */
    .about-team-section .col-team .team-info {padding:30px 25px}
    .about-team-section .col-team .team-info h4 {font-size:16px}
    .about-team-section .col-team .team-info span {font-size:12px}
    .about-team-section .col-team .team-info p {font-size:13px}

    /* history section */
    .history-section .history-group .row + .row {margin-top:30px}
    .history-section .col-history {text-align:center; padding-top:20px; padding-bottom:20px; background-color:#fff}
    .history-section .col-history h4 {font-size:36px; margin-bottom:30px}
    .history-section .col-history h4:before {position:static; display:block; top:auto; left:auto; right:auto; width:12px; height:12px; margin:0 auto 10px; border:2px solid #9369ff; border-radius:50%}
    .history-section .col-history h4:after {display:none}
    .history-section .col-history ul li {font-size:13px; color:#7a7a7a; line-height:1.65; padding-left:0; padding-right:0}
    .history-section .col-history ul li + li {margin-top:5px}
    .history-section .col-history ul li strong {position:static; top:auto; right:auto; left:auto; margin-right:10px}
    .history-section .col-history ul li p {display:inline-block}
    .history-section .col-history ul + img {margin-top:40px}

    /* location section */
    .location-section .map-container {height:300px; margin-bottom:80px; box-shadow:30px 30px 50px -20px rgba(0,0,0,0.2)}
    .root_daum_roughmap .wrap_map {height:300px !important}
    .location-section .map-container .root_daum_roughmap {height:300px !important}
    .location-section .col-heading h3 {font-size:28px}
    .location-section .col-info {margin-top:40px}
    .location-section .col-info dl {padding:25px 25px 20px}
    .location-section .col-info dl dt, .location-section .col-info dl dd {font-size:14px}
    .location-section .col-info dl dt {min-width:80px}
    .location-section .col-info dl dd {margin-left:90px}

    /* business intro section */
    .business-intro-section .col-circle + .col-circle {margin-top:40px}
    .business-intro-section .col-circle .circle-outer {padding-bottom:280px}
    .business-intro-section .col-circle .circle-inner {width:280px; margin-left:-140px; padding:40px 40px}
    .business-intro-section .col-circle .icon-wrap i, .business-intro-section .col-circle .icon-wrap ion-icon {font-size:56px}
    .business-intro-section .col-circle h4 {font-size:17px; margin:10px 0}
    .business-intro-section .col-circle p {font-size:13px}

    /* business goal section */
    .business-goal-section .col-goal + .col-goal {margin-top:40px}
    .business-goal-section .col-goal .goal-box .desc-box {margin-top:-50px; margin-left:20px; margin-right:20px; padding:25px}
    .business-goal-section .col-goal .goal-box .desc-box h4 {font-size:15px}
    .business-goal-section .col-goal .goal-box .desc-box p {font-size:13px}

    /* business process section */
    .business-process-section .col-process {margin-bottom:0}
    .business-process-section .col-process + .col-process {margin-top:20px}
    .business-process-section .col-process .process-box {padding:30px}
    .business-process-section .col-process .process-box:before {top:6px; width:18px}
    .business-process-section .col-process .process-box .heading .num {font-size:32px}
    .business-process-section .col-process .process-box .heading span {display:inline-block; font-size:18px; padding-top:5px}
    .business-process-section .col-process .process-box p {font-size:14px}

    /* business field section */
    .business-field-section .col-features {margin-bottom:0}
    .business-field-section .col-features + .col-features {margin-top:20px}
    .business-field-section .col-features .feature-box {padding:35px 25px}
    .business-field-section .col-features .feature-box .icon-wrap i, .business-field-section .col-features .feature-box .icon-wrap ion-icon {font-size:52px}
    .business-field-section .col-features .feature-box h4 {margin:15px 0 10px; font-size:15px}
    .business-field-section .col-features .feature-box p {font-size:13px}

    /* business review section */
    .business-review-section .review-slider .slide-item p {font-size:17px; line-height:1.7; padding:0}
    .business-review-section .review-slider .slide-item .customer {margin-top:20px; font-size:12px}
    .business-review-section .review-slider .slick-arrow {display:none !important}
    .business-review-section .review-slider .slick-dots {padding-top:40px}

    /* business strong section */
    .business-strong-section .col-num {font-size:56px}
    .business-strong-section .col-title h4 {font-size:18px; padding-top:5px}
    .business-strong-section .col-info h5 {font-size:16px}
    .business-strong-section .col-info p {font-size:13px}

    /* business common */
    .business-section .business-cover {margin-bottom: 60px; padding-left: 16px}
    .business-section .business-cover > .cover-img::before {top: -16px; left: -16px; bottom: -16px}
    .business-section .business-cover > .cover-text {padding: 28px}
    .business-section .business-cover > .cover-text b {font-size: 14px}
    .business-section .business-cover > .cover-text h3 {font-size: 20px}
    .business-section .business-cover > .cover-text ul li {font-size: 13px}
    .business-section .business-cover > .cover-text ul li::before {top: 8px}
    .business-section .business-cover > .cover-text ul li + li {margin-top: 6px}
    .business-row-heading {font-size: 20px; margin-bottom: 18px}
    .business-section .col-business-item {margin-bottom: 35px}
    .business-section .col-business-item figure figcaption {font-size: 13px; padding-top: 10px}

    /* hotel facility section */
    .hotel-facility-section .facility-tab .nav-tabs {margin-bottom: 60px}
    .hotel-facility-section .facility-tab .nav-tabs>li {width: 50%}
    .hotel-facility-section .facility-tab .nav-tabs>li>a {min-width: inherit; width: 100%; font-size: 15px; padding: 16px 10px}
    .hotel-facility-section .service-wrap .col-item figure figcaption .caption-inner p {font-size: 17px}
    .hotel-facility-section .service-wrap .center-img {display: none}
    .hotel-facility-section .system-wrap .center-item::before, .hotel-facility-section .system-wrap .center-item::after {margin-top: 24px; margin-bottom: 48px}

    /* product section common (board type) */
    .table-photo > tbody > tr > td {float:none; width:100%; margin-bottom:30px}
    .table-photo .bbsnewf5 tr:first-child a {height:auto}

    /* product section (board type A) */
    .product-section .type-a-row .gallery_subject {padding-top:15px}
    .product-section .type-a-row .gallery_title {font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
    .product-section .type-a-row .gallery_etc {font-size:12px}

    /* product section (board type B) */
    .product-section .type-b-row .bbsnewf5 .info-inner .category {font-size:12px}
    .product-section .type-b-row .bbsnewf5 .info-inner h4 {font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

    /* board common */
    .board-category {margin-bottom:45px}
    .board-category ul {white-space:nowrap; overflow-y:auto}
    .board-category ul li {font-size:14px}
    .board-paging {padding-top:30px}
    .board-paging b, .board-paging a {font-size:13px}
    .board-write {padding-top:30px}
    .board-search {padding-top:40px}

    .table-article-view tr td {font-size:13px}
    .table-article-view .board_bgcolor {width:20%; min-width:80px}
    .board-view-thumbnails {margin-top:40px}
    .board-view-thumbnails > table {width:100%}
    .board-view-thumbnails > table table {width:33.333334%; margin-bottom:10px}
    .board-view-thumbnails > table table img {width:100%; height:auto !important}
	.table-article-write .board_desc input[type=text], .table-article-write .board_desc input[type=password], input[type=file] {width: 98%}

    /* customer - list type board */
    .table-board-list .thead td, .table-board-list tbody td {padding:15px 12px !important}
    .table-board-list .thead td {font-size:14px}
    .table-board-list tbody td {font-size:13px; max-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
    .table-board-list .bbsno {width:55px}
    .table-board-list .bbsetc_dateof_write {width:105px}
    .table-board-list td[rel='이벤트시작일'], .table-board-list td[rel='이벤트종료일'], .table-board-list .bbsetc_event_period_start, .table-board-list .bbsetc_event_period_finish {display:none}

    /* customer - faq */
    .faq-list .faq-type {width:32px; height:32px; font-size:15px; line-height:32px}
    .faq-list .board_bgcolor {text-align:left; width:60px}
    .faq-list .board_bgcolor:before {width:32px; height:32px; font-size:15px;line-height:32px}
    .faq-list .bbsnewf5:after {font-size:16px}
    .faq-list .bbsnewf5 a {font-size:16px}
    .faq-list .answer-row .answer-container {margin-left:60px; white-space:normal}

    /* customer - qna */
    .qna-list td[rel='작성일자'], .qna-list .bbsetc_dateof_write {display:none}

    /* member */
    .login-section .bottom-links {padding-top:20px}
    .login-section .bottom-links li {font-size:13px}
    .login-section .bottom-links li + li:before {height:12px; margin:0 10px}
    .register-section .register-steps {margin-bottom:40px}
    .register-section .register-steps li {font-size:14px; border-width:2px}
    .register-section .register-steps li + li:before {font-size:14px; margin-top:-8px}
    .register-section .register-steps li span[lang="en"] {font-size:11px}
    .register-section .terms-group {margin-bottom:25px; border:1px solid #dee2e6; border-radius:6px; overflow:hidden}
    .register-section .terms-group .heading {padding:16px 20px; font-size:16px}
    .register-section .terms-group .body {padding:25px 20px}
    .register-section .terms-group .footer {padding:16px 20px}
    .register-section .register-heading {font-size:19px}
    .register-section .form-group table td {font-size:13px}
    .register-section .form-group select[name^='birthday'] + select {margin-left:4px}
    .register-section .register-message {padding:32px 25px}
    .register-section .register-message h3 {font-size:18px}
    .register-section .register-message p {font-size:14px}

    /* setting B css - sub */
    .vision-section .vision_mission_group .container {display:block}
    .vision-section .vision_mission_group .container .group_box {display:block; padding:70px 0}
    .vision-section .vision_mission_group .container .group_box .item_box {float:none; width:70%; margin:0 auto}
    .vision-section .vision_mission_group .container .group_box .vision_box .box_inner .item_txt {margin-left:0}
    .vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap {width:140px}
    .vision-section .vision_mission_group .container .group_box .mission_box {margin-top:100px}
    .vision-section .vision_mission_group .container .group_box .mission_box .box_inner .item_txt {margin-right:0}
    .vision-section .vision_info p {font-size:13px}
    .partner-section .partner_wrap .partner_item06 .col_partner:nth-child(3) {border-bottom:1px solid #ddd}
    .platform-section2 .introduce_box img {width:100%}
    .platform-section2 .row_platform_introduce .col_introduce {margin-bottom:30px}
    .about-team-section .col-team {margin-bottom:15px}
    .vision-section .vision_info_box .row_info_box .col_info {width:100%}
    .community-section .community_wrap .community_box .title h3 {text-align:center; font-size:18px}
}

@media (max-width:540px) {
     #main-hero .slide-item {background-position:70% 50%}
     .articles_box .articles_item .articles_txt h5 {font-size:17px}
     .articles_box .articles_item .articles_txt p {font-size:13px}
     .main-parallax-section h2 {font-size:18px; line-height:1.8}
     .vision-section .vision_mission_group .container .group_box .mission_box {margin-top:50px}
     .vision-section .vision_info_box {margin-top:50px}
     .vision-section .vision_mission_group .container .group_box .item_box {width:100%;}
     .vision-section .vision_mission_group .container .group_box .item_box .box_inner .item_txt {text-align:center}
     .vision-section .vision_info_box .row_info_box .col_info {margin-right:0 !important; margin-left:0 !important}
     .vision-section .vision_info_box .row_info_box .col_info h3 {padding:20px 0}
     .vision-section .vision_mission_group .container .group_box .item_box .box_inner .item_txt h3 {font-size:18px}
     .vision-section .vision_mission_group .container .group_box .item_box .box_inner .item_txt p {font-size:15px; margin-bottom:25px}
     .vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap .circle_box .circle_asb .circle_table .circle_cell h3 {font-size:18px}
     .vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap {width:130px}
     .vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap {position:static; margin:0 auto; transform: inherit;}
     .vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap .circle_box:after {margin:0 auto; left:0 !important; right:0 !important; transform:rotate(90deg)}
     .vision-section .vision_mission_group .container .group_box .item_box .box_inner .circle_wrap .circle_box:after {content:''; display:none}
     
     .greeting-section .ceo_history_wrap .ceo_history_box .ceo_name h3 {font-size:15px}
     .greeting-section .ceo_history_wrap .ceo_history_box .ceo_name h3 strong {font-size:20px}
     .greeting-section .ceo_history_wrap .ceo_history_box .ceo_career dt, .greeting-section .ceo_history_wrap .ceo_history_box .ceo_career dd {float:none}
     .greeting-section .ceo_history_wrap .ceo_history_box .ceo_career dt {font-size:15px}
     .greeting-section .ceo_history_wrap .ceo_history_box .ceo_career dd p {font-size:13px}
     .greeting-section .greeting_box_bottom {margin-bottom:100px; margin-top:30px}
     .greeting-section .greeting_box_top .greeting_info .ceo_img {right:0}
     .greeting-section .greeting_box_top .greeting_info h3 {font-size:12px; margin-bottom:10px}
     .greeting-section .greeting_box_top .greeting_info p {font-size:13px}
     .greeting-section .ceo_history_wrap .ceo_history_box {padding-top:50px}
     .greeting-section .greeting_box_bottom p {font-size:13px}
     .greeting-section .ceo_history_wrap .ceo_history_box .ceo_history p {font-size:13px}
     .greeting-section .ceo_history_wrap .ceo_history_box .ceo_career dd {margin-left:0; font-size:13px; margin-top:10px}

     .history-section .history-group .year_box .col-history ul li + li {margin-top:20px}
     .history-section .history-group .year_box .year_title h4 {font-size:24px; margin-top:0; margin-bottom:20px}
     .history-section .history-group .year_box .year_title h4:after {top:-40px}
     .history-section .history-group .year_box .col-history ul li strong {font-size:16px; margin-right:0}
     .history-section .history-group .year_box .col-history ul li p {font-size:13px}
     .history-section .history-group .year_box .col-history h5 {font-size:13px}
     .history-section .history-group .year_box + .year_box {margin-top:100px}
     .history-section .history-group .year_box:last-child {margin-bottom:40px}

     .award-section .row_award .col_item .row div p {font-size:13px}
     .ci-section .ci_wrap .ci_item_top .mark_logo_box img {width:250px}
     .ci-section .ci_wrap .ci_item .ci_txt_box p {font-size:13px}
     .ci-section .ci_wrap .ci_item .ci_txt_box p br {display:none !important}
     .ci-section .ci_wrap .ci_item_bottom .ci_type_box .type_title h4 {font-size:14px}
     .ci-section .ci_wrap .ci_item_bottom .ci_type_box .ci_logo_box img {width:250px}
     .ci-section .ci_wrap .ci_item_bottom .ci_type_box {margin-bottom:15px}
     .ci-section .ci_wrap .ci_item_bottom .row_ci_type > div:last-child .ci_type_box {margin-bottom:0}
     .ci-section .ci_wrap .ci_item_bottom .ci_download_btn {padding-top:30px; padding-bottom:30px}
     .ci-section .ci_wrap .ci_item .title h3 {text-align:center; font-size:18px; margin-bottom:20px}
     .ci-section .ci_wrap .ci_item_bottom .ci_type_box .type_title {left:0; right:0; text-align:center}
     .ci-section .ci_wrap .ci_item_bottom .ci_type_box .type_title h4 {font-size:15px; color:#949494}
     
     .community-section2-bottom {padding-top:0; padding-bottom:30px}
     .community-section .community_wrap .community_box .title h3 {text-align:center; font-size:16px}
     .community-section .community_wrap .community_box .row + .row {padding-top:0}
     .community-section .community_wrap .community_box + .community_box {margin-top:30px}
     .community-section .community_wrap .community_box .row div p {min-height:36px}
     .community-section2 .community_wrap .community_box .row .col_service {margin-top:0}
     .platform-section .platform_tab {padding-bottom:50px}
     .platform-section .platform_tab ul li {width:50%}
     .platform-section .platform_tab ul li a {font-size:13px}
     .platform-section .platform_content > div img {width:100%}
     .platform-section .platform_content .head_txt {margin-bottom:10px}
     .platform-section .platform_content .head_txt h3 {font-size:18px}
     .platform-section .platform_content .body_txt h4 {font-size:20px}
     .platform-section .platform_content .body_txt p {font-size:13px}
     .platform-section .platform_content .body_txt ul li + li {margin-top:0}
     .platform-section .platform_content .body_txt ul li span {font-size:13px}
     .platform-section .platform_content .col_txt_box {margin-top:20px}
     .platform-section2 .introduce_box .introduce_txt p {margin-top:20px; font-size:13px}
     .app_download {padding-top:50px}
     .app_download .app_wrap .app_txt_box h4 {font-size:20px}
     .app_download .app_wrap .app_txt_box h5 {font-size:24px; margin-top:30px}
     .app_download .app_wrap .app_txt_box > p {font-size:13px; margin-top:30px}
     .app_download .app_wrap .app_download_btn {z-index:0}
     .app_download .app_wrap .app_download_btn .down_btn {width:50%}
     .app_download .app_wrap .app_download_btn .down_btn a {width:100%}
     .app_download .app_wrap .app_download_btn {padding-top:20px}
     .app_download .app_wrap .app_info {margin-top:20px}
     .app_download .app_wrap .app_info p {font-size:12px}
     .app_download .app_wrap .app_info p + p {margin-top:5px}
     .app_download .app_wrap .app_img {margin-top:50px}
     
     .about-visual-section .about-visual {padding:50px 0}
     .about-visual-section2 .about-visual h3 {font-size:16px; margin-bottom:50px}
     .about-visual-section .about-visual .col-visual h4 {font-size:13px; margin:15px 0 30px}
     .about-visual-section2 .about-visual .col-visual strong {font-size:18px; margin-bottom:0}
     .about-visual-section .about-visual .col-visual {padding:0}
     .about-visual-section .about-visual .col-visual .icon-wrap img {width:40px}
     .business-process-section .col-process .process-box p {font-size:13px}
     .consulting-business-section .consulting_business_wrap .row_consulting_business .col_con_business img {width:250px}
     .etc-section .etc_business_wrap .etc_item_wrap .item_content .txt_box ul li + li {margin-top:10px}

     .partner-section .partner_wrap .partner_item06 .col_partner:last-child {border:0}
     .partner-section .partner_wrap .partner_item06 .col_partner:nth-child(3) {border-right:1px solid #ddd; border-bottom:0}
     /* .partner-section .partner_wrap .partner_item .col_partner {border:0 !important} */
     

}