.SLB_youtube { width:560px; height:315px; }

@media (max-width:479px) {
.SLB_youtube { width:300px; height:168px; }	
}
/*==================      Box      ======================*/
.box1 { /*position:relative;*/ display:none; }/*use*/
.box1:before, .box1:after { display:table; content:""; line-height:0; }/*use*/
.box1:after { clear:both; }/*use*/
.box1_aside { float:left; margin-right:15px; }/*use*/
.box1_aside img { width:58px; }
.box1_cnt_no_flow { overflow:hidden; }/*use*/
.box1 h4 { font:normal 18px "NBG"; color:#313131;}/*use*/

@media (max-width:1169px) { 
.box1 {display:block} 
.box1_aside { float:none; text-align:center; margin:0; } 
.box1_aside img { width:58px; }
.box1_cnt_no_flow{ text-align:center; }/*use*/
.box1 h4 { margin-top:0px; border-top:1px solid #ededed; padding:10px 0 8px 0; }/*use*/
.box1 span { display:block; float:none; font:normal 14px "NBG"; color:#8d8d8d; padding:5px; }/*use*/
}


.box2 { position:relative; padding:34px; min-height:200px; background:#fbfbfb; border-radius:15px;} /*use*/
.box2:before, .box2:after { display:table; content:""; line-height:0; }/*use*/
.box2:after { clear:both; }/*use*/
.box2_aside { float:left; margin-right:20px; margin-left:10px; }/*use*/
.box2_cnt_no_flow { overflow:hidden; }/*use*/
.box2 span { width:80px; text-align:center; line-height:22px; float:left; padding:10px 0 0 30px; font-size:13px; color:#8e8e8e;}/*use*/
.box2 span.firstt { width:80px; text-align:center; line-height:22px; float:left; padding:10px 0 0 0; font-size:13px; color:#8e8e8e;}/*use*/
.box2 h4 { font:normal 18px "NBG"; color:#313131; height:20px; padding-bottom:10px}/*use*/
.box2 h4 > span { display:inline-block; padding:0; font:normal 18px "NBG"; color:#1161169px5; }/*use*/
.box2 p { font:normal 14px "NBG"; line-height:20px; color:#1161169px5; letter-spacing:-0.5px}/*use*/
.box2 p > span { font:normal 18px "NBG"; margin-top:7px; display:inline-block; }/*use*/
.box2 p.fs1 {  font:300 28px "Lato"; line-height:28px; }
.box2 > div {cursor:pointer;  }

@media (max-width:1169px) {
.box2 {min-height:150px; padding:20px; }
.box2 p {  font:normal 14px "NBG"; line-height:20px; color:#1161169px5; letter-spacing:-0.5px}
.box2 h4 {font:normal 18px "NBG"; color:#313131; height:20px; padding-bottom:10px}
.box2 span { width:25%; text-align:center; line-height:22px; float:left; padding:10px 0 0 0; font-size:12px; color:#8e8e8e}/*use*/
.box2 span.firstt { width:25%; text-align:center; line-height:22px; float:left; padding:10px 0 0 0; font-size:12px; color:#8e8e8}/*use*/
}


@media (max-width:1169px) { 
.box3 { padding-top:20px; padding-bottom:20px; }/*use*/
.box3_aside { display:none; } 
.box3_cnt_no_flow { margin-left:25px; }/*use*/
}

.box4 { position:relative; }/*use*/
.box4:before, .box4:after { display:table; content:""; line-height:0; }/*use*/
.box4:after { clear:both; }/*use*/
.box4_aside { float:left; margin-right:28px; padding-right:28px; font:normal 16px "NBG"; color:#444; border-right:1px solid #b3b3b3; }/*use*/
.box4 p { font:normal 15px "NBG"; line-height:16px; color:#666; }/*use*/
.box4 p > span { font:400 14px "Lato"; margin-top:-1px; display:inline-block; color:#1161169px5; margin-left:40px; }/*use*/

@media (max-width:1169px) { 
.box4_aside { margin-right:28px; padding-right:0; color:#85a2c8; border-right:none; }
.box4 p { font-size:16px; line-height:20px; color:#e7e6e6; }
.box4 p > span { display:none; }/*use*/
}

.box5 { position:relative; text-align:right; }/*use*/
.box5 a { padding:0 17px; border-left:1px solid #b3b3b3; font:400 14px "Lato"; color:#626262; text-transform:uppercase; }
.box5 a:first-child { border-left:none; }
.box5 a > i { padding:2px 10px; }

.box6 { position:relative; text-align:center;}/*use*/
.box6 a { font:normal 25px "NBG"; color:#fff;}
.box6 a:first-child { border-left:none; }
.box6 a > i { padding:0 10px; }


.box7 { position:relative; text-align:center; background:#0f86d2; padding:20px 15px 20px 15px; }/*use*/
.box7 a { font:normal 22px "NBG"; color:#fff; line-height:22px; }
.box7 a:first-child { border-left:none; }
.box7 a > i { padding:0 10px; }

.box8 { position:relative; text-align:center; border:1px solid #e2e2e2; min-height:110px; }/*use*/


/*========================   Menu   ==========================*/
.sf-menu { display:inline-block; position:relative; text-align:left;}
.sf-menu:before, .sf-menu:after { display:table; content:""; line-height:0; }
.sf-menu:after { clear:both; }
.sf-menu > li { position:relative; float:left;}
.sf-menu a { display:block; text-align:left;}

.sf-menu > li > a { width:246px; color:#313131; font-size:16px; text-transform:uppercase; padding:20px 0 15px 0; text-align:center; background:#fff; border-radius:10px 10px 0 0; margin-left:5px; display:block}
.sf-menu > li > a.m-pro { width:246px; color:#fff; font-size:16px; text-transform:uppercase; padding:20px 0 15px 0; text-align:center; background:#6dcec1; border-radius:10px 10px 0 0; margin-left:0; display:block}
.sf-menu > li > a.m-com { width:246px; color:#fff; font-size:16px; text-transform:uppercase; padding:20px 0 15px 0; text-align:center; background:#7db2d0; border-radius:10px 10px 0 0; margin-left:5px; display:block}
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover { color:#ff; }
.sf-menu > li.active > a { color:#fff; }
.sf-menu > li.active > a.black{ color:#313131; }
.sf-menu > li > a > span.m-eng {font-size:12px; /*padding:10px 0 0 10px; display:inline-block;*/ display:inline-block; padding:3px 0 0 10px}

.sf-menu ul { display:none; position:absolute; top:100%; min-width:200px; margin-top:0; padding:0; background:url('../images/comm/mm_w_bg.png'); z-index:2;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:14px; font-weight:300; line-height:20px; }/*2depth*/

.sf-menu ul > li { position:relative; display:none;}
.sf-menu ul > li > a { color:#777; padding:9px 35px 9px 20px; }
.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover { color:#fff; background:#334982; }

.sf-menu ul ul { position:absolute; top:0; left:100%; min-width:150px; margin-top:0; padding:0 0; z-index:4; }

.sf-menu ul ul > li > a { color:#fff; padding:9px 35px 9px 20px; background:#4c5f92; }
.sf-menu ul ul > li.sfHover > a, .sf-menu ul ul > li > a:hover { color:#fff; background:#3a3e4b; }

.sf-menu > li > .sf-with-ul { position:relative;}
/*.sf-menu > li > .sf-with-ul:before { position:absolute; left:50%; top:62%; margin-left:-6px; content:"?"; font:400 18px/16px "FontAwesome"; }*/

.sf-menu ul .sf-with-ul { position:relative; }
.sf-menu ul .sf-with-ul:before { position:absolute; right:20px; top:50%; margin-top:-8px; content:"?"; font:400 18px/16px "FontAwesome"; }

@media (max-width:1169px) { 
.sf-menu { display:none; } 
}


/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu { display:none; position:fixed; top:0; left:0; bottom:0; z-index:999; text-align:left; -moz-transition:0.3s all ease; -o-transition:0.3s all ease; -webkit-transition:0.3s all ease; transition:0.3s all ease; }
.rd-mobilemenu.active { right:0; }

.rd-mobilemenu_ul { position:fixed; top:52px; left:0; bottom:0; width:240px; padding:0; color:#666; background:#fff; font-size:14px; line-height:20px; overflow:auto; -webkit-box-shadow:5px 0 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:5px 0 5px 0 rgba(0, 0, 0, 0.1); box-shadow:5px 0 5px 0 rgba(0, 0, 0, 0.1); -moz-transform:translateX(-240px); -ms-transform:translateX(-240px); -o-transform:translateX(-240px); -webkit-transform:translateX(-240px); transform:translateX(-240px); -moz-transition:0.3s ease; -o-transition:0.3s ease; -webkit-transition:0.3s ease; transition:0.3s ease; -moz-transition:0.3s cubic-bezier(0.55, 0, 0.1, 1); -o-transition:0.3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition:0.3s cubic-bezier(0.55, 0, 0.1, 1); transition:0.3s cubic-bezier(0.55, 0, 0.1, 1); }
.rd-mobilemenu.active .rd-mobilemenu_ul { -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); }
.rd-mobilemenu_ul a { display:block; padding:11px 25px 11px; ; }
.rd-mobilemenu_ul a:hover { background:#22589b; color:#fff; }
.rd-mobilemenu_ul ul a {padding:8px 0 8px 40px; font-size:0.925em; }
.rd-mobilemenu_ul ul a:hover {background:#0b70b7; }
.rd-mobilemenu_ul ul ul a { padding-left:60px; }
.rd-mobilemenu_ul ul ul a:hover {background:#888;  }
.rd-mobilemenu_ul:after { content:''; display:block; height:20px; }

.rd-mobilepanel { display:none; position:fixed; top:0; left:0; right:0;  border-top:3px solid #22589b; height:48px; background:#fff; _background:rgba(255, 255, 255, 0.9); border-bottom:1px solid #d5d5d5;  }

.rd-mobilepanel_toggle { position:relative; width:48px; height:48px; background:#22589b; }
.rd-mobilepanel_toggle span { position:relative; display:block; margin:auto; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; z-index:99999;}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before { content:""; position:absolute; left:0; top:-8px; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.rd-mobilepanel_toggle span:after { top:8px; }
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span { width:24px; height:4px; background-color:#fff; backface-visibility:hidden; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after { -webkit-transition-duration:0.3s, 0.3s; transition-duration:0.3s, 0.3s; -webkit-transition-delay:0.3s, 0s; transition-delay:0.3s, 0s; -webkit-transition-property:top, -webkit-transform; transition-property:top, transform; }
.rd-mobilepanel_toggle.active span { transition:background .3s 0s ease; background:transparent; }
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after { top:0; -webkit-transition-delay:0s, 0.3s; transition-delay:0s, 0.3s; }
.rd-mobilepanel_toggle.active span:before { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.rd-mobilepanel_toggle.active span:after { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }

@media (max-width:1169px) { 
.rd-mobilemenu, .rd-mobilepanel { display:block; } 
}

/*==================  Stuck menu  ======================*/
.isStuck {/*background:url('../images/comm/mm_w_bg.png'); border-top:4px solid #22589b; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.15);*/z-index:999;  background:#d9d9d9; }
.isStuck .container { border-top:block; padding-top:20px}
.isStuck .location-href_toggle { position:absolute; right:100px;}
.isStuck .location-href { display:block; }
.isStuck .search-form_toggle { display:none;  z-index:999;}
.isStuck .sitemapLink { display:block; }
.isStuck .search-form { display:block;}
.isStuck .brand { }

@media only screen and (max-width:1169px) { 
.isStuck { display:none !important; } 
}

/*==================     ToTop     ======================*/
.toTop { width:33px; height:33px; font-size:26px; line-height:33px; color:#fff; background:#22589b; border-radius:50%; position:fixed; right:60px; bottom:60px; display:none; overflow:hidden; text-align:center; text-decoration:none; z-index:20; }
.toTop:hover { color:#fff; background:#666666; text-decoration:none; }

@media only screen and (max-width:1399px) { 
.toTop { display:none !important; } 
}

/*==================   Thumbnail    ======================*/
.thumb { display:block; position:relative; overflow:hidden; }
.thumb img { width:100%; height:auto; -moz-transition:0.5s all ease; -o-transition:0.5s all ease; -webkit-transition:0.5s all ease; transition:0.5s all ease; }
.thumb_overlay { position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; -moz-transition:0.3s all ease; -o-transition:0.3s all ease; -webkit-transition:0.3s all ease; transition:0.3s all ease; color:#fff; background:transparent; margin:0; padding:0; }
.thumb_overlay:before { content:"?"; position:absolute; top:50%; left:0; right:0; font:400 30px "FontAwesome"; line-height:30px; margin-top:-15px; text-align:center; }
.lt-ie9 .thumb_overlay:before { display:none; }
.thumb:hover .thumb_overlay { opacity:1; background:rgba(0, 0, 0, 0.5); }
.lt-ie9 .thumb:hover .thumb_overlay { background:none; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000')"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000'); zoom:1; }
.lt-ie9 .thumb:hover .thumb_overlay:before { display:block; }
.thumb:hover img { -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); }

.thumb_s { display:block; position:relative; overflow:hidden; border:1px solid #dfdfdf; }
.thumb_s img { width:100%; height:auto; -moz-transition:0.5s all ease; -o-transition:0.5s all ease; -webkit-transition:0.5s all ease; transition:0.5s all ease; }
.thumb_s_overlay { position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; -moz-transition:0.3s all ease; -o-transition:0.3s all ease; -webkit-transition:0.3s all ease; transition:0.3s all ease; color:#fff; background:transparent; margin:0; padding:0; }
.thumb_s_overlay:before { content:"?"; position:absolute; top:50%; left:0; right:0; font:400 30px "FontAwesome"; line-height:30px; margin-top:-15px; text-align:center; }
.lt-ie9 .thumb_s_overlay:before { display:none; }
.thumb_s:hover .thumb_s_overlay { opacity:1; background:rgba(0, 0, 0, 0.5); }
.lt-ie9 .thumb_s:hover .thumb_s_overlay { background:none; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000')"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000'); zoom:1; }
.lt-ie9 .thumb_s:hover .thumb_s_overlay:before { display:block; }
.thumb_s:hover img { -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); }


/*========================================================
                     HEADER  Section
=========================================================*/

/*==================     Brand     ======================*/
.brand { display:inline-block; }
header { background:#d9d9d9; text-align:center;}
header .container {}
header .brand { /*position:absolute; left:50%; margin-left:-150px; top:35px; z-index:99999999; height:55px; display:block; margin-bottom:60px*/ position:relative; text-align:center; width:400px; margin:0 auto; padding:30px 0 20px 0;}
header .brand img { display:block; width:400px;}  
header .header_right {margin-left:0px; position:relative; }
header .nav {  display:inline-block; padding-top:20px;}
header .location-href_toggle { position:fixed; top:3px; right:50px; z-index:99999999; display:block; width:100px; padding:14px 0 15px 0; text-align:center; color:#000; font:400 16px "Lato"; border-left:1px solid #d5d5d5; }
header .location-href_toggle { display:none; }
header .location-href { display:block; position:absolute; right:160px; top:0px; z-index:50; }
header .location-href ul li { float:left; padding:0 12px; border-left:1px solid #dbdbdb; height:10px;  }
header .location-href ul li:first-child { border-left:none;}
header .location-href ul li > a {display:inline-block; font:700 12px "Lato"; color:#939393; text-transform:uppercase; margin-top:-4px;  }
header .location-href ul li > a img {padding-right:4px; vertical-align:middle; }
header .sitemapLink { display:block; position:absolute; right:100px; top:0px; z-index:50; padding-left:10px;  font:700 12px "Lato"; line-height:0.5em; color:#939393; border-left:1px solid #dbdbdb; height:10px;  }

.m-category {position:relative; width:100%; background:#fbfbfb; height:94px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.m-category > div {width:1000px; margin:0 auto; position:relative;}


.m-category > div > .all-menu:hover{ color:#6dcec1; font-size:20px;}
.m-category > div > .all-menu {/*width:166px;*/font-size:20px; font-weight:bold; color:#009fe8; position:absolute; padding:18px; top:22px; left:0; cursor:pointer; text-align:left;}
.m-category > div > .all-menu > span img {width:24px; display:block; margin-right:10px}
.m-category > div > .all-menu > span {display:block; float:left; }

.m-category > div > .all-menu.active {background:#6dcec1; top:23px; color:#fff; height:80px; padding-right:27px;}

/*.all-menu-popup .all-menu-on {width:166px; font-size:18px; font-weight:bold; background:#6dcec1; padding:18px; display:block; color:#fff;}
.all-menu-popup .all-menu-on > a > span {display:block; float:left;}
.all-menu-popup .all-menu-on > a > span img {width:24px; display:block; margin-right:10px}*/

.m-category > div > .all-menu-list {display:none; overflow:hidden;}
.m-category > div > .all-menu .all-product-href_toggle {display:block;}

.m-category > div > .m-notice {position:absolute; right:0; top:40px; font-size:12px; color:#848484; text-align:left;} 
.m-category > div > .m-notice > span {padding-left:10px;}
.m-category > div > .m-notice > span img {width:16px; height:18px; display:block; vertical-align:middle; float:right;}

.m_banner { position:relative; padding-top:30px;}
.m_bn1 {width:370px; float:left; border-radius:20px; background:#fff; box-shadow:0 5px 10px 0 #b4b4b4; inset; margin-left:30px; display:inline-block; padding-bottom:50px; position:relative; cursor:pointer; }
.m_bn1:first-child {width:370px; float:left; border-radius:15px; box-shadow:0 5px 10px 0 #b4b4b4; inset; margin-left:0;}
.m_bn1 > a { display:block; width:100%; }
.m_bn1 > a > img {display:block; width:100%;}
.m_bn1 > a > h2 {padding-bottom:10px; position:relative; height:20px; padding:20px 35px 10px 35px; font:normal 18px 'NanumGothic'}
.m_bn1 > a > p {padding:0 35px 20px 35px; font:normal 13px 'NanumGothic';  line-height:20px; min-height:80px; }
.btn_m {background:#ffffff; position:absolute; right:30px; }
.btn_m a.more{color:#939393; display:block; padding:5px 5px; font-size:14px; }


@media (max-width:1169px) {
header { border-top:none; height:40px; background:#fff; }
header .header_right {padding:0; margin:0}
header .brand { position:fixed; top:10px; margin-top:5px; padding:0; width:160px; z-index:99999999; left:60px;}
header .brand img { width:200px; }
header .location-href_toggle { display:block; width:70px}
header .location-href { display:none; right:47px; top:47px; z-index:50; border:1px solid #dbdbdb; }
header .location-href ul li { float:none; padding:12px 0; border-left:none; background:#fff; width:72px; text-align:center;  }
header .location-href ul li:first-child { border-left:none;}
header .location-href ul li > a {text-align:left; display:block; padding-left:10px;}
header .sitemapLink {display:none; }
.m-category {display:none}
.m_banner {display:none;}
.all-menu {display:none;}
.all-menu-list{display:none;}
.all-product-href_toggle {display:none;}
}

/*==================     Popup     ======================*/
.all-menu-popup {position:absolute; top:94px; left:0; display:none;}
.all-menu-popup .all-menu-on {width:166px; font-size:18px; font-weight:bold; background:#6dcec1; padding:18px; display:block; color:#fff;}
.all-menu-popup .all-menu-on > a > span {display:block; float:left;}
.all-menu-popup .all-menu-on > a > span img {width:24px; display:block; margin-right:10px}
.all-menu-popup .all-menu-list {width:1000px; border:2px solid #6dcec1; position:relative; display:table; min-height:280px; z-index:99}

.all-menu-list .row { background:#fff; display:table; width:100%; _min-height:203px; overflow:hidden; }
.all-menu-list .row > dl { position:relative; width:100%; height:auto; }
.all-menu-list .row > dl dt { position:absolute; left:0; z-index:2; height:100px; width:209px; background:#fff;overflow:hidden;}

.all-menu-list .row > dl dt.tab01 { top:0px; }
.all-menu-list .row > dl dt.tab02 { top:100px; }
.all-menu-list .row > dl dt.tab03 { top:200px; }
.all-menu-list .row > dl dt.tab04 { top:300px; }

.all-menu-list .row > dl dt > a { display:block; letter-spacing:-0.05em; color:#ffffff; text-decoration:none; text-align:left; height:60px; width:120px; padding:20px 40px; }
.all-menu-list .row > dl dt.tab01 > a { background:#57cea0; }
.all-menu-list .row > dl dt.tab02 > a { background:#6dce7f; }
.all-menu-list .row > dl dt.tab03 > a { background:#9dce6d; }
.all-menu-list .row > dl dt.tab04 > a { background:#57cea0; }
.all-menu-list .row > dl dt > a:hover, .all-menu-list .row > dl dt > a:active, .all-menu-list .row > dl dt > a:focus { color:#ffffff; }


.all-menu-list .row > dl dt.visit.tab01 { top:0px; background:url('../images/main/menu-pop-arrow.png') 200px 41px no-repeat; }
.all-menu-list .row > dl dt.visit.tab02 { top:100px; background:url('../images/main/menu-pop-arrow2.png') 200px 41px no-repeat; }
.all-menu-list .row > dl dt.visit.tab03 { top:200px; background:url('../images/main/menu-pop-arrow3.png') 200px 41px no-repeat; }
.all-menu-list .row > dl dt.visit.tab04 { top:300px; background:url('../images/main/menu-pop-arrow.png') 200px 41px no-repeat; }

.all-menu-list .row > dl dt.visit > a { color:#ffffff; }
.all-menu-list .row > dl dt.visit.list-arrow-bg {background:url('../images/main/menu-pop-arrow.png') no-repeat 210px 210px; }

.all-menu-list .row > dl dd { width:791px; height:280px; position:relative; margin:0 0 0 209px; padding:10px 0; text-align:left; }
.all-menu-list .row > dl dd > a { position:absolute; right:0; top:0; width:24px; height:24px; border:1px solid #c6c6c6; text-align:center; background:url(../images/main/icon_more.png) center no-repeat; }
.all-menu-list .row > dl dd > a:hover, .all-menu-list .row > dl dd > a:active, .all-menu-list .row > dl dd > a:focus { background:url(../images/main/icon_more_hover.png) center no-repeat; }



.all-menu-list .row .list-title {display:table-cell; vertical-align:top; width:20%; color:#fff; padding:20px 0 20px 40px}
.all-menu-list .row .list-cont {display:table-cell; vertical-align:top; width:80%; padding:20px 0 20px 0;}
.list-title-bg {background:#57cea0;}
.list-cont-bg1 { background:url('../images/main/menu-pop-bg1.png') no-repeat right bottom;} 
.list-title-bg2 {background:#6dce7f;}
.list-cont-bg2 { background:url('../images/main/menu-pop-bg2.png') no-repeat right bottom;} 
.list-arrow-bg2 {background:url('../images/main/menu-pop-arrow2.png') no-repeat left; overflow:hidden}
.list-title-bg3 {background:#9dce6d;}
.list-cont-bg3 { background:url('../images/main/menu-pop-bg3.png') no-repeat right bottom;} 
.list-arrow-bg3 {background:url('../images/main/menu-pop-arrow3.png') no-repeat left; overflow:hidden}
.list-title-bg4 {background:#57cea0;}
.list-cont-bg4 { background:url('../images/main/menu-pop-bg.png') no-repeat right bottom;} 
.list-arrow-bg4 {background:url('../images/main/menu-pop-arrow.png') no-repeat left; overflow:hidden}
.all-menu-cont > ul {width:80%; padding-left:40px;}
.all-menu-cont > ul li {float:left; width:30%; font-size:13px; color:#848484; line-height:25px}


/*========================================================
                     FOOTER  Styles
=========================================================*/
footer .footer-copy {background:#f0f0f0; color:#848484; margin-top:34px; padding:30px 0; font:normal 12px "NBG"; margin-left:-15px; }
footer .footer-copy .container {overflow:hidden; }
footer .footer-copy .container .row {padding-left:25px; float:left; width:900px; }
footer .footer-copy p{ margin-left:15px; line-height:20px; }
footer .footer-copy p.copy { font:12px "Lato"; text-transform:uppercase; }
footer .footer-copy p span:last-child { margin-left:15px; line-height:20px; }
footer .footer-copy .container .row p.address{ display:inline-block}
footer .footer-copy .container .row p.inline{display:inline-block;}
footer .footer-copy .container .row p.inline2{display:inline-block;}
footer .footer-copy .container .row p.block{display:inline-block;}
@media (max-width:938px) {
footer .grid_4 { display:none; } 
footer .footer-copy { background:#f0f0f0; margin-left:0px; margin-top:0; padding:20px 0 20px 10px; }
footer .footer-copy .container { background:none; }
footer .footer-copy .container .row {padding-left:0; width:100%; }
footer .footer-copy .container .row p.address{ display:inline-block}
footer .footer-copy .container .row p.inline{display:inline-block;}
footer .footer-copy .container .row p.inline2{display:inline-block;}
footer .footer-copy .container .row p.block{display:inline-block;}

footer .footer-copy span.copy { font:10px "Lato"; text-transform:uppercase; }
}
@media (max-width:767px) {
footer .footer-copy .container .row p{letter-spacing:-1px;}
footer .footer-copy .container .row p.address{ display:block;}
footer .footer-copy .container .row p.inline{display:inline-block; }
footer .footer-copy .container .row p.inline2{display:block;}
footer .footer-copy .container .row p.inline2 span{margin-right:10px;}
footer .footer-copy .container .row p.block{display:inline-block;}
footer .footer-copy p{ margin-left:0px; line-height:20px; }
}
@media (max-width:400px) {
footer .footer-copy .container .row p{letter-spacing:-1.9px;}
footer .footer-copy .container .row p.address{ display:block;}
footer .footer-copy .container .row p.inline{display:inline; margin-right: 5px;}
footer .footer-copy .container .row p.inline2{display:block;}
footer .footer-copy .container .row p.inline2 span{margin-right:10px;}
footer .footer-copy .container .row p.block{display:inline;}
footer .footer-copy p{ margin-left:0px; line-height:20px; }
}


/*============     Product Category     =================*/
.product-item { display:none; }
.product-list { display:none; }
.submenu-item { display:none; }
.submenu-href_toggle { display:none; }
.submenu-list { display:block; }

@media (max-width:1169px) {
.product-item { display:block; }
.product-list { display:none; }
.submenu-item { display:block; }
.submenu-list { display:none; }
.sub-visual { display:none; }
.submenu-location { display:none; }
.submenu-href_toggle { display:block; }
}

.m-icon {display:none;}

@media (max-width:1169px) { 
.m-icon {display:table; width:100%;}
.m-icon span {width:25%; display:table-cell; padding:10px 0; line-height:22px; vertical-align:middle; text-align:center; background:#fbfbfb; border-left:1px solid #d9d9d9; border-top:0px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.m-icon span:nth-child(4n) {width:25%; display:table-cell; padding:20px 0; line-height:22px; vertical-align:middle; text-align:center; background:#fbfbfb; border-right:1px solid #d9d9d9; border-top:0px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.m-icon span > img {width:50%; height:50%}
.m-icon span > a {color:#555}
}


/*========================================================
                     CONTENT  Section
=========================================================*/
main { display:block; background:#fff; }

@media (max-width:1169px) {
main {display:block; margin-top:20px}
}

/*==================      Sub     ======================*/ 
.sub-visual { background:url(../images/sub/sub-visual.png) no-repeat top center; height:20px; font:100 24px "NBGL"; color:#295384; padding:55px 20px; }

.page-position { position:absolute; bottom:10px; right:0; overflow:hidden; }
.page-position li { float:left; padding:12px 15px 11px 15px; font-size:12.5px; color:#777; font-family:'NBGL'; line-height:100%; background:url('../images/sub/blt-arrow.png') no-repeat 0 11px;}
.page-position li:first-child { float:left; padding:12px 15px 11px 15px; font-size:12.5px; color:#777; font-family:'NBGL'; line-height:100%; background:none}
.page-position li.here { color:#313131; cursor:pointer; text-align:center; }
.page-position li.here i { padding-left:5px; }
.page-position:after {content:""; display:block; clear:both; }
.content-box {display:block;}

@media (max-width:1169px) {
.content-box {margin:0 10px; display:block}
.page-position { right:15px; }
}

.page-position-list { display:none; position:absolute; top:60px; right:0; width:140px!important; padding:0; z-index:99999999; }
.page-position-list li { padding:12px 15px 11px 15px; font-size:13px; color:#777; font-family:'NBGL'; line-height:100%; border:1px solid #dddddd; border-top:none; background:#fff; }
.page-position-list li > a, .page-position-list li a:hover { color:#3a3e4b; }

.product-icon { position:absolute; bottom:15px; right:0; overflow:hidden; }
.product-icon li { float:left; padding:0 0 0 10px; }
.product-icon:after {content:""; display:block; clear:both; }

/*==================    Item    ======================*/
.product-bg { background:url(../images/main/main-product-bg.png) no-repeat center top;}
.product-text { width:100%; height:251px; }
.product-text:before, .product-text:after { display:table; content:""; line-height:0; }/*use*/
.product-text:after { clear:both; }/*use*/
.product-text > div {cursor:pointer; }
.product-text p {color:#bbc0cd; }
.product-img1 { background:url(../ezs_data/product/1_1441675304.png) no-repeat bottom right; background-size:220px; }
.product-img2 { background:url(../ezs_data/product/1_1439455261.png) no-repeat bottom right; background-size:240px; }
.product-img3 { background:url(../ezs_data/product/1_1439453729.png) no-repeat bottom right; background-size:260px; }

@media (max-width:1169px) {
.product-text { background-size:373px; }
}

@media (max-width:768px) { 
.product-text { background-size:314px; } 
}

@media (max-width:479px) {
.product-text { background-size:255px; }  	
}