@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* 공통 */
.clear {clear:both}
.tac {text-align:center}
.fl {float:left}
.fr {float:right}
.pointer {cursor:pointer}
.bold {font-weight:bold}
.ovfh {overflow:hidden}
.list_init {margin:0;padding:0;list-style:none}
.nbg{background:none}
.readonly, .disabled {background-color:#ddd}

.mgt0 {margin-top:0px !important}
.mgt15 {margin-top:15px !important}
.mgt20 {margin-top:20px !important}
.mgr0 {margin-right:0px !important}
.mgb0 {margin-bottom:0px !important}
.mgl0 {margin-left:0px !important}
.pdt0 {padding-top:0px !important}
.pdr0 {padding-right:0px !important}
.pdb0 {padding-bottom:0px !important}
.pdl0 {padding-left:0px !important}
.mgtb2{margin:2% 0}

/* 본 사이트 전용 */
body {width:100%;min-width:320px}
body, h1, h2, h3, h4, h5, h6, input, button, textarea, select {font-family:'Noto Sans Japanese', sans-serif}
#hd_pop .hd_pops_con img {width:100%;height:auto}
#container_vis .txt_vis {position:relative}
#container_vis .txt_vis > div {display:none;position:absolute;z-index:60}
#captcha #captcha_info, #captcha.m_captcha #captcha_info {letter-spacing:0}
.youtube_wrap {position:relative;width:100%;padding-bottom:56.25%}
.youtube_wrap iframe {position:absolute;left:0;top:0;width:100%;height:100%}

/* 헤더 */
#header{width:100%;background:#fff;}
#header:after {display:block;clear:both;content:""}
.container_gnb{height:31px; width:100%; background:#333b50}
.container_gnb .gnb_hd ul{float:right}
.container_gnb .gnb_hd li{float:left; min-width:107px; text-align:center; border-left:1px solid rgba(255,255,255,0.5)}
.container_gnb .gnb_hd li.gnb_home{background:#005aaa; border-left:0}
.container_gnb .gnb_hd li.gnb_home span{padding-left:21px; background:url(../images/home_icon.svg) left center no-repeat; background-size:12px; }
.container_gnb .gnb_hd li.gnb_contact{background:#308f6a; border-left:0}
.container_gnb .gnb_hd li a{display:block; line-height:31px; color:rgba(255,255,255,0.85); font-size:1em}

.container_hd{height:60px}
.container_hd .hd_logo {float:left;width:170px;}
.container_hd .hd_logo a{display:block; padding:0 10px; line-height:60px}
.btn_menu {float:right; width:45px; height:45px; padding:0 5px; border:1px solid #ddd; border-radius:3px; margin:7px 10px 0 0; line-height:40px}
.lang{display:none}
.lang_m{position:absolute; right:65px; top:31px;}
.lang_m li{width:30px; height:30px;border:1px solid #ddd; border-radius:50%; margin:14px 8px 0 0; text-align:center; float:left;}
.lang_m li:last-child{margin:14px 0 0 0}
.lang_m li a{display:block; font-size:1.083em; line-height:30px; color:#555; }
/*.lang_m a{display:block; font-size:1.083em; line-height:60px; color:#555; display:block; padding:0 0 0 23px; background:url(../images/lang_icon.jpg) left center no-repeat}*/

/* 모바일 메뉴 */
.toggle_menu{display:none; position:absolute; top:91px; left:0; width:100%; height:auto; border-top:2px solid #00a650; background:white; z-index:250;}
.toggle_menu > ul > li{width:100%; border-bottom:1px dashed #ddd}
.toggle_menu > ul > li:last-child{border-bottom:1px solid #ddd}
.toggle_menu > ul > li > a{display:block; padding:2.5% 0 2.5% 8%; color:#666; font-size:1.25em}
.toggle_menu > ul > li.on > a{color:#00a650;font-weight:600;}
.toggle_sub{display:none;background:#f5f5f5;padding:2% 0;}
.toggle_sub a{display:block;padding-left:10%;font-size:1.2em;color:#555;line-height:2.2em;}
.toggle_sub li.on a {color:#333 }

/*  PC 메뉴 */
.menu_pc {overflow:hidden;float:left;width:auto;height:0;visibility:hidden; margin-left:85px}
.menu_pc .main_menu {overflow:hidden;}
.menu_pc .main_nav_wrap{float:left; }
.menu_pc #main_nav_area li {float:left}
.menu_pc #main_nav_area li a {display:block;padding:0 25px;font-size:1.667em;color:#333; line-height:108px}
.menu_pc #main_nav_area li.on a{color:#00a650}
.menu_pc #main_full_menu {display:none;overflow:hidden;position:absolute;left:0;top:139px;width:100%;height:auto;border-top:1px solid #d4d4d4; z-index:200; *background:#fff; background-color:rgba(255,255,255,0.97); border-bottom:1px solid rgba(204,204,204,0.35)}
.menu_pc #main_full_menu .main_full_menu_wrap {overflow:hidden;width:1200px; margin:0 auto; padding:33px 0 35px;}
.menu_pc #main_full_menu .sub_menu {float:left; width:20%; border-left:1px solid rgba(214,214,214,0.75); min-height:296px;}
.menu_pc #main_full_menu .sub_menu .sub_tit {display:inline-block; position:relative; margin-bottom:10px;font-size:1.5em;line-height:1.5;color:#333; padding-left:13px}
.menu_pc #main_full_menu .sub_menu .sub_tit:before {position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%; background-color:#00a650;content:''}
.menu_pc #main_full_menu .sub_menu div{display:table; margin: 0 auto}
.menu_pc #main_full_menu .sub_menu li{position:relative; padding-left:9px;}
.menu_pc #main_full_menu .sub_menu li:after{position:absolute; left:0; top:6px; content:'-'}
.menu_pc #main_full_menu .sub_menu li a {display:block;font-size:1.25em;line-height:32px;color:#666; letter-spacing:-0.5px}
.menu_pc #main_full_menu .sub_menu li.on a {color:#00a650}
.menu_pc #main_full_menu .sub_menu .ssmenu{position:absolute; left:50%;  top:70px}
.menu_pc #main_full_menu .sub_menu.smenu4{border-right:1px solid rgba(214,214,214,0.75)}


/* 메인 비주얼 */
.wrap_main {overflow:hidden;width:100%;height:auto;}
.wrap_main #container_vis {overflow:hidden;position:relative;width:100%;height:200px}
.wrap_main #container_vis .bg_vis li {display:none;position:absolute;left:0;top:0;width:100%;height:200px}
.wrap_main #container_vis .txt_vis .mvis_txt0101, .wrap_main #container_vis .txt_vis .mvis_txt0201 {top:40px;width:267px}
.wrap_main #container_vis .txt_vis .mvis_txt0102, .wrap_main #container_vis .txt_vis .mvis_txt0202 {top:130px;width:238px}
.wrap_main #container_vis .txt_vis .mvis_txt0101:after{position:absolute; left:8px; bottom:-10px; width:30px; height:3px;background:#00a650; content:''}
.wrap_main #container_vis .txt_vis .mvis_txt0201:after{position:absolute; right:8px; bottom:-10px; width:30px; height:3px;background:#00a650; content:''}
.vis_arr > div{position:absolute; width:30px; height:30px; border:1px solid rgba(255,255,255,0.8); border-radius:50%; background:rgba(0,0,0,0.2); top:80px; cursor:pointer; z-index:100}
.vis_arr > div img{width:8px}
.vis_arr > div.arr_left{left:0; padding:5px 0 0 8px}
.vis_arr > div.arr_right{right:0; padding:5px 0 0 12px}

/* 메인 콘텐츠 */
.main_content{width:100%}
.mc_white{padding:30px 20px 40px}
.mcw_box{width:100%; min-height:210px; padding:20px; position:relative}
.mcw_box h4{font-size:2em; color:#fff; font-weight:normal; padding-bottom:15px}
.mcw_box .plus{position:absolute; width:40px; height:40px; right:0; top:0; line-height:40px; text-align:center}
.mcw_box li{overflow:hidden; padding:10px 0 10px 16px; position:relative; font-size:1.167em; color:#fff; }
.mcw_box li:nth-child(2){border-top:1px solid rgba(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.4)}
.mcw_box li:last-child{border-bottom:0}
.mcw_box li:not(.empty_list):after{position:absolute; left:5px; top:18px; width:3px;height:3px; background:#fff; border-radius:50%; content:''}
.mcw_box li .txt {display:block;overflow:hidden;float:left;width:70%;white-space:nowrap;text-overflow:ellipsis}
.mcw_box li .txt a {color:#fff}
.mcw_box li .date {display:block; float:right; color:#b2d2c5; font-size:0.933em}
.notice{background:#308f6a}
.notice .plus{background:#18563d}
.notice .plus a{display:block}
.dataroom{background:#fff; border:1px solid #d4d4d4; border-top:0}
.dataroom.mcw_box h4{color:#555}
.dataroom .plus{background:#f6b435; right:-1px}
.dataroom.mcw_box li{color:#555;}
.dataroom.mcw_box li:nth-child(2){border-bottom:1px solid rgba(212,212,212,0.4); border-top:1px solid rgba(212,212,212,0.4)}
.dataroom.mcw_box li:not(.empty_list):after{background:#f6b435}
.dataroom.mcw_box li .txt a {color:#555}
.dataroom.mcw_box li .date {color:#898989}
.customer{margin-top:25px; background:#025197 url(../images/customer_bg.jpg) center no-repeat; text-align:center; color:#fff}
.customer a{color:#fff}
.customer .mcw_p01{font-size:1.167em;}
.customer .mcw_p02{font-size:2.5em; font-weight:bold}
.customer .mcw_p02 span{display:inline-block; padding:10px 0 10px 55px; background:url(../images/customer_icon.svg) left center no-repeat; background-size:40px }
.customer .shortcut{width:auto; display:inline-block; height:38px; border:1px solid rgba(255,255,255,0.4); text-align:center; margin:7px auto 0}
.customer .shortcut a{line-height:38px; font-size:1.167em; color:#fff; display:block; padding:0 20px}
.customer .shortcut a span{padding-right:22px; background:url(../images/shortcut_arr.png) right center no-repeat}
.mc_gray{width:100%; overflow:hidden; padding:30px 0 40px; background:url(../images/company_bg.jpg) center no-repeat; background-size:cover}
.mc_gray h3{font-size:2.5em; color:#333; text-align:center}
.mc_gray h3 span{padding-left:50px; background:url(../images/company_logo.svg) left center no-repeat; background-size:40px}
.mc_gray > p{font-size:1.333em; text-align:center; color:#7a7979; padding:10px 0 30px; letter-spacing:-0.4px; word-break:keep-all}
.mc_gray li{width:48%; float:left}
.mc_gray li:first-child, .mc_gray li:nth-child(3){margin-left:4%}
.mc_gray li:first-child, .mc_gray li:nth-child(2){margin-bottom:30px}
.mc_gray li .mcg_img{width:90%; box-shadow:5px 5px 10px rgba(6,6,6,0.35)}
.mc_gray li .mcg_img img{width:100%}
.mc_gray li h4{font-size:1.5em; color:#333; padding:20px 0 7px; font-weight:normal}
.mc_gray li p{font-size:1.167em; color:#555; letter-spacing:-0.5px; padding:0 20px 10px 0; line-height:1.5}
.mc_gray li .more{width:70%; font-size:1.25em; letter-spacing:1px; color:#555; border:1px solid #b3c0b6; position:relative}
.mc_gray li .more:after{position:absolute; right:15px; top:16px; width:14px; height:3px; background:#4b4f4c; content:'' }
.more a{display:block; line-height:35px; padding-left:15px; color:#555}


/* 서브 비주얼 */
.wrap_sub {position:relative;width:100%;height:auto}
.wrap_sub #container_vis {position:relative;width:100%;height:130px}
.wrap_sub #container_vis .bg_vis li {display:none;position:absolute;left:0;top:0;width:100%;height:130px}
.wrap_sub #container_vis .txt_vis .svis_txt01 {top:23px;width:150px}
.wrap_sub #container_vis .txt_vis .svis_txt02 {top:55px;width:297px}

/* 서브 콘텐츠 */
#container_location {display:none;position:absolute; left:0; top:229px; width:100%;height:44px;border-bottom:1px solid #d4d4d4; background:rgba(255,255,255,0.95)}
#container_location > div:after {display:block;clear:both;content:""}
#container_location .home a {display:block;width:47px;height:44px; background:#f6b435 url(../images/sub/nav_home.svg) 14px 12px no-repeat; background-size:20px}
#container_location .lct_area {position:relative;font-size:1.25em;line-height:44px}
#container_location .lct_area span {display:block;width:220px;padding-left:24px;border-right:1px solid #d4d4d4;background:url(../images/sub/nav_arr.png) 189px 18px no-repeat;color:#555;cursor:pointer}
#container_location .lct_area.lct02 span {width:300px;background:url(../images/sub/nav_arr.png) 266px 18px no-repeat}
#container_location .lct_area ul {display:none;position:absolute;left:-1px;top:44px;z-index:70;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background-color:#fff}
#container_location .lct_area ul li a {display:block;width:219px;padding-left:20px;border-bottom:1px solid #d4d4d4;color:#555}
#container_location .lct_area.lct02 ul li a {width:299px;}
#container_location .lct_area ul li.on a {color:#00a650;}
#container_location .lct_area .depth2_menu {left:200px}


/* 내용 */
.wrap_sub h2.tit {margin:20px 0 0;font-weight:normal;font-size:2.3em;line-height:1.5;color:#333;text-align:center;padding-bottom:20px; word-break:keep-all}
.page {width:100%;height:auto;min-height:300px;padding:30px 10px 50px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.page h3.stit{font-size:1.667em;color:#333;background:url(../images/sub/stit_bullet.jpg) left 5px no-repeat;padding:5px 0 5px 35px; font-weight:normal; margin:40px 0 15px;}
.page h4.sstit{font-size:1.5em;color:#444;background:url(../images/sub/sstit_bullet.jpg) left top no-repeat; background-size:6px 27px; padding:0 0 5px 15px;font-weight:normal;margin:30px 0 10px;}
.txt_c{font-size:1.333em; color:#444; line-height:1.5; word-break:break-all}
.ing{width:100%; padding:3% 5%; text-align:center}
.ing img{width:100%; max-width:380px}


/* 인사말 */
.page_top{width:100%; padding:8px 0; background:url(../images/sub/pagetop_dash.jpg) left top repeat-x, url(../images/sub/pagetop_dash.jpg) left bottom repeat-x; margin-bottom:35px}
.pt_wrap{width:100%; overflow:hidden; padding:15px; background:#fff; text-align:center}
.pt_wrap p{word-break:keep-all}
.pt_tit{font-size:1.6em; color:#555}
.pt_tit span{display:inline-block; padding:10px 20px 0; background:url(../images/sub/pagetop_mark02.jpg) 100% 0 no-repeat, url(../images/sub/pagetop_mark01.jpg) 0 0 no-repeat; background-size:20px}
.pt_tit strong{color:#00a650; font-weight:normal}
.pt_txt{padding:8px 0 0; font-size:1.3em; color:#555}
.greeting{width:100%; overflow:hidden}
.gre_img{ width:100%; }
.grei_txt{width:100%; padding:25px 20px 20px 25px; background:#005aaa;}
.grei_txt p{color:#fff; font-size:1.6em; line-height:1.5; padding-top:20px; position:relative}
.grei_txt p:after{position:absolute; left:0; top:0; width:38px; height:4px; background:#fff; content:''}
.grei_bg{background:url(../images/sub/gre_img.jpg) center bottom no-repeat; background-size:cover; height:230px;}
.gre_txt{padding-top:25px; text-align:center}
.gre_txt p{word-break:keep-all;}
.gret_tit{font-size:1.6em; color:#444; padding-bottom:30px; position:relative;}
.gret_tit:after{position:absolute; left:50%; bottom:0; margin-left:-22px; width:42px; height:9px; background:url(../images/sub/gre_bullet.jpg) center no-repeat; content:''}
.gret_txt{font-size:1.333em; color:#333; margin-top:20px; line-height:1.5}
.gret_txt span{font-size:1.25em; line-height:1.6}
.col_b{color:#005aaa !important;}


/* 연혁 */
.history{width:100%; background:url(../images/sub/col_d4d4d4.jpg) center top repeat-y}
.his_top{width:100%; text-align:center;}
.his_year{width:132px; height:133px; margin:35px auto 25px; background:url(../images/sub/year.png) center no-repeat; text-align:center; line-height:133px; font-size:2.333em; color:#333; font-weight:bold}
.hw_box{margin-bottom:20px; padding:0 5%}
.hwb_dot{text-align:center; margin-bottom:10px}
.hwb_idx{width:100%; border-radius:10px 0 10px 0; background:#f5f5f5; padding:20px}
.hwb_idx p{font-size:1.667em; color:#005aaa; font-style:italic; padding-bottom:5px; text-align:center;}
.ul01 li{position:relative; font-size:1.333em; color:#555; line-height:1.6; padding-left:11px; }
.ul01 li:after{position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background:#f6b438; content:''}
.hwb_idx li span{font-size:0.938em}

/* 오시는 길 */
.Gmap_print{width:100%;height:400px; position:relative;}
.Gmap_print iframe {width:100%;height:100%}
.location{width:100%; border-radius:10px 10px 0 0; background:#f5f5f5; padding:0 20px}
.location li{width:100%; padding:30px 0; border-bottom:1px solid #ccc; text-align:center; }
.location li:last-child{border-bottom:0}
.location li .loca_tit{padding:15px 0 8px; font-size:1.667em; color:#005aaa}
.location li .loca_txt{color:#555; font-size:1.417em}
.location li.loca_green .loca_tit{color:#00a650}
.location li.loca_green .loca_txt{font-size:1.333em}

/* 제품소개 */
.tbl01{width:100%;border-spacing:0;border-collapse:separate;border-top:3px solid #005aaa; word-break:break-all}
.tbl01 th{border-bottom:1px solid #d4d4d4;padding:12px 10px;border-right:1px solid #d4d4d4;background-color:rgba(0,90,170,0.07); font-weight:normal; color:#333; font-size:1.333em; word-break:keep-all}
.tbl01 td{border-bottom:1px solid #d4d4d4;padding:12px 5px;border-right:1px solid #d4d4d4;text-align:center; color:#555; font-size:1.25em; word-break:keep-all}
.tbl01 td a{display:inline-block; padding:5px 3px}
.tbl01 li{text-align:left; position:relative; padding-left:10px; margin:0 0 0 8px}
.tbl01 li:after{position:absolute; left:0; top:7px; width:3px; height:3px; background:#f6b435; border-radius:50%; content:''}
img.file_down{width:26px !important; height:24px !important;}
.col_r{color:#ba0000 !important;}
.col_bl{color:#000 !important;}
.col_w{color:#fff !important;}
.col_g{color:#00a650 !important;}
.nbor_r{border-right:none !important;}
.tbl_line{margin:35px 0; width:100%; height:1px; background:#ddd}
.ndata_td{background:url(../images/sub/no_data.jpg) left top repeat}
.prod_li{width:100%; overflow:hidden;}
.prod_li li{float:left; width:32%; margin-top:15px; margin-right:2%}
.prod_li li:nth-child(3n), .prod_li li:last-child{margin-right:0}
.prod_li li:first-child, .prod_li li:nth-child(2), .prod_li li:nth-child(3){margin-top:0}
.prod_tit{font-size:1.1em; color:#444; padding-top:5px}
.prod_tit span{padding-left:10px; position:relative}
.prod_tit span:after{position:absolute; left:0; top:7px; width:3px; height:3px; background:#f6b435; border-radius:50%; content:''}
.pl_sty2 .prod_tit{padding-top:0; padding-bottom:5px}
.pl_sty2 .prod_txt{font-size:1.1em; color:#555; text-align:center; padding:5px 0 0}
.pl_sty2 ul{overflow:hidden; margin-bottom:15px}
.prod_wrap{width:100%; overflow:hidden}
.pw_left{width:48%; float:left}
.pw_right{width:48%; float:left; margin-left:4%}
.prod_wrap .prod_li li{width:100%}
.prod_li.proli02 li{width:48%; margin-top:20px; margin-right:4%}
.prod_li.proli02 li:nth-child(3n), .prod_li.proli02 li:last-child{margin-right:4%}
.prod_li.proli02 li:nth-child(2n){margin-right:0 !important;}
.prod_li.proli02 li:first-child, .prod_li.proli02 li:nth-child(2), .prod_li.proli02 li:nth-child(3){margin-top:20px}
.jj_wrap{width:100%; background:#f5f5f5; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:25px 20px}
.jj_box.jjb01{margin-bottom:25px; padding-bottom:25px; border-bottom:1px dashed #d4d4d4}
.jj_txt{width:100%; text-align:center; margin:0 0 15px}
.jj_tit{width:100%; border-radius:10px 10px 0 0; padding:20px}
.jj_idx{width:100%; border-radius:0 0 10px 10px; padding:20px}
.jj_txt .jj_tit p{color:#fff; font-size:1.417em}
.jj_txt .jj_idx p{color:#555; font-size:1.333em}
.jj_txt .jj_idx span{font-size:0.944em}
.jjb01 .jj_txt .jj_tit{background:#005aaa;}
.jjb01 .jj_txt .jj_idx strong{color:#005aaa;}
.jjb01 .jj_idx{background:#dde9f4}
.jjb02 .jj_txt .jj_tit{background:#00a650;}
.jjb02 .jj_txt .jj_idx strong{color:#00a650;}
.jjb02 .jj_idx{background:#d9ede3}
.jj_img{width:100%; overflow:hidden}
.jj_img > div{float:left}
.jj_img .jj_img01, .jj_img .jj_img02{width:43%; text-align:center;}
.jj_img .jj_img01 img, .jj_img .jj_img02 img{max-width:370px}
.jj_img .jj_arr{width:14%; padding:12% 15px 0; text-align:center}
.jj_img .jj_arr img{max-width:31px}
.glare_top{width:100%; border-top:3px solid #005aaa; border-bottom:1px solid #d4d4d4; background:#f5f5f5; padding:25px; text-align:center }
.glare_top p{word-break:keep-all}
.glare_top p span{color:#00a650}
.glare_top .gt01{position:relative; font-size:1.8em; color:#444; padding-bottom:25px; margin-bottom:15px;}
.glare_top .gt01:after{position:absolute; left:50%; bottom:0; margin-left:-17px;background:url(../images/sub/cg_bullet.png) left top no-repeat; width:35px; height:6px; background-size:35px; content:''}
.glare_top .gt02{font-size:1.333em; color:#555}


/* 푸터 */
#footer {background:#2e2f30; padding:20px 20px 35px;}
.ft_logo{text-align:center; padding:0 0 20px}
.ft_info .fti_p01{color:#e2e2e2; line-height:1.5}
.ft_info .fti_p01 a{color:#e2e2e2}
.ft_info .fti_p02{padding-top:5px; color:#a4a4a4}
.ft_info .fti_p02 a{color:#a4a4a4}
.ft_info .fti_p02 .barom{padding-left:18px; background:url(../images/barom.svg) left center no-repeat; background-size:15px; }


/* 미디어 쿼리 */
@media screen and (max-width:767px) {
	.wid100{width:100% !important;margin-bottom:4%;}
	.container_gnb .gnb_hd li.m_dpn a{font-size:1.167em}
	.m_dpn{display:none;}
	.dpn{display:none;}
	.dpb{display:block !important;}

	/* 생산현장 */
	.prod_spot li{margin-bottom:20px}
	.prod_spot li:last-child{margin-bottom:0}

	/* 제품소개 */
	.prodtbl_wrap{width:100%; overflow-x:scroll}
	.prodtbl_wrap table{width:769px}	
	.tbl01.tbl_sty01 td{word-break:break-all}
}

@media screen and (min-width:768px) {
	.wid50{width:50%;margin-bottom:3%}

	/* 헤더 */
	.lang{display:block; position:absolute; right:70px; top:44px; width:137px; height:33px; border:1px solid #d4d4d4; padding-left:10px; cursor:pointer; line-height:33px; background:url(../images/lang_arr.jpg) 116px 13px no-repeat; }
	.lang span{padding-left:27px; background:url(../images/lang_icon.jpg) left center no-repeat}
	.lang ul{display:none; position:absolute; left:-1px; top:33px; z-index:150}
	.lang li{width:137px; border:1px solid #d4d4d4; border-top:0; line-height:33px; background:#fff}
	.lang li a{padding-left:37px; display:block}
	.lang li a:hover{color:#005aaa}
	.lang_m{display:none}


	/* 메인 비주얼 */
	.wrap_main #container_vis, .wrap_main #container_vis .bg_vis li {height:350px}
	.wrap_main #container_vis .txt_vis .mvis_txt0101, .wrap_main #container_vis .txt_vis .mvis_txt0201 {width:400px;margin:30px 2% 0 2%}
	.wrap_main #container_vis .txt_vis .mvis_txt0102, .wrap_main #container_vis .txt_vis .mvis_txt0202 {width:380px;margin:80px 1.5% 0 2%}
	.wrap_main #container_vis .txt_vis .mvis_txt0101:after{left:16px;bottom:-20px;}
	.wrap_main #container_vis .txt_vis .mvis_txt0201:after{right:12px;bottom:-20px;}
	.vis_arr > div{width:67px; height:67px; top:158px;}
	.vis_arr > div img{width:auto}
	.vis_arr > div.arr_left{left:20px; padding:23px 0 0 26px}
	.vis_arr > div.arr_right{right:20px; padding:23px 0 0 29px}

	/* 메인 콘텐츠 */
	.mc_white{padding:40px 20px 50px; overflow:hidden}
	.mcw_box{width:50%; float:left;}
	.mcw_box li{font-size:1.25em;}
	.dataroom{border-top:1px solid #d4d4d4;}
	.customer{margin-top:30px; width:100%; background-size:cover}
	.customer .mcw_p01{font-size:1.25em;}
	.customer .mcw_p02{font-size:3em;}
	.mc_gray{padding:40px 0 50px;}
	.mc_gray h3{font-size:3em;}
	.mc_gray h3 span{padding-left:60px; background-size:45px}
	.mc_gray p{ padding:10px 0 35px; letter-spacing:0;}
	.mc_gray li{width:24%;}
	.mc_gray li:first-child, .mc_gray li:nth-child(3){margin-left:0}
	.mc_gray li:first-child, .mc_gray li:nth-child(2){margin-bottom:0}
	.mc_gray li:first-child{margin-left:3%}


	/* 서브 비주얼 */
	.wrap_sub #container_vis {height:180px}
	.wrap_sub #container_vis .bg_vis li {height:180px}
	.wrap_sub #container_vis .txt_vis .svis_txt01 {width:228px;margin-top:7px}
	.wrap_sub #container_vis .txt_vis .svis_txt02 {width:396px;margin-top:20px}

	/* 내용 */
	.page h3.stit{margin:55px 0 15px;}
	.page h4.sstit{margin:40px 0 10px;}
	
	/* 인사말 */
	.page_top{margin-bottom:50px}
	.pt_wrap{padding:25px;}
	.pt_tit span{padding:10px 30px 0;}
	.gre_img{overflow:hidden;}
	.grei_txt{float:left; width:35%; height:300px; padding:80px 25px 25px 25px;}
	.grei_txt p{word-break:keep-all}
	.grei_bg{float:left; width:65%; height:300px;}

	/* 생산현장 */
	.prod_spot{width:100%; overflow:hidden}
	.prod_spot li{float:left; width:49%; margin-top:20px}
	.prod_spot li:nth-child(2n+1){margin-left:2%}
	.prod_spot li.ps_big{width:100%; margin-left:0 !important; margin-top:0}

	/* 오시는 길 */
	.location{padding:35px 0; overflow:hidden}
	.location li{float:left; width:33.33%; padding:0 20px; border-bottom:0;}
	.location li.loca_green{border-left:1px solid #ccc; border-right:1px solid #ccc}

	/* 제품소개 */
	.prod_tit{font-size:1.25em; padding-top:10px}
	.pl_sty2 .prod_tit{padding-bottom:10px}
	.pl_sty2 .prod_txt{font-size:1.167em; padding:10px 0 0}
	.prod_li.proli02 li{margin-top:30px;}
	.prod_li.proli02 li:first-child, .prod_li.proli02 li:nth-child(2), .prod_li.proli02 li:nth-child(3){margin-top:30px}
	.jj_box{overflow:hidden; width:100%}
	.jj_box.jjb01{margin-bottom:35px; padding-bottom:35px}
	.jj_txt{float:left; width:25%;margin:0 5% 0 0}
	.jj_txt p{word-break:keep-all}
	.jj_img{float:left; width:70%;}
}

@media screen and (max-width:1023px) {
	#hd_pop .hd_pops {left:0 !important}
	#hd_pop .hd_pops_con {width:100% !important;max-width:100%;height:auto !important}
}

@media screen and (min-width:1024px) {
	.w1200 {width:1200px;margin:0 auto}
	.youtube_wrap {width:800px;height:450px;margin:0 auto;padding:0}


	/* 헤더 */
	#header {min-width:1200px; min-height:139px; }
	.container_hd{height:108px}
	.container_hd .hd_logo {width:213px;}	
	.container_hd .hd_logo a{padding:0; line-height:108px}	
	.container_hd .btn_menu {display:none}		
	.lang{right:50%; margin-right:-600px; top:69px; }
	.container_hd .menu_pc {overflow:visible;height:auto;visibility:visible}


	/* 메인 비주얼 */
	#wrap_content {min-width:1200px;}
	.wrap_main #container_vis {min-width:1200px;min-height:626px}
	.wrap_main #container_vis .bg_vis li {height:626px}
	.wrap_main #container_vis .txt_vis .mvis_txt0101 {width:718px;margin:81px 0 0 -81px}
	.wrap_main #container_vis .txt_vis .mvis_txt0102 {width:445px;margin:247px 0 0 -90px}
	.wrap_main #container_vis .txt_vis .mvis_txt0201 {width:718px;margin:81px -81px 0 0}
	.wrap_main #container_vis .txt_vis .mvis_txt0202 {width:445px;margin:247px -90px 0 0}
	.wrap_main #container_vis .txt_vis .mvis_txt0101:after{bottom:-40px; left:17px; width:53px; height:6px}
	.wrap_main #container_vis .txt_vis .mvis_txt0201:after{bottom:-40px; right:17px; width:53px; height:6px}
	.vis_arr > div.arr_left{left:50%; margin-left:-745px; top:279px; }
	.vis_arr > div.arr_right{right:50%; margin-right:-745px; top:279px; }

	/* 메인 콘텐츠 */
	.mc_white{padding:105px 0; min-width:1200px; }
	.mcw_box{width:388px;min-height:263px; padding:32px 32px 0}
	.mcw_box h4{font-size:2.333em; padding-bottom:15px; }
	.mcw_box li{padding:13px 0 13px 16px}
	.mcw_box li:not(.empty_list):after{top:24px;}
	.mcw_box .plus{width:45px; height:45px; line-height:45px}
	.mcw_box.dataroom .plus{right:-1px; top:-1px;}
	.customer{margin-top:0; margin-left:36px; width:388px; padding:32px 0 0}
	.mcw_box.customer h4{padding-bottom:5px}
	.customer .mcw_p01{padding:15px 0 0}
	.customer .mcw_p02{font-size:2.833em;}
	.customer .mcw_p02 span{padding:10px 0 10px 50px;}
	.mc_gray{padding:70px 0 0; height:848px;  min-width:1200px}
	.mc_gray h3{font-size:4em;}
	.mc_gray h3 span{padding-left:79px; background-size:62px}
	.mc_gray p{padding:10px 0 65px; letter-spacing:0;}
	.mc_gray ul{display:table; margin:0 auto}
	.mc_gray li{width:306px;}
	.mc_gray li:first-child{margin-left:0;}
	.mc_gray li:nth-child(2n){width:307px}
	.mc_gray li:last-child{width:auto}
	.mc_gray li .mcg_img{width:278px; box-shadow:8px 8px 12px rgba(6,6,6,0.25)}
	.mc_gray li .mcg_img img{width:100%}
	.mc_gray li h4{font-size:2em; color:#333; padding:32px 0 10px; }
	.mc_gray li p{font-size:1.25em; letter-spacing:0; padding:0 0 40px; line-height:1.5; text-align:left}
	.mc_gray li p span{display:block}
	.mc_gray li .more{width:181px;}
	.mc_gray li .more:after{right:22px; top:22px;}
	.mc_gray li .more:hover{border:0; background:#00a650}
	.mc_gray li .more:hover:after{background:#fff}
	.mc_gray li .more:hover a{color:#fff}
	.more a{line-height:49px; padding-left:26px;}


	/* 서브 비주얼 */
	.wrap_sub #container_vis {height:273px}
	.wrap_sub #container_vis .bg_vis li {height:273px}
	.wrap_sub #container_vis .txt_vis .svis_txt01 {width:228px;margin:21px 0 0 -53px}
	.wrap_sub #container_vis .txt_vis .svis_txt01.pos_right {margin:21px -53px 0 0}
	.wrap_sub #container_vis .txt_vis .svis_txt02 {width:523px;margin:37px 0 0 -53px}
	.wrap_sub #container_vis .txt_vis .svis_txt02.pos_right {margin:37px -53px 0 0}
	
	/* 서브콘텐츠 */
	#container_location {display:block;}
	.wrap_sub h2.tit {margin:70px 0 40px;font-size:3.167em;}
	.wrap_sub .page {height:auto;min-height:400px;margin-bottom:100px;padding:0}
	.wrap_sub .page_ctt {}
	.page h3.stit{font-size:2.25em;margin:75px 0 20px;padding:0 0 0 35px; background-position:left 8px}
	.page h4.sstit{font-size:1.833em; margin:65px 0 15px; background-position:left 4px}
	.ul01 li{ line-height:1.6; letter-spacing:-0.4px}
	.txt_c{}

	/* 인사말 */
	.page_top{margin-bottom:70px}
	.pt_wrap{padding:40px 35px 45px; }
	.pt_tit{font-size:2.333em;}
	.pt_tit span{padding:20px 43px 0; background-size:auto}
	.pt_txt{padding:10px 0 0; font-size:1.667em;}
	.gre_img{width:500px; float:left; padding-left:36px; position:relative}
	.grei_txt{position:absolute; left:0; top:36px; width:464px; height:220px; padding:40px 0 0 40px; box-shadow:5px 5px 10px rgba(0,90,170,0.3)}
	.grei_txt p{font-size:2.333em;padding-top:20px; letter-spacing:0; }
	.grei_txt p strong{font-weight:normal; }
	.grei_bg{width:100%; height:586px;}
	.gre_txt{width:700px; float:left; padding:0 0 0 55px;}
	.gret_tit{font-size:2.333em; padding-bottom:40px;}
	.gret_txt{margin-top:25px; line-height:1.9}
	.gret_txt span{line-height:1.9}

	/* 연혁 */
	.his_year{margin:65px auto 50px; }
	.his_wrap{width:613px; overflow:hidden; }
	.hw_r{margin-left:587px;}
	.hw_l{margin-right:587px;}
	.hw_box{margin-bottom:30px; padding:0; width:100%; overflow:hidden;}
	.hwb_dot{width:80px;  margin-bottom:10px}
	.hw_r .hwb_dot{float:left; text-align:left; background:url(../images/sub/col_d4d4d4.jpg) left 13px repeat-x}
	.hw_l .hwb_dot{float:right; text-align:right; background:url(../images/sub/col_d4d4d4.jpg) right 13px repeat-x;}
	.hwb_idx{float:left; width:530px; border-radius:0; background:#fff; padding:0 0 0 28px}
	.hw_l .hwb_idx{padding:0 28px 0 0 }
	.hwb_idx p{padding-bottom:8px; text-align:left;}
	.hwb_idx .ul01 li{line-height:1.8; letter-spacing:-0.4px}
	.hwb_idx .ul01 li:after{top:13px}
	.hw_l .hwb_idx p{padding-bottom:8px; text-align:right;}
	.hw_l .ul01 li{text-align:right;}
	.hw_l .ul01 li{padding-left:0; padding-right:11px; }
	.hw_l .ul01 li:after{left:auto; right:0;}

	/* 생산현장 */
	.prod_spot li{width:580px; margin-top:40px;}
	.prod_spot li:nth-child(2n+1){margin-left:40px}

	/* 오시는 길 */
	.location{border-radius:0; background:#fff;padding:0}
	.location li{position:relative; padding:80px 0 0; position:relative;}
	.location li img{position:absolute; left:50%; top:0; margin-left:-67px; z-index:300}
	.location li.loca_green{border:0}
	.location li .loca_wrap{background:#f5f5f5; height:200px; padding:60px 0 0; position:relative}
	.location li.loca_green .loca_wrap:after{position:absolute; left:0; top:28px; width:1px; height:144px; background:#ccc; content:'' }
	.location li.loca_green .loca_wrap:before{position:absolute; right:0; top:28px; width:1px; height:144px; background:#ccc; content:'' }	
	.location li:first-child .loca_wrap{border-radius:10px 0 0 0;}
	.location li:last-child .loca_wrap{border-radius:0 10px 0 0;}
	.location li p{}

	/* 제품소개 */
	.tbl01 th, .tbl01 td{}
	.tbl01 li{padding-left:13px; margin:0 0 0 40px; line-height:1.6}
	.tbl01 li:after{top:9px;}

	.tbl_line{margin:55px 0;}
	.prod_total{width:100%; overflow:hidden;}
	.prodt_left{float:left;}
	.prodt_right{float:right;}
	.prod_li li{width:370px; margin-top:40px; margin-right:45px}
	.prod_li p, .prod_txt{}
	.prod_tit{font-size:1.5em; padding-top:0; line-height:58px; margin-left:16px}
	.prod_tit span{padding-left:13px;}
	.prod_tit span:after{top:10px; width:5px; height:5px}
	.pl_sty2 .prod_tit{padding-bottom:0;}
	.pl_sty2 .prod_txt{font-size:1.292em; padding:15px 0 0}
	.pl_sty2 ul{overflow:hidden; margin-bottom:40px}
	.pw_left{width:550px;}
	.pw_right{width:550px; margin-left:100px}
	.prod_wrap .prod_li li{width:100%}
	.prod_li.proli02 li{width:550px; margin-top:35px; margin-right:100px}
	.prod_li.proli02 li:nth-child(3n), .prod_li.proli02 li:last-child{margin-right:100px}
	.prod_li.proli02 li:first-child, .prod_li.proli02 li:nth-child(2){margin-top:45px}
	.prod_li.proli02 li:nth-child(3){margin-top:35px}

	.jj_wrap{padding:52px}
	.jj_box.jjb01{margin-bottom:45px; padding-bottom:45px}
	.jj_txt{width:180px; height:266px;margin:0 55px 0 0}
	.jj_tit{height:119px; display:table; padding:0 30px}
	.jj_idx{height:147px; display:table; padding:0}
	.jj_txt .jj_tit p{display:table-cell; vertical-align:middle; font-size:1.667em; }
	.jj_txt .jj_idx p{display:table-cell; vertical-align:middle; font-size:1.5em; }
	.jj_txt .jj_idx strong{font-size:1.111em; display:inline-block}
	.jj_img{width:860px;}
	.jj_img .jj_img01, .jj_img .jj_img02{width:370px}
	.jj_img .jj_arr{width:120px; padding:0; line-height:266px;}
	
	.glare_top{padding:50px 30px 55px}
	.glare_top p{word-break:keep-all}
	.glare_top .gt01{font-size:2.3em; padding-bottom:35px; margin-bottom:20px; }
	.glare_top .gt01:after{margin-left:-26px; background:url(../images/sub/cg_bullet.png) left top no-repeat; width:52px; height:9px; background-size:52px; }
	.glare_top .gt02{font-size:1.5em; color:#555;  line-height:1.6}
	


	/* 게시판 */
	.tbl_frm01 th {width:120px;padding:7px 20px}


	/* 푸터 */
	#footer {min-width:1200px; padding:56px 0 68px; overflow:hidden; font-size:1.167em;}
	.ft_logo{text-align:left; width:237px; float:left;  padding:3px 0 0 1px}
	.ft_info{width:963px; float:left;}
	.ft_info .fti_p01{line-height:1.6}	
	.ft_info .fti_p02{padding-top:10px;}
}