@charset "UTF-8";
@import url(https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

/**
*
http://crossdesign.co.kr, Website project
project name : 아이메디신
*
**/

/* ++++++++++++++++++++++++++++++++++++++++ *
    RESET
* ++++++++++++++++++++++++++++++++++++++++ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, p, .entry ul, .entry ol { margin: 0; padding: 0;}
dl, ul, ol, li {list-style:none !important;}
ul, ol { margin: 0 !important;}
p {padding-bottom: 0 !important;}

a {text-decoration: none;}
a:hover {text-decoration: none;}


/* ++++++++++++++++++++++++++++++++++++++++ *
    FONTS
* ++++++++++++++++++++++++++++++++++++++++ */
html, body, p, a, h1, h2, h3, h4, h5, h6, input {font-family:"Roboto","Spoqa Han Sans","Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important;}
.font_play {font-family: 'Play', sans-serif;}


/* ++++++++++++++++++++++++++++++++++++++++ *
    테마기본설정
* ++++++++++++++++++++++++++++++++++++++++ */
.wpb_wrapper >div { margin-bottom: 0 !important;}
.container-wrap {padding-bottom: 0 !important; padding-top: 0 !important;}
.material .wpb_row {margin-bottom: 0 !important;}
.row .col img { margin-bottom: 0 !important;}
.img-with-aniamtion-wrap .hover-wrap {margin-bottom: 0 !important;}

label span {color: #0a0a0a !important;}


/* ++++++++++++++++++++++++++++++++++++++++ *
    STYLE
* ++++++++++++++++++++++++++++++++++++++++ */
::selection { background: #3ebcbd; color: #ffffff;}

/* TEXT */
.t_center{text-align: center;}
.t_left{text-align:left;}
.t_right{text-align:left;}

.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}

.fs-title-xxs{font-size: 13px;}
.fs-title-xs{font-size: 14px; line-height: 21px;}
.fs-title-s{font-size: 16px; line-height: 31px; word-break: keep-all;}
.fs-title-m{font-size: 17px; line-height: 31px; word-break: keep-all;}
.fs-title-ml{font-size: 18px; word-break: keep-all;}
.fs-title-ml-en {font-size: 21px;}
.fs-title-l{font-size: 22px;}
.fs-title-xl{font-size: 26px; line-height: 38px; word-break: keep-all;}
.fs-title-xxl{font-size: 33px; line-height: 55px; letter-spacing: -1px; word-break: keep-all;}
.fs-title-xll{font-size: 38px; line-height: 59px; letter-spacing: -1px; word-break: keep-all;}

.fs-body-xxs{font-size: 13px;}
.fs-body-xs{font-size: 14px; line-height: 21px;}
.fs-body-s{font-size: 16px; line-height: 31px; word-break: keep-all;}
.fs-body-m{font-size: 17px; line-height: 31px; word-break: keep-all;}
.fs-body-ml{font-size: 18px; word-break: keep-all;}
.fs-body-l{font-size: 22px;}
.fs-body-xl{font-size: 26px; line-height: 40px; word-break: keep-all;}

.fs20 {font-size: 20px;}
.fs29 {font-size: 29px;}

.h-txt-sm-tm {font-size: 18px; vertical-align: 35px;}
.h-txt-sm-r {font-size: 20px; vertical-align: 35px; padding-left: 3px; font-family:"Roboto", sans-serif !important;}
.m-txt-sm-r {font-size: 14px; vertical-align: 15px; padding-left: 3px; font-family:"Roboto", sans-serif !important;}
.txt-sm-tm {font-size: 10px; vertical-align: 8px;}
.txt-sm-r {font-size: 14px; vertical-align: 8px;}

.wb_ka {word-break: keep-all;}

/* padding */
.pb5 {padding-bottom:5px !important;}

/* COLOR */
.c_white{color:#fff;}
.c_white2{color:#f7f7f7;}
.c_gray{color:#666;}
.c_lightgray{color:#ccc;}
.c_style01{color:#3ebcbd;}

.underline {border-bottom: 1px solid #0a0a0a;}
.border {border:1px solid #ccc;}


/* ++++++++++++++++++++++++++++++++++++++++ *
    DISPLAY
* ++++++++++++++++++++++++++++++++++++++++ */
/*1300*/
.lla_none {display: block !important;}
.lla_block {display: none !important;}

/*1024*/
.la_none {display: block !important;}
.la_block {display: none !important;}

/*999*/
.ta_none {display: block !important;}
.ta_block {display: none !important;}

/*690*/
.mo_none {display: block !important;}
.mo_block {display: none !important;}


/* ++++++++++++++++++++++++++++++++++++++++ *
    페이지공통
* ++++++++++++++++++++++++++++++++++++++++ */
/* QUICK */
#to-top {    right: 26px !important;}
.quick {
    display: block;
    position: fixed;
    bottom: 100px;
    right: 24px;
    z-index: 999;
}
.quick ul li {position: relative;}
.quick ul li.q_kakao {margin-bottom: 10px;}

.quick ul li a { display: block; width: 57px; height: 57px; margin-bottom: -10px; transition: all 0.2s;}
.quick ul li.img_r a {position: relative; margin-bottom: -2px;}
.quick ul li.img_r a::after {
    content: "";
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height:18px;
    background: url(../../../uploads/2021/10/quick_img05_question3.png) 0 0 no-repeat;
}
.quick ul li a:hover {opacity: 0.9;}
.quick ul li a img {margin-bottom: -2px;}

.quick ul li.img_r a img {animation: rotate_image 15s linear infinite;transform-origin: 50% 50%;}
@keyframes rotate_image{
    100% { transform: rotate(360deg); }
}

/* HEADER */
#top nav >ul >li >a {font-size: 17px !important; margin-left: 23px !important;  margin-right: 23px !important; letter-spacing: -0.1px; color: #0A0A0A !important;}
#header-outer .sf-menu li ul li a {font-size: 14px !important; line-height: 15px !important; color: #333 !important;}
#header-outer .sf-menu li ul li a:hover {color: #fff !important;}
#header-outer .sf-menu li ul li.current_page_item a {color: #fff !important;}

/* HEADER - 언어메뉴 */
#header-outer .sf-menu {position: relative;}
.menu-item-wpml-ls-6-ko {position: absolute !important; top: 49px; right: 148px;}
.menu-item-wpml-ls-6-en {position: absolute !important; top: 49px; right: 79px;}
.menu-item-wpml-ls-6-ko a {position: relative;}
.menu-item-wpml-ls-6-ko a span.wpml-ls-native::after {
    position: absolute;
    display: block;
    content: "";
    top:3px;
    right:-8px;
    width: 1px;
    height: 16px;
    background-color: #0a0a0a;
}
body #header-outer.small-nav #menu-item-wpml-ls-6-ko,
body #header-outer.small-nav #menu-item-wpml-ls-6-en {top:27px;}

@media screen and (min-width:999px) {
    .wpml-ls-item-ko, .wpml-ls-item-en {display: none;}   
}
@media screen and (max-width:999px) {
    .menu-item-wpml-ls-6-ko {position: static !important; }
    .menu-item-wpml-ls-6-en {position: static !important; }
    .menu-item-wpml-ls-6-ko a {font-size: 38px !important;}
    .menu-item-wpml-ls-6-en a {font-size: 38px !important;}

    .menu-item-wpml-ls-6-ko a span.wpml-ls-native::after {display: none;}
}
@media screen and (max-width:690px) {    
    .menu-item-wpml-ls-6-ko a {font-size: 30px !important;}
    .menu-item-wpml-ls-6-en a {font-size: 30px !important;}    
}

/* SEARCH */
#search-outer #search #search-box input[type="text"] {font-size: 60px !important;}
#search-outer #search #close {top: 18px !important; margin-top: 0 !important;}
#search-outer #search .span_12 form > span {position: static !important;}

.search_tag { display: inline-block; margin-top: 30px !important;}
.search_tag .title { font-size: 17px; letter-spacing: -0.8px; line-height: 28px; color: #333333;}
.search_tag ul {padding-top: 15px;}
.search_tag ul li { float: left; margin-right: 10px; font-size: 15px; letter-spacing: -0.6px;}
.search_tag ul li a {
    color: #fff;
    border: 2px solid #3cb4b4;
    background: #3cb4b4;
    border-radius: 30px;
    padding: 6px 15px !important;
}

#search-results .result .title a {font-weight: 400;}

/* btn */
.wpb_btn.location ul {overflow: hidden;}
.wpb_btn.location ul li {float: left; width: 48%; border:1px solid #9b9b9b; border-radius: 50px;}
.wpb_btn.location ul li:first-child { margin-right: 15px;}
.wpb_btn.location ul li a {display: block; font-size: 16px; padding: 9px 26px 9px 43px; text-align: center; color: #0a0a0a; transition: color 0.2s; }
.wpb_btn.location ul li a:hover {color: #3ebcbd;}

.wpb_btn.location ul li.google_map a {background: url(../../../uploads/2021/11/sub_location_google-b.png) no-repeat; background-position: center left 42px;}
.wpb_btn.location ul li.google_map a:hover {background: url(../../../uploads/2021/11/sub_location_google-m.png) no-repeat; background-position: center left 42px;}

.wpb_btn.location ul li.naver_map a {background: url(../../../uploads/2021/11/sub_location_naver-b.png) no-repeat; background-position: center left 42px;}
.wpb_btn.location ul li.naver_map a:hover {background: url(../../../uploads/2021/11/sub_location_naver-m.png) no-repeat; background-position: center left 42px;}

.wpb_btn.download {margin-top: 30px;}
.wpb_btn.download ul {overflow: hidden; }
.wpb_btn.download ul li {float: left; width: 48%; border:1px solid #ccc;}
.wpb_btn.download ul li:first-child {margin-right: 5px; }

.wpb_btn.download ul li a {display: block; font-size: 14px; padding: 4px 36px 3px 19px; text-align: center; color: #0a0a0a;
    background: url(../../../uploads/2021/11/sub_download_icon.png) no-repeat; background-position: center right 28px;
}

.wpb_btn.download ul li.one_btn {float:none; margin: 0 auto;}

.nectar-cta[data-using-bg="true"] .text {font-size: 16px;}

/* list */
/* .num_list ul li {list-style: decimal !important; margin-left: 20px;} */
.circle_list ul li {list-style: circle !important; margin-left: 20px; padding-bottom: 5px !important;}

/* divider-border */
.divider-border { margin-top: 0 !important; margin-bottom: 0 !important;}

/* img */
.img_border {border:1px solid #ccc;}

/* text-box */
.text_box_col1 { padding: 17px 20px; border: 1px solid #ccc;}

/* FORM */
.formcraft-css .powered-by {display: none !important;}
.formcraft-css .fc-form {box-shadow: none !important;}
.formcraft-css .fc-form .form-page-content {  padding: 1.5em 3.5em !important;}
.formcraft-css .fc-form .field-cover>span>span { font-size: 17px; font-weight: 400;}
.formcraft-css .fc-form .field-cover.checkbox-cover .main-label a { color: #0a0a0a; text-decoration: underline;}
.formcraft-css .fc-form .field-cover.checkbox-cover .main-label a:hover { color: #3ebcbd;}
.formcraft-css .fc-form .form-element .submit-cover.align-center .submit-button { border-radius: 50px !important;}
.formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file span {color: #fff !important;}
.formcraft-css .fc-form .field-cover>span span.sub-label { font-size: 15px !important; font-style: normal !important;}

/*BLOG POST-메인*/
.nectar-recent-post-slide .nectar-recent-post-bg:after {background-color: rgba(25,25,25,0.6) !important;}
.nectar-recent-posts-slider .recent-post-container h2 { font-size: 22px; line-height: 36px; word-break: keep-all; text-shadow: 1px 1px 4px rgb(0 0 0 / 50%);}
/*BLOG POST-서브*/
.posts-container .post-content .article-content-wrap .excerpt {display: none;}
.post h3.title {font-size: 16px; line-height: 31px; font-weight: 400;}
#pagination .page-numbers {font-weight: 400;}

.nectar-post-grid .nectar-post-grid-item .content .post-heading {text-align: center;}

/*BLOG POST-서브 글*/
.container .blog-title .entry-title {word-break: keep-all;}
.container .meta-comment-count a, .container .meta-author a {pointer-events: none; cursor: default;}
.container .comments-section, .container .post-area #author-bio {display: none;}

.single .heading-title[data-header-style="default_minimal"] .meta-category a {border-radius: 50px;}

.container .heading-title .section-title.blog-title h1 {font-size: 45px; line-height: 73px; letter-spacing: -2px; font-weight: 400;}

.material.single-portfolio .post-area h1,
.material.single-portfolio .post-area h2,
.material.single-portfolio .post-area h3,
.material.single-portfolio .post-area h4,
.material.single-portfolio .post-area h5,
.material.single-portfolio .post-area h6 {font-weight: 500;}

/*BLOG POST-서브 글 사이드바*/
.wp-block-search .wp-block-search__inside-wrapper { height: 33px;}
body[data-form-submit="regular"] .container-wrap button[type=submit].wp-block-search__button {width: 20%; padding: 2px 0 !important; background-color: #ccc;}
body[data-form-submit="regular"] .container-wrap button[type=submit].wp-block-search__button:hover {background-color: #ccc !important;}
#sidebar .widget.widget_block h3 {font-size: 18px;}

/*portfolio*/
.bottom_controls #portfolio-nav .controls {margin-top: -25px !important;}
#sidebar #sidebar-inner a {color:#0a0a0a;}
#sidebar #sidebar-inner a:hover {color:#3ebcbd;}

.single-portfolio .row .col.section-title h1 { font-size: 50px !important; font-weight: 400 !important; word-break: keep-all;}

.nectar-post-grid .nectar-post-grid-item .content .post-heading { font-weight: 400 !important; word-break: keep-all;}

.portfolio_list {width: 357px; height:600px;}


/*kboard 게시판*/
#kboard-default-list .kboard-list thead tr td {font-weight: 400 !important; color:#000 !important;}
#kboard-default-list .kboard-list table td {font-size: 15px !important;}

#kboard-default-list .kboard-list table td.kboard-list-num {width: 150px;}
#kboard-default-list .kboard-list table td.kboard-list-vote { width: 120px !important;}

body[data-form-submit="regular"] .container-wrap button[type=submit].kboard-default-button-small { padding: 0px 22px !important; }
body[data-form-submit="regular"] .container-wrap button[type=submit].kboard-default-button-small:hover { opacity: 0.7 !important; background-color: #eaeaea !important;}

#kboard-default-editor label span.field-name {color: #333 !important; font-weight: 400;}
#kboard-default-editor .kboard-content #fc_afb {display: none;}

/* kboard -오션프랜차이즈 -병원찾기*/
#kboard-ocean-franchise-list .kboard-map-v2 {margin: 0 0 10px 180px !important;}
#kboard-ocean-franchise-list .kboard-map-v2 .map-area a { color: #444 !important; font-weight: 400 !important;}

#kboard-ocean-franchise-list .kboard-header-title {font-size: 18px !important; padding-left: 0 !important; background: none !important;}

#kboard-ocean-franchise-list .kboard-search {margin: 0 0 50px 0 !important;}
#kboard-ocean-franchise-list .kboard-search button {    line-height: 0px !important;}

#kboard-ocean-franchise-list .kboard-list table td.kboard-list-branch {width: 30% !important;}
#kboard-ocean-franchise-list .kboard-list table td.kboard-list-tel {width: 15% !important; }

#kboard-ocean-franchise-document .kboard-franchise-info table td {padding: 8px 0 !important;}
#kboard-ocean-franchise-document .kboard-franchise-info table tr:nth-child(1) td.kboard-franchise-attr,
#kboard-ocean-franchise-document .kboard-franchise-info table tr:nth-child(1) td.kboard-franchise-value {border-top: 0 !important;}

.right button.kboard-ocean-franchise-button-small {
    height: 0;
    line-height: 0;
}
@media screen and (max-width:1024px) {
    #kboard-ocean-franchise-list .kboard-map-v2 {margin: 0 0 10px 0 !important;}
    #kboard-ocean-franchise-list .kboard-search input {width: 59% !important;}
    #kboard-ocean-franchise-list .kboard-search button {padding: 15px 16px !important; width: 20% !important; max-width: 20% !important;}
}
@media screen and (max-width:999px) {
    .search_milestone_wrap .vc_col-sm-3 {width: 25% !important;}
    .search_milestone_wrap .vc_col-sm-3 .number.accent-color {font-size: 54px !important;}
    #kboard-ocean-franchise-list .kboard-map-v2 {margin: 0 0 20px 153px !important;}
}
@media screen and (max-width:767px) {
    #kboard-ocean-franchise-list .kboard-list table td.kboard-list-branch {width: 34% !important;}
    #kboard-ocean-franchise-list .kboard-list table td {padding: 10px 6px !important; line-height: 22px !important;}
    #kboard-ocean-franchise-list .kboard-list table td.kboard-list-tel {display: none;}
    .search_milestone_wrap .vc_col-sm-3 .number.accent-color {font-size: 40px !important; line-height: 37px !important;}
    #kboard-ocean-franchise-list .kboard-map-v2 {margin: 0 0 20px 60px !important;}    
}
@media screen and (max-width:480px) {
    .search_milestone_wrap .nectar-milestone .subject {font-size: 14px; line-height: 14px;}
    .search_milestone_wrap .vc_col-sm-3 .number.accent-color {font-size: 33px !important;}
    #kboard-ocean-franchise-list .kboard-map-v2 {margin: 0 0 20px 0px !important;}

}


/* MAIN */
.main_title p {font-size: 43px; font-weight: 600; line-height: 74px; word-break: keep-all;}
.main_title_2 p {font-size: 45px; line-height: 66px; word-break: keep-all;}
.main_title_3 p {font-size: 42px; line-height: 69px; letter-spacing: -2px;}

.main_pr_wrap .pr_text_col a {color: #0a0a0a;}
.main_pr_wrap .pr_text_col a img { margin-left: 11px; vertical-align: 4px;}

.ani_tit_1 .nectar-animated-title h1 {font-size: 70px;}

/* MAIN slide 메인슬라이드*/
.ms_tm { font-size: 12px !important; vertical-align: 13px;}
.ms_r { font-size: 14px !important;  vertical-align: 13px; font-family:"Roboto", sans-serif !important;}

/* SUB */
.top_submenu_wrap .inner-wrap {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.top_submenu_wrap .top_submenu ul {overflow: hidden;}
.top_submenu_wrap .top_submenu ul li { float: left; border-left: 1px solid #ccc;}
.top_submenu_wrap .top_submenu ul li:last-child { border-right: 1px solid #ccc;}

.top_submenu_wrap .top_submenu.menu_2 ul li {width: calc(100%/2);}
.top_submenu_wrap .top_submenu.menu_3 ul li {width: calc(100%/3);}
.top_submenu_wrap .top_submenu.menu_4 ul li {width: calc(100%/4);}
.top_submenu_wrap .top_submenu.menu_5 ul li {width: calc(100%/5);}
.top_submenu_wrap .top_submenu.menu_6 ul li {width: calc(100%/6);}

.top_submenu_wrap .top_submenu ul li.active { position: relative;}
.top_submenu_wrap .top_submenu ul li.active::after {
    display: block;
    position:absolute;
    content: "";
    width: 100%; height: 2px;
    bottom: 0; left: 0;
    background-color: #3ebcbd;
}
.top_submenu_wrap .top_submenu ul li.active a { color: #3ebcbd; font-weight: 500;}
.top_submenu_wrap .top_submenu ul li a {display: block; font-size: 16px; padding: 23px 0; color: #0a0a0a; text-align: center; }
.top_submenu_wrap .top_submenu ul li a:hover {color: #3ebcbd;}

.product_menu {border-bottom: 1px solid #ccc; z-index: 9999;}
.product_menu ul {overflow: hidden;}
.product_menu ul li {float: left; width: 19%;}
.product_menu ul li a {display: block; font-size: 19px; padding: 18px; color: #333; text-align: center; }
.product_menu ul li.active a {
    color: #fff;
    background: -webkit-linear-gradient(-45deg, #3ebcbd 0%,#6ead73 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #3ebcbd 0%,#6ead73 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.sub_header_wrap {padding: 100px 0 !important;}
.sub_header_wrap h1 {font-size: 73px; padding-bottom: 27px; letter-spacing: -2px; font-weight: 400; text-align: center; font-family: 'Play', sans-serif !important;}
.sub_header_wrap .sub_header_copy {position: relative; font-size: 15px; padding-bottom: 23px !important; text-align: center; text-transform: uppercase;}
.sub_header_wrap .sub_header_copy::after {
    display: block;
    position:absolute;
    content: "";
    width: 43px; height: 2px;
    bottom: 15px; left: 50%;
    transform: translateX(-50%);
    background-color: #b0b0b0;
}
.sub_header_wrap .sub_header_text {font-size: 18px; line-height: 35px; text-align: center; word-break: keep-all;}

.sub_content_wrap h2 {font-size: 55px; letter-spacing: -1px; font-weight: 400;}

.sub_content_wrap .sub_content_copy {font-size: 17px; color: #3ebcbd;}
.sub_content_wrap h3 {font-size: 40px; line-height: 58px; letter-spacing: -1px; font-weight: 400;}
.sub_content_wrap h4 {font-size: 30px; line-height: 41px; letter-spacing: -1px; font-weight: 400;}
.sub_content_wrap h5 {font-size: 23px; line-height: 38px; word-break: keep-all; font-weight: 400; color: #000;}
.list_style h5 {padding-left: 15px;}

.list_style::before {
    content: '·';
    display: block;
    float: left;
    margin-top: 6px;
    font-size: 20px;
    color: #0a0a0a;
    font-weight: bold;
}

.sub_content_wrap .play_button_with_text .link-text p {font-size: 16px;}

.sub_section_wrap {position: relative; padding-top: 50px !important;}
.sub_section_wrap::after {
    position: absolute;
    content: '';
    display: block;
    width: 100%; max-width: 1300px; height: 1px;
    top: 0; left: 0;
    background-image: url(../../../uploads/2021/11/sub_col_border.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.sub_section_wrap.tech {padding-top: 30px !important;}
.sub_section_wrap.tech::after { background-image: url(../../../uploads/2021/11/sub_col_border2.jpg);}
.sub_section_wrap.tech .fs-body-m {color: #545454 !important;}

.tech_col_t1 p {
    font-size: 24px;
    line-height: 37px;
    padding: 12px 0 0 14px;
    font-weight: 300;
}

@media screen and (min-width:999px) {
    .sub_section_wrap.tech .vc_col-sm-4 {padding-right: 4em !important;}
    .sub_section_wrap.tech .vc_col-sm-8 {padding: 0 3em !important;}
}


.sub_history_wrap .history_col_year {font-size: 30px; padding-bottom: 10px !important; font-weight: 500; letter-spacing: -1px; color: #3ebcbd;}
.sub_history_wrap .history_col_title {font-size: 18px; color: #3ebcbd; word-break: keep-all;}
.sub_history_wrap dl.history {overflow: hidden; padding-bottom: 30px !important;}
.sub_history_wrap dl.history dt {float: left; width: 10%; font-size: 18px; font-weight: 700; color: #454545;}
.sub_history_wrap dl.history dd {float: left; width: 90%; font-size: 17px; color: #454545; word-break: keep-all;}
.sub_history_wrap dl.history dd ul li {padding-bottom: 8px;}

.sub_banner_wrap {padding: 0 80px;}
.sub_bg_wrap > div.row-bg-wrap {background-color: #f5f5f5; border-left: 80px solid #fff; border-right: 80px solid #fff;}

.sub_map_wrap { height: 500px;}

.icon_box {border-right: 1px solid #ccc;  padding: 25px 20px;}
.icon_box.last {border-right:0;}
.icon_box .icon_box_col {font-size: 17px; word-break: keep-all;}
.icon_box .icon_box_col .icon_box_title {padding: 25px 0 18px !important; font-weight: 600;}

.download_box .vc_column-inner {position: relative; border: 1px solid #dbdbdb;}
.download_box .vc_column-inner .download_cont {padding: 20px 20px;}
.download_box .vc_column-inner .download_cont .copy {font-size: 14px; color: #3ebcbd; font-weight: 600;}
.download_box .vc_column-inner .download_cont .title {font-size: 26px; padding-top: 5px; letter-spacing: -1px; color: #0a0a0a; }
.download_box .vc_column-inner .download_cont .title.en {font-size: 30px;}
.download_box .vc_column-inner .download_img { position: absolute; bottom: 27px; right: 20px; width: 40px; height: 40px;}

.sub_hori_wrap .tabbed .nectar-hor-list-item {padding: 14px;}
.sub_hori_wrap .nectar-hor-list-item[data-columns="4"] >.nectar-list-item { width: 25%; line-height: 22px; color: #686868; font-size: 13px;}
.sub_hori_wrap .nectar-hor-list-item .nectar-list-item-btn { font-size: 13px;}
.sub_hori_wrap .nectar-hor-list-item > div:nth-child(1) {width: 21% !important;}
.sub_hori_wrap .nectar-hor-list-item > div:nth-child(2) {width: 49% !important;}
.sub_hori_wrap .nectar-hor-list-item > div:nth-child(3) {width: 21% !important;}
.sub_hori_wrap .nectar-hor-list-item > div:nth-child(4) {width: 9% !important;}

.sub_spec_wrap .wpb_tabs_nav li {width: 50%;}
.sub_spec_wrap .wpb_tabs_nav li a {font-size: 18px; padding-top: 18px !important; padding-bottom: 18px !important;}
.sub_spec_wrap .wpb_tabs_nav li:first-child a {position: relative;}
/*.sub_spec_wrap .wpb_tabs_nav li:first-child a span::after {
    content: "TM";
    display: block;
    position: absolute;
    top: 11px;
    right: 50%;
    margin-right: -58px;
    font-size: 10px;
    color: #888;
}*/
.sub_spec_wrap .wpb_tabs_nav li:first-child a.active-tab span::after { color: #fff;}

.sub_spec_wrap .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip {box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);}
.sub_spec_wrap .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip .spot_tit {font-size: 16px; margin-bottom: 10px; color:#000; }

.sub_spec_wrap .spec_table { overflow-x: auto;}
.sub_spec_wrap .spec_table table {width: 67% !important; margin: 0 auto !important; overflow-x: scroll; }
.sub_spec_wrap .spec_table table tr:first-child {border-bottom: 2px solid #d9d9d9;}
.sub_spec_wrap .spec_table table tr th {font-size: 14px; padding: 10px 15px; background-color: #fff !important;}
.sub_spec_wrap .spec_table table tr td {font-size: 12px; padding: 2px 15px !important; vertical-align: middle; background-color: #fff !important; word-break: keep-all;}
.sub_spec_wrap .spec_table table tr td.t_head {font-size: 19px; text-align: center; vertical-align: middle; font-weight: 500;}
.sub_spec_wrap .spec_table table tr td.t_title {font-size: 13px; background-color: #f5f5f5 !important; font-weight: 600; vertical-align: middle;}
.sub_spec_wrap .spec_table table tr td.t_cont {padding-left:105px !important;}

.sub_spec_wrap .spec_table table tr td a.spec_p {
    display: inline-block;
    width: 184px;
    padding: 0px 5px;
    border-radius: 3px;
    background-color: #959595;
    color: #fff;
}


.ceo_message_wrap .row_col_wrap_12_inner {padding-top: 65px;}
.ceo_message_wrap .vc_col-sm-4.ceo_message_title {width: 26%; padding-top: 50px;}
.ceo_message_wrap .vc_col-sm-4.ceo_message_cont {width: 40%; padding-top: 50px;}
.ceo_message_wrap .ceo_sign_col p {position: relative;}

.ceo_message_t1 { font-size: 40px; line-height: 53px; letter-spacing: -1px; word-break: keep-all;}
.ceo_message_t2 { font-size: 28px; line-height: 53px; letter-spacing: -1px; word-break: keep-all;}

.ceo_history {overflow: hidden;}
.ceo_history ul { width: 33.3333%; float: left;}
.ceo_history ul li { position: relative; padding-left: 8px; padding-right: 25px; line-height: 25px;  margin-bottom: 14px; word-break: keep-all;}
.ceo_history ul li::before {
    display: block;
    content: "";
    position: absolute;
    width: 2px; height: 2px;
    border-radius:2px;
    top: 13px; left: 0;
    background-color: #0a0a0a;
}
.ceo_history.en ul li {font-size: 15px;}


.sub_rc_wrap .fs-title-s p {position: relative; margin: 20px 0 15px !important;}
.sub_rc_wrap .fs-title-s p::after {
    display: block;
    content: "";
    position: absolute;
    width: 20px; height: 2px;
    bottom: -4px; left: 50%; margin-left: -10px;
    background-color: #ccc;
}

.sub_feature_wrap .vc_col-sm-3 .vc_column-inner {padding: 50px 26px; border: 1px solid #d4d4d4; border-radius: 20px;}
.sub_feature_wrap .fs-title-ml { padding: 25px 0 10px !important; }
.sub_feature_wrap .fs-body-s {line-height: 25px;}

.sub_series_wrap .sub_series_top_col {padding: 15px 10px; color: #fff; background-color: #979797; border-radius: 20px 20px 0 0;}
.sub_series_wrap .sub_series_top_col .fs-title-xxl {font-size: 30px;}
.sub_series_wrap .sub_series_bottom_col {background-color: #fff; }
.sub_series_wrap .sub_series_bottom_col .fs-title-m {padding: 25px 10px 12px !important;}

.sub_series_wrap .img-with-aniamtion-wrap {background-color: #fff; border-radius: 0 0 20px 20px;}
.sub_series_wrap .img-with-aniamtion-wrap img {width: 70% !important;}
.sub_series_wrap .fs-title-xxl {letter-spacing: 0;}
.sub_series_wrap .fs-title-xl {
    display: table;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
}
.sub_series_wrap .sub_series_btn { padding-bottom: 15px; background-color: #fff;}

.sub_video_wrap .nectar-video-box {box-shadow: 1px 3px 23px rgb(0 0 0 / 10%);}

.sub_item_wrap .nectar-icon-list-item {margin-bottom: 33px !important;}
.sub_item_wrap .nectar-icon-list .nectar-icon-list-item h4, .sub_item_wrap2 .nectar-icon-list .nectar-icon-list-item h4 {
    word-break: keep-all;
    font-weight: 400;
    color: #000;
}
.sub_item_wrap2 {padding: 0 80px;}
.sub_item_wrap2 .vc_col-sm-6.sub_item_left {width: 48%;}
.sub_item_wrap2 .vc_col-sm-6.sub_item_right {width: 52%;}
.sub_item_wrap2 .vc_col-sm-6.sub_item_left .vc_column-inner {padding: 100px 0 0 200px;}
.sub_item_wrap2 .vc_col-sm-6.sub_item_right .fs-title-m p {
    position: absolute;
    left: 56%;
    transform: translateX(-50%);
}

.tag_list ul {overflow: hidden;}
.tag_list ul li {
    margin: 0 9px 17px;
    float: left;
    border: 1px solid #3ebcbd;
    border-radius: 50px;
}
.tag_list.col3 ul li { width: calc(100%/3 - 18px);}
.tag_list.col4 ul li { width: calc(100%/4 - 20px);}
.tag_list ul li a {display: block; padding: 11px 20px; text-align: center; color: #0a0a0a; background-color: #fff; border-radius: 50px; transition: all 0.2s;}
.tag_list ul li a:hover {color: #fff; background-color: #3ebcbd;}

.before_after_wrap ul.before_after_text {overflow: hidden;}
.before_after_wrap ul.before_after_text li {
    width: 50%;
    text-align: center;
    float: left;
    padding: 3px 0;
}
.before_after_wrap  ul.before_after_text li:nth-child(1) {background-color: #efefef;}
.before_after_wrap  ul.before_after_text li:nth-child(2) {background-color: #dbdbdb;}
.before_after_wrap .twentytwenty-wrapper { padding: 5px 0 !important;}
.before_after_wrap .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
    width: 6px !important;
    margin-left: -3px !important;
}

.sub_morphing_wrap h2 {padding:10px;}
.sub_morphing_wrap .morphing_copy {font-size: 30px;}
.sub_morphing_wrap .morphing-outline.instance-0, .sub_morphing_wrap .morphing-outline.instance-1 { padding: 250px 50px;}


.sub_bio {padding-bottom: 20px !important;}
.sub_bio p { display: inline-block; border-bottom: 2px solid #000; margin-bottom: 20px;}
.sub_bio ul li {padding: 0 0 6px 20px;}

.sub_customer_wrap .customer_col_t1 p { font-size: 29px; line-height: 45px; word-break: keep-all;}

.vt_tab_wrap .nectar-scrolling-tabs .scrolling-tab-nav a {font-size: 16px; line-height: 24px; font-weight: 600;}
.vt_tab_wrap .nectar-scrolling-tabs .scrolling-tab-content {padding-left: 9%;}
.vt_tab_wrap .nectar-scrolling-tabs[data-tab-spacing="10%"] .scrolling-tab-content > div {padding-top: 0%; padding-bottom: 0%;}
.vt_tab_wrap .fs-title-m {    margin-bottom: 10px !important;}
.vt_tab_wrap .fs-title-s {    margin-bottom: 0 !important;}

.publi_tab_col {box-shadow: 0px 30px 90px rgb(0 0 0 / 14%);}
.publi_tab_col .publi_cont {padding: 0px 20px 20px !important;}
.publi_tab_col .publi_cont .publi_t { 
    margin-bottom: 15px; text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.publi_tab_col .publi_cont .publi_btn ul {overflow: hidden;}
.publi_tab_col .publi_cont .publi_btn ul li {
	float: left;   
    margin-right: 10px;
    border: 1px solid #3ebcbd;
}
.publi_tab_col .publi_cont .publi_btn ul li:last-child {margin-right:0;}
.publi_tab_col .publi_cont .publi_btn ul li a {
	display: block;
	padding: 3px 20px;
	font-size: 13px;
	text-align: center;
	font-weight: 500;
	transition: all 0.2s;
}
.publi_tab_col .publi_cont .publi_btn ul li a:hover {
	color: #fff;
	background-color: #3ebcbd;
}


/* Research Collaboration table */
.equal_height {height:63px;}
.table_hold {position:relative;}

.research_table_box {position: relative; overflow-x: auto;}
.research_table {width: 100%; text-align: center; border-bottom: 2px solid #c1c1c1; overflow-x: scroll;}
.research_table tr:first-child { border-bottom: 2px solid #c1c1c1;}
.research_table th {text-align:center; font-size:15px; color:#242424; border-left:1px solid #333333;
    letter-spacing:-0.3px; padding: 12px 5px !important; vertical-align:middle; font-weight: 400 !important;
    background-color: #efefef;     border-color: #e5e5e5 !important; word-break: keep-all;
}

.research_table tr.border_bottom {border-bottom: 2px solid #c1c1c1; }
.research_table tr.table_title td, .research_table tr.equal_height>td:last-child {font-size: 15px !important;}

.research_table tr td {
    text-align: center;
    font-size: 14px !important;
    color: #333333;
    line-height: 23px;
    font-weight: 300;
    vertical-align: middle;
    letter-spacing: -0.3px;
    padding: 15px 15px;
    border-color: #e5e5e5 !important;
    font-weight: 400;
    word-break: keep-all;
}

.table_arrow_mint {
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 12px;
    background-color: #3ebcbd;
    text-indent: -9999999px;
    transition: all 2.8s ease-in-out;
    -moz-transition: all 2.8s ease-in-out;
    -webkit-transition: all 2.8s ease-in-out;
    transform: translateY(200%);
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
}
.table_arrow_mint::after {
    position: absolute;
    right: -11px;
    top: -7px;
    z-index: -1;
    content: '';
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #3ebcbd;
    display: block;
    animation: arrow_after 1.2s forwards;
}

.table_arrow_navi {
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 12px;
    background-color: #525385;
    text-indent: -9999999px;
    transition: all 2.8s ease-in-out;
    -moz-transition: all 2.8s ease-in-out;
    -webkit-transition: all 2.8s ease-in-out;
    transform: translateY(200%);
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
}
.table_arrow_navi::after {
    position: absolute;
    right: -11px;
    top: -7px;
    z-index: -1;
    content: '';
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #525385;
    display: block;
    animation: arrow_after 1.2s forwards;
}

.table_arrow_green {
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 12px;
    background-color: #54c589;
    text-indent: -9999999px;
    transition: all 2.8s ease-in-out;
    -moz-transition: all 2.8s ease-in-out;
    -webkit-transition: all 2.8s ease-in-out;
    transform: translateY(200%);
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
}
.table_arrow_green::after {
    position: absolute;
    right: -11px;
    top: -7px;
    z-index: -1;
    content: '';
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #54c589;
    display: block;
    animation: arrow_after 1.2s forwards;
}

.table_arrow1 {animation:arrow1 1.2s 0.8s alternate forwards;}
.table_arrow2 {animation:arrow2 1.4s 1s alternate forwards;}
.table_arrow3 {animation:arrow3 1.6s 1.2s alternate forwards;}
.table_arrow4 {animation:arrow4 1.8s 1.4s alternate forwards;}

@keyframes arrow {
	0% { width:0%;}
	100% { width:8%;}
}
/* 0915 PIPELINE 화살표길이수정 */
@keyframes arrow1 {0% { width:0%;}100% { width:100%;}}
@keyframes arrow2 {0% { width:0%;}100% { width:75%;}}
@keyframes arrow3 {0% { width:0%;}100% { width:50%;}}
@keyframes arrow4 {0% { width:0%;}100% { width:25%;}}


/* 마우스오버 table*/
.num_table {
	position: absolute;
	width: 30% !important;
	box-shadow: 0 0 7px rgb(0 0 0 / 18%);
	z-index: 9;
	opacity: 0;
	transition: all 0.2s;    
}
.num_table tr td {font-size: 13px !important; padding: 2px 10px !important; text-align: center; word-break: keep-all;}
.num_table tr:first-child td { font-weight: 500; background-color: #d5d5d5;}

.num_table.t_lignt1 {
    top: 10%;
    left: 50%;
    margin-left: -195px !important;
}
.num_table.t_lignt2 {
    top: 25%;
    left: 50%;
    margin-left: -195px !important;
}
.num_table.t_lignt3 {
    top: 33%;
    left: 50%;
    margin-left: -195px !important;
}
.num_table.t_lignt4 {
    top: 38.4%;
    left: 50%;
    margin-left: -195px !important;
}
.num_table.t_lignt5 {
    top: 44%;
    left: 50%;
    margin-left: -195px !important;
}
.num_table.t_lignt6 {
    top: 48%;
    left: 50%;
    margin-left: -195px !important;
}
.research_table tr td.over_effect:hover {color: #3ebcbd; border: 3px solid #3ebcbd !important; font-weight: 500;}
.research_table tr td.over_effect.effect1:hover .num_table.t_lignt1 {opacity: 1;}
.research_table tr td.over_effect.effect2:hover .num_table.t_lignt2 {opacity: 1;}
.research_table tr td.over_effect.effect3:hover .num_table.t_lignt3 {opacity: 1;}
.research_table tr td.over_effect.effect4:hover .num_table.t_lignt4 {opacity: 1;}
.research_table tr td.over_effect.effect5:hover .num_table.t_lignt5 {opacity: 1;}
.research_table tr td.over_effect.effect6:hover .num_table.t_lignt6 {opacity: 1;}


/*policy*/
.policy_wrap .policy_col {border: 2px solid #dbdbdb; padding: 40px 60px 30px;}
.policy_wrap p {padding-bottom: 10px !important; word-break: break-all;}
.policy_wrap .pp_title { font-size: 19px; font-weight: 600; color: #404040;}
.policy_wrap .pd-left { padding-left: 20px; }
.policy_wrap .pd-left2 { padding-left: 40px; }


/* ++++++++++++++++++++++++++++++++++++++++ *
    FOOTER
* ++++++++++++++++++++++++++++++++++++++++ */
#footer-widgets .footer_logo { float: left;  width: 25%;}
#footer-widgets .footer_logo a { display: block; width: 197px; height: 41px;}
#footer-widgets .footer_menu { float: left; width: 75%;}
#footer-widgets .footer_menu ul { float: left; width: calc(100% / 6); text-align: left;}
#footer-widgets .footer_menu ul a.fm_title { font-size: 19px; padding-bottom: 7px; color: #fff;}
#footer-widgets .footer_menu ul a { display: block;}
#footer-widgets .footer_menu ul a:hover {color: rgba(255,255,255,0.5) !important;}

#footer-outer .row { padding: 75px 0 30px !important;}

.footer-bottom  {background-color: #252525;}
.footer-bottom .footer-inner { width: 1300px; max-width: 90%; margin: 0 auto; padding: 30px 0; overflow: hidden;  border-top: 1px solid #696969;}

.footer-bottom .footer-inner .footer_left {float: left;  width: 80%;}
.footer-bottom .footer-inner .footer_left p.footer_cont {color: #a8a8a8; word-break: keep-all;}
.footer-bottom .footer-inner .footer_left p.footer_cont a {color: #fff;}
.footer-bottom .footer-inner .footer_left p.footer_cont a:hover {color: rgba(255,255,255,0.5);}

.footer-bottom .footer-inner .footer_right {float: right;  width: 15%;}
.footer-bottom .footer-inner .footer_right .select select { padding: 8px 10px; color: #878787; border: 1px solid #666;}

.footer-bottom .footer-inner .footer_right .sns ul {overflow: hidden; padding-top: 18px;}
.footer-bottom .footer-inner .footer_right .sns ul li { float: left; margin: 0 12px;}
.footer-bottom .footer-inner .footer_right .sns ul li a { display: block; transition: all 0.2s;}
.footer-bottom .footer-inner .footer_right .sns ul li a:hover {opacity: 0.5;}


/* ++++++++++++++++++++++++++++++++++++++++ *
    풋터, 퀵바 - 영문, 국문 따로 잡은부분 
* ++++++++++++++++++++++++++++++++++++++++ */
:lang(en-US) .footer_left.ko {display:none;}
:lang(ko) .footer_left.en {display:none;}

:lang(en-US) .footer_right.ko{display:none;}
:lang(ko) .footer_right.en {display:none;}

:lang(en-US) .footer_article.ko{ display:none;}
:lang(ko) .footer_article.en{ display: none;}

:lang(en-US) .quick.ko{ display: none;}
:lang(ko) .quick.en{ display: none;}


/* ++++++++++++++++++++++++++++++++++++++++ *
    영문페이지
* ++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++ *
    STYLE
* ++++++++++++++++++++++++++++++++++++++++ */
/* TEXT */
.fs-title-s.en {font-size: 15px;}
.fs-title-ml.en{font-size: 16px;}
.fs-title-xxl.en {line-height: 51px;}

.fs-body-s.en {font-size: 15px;}
.fs-body-m.en {font-size: 16px; line-height: 34px;}


/* ++++++++++++++++++++++++++++++++++++++++ *
    페이지공통
* ++++++++++++++++++++++++++++++++++++++++ */
/* SUB */
.sub_content_wrap.en h2 {line-height: 60px;}

.wpb_btn.download.en ul li a {background-position: center right 34px;}

.ani_tit_1 .fs-title-xl.en {font-size: 38px;}

.tag_list.en ul li a {font-size: 15px; padding: 11px 12px; line-height: 25px;}

.main_title_3.en p {font-size: 41px; line-height: 61px;}

.ceo_message_wrap.en .ceo_img {margin-top:64px;}

.icon_box .icon_box_col .icon_box_title.en {padding: 18px 0 4px !important;}

.sub_location_wrap .fs-body-s.en {font-size: 16px;} 

.sub_rc_wrap.en .fs-title-s {font-size: 15px; line-height: 26px;}
.sub_rc_wrap.en .fs-title-s p::after {bottom: -8px;}