@charset "utf-8";

/* 공통 */
.clear {clear:both}
.tac {text-align:center !important}
.tal {text-align:left !important}
.tar {text-align:right !important}
.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}
.readonly, .disabled {background-color:#ddd}
.al{text-align:left !important;}
.dpb_pc{display:none}
.dpb_m{display:none}

.mgt0 {margin-top:0 !important}
.mgr0 {margin-right:0 !important}
.mgl0 {margin-left:0 !important}
.mgb0 {margin-bottom:0 !important}
.mgb10 {margin-bottom:10px !important}
.mgb15 {margin-bottom:15px !important}
.mgb20 {margin-bottom:20px !important}
.mgb50 {margin-bottom:50px !important}
.pdt0 {padding-top:0 !important}
.pdb0 {padding-bottom:0 !important}
.pdb10 {padding-bottom:10px !important}
.pdb20 {padding-bottom:20px !important}
.pdl0 {padding-left:0 !important}
.pdl5 {padding-left:5px !important}
.pdl10 {padding-left:10px !important}
.pdl20 {padding-left:20px !important}
.col_pink{color:#c41550 !important}
.dp_ib{display:inline-block}

/* 본 사이트 전용 */
body {width:100%;min-width:320px;font-family:'NotoSans-Light', 'Malgun Gothic', sans-serif}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family:'MinSans-Medium', 'Malgun Gothic', sans-serif}
.frm_input, input[type=text], input[type=password], input[type=submit], textarea, select, button {font-family:'NotoSans-Light', 'Malgun Gothic', sans-serif}
.frm_input, input[type=text], input[type=password], textarea, select, button {font-size:1.167em}
input[type=text], input[type=password], input[type=submit], input[type=image], button, textarea {-webkit-appearance:none}
select {background:none}

#hd_pop {width:100% !important;max-width:1250px}
#hd_pop .hd_pops_con img {width:100%;height:auto}
#copymove .tbl_head01 thead th, #copymove .tbl_head01 td {font-size:1.167em}
a.btn, .btn {display:inline-block;font-weight:normal;font-size:1.083em}

.bg_vis li .vis_img{position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; overflow:hidden; background-size:cover !important; -webkit-transition:all 1.5s ease 0s; transition:all 1.5s ease 0s; -webkit-transform:scale(1.5, 1.5) rotate(0.1deg); transform:scale(1.5, 1.5) rotate(0.1deg);}
.bg_vis li.vis_on .vis_img{-webkit-transform:scale(1) rotate(0.1deg); transform:scale(1) rotate(0.1deg);}

#modal_bg {display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.65)}
.youtube_wrap {position:relative;width:100%;padding-bottom:56.25%}
.youtube_wrap iframe {position:absolute;left:0;top:0;width:100%;height:100%}

.nbg {background:none !important}
.w100 {width:100%}
.inputw10 {width:9.5%}
.inputw20 {width:19.5%}
.inputw30 {width:29.5%}
.inputw70 {width:69.5%}
.inputw80 {width:79.5%}
.inputw90 {width:89.5%}

 
/* 헤더 */
#header{width:100%; position:absolute; left:0; top:0; z-index:560; height:115px;background:#fff; box-shadow:0 5px 8px rgba(0,0,0,0.2)}
#header .header_top{position:relative; width:100%;}
#header .header_top:after{position:relative}
#header .header_top .logo{position:relative; float:left; width:218px; height:75px; display:block; background-size:218px auto !important; background:url(../images/top_logo_color.svg) center 55% no-repeat; /* transition: all 0.5s ease-in-out; */}
#header .header_top .logo:after{position:absolute; left:73px; bottom:8px; width:100%; color:#091d4f; content:'Piling Equipment Specialists'}
#header .header_top .toggle{float:right; width:36px; height:75px; cursor:pointer; padding:17px 0; margin-right:15px}
#header .header_top .toggle span{width:100%; height:1px; background:#333; display:block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#header .header_top .toggle .tg01{margin:10px 0 0}
#header .header_top .toggle .tg02{margin:9px 0}
#header .header_top .toggle .tg03{margin:0 0 10px}
#header .header_top .toggle.close span:nth-child(1){-webkit-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg);}
#header .header_top .toggle.close span:nth-child(2){opacity: 0;}
#header .header_top .toggle.close span:nth-child(3){-webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}
#header .header_top .lang{position:absolute;z-index:120;right:70px;padding:22px 0;}
#header .header_top .lang a{padding:5px 5px}
#header .header_top .lang a span{color:#939aad;font-size:1.35em;padding:5px 0px;font-family:'MinSans-Medium';}
#header .header_top .lang a span.selected{position:relative;color:#091d4f;}
#header .header_top .lang a span.selected:after{content:'';width:100%;height:2px;background:#c81550;position:absolute;left:0;bottom:0;z-index:100}
#header .header_ttop{width:100%; background:#1f68b2; height:40px; overflow:hidden; padding:0 15px}
#header .header_ttop ul{display:flex}
#header .header_ttop li{line-height:40px; color:#fff; font-size:1.25em; margin-right:10px; font-family:'MinSans-Medium'}
#header .header_ttop li:last-child{margin-right:0 !important}
#header .header_ttop li a{color:#fff; line-height:40px; display:block}
#header .header_ttop .htt_left{float:left}
#header .header_ttop .htt_right{float:right}

/* 메뉴 */
#header .hd_menu_bg {display:none;overflow:hidden;position:absolute;left:0;top:164px;z-index:90;width:100%; background:#fff; border-top:1px solid #d4d4d4}
#header .hd_menu_bg > div {height:100%}
#header .container_menu {position:relative}
#hd_menu {display:none;position:absolute;top:75px;left:0;z-index:100;width:100%;background:#f5f5f5}
#hd_menu .main_menu > li{border-bottom:1px solid #ddd}
#hd_menu .main_menu > li > a {display:block; padding:2% 0 2% 8%; font-size:1.375em;line-height:1.5;color:#333}
#hd_menu .main_menu > li.on > a {font-weight:bold}
#hd_menu .sub_menu {display:none;padding:1% 0;background:#fff}
#hd_menu .sub_menu > ul > li > a {display:block;padding-left:10%;font-size:1.25em;line-height:2.2;color:#666}
#hd_menu .sub_menu > ul > li.on > a {color:#c81550}

/* 메인 - 스크롤 및 버튼 */
.main_contents{position:relative}
.scroll_down{position:absolute; bottom:10px; left:50%; margin-left:-35px; width:70px; height:54px; text-align:center; z-index:300; animation:scrolldw 1.7s linear 0s infinite; padding-top:0;}
.scroll_down > div{width:100%; height:42px; background:url(../images/scroll.svg) center top no-repeat; background-size:66px auto}
@keyframes scrolldw {
	0% {padding-top: 0px;}
	20% {padding-top: 12px;}
	40% {padding-top: 0px;}
	60% {padding-top: 12px;}
	80% {padding-top: 0px;}
	100% {padding-top: 0px;}
}
.top_btn{position:fixed; bottom:20px; right:0; width:68px; height:68px; background:#091d4f url(../images/icon_top.svg) center no-repeat; background-size:16px auto; z-index:300}
.top_btn:hover{cursor:pointer;animation:fadeEx1 1s forwards;-webkit-animation:fadeEx2 1s forwards}
	@keyframes fadeEx2 {
        from {background-color:#091d4f}
        to	 {background-color:#1f68b2}
    }
    @-webkit-keyframes fadeEx2 {
        from {background-color:#091d4f}
        to	 {background-color:#1f68b2}
    }


/* 비주얼 공통 */
.bg_vis li .txt_box{position:absolute; background:rgba(68,114,196,0.8); padding:30px 0; left:0; width:100%; top:40%; display:table; z-index:150; text-align:center}
.bg_vis li .txt_box p{display:table-cell; vertical-align:middle; font-size:3.67em; color:#fff; font-family:'MinSans-Bold'; letter-spacing:-0.5px}
.bg_vis li .txt_box img{width:100%; height:auto; max-width:1201px}
.bg_vis li .vis_img{position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; overflow:hidden; background-size:cover !important; -webkit-transition:all 1.5s ease 0s; transition:all 1.5s ease 0s; -webkit-transform:scale(1.5, 1.5) rotate(0.1deg); transform:scale(1.5, 1.5) rotate(0.1deg);}
.bg_vis li .vis_imgg{position:absolute; left:0; top:0; z-index:100; width:100%; height:100%;}
.bg_vis li.load .vis_img{-webkit-transform:scale(1) rotate(0.1deg); transform:scale(1) rotate(0.1deg);}
.bg_vis li.vis_on .vis_imgg{*animation: kenburns-top 5s ease-out both;}
@keyframes kenburns-top {
    0% {
      -webkit-transform: scale(1) translateY(0);
              transform: scale(1) translateY(0);
      -webkit-transform-origin: 50% 16%;
              transform-origin: 50% 16%;
    }
    100% {
      -webkit-transform: scale(1.25) translateY(-15px);
              transform: scale(1.25) translateY(-15px);
      -webkit-transform-origin: top;
              transform-origin: top;
    }
}

.vis_yt {overflow:hidden;width:100%;height:100%}
.vis_yt .wrap_youtube {position:relative;width:100%;height:100%}
.vis_yt .wrap_youtube #youtube_player {position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%, -50%)}
.vis_yt .blank {position:absolute;left:0;top:0;z-index:10;width:100%;height:100%}

/* 메인 컨텐츠 - 공통 */
.detail_view{position:relative; display:block; width:238px; height:61px; border:1px solid #1f68b2; line-height:59px; padding:0 0 0 29px; color:#1f68b2; font-family:'MinSans-Medium'; font-size:1.417em; transition:all 0.3s ease-in-out;}
.detail_view:before, .detail_view:after{position:absolute; background:#1f68b2; content:''; transition:all 0.5s ease-in-out;}
.detail_view:before{right:31px; top:19px; width:1px; height:21px}
.detail_view:after{right:21px; top:29px; width:21px; height:1px}
.detail_view:hover{background:#1f68b2; color:#fff}
.detail_view:hover:before, .detail_view:hover:after{transform:rotate(360deg); background:#fff}
.mcon02 h3, .mcon03 h3{font-family:'MinSans-Bold'; color:#091d4f; font-size:1.833em; line-height:1}

/* 메인 컨텐츠 - 비주얼 */
.mcon01{position:relative; z-index:140; background:#000}
.mcon01 .visual{position:relative; width:100%}
.mcon01 .visual .bg_vis{position:relative; width:100%; height:100vh;}
.mcon01 .visual .bg_vis:after{display:block; clear:both; content:''}
.mcon01 .visual .bg_vis li{position:absolute; left:0; top:0; z-index:120; width:100% !important; height:100%; display:none; overflow:hidden; background-size:cover !important;}
.mcon01 .visual .bg_vis .txt_vis > div{position:absolute; left:0; width:100%; max-width:1200px; z-index:150;}
.mcon01 .visual .bg_vis .txt_vis > div.mvis_txt01{top:45%}
.mcon01 .visual .bg_vis .txt_vis > div.mvis_txt02{top:49%}

/* 메인 컨텐츠 - Torrex */
.mcon02{padding:10px 15px 30px}
.mcon02 .torrex_wrap{position:relative; width:100%; background:url(../images/torrex_bg.jpg) center no-repeat; background-size:cover; padding:25px; margin-top:50px}
.mcon02 .torrex_wrap:after{position:absolute; right:10px; top:-50px; width:150px; height:271px; background:url(../images/torrex_img.png?ver=241108) center no-repeat; background-size:cover; content:''}
.mcon02 .torrex_wrap img{width:183px; margin-left:-10px}
.mcon02 .torrex_wrap h4{font-family:'MinSans-Black'; color:#091d4f; font-size:3.667em; line-height:1; padding:10px 0 20px}
.mcon02 .torrex_wrap p{font-size:1.5em; line-height:1.8; word-break:keep-all; color:#091d4f;}
.mcon02 .torrex_wrap p:not(:first-of-type){padding-top:10px;}
.mcon02 .detail_view{margin:25px auto 0; display:table}

/* 메인 컨텐츠 - equipment */
.mcon05{padding:0 15px 40px}
.mcon05 h4{font-family:'MinSans-Black'; color:#091d4f; font-size:3.667em; line-height:1; padding:10px 0 20px; text-align:center}
.mcon05 .swiper-container{position:relative; overflow:inherit}
.mcon05 li{float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; box-shadow:0 8px 8px rgba(0,0,0,0.2)}
.mcon05 li div{width:100%; padding:0 0 77.8%; border:1px solid #d4d4d4}

/* 메인 컨텐츠 - 제품소개 */
.mcon03{padding:20px 0 0; overflow:hidden; position:relative}
.mcon03 h3{padding-left:15px}
.mcon03 .productt_tabs{width:100%; overflow:hidden; padding:0 15px}
.mcon03 .productt_tabs li{float:left; display:inline-block; font-family:'MinSans-Medium'; margin-right:27px; position:relative; cursor:pointer}
.mcon03 .productt_tabs li:before{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .4s; -webkit-transition:all .4s; height:100%; width:0; border-bottom:2px solid #c81550; content:''}
.mcon03 .productt_tabs li:after{position:absolute; right:-27px; top:0; width:27px; height:100%; color:#c6c6c6; text-align:center; content:'/' }
.mcon03 .productt_tabs li:last-child:after{display:none}
.mcon03 .productt_tabs li:last-child{margin-right:0}
.mcon03 .productt_tabs li p{color:#091d4f; font-size:1.5em; word-break:keep-all; line-height:1.5; padding:5px 0}
.mcon03 .productt_tabs li.selected:before{width:100%}
.mcon03 .productt_tabs li.selected p{color:#c81550}
.mcon03 .productt_con{width:100%; min-height:665px; position:relative; overflow:hidden; background:url(../images/prod_bg.jpg) right bottom no-repeat, url(../images/col_f5f5f5.jpg) left bottom repeat-x; background-size:auto 250px, 1px 100%}
.mcon03 .productt_con > ul > li{position:absolute; left:0; top:0; display:none; padding:20px 20px 15px; width:100%; height:100%; }
.mcon03 .productt_con > ul > li h4{font-family:'MinSans-Black'; color:#091d4f; line-height:1.4; font-size:3.333em}
.mcon03 .productt_con > ul > li ul{padding:20px 0}
.mcon03 .productt_con > ul > li li{font-size:1.417em; color:#091d4f; line-height:1.6; padding-left:14px; position:relative; margin-bottom:5px}
.mcon03 .productt_con > ul > li li:last-child{margin-bottom:0}
.mcon03 .productt_con > ul > li li:after{position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background:#c81550; content:''}
.mcon03 .productt_con > ul > li .prdct_img{position:absolute; right:20px; bottom:30px; width:calc(100% - 40px); height:300px; background:#fff; box-shadow:5px 5px 8px rgba(0, 0, 0, 0.25)}
.mcon03 .productt_con > ul > li .prdct_img div{width:100%; height:100%; background-size:auto 100% !important}
.mcon03 .productt_btns ul{position:absolute; bottom:300px; right:20px}
.mcon03 .productt_btns li{width:76px; height:76px; border-radius:50%; border:1px solid #d4d4d4; cursor:pointer; position:relative}
.mcon03 .productt_btns li.btn_r{background:#fff}
.mcon03 .productt_btns li:after{position:absolute; left:0; top:0; width:100%; height:100%; content:''; transition: all .6s ease-out;}
.mcon03 .productt_btns li.btn_l:after{background:url(../images/prod_prev.png) center no-repeat}
.mcon03 .productt_btns li.btn_r:after{background:url(../images/prod_next.png) center no-repeat}

/* 메인 컨텐츠 - SAMHOON */
.mcon04{padding:30px 15px 35px}
.mcon04 .samhoon_idx .shi_logo{width:174px; height:52px; background:url(../images/top_logo_color.svg) right center no-repeat; background-size:186px auto}
.mcon04 .samhoon_idx h3{font-size:3.667em; font-family:'MinSans-Black'; color:#091d4f; line-height:1.3; padding:10px 0 20px}
.mcon04 .samhoon_idx p{font-size:1.417em; color:#091d4f; line-height:1.7; word-break:keep-all}
.mcon04 .samhoon_idx .detail_view{margin:20px 0 30px}
.mcon04 .samhoon_info li{width:100%; overflow:hidden; padding-left:118px; position:relative; min-height:65px; display:table}
.mcon04 .samhoon_info li:nth-child(2){margin:15px 0}
.mcon04 .samhoon_info li:after{position:absolute; left:0; top:6px; width:118px; height:65px; content:''}
.mcon04 .samhoon_info li:first-child:after{background:url(../images/icon_address.svg) right 36px center no-repeat; background-size:44px auto}
.mcon04 .samhoon_info li:nth-child(2):after{background:url(../images/icon_email.svg) right 32px center no-repeat; background-size:84px auto}
.mcon04 .samhoon_info li:nth-child(3):after{background:url(../images/icon_tel.svg) right 40px center no-repeat; background-size:52px auto}
.mcon04 .samhoon_info li p{font-size:1.35em; color:#091d4f; display:table-cell; vertical-align:middle;word-break:keep-all;}
.mcon04 .samhoon_info li p span{font-family:'MinSans-Bold'; display:block; padding-bottom:3px}
.mcon04 .samhoon_info li p strong{font-size:2.471em; font-family:'MinSans-Bold'; font-weight:normal; letter-spacing:-0.7px; line-height:1}

/* 서브 비주얼 */
.sub_visual{position:relative; width:100%}
.sub_visual .bg_vis{position:relative; width:100%; height:300px}
.sub_visual .bg_vis:after{display:block; clear:both; content:''}
.sub_visual .bg_vis li{position:absolute; left:0; top:0; z-index:120; width:100% !important; height:100%; display:none; overflow:hidden; background-size:cover !important;}
.sub_visual .bg_vis .txt_vis > div{position:absolute; left:5%; width:90%; z-index:150; text-align:center}
.sub_visual .bg_vis .txt_vis > div.svis_txt01{top:150px}
.sub_visual .bg_vis .txt_vis > div.svis_txt02{top:180px}
.sub_visual .bg_vis .txt_vis > div img{max-width:891px}
.sub_visual .bg_vis li .txt_box{top:150px}


/* 서브 콘텐츠 */
.sub_contents{width:100%;height:auto;}
.sub_contents .tab_menu{margin:25px 0; text-align:center; padding:0 15px}
.sub_contents .tab_menu .tabmenu06{display:none}
.sub_contents .tab_menu li{display:inline-block; transition:all 1.5s ease 0s; margin:5px}
.sub_contents .tab_menu li a{height:59px; padding:0 13px; font-size:1.333em; color:#1f68b2; display:flex;justify-content:center;align-items:center; border:1px solid #1f68b2;min-width:130px;}
.sub_contents .tab_menu li.selected, .sub_contents .tab_menu li:hover{background:#1f68b2}
.sub_contents .tab_menu li.selected a, .sub_contents .tab_menu li:hover a{color:#fff}
.sub_contents .page_nav{width:100%;}
.sub_contents .page_nav li{position:relative; float:left; text-align:left; font-size:1.25em; color:#091d4f; font-family:'MinSans-Medium'; margin-right:24px; line-height:30px}
.sub_contents .page_nav li:after{position:absolute; right:-13px; top:14px; width:3px; height:3px; border-radius:50%; background:#808593; content:''}
.sub_contents .page_nav li:last-child:after{display:none}
.sub_contents .page_nav li:first-child{padding-left:28px; background:url(../images/sub/sub_home.svg) 3px center no-repeat; background-size:15px auto}
.sub_contents h1.page_title{position:relative; margin:35px 0 0; font-size:3.833em; line-height:1.5; color:#091d4f; font-family:'MinSans-Bold'; padding:0 15px}

/* 내용페이지 */
.page {width:100%;height:auto;min-height:300px;margin:0 auto;padding:25px 15px 10%}
.page h2.stit{font-size:1.833em;color:#1f68b2;position:relative;margin:60px 0 20px}
.page h2.stit strong{font-weight:normal;color:#091d4f;}
.page h2.stit span{font-size:0.75em;color:#939393;font-weight:normal;}
.page h3.sstit{font-size:1.667em;color:#c81550;position:relative;padding-left:14px;margin:50px 0 15px}
.page h3.sstit:before{content:'';width:6px;height:16px;background:#c81550;position:absolute;left:0;top:6px;}

.tabs_type_a {overflow:hidden;width:100%;height:auto;margin-bottom:5%;}
.tabs_type_a ul{display:flex;justify-content:center; flex-wrap:wrap}
.tabs_type_a li {float:left;min-width:185px;margin:8px;border:1px solid #f27f2c;background:#fff;text-align:center}
.tabs_type_a li.selected {background:#f27f2c}
.tabs_type_a li a {display:block;height:48px;font-size:1.417em;line-height:48px;color:#f27f2c; padding:0 20px}
.tabs_type_a li.selected a {color:#fff}

p.txt_c{font-size:1.333em;color:#091d4f;line-height:1.6;margin-bottom:20px}

.gre_t{color:#091d4f;font-size:1.667em;text-align:center;line-height:1.6;font-family: 'MinSans-Medium';word-break:keep-all;}
.gre_t strong{display:block;color:#c81550;font-family: 'MinSans-Black';font-size:1.55em;}

.vision{background:#f5f5f5;padding:4% 3%;margin-top:4%}
.vision ul{display:flex;flex-wrap:wrap;justify-content:center;}
.vision li{text-align:center;position:relative;}
.vision li figure{}
.vision li figcaption{color:#091d4f;font-size:1.415em;line-height:1.6;margin-top:15px;font-family: 'MinSans-Medium';}
.vision li figcaption span{font-size:1.25em;color:#1f68b2;display:block;}

.gre_txt{text-align:center;}
.gre_txt span{font-size:1.833em;display:block;margin:30px 0 20px;color:#091d4f;font-family: 'MinSans-Medium';}
.gre_txt span strong{font-family: 'MinSans-Black';}
.gre_txt p{font-size:1.333em;color:#091d4f;line-height:1.6;margin-bottom:30px;word-break:keep-all;}
.gre_txt p.gre_col{background:#f5f5f5; padding:30px 20px; background:rgba(31,104,178,0.07)}
.gre_txt .name{}
.gre_txt .name strong{font-size:1.2em;font-family: 'MinSans-Medium';}
.gre_wrap{background:#f5f5f5; padding:5% 0; background:rgba(31,104,178,0.07)}

.info{margin-top:5%}
.info li{font-size:1.333em;color:#091d4f;line-height:1.6;text-align:center;word-break:keep-all;margin-bottom:30px;padding-top:72px;font-family: 'MinSans-Regular';}
.info li span:first-of-type{font-size:1.2em;color:#091d4f;display:block;margin-bottom:12px;font-weight:bold;}
.info li:first-child{background:url(../images/sub/add_icon.svg) center top no-repeat;}
.info li:nth-child(2){background:url(../images/sub/tel_icon.svg) center top no-repeat;}
.info li:nth-child(3){background:url(../images/sub/fax_icon.svg) center top no-repeat;}

.prod_t{border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;padding:3% 3%;position:relative;font-family: 'MinSans-Regular';}
.prod_t:before{content:'';width:148px;height:5px;background:#c81550;position:absolute;left:0;top:-5px;}
.prod_t p{font-size:1.485em;color:#091d4f;margin-bottom:20px;line-height:1.6;word-break:keep-all;}
.prod_t ul{margin-left:0px;}
.ul01 li, .prod_t li{font-size:1.333em;color:#091d4f;line-height:1.6;margin:8px 0;padding-left:12px;position:relative;word-break:keep-all;}
.ul01 li:before, .prod_t li:before{content:'';width:4px;height:4px;border-radius:50%;background:#c81550;position:absolute;left:0;top:11px;}
.prod_m{font-size:1.667em;color:#091d4f;font-family:'MinSans-Medium';}

.prod_img{background:#f5f5f5;padding:3% 3%;text-align:center;margin-bottom:15px;}


.tbl01{width:100%;border-spacing:0;border-collapse:separate;font-family: 'MinSans-Regular';}
.tbl01 th{background:#1f68b2;color:#fff;padding:12px 8px;font-size:1.333em;position:relative;font-weight:normal;}
.tbl01 th:after{content:'';width:1px;height:19px;background:#79a4d1;position:absolute;right:0;top:calc(50% - 9.5px);font-family:'MinSans-Medium';}
.tbl01 th:last-child:after{display:none;}
.tbl01 td{font-size:1.333em;color:#1f68b2;border-bottom:1px solid #1f68b2;padding:12px 8px;text-align:center;}

.tbl_scroll{overflow: hidden;overflow-x: auto;}

.prod_img02{}
.prod_img02 li{border:1px solid #d4d4d4;border:1px solid #dadada;position:relative;text-align:center;margin:0 0 3% 0;}
.prod_img02 li figure{margin:0;}
.prod_img02 li figcaption{font-size:1.333em;color:#fff;background:#091d4f;padding:10px 20px;position:absolute;right:0;bottom:0;}
.prod_img02 li img{width:100%;max-width:373px;}

.prod_wrap{margin-bottom:60px;}
.prod_wrap .prod_img{padding:3% 2%}
.prod_wrap .prod_img img{max-width:263px;}
.prod_wrap h2.stit{margin:35px 0 20px !important;}
.tbl_wrap02{width:100%;}

.torrex{background:url(../images/sub/torrex_bg.jpg) center no-repeat;background-size:auto 100%;padding:3% 15px;}
.torrex .torrex_img{max-width:318px;width:100%;margin:0 auto 30px;text-align:center;}
.torrex .torrex_c{font-family: 'MinSans-Medium';}
.torrex .torrex_c p{font-size:1.833em;color:#1f68b2;text-align:center;margin-bottom:30px;font-family: 'MinSans-Bold';}
.torrex .torrex_c ul{display:flex;justify-content:space-between}
.torrex .torrex_c li{width:30%;margin:0 1%}
.torrex .torrex_c li img{width:100%;max-width:127px;}
.torrex .torrex_c li figure{margin:0;text-align:center;}
.torrex .torrex_c li figcaption{font-size:1.633em;color:#091d4f; font-style:italic;margin-top:10px;}

.speci_box{border:1px solid #d4d4d4;padding:3% 3%;font-family: 'MinSans-Regular';}
.speci_box p{font-size:1.45em;color:#091d4f;line-height:1.6;word-break:keep-all;margin-bottom:30px;}
.page_top .pt_txt ul:not(.num_li) li, .speci_box li{font-size:1.417em;color:#091d4f;line-height:1.6;word-break:keep-all;position:relative;padding-left:45px;margin:12px 0;}
.page_top .pt_txt ul:not(.num_li) li{font-family: 'MinSans-Medium';}
.page_top .pt_txt ul:not(.num_li) li:before, .speci_box li:before{content:'';background:url(../images/sub/bullet.png) center no-repeat;width:32px;height:32px;position:absolute;left:0;top:-4px;}
.page_top .pt_txt ul:not(.num_li) li:last-child, .speci_box li:last-child{margin-bottom:0;}

.img_m{margin:3% 0;}

.meth{}
.meth ul{display:flex;flex-wrap:wrap;justify-content:center}
.meth li{text-align:center;margin-bottom:3%;}
.meth li img{width:100%;max-width:376px;}
.meth li figure{margin:0;}
.meth li figcaption{background:#1f68b2;padding:14px 5px;font-size:1.333em;color:#fff;font-family: 'MinSans-Regular';}

.speci_box .speci_img{text-align:center;margin:20px auto 0;}

.vision_img{margin-top:3.5%;}
.vision_img li{}

.driver{margin:3% 0;font-family: 'MinSans-Regular';}
.driver ul{display:flex;flex-wrap:wrap;justify-content:center}
.driver li{text-align:center;margin:20px 0}
.driver li img{width:100%;max-width:565px;}
.driver li figure{margin:0;}
.driver li figcaption{background:#091d4f;padding:14px 5px;font-size:1.333em;color:#fff;}
.driver li:last-child figcaption{background:#1f68b2}

.proc{margin:3% 0 0;}
.proc ul{display:flex;justify-content:center;flex-wrap:wrap;}
.proc li{text-align:center;position:relative;margin:0 40px 30px;font-family: 'MinSans-Regular';}
.proc li:after{content:'';background:url(../images/sub/arr_icon.jpg) left center no-repeat;width:39px;height:39px;position:absolute;right:-71px;top:62px;}
.proc li:last-child:after{display:none;}
.proc li figure{margin:0;}
.proc li figcaption{font-size:1.415em;color:#1f68b2;margin-top:15px}
.proc li:nth-child(2n) figcaption{color:#091d4f;}

.tool{}
.tool ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.tool li{text-align:center;margin-bottom:3%;border:1px solid #d4d4d4;width:48%;}
.tool li img{width:100%;max-width:376px;}
.tool li figure{margin:0;}
.tool li figcaption{background:#1f68b2;padding:14px 5px;font-size:1.333em;color:#fff;}

.parts{}
.parts ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.parts li{text-align:center;margin-bottom:3%;border:1px solid #d4d4d4;width:48%;}
.parts li img{width:100%;max-width:274px;}
.parts li figure{margin:0;}
.parts li figcaption{background:#091d4f;padding:14px 5px;font-size:1.333em;color:#fff;}

.page_ing{text-align:center;margin:0% 0}
.page_ing img{max-width:380px;width:100%;}

/* equipment */
.equip_wrap li a{display:block; position:relative}
.equip_wrap li a div{position:absolute; left:0; top:0; width:100%; padding:0 0 77.8%; background:rgba(9,29,79,0); transition:all .5s ease-in-out}
.equip_wrap li a div span{position:absolute; left:0; bottom:0; transition:all .5s ease-in-out; background:url(../images/sub/equip_plus.svg) center no-repeat; width:100%; height:86px; opacity:0}
.equip_wrap li a figcaption{transition:all .5s ease-in-out}
.equip_wrap li a:hover div{background:rgba(9,29,79,0.3)}
.equip_wrap li a:hover div span{bottom:calc(50% - 43px); opacity:1}
.equip_wrap li a:hover figcaption{background:#091d4f}
.page_top{width:100%; background:url(../images/sub/torrex_bg.jpg) center no-repeat; padding:30px; background-size:cover}
.page_top .pt_img{width:100%; text-align:center; padding:0 7% 25px}
.page_top .pt_img img{width:100%; height:auto}
.ctt_02_01_01 .page_top .pt_img img{max-width:297px}
.ctt_02_01_02 .page_top .pt_img img{max-width:504px}
.ctt_02_01_03 .page_top .pt_img img{max-width:416px}
.ctt_02_01_04 .page_top .pt_img img{max-width:380px}
.ctt_02_01_05 .page_top.pt01 .pt_img img{max-width:352px}
.ctt_02_01_05 .page_top.pt02 .pt_img img{max-width:369px}
.ctt_02_02_01 .page_top .pt_img img{max-width:461px}
.ctt_02_02_02 .page_top .pt_img img{max-width:217px}
.page_top .pt_txt p{font-size:1.415em; color:#444;  line-height:1.8; word-break:keep-all; margin-bottom:20px; font-family:'MinSans-Regular'; letter-spacing:-0.4px}
.page_top .pt_txt p:last-of-type{margin-bottom:0}
.page_top .pt_txt h3{font-size:2em; color:#091d4f; font-family:'MinSans-Bold'; word-break:keep-all; margin-bottom:20px;}
.line_img{width:100%; border:1px solid #d4d4d4; text-align:center}
.gray_img{width:100%; background:#f5f5f5; text-align:center}
.line_img img, .gray_img img{width:100%; height:auto}
.drill_box{width:100%;}
.drill_box .dr_imgg{width:100%; text-align:center}
.drill_box .dr_imgg img{width:100%; max-width:376px; height:auto}
.drill_box .dr_txt h3{margin-top:30px !important}
.drill_box .dr_txt .dr01 h3{color:#00be8c}
.drill_box .dr_txt .dr01 h3:before{background:#00be8c}
.drill_box .dr_txt .dr02 h3{color:#ec7727}
.drill_box .dr_txt .dr02 h3:before{background:#ec7727}
.equip_box{width:100%}
.equip_box .eb_imgg{width:100%; text-align:center; background:#f5f5f5; margin-bottom:25px}
.equip_box .eb_imgg img{width:100%; height:auto; max-width:376px}
.equip_box .eb_txt p{ margin-top:20px; padding-top:10px; border-top:1px solid #d4d4d4}
.num_li{counter-reset:numberr 0;}
.num_li li{position:relative; font-size:1.333em; color:#444; line-height:1.6; margin-bottom:15px; padding-left:38px; font-family:'MinSans-Medium'}
.num_li li:before{position:absolute; left:0; top:0; width:28px; height:28px; text-align:center;  border-radius:50%; line-height:28px; color:#fff; background:#4472c4; counter-increment:numberr 1; content:counter(numberr); font-size:1.1em}
.parts.part_point li{border:0}
.parts.part_point li figure{border:1px solid #d4d4d4}
.parts.part_point li p{margin-top:10px}
.txt_n{font-size:1.333em; color:#444; line-height:1.6; word-break:keep-all; font-family:'MinSans-Regular'; letter-spacing:-0.4px}
.parts.parts5{margin-top:4%}
.wflex{width:100%;}
.wflex .w26, .wflex .w32, .wflex .w40{width:100%; margin-bottom:20px}
.wflex .w26 img{max-width:311px}
.wflex .w32 img{max-width:376px}
.wflex .w40 img{max-width:480px}

/* 미션 & 비전*/
.mivi_wrap{width:100%}
.mivi_wrap h3.sstit{color:#4472c4}
.mivi_wrap h3.mivi_col01:before{background:#4472c4}
.mivi_wrap h3.mivi_col02:before{background:#ec7727}
.mivi_wrap h3.mivi_col03:before{background:#ffc000}
.mivi_wrap .mivi_img01{width:100%; margin:0 0 5%; text-align:center}
.mivi_wrap .mivi_img01 img{width:100%; max-width:780px; height:auto}
.mivi_wrap .mivi_img02{width:100%; text-align:center}
.mivi_wrap .mivi_img02 img{width:100%; max-width:318px; height:auto}
.mivi_wrap .mivi_box{width:100%}
.mivi_wrap .mivi_box h4{font-size:2.08em; color:#001d5e; text-align:center; margin:40px 0 20px}
.mivi_wrap .mivi_box > ul > li{position:relative; width:100%; margin-top:30px}
.mivi_wrap .mivi_box > ul > li:after{position:absolute; top:20px; width:calc(100% - 232px); height:1px; background:#d8dde6; content:''}
.mivi_wrap .mivi_box > ul > li:before{position:absolute; top:16px; width:8px; height:8px; background:#4472c4; content:''; z-index:10; border-radius:50%}
.mivi_wrap .mivi_box > ul > li:nth-child(odd):after, .mivi_wrap .mivi_box > ul > li:nth-child(odd):before{right:0}
.mivi_wrap .mivi_box > ul > li:nth-child(even):after, .mivi_wrap .mivi_box > ul > li:nth-child(even):before{left:0}
.mivi_wrap .mivi_box > ul > li span{border-radius:40px; display:inline-block; width:232px; line-height:40px; background:#4472c4; font-family:'MinSans-Medium'; color:#fff; text-align:center; font-size:1.417em; margin-bottom:10px; font-family:'MinSans-Medium'}
.mivi_wrap .mivi_box > ul > li:nth-child(even) span{float:right}
.mivi_wrap .mivi_box > ul > li ul{width:100%; overflow:hidden}
.mivi_wrap .mivi_box > ul > li li{padding-left:15px; position:relative; font-size:1.333em; color:#001d5e; margin-bottom:7px; line-height:1.6; font-family:'MinSans-Regular'}
.mivi_wrap .mivi_box > ul > li li:after{position:absolute; left:0; top:0; line-height:1; font-size:1.333em; color:#001d5e; content:'-'}

/* 카타로그 */
.catalog{width:100%; }
.catalog ul{display:flex; justify-content:space-between; flex-wrap:wrap}
.catalog li{width:48%; margin-bottom:25px; text-align:center}
.catalog li a{display:block}
.catalog li a .cata_img{border:1px solid #d4d4d4; width:100%; position:relative}
.catalog li a .cata_img img{width:100%; height:auto}
.catalog li a .cata_img > div{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(9,29,79,0); transition:all .5s ease-in-out}
.catalog li a .cata_img > div span{position:absolute; left:0; bottom:0; transition:all .5s ease-in-out; background:url(../images/sub/catalog_down.svg) center no-repeat; width:100%; height:86px; opacity:0}
.catalog li a p{font-size:1.5em; line-height:1.5; color:#091d4f; padding-top:15px; word-break:keep-all}
.catalog li a:hover .cata_img > div{background:rgba(9,29,79,0.3)}
.catalog li a:hover .cata_img > div span{bottom:calc(50% - 43px); opacity:1}
.catalog li a:hover p{color:#c81550}

/* about us*/
.gre_img{margin:25px 0}
.expert_img{width:100%; text-align:center}
.expert_img img{width:100%; height:auto; max-width:420px; margin:30px 0 0}
.proc li br{display:none}
.cert_wrap{width:100%; border-top:1px solid #d4d4d4; margin-top:50px; padding-top:50px}
.cert_wrap li{width:100%; margin:30px 0 0; } 
.cert_wrap li:first-child{margin-top:0}
.cert_wrap li div{border:1px solid #d4d4d4; box-shadow:0 8px 8px rgba(0,0,0,0.1);max-width:400px; margin:0 auto}
.cert_wrap li img{ width:100%; height:auto}
.cert_wrap li p{font-size:1.5em; color:#001d5e; font-family:'MinSans-Medium'; text-align:center; padding:20px 0 0; word-break:keep-all }


/* 푸터 */
#footer{width:100%; height:auto; position:relative; background:#f8f8f8 url(../images/top_logo_color.svg) center 20px no-repeat; padding:80px 15px 30px; z-index:160; background-size:170px auto ; border-top:1px solid #d4d4d4}
#footer .copyright p{font-size:1.292em;  line-height:1.5; color:#222528; word-break:keep-all}
#footer .copyright p.f_copy{margin-top:8px; color:#222528}
#footer .copyright p.f_copy a{color:#222528}


/* 미디어 쿼리 */
@media screen and (max-width:1199px) {
    #hd_pop .hd_pops {left:0 !important}
    #hd_pop .hd_pops_con {width:100% !important;max-width:100%;height:auto !important}

    #hd_menu .main_menu > li.on > a{color:#fff}

    /* 메인 컨텐츠 - Torrex */    
    .mcon02 .torrex_wrap p br{display:none}

    /* 메인 컨텐츠 - 제품소개 */
    .mcon03 .productt_btns li{float:left; width:60px; height:60px; margin-left:10px; background-color:#fff !important;}
    .mcon03 .productt_btns li:after{background-size:100% auto !important}

}

/*media query - mobile*/
@media screen and (max-width:767px) {
    .dpb_m{display:block !important}

    /* 메뉴 */
    #hd_menu .main_menu > li.on{animation:fadeEx1 1s forwards;-webkit-animation:fadeEx1 1s forwards}
    @keyframes fadeEx1 {
        from {background-color:none}
        to	 {background-color:#c81550}
    }
    @-webkit-keyframes fadeEx1 {
        from {background-color:none}
        to	 {background-color:#c81550}
    }

    /* 메인 비주얼 */
    .bg_vis li .txt_box p{font-size:1.85em}

    /* 메인 컨텐츠 - 공통 */
    .detail_view{width:200px; height:54px; line-height:52px; padding:0 0 0 19px}
    .detail_view:before{right:26px; top:16px}
    .detail_view:after{right:16px; top:26px}
    .mcon02 h3, .mcon03 h3{font-size:1.5em}

    /* 메인 컨텐츠 - Torrex */    
    .mcon02 .torrex_wrap h4{font-size:2.5em; line-height:1.5}
    .mcon02 .torrex_wrap p{font-size:1.333em}

    /* 메인 컨텐츠 - equipment */    
    .mcon05 h4{font-size:2.5em;}


    /* 메인 컨텐츠 - 제품소개 */
    .mcon03 .productt_tabs li{width:32%; margin-right:0; height:70px; display:table}
    .mcon03 .productt_tabs li:nth-child(2){width:40%; border-left:1px solid #ddd; border-right:1px solid #ddd}
    .mcon03 .productt_tabs li:nth-child(3){width:28%}
    .mcon03 .productt_tabs li p{font-size:1.3em; letter-spacing:-0.7px; text-align:center; display:table-cell; vertical-align:middle}
    .mcon03 .productt_tabs li:after{display:none}
    .mcon03 .productt_con > ul > li h4{font-size:2.25em; letter-spacing:-0.5px}
    .mcon03 .productt_con > ul > li li{font-size:1.333em; margin-bottom:3px}

    /* 메인 컨텐츠 - SAMHOON */
    .mcon04 .samhoon_idx h3{font-size:2.5em; letter-spacing:-0.5px}
    .mcon04 .samhoon_idx p{font-size:1.333em}
    .mcon04 .samhoon_idx p br{display:none}
    .mcon04 .samhoon_info li p strong{font-size:2.1em}

    /* 서브 콘텐츠 */
    .sub_contents .tab_menu li a{line-height:18px;padding:10px 13px;height:45px;}
    .sub_contents .page_nav{display:none}
    .sub_contents h1.page_title{font-size:2.25em; letter-spacing:-0.7px}
	
	.gre_t span{display:block;}
	.prod_img img{width:100%;}
	
	.top_btn{width:52px; height:52px;}
	
	/* equipment */
    .equip_wrap li a div span{height:66px}
    .equip_wrap li a:hover div span{bottom:calc(50% - 33px); background-size:auto 100%}
}

/*media query - tablet pc*/
@media screen and (min-width:768px) {

    /* 메인 컨텐츠 - 비주얼 */
    .mcon01 .visual .bg_vis .txt_vis > div.mvis_txt01{top:45%}
    .mcon01 .visual .bg_vis .txt_vis > div.mvis_txt02{top:52%}

    /* 메인 컨텐츠 - Torrex */
    .mcon02{padding:60px 15px}
    .mcon02 .torrex_wrap{padding:30px; margin:0}
    .mcon02 .torrex_wrap:after{right:15px; top:auto; bottom:30px; width:314px; height:568px}
    .mcon02 .torrex_wrap h4 br{display:none}
    .mcon02 .torrex_wrap p{padding-right:300px}
    .mcon02 .detail_view{margin:35px auto 0; display:table}


    /* 메인 컨텐츠 - 제품소개 */
    .mcon03{padding:0}
    .mcon03 .productt_tabs li:after{line-height:53px; font-size:1.5em}
    .mcon03 .productt_tabs li p{padding:0; line-height:53px;letter-spacing:-1px;}
    .mcon03 .productt_con{min-height:450px; background-size:auto 250px, 1px 100%}
    .mcon03 .productt_con > ul > li{padding:30px 20px 40px; width:100%; height:100%; }
    .mcon03 .productt_con > ul > li ul{padding:30px 0 45px; width:calc(100% - 300px)}
    .mcon03 .productt_con > ul > li .prdct_img{right:30px; bottom:40px; width:300px}
    .mcon03 .productt_btns ul{right:40px; bottom:310px; z-index:200}

    /* 메인 컨텐츠 - SAMHOON */
    .mcon04{padding:45px 15px 50px; overflow:hidden}
    .mcon04 .samhoon_idx h3{padding:10px 0 20px}
    .mcon04 .samhoon_idx .detail_view{margin:20px 0 30px}

    /* 메인 컨텐츠 - Our equipment */
    .mcon05 li{width:calc((100% - 40px) / 3); }
    

    /* 서브 비주얼 */
    .sub_visual .bg_vis{height:340px}
    .sub_visual .bg_vis .txt_vis > div.svis_txt01{margin-top:20px}
    .sub_visual .bg_vis .txt_vis > div.svis_txt02{margin-top:50px}
    .sub_visual .bg_vis li .txt_box{top:150px; padding:30px }
    .sub_visual .bg_vis li .txt_box p{font-size:3em}

    /* 서브 콘텐츠 */
    .sub_contents .tab_menu{margin:35px 0}
    .sub_contents .page_nav{margin-bottom:15px;overflow:hidden;}
	.sub_contents h1.page_title{margin-top:0}
	
	.info ul{display:flex;}
	.info li{width:33.333%;border-right:1px solid #d4d4d4;}
	.info li:last-child{border-right:none;}
	
	.meth ul, .tool ul, .parts ul{justify-content:space-evenly;}
	
	.speci_box{overflow:hidden;}
	.speci_box .speci_c{float:left;width:70%}
	.speci_box .speci_img{float:left;width:30%;margin:0 0}
	
	.driver ul{justify-content:space-between;}
    .driver li{width:47.1%}
    
    	
    /* equipment */
    .equip_wrap ul{justify-content:left !important;}
    .meth ul{display:flex; justify-content:space-between}
    .meth ul li{width:48%; flex-wrap:wrap}
    .drill_box, .equip_box{display:flex; justify-content:space-between;}
    .drill_box .dr_imgg, .equip_box .eb_imgg{width:35%; }
    .drill_box .dr_txt, .equip_box .eb_txt{width:60%; }
    .wflex{display:flex; justify-content: space-between;}
    .wflex .w26{width:26%; max-width:311px; margin:0}
    .wflex .w32{width:32%; max-width:376px; margin:0}
    .wflex .w40{width:40%; margin:0}
    .wflex .w60{width:60%; padding:0 0 0 6%; display:table}
    .wflex .w68{width:68%; padding:0 0 0 6%; display:table}
    .wflex .w74{width:74%; padding:0 0 0 6%; display:table}
    .wflex .w74 ul, .wflex .w68 ul, .wflex .w60 ul{display:table-cell; vertical-align:middle}
    .wflex .w50{width:47%}

    /* 미션 & 비전*/
    .mivi_wrap .w50 h3.sstit{margin-top:0}
    .mivi_wrap .mivi_box h4{margin:0; padding:60px 0 0}
    .mivi_wrap .mivi_box > ul{display:flex; justify-content:space-between; flex-wrap:wrap}
    .mivi_wrap .mivi_box > ul > li{width:45%; margin-top:40px}

    /* 카타로그 */
    .catalog li{width:32%; margin-bottom:45px}

    /* about us*/
    .gre_img{margin:35px 0}
    .proc li:first-child{margin-left:0}
    .proc li:last-child{margin-right:0}
    .proc li br{display:block}
    .cert_wrap{margin-top:70px; padding:70px 5% 0}
    .cert_wrap ul{display:flex; justify-content:space-between; flex-wrap:wrap}
    .cert_wrap li{width:45%; }
    .cert_wrap li:nth-child(2){margin-top:0 }
    .cert_wrap li p{padding:25px 0 0 }

}

/*media query - 태블릿만 */
@media screen and (min-width:768px) and (max-width:1199px) {
    /* 비주얼 공통 */
    .bg_vis li .txt_box{padding:50px 0; top:40%}
    .bg_vis li .txt_box p{font-size:3.333em}

    /* 메인 컨텐츠 - SAMHOON */
    .mcon04 .samhoon_info li:first-child{width:55%; float:left}
    .mcon04 .samhoon_info li:nth-child(2){width:45%; float:left}

    /* 서브 콘텐츠 */
    .sub_contents h1.page_title{font-size:3.5em}

    /* equipment */
    .equip_wrap li{width:calc(50% - 15px); margin-bottom:30px}
    .equip_wrap li:nth-child(even){margin-left:30px}
    .equip_box .eb_txt .num_li{overflow:hidden}
    .equip_box .eb_txt .num_li li{float:left; margin:5px 10px}
    .parts.parts5 ul{flex-wrap:wrap; justify-content:center;}
    .parts.parts5 li{width:calc((100% - 60px) / 3); margin-right:30px}
    .parts.parts5 li:nth-child(3n), .parts.parts5 li:last-child{margin-right:0}

    .proc li{margin:0 35px 30px}
}

/*media query - PC*/
@media screen and (min-width:1200px) {
    .in_1200{width:100%; max-width:1200px; position:relative; margin:0 auto}
    .dpb_pc{display:block}

    /* 헤더 */
    #header{height:164px; position:relative; }
    #header .header_top{padding:0}
    #header .header_top .logo{position:absolute; height:124px; left:15px; top:0; z-index:110; background-position:center 37%}
    #header .header_top .logo:after{font-family:'Minsans-Medium'; left:14px; bottom:20px; font-size:1.25em}
    #header .header_top .toggle{position:absolute; right:15px; top:0; height:124px; padding:44px 0; z-index:120}
    .adm_li{position:absolute; right:25px; top:160px; z-index:250}
    .adm_li li{float:left}
    .adm_li li a{display:block; padding:7px 5px; color:#091d4f; font-size:1.25em}
    #header .header_top .lang{padding:49px 10px;}
    #header .header_ttop{padding:0}
    #header .header_ttop > div{width:100%; margin:0 auto; max-width:1600px}
    #header .header_ttop li{margin-right:15px}


    /* 메뉴 */
    #hd_menu {position:relative; left:auto; top:auto; display:inherit; width:auto; background:transparent; border:0}
    #hd_menu .main_menu:after {display:block;clear:both;content:""}
    #hd_menu .main_menu{display:table; margin:0 auto; padding-left:7%}
    #hd_menu .main_menu > li {float:left; position:relative; border:0; background:none !important; border:0 !important}
    /* #hd_menu .main_menu > li:nth-child(2){width:170px}
	#hd_menu .main_menu > li:nth-child(3){width:205px}
	#hd_menu .main_menu > li:nth-child(4){width:160px}
	#hd_menu .main_menu > li:nth-child(5){width:170px}
	#hd_menu .main_menu > li:nth-child(6){width:150px} */	
    #hd_menu .main_menu > li > a{padding:0 7px; font-size:1.57em; color:#091d4f; width:100%; font-family:'MinSans-Medium' !important; font-weight:normal !important} 
    #hd_menu .main_menu > li > a span{display:flex;align-items:center;height:124px; position:relative; width:100%; padding:0 33px}
    #hd_menu .main_menu > li > a span:after{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .4s; -webkit-transition:all .4s; height:100%; width:0; border-bottom:2px solid #c81550; content:''}
    #hd_menu .main_menu > li:hover > a{color:#c81550 !important}
    #hd_menu .main_menu > li:hover > a span:after, #hd_menu .main_menu > li.on > a span:after{width:100%}
    #hd_menu .sub_menu{overflow:hidden; position:absolute;left:0;top:124px;z-index:501;width:100%;padding:0;background:transparent;text-align:left; }
    #hd_menu .sub_menu > ul{padding:20px 0 50px 50px}
    #hd_menu .sub_menu > ul > li > a {padding:5px 0; line-height:1.5; word-break:keep-all; font-size:1.292em; letter-spacing:-0.8px}
    #hd_menu .sub_menu > ul > li.on > a {color:#c81550}

    /* 메인 - 스크롤 및 버튼 */
    .scroll_down{bottom:12px}    

    /* 메인 컨텐츠 - 비주얼 */
    .mcon01 .visual .bg_vis{height:990px; height:calc(100vh - 164px)}
    .mcon01 .visual .bg_vis .txt_vis > div{width:100%; left:50%; margin-left:-600px; text-align:center}
    .mcon01 .visual .bg_vis .txt_vis > div.mvis_txt01{top:45%;}
    .mcon01 .visual .bg_vis .txt_vis > div.mvis_txt02{top:54.5%}
    .bg_vis li .txt_box{padding:60px 0; left:auto; right:calc(50% - 600px); top:10%; width:870px;}
    .bg_vis li .txt_box p{margin:0 auto; display:table; text-align:left}

    /* 메인 컨텐츠 - Torrex */
    .mcon02{padding:76px 0 115px}
    .mcon02 .torrex_wrap{padding:56px; margin:88px 0 0; min-height:325px}
    .mcon02 .torrex_wrap:after{right:25px; bottom:25px;}
    .mcon02 .torrex_wrap h3, .mcon02 .torrex_wrap h4{letter-spacing:0.2px}
    .mcon02 .torrex_wrap h4{padding:15px 0 26px}
    .mcon02 .torrex_wrap p{padding-right:0; line-height:2}
    .mcon02 .torrex_wrap p:not(:first-of-type){padding-top:20px}
    .mcon02 .detail_view{margin:57px auto 0}

    /* 메인 컨텐츠 - equipment */
    .mcon05{padding:0 0 135px; position:relative}
    .mcon05:after, .mcon05:before{position:absolute; top:0; width:calc(50% - 610px); height:100%; background:#fff; content:''; z-index:500}
    .mcon05:after{left:0}
    .mcon05:before{right:0}
    .mcon05 h4{padding:0 0 50px}
    .mcon05 ul{flex-wrap:nowrap}
    .mcon05 li{width:270px; margin-bottom:0; margin-right:calc((100% - 1080px) / 3); }

    /* 메인 컨텐츠 - 제품소개 */
    .mcon03{padding:92px 0 0; height:687px; background:url(../images/col_f5f5f5.jpg) left bottom repeat-x; background-size:1px 494px; position:relative}
    .mcon03:after{position:absolute; width:523px; height:687px; left:calc(50% + 374px); bottom:0; background:url(../images/prod_bg.jpg) right bottom no-repeat; z-index:10; content:''}
    .mcon03:before{position:absolute; width:523px; height:503px; right:calc((100% - 1200px) / 2); bottom:92px; background:#fff; z-index:15; content:''}
    .mcon03 h3{padding:16px 0 11px}
    .mcon03 .productt_tabs{padding:0}
    .mcon03 .productt_tabs li:after{line-height:52px}
    .mcon03 .productt_tabs li p{line-height:52px}
    .mcon03 .productt_con{min-height:494px; background:none; overflow:inherit}
    .mcon03 .productt_con > ul > li{padding:57px 0 0;}
    .mcon03 .productt_con > ul > li ul{padding:24px 0 49px; width:auto}
    .mcon03 .productt_con > ul > li li{line-height:35px; margin-bottom:0}
    .mcon03 .productt_con > ul > li li:after{top:16px}
    .mcon03 .productt_con > ul > li .prdct_img{right:0; bottom:92px; width:523px; height:503px; z-index:150; box-shadow: 0 16px 32px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1);}
    .mcon03 .productt_btns ul{bottom:auto; top:-41px}
    .mcon03 .productt_btns li{float:left; background-color:#fff}

    /* 메인 컨텐츠 - SAMHOON */
    .mcon04{padding:124px 0 158px}
    .mcon04 .samhoon_idx{width:739px; float:left;}
    .mcon04 .samhoon_idx h3{padding:24px 0 46px}
    .mcon04 .samhoon_idx p{line-height:2.1}
    .mcon04 .samhoon_idx .detail_view{margin:54px 0 0}
    .mcon04 .samhoon_info{width:calc(100% - 739px); float:left; padding-top:81px}
    .mcon04 .samhoon_info li p span{padding-bottom:7px}
    .mcon04 .samhoon_info li:nth-child(2){margin:51px 0 59px}
    .mcon04 .samhoon_info li:nth-child(2):after{top:4px}
    .mcon04 .samhoon_info li:nth-child(3):after{top:7px}

    /* 서브 비주얼 */
    .sub_visual .bg_vis{height:328px}
    .sub_visual .bg_vis .txt_vis > div.svis_txt01{margin-top:-43px}
    .sub_visual .bg_vis .txt_vis > div.svis_txt02{margin-top:-6px}
    .sub_visual .bg_vis li .txt_box{top:75px; width:750px; padding:40px 0}
    .sub_visual .bg_vis li .txt_box p{font-size:3.15em}

    /* 서브 콘텐츠 */
    .sub_contents .tab_menu{margin:67px 0; padding:0}
    .sub_contents .tab_menu li{margin:0 7px}
	.sub_contents .tab_menu .tabmenu02{display:flex;}
	.sub_contents .tab_menu .tabmenu02 li{margin:0 3px;}
    .sub_contents .page_nav{width:100%; overflow:hidden; margin-bottom:15px}
    .sub_contents .page_nav li{line-height:34px}
    .sub_contents h1.page_title{line-height:1; margin:0; padding:0}
	.sub_contents .tab_menu .tabmenu02 li.menu_0204{width:230px;}

    /* 서브 콘텐츠 */
    .page {min-height:500px;padding:70px 0 100px}
    .page h2.stit{font-size:2.25em;margin:80px 0 20px}
	
	.gre_t{font-size:2.2em;}
	.vision li{width:33.333%;}	
	.vision li:after{content:'';width:1px;height:100%;background:#d4d4d4;right:0;top:0;position:absolute;}
	.vision li:last-child:after{display:none;}
	
	.gre_txt span{font-size:2.5em;margin:70px 0 50px}
    .gre_txt p{line-height:2;}
    .gre_txt p.gre_col{padding:35px; font-size:1.35em}
	
	
	.prod_t ul{margin-left:20px;}
	.prod_t p{font-size:1.55em;}
	.tbl01 th, .tbl01 td{padding:17px 25px;}
	
	.prod_img02 ul{display:flex;}
	.prod_img02 li{width:32%;margin:0 2.5% 0 0}
	.prod_img02 li:last-child{margin-right:0;}	
	
	.prod_wrap{display:flex;margin-bottom:80px;}
	.prod_wrap .prod_img{margin-right:25px;margin-bottom:0;display:flex;align-items:center;margin-top:35px;}
	
	.torrex{display:flex;justify-content:space-evenly;padding:3% 3%;align-items:center;height:565px;}
	.torrex .torrex_c{width:60%}
	.torrex .torrex_c p{font-size:2.5em;}
	
	.speci_box ul{margin-left:30px;}
	.meth ul, .tool ul, .parts ul{justify-content:space-between;}
	.meth li{margin-bottom:3%;}
	.tool li{width:30%;}
	.parts li{width:23%;}
	
	.proc li figcaption{font-size:1.55em;}
	
    /* equipment */
    .equip_wrap li{width:calc((100% - 72px) / 3); margin-bottom:36px}
    .equip_wrap li:not(:nth-child(3n)){margin-right:36px}
    	
    /* equipment */
    .meth ul{justify-content:left !important;}
    .meth ul li{width:376px;}
    .meth ul li:not(:nth-child(3n)){margin-right:calc((100% - 1128px) / 2)}
    .drill_box .dr_imgg, .equip_box .eb_imgg{width:376px; }
    .drill_box .dr_imgg img, .equip_box .eb_imgg img{max-width:376px; }
    .drill_box .dr_txt, .equip_box .eb_txt{width:calc(100% - 450px)}
    .drill_box .dr_txt .dr01{display:table; height:306px}
    .drill_box .dr_txt .dr02{display:table; height:479px}
    .drill_box .dr_txt h3{margin-top:0 !important}
    .drill_box .dr_txt div div{display:table-cell; vertical-align:middle}
    .equip_box .eb_txt p{margin-top:35px; padding-top:25px}
    .parts.part_point li p{margin-top:20px}
    .page_top{width:100%; overflow:hidden; padding:0 75px; position:relative}
    .pt_txt{padding:60px 0 }

    .pt_flex.page_top{display:flex; justify-content:space-between; flex-direction:row-reverse;}
    .pt_flex.page_top .pt_img{padding:40px 0 !important; float:none !important; display:table; flex: 0 0 auto; /* pt_img의 크기를 이미지 크기에 맞춤 */ width:auto !important; margin-right:-20px}
    .pt_flex.page_top .pt_txt{padding:50px 20px 50px 0 !important; float:none !important; display:table; flex: 1 1 auto; /* pt_txt가 나머지 공간을 차지하도록 설정 */ width:calc(100% - var(--pt_img-width)); /* pt_img의 너비를 뺀 크기로 설정 */}
    .pt_flex.page_top .pt_img > div, .pt_flex.page_top .pt_txt > div{display:table-cell; vertical-align:middle}

    .ctt_02_01_01 .pt_img, .ctt_02_01_04 .pt_img{margin-right:0 !important}
    .ctt_02_01_02 .pt_txt > div > p:first-of-type{width:110% !important}
    .ctt_02_01_05 .page_top.pt02{display:table}
    .ctt_02_01_05 .page_top.pt02 .pt_txt{display:table-cell; vertical-align:middle}

    .ctt_02_02_01 .pt_txt > div > p:first-of-type{width:175% !important}
    .ctt_02_02_01 .pt_img{margin-top:52px}
    .ctt_02_02_01 .page_top .pt_txt .num_li{overflow:hidden}
    .ctt_02_02_01 .page_top .pt_txt .num_li li{width:50%; float:left}
    .ctt_02_02_01 .page_top .pt_txt .num_li li:nth-child(odd){clear:both}  
    
    .ctt_02_02_02 .page_top{padding-right:0 !important}
    .ctt_02_02_02 .pt_txt ul{margin-top:40px}
    
    .parts.parts5 li{width:210px}

    /* 미션 & 비전*/    
    h3.sstit.mivi_col03{margin-top:100px}
    .mivi_wrap .mivi_img01{margin:0; padding:30px 0 0}
    .mivi_wrap .mivi_box{width:100%; position:relative; }
    .mivi_wrap .mivi_box .mivi_img02{position:absolute; left:0%; top:200px}
    .mivi_wrap .mivi_box h4{padding:125px 0 10px; line-height:1}
    .mivi_wrap .mivi_box > ul > li{width:440px}
    .mivi_wrap .mivi_box > ul > li:nth-child(odd):after, .mivi_wrap .mivi_box > ul > li:nth-child(odd):before{right:45px}
    .mivi_wrap .mivi_box > ul > li:nth-child(even):after, .mivi_wrap .mivi_box > ul > li:nth-child(even):before{left:45px}
    .mivi_wrap .mivi_box > ul > li span{position:relative; z-index:150; margin-bottom:25px}
    .mivi_wrap .mivi_box > ul > li:nth-child(odd) span{margin-left:57px}
    .mivi_wrap .mivi_box > ul > li:nth-child(even) span{margin-right:57px}
    .mivi_wrap .mivi_box > ul > li:nth-child(even) ul{padding-left:45px}

    /* 카타로그 */
    .catalog ul{justify-content:left}
    .catalog li{width:255px; margin-bottom:65px}
    .catalog li:not(:nth-child(4n)){margin-right:calc((100% - 1020px) / 3)}

    /* about us*/
    .gre_img{margin:50px 0}
    .proc li br{display:block}
    .expert_wrap{position:relative}
    .expert_img{width:420px; position:absolute; right:0; bottom:70px}
    .expert_img img{margin:0}
    .cert_wrap{padding:100px 10% 0; margin-top:100px}
    .cert_wrap li{margin-top:50px}
    
    /* 푸터 */
    #footer{background-image:none; padding:0}
    #footer .ft_menu{display:flex; justify-content:space-between; background:none}
    /* #footer .ft_menu .fm_sub:nth-of-type(2){width:230px}
    #footer .ft_menu .fm_sub:nth-of-type(5){width:123px} */
    #footer .copyright{padding:37px 120px 37px 0; min-height:155px; background:url(../images/footer_logo.png) right 40px no-repeat; background-size:auto}
}
/*media query - PC*/
@media screen and (min-width:1470px) {

    .bg_vis li .txt_box{right:calc(50% - 710px)}

    /* 메인 컨텐츠 - 제품소개 */
    .mcon03 .productt_btns ul{position:relative; right:auto; bottom:auto; top:auto}
    .mcon03 .productt_btns li{position:absolute; z-index:200; bottom:288px}
    .mcon03 .productt_btns li.btn_l{left:50%; margin-left:-732px; background-color:transparent}
    .mcon03 .productt_btns li.btn_r{right:50%; margin-right:-732px}

    /* 메뉴 */
    #hd_menu .main_menu{padding-left:0}
    #hd_menu .main_menu > li > a span{padding:0 43px}    

}
/*media query - PC*/
@media screen and (min-width:1200px) and (max-width:1609px) {
    #hd_menu{margin:0 auto;}
	
	/* #header{height:248px;}
    #header .header_top {overflow:hidden}
	#header .header_top .logo{position:static;width:100%;border-bottom:1px solid rgba(255,255,255,0.5);}
	#header.h_over .header_top .logo{border-bottom:1px solid #d4d4d4;}
	#header .hd_menu_bg{top:248px;} */

	.sub_visual .bg_vis .txt_vis > div.svis_txt01{margin-top:176px;}
	.sub_visual .bg_vis .txt_vis > div.svis_txt02{margin-top:215px;}
}
/*media query - PC*/
@media screen and (min-width:1610px) {
    
    /* 메인 - 스크롤 및 버튼 */
    .scroll_down{right:50%; margin-right:-776px} 

    /* 헤더 */
    #header .header_top .logo{left:50%; margin-left:-800px}
    #header .header_top .toggle{right:50%; margin-right:-710px}
    #header .header_top .lang{right:50%;margin-right:-652px;}
    #header .header_ttop > div{padding:0 90px 0 15px}

}