@charset "utf-8";

.mw-1000{max-width:1000px;}
.point0{color:#e7302a !important;}
.point_dot{display:inline-block; vertical-align: middle; width:8px; height:8px; border-radius: 50%; background-color: #e7302a; margin-top: -6px; margin-right:15px; margin-left:15px;}
.section h3{font-size:46px; line-height:52px; letter-spacing: -0.025em; color:#fff; font-weight:bold;}
.section .h_desc3{font-size:22px; line-height:28px; letter-spacing: -0.05em; color:#000;}
.section .h_desc3.line_36{line-height:36px;}

/* Notice & News */
.section.notice_section{}
.notice_section .notice_section_inner{overflow:visible;margin-top:20px; z-index: 3;}
.notice_section .notice_wrap{position: relative;table-layout:fixed;}
.notice_section .notice_wrap.news_wrap{margin:20px 0 0 0;background-repeat: no-repeat; background-position: center center;}
.notice_section .notice_wrap h3{overflow:hidden;position:absolute;top:0;left:0;width:123px;height:123px;line-height:123px;border-radius:50%;font-size:15px;text-align:center;background:url('../img/notice_wrap_img01.png') no-repeat 50% 50%;background-size:100%;}
.notice_section .notice_wrap.news_wrap h3{background:url('../img/notice_wrap_img02.png') no-repeat 50% 50%;background-size:100%;}
.notice_section .notice_wrap .col-12{float:left;}
.notice_section .notice_wrap .col-12:after{clear:both;display:block;content:'';}
.notice_section .notice_wrap .vb-md{position:relative;min-height:123px;padding:0 0 0 144px;}
.notice_section .notice_wrap .vb-md .col-12{width:100%;padding:0 10px 0 0}
.notice_section .notice_list_con > li{min-height:42px;border:none;box-sizing: border-box;}
.notice_section .notice_list_con > li > a{display:block; font-size:22px; line-height:1.25; letter-spacing: -0.045em; color:#000; padding:0;box-sizing: border-box;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice_section .notice_wrap .btn_more{display:inline-block;font-size:20px;padding:0 0 3px 0;border-bottom:1px solid #e7302a;font-weight:500;color:#e7302a;}



/* Medytox Vision 2022 */
.section.main_vision_section{text-align: center; padding-top:50px; padding-bottom:55px;}
.sub_section.section.main_vision_section{padding-bottom:30px;}
.main_vision_section h3{color:#000; margin-bottom:28px;}
.main_vision_section .h_desc3{margin-bottom:47px;}
.main_vision_section .h_desc3.type_2{margin-bottom:32px; line-height:36px;}
.main_vision_section .vision_contents_wrap{background-image: url('../img/vision_contents_bg.jpg'); background-repeat: no-repeat; background-position: center center; background-size:scale; background-size:cover;
    padding-top:30px; padding-bottom:30px; margin-bottom:41px;}
.main_vision_section .contents_box{padding-top:13px; padding-bottom:42px;}
.sub_section.main_vision_section .contents_box{cursor: pointer;}
.main_vision_section .contents_box:first-child:after{content:""; position:absolute; right:0; height:100%; border-right:1px solid #fff; opacity: 0.5; filter:alpha(opacity=50); top:0;}
.main_vision_section .contents_title{margin-bottom:48px;}
.main_vision_section .title_underline{font-size:26px; line-height:32px; letter-spacing: -0.05em; color:#fff; border-bottom:1px solid #fff; font-weight:200; padding-bottom:1px;}
.main_vision_section .contents_desc{font-size:70px; line-height:76px; letter-spacing: -0.05em; color:#fff; font-weight:bold;}
.main_vision_section .contents_desc_small{font-size:24px; line-height:30px; letter-spacing: -0.05em; color:#fff; font-weight:400;}
.main_vision_section .contents_counting{}

/* sub_vision */
.main_vision_section .vision_contents_wrap.sub_vision{background-image:none; padding-top:0; padding-bottom:10px; padding-right:10px; width:calc(100% + 10px); box-sizing: border-box;}
.main_vision_section .vision_contents_wrap.sub_vision .contents_box{padding-top:43px; padding-bottom:72px; background-color:#f4f4f4; transition:background .3s;}
.main_vision_section .vision_contents_wrap.sub_vision .contents_box:first-child:after{border-color:#000; opacity:0.1; filter:alpha(opacity=10);}
.main_vision_section .vision_contents_wrap.sub_vision .title_underline{color:#000; border-color:#000; transition:all 0s;}
.main_vision_section .vision_contents_wrap.sub_vision .contents_desc{color:#000; transition:all .3s;}
.main_vision_section .vision_contents_wrap.sub_vision .contents_desc_small{color:#000; transition:all .3s;}
.main_vision_section .vision_contents_wrap.sub_vision .contents_box:hover{background-color:#e7302a; box-shadow:1px 4px 12px 0 rgba(0, 0, 0, 0.3); z-index: 1;}
.main_vision_section .vision_contents_wrap.sub_vision .contents_box:hover .title_underline{color:#fff; border-color:#fff;}
.main_vision_section .vision_contents_wrap.sub_vision .contents_box:hover .contents_desc{color:#fff;}
.main_vision_section .vision_contents_wrap.sub_vision .contents_box:hover .contents_desc_small{color:#fff;}
/* //Medytox Vision 2022 */



/* Medytox PR Film */
.section.main_pr_section{text-align: center; background-image:url('../img/pr_film_visual_img.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.main_pr_section .pr_container{padding-top:50px; padding-bottom:45px;}
.main_pr_section h3{font-size:46px; line-height:52px; margin-bottom:23px; position: relative; z-index: 2;}
.main_pr_section .h_desc3{color:#fff; line-height:36px; margin-bottom:30px; position: relative; z-index: 2;}
.main_pr_section .btn_style_1_pr_section_con{width:calc(100% + 30px); margin-left:-30px; overflow: hidden;}
.main_pr_section .btn_style_1_con{position: relative; z-index: 2; box-sizing: border-box; padding-left:30px; margin-bottom:15px;}
.main_pr_section .btn_style_1_con:last-child{margin-bottom:0;}
/*.main_pr_section .btn_style_1_con .btn_style_1{min-width:auto; margin:0;}*/
.main_pr_section .motion_clock_img{position:absolute; width:486px; height:486px; top:0; margin-top:30px; left:50%; margin-left:-243px;
    background-image:url('../img/back_clock_img_m.png'); background-repeat: no-repeat; background-position: center center;
    border:1px solid rgba(255, 255, 255, 0.3); border-radius: 50%;}
.main_pr_section .motion_clock_dot{width:12px; height:12px; background-color:#ece9e9; border-radius:50%;}
.main_pr_section .pr_film_popup_con{position:absolute; top:0; left:0; height:100%; padding-top:43px; padding-bottom:43px; padding-right:55px; padding-left:55px; z-index: 10; display:none;}
.main_pr_section .pr_film_popup_con.active{display:block;}
.main_pr_section .pr_film_popup_inner{z-index: 10; height:100%;}
.main_pr_section .pr_film_movie_con{height:calc(100% - 40px);}
.main_pr_section .pr_film_movie_con iframe{width:100%; height:100%; display:none;}
.main_pr_section .pr_film_popup_con.active .pr_film_movie_con iframe{display:block;}
.main_pr_section .popup_close_icon{margin-bottom:13px; text-align: right;}
.main_pr_section .popup_close_icon span{cursor: pointer;}
.main_pr_section .pr_film_popup_dim{position:absolute; top:0; left:0; height:100%; width:100%; background-color:#000; opacity:0.5; filter:alpha(opacity=50); z-index: 5;}
/* //Medytox PR Film */



/* Medytox R&D */
.section.main_r_d_section{text-align: center; padding-top:50px; padding-bottom:55px;}
.main_r_d_section .r_d_contents_wrap{}
.main_r_d_section h3{color:#000; margin-bottom:28px;}
.main_r_d_section .h_desc3{color:#000; margin-bottom:37px;}
.main_r_d_section .r_d_contents_wrap{overflow: hidden; margin-bottom:30px;}
.main_r_d_section .r_d_contents_con{}
.main_r_d_section .r_d_contents_list{padding-left:30px; padding-top:10px; padding-bottom:10px;}
.main_r_d_section .r_d_contents{background-color: #f4f4f4; padding-right:20px; padding-left:20px; padding-top:20px; padding-bottom:20px;}
.main_r_d_section .r_d_contents_list:nth-child(1):hover .r_d_contents { background-image:url('../img/r_d_bg_img000.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.main_r_d_section .r_d_contents_list:nth-child(2):hover .r_d_contents { background-image:url('../img/r_d_bg_img001.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.main_r_d_section .r_d_contents_list:nth-child(3):hover .r_d_contents { background-image:url('../img/r_d_bg_img002.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.main_r_d_section .r_d_contents_list:nth-child(4):hover .r_d_contents { background-image:url('../img/r_d_bg_img003.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.main_r_d_section .contents_title{font-size:24px; line-height:30px; letter-spacing: -0.05em; color:#000; font-weight:bold; float:left;}
.main_r_d_section .title_underline{border-bottom:1px solid #000;}
.main_r_d_section .contents_desc{font-size:22px; line-height:36px; letter-spacing: -0.05em; color:#000; overflow:hidden; text-align:left; padding-left:15px;}
/* //Medytox R&D */



/* Medytox video_section */
.section.video_section{height:300px; overflow: hidden;}
.video_section .web_con{display:none; position: relative;}
.video_section .web_con{display:none;}
.video_section .mobile_con{height:100%; padding-right:15px; padding-left:15px; box-sizing: border-box; background-image:url('../img/main_video_sample_img.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.video_section .mobile_con img{display:none;}
.video_section .mobile_con > iframe{width:100%; height:100%;}
.video_section_youtube {width: 1280px; height: 840px;}

.sub.video_section .mobile_con{background-image: url('../img/sub_video_sample_img.jpg');}
/* //Medytox video_section */


/* Medytox Facilities & Offices */
.section.main_facilities_section{text-align: center; padding-bottom:100px; padding-top:113px;}
.main_facilities_section h3{color:#000; margin-bottom:29px;}
.main_facilities_section .h_desc3{margin-bottom:47px;}
.main_facilities_section .facilities_list_wrap{overflow: hidden; position: relative; margin-bottom:40px;}
.main_facilities_section .img_box{width:100%; float:left; display:none; margin-bottom:30px; position:relative;}
.main_facilities_section .img_box .img_inner_text_box{font-size:24px; font-size:2.4rem; line-height:40px; line-height:4.0rem; letter-spacing: -0.05em; color:#fff;
    position:absolute; width:100%; height:100%; background-color:rgba(0, 0, 0, 0); top:0; left:0; opacity:0; filter:alpha(opacity=0); transition:all .8s;}
.main_facilities_section .img_box .img_inner_text_box .text_box_inner_small_text{font-size:20px; font-size:2.0rem; line-height:36px; line-height:3.6rem;}
.main_facilities_section .img_box.on .img_inner_text_box{}
.main_facilities_section .img_box.on .img_inner_text_box{opacity:1; filter:alpha(opacity=100); background-color:rgba(0, 0, 0, 0.8);}
.main_facilities_section .list_box{width:100%; float:left; border-top:1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box;}
.main_facilities_section .contents_list{float:left; padding-top:20px; padding-bottom:20px; border-bottom:1px solid rgba(0, 0, 0, 0.2); height:20%; box-sizing: border-box; text-align: center; width:100%;
    font-size:18px; line-height:24px; letter-spacing: -0.05em; color:#000; cursor: pointer; background-repeat: no-repeat; background-position: right 25px center; display:block;}
.main_facilities_section .img_box .img_inner_text_box{display:block; }
.main_facilities_section .contents_list.active{background-color: #e7302a; text-align: center; transition:background .5s;
    font-size:24px; line-height:36px; color:#fff; background-image:url('../img/facilities_right_arrow.png');}
.main_facilities_section .contents_list .active_br{display:none;}
/* //Medytox Facilities & Offices */



/* Medytox global network */
.section.main_global_network_section{text-align: center; background-color:#fff; padding-top:113px;}
.main_global_network_section h3{color:#000; margin-bottom:25px;}
.main_global_network_section .h_desc3{margin-bottom:75px;}
.main_global_network_section .global_network_seperate_line{border:none; border-bottom:1px solid rgba(0, 0, 0, 0.15); width:100%; margin-bottom:20px;}
.main_global_network_section .global_network_list_wrap{overflow: hidden;}
.main_global_network_section .global_network_list_con{}
.main_global_network_section .global_network_list{padding-top:30px; padding-bottom:30px; padding-right:10px; padding-left:10px; box-sizing: border-box;}
.main_global_network_section .global_network_inner{}
.main_global_network_section .global_network_inner .img_box .global_network_off {display: inline;}
.main_global_network_section .global_network_inner .img_box .global_network_on {display: none;}
.main_global_network_section .img_box{margin-bottom:10px; height:42px;}
.main_global_network_section .text_box{}
.main_global_network_section h4{font-size:16px; line-height:22px; letter-spacing: -0.025em; color:#000; font-weight:bold;}
.main_global_network_section .h_desc4{font-size:14px; line-height:20px; letter-spacing: -0.025em; color:#000;}
.main_global_network_section .export_data_con{overflow: hidden;}
.main_global_network_section .export_data{float:left; width:100%; box-sizing: border-box; font-size:40px; line-height:46px; color:#fff; background-color:#e7302a; height:100%; padding-top:30px; padding-bottom:30px;}
.main_global_network_section .export_data_list{float:left; width:100%; box-sizing: border-box; height:100%;}
.main_global_network_section .export_data_item{height:100%; background-color: #fff; text-align: left; padding-left:20px; padding-right:20px; padding-top:40px; padding-bottom:40px; border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.main_global_network_section .export_data_item:nth-child(2n-1){border-right:1px solid rgba(0, 0, 0, 0.15);}
.main_global_network_section .export_data_title{float:left; font-size:28px; line-height:34px; letter-spacing: -0.025em; color:#e7302a; margin-bottom:5px; font-weight:bold; margin-top:5px;}
.main_global_network_section .export_data_count{float:right; font-size:40px; line-height:46px; letter-spacing: -0.025em; color:#000; font-weight:bold;}
/* //Medytox global network */



/* main_glance_section */
.main_glance_section{background-image: url('../img/main_glance_bg.jpg');background-repeat: no-repeat; background-position: center top;background-size:cover; padding-top:35px;padding-bottom:34px;}
.main_glance_section h3{margin-bottom:37px; text-align: center;}
.main_glance_section .glance_card_list{position:relative;;padding-top:20px; padding-bottom:20px;}
.main_glance_section .glance_card_list:nth-child(3){clear: left;}
.main_glance_section .glance_card_inner{text-align: center;}



/* news_recent_con */
.news_recent_con{display:none; margin-bottom:50px; overflow: hidden;}
.news_section .notice_list_con{display:none;}
.news_section .news_recent_con{display:block;}
.news_recent_con .news_recent_list{margin-bottom:30px;}
.news_recent_con .news_recent_list:last-child{margin-bottom:0;}
.news_recent_con .news_recent_inner{overflow: hidden; display:block;}
.news_recent_con .news_recent_img_box{width:200px; height:200px; float:left;
    background-image: url('../img/news_recent_default_img.png'); background-repeat: no-repeat; background-position: center center; background-color: #eeeeee;}
.news_recent_con .news_recent_text_box{overflow: hidden; padding-left:30px; padding-top:16px;}
.news_recent_con .news_recent_title{font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.05em; color:#000; font-weight:500; margin-bottom:20px;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.news_recent_con .news_recent_desc{font-size:16px; font-size:1.6rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.05em; color:#000; margin-bottom:50px;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-wrap:normal !important; white-space:normal; word-break:break-all; height:48px;}
.news_recent_con .news_recent_info_con{overflow: hidden;}
.news_recent_con .news_recent_date{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.025em; color:#000; opacity:0.6; filter:alpha(opacity=60);
    float:left; margin-top:6px;}
.news_recent_con .news_recent_more_btn{float:right;}
.news_recent_con .news_recent_more_btn > a{display:inline-block;}


@media all and (min-width:992px){

    /* Notice & News */
    .notice_section .notice_section_inner{margin-top:100px;}
    .notice_section .notice_wrap{position: relative;padding:0;background:none;}
    .notice_section .notice_wrap.news_wrap{cursor: pointer;margin-top:0;}
    /* News_wrap hover 컨트롤 */
    .notice_section .notice_wrap h3{overflow:hidden;position:relative;float:left;width:246px;height:246px;border-radius:50%;line-height:246px;font-size:30px;text-align:center;background:url('../img/notice_wrap_img01.png') no-repeat 50% 50%;background-size:100%;}
    .notice_section .notice_wrap.news_wrap h3{background:url('../img/notice_wrap_img02.png') no-repeat 50% 50%;background-size:100%;}
    .notice_section .notice_wrap .vb-md{padding:0;}
    .notice_section .notice_wrap .vb-md .col-12{width:246px;margin:42px 0 0 29px}
    .notice_section .notice_list_con > li{min-height:43px;border:none;}
    .notice_section .notice_list_con > li > a{padding:0;font-size:18px;}
    .notice_section .notice_wrap .btn_more{position:absolute;top: 186px; left: 276px;font-size:16px;padding:0 0 6px 0;}
    /* //Notice & News */



    /* Medytox R&D */
    .section.main_r_d_section{padding-top:45px; padding-bottom:110px;}
    .sub_section.section.main_r_d_section{padding-bottom:20px;}
    .main_r_d_section .r_d_contents{min-height:320px; padding-top:0; padding-bottom:0;}
    .main_r_d_section .contents_desc{min-height:108px; word-break:keep-all; text-align:center; padding-left:0;}
    .main_r_d_section .contents_title{float:none; margin-bottom:35px;}
    /* //Medytox R&D */
    
    /* 노사관계 */
    .relation_section .relation_contents{min-height:360px; padding-top:0; padding-bottom:0;}
    /* //노사관계 */


    /* Medytox Vision 2022 */
    .section.main_vision_section{padding-top:111px; padding-bottom:120px;}
    .sub_section.section.main_vision_section{padding-bottom:54px;}
    .main_vision_section .title_underline{font-size:34px; line-height:40px;}



    /* Medytox Facilities & Offices */
    .main_facilities_section .img_box{width:calc(100% - 300px); float:left; display:none; margin-bottom:0;}
    .main_facilities_section .list_box{width:300px; float:none; border-top:1px solid rgba(0, 0, 0, 0.2); position: absolute; height:100%; right:0; box-sizing: border-box;}
    .main_facilities_section .contents_list{padding-top:0; padding-bottom:0;}
    .main_facilities_section .contents_list.active{text-align:left; width:calc(100% + 50px); padding-left:40px; }
    .main_facilities_section .contents_list.on{margin-left:-50px !important;}
    .main_facilities_section .img_box .img_inner_text_box{display:block;}
    .main_facilities_section .img_box:hover .img_inner_text_box{opacity:1; filter:alpha(opacity=100); background-color:rgba(0, 0, 0, 0.8);}
    .main_facilities_section .contents_list.active .active_br{display:inline;}


    /* Medytox global network */
    .section.main_global_network_section{padding-bottom:50px;}
    .main_global_network_section .global_network_seperate_line{margin-bottom:70px;}
    /*.main_global_network_section .global_network_list_con{text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; font-size:0; line-height:0;}*/
    /*.main_global_network_section .global_network_list_con:after{content:""; display:inline-block; width:100%;}*/
    .main_global_network_section .global_network_list{/*float:none; display:inline-block; vertical-align: top; */text-align: center; width:14.28%;}
    .main_global_network_section .export_data_con{height:220px; padding-right:15px; padding-left:15px;}
    .main_global_network_section .export_data{width:33.33%;}
    .main_global_network_section .export_data_list{width:66.66%;}
    .main_global_network_section .export_data_item{padding-left:40px; padding-right:40px; padding-top:0; padding-bottom:0; border-bottom:none; border-right:1px solid rgba(0, 0, 0, 0.15);}
    .main_global_network_section .export_data_item:last-child{border-right:none;}
    .main_global_network_section .export_data_title{float:none; margin-top:0; font-size:18px; line-height:24px;}
    .main_global_network_section .export_data_count{float:none;}
    .main_global_network_section .img_box{margin-bottom:40px;}
    .main_global_network_section .global_network_inner:hover .img_box .global_network_off {display: none;}
    .main_global_network_section .global_network_inner:hover .img_box .global_network_on {display: inline;}
    /* //Medytox global network */



    /* Medytox PR Film */
    .main_pr_section .pr_container{padding-top:226px; padding-bottom:206px;}
    .main_pr_section .h_desc3{margin-bottom:81px;}
    .main_pr_section .motion_clock_img{width:698px; height:698px; margin-top:-349px; margin-left:-349px; background-image:url('../img/back_clock_img.png'); top:50%; }
    .main_pr_section .pr_film_popup_con{padding-right:15px; padding-left:15px;}

    /*.main_pr_section .btn_style_1_con{width:33.33%; margin-bottom:0;}*/
    /* //Medytox PR Film */



    /* Medytox video_section */
    .section.video_section{height:500px;}
    .video_section .web_con{display:block; position: relative;}
    .video_section .web_con .video_dim{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0.015; }
    .video_section .mobile_con{display:none;}
    /* //Medytox video_section */

    .main_glance_section{height:560px;padding-top:72px;padding-bottom:101px;}
    .main_glance_section h3{margin-bottom:68px;}
    .main_glance_section .glance_card_list{padding-top:0; padding-bottom:0;}
    .main_glance_section .glance_card_list:before{position:absolute;top:0;left:0;display:block;content:'';width:1px;height:286px;background:#fff;opacity:.23;}
    .main_glance_section .glance_card_list:first-child:before{display:none;}
    .main_glance_section .glance_card_list:nth-child(1){padding:2px 0 0 0;}
    .main_glance_section .glance_card_list:nth-child(2){padding:2px 0 0 0;}
    .main_glance_section .glance_card_list:nth-child(3){padding:6px 0 0 0;clear:none;}
    .main_glance_section .glance_card_list:nth-child(4){padding:4px 0 0 0;}    


    .news_recent_con .news_recent_list{padding-right:30px; margin-bottom:0;}
    .news_recent_con .news_recent_list:last-child{padding-left:10px;}
}