@charset "utf-8"; 


body { width: 100%; overflow: initial;; } 
body, html { text-align: initial; } 
html { } 
.hidden_txt { position: absolute!important; font-size: 0!important; line-height: 0!important; overflow: hidden!important; } 
#wrap { width: 100%; word-break: break-word; overflow: hidden; } 
#toTop { display: none; text-decoration: none; position: fixed; bottom: 100px; right: 10px; overflow: hidden; width: 40px; height: 40px; border: none; text-indent: -999999px; background: url(../images/main/common/totop.png); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; z-index: 99999; background-color: var(--primary-color); background-repeat: no-repeat; background-position: center center; border-radius: 100px } 
#toTop:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } 
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; } 
img { max-width: 100%; } 
.section .scroll { position: absolute; bottom: 8%; left: 50%; z-index: 100; transform: translateX(-50%); z-index: 5; } 
.section .scroll .txt { font-size: 14px; color: #fff; font-weight: 400; display: inline-block; padding-bottom: 15px; } 
.section .scroll .arr { position: relative; top: 0; left: 50%; width: 9px; height: 9px; margin-left: -4.5px; background-color: #fff; border-radius: 100px; -webkit-animation: scroll 2s infinite; animation: scroll 2s infinite; box-sizing: border-box; } 

 @keyframes scroll { 
 to { opacity: 0; top: 80px; } 
 } 
 
 @-webkit-keyframes scroll { 
 to { opacity: 0; top: 80px; } 
 } 
 
.section .scroll:before { position: absolute; top: 100%; left: 50%; width: 1px; height: 200px; background-color: #fff; content: ""; opacity: 0.6 } 
/*헤더*/
.m_menu_wrap { width: 280px; height: 100%; position: fixed; top: 0px; right: -280px; bottom: 0; z-index: 9999; background-color:#222; } 
.m_menu_wrap a { display: block; color: #fff; } 
.m_menu_wrap .menu_a { height: 50px; margin: 0; padding: 0 0 0 20px; border-bottom: #333 1px solid; border-top: #555 1px solid; text-align: left; cursor: pointer; line-height: 50px; font-size: 14px; position: relative; top: 0px; left: 0px; } 
.m_menu_wrap .menu_a:after { content:""; width: 10px; height: 10px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; display: block; position: absolute; top: 50%; right: 10px; transform:rotate(225deg); transition:all .3s ease; margin-top: -5px } 
.m_menu_wrap .menu_a.void_link:after { content:""; width: 10px; height: 10px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; display: block; position: absolute; top: 50%; right: 10px; transform:rotate(-45deg); transition:all .3s ease; margin-top: -5px } 
.m_menu_wrap .menu_a.void_link.menu_on:after { transform:rotate(-225deg); } 
.m_menu_wrap .menu_a:first-child { } 
.m_menu_wrap .sub_menu_wrap { display: none; background-color: #444; width: 100%!important } 
.m_menu_wrap .sub_menu_wrap .sub_menu_a { line-height: 1.3; padding: 10px 5px 10px 30px; border-bottom: 1px solid #666; } 
.m_menu_wrap .sub_menu_wrap .sub_menu_a:first-child { border-top: none; } 
.m_menu_wrap .menu_a:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: #fff; } 
.m_menu_wrap .sub_menu_wrap .sub_menu_a:hover { background-color: #777; border-color: #777; color: #fff; } 
.m_menu_wrap .menu_a.menu_on { background-color: var(--primary-color); border-color: var(--primary-color); color: #fff; } 

.all_bg { background-color: #000; opacity: 0.5; position: fixed; top: 0px; left: 0px; width: 100%!important; height: 100%!important; bottom: 0px; right: 0px; display: none; z-index: 1004; } 

.main .all_bg { display: none!important; } 

.m_all_bg { background-color: #000; opacity: 0.5; position: fixed; top: 0px; left: 0px; width: 100%!important; height: 100%!important; bottom: 0px; right: 0px; display: none; z-index: 1005; } 
.header_all_wrap { width: 100%; position: fixed; top: 0px; left: 0px; z-index: 1005; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.header_all_wrap:before { content: ""; position: absolute; top: 100px; width: 0px; height: 1px; background-color: #fff; transform: translateX(-50%); left: 50%; 
animation-delay: 0.5s; 
animation-duration: 3s; 
animation-name: line; 
animation-fill-mode: forwards; display: none; 
 } 
@keyframes line { 
from { 
 width: 0px; 
 opacity: 0
 } 

to { 
 width: 100%; 
 opacity: 0.4
 } 
 } 



.header_wrap * { z-index: 1004; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; } 
.header_wrap a { display: block; } 
.header_wrap { width: 100%; position: relative; top: 0px; left: 0px; z-index: 1004; } 
.header_top_wrap { width: 100%; display: none; } 
.header_top { width: 100%; max-width: 1540px; margin: 0 auto; position: relative; top: 0px; left: 0px; } 
.header_top:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.header_top_box { float: left; margin-right: 30px; } 
.header_top_box_in { position:relative; top: 0px; left: 0px; padding-left: 30px; background-image: url(../images/common/header_top_box.png); background-repeat: no-repeat; background-position:0 center } 
.header_top_box_in span { height: 70px; line-height: 70px; color: #fff; font-size: 16px; } 
.header_mid_wrap { width: 100%; padding: 0 50px } 
.header_mid { width: 100%; margin: 0 auto; position: relative; top: 0px; left: 0px; padding: 0 180px } 
.header_mid:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.header_bottom_wrap { width: 100%; margin: 0 auto; position: relative; top: 0px; left: 0px; } 
.header_bottom { width: 1540px; margin: 0 auto; } 

.logo_wrap { position: absolute; top: 19px; left: 0px; z-index: 2 } 
/*.logo_wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } */
.header_wrap a.logo { vertical-align: middle; display: inline-block; font-size: 16px; line-height: 1; width: 100%; text-align: center; } 
.logo_off { display: none; } 
.logo_long { display: none!important; } 

.m_menu_btn_wrap { display: none; } 



.m_menu_btn_wrap { position: absolute; top: 22px; right: 0px; height: 50px; width: 40px; z-index: 3 } 
.header_wrap .m_menu_btn_wrap .m_menu_btn { width: 100%; height: 30px; position: absolute; top: 50%; left: 0px; margin-top: -15px; } 
.m_menu_btn span { display: block; height: 3px; background-color: #fff; position: absolute; top: 50%; margin-top: -2px; left: 0px; right: 0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.m_menu_btn:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; background-color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.m_menu_btn:after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 3px; background-color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 

.m_menu_btn_wrap:hover .m_menu_btn span { background-color: var(--primary-color); right: 0px; } 
.m_menu_btn_wrap:hover .m_menu_btn:before { background-color: var(--primary-color); right: 0px; } 
.m_menu_btn_wrap:hover .m_menu_btn:after { background-color: var(--primary-color); right: 0px; } 

.m_close_wrap { position: relative; top: 0px; left: 0px; padding: 20px; } 
.m_close_btn { width: 40px; height: 30px; position: relative; top: 0px; left: 0px; } 
.m_close_btn:before,
.m_close_btn:after { content:""; display:block; position:absolute; width:35px; height:3px; background:#fff; top:0; right:0; bottom:0; left:0; margin:auto } 
.m_close_btn:before { transform:rotate(-45deg); transition:all .3s ease } 
.m_close_btn:after { transform:rotate(45deg); transition:all .3s ease .15s } 

.logo_off { display: inline-block; } 
.logo_on { display: none; } 


.lang_all_wrap { position: absolute; top: 30px; right: 0px; height: 50px; z-index: 3; height: 36px; } 
.lang_box { border: 1px solid #fff; border-radius: 100px; } 
.lang_sub_wrap { display: none; border-top: 1px solid #ddd; } 
.lang_box .lang_box_a { font-size: 16px; padding:0px 40px 0 20px; height: 36px; line-height: 36px; color: #fff; position: relative; top: 0px; left: 0px; } 
.lang_box .lang_box_a:after { content: ""; position: absolute; right: 15px; top: 12px; width: 8px; height: 8px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform:rotate(-45deg); transition:all .3s ease } 



.lang_box .lang_box_a:after { display: none; } 
.lang_box_a {background-image: url(../images/main/common/ico_link.png); background-repeat: no-repeat; background-position: center right 15px; background-size: 13px; } 
.lang_tab_all_wrap { position: absolute; top: 40px; right: 170px; height: 50px; z-index: 3; height: 36px; } 
.lang_tab { display: flex; gap: 30px; } 
.lang_tab:after { content:''; position: absolute; left: 50%; top: 20%; width: 1px; height: 50%; background-color: #ffffff4a; transform: translate(-50%, -50%); } 
.lang_tab a { color: #fff; opacity: 0.6; } 
.lang_tab a.on { opacity: 1; } 

.lang_box:hover { background-color:#fff;} 
.lang_box:hover .lang_box_a {color:var(--primary-color); background-image: url(../images/main/common/ico_link_on.png); } 
.lang_box:hover .lang_box_a:after { transform:rotate(135deg); top: 16px; border-color: #fff!important; } 
.lang_box:hover .lang_sub_wrap { display: block; } 
.lang_sub_box a { font-size: 14px; color: #333; padding: 0 20px; height: 30px; line-height: 30px; } 
.lang_sub_box a:hover { color: var(--primary-color)} 


/*메뉴*/
.top_nav { position: relative; top: 0px; left: 0px; font-size: 0px; text-align: center; z-index: 1; padding-top: 0px; } 
.top_nav .menu_01 { width: 140px; } 
.top_nav .menu_02 { width: 180px; } 
.top_nav .menu_03 { width: 140px; } 
.top_nav .menu_04 { width: 140px; } 
.top_nav .menu_05 { width: 140px; } 
.top_nav .menu_06 { width: 140px; } 
.top_nav:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.top_nav .menu { position: relative; top: 0px; left: 0px; display: inline-block; vertical-align: top; } 
.top_nav .menu_a { padding: 0px; font-size: 18px; color: #fff; height: 100px; padding: 0 5px; font-weight: 500; } 
.top_nav .menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.top_nav .menu_a span { vertical-align: middle; display: inline-block; line-height: 1.6; text-align: center; max-width: 100%; position: relative; top: 0px; left: 0px; } 
.top_nav .menu_a span:after { content: ''; position: absolute; bottom: -5px; left: 0px; width: 0px; height: 2px; background-color: #fff; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; display: none; } 

.top_nav .sub_menu_a { line-height: 20px; font-size: 15px; color: #666; text-align: center; border-bottom: none; padding: 10px 0; -webkit-transition: none; transition: none; font-weight: 300; } 
.top_nav .sub_menu_wrap { width: 100%!important; position: relative; top: 100%; left: 0px; -webkit-transition: none; transition: none; text-decoration: none; display: none; padding-bottom: 30px; } 
.top_nav .sub_menu_wrap > div:hover .sub_menu_a,.top_nav .sub_menu_wrap > div.active .sub_menu_a { color: var(--primary-color); -webkit-transition: none; transition: none; } 
.top_nav .menu:hover .menu_a,.top_nav .menu.active .menu_a { color: var(--primary-color)} 
.top_nav .menu:hover .menu_a span:after { width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } 
.top_nav .menu.active .menu_a span:after { width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } 

.sec_all_wrap { width: 100%; overflow: hidden; } 
.sec_all_wrap img { max-width: 100%; } 
.sec_tit { font-size:18px; font-weight: 200; line-height: 1.4; color: #222; word-break: keep-all; } 
.sec_tit b { font-weight: 500; } 
.sec_tit2 { font-size:30px; font-weight: 200; line-height: 1.4; color: #222; word-break: keep-all; } 
.sec_tit2 b { font-weight: 500; } 
.sec_tit3 { font-size:48px; font-weight: 200; line-height: 1.4; color: #222; word-break: keep-all; } 
.sec_tit3 b { font-weight: 500; } 
.sec_tit4 { font-size:72px; font-weight: 200; line-height: 1.4; color: #222; word-break: keep-all; } 
.sec_tit4 b { font-weight: 500; } 
.sec_tit5 { font-size:134px; font-weight: 400; line-height: 1; color: #222; word-break: keep-all; } 
.sec_tit5 b { font-weight: 700; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.03; } 
.sec_tit6 { font-size:20px; font-weight: 200; line-height: 1.4; color: #222; word-break: keep-all; } 
.sec_tit6 b { font-weight: 500; } 
.sec_tit6 span { font-weight: 500; text-transform: uppercase; color: var(--primary-color); } 
.sec_tit7 { font-size:36px; font-weight: 200; line-height: 1.4; color: #222; word-break: keep-all; } 
.sec_tit7 b { font-weight: 500; } 



.sec_txt { font-size:16px; font-weight: 200; line-height: 1.6; color: #222; word-break: keep-all; } 
.sec_txt b { font-weight: 500; } 
.sec_txt2 { font-size:18px; font-weight: 300; line-height: 1.6; color: #222; word-break: keep-all; } 
.sec_txt2 b { font-weight: 500; } 
.sec_txt3 { font-size:24px; font-weight: 300; line-height: 1.6; color: #222; word-break: keep-all; } 
.sec_txt3 b { font-weight: 500; } 
.sec_txt4 { font-size:14px; font-weight: 300; line-height: 1.6; color: #666; word-break: keep-all; } 
.sec_txt4 b { font-weight: 500; } 
.mid_txt_wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.mid_txt { vertical-align: middle; display: inline-block; width: 100%; text-align : center; padding: 0 10px; position: relative; top: 0px; left: 0px; } 

.pdt_tit { font-size: 26px; font-weight: 600; color: #222; padding-bottom: 30px; } 

.sub_tab_box.active { font-weight: 600; } 

/*.main .header_all_wrap { box-shadow: 0px 0px 10px #777; background-color: #fff; } 
.main .logo_on { display: inline-block; } 
.main .logo_off { display: none; } 
.main .top_nav .menu_a { color: #222 } 
.main .lang_box .lang_box_a { color: #222; } 
.main .lang_box .lang_box_a:after { border-color: #222; } 

.main .lang_box .lang_box_a:after { border-color: #222; } 
.main .m_menu_btn span { background-color: #222; } 
.main .m_menu_btn:before { background-color: #222; } 
.main .m_menu_btn:after { background-color: #222; } 
.main .top_nav .menu_a span:after { background-color: var(--primary-color)} */

.main .footer_all_wrap { display: none; } 
.main .main_sec_08_wrap .footer_all_wrap { display: block; } 


.main_sec_01_in { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } 
.main_sec_01_con_wrap { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } 



.scroll .header_all_wrap { box-shadow: 0px 0px 10px #777; background-color: #fff; } 
.scroll .logo_on { display: inline-block; } 
.scroll .logo_off { display: none; } 
.scroll .top_nav .menu_a { color: #222 } 
.scroll .lang_box .lang_box_a { color: #222; } 
.scroll .lang_box .lang_box_a:after { border-color: #222; } 
.scroll .m_menu_btn span { background-color: #222; } 
.scroll .m_menu_btn:before { background-color: #222; } 
.scroll .m_menu_btn:after { background-color: #222; } 
.scroll .top_nav .menu_a span:after { background-color: var(--primary-color)} 
.scroll .lang_tab_a { color: #000; } 
.scroll .lang_tab:after { content: ''; position: absolute; left: 50%; top: 20%; width: 1px; height: 50%; background-color: #0000004a; transform: translate(-50%, -50%); } 


.open .header_all_wrap { box-shadow: 0px 0px 10px #777; background-color: #fff; } 
.open .logo_on { display: inline-block; } 
.open .logo_off { display: none; } 
.open .top_nav .menu_a { color: #222 } 
.open .lang_box .lang_box_a { color: #222; } 
.open .lang_box .lang_box_a:after { border-color: #222; } 
.open .lang_box .lang_box_a:after { border-color: #222; } 
.open .m_menu_btn span { background-color: #222; } 
.open .m_menu_btn:before { background-color: #222; } 
.open .m_menu_btn:after { background-color: #222; } 
.open .top_nav .menu_a span:after { background-color: var(--primary-color)} 
.open .lang_box { border: 1px solid var(--primary-color); } 
.open .lang_box_a { background-image: url(../images/main/open.png); background-repeat: no-repeat; background-position: center right 15px; background-size: 13px; } 
.open .lang_tab_a { color: #000; } 
.open .lang_tab:after { content: ''; position: absolute; left: 50%; top: 20%; width: 1px; height: 50%; background-color: #0000004a; transform: translate(-50%, -50%); } 




/*메인*/
.c_line_wrap { padding: 10px 0 } 
.c_line { display: block; width: 100%; height: 1px; background-color: #eee; } 

.sec_wrap { padding: 190px 0 } 
.main_visual { text-align: center; display:block; background-image: url(../images/main/main_01.png); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; 
 } 


@keyframes sizeup { 
0% { 
 transform: scale(1); 
 -ms-transform: scale(1); 
 -webkit-transform: scale(1); 
 } 
50% { 
transform: scale(1.1); 
-ms-transform: scale(1.1); 
-webkit-transform: scale(1.1); 
 } 
100% { 
transform: scale(1); 
 -ms-transform: scale(1); 
 -webkit-transform: scale(1); 
 } 
 } 


.main_visual img { 

 } 


#myVideo { 
position: absolute; 
left: 0; 
bottom: 0; 
top:0; 
right:0; 
width: 100%; 
height: 100%; 
background-size: 100% 100%; 
background-color: black; 
background-position: center center; 
background-size: contain; 
object-fit: cover; 
z-index:3; 
 } 

.main_bg_01 { text-align: center; display: block; background-image: url(../images/main/main_02.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; 
animation-duration: 15s; 
animation-timing-function: ease; 
animation-delay: 3s; 
animation-iteration-count: infinite; 
animation-direction: normal; 
animation-fill-mode: none; 
animation-play-state: running; 
animation-name: sizeup; 
 } 
.main_bg_02 { 
 text-align: center; display: block; background-image: url(../images/main/main_bg_02.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; } 

.main_02_01_left_wrap, .main_02_01_right_wrap { position: absolute; z-index:1 } 
.main_02_01_img { display: inline-block; border-radius: 30px; overflow: hidden; } 
.main_02_01_txt { font-size: 30px; color: rgba(255, 255, 255, 0.502) !important; font-weight: bold; padding-top: 5px; line-height: 2; } 
.main_02_01_left_wrap { top:40%; left:-7%; text-align: right; } 
.main_02_01_right_wrap { top:10%; right:-7%; text-align: left; } 
.main_02_01_logo { padding-bottom: 10px; } 
.main_02_01_logo svg { max-width: 300px; width: 100%; } 
.main_sec_01_wrap .main_visual_txt * { color: #fff; } 



.main_visual_pd { position: relative; top: 0px; left: 0px; max-width: 1400px; margin: 0 auto; } 
.main_visual_pd * { color: #fff; text-align: left; } 

.pd_tit { font-size: 72px; font-weight: 200; line-height: 1.4; color: #fff; word-break: keep-all; } 
.pd_tit, .pd_more_tit { float: left; } 
/* .pd_item_wrap { width: 200%; } */
.pd_item_img { text-align: center; } 
.pd_item { display: inline-block; background-color: rgba(255, 255, 255,0.051); padding: 20px; border-radius: 10px; margin-right: 30px; } 
.pd_more { display: inline-block; position: relative; top: 30px; left: 30px; } 
.pd_more .circle { border-radius: 100px; background-color: rgb(0, 175, 235); width: 50px; height: 50px; top: 0; left: 0; position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.pd_more_tit { position: relative; top: 0; left: 0; width: 100%; line-height: 50px; padding: 0 30px; display: block; } 
.pd_item_txt_wrap { display: flex; justify-content: space-between; align-items: flex-start; } 
.pd_item_txt { display: inline-block; } 
.pd_more_txt { position: relative; width: 50px; height: 50px; display: inline-block; border-radius: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; } 
.pd_item:hover .pd_more_txt { background-color: #00afeb; } 
.pd_more_txt::after { content: ""; position: absolute; top: 50%; left: 35%; margin-top: -4px; display: block; width: 10px; height: 10px; background-color: transparent; border-left: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(135deg); text-indent: -9999px; transition: all .3s ease; z-index: 2; } 
.pd_item_txt .sec_txt4 { color: rgba(255, 255, 255, 0.702); letter-spacing: -0.05em; } 


.pd_more:hover .circle { width: 100%; } 



.main_sec_04_con_wrap .main_logo { width: 335px; height: 120px; margin: 0 auto; padding-left: 45px; } 
.main_sec_04_con_wrap .sec_txt3 { text-align: center; color: #d2d2d2; } 
.main_sec_04_con_wrap .sec_tit7 { text-align: center; font-weight: 300; letter-spacing: -0.05em; line-height: 1.2; } 


.main_visual_all_wrap { width: 100%; position: relative; top: 0px; left: 0px; text-align: center; overflow: hidden; } 
.main_visual_wrap { width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; z-index: 4; } 
.main_visual_txt_wrap { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } 
.main_visual_txt_wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.main_visual_txt { vertical-align: middle; display: inline-block; color: #fff; width: 100%; position: relative; top: 0px; left: 0px; text-align: center; } 
.main_visual_txt_01 { font-size:44px; line-height: 1.6; font-weight: 400; padding-bottom: 20px; word-break: keep-all; } 
.main_visual_txt_01 span { display: inline-block; } 
.main_visual_txt_01 b { font-weight: 700; } 
.main_visual_txt_02 { font-size:130px; line-height: 1.6; font-weight: 400; padding-bottom: 20px; word-break: keep-all; } 
.main_visual_txt_02 span { display: inline-block; } 
.main_visual_txt_02 b { font-weight: 700; } 
.main_visual_txt_03 { font-size:24px; line-height: 1.6; font-weight: 400; word-break: keep-all; padding-bottom: 20px; } 
.main_visual_txt_03 a { display: inline-block; padding: 20px 30px; border: 1px solid #fff; color: #fff; } 
.main_visual_txt_03 b { font-weight: 700; } 
.main_wrap .sec_wrap { overflow: hidden; } 

.main_visual_txt_03 a:hover { background-color: #fff; color: #222; border-radius: 100px; } 


.more_btn_wrap :hover { padding-right: 45px; } 
.more_btn_wrap .more_btn_a { display: inline-block; position: relative; padding:0 50px 0 0; top: 0px; left: 0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; font-size: 16px; } 
.more_btn_wrap .more_btn_a:after { content: ""; position: absolute; right: 0px; top: 50%; width: 0px; 
 height: 0px; 
 border-top: 5px solid transparent; 
 border-bottom: 5px solid transparent; 
 border-left: 6px solid #222; margin-top: -5px; } 
.more_btn_wrap .more_btn_a:before { content: ""; position: absolute; right: 1px; top: 50%; width: 25px; height: 1px; background-color: #222; margin-top: -1px; } 
.more_btn_wrap .more_btn_a span { display: inline-block; position: relative; top: 0px; left: 0px; font-size:16px; font-weight: 500; color: #222; padding: 10px 0 } 

.more_btn_wrap .more_btn_a:hover { padding-right: 45px; } 



.sec_bumo { position: relative; top: 0px; left: 0px; } 
.sec_bumo:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.opa4 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } 
.opa6 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; } 
.opa8 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } 

.bold700 { font-weight: 700!important } 

.sec_all_wrap .section { overflow: hidden; } 

.sec_btn_wrap { display: block; } 
.sec_btn_wrap .sec_btn { display: inline-block; padding: 15px 30px; border: 1px solid #fff; color: #fff; border-radius: 100px; } 
.sec_btn_wrap .sec_btn:hover { background-color: var(--primary-color); border-color: var(--primary-color); } 
.sec_btn_wrap.color_btn .sec_btn { border-color: #ddd; color: #666 } 
.sec_btn_wrap.color_btn .sec_btn:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: #fff } 



.main_sec_03_in_txt { font-size: 14px; padding-top: 20px; color: #999; line-height: 1.45; } 
.main_sec_03_in { position: relative; top: 0px; left: 0px; z-index: 2; width: 100%; max-width: 1400px; margin: 0 auto; text-align: left; height: 100%; } 
.main_sec_03_con_in { overflow: visible; } 
.main_sec_03_con_wrap { width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; z-index: 4; } 
.main_sec_03_bg_wrap { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; z-index: 1 } 
.main_sec_03_bg { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; 
background-image: url(../images/main/main_sec_03_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; 
 } 
.main_sec_03_bg { 
animation-duration: 15s; 
animation-timing-function: ease; 
animation-delay: 0s; 
animation-iteration-count: infinite; 
animation-direction: normal; 
animation-fill-mode: none; 
animation-play-state: running; 
animation-name: sizeup; 
 } 

.main_sec_03_img_wrap { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; z-index: 2 } 
.main_sec_03_img { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80% } 
.main_sec_03_con { position: absolute; top: 0px; bottom: 0px; width: 50%; overflow: hidden; } 
.main_sec_03_con_left { left: 0px; } 
.main_sec_03_con_right { right: 0px; } 
.pd_more_02 { padding: 15px 30px; background-color: #fff; display: inline-block; border-radius: 100px; } 
.pd_more_02:hover { background-color: #255fb8; } 
.pd_more_02:hover .pd_more_tit_02 { color: #fff; } 
.pd_more_tit_02 { color: #277bf4; font-weight: 600; display: inline-block; font-size: 18px; } 

.main_sec_04_in { position: relative; top: 0px; left: 0px; z-index: 2; width: 100%; max-width: 1400px; margin: 0 auto; } 
.main_sec_04_con_in { overflow: visible; } 

/* main_sec_04_wrap { height: auto!important; padding: 230px 0; } 
.main_sec_04_wrap .fp-tableCell { height: auto!important } */


/*.main_sec_08_wrap { height: auto!important } 
.main_sec_08_wrap .fp-tableCell { height: auto!important } */


.bt_sec_wrap { width: 100%; position: relative; top: 0px; left: 0px; } 
.bt_sec_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.bt_sec_box { float: left; width: 50%; overflow: hidden; position: relative; top: 0px; left: 0px; } 
.bt_sec_box_bg_wrap { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-repeat: no-repeat; background-position: center center;; background-size: cover; z-index: 1 } 
.bt_sec_box_in { position: relative; top: 0px; left: 0px; width: 100%; height: 440px; z-index: 2; text-align: center; } 
.bt_sec_box_in:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.bt_sec_box_inner { vertical-align: middle; display: inline-block; color: #fff; width: 100%; padding: 0 20px; position: relative; top: 0px; left: 0px; text-align: left; z-index: 2; max-width: 700px; } 
.bt_sec_box_bg_wrap { 
animation-duration: 15s; 
animation-timing-function: ease; 
animation-delay: 0s; 
animation-iteration-count: infinite; 
animation-direction: normal; 
animation-fill-mode: none; 
animation-play-state: running; 
animation-name: sizeup; 
 } 


.bt_sec_box_01 .bt_sec_box_bg_wrap { background-image: url(../images/main/bt_sec_box_01.jpg); } 
.bt_sec_box_02 .bt_sec_box_bg_wrap { background-image: url(../images/main/bt_sec_box_02.jpg); } 

.bt_sec_box_02 .bt_sec_box_inner { text-align: right; } 
.bt_sec_wrap * { color: #fff; } 

.bt_sec_wrap .more_btn_wrap .more_btn_a span { color: #fff; } 
.bt_sec_wrap .more_btn_wrap .more_btn_a:before { background-color: #fff; } 
.bt_sec_wrap .more_btn_wrap .more_btn_a:after { border-left-color: #fff; } 



.white_btn.more_btn_wrap * { color: #fff; } 

.white_btn.more_btn_wrap .more_btn_a span { color: #fff; } 
.white_btn.more_btn_wrap .more_btn_a:before { background-color: #fff; } 
.white_btn.more_btn_wrap .more_btn_a:after { border-left-color: #fff; } 


.owl-carousel .owl-item .item_img img { width: initial; display: inline-block; } 

.main_sec_01_slider .item { background-color: #ebeaea; border-radius: 15px; overflow: hidden; padding: 30px; display: block; } 
.owl-carousel .owl-item .item_img img { width: initial; display: inline-block; } 

.main_sec_01_slider .item { display: inline-block; background-color: rgba(255, 255, 255,0.051); width: 100%; padding: 20px; border-radius: 10px; margin-right: 30px; } 
.item_label { font-size: 22px; color: #222; overflow: hidden; width: 80%; } 
.item_link { text-align: right; } 
.item_link a { display: inline-block; padding: 0 30px; position: relative; top: 0px; left: 0px; } 
.item_link a:after { content:""; display:block; position:absolute; top:50%; right:20px; margin-top:-2px; display:block; width:5px; height:5px; background-color:transparent; border-left:1px solid #555; border-top:1px solid #555; transform:rotate(135deg); text-indent:-9999px; transition:all .3s ease; z-index:2 } 
.item_img { padding: 0; text-align: center; } 

.main_sec_01_slider_wrap { position: relative; top: 0px; right: 0px; width: 100%; } 
.main_sec_01_slider.owl-carousel .owl-stage-outer { margin-left: 0px; width: 200% } 

.main_sec_01_slider.owl-carousel .owl-dots { bottom: -80px; text-align: left; max-width: 98% } 

.main_sec_01_slider.owl-carousel .owl-dots button { display: inline-block; } 
.main_sec_01_slider.owl-carousel .owl-dots button span { display: inline-block; height: 3px; overflow: hidden; background-color: #d9d9d9; border-radius: 0px; margin: 0px; opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; width: 100%; } 
.main_sec_01_slider.owl-carousel .owl-dots button.active span { background-color: #0024a6; } 

.main_sec_st_slider_wrap { position: relative; top: 0px; right: 0px; width: 100%; display:; } 
.main_sec_st_slider.owl-carousel .owl-stage-outer { margin-left: 0px; } 

.main_sec_st_slider.owl-carousel .owl-dots { bottom: -80px; text-align: left; max-width: 98%; display: block; } 

.main_sec_st_slider.owl-carousel .owl-dots button { display: inline-block; } 
.main_sec_st_slider.owl-carousel .owl-dots button span { display: inline-block; height: 3px; overflow: hidden; background-color: #d9d9d9; border-radius: 0px; margin: 0px; opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; width: 100%; } 
.main_sec_st_slider.owl-carousel .owl-dots button.active span { background-color: #0024a6; } 

.main_sec_st_slider.owl-carousel { overflow: visible; } 


/*슬라이드*/
.owl-carousel { position: relative; top: 0px; left: 0px; display: block; width: 100%; overflow: hidden; } 
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 50%; width:51px; height: 88px; margin-top: -44px; background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.owl-carousel .owl-nav button span { display: none; } 
.owl-carousel .owl-nav button.owl-prev { left: -70px; background-image: url(../images/common/arr_prev.png); } 
.owl-carousel .owl-nav button.owl-next { right: -70px; background-image: url(../images/common/arr_next.png); } 
.owl-carousel .owl-dots { position: absolute; bottom: -40px; left: 0px; width: 100%; text-align: center; font-size: 0px; } 
.owl-carousel .owl-dots button { display: inline-block; } 
.owl-carousel .owl-dots button span { display: inline-block; width: 10px; height: 10px; overflow: hidden; background-color: #222; border-radius: 100px; margin: 2px; opacity: 0.2; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; } 
.owl-carousel .owl-dots button.active span { opacity: 1; } 

.owl-carousel .item { } 
.item_tit_en { font-size:18px; font-weight: bold; line-height: 1.3; text-align: center; color: #333; padding: 5px 0; } 
.item_tit_kr { font-size:16px; font-weight: 300; line-height: 1.3; text-align: center; color: #666; padding: 5px 0 } 
.owl-carousel .owl-item .item_img img { width: initial; } 


/*서브메뉴*/

.line_all_wrap { width: 100%; background-color: #333; } 
.line_wrap { width: 100%; max-width:1400px; margin: 0 auto; position: relative; top: 0px; left: 0px; } 
.line_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.line_nav_wrap { float: left; } 
.line_notice_all_wrap { float: right; } 
.line_nav_home { float: left; } 
.line_nav_home a { display: block; height: 50px; border-left: 1px solid #555; border-right: 1px solid #555; line-height: 50px; padding: 0 10px; font-size: 15px; font-weight: 500; color: #fff; } 
.line_nav_home a:hover { background-color: var(--primary-color); color: #fff; border-color: var(--primary-color); } 
.line_nav { float: left; } 
.line_nav_box { float: left; position: relative; top: 0px; left: 0px; } 
.line_nav_target .menu { display: none; } 
.line_nav_target .menu.active { display: block; } 
.line_nav_box_01 { overflow: hidden; height: 50px; } 
.line_nav_box_01 .line_nav_target .sub_menu_wrap { display: none; } 
.line_nav_menu { background-color: #fff; } 
.line_nav_target .menu_a { display: block; padding: 0 50px 0 25px; height: 50px; line-height: 50px; font-size: 15px; min-width: 180px; position: relative; top: 0px; left: 0px; color: #fff; } 
.line_nav_target .menu_a:after { content: ""; border-top:5px solid #fff; border-bottom:0px solid transparent; border-right: 5px solid transparent; border-left: 5px solid transparent; width: 5px; height: 5px; display: block; position: absolute; top: 50%; right: 10px; } 
.line_nav_target { border-right: 1px solid #555; } 
.line_nav_box_01 .line_nav_menu { border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin-left: -1px; left: 0px; right: 0px; position: relative; top: 0px; border-top: 1px solid #ddd; } 
.line_nav_box_01 .line_nav_menu .sub_menu_wrap { display: none; } 
.line_nav_box_01 .line_nav_menu .menu_a { display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd; padding: 0 25px; color: #666 } 
.line_nav_box_01 .line_nav_menu .menu_a:hover { background-color: #f7f7f7; color: var(--primary-color); } 
/*.line_nav_box_01 .line_nav_menu .menu.active { display:none; } */
.line_nav_box_01:hover { overflow: visible; } 
.line_nav_box_01:hover .line_nav_target .menu_a { background-color: var(--primary-color)} 
.line_nav_box_01:hover .line_nav_target .menu_a:after { } 
.line_nav_box_01:hover .line_nav_menu { display: block; } 
.line_nav_box_02 { overflow: hidden; height: 50px; } 
.line_nav_box_02 .line_nav_target .menu_a { display: none; } 
.line_nav_box_02 .line_nav_target .sub_menu { display: none; } 
.line_nav_box_02 .line_nav_target .sub_menu.active { display: block; } 
.line_nav_box_02 .line_nav_target .sub_menu_a { display: block; padding: 0 50px 0 25px; height: 50px; line-height: 50px; font-size: 15px; min-width: 180px; position: relative; top: 0px; left: 0px; color: #fff; } 
.line_nav_box_02 .line_nav_target .sub_menu_a:after { content: ""; border-top:5px solid #fff; border-bottom:0px solid transparent; border-right: 5px solid transparent; border-left: 5px solid transparent; width: 5px; height: 5px; display: block; position: absolute; top: 50%; right: 10px; } 
.line_nav_box_02 .line_nav_menu { border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin-left: -1px; left: 0px; right: 0px; position: relative; top: 0px; border-top: 1px solid #ddd; } 
.line_nav_box_02 .line_nav_menu .menu { display: none; } 
.line_nav_box_02:hover { overflow: visible; } 
.line_nav_box_02:hover .line_nav_menu { display: block; } 
.line_nav_box_02:hover .line_nav_target .sub_menu_a { background-color: var(--primary-color)} 
.line_nav_box_02:hover .line_nav_target .sub_menu_a:after { } 
.line_nav_box_02 .line_nav_menu .menu.active { display: block; } 
.line_nav_box_02 .line_nav_menu .menu_a { display: none; } 
.line_nav_box_02 .line_nav_menu .sub_menu_a { display: block; width: 100%; border-bottom: 1px solid #ddd; padding: 10px; font-size: 15px; color: #666; line-height: 1.4; } 
.line_nav_box_02 .line_nav_menu .sub_menu_a:hover { background-color: #f7f7f7; color: var(--primary-color)} 
/*.line_nav_box_02 .line_nav_menu .sub_menu.active { display: none; } */



.sub_label_menu .menu { display: none; } 
.sub_label_menu .menu.active { display: block; } 
.sub_label_menu .menu_a { display: none; } 
.sub_label_menu .sub_menu { display: none; } 
.sub_label_menu .sub_menu.active { display: block; } 




/*유튜브*/
.seok_video_wrap { 
position: relative; 
left: 0px; 
top: 0px; 
overflow: hidden; 
padding-bottom: 56%; 
 } 
.videoWrapper { 
position: absolute; 
top: 0; 
bottom: 0; 
left: 0; 
right: 0; 

 } 

@media (min-aspect-ratio: 16/9) { 
.videoWrapper { 
height: 300%; 
top: -100%; 
 } 
 } 

@media (max-aspect-ratio: 16/9) { 
.videoWrapper { 
width: 300%; 
left: -100%; 
 } 
 } 

.videoWrapper iframe { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
pointer-events: none; 
 } 



/*테이블*/
.table_wrap table { border-top: 2px solid #000; width: 100%; font-size: 16px; color: #000 } 
.table_wrap td { padding: 25px 10px; font-weight: 300; text-align: center; border-bottom: 1px solid #ddd; } 
.table_wrap th { padding: 25px 10px; font-weight: 500; text-align: center; border-bottom: 1px solid #ddd; } 
.td_01 { text-align: center; } 
.td_02 { text-align: center; } 
.table_01_wrap table { font-size: 14px; } 
.table_01_wrap th { width: 130px; } 


.board_wrap .table_wrap table { } 
.board_wrap .table_wrap td { text-align: left; } 
.board_wrap .table_wrap th { background-color: #f7f7f7 } 





/*제품*/
.pt_list_all_wrap { width: 100%; overflow: hidden; padding: 40px 0 } 
.pt_list_wrap { margin-left: -40px; } 
.pt_list_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.pt_list_box { float: left; width: 25%; width: calc(100%/4); padding-left: 40px; padding-bottom: 50px; position: relative; top: 0px; left: 0px; } 
.pt_chk { position: absolute; top: 0px; left: 0px; } 
.pt_list_info_wrap { padding: 10px 0 0; } 
.pt_list_box .pt_list { display: block; position: relative; top: 0px; left: 0px; background-color: #fff; } 
.pt_list_box .pt_list_img { position: relative; top: 0px; left:0px; overflow: hidden; border: 1px solid #eee; border-radius: 10px; } 
.pt_list_box .pt_list_img img { width: 100%; max-width: 100%; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; } 
.pt_list_mask { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; 
background-color: #000; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
filter: alpha(opacity=0); 
opacity: 0; 
-webkit-transition: all 1s ease; 
-moz-transition: all 1s ease; 
-o-transition: all 1s ease; 
transition: all 1s ease; 
 } 
.pt_list:hover .pt_list_mask { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
filter: alpha(opacity=50); 
opacity: 0.5; 
 } 
.pt_list:hover .pt_list_img img { 
transform: scale(1.1); 
-ms-transform: scale(1.1); 
-webkit-transform: scale(1.1); 
 } 
.pt_list_txt { width: 100%; position: relative; top: 0px; left: 0px; overflow: hidden; } 
.pt_list_txt:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; font-size: large; margin-right: -0.25em; } 
.pt_list_txt .pt_list_txt_in { vertical-align: middle; display: inline-block; line-height: 1.6; color: #333; font-size: 18px; font-weight: 500; width: 100%; } 
.pt_list_txt .pt_list_txt_in span { width: 100%; display: block; line-height: 1.6; } 
.pt_list_txt .pt_list_txt_in .pt_list_txt_en { font-size:14px; color: #666; padding-top: 5px; } 

.pt_list_cate { font-size: 15px; color: #43c7e7; padding-bottom: 10px; } 
.pt_list_date { font-size: 16px; color: #999; padding-top: 10px; } 
.main_board_line_in { line-height: 1.6; } 
.board_wrap { } 
#bo_v_atc { padding: 20px; } 


/*상세페이지*/

.pt_view_all_wrap { width: 100%; position: relative; top: 0px; left: 0px; } 
.pt_view_wrap { width: 100%; } 
.pt_view_top_wrap { width: 100%; } 
.pt_view_top_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 

.pt_view_top_left { width: 50%; float: left; padding-right: 3%; } 
.pt_view_top_right { width: 50%; float: right; padding-left: 3%; } 
.pt_view_top_img { width: 100%; border: 1px solid #ddd; } 
.pt_view_top_img a { display: block; } 
.pt_view_top_img img { width: 100%; height: auto; } 
.pt_view_top_right_in { width: 100%; } 
.pt_view_top_right_cate { padding-bottom: 20px; } 

.pt_view_top_right_cate .menu { display: none; } 
.pt_view_top_right_cate .menu_a { display: none; } 
.pt_view_top_right_cate .menu.active { display: block; } 
.pt_view_top_right_cate .sub_menu { display: none; } 
.pt_view_top_right_cate .sub_menu.active { display: block; } 

.pt_view_top_right_cate span { display: inline-block; padding: 10px; border: 1px solid #ddd; font-size: 16px; color: #333; } 
.pt_view_top_right_txt_kr { font-size:36px; color: #333; font-weight: 500; padding-bottom: 20px; } 
.pt_view_top_right_txt_en { font-size: 18px; color: #999; font-weight: 400; padding-bottom: 20px; } 
.bo_line_wrap { width: 100%; padding: 10px 0; } 
.bo_line { width: 100%; background-color: #ddd; height: 1px; } 
.pt_view_top_btn_wrap { padding: 20px 0; } 
.pt_view_top_btn_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.pt_view_top_btn_box { width: 49%; float: left; margin-left: 2%; } 
.pt_view_top_btn_box:first-child { margin-left: 0px; } 
.pt_view_top_btn_box .pt_view_top_btn { display: block; height: 70px; line-height: 70px; font-size: 18px; font-weight: 400; text-align: center; } 
.pt_view_top_btn_box .pt_view_top_btn_inquiry { background-color: #335ca6; color: #fff; } 
.pt_view_top_btn_box .pt_view_top_btn_list { background-color: #f7f7f7; color: #333; border: 1px solid #ddd; } 


.pt_view_mid_wrap { width: 100%; padding: 100px 0 } 
.pt_view_mid { width: 100%; } 
.pt_view_label_wrap { width: 100%; padding: 30px 0 } 
.pt_view_label_in { width: 100%; border-bottom: 1px solid #ddd; } 
.pt_view_label { border-bottom: 3px solid #335ca6; display: inline-block; padding-bottom: 15px; padding-right: 10px; } 
.pt_view_label_kr { display: inline-block; font-size: 36px; color: #333; padding-right: 10px; } 
.pt_view_label_en { display: inline-block; font-size: 20px; color: #333; } 
.pt_view_con_wrap { padding-bottom: 50px; } 
.pt_view_con { padding: 20px; line-height: 1.6; } 






/*게시판*/
.s_board_label_wrap { width: 100%; padding: 30px 0 10px } 
.s_board_label_in { width: 100%; border-bottom: 1px solid #ddd; } 
.s_board_label { border-bottom: 3px solid #335ca6; display: inline-block; padding-bottom: 15px; padding-right: 10px; } 
.s_board_label span { display: inline-block; font-size: 20px; color: #333; padding-right: 10px; } 



/*카테고리*/

.b_view .s_cate_all_wrap,.b_write .s_cate_all_wrap { display: none; } 
.s_cate_all_wrap { width: 100% } 
.s_cate_wrap { width: 100% } 
.s_cate_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 

.s_cate_wrap .menu { display: none; } 
.s_cate_wrap .menu.active { display: block; width: 100%; overflow: hidden; } 
.s_cate_wrap .menu_a { display: none; } 
.s_cate_wrap .sub_menu_wrap { margin-left: -5px; } 
.s_cate_wrap .sub_menu_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.s_cate_wrap .sub_menu { float: left; padding-left: 5px; } 
.s_cate_wrap .sub_menu_a { height: 40px; line-height: 40px; padding: 0 15px; color: #999; border: 1px solid #eee; display: block; } 

.s_cate_wrap .sub_menu_a.active, .s_cate_wrap .sub_menu_a:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: #fff; } 



.rdos { display:inline-block } 
.rdos input[type="radio"] { position:absolute; width:16px; height:16px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; background:#fff; margin:8px 0 } 
.rdos input[type="radio"] + label { display:inline-block; vertical-align:middle; position:relative; padding-left:30px; min-height:24px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; line-height:1.3; margin-right:5px; font-size:1em; font-weight:500; word-break: break-all; white-space: nowrap; } 
.rdos input[type="radio"] + label:before { content:''; position:absolute; left:0; top:2px; margin:0; width:20px; height:20px; text-align:center; background:#fff; border:2px solid #ccc; box-sizing:border-box; transition:all .3s ease; border-radius:100px } 
.rdos input[type="radio"] + label:after { content:''; position:absolute; top:9px; margin:0 0 0 0px; left:7px; width:6px; height:6px; background:#ddd; border-radius:100%; transition:all .3s ease } 
.rdos input[type="radio"] + label:active:before,
.rdos input[type="radio"]:checked + label:active:before { } 
.rdos input[type="radio"]:checked + label:before { } 
.rdos input[type="radio"]:checked + label:after { background-color:#2767c9 } 
.rdos input[type="radio"]:checked + label:before { border-color:#2767c9 } 

.chks { display:block; position:relative } 
.chks.inline { display:inline-block } 
.chks input[type="checkbox"] { position:absolute; width:16px; height:16px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; background:#fff; } 
.chks input[type="checkbox"] + label { display:inline-block; vertical-align:middle; position:relative; padding-left:30px; min-height:24px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; line-height:1.6; margin-right:5px; font-size:16px; font-weight:300; word-break: break-all; } 
.chks input[type="checkbox"] + label:before { content:''; position:absolute; left:0; top:2px; margin:0; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #bbb; box-sizing:border-box; transition:all .3s ease } 
.chks input[type="checkbox"] + label:after { content:""; display:block; position:absolute; width:12px; height:6px; left:4px; top:8px; border-width:0 0 2px 2px; border-style:solid; border-color:transparent transparent #ddd #ddd; transform:rotate(-45deg); -ms-transform:rotate(-45deg); transition:all .3s ease } 
.chks input[type="checkbox"]:checked + label:after { border-color:transparent transparent #fff #fff } 
.chks input[type="checkbox"]:checked + label:before { background-color: var(--primary-color); border-color: var(--primary-color); } 




/*서브*/

.sec_in { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; top: 0px; left: 0px; z-index: 2; } 


.sub_top_nav { width: 100%; border-bottom: 1px solid #ddd; display: none; text-transform: uppercase; } 
.sub_top_nav .menu { display: none; } 
.sub_top_nav .menu.active { display: block; } 
.sub_top_nav .menu_a { display: none; } 
.sub_top_nav .sub_menu_wrap { display: block; width: 100%; text-align: center; font-size: 0px; max-width: 1400px; margin: 0 auto; } 
.sub_top_nav .sub_menu { display: inline-block; width: 20%; position: relative; top: 0px; left: 0px; } 
.sub_top_nav .sub_menu_a { display: block; font-size: 16px; height: 70px; font-weight: 400; color: #666 } 

.sub_top_nav .sub_menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.sub_top_nav .sub_menu_a span { vertical-align: middle; display: inline-block; line-height: 1.6; text-align: center; max-width: 100%; position: relative; top: 0px; left: 0px; word-break: keep-all; padding: 0 10px; } 
/*.sub_top_nav .sub_menu:after { content: ''; position: absolute; bottom: 0px; left: 50%; width: 0px; height: 2px; background-color: #000; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transform: translateX(-50%); } 
.sub_top_nav .sub_menu:hover:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; width: 100%; } 
.sub_top_nav .sub_menu.active:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; width: 100%; } 
*/
.sub_top_nav .sub_menu:before { content: ''; position: absolute; bottom: -7px; left: 50%; width: 16px; height: 14px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; margin-left: -8px; 
background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/common/sub_menu.png); 
 } 
.sub_top_nav .sub_menu:hover:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } 
.sub_top_nav .sub_menu.active:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } 

.sub_top_nav .sub_menu:hover .sub_menu_a { color: var(--primary-color); } 
.sub_top_nav .sub_menu.active .sub_menu_a { color: var(--primary-color); } 










.pdt_list_all_wrap { padding: 160px 0; overflow: hidden; } 
.pdt_list_wrap { width: 100%; max-width: 1400px; margin: 0 auto; } 
.pdt_list_top_wrap { position: relative; top: 0px; left: 0px; z-index: 1; } 
.pdt_list_top { width: 100%; } 
.pdt_list_top:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.pdt_list_top_left { float: left; width: 50%; padding-right: 12%; } 
.pdt_list_top_left_in { position: relative; top: 0px; left: 0px; padding: 100px 0 30px } 
.pdt_list_top_left_in:before { content: ""; position: absolute; top: 0px; right: 0px; height:5000px; width: 2000px; background-color: #ececec; z-index: -1; border-top-right-radius: 100px; } 
.pdt_list_top_right { float: right; width: 50%; } 
.pdt_list_top_right_in { position: relative; top: 0px; left: 0px; text-align: right; padding-top: 100px; } 
.pdt_list_top_right_txt { position: absolute; top: 50px; left: 0px; width: 200%; z-index: -1; text-align: left; } 
.pdt_list_bt_wrap { position: relative; top: 0px; left: 0px; z-index: 2; } 

.pdt_list_bt { padding-left: 0px; position: relative; top: 0px; left: 0px; } 
.pdt_list_bt:before { content: ""; position: absolute; top: 150px; left: 200px; bottom:150px; width: 2000px; background-color: #132447; z-index: -1; 
background-size: auto 100%; background-repeat: no-repeat; background-position: left bottom; background-image: url(../images/sub/pdt_list_bt.jpg); 
min-height: 600px; 
 } 
.pdt_list_box_wrap { margin-left: -60px; position: relative; top: 0px; left: 0px; z-index: 2; } 
.pdt_list_box_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.pdt_list_box { float: left; width: 29%; padding-left: 60px; padding-bottom: 100px; } 
.pdt_list_box_in { display: block; background-color: #fff; box-shadow: 0 0 30px 0 rgba(0,0,0,0.1); padding: 30px; border-radius: 20px; } 
.pdt_list_img { padding: 50px 0; text-align: center; } 
.pdt_list_label { font-size: 28px; font-weight: 400; line-height: 1.6; color: #222; } 
.pdt_list_label b { font-weight: 700; } 
.pdt_list_link { text-align: right; } 
.pdt_list_link span { display: inline-block; padding: 0 30px; position: relative; top: 0px; left: 0px; font-size: 16px; color: #555; } 
.pdt_list_link span:after { content:""; display:block; position:absolute; top:50%; right:20px; margin-top:-2px; display:block; width:5px; height:5px; background-color:transparent; border-left:1px solid #555; border-top:1px solid #555; transform:rotate(135deg); text-indent:-9999px; transition:all .3s ease; z-index:2 } 

.pdt_list_box:nth-child(6n+1) { position: relative; top: 0px; left: 0px; margin-left: 13%; } 





.pdt_view_all_wrap { width: 100%; padding: 160px 0 } 
.pdt_view_wrap { width: 100%; max-width: 1400px; margin: 0 auto; } 
.pdt_view_con { width: 100%; } 
.pdt_view_con:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.pdt_view_left { float: left; width: 49%; } 
.pdt_view_right { float: right; width: 49%; } 
.pdt_view_left_txt { font-size:60px; font-weight: 700; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)"; filter: alpha(opacity=7); opacity: 0.07; word-break: keep-all; color: #222; line-height: 1.6; } 
.pdt_view_left_img { padding: 50px 0; text-align: center; } 

.pdt_view_right_top_wrap { position: relative; top: 0px; left: 0px; z-index: 2; padding-bottom: 30px; border-bottom: 1px solid #ddd; } 
.pdt_view_info_wrap { position: relative; top: 0px; left: 0px; z-index: 1; padding-top: 30px; } 
.pdt_view_right_top { position: relative; top: 0px; left: 0px; padding-right: 200px; } 
.pdt_view_right_top_name { font-size:70px; font-weight: 700; line-height: 1.6; color: #000; } 
.pdt_view_nav_wrap { position: absolute; top: 66%; right: 0px; min-width: 150px; } 

.pdt_menu { display: none; } 
.pdt_menu.active { display: block; } 
.pdt_view_nav_top .pdt_menu_a { display: none; font-size: 18px; font-weight: 400; color: #222; min-width: 150px; } 
.pdt_view_nav_top .pdt_menu_a.active { display: block; padding:15px 40px 15px 20px; } 
.pdt_view_nav_wrap { border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } 
.pdt_view_nav_top .pdt_menu:after { content: ""; position: absolute; right: 15px; top: 17px; width: 8px; height: 8px; border-left: 1px solid #222; 
 border-bottom: 1px solid #222; transform:rotate(-45deg); transition:all .3s ease } 
.pdt_menu_a { display: block; } 
.pdt_view_nav_wrap:hover { } 
.pdt_view_nav_wrap:hover .pdt_view_nav_top .pdt_menu_a { color: #fff; background-color: #11345e; } 
.pdt_view_nav_wrap:hover .pdt_view_nav_top .pdt_menu:after { transform:rotate(135deg); top: 21px; border-color: #fff!important; } 
.pdt_view_nav_top_box { display: none; } 
.pdt_view_nav_top_box .pdt_menu_a { padding: 10px 20px; border-top: 1px solid #eee; font-size: 16px; font-weight: 300; color: #666; background-color: #fff; } 
.pdt_view_nav_top_box .pdt_menu_a:hover { background-color: #eee; color:#222; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 

.pdt_view_nav_wrap:hover .pdt_view_nav_top_box { display: block; } 
.pdt_view_info { padding-bottom: 40px; } 
.pdt_view_info_label_dot { font-size: 20px; padding-left: 15px; position: relative; top: 0px; left: 0px; line-height: 1.6; padding-bottom: 10px; color: #222; font-weight: 500; } 
.pdt_view_info_label_dot:before { content: ""; width:8px; height: 8px; display: inline-block; background-color: var(--primary-color); position: absolute; top: 8px; left: 0px; } 
.pdt_view_info_desc { } 

.pdt_view_down_wrap { padding: 40px 0 } 
.pdt_view_down_wrap .pdt_view_down { display: inline-block; padding: 20px 40px; font-size:20px; font-weight: 400; color: #fff; background-color: var(--primary-color); border-radius: 100px; } 





.cad_table_wrap { padding-bottom: 100px; } 
.cad_table table { width: 100%; border-top: 3px solid #222; } 
.cad_table td { padding: 30px 10px; font-size:16px; text-align: center; border-bottom: 1px solid #ddd; } 
.cad_table th { text-align: left; font-size:18px; font-weight: 700; color: #222; padding: 30px 0; border-bottom: 1px solid #ddd; min-width: 90px; } 


.cad_box_2_wrap { display: inline-block; } 
.cad_box { display: inline-block; padding: 5px; } 
.cad_box_label { display: inline-block; padding: 5px; } 
.cad_box_btn_wrap { display: inline-block; } 
.cad_box_btn_wrap .cad_box_btn { display: inline-block; padding: 5px 23px 5px 3px; border: 1px solid #888; background-color: #fff; width: 65px; font-weight: 700; 
background-image: url(../images/sub/down_b.png); background-repeat: no-repeat; background-position: 42px center; 
-webkit-transition: none; transition: none; 
 } 
.cad_box_btn_wrap span { width: 65px; font-weight: 700; display: inline-block; height: 30px; } 
.cad_table tr:hover td:nth-of-type(1) .cad_box_btn { background-color: #0389ff; border-color: #0389ff; color: #fff; background-image: url(../images/sub/down.png); } 
.cad_table tr:hover td:nth-of-type(2) .cad_box_btn { background-color: #b30b00; border-color: #b30b00; color: #fff; background-image: url(../images/sub/down.png); } 
.cad_table tr:hover td:nth-of-type(3) .cad_box_btn { background-color: #75a20b; border-color: #75a20b; color: #fff; background-image: url(../images/sub/down.png); } 


.sec_wrap .s_sec_01_01_01_wrap { padding: 0px; } 

.s_sec_01_01_01_con_wrap { padding: 160px 0 100px; position: relative; left: 11%; } 
.sub_01_01 .sec_tit4 { font-weight: 500; } 
.sub_deco_txt { font-size: 150px; color: rgba(0, 0, 0, 0.051); font-weight: 600; position: absolute; top: 80px; left: 0; } 
.s_sec_01_01_01_con_bg { position: absolute; top: 30px; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/sub/sub_01_01_01_bg.png); background-repeat: no-repeat; background-position: right bottom; height: 665px; width: 120%; } 

.s_sec_01_01_01_con_bg_en { position: absolute; top: 30px; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/sub/sub_01_01_01_bg.png); 
 background-repeat: no-repeat; background-position: right bottom; height: 830px; width: 120%; } 

.s_sec_01_01_01_wrap { padding: 50px 0 150px; } 
.s_sec_01_01_02_wrap { padding: 100px 0 } 
.s_sec_01_01_02_01_wrap .sub_deco_txt { color: rgba(255, 255, 255, 0.251); top: -80px; left: -100px; } 
.s_sec_01_01_02_01_wrap { padding: 150px 0 300px; overflow: hidden; position: relative; top: 0; left: 0; width: 100%; border-radius: 0 30px 0 0; } 
.s_sec_01_01_02_01_in { max-width: 1400px; margin: 0 auto; position: relative; top: 0; left: 0px; } 
.s_sec_01_01_02_01_con_bg { position: absolute; top: 0; left: -100px; background-image: url(../images/sub/s_sec_01_01_02_01_con_bg.jpg); background-repeat: no-repeat; background-position: center; height: 100%; width: 1700px; display: inline-block; 
 border-radius: 30px; } 
.s_sec_01_01_02_wrap * { color: #fff; } 

.s_sec_01_01_02_02_con_bg { position: absolute; top: 0; left: 0px; background-image: url(../images/sub/s_sec_01_01_02_02_con_bg.jpg); background-repeat: no-repeat; background-position: center; height: 100%; width: 100%; background-size:cover; } 
.s_sec_01_01_02_03_con_bg { position: absolute; top: 0; left: 0px; background-image: url(../images/sub/s_sec_01_01_02_03_con_bg.jpg); background-repeat: no-repeat; background-position: center; height: 100%; width: 100%; background-size:cover; } 
.s_sec_01_01_02_04_con_bg { position: absolute; top: 0; left: 0px; background-image: url(../images/sub/s_sec_01_01_02_04_con_bg.jpg); background-repeat: no-repeat; background-position: center; height: 100%; width: 100%; background-size:cover; } 

.s_sec_01_01_02_tap_wrap { position: absolute; left: 30%; bottom: 0; width: 100%; } 
.s_sec_01_01_02_tap { position: relative; right: 0; bottom: 0; width: 70%; } 
.s_sec_01_01_02_03_wrap, .s_sec_01_01_02_04_wrap, .s_sec_01_01_02_02_wrap { width: 33.33%; float: left; display: block; position: relative; top: 0; left: 0; } 
.s_sec_01_01_02_02_con_wrap, .s_sec_01_01_02_03_con_wrap, .s_sec_01_01_02_04_con_wrap { position: relative; padding: 150px 0 50px 50px; } 
.s_sec_01_01_02_02_wrap { border-radius: 30px 0 0 0; overflow: hidden; } 

.s_sec_01_01_03_wrap { padding: 350px 0 200px; overflow: hidden; background-color: #f9f9f9; margin-top: -100px; z-index: 1!important; } 
.s_sec_01_01_03_wrap .sub_deco_txt { font-size: 220px; top: 10px; left: -80px; } 
.s_sec_01_01_03_con_wrap .sec_tit4 { font-weight: 500; } 
.s_sec_01_01_03_con_wrap { padding: 160px 0 100px; position: relative; left: 5%; } 
.s_sec_01_01_03_con_bg { position: absolute; top: -220px; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/sub/sub_01_01_03_bg.png); background-repeat: no-repeat; background-position: right bottom; height: 1120px; width: 120%; } 

.s_sec_01_01_03_bg { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 60%; background-image: url(../images/sub/sub_01_01_03_bg.png); background-repeat: no-repeat; background-position: right bottom; background-size: contain; z-index: 1; } 


.s_sec_01_02_01_top_wrap { margin: 0 auto; } 
.s_sec_01_02_01_con_left { float: left; width: 50%; position: relative; top: 0px; left: 0px; text-align: right; } 
.s_sec_01_02_01_con_right { float: right; width: 50%; } 
/*.s_sec_01_02_01_con_left_in { position: absolute; top: 0px; left: 0px; bottom: 0px; } */
.s_sec_01_02_01_con_left_in { padding-right:10%; } 


.cert_con_wrap { } 
.cert_con_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.cert_con_box { float: left; width: 20%; padding: 20px; } 
.cert_con_box img { width: 100%; } 
.cert_con_box_in { overflow: hidden; } 
.cert_con_img_wrap { padding: 0 25px; overflow: hidden; } 
.cert_con_img { padding: 5px; 
background: #b59139; /* Old browsers */
background: -moz-linear-gradient(left, #b59139 0%, #ecde9b 50%, #b59139 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #b59139 0%,#ecde9b 50%,#b59139 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #b59139 0%,#ecde9b 50%,#b59139 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b59139', endColorstr='#b59139',GradientType=1 ); /* IE6-9 */

 } 


.cert_con_box:hover .cert_con_txt { color: var(--primary-color); } 

.cert_con_txt_wrap { height: 70px; display: block; margin-top: -20px; display: none; } 
.cert_con_txt_wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.cert_con_txt { vertical-align: middle; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; word-break: keep-all; text-align: center; font-size: 16px; font-weight: 400; color: #666; } 


.cert_tab_all_wrap { overflow: hidden; } 
.cert_tab_wrap { margin-left: -20px; } 
.cert_tab_box { display: inline-block; padding: 10px 20px; position: relative; left: 0px; top: 0px; } 
.cert_tab_box:before { content: ""; position: absolute; top: 50%; left: 0px; width: 2px; height: 14px; background-color: #ccc; margin-top: -7px; } 
.cert_tab_box .cert_tab_box_a { display: inline-block; font-size:22px; font-weight: 400; color: #666; } 
.cert_tab_box:hover .cert_tab_box_a { color: var(--primary-color); font-weight: 500; } 
.cert_tab_box.active .cert_tab_box_a { color: var(--primary-color); font-weight: 500; } 





/*지도*/
.map_wrap { font-size: 18px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } 
.map_wrap .root_daum_roughmap { width: 100%!important; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } 
.map_wrap .root_daum_roughmap .wrap_controllers { display: none; } 
.map_wrap .root_daum_roughmap .wrap_map { height: 100%!important; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } 
.map_wrap .roughmap_maker_label { top: 0px!important; border: none!important } 
.map_wrap .roughmap_maker_label .roughmap_lebel_text { width:258px; height: 96px; background-image: url(../images/sub/map_logo.png); background-color: transparent; border: none; font-size: 0px!important; top: 0px; } 
.roughmap_maker_label:after { display: none!important } 






.tech_tab_all_wrap { overflow: hidden; } 
.tech_tab_wrap { margin-left: -20px; } 
.tech_tab_box { display: inline-block; padding: 10px 20px; position: relative; left: 0px; top: 0px; } 
.tech_tab_box:before { content: ""; position: absolute; top: 50%; left: 0px; width: 2px; height: 14px; background-color: #ccc; margin-top: -7px; } 
.tech_tab_box .tech_tab_box_a { display: inline-block; font-size:26px; font-weight: 400; color: #666; } 
.tech_tab_box:hover .tech_tab_box_a { color: var(--primary-color); font-weight: 700; } 
.tech_tab_box.active .tech_tab_box_a { color: var(--primary-color); font-weight: 700; } 








/* 


.s_sec_02_04_01_con_wrap { } 
.s_sec_02_04_02_in { padding: 50px 0; } 
.s_sec_02_04_02_con { width: 100%; position: relative; top: 0px; left: 0px; } 
.s_sec_02_04_02_con:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.s_sec_02_04_02_con_right { float: right; width: 48%; } 
.s_sec_02_04_02_con_right_in { } 

.s_sec_02_04_02_con_left { float: left; width: 48%; } 


 */


.s_sec_page_wrap { padding: 120px 0; } 
.page_tab_all_wrap { overflow: hidden; } 
.page_tab_wrap { text-align: center; } 
.page_tab_box { display: inline-block; padding: 10px 20px; position: relative; left: 0px; top: 0px; } 
/*.page_tab_box:before { content: ""; position: absolute; top: 50%; left: 0px; width: 2px; height: 14px; background-color: #ccc; margin-top: -7px; } */
.page_tab_box .page_tab_box_a { display: inline-block; font-size:24px; font-weight: 700; color: #aaa; } 
.page_tab_box:hover .page_tab_box_a { color: #222; font-weight: 700; } 
.page_tab_box.active .page_tab_box_a { color: #222; font-weight: 700; } 



.sub_wrap > div.s_sec_03_02_01_wrap { padding-bottom: 0px; z-index: 801; } 
.s_sec_03_02_01_con_right { float: right; width: 50%; } 
.s_sec_03_02_01_con_left { float: left; width: 48%; padding-bottom: 100px; } 

.s_sec_03_02_02_wrap { background-color: #f2f2f2; overflow: visible; } 
.s_sec_03_02_02_wrap:before { content: ""; position: absolute; top: -100px; background-color: #f2f2f2; width: 100%; left: 0px; bottom: 0px; } 
.s_sec_03_02_02_con_right { float: right; width: 50%; } 
.s_sec_03_02_02_con_left { float: left; width: 48%; } 

.sub_wrap .sec_wrap.s_sec_03_02_02_wrap { overflow: visible; } 

.s_sec_03_02_03_con_wrap { margin-left: -30px; } 
.s_sec_03_02_03_box { float: left; width: 33.33%; padding-left: 30px; } 

.s_sec_03_02_04_wrap { background-color: #f2f2f2; } 
.s_sec_03_02_04_con_wrap { margin-left: -50px; } 
.s_sec_03_02_04_box { float: left; width: 50%; padding-left: 50px; } 










.r_step_all_wrap { width: 100%; } 
.r_step_wrap { text-align: center; font-size: 0px } 
.r_step_box { width:200px; height: 200px; display: inline-block; border: 5px solid #849bd3; border-radius: 100px; vertical-align: middle; } 
.r_step_arr_wrap { display: inline-block; height: 200px; width: 15%; position:relative; top: 0px; left: 0px; vertical-align: middle; } 
.r_step_box:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.r_step_box .r_step_box_in { vertical-align: middle; display: inline-block; line-height: 1.6; width: 100%; padding: 10px } 
.r_step_box_num { font-size: 18px; font-weight: 300; color: #0032a9 } 
.r_step_box_txt { font-size: 28px; font-weight: 400; color: #222; padding: 5px 0 } 
.r_step_arr_wrap:before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; height: 1px; background-color: #ccc } 
.r_step_arr_wrap:after { content: ""; width:0px; height:0px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #ccc; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; } 









/*VMS 메인 추가*/

.st3 { fill:#FFFFFF; } 
.header_wrap a.logo svg { max-width: 220px; width: 100%; } 
.header_wrap a.logo img { max-width: 220px; width: 100%; } 
.header_wrap a.logo .logo_off svg * { animation: stroke 1s forwards; stroke-width: 1; text-anchor: start } 
/*.header_wrap a.logo .logo_on svg .st0 { animation: stroke2 1s forwards; stroke-width: 1; text-anchor: start } 
.header_wrap a.logo .logo_on svg .st1 { animation: stroke3 1s forwards; stroke-width: 1; text-anchor: start } 
.header_wrap a.logo .logo_on svg .st2 { animation: stroke4 1s forwards; stroke-width: 1; text-anchor: start } 
.header_wrap a.logo .logo_on svg .st3 { animation: stroke44 1s forwards; stroke-width: 1; text-anchor: start } */

@keyframes stroke { 
 0% { 
 fill: rgba(255,255,255,0); stroke: rgba(255,255,255,1); 
 stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1; 
 } 
 40% { fill: rgba(255,255,255,0); stroke: rgba(255,255,255,1); stroke-width: 1; } 
 100% { 
 fill: rgba(255,255,255,1); stroke: rgba(255,255,255,0); 
 stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; 
 } 
 } 



@keyframes stroke2 { 
 0% { 
 fill: rgba(17,52,94,0); stroke: rgba(17,52,94,1); 
 stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1; 
 } 
 40% { fill: rgba(17,52,94,0); stroke: rgba(17,52,94,1); stroke-width: 1; } 
 100% { 
 fill: rgba(17,52,94,1); stroke: rgba(17,52,94,0); 
 stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; 
 } 
 } 


@keyframes stroke3 { 
 0% { 
 fill: rgba(44,168,225,0); stroke: rgba(44,168,225,1); 
 stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1; 
 } 
 40% { fill: rgba(44,168,225,0); stroke: rgba(44,168,225,1); stroke-width: 1; } 
 100% { 
 fill: rgba(44,168,225,1); stroke: rgba(44,168,225,0); 
 stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; 
 } 
 } 


@keyframes stroke4 { 
 0% { 
 fill: rgba(229,0,18,0); stroke: rgba(229,0,18,1); 
 stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1; 
 } 
 40% { fill: rgba(229,0,18,0); stroke: rgba(229,0,18,1); stroke-width: 1; } 
 100% { 
 fill: rgba(229,0,18,1); stroke: rgba(229,0,18,0); 
 stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; 
 } 
 } 


@keyframes stroke44 { 
 0% { 
 fill: rgba(5,106,181,0); stroke: rgba(5,106,181,1); 
 stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1; 
 } 
 40% { fill: rgba(5,106,181,0); stroke: rgba(5,106,181,1); stroke-width: 1; } 
 100% { 
 fill: rgba(5,106,181,1); stroke: rgba(5,106,181,0); 
 stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; 
 } 
 } 

.new_slider_wrap { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; } 
.new_slider_wrap .owl-carousel { height: 100%; } 
.new_slider_wrap .owl-carousel .owl-stage-outer { height: 100%!important; } 
.new_slider_wrap .owl-carousel .owl-stage { height: 100%!important; } 
.new_slider_wrap .owl-carousel .owl-item { position: relative; top: 0px; left: 0px; right:0px; bottom: 0px; height: 100%!important; } 



.text_logo { display: inline-block; max-width:180px; width: 100%; } 
.text_logo svg * { fill: #fff; } 
.main_visual_all_wrap.active .text_logo svg * { animation: stroke 2s forwards; stroke-width: 1; text-anchor: start } 

.wordbg { position: relative; display: block; opacity: 0; padding: 0px;; width: 2000px; } 
.main_sec_txt_word { position:relative; width:100%; overflow: hidden; } 
.main_sec_txt_word .word { position:absolute; width:100%; opacity:1; top: 0px; left: 0px; } 

.main_sec_txt_word .word { } 
.main_sec_txt_word .word span { display:inline-block; backface-visibility:hidden; font-style:normal; transition:transform 0.8s ease; opacity: 0; transform: translateZ(100px) rotateX(90deg); transform-origin: bottom left; white-space: break-spaces; } 
.main_sec_txt_word .word span:nth-child(1) { transition-delay:0.05s } 
.main_sec_txt_word .word span:nth-child(2) { transition-delay:0.1s } 
.main_sec_txt_word .word span:nth-child(3) { transition-delay:0.15s } 
.main_sec_txt_word .word span:nth-child(4) { transition-delay:0.2s } 
.main_sec_txt_word .word span:nth-child(5) { transition-delay:0.25s } 
.main_sec_txt_word .word span:nth-child(6) { transition-delay: 0.3s } 
.main_sec_txt_word .word span:nth-child(7) { transition-delay:0.35s } 
.main_sec_txt_word .word span:nth-child(8) { transition-delay:0.4s } 
.main_sec_txt_word .word span:nth-child(9) { transition-delay:0.45s } 
.main_sec_txt_word .word span:nth-child(10) { transition-delay:0.5s } 
.main_sec_txt_word .word span:nth-child(11) { transition-delay:0.55s } 
.main_sec_txt_word .word span:nth-child(12) { transition-delay:0.6s } 
.main_sec_txt_word .word span:nth-child(13) { transition-delay:0.65s } 
.main_sec_txt_word .word span:nth-child(14) { transition-delay:0.7s } 
.main_sec_txt_word .word.active span { transform: rotateX(0deg); opacity: 1; } 


.main_visual_all_wrap.active .main_visual_txt_02 b { animation: sizeup2 1s forwards; display: inline-block; } 

@keyframes sizeup2 { 
0% { 
transform: scale(3); 
-ms-transform: scale(3); 
-webkit-transform: scale(3); 
 } 
100% { 
transform: scale(1); 
-ms-transform: scale(1); 
-webkit-transform: scale(1); 
 } 
 } 
.main_visual_all_wrap.active .text_logo { 
animation: sizeup2 2s forwards; 
 } 


.logo_ani { display: inline-block; max-width:600px; width: 100%; position: relative; top: 0px; left: 0px; } 
.logo_ani .logo_ani_01 svg * { fill: #fff; } 
.main_sec_03_wrap.active .logo_ani { animation: sizeup3 2.5s forwards; } 

@keyframes sizeup3 { 
0% { 
transform: scale(4); 
-ms-transform: scale(4); 
-webkit-transform: scale(4); 
 } 
100% { 
transform: scale(1); 
-ms-transform: scale(1); 
-webkit-transform: scale(1); 
 } 
 } 

.logo_ani_02 { position: absolute; top: 0px; left: 0px; width: 100%; opacity: 0; } 


@keyframes change { 
0% { 
opacity: 1; 
 } 
100% { 
opacity: 0; 
 } 
 } 
@keyframes change2 { 
0% { 
opacity: 0; 
 } 
100% { 
opacity: 1; 
 } 
 } 
.main_sec_03_wrap.section .scroll { opacity: 0; animation: change2 2s 2s forwards; } 

.main_sec_03_wrap.section .scroll .txt { color: #0086CD; } 
.main_sec_03_wrap.section .scroll .arr { border-color: #0086CD; } 
.main_sec_03_wrap.section .scroll .arr:after { background-color: #0086CD; } 


.logo_ani_02 .sec_txt { color: #0086CD; } 

.main_30_con_wrap { width: 100%; text-align: left; color: #333; padding-top: 100px; } 
.main_30_con { margin-left: -60px; } 
.main_30_con:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 

.main_30_box_wrap { float: left; width: 33.3%; width: calc(100%/3); padding-left: 60px; } 
.main_30_box_01 b { font-size: 120px; font-family:'Oswald','Noto Sans KR','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; color: #0086cd; } 
.main_30_box_01 span { font-size: 30px; } 
.main_30_box_02 { font-size:24px; font-weight:500; line-height: 1.6; padding: 20px 0; } 
.main_30_box_03 { font-size: 16px; font-weight: 300; line-height: 1.6; color: #666; } 
.waves { position: absolute; width: 100%; height: 80px; min-height: 50px; max-height: 150px; bottom: 0px; z-index: 999; } 

/* Animation */

.parallax > use { 
 animation: move-forever 10s cubic-bezier(.55,.5,.45,.5) infinite; 
 animation-delay: -3s; 
 animation-duration: 3s; 
 fill: #0086cd
 } 
@keyframes move-forever { 
 0% { 
 transform: translate3d(-109px,0,0); 
 } 
 100% { 
 transform: translate3d(61px,0,0); 
 } 
 } 


.main_sec_05_in { position: relative; top: 0px; left: 0px; z-index: 2; width: 100%; max-width: 1400px; margin: 0 auto; text-align: center; } 
.main_sec_05_con_in { overflow: visible; } 







/*#fp-nav ul li .fp-tooltip { display: none; } 
#fp-nav:hover ul li .fp-tooltip { display: block; }*/


.main_sec_04_con_wrap .more_btn_wrap2 { text-align: center; } 
.more_btn_a2 { font-size: 16px; line-height: 50px; height: 50px; padding: 0 40px; border-radius: 100px; display: inline-block; text-align: center; border: 1px solid #222; color: #222; } 
.more_btn_a2:hover { background-color:#2879ee; color:#fff!important; border:none; } 
.main_sec_04_bg { position: absolute; top: 0px;; width: 100%; right: 0px; bottom: 0px; background-image: url(../images/main/main_04_bg.png); background-repeat: no-repeat; background-position: center bottom; } 
.main_30_box_04 { font-size:18px; font-weight:500; line-height: 1.6; color: var(--primary-color); text-transform: uppercase; } 
.more_btn_a3 { font-size: 16px; line-height: 45px; height: 45px; padding: 0 40px; border-radius: 100px; background-color:var(--primary-color); color:#fff!important; display: inline-block; text-align: center; } 

.main_sec_04_wrap .sec_btn_wrap { text-align: center; display: block; } 
.main_sec_04_wrap .sec_btn_wrap .sec_btn { display: inline-block; padding: 15px 30px; border: 1px solid #222; color: #222; border-radius: 100px; margin: 0 auto; text-align: center; } 
.main_sec_04_wrap .sec_btn_wrap .sec_btn:hover { border: 1px solid var(--primary-color); color: #fff; } 

/*하단*/
.footer_all_wrap { width: 100%; background-color: #fff; color: #666; } 
.footer_wrap { width: 100%; padding: 60px 0px; } 
.footer_mid_wrap { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; top: 0px; left: 0px; } 
.footer_mid:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.footer_mid_left { float: left; } 
.footer_mid_copy { font-size: 14px; color: #666; line-height: 1.6; font-weight: 300; text-align: right; padding-top: 20px; } 
.footer_mid_right { float: right; } 
.footer_mid_sns_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.footer_mid_sns { float: left; display: inline-block; padding: 20px 0; } 
.footer_mid_sns a { display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; } 
.footer_mid_sns_01 a { background-image: url(../images/main/footer_mid_sns_01.png); } 
.footer_mid_sns_02 a { background-image: url(../images/main/footer_mid_sns_02.png); } 


.footer_logo_wrap{width:200px;}
.footer_info { color: #666; padding: 5px 0; } 
.footer_info b { color: #999; padding-right: 10px; font-weight: normal; } 
.footer_mid_tit { font-size: 16px; font-weight: 600; } 
.footer_mid_list { padding-top:20px } 
.footer_mid_nav { float: left; padding: 20px 30px 0; } 
.footer_mid_nav a { font-size: 14px; line-height: 2; font-weight: 300; color: #aaa; } 
.footer_mid_nav:last-child { padding-right: 0; } 

.footer_mid_list li a:hover { color: #333; } 

.footer_mid_info ul li { font-size: 13px; } 


.footer_mid_right_box { float: left; padding-left: 30px; font-size: 15px; color: #999; } 
.footer_mid_right_box span { display: block; } 





/*서브*/
.sub_wrap { width: 100%; position: relative; top: 0px; left: 0px; } 
.sub_wrap > div { position: relative; top: 0px; left: 0px; z-index: 800; } 
.sub_wrap > div.line_all_wrap { z-index: 850; } 
.sub_wrap .sec_wrap { overflow: hidden; } 
.sub_visual_all_wrap { width: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; z-index: 900!important; overflow: hidden; } 
.sub_visual_bg { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1; } 

.sub_visual_bg { max-width: 1700px; margin: 0 auto; border-radius: 30px; } 


.sub_visual_wrap { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; top: 0px; left: 0px; z-index: 2; } 
.sub_visual_txt { padding-bottom: 20px; font-size: 72px; color: #222;; font-weight: 600; } 
.sub_visual_txt a { font-size: 72px; color: #fff;; font-weight: 700; } 
.sub_visual_txt .menu { display: none; } 
.sub_visual_txt .menu.active { display: block; } 
.sub_visual_txt .menu_a { display: block; } 
.sub_visual_txt .sub_menu_wrap { display: none; } 
.sub_visual_txt .sub_menu { display: none; } 
.sub_visual_txt .sub_menu.active { display: block; } 
.sub_visual_txt2 { font-size:18px; line-height: 1.1; font-weight: 300; } 
.sub_visual_txt2 b { font-weight: 700; } 

.sub_03_01 .sub_visual_txt { text-align: left; } 

.sub_02 .sub_visual_txt { color: #222; padding-bottom: 50px; font-size: 80px; } 
.sub_02 .sub_visual_txt2 { font-size: 24px; color: #222; line-height: 1.1; font-weight: 300; display: inline-block; padding-right: 50px; } 
.sub_02 .sub_visual_txt2 b { font-weight: 700; } 


.sub_con_wrap { width: 100%; } 
.sub_con { width: 100%; max-width: 1540px; margin: 0 auto; } 


.txt_center { text-align: center; } 
.txt_left { text-align: left; } 
.txt_right { text-align: right; } 
.bgap { height: 160px; } 
.gap { height: 100px; } 
.sgap { height: 50px; } 
.ssgap { height: 25px; } 
.sssgap { height: 15px; } 
.ssssgap { height: 10px; } 

.c_list_01 { text-align:left; line-height: 2; padding-left: 18px; margin: 0px; counter-reset: chapter 0; list-style: none; } 
.c_list_01 > li { position:relative; margin:0; box-sizing:border-box; } 
.c_list_01 > li::marker { } 
ol.c_list_01 > li:before { counter-increment: chapter; content: counter(chapter) "."; text-indent: -18px; display: inline-block; color: #333; font-weight: 500; } 
.c_list_01 span { color: #a5272b; } 


.c_list_02 { text-align:left; line-height: 1.6; padding-left: 18px; margin: 0px; font-size:16px; font-weight: 300; word-break: keep-all; } 
.c_list_02 > li { position:relative; margin:0; box-sizing:border-box; } 
.c_list_02 > li::marker { } 
.c_list_02 > li:before { content:""; position: absolute; top: 10px; left: -15px; width: 4px; height: 4px; background-color: var(--primary-color); border-radius: 100px; } 
.c_list_02 span { color: #a5272b; } 


.sub .header_all_wrap { box-shadow: 0px 0px 10px #777; background-color: #fff; } 
.sub .logo_on { display: inline-block; } 
.sub .logo_off { display: none; } 
.sub .top_nav .menu_a { color: #222 } 
.sub .lang_box { border-color: var(--primary-color)} 
.sub .lang_box .lang_box_a { color: var(--primary-color); background-image: url(../images/main/open.png); } 
.sub .lang_box .lang_box_a:after { border-color: var(--primary-color); } 
.sub .m_menu_btn span { background-color: #222; } 
.sub .m_menu_btn:before { background-color: #222; } 
.sub .m_menu_btn:after { background-color: #222; } 
.sub .top_nav .menu_a span:after { background-color: var(--primary-color)} 
.sub .lang_tab_a { color: #000; } 
.sub .lang_tab:after { content: ''; position: absolute; left: 50%; top: 20%; width: 1px; height: 50%; background-color: #0000004a; transform: translate(-50%, -50%); } 



.sub #wrap { padding-top: 100px; } 
.sub_visual_wrap { max-width: 1400px; } 

.sub .sub_visual_box { text-align: left; } 
.sub_01_02 .sub_visual_bg { background-image: url(../images/main/sub_01_02_bg.jpg); position: absolute; top: 0px;; width: 100%; right: 0px; bottom: 0px; z-index: 2; border-bottom-right-radius: 30px; overflow: hidden; } 
.sub_03_02 .sub_visual_bg { background-image: url(../images/main/sub_03_02_bg.jpg); position: absolute; top: 0px;; width: 100%; right: 0px; bottom: 0px; z-index: 2; border-bottom-right-radius: 30px; overflow: hidden; } 
.sub_04_01 .sub_visual_bg { background-image: url(../images/main/sub_04_01_bg.jpg); position: absolute; top: 0px;; width: 100%; right: 0px; bottom: 0px; z-index: 2; border-bottom-right-radius: 30px; overflow: hidden; } 
.sub_04_02 .sub_visual_bg { background-image: url(../images/main/sub_04_02_bg.jpg); position: absolute; top: 0px;; width: 100%; right: 0px; bottom: 0px; z-index: 2; border-bottom-right-radius: 30px; overflow: hidden; } 
.sub_05_01 .sub_visual_bg { background-image: url(../images/main/sub_05_01_bg.jpg); position: absolute; top: 0px;; width: 100%; right: 0px; bottom: 0px; z-index: 2; border-bottom-right-radius: 30px; overflow: hidden; } 
.sub_05_02 .sub_visual_bg { background-image: url(../images/main/sub_05_02_bg.jpg); position: absolute; top: 0px;; width: 100%; right: 0px; bottom: 0px; z-index: 2; border-bottom-right-radius: 30px; overflow: hidden; } 

.sub_01_01_bg_wrap { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; bottom: 20%; right: 0px; } 
.sub_01_01_bg { background-image: url(../images/main/sub_01_01_bg.jpg); background-repeat: no-repeat; background-size: cover; 
 position: absolute; top: 0px; width: 100%; right: 0px; bottom: 0px; z-index: 2; 
 animation-duration: 10s; 
 animation-timing-function: ease; 
 animation-delay: 0s; 
 animation-iteration-count: infinite; 
 animation-direction: normal; 
 animation-fill-mode: none; 
 animation-play-state: running; 
 animation-name: sizeup5; 
 } 

@keyframes sizeup5 { 
 0% { 
 transform: scale(1); 
 -ms-transform: scale(1); 
 -webkit-transform: scale(1); 
 } 
 50% { 
 transform: scale(1.05); 
 -ms-transform: scale(1.05); 
 -webkit-transform: scale(1.05); 
 } 
 100% { 
 transform: scale(1); 
 -ms-transform: scale(1); 
 -webkit-transform: scale(1); 
 } 
 } 

.sub_02 .sub_visual_all_wrap { margin-top: 0px; overflow: visible; } 
.sub_02 .sub_visual_bg { 
 background-image: url(../images/main/sub_02_pdt_bg.png); 
 position: absolute; 
 top: 0px; 
 width: 100%; 
 right: 0px; 
 bottom: 0px; 
 z-index: 2; 
 overflow: hidden; 
 max-width: none; 
 } 
.sub_02 .sub_visual_box { padding: 150px 0; } 


.sub_01_01 .sub_visual_box { padding: 250px 0 80px; } 
.sub_01_01 .sub_visual_box * { color: #fff; } 
.sub_01_01_video_wrap { position: relative; top: 0px; left: 0px; } 
.sub_01_01_video { position: relative; bottom: 0px; left: 0px; width: 100%; border-radius: 30px; overflow: hidden; } 
.sub_01_01_video_in { max-width: 1100px; margin: 0 auto; overflow: hidden; border-radius: 30px; } 
.sub_01_01 .sub_video_wrap { position: relative; padding-bottom: 56.2%; height: 0px; } 
.sub_01_01 .sub_video_wrapiframe { position: absolute; top: 0px; left: 0px; } 
.sub_01_01 .sub_visual_all_wrap { margin-top: -100px; } 
.sub_01_01_video iframe { position: absolute; top: 0px; left: 0px; } 
.sub_01_01 .sec_all_wrap { overflow: visible; } 

.line_wrap { max-width: 1400px; } 
.sub .header_all_wrap { box-shadow:none; } 
.sub_visual_box { padding: 30px 0; } 
.sub_wrap > div.line_all_wrap { display: none; } 
.sub_wrap > div.sub_top_nav { display: block; padding-bottom: 0px; top: -100px; border-bottom: none; z-index: 902; height: 10px; } 
.sub_top_nav .sub_menu:before { display: none; } 

.sub_top_nav { max-width: 1400px; margin: 0 auto; } 
.sub_top_nav .sub_menu_wrap { max-width: 1400px; text-align: right; } 
.sub_top_nav .sub_menu_a span { white-space: nowrap; } 
.sub_top_nav .sub_menu { width: auto; padding: 0 10px; } 
.sub_top_nav .sub_menu_a { color: #ccc; } 






.none_img { border-radius: 20px; overflow: hidden; } 

.sub_logo_ani_wrap { padding: 30px; border: 1px solid #ddd; border-radius: 20px; text-align: center; } 
.sub_logo_ani { display: inline-block; width: 100%; max-width: 600px; padding: 30px; } 


.sub_logo_ani_wrap.animated svg .st0 { 
 animation: stroke2 3s infinite; 
 stroke-width: 1; 
 text-anchor: start
 } 

.sub_logo_ani_wrap.animated svg .st1 { 
 animation: stroke3 3s infinite; 
 stroke-width: 1; 
 text-anchor: start
 } 


.sub_logo_ani_wrap.animated svg .st2 { 
 animation: stroke4 3s infinite; 
 stroke-width: 1; 
 text-anchor: start
 } 

.s_sec_01_06_01_in { padding-bottom: 50px; } 

.s_sec_01_06_02_con_left { float: left; width: 38%; } 
.s_sec_01_06_02_con_right { float: right; width: 60%; } 
.s_sec_01_06_02_wrap { padding: 50px 0; } 
.s_sec_01_06_02_con_left { float: left; width: 38%; } 
.s_sec_01_06_02_con_right { float: right; width: 60%; } 

.color_box_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
.color_box { padding-bottom: 20px; max-width: 500px; } 

.map_wrap .map { width: 100%; height: 100%; } 

.map_tab_wrap { font-size:0px; } 
.map_tab_box { display: inline-block; } 
.map_tab_box_a { display: inline-block; border: 1px solid #fff; border-left: none; } 
.map_tab_box:first-child .map_tab_box_a { border-left: 1px solid #fff; } 
.map_tab_box_a span { font-size: 16px; color: #fff; display: inline-block; padding: 10px 20px; } 

.map_tab_box.active2 { } 
.map_tab_box.active2 span { background-color: #fff; color: var(--primary-color); } 
.main_wrap > div.main_visual_all_wrap { display: table; height: 100vh; z-index: 999; } 



.none_img img { 
animation-duration: 10s; 
animation-timing-function: ease; 
animation-delay: 0s; 
animation-iteration-count: infinite; 
animation-direction: normal; 
animation-fill-mode: none; 
animation-play-state: running; 
animation-name: sizeup; 
 } 
.his_box_img img { 
animation-duration: 10s; 
animation-timing-function: ease; 
animation-delay: 0s; 
animation-iteration-count: infinite; 
animation-direction: normal; 
animation-fill-mode: none; 
animation-play-state: running; 
animation-name: sizeup; 
 } 



/*.none_img { width:100%; max-width: 100%; margin: 0 auto; display: block; overflow: hidden; } 
.none_img_wrap.animated .none_img { 
animation: imgani 2s forwards; 
 } 


@keyframes imgani { 
0% { 
transform: translate(-100%); 
 } 
100% { 
transform: translate(0%); 
 } 
 } 
*/



.s_sec_02_01_03_con_left { float: left; width: 49%; } 
.s_sec_02_01_03_con_right { float: right; width: 49%; } 




#chartdiv { width: 100%; height: 500px; overflow: hidden; max-width: 1200px; margin: 0 auto; } 
.state_table { padding-top: 90px; } 
.state_table > div { position: relative; border-bottom: 1px dashed #ddd } 
.state_table > div:first-child { border-top: 1px solid #111 } 
.state_table .sbj { position: absolute; top: 0; left: 0; width: 160px; height: 100%; text-align: center; line-height: 88px; font-size: 1.1em; background-color: #e8f3f7; color: #162025; font-weight: bold; } 
.state_table .state { padding: 30px 0 30px 200px; } 
.state_table .state span { display: block; float: left; width:12.5%; } 



.s_sec_02_03_03_wrap { padding-top: 0px; } 
.s_sec_02_03_03_con_wrap { width: 100%; } 
.s_sec_02_03_03_con_in { margin-left: -20px; } 
.s_sec_02_03_03_box { float: left; width: 33.33%; padding-left: 20px; padding-bottom: 40px; } 
.s_sec_02_03_03_box_txt_wrap { background-color: #fff; padding:40px 10px 0; overflow: hidden; } 
.s_sec_02_03_03_box_img { overflow: hidden; border-radius: 20px; } 
.s_sec_02_03_03_box_txt_01 { height: 60px; } 
.s_sec_02_03_03_box_txt_01:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.s_sec_02_03_03_box_txt_01 span { vertical-align: middle; display: inline-block; color: #222; width: 100%; position: relative; top: 0px; left: 0px; font-size: 30px; font-weight: 700; text-align: center; line-height: 1.4; text-transform: uppercase; } 

.s_sec_02_03_03_box_txt_02 { height: 60px; } 
.s_sec_02_03_03_box_txt_02:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.s_sec_02_03_03_box_txt_02 span { vertical-align: middle; display: inline-block; color: #222; width: 100%; position: relative; top: 0px; left: 0px; font-size: 20px; font-weight: 300; text-align: center; line-height: 1.4; } 

.s_sec_02_03_03_box_txt_03 { text-align: center; font-size: 16px; color: #666; line-height: 1.6; font-weight: 300; word-break: keep-all; } 
.s_sec_02_03_03_box_in { overflow: hidden; } 

.s_sec_02_03_03_box_img img { 
 width: 100%; 
 transform: scale(1); 
 -ms-transform: scale(1); 
 -webkit-transform: scale(1); 
 transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 } 
.s_sec_02_03_03_box:hover .s_sec_02_03_03_box_img img { 
 transform: scale(1.1); 
 -ms-transform: scale(1.1); 
 -webkit-transform: scale(1.1); 
 transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 -moz-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 -webkit-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 -o-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 } 

.upp { text-transform: uppercase; } 



.s_sec_02_04_02_in > .sec_tit3 { z-index: 2; position: relative; top: 0px; left: 0px; padding-top: 100px; } 
.s_sec_02_04_02_con { position: relative; top: 0px; left: 0px; width: 100%; z-index: 1; } 
.s_sec_02_04_02_con_left { font-size: 200px; font-weight: 700; color: #e9e9e9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; position: relative; top: 0px; left: -5%; white-space: nowrap; text-transform: uppercase; } 
.s_sec_02_04_02_con_right { position: absolute; bottom: 19px; right: 0px; } 



.s_sec_02_04_01_con_left { float: left; width: 49%; } 
.s_sec_02_04_01_con_right { float: right; width: 49%; } 



.s_sec_02_04_03_wrap { padding-top: 0px; } 
.s_sec_02_04_03_con_wrap { width: 100%; } 
.s_sec_02_04_03_con_in { margin-left: -20px; } 
.s_sec_02_04_03_box { float: left; width: 25%; padding-left: 20px; padding-bottom: 40px; } 
.s_sec_02_04_03_box_txt_wrap { background-color: #fff; padding:10px 10px 0; overflow: hidden; } 
.s_sec_02_04_03_box_img { overflow: hidden; border-radius: 20px; } 
.s_sec_02_04_03_box_txt_01 { height: 60px; } 
.s_sec_02_04_03_box_txt_01:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.s_sec_02_04_03_box_txt_01 span { vertical-align: middle; display: inline-block; color: #222; width: 100%; position: relative; top: 0px; left: 0px; font-size: 24px; font-weight: 500; text-align: left; line-height: 1.4; text-transform: uppercase; } 

.s_sec_02_04_03_box_txt_02 { height: 60px; } 
.s_sec_02_04_03_box_txt_02:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.s_sec_02_04_03_box_txt_02 span { vertical-align: middle; display: inline-block; color: #222; width: 100%; position: relative; top: 0px; left: 0px; font-size: 20px; font-weight: 300; text-align: center; line-height: 1.4; } 

.s_sec_02_04_03_box_txt_03 { text-align: center; font-size: 16px; color: #666; line-height: 1.6; font-weight: 300; word-break: keep-all; } 
.s_sec_02_04_03_box_in { overflow: hidden; } 

.s_sec_02_04_03_box_img img { 
 width: 100%; 
 transform: scale(1); 
 -ms-transform: scale(1); 
 -webkit-transform: scale(1); 
 transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 } 
.s_sec_02_04_03_box:hover .s_sec_02_04_03_box_img img { 
 transform: scale(1.1); 
 -ms-transform: scale(1.1); 
 -webkit-transform: scale(1.1); 
 transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 -moz-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 -webkit-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 -o-transition: all 10s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
 } 

.s_sec_02_04_02_wrap { padding-bottom: 30px; } 

.s_sec_02_05_01_con_right_in { max-width: 1400px; margin: 0 auto; } 
.p_logo_box { font-size: 0px; padding-top: 30px; } 
.p_logo_box span { width: 25%; padding: 30px 10px; text-align: center; display: inline-block; } 

.pt_nav .menu { display: none; } 
.pt_nav .menu.active { display: block; } 
.pt_nav .menu_a { display: none; } 

.pt_nav .sub_menu { display: none; } 
.pt_nav .sub_menu.active { display: block; } 


* { word-break: keep-all; } 

.s_sec_03_01_01_wrap { padding-top: 50px; } 

.sub_03_01 .sub_wrap > div.sub_top_nav { display: none; } 

.sub_03_01 .board_view_info { display: none; } 
.sub_03_01 #bo_v_link { display: none; } 



.ceti_wrap { position: relative; top: 0px; left: 0px; padding: 176px 0 127px; } 
.ceti_tit { font-size: 18px; font-weight: 300; color: #666; 
 padding-bottom: 35px; position: relative; top: 0px; left: 0px; } 
.ceti_tit::before { content: ""; display: inline-block; width: 7px; height: 7px; background-color: #056ab5; border-radius: 100%; position: relative; top: -3px; margin-right: 10px; } 


.ceti_tit b { font-size: 18px; } 

.ceti_box_wrap_in { margin-left: 0 } 
.ceti_con_box { float: left; width: 20%; padding-left: 20px; padding-bottom: 70px; } 
.ceti_con_box_img img { border: 1px solid #eee; padding: 10px; border-radius: 5px; } 
.s_sec_01_02_01_02_con, .s_sec_01_02_03_02_con { padding-top: 70px; border-top: 1px solid #eee; } 

.sub_tab_all_wrap { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; top: 0px; left: 0px; padding: 80px 0 50px; } 
.sub_tab_box span { float: left; padding: 0 20px; border-right: 1px solid #ccc; font-size: 20px; } 
.sub_tab_box:last-child span { border: none; } 
.active .sub_tab_box_a::before { content: ""; background-image: url(../images/sub/sub_tab_icon.png); text-align: center; display: block; width: 14px; height: 20px; 
 background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); } 
.sub_tab_box { position: relative; top: 0; left: 0; display: inline-block; } 
.sub_tab_wrap { margin-left: -20px; } 

.sub_02 .sub_tab_all_wrap { text-align: center; } 


.sub_pdt_con_all_wrap { position: relative; top: 0; left: 0; max-width: 1700px; margin: 0 auto; background-color: #f9f9f9; border-radius: 30px; margin-bottom: 150px; } 
.sub_02 .sub_tab_con_all_wrap { padding: 100px 0; } 
.pdt_txt li { font-size: 18px; line-height: 1.6; font-weight: 300; position: relative; top: 0px; left: 0px; color: #333; padding-left: 20px; } 
.pdt_txt li::before { content: ""; display: block; width: 4px; height: 4px; background-color: #222; border-radius: 100%; position: absolute; top: 12px; left: 5px; } 
.pdt_txt div { font-size: 18px; line-height: 1.4; font-weight: 300; color: #333; } 

.pdt_sys_tit { font-size: 30px; font-weight: 600; color: #002f73; padding-bottom: 50px; } 

.pdt_con_all_wrap { padding-bottom: 50px; } 
.table { font-size: 16px; color: #515151; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; } 

.led_wrap { overflow-x: auto; padding: 20px 0; } 
.led_con { overflow: hidden; min-width: 1000px; } 
.led_con_in { margin-left: -1px; margin-right: -1px; } 
.led_con_in table { width: 100%; font-size: 16px; color: #515151; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #dbdbdb; line-height: 1.6; } 
.led_con_in table th { border: 1px solid #dbdbdb; padding: 10px 5px; background-color: #f4f4f4; text-align: center; } 
.led_con_in table td { vertical-align: middle; border: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 15px; text-align: left; } 
.led_con_in table .b_u { color: #356ab0; } 


.led_con_in table span { position: relative; top: 0px; left: 0px; padding-left: 14px; } 
.led_con_in table span::after { content: ""; display: block; width: 2px; height: 2px; border-radius: 50px; background-color: #515151; 
position: absolute; top: 7px; left: 0px; } 
.led_con_in table p { padding-left: 14px; } 


/* en_wrap sub_02_01 */
.en_wrap .led_con_in table { font-size: 13px; } 


.prsp_wrap { overflow-x: auto; padding: 20px 0; text-align: center; } 
.prsp_con_in table { width: 100%; font-size: 16px; color: #515151; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #dbdbdb; line-height: 1.6; overflow: hidden; } 
.prsp_con_in table th { vertical-align: middle; border: 1px solid #dbdbdb; padding: 10px 5px; background-color: #f4f4f4; text-align: center; } 
.prsp_con_in table td { vertical-align: middle; border: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 15px; text-align: center; } 

.prspe_wrap { overflow-x: auto; padding: 20px 0; text-align: center; } 
.prspe_con { overflow: hidden; min-width: 700px; } 
.prspe_con_in { margin-left: -1px; margin-right: -1px; } 
.prspe_con_in table { width: 100%; font-size: 18px; color: #515151; border-top: 1px solid #7b7b7b; border-bottom: 1px solid #e3e3e3; line-height: 1.6; } 
.prspe_con_in table td { vertical-align: middle; border: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 36px; } 

.pdt_img_wrap { position: relative; top:0; left: 0; overflow: hidden; } 
.pdt_images_wrap { position: relative; top:0; left: 0; } 

.pdt_con_left_wrap { width: 50%; float: left; } 
.pdt_con_right_wrap { width: 50%; float: left; } 


.pdt_con_left_wrap .pdt_img { text-align: left; } 
.pdt_con_right_wrap .pdt_img { text-align: right; } 

 .pdt_img_center { text-align: center; } 

.pdt_name { font-size: 26px; font-weight: 600; line-height: 1.2; color: rgb(0, 47, 115); } 
.sub_02_03 .pdt_con_flex_wrap { justify-content: space-between; } 
.pdt_con_flex_wrap { display: flex; } 
.pdt_con_flex_wrap .pdt_con_wrap { width: 33.33%; } 
.sub_02_03 .pdt_con_flex_wrap .pdt_img { border-radius: 30px; overflow: hidden; } 
.pdt_images_wrap .pdt_con_flex_wrap { display: flex; justify-content: space-around; } 
.pdt_images .pdt_txt { font-size: 24px; line-height: 1.2em; color: #222; } 
.pdt_images .pdt_img { padding:50px 30px; background-color: #fff; } 


.radius_30 { border-radius: 30px; overflow: hidden; display: inline-block; } 


.s_sec_02_01_03_01_con .pdt_con_right_wrap { text-align: center; } 


.s_sec_02_07_01_con_wrap .pdt_con_flex_wrap { display: flex; justify-content: space-around; gap: 2em; } 
.s_sec_02_07_01_con_wrap .pdt_img_center { padding: 30px; } 
.pdt_sys_txt { color: #808080; font-size: 16px; font-weight: 300; } 



.sc_icon_txt { color: #333333; } 
.sc_icon_wrap { position: relative; top: 0px; left: 0px; margin: 0 auto; padding-bottom: 57px; } 
.sc_icon_wrap_in { text-align: center; } 
.sc_icon_box { display: inline-block; text-align: center; padding: 10px 80px; position: relative; top: 0px; left: 0px; } 

.sc_icon_box::after { content: ""; display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; top: 0px; left: 0px; } 
.sc_icon_box:first-child::after { display: none; } 

.sc_icon_img_box { display:inline-block; width: 100%; text-align: center; position: relative; top: 0px; left: 0px; } 
.sc_icon_img { display: inline-block; text-align: center; } 

.pdt_txt_wrap { padding-bottom: 50px; } 



.sub_02 .sec_btn_wrap { 
 display: block; 
 text-align: center; 
 } 
.sub_02 .sec_btn_wrap .sec_btn { 
 display: inline-block; 
 padding: 15px 30px; 
 border: 1px solid #222; 
 color: #222; 
 border-radius: 100px; 
 } 
.sub_02 .sec_btn_wrap .sec_btn:hover { 
 background-color: var(--primary-color); 
 border-color: var(--primary-color); 
 color: #fff; 
 } 



/*면석수정*/

.main_bg_01_in { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; top: 0px; left: 0px; height: 100%; } 
.main_bg_01_in_center { position: absolute; top: 0px; bottom: 0px; left: 50%; width: 1px; background-color: var(--primary-color); } 
.main_bg_01_in_center_line_wrap { 
 animation-duration: 3s; 
 animation-timing-function: linear; 
 animation-delay: 0s; 
 animation-iteration-count: infinite; 
 animation-direction: normal; 
 animation-fill-mode: none; 
 animation-play-state: running; 
 animation-name: mlineani; 
 position: absolute; top: -100%; left: 50%; width: 9px; height: 9px; border-radius: 100px; margin-left: -4.5px; 
 background-color: var(--primary-color); 
 } 

@keyframes mlineani { 
 0% { 
 top: -100%; 
 } 
 100% { 
 top: 100%; 
 } 
 } 
@keyframes rotate { 
 from { transform: translate(-50%,-50%) rotate(-360deg) scale(1.0); opacity:0.5 } 
 to { transform: translate(-50%,-50%) rotate(360deg) scale(1.5); } 
 } 

@keyframes rotate2 { 
 from { transform: translate(-50%,-50%) rotate(360deg) scale(1.5); } 
 to { transform: translate(-50%,-50%) rotate(-360deg) scale(1.0); opacity:0.5 } 
 } 

.main_bg_01_in_left { position: absolute; top: 50%; left: 50%; width: 600px; height: 600px; transform: translate(-50%,-50%); border-radius: 10000px; 
 animation-duration: 15s; 
 animation-timing-function: linear; 
 animation-delay: 1s; 
 animation-iteration-count: infinite; 
 animation-direction: normal; 
 animation-fill-mode: none; 
 animation-play-state: running; 
 animation-name: rotate; 
 } 
.main_bg_01_in_left_line_01_wrap { position: absolute; top: 0px; left: 0px; width: 9px; height: 9px; border-radius: 100px; margin-left: -4.5px; background-color: var(--primary-color); 
animation-duration: 5s; 
animation-timing-function: ease; 
animation-delay: 0s; 
animation-iteration-count: infinite; 
animation-direction: normal; 
animation-fill-mode: none; 
animation-play-state: running; 
animation-name: sizeup222; 
 } 
@keyframes sizeup222 { 
0% { 
 transform: scale(1); 
 -ms-transform: scale(1); 
 -webkit-transform: scale(1); 
 } 
50% { 
transform: scale(2); 
-ms-transform: scale(2); 
-webkit-transform: scale(2); 
 } 
100% { 
transform: scale(1); 
 -ms-transform: scale(1); 
 -webkit-transform: scale(1); 
 } 
 } 
.main_bg_01_in_left_line_02_wrap { position: absolute; right: 0px; bottom: 0px; width: 9px; height: 9px; border-radius: 100px; margin-left: -4.5px; background-color: var(--primary-color); } 

.main_bg_01_in_right { position: absolute; top: 50%; left: 50%; width: 900px; height: 900px; transform: translate(-50%,-50%); border-radius: 10000px; 
 animation-duration: 15s; 
 animation-timing-function: linear; 
 animation-delay: 1s; 
 animation-iteration-count: infinite; 
 animation-direction: normal; 
 animation-fill-mode: none; 
 animation-play-state: running; 
 animation-name: rotate2; } 
.main_bg_01_in_right_line_01_wrap { position: absolute; top: 0px; left: 0px; width: 9px; height: 9px; border-radius: 100px; margin-left: -4.5px; background-color: var(--primary-color); 
animation-duration: 3s; 
animation-timing-function: ease; 
animation-delay: 0s; 
animation-iteration-count: infinite; 
animation-direction: normal; 
animation-fill-mode: none; 
animation-play-state: running; 
animation-name: sizeup222; 
 } 

.main_bg_01_in_right_line_02_wrap { position: absolute; right: 0px; bottom: 0px; width: 9px; height: 9px; border-radius: 100px; margin-left: -4.5px; background-color: var(--primary-color); 
animation-duration: 5s; 
animation-timing-function: ease; 
animation-delay: 2s; 
animation-iteration-count: infinite; 
animation-direction: normal; 
animation-fill-mode: none; 
animation-play-state: running; 
animation-name: sizeup222; 
 } 


.main_visual_txt_in { position: relative; top: 0px; left: 0px; margin: 0 auto; max-width: 1400px; } 
.main_visual_txt_center { position: relative; top: 0px; left: 0px; margin: 0 auto; z-index:3 } 

.pdt_4box_wrap { margin-left: -20px; } 
.pdt_4box { float: left; width: 50%; padding-left: 20px; padding-bottom: 20px; } 
.pdt_4box_in { padding: 20px; background-color: #fff; border-radius: 20px; } 



.sub_02_05_img_wrap { position: relative; top: 0px; left: 0px; } 
.sub_02_05_img_wrap_in { margin-left: -60px; } 
.sub_02_05_img_box { padding-left: 60px; padding-bottom: 60px; float: left; width: 33.33%; } 
.sub_02_05_img { border: 5px solid #f3f3f3; } 

.sub_02_05_img_txt_box { padding-top: 34px; } 
.sub_02_05_img_txt { font-size: 18px; line-height: 1.2; color: #8f8f8f; font-weight: 100; text-align: center; } 

.fs_18 { font-size: 18px; font-weight: normal; } 


.pdt_txt { font-size: 18px; } 
.sub_02_07 .pdt_img_wrap .pdt_img { float: right; } 
.pdt_img_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 


.s_sec_04_01_01_wrap { padding-top: 50px; } 
.s_sec_05_02_01_wrap { padding-top: 50px; } 









.allbt_wrap { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 1004 } 


.allbt_wrap { 
 display: none; 
 text-align: center; 
 } 
.allbt_wrap a { 
 display: inline-block; 
 padding: 15px 30px; 
 border: 1px solid var(--primary-color); 
 color: #fff; 
 border-radius: 100px; 
 background-color: var(--primary-color); 
 opacity: 0.8; 
 } 
.allbt_wrap a:hover { 
 background-color: var(--primary-color); 
 border-color: var(--primary-color); 
 color: #fff; 
 opacity: 1; 
 } 


.lang_ko_KR.sub_02 .allbt_wrap { display: block; } 

.sub_02_07 .s_sec_02_07_03_01_con .pdt_img_wrap .pdt_img { float: none; } 


.pt_list_box:nth-child(4n+1) { clear: both; } 
.mo_br { display: none; } 


#bo_v_link a { float: none; } 

.sub_02_07 .pdt_img_wrap .pdt_img { text-align: center; } 
.sub_02_07 .pdt_con_flex_wrap .pdt_tit { text-align: center; } 



.led_wrap::-webkit-scrollbar { 
 width: 10px; 
 } 
 .led_wrap::-webkit-scrollbar-thumb { 
 background-color: var(--primary-color); 
 border-radius: 10px; 
 } 
 .led_wrap::-webkit-scrollbar-track { 
 border-radius: 10px; 
 background-color: #fff; 
 box-shadow: inset 0px 0px 5px #999; 
 padding: 5px; 
 } 



.prspe_wrap::-webkit-scrollbar { 
 width: 10px; 
 } 
 .prspe_wrap::-webkit-scrollbar-thumb { 
 background-color: var(--primary-color); 
 border-radius: 10px; 
 } 
 .prspe_wrap::-webkit-scrollbar-track { 
 border-radius: 10px; 
 background-color: #fff; 
 box-shadow: inset 0px 0px 5px #999; 
 padding: 5px; 
 } 

.prsp_wrap::-webkit-scrollbar { 
 width: 10px; 
 } 
 .prsp_wrap::-webkit-scrollbar-thumb { 
 background-color: var(--primary-color); 
 border-radius: 10px; 
 } 
 .prsp_wrap::-webkit-scrollbar-track { 
 border-radius: 10px; 
 background-color: #fff; 
 box-shadow: inset 0px 0px 5px #999; 
 padding: 5px; 
 } 


.pdt_img_center { padding-bottom: 20px; } 


.pdt_con_left_wrap { padding-bottom: 20px } 
.pdt_con_right_wrap { padding-bottom: 20px } 



/*새로*/


.main_00_txt { font-size:24px; font-weight: 200; line-height: 1.4; color: #fff; word-break: keep-all; } 
.main_00_txt b { font-weight: 500; } 
.main_00_txt_wrap { padding-top: 70px; } 
.main_bg_wrap { overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index:2; 
animation-duration: 15s; 
animation-timing-function: ease; 
animation-delay: 0s; 
animation-iteration-count: infinite; 
animation-direction: normal; 
animation-fill-mode: none; 
animation-play-state: running; 
animation-name: sizeup; 
 } 
.main_bg_00 { text-align: center; display: block; background-image: url(../images/main/main_bg_00.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color:#30332c } 
.main_bg_pdt_wrap { overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index:3 } 
.main_bg_pdt { position: absolute; top: 50%; left: 67%; width: 40%; transform: translateY(-50%); } 


.main_bg_01 { z-index: 1; } 
.main_bg_one { width: 700px; height: 700px; border-radius: 1000px; background-color: var(--primary-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3 } 
.main_bg_one2 { width: 700px; height: 700px; border-radius: 1000px; background-color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; opacity: 0.5 } 
.main_bg_01_in { z-index: 2; } 

.main_bg_one2 { 
 -webkit-animation: circle 2s infinite; 
 animation: circle 2s infinite; 
 } 


 @keyframes circle { 
 to { opacity: 0; transform: translate(-50%,-50%) scale(2.0); } 
 } 

 @-webkit-keyframes scroll { 
 to { opacity: 0; transform: translate(-50%,-50%) scale(2.0); } 
 } 



.main_sec_02_wrap .main_visual_txt { text-align: left; } 
.main_00_img { display: inline-block; max-width:620px; } 


.main_sec_03_in_wrap { padding: 30px 10%; position: relative; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 0px; } 
.main_sec_03_in_wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.main_sec_03_inner { vertical-align: middle; display: inline-block; max-width: 100%; position: relative; top: 0px; left: 0px; width: 100%; } 
.color_txt { color: var(--primary-color); padding-bottom: 30px; } 

.main_sec_03_02 { padding-bottom: 30px; } 
.main_sec_03_02_01 { display: inline-block; width: 300px; vertical-align: middle; line-height: 1.4; font-weight: 500; margin-right: 20px; } 
.main_sec_03_02_02 { display: inline-block; font-size: 42px; color:#000; vertical-align: middle; line-height: 1.4; font-weight: 500; } 

.main_sec_03_con_right { background-color: #fafafa } 
.main_sec_03_tbl_wrap { width: 100%; background-color: #fff; border-radius: 20px; padding: 30px; max-width: 650px; } 

.main_sec_03_tbl table { width: 100%; font-size:16px; line-height: 1.4; } 
.main_sec_03_tbl tr { border-top: 1px solid #F1F1F1; } 
.main_sec_03_tbl tr:first-child { border-top: none; } 
.main_sec_03_tbl td { padding: 15px 10px; font-weight: 300; color: #666; vertical-align: top; } 
.main_sec_03_tbl th { padding: 15px 10px; font-weight: 400; color: #000; vertical-align: top; } 
.main_sec_03_tbl img { width: 140px; } 


.main_sec_03_tbl li:before { content:""; position:absolute; top:14px; left:0px; width:4px; height:4px; border-radius:100px; background-color:#666 } 
.main_sec_03_tbl li { padding:4px 0 6px 13px; position:relative; top:0px; left:0px } 
.main_sec_04_wrap .main_visual_txt { text-align: left; } 
.main_bg_04 { 
 text-align: center; display: block; background-image: url(../images/main/main_bg_04.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; 
background-color: #eee; 
 } 

.main_bg_04_in { 
position: absolute; top: 50%; left: 50%; width: 25%; 
transform: translateY(-50%); 
 } 



.main_bg_05 { overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: VAR(--PRIMARY-COLOR)} 


.main_visual_txt_top * { color: #fff; } 


.main_visual_txt_top .color_txt b { opacity: 0.5 } 


.main_visual_txt_bt_wrap { position: relative; top: 0px; left: 0px; width: 100%; max-width: 1000px; margin: 0 auto; } 
.main_visual_txt_bt { margin-left: -30px; } 
.box_3_wrap { float: left; width: 50%; padding-left: 30px; } 
.box_3_in { position: relative; top: 0px; left: 0px; width: 100%; background-color: #fff; overflow: hidden; border-radius: 20px; 
box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.3); 
 } 
.box_3_top { padding: 30px; text-align: center; } 

.box_3_bt_wrap { position: relative; top: 0px; left: 0px; width: 100%; height: 0px; padding-bottom: 45%; overflow: hidden; } 
.box_3_bt { background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; 
animation-duration: 10s; 
animation-timing-function: ease; 
animation-delay: 0s; 
animation-iteration-count: infinite; 
animation-direction: normal; 
animation-fill-mode: none; 
animation-play-state: running; 
animation-name: sizeup; 
 } 


.box_3_01 .box_3_bt { background-image: url(../images/main/box_3_01.jpg); } 
.box_3_02 .box_3_bt { background-image: url(../images/main/box_3_02.jpg); } 
.box_3_03 .box_3_bt { background-image: url(../images/main/box_3_03.jpg); } 

.box_3_top .sec_tit { color: VAR(--PRIMARY-COLOR)} 
.main_visual_txt_in_txt { text-align: left; color: rgba(255, 255, 255, 0.5); line-height: 1.45; font-size: 12px; font-style:italic; font-weight: 200; text-align: center; 
 } 
.main_visual_txt_in_txt span { font-style: normal; } 

.main_sec_06_in_wrap { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 0px; text-align: center; } 
.main_sec_06_in_wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.main_sec_06_inner { vertical-align: middle; display: inline-block; max-width: 100%; position: relative; top: 0px; left: 0px; text-align: left; } 

.main_sec_06_con_right .main_sec_06_in_wrap { text-align: left; } 

.main_sec_06_in { position: relative; top: 0px; left: 0px; z-index: 2; width: 100%; max-width: 1400px; margin: 0 auto; text-align: left; height: 100%; } 
.main_sec_06_con_in { overflow: visible; } 
.main_sec_06_con_wrap { width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; z-index: 4; } 


.main_sec_06_con { position: absolute; top: 0px; bottom: 0px; width: 50%; } 
.main_sec_06_con_left { left: 0px; } 
.main_sec_06_con_right { right: 0px; } 
.main_sec_06_wrap { background-color: #fafafa } 

.main_sec_06_con_right .main_sec_06_inner { width: 100%; max-width: 700px; } 


.main_sec_07_wrap { background-color: #eee } 
.m_b_all_wrap { width: 100%; position: relative; top: 0px; left: 0px; color: #222 } 
.m_b_md_wrap { float: left; width: 49%; position: relative; top: 0px; left: 0px; } 
.m_b_ns_wrap { float: right; width: 49%; } 


.m_b_md_wrap .m_b_in { height: 0px; padding-bottom: 50%; } 

.m_b_md_in { margin-left: -15px; } 
.m_b_md_box { float: left; padding: 0 0 15px 15px; width: 50%; } 
/*.m_b_md_box { float: left; padding: 0 0 0 15px; width: 100%; } */
.m_b_md_box_a { display: block; width: 100%; height: 0px; padding-bottom: 56%; overflow: hidden; position: relative; top: 0px; left: 0px; border-radius: 15px; } 
.m_b_md_box_a img { position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); max-width: 100%; height: auto; width: 100%; } 

.m_b_ns_wrap { position: absolute; top: 0px; right: 0px; bottom: 0px; } 
.m_b_btn_all_wrap { position: absolute; top: 100%; width: 100%; text-align: center; padding-top: 40px; } 
.m_b_md_box:nth-child(3) { padding-bottom: 0px; } 
.m_b_md_box:nth-child(4) { padding-bottom: 0px; } 
.m_b_ns_wrap .m_b_in { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #fff; padding: 0 5%; border-radius: 15px; } 
.m_b_ns_in { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 0px; } 
.m_b_ns_box:first-child { border-top: none; } 
.m_b_ns_box { width: 100%; height: 25%; border-top: 1px solid #eee; } 
.m_b_ns_box_a { width: 100%; height: 100%; display: block; } 
.m_b_ns_box_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; } 
.m_b_ns_box_in { vertical-align: middle; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.m_b_ns_box_in { font-size: 18px; } 

.m_b_btn_wrap { display: inline-block; } 
.m_b_btn_wrap .m_b_btn { display: inline-block; padding: 10px 40px 10px 15px; background-color: var(--primary-color); color: #fff; font-size: 15px; border-radius: 100px; background-image: url(../images/main/arr.png); background-repeat: no-repeat; background-position: center right 10px } 


.m_b_btn_all_wrap2 .m_b_btn_wrap { padding-right: 20px; padding-bottom: 10px; } 
.m_b_btn_all_wrap2 .m_b_btn_wrap:last-child { padding-left: 0px; } 




.m_b_ns_box_a { background-image: url(../images/main/arr2.png); background-repeat: no-repeat; background-position: center right 10px } 




/*#fp-nav ul li .fp-tooltip.left { padding: 6px; background-color: #083f30; border-radius: 10px; color: #fff!important }*/

.main_bg_pdt2 { display: none; padding: 0 30px; } 
.main_bg_pdt2 img { width: 60% } 

.main_bg_044_wrap { display: none; } 


.main_sec_09_wrap .m_b_md_wrap .m_b_in { position: relative; top: 0px; left: 0px; } 
.main_sec_09_wrap .m_b_md_wrap .m_b_md_in { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #fff; 
 padding: 0 5%; 
 border-radius: 15px; } 


.sim_txt { font-size:12px; font-weight: 300; line-height: 1.4; color: #fff; word-break: keep-all; position: absolute; bottom:10px; right: 10px; 
z-index: 9; 
text-align: left; opacity: 0.5; 
 } 
.sim_txt2 { display: none; font-size:12px; font-weight: 300; line-height: 1.3; color: #fff; word-break: keep-all; opacity: 0.5; } 


.label_txt { font-size: 16px; padding: 10px 0; display:block; } 
.label_txt strong { font-size: 12px; color: red; padding-left: 10px; } 



.map_st { fill: #ddd; cursor: pointer; } 
.svg_map_bg { width: 100%; max-width: 600px; } 
.map_st:hover { fill: #bfdbd4 } 
.map_st.active { fill:var(--primary-color)} 
.map_st { position: relative; top: 0px; left: 0px; } 
.s_sec_06_01_01_02_left_wrap { width: 40%; float: left } 
.s_sec_06_01_01_02_right_wrap { width: 55%; float: right; } 
.ui-widget.ui-widget-content { background-color: #000; color: #fff; padding: 10px 15px; border: none; font-size: 16px; box-shadow: none; border-radius: 5px; font-weight: bold } 


.sch_word { background-color: #63bb2d } 

.sub_06_01 .hos_add { padding: 5px 0; font-size: 13px; color: #666; font-weight: normal; } 
.sub_06_01 .bo_cate_link { float: none; margin-bottom: 5px; } 


.fp-tableCell .side_btn_box_wrap { display: none; } 


.side_btn_box_wrap { position: fixed; top: 13%; right: 10px; z-index: 1004; animation: updownmove 1.3s infinite; display: none; } 
.side_btn_box { padding-bottom: 10px; } 
.side_btn_box a { display: inline-block; width: 50px; height: 50px; overflow: hidden; background-size: 30px auto; background-position: center center; border-radius: 100px; border: 1px solid transparent; background-repeat: no-repeat; } 
.side_btn_find_hos a { border-color: #00962e; position: relative; top: 0; left: 0; 
 background: var(--primary-color); 
 background: linear-gradient(230deg, #00962e, var(--primary-color), #259d49, var(--primary-color)); 
 background: -moz-linear-gradient(230deg, #00962e, var(--primary-color), #259d49, var(--primary-color)); 
 background: -webkit-linear-gradient(230deg, #00962e, var(--primary-color), #259d49, var(--primary-color)); 
 background: linear-gradient(230deg, #00962e, var(--primary-color), #259d49, var(--primary-color)); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00962e', endColorstr='var(--primary-color)',GradientType=1 ); 
 background-size: 600% 600%; 
 -webkit-animation: megabg 3s ease infinite; 
 -moz-animation: megabg 3s ease infinite; 
 -o-animation: megabg 3s ease infinite; 
 animation: megabg 3s ease infinite; 

 } 
.side_btn_find_hos span { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; line-height: 1.2; } 
@keyframes updownmove { 
 0% { transform: translate(0, -2px); } 
 50% { transform: translate(0, 2px); } 
 100% { transform: translate(0, -2px); } 
 } 


@-webkit-keyframes megabg { 
 0% { background-position:0% 50% } 
 50% { background-position:100% 50% } 
 100% { background-position:0% 50% } 
 } 
@-moz-keyframes megabg { 
 0% { background-position:0% 50% } 
 50% { background-position:100% 50% } 
 100% { background-position:0% 50% } 
 } 
@-o-keyframes megabg { 
 0% { background-position:0% 50% } 
 50% { background-position:100% 50% } 
 100% { background-position:0% 50% } 
 } 
@keyframes megabg { 
 0% { background-position:0% 50% } 
 50% { background-position:100% 50% } 
 100% { background-position:0% 50% } 
 } 



.sub_06_01 .side_btn_box_wrap { display: none; } 







/* GREEVO 메인페이지 CSS */
/*20251218_dyj 추가*/

/* 헤더 */
.fp-viewing-features .logo_on{display:inline-block;}
.fp-viewing-features .logo_off{display:none;}
.fp-viewing-features .top_nav .menu_a{color:#222;}
.fp-viewing-features .header_all_wrap{box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: #fff; } 
.fp-viewing-features .logo_on{display:inline-block;} 
.fp-viewing-features .logo_off{display:none;} 
.fp-viewing-features .top_nav .menu_a{color:#222} 
.fp-viewing-features .lang_box .lang_box_a{color:#222;} 
.fp-viewing-features .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-features .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-features .m_menu_btn span{background-color:#222;} 
.fp-viewing-features .m_menu_btn:before{background-color:#222;} 
.fp-viewing-features .m_menu_btn:after { background-color:#222;} 
.fp-viewing-features .top_nav .menu_a span:after{background-color:var(--primary-color)} 
.fp-viewing-features .lang_box{border:1px solid var(--primary-color); } 
.fp-viewing-features .lang_box_a{background-image: url('../images/main/common/ico_link_on.png'); background-repeat: no-repeat; background-position: center right 15px; background-size: 13px; } 
.fp-viewing-features .lang_tab_a{color:#000; } 
.fp-viewing-features .lang_tab:after{content:''; position: absolute; left: 50%; top: 20%; width: 1px; height: 50%; background-color: #0000004a; transform: translate(-50%, -50%); } 
.fp-viewing-features .custom_select .select_btn{border:1px solid var(--primary-color);}
.fp-viewing-features .custom_select .select_text{color:var(--primary-color);}
.fp-viewing-features .custom_select .select_arrow{border-top: 4px solid var(--primary-color);}

.fp-viewing-process .logo_on{display:inline-block;}
.fp-viewing-process .logo_off{display:none;}
.fp-viewing-process .top_nav .menu_a{color:#222;}
.fp-viewing-process .header_all_wrap{box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: #fff; } 
.fp-viewing-process .logo_on{display:inline-block;} 
.fp-viewing-process .logo_off{display:none;} 
.fp-viewing-process .top_nav .menu_a{color:#222} 
.fp-viewing-process .lang_box .lang_box_a{color:#222;} 
.fp-viewing-process .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-process .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-process .m_menu_btn span{background-color:#222;} 
.fp-viewing-process .m_menu_btn:before{background-color:#222;} 
.fp-viewing-process .m_menu_btn:after { background-color:#222;} 
.fp-viewing-process .top_nav .menu_a span:after{background-color:var(--primary-color)} 
.fp-viewing-process .lang_box{border:1px solid var(--primary-color); } 
.fp-viewing-process .lang_box_a{background-image: url('../images/main/common/ico_link_on.png'); background-repeat: no-repeat; background-position: center right 15px; background-size: 13px; } 
.fp-viewing-process .lang_tab_a{color:#000; } 
.fp-viewing-process .lang_tab:after{content:''; position: absolute; left: 50%; top: 20%; width: 1px; height: 50%; background-color: #0000004a; transform: translate(-50%, -50%); } 
.fp-viewing-process .custom_select .select_btn{border:1px solid var(--primary-color);}
.fp-viewing-process .custom_select .select_text{color:var(--primary-color);}
.fp-viewing-process .custom_select .select_arrow{border-top: 4px solid var(--primary-color);}


.fp-viewing-products .logo_on{display:inline-block;}
.fp-viewing-products .logo_off{display:none;}
.fp-viewing-products .top_nav .menu_a{color:#222;}
.fp-viewing-products .header_all_wrap{box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: #fff; } 
.fp-viewing-products .logo_on{display:inline-block;} 
.fp-viewing-products .logo_off{display:none;} 
.fp-viewing-products .top_nav .menu_a{color:#222} 
.fp-viewing-products .lang_box .lang_box_a{color:#222;} 
.fp-viewing-products .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-products .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-products .m_menu_btn span{background-color:#222;} 
.fp-viewing-products .m_menu_btn:before{background-color:#222;} 
.fp-viewing-products .m_menu_btn:after { background-color:#222;} 
.fp-viewing-products .top_nav .menu_a span:after{background-color:var(--primary-color)} 
.fp-viewing-products .lang_box{border:1px solid var(--primary-color); } 
.fp-viewing-products .lang_box_a{background-image: url('../images/main/common/ico_link_on.png'); background-repeat: no-repeat; background-position: center right 15px; background-size: 13px; } 
.fp-viewing-products .lang_tab_a{color:#000; } 
.fp-viewing-products .lang_tab:after{content:''; position: absolute; left: 50%; top: 20%; width: 1px; height: 50%; background-color: #0000004a; transform: translate(-50%, -50%); } 
.fp-viewing-products .custom_select .select_btn{border:1px solid var(--primary-color);}
.fp-viewing-products .custom_select .select_text{color:var(--primary-color);}
.fp-viewing-products .custom_select .select_arrow{border-top: 4px solid var(--primary-color);}

.fp-viewing-applications .logo_on{display:inline-block;}
.fp-viewing-applications .logo_off{display:none;}
.fp-viewing-applications .top_nav .menu_a{color:#222;}
.fp-viewing-applications .header_all_wrap{box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: #fff; } 
.fp-viewing-applications .logo_on{display:inline-block;} 
.fp-viewing-applications .logo_off{display:none;} 
.fp-viewing-applications .top_nav .menu_a{color:#222} 
.fp-viewing-applications .lang_box .lang_box_a{color:#222;} 
.fp-viewing-applications .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-applications .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-applications .m_menu_btn span{background-color:#222;} 
.fp-viewing-applications .m_menu_btn:before{background-color:#222;} 
.fp-viewing-applications .m_menu_btn:after { background-color:#222;} 
.fp-viewing-applications .top_nav .menu_a span:after{background-color:var(--primary-color)} 
.fp-viewing-applications .lang_box{border:1px solid var(--primary-color); } 
.fp-viewing-applications .lang_box_a{background-image: url('../images/main/common/ico_link_on.png'); background-repeat: no-repeat; background-position: center right 15px; background-size: 13px; } 
.fp-viewing-applications .lang_tab_a{color:#000; } 
.fp-viewing-applications .lang_tab:after{content:''; position: absolute; left: 50%; top: 20%; width: 1px; height: 50%; background-color: #0000004a; transform: translate(-50%, -50%); } 
.fp-viewing-applications .custom_select .select_btn{border:1px solid var(--primary-color);}
.fp-viewing-applications .custom_select .select_text{color:var(--primary-color);}
.fp-viewing-applications .custom_select .select_arrow{border-top: 4px solid var(--primary-color);}


.fp-viewing-supply-form .logo_on{display:inline-block;}
.fp-viewing-supply-form .logo_off{display:none;}
.fp-viewing-supply-form .top_nav .menu_a{color:#222;}
.fp-viewing-supply-form .header_all_wrap{box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: #fff; } 
.fp-viewing-supply-form .logo_on{display:inline-block;} 
.fp-viewing-supply-form .logo_off{display:none;} 
.fp-viewing-supply-form .top_nav .menu_a{color:#222} 
.fp-viewing-supply-form .lang_box .lang_box_a{color:#222;} 
.fp-viewing-supply-form .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-supply-form .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-supply-form .m_menu_btn span{background-color:#222;} 
.fp-viewing-supply-form .m_menu_btn:before{background-color:#222;} 
.fp-viewing-supply-form .m_menu_btn:after { background-color:#222;} 
.fp-viewing-supply-form .top_nav .menu_a span:after{background-color:var(--primary-color)} 
.fp-viewing-supply-form .lang_box{border:1px solid var(--primary-color); } 
.fp-viewing-supply-form .lang_box_a{background-image: url('../images/main/common/ico_link_on.png'); background-repeat: no-repeat; background-position: center right 15px; background-size: 13px; } 
.fp-viewing-supply-form .lang_tab_a{color:#000; } 
.fp-viewing-supply-form .lang_tab:after{content:''; position: absolute; left: 50%; top: 20%; width: 1px; height: 50%; background-color: #0000004a; transform: translate(-50%, -50%); } 
.fp-viewing-supply-form .custom_select .select_btn{border:1px solid var(--primary-color);}
.fp-viewing-supply-form .custom_select .select_text{color:var(--primary-color);}
.fp-viewing-supply-form .custom_select .select_arrow{border-top: 4px solid var(--primary-color);}


.fp-viewing-values .logo_on{display:inline-block;}
.fp-viewing-values .logo_off{display:none;}
.fp-viewing-values .top_nav .menu_a{color:#222;}
.fp-viewing-values .header_all_wrap{box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: #fff; } 
.fp-viewing-values .logo_on{display:inline-block;} 
.fp-viewing-values .logo_off{display:none;} 
.fp-viewing-values .top_nav .menu_a{color:#222} 
.fp-viewing-values .lang_box .lang_box_a{color:#222;} 
.fp-viewing-values .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-values .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-values .m_menu_btn span{background-color:#222;} 
.fp-viewing-values .m_menu_btn:before{background-color:#222;} 
.fp-viewing-values .m_menu_btn:after { background-color:#222;} 
.fp-viewing-values .top_nav .menu_a span:after{background-color:var(--primary-color)} 
.fp-viewing-values .lang_box{border:1px solid var(--primary-color); } 
.fp-viewing-values .lang_box_a{background-image: url('../images/main/common/ico_link_on.png'); background-repeat: no-repeat; background-position: center right 15px; background-size: 13px; } 
.fp-viewing-values .lang_tab_a{color:#000; } 
.fp-viewing-values .lang_tab:after{content:''; position: absolute; left: 50%; top: 20%; width: 1px; height: 50%; background-color: #0000004a; transform: translate(-50%, -50%); } 
.fp-viewing-values .custom_select .select_btn{border:1px solid var(--primary-color);}
.fp-viewing-values .custom_select .select_text{color:var(--primary-color);}
.fp-viewing-values .custom_select .select_arrow{border-top: 4px solid var(--primary-color);}


.fp-viewing-certification .logo_on{display:inline-block;}
.fp-viewing-certification .logo_off{display:none;}
.fp-viewing-certification .top_nav .menu_a{color:#222;}
.fp-viewing-certification .header_all_wrap{box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: #fff; } 
.fp-viewing-certification .logo_on{display:inline-block;} 
.fp-viewing-certification .logo_off{display:none;} 
.fp-viewing-certification .top_nav .menu_a{color:#222} 
.fp-viewing-certification .lang_box .lang_box_a{color:#222;} 
.fp-viewing-certification .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-certification .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-certification .m_menu_btn span{background-color:#222;} 
.fp-viewing-certification .m_menu_btn:before{background-color:#222;} 
.fp-viewing-certification .m_menu_btn:after { background-color:#222;} 
.fp-viewing-certification .top_nav .menu_a span:after{background-color:var(--primary-color)} 
.fp-viewing-certification .lang_box{border:1px solid var(--primary-color); } 
.fp-viewing-certification .lang_box_a{background-image: url('../images/main/common/ico_link_on.png'); background-repeat: no-repeat; background-position: center right 15px; background-size: 13px; } 
.fp-viewing-certification .lang_tab_a{color:#000; } 
.fp-viewing-certification .lang_tab:after{content:''; position: absolute; left: 50%; top: 20%; width: 1px; height: 50%; background-color: #0000004a; transform: translate(-50%, -50%); } 
.fp-viewing-certification .custom_select .select_btn{border:1px solid var(--primary-color);}
.fp-viewing-certification .custom_select .select_text{color:var(--primary-color);}
.fp-viewing-certification .custom_select .select_arrow{border-top: 4px solid var(--primary-color);}


.fp-viewing-notice .logo_on{display:inline-block;}
.fp-viewing-notice .logo_off{display:none;}
.fp-viewing-notice .top_nav .menu_a{color:#222;}
.fp-viewing-notice .header_all_wrap{box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: #fff; } 
.fp-viewing-notice .logo_on{display:inline-block;} 
.fp-viewing-notice .logo_off{display:none;} 
.fp-viewing-notice .top_nav .menu_a{color:#222} 
.fp-viewing-notice .lang_box .lang_box_a{color:#222;} 
.fp-viewing-notice .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-notice .lang_box .lang_box_a:after{border-color:#222;} 
.fp-viewing-notice .m_menu_btn span{background-color:#222;} 
.fp-viewing-notice .m_menu_btn:before{background-color:#222;} 
.fp-viewing-notice .m_menu_btn:after { background-color:#222;} 
.fp-viewing-notice .top_nav .menu_a span:after{background-color:var(--primary-color)} 
.fp-viewing-notice .lang_box{border:1px solid var(--primary-color); } 
.fp-viewing-notice .lang_box_a{background-image: url('../images/main/common/ico_link_on.png'); background-repeat: no-repeat; background-position: center right 15px; background-size: 13px; } 
.fp-viewing-notice .lang_tab_a{color:#000; } 
.fp-viewing-notice .lang_tab:after{content:''; position: absolute; left: 50%; top: 20%; width: 1px; height: 50%; background-color: #0000004a; transform: translate(-50%, -50%); } 
.fp-viewing-notice .custom_select .select_btn{border:1px solid var(--primary-color);}
.fp-viewing-notice .custom_select .select_text{color:var(--primary-color);}
.fp-viewing-notice .custom_select .select_arrow{border-top: 4px solid var(--primary-color);}

.fp-viewing-features #fp-nav ul li a span, .fp-viewing-features .fp-slidesNav ul li a span{background-color:var(--primary-color);}
.fp-viewing-features #fp-nav ul li a.active:before, .fp-viewing-features .fp-slidesNav ul li a.active:before, .fp-viewing-process #fp-nav ul li:hover a.active:before, .fp-viewing-process .fp-slidesNav ul li:hover a.active:before{background-color:var(--primary-color);opacity:0.1;}
.fp-viewing-process #fp-nav ul li a span, .fp-viewing-process .fp-slidesNav ul li a span{background-color:var(--primary-color);}
.fp-viewing-process #fp-nav ul li a.active:before, .fp-viewing-process .fp-slidesNav ul li a.active:before, .fp-viewing-process #fp-nav ul li:hover a.active:before, .fp-viewing-process .fp-slidesNav ul li:hover a.active:before{background-color:var(--primary-color);opacity:0.1;}
.fp-viewing-applications #fp-nav ul li a span, .fp-viewing-applications .fp-slidesNav ul li a span{background-color:var(--primary-color);}
.fp-viewing-applications #fp-nav ul li a.active:before, .fp-viewing-applications .fp-slidesNav ul li a.active:before, .fp-viewing-applications #fp-nav ul li:hover a.active:before, .fp-viewing-applications .fp-slidesNav ul li:hover a.active:before{background-color:var(--primary-color);opacity:0.1;}
.fp-viewing-supply-form #fp-nav ul li a span, .fp-viewing-supply-form .fp-slidesNav ul li a span{background-color:var(--primary-color);}
.fp-viewing-supply-form #fp-nav ul li a.active:before, .fp-viewing-supply-form .fp-slidesNav ul li a.active:before, .fp-viewing-supply-form #fp-nav ul li:hover a.active:before, .fp-viewing-supply-form .fp-slidesNav ul li:hover a.active:before{background-color:var(--primary-color);opacity:0.1;}


body:not(.main) .custom_select .select_btn{border:1px solid var(--primary-color);}
body:not(.main) .custom_select .select_text{color:var(--primary-color);}
body:not(.main) .custom_select .select_arrow{border-top:4px solid var(--primary-color);}


/* 커스텀 셀렉트박스 공통 */
.custom_select { position:absolute; top:30px; right:166px; } 
.custom_select .select_btn { width:100%; height:40px; padding:0 35px 0 15px; background-color:transparent; border:1px solid #fff; border-radius:100px; cursor:pointer; display:flex; align-items:center; justify-content:space-between; transition:all 0.3s ease; } 
.custom_select .select_text { font-size:14px; color:#fff; font-weight:500; } 
/* 화살표 */
.custom_select .select_arrow { position:absolute; right:15px; top:50%; transform:translateY(-50%); width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #fff; transition:transform 0.3s ease; } 
.custom_select.active .select_arrow { transform:translateY(-50%) rotate(180deg); } 
/* 드롭다운 리스트 */
.custom_select .select_list { position:absolute; top:calc(100% + 5px); left:50%; width:100px; background-color:rgba(0,0,0,0.5); border-radius:10px; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); opacity:0; visibility:hidden; transform:translate(-50%, -10px); transition:all 0.3s ease; z-index:100; max-height:200px; overflow-y:auto; } 
.custom_select.active .select_list { opacity:1; visibility:visible; transform:translate(-50%, 0); } 
.custom_select .select_list li { list-style:none; } 
.custom_select .select_list li a { text-align:center; display:block; padding:10px 15px; font-size:14px; color:#fff; text-decoration:none; transition:all 0.3s ease; } 
.custom_select .select_list li a:hover { background-color:rgba(42,72,22,0.5); color:#fff; } 
.custom_select .select_list li:first-child a { border-radius:4px 4px 0 0; } 
.custom_select .select_list li:last-child a { border-radius:0 0 4px 4px; } 
/* 언어 선택 셀렉트박스 */
.lang_select { width:100px; } 
/* 스크롤바 커스텀 */
.custom_select .select_list::-webkit-scrollbar { width:6px; } 
.custom_select .select_list::-webkit-scrollbar-thumb { background-color:#ccc; border-radius:3px; } 
.custom_select .select_list::-webkit-scrollbar-track { background-color:#f5f5f5; } 
/* 현재 선택된 언어 표시 */
.custom_select .select_list li.active a { background-color:var(--primary-color); color:#fff; font-weight:600; } 
.custom_select .select_list li.active a:hover { color:#fff; }

.open .custom_select .select_btn{border:1px solid var(--primary-color);}
.open .custom_select .select_text{color:var(--primary-color);}
.open .custom_select .select_arrow{border-top: 4px solid var(--primary-color);}

.mb_only{display:none;}


/* 메인비주얼 */
.main_visual_wrap { position:relative; width:100%; height:100vh; overflow:unset; } 
.main_visual_wrap::before { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:4; content:''; } 
.main_visual_video_wrap { position:absolute; top:0; left:0; width:100%; height:100%; } 
.main_visual_logo_wrap { position:absolute; z-index:10; top:50%; left:50%; width:80%; transform:translate(-50%, -50%); } 
.main_visual_slogan { font-family:'Inter', 'Pretendard', sans-serif; font-size:30px; color:#fff; font-weight:500; margin-top:30px; } 
.main_visual_txt { font-size:36px; font-weight:400; margin-top:100px; line-height:1.4; } 


/* 공통 */
.main_sec_tit { text-align:center; line-height:1.4;;} 
.main_sec_tit .main_tit_en { font-family:'Inter','Pretendard', sans-serif; font-size:18px; font-weight:400; color:#fff; } 
.main_sec_tit h4.main_tit { font-family:'Pretendard', sans-serif; font-size:45px; font-weight:600; color:#fff; margin-top:26px; line-height:1.4;; } 
.m_btn_all_wrap { display:flex; flex-wrap:wrap; align-items:center; gap:10px; } 
.m_btn_all_wrap > div { height:60px; border-radius:100px; border:1px solid #222; } 
.m_btn_all_wrap > div a { display:block; width:100%; height:100%; padding:0 25px; font-size:18px; font-weight:600; cursor:pointer; } 
.m_btn_all_wrap > div a span { position:relative; line-height:60px; padding-right:40px; } 
.m_btn_all_wrap > div a span::before { position:absolute; top:50%; right:0; margin-top:-5px; width:2px; height:8px; border-radius:2px; background-color:#222; transform:rotate(-45deg); content:''; } 
.m_btn_all_wrap > div a span::after { position:absolute; top:50%; right:0; margin-top:0px; width:2px; height:8px; border-radius:2px; background-color:#222; transform:rotate(45deg); content:''; } 
.m_btn_g { border-color:var(--primary-color); background-color:var(--primary-color); } 
.m_btn_g a { color:#fff; } 
.m_btn_all_wrap .m_btn_g a span::before, .m_btn_all_wrap .m_btn_g a span::after { background-color:#fff; } 
.tab_content { display:none; } 
.tab_content.active { display:block; } 
#fp-nav ul li { 
 display: block !important; 
 opacity: 1 !important; 
 } 



/* sec02_그리보 핵심기술 */
.main_sec_01_wrap { position:relative; overflow:hidden; } 
.main_sec_01_cont_wrap { position:absolute; top:50%; left:50%; transform:translate(-50%, -60%); width:80%;} 
.main_sec01_bg { width:100%; height:100vh; background:url('../images/main/main_bg_tech.png') center center/cover no-repeat; } 
.main_sec_01_txt_wrap { position:relative; display:flex; flex-wrap:wrap; justify-content:center; } 
.main_sec_01_txt_wrap::before { position:absolute; top:30px; left:50%; width:1px; height:100px; background-color:#fff; content:''; } 
.main_sec_01_txt_wrap::after { position:absolute; bottom:calc(-100% - 40px); left:50%; width:1px; height:100%; background-color:#fff; content:''; } 
.main_sec_01_logo { margin-top:150px; margin-bottom:50px; } 
.main_sec_01_txt { width:100%; } 
.main_sec_01_txt p { font-size:50px; font-weight:500; color:#fff; line-height:1.5; text-align:center; word-break:keep-all; } 
.main_sec_01_txt p span { position:relative; background-color:var(--primary-color); } 
.main_sec_01_txt p span::after { position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--primary-color); content:''; z-index:-1; } 


/* sec03_그리보 기능적 특징 */
.main_sec_02_wrap { width:100%; max-width:1350px; margin:0 auto; } 
.main_sec_02_cont_wrap { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; } 
.main_sec_02_cont_01 { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; gap:100px; } 
.main_sec_02_img { border-radius:100%; overflow:hidden; } 
.main_sec_02_txt_wrap { } 
.sec_tit02 { text-align:left; } 
.sec_tit02 .main_tit_en { color:var(--point-color); } 
.sec_tit02 h4.main_tit { font-size:45px; color:#222; } 
.main_sec_02_list_wrap { margin-top:40px; margin-bottom:50px; } 
.main_sec_02_img{width:450px;}
.main_sec_02_txt_wrap{width:calc(100% - 550px);}
.main_sec_02_icon_wrap ul{align-items:flex-start;gap:20px;}
.main_sec_02_list_wrap ul li { margin-bottom:10px; } 
.main_sec_02_list_wrap ul li p{word-break:keep-all;}
.main_sec_02_list_wrap ul li:last-child { margin-bottom:0; } 
.main_sec_02_list_wrap ul li p { position:relative; font-size:24px; color:#222; line-height:1.4; padding-left:15px; } 
.main_sec_02_list_wrap ul li p::before { position:absolute; top:15px; left:0; width:3px; height:3px; background-color:#222; content:''; } 
.main_sec_02_cont_02 { width:100%; margin-top:100px; } 
.main_sec_02_icon_wrap ul { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; } 
.main_sec_02_icon_wrap ul li { display:flex; flex-wrap:wrap; flex:1; align-items:center; justify-self:center; text-align:center; } 
.main_sec_02_icon { width:100%; margin-bottom:30px; } 
.main_sec_02_icon_txt_wrap { width:100%; } 
.main_sec_02_icon_txt_wrap strong { display:block; font-size:24px; font-weight:600; line-height:1.1; color:#222; margin-bottom:10px; } 
.main_sec_02_icon_txt_wrap span { font-size:18px; line-height:1.4; } 



/* sec04_그리보 생산 공정 */
.main_sec_03_wrap { background-color:var(--sub-color); } 
.main_sec_03_tab_section { width:100%; max-width:1600px; margin:0 auto; } 
.sec_tit03 { text-align:left; display:flex; flex-wrap:wrap; align-items:center; gap:40px; } 
.sec_tit03 .main_tit_en { color:var(--point-color); } 
.sec_tit03 h4.main_tit { font-size:45px; color:#222; margin-top:0; } 
.main_sec_03_tab_tlt { display:flex; flex-wrap:wrap; align-items:center;padding:5% 0 2%; } 
.main_sec_03_wrap .tab_buttons { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-left:50px; } 
.main_sec_03_wrap .tab_buttons .tab_btn { width:180px; height:60px; font-family:'Pretendard', sans-serif; font-size:24px; font-weight:600; color:#888; border-radius:100px; border:1px solid #888; background-color:var(--sub-color); transition:all 0.2s ease; } 
.main_sec_03_wrap .tab_buttons .tab_btn.active { background-color:var(--point-color); color:#fff; border-color:var(--point-color); } 
.main_sec_03_wrap .tab_content_wrapper { min-height:1016px; display:flex; align-items:center; justify-content:center; } 
.main_sec_03_wrap .tab_content { width:100%; } 
.main_sec_03_wrap .tab_content_txt_wrap { background-color:#fff; padding:90px; } 
.main_sec_03_wrap .tab_content_txt { border-bottom:1px solid #ddd; padding-bottom:50px; margin-bottom:50px; } 
.main_sec_03_wrap .tab_content_txt:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0; } 
.main_sec_03_wrap .tab_content_txt_wrap { width:100%; } 
.main_sec_03_wrap .tab_content_txt_wrap dl { display:flex; flex-wrap:wrap; align-items:center; } 
.main_sec_03_wrap .tab_content_txt_wrap dl dt { font-size:32px; font-weight:600; color:var(--point-color); margin-right:80px; } 
.main_sec_03_wrap .tab_content_txt_wrap dl dd { color:#222; position:relative; font-size:24px; padding-right:30px; margin-right:30px; } 
.main_sec_03_wrap .tab_content_txt_wrap dl dd::before { position:absolute; top:50%; right:0; margin-top:-7px; width:2px; height:12px; border-radius:2px; background-color:var(--point-color); transform:rotate(-45deg); content:''; } 
.main_sec_03_wrap .tab_content_txt_wrap dl dd::after { position:absolute; top:50%; right:0; margin-top:1px; width:2px; height:12px; border-radius:2px; background-color:var(--point-color); transform:rotate(45deg); content:''; } 
.main_sec_03_wrap .tab_content_txt_wrap dl dd:last-child { padding-right:0; margin-right:0; } 
.main_sec_03_wrap .tab_content_txt_wrap dl dd:last-child::before, 
.main_sec_03_wrap .tab_content_txt_wrap dl dd:last-child::after { display:none; } 
.main_sec_03_wrap .tab_content_img {text-align:center; } 
.main_sec_03_wrap .tab_content_txt p { font-size:24px; color:#222; text-align:center; } 
.main_sec_03_wrap .tab_content_txt p span { font-weight:600; } 
.main_sec_03_wrap .tab_content_img {padding:4% 0;}


/* sec05_그리보 라인업 */
.main_sec_04_wrap .split_slide_section .left_side { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; } 
.main_sec_04_wrap .split_slide_section .main_sec_04_tit_all_wrap { position:relative; z-index:10; margin-top:-220px; margin-bottom:220px; } 
.main_sec_04_wrap .split_slide_section { height:100vh; display:flex; } 

.main_sec_04_wrap .left_side { width:50%; position:relative; overflow:hidden; } 
.main_sec_04_wrap .left_bg { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; transition:opacity 0.5s ease; opacity:0; } 
.main_sec_04_wrap .left_bg.active { opacity:1; } 
.main_sec_04_wrap .slide_buttons { position:absolute; bottom:80px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; gap:20px; z-index:10; } 
.main_sec_04_wrap .slide_btn { background:transparent; border:none; } 

.main_sec_04_wrap .right_side { width:50%; background:#f5f5f5; display:flex; flex-wrap:wrap; align-items:center; padding-left:5%; } 
.main_sec_04_wrap .slide_content { display:none; animation:fadeInRight 0.5s ease-out; width:90%; } 
.main_sec_04_wrap .slide_content.active { display:block; } 
.main_sec_04_wrap .slide_content h3 { font-size:2.5rem; font-weight:bold; margin-bottom:30px; color:#333; } 
.main_sec_04_wrap .slide_content p { font-size:1.1rem; line-height:1.8; color:#666; margin-bottom:20px; } 
.main_sec_04_wrap .slide_content ul { list-style:none; padding:0; margin-top:30px; } 
.main_sec_04_wrap .slide_content ul li { border-bottom:1px solid #eee; font-size:1rem; color:#555; } 
.main_sec_04_wrap .slide_content ul li:before { content:""; color:#4CAF50; font-weight:bold; margin-right:10px; } 

.main_sec_04_wrap .slide_buttons { width:100%; position:relative; bottom:auto; left:auto; transform:unset; display:flex; flex-direction:column; align-items:center; gap:0; z-index:10; } 
.main_sec_04_wrap .arrow_btn { width:78px; height:41px; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; background:url('../images/main/main_sec05_arrow.png') center center/cover no-repeat; } 
.main_sec_04_wrap .arrow_btn.next_btn { transform:rotate(180deg); } 
.main_sec_04_wrap .slide_btn_container { display:flex; flex-direction:column; margin:130px 0; position:relative; } 
.main_sec_04_wrap .slide_btn { cursor:pointer; position:absolute; left:50%; transform:translateX(-50%); opacity:0.5; scale:0.5; } 
.sec_all_wrap .main_sec_04_wrap .slide_btn img { max-width:unset !important; } 
.main_sec_04_wrap .slide_btn.active { opacity:1; scale:1; top:50%; transform:translate(-50%, -50%); } 
.main_sec_04_wrap .slide_btn.prev { top:-300px; transform:translate(-100%, 0%); } 
.main_sec_04_wrap .slide_btn.next { bottom:-300px; transform:translate(-100%, 0); } 
.main_sec_04_wrap .slide_btn span { display:flex; align-items:center; justify-content:center; } 

.main_sec_04_wrap .main_sec_04_txt_tit_wrap { display:flex; flex-wrap:wrap; align-items:center; gap:25px; } 
.main_sec_04_wrap .main_sec_04_txt_sub { font-size:24px; color:#222; } 
.main_sec_04_wrap .main_sec_04_txt_sub em { font-size:18px; } 
.main_sec_04_wrap .main_sec_04_keyword ul { display:flex; flex-wrap:wrap; gap:10px; margin-top:50px; margin-bottom:60px; } 
.main_sec_04_wrap .main_sec_04_keyword ul li { border-radius:50px; border:1px solid var(--point-color); padding:0 30px; text-align:center; } 
.main_sec_04_wrap .main_sec_04_keyword ul li span { font-size:18px; color:var(--point-color); line-height:60px; } 
.main_sec_04_wrap .main_sec_04_keyword ul li:before { display:none; } 

.main_sec_04_wrap .main_sec_04_list_txt_wrap { } 
.main_sec_04_wrap .slide_content .main_sec_04_list ul li:before { display:none; } 
.main_sec_04_wrap .main_sec_04_list ul li { display:flex; flex-wrap:wrap; align-items:center; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #bbb; } 
.main_sec_04_wrap .main_sec_04_list ul li:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none; } 
.main_sec_04_wrap .main_sec_04_list ul li .main_sec_04_list_img { width:88px; margin-right:70px; } 
.main_sec_04_wrap .main_sec_04_list ul li .main_sec_04_list_txt_wrap { width:calc(100% - 158px); } 
.main_sec_04_wrap .main_sec_04_list_txt_wrap strong { font-size:32px; font-weight:600; color:var(--point-color); } 
.main_sec_04_wrap .main_sec_04_list_txt_wrap .main_sec_04_list_txt { font-size:18px; color:#222; margin-top:15px; } 
.main_sec_04_wrap .main_sec_04_list_txt_wrap .main_sec_04_list_txt p { font-size:18px; color:#222; margin-bottom:5px; line-height:1.4; word-break:keep-all; } 
.main_sec_04_wrap .main_sec_04_list_txt_wrap .main_sec_04_list_txt p:last-child { margin-bottom:0; } 

.main_sec_04_wrap .main_sec_04_keyword ul li.no_border{border:none;padding:0;}

@keyframes fadeInRight { 
 from { 
 opacity: 0; 
 transform: translateX(30px); 
 } 
 to { 
 opacity: 1; 
 transform: translateX(0); 
 } 
 } 


/* sec06_그리보의 제품활용 */
.main_sec_05_tit_all_wrap { margin-bottom:110px; } 
.sec_tit05 { text-align:left; } 
.sec_tit05 .main_tit_en { color:var(--point-color); } 
.sec_tit05 h4.main_tit { font-size:45px; color:#222; margin-bottom:35px; } 
.sec_tit05 .main_tit_sub { font-size:32px; font-weight:500; color:#222; line-height:1.3; } 
/* 왼쪽 탭 + 오른쪽 슬라이드 섹션 */
.main_sec_05_wrap .tab_slide_section { height:100vh; display:flex; } 
/* 왼쪽 영역 (40%) */
.main_sec_05_wrap .left_tab_area { width:600px; display:flex; flex-direction:column; justify-content:center; } 
.main_sec_05_wrap .left_title_wrap h2 { font-size:3rem; font-weight:bold; color:#333; margin-bottom:15px; } 
.main_sec_05_wrap .left_title_wrap .sub_title { font-size:1.2rem; color:#666; margin-bottom:50px; } 
.main_sec_05_wrap .tab_menu_wrap { display:flex; flex-direction:column; gap:10px; } 
.main_sec_05_wrap .tab_menu_btn { border:none; background:transparent; font-size:36px; font-weight:600; color:#bbb; text-align:left; } 
.main_sec_05_wrap .tab_menu_btn:hover { color:#222; } 
.main_sec_05_wrap .tab_menu_btn.active { color:#222; } 
.main_sec_05_wrap .tab_menu_btn.active span { position:relative; padding-right:20px; } 
.main_sec_05_wrap .tab_menu_btn.active span::after { position:absolute; bottom:28px; right:0; width:10px; height:10px; background-color:#658034; border-radius:100px; content:''; } 
/* 오른쪽 슬라이드 영역 - 화면 끝까지 확장 */
.main_sec_05_wrap .right_slide_area { position:absolute; left:700px; /* 왼쪽 영역 너비만큼 */right:0; width:calc(100vw - ((100vw - 1350px) / 2) - 700px); /* 화면 끝까지 */overflow:hidden; } 
.main_sec_05_wrap .slide_wrapper { display:none; height:100%; } 
.main_sec_05_wrap .slide_wrapper.active { display:block; } 
.main_sec_05_wrap .slide_container { display:flex; gap:30px; padding:80px 0 120px 60px; /* 하단 여백 추가 (프로그래스바 공간) */height:calc(100% - 60px); /* 프로그래스바 높이 제외 */
overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth; /* 스크롤바 숨기기 */cursor: grab; /* 드래그 커서 */-ms-overflow-style:none; scrollbar-width:none; /* 스냅 스크롤 추가 */
scroll-snap-type:x mandatory; } 
.main_sec_05_wrap .slide_container:active { cursor: grabbing; /* 드래그 중 커서 */ } 
.main_sec_05_wrap .slide_container::-webkit-scrollbar { display:none; } 
.main_sec_05_wrap .slide_item { position:relative; min-width:400px; height:560px; background:white; border-radius:20px; overflow:hidden;  flex-shrink:0; /* 스냅 포인트 추가 */scroll-snap-align:start; transition:opacity 0.3s ease; opacity:0.3; /* 기본값 흐리게 */ } 
.main_sec_05_wrap .slide_item.visible { opacity:1; /* 보이는 아이템은 밝게 */ } 
.main_sec_05_wrap .slide_item_img { width:100%; } 
.main_sec_05_wrap .slide_item_img img { width:100%; height:100%; object-fit:cover; } 
.main_sec_05_wrap .slide_item_content { position:absolute; bottom:50px; left:50px; width:calc(100% - 100px); } 
.main_sec_05_wrap .slide_item_content h5 { font-family:'Pretendard', sans-serif; font-size:32px; font-weight:bold; color:#fff; } 
/* 슬라이드 네비게이션 버튼 */
.main_sec_05_wrap .slide_nav { position:absolute; bottom:40px; /* 프로그래스 바 위쪽 */left:-17px; display:flex; gap:15px; z-index:10; } 
.main_sec_05_wrap .slide_nav_btn { width:50px; height: 0px; border:none; border-radius:50%; cursor:pointer; box-shadow:0 4px 15px rgba(0,0,0,0.1); transition:all 0.3s ease; display:flex; align-items:center; justify-content:center; font-size:1.2rem; color:#333; } 
.main_sec_05_wrap .slide_nav_btn:hover { background:#333; color:white; transform:scale(1.1); } 
.main_sec_05_wrap .slide_nav_btn:active { transform:scale(0.95); } 
.main_sec_05_wrap .slide_nav_btn.next { transform:rotate(180deg); } 
/* 전체 컨테이너 */
.main_sec_05_wrap .tab_slide_section_container { max-width:1350px; margin:0 auto; position:relative; } 
.main_sec_05_wrap .tab_slide_section { height:100vh; display:flex; align-items:center; overflow:visible; /* hidden에서 visible로 변경 */ } 
/* 프로그래스 바 */
.main_sec_05_wrap .slide_progress_wrap { position:absolute; bottom:40px; left:120px; right:250px; height:4px; background:rgba(0,0,0,0.1); border-radius:2px; overflow:hidden; } 
.main_sec_05_wrap .slide_progress_bar { height:100%; background:#333; width:0%; transition:width 0.3s ease; border-radius:2px; } 

/*
.main_sec_05_wrap .slide_container .slide_item:last-child {
    margin-right:30%;
}*/

/* sec07_공급형태 */
.main_sec_06_wrap { background-color:#f5f5f5;; } 
.main_sec_06_cont_wrap { display:flex; flex-wrap:wrap; gap:30px; width:100%; max-width:1350px; margin:0 auto; } 
.main_sec_06_cont { width:calc((100% - 60px) / 3); } 
.sec_tit06 { text-align:left; } 
.sec_tit06 .main_tit_en { color:var(--point-color); } 
.sec_tit06 h4.main_tit { font-size:45px; color:#222; } 
.sec_tit06 .main_tit_sub_wrap { font-weight:500; line-height:1.4; margin-top:2%; } 
.sec_tit06 .main_tit_sub_wrap .main_tit_sub { font-size:32px; color:#222; } 
.sec_tit06 .main_tit_sub_wrap p { font-size:18px; color:#888; margin-top:30px; } 
.main_sec_06_cont:nth-child(2) .main_sec_06_item { border-radius:50px 0 0 0; overflow:hidden; } 
.main_sec_06_cont:last-child .main_sec_06_item { border-radius:0 0 50px 0; overflow:hidden; } 
.main_sec_06_item { position:relative; } 
.main_sec_06_item_txt_wrap { position:absolute; bottom:50px; left:0; right:0; padding:0 50px; } 
.main_sec_06_item_txt { display:block; position:relative; } 
.main_sec_06_item_txt span { display:block; font-size:36px; font-weight:500; color:#fff; line-height:1.2; } 
.main_sec_06_item_txt p { font-size:18px; line-height:1.4; color:#fff; margin-top:0; transform:translateY(20px); /* 살짝 아래에서 시작 */max-height:0; margin-top:0; opacity:0; overflow:hidden; transition:all 0.4s ease; } 
.main_sec_06_item:hover .main_sec_06_item_txt p { transform:translateY(0); max-height:300px; /* 충분한 높이 */margin-top:15px; opacity:1; } 
.main_sec_06_cont { position:relative; } 
.main_sec_06_cont::before, .main_sec_06_cont::after { z-index:10; position:absolute; width:74px; height:74px; content:''; opacity:0; } 

/* 화살표 페이드인 애니메이션 */
@keyframes fadeInArrow { 
 from { 
 opacity: 0; 
 transform: translateY(-50%) translateX(-50%) rotate(-90deg); /* 위에서 아래로 */
 } 
 to { 
 opacity: 1; 
 transform: translateY(0) translateX(-50%) rotate(-90deg); 
 } 
 } 
/* 화살표 페이드인 애니메이션 */
@keyframes fadeInArrowSide { 
 from { 
 opacity: 0; 
 transform: translateX(50%) translateY(-50%); /* 오른쪽에서 왼쪽으로 */
 } 
 to { 
 opacity: 1; 
 transform: translateX(0) translateY(-50%); 
 } 
 } 



.main_sec_06_cont.cont_03 { box-sizing:border-box; border:5px solid var(--point-color); } 
.main_sec_06_cont.cont_03::before { animation:fadeInArrowSide 1.0s ease forwards; top:50%; left:-54px; background:url('../images/main/main_sec07_arrow_first.png') center center/cover no-repeat; animation-delay:3s; /* 개별 지연 시간 조정 가능 */ } 
.main_sec_06_cont.cont_03::after { animation:fadeInArrow 1.0s ease forwards; bottom:-54px; left:50%; background:url('../images/main/main_sec07_arrow_first.png') center center/cover no-repeat; animation-delay:3s; } 
.main_sec_06_cont.cont_02::after { animation:fadeInArrow 1.0s ease forwards; bottom:-52px; left:50%; background:url('../images/main/main_sec07_arrow.png') center center/cover no-repeat; animation-delay:3.5s; } 
.main_sec_06_cont.cont_05::before { animation:fadeInArrowSide 1.0s ease forwards; top:50%; left:-54px; background:url('../images/main/main_sec07_arrow.png') center center/cover no-repeat; animation-delay:4s; } 
.main_sec_06_cont.cont_06::before { animation:fadeInArrowSide 1.0s ease forwards; top:50%; left:-54px; background:url('../images/main/main_sec07_arrow.png') center center/cover no-repeat; animation-delay:3.5s; } 
.main_sec_06_item { position:relative; overflow:hidden; } 
.main_sec_06_item::before { transition:all 0.4s ease; position:absolute; top:100%; left:0; width:100%; height:100%; background-color:var(--primary-color); content:''; } 
.main_sec_06_cont.cont_03 .main_sec_06_item::before { background-color:var(--point-color); } 
.main_sec_06_item:hover::before { top:0; } 

/* sec08_그리보의 안정성과 핵심가치 */
.main_sec_07_wrap { background:url('../images/main/main_sec08_img01.png') center center/cover no-repeat; } 
.sec_tit07 .main_tit_sub_wrap { margin-top:34px; } 
.sec_tit07 .main_tit_sub { color:#364433; font-size:70px; font-weight:600; } 
.main_sec_07_cont { margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-top:90px; } 
.main_sec_07_cont ul { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-left:30px; } 
.main_sec_07_cont ul li { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:380px; height:380px; border:1px solid #fff; border-radius:100%; margin-left:-30px; } 
.main_sec_07_cont_txt { color:#fff; text-align:center; } 
.main_sec_07_cont_txt strong { display:block; font-size:32px; font-weight:600; line-height:1.2; margin-bottom:20px; } 
.main_sec_07_cont_txt span { font-size:18px; line-height:1.4; } 
.main_sec_07_cont_keyword_wrap { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; width:100%;margin-top:60px; } 
.main_sec_07_cont_keyword { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100px; height:60px; background-color:rgba(37, 55, 39, 0.8);  } 
.main_sec_07_cont_keyword span { display:inline-block; padding:0 30px; font-size:24px; font-weight:500; color:#fff; } 


/* sec09_인증구조 */
.main_sec_08_wrap { background:url('../images/main/main_bg_certi.png') center center/cover no-repeat; } 
.main_sec_08_cont_wrap { width:100%; max-width:1350px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; } 
.sec_tit08 { text-align:left; } 
.sec_tit08 .main_tit_en { color:var(--point-color); } 
.sec_tit08 h4.main_tit { font-size:45px; color:#222; } 
.sec_tit08 .main_tit_sub { display:block; font-size:32px; color:#222; margin-top:40px; } 
.sec_tit08 .main_tit_sml { display:block; font-size:24px; color:#888; margin-top:20px; } 
.main_sec_08_cont.left_cont { position:relative; width:50%; } 
.main_sec_08_img01 { position:absolute; top:-1000px; right:50px; } 
.main_sec_08_cont.right_cont { width:50%; } 
.main_sec_08_cont .m_btn_all_wrap { margin-top:60px; } 
.main_sec_08_img02 { margin-top:100px;} 
.main_sec_08_cont .m_btn_all_wrap .m_btn a span::before { display:none; } 
.main_sec_08_cont .m_btn_all_wrap .m_btn a span::after { transform:rotate(0); top:4px; width:12px; height:15px; background:url('../images/main/main_sec08_icon_down.png') center center/cover no-repeat; } 


/* sec10_공지사항 */
.main_sec_09_wrap { } 
.main_sec_09_cont_wrap { display:flex; flex-wrap:wrap; height:100%; } 
.main_sec_09_cont { width:50%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; } 
.main_sec_09_cont.left_cont { background:url('../images/main/main_sec10_img01.png') center center/cover no-repeat; } 
.main_sec_09_cont.left_cont .main_sec_09_txt_wrap { text-align:center; color:#fff; } 
.main_sec_09_txt span { font-size:70px; font-weight:600; } 
.main_sec_09_txt p { font-size:32px; line-height:1.4; margin-top:40px; margin-bottom:60px; } 
.main_sec_09_wrap .m_btn_all_wrap { justify-content:center; } 
.main_sec_09_wrap .m_btn_all_wrap .btn_go { border:1px solid #fff; } 
.main_sec_09_wrap .m_btn_all_wrap .btn_go > a { color:#fff; } 
.main_sec_09_wrap .m_btn_all_wrap .btn_go a span::before,
.main_sec_09_wrap .m_btn_all_wrap .btn_go a span::after { background-color:#fff; } 

.main_sec_09_cont.right_cont { } 
.main_sec_09_notice_wrap { width:65%; } 
.main_sec_09_tit_all_wrap { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; padding-bottom:40px; margin-bottom:40px; border-bottom:2px solid #222; } 
.main_sec_09_tit_wrap { } 
.sec_tit09 { text-align:left; } 
.sec_tit09 .main_tit_en { color:var(--point-color); } 
.sec_tit09 h4.main_tit { font-size:45px; color:#222; } 
.main_sec_09_notice_list { } 
.main_sec_09_notice_list .m_b_ns_box { padding-bottom:40px; border-bottom:1px solid #ddd; border-top:none; margin-bottom:40px; } 
.main_sec_09_notice_list .m_b_ns_box:last-child { margin-bottom:0; } 
.main_sec_09_notice_list .m_b_ns_box:nth-child(n+4) { display:none; } 
.main_sec_09_notice span { font-size:24px; font-weight:600; color:#222; display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; } 
.main_sec_09_notice p { font-size:18px; line-height:1.4; color:#222; margin-top:20px; width:100%; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; } 

.main_sec_09_notice .tit { font-size:24px; font-weight:600; color:#222; display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; } 
.main_sec_09_notice .info { font-size:18px; line-height:1.4; color:#222; margin-top:20px; width:100%; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; } 
.main_sec_09_notice .m_b_ns_box_a { background-image:unset; } 


/* sec11_오시는 길 */
.main_sec_10_wrap { background:url('../images/main/main_bg_footer.png') center center/cover no-repeat; } 
.main_sec_10_cont_wrap { width:100%; max-width:1350px; margin:0 auto; color:#fff; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; } 
.sec_tit10 { text-align:left; } 
.main_sec_10_tit_all_wrap { margin-bottom:100px; } 
.main_sec_10_company { font-size:32px; font-weight:600; } 
.main_sec_10_address_wrap { margin-top:50px; } 
.main_sec_10_address_wrap span { display:block; margin-bottom:20px; font-size:32px; font-weight:500; } 
.main_sec_10_address_wrap .main_sec_10_address { display:flex; flex-wrap:wrap; } 
.main_sec_10_address_wrap .main_sec_10_address span { font-size:24px; font-weight:400; margin-bottom:15px; } 
.main_sec_10_address_wrap .main_sec_10_address span:first-child { position:relative; padding-right:20px; margin-right:20px;} 
.main_sec_10_address_wrap .main_sec_10_address span:first-child::after { position:absolute; top:2px; right:0; width:1px; height:20px; background-color:#fff; content:''; } 
.main_sec_10_copyright_wrap { margin-top:120px; display:flex; flex-wrap:wrap; font-size:18px; } 
.main_sec_10_copyright_btn_wrap .btn_ft { color:#fff; display:inline-block; margin-right:30px; } 
.main_sec_10_copyright_btn_wrap .btn_ft:last-child { margin-right:0; } 
.main_sec_10_copyright { width:100%; margin-top:20px; } 

.main_sec_10_cont_wrap{gap:20px;}
.main_sec_10_cont.left_cont{width:calc(80% - 20px);}
.main_sec_10_cont.right_cont{width:20%;}



/* ========================================
 반응형 미디어 쿼리
 ======================================== */


@media (max-width: 1920px) { 

     /* 메인 페이지가 아닌 경우 헤더 항상 표시 */
    body:not(.main) .header_all_wrap {
        position: fixed !important;
        top: 0 !important;
    }
    
    /* 메인 페이지에서만 자동 숨김 */
    body.main .header_all_wrap {
        position: fixed;
        top: -100px; /* 헤더 높이만큼 위로 숨김 */
        left: 0;
        width: 100%;
        transition: top 0.3s ease-in-out;
        z-index: 9999;
    }
    
    body.main .header_all_wrap.show {
        top: 0 !important;
    }


    .main_sec_01_txt p { font-size:40px; }
    .main_sec_01_txt p{font-size:36px;} 
    .main_sec_02_list_wrap ul li p{font-size:20px;}
    .main_sec_03_wrap .tab_content_txt_wrap { padding:60px; } 
    .main_sec_03_wrap .tab_content_txt_wrap dl dt{font-size:28px;}
    .main_sec_03_wrap .tab_content_txt_wrap dl dd{font-size:20px;}
    .main_sec_04_wrap .main_sec_04_list{height:50vh;overflow-y:auto;padding-right:20px;}

    .main_sec_03_tab_tlt {padding:0;} 
    .main_sec_03_wrap .tab_content_wrapper { min-height:auto;height:712px;}
    .main_sec_03_wrap .tab_content_img{padding:5% 0;}
    .main_sec_03_wrap .tab_content_img{height:500px;}
    .main_sec_03_wrap #tab_1 .tab_content_img{height:600px;}
    .main_sec_03_wrap .tab_content_img img{height:100%;width:auto;}

}



@media (max-width: 1800px) { 

.main_sec_tit h4.main_tit{font-size:40px;}
 
 /* sec01_메인비주얼 */
 .main_visual_logo_img img{max-width:300px;}
 .main_visual_txt{font-size:32px;line-height:1.4;margin-top:70px;} 
 

 /* sec02_핵심기술 */
 .main_sec_02_cont_02{margin-top:80px;}
 
 
 /* sec04_생산 공정 */
 .main_sec_03_tab_section{max-width:100%;padding:0 50px;}
 
 .main_sec_03_wrap .tab_content_wrapper{min-height:auto;height:auto;}
 .main_sec_03_wrap #tab_1 .tab_content_img{height:auto;}
 .main_sec_03_wrap .tab_content_img{width:80%;margin:0 auto;padding:4% 0;height:auto;}
 .main_sec_03_wrap .tab_content:last-child .tab_content_img{width:498px;}


 /* sec05_라인업 */
 .main_sec_04_wrap .split_slide_section .main_sec_04_tit_all_wrap{margin-top:-150px;margin-bottom:150px;}
 .main_sec_04_wrap .main_sec_04_txt_sub{font-size:20px;}

 .main_sec_04_wrap .main_sec_04_list ul li .main_sec_04_list_img{margin-right:40px;}
 .main_sec_04_wrap .main_sec_04_list_txt_wrap strong{font-size:30px;}
 .main_sec_04_wrap .main_sec_04_keyword ul { margin-top:20px; margin-bottom:30px;gap:5px; } 
 .main_sec_04_wrap .main_sec_04_keyword ul li { padding:0 20px; } 
 .main_sec_04_wrap .main_sec_04_keyword ul li span { line-height:40px; }
 .main_sec_04_wrap .slide_btn_container{margin:100px 0;}
 .main_sec_04_wrap .slide_btn.active { scale:0.8; transform:translate(-65%, -50%); } 
 .main_sec_04_wrap .slide_btn.prev{top:-250px;}
 .main_sec_04_wrap .slide_btn.next{bottom:-250px;}

 /* sec06_제품활용 */
 .sec_tit05 .main_tit_sub{font-size:28px;}
 .main_sec_05_wrap .tab_menu_btn{font-size:28px;}
 .main_sec_05_wrap .left_tab_area{width:500px;}
 .main_sec_05_wrap .right_slide_area{left:500px;width:calc(100vw - ((100vw - 1350px) / 2) - 500px);}
 .main_sec_05_wrap .slide_container .slide_item:last-child {
    margin-right:0; /* 여백 조정 */
}


 .sec_tit07 .main_tit_sub{font-size:60px;}
 .main_sec_07_cont_txt strong{font-size:30px;}
 .main_sec_07_cont_keyword span{font-size:20px;}

 .sec_tit08 .main_tit_sub{font-size:26px;line-height:1.4;}
 .sec_tit08 .main_tit_sml{font-size:18px;}
 .main_sec_08_img02{bottom:auto;margin-top:100px;}

 .main_sec_06_cont_wrap{padding-top:5%;}
 .main_sec_07_cont_wrap{padding-top:5%;}

.main_sec_08_img01{width:500px;top:-950px;}




 } 

@media (max-width: 1600px) { 

.top_nav .menu_01{width:110px;}
.top_nav .menu_02{width:180px !important;}
.top_nav .menu_03{width:110px;}
.top_nav .menu_04{width:110px !important;}
.top_nav .menu_05{width:110px;}
.top_nav .menu_06{width:110px;}




 /* sec02_핵심기술 */
 .main_sec_01_logo{margin-top:120px;margin-bottom:30px;}
 .main_sec_01_txt_wrap::before{height:70px;}

 .main_sec_02_cont_02{margin-top:60px;}
 .main_sec_02_list_wrap{margin-top:30px;margin-bottom:40px;}


 /* sec04_생산 공정 */
 .main_sec_03_tab_section { padding:0 60px; } 
 .main_sec_03_wrap .tab_content_txt_wrap dl { gap:10px 0; } 
 .main_sec_03_wrap .tab_content_txt_wrap dl dt { width:100%; margin-bottom:10px; margin-right:0;}
 .main_sec_03_wrap .tab_content_txt{padding-bottom:30px;margin-bottom:30px;}
 

 /* sec05_라인업 */
 .main_sec_04_wrap .split_slide_section .main_sec_04_tit_all_wrap { margin-top:-160px; margin-bottom:160px; } 
 .main_sec_04_wrap .arrow_btn { width:60px; } 
 .main_sec_04_wrap .slide_btn_container { margin:90px 0; } 
 .main_sec_04_wrap .slide_btn.prev { top:-240px; } 
 .main_sec_04_wrap .slide_btn.next { bottom:-240px; } 
 .main_sec_04_wrap .slide_btn.active { scale:0.6; transform:translate(-85%, -50%); } 
 .main_sec_04_wrap .main_sec_04_keyword ul { gap:5px; margin-top:30px; margin-bottom:40px;}
 
 .main_sec_04_wrap .main_sec_04_list ul li { padding-bottom:30px; margin-bottom:30px; } 
 .main_sec_04_wrap .main_sec_04_list_txt_wrap strong { font-size:28px; line-height:1.2; } 
 .main_sec_04_wrap .main_sec_04_list_txt_wrap .main_sec_04_list_txt { margin-top:10px; } 
 .main_sec_04_wrap .main_sec_04_list ul li .main_sec_04_list_img { margin-right:50px; } 
 .main_sec_04_wrap .main_sec_04_list ul li .main_sec_04_list_txt_wrap { width:calc(100% - 138px); } 

 
 /* sec08_안정성과 핵심가치 */
 .main_sec_07_cont ul li { width:340px; height:340px; } 
 .main_sec_07_cont_txt strong { font-size:28px; } 
 } 

 @media (min-width: 1541px) and (max-width: 1920px) {
     /* 메인 페이지가 아닌 경우 헤더 항상 표시 */
    body:not(.main) .header_all_wrap {
        position: fixed !important;
        top: 0 !important;
    }
    
    /* 메인 페이지에서만 자동 숨김 */
    body.main .header_all_wrap {
        position: fixed;
        top: -150px !important;
        left: 0;
        width: 100%;
        transition: top 0.4s ease-in-out;
        z-index: 9999;
    }
    
    body.main .header_all_wrap.show {
        top: 0 !important;
    }
}

 @media (max-width: 1540px) { 
    .main_sec_02_wrap{padding-top:100px;padding-bottom:100px;}
    .main_sec_03_wrap{padding-top:100px;padding-bottom:100px;}
    .main_sec_04_wrap .split_slide_section .right_side{padding-top:100px;padding-bottom:100px;}
    .main_sec_05_wrap {padding-top:100px;padding-bottom:100px;}
    .main_sec_06_cont_wrap{padding-top:100px;padding-bottom:100px;}
    .main_sec_07_cont_wrap{padding-top:100px;padding-bottom:100px;}
    .main_sec_08_cont_wrap{padding-top:100px;padding-bottom:100px;}
    .main_sec_09_cont{padding-top:100px;padding-bottom:100px;}
    .main_sec_10_cont_wrap{padding-top:100px;padding-bottom:100px;}
     
 }

@media (max-width: 1450px) { 


.header_mid_wrap{padding:0 20px;}
.sec_all_wrap .section{overflow:unset;}

.scroll .lang_box{border:1px solid var(--primary-color); } 
.scroll .lang_box_a{background-image: url('../images/main/common/ico_link_on.png'); background-repeat: no-repeat; background-position: center right 15px; background-size: 13px; } 
.scroll .lang_tab_a{color:#000; } 
.scroll .lang_tab:after{content:''; position: absolute; left: 50%; top: 20%; width: 1px; height: 50%; background-color: #0000004a; transform: translate(-50%, -50%); } 
.scroll .custom_select .select_btn{border:1px solid var(--primary-color);}
.scroll .custom_select .select_text{color:var(--primary-color);}
.scroll .custom_select .select_arrow{border-top: 4px solid var(--primary-color);}

 
 .main_visual_txt{font-size:30px;margin-top:60px;}

 /* sec02_핵심기술 */
 .main_sec_01_txt p{font-size:36px;}

 /* sec03_기능적 특징 */
 .main_sec_02_wrap{max-width:100%;padding:100px 20px;}
 .main_sec_02_cont_wrap { padding:0; } 
 .main_sec_02_cont_01 { gap:50px; } 
 .main_sec_02_img { width:400px; } 
 .main_sec_02_txt_wrap { width:calc(100% - 450px); } 
 .main_sec_02_list_wrap ul li p { word-break:keep-all; font-size:22px; } 
 .main_sec_02_cont_02 { margin-top:60px; } 
 .main_sec_02_icon_wrap ul { align-items:flex-start; } 

 .main_sec_03_wrap{max-width:100%;padding:100px 20px;}
 .main_sec_03_tab_tlt{padding-top:0;}
 .main_sec_03_tab_section { padding:0;}
 .main_sec_03_wrap .tab_buttons{margin-left:40px;}
 .main_sec_03_wrap .tab_buttons .tab_btn{font-size:20px;width:140px;height:50px;}

 .main_sec_03_wrap .tab_content_txt_wrap{padding:40px;}
 .main_sec_03_wrap .tab_content:last-child .tab_content_img{width:100%;}
 
 .main_sec_04_wrap .split_slide_section{flex-wrap:wrap;height:100%;}
 .main_sec_04_wrap .split_slide_section .left_side{width:100%;height:70vh}
 .main_sec_04_wrap .split_slide_section .right_side{width:100%;justify-content:center;padding:100px 20px;}
 .main_sec_04_wrap .split_slide_section .main_sec_04_tit_all_wrap{margin-top:-100px;margin-bottom:150px;}
 .main_sec_04_wrap .main_sec_04_list{height:auto;overflow:unset;padding-right:0;}
 .main_sec_04_wrap .arrow_btn{width:40px;}
 .main_sec_04_wrap .slide_btn_container{margin:60px 0;}
 .main_sec_04_wrap .slide_btn{scale:0.4;}
 .main_sec_04_wrap .slide_btn.active{transform: translate(-85%, -75%);}
 .main_sec_04_wrap .slide_btn.prev{top:-195px;transform:translate(-122%, 0%);}
 .main_sec_04_wrap .slide_btn.next{bottom:-195px;transform:translate(-122%, 0%);}

 
 .main_sec_05_wrap {max-width:100%;padding:100px 20px;}
 .main_sec_05_wrap .tab_slide_section{height:100%;}
 .main_sec_05_wrap .left_tab_area{width:450px;}
 .main_sec_05_wrap .right_slide_area{left:450px;width:calc(100vw - ((100vw - 1350px) / 2) - 450px);}
 .main_sec_05_wrap .slide_item{height:440px;}
 .main_sec_05_wrap .slide_container{padding-bottom:100px;}
.main_sec_05_tit_all_wrap{margin-bottom:80px;}

 .main_sec_06_cont_wrap{padding:100px 20px;max-width:100%;}
 .main_sec_06_cont.cont_03{border-radius:none;}
 .sec_tit06 .main_tit_sub_wrap{margin-top:20%;}
 /*.main_sec_06_wrap { padding:0 50px; }
 .main_sec_06_cont.cont_01{width:100%;}
 .sec_tit06 .main_tit_sub_wrap{margin-top:20px;}
 .sec_tit06 .main_tit_sub_wrap p{margin-top:5px;}
 .sec_tit06 .main_tit_sub_wrap p br{display:none;}
 .main_sec_06_cont_wrap{gap:30px 20px;}
 .main_sec_06_cont{width:calc((100% - 80px) / 5);}
 .main_sec_06_cont:nth-child(2) .main_sec_06_item{border-radius:0;}
 .main_sec_06_cont:last-child .main_sec_06_item{border-radius:0;}
 .main_sec_06_item_txt p{color:#222; margin-top:0; transform:unset;max-height:100%;margin-top:15px; opacity:1;transition:unset; } 
 .main_sec_06_item:hover .main_sec_06_item_txt p{transform:unset; max-height:100%;} 
 .main_sec_06_item::before{position:relative;top:auto;}
 .main_sec_06_cont.cont_03{border:none;}
 .main_sec_06_item_txt_wrap{position:relative;bottom:auto;}*/
 

 .sec_tit07 .main_tit_sub { font-size:60px; line-height:1.4; } 
 .main_sec_07_cont_wrap {padding:100px 20px;} 

 .sec_tit08 .main_tit_sub{margin-top:30px;}
 .main_sec_08_cont_wrap{max-width:100%;padding:100px 20px;overflow:hidden;}
 .main_sec_08_img01{width:320px;top:-680px;}
 .main_sec_08_cont .m_btn_all_wrap{margin-top:40px;}
 
 .main_sec_09_cont{padding:100px 20px;}
 .main_sec_09_notice_wrap { width:75%; }
 .main_sec_09_txt span{font-size:60px;}
 .main_sec_09_txt p{font-size:28px;}
  

 /* sec11_오시는 길 */
.main_sec_10_cont_wrap{padding:100px 20px;}
.main_sec_10_company{font-size:28px;}
.main_sec_10_address_wrap span{font-size:28px;}
.main_sec_10_address_wrap .main_sec_10_address span{font-size:20px;}
.main_sec_10_cont_img{width:200px;}

 } 

@media (max-width: 1320px) { 
 .lang_select{width:80px;}
.top_nav .menu_01{width:90px !important;}
.top_nav .menu_02{width:160px !important;}
.top_nav .menu_03{width:110px !important;}
.top_nav .menu_04{width:110px !important;}
.top_nav .menu_05{width:90px !important;}
.top_nav .menu_06{width:110px !important;}

.sec_tit07 .main_tit_sub{font-size:50px;}
.main_sec_07_cont{margin-top:60px;}
.main_sec_07_cont ul{margin-left:0;}
.main_sec_07_cont ul li{position:relative;width:100%;height:auto;border:none;margin-left:0;border-radius:0;padding-bottom:30px;margin-bottom:30px;}
.main_sec_07_cont ul li::after{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50%;height:1px;background-color:rgba(255,255,255,0.4);content:'';}
.main_sec_07_cont_txt{width:100%;}
.main_sec_07_cont_txt strong{margin-bottom:10px;}
.main_sec_07_cont_txt strong br{display:none;}
.main_sec_07_cont_txt span br{display:none;}
.main_sec_07_cont_keyword_wrap{margin-top:40px;}

}



@media (max-width: 1200px) { 

.mb_only{display:block;}
.pc_only{display:none !important;}

.lang_select{width:80px;right:auto;left:20px;top:15px;}
.top_nav .menu_01{width:90px !important;}
.top_nav .menu_02{width:150px !important;}
.top_nav .menu_03{width:100px !important;}
.top_nav .menu_04{width:100px !important;}
.top_nav .menu_05{width:90px !important;}
.top_nav .menu_06{width:100px !important;}

.custom_select .select_btn{border-color:var(--primary-color);}
.custom_select .select_text{color:var(--primary-color);}
.custom_select .select_arrow{border-top:4px solid var(--primary-color);}
.lang_all_wrap{display:none;}

.main_sec_01_txt p br{display:none;}


.main_sec_06_cont{width:100%;display:flex;justify-content:center;margin-bottom:50px;}
.sec_tit06{text-align:center;margin-bottom:0;}
.sec_tit06 .main_tit_sub_wrap{margin-top:40px;justify-content:center;}
.sec_tit06 .main_tit_sub_wrap p{margin-top:10px;}
.sec_tit06 .main_tit_sub_wrap p br{display:none;}
.main_sec_06_cont.cont_03{border:0;}
.main_sec_06_item{width:400px;}
.main_sec_06_cont:nth-child(2) .main_sec_06_item{border-radius:0;}
.main_sec_06_cont:last-child .main_sec_06_item{border-radius:0;}
.main_sec_06_cont .main_sec_06_item{display:flex;flex-wrap:wrap;justify-content:center;}
.main_sec_06_item_txt_wrap{position:relative;bottom:auto;width:calc(100% - 300px);height:100%;margin-left:0;width:100%;padding:0;display:flex;align-items:center;}
.main_sec_06_cont_wrap{gap:0;}
.main_sec_06_item_txt p{color:#222; margin-top:0; transform:unset;max-height:100%;margin-top:15px; opacity:1;transition:unset; } 
.main_sec_06_item .main_sec_06_item_txt{padding:30px;background-color:#eee;height:100%;}
.main_sec_06_item .main_sec_06_item_txt p,
.main_sec_06_item:hover .main_sec_06_item_txt p{transform:unset; max-height:100%;word-break:keep-all;} 
.main_sec_06_item::before{position:relative;top:auto;}
.main_sec_06_cont.cont_03{border:none;}
.main_sec_06_item_txt span{font-size:28px;color:#222;font-weight:600;}
.main_sec_06_item_txt span br{display:none;}
.main_sec_06_cont .main_sec_06_item::before{display:none;}
.main_sec_06_cont_inner_wrap{width:77%;display:flex;margin:0 auto;gap:3%;}
.main_sec_06_cont.cont_02,
.main_sec_06_cont.cont_06{width:calc((100% - 20px) / 2);}
.main_sec_06_cont.cont_02::before{display:none;}
.main_sec_06_cont.cont_02:after{top:0;left:50%;background:url('../images/main/main_sec07_arrow_first.png') center center / cover no-repeat;transform:translate(-50%, -35px) rotate(-90deg) !important;animation-delay:1s;}
.main_sec_06_cont.cont_03::before{display:none;}
.main_sec_06_cont.cont_03::after{display:none;}
.main_sec_06_cont.cont_04::before{top:-35px;opacity:1;transform:unset;transition:unset;background:url('../images/main/main_sec07_arrow.png') center center / cover no-repeat;transform: rotate(-90deg) !important;animation-delay:1.5s}
.main_sec_06_cont.cont_04::after{display:none;}
.main_sec_06_cont.cont_05::before{top:-35px;left:50%;opacity:1;transform:unset;transition:unset;background:url('../images/main/main_sec07_arrow.png') center center / cover no-repeat;transform:translate(-50%, 0) rotate(-90deg) !important;animation-delay:1.5s}
.main_sec_06_cont.cont_05::after{display:none;}
.main_sec_06_cont.cont_06::after{display:none;}
.main_sec_06_cont.cont_06::before{top:0;left:50%;background:url('../images/main/main_sec07_arrow_first.png') center center / cover no-repeat;transform:translate(-50%, -35px) rotate(-90deg) !important;animation-delay:1s;}


.main_sec_09_cont.left_cont{width:100%;}
.main_sec_09_cont.right_cont{width:100%;}
.main_sec_09_notice_wrap{width:100%;}
} 



/* 태블릿 가로 (1024px 이하) */
@media (max-width: 1024px) { 
 /* 공통 타이틀 */
 .main_sec_tit .main_tit_en { font-size: 16px; } 
 .main_sec_tit h4.main_tit { font-size: 36px; } 
 
 /* 버튼 */
 .m_btn_all_wrap > div { height: 50px; } 
 .m_btn_all_wrap > div a { font-size: 16px; padding: 0 20px; } 
 .m_btn_all_wrap > div a span { line-height: 50px; } 
 
 /* sec01_메인비주얼 */
 .main_visual_slogan { font-size: 24px; margin-top: 20px; } 
 .main_visual_txt { font-size: 28px; margin-top: 60px; } 
 
 /* sec02_핵심기술 */
 .main_sec01_bg{height:700px;}
 .main_sec_01_txt p { font-size: 26px; } 
 .main_sec_01_txt_wrap::before { height: 80px; } 
 
 /* sec03_기능적 특징 */
 .main_sec_02_cont_01 {gap:30px;} 
 .sec_tit02 h4.main_tit { font-size: 36px; } 
 .main_sec_02_list_wrap ul li p { font-size: 20px; } 
 .main_sec_02_icon_txt_wrap strong { font-size: 20px; } 
 .main_sec_02_icon_txt_wrap span { font-size: 16px; } 
 .main_sec_02_txt_wrap{width:100%;}
 .main_sec_02_wrap .m_btn_all_wrap{justify-content:center;}
 .m_btn_all_wrap > div a span{display:block;}
 
 /* sec04_생산 공정 */
 .sec_tit03 { gap:0;justify-content:center;} 
 .main_sec_03_tab_tlt{justify-content:center;}
 .sec_tit03 h4.main_tit { font-size: 36px;width:100%;text-align:center;margin-top:15px} 
 .main_sec_03_wrap .tab_buttons { width:100%;margin-left:0;margin-top:20px;justify-content:center;} 
 .m_btn_all_wrap > div{flex:1;}
 .main_sec_03_wrap .tab_content_txt p { font-size: 20px;line-height:1.4;word-break:keep-all;} 
 .main_sec_03_wrap .tab_content_img{width:100%;}
 
 /* sec05_라인업 */
 .main_sec_04_wrap .main_sec_04_txt_tit_wrap { gap: 20px;justify-content:center;} 
 .main_sec_04_wrap .main_sec_04_txt_sub { font-size: 20px;width:100%;text-align:center;} 
 .main_sec_04_wrap .main_sec_04_txt_sub em { font-size: 16px; } 
 .main_sec_04_wrap .main_sec_04_keyword ul { margin-top: 40px; margin-bottom: 50px;justify-content:center;} 
 .main_sec_04_wrap .main_sec_04_keyword ul li span { font-size: 16px; line-height: 50px; } 
 .main_sec_04_wrap .main_sec_04_list ul li .main_sec_04_list_img { width: 70px; margin-right: 50px; } 
 .main_sec_04_wrap .main_sec_04_list ul li .main_sec_04_list_txt_wrap { width: calc(100% - 120px); } 
 .main_sec_04_wrap .main_sec_04_list_txt_wrap strong { font-size: 28px; } 
 .main_sec_04_wrap .main_sec_04_list_txt_wrap .main_sec_04_list_txt p { font-size: 16px; } 
 
 
 /* sec06_제품활용 */
 .sec_tit05{text-align:center;}
 .sec_tit05 .main_tit_sub br{display:none;}
 .main_sec_05_wrap .tab_slide_section{display:block;}
 .main_sec_05_wrap .left_tab_area { width: 100%;} 
 .main_sec_05_wrap .right_slide_area { left:0;width:100%;position:relative;} 
 .sec_tit05 h4.main_tit { font-size: 36px; margin-bottom: 30px; } 
 .sec_tit05 .main_tit_sub { font-size: 28px; } 
 .main_sec_05_wrap .tab_menu_wrap{flex-direction:row;gap:5%;justify-content:center;}
 .main_sec_05_wrap .tab_menu_btn { font-size: 30px; }
 .main_sec_05_wrap .slide_container{padding:40px 0 120px;gap:20px}
 .main_sec_05_wrap .slide_item { min-width: 350px; height: 500px; } 
 .main_sec_05_wrap .slide_item_content h5 { font-size: 28px; } 
 .main_sec_05_tit_all_wrap{margin-bottom:60px;}
 .main_sec_05_wrap .slide_progress_wrap{right:0;}
 

 
 /* sec07_공급형태 */
 .sec_tit06 h4.main_tit { font-size: 36px; }  
 .sec_tit06 .main_tit_sub_wrap .main_tit_sub { font-size: 28px; } 
 .sec_tit06 .main_tit_sub_wrap p { font-size: 16px; } 
 .main_sec_06_item_txt span { font-size: 30px; } 
 .main_sec_06_item_txt p { font-size: 16px; } 
 
 /* sec08_안정성과 핵심가치 */
.sec_tit07 .main_tit_sub{font-size:45px;}
.main_sec_07_cont ul li::after{width:65%;}
 
 /* sec09_인증구조 */
 .sec_tit08 h4.main_tit { font-size: 36px; } 
 .sec_tit08 .main_tit_sub { font-size: 24px; } 
 .sec_tit08 .main_tit_sml { font-size: 18px; } 
 .main_sec_08_cont_wrap .m_btn_all_wrap > div{flex:unset;}
 .main_sec_08_cont .m_btn_all_wrap .m_btn a span::after{top:16px;}
 
 /* sec10_공지사항 */
 .main_sec_09_txt span { font-size: 56px; } 
 .main_sec_09_txt p { font-size: 28px; margin-top: 30px; margin-bottom: 50px; } 
 .sec_tit09 h4.main_tit { font-size: 36px; } 
 .main_sec_09_notice span { font-size: 20px; } 
 .main_sec_09_notice p { font-size: 16px; } 
 
 /* sec11_오시는 길 */

 .main_sec_10_cont.left_cont{width:100%;}
 .main_sec_10_tit_all_wrap{margin-bottom:80px;}
 .main_sec_10_company { font-size: 24px;} 
 .main_sec_10_address_wrap{margin-top:30px;}
 .main_sec_10_txt_wrap{padding-bottom:30px;margin-top:30px;border-bottom:1px solid rgba(255,255,255,0.4)}
 .main_sec_10_address_wrap span { font-size: 20px; }
 .main_sec_10_address_wrap .main_sec_10_address span { font-size: 16px; } 

 .main_sec_10_copyright_wrap{margin-top:30px;}
 .main_sec_10_cont.right_cont{margin-top:40px;}
 

 } 



@media (max-width: 800px) { 

.lang_select{top:8px;} 
.custom_select .select_btn{height:34px;}
}


/* 태블릿 세로 (768px 이하) */
@media (max-width: 768px) { 

    
 /* 공통 */
 .main_sec_tit .main_tit_en { font-size: 14px; } 
 .main_sec_tit h4.main_tit { font-size: 28px; margin-top: 15px; } 
 
 /* sec01_메인비주얼 */
 .main_visual_logo_img img { max-width: 250px; } 
 .main_visual_slogan { font-size: 18px; margin-top: 15px; } 
 .main_visual_txt { font-size: 20px; margin-top: 40px; } 
 .main_visual_txt span { font-size: 20px; } 
 
 /* sec02_핵심기술 */
 .main_sec_01_logo{margin-top:130px;margin-bottom:30px;}
 .main_sec_01_logo img { max-width: 200px; } 
 .main_sec_01_txt_wrap::after{height:500px;bottom:-530px;}
 .main_sec_01_txt p { font-size: 24px; } 
 
 
 /* sec03_기능적 특징 */
 .main_sec_02_cont_01 {  flex-direction: column;  gap: 40px;} 
 .sec_tit02 h4.main_tit { font-size: 28px; } 
 .main_sec_02_list_wrap { margin-top: 30px; margin-bottom: 30px; } 
 .main_sec_02_list_wrap ul li p { font-size: 16px; } 
 .main_sec_02_icon_wrap ul { gap: 40px 20px; } 
 .main_sec_02_icon_wrap ul li { width:calc((100% - 40px) / 3);flex:unset; } 
 .main_sec_02_cont_02 { margin-top: 60px; } 
 
 /* sec04_생산 공정 */
 .main_sec_03_wrap .tab_content_txt_wrap dl dt { font-size: 24px; margin-right: 0; margin-bottom: 20px; } 
 .main_sec_03_wrap .tab_content_txt_wrap dl dd { font-size: 16px; margin-bottom: 10px; margin-right:20px;padding-right:20px;} 
 
 
 /* sec05_라인업 */
 .main_sec_04_wrap .split_slide_section {  flex-direction: column;  height: auto;  } 
 .main_sec_04_wrap .left_side,
 .main_sec_04_wrap .right_side {  width: 100%;  min-height: 50vh;  } 
 .main_sec_04_wrap .right_side {  padding: 60px 30px;  } 
 .main_sec_04_wrap .split_slide_section .main_sec_04_tit_all_wrap {  margin-top: 0;  margin-bottom: 100px;  } 
 .main_sec_04_wrap .slide_content { width: 100%; } 
 .main_sec_04_wrap .main_sec_04_txt_sub { font-size: 18px; } 
 .main_sec_04_wrap .main_sec_04_keyword ul {  margin-top: 30px;  margin-bottom: 30px;  gap: 8px;  } 
 .main_sec_04_wrap .main_sec_04_keyword ul li { padding: 0 20px; } 
 .main_sec_04_wrap .main_sec_04_keyword ul li span {line-height: 40px;  } 
 .main_sec_04_wrap .main_sec_04_list ul li {padding-bottom: 30px;  margin-bottom: 30px;  } 
 .main_sec_04_wrap .main_sec_04_list ul li .main_sec_04_list_img {  width: 60px; } 
 .main_sec_04_wrap .main_sec_04_list_txt_wrap strong { font-size: 24px; } 
 .main_sec_04_wrap .main_sec_04_list_txt_wrap .main_sec_04_list_txt { margin-top: 10px; } 
 .main_sec_04_wrap .slide_buttons { margin: 80px 0; } 
 .main_sec_04_wrap .arrow_btn { width: 60px; height: 32px; } 
 
 /* sec06_제품활용 */
 .sec_tit05 h4.main_tit { font-size: 28px; margin-bottom: 20px; } 
 .sec_tit05 .main_tit_sub { font-size: 20px; }
 .main_sec_05_wrap .tab_menu_wrap{flex-wrap:wrap;gap:10px;}
 .main_sec_05_wrap .tab_menu_btn {text-align:center;font-size: 20px;border:1px solid #ddd;border-radius:100px;padding:10px 0;width:calc((100% - 20px) / 2);} 
 .main_sec_05_wrap .tab_menu_btn.active{border-color:var(--primary-color);color:var(--primary-color);}
 .main_sec_05_wrap .tab_menu_btn.active span{padding-right:0;}
 .main_sec_05_wrap .tab_menu_btn.active span::after{display:none;}
 .main_sec_05_wrap .slide_container{padding-bottom:80px;}
 .main_sec_05_wrap .slide_item{width:100%;}
 
 .main_sec_06_cont_inner_wrap{width:100%;}

 
 /* sec08_안정성과 핵심가치 */
 .sec_tit07 .main_tit_sub{font-size:40px;}
 .main_sec_07_cont ul li::after{width:90%;}
 .main_sec_07_cont_keyword_wrap {  flex-direction: column;gap:10px} 
 .main_sec_07_cont_keyword {  width: 100%; height:100%; text margin-top:0;text-align:center;} 
 .main_sec_07_cont_keyword span {  font-size: 18px;  padding: 20px 20px; line-height:1.4;; } 

 
 /* sec09_인증구조 */
 .sec_tit08{text-align:center;}
.main_sec_08_cont.left_cont{width:100%;}
.main_sec_08_img01{position:relative;width:300px;top:auto;right:auto;left:auto;margin:-300px auto 0;padding-left:50px}
.main_sec_08_cont.right_cont{width:100%;margin-top:50px;}
 .sec_tit08 .main_tit_sub { font-size: 24px; margin-top: 30px; } 
 .sec_tit08 .main_tit_sub br{display:none;}
 .sec_tit08 .main_tit_sml { font-size: 16px; margin-top: 15px; } 
 .main_sec_08_img02{margin-top:40px;text-align:center;}
 .main_sec_08_cont_wrap .m_btn_all_wrap > div{flex:1;}
 
 
 /* sec10_공지사항 */
 .main_sec_09_tit_all_wrap{padding-bottom:30px;margin-bottom:20px;}
.main_sec_09_notice_list .m_b_ns_box{padding-bottom:20px;margin-bottom:20px;}

 .main_sec_10_address_wrap .main_sec_10_address span:first-child::after{top:-1px;}


}

/* 모바일 (480px 이하) */
@media (max-width: 480px) { 
 /* 공통 */
 .main_sec_tit .main_tit_en { font-size: 12px; } 
 .main_sec_tit h4.main_tit { font-size: 24px; } 
 
 .m_btn_all_wrap > div { height: 45px; } 
 .m_btn_all_wrap > div a { font-size: 14px; padding: 0 18px; } 
 .m_btn_all_wrap > div a span { line-height: 45px; padding-right: 25px; } 
 
 /* sec01_메인비주얼 */
 .main_visual_logo_img img { max-width: 180px; } 
 .main_visual_slogan { font-size: 16px; margin-top: 12px; } 
 .main_visual_txt { font-size: 16px; margin-top: 30px; } 
 
 /* sec02_핵심기술 */
 .main_sec01_bg{height:450px;}
 .main_sec_01_txt_wrap::before{top:12px;height:25px;}
 .main_sec_01_logo { margin-top:45px; margin-bottom:20px; } 
 .main_sec_01_logo img { max-width: 150px; } 
 .main_sec_01_txt p { font-size: 18px; } 

 /* sec03_기능적 특징 */
 .main_sec_02_wrap{width:100%;padding:40px 20px;}
 .main_sec_02_img{width:100%;} 
 .sec_tit02 h4.main_tit { font-size: 24px; } 
 .main_sec_02_list_wrap ul li p { font-size: 14px; }
 .main_sec_02_icon_wrap ul li{width:calc((100% - 20px) / 2)}
 .main_sec_02_icon_txt_wrap strong { font-size: 16px; } 
 .main_sec_02_icon_txt_wrap span { font-size: 13px; }
 .main_sec_02_list{flex:1;}
 .m_btn_all_wrap > div{width:100%;flex:unset;}
 
 
 /* sec04_생산 공정 */
 .main_sec_03_wrap{width:100%;padding:40px 20px;}
 .sec_tit03 h4.main_tit { font-size: 24px; } 
 .main_sec_03_wrap .tab_buttons .tab_btn {  width: 110px;  height: 40px;  font-size: 14px;  } 
 .main_sec_03_wrap .tab_content_txt_wrap { padding: 30px 20px; } 
 .main_sec_03_wrap .tab_content_txt_wrap dl dt { font-size: 20px; } 
 .main_sec_03_wrap .tab_content_txt_wrap dl dd { font-size: 14px; } 
 .main_sec_03_wrap .tab_content_txt p { font-size: 14px; } 
 .main_sec_03_wrap .tab_content_img { margin-bottom: 30px; } 
 .main_sec_03_wrap .tab_content:last-child .tab_content_img{width:100%;}

 /* sec05_라인업 */
 .main_sec_04_wrap .slide_btn_container{margin:35px 0;}
 .main_sec_04_wrap .slide_buttons{margin:30px 0;}
 .main_sec_04_wrap .slide_btn{scale:0.3;}
 .main_sec_04_wrap .slide_btn.prev{top:-150px;transform:translate(-167%, 0%);}
 .main_sec_04_wrap .slide_btn.next{bottom:-150px;transform:translate(-167%, 0%);}
 .main_sec_04_wrap .slide_btn.active{scale:0.35;transform:translate(-144%, -142%);}
 .main_sec_04_txt_tit_img{width:300px;}
 .main_sec_04_txt_sub span{line-height:1.4;}
 .main_sec_04_wrap .split_slide_section .right_side{ padding: 40px 20px; } 
 .main_sec_04_wrap .main_sec_04_txt_sub { font-size: 16px; } 
 .main_sec_04_wrap .main_sec_04_txt_sub em { font-size: 14px; } 
 .main_sec_04_wrap .main_sec_04_keyword ul{gap:5px;align-items:center;}
 .main_sec_04_wrap .main_sec_04_keyword ul li { padding: 0 15px; } 
 .main_sec_04_wrap .main_sec_04_keyword ul li span {line-height: 30px;  } 
 .main_sec_04_wrap .main_sec_04_list ul li{justify-content:center;}
 .main_sec_04_wrap .main_sec_04_list ul li .main_sec_04_list_txt_wrap{width:100%;}
 .main_sec_04_wrap .main_sec_04_list ul li .main_sec_04_list_img {display:none;} 
 .main_sec_04_wrap .main_sec_04_list_txt_wrap strong { font-size: 20px; } 
 .main_sec_04_wrap .arrow_btn{width:40px;}
 .main_sec_04_wrap .main_sec_04_keyword ul li img{width:40px;}
 
 
 /* sec06_제품활용 */
 .main_sec_05_wrap{width:100%;padding:40px 20px;}
 .main_sec_05_tit_all_wrap { margin-bottom: 40px; } 
 .sec_tit05 h4.main_tit { font-size: 24px; } 
 .sec_tit05 .main_tit_sub { font-size: 16px; } 
 .main_sec_05_wrap .tab_menu_btn { font-size: 20px; } 
 .main_sec_05_wrap .tab_menu_btn:hover{color:#bbb}
 .main_sec_05_wrap .tab_menu_btn.active:hover{color:var(--primary-color)}
 .main_sec_05_wrap .slide_container { padding: 30px 0 60px 20px; gap: 15px; } 
 .main_sec_05_wrap .slide_item {width:106%; height: 350px;  border-radius: 15px;  } 
 .main_sec_05_wrap .slide_item_content {  bottom: 20px;  left: 20px;  width: calc(100% - 40px);  } 
 .main_sec_05_wrap .slide_item_content h5 { font-size: 20px; } 
 .main_sec_05_wrap .slide_nav {  bottom: 20px;  left:-14px;  } 
 .main_sec_05_wrap .slide_nav_btn { width: 40px; } 
 .main_sec_05_wrap .slide_nav_btn img { max-width: 30px; } 
 .main_sec_05_wrap .slide_progress_wrap {left:80px;bottom: 20px;} 
 
 /* sec07_공급형태 */
 .main_sec_06_wrap{width:100%;padding:40px 20px;}
 .main_sec_06_cont_wrap { padding:0; gap:0; } 
 .sec_tit06 h4.main_tit { font-size: 24px; } 
 .sec_tit06 .main_tit_sub_wrap { margin-top:20px; } 
 .sec_tit06 .main_tit_sub_wrap .main_tit_sub { font-size: 20px; } 
 .main_sec_05_wrap .tab_menu_btn{width:100%;}
 .main_sec_06_item_txt span{font-size:20px;}
 .main_sec_06_item .main_sec_06_item_txt{padding:20px;}
 .main_sec_06_cont_inner_wrap{flex-wrap:wrap;gap:0;}
 .main_sec_06_cont.cont_02, .main_sec_06_cont.cont_06{width:100%;}
 
 /* sec08_안정성과 핵심가치 */
 .main_sec_07_cont_wrap{width:100%;padding:40px 20px;}
 .sec_tit07 .main_tit_sub { font-size: 32px; }  
 .main_sec_07_cont{margin-top:40px;}
 .main_sec_07_cont_txt strong { font-size: 20px; } 
.main_sec_07_cont ul li::after{width:100%;}
 
 /* sec09_인증구조 */
 .main_sec_08_cont_wrap { padding: 40px 20px; } 
 .main_sec_08_img01 img { max-width: 250px; } 
 .sec_tit08 h4.main_tit { font-size: 24px; } 
 .sec_tit08 .main_tit_sub { font-size: 20px; } 
 .sec_tit08 .main_tit_sml { font-size: 14px; } 
 .main_sec_08_img01{width:250px;padding-left:11%;margin:-56% auto 0;}
 .sec_all_wrap .main_sec_08_img01 img{max-width:100%;}
 .main_sec_08_img02 img { max-width: 150px; } 
 
 /* sec10_공지사항 */
 .main_sec_09_cont { padding: 40px 20px; } 
 .main_sec_09_txt span { font-size: 32px; }
 .main_sec_09_notice .tit{font-size:20px;}
 .main_sec_09_notice .info{font-size:16px;margin-top:10px;} 
 .main_sec_09_txt p{font-size:18px;margin-top:20px;margin-bottom:30px;}
 
 .main_sec_10_cont_wrap{padding: 40px 20px;}
 .main_sec_10_tit_all_wrap{margin-bottom:40px;}
 .main_sec_10_address_wrap .main_sec_10_address{gap:10px;}
 .main_sec_10_address_wrap .main_sec_10_address span:first-child::after{display:none;}
 .main_sec_10_copyright_wrap{font-size:14px;}
 .main_sec_10_copyright_btn_wrap .btn_ft{margin-right:10px;}
 .main_sec_10_cont_img{width:180px;}
 
 }