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


.top_nav { position:relative; width:100%; min-width:1200px; z-index:150; background-color: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_nav_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:150;}

.top_logo { position:absolute; top:11px; left:0; background-image: url(/eng/images/main/logo.png); z-index:1; /*로고크기 설정*/ width:157px; height:78px;  -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; width:100%; text-align:center; /*메뉴좌우여백 설정*/ padding:0 180px 0 230px; 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;}
.top_menu_title { position:relative; display:inline-block; text-align:center; background-image:url(/eng/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:0 45px; vertical-align:top; -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_menu_title:nth-child(1) { background-image:none; width:25%;}
.top_menu_title:nth-child(2) { width:25%;}
.top_menu_title:nth-child(3) { width:25%;}
.top_menu_title:nth-child(4) { width:25%;}

.top_menu_title>a {display:block; height:83%; width:100%; line-height:100px; color:#000; font-size:18px; font-weight:600; letter-spacing:0.01em;}
.top_menu_title>a:hover { color:#0054a6;}

.top_menu_sub { display:none; text-align:left; width:100%; margin-top:-20px; margin-bottom:20px; background-image:url(/eng/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; letter-spacing:0.02em; font-weight:500; line-height:26px;}
.top_menu_sub ul li a:hover { color:#0054a6; font-weight:500;}
 /*서브메뉴별 좌측 패딩 설정*/ 
.top_menu_sub01>ul>li>a { padding:0px 0 0px 20px; background-image:none;}
.top_menu_sub02>ul>li>a { padding:0px 0 0px 40px;}
.top_menu_sub03>ul>li>a { padding:0px 0 0px 55px;}
.top_menu_sub04>ul>li>a { padding:0px 0 0px 60px;}


.top_smenu { position:absolute; top:39px; right:0; width:auto; height:22px; z-index: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_smenu01 { font-family: 'Roboto', sans-serif; display:inline-block; padding:0 10px; height:22px; line-height:22px; font-size:11px; font-weight:500; letter-spacing:0; background-image:url(/eng/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%;}
.top_smenu01:nth-child(2) { background-image:none;}
.top_smenu02 { position:relative; width:90px; text-align:left; font-family: 'Roboto', sans-serif; display:inline-block; border:1px solid #CCC; padding:0 10px; height:22px; line-height:22px; font-size:11px; font-weight:500; letter-spacing:0; background-image:url(/eng/images/icon/ar_down.png); background-repeat:no-repeat; background-position:75px 50%; cursor:pointer;}
.smenu02_in { display:none; position:absolute; top:20px; left:-1px; width:100%; background-color:#fff; padding:10px; border:1px solid #CCC; border-top:none; width:90px;}
.language { display:block;}

.mo_color { color:#0054a6 !important;}

/*스크롤 내렸을때 메뉴 축소*/
.fixed_nav_title_bg { background-position:0 35px;}
.fixed_nav_title_a { line-height:90px !important;}
.fixed_nav_logo { top:5px;}
.fixed_nav_smenu { top:30px;}
.fixed_nav_sub { display: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:110px;}

/*스크롤 내렸을때 하단 라인 생성*/
.fixed_nav_border { border-bottom:1px solid rgba(0,0,0,0.1);}

/*서브 활성화시 하단 라인 생성*/
.fixed_nav_border2 { border-bottom:1px solid rgba(0,0,0,0.1);}

.top_nav_m { display:none;}




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

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


.top_nav { display:none;}
.top_menu_sub_bg { 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:75%; height:100%; padding-left:20px;}
.m_logo>a { display:block; text-indent:-9999px; background-image: url(/images/main/logo.png); background-repeat:no-repeat; background-position:0% 50%; height:100%; background-size:100% auto; /*로고크기 설정*/ width:180px;}

.m_menu_btn { float:right; position:relative; width:25%; 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: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/main/logo.png); background-repeat:no-repeat; background-position:0% 50%; height:100%; background-size:100% auto; /*로고크기 설정*/ width:180px;}
.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;}
.login_box { background-color:#eee; height:100px;}
.m_menu_all_name>ul { padding:10px 30px 30px 30px;}
.m_menu_all_name>ul>.main {  padding:10px; line-height:40px; font-size:17px;  border-bottom:1px solid #F6F6F6; font-weight:700;}
.m_menu_all_name>ul>.main>p { display:inline-block; width:7px; height:40px; margin-left:20px; background-image:url(/images/icon/ar_down.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:15px; }
.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;}


.m_smenu { position:absolute; top:26px; left:25px; width:auto; z-index: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;}
.m_smenu_kr { position:relative; display:inline-block; width:42px; text-align:center; border:1px solid #0054a6; background:#0054a6; color:#fff; font-size:14px; max-height:29px; padding:2px 5px; letter-spacing:0.04em; }
.m_smenu_eng { position:relative; display:inline-block;  width:42px; text-align:center; border:1px solid #0054a6; background:#fff; color:#0054a6; font-size:14px; max-height:29px; padding:2px 5px; letter-spacing:0.04em; }

#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:75%; height:100%; padding-left:10px;}
.m_logo>a { display:block; text-indent:-9999px; background-image: url(/images/main/logo.png); background-repeat:no-repeat; background-position:0% 50%; height:100%; background-size:100% auto; /*로고크기 설정*/ width:120px;}

.m_menu_btn { float:right; position:relative; width:25%; 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:15px; padding-top:0;}
.m_menu_all_top>a { display:block; text-indent:-9999px; background-image: url(/images/main/logo.png); background-repeat:no-repeat; background-position:0% 50%; height:100%; background-size:100% auto; /*로고크기 설정*/ width:120px;}
.m_menu_all_top>p { position:absolute; top:0; right:10px; 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;}
.login_box { background-color:#eee; height:100px;}
.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:700;}
.m_menu_all_name>ul>.main>p { display:inline-block; width:7px; height:25px; margin-left:20px; background-image: url(/images/icon/ar_down.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:14px; }
.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;}

.m_smenu { position:absolute; top:18px; left:20px; width:auto; z-index: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;}
.m_smenu_kr { position:relative; display:inline-block; width:32px; text-align:center; border:1px solid #0054a6; background:#0054a6; color:#fff; font-size:10px; max-height:27px; padding:2px 2px; letter-spacing:0.02em; }
.m_smenu_eng { position:relative; display:inline-block;  width:32px; text-align:center; border:1px solid #0054a6; background:#fff; color:#0054a6; font-size:10px; max-height:27px; padding:2px 2px; letter-spacing:0.02em; }

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



}