@charset "utf-8";
::selection { background:#014099; color:#fff;}
.hidden { position:absolute; left:-9999px;}

#popup_0000000015,
#popup_0000000016 { opacity:0; display:none !important; visibility:hidden}

/* clear */
#gnb ul:after, #lnb ul:after, #container:after, #snb ul:after, #stle ul:after, .main_product_m:after, #footer:after, #footer .foo_link:after, .lnb_dep3:after { content:""; display:block; clear:both;}

/*intro*/
.loader{width:100%; height: 100%; background:url('../images/intro.gif') no-repeat center top; background-size: cover; position: fixed; z-index: 9999; display: none;}


/* header */
#header { z-index:100; width:100%; height:90px; background:#1b1c1e;}
#header h1 { padding:30px 0 0 200px;float: left;width: 20%; }

/* gnb */
#gnb .btn_language { position:absolute; top:24px; right:190px; z-index:50; width:10%; height:40px; line-height:40px; padding-left:20px; border:solid 1px #aab0b7; font-size:14px; background:url('../images/bg_language.png') no-repeat 90% center; color:#fff; text-transform:uppercase;}
#gnb .language_box { z-index:10; display:none; position:absolute; top:65px;width: 11%; right:190px; padding:10px 0; border:solid 1px #aab0b7; background:#1b1c1e; overflow:hidden;}
#gnb .language_box li a { display:block; width:100%; line-height:30px; padding-left:20px; font-size:14px; color:#fff; text-transform:uppercase;}
#gnb .language_box li a:hover { background:#fff; color:#222;}

/* lnb */
#lnb .btn_menu { position:absolute; top:32px; right:50px;}
#lnb .btn_close { position:absolute; top:32px; right:50px;}
#lnb .btn_menu_m { display:none;}
#lnb .lnb_box { z-index:999999; position:fixed; top:0; right:-100%; width:100%; height:100%; padding-top:90px; background:#1b1c1e; letter-spacing:-0.05em;}
#lnb .lnb_nav_dep1 > a { display:block; width:40%; line-height:65px; background:#1b1c1e; font-size:20px; color:#fff; text-align:center;}
#lnb li.on > a { background:#303336; color:#fff;}
#lnb li.on .lnb_dep2 { display:block;}
#lnb .lnb_box .logo { position:absolute; top:30px; left:50px;}
#lnb .lnb_box .lnb_dep2 { z-index:999999; display:none; position:absolute; top:90px; left:40%; width:50%; height:100%; padding:0 5%; background:#303336;}
#lnb .lnb_box .lnb_dep2 h2 { text-align:center; margin-top:30px; padding:30px 0; font-size:30px; border-top:solid 2px #e60013; border-bottom:solid 2px #014099; color:#fff; text-transform:uppercase; font-family: 'Titillium Web', sans-serif; letter-spacing:0.05em;}
#lnb .lnb_box .lnb_dep2 > ul { overflow-y:scroll !important; height:500px; padding-bottom:50px; scrollbar-3dLight-Color: #303336; scrollbar-arrow-color: #45484b; scrollbar-base-color: #303336; scrollbar-Face-Color: #45484b; scrollbar-Track-Color: #303336; scrollbar-DarkShadow-Color: #303336; scrollbar-Highlight-Color: #303336; scrollbar-Shadow-Color: #303336}
#lnb .lnb_box .lnb_dep2 > ul::-webkit-scrollbar-thumb:vertical { background-color:#45484b;}
#lnb .lnb_box .lnb_dep2 > ul::-webkit-scrollbar { width:10px; height:0; background:#303336;}
#lnb .lnb_box .lnb_dep2 a { display:block; padding:17px 0 17px 20px; border-bottom:solid 1px #595c5e; font-size:17px; color:#fff;}
#lnb .lnb_box .lnb_dep3 { background:#282b2e; padding:15px;}
#lnb .lnb_box .lnb_dep3 li { float:left; width:50%;}
#lnb .lnb_box .lnb_dep3 a { display:block; padding:6px 0 6px 25px; border:none; font-size:15px; color:#ababac; background:url('../images/bg_lnb_3deps.png') no-repeat 10px center;}
#lnb .lnb_box .lnb_dep3 a:hover {text-decoration:underline;}

/* container */
#container { z-index:1; width:100%; overflow:hidden;}
#content { position:relative; width:1200px; margin:0 auto;}

/* main_content */
.display_m { display:none;}

.main_video { }
.main_video .tit_main { position:absolute;  left: 50%; top:70%; margin:-165px 0 0 -245px; font-size:60px; font-weight:400; font-family: 'Titillium Web', sans-serif; color:#fff; text-align:center; line-height:1em;}
.main_video .tit_main span { font-size:30px; font-weight:400;}
.main_video .main_con { position:absolute; bottom:80px; left:50%; margin-left:-25px;}
.main_video .main_con p { padding-top:20px; font-weight:400; font-size:17px; color:#fff; letter-spacing:0;}

/*.main_video1 { position:relative; width:100%; height:1000px; text-align:center;}
.main_video1 .tit_main { position:absolute; left:50%; top:50%; margin:-165px 0 0 -255px; font-size:60px; font-weight:400; font-family: 'Titillium Web', sans-serif; color:#fff; text-align:center; line-height:1em;}
.main_video1 .tit_main span { font-size:30px; font-weight:400;}
.main_video1 .main_con { position:absolute; bottom:130px; left:50%; margin-left:-25px;}
.main_video1 .main_con p { padding-top:20px; font-weight:400; font-size:17px; color:#fff; letter-spacing:0;}*/

.main_global { position:relative; width:100%; height:1000px; background:url('../images/bg_main_global.jpg') no-repeat center top; background-size:cover; text-align:center;}
.main_global .tit { padding:70px 0 40px;}
.main_global .tit h3 { font-size:60px; font-weight:400; font-family: 'Titillium Web', sans-serif; color:#0d3b6d; line-height:1.1em; font-style:italic;}
.main_global .tit h3 span { font-weight:700; text-transform:uppercase;}
.main_global .tit p { padding-top:20px; font-size:17px; color:#414141; letter-spacing:-0.05em;}
.main_global a { display:block; width:200px; height:50px; margin:0 auto 30px; line-height:50px; border-top:solid 1px #1b1c1e; border-bottom:solid 1px #1b1c1e; color:#1b1c1e; text-align:center; text-transform:capitalize;}
.main_global a:hover { font-weight:bold;}
.main_global .ico_circle { position:absolute; bottom:100px; left:50%; margin-left:-320px;}
.main_global .ico_circle li { float:left; width:140px; height:110px; margin:0 10px; padding-top:30px; border-radius:140px; background:url('../images/bg_opac_blue.png') repeat; font-size:17px; color:#fff; text-align:center; line-height:2.1em; text-transform:capitalize;}
.main_global .ico_circle li span { font-size:35px;}

.main_product { position:relative; width:100%; height:950px; background:url('../images/bg_main_product.jpg') no-repeat center top!important; background-size:cover;}
.main_prod_box { width:1200px; margin:0 auto; padding-top:100px; overflow:hidden;}
.main_prod_box li { text-align:center; letter-spacing:-0.05em;}
.main_prod_box h3 { padding:30px 0 30px; font-size:35px; color:#222;}
.main_prod_box p { font-size:17px; color:#444; line-height:1.6em;}
.main_prod_box a { display:inline-block; color:#014099; text-transform:capitalize; letter-spacing:0;}
.main_prod_box a:hover { text-decoration:underline;}

.main_technology { position:relative; width:100%; height:1000px;}
.main_technology .main_tech_box { z-index:99; position:absolute; top:50%; left:50%; width:800px; height:410px; margin:-250px 0 0 -400px; padding-top:90px; background:url('../images/bg_opac_black.png') repeat; text-align:center;}
.main_technology .main_tech_box h3 { font-size:60px; color:#fff; font-family: 'Titillium Web', sans-serif; font-style:italic; line-height:1.1em;}
.main_technology .main_tech_box p { font-size:17px; color:#fff; line-height:1.6em; letter-spacing:-0.05em;}
.main_technology .main_tech_box .p_tit { padding:10px 0 30px; font-size:30px; line-height:1.6em;}
.main_technology .main_tech_box .p_tech_con { padding-bottom:30px; margin: 0 30px;}
.main_technology .main_tech_box .btn_more { display:inline-block; color:#fff; text-transform:capitalize; letter-spacing:0;}
.main_technology .main_tech_box .btn_more:hover { text-decoration:underline;}
.main_technology .main_tech_box .btn_tech { padding-top:50px;}
.main_technology .main_tech_box .btn_tech .on { border:solid 2px #fff;}
.main_technology .main_tech_box .btn_tech a { display:inline-block; margin:0 10px;}
.main_technology .visual01 { height:1000px; background:url('../images/bg_main_tech01.jpg') no-repeat center top; background-size:cover;}
.main_technology .visual02 { height:1000px; background:url('../images/bg_main_tech02.jpg') no-repeat center top; background-size:cover;}
.main_technology .visual03 { height:1000px; background:url('../images/bg_main_tech03.jpg') no-repeat center top; background-size:cover;}

/* sub_content */
.sub_container #content { min-height:400px; padding:60px 0;}
.sub_visual { }
.sub_visual h2 { padding:80px 0 20px; font-size:20px; font-family: 'Titillium Web', sans-serif; color:#fff; text-transform:uppercase; letter-spacing:0.05em;}
.sub_visual p { font-size:35px; color:#fff; letter-spacing:-0.05em;}
.img_ready { display:block; margin:0 auto;}

/* snb */
#snb { width:100%; background:#303336;}
#snb ul { width:1200px; display:table;   margin-left: 30%;}
#snb li { position:relative; float:left; width:240px;}
#snb li a { display:block; border-left:solid 1px #1f2225; border-right:solid 1px #45484a; border-bottom:solid 1px #45484a; font-size:18px; color:#adadae; line-height:60px; text-align:center; letter-spacing:-0.05em;}
#snb li a:hover { color:#fff;}
#snb li.on > a { background:#0e499e; font-weight:bold; color:#fff;}
#snb .snb_dep2 { display:none; z-index:100; position:absolute; top:61px; width:99%; padding:10px 0; margin-left:0.3%; background:#fff; border-left:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;}
#snb .snb_dep2 li { position:static; float:none; width:100%;}
#snb .snb_dep2 li a { display:block; font-size:15px; background:none; border:0; color:#5d5d5d; line-height:30px;}
#snb .snb_dep2 li a:hover { background:#f0f0f0;}
#snb .dep_num2 > li { width:50%;}
#snb .dep_num4 > li { width:25%;}
#snb .dep_num5 > li { width:20%;}

/* stle */
#stle { overflow:hidden; padding-bottom:20px; margin-bottom:40px; background:url('../images/bg_stle.gif') no-repeat center bottom; letter-spacing:-0.05em;}
#stle h2 { font-size:30px; color:#222; text-align:center; line-height:1em;}

/* tab */
.content_tab .tab_nav { display:table; margin:0 auto 40px;}
.content_tab .tab_nav li { float:left; width:188px; margin:0 3px 10px;}
.content_tab .tab_nav a { display:block; line-height:45px; padding-left:30px; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; font-size:15px; background:#f8f8f8 url('../images/bg_tab_cont_off.png') no-repeat 20px center; color:#797979; letter-spacing:-0.05em;}
.content_tab .tab_nav a:hover { font-weight:bold;}
.content_tab .tab_nav li.on a { font-weight:bold; color:#222; background:#fff url('../images/bg_tab_cont_on.png') no-repeat 20px center;}
.content_tab .tab_con { clear:both;}
.content_tab .tab_con > li { display:none;}
.content_tab .tab_con > li.on { display:block;}
.content_tab .tab_con > li > div { width:100%;}

/* footer */
#footer { clear:both; width:100%; padding-top:40px; background:#303336;}
/*#footer .btn_foo { display:table; margin:0 auto;}
#footer .btn_foo li { float:left; margin:0 2px;}
#footer .btn_top a { display:block; width:60px; line-height:42px; border:solid 1px #595c5e; font-size:14px; color:#d0d0d1; text-align:center; text-transform:uppercase;}
*/
/* #footer .foo_link { position:relative; display:table; margin:0 auto 20px;} */
#footer .family_site { float:left; margin-right:5px;}
#footer .family_site > a { display:block; width:160px; line-height:42px; padding-left:20px; border:solid 1px #595c5e; font-size:14px; background:url('../images/bg_familysite.png') no-repeat 90% center; color:#d0d0d1; text-transform:uppercase; letter-spacing:0;}
#footer .e_catalogue { float:left;}
#footer .e_catalogue > a { display:block; width:160px; line-height:42px; padding-left:20px; border:solid 1px #595c5e; font-size:14px; background:url('../images/bg_ecatalogue.png') no-repeat 90% center; color:#d0d0d1; text-transform:uppercase; letter-spacing:0;}
#footer .family_site .site_box { display:none; position:absolute; top:42px; left:0; width:180px; padding:10px 0; border:solid 1px #595c5e; background:#282a2d;}
#footer .family_site .site_box li { float:none;}
#footer .family_site .site_box li a { display:block; font-size:13px; line-height:25px; padding-left:20px; color:#848586;}
#footer .family_site .site_box li a:hover { color:#b4b5b6;}

#footer .foo_link { display:table; margin:20px auto 0;}
#footer .foo_link li { float:left; padding:0 12px;}
#footer .foo_link li a { display:block; font-size:17px; color:#d0d0d1; letter-spacing:-0.05em;}
#footer .foo_link li a:hover { color:#fff;}
#footer address { margin:20px 0 5px; padding:0 10%; font-size:15px; color:#848586; line-height:22px; letter-spacing:-0.05em; text-align:center;}
#footer address span { padding-right:20px;}
#footer .copyright { width:100%; padding-bottom:40px; text-align:center;}
#footer .copyright small { font-size:14px; color:#848586; letter-spacing:0;}
.btn_top { position:fixed; right:125px; bottom:50px; text-align:center; z-index:100;}
.btn_down { position:fixed; right:50px; bottom:50px; text-align:center; z-index:100;}
.btn_top a, .btn_down a { display:block; width:70px; height:55px; padding-top:15px; font-size:16px; background:url('../images/bg_top_btn.png') repeat; color:#fff; text-transform:uppercase; z-index:999999;}
.btn_widget { position:fixed; left:44px; bottom:24px; z-index:1000;}
.btn_widget2 { position:fixed; left:284px; bottom:24px; z-index:1000;}







/* ////////////////////////////////////////////////// */
@media all and (min-width:1000px) and (max-width:1200px) {
/* main_content */
.main_video { height:750px; background:#000;}
.main_video .main_con { bottom:100px;}

/*.main_video1 { height:750px; background-size:auto 100%;}
.main_video1 .main_con { bottom:100px;}*/

.main_global { height:750px;}
.main_global img { width:90%; margin:0 auto;}
.main_global .tit { padding:50px 0 30px;}
.main_global .tit h3 { font-size:53px;}
.main_global .tit p { padding-top:10px;}
.main_global a { height:40px; line-height:40px;}
.main_global .ico_circle { bottom:50px;}

.main_product { height:750px;}
.main_prod_box { width:95%; padding-top:40px;}
.main_prod_box img { width:80%;}

.main_technology { height:750px;}
.main_technology .visual01 { height:1000px; background:url('../images/bg_main_tech01.jpg') no-repeat center top; background-size:auto 100%;}
.main_technology .visual02 { height:1000px; background:url('../images/bg_main_tech02.jpg') no-repeat center top; background-size:auto 100%;}

/* container */
#content { width:100%;}

/* sub_content */
.sub_container #content { width:95%; padding:60px 2.5%;}

/* snb */
#snb ul { width:100%;}
#snb .dep_num2 > li { width:50%;}
#snb .dep_num4 > li { width:25%;}
#snb .dep_num5 > li { width:20%;}

/* tab */
.content_tab .tab_nav { width:100%;}
.content_tab .tab_nav li { width:32.33%; margin:0 0.5% 10px;}
}





/* ////////////////////////////////////////////////// tablet */
@media all and (min-width:641px) and (max-width:999px) {
/* header */
#header h1 { padding:30px 0 0 20px;}

/* gnb */
#gnb .btn_language { right:140px;}
#gnb .language_box { right:140px;}

/* lnb */
#lnb .btn_menu { right:20px;}
#lnb .btn_close { right:20px;}
#lnb .lnb_box .logo { top:30px; left:20px;}
#lnb .lnb_box .lnb_dep3 li { float:none; width:100%;}

/* container */
#content { width:100%;}

/* main_content */
.display_pc { display:none;}
.display_m { display:block;}

.main_video { height:750px; background:url('../images/img_visual_t.jpg') no-repeat center top; background-size:auto 100%;}
.main_video .main_con { bottom:60px;}

/*.main_video1 { height:750px; background:url('../images/img_visual_t.jpg') no-repeat center top; background-size:auto 100%;}
.main_video1 .main_con { bottom:60px;}*/

.main_global { height:750px;}
.main_global img { width:95%; margin:0 auto;}
.main_global .tit { padding:50px 0 30px;}
.main_global .tit h3 { font-size:53px;}
.main_global .tit p { padding-top:10px;}
.main_global a { height:40px; line-height:40px;}
.main_global .ico_circle { bottom:50px;}

.main_product { height:750px;}
.main_prod_box { width:95%; padding-top:70px;}
.main_prod_box h3 { font-size:30px;}
.main_product_m li { float:left; width:50%;}
.main_product_m li img { width:100%;}

.main_technology { height:750px;}
.main_technology .main_tech_box { width:600px; height:360px; margin:-250px 0 0 -300px;}
.main_technology .main_tech_box h3 { font-size:53px;}
.main_technology .visual01 { height:1000px; background:url('../images/bg_main_tech01.jpg') no-repeat center top; background-size:auto 100%;}
.main_technology .visual02 { height:1000px; background:url('../images/bg_main_tech02.jpg') no-repeat center top; background-size:auto 100%;}

/* sub_content */
.sub_container #content { width:95%; padding:60px 2.5%;}
.sub_visual { height:200px; background-size:100% auto;}
.sub_visual h2 { padding:55px 0 15px;}
.img_ready { width:80%; padding:0 10%;}

/* snb */
#snb ul { width:100%;}
#snb .dep_num2 > li { width:50%;}
#snb .dep_num4 > li { width:25%;}
#snb .dep_num5 > li { width:20%;}

/* tab */
.content_tab .tab_nav { width:100%;}
.content_tab .tab_nav li { width:32.33%; margin:0 0.5% 10px;}

/* footer */
/*#footer .foo_link li a { font-size:15px;}*/
#footer address { font-size:14px;}

/* topbanner */
.topbanner_m { position:absolute; top:60px; z-index:9999; border:solid 2px #ddd;}
.topbanner_m img { width:100%;}
#popup_0000000007 { top:60px !important; left:10% !important; margin-right:10%;}
#popup_0000000007 img { width:100% !important; height:auto;}

}





/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
/* header */
#header { height:60px;}
#header h1 { padding:20px 0 0 15px;}
#header h1 img { width:128px;}

/* gnb */
#gnb .btn_language { top:15px; right:50px; width:85px; height:28px; line-height:28px; padding-left:13px; background:none; border:solid 1px #aab0b7; font-size:12px;}
#gnb .language_box { top:44px; right:50px; padding:6px 0;width: auto;}
#gnb .language_box li a { width:85px; line-height:20px; padding-left:13px; font-size:13px;}

/* lnb */
#lnb .btn_menu { position:absolute; top:21px; right:15px;}
#lnb .btn_close { position:absolute; top:21px; right:15px;}
#lnb .btn_menu_pc { display:none;}
#lnb .btn_menu_m { display:block;}
#lnb .btn_menu img { width:20px;}
#lnb .btn_close img { width:20px;}
#lnb .lnb_box { padding-top:60px;}
#lnb .lnb_nav_dep1 > a { line-height:50px; font-size:15px;}
#lnb .lnb_box .logo { top:20px; left:15px;}
#lnb .lnb_box .logo img { width:128px;}
#lnb .lnb_box .lnb_dep2 { top:60px;}
#lnb .lnb_box .lnb_dep2 h2 { margin-top:20px; padding:10px 0; font-size:18px;}
#lnb .lnb_box .lnb_dep2 a { padding:10px 0 10px 13px; font-size:14px;}
#lnb .lnb_box .lnb_dep3 { padding:7px;}
#lnb .lnb_box .lnb_dep3 li { float:none; width:100%;}
#lnb .lnb_box .lnb_dep3 a { padding:3px 0 3px 20px; font-size:13px; background:url('../images/bg_lnb_3deps.png') no-repeat 10px 7px;}

/* container */
#content { width:100%;}

/* main_content */
.display_pc { display:none;}
.display_m { display:block;}

.main_video { height:450px!important; background:url('../images/img_visual_m.jpg') no-repeat center top; background-size:cover;}
.main_video .tit_main { /*margin:-38px 0 0 -153px;*/ font-size:35px;}
.main_video .tit_main {
    left: 75%!important;
    top: 60%!important;
}
.main_video .tit_main span { font-size:16px;}
.main_video .main_con { display:none;}

/*.main_video1 { height:450px; background:url('../images/img_visual_m.jpg') no-repeat center top; background-size:cover;}
.main_video1 .tit_main { margin:-38px 0 0 -153px; font-size:35px;}
.main_video1 .tit_main span { font-size:16px;}
.main_video1 .main_con { display:none;}*/

.main_global { overflow:hidden; height:auto; margin-bottom:30px; background:url('../images/bg_main_global_m.jpg') no-repeat center top; background-size:cover;}
.main_global img { width:100%;}
.main_global .tit { padding:40px 0 20px;}
.main_global .tit h3 { width:80%; margin:0 auto; font-size:30px;}
.main_global .tit p { width:70%; margin:0 auto; padding-top:10px; font-size:15px;}
.main_global a { width:200px; height:38px; margin:0 auto 25px; font-size:14px; line-height:38px;}
.main_global .ico_circle { position:static; width:95%; margin:0 auto;}
.main_global .ico_circle li { width:24%; height:70px; margin:0 0.5%; padding-top:20px; border-radius:50%; background:url('../images/bg_opac_blue.png') repeat; font-size:13px; line-height:1.8em;}
.main_global .ico_circle li span { font-size:22px;}

.main_product { height:auto; background:none;}
.main_product_m li { float:left; width:50%;}
.main_product_m li img { width:100%;}

.main_technology { height:240px; padding-top:60px; background:url('/skin/images/bg_main_tech_m.jpg') no-repeat center top; background-size:cover;}
.main_technology .main_tech_box { position:static; width:80%; height:auto; margin:0 auto; padding:40px 0; background:url('../images/bg_opac_black.png') repeat; text-align:center;}
.main_technology .main_tech_box h3 { font-size:35px; color:#fff; font-family: 'Titillium Web', sans-serif; font-style:italic; line-height:1.1em;}
.main_technology .main_tech_box .p_tech_con { display:none;}
.main_technology .main_tech_box .p_tit { padding:10px 0 20px; font-size:14px; color:#fff; line-height:1.6em; letter-spacing:-0.05em;}
.main_technology .main_tech_box .btn_more { display:inline-block; font-size:14px; color:#fff; text-transform:capitalize; letter-spacing:0;}
.main_technology ul { display:none;}

/* sub_content */
.sub_container #content { width:95%; padding:40px 2.5%;}
.sub_visual { height:150px!important; background-size:150% auto;}
.sub_visual h2 { padding:40px 0 10px; font-size:14px;}
.sub_visual p { font-size:20px;}
.img_ready { width:100%;}

/* snb */
#snb .snb_navi { width:100%;}
#snb .snb_navi > li { width:50%;}
#snb .snb_navi > li > a { font-size:15px; line-height:40px;}
#snb li.on > a { line-height:40px;}
#snb .snb_dep2 { top:39px;}
#snb .snb_dep2 li a { font-size:14px; line-height:24px;}

/* stle */
#stle { padding-bottom:14px; margin-bottom:35px; background-size:260px 1px;}
#stle h2 { font-size:22px;}

/* tab */
.content_tab .tab_nav { margin:0 auto 40px;}
.content_tab .tab_nav { width:100%;}
.content_tab .tab_nav li { width:49%; margin:0 0.5% 5px;}
.content_tab .tab_nav a { line-height:38px; padding-left:30px; font-size:14px; background:#fcfcfc url('../images/bg_tab_cont_off.png') no-repeat 20px center;}
.content_tab .tab_nav li.on a { background:#fff url('../images/bg_tab_cont_on.png') no-repeat 20px center;}

/* footer */
#footer { padding-top:25px;}

#footer .family_site { float:none; margin:0 0 5px 0;}
#footer .family_site > a { line-height:36px;}
#footer .e_catalogue { float:none;}
#footer .family_site > a { line-height:36px;}
#footer .family_site .site_box { top:36px;}
#footer .family_site .site_box li a { line-height:20px;}
/*#footer .foo_link li { padding:0 8px;}
#footer .foo_link li a { font-size:15px;}*/
#footer address { margin:20px 0 3px; font-size:14px;}
#footer address span { padding-right:14px;}
#footer .copyright { padding-bottom:30px;}
#footer .copyright small { font-size:13px;}
.btn_top { right:20px; bottom:80px;}
.btn_down { right:20px; bottom:20px;}
.btn_top img, .btn_down img { width:12px;}
.btn_top a, .btn_down a { width:55px; height:40px; padding-top:15px; font-size:13px;}
.btn_widget { display:none;}
.btn_widget2 { display:none;}

/* topbanner */
.topbanner_m { position:absolute; top:60px; z-index:9999; border:solid 2px #ddd;}
.topbanner_m img { width:100%;}
#popup_0000000014,
#popup_0000000015,
#popup_0000000016,
#popup_0000000017,
#popup_0000000018,
#popup_0000000019,
#popup_0000000020,
#popup_0000000021,
#popup_0000000022,
#popup_0000000023,
#popup_0000000024,
#popup_0000000025,
#popup_0000000026,
#popup_0000000027,
#popup_0000000028,
#popup_0000000029,
#popup_0000000030 { top:60px !important; left:10% !important; margin-right:10%;}
#popup_0000000014 img,
#popup_0000000015 img,
#popup_0000000016 img,
#popup_0000000017 img,
#popup_0000000018 img,
#popup_0000000019 img,
#popup_0000000020 img,
#popup_0000000021 img,
#popup_0000000022 img,
#popup_0000000023 img,
#popup_0000000024 img,
#popup_0000000025 img,
#popup_0000000026 img,
#popup_0000000027 img,
#popup_0000000028 img,
#popup_0000000029 img,
#popup_0000000030 img { width:100% !important; height:auto;}

}
.dhyou {float: left;/* margin-left: 10%;*/ display: block; width: 47%;}
.menu {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  /*background: #000;*/
  display: flex;
  justify-content: center;
}
.menu * {
  box-sizing: border-box;
}
.menu .center {
   padding: 30px 0 0 20px;
}
.menu .ul-list {
  display: flex;
}
.menu .ul-list > li {
  flex: 1;
  /*border-right: 1px solid #333;*/
  position: relative;
  width: 120px;
}
.menu .ul-list > li:last-child {
  border-right: none;
}
.menu .ul-list > li > a {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  /*background: #222;*/
}
.menu .ul-list > li > span {
  color: #fff;
  font-size: 14px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #222;
}
.menu .ul-list > li:hover .ol-list {
  display: block;
}
.menu .ol-list {
  display: none;
  position: absolute;
  top: 35px;
  left: 0;
  z-index: 999;
  background: #333;
  width: 100%;
}
.menu .ol-list li { }
.menu .ol-list > li > a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  height: 35px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #222;
  justify-content: center;
}
.menu .ol-list > li > a:hover {
  background: #222;
}
  
#lnb .btn_menu {display:none; }



@media screen and (max-width: 640px) {
.dhyou {display:none!important; }   
  #lnb .btn_menu {
    display: block;
    position: absolute;
    top: 21px;
    right: 15px;
}
}
  
 @media screen and (min-width:1150px) and (max-width:1500px){
   #gnb .btn_language {right: auto;}
   #gnb .language_box {right: 55px;width: 11%;} 
  
  
}