@charset "UTF-8";
/* setting */
html{overflow: auto;}
body{letter-spacing:-0.03em; work-break:keep-all !important;}
ul,li,ol{list-style:none; padding:0; margin:0;}
.clear{clear:both;}
.container{width: 100%;}
.container .section_full{width:100%; /* 임시 */text-align: center;/* 임시 */}
.container .section_1200{position:relative; width:1200px; margin: 0 auto;}
.py-80{padding: 80px 0;}
.py-100{padding: 100px 0;}
.py-60{padding: 60px 0;}
.mb-30{margin-bottom: 30px;}
.not_ready{text-decoration: line-through; color:#ccc;}
.bg_gray{background: #f7f7f7;}
.sub_title_RB{font-size: 40px; font-weight: 400;}
.m_gnb_btn{display:none;}
#slidenav{display:none;}
sup{vertical-align: baseline;}
.s_container .main_wrap .m_main_con{display:none;}
.point1{color:#3bb02c !important;}
.txt_white{color:#fff !important;}
.disp_pc{display:block;}
.disp_mobile{display:none;}
.division{border-top:1px #dbdde2 solid; margin:20px 0; width:100%; display:inline-block; width:100%;}
@media screen and (max-width: 1200px){
    .disp_pc{display:none;}
    .disp_mobile{display:block;}
}
.point2{color:#2d7f90 !important;}
/* sub header */
#header.sub{background: none; transition-duration: 0.3s}
#header.sub .header_wrap{border:0;}
#header.sub .header_wrap .header_sub_wrap{width:1200px; margin: 0 auto; position: relative; height: 90px;}
#header.sub .header_wrap .menu_wrap{min-width: 850px;}
#header.sub .header_wrap .header_logo{left: 0;}
#header.sub .header_wrap .header_logo>a{background: url("../img/logo_white2023.png")center center no-repeat; background-size: contain;}
#header.sub .header_wrap .menu_wrap>ul>li>a{padding: 33px 30px 0; font-weight: 500; letter-spacing: 0; color:#fff;}
#header.sub .header_wrap .header_right{right:0;}
#header.sub .header_wrap .header_right .header_right_wrap .h_lau .h_right .language_btn>span{color:#fff; background: url('../img/down_btn_white.png')95% center no-repeat;}
#header.sub .header_wrap .header_right .header_right_wrap .sitemap_btn>i{color:#fff;}
#header.sub .sel_nation{background: transparent !important; color:#fff !important; border-bottom: 2px solid #fff;}
#header.sub .icon_global_obj{color:#fff !important;}
#header.sub.bgType .icon_global_obj{color:#121212 !important;}
#header.sub.bgType .sel_nation{background: transparent !important; color:#121212 !important; border-bottom: 2px solid #121212;}
#header.sub.on .icon_global_obj{color:#121212 !important;}
#header.sub.on .sel_nation{background: transparent !important; color:#121212 !important; border-bottom: 2px solid #121212;}

#header.sub.on .header_wrap{background: #fff;}
#header.sub.on .header_wrap .menu_wrap>ul>li>a{color:#333;}
#header.sub.on .header_wrap .menu_wrap>ul>li>a:hover{color:#3bb02c;}
#header.sub.on .header_wrap .menu_wrap>ul>li>a.border_on{color:#3bb02c;}
#header.sub.on .header_wrap .header_right .header_right_wrap .h_lau .h_right .language_btn>span{color:#333; background: url('../img/down_btn_black.png')95% center no-repeat;}
#header.sub.on .header_wrap .header_right .header_right_wrap .sitemap_btn>i{color:#333;}

/* header */
#header{position: absolute; height: 90px; width:100%; left:0; top:0; transition: background 1s; z-index: 10; background: #fff;}
#header .header_wrap{width:100%; height: 90px; position: relative; border-bottom:4px solid #3bb02c; transition: background 1s;}
#header .header_wrap .header_sub_wrap{height: 100%;}
#header .header_wrap .header_logo{position: absolute; left: 6%; z-index: 2;}
#header .header_wrap .header_logo>a{display: block; width:160px; height: 46px; background: url('../img/logo_color2023.png')center center no-repeat; background-size: contain; margin-top:18px;}
#header .header_wrap .header_right{position: absolute; right: 3%;  transform: translate(0,-50%);top:50%; z-index: 2;}
#header .header_wrap .header_right .header_right_wrap{display: flex;}
#header .header_wrap .header_right .header_right_wrap .sitemap_btn{align-self: center; cursor: pointer;}
#header .header_wrap .header_right .header_right_wrap .sitemap_btn>i{font-size: 22px; color:#333;}
#header .header_wrap .header_right .header_right_wrap .h_lau{margin-right: 40px;}
.h_lau .h_right{position: relative;}
.h_lau .h_right .language_btn{cursor: pointer;}
.h_lau .h_right .language_btn>span{font-size: 16px; padding: 10px 30px 10px 0px; display: block; background: url('../img/down_btn_black.png')95% center no-repeat; font-weight: 600;}
.h_lau .h_right .language_list{position: absolute; top:46px; left: 0;width:100%; display:none; z-index: 4; border-radius: 3px; overflow: hidden;}
.h_lau .h_right .language_list>li{border:1px solid #ddd; border-top: none;}
.h_lau .h_right .language_list>li:first-child{border-top: 1px solid #ddd;}
.h_lau .h_right .language_list>li>a{font-size: 16px; text-decoration: none; color:#5f5f5f; padding:10px 0px 10px 0px;; display: block; text-align: center; background-color: #f9f9f9;}

#header .header_wrap .menu_wrap{position: relative; height: 100%;}
#header .header_wrap .menu_wrap>ul{height: 100%; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
#header .header_wrap .menu_wrap>ul>li{text-align: center;}
#header .header_wrap .menu_wrap>ul>li>a{color:#171717; font-size: 18px; display:block; height: 100%; font-weight: 500; padding: 32px 40px 0;}
#header .header_wrap .menu_wrap>ul>li>a:hover{color:#3bb02c;}
#header .header_wrap .menu_wrap>ul>li>a.border_on{color:#3bb02c;}
#header .header_wrap .menu_wrap>ul>li .sub_menu{display:none; width: 100%; height: 214px; position: absolute; top:86px; left: 0;}
#header.on .header_wrap .menu_wrap>ul>li .sub_menu.on{display: block;}
#header .header_wrap .menu_wrap>ul>li .sub_menu .sub_menu_wrap{display:flex; flex-direction: row; flex-wrap: wrap; width:1200px; margin: 0 auto; padding-top: 28px; height: 160px;}
#header .header_wrap .menu_wrap>ul>li .sub_menu .sub_menu_wrap>div.left{text-align: left; display: flex; border-right: 1px solid #ddd; width: 25%; padding-top: 10px;}
#header .header_wrap .menu_wrap>ul>li .sub_menu .sub_menu_wrap>div.left .icon{width:60px; height: 60px; border-radius: 50%; background: linear-gradient(to left, #3bb02c,#54c944); text-align: center; padding-top: 16px; margin-right: 20px; margin-top: 5px;}
#header .header_wrap .menu_wrap>ul>li .sub_menu .sub_menu_wrap>div.left .icon>i{font-size: 24px; color:#fff;}
#header .header_wrap .menu_wrap>ul>li .sub_menu .sub_menu_wrap>div.left .tit>h1{font-size: 20px; margin-top:15px;}
#header .header_wrap .menu_wrap>ul>li .sub_menu .sub_menu_wrap>div.left .tit>h2{font-size: 14px; color:#888; font-weight: 400; line-height: 1.2;}
#header .header_wrap .menu_wrap>ul>li .sub_menu .sub_menu_wrap>div.right{width:75%;}
#header .header_wrap .menu_wrap>ul>li .sub_menu .sub_menu_wrap>div.right>ul{display: flex; flex-direction: row; flex-wrap: wrap;}
#header .header_wrap .menu_wrap>ul>li .sub_menu .sub_menu_wrap>div.right>ul>li{width:33.3333%; font-size: 18px; padding: 10px 0;}
#header .header_wrap .menu_wrap>ul>li .sub_menu .sub_menu_wrap>div.right>ul>li>a{transition: all 0.3s;}
#header .header_wrap .menu_wrap>ul>li .sub_menu .sub_menu_wrap>div.right>ul>li:hover>a{color:#3bb02c; border-left: 2px solid #3bb02c; padding-left: 15px;}

#header.on{background: #f9f9f9; border-bottom: 1px solid #ccc;}
#header.on .header_wrap{border-bottom: 4px solid #3bb02c; background: #fff;}
#header.on .header_wrap .header_logo>a{background: url('../img/logo_color2023.png')center center no-repeat; background-size: contain;}

.sel_lang_m{display:none;}
.sel_lang button{margin:-5px 30px 0 0; background:#f9f9f9; font-size:12px; color:#999; padding:4px 10px 7px; border:1px #dbdde2 solid;}
.sel_lang button:hover{border:1px #3bb02c solid; color:#3bb02c;}
.icon_global_obj{color:#121212; vertical-align: bottom; padding:0 5px 0 0; font-size: 23px;}

@media screen and (max-width:1200px) {
    .sel_lang_m{display:block; top:25px; right:50px; position:absolute;}
    .sel_lang_m button{margin:-5px 30px 0 0; background:#f9f9f9; font-size:12px; color:#999; padding:4px 10px 7px; border:1px #dbdde2 solid;}
    .sel_lang_m button:hover{border:1px #3bb02c solid; color:#3bb02c;}
}

@media screen and (max-width:760px) {
    .sel_lang_m{display:block; top:25px; right:20px; position:absolute;}
    .sel_lang .sel_nation{font-size:14px;}
    .icon_global_obj{display:none;}
}

/*서브메뉴 스크롤 다운시 메뉴fix*/
#header.sub.bgType{position: fixed !important; background:#fff; box-shadow: 0 0 10px 0 rgba(0,0,0,.05); height:auto;}
#header.sub.bgType .header_wrap .header_sub_wrap{width:1200px; margin: 0 auto; position: relative; height:90px;}
#header.sub.bgType .header_wrap .menu_wrap>ul>li>a{font-weight: 500; color:#323232;}
#header.sub.bgType .header_wrap .header_logo>a{background: url('../img/logo_color2023.png')center center no-repeat; background-size: contain;}
#header.sub.bgType .header_wrap .header_right .header_right_wrap .h_lau .h_right .language_btn>span{color:#323232; background: url('../img/down_btn_white.png')95% center no-repeat;}
#header.sub.bgType .header_wrap .header_right .header_right_wrap .sitemap_btn>i{color:#323232;}
#header .header_wrap{width:100%; position: relative; border-bottom:4px solid #3bb02c; transition: background 1s;}

/* sitemap */
#sitemap_nav{display: block;}
#sitemap_nav::-webkit-scrollbar{display: none;}
.dimmed_m{width:100%;height:100%;position:absolute;bottom:0;left:0;background:#000;z-index:50;opacity:.5;}
#sitemap_nav{position:fixed;top:0;right:-100%;width:600px;height:100%;background:#fff;text-align:left;z-index:999;overflow:auto;transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;}
#sitemap_nav.on{right:0;}
#sitemap_nav .slide_close{position:absolute;right:60px;top:50px;display:inline-block;}
#sitemap_nav .slide_close>i{font-size: 22px;}
#sitemap_nav .sitemap_nav_wrap .sitemap_header{padding: 40px 60px;}
#sitemap_nav .sitemap_nav_wrap .sitemap_header .h_lau{width:70px;}
#sitemap_nav .sitemap_nav_wrap .sitemap_body{padding: 0px;}
#sitemap_nav .sitemap_nav_wrap .sitemap_body .sitemap_c1{border-bottom: 1px solid #ddd;}
#sitemap_nav .sitemap_nav_wrap .sitemap_body .sitemap_c1 .c1_wrap{display: flex; flex-direction: row; flex-wrap: wrap; padding: 30px 60px 15px;}
#sitemap_nav .sitemap_nav_wrap .sitemap_body .sitemap_c1 .c1_wrap .tit{width: 150px; font-weight: 600; font-size: 16px;}
#sitemap_nav .sitemap_nav_wrap .sitemap_body .sitemap_c1 .c1_wrap>ul{display:flex; flex-direction: row; flex-wrap: wrap; width: 330px;}
#sitemap_nav .sitemap_nav_wrap .sitemap_body .sitemap_c1 .c1_wrap>ul>li{margin-right: 30px; margin-bottom: 15px;}
#sitemap_nav .sitemap_nav_wrap .sitemap_body .sitemap_c1 .c1_wrap>ul>li>a{color:#888; font-size: 14px;}
#sitemap_nav .sitemap_nav_wrap .sitemap_body .sitemap_c1 .c1_wrap>ul>li>a:hover{color:#3bb02c;}

/* footer */
footer{width:100%; border-top:1px #dbdde2 solid; word-break: keep-all !important;}
footer .footer_wrap{width:1200px; margin: 0 auto; padding: 70px 0 60px; display:flex; flex-direction: row; flex-wrap: wrap;}
footer .footer_wrap .f_logo{width:20%; margin-top: -14px;}
footer .footer_wrap .f_nav{width:60%;}
footer .footer_wrap .f_fas{width:20%;}
footer .footer_wrap .f_nav>ul{display: flex;}
footer .footer_wrap .f_nav>ul.f_gnb{margin-bottom: 30px;}
footer .footer_wrap .f_nav>ul.f_gnb>li{margin-right: 30px; font-size: 15px;}
footer .footer_wrap .f_nav>ul.f_gnb>li:last-child{margin-right: 0;}
footer .footer_wrap .f_nav>ul.f_loc{margin-bottom: 30px;}
footer .footer_wrap .f_nav>ul.f_loc>li{margin-right: 60px; font-size: 14px; color:#888;}
footer .footer_wrap .f_nav>ul.f_loc>li .tit{font-size:15px; font-weight:500; color:#333;}
footer .footer_wrap .f_nav>ul.f_loc>li:last-child{margin-right: 0;}
footer .footer_wrap .f_nav .copy{color:#888; font-size: 12px;}
footer .footer_wrap .f_fas .f_right{position: relative; width:200px; margin-left: auto;}
footer .footer_wrap .f_fas .f_right .family_site_btn{cursor: pointer;}
footer .footer_wrap .f_fas .f_right .family_site_btn>span{font-size: 16px; border: 1px solid #ddd; padding: 10px 0px 10px 20px; display: block; background: url('../img/up_btn.png')95% center no-repeat;}
footer .footer_wrap .f_fas .f_right .family_list{position: absolute; bottom:46px; left: 0;width:100%; display:none; z-index: 4;}
footer .footer_wrap .f_fas .f_right .family_list>li{border:1px solid #ddd; border-bottom: none;}
footer .footer_wrap .f_fas .f_right .family_list>li>a{font-size: 16px; text-decoration: none; color:#5f5f5f; padding:10px 0px 10px 20px;; display: block; text-align: left; background-color: #f9f9f9;}
.main_foot_wrap{overflow: hidden;}
.main_foot_wrap>div{float: left;width:50%; height: 255px;background: #333;}
.main_foot_wrap>div>a{display:block; height: 100%;}
.main_foot_wrap>div .foot_text{width:100%; color:#fff; padding: 70px 50px 0;}
.main_foot_wrap>div.foot_left .foot_text{text-align: right;}
.main_foot_wrap>div .foot_text>ul>li:first-child{margin-bottom: 20px;}
.main_foot_wrap>div .foot_text>ul>li:first-child>img{width:30px;}
.main_foot_wrap>div .foot_text>ul>li:nth-child(2){font-size: 24px; font-weight: 700; line-height: 26px; margin-bottom: 10px;}
.main_foot_wrap>div .foot_text>ul>li:nth-child(3){font-size: 16px; color:rgba(255, 255, 255, 0.7);}

.main_foot_wrap>div.foot_left{background:url('../img/main_foot_img01.png')center center no-repeat; background-size:cover;}
.main_foot_wrap>div.foot_right{background:url('../img/main_foot_img02.png')center center no-repeat; background-size:cover;}


/* index */
.s_container{padding-top: 90px; width:100%; height: 100%;}
.s_container .main_wrap{height: 100%; display:flex;}
.s_container .main_wrap .main_con{height: 100%; width:33.33333%; position: relative; transition: all 0.5s; overflow: hidden;}
.s_container .main_wrap .main_con.con01{background:#3bb02c url('../img/main_on_bg01.png')center center no-repeat;}
.s_container .main_wrap .main_con.con02{background:#3bb02c url('../img/main_on_bg02.png')center center no-repeat;}
.s_container .main_wrap .main_con.con03{background:#3bb02c url('../img/main_on_bg03.png')center center no-repeat;}
.s_container .main_wrap .main_con>ul{width:100%; position: absolute; top:50%; left:0; transform: translate(0%,-50%); z-index: 3; transition: all 0.3s;}
.s_container .main_wrap .main_con>ul>li{width:100%; text-align: center; color:#fff;}
.s_container .main_wrap .main_con>ul>li:nth-child(1){margin-bottom: 20px;}
.s_container .main_wrap .main_con>ul>li:nth-child(2){font-size: 26px; font-weight: 500; margin-bottom: 10px; letter-spacing: -0.03em;}
.s_container .main_wrap .main_con>ul>li:nth-child(3){width:40px; height: 2px; background: #fff; margin: 0 auto 20px;}
.s_container .main_wrap .main_con>ul>li:nth-child(4){margin-bottom: 20px;}
.s_container .main_wrap .main_con>ul>li:nth-child(5)>a{color:#fff; border: 1px solid #fff; padding: 10px 40px; display:none; transition: all 0.3s; border-radius: 50px;}
.s_container .main_wrap .main_con>ul>li:nth-child(5)>a:hover{background: #fff; color:#3bb02c; font-weight: 500;}
.s_container .main_wrap .main_con .op_bg{position: absolute; width:100%; height: 100%; left:0; top:0; background: rgba(0,0,0,0.2); z-index: 1; transition: all 0.5s;}
.s_container .main_wrap .main_con .op_txt_bg{position: absolute; width:450px; height: 450px; z-index: 2; top:50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; transition: all 0.5s; background: linear-gradient(to left, #3bb02c,#54c944);}

.s_container .main_wrap .main_con.hover{width:50%;}
.s_container .main_wrap .main_con.hover .op_bg{background: rgba(0,0,0,0.0);}
.s_container .main_wrap .main_con.hover .op_txt_bg{opacity: 0.7; border-radius: 50%;}
.s_container .main_wrap .main_con.hover>ul>li:nth-child(5)>a{opacity: 1; display: inline-block;}

.index_video{width:100%; height: 700px; position: relative; overflow: hidden;}
.index_video .video_box{width:100%; position: absolute; top:50%; left:0; transform: translate(0,-50%);}
.index_video .video_box>div{position: relative; padding-bottom: 56.25%;}
.index_video .video_box>div>iframe{position: absolute; top:0; left:0; width:100%; height: 100%;}
.index_video .video_text{width:100%; height: 100%; position: absolute; top:0; left:0; background: rgba(0,0,0,0.6);}
.index_video .video_text .text_wrap{text-align: center; color:#fff; padding-top: 140px;}
.index_video .video_text .text_wrap>p{width:1px; height: 80px; background: #3bb02c; margin: 0 auto;}
.index_video .video_text .text_wrap>h1{font-size: 82px; line-height: 1; margin: 30px 0;}
.index_video .video_text .text_wrap>h2{font-size: 28px; font-weight: 400; margin-bottom: 30px;}
.index_video .video_text .text_wrap>a{display: inline-block; padding: 10px 30px; background: #3bb02c; color:#fff; border-radius: 500px;}

/* sub공통 */
.sub_top{height: 400px; background: #333;}
.sub_top .sub_top_wrap{width:1200px; margin: 0 auto; padding-top: 170px; position: relative; height: 100%;}
.sub_top .sub_top_wrap .sub_title{font-size: 52px; color:#fff; font-weight:600; letter-spacing:-0.04em;}
.sub_top .sub_top_wrap .sub_tab{position: absolute; right:0; bottom:30px;}
.sub_top .sub_top_wrap .sub_tab.pc_view{display: block;}
.sub_top .sub_top_wrap .sub_tab.mobile_view{display:none;}
.sub_top .sub_top_wrap .sub_tab>ul{display: flex;}
.sub_top .sub_top_wrap .sub_tab>ul>li>a{padding: 0 20px; color:#b8babd; font-size:20px;}
.sub_top .sub_top_wrap .sub_tab>ul>li>a.on{font-weight:700; letter-spacing:-0.04em; color:#fff;}
.txt_area p {line-height:1.8;}

.sub_top.bg01{background: url('../img/worldmap_visual.jpg')center center no-repeat; background-size:cover;}
.sub_top.bg02{background: url('../img/sub_top_bg02.png')center center no-repeat; background-size:cover;}
.sub_top.bg03{background: url('../img/sub_top_bg03.png')center center no-repeat; background-size:cover;}
.sub_top.bg04{background: url('../img/sub_top_bg04.png')center center no-repeat; background-size:cover;}
.sub_top.bg05{background: url('../img/sub_top_bg05.png')center center no-repeat; background-size:cover;}
.sub_top.bg06{background: url('../img/sub_top_bg06.png')center center no-repeat; background-size:cover;}
/*2020.04수정*/
.sub_top.bg_company{background: url('../img/istockphoto-965229202-612x612.jpg')center center no-repeat; background-size:cover;}
.sub_top.bg_oem{background: url('../img/sub_top_bg02.png')center center no-repeat; background-size:cover;}
.sub_top.bg_qa{background: url('../img/bg_qa_1.jpg')center center no-repeat; background-size:cover;}
.sub_top.bg_rnd{background: url('../img/sub_top_bg_rnd.jpg')center center no-repeat; background-size:cover;}
.sub_top.bg_capsule{background: url('../img/sub_top_bg02_1.png')center center no-repeat; background-size:cover;}
.sub_top.bg_osong1{background: url('../img/sub_top_bg_osong.jpg')center center no-repeat; background-size:cover;}
.sub_top.bg_osong2{background: url('../img/sub_top_bg_osong2.jpg')center center no-repeat; background-size:cover;}
.sub_top.bg_ochang{background: url('../img/sub_top_bg_ochang.jpg')center center no-repeat; background-size:cover;}
.sub_top.bg_contact{background: url('../img/sub_top_bg010.jpg')center center no-repeat; background-size:cover;}
.sub_top.bg_product{background: url('../img/sub_top_bg_prd.jpg')center center no-repeat; background-size:cover;}

/* sub_tab_v02 */
.sub_tab_v02{width:100%; background: #fff;}
.sub_tab_v02>ul{width:1200px; margin: 0 auto; display:flex;}
.sub_tab_v02>ul>li{width:50%; text-align: center;}
.sub_tab_v02>ul>li>a{display: block; width:100%; text-align: center; padding: 15px 0; font-size: 18px;}
.sub_tab_v02>ul>li>a.on{background: #3bb02c; color:#fff; font-weight: 600;}

/* sub_tab_v03 */
.sub_tab_v03{width:100%; background: #fff; border-bottom: 1px solid #ccc;}
.sub_tab_v03>ul{width:1200px; margin: 0 auto; display:flex;}
.sub_tab_v03>ul>li>a{min-width:150px; text-align: center; display: block; font-weight: 400; padding: 18px 30px; color:#888; white-space: nowrap;}
.sub_tab_v03>ul>li.on{position: relative;}
.sub_tab_v03>ul>li.on:after{content: ""; width:100%; height: 4px; background: linear-gradient(to left, #029687,#7dbf4f); position: absolute; bottom:-2px; left: 0;}
.sub_tab_v03>ul>li.on>a{text-align:center; color:#333; font-weight: 700;}

/* a1-b1 */
.a1-b1_wrap{width:100%;}
.a1-b1_wrap .con_img01{margin-bottom: 100px;}
.a1-b1_wrap .con_img01>img{width:100%;}
.a1-b1_wrap>h1{font-size: 36px; font-weight: 400; margin-bottom: 40px;}
.a1-b1_wrap>h2{font-size: 36px; font-weight: 400;}
.a1-b1_wrap>h2>span{font-weight: 600;}
.a1-b1_wrap>p{font-size: 18px; margin-bottom: 60px; line-height:1.8;}

/* a1-b2 */
.a1-b2_wrap>h1{margin-bottom: 40px;}
.a1-b2_wrap>p{margin-bottom: 100px; font-size: 18px;}
.a1-b2_img_area{width:100%; height: 550px; background: url('../img/a1-b2_img01.png')center center no-repeat; margin-bottom: 150px;}
.a1-b2_img_area .a1-b2_img_wrap{width:1200px; margin: 0 auto; position: relative;}
.a1-b2_img_area .a1-b2_img_wrap .con{position: absolute; padding: 40px 60px; background: linear-gradient(to left, #029687,#7dbf4f); color:#fff; text-align: left; box-shadow: 0px 0px 10px #333;}
.a1-b2_img_area .a1-b2_img_wrap .con.set01{left:0; top:100px;}
.a1-b2_img_area .a1-b2_img_wrap .con.set02{right:-100px; top:400px;}
.a1-b2_img_area .a1-b2_img_wrap .con>h1{font-size: 36px; margin-bottom: 10px;}
.a1-b2_img_area .a1-b2_img_wrap.historyTit > .inner .con>h2{font-size: 28px; font-weight: 400;}

/* a1-b3 */
.a1-b3_title{background: url('../img/a1-b3_img01.png')center center no-repeat; padding: 45px 0; margin-bottom: 100px;}
.history_wrap{width:100%; display:flex; flex-direction: row; flex-wrap: wrap;}
.history_wrap>div{width:600px;}
.history_wrap>div.txt_area{position: relative; padding-top: 60px;}
.history_wrap>div.txt_area .history_line{width:10px; height: 100%; background: #e3e3e3; position: absolute; top:0; left:10px;}
.history_wrap>div.txt_area .con{position: relative;}
.history_wrap>div.txt_area .con .con_tit{display:flex; align-items: center; margin-bottom: 20px;}
.history_wrap>div.txt_area .con .con_tit .circle{width:30px; height: 30px; background: #f7f7f7; border-radius: 50%; position: relative; margin-right: 15px;}
.history_wrap>div.txt_area .con .con_tit .circle>span{display: block; width:15px; height: 15px; background: #3bb02c; border-radius: 50%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.history_wrap>div.txt_area .con .con_tit .year{font-size: 36px; font-weight: 700; color:#3bb02c;}
.history_wrap>div.txt_area .con>ul{margin-left: 45px; margin-bottom: 150px;}
.history_wrap>div.txt_area .con>ul>li{font-size: 18px; margin-bottom: 20px;}
.history_wrap>div.txt_area .con>ul>li:last-child{margin-bottom: 0;}
.history_wrap>div.txt_area .con>ul>li>span:first-child{margin-right: 10px;color:#888;}
.history_wrap>div.txt_area .con>ul>li>span:last-child{letter-spacing: -0.03em;}
.history_wrap>div.img_area .img.set01{margin-bottom: 400px;}
.history_wrap>div.img_area .img.set02{margin-bottom: 310px;}

/*연혁-추가*/
/* 연혁 */
.page_tit {
    margin-bottom: 0px;
    font-size: 40px;
    line-height: 60px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    letter-spacing:-0.02em;
}
.page_tit ul li{display:inline-block;}
.his_bar{width:30px;  border-top:1px #fff solid; display:inline-block; vertical-align: middle; margin: -8px 5px 0 5px; opacity:.3;}
.page_tit > span {
    display: block;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    padding-top: 10px;
}
.his_bar2{border-top:1px #fff solid; width:20px; display:block; margin:20px 0 10px 0}
.historyFlow {position:relative; padding:100px 0 120px 0;}
.historyFlow:before {content:''; position:absolute; top:0; left:50%; height:100%; border-left:1px solid #dcdcdc;}
.historyFlow > .inner {width:1200px; margin:0 auto;}

.content.historyContent {padding-top:0;}
.historyTit  {display:table; width:100%;}
.historyTit > .inner {position:relative; display: table-cell; max-width:100%; height:350px; background-repeat:no-repeat; background-position:center; background-size:cover; text-align:left; vertical-align:middle;}
/*
.historyTit > .inner:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.historyTit.ty1 > .inner {background:url(../image/sub/about/img_historytit01.jpg) no-repeat center;}
.historyTit.ty2 > .inner {background:url(../image/sub/about/img_historytit02.jpg) no-repeat center;}
.historyTit.ty3 > .inner {background:url(../image/sub/about/img_historytit03.jpg) no-repeat center;}
.historyTit.ty4 > .inner {background:url(../image/sub/about/img_historytit04.jpg) no-repeat center;}
*/
.historyTit > .inner > .page_tit {display:inline-block; margin-bottom:0; vertical-align:middle; color:#fff;}
dl,dd{margin:0 !important; padding:0 !important;}
.hfCont {overflow:hidden;}
.hfCont + .hfCont {margin-top:100px;}
.hfCont.hfRight {}
.hfCont.hfRight > .thumb {float:right;}
.hfCont.hfRight > .hfMonth {float:right;  box-sizing:border-box; max-width:621px; padding-right:100px; padding-top:140px; text-align:right;}
.hfCont.hfRight > .hfMonth .hfMonthdl.rnd {}
.hfCont.hfRight > .hfMonth .hfMonthdl.rnd:before {content:''; position:absolute; top:2px; right:-59px; width:17px; height:17px; background:#fff; border:1px solid #54bb4b; box-sizing:border-box; border-radius:50%;}
.hfCont.hfRight > .hfMonth .hfMonthdl.rnd:after {content:''; position:absolute; top:8px; right:-53px; width:5px; height:5px; background:#54bb4b;  border-radius:50%;}

.hfCont.hfLeft {}
.hfCont.hfLeft > .thumb {padding-left:196px; float:left;}
.hfCont.hfLeft > .hfMonth {float:left; box-sizing:border-box; max-width:650px; min-width:600px; padding-left:100px; padding-top:0px; text-align:left;}
.hfCont.hfLeft > .hfMonth .hfMonthdl.rnd {}
.hfCont.hfLeft > .hfMonth .hfMonthdl.rnd:before {content:''; position:absolute; top:17px; left:-58px; width:17px; height:17px; background:#fff; border:1px solid #54bb4b; box-sizing:border-box; border-radius:50%;}
.hfCont.hfLeft > .hfMonth .hfMonthdl.rnd:after {content:''; position:absolute; top:23px; left:-52px; width:5px; height:5px; background:#54bb4b;  border-radius:50%;}
.tit_his_b1{font-size:30px;}

.hfMonth {position:relative;}
.hfMonthdl {position:relative;}
.hfMonthdl > dt {font-family:'Montserrat', sans-serif; font-weight:400; font-size:18px; padding:20px 0 0 0; color:#121212; display:block;}
.hfMonthdl > dt span{width:90px; display:inline-block; padding:0px 10px 0 0; color:#555;}
.hfMonthdl > dd {padding-top:8px; font-weight:200; font-size:18px; color:#000; line-height:32px; display:inline-block;}
.hfMonthdl > dd + dd {padding-top:0;}
.hfMonthdl > dd + dt {margin-top:28px;}
.thumb_inner{padding:0 0 10px 0; }
.hfMonthdl ul li{display:inline-block; font-size:18px; vertical-align:text-top; padding:10px 0;}
.hfMonthdl ul li.year{width:20%; display:inline-block; color:#555; }
.hfMonthdl ul li.txt{width:69%; font-weight:400;  color:#121212; word-break:keep-all;}

.eleFloat {position:absolute; z-index:2; top:650px; left:50%; margin-left:-740px;}
.eleFloat.on {position:fixed; top:110px;}
.eleFloatList {}
.eleFloatList > li {position:relative; height:150px;}
.eleFloatList > li:before {content:''; position:absolute; top:0; left:0; height:100%; border-left:2px solid #ccc;}
.eleFloatList > li.on:before {border-left:2px solid #57b352;}
.eleFloatList > li:after {content:''; position:absolute; top:50%; left:0; width:8px; height:8px; margin-top:-4px; margin-left:-3px; border:2px solid #57b352; box-sizing:border-box; background:#fff; border-radius:50%;}
.eleFloatList > li > button {display:block; height:150px; padding-left:20px; outline:none;}
.eleFloatList > li > button > span {position:relative; display:block; font-weight:500; font-size:20px; color:#ccc;}
.eleFloatList > li.on > button > span {color:#57b352;}
/*================================== PC sub =========================================*/
@media screen and (min-width:1200px) {

    /* _leadership */
    div.leadership_imgcont > dl {padding-top:142px;}
    div.leadership_imgcont > dl dt {font-size:50px;line-height:60px;width:490px;}
    div.leadership_imgcont > dl dd {font-size:18px;line-height:40px;padding-top:35px;}
    div.leadership_cont {padding-top:68px;}

    /* CEO 메세지 */
    div.leadership_imgcont.ceo > dl {text-align:left;padding-top:144px;padding-left:600px;}

    /* _연혁 */
    .historyTit > .inner > .page_tit > span {max-width:1200px;}

    /* _Responsibility*/
    div.environment > dl {max-width:46.668%;width:100%;padding-left:11%;margin-left:3%;margin-top:60px;}
    div.environment > dl:nth-child(2n+1) {margin-left:0;}
    div.environment > dl > dt {font-size:18px;}

    /* 회사소개 */
    .core_value > dl {max-width:46.668%; width:100%; padding-left:11%; margin-left:3%;}
    .core_value > dl:nth-child(2n+1) {margin-left:0;}
    .core_value > dl:nth-child(n+3) {margin-top:60px;}
    .core_value > dl > dt {font-size:18px;}
    .core_value > dl > dd {letter-spacing:-1px;}

    .core_value {padding-top:20px;}

    .glance_area {height:650px; margin-top:130px; margin-bottom:-140px; padding:110px 0 80px;}
    .glance {padding-top:50px;}
    .glance > dl {float:left; max-width:25%; width:100%; padding-left:7%; box-sizing:border-box;}
    .glance > dl:nth-of-type(1),
    .glance > dl:nth-of-type(2),
    .glance > dl:nth-of-type(4),
    .glance > dl:nth-of-type(5){margin-right:12%;}
    .glance > dl:nth-of-type(4n) {clear:both;}
    .glance > dl:nth-of-type(n+4) {margin-top:100px;}
    .glance > dl > dt {color:#50b947; font-size:18px;}
    .glance > dl > dd .desc {font-size:30px; line-height:40px;}
    .glance > dl > dd .desc span {font-size:22px;}
    .glance > dl > dd .date {padding-top:16px; font-size:16px; color:#bcbdc1;}


    /* _CI */
    div.ci_content > dl {padding-bottom:125px;}
    p.txt_center {padding:64px 0 52px;}

    .ci_color .ci_colortit {margin-bottom:13px;}
    .ci_color > dd.page_content > div {margin-bottom:-40px;} /* .ci_color > dd > dl 에 margin-bottom:40px 을 밑단 길이 자르기 용 */
    .ci_color > dd > div > dl {margin-left:5.719%;margin-bottom:40px;}

    .ci_color > dd > div > dl > dt {font-size:16px;line-height:28px;}
    .ci_color > dd > div > dl > dt > p {font-size:18px;line-height:30px;width: 220px;height:100px;padding:59px 19px 0;margin-bottom:12px;}
    .ci_color > dd > div > dl > dd {font-size:16px;line-height:28px;}

    div.ci_logo {min-height:550px;}
    div.ci_logo > p {padding-top:110px;}
}


/*=============================== tablet sub =========================================*/
@media screen and (max-width:1199px) and (min-width:768px) {
    .hfCont.hfLeft > .hfMonth{min-width:400px;}

    .page_tit{font-size:26px; line-height:1.6;}

    .hfMonthdl ul li{font-size:17px;}
    .hfMonthdl ul li.year{width:25%; display:inline-block; color:#555;}
    .hfMonthdl ul li.txt{width:74%; font-weight:400; color:#121212; word-break:keep-all;}
    .tit_his_b1{font-size:22px;}
    /* _leadership */
    div.leadership_imgcont {background-position:80% top;}
    div.leadership_imgcont > dl {padding-top:100px;}
    div.leadership_imgcont > dl dt {font-size:50px;line-height:60px;width:390px;}
    div.leadership_imgcont > dl dd {font-size:18px;line-height:40px;padding-top:35px;}
    div.leadership_cont {padding-top:68px;}
    div.leadership_cont > p.mobileOnly {display:none;}

    .hfMonth ul{padding:10px 0;}
    .company_cont .page_content br {display: none;}
    .his_bar2{margin:10px 0;}

    /* _연혁 */
    .historyTit > .inner {height:240px; background-size:cover;}
    .historyTit > .inner:before {content:none;}
    .historyTit > .inner > .page_tit {min-height:320px; padding:70px 20px 49px 20px; box-sizing:border-box;}
    .historyTit > .inner > .page_tit > span {padding-top:16px;}

    .historyFlow {padding:50px 20px;}
    .historyFlow:before {/* left:28px; */}
    .historyFlow > .inner {width:auto;}

    .hfCont.hfRight > .thumb {width:50%; padding-left:50px; box-sizing:border-box;}
    .hfCont.hfRight > .thumb img {width:100%;}
    .hfCont.hfRight > .hfMonth {width:50%; padding-right:50px; box-sizing:border-box;}

    .hfCont.hfLeft > .thumb {width:50%; padding-right:50px; box-sizing:border-box; padding-left:0;}
    .hfCont.hfLeft > .thumb img {width:100%;}
    .hfCont.hfLeft > .hfMonth {width:50%; padding-left:50px; box-sizing:border-box;}
    .eleFloat {display:none;}


    /* _CI */
    div.ci_content .page_content {width:100%;}

    div.ci_content > dl {padding-bottom:125px;}
    p.txt_center {padding:64px 0 52px;}

    .ci_color .ci_colortit {margin-bottom:13px;}
    .ci_color > dd.page_content > div {margin-bottom:-40px;}
    .ci_color > dd > div > dl {margin-left:30px;margin-bottom:40px;}
    .ci_color > dd > div > dl > dt {font-size:16px;line-height:28px;}
    .ci_color > dd > div > dl > dt > p {font-size:18px;line-height:30px;width: 220px;height:100px;padding:59px 19px 0;margin-bottom:12px;}
    .ci_color > dd > div > dl > dd {font-size:16px;line-height:28px;}

    div.ci_logo {min-height:550px;}
    div.ci_logo > p {padding-top:110px;}
}


/*=============================== mobile sub =========================================*/

@media screen and (max-width:767px) {
    .hfMonthdl ul li{font-size:15px;}
    .hfMonthdl ul li.year{width:17%; display:inline-block; color:#555;}
    .hfMonthdl ul li.txt{width:79%; font-weight:400; color:#121212; word-break:keep-all;}
    .page_tit{font-size:26px; line-height:1.6; padding:50px 0;}
    /* _leadership */
    div.leadership_imgcont {margin-top:50px; background:url('../image/sub/about/about_chairman_mobile.png') no-repeat bottom center; background-size: cover;}
    div.leadership_imgcont > dl {padding-top:43px;}
    div.leadership_imgcont > dl dt {font-size:40px;line-height:50px;width:305px;}
    div.leadership_imgcont > dl dd {font-size:18px;line-height:40px;padding-top:43px;}
    div.leadership_cont {display: block; padding-top:40px;}
    div.leadership_imgcont {display: none;}
    div.leadership_cont {display: block !important;}

    div.leadership_cont .mobileOnly {font-weight:500;}
    div.leadership_cont .mobileOnly > img {width:100%;padding-bottom:30px;}


    /* CEO 메세지 */
    div.leadership_imgcont.ceo {background:url('../image/sub/about/about_ceo_mobile.png')no-repeat bottom center;background-size: cover;}
    div.leadership_imgcont.ceo > dl dt {width:300px;}
    div.leadership_imgcont.ceo > dl dd > a > img {padding-left:10px;}

    /* _Responsibility*/
    .responsibility_cont > dl {margin-top:80px;}
    .responsibility_cont .singleImgCont > .singleImgArea img {}

    div.environment > dl {width:100%;/*padding-top:75px;*/margin-top:50px;padding-left:25%;}
    div.environment > dl > dt {font-size:18px;}

    /* 회사소개 */
    .core_value > dl {width:100%; margin-top:50px; /*padding-left:35%;*/ padding-top:85px;}
    .core_value > dl:first-child {margin-top:0;}
    .core_value > dl > dt {font-size:18px;}

    .company_cont > dl {margin-top:80px;}

    .glance_area {margin-top:80px; margin-bottom:-100px; padding:80px 15px; background-position:0 0; background-size:cover;}
    .glance > dl {margin-top:35px; padding-left:35%;}
    .glance > dl > dt {color:#50b947; font-size:18px;}
    .glance > dl > dd .desc {font-size:30px; line-height:41px;}
    .glance > dl > dd .date {padding-top:16px; font-size:16px; color:#bcbdc1;}


    /* _연혁 */
    .historyCont {padding-top:50px;}
    .historyTit > .inner {height:auto;}
    .historyTit > .inner:before {content:none;}
    .historyTit > .inner > .page_tit {/*min-height:420px;*/ padding:49px 20px 49px 20px; box-sizing:border-box;}
    .historyTit > .inner > .page_tit > span {padding-top:36px; font-size:16px; line-height:26px;}

    .historyFlow {padding:50px 20px;}
    .historyFlow:before {left:28px;}
    .historyFlow > .inner {width:auto;}

    .hfCont.hfRight > .thumb {position:relative; float:none;}
    .hfCont.hfRight > .thumb img {width:100%;}
    .hfCont.hfRight > .hfMonth {padding:46px 0 0 30px; float:none; text-align:left;}
    .hfCont.hfRight > .hfMonth .hfMonthdl.rnd:before {right:auto; left:-30px;}
    .hfCont.hfRight > .hfMonth .hfMonthdl.rnd:after {right:auto; left:-24px;}

    .hfCont.hfLeft > .thumb {padding-left:0; position:relative; float:none;}
    .hfCont.hfLeft > .thumb img {width:100%;}
    .hfCont.hfLeft > .hfMonth {padding:46px 0 0 30px; float:none; text-align:left;}
    .hfCont.hfLeft > .hfMonth .hfMonthdl.rnd:before {left:-30px;}
    .hfCont.hfLeft > .hfMonth .hfMonthdl.rnd:after {left:-24px;}

    .eleFloat {display:none;}

    /* _CI */
    div.ci_content .page_content {width:100%;}

    div.ci_content > dl {padding-bottom:72px;}
    p.txt_center {padding:43px 0 8px;}
    p.txt_center img {width:100%;min-width:272px;}

    .ci_color > dd > div > .ci_colortit {font-size: 18px;line-height:28px;margin-bottom:13px;}
    .ci_color > dd.page_content > div {margin-bottom:-40px;} /* .ci_color > dd > dl 에 margin-bottom:40px 을 밑단 길이 자르기 용 */
    .ci_color > dd > div > dl {display:block;float:none;margin-bottom:24px;}
    .ci_color > dd > div > dl > dt {font-size:16px;line-height:28px;}
    .ci_color > dd > div > dl > dt > p {font-size:18px;line-height:30px;width: 220px;height:100px;padding:59px 19px 0;margin-bottom:12px;}
    .ci_color > dd > div > dl > dd {font-size:16px;line-height:28px;}

    .btn_area.ci {padding-top:25px;}

    div.ci_logo {min-height:250px;}
    div.ci_logo > p {padding-top:49px;}
    div.ci_logo > p > img {height:20px;}
}


/* a1-b4 */
.a1-b4_title{line-height: 1.4; letter-spacing: -0.05em; margin-bottom: 60px;}
.a1-b4_wrap .txt_area{margin-bottom: 40px;}
.a1-b4_wrap .txt_area>li{font-size:18px;}
.a1-b4_wrap .txt_area>li>span{color:#3bb02c; font-weight: 700;}
.a1-b4_wrap .ci_area .img{position:relative; background: #fff; width:100%; margin:0 auto;  border:1px #dbdde2 solid; text-align: center; padding:90px 0;margin-bottom: 40px;}
.a1-b4_wrap .ci_area .img img{max-width:700px;}
.a1-b4_wrap .ci_area .txt{display:flex; flex-direction: row; flex-wrap: wrap;}
.a1-b4_wrap .ci_area .txt>li{width:50%;}
.a1-b4_wrap .ci_area .txt>li:first-child>a{font-weight: 500; color:#fff; background: #3bb02c; padding: 15px 80px; font-size: 20px; position: relative; display: inline-block;}
.a1-b4_wrap .ci_area .txt>li:first-child>a>i{position: absolute; font-size: 14px; top:50%; transform: translate(0,-50%); right:30px;}
.a1-b4_wrap .ci_area .txt>li:nth-child(2)>h1{font-size: 18px; color:#333; margin-bottom: 10px;}
.a1-b4_wrap .ci_area .txt>li:nth-child(2)>h2{font-size: 13px; color:#555; font-weight: 400; letter-spacing: -0.05em;}

/* a1-b5 */
.location_area{padding-top: 60px; padding-bottom: 100px;}
.location_area .factory_img_area{margin-bottom: 40px;}
.location_area .factory_img_area img{width:100%;}
.location_area .info_area{display:flex; flex-direction: row; flex-wrap: wrap;}
.location_area .info_area .left{width:760px; position: relative;}
.location_area .info_area .left>span{font-size: 52px; font-weight: 700; line-height: 1; position: relative; z-index: 2; background: #f7f7f7; padding-right: 40px;}
.location_area .info_area .left .line{position: absolute; left:0; width:100%; height: 1px; background: #ccc; top:27px; z-index: 1;}
.location_area .info_area .right{width:440px; padding-left: 40px;}
.location_area .info_area .right>ul>li:first-child{margin-bottom: 30px;}
.location_area .info_area .right>ul>li>h1{font-size: 24px; font-weight: 500; margin-bottom: 5px;}
.location_area .info_area .right>ul>li>h2{font-size: 16px; font-weight: 400;}
.map_area>iframe{display: inherit;}

/* a2-b1 */
.a2-b1-area{text-align: center; height: 570px; color:#fff; padding-top: 120px;}
.a2-b1-area>ul>li.tit{font-size: 60px; font-weight: 700;}
.a2-b1-area>ul>li.subtit{font-size: 32px; font-weight: 700;}
.a2-b1-area>ul>li.line{width:1px; height: 50px; background: #3bb02c; display: block; font-size: 0; margin: 30px auto;}
.a2-b1-area>ul>li.txt{color:#ccc; line-height: 28px;}

.a2-b1-area.bg01{background: url('../img/capsul_top_bg01.png')center center no-repeat;}

/* a2-b2 */
.a2-b2_wrap{padding: 60px 0 100px;}
.a2-b2_wrap .a2-b2_title{text-align: center; background: linear-gradient(to left, #029687,#7dbf4f); padding: 40px 0;}
.a2-b2_wrap .a2-b2_title.bg01{background: url('../img/a2-b2_title_bg01.png')center center no-repeat;}
.a2-b2_wrap .a2-b2_title.bg02{background: url('../img/a2-b2_title_bg02.png')center center no-repeat;}
.a2-b2_wrap .a2-b2_title.bg03{background: url('../img/a2-b2_title_bg03.png')center center no-repeat;}
.a2-b2_wrap .a2-b2_title.bg04{background: url('../img/a2-b2_title_bg04.png')center center no-repeat;}
.a2-b2_wrap .a2-b2_title.bg05{background: url('../img/a2-b2_title_bg05.png')center center no-repeat;}
.a2-b2_wrap .product_box{background: #fff; padding: 60px; margin-bottom: 60px;}
.a2-b2_wrap .product_box:last-child{margin-bottom: 0px;}
.a2-b2_wrap .product_box .a2-b2_title>h1{font-size: 32px; color:#fff; font-weight: 500; line-height: 1; margin-bottom: 5px;}
.a2-b2_wrap .product_box .a2-b2_title>h2{font-size: 14px; color:#fff; font-weight: 600; line-height: 1; margin-bottom: 15px;}
.a2-b2_wrap .product_box .a2-b2_title>h3{font-size: 16px; color:#ddd; font-weight: 400; line-height: 1;}
.a2-b2_wrap .product_box .a2-b2_text .text_box{padding: 30px 0; display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: 1px solid #ddd;}
.a2-b2_wrap .product_box .a2-b2_text .text_box:last-child{padding-bottom: 0; border-bottom: 0;}
.a2-b2_wrap .product_box .a2-b2_text .text_box .left{width:20%;}
.a2-b2_wrap .product_box .a2-b2_text .text_box .left>h1{font-size: 24px; color:#3bb02c;}
.a2-b2_wrap .product_box .a2-b2_text .text_box .left>h2{font-size: 14px; color:#3bb02c;}
.a2-b2_wrap .product_box .a2-b2_text .text_box .right{width:80%;}
.a2-b2_wrap .product_box .a2-b2_text .text_box .right>ul>li{margin-bottom: 10px; padding-left: 20px; background: url('../img/li_polygon.png')left 11px no-repeat;}
.a2-b2_wrap .product_box .a2-b2_image{display:flex; flex-direction: row; flex-wrap: wrap;}
.a2-b2_wrap .product_box .a2-b2_image .img_area{width:330px; height: 330px; background: #f4f4f4; margin-right: 45px;}
.a2-b2_wrap .product_box .a2-b2_image .img_area>img{width:100%;}
.a2-b2_wrap .product_box .a2-b2_image .img_area:nth-child(3n+3){margin-right: 0; margin-bottom: 45px;}
.a2-b2_wrap .product_box .a2-b2_image .img_area:last-child{margin-bottom: 0;}
/*제형별 이미지css추가 2020.04.10 : in*/
.a2-b2_wrap .product_box .a2-b2_image.typeimage{display:flex; flex-direction: row; flex-wrap: wrap;}
.a2-b2_wrap .product_box .a2-b2_image.typeimage .img_area{width:33%; height:auto; background: #fff; margin:0 auto auto 0; text-align: left; padding:0 1%;}
.a2-b2_wrap .product_box .a2-b2_image.typeimage .img_area h3{font-size:17px; font-weight:normal; padding:7px 0 0 0; color:#323232;}
.a2-b2_wrap .product_box .a2-b2_image.typeimage .img_area>img{width:100%; border:1px #eee solid;}
.a2-b2_wrap .product_box .a2-b2_image.typeimage .img_area:nth-child(3n+3){margin-right: 0; margin-bottom: 45px;}
.a2-b2_wrap .product_box .a2-b2_image.typeimage .img_area:last-child{margin-bottom: 0;}
/* a3-b1 */
.a3-b1_wrap .img_area{box-shadow: 0 0 33px -19px #555;}
.a3-b1_wrap .txt_area{position: relative; z-index: 2; width:1150px; text-align: left; background: #fff; padding: 50px 200px 50px 50px; margin-top: -100px; border-radius: 0 400px 0 0;}
.a3-b1_wrap .txt_area>h1{font-size: 52px; font-weight: 800; color:#3bb02c;}
.a3-b1_wrap .txt_area>p{width:40px; height: 1px; background: #ddd; margin: 30px 0;}
.a3-b1_wrap .txt_area>h2{font-size: 24px; line-height:1.6; letter-spacing:-0.03em; font-weight: 400; color:#333;}
.a3-b1_wrap .txt_area .ba_url_btn{padding: 10px 30px; border-radius:4px; background: #3bb02c; display: inline-block; margin-top: 40px; color:#fff; font-size: 18px;}

/* a4-b1 */
.a4-b1_wrap{padding-bottom: 80px;}
.a4-b1_wrap>h1{font-size: 42px; font-weight: 400; position: relative; z-index: 2;}
.a4-b1_wrap .a4-b1_con{margin-top: 0px;}
.a4-b1_wrap .a4-b1_con .img_area{margin-bottom: 40px; border:0px #ccc solid;}
.a4-b1_wrap .a4-b1_con .img_area img{width:100%;}
.a4-b1_wrap .a4-b1_con .txt_area p{word-break: keep-all;}
.a4-b1_wrap .a4-b1_con .txt_area h1{font-size: 32px; color:#3bb02c; font-weight: 400; display: flex; align-items: center; margin-bottom: 20px;}
.a4-b1_wrap .a4-b1_con .txt_area h1>span{width:200px; height: 1px; background: #3bb02c; display: block; margin-left: 40px;}
.a4-b1_wrap .a4-b1_con .txt_area h2{font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.a4-b1_video{width:100%; height: 600px; position: relative; overflow: hidden;}
.a4-b1_video .video_box{width:100%; position: absolute; top:50%; left:0; transform: translate(0,-50%);}
.a4-b1_video .video_box>div{position: relative; padding-bottom: 56.25%;}
.a4-b1_video .video_box>div>iframe{position: absolute; top:0; left:0; width:100%; height: 100%;}
.a4-b1_video .video_text{position: absolute;; width:1555px; right:0; bottom:0; background: #fff; color:#333;}
.a4-b1_video .video_text>p{line-height: 1; padding: 20px 0; font-size: 20px; padding-left: 50px; text-align: left;}
.a4-b1_video .video_text>p>i{margin-right: 15px;}
.a4-b1_wrap02{padding-top: 100px;}
.a4-b1_wrap02 .a4-b1_con02{display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 100px;}
.a4-b1_wrap02 .a4-b1_con02:last-child{margin-bottom: 0;}
.a4-b1_wrap02 .a4-b1_con02 .img_area{width:50%; height: 360px; background: #f7f7f7; overflow: hidden; border-radius: 500px 0 0 500px;}
.a4-b1_wrap02 .a4-b1_con02 .txt_area{width:50%; margin-top: 60px;}
.a4-b1_wrap02 .a4-b1_con02 .txt_area>h1{font-size: 32px; font-weight:800; letter-spacing:-0.03em; color:#3bb02c; background: #fff; margin-left: -80px; padding: 10px 0 10px 30px; border-radius: 500px;}
.a4-b1_wrap02 .a4-b1_con02 .txt_area>ul{margin-left: 40px; padding-top: 30px;}
.a4-b1_wrap02 .a4-b1_con02 .txt_area>ul>li{font-size: 18px; padding-left: 20px; background: url('../img/li_polygon.png')left 13px no-repeat; margin-bottom: 7px;}
.txt_title_sh1{letter-spacing:-0.05em;}

/* a4-b2 */
.a4-b2_wrap>h1{font-size: 20px; font-weight: 400; margin-bottom: 20px; solid #333;}
.a4-b2_wrap>h1>span{font-weight: 700; color:#3bb02c;}
.a4-b2_wrap .a4-b2_table{border-top: 2px solid #171717; border-bottom: 1px solid #171717;}
.a4-b2_wrap .a4-b2_table .table_row{border-bottom: 1px solid #ccc; padding: 25px 0;}
.a4-b2_wrap .a4-b2_table .table_row:last-child{border-bottom: none;}
.a4-b2_wrap .a4-b2_table .table_row>ul{display: flex; flex-direction: row; flex-wrap: wrap;}
.a4-b2_wrap .a4-b2_table .table_row>ul>li{font-size: 18px; text-align: left; padding-left:15px;}
.a4-b2_wrap .a4-b2_table .table_row.head{background: #f7f7f7;}
.a4-b2_wrap .a4-b2_table .table_row>ul>li.tab1{width:10%;}
.a4-b2_wrap .a4-b2_table .table_row>ul>li.tab2{width:20%;}
.a4-b2_wrap .a4-b2_table .table_row>ul>li.tab3{width:70%;}
/*a4-b2 겔러리추가 2020.04.16*/
.a4-b2_gallery{margin:80px 0 0 0;}
.a4-b2_wrap .a4-b2_gallery .patent_list{width:100%; position:relative;}
.a4-b2_wrap .a4-b2_gallery .patent_list ul li{width:19%; padding:0 0px 20px 30px; text-align:center; box-sizing: border-box; position: relative; display: inline-block;}
.a4-b2_wrap .a4-b2_gallery .patent_list ul li img{width:100%; border:1px #eee solid;}
#colorbox img{width:100% !important; max-width:500px !important; height:auto !important;}

/* a4-b3 */
.a4-b1_wrap.custom_b2 .a4-b1_con{margin-top: 40px;}
.a4-b3_wrap02{padding-top: 100px; display:flex; flex-direction: row; flex-wrap: wrap;}
.a4-b3_wrap02 .a4-b3_con02{width:570px; text-align: center;}
.a4-b3_wrap02 .a4-b3_con02:first-child{margin-bottom: 60px;}
.a4-b3_wrap02 .a4-b3_con02:nth-child(2n+1){margin-right: 60px;}
.a4-b3_wrap02 .a4-b3_con02>img{margin-bottom: 20px; border-radius: 20px;}
.a4-b3_wrap02 .a4-b3_con02>h1{font-size: 24px; color:#3bb02c; font-weight: 400; margin-bottom: 10px;}
.a4-b3_wrap02 .a4-b3_con02>p{padding: 0 20px;}

.contact_form .contact_row{display:flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 25px; align-items: center;}
.contact_form .contact_row:last-child{margin-bottom: 0;}
.contact_form .contact_row .title_area{width:10%; font-size: 18px;}
.contact_form .contact_row .title_area>span{color:red; margin-left: 5px;}
.contact_form .contact_row .input_area{width:90%;}
.contact_form .contact_row .input_area input{width:60%; border: 1px solid #ddd; font-size: 18px; padding: 12px;}
.contact_form .contact_row .input_area input.num{width:20%; text-align: center;}
.contact_form .contact_row .input_area input.file{border:0; font-size: 16px; padding-left: 0; width: auto; display: block;}
.contact_form .contact_row .input_area textarea{width:100%; min-height: 300px; border: 1px solid #ddd; padding: 12px;}
.contact_form .contact_row .input_area select{width:100%; border: 1px solid #ddd; padding: 12px;}
.contact_form .contact_row .input_area>p{font-size: 14px; color:#555; margin-top: 10px;}
.contact_form .agree_form{padding: 60px 0;}
.contact_form .agree_form>p{font-size: 18px;}
.contact_form .agree_form .scroll_area{width:100%; height: 200px; overflow-y: scroll; background: #fff; border: 1px solid #ddd; margin: 10px 0; padding: 15px; color:#555;}
.contact_form .agree_form .check_area>label{margin-left: 10px;}
.contact_form .send_area{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.contact_form .send_area>a{width:300px; padding: 15px 0; text-align: center; font-size: 24px; color:#fff;}
.contact_form .send_area>a.active{background: #3bb02c; margin-right: 20px;}
.contact_form .send_area>a.cancel{background: #ccc;}

.a7-b1_wrap>h1{margin-bottom: 40px; text-align: center;}
.a7-b1_wrap .info_area{background: #fff; border-top: 2px solid #3bb02c;}
.a7-b1_wrap .info_area>.title{text-align: center; padding: 20px 0; border-bottom: 1px solid #ddd; font-size: 18px;}
.a7-b1_wrap .info_area .info_wrap{padding: 60px;}
.a7-b1_wrap .info_area .info_wrap .icon_area>div{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 60px;}
.a7-b1_wrap .info_area .info_wrap .icon_area>div>img{margin: 0 20px;}
.a7-b1_wrap .info_area .info_wrap .icon_area>div>div{width:170px; height: 170px; border: 1px solid #ccc; border-radius: 50%; position: relative; text-align: center; padding-top: 45px;}
.a7-b1_wrap .info_area .info_wrap .icon_area>div>div>img{margin-bottom: 5px;}
.a7-b1_wrap .info_area .info_wrap .icon_area>div>div>p{line-height: 1.2}
.a7-b1_wrap .info_area .info_wrap .table_area{border-top:1px solid #ddd;}
.a7-b1_wrap .info_area .info_wrap .table_area .t_row{display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: 1px solid #ddd;}
.a7-b1_wrap .info_area .info_wrap .table_area .t_row .t_tit{font-weight: 500; width:20%; text-align: center; vertical-align: center; border-right: 1px solid #ddd; position: relative;}
.a7-b1_wrap .info_area .info_wrap .table_area .t_row .t_tit>p{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.a7-b1_wrap .info_area .info_wrap .table_area .t_row .t_txt{padding: 20px; padding-right: 0; color:#888;}
.a7-b1_wrap .info_area .info_wrap .table_area .t_row .t_txt>ul>li{margin-bottom: 3px;}
.a7-b1_wrap .info_area .info_wrap .table_area .t_row .t_txt>ul>li:last-child{margin-bottom: 0;}

.faq_box{width: 100%; border-top: 3px solid #ccc;}
.faq_box .faq_con{width: 100%; border-bottom: 1px solid #ddd; padding: 25px 0;}

.faq_box .faq_con .q{font-size: 20px; font-weight: 400; color: #333; width: 100%; overflow: hidden; padding: 0 20px; cursor: pointer; font-weight: 500; color: #555;}
.faq_box .faq_con .q>p{display: inline-block;}
.faq_box .faq_con .q>.left{float: left;}
.welfare .faq_con .q>.left{float: left; margin-left:50px;}
.faq_box .faq_con .q>.left>span:first-child{margin-right: 20px; font-weight: 700; color: #3bb02c; font-size: 18px;}
.faq_box .faq_con .q>.right{float: right;}
.faq_box .faq_con .q>.right>span{display: inline-flex;}

.faq_box .faq_con .q.on{color:#3bb02c;}

.faq_box .faq_con .a{display: none; margin-top: 20px; background-color: #fff; padding: 20px; font-size: 14px; color: #333; font-weight: 400; line-height: 28px;}
.faq_box .faq_con .a>span:first-child{font-size: 18px; font-weight: 700; color:#3bb02c; display:inline-block; width: 3%; vertical-align:top;}
.faq_box .faq_con .a>span:nth-child(2){display:inline-block; width: 96%;}

.faq_box.welfare{border: 0;}
.faq_box.welfare .faq_wrap{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.faq_box.welfare .faq_con{border:0; width:100%; padding: 0; margin-bottom:20px;}
.faq_box.welfare .faq_con:last-child{margin-right: 0;}
.faq_box.welfare .faq_con .q{background: #fff; padding: 20px; border-radius: 10px;}
.faq_box.welfare .faq_con .a{background: none; line-height:1.6; font-size: 16px; padding: 20px 20px 20px 160px; background: #fff; border-radius: 10px;}
.faq_box.welfare .faq_con .a>ul{border-left: 2px solid #3bb02c; padding-left: 20px;}
.faq_box.welfare .faq_con .a>ul>li{line-height: 1; margin-bottom: 20px;}
.faq_box.welfare .faq_con .a>ul>li:last-child{margin-bottom: 0;}

/* Hard Capsule */
.at01_con03{padding: 60px 0 100px;}
.at01_con03 .title{font-size: 34px; font-weight: 700; color:#333; margin-bottom: 50px; text-align: center;}
.at01_con03 .img_area{text-align: center; margin-bottom: 50px;}
.at01_con03 .img_area>img{width: 700px;}
.at01_con03 .txt_area>ul>li{margin-bottom: 30px;}
.at01_con03 .txt_area>ul>li .tit{font-size: 22px;font-weight: 700;; margin-bottom: 10px;}
.at01_con03 .txt_area>ul>li .tit.co01{color:#06abd7;}
.at01_con03 .txt_area>ul>li .tit.co01>span{background:#06abd7;}
.at01_con03 .txt_area>ul>li .tit.co02{color:#f15a2f;}
.at01_con03 .txt_area>ul>li .tit.co02>span{background:#f15a2f;}
.at01_con03 .txt_area>ul>li .tit.co03{color:#a37a4f;}
.at01_con03 .txt_area>ul>li .tit.co03>span{background:#a37a4f;}
.at01_con03 .txt_area>ul>li .tit.co04{color:#962d65;}
.at01_con03 .txt_area>ul>li .tit.co04>span{background:#962d65;}
.at01_con03 .txt_area>ul>li .tit.co05{color:#4eb548;}
.at01_con03 .txt_area>ul>li .tit.co05>span{background:#4eb548;}
.at01_con03 .txt_area>ul>li .tit>span{width:25px; height: 25px; border-radius: 50%; color:#fff; display: inline-block; text-align: center; line-height: 25px; margin-right: 10px; font-size:16px;}
.at01_con03 .txt_area>ul>li .txt{font-size: 18px; line-height: 30px; padding-left: 35px;}
.at01_con03 .txt_area>ul>li .txt>ul>li{padding-left: 15px; background: url('/theme/suheung/img/li_point.png')left 14px no-repeat;}

.hardcap_wrap{padding: 60px 0 100px; letter-spacing: -0.03em;}
.hardcap_wrap .product_box{background: #fff; padding: 60px; margin-bottom: 60px;}
.hardcap_wrap .product_box:last-child{margin-bottom: 0;}
.hardcap_wrap .product_box>h1{font-size: 42px; color:#3bb02c; margin-bottom: 40px;}
.hardcap_wrap .product_box>ul>li{margin-bottom: 10px; padding-left: 15px; background: url('/theme/suheung/img/li_point.png')left 10px no-repeat; color:#333;}
.hardcap_wrap .product_box>ul>li.hdcap_sub_title{font-weight: 700; background: none; padding-left: 0;}
.hardcap_wrap .product_box>ul>li:last-child{margin-bottom: 0;}
.hardcap_wrap .product_box .img_area{margin-top: 40px; text-align: center;}
.hardcap_wrap .product_box .img_area .img_machine{max-width:400px;}
.hardcap_wrap .product_box .img_area img{width:100%;}
.hardcap_wrap .product_box .img_area>div:last-child{display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 1%;}
.hardcap_wrap .product_box .img_area>div:last-child>img{width:49.5%;}
.hardcap_wrap .product_box .img_area>div:last-child>img:first-child{margin-right: 1%;}
.hardcap_wrap .product_box .img_area img.set01{width:70%;}
.hardcap_wrap .product_box .img_area.set02{display:flex; flex-direction: row; flex-wrap: wrap;}
.hardcap_wrap .product_box .img_area.set02 img{width:auto;}
.hardcap_wrap .product_box .img_area.set02 ul{text-align: left; margin-left: 30px; font-weight: 400;}
.hardcap_wrap .product_box .img_area.set02 ul>li{margin-bottom: 5px;}

.at05_con02>table{width:100%; border-spacing: 0; border-collapse: collapse;}
.at05_con02>table th{border: 1px solid #ddd; background: #f4f4f4; padding: 6px 0;}
.at05_con02>table th:first-child{border-left: 0;}
.at05_con02>table th:last-child{border-right: 0;}
.at05_con02>table td{border: 1px solid #ddd; text-align: center; padding: 5px 0;}
.at05_con02>table td:first-child{border-left: 0;}
.at05_con02>table td:last-child{border-right: 0;}

.a5-b5_table_wrap{padding: 60px 0 100px;}
.a5-b5_table_wrap>div{margin-bottom: 60px;}
.a5-b5_table_wrap>div:last-child{margin-bottom: 0;}
.a5-b5_table_wrap>div>h1{font-size: 32px; font-weight: 400; margin-bottom: 20px;}
.a5-b5_table_wrap>div>table{border-top: 2px solid #ccc; width:100%; border-spacing: 0; border-collapse: collapse;}
.a5-b5_table_wrap>div.a5-b5_table01>table>tbody>tr>td{width:50%; text-align: center; padding: 20px 0; border-bottom: 1px solid #ddd;}
.a5-b5_table_wrap>div.a5-b5_table01>table>tbody>tr>td:first-child{background: #efefef;}
.a5-b5_table_wrap>div.a5-b5_table02>table>thead>tr>th{width:50%; text-align: center; padding: 20px 0; border-bottom: 1px solid #ddd; background: #efefef; font-weight: 400;}
.a5-b5_table_wrap>div.a5-b5_table02>table>tbody>tr>td{width:50%; text-align: center; padding: 20px 0; border-bottom: 1px solid #ddd;}
.a5-b5_table_wrap>div.a5-b5_table02>table>tbody>tr>td:first-child{font-weight: 500;}
.a5-b5_table_wrap>div.a5-b5_table03>table>thead>tr>th{text-align: center; padding: 20px 0; border-bottom: 1px solid #ddd; background: #efefef; font-weight: 400;}
.a5-b5_table_wrap>div.a5-b5_table03>table>tbody>tr>td{padding: 20px 0; border-bottom: 1px solid #ddd; text-align: center;}
.a5-b5_table_wrap>div.a5-b5_table03>table>tbody>tr>td:first-child{font-weight: 500;}
footer .footer_wrap .f_logo>img{width:80%;}

/*채용*/
.txt_recruit_exp{font-size:12px; display:block; padding-top: 50px;}

@media screen and (max-width: 1200px){
    .a4-b2_wrap img{width:100%;}
    .hardcap_wrap .product_box .img_area img.set01{width:100%;}
    .hardcap_wrap .product_box .img_area .img_machine{max-width:230px;}
    .menu_wrap{display:none;}
    .header_right{display:none;}
    #sitemap_nav{display:none;}

    .m_gnb_btn{display:block; position: absolute; right:5%; top:50%; transform: translate(0,-50%); cursor: pointer; line-height: 1;}
    .m_gnb_btn>i{font-size: 20px;}
    #slidenav{display: block;}
    #slidenav::-webkit-scrollbar{display: none;}
    .dimmed_m{width:100%;height:100%;position:absolute;bottom:0;left:0;background:#000;z-index:50;opacity:.5;}
    #slidenav{position:fixed;top:0;right:-300px;width:300px;height:100%;background:#fff;text-align:left;z-index:999;overflow:auto;transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;}
    #slidenav.on{right:0;}
    #slidenav .slide_header{width:100%;clear:both;padding:25px;background: linear-gradient(to left, #8dc84c,#1daa88);}
    #slidenav .slide_header p{width:90%;font-size:15px;color:#fff; letter-spacing:-0.05em;}
    #slidenav .slide_header a{width:100%; border:1px solid #fff;font-size:16px;color:#fff;text-align:center;display:inline-block; margin-top:15px; border-radius: 50px; padding: 5px 0;}
    #slidenav .slide_close{position:absolute;right:6%;top:20px;display:inline-block;}
    #slidenav .slide_close img{width:22px;}
    #slidenav .navList{width:100%;margin:auto;}
    #slidenav .navList .dep00 > li{width:100%;}
    #slidenav .navList .dep00 > li a{width:100%;color:#333;display:inline-block;padding:15px 0 15px 8%;font-size:14px;font-weight:400;border-bottom:1px solid #ddd;position:relative;transition: 0.4s;}
    #slidenav .navList .dep00 > li a span.btn_open{position:absolute;top:50%;right:5%; transform: translate(0,-40%) rotate(-180deg); transition: all 0.3s; background: #ccc; height: 10px;}
    #slidenav .navList .dep00 > li a span.btn_open img{width:20px; vertical-align: top;}
    #slidenav .navList .dep00 > li .dep01{background:#f3f3f3;}
    #slidenav .navList .dep00 > li .dep01 a{font-size:14px;color:#595959;}
    #slidenav .navList .dep00 > li .dep01.active{display:block;}
    #slidenav .navList .dep00 > li .dep01.panel{max-height:0;overflow:hidden;transition: max-height 0.2s ease-out;}
    #slidenav .navList .dep00 > li a.active{color:#50b847; font-weight: 500;}
    #slidenav .navList .dep00 > li a.active span.btn_open{transform: translate(0,-60%) rotate(0deg); background: #50b847;}

    #header .header_wrap .header_logo>a{width:200px;}
    #header.sub .header_wrap .header_sub_wrap{width:94%;}
    #header.sub .header_wrap .header_sub_wrap .m_gnb_btn>i{color:#fff;}

    #header.sub.bgType{display:none;}
    .s_container{height: auto;}
    .s_container .main_wrap{flex-direction: row; flex-wrap: wrap;}
    .s_container .main_wrap{height: auto;}
    .s_container .main_wrap .main_con{display:none;}
    .s_container .main_wrap .m_main_con{display:block; width:100%; padding: 15% 5%;}
    .s_container .main_wrap .m_main_con>a{display:flex; align-items: center;}
    .s_container .main_wrap .m_main_con.con01{background: url('../img/video/vnm_video_img01.png')center center no-repeat; background-size: cover;}
    .s_container .main_wrap .m_main_con.con02{background: url('../img/video/vnm_video_img02.png')center center no-repeat; background-size: cover;}
    .s_container .main_wrap .m_main_con.con03{background: url('../img/video/02.png')center center no-repeat; background-size: cover;}
    .s_container .main_wrap .m_main_con .left{width:25%; margin-right: 20px;}
    .s_container .main_wrap .m_main_con .left>img{width:100%;}
    .s_container .main_wrap .m_main_con .right{width:75%;}
    .s_container .main_wrap .m_main_con .right>h1{font-size: 24px; color:#fff;}
    .s_container .main_wrap .m_main_con .right>h2{font-size: 14px; color:#ccc; font-weight: 400;}
    .index_video{height: auto; background: url('../img/m_video_box_bg.png')center center no-repeat; background-size: 100%}
    .index_video .video_text{position: relative;}
    .index_video .video_text .text_wrap{padding: 40px 0;}
    .index_video .video_text .text_wrap>h1{font-size: 24px; margin: 0px 0 20px;;}
    .index_video .video_text .text_wrap>h2{font-size: 14px; margin-bottom: 20px;}
    .index_video .video_text .text_wrap>p{display:none;}
    .index_video .video_text .text_wrap>a{font-size: 14px; padding: 7px 20px;}
    .index_video .video_box{display: none;}

    footer .footer_wrap{width:94%; margin: 0 auto; padding: 40px 0 40px;}
    footer .footer_wrap .f_logo{width:100%; margin-top: 0; margin-bottom: 20px; text-align: center;}
    footer .footer_wrap .f_nav{width:100%;}
    footer .footer_wrap .f_nav>ul{display: block;}
    footer .footer_wrap .f_nav>ul.f_gnb{margin-bottom: 20px;}
    footer .footer_wrap .f_nav>ul.f_gnb>li{font-size: 14px; margin-right: 0px; text-align: center; margin-bottom: 10px;}
    footer .footer_wrap .f_nav>ul.f_gnb>li:last-child{margin-bottom: 0;}
    footer .footer_wrap .f_nav>ul.f_loc{margin-bottom: 20px;}
    footer .footer_wrap .f_nav>ul.f_loc>li{margin-right: 0; text-align: center;}
    footer .footer_wrap .f_nav>ul.f_loc>li{margin-bottom: 20px;}
    footer .footer_wrap .f_nav>ul.f_loc>li:last-child{margin-bottom: 0;}
    footer .footer_wrap .f_nav .copy{text-align: center;}
    footer .footer_wrap .f_fas{width:100%;}
    footer .footer_wrap .f_fas .f_right{margin-left: 0; width:100%;}
    footer .footer_wrap .f_nav .copy{margin-bottom: 20px;}

    .main_foot_wrap>div{width:100%; height: auto;}
    .main_foot_wrap>div .foot_text{padding: 30px 50px;}
    .main_foot_wrap>div .foot_text>ul>li:first-child{margin-bottom: 10px;}
    .main_foot_wrap>div .foot_text>ul>li:nth-child(3){font-size: 14px;}
    .main_foot_wrap>div .foot_text>ul>li:nth-child(2){font-size: 18px; margin-bottom: 0;}

    .py-100{padding: 50px 0;}
    .py-80{padding: 40px 0;}

    .sub_top{height: 280px;}
    .sub_top.bg01{background-size:cover;}
    .sub_top.bg02{background-size: cover;}
    .sub_top.bg03{background-size: cover;}
    .sub_top.bg04{background-size: cover;}
    .sub_top.bg05{background-size: cover;}
    .sub_top .sub_top_wrap{width:100%; padding-top: 120px;}
    .sub_top .sub_top_wrap .sub_title{font-size: 24px; text-align: center;}
    .global_map{display: none;}

    .sub_top .sub_top_wrap .sub_tab{display:none;}
    .sub_top .sub_top_wrap .sub_tab.mobile_view{display:block; width:100%; bottom:15px;}
    .sub_top .sub_top_wrap .sub_tab.mobile_view .sub_selectbox_wrap{width:90%; margin: 0 auto;}
    .sub_top .sub_top_wrap .sub_tab.mobile_view .sub_selectbox_wrap .sub_selectbox{width:100%; border: none; border-bottom: 1px solid #fff; background: none; color:#fff; padding-bottom: 5px;}
    .sub_top .sub_top_wrap .sub_tab.mobile_view .sub_selectbox_wrap .sub_selectbox>option{background: #333;}

    .sub_tab_v03>ul{overflow-x: auto; width:100%;}
    .sub_tab_v03>ul>li>a{padding: 15px 30px; min-width:150px; font-size: 14px;}

    .container .section_1200{width:94%;}
    .a1-b1_wrap>h1{font-size: 20px; text-align: center; margin-bottom: 20px;}
    .a1-b1_wrap>p{font-size: 14px; text-align: center; margin-bottom: 20px;}
    .a1-b1_wrap>h2{text-align: center; font-size: 20px;}
    .a1-b1_wrap .con_img01{margin-bottom: 20px;}

    .sub_title_RB{font-size: 24px; text-align: center;}
    .a1-b2_wrap>h1{margin-bottom: 20px;}
    .a1-b2_wrap>p{font-size: 14px; text-align: center; margin-bottom: 40px;}
    .a1-b2_img_area{height: auto; background: none; margin-bottom: 0;}
    .a1-b2_img_area .a1-b2_img_wrap{width:94%; margin: 0 auto;}
    .a1-b2_img_area .a1-b2_img_wrap .con{position: relative; padding: 30px 40px;}
    .a1-b2_img_area .a1-b2_img_wrap .con.set01{top:0; left:0; margin-bottom: 30px;}
    .a1-b2_img_area .a1-b2_img_wrap .con.set02{top:0; left:0;}
    .a1-b2_img_area .a1-b2_img_wrap .con>h1{font-size: 32px;}
    .a1-b2_img_area .a1-b2_img_wrap .con>h2{font-size: 14px;}
    .a1-b2_img_area .a1-b2_img_wrap .con>h2>br{display:none;}

    .a1-b3_title{background: none; padding: 0; margin-bottom: 40px;}
    .history_wrap>div{width:100%;}
    .history_wrap>div.img_area{display:none;}
    .history_wrap>div.txt_area .con>ul>li{font-size: 14px; margin-bottom: 10px; display: flex;}
    .history_wrap>div.txt_area .con .con_tit .year{font-size: 24px;}

    .a1-b4_title{font-size: 20px; margin-bottom: 40px;}
    .a1-b4_wrap .txt_area>li{font-size: 14px;}
    .a1-b4_wrap .ci_area .img{padding: 40px 20px 40px; margin-bottom: 20px;}
    .a1-b4_wrap .ci_area .img>img{width:70%; margin: 0 auto;}
    .a1-b4_wrap .ci_area .txt>li{width:100%; text-align: center;}
    .a1-b4_wrap .ci_area .txt>li:first-child{margin-bottom: 20px;}
    .a1-b4_wrap .ci_area .txt>li:first-child>a{font-size: 14px; width:100%; text-align: center;}

    .location_area{padding-top: 20px; padding-bottom: 40px;}
    .location_area .factory_img_area>img{width:100% !important;}
    .location_area .info_area .left>span{font-size: 24px;}
    .location_area .info_area .left .line{top:13px;}
    .location_area .info_area .left{width:100%; margin-bottom: 20px;}
    .location_area .info_area .right{width:100%; padding-left: 0;}
    .location_area .info_area .right>ul>li>h1{font-size: 18px;}
    .location_area .info_area .right>ul>li>h2{font-size: 14px;}

    .a3-b1_wrap .img_area>img{width:100%;}
    .a3-b1_wrap .txt_area{margin-top: 0; padding: 20px 0 0; border-radius: 0; width:100%; text-align: center;}
    .a3-b1_wrap .txt_area>h1{font-size: 24px;}
    .a3-b1_wrap .txt_area>p{margin: 20px auto;}
    .a3-b1_wrap .txt_area>h2{font-size: 14px;}
    .a3-b1_wrap .txt_area .ba_url_btn{margin-top: 20px; margin-bottom:20px; width:80%; font-size: 14px;}

    .a2-b2_wrap{padding: 3% 0 3%;}
    .a2-b2_wrap .product_box{padding: 3%;}
    .a2-b2_wrap .a2-b2_title{padding: 30px 15px;}
    .a2-b2_wrap .product_box .a2-b2_title>h1{font-size: 24px;}
    .a2-b2_wrap .product_box .a2-b2_title>h2{margin-bottom: 10px;}
    .a2-b2_wrap .product_box .a2-b2_title>h3{font-size: 14px;}
    .a2-b2_wrap .product_box .a2-b2_text .text_box{padding: 20px;}
    .a2-b2_wrap .product_box .a2-b2_text .text_box .left{width:100%; padding: 0 0 10px 20px;}
    .a2-b2_wrap .product_box .a2-b2_text .text_box .left>h1{font-size: 20px;}
    .a2-b2_wrap .product_box .a2-b2_text .text_box .right{width:100%;}
    .a2-b2_wrap .product_box .a2-b2_text .text_box .right>ul>li{font-size: 14px;}

    .a4-b1_wrap{padding-bottom: 40px;}
    .a4-b1_wrap>h1{text-align: center; font-size: 24px;}
    .a4-b1_wrap .a4-b1_con{margin-top: 20px;}
    .a4-b1_wrap .a4-b1_con .img_area{margin-bottom: 20px;}
    .a4-b1_wrap .a4-b1_con .img_area>img{width:100%;}
    .a4-b1_wrap .a4-b1_con .txt_area h1{font-size: 20px; text-align: center; display: block; margin-bottom: 10px;}
    .a4-b1_wrap .a4-b1_con .txt_area h1>span{display: none;}
    .a4-b1_wrap .a4-b1_con .txt_area h2{font-size: 16px; text-align: center;}
    .txt_area p{text-align: center; font-size: 14px; line-height: 1.5;}
    .a4-b1_video{display: none;}
    .a4-b1_wrap02{padding-top: 40px;}
    .a4-b1_wrap02 .a4-b1_con02 .img_area{width:100%; height: auto; border-radius: 0 500px 500px 0;}
    .a4-b1_wrap02 .a4-b1_con02 .img_area>img{width:100%;}
    .a4-b1_wrap02 .a4-b1_con02 .txt_area{width:100%; margin-top: 20px;}
    .a4-b1_wrap02 .a4-b1_con02 .txt_area>h1{margin-left: 0; font-size: 20px; padding: 0;}
    .a4-b1_wrap02 .a4-b1_con02 .txt_area>ul{margin-left: 0; padding-top: 20px;}
    .a4-b1_wrap02 .a4-b1_con02 .txt_area>ul>li{font-size: 14px; background: url('../img/li_polygon.png')left 10px no-repeat;}

    .a4-b2_wrap>h1{font-size: 14px; margin-bottom: 10px;}
    .a4-b2_wrap .a4-b2_table .table_row>ul>li{padding-left: 0; text-align: center; font-size: 14px;}
    .a4-b2_wrap .a4-b2_table .table_row>ul>li.tab1{display:none;}
    .a4-b2_wrap .a4-b2_table .table_row>ul>li.tab2{width:40%;}
    .a4-b2_wrap .a4-b2_table .table_row>ul>li.tab3{width:60%;}

    .a4-b1_wrap.custom_b2 .a4-b1_con{margin-top: 20px;}
    .a4-b3_wrap02{padding-top: 40px;}
    .a4-b3_wrap02 .a4-b3_con02{margin-bottom: 40px;}
    .a4-b3_wrap02 .a4-b3_con02:nth-child(2n+1){margin-right: 0;}
    .a4-b3_wrap02 .a4-b3_con02>img{width:100%;}
    .a4-b3_wrap02 .a4-b3_con02>h1{font-size: 20px;}
    .a4-b3_wrap02 .a4-b3_con02>p{font-size: 14px;}
    .a4-b3_wrap02 .a4-b3_con02:first-child{margin-bottom: 40px;}
    .a4-b3_wrap02 .a4-b3_con02:last-child{margin-bottom: 0;}

    .contact_form .contact_row .title_area{width:100%; font-size: 14px; margin-bottom: 5px;}
    .contact_form .contact_row .input_area{width:100%;}
    .contact_form .contact_row .input_area input{width:100%; font-size: 14px; padding: 10px;}
    .contact_form .contact_row .input_area input.num{width:25%;}
    .contact_form .contact_row .input_area select{font-size: 14px; padding: 10px; width:100% !important;}
    .contact_form .send_area>a{width:50%; font-size: 14px;}
    .contact_form .send_area>a.active{margin-right: 0;}
    .contact_form .agree_form{padding: 20px 0;}
    .contact_form .agree_form>p{font-size: 14px;}
    .contact_form .agree_form .scroll_area{font-size: 14px; height: 150px;}
    .contact_form .agree_form .check_area>label{font-size: 14px;}

    .a7-b1_wrap>h1{margin-bottom: 20px;}
    .a7-b1_wrap .info_area>.title{padding: 15px 0; font-size: 14px;}
    .a7-b1_wrap .info_area .info_wrap{padding: 15px;}
    .a7-b1_wrap .info_area .info_wrap .icon_area>div{margin-bottom: 0;}
    .a7-b1_wrap .info_area .info_wrap .icon_area>div>div{width:90px; height: 90px; padding-top: 19px;}
    .txt_recruit_exp{display:none;}
    .a7-b1_wrap .info_area .info_wrap .icon_area>div>div>img{width:60%;}
    .a7-b1_wrap .info_area .info_wrap .icon_area>div>div>p{font-size: 14px;}
    .a7-b1_wrap .info_area .info_wrap .table_area .t_row{padding: 20px 0;}
    .a7-b1_wrap .info_area .info_wrap .table_area .t_row:last-child{border-bottom: 0;}
    .a7-b1_wrap .info_area .info_wrap .table_area .t_row .t_tit{width:100%;}
    .a7-b1_wrap .info_area .info_wrap .table_area .t_row .t_tit>p{position: relative; top:0; left:0; transform: translate(0,0); margin-bottom: 5px;}
    .a7-b1_wrap .info_area .info_wrap .table_area{border-top: 0;}
    .a7-b1_wrap .info_area .info_wrap .table_area .t_row .t_tit{border-right: 0;}
    .a7-b1_wrap .info_area .info_wrap .table_area .t_row .t_txt{font-size: 14px; padding: 0; width: 100%; text-align: center;}

    .faq_box .faq_con .q{font-size: 16px;}

    .at01_con03{padding: 40px 0 100px;}
    .at01_con03 .title{font-size: 24px;}
    .at01_con03 .img_area>img{width:100%;}
    .at01_con03 .txt_area>ul>li:last-child{margin-bottom: 0;}
    .at01_con03 .txt_area>ul>li .tit{font-size: 16px;}
    .at01_con03 .txt_area>ul>li .tit>span{width:20px; height: 20px; font-size: 14px; line-height: 20px;}
    .at01_con03 .txt_area>ul>li .txt{font-size: 14px; line-height: 24px; padding-left: 0;}

    .hardcap_wrap .product_box{padding: 30px 20px;}
    .hardcap_wrap .product_box>h1{font-size: 24px; margin-bottom: 20px; line-height: 1.2;}
    .hardcap_wrap .product_box>ul>li{font-size: 14px; background: url('/theme/suheung/img/li_point.png')left 8px no-repeat;}
    .hardcap_wrap .product_box .img_area{margin-top: 20px; width:100% !important;}
    .hardcap_wrap .product_box .img_area>div:last-child>img{width:100%;}
    .hardcap_wrap .product_box .img_area>div:last-child>img:first-child{margin-right: 0; margin-bottom: 1%;}
    .hardcap_wrap .product_box .img_area.set02 img{margin: 0 auto 20px;;}
    .hardcap_wrap .product_box .img_area.set02 ul{margin-left: 0; font-size: 14px;}

    .a5-b5_table_wrap>div>h1{font-size: 24px; text-align: center;}
    .a5-b5_table_wrap>div.a5-b5_table01>table>tbody>tr>td{padding: 10px 0; font-size: 14px;}
    .a5-b5_table_wrap>div.a5-b5_table02>table>thead>tr>th{font-size: 14px; padding: 10px 0;}
    .a5-b5_table_wrap>div.a5-b5_table02>table>tbody>tr>td{padding: 10px 0; font-size: 14px;}
    .a5-b5_table_wrap>div.a5-b5_table03>table>thead>tr>th{font-size: 14px; padding: 10px 0;}
    .a5-b5_table_wrap>div.a5-b5_table03>table>tbody>tr>td{padding: 10px 0; font-size: 14px;}

}

/*개인정보 보호방침 관련페이지*/
.layer_dimmed{width:100%; height:100%; display: block; background-color:rgba(0,0,0,0.5); z-index:0; position: fixed; top:0; left:0;}
#policy_wrap {}
#policy_wrap .dandan {margin-bottom:60px;}
#policy_wrap strong {font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; margin-bottom:5px; display: inline-block}
#policy_wrap .inner_copy  {padding-left:25px;}
#policy_wrap .small_magin {margin-bottom:10px;}
#policy_wrap .policy_table {border-collapse:collapse;}
#policy_wrap .policy_table th {background-color:#e2e2e2; text-align:center; font-family:'NunitoSans-bold', 'notokr-medium', sans-serif;  font-weight:normal;}
#policy_wrap .policy_table th, #policy_wrap .policy_table td {font-size:16px; line-height:1.35em; padding: 10px 0 8px;}
#policy_wrap .policy_table td {padding-left:10px; padding-right:10px;}

@media all and (min-width: 0px) and (max-width: 640px) {
    #policy_wrap .policy_table th, #policy_wrap .policy_table td {font-size:14px; line-height:1.35em; padding: 6px 0 4px;}
    #policy_wrap .policy_table td {padding-left:5px; padding-right:5px;}
    #policy_wrap .dandan {margin-bottom:40px;}
}
/*레이어팝업*/
.page-wrapper {width: 100%; height: 100%; background-size: cover;}
.blur-it {filter: blur(4px);}
.modal-wrapper {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:99; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out;}
.modal-wrapper.open { opacity: 1;  visibility: visible;}
.modal { width: 600px; padding:0px; box-sizing:border-box; display: block; margin: 0% 0 0 -900px; position: relative; top: 5%; left: 50%; background: #fff; opacity: 0; transition: all 0.5s ease-in-out;}
@media all and (min-width: 0px) and (max-width: 640px) {
    .modal {width: 90%; margin:0 0 0 -45%;}
}
.modal-wrapper.open .modal {margin-top: 0px; opacity: 1;}
.head {width: 100%;  background: #e2525c;}
.btn-close {font-size: 28px; display: block; float: right; color: #fff; padding:10px 15px 0 0;}
.content {padding:6%;}
.good-job{color:#232323;}
.good-job h1 {font-size: 25px; padding-bottom:20px;}

/*게시판*/
#bo_v_title .bo_v_tit{font-size:48px; padding:0 0 20px 0; text-align: center; font-weight:300 !important;}
#bo_v_info{text-align: center;}
.cus_pic{width:100%; border:3px #dbdde2 solid;}
.cus_pic img{width:100%;}
@media screen and (max-width: 768px){
    #bo_v{width:100%;}
    #bo_v_title .bo_v_tit{font-size:34px;}
}

/*서브페이지 공통*/
.sub_title_slogan{font-size:35px; font-weight:500; letter-spacing:-0.03em; text-align:center;}
.sub_title_slogan.center{text-align:center !important;}
.sub_cont_slogan{font-weight:800; font-size:43px; line-height:1.2; letter-spacing:-0.03em; text-align:center; padding:30px 0;}
.sub_cont_slogan .vision{font-weight:800; font-size:53px; line-height:1.2; letter-spacing:-0.03em; text-align:center; padding:0px 0 30px 0;}
.sub_cont_slogan ul li{font-size:24px; color:#121212; padding:5px 0;}
.sub_wrap_common{padding:70px 0;}
@media all and (min-width: 0px) and (max-width: 1200px) {
    .sub_title_slogan{font-size:28px; font-weight:500; letter-spacing:-0.03em; text-align:center;}
    .sub_cont_slogan{font-size:31px; width:80%; margin:0 auto; line-height:1.5; font-weight:500; letter-spacing:-0.03em; text-align:center;}
}
@media all and (min-width: 0px) and (max-width: 1200px) {
    .sub_cont_slogan ul li{font-size:19px; color:#121212; padding:5px 0;}
    .sub_cont_slogan .vision{font-size:40px;}
}

/*서브페이지-ceo*/
.greeting-con .greeting-img-con {width: 100%;  background: url("/theme/suheung/img/greeting_img.jpg") 66% no-repeat; border-radius:140px 0 0 0;}
.greeting-con .greeting-img-con .inner-box {float: right; width: 100%; display: table; height: 350px; position:relative;}
.greeting-con .greeting-img-con .inner-box .inner {display: table-cell; vertical-align: middle; padding: 0 85px;}
.greeting-con .greeting-img-con .greeting-sub-tit {    font-size: 16px;    color: #fff;    padding: 4px 0;    position: relative;}
.greeting-con .greeting-img-con .greeting-tit {    font-size: 34px;    line-height: 50px;    letter-spacing: -0.75px;    color: #fff;  text-align:center;   font-weight: 300;    margin-top: 30px;    word-break: keep-all;}
.clearfix:after {    clear: both;    display: block;    content: "";}
.inner_title{text-align:center; display:block; position:relative;}
.greeting-con .greeting-txt-con {    width:100%;    float: right;    background-color: #fff;    padding: 85px;      position: relative;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    border-radius:0px 0 0 0;}
.greeting-con .greeting-txt-con:before {    content: "";    width: 6px;    height: 243px;    background: url(/theme/suheung/img/greeting_txt_bar.jpg) no-repeat;    position: absolute;    left: 0;    top: 0;    display:none;}
.greeting-con .greeting-img-con .greeting-sub-tit:before, .greeting-con .greeting-img-con .greeting-sub-tit:after {    content: "";    width: 100%;    height: 2px;    background-color: rgba(255,255,255,0.5);    display: block;    position: absolute;    left: 0;}
.greeting-con .greeting-img-con .greeting-sub-tit:after {    bottom: 0;}
.greeting-con .greeting-img-con .greeting-sub-tit:before, .greeting-con .greeting-img-con .greeting-sub-tit:after {    content: "";    width: 100%;    height: 2px;    background-color: rgba(255,255,255,0.5);    display: block;    position: absolute;    left: 0;}

@media all and (min-width: 0px) and (max-width: 1200px) {
    .greeting-con .greeting-img-con {width: 100%; height:auto; border-radius:0; border-radius:0; width:100%; margin-top:0; background-size:cover;}
    .greeting-con .greeting-img-con .inner-box {float: none; width:90%; margin:0 auto; display: table; height:auto; padding:30px 0;}
    .greeting-con .greeting-img-con .inner-box .inner{padding:0;}
    .greeting-con .greeting-img-con .greeting-tit{font-size:27px; line-height:1.2;}
    .greeting-con .greeting-txt-con{width:100%; padding:40px 20px; margin:0px auto; border-radius:0;}
}

/*서브페이지-Vision*/
.cont_package_info ul li{display:inline-block; width:49%; padding:0 30px 0 30px; box-sizing:border-box;}
.cont_package_info ul li img{width:100%;}
.package_title{font-size:20px; display:inline-block; font-weight:600; padding:17px 0 0 0;}
.service_img{padding:0 0 40px 0;}
.sub_cont_vision_desc{width:390px; margin:0 auto; text-align:center; font-size:20px; line-height:1.5;}
.sub_cont_vision_desc2{width:90%; margin:0 auto;  word-break:keep-all; font-size:20px; padding:30px 0; text-align:center;}
.sub_article_poster{padding:30px 0 0 0;}
.sub_article_poster img{width:80%; max-width:1200px; margin:0 auto; text-align:center; display:block;}
@media all and (min-width: 0px) and (max-width: 1200px) {
    .sub_article_poster img{width:100%;}
    .sub_cont_vision_desc{font-size:19px; line-height:1.5;}
    .sub_cont_vision_desc2{font-size:17px; line-height:1.4; padding:30px 0; text-align:center;}
    .cont_package_info ul li{display:block; width:100%; padding:0 30px 0 30px; box-sizing:border-box;}
}

/*서브페이지-이념*/
.sub_cont_philo_title{font-size:21px; font-weight:500; text-align:center; margin-top:50px;}
.sub_cont_philo_desc{font-size:19px; font-weigth:100; padding:10px 0; width:80%; margin:0 auto; text-align:center;}
.btn_sub_toggle{position:absolute; bottom:20px; color:#3aaf2b; font-size:40px; left:50%; transform:translateX(-50%); z-index:10; cursor:pointer;}
.icon_sub_toggle{background:#fff; border-radius:100%; position:absolute; cursor:pointer;}
.tbl_spec{width:100%; border-top:1px #dbdde2 solid; border-left:1px #dbdde2 solid;}
.tbl_spec tr td{font-size:13px; padding:5px 10px; box-sizing:border-box;   border-right:1px #dbdde2 solid; border-bottom:1px #dbdde2 solid;}
.tbl_bg_1{background-color:#f7f7f7;}
.tbl_spec_btn{display:none;}

@media all and (min-width: 0px) and (max-width: 1200px) {
    .tbl_spec{display:none;}
    .tbl_spec_btn{display:block; width:100%; background-color:#3aaf2b; color:#fff !important; padding:10px; border-radius:4px;}
}

/*서브페이지-상품*/
.container_infobox{width:100%; background-color:#fff; padding:0px 50px 30px; margin:50px auto 0; border-top:3px #3aaf2b solid;
    -webkit-box-shadow: 3px 3px 5px 6px #f2f2f2;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    3px 3px 5px 6px #f2f2f2;  /* Firefox 3.5 - 3.6 */
    box-shadow:         3px 3px 5px 6px #f2f2f2;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.bottom{padding:0 0 100px 0;}
.title_eng{font-size:14px; padding:0 0 0 8px; vertical-align:middle;}
.sub_cont_prd_title{width:100%; padding:30px 0 10px 0; word-break:keep-all; font-size:23px; font-weight:300; text-align:left; margin:0px auto 0;}
.sub_cont_prd_title2{width:100%; padding:30px 0 10px 0; word-break:keep-all; font-size:23px; font-weight:500; text-align:left; margin:0px auto 0;}
.sub_cont_prd_title.center{text-align:center !important;}
.sub_cont_prd_desc{font-size:18px; font-weight:100; box-sizing:border-box; text-align:left;}
@media all and (min-width: 0px) and (max-width: 1200px) {
    .container_infobox{width:95%; margin:30px auto;}
    .prd_title_img{width:80%; margin:0 auto;}
    .sub_cont_prd_title{font-size:17px; word-break:keep-all; width:70%; margin:0 auto;}
    .sub_cont_prd_title2{width:100%; padding:20px 0 10px 0; word-break:keep-all; font-size:20px; font-weight:500; text-align:left; margin:0px auto 0;}
    .container_infobox{padding:0 20px;}
    .title_eng{display:block; font-size:12px; padding:0;}
    .sub_cont_prd_desc{font-size:13px; font-weight:100; padding:0 0 30px 0; box-sizing:border-box; text-align:left;}
}
/*서브페이지-의약품*/
.section_1200.medi{padding:80px 0;}
.section_1200.medi ul{display:flex; flex-direction: row; flex-wrap: wrap;}
.section_1200.medi ul li{display:inline-block; width:31%; box-sizing:border-box; text-align:center; margin:0 1%;}
.medi_wrap{width:100%; height:450px; display:block; padding:120px 0; background:url("/theme/suheung/img/sub_img_medi_1.jpg") center center; background-size:cover;}
.title_halfdesign{width:50%;  box-sizing:border-box; display:block; padding:60px 30px; background-color:#fff;}
.head_title{font-size:45px; font-weight:600;}
.head_desc{font-size:18px; padding:10px 0 0 0; font-weight:100;}
.medi_infobox{background:#fff; width:100%; padding:20px 0; display:inline-block;
    -webkit-box-shadow: 3px 3px 5px 6px #f2f2f2;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    3px 3px 5px 6px #f2f2f2;  /* Firefox 3.5 - 3.6 */
    box-shadow:         3px 3px 5px 6px #f2f2f2;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.info_qa:first-child{margin:100px 0 20px 0;}
.pic_info{margin:0 0 150px 0;}
.sub_cont_desc{width:70%; margin:0 auto; padding:20px 0;}
.sub_title3{font-size:22px;}
.icon_round{background:#3aaf2b; width:80px; margin:20px auto; height:80px; text-align:center; border-radius:50%; display:block;}
.icon_round .icon_medi{color:#fff; font-size:37px; vertical-align:middle; padding:22px 0 0 0;}
.box_medi_wrap{margin:50px 0 0 0;}
@media all and (min-width: 0px) and (max-width: 1200px) {
    .section_1200.medi ul li{display:block; width:100%; box-sizing:border-box; text-align:center; margin:0 0 15px 0;}
    .medi_wrap{width:100%; display:block; padding:0px 0;}
    .title_halfdesign{width:100%; position:absolute; bottom:0; padding:30px 30px; box-sizing:border-box; display:block; background-color:rgba(255,255,255,0.8);}
    .head_title{font-size:24px; font-weight:100;}
    .head_desc{font-size:16px; padding:10px 0 0 0; font-weight:100;}
    .sub_title3{font-size:18px;}
    .pic_info img{width:100%;   }
}
.section_1200.rnd{padding:80px 0;}
.section_1200.rnd2{padding:40px 0 100px 0;}
.rnd_wrap{idth:100%; height:450px; display:block; padding:120px 0; background:url("/theme/suheung/img/sub_img_rnd_1.jpg") center center; background-size:cover;}
.sub_cont_rnd_desc{width:100%; margin:0 auto;  word-break:keep-all; font-size:20px; line-height:1.8; padding:60px 0 20px 0; text-align:left;}
.sub_cont_rnd_desc2{width:100%; margin:0 auto;  word-break:keep-all; font-size:18px; line-height:1.8; padding:0px 0; text-align:left; font-weight:300;}
.container.rnd{width:100%; display:block; background:url("/theme/suheung/img/sub_img_rnd_2.jpg") center center no-repeat; background-size:cover; }
.rnd_theme2{margin:60px 0 0 0;}
.rnd_theme2 ul li{display:inline-block; width:32%; text-align:center;}
.rnd_title_1{width:100%; padding:20px 0 10px 0; border-bottom:1px #121212 solid;}
.text_eng{font-size:15px !important; padding:0 0 0 10px;}
.sub_title_slogan_rnd{font-size:25px; font-weight:500;}
.sub_title_slogan_rnd2{padding:10px 0;}
.rnd_desc_list_wrap{width:100%; display:block;}
.rnd_desc_list_wrap ul li{display:inline-block; line-height:2;}
.rnd_desc_list_wrap ul li:before{content:"·"; padding:0 10px 0 0;}
.rnd_desc_list_wrap ul li.rnd_desc_list{width:220px;}
.rnd_desc_list_wrap ul li.rnd_desc_list2:before{content:"" !important;}
.rnd_wrap_detail{margin-top:80px;}
@media all and (min-width: 0px) and (max-width: 1200px) {
    .sub_cont_rnd_desc{font-size:18px; line-height:1.5;}
    .rnd_theme2 ul li{display:block; width:60%; margin:0 auto 30px auto; text-align:center;}
    .rnd_theme2 ul li img{width:100%;}
    .rnd_wrap_detail{width:100%; margin-top:30px;}
    .rnd_wrap_detail img{width:100%;}
    .sub_title_slogan_rnd{font-size:20px; font-weight:500;}
    .text_eng{font-size:11px !important;}
    .sub_title_slogan_rnd2{font-size:16px;}
    .rnd_desc_list_wrap ul{margin:7px 0 10px;}
    .rnd_desc_list_wrap ul li{font-size:16px; line-height:1.5; }
    .rnd_desc_list_wrap ul li.rnd_desc_list2{font-size:15px; color:#999;}
    .sub_cont_rnd_desc2{line-height:1.7; font-size:16px;}
    .container.rnd{width:100%; display:block; background:#3bb02c center center no-repeat; background-size:cover; }
}
.sub_cont_slogan.dev{width:70%; margin:0 auto; font-size:28px; letter-spacing:-0.04em; font-weight:300 !important;}
.container.dev{margin:0 0 100px 0;}
.img_history{max-width:1200px;}
.sub_cont_slogan.left{text-align:left !important;}
.sub_cont_slogan_package{font-size:24px}
@media all and (min-width: 0px) and (max-width: 1200px) {
    .sub_cont_slogan.dev{width:100%; margin:0 auto; font-size:18px; letter-spacing:-0.03em; font-weight:300 !important;}
    .a4-b2_wrap .a4-b2_gallery .patent_list ul li{width:47%;}
    .img_history{width:100%; max-width:100%;}
}
.section_1200.ir_notice{padding:80px 0;}
.sectence_ir{width:100%; background:#fff; border:1px #dbdde2 solid; padding:50px 20px;}

.title_prd{font-size:80px; color:#50b948; font-weight:800; padding:50px 0 0 0; text-align:center; /*ackground: linear-gradient(to right, #50b948, #18a86b); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/}
.icon_area{position:relative; width:100%;}
.icon_area a .icon_sub_prd{font-size:50px;}
.icon_area a .icon_sub_prd:hover{color:#18a86b;}
.icon_area a.left{left:0; position:absolute; color:#ccc; top:90px;}
.icon_area a.right{right:0; position:absolute; color:#ccc; top:90px; float:right; text-align:right;}
.icon_area a span{display:block; padding:5px 0 0 0; color:#121212; text-align:center;}

@media screen and (max-width: 768px){
    .title_prd{font-size:40px; color:#50b948; font-weight:800; padding:50px 0 0 0; text-align:center; /*ackground: linear-gradient(to right, #50b948, #18a86b); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/}
    .icon_area a.left{left:0; position:absolute; color:#ccc; top:45px;}
    .icon_area a.right{right:0; position:absolute; color:#ccc; top:45px; float:right; text-align:right;}
    .icon_area a .icon_sub_prd{font-size:40px;}
    .sub_cont_prd_title{padding:10px 0; font-size:14px;}
    .icon_area a span{font-size:13px; display:block; padding:5px 0 0 0; color:#121212; text-align:center;}
}

.accordion_container {
    width: 100%;
}

.accordion_head {
    background-color: #fff;
    color: #50b948;
    border:0px #dbdde2 solid;
    border-radius:10px;
    cursor: pointer;
    font-size: 25px;
    margin: 30px 0 0 0;
    padding: 13px 50px;
    font-weight: 400;
    box-sizing:border-box;
}
.accordion_head:hover{background:#fff;}

.accordion_body {
    background: #fff;
    padding:15px 30px;
    box-sizing:border-box;
    font-size:18px;
    margin:20px 0 0 0;
    line-height:1.7;
    border-radius:10px;
}

.accordion_body p {
    padding: 18px 5px;
    margin: 0px;
}

.plusminus {
    float: right;
}

.welfare_cont{border-left:2px #50b948 solid; padding:0 0 0 20px; margin:0 0 0 110px;}

@media screen and (max-width: 768px){
    .accordion_head {font-size:20px; padding: 10px 25px;}
    .accordion_body{padding: 1px 20px; box-sizing: border-box; font-size: 15px; margin: 20px 0 0 0;}
    .certi_img{width:100%;}
}

.pac_tit{font-size:21px; font-weight:400;}
.pac_desc{padding:0px 0 !important; font-size:17px; color:#999;}
.package_wrap{padding:0 0 0 24px;}
.package_wrap img{width:auto; text-align:center; max-height:240px; display:block; margin:0 auto;}
.btn_sub{border:1px #50b948 solid; background-color:#fff; border-radius:4px; position:absolute; right:-150px; top:0;}
.img_preview{max-width:120px;}
.preview_txt{font-size:13px; text-align:center; padding:4px;}
.vod_tit{font-size:22px;  width:50%; display:inline-block; font-weight:400; position:absolute; top:20px; left:30px;}

@media screen and (max-width: 768px){
    .package_wrap img{width:100% !important;}
    #bo_sch>form{border:1px #dbdde2 solid; border-radius:5px;}
}

#bo_sch .sch_btn{width:70px !important;}
#bo_sch>form{border:0px #dbdde2 solid; border-radius:5px;}

@media screen and (max-width: 768px){
    #bo_sch .sch_btn{width:20px !important;}
}

.sel_lang .sel_nation{border: 0; border-bottom: 2px solid #333; margin-right: 40px; outline: none; padding-right: 20px;}

.d_flex{display: flex; flex-wrap: wrap; flex-direction: row;}
.p100{padding: 100px 0;}
.global_map .title{text-align: center; font-size: 42px; font-weight: 300; color:#171717; margin-bottom: 60px;}
.global_map .map_area{background: url('../../../img/map_bg.png')top center no-repeat; width:1200px; height: 630px; position: relative; margin: 0 auto; background-size: contain;}
.global_map .map_area .co{position: absolute; padding-right: 20px; z-index: 2;}
.global_map .map_area .co>a{display: block; font-size: 20px; color:#171717; padding: 20px 60px 20px 20px;}
.global_map .map_area .co>a.cursorx{cursor:default;}
.global_map .map_area .co.on:hover{box-shadow: 0px 0px 15px 0px #555; background:linear-gradient(to right, #89c34a,#189d7d);}
.global_map .map_area .co.on:hover>a{color:#fff;background: url("../../../img/map_link_icon.png")right center no-repeat;}
.global_map .map_area .map_point{position: absolute; z-index: 1; opacity: 0; transition: 0.3s; top:0; left:0;}
.global_map .map_area .map_point>img{width:100%;}

.global_map .map_area .co.ep{top:70px; left:230px;}
.global_map .map_area .co.as{top:175px; left:375px;}
.global_map .map_area .co.af{top:300px; left:105px;}
.global_map .map_area .co.oc{top:440px; left:515px;}
.global_map .map_area .co.na{top:110px; left:770px;}
.global_map .map_area .co.sa{top:370px; left:850px;}
.global_map .map_area .co.me{top:210px; left:170px;}

.global_con01{height: 430px; width:100%; background: url('../../../img/global_sub_bg01.png')center center no-repeat; text-align: center; padding-top: 120px;}
.global_con01 .title{font-size: 60px; color:#50b847; margin-bottom: 30px;}
.global_con01 .title>img{margin-left: 30px;}
.global_con01 .txt{color:#fff; font-size:24px;}

.loc_full{border-bottom: 1px solid #ccc;}
.loc_full .loc_wrap{width:1200px; margin: 0 auto;}
.loc_full .loc_wrap .title{font-size: 34px; color:#50b847; margin-bottom: 30px;}
.loc_full .loc_wrap>ul>li{width:50%; font-size: 20px;}
.loc_full .loc_wrap>ul>li:nth-child(2){padding-left: 50px;}
.loc_full .loc_wrap>ul>li>div{color:#555;}
.loc_full .loc_wrap>ul>li .tit{font-weight: 700; color:#333;}
.loc_full .loc_wrap>ul>li .add{margin-bottom: 20px;}
.loc_full .loc_wrap>ul>li .info>span{font-weight: 600;}
.loc_full:last-child{border-bottom: 0;}

@media screen and (max-width: 1200px){
  /*contact-global presence mobile*/
  .global_con01{height: 100%; width:100%; background: url('../../../img/global_sub_bg01.png')center center no-repeat; text-align: center; padding-top: 40px; padding-bottom:40px;}
  .global_con01 .title{width:90%; font-size: 28px; color:#50b847; margin:0 auto 20px;}
  .global_con01 .title>img{width:130px; margin-left: 0px;}
  .global_con01 .txt{width:90%; margin:0 auto; line-height:1.3; color:#fff; font-size:16px;}
  .loc_full{width:90%; margin:0 auto; border-bottom: 1px solid #ccc;}
  .loc_full .loc_wrap{width:100%; margin: 0 auto;}
  .loc_full .loc_wrap .title{font-size:24px; line-height:1.3; color:#50b847; margin-bottom: 30px;}
  .loc_full .loc_wrap>ul>li{width:100%; font-size: 20px;}
  .loc_full .loc_wrap>ul>li:nth-child(2){padding-left:0px; padding-top:20px;}
  .loc_full .loc_wrap>ul>li>div{color:#555; font-size: 16px;}
  .loc_full .loc_wrap>ul>li .tit{font-weight: 700; color:#333; font-size: 18px; margin-bottom: 10px;}
  .loc_full .loc_wrap>ul>li .add{line-height:1.3; font-size:14px; margin-bottom: 20px;}
  .loc_full .loc_wrap>ul>li .info>span{font-size:16px; display:block; width:100%; line-height:1.3; font-weight: 600;}
  .line-division{border-top:1px #eee solid; width:100%; margin:15px 0;}
  .p120{padding: 50px 0;}
  .p100{padding: 40px 0;}
}

/* markets */
.markets_pro_box{width:100%; margin-bottom: 80px;}
.markets_pro_box .markets_pro_box_wrap{background: #fff; padding: 80px 80px 100px; text-align: center;}
.markets_pro_box .markets_pro_box_wrap .title{font-size: 44px; color:#50b847; line-height: 1; margin-bottom: 30px;}
.markets_pro_box .markets_pro_box_wrap .title>span{font-size: 28px; color:#50b847}
.markets_pro_box .markets_pro_box_wrap .txt{font-size: 18px; font-weight: 400; color:#000; line-height: 28px;}
.markets_pro_box .markets_pro_box_wrap .img_area{margin: 40px 0;}
.markets_pro_box .markets_pro_box_wrap .list>li:first-child{margin-top: 70px}
.markets_pro_box .markets_pro_box_wrap .list>li{border-top: 1px solid #ccc; padding: 25px 0 40px;}
.markets_pro_box .markets_pro_box_wrap .list>li .list_con>div{text-align: left;}
.markets_pro_box .markets_pro_box_wrap .list>li .list_con .l_tit{width:30%; font-size: 28px; font-weight: 700; line-height: 1; color:#50b847;}
.markets_pro_box .markets_pro_box_wrap .list>li .list_con .l_tit>span{font-size: 18px; color:#50b847; font-weight: 500;}
.markets_pro_box .markets_pro_box_wrap .list>li .list_con .l_txt{width:70%; font-size: 18px; color:000;}
.markets_pro_box .download_btn{width:100%; text-align: right; margin-top: -40px;}
.markets_pro_box .download_btn .btn_wrap{width:270px; background: linear-gradient(to right, #8dc84c,#1daa88); display: inline-block; margin-right: 60px; text-align: left; padding: 18px 20px 18px 30px;}
.markets_pro_box .download_btn .btn_wrap>p{color:#fff; font-weight: 700; font-size: 16px; line-height:20px; background: url('../img/markets_icon01.png')right center no-repeat;}

@media screen and (max-width:1200px){
  .markets_pro_box .markets_pro_box_wrap{padding: 10%;}
	.markets_pro_box .markets_pro_box_wrap .title{font-size: 22px; margin-bottom: 10px;}
	.markets_pro_box .markets_pro_box_wrap .title>span{font-size: 16px; display: block; margin-top: 5px;}
	.markets_pro_box .markets_pro_box_wrap .txt{font-size: 14px; line-height: 20px;}
	.markets_pro_box .markets_pro_box_wrap .list>li:first-child{margin-top: 40px;}
	.markets_pro_box .markets_pro_box_wrap .list>li .list_con .l_tit{width:100%; font-size: 18px; line-height: 1.3; margin-bottom: 5px;}
	.markets_pro_box .markets_pro_box_wrap .list>li .list_con .l_txt{width:100%; font-size: 14px;}
	.markets_pro_box .markets_pro_box_wrap .img_area>img{width:100%;}
	.markets_pro_box .download_btn{margin-top: 0;}
	.markets_pro_box .download_btn .btn_wrap{width:100%; margin: 0;}
	.about_section02 .txt.mission{font-size: 20px !important;}
}

.at05_con01{text-align: center;}
.at05_con01 .title{font-size: 34px; font-weight: 700; color:#333; text-align: center; color: #50b847; width:72%; margin: 0 auto 80px;}
.ps_title{font-size: 34px; font-weight: 700; color:#333; text-align: center; margin-bottom: 40px;}
.at05_con02>table{width:100%;}
.at05_con02>table th{border: 1px solid #ddd; background: #f4f4f4; padding: 10px 0;}
.at05_con02>table th:first-child{border-left: 0;}
.at05_con02>table th:last-child{border-right: 0;}
.at05_con02>table td{border: 1px solid #ddd; text-align: center; padding: 5px 0;}
.at05_con02>table td:first-child{border-left: 0;}
.at05_con02>table td:last-child{border-right: 0;}
.at05_con03>ul>li{width:15%; margin:0 35px auto auto;}
.at05_con03>ul>li:last-child{margin-right: 0px;}
.at05_con03>ul>li .img{border: 1px solid #ccc; margin-bottom: 10px;}
.at05_con03>ul>li .img>img{width:100%;}
.at05_con03>ul>li .txt{text-align: center; font-weight: 500;}
.at05_con04>table{width:100%;}
.at05_con04>table th{border: 1px solid #ddd; background: #f4f4f4; padding: 20px 0;}
.at05_con04>table th:first-child{border-left: 0;}
.at05_con04>table th:last-child{border-right: 0;}
.at05_con04>table td{border: 1px solid #ddd; text-align: center; padding: 30px 0;}
.at05_con04>table td:first-child{border-left: 0;}
.at05_con04>table td:last-child{border-right: 0;}

@media screen and (max-width:1200px){
  .at05_con01{text-align: center;}
  .at05_con01 .title{font-size: 20px; font-weight: 700; color:#333; text-align: left; line-height:1.3; color: #50b847; width:100%; margin: 0 auto 80px; text-align: center;}
  .ps_title{font-size: 22px; line-height:1.3; font-weight: 700; color:#333; text-align: center; margin-bottom: 20px;}
  .at05_con02>table{width:100%;}
  .at05_con02>table th{border: 1px solid #ddd; background: #f4f4f4; padding: 10px 0; font-size: 14px;}
  .at05_con02>table th:first-child{border-left: 0;}
  .at05_con02>table th:last-child{border-right: 0;}
  .at05_con02>table td{border: 1px solid #ddd; text-align: center; padding: 5px 0; font-size: 14px;}
  .at05_con02>table td:first-child{border-left: 0;}
  .at05_con02>table td:last-child{border-right: 0;}
  .at05_con03>ul>li{width:40%; margin:0 auto 25px auto;}
  .at05_con03>ul>li:last-child{margin-right: 0px;}
  .at05_con03>ul>li .img{border: 1px solid #ccc; margin-bottom: 10px;}
  .at05_con03>ul>li .img>img{width:100%;}
  .at05_con03>ul>li .txt{text-align: center; font-weight: 500;}
  .at05_con04>table{width:100%;}
  .at05_con04>table th{border: 1px solid #ddd; background: #f4f4f4; padding: 20px 0; font-size: 14px;}
  .at05_con04>table th:first-child{border-left: 0;}
  .at05_con04>table th:last-child{border-right: 0;}
  .at05_con04>table td{border: 1px solid #ddd; text-align: center; padding: 30px 0;}
  .at05_con04>table td:first-child{border-left: 0;}
  .at05_con04>table td:last-child{border-right: 0;}
}

/* news */
.news_top{padding-bottom: 20px; border-bottom: 2px solid #171717;}
.news_top .title{font-size: 42px; font-weight: 700;}
.news_top .text{font-size: 20px; font-weight: 300;}
.news_top .text>span{color:#50b847; font-weight: 700;}
.news_notice{padding:50px 0 100px 0;}
.news_notice .news_list .news_item{border-bottom: 1px solid #ccc; padding: 30px 0; font-size: 20px; line-height: 40px;}
.news_notice .news_list .news_item .date{width:15%; font-size:16px; color:#999;}
.news_notice .news_list .news_item .tit{width:85%}
.news_notice .news_list .news_item .tit>a{display:block; width:90%; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_notice .news_list .news_item .sns{width:20%;}
.news_notice .news_list .news_item .sns>a{font-size: 0; width:40px; height: 40px; background: #333; margin-right: 10px;}
.news_notice .news_list .news_item .sns>a.sh{background: url('../../../img/sharing_snsicon_off01.png')center center no-repeat; background-size: 40px;}
.news_notice .news_list .news_item .sns>a.fb{background: url('../../../img/sharing_snsicon_off02.png')center center no-repeat; background-size: 40px;}
.news_notice .news_list .news_item .sns>a.in{background: url('../../../img/sharing_snsicon_off03.png')center center no-repeat; background-size: 40px;}
.news_notice .news_list .news_item .sns>a.tw{background: url('../../../img/sharing_snsicon_off04.png')center center no-repeat; background-size: 40px;}
.news_notice .news_list .news_item .sns>a:hover.sh{background: url('../../../img/sharing_snsicon_on01.png')center center no-repeat; background-size: 40px;}
.news_notice .news_list .news_item .sns>a:hover.fb{background: url('../../../img/sharing_snsicon_on02.png')center center no-repeat; background-size: 40px;}
.news_notice .news_list .news_item .sns>a:hover.in{background: url('../../../img/sharing_snsicon_on03.png')center center no-repeat; background-size: 40px;}
.news_notice .news_list .news_item .sns>a:hover.tw{background: url('../../../img/sharing_snsicon_on04.png')center center no-repeat; background-size: 40px;}
.paging{text-align: center; padding-top: 50px;}
.paging>div{width:40px; height: 40px; border-radius: 50%; border: 2px solid #ccc; text-align: center; line-height: 38px; font-size: 24px; display:inline-block; margin-right: 20px;}
.paging>div:last-child{margin-right: 0;}
.paging>div>a{color: #ccc; display: block; width: 100%; height: 100%;}
.paging>div.num.on{background: #50b847; border: 2px solid #50b847;}
.paging>div.num.on>a{color:#fff;}

/* contact */
.contact_form{margin-bottom: 60px; padding-top: 60px;}
.contact_form .contact_row{border-bottom: 1px solid #ddd; display:flex; flex-wrap: wrap; flex-direction: row;}
.contact_form .contact_row .contact_con{width:600px; display:flex; flex-wrap: wrap; flex-direction: row; padding: 25px 0;}
.contact_form .contact_row .contact_con>label{width:240px; font-size: 22px; font-weight: 300; padding: 6px 0 0 20px; letter-spacing: -0.03em; padding-right: 10px;}
.contact_form .contact_row .contact_con>input{width:330px; padding: 10px 0 10px 20px; transition: all 0.3s; border:1px solid #ccc;}
.contact_form .contact_row .contact_con>select{width:330px; padding: 10px 0 10px 20px; transition: 0.3s; background: url('../../../img/select_btn.png')96% center no-repeat; border: 1px solid #ccc;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
.contact_form .contact_row .contact_con.full{width:100%;}
.contact_form .contact_row .contact_con.full>input{width:928px;}
.contact_form .contact_row .contact_con.full>textarea{width:928px; min-height: 240px; padding: 10px 0 10px 20px; transition: all 0.3s; border: 1px solid #ccc;}
.contact_form .contact_row .contact_con>input:focus{border:1px solid #50b847; padding-left: 15px;}
.contact_form .contact_row .contact_con>textarea:focus{border:1px solid #50b847; padding-left: 15px;}
.contact_form .contact_row .contact_con>select:focus{border:1px solid #50b847; padding-left: 15px;}
.btn_confirm{text-align:center; border}
.btn-embo-cus1{background-color:#50b948; width:300px; height:70px; margin:0 auto; font-size:20px; font-weight:500; text-align:center;}
.btn-embo-cus1:hover{background-color: #3c9a34;}
#captcha #captcha_img{margin-right: 5px;}
#captcha #captcha_info{letter-spacing: -0.05em;}
#captcha #captcha_key{border-radius: 0; width: 150px; margin-right: 5px;}
#captcha #captcha_mp3{border-radius: 0;}
#captcha #captcha_reload{border-radius: 0;}

/* filebox */
.filebox input[type="file"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label{display: inline-block; padding: 10px 20px 10px 20px; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #888; cursor: pointer; color:#fff; border: 1px solid #888;}
.filebox .upload-name{display: inline-block; padding: 10px 0 10px 20px; background-color: #f5f5f5; border: 1px solid #ccc; border-bottom-color: #e2e2e2; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; width:450px; color:#888; margin-right: 5px;}
.file_info{font-size: 14px; color: #888; padding: 15px 0 0 10px;}

.vnm_chat_area_top{text-align: center; margin-bottom: 80px;}
.vnm_chat_area_top>h1{font-size: 52px; margin-bottom: 10px;}
.vnm_chat_area_top>h2{font-size: 24px; font-weight: 400; color:#797979;}
.vnm_chat_area_top::after{content: ''; width:1px; height:70px; display: block; margin: 40px auto 0; background: #ddd;}
.vnm_chat_area_bot{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;}
.vnm_chat_area_bot>div{margin-right: 80px;}
.vnm_chat_area_bot>div:last-child{margin-right: 0;}
.vnm_chat_area_bot>div>a>img{display: block; width:300px;}
.vnm_chat_area_bot_qrcode>a>img{border-radius: 5px;}

@media screen and (max-width:1200px){
  .contact_form .contact_row .contact_con{padding: 0 0 20px;}
  .contact_form .contact_row .contact_con.full>textarea{width:100%;}
  .contact_form .contact_row .contact_con>label{width:100%; font-size: 21px; padding: 0; margin-bottom: 10px;}
  .contact_form .contact_row .contact_con>input{width:100%;}
  .contact_form .contact_row .contact_con.full>input{width:100%;}
  .at05_con01 .img_area>img{width:100%;}
}