@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 최고급형 E
Part :
Last edit : 2022.05
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'OmniGothic', sans-serif; (400)
font-family: 'Noto Serif KR', serif; (200,300,400,500,600,700,900)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)

--------------------------------------------------------- */



.top_nav { position:relative; width:100%; z-index:150; padding:0;}
.top_nav_wrap { position:relative; width:100%; margin:0 auto; z-index:150; max-width:1440px;}
.top_nav_wrap:after { display:block; content:""; clear:both;}

.smenu_bg { width:100%; height:120px; background-color:#1A314C; text-align:left; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; text-align:center; color:rgba(255,255,255,0.9); font-size:14px; line-height:120px; letter-spacing:1em; padding-left:20px;}

.top_smenu { position:absolute; top:10px; right:10px; width:auto; /*height:140px; line-height:140px;*/padding-top:20px; z-index:1; letter-spacing:0; font-size:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; color:#3f3f3f;}
.top_smenu>p { display:inline-block; vertical-align:middle; width:1px; height:14px;; background-color:rgba(0,0,0,0.3);}
.top_smenu01 { display:inline-block; vertical-align:middle; width:auto; height:30px; line-height:30px; margin:0 15px; font-size:14px; font-weight:700; letter-spacing:0; border-bottom:2px solid rgba(255,255,255,1); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.top_smenu02 { display:inline-block; vertical-align:middle; width:auto; height:30px; line-height:30px; margin:0 15px; font-size:14px; font-weight:700; letter-spacing:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}

.top_logo { position:absolute; top:0; left:20px; background-image:url(/images/common/logo.png); background-position:50% 60%; background-repeat:no-repeat; background-size:100% auto; text-align:left; z-index:1; width:250px; height:140px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.top_logo>a { display:block; width:100%; height:100%; text-indent:-9999px;}

.top_menu { position:relative; vertical-align:top; width:100%; margin:0 auto; text-align:left; /*메뉴좌우여백 설정*/ padding:0 0 0 18%; font-size:0;}
.top_menu_title { position:relative; display:inline-block; vertical-align:top; color:rgba(63,63,63,1);}

.top_smenu_language { display:inline-block; position:relative; width:100px; text-align:left; text-indent:-9999px; display:inline-block; background-image:url(/images/icon/ar_down_w.png), url(/images/icon/language_w.png); background-repeat:no-repeat, no-repeat; background-position:75px 50%, 30% 50%; cursor:pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.top_smenu_language_in { text-indent:0; line-height:1.5; display:none; position:absolute; top:140%; left:0; width:100%; padding:10px; border:1px solid rgba(0,0,0,0.1); width:90px; font-size:12px; font-weight:500; letter-spacing:0; background-color:rgba(255,255,255,0.8); z-index:1;}
.language { display:block;}

 /*메뉴별 넓이 설정*/
.top_menu_title:nth-child(1) { background-image:none; width:15%;}
.top_menu_title:nth-child(2) { width:26%;}
.top_menu_title:nth-child(3) { width:13%;}
.top_menu_title:nth-child(4) { width:19%;}
.top_menu_title:nth-child(5) { width:12%;}
.top_menu_title:nth-child(6) { width:15%;}
.top_menu_title>a { display:block; height:140px; width:100%; line-height:140px; font-size:15px; font-weight:500; text-transform:uppercase; padding-top:30px; padding-left:20px; letter-spacing:0;}
.top_menu_title>a:hover { color:#008ac5;}

.top_menu_sub { display:none; text-align:left; width:100%; margin:0 0 40px 0; background-image:url(/images/icon/menu_bar2.png); background-repeat:repeat-y; background-position:0 50%;}
.top_menu_sub01 { background-image:none;}
.top_menu_sub ul li a { display:block; width:100%; font-size:14px; color:#444; font-weight:400; letter-spacing:0;}
.top_menu_sub ul li a:hover { color:#008ac5;}
 /*서브메뉴별 좌측 패딩 설정*/
.top_menu_sub01>ul>li>a { padding:4px 20px 4px 20px; background-image:none;}
.top_menu_sub02>ul>li>a { padding:4px 20px 4px 20px;}
.top_menu_sub03>ul>li>a { padding:4px 20px 4px 20px;}
.top_menu_sub04>ul>li>a { padding:4px 20px 4px 20px;}
.top_menu_sub05>ul>li>a { padding:4px 20px 4px 20px;}
.top_menu_sub06>ul>li>a { padding:4px 20px 4px 20px;}

.top_menu_sub_sub_top { padding:4px 0 4px 22px; font-size:14px; color:#444; font-weight:400; color:#3a74c0;}
.top_menu_sub_sub_bottom { border-bottom:1px solid rgba(0,0,0,0.05); margin-bottom:15px;}

.top_menu_sub_bg { position: absolute; left: 0; width: 100%; top: -260px; height: 400px; border-bottom: solid 1px #ebebeb; background-color:rgba(255,255,255,0); box-shadow:0 5px 5px rgba(0,0,0,0); z-index: 99; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}

.mo_color { color:#008ac5 !important;}

.top_menus {
    position: absolute;
    top: -40px;
    right: 4%;
    width: auto;
    height: 110px;
    line-height: 110px;
    z-index: 1;
    letter-spacing: 0;
    font-size: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #3f3f3f;
}
.menus_li {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 22px;
    line-height: 22px;
    margin: 0 15px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    border-bottom: 2px solid rgba(255,255,255,1);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

/*스크롤 내렸을때 하단 라인 생성*/
.fixed_nav_border { box-shadow:0 5px 5px rgba(0,0,0,0.1); background-color:rgba(255,255,255,1); top: -270px;}

/*스크롤 내렸을때 메뉴 축소*/
.fixed_nav_title_bg {}
.fixed_nav_title_a { line-height:120px !important; color:rgba(63,63,63,1);}
.fixed_nav_title_a:hover { color:#f26722 !important;}
.fixed_nav_logo { top:0; height:120px; background-image:url(/images/common/logo_ov.png);}
.fixed_nav_sub { display: inline-block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.fixed_header { height:120px;}
.fixed_smenu_bg { margin-top:-90px;}
.fixed_nav_smenu { /*height:120px; line-height:120px;*/top: 0px; color:#3f3f3f;}
.fixed_nav_smenu01 { border-bottom:2px solid rgba(0,0,0,1);}
.fixed_nav_smenu02 {}
.fixed_top_smenu_p { background-color:rgba(0,0,0,0.3) !important;}

/*서브 활성화시*/
.top_menu_title_ov {}
.top_menu_title_a_ov { line-height:140px !important; color:rgba(0,0,0,0.9);}
.top_menu_sub_bg_ov { top:0px !important; background-color: rgba(255,255,255,1); box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.top_logo_ov { top:0; height:140px !important; background-image:url(/images/common/logo_ov.png);}
.top_tel_ov { top:10px;}
.top_smenu_ov { /*height:140px !important; line-height:140px !important;*/top: 10px; color:#222;}
.smenu01_ov { border-bottom:2px solid rgba(0,0,0,1);}
.smenu02_ov {}
.top_smenu_p { background-color:rgba(0,0,0,0.3) !important;}

.top_nav_m { display:none;}



/* 1024 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1024px){

.fixed_header {
    height: 60px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}
.top_nav { display:none;}
.top_menu_sub_bg { display:none;}
.top_menu_sub_sub_top { display:none;}
.top_menu_sub_sub_bottom { display:none;}
.top_nav_m { position:fixed; top:0; left:0; display:block; background-color:rgba(255,255,255,1); height:80px; width:100%; z-index:55; border-bottom:1px solid rgba(0,0,0,0.1);}
.m_logo { float:left; width:50%; height:100%; padding-left:10px;}
.m_logo>a { display:block; text-indent:-9999px; background-image: url(/images/common/logo_ov.png); background-repeat:no-repeat; background-position:0% 50%; height:100%; background-size:100% auto; /*로고크기 설정*/ width:250px;}
.m_menu_btn { float:left; position:relative; width:50%; height:100%; }
.m_menu_btn>p { position:absolute; top:0; right:-16px; text-indent:-9999px; background-image: url(/images/icon/nav_btn1.png); background-repeat:no-repeat; background-size:34% auto; background-position:50% 50%; width:85px; height:100%; cursor:pointer;}
.m_menu_all { position:fixed; top:0; right:-3000px; background-color:#eee; height:100%; width:90%; z-index:99; text-align:left; overflow-y: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.m_menu_bg_sliding { right:0 !important;}
.m_menu_all_top { position:fixed; top:0; right:-3000px; height:80px; width:90%; background-color:#FFF; z-index:200; border-bottom:1px solid #eee; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; padding-left:20px;}
.m_menu_all_top>a { display:block; text-indent:-9999px; background-image: url(/images/common/logo_ov.png); background-repeat:no-repeat; background-position:0% 50%; height:100%; background-size:100% auto; /*로고크기 설정*/ width:200px;}
.m_menu_all_top>p {position:absolute; top:0; right:0; text-indent:-9999px; background-image: url(/images/icon/nav_btn2.png); background-repeat:no-repeat; background-size:25% auto; background-position:50% 50%; width:85px; height:100%; cursor:pointer;}
.m_menu_all_name { background-color:#FFF; padding-top:80px;}
.m_login_box { background-color:#eee; height:100px; font-size:0; padding:15px 30px;}
.m_login_box>a { display:inline-block; width:70px; height:70px; background-position:center; background-repeat:no-repeat; background-size:100% auto; text-indent:-9999px; margin:0 6px 6px 0;}
.mlogin_box_bg1 { background-image:url(/images/icon/m_menu01.png);}
.mlogin_box_bg2 { background-image:url(/images/icon/m_menu02.png);}
.mlogin_box_bg3 { background-image:url(/images/icon/m_menu03.png);}
.mlogin_box_bg4 { background-image:url(/images/icon/m_menu04.png);}
.mlogin_box_bg5 { background-image:url(/images/icon/m_menu05.png);}
.mlogin_box_bg6 { background-image:url(/images/icon/m_menu06.png);}
.m_menu_all_name>ul { padding:10px 30px 30px 30px;}
.m_menu_all_name>ul>.main { padding:10px; line-height:40px; font-size:16px;  border-bottom:1px solid #F6F6F6; font-weight:500;}
.m_menu_all_name>ul>.main:last-child { border-bottom:none;}
.m_menu_all_name>ul>.main>p { display:inline-block; width:7px; height:40px; margin-left:20px; background-image:url(/images/icon/ar_right.png); background-repeat:no-repeat; background-position:50% 50%; vertical-align:top;}
.m_menu_all_name>ul>.sub { background-color:#F6F6F6 !important; padding:15px 30px 15px 20px; font-size:13px; }
.m_submenu_active { display:block !important;}
.m_subname_active { background-image: url(/images/icon/ar_up.png) !important;}
.m_menu_all_name>ul>.sub>a { display:inline-block; padding:0 10px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.m_menu_all_name>ul>.sub>a:last-child { background-image:none;}
.m_menu_all_tel { background-image:url(/images/icon/icon_tel.jpg); background-repeat:no-repeat; background-position:40px 50%; padding:20px 0 20px 70px; font-size:20px; font-weight:700; background-color:#FFF; border-top:1px solid #ddd;}
.m_menu_all_bottom { border-top: 1px solid #ddd; padding:20px 30px;}
.m_menu_all_bottom>a { display:block; width:100%; height:auto; padding:15px 0; background-color:#FFF; border-radius:8px;}

#all_bg2 { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.8; z-index:56; display:none;}


}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px){


.top_nav_m { position:fixed; top:0; left:0; display:block; background-color:rgba(255,255,255,1); height:60px; width:100%; z-index:55; border-bottom:1px solid rgba(0,0,0,0.1);}
.m_logo { float:left; width:50%; height:100%; padding-left:10px;}
.m_logo>a { display:block; text-indent:-9999px; background-image: url(/images/common/logo_ov.png); background-repeat:no-repeat; background-position:0% 50%; height:100%; background-size:100% auto; /*로고크기 설정*/ width:200px;}
.m_menu_btn { float:left; position:relative; width:50%; height:100%; }
.m_menu_btn>p { position:absolute; top:0; right:0; text-indent:-9999px; background-image: url(/images/icon/nav_btn1.png); background-repeat:no-repeat; background-size:30% auto; background-position:50% 50%; width:65px; height:100%; cursor:pointer;}
.m_menu_all { position:fixed; top:0; right:-3000px; background-color:#eee; height:100%; width:95%; z-index:99; text-align:left; overflow-y: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.m_menu_bg_sliding { right:0 !important;}
.m_menu_all_top { position:fixed; top:0; right:-3000px; height:60px; width:95%; background-color:#FFF; z-index:200; border-bottom:1px solid #eee; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; padding-left:10px; padding-top:0;}
.m_menu_all_top>a { display:block; text-indent:-9999px; background-image: url(/images/common/logo_ov.png); background-repeat:no-repeat; background-position:0% 50%; height:100%; background-size:100% auto; /*로고크기 설정*/ width:150px;}
.m_menu_all_top>p { position:absolute; top:0; right:0; text-indent:-9999px; background-image: url(/images/icon/nav_btn2.png); background-repeat:no-repeat; background-size:25% auto; background-position:50% 50%; width:85px; height:100%; cursor:pointer;}
.m_menu_all_name { background-color:#FFF; padding-top:60px;}
.m_login_box { background-color:#eee; height:120px; font-size:0; padding:15px 20px;}
.m_login_box>a { display:inline-block; width:60px; height:60px; background-position:center; background-repeat:no-repeat; background-size:100% auto; text-indent:-9999px; margin:0 4px 4px 0;}
.m_menu_all_name>ul { padding:10px 20px 20px 20px;}
.m_menu_all_name>ul>.main { padding:10px; line-height:25px; font-size:15px;  border-bottom:1px solid #F6F6F6; font-weight:500;}
.m_menu_all_name>ul>.main:last-child { border-bottom:none;}
.m_menu_all_name>ul>.main>p { display:inline-block; width:7px; height:25px; margin-left:20px; background-image: url(/images/icon/ar_right.png); background-repeat:no-repeat; background-position:50% 50%; vertical-align:top;}
.m_menu_all_name>ul>.sub { background-color:#F6F6F6 !important; padding:15px 15px 15px 10px; font-size:13px; }
.m_submenu_active { display:block !important;}
.m_subname_active { background-image: url(/images/icon/ar_up.png) !important;}
.m_menu_all_name>ul>.sub>a { display:inline-block; padding:0 10px; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.m_menu_all_name>ul>.sub>a:last-child { background-image:none;}
.m_menu_all_tel { background-image:url(/images/icon/icon_tel.jpg); background-repeat:no-repeat; background-position:30px 50%; padding:20px 0 20px 55px; font-size:20px; font-weight:700; background-color:#FFF; border-top:1px solid #ddd;}
.m_menu_all_bottom { border-top: 1px solid #ddd; padding:20px 30px;}
.m_menu_all_bottom>a { display:block; width:100%; height:auto; padding:15px 0; background-color:#FFF; border-radius:8px;}

#all_bg2 { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.8; z-index:56; display:none;}



}






/*상단 플로팅 바 옵션 가리기 구글 번역기 */
iframe.goog-te-banner-frame { display: none !important; }
.skiptranslate { display: none !important; }

.goog-logo-link { display:none !important; }
.goog-te-gadget { color: transparent !important; overflow: hidden;}
.goog-te-balloon-frame{display: none !important;}
.goog-tooltip {display: none !important;}
.goog-tooltip:hover {display: none !important;}
.goog-text-highlight {background-color: transparent !important; border: none !important; box-shadow: none !important;}