/* Web Standardization Team, Author:JongWoon,LEE 2019.08.28 */

/*UI Object*/
html,body{}
body{}
#wrap{position:relative}
#wrap > .overlay{display:block;position:fixed;top:0;left:50%;width:0;height:0;background:linear-gradient(to right, #004b41,#16ccbd);opacity:0.8;filter:alpha(opacity=80);transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:width .3s ease,height .3s;-webkit-transition:width .3s ease,height .3s}
#wrap > .overlay.active{width:100%;height:100%;z-index:3}
.innerwrap{position:relative;max-width:64rem;margin:0 auto}
.img .pc_img{display:block}
.img .m_img{display:none}
br.mbr{display:none}
span.mbr{display:inline;}
/*

*/

/*Header*/
#header{position:absolute;top:0;left:0;width:100%;height:3.75rem;padding:0 0;background:#fff;z-index:1001;transition:height .3s ease,background .3s,top .3s;-webkit-transition:height .3s ease,background .3s,top .3s}
#header:before,#header:after{position:absolute;top:3.7rem;left:50%;width:100%;height:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:height .3s ease;-webkit-transition:height .3s ease;content:""}
#header:before{top:0;height:3.75rem;background:#fff}
#header:after{height:1px;background:#d0d3d5}
.headerWrap{position:relative;max-width:64rem;height:100%;padding:0 5rem;margin:0 auto;z-index:1}
#header .languageSel,#header .btn_allMenu,#header .btn_top{position:absolute;top:0.5rem;right:0;width:2.75rem;height:2.75rem}
#header .languageSel{right:0;width:auto}
#header .languageSel dt{position:relative;height:100%;z-index:1}
#header .languageSel dt > a{display:block;padding:1rem 0.5rem;font-weight:700;font-size:0.7rem;line-height:0.75rem;color:#757575}
#header .languageSel dt span{display:block;position:relative;line-height:0.75rem}
#header .languageSel dt span:before{position:absolute;top:0;right:-1rem;width:1rem;height:1rem;line-height:1rem;font-family:"xeicon";opacity:0.5;filter:alpha(opacity=50);text-align:center;content:"\e936"}
#header .languageSel dt.fold span{color:#00b6f0}
#header .languageSel dt.fold span:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);transition:transform .3s ease;-webkit-transition:transform .3s ease}
#header .languageSel dd{display:none;position:absolute;top:100%;right:0;width:9rem;z-index:2}
#header .languageSel dd.active{display:block}
#header .languageSel .language_lst{padding:0.5rem 0.75rem;border:1px solid #00b6f0;background:#fff}
#header .languageSel .language_lst > li{padding:3px 0}
#header .languageSel .language_lst a{display:block;font-weight:400;font-size:0.7rem;line-height:1rem;color:#333}
#header .btn_allMenu{right:0;overflow:hidden;z-index:1}
#header .btn_allMenu > a{display:block;position:relative;width:100%;height:100%;padding:1rem 0.85rem}
#header .btn_allMenu .bar{position:absolute;left:0.85rem;width:1.05rem;height:2px;background:#2e3031}
#header .btn_allMenu .bar.no1{top:1rem}
#header .btn_allMenu .bar.no2{top:1.3rem}
#header .btn_allMenu .bar.no3{top:1.6rem}
#header .btn_allMenu .bar.no1,#header .btn_allMenu .bar.no3{transition:transform .3s ease;-webkit-transition:transform .3s ease}
#header .btn_allMenu .bar.no2{transition:left .3s ease, opacity .3s;-webkit-transition:left .3s ease, opacity .3s}
#header .btn_allMenu.active .bar.no1{transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg)}
#header .btn_allMenu.active .bar.no2{left:-1rem;opacity:0;filter:alpha(opacity=0)}
#header .btn_allMenu.active .bar.no3{transform:translateY(-4px) rotate(-45deg);-webkit-transform:translateY(-4px) rotate(-45deg)}
#topmenu{padding-top:0.25rem; }
#gnavigation{display:table;position:relative;margin:0 auto;table-layout:fixed}
#gnavigation > li{display:table-cell;min-width:10rem}
/**一级栏目宽度*/
#gnavigation > li.menu01mnfirst{width:10rem}
#gnavigation > li.menu02{min-width:10rem}
#gnavigation > li.menu03{min-width:10rem}
#gnavigation > li.menu04{min-width:10rem}
#gnavigation > li.menu05{min-width:10rem}
#gnavigation > li.menu06{min-width:10rem}
#gnavigation a{display:block;letter-spacing:-0.05rem;white-space:nowrap}
#gnavigation .th1{position:relative;padding:1.25rem 1.75rem;font-weight:600;font-size:0.75rem;line-height:1rem;color:#222;text-align:center;text-transform:uppercase}

#gnavigation .th1:before{position:absolute;bottom:0;left:50%;width:0;height:0.15rem;background:#004b41;opacity:0;filter:alpha(opacity=0);transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}

#gnavigation .th1.active{color:#004b41}
#gnavigation .th1.active:before,#gnavigation .th1:hover:before{width:0;opacity:1;filter:alpha(opacity=100);transition:height .3s ease,opacity .3s;-webkit-transition:height .3s ease,opacity .3s}
#gnavigation .th1 > span{display:block;position:relative;line-height:1rem;z-index:1}
#gnavigation .depth2_wrap{position:relative;height:0rem; padding:0;opacity:0;filter:alpha(opacity=100);visibility:hidden;transition:all .3s ease;-webkit-transition:all .3s ease}

#gnavigation .depth2_wrap:before{position:absolute;top:0;left:0;width:100%;height:0;background:#004b41;transition:height .3s ease;-webkit-transition:height .3s ease;content:""}

#gnavigation > li:hover .depth2_wrap,#gnavigation .th1.active + .depth2_wrap{height:14.25rem;padding:1.25rem 0 1.85rem;display:block;opacity:1;visibility:visible}

#gnavigation > li:hover .depth2_wrap:before,#gnavigation .th1.active + .depth2_wrap:before{height:100%}


#gnavigation .depth2{display:block;position:relative;width:100%;height:100%;margin:0 auto;z-index:1}
#gnavigation .depth2 > li{display:block;}
#gnavigation .depth2 a{padding:0.35rem 1.8rem;font-weight:400;font-size:0.75rem;line-height:1.5rem; color:#222; white-space:normal;word-break:keep-all}/* 二级栏目字体样式*/
#gnavigation .depth2 a > span{display:block;line-height:1.5rem}/* 二级栏目行高*/
#gnavigation .depth2 a:hover > span{text-decoration:underline}
#gnavigation > li:hover .depth2 a{color:#fff;}
#gnavigation .lnb-detail{list-style-type:none;}
#gnavigation .lnb-detail-item{position:relative;  padding-left:2.15rem;padding-right:0.75rem;list-style-type:none;}/* 三级栏目位置*/
#gnavigation .lnb-detail-item:before{position:absolute;top:0.55rem;left:1.75rem;width:0.15rem;height:0.15rem;background:#8c8c8c;content:""}/* 三级栏目点位置*/
#gnavigation > li:hover .lnb-detail-item:before{background:#fff}

#gnavigation .lnb-detail-item > a{padding:0;font-weight:300;font-size:0.7rem;line-height:1.2rem;color:#767676;white-space:normal;word-break:keep-all}/* 三级栏目行高*/
#header.fixed{position:fixed;height:3.75rem;background:#f7f8fa}

#header.current{height:14.25rem;background:#f7f8fa}

#header.current #gnavigation > li:hover .th1{color:#004b41}
#header.current #gnavigation > li:hover .th1:before{width:0;opacity:1;filter:alpha(opacity=100)}
#header.current #gnavigation .depth2_wrap,
#header.allMenu #gnavigation .depth2_wrap{height:11.25rem; padding:1.25rem 0 1.85rem;opacity:1;visibility:visible}/* 二级栏目背景高度*/

#header.allMenu{position:fixed;height:14.25rem;background:#f7f8fa}

#header.allMenu #gnavigation > li:hover .th1{color:#004b41}
#header.allMenu #gnavigation > li:hover .th1:before{width:0;opacity:1;filter:alpha(opacity=100)}

.h_nr_left{ float:left; width:812px; height:706px;}
.h_nr_biao{ float:left; width:812px; height:110px; padding-top:20px; font-size:42px; font-weight:bold; color:#414141;}
.h_nr_zi{ float:left; width:780px; height:600px; font-size:16px; line-height:37px; color:#666;}
.h_nr_right{ float:left; width:472px; height:706px;}

.nrbiao{ margin:0px auto; width:1280px; height:127px; text-align:center; color:#004b41; line-height:127px; font-size:36px; font-weight:bold;}

.nrbiao02{ margin:0px auto; width:1280px; height:70px; text-align:center;  line-height:70px;font-size:24px; color:#333333; font-weight:bold;}

.nrzi{ margin:0px auto; width:1200px; padding:0px 40px; min-height:400px; font-size:18px; color:#666666; line-height:37px;}

.hei36{ font-size:36px; color:#333333; font-weight:bold; font-family:"微软雅黑";}

.about_list{ margin:0px auto; width:1240px; padding:0px 10px 0px 50px; height:800px;}
.about_list ul{}
.about_list ul li{ float:left; display:block; width:579px; height:399px;margin-right:41px;  font-size:16px; color:#999; line-height:24px;}
.about_list ul li a{ float:left; display:block; width:579px; height:189px; border:1px solid #dddddd; border-radius:10px; overflow:hidden; }
.about_list ul li a:hover{}
.about_list ul li p{float:left; display:block; width:579px; height:43px; padding-top:20px; padding-bottom:0px; font-size:25px; color:#025671; line-height:43px;}

.about_list01{float:left; display:block; width:549px; height:99px; font-size:16px; color:#999; line-height:24px; overflow:hidden;}









/* 移动Atomy Hub菜单
#gnavigation > li.only_mobile_hub {display:none;}
#gnavigation > .only_mobile_hub > .atomyHurblst li a strong span {display:none;}
#gnavigation > .only_mobile_hub > .atomyHurblst li a span.img {display:none;} */

/*Body*/
#body,#content,#detail_content{}
#side{display:none}
#detail_content{min-height:37.6rem;padding:3.75rem 0 4rem}
#detail_content > h1{padding:3.5rem 0;font-weight:700;font-size:2rem;line-height:2rem;color:#000;letter-spacing:-0.05rem;text-align:center;text-transform:uppercase;word-break:keep-all}
#detail_content[class*="sub050"]{max-width:64rem;margin:0 auto}
#detail_content[class="sub040200"],#detail_content[class="sub060300"]{max-width:64rem;margin:0 auto}

/*子导航*/
.svisual_wrap{position:relative;height:16rem;padding:4rem 0 2.5rem}
.svisual_wrap:before{position:absolute;top:0;left:0;width:100%;height:16rem;background:no-repeat 50% 100%;background-size:cover;-webkit-background-size:cover;content:""}
.svisual_wrap.sub01:before{background-image:url(https://company.atomychina.com.cn/kr/img/common/svisual_img01.jpg)}
.svisual_wrap.sub02:before{background-image:url(https://company.atomychina.com.cn/kr/img/common/svisual_img02.jpg)}
.svisual_wrap.sub03:before{background-image:url(https://company.atomychina.com.cn/kr/img/common/svisual_img03.jpg)}
.svisual_wrap.sub04:before{background-image:url(https://company.atomychina.com.cn/kr/img/common/svisual_img04.jpg)}
.svisual_wrap.sub05:before{background-image:url(https://company.atomychina.com.cn/kr/img/common/svisual_img05.jpg)}
.svisual_wrap.sub06:before{background-image:url(https://company.atomychina.com.cn/kr/img/common/svisual_img06.jpg)}
.svisual_wrap.sub07:before{background-image:url(https://company.atomychina.com.cn/kr/img/common/svisual_img06.jpg)}
.svisual_wrap > .innerwrap{height:100%;z-index:1}
.svisual_wrap .snbTitle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.svisual_wrap .snbTitle h1{font-weight:700;font-size:1.5rem;line-height:1.5rem;color:#000;text-align:center}
.svisual_wrap .snbTitle .h1_desc{margin-top:1.25rem;font-weight:400;font-size:0.85rem;line-height:1.25rem;color:#666;word-break:keep-all}
#side .snav{position:absolute;bottom:0;left:0;width:100%;height:2.5rem;border:solid #d5d5d5;border-width:1px 0;z-index:2}
#side .snav:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;content:""}
#side .snav .innerwrap{}
#side .snav .innerwrap:after{clear:both;display:block;content:""}
#side .snav .home{float:left;width:2.4rem;height:100%;border:solid #d5d5d5;border-width:0 1px;text-align:center}
#side .snav .home > a{display:block;width:100%;height:100%;padding:0.75rem 0;font-size:0.9rem;line-height:0.9rem}
#side .snav .home i[class*="xi-"]{display:block;font-size:0.9rem;line-height:0.9rem;color:#888;vertical-align:top}
#snavigation{float:left}
#snavigation > li{float:left;position:relative}
#snavigation a{display:block;position:relative;min-width:12.5rem;padding:0.7rem 1.25rem;border-right:1px solid #d5d5d5;;font-weight:400;font-size:0.8rem;line-height:1rem;color:#666;white-space:nowrap}
#snavigation a > span{display:block;position:relative;line-height:1rem}
#snavigation a > span:before{position:absolute;top:0;right:-0.5rem;width:1rem;height:1rem;font-size:1rem;line-height:1rem;font-family:"xeicon";color:#333;text-align:center;transition:transform .3s ease;-webkit-transition:transform .3s ease;content:"\e942"}
#snavigation > li > a.active > span:before,#snavigation > li > a:hover > span:before{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#snavigation > li + li > a{color:#3c5997}
#snavigation > li + li > a:before{position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#3c5997;content:""}
#snavigation > li > ul{display:none;position:absolute;top:100%;left:0;width:100%;padding:0.5rem 0;transition:none;-webkit-transition:none}
#snavigation > li > ul:before{position:absolute;top:0;left:-1px;width:calc(100% + 1px);width:-webkit-calc(100% + 1px);height:100%;border:1px solid #d5d5d5;background:#fff;content:""}
#snavigation > li > ul > li{position:relative}
#snavigation > li > ul a{display:block;position:relative;min-width:auto;padding:0.5rem 1rem;border:0 none;font-weight:400}
#snavigation > li > ul a > span:before{display:none}
#snavigation > li > ul a.active,#snavigation > li > ul a:hover{color:#000;text-decoration:underline}
#side .snav_util{float:right}
#side .snav_util > li{float:left;position:relative;width:3.15rem;position:relative;padding-left:0.75rem;margin-left:0.75rem}
#side .snav_util > li:before{position:absolute;top:0.85rem;left:0;width:1px;height:0.7rem;background:#d5d5d5;content:""}
#side .snav_util > li:first-child{width:2.4rem;padding-left:0;margin-left:0}
#side .snav_util > li:first-child:before{display:none}
#side .snav_util a{display:block;width:100%;padding:0.7rem;font-size:1rem;line-height:1rem;color:#666;text-align:center}
#side .snav_util a.active,#side .snav_util a:hover{color:#3c5997}
#side .snav_util i[class*="xi-"]{display:block;width:1rem;line-height:1rem;vertical-align:top}
#side .snav_util .share_wrap{display:none;position:absolute;top:100%;right:-3.9rem;padding:1rem 1.25rem;border:1px solid #d5d5d5;background:#fff;z-index:1}
#side .snav_util .share_lst{width:10.4rem;margin-bottom:0.75rem}
#side .snav_util .share_lst:after{clear:both;display:block;content:""}
#side .snav_util .share_lst > li{float:left;width:2.2rem;height:2.2rem}
#side .snav_util .share_lst > li + li{margin-left:0.5rem}
#side .snav_util .share_lst a{display:block;width:100%;height:100%;padding:0.5rem;border-radius:50%;text-align:center}
#side .snav_util .share_lst i[class*="xi-"]{display:block;font-size:1.2rem;line-height:1.2rem}
#side .snav_util .share_lst .fb a{background:#4867aa}
#side .snav_util .share_lst .tt a{background:#1da1f2}
#side .snav_util .share_lst .kt a{background:#f3d820}
#side .snav_util .share_lst .rss a{background:#f38320}
#side .snav_util .share_lst .fb i[class*="xi-"]{color:#fff}
#side .snav_util .share_lst .tt i[class*="xi-"]{color:#fff}
#side .snav_util .share_lst .kt i[class*="xi-"]{color:#76410e}
#side .snav_util .share_lst .rss i[class*="xi-"]{color:#fff}
#side .snav_util .link_ipt{display:block;position:relative;padding-right:2.2rem}
#side .snav_util .link_ipt .form-control{width:100%;height:2.2rem;padding:0.6rem;border-color:#d5d5d5;background:#fff;font-size:0.8rem;line-height:1rem;color:#666}
#side .snav_util .link_ipt .form-control:hover,#side .snav_util .link_ipt .form-control:focus{border-color:#bcc2ce !important}
#side .snav_util .link_ipt .input-btn{position:absolute;top:0;right:0;width:2.2rem;height:2.2rem}
#side .snav_util .link_ipt .input-btn > a{display:block;width:100%;height:100%;padding:0.5rem;border:0 none;background:#3c5997;text-align:center}
#side .snav_util .link_ipt .input-btn i[class*="xi-"]{display:block;font-size:1.2rem;line-height:1.2rem;color:#fff}

/*Footer*/
#footer{position:relative;width:100%;background:#004b41; padding:15px 0;}
#siteinfo{position:relative;padding:1.25rem 0 1rem}
#siteinfo .f_logo{position:absolute;top:0rem;left:50%;width:4rem;height:3.5rem;background:url(../image/f_logo1.png) no-repeat;font-size:0;line-height:0;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#siteinfo .addr{padding:0;font-weight:300;font-size:0.75rem;line-height:1.25rem;color:#fff;text-align:center}
#siteinfo .addr a{color: #fff;}
#siteinfo address{display:block}
#siteinfo address > span{padding:0.25rem 0;line-height:1.25rem;vertical-align:top;word-break:keep-all}
#siteinfo address > span + span{margin-left:1rem}
#siteinfo .corpName em{margin-right:1rem;font-weight:500;line-height:1.25rem;vertical-align:top}
#siteinfo .copyright{margin-top:0.15rem;font-size:0.65rem;line-height:1rem;color:#fff;letter-spacing:-0.025rem}

/*허브*/
.atomyHurb_wrap{position:fixed;bottom:0;right:-17rem;width:17rem;height:100%;transition:right .3s ease;-webkit-transition:right .3s ease;z-index:1002}
/*.atomyHurb_wrap.fixed{right:-17rem;}*/
.atomyHurb_wrap.fixed > .btn_top{right:17rem}
.atomyHurb_wrap > .btn_top{position:absolute;bottom:12rem;right:14rem;width:3rem;height:3rem;transition:right .3s ease;-webkit-transition:right .3s ease;}
.atomyHurb_wrap > .btn_top > a{display:block;width:100%;height:100%;padding:0.475rem;background:#2e3031;font-size:0.65rem;line-height:0.95rem;color:#fff;text-align:center}
.atomyHurb_wrap > .btn_top i[class*="xi-"]{display:block;font-size:1.1rem;line-height:1.1rem;opacity:0.5;filter:alpha(opacity=50)}
.atomyHurb_wrap > .btn_top span{display:block;font-weight:700;line-height:0.95rem}
.atomyHurb_wrap > .btn_wrap{position:absolute;bottom:0;right:17rem;width:3rem;height:12rem;padding:0;z-index:1}
.atomyHurb_wrap > .btn_wrap > a{display:block;position:relative;width:100%;height:100%;padding:1.25rem 1rem;background:#004b41;font-weight:300;font-size:0.8rem;line-height:1rem;color:#fff;text-align:center;white-space:nowrap}
.atomyHurb_wrap > .btn_wrap > a > span{display:block;line-height:1.2rem;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.atomyHurb_wrap > .btn_wrap > a > span > em{font-weight:800;line-height:1.2rem}
.atomyHurb_wrap > .btn_wrap i[class*="xi-"]{position:absolute;bottom:1.25rem;right:1rem;width:1rem;height:1rem;font-size:0.9rem;line-height:1rem;text-align:center}
.atomyHurb_wrap.active > .btn_wrap i[class*="xi-"]{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.atomyHurb_lst{position:absolute;top:0;right:0;width:17rem;height:100%;padding:4rem 0.5rem 1rem;background:#f7f8fa}
.atomyHurb_lst > .title{position:absolute;top:0;left:0;width:100%;height:3.75rem;padding:1.15rem 1.25rem;border-bottom:1px solid #e3e6e8;font-weight:400;font-size:1.1rem;line-height:1.4rem;font-family:"Gotham";color:#000;letter-spacing:-0.025rem}
.atomyHurb_lst > .title > em{font-weight:800;line-height:1.4rem}
.atomyHurb_lst .atomyHurblst{width:100%;height:100%;padding:0.5rem 0;text-align:left;vertical-align:middle}
.atomyHurb_lst ul{padding:0 0.5rem}
.atomyHurb_lst li{display:block;padding:0.5rem 0}
.atomyHurb_lst a{display:block;position:relative;width:100%;height:100%;transition:color .3s ease;-webkit-transition:color .3s ease}
.atomyHurb_lst a > .img{display:block}
.atomyHurb_lst a > strong{position:absolute;top:50%;left:1.25rem;font-weight:300;letter-spacing:-0.05rem;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.atomyHurb_lst a > strong > em{display:block;font-weight:500;font-size:0.9rem;line-height:1.25rem;font-family:"Gotham";color:#000}
.atomyHurb_lst a > strong > span{display:block;margin:0.25rem 0 0;font-weight:400;font-size:0.7rem;line-height:1rem;color:#767676}
.atomyHurb_lst .no2 a > strong > em{color:#fff}
.atomyHurb_lst .no2 a > strong > span{color:#fff}
.atomyHurb_lst .hubMem_lst{padding:0;background:#fff}
.atomyHurb_lst .hubMem_lst:after{clear:both;display:block;content:""}
.atomyHurb_lst .hubMem_lst > li{float:left;position:relative;width:50%;padding:0}
.atomyHurb_lst .hubMem_lst > li:before{position:absolute;top:1rem;left:0;width:1px;height:0.5rem;background:#edeef0;content:""}
.atomyHurb_lst .hubMem_lst > li:first-child:before{display:none}
.atomyHurb_lst .hubMem_lst > li.no1{padding-bottom:1rem}
.atomyHurb_lst .hubMem_lst a{display:block;padding:0.75rem 0;font-weight:400;font-size:0.75rem;line-height:1rem;color:#767676;letter-spacing:-0.025rem;text-align:center;transition:color 0.3s ease;-webkit-transition:color 0.3s ease}
.atomyHurb_lst .hubMem_lst i[class*="xi-"]{line-height:1rem}
.atomyHurb_lst .hubMem_lst span{line-height:1rem}
.atomyHurb_lst .hubMem_lst a:hover{font-weight:500;color:#000}
.atomyHurb_lst .hubMem_lst a:hover i[class*="xi-"]{color:#03a6e1}

.atomyHurb_lst .hubSns_lst{padding:0;text-align:center}
.hubSns_lst:after{clear:both;display:block;content:""}
.hubSns_lst > li{display:inline-block;width:4.5rem;height:4.5rem;padding:0; margin:0 -.2rem}
.hubSns_lst > li:nth-child(2){margin:0 0.75rem}
.hubSns_lst a{display:block;width:100%;height:100%;padding:1.25rem 0.5rem;border-radius:50%;background:#fff}
.hubSns_lst .icon{display:block;width:3.5rem;height:2rem;background:url(../image/atomyHurb_snsicon.png) no-repeat;transition:background-position .3s;-webkit-transition:background-position .3s}
.hubSns_lst .icon.yt{background-position:0 0}
.hubSns_lst .icon.fb{background-position:-3.5rem 0}
.hubSns_lst .icon.in{background-position:-7rem 0}
.hubSns_lst a:hover .icon.yt{background-position:0 -2rem}
.hubSns_lst a:hover .icon.fb{background-position:-3.5rem -2rem}
.hubSns_lst a:hover .icon.in{background-position:-7rem -2rem}

.atomyHurb_lst .hub_close{position:absolute;top:1.25rem;right:0.9rem;width:1.2rem;height:1.2rem}
.atomyHurb_lst .hub_close > a{display:block;width:100%;height:100%;padding:1px;font-size:1.1rem;line-height:1.1rem;color:#333}
.atomyHurb_lst .hub_close i[class*="xi-"]{display:block;width:1.1rem;height:1.1rem;line-height:1.1rem;transition:transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out}
.atomyHurb_lst .hub_close > a:hover i[class*="xi-"]{transform:rotate(359deg);-webkit-transform:rotate(359deg)}
.atomyHurb_wrap.active{right:0}
.corpHub_wrap{max-width:19rem;overflow:hidden}
.corpHub_wrap > .txtp{padding:1.75rem 1rem;margin-bottom:0.75rem;background:#ebf1f4;font-size:0.8rem;line-height:1.25rem;color:#333;letter-spacing:-0.025rem;text-align:center}
.corpHub_wrap > .corpHub_lst{margin:0 -0.35rem}
.corpHub_wrap > .corpHub_lst:after{clear:both;display:block;content:""}
.corpHub_wrap > .corpHub_lst > li{float:left;width:33.3333%;padding:0.2rem 0.35rem}
.corpHub_wrap > .corpHub_lst a{display:block;padding:0.45rem 0;border:1px solid #d4dadd;background:#fff;font-weight:500;font-size:0.7rem;line-height:1rem;color:#333;letter-spacing:-0.025rem;text-align:center;transition:border .3s ease,background .3s,color .3s;-webkit-transition:border .3s ease,background .3s,color .3s}
.corpHub_wrap > .corpHub_lst a > span{display:block;line-height:1rem}
.corpHub_wrap > .corpHub_lst a:hover{border-color:#004b41;background:#004b41;color:#fff}


/*반응형*/
@media screen and (max-width:1430px){
    #header{padding:0 2.75rem}
    .headerWrap{padding:0 4rem}
    #detail_content{padding-left:2.75rem;padding-right:2.75rem}
}
@media screen and (max-width:1200px){
    #header{padding:0}
    #header h1.logo{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
    #header .languageSel{right:auto;left:0}
    #header .languageSel dd{right:auto;left:0}
    #topmenu{display:none}
    #detail_content{min-height:auto;padding-left:1rem;padding-right:1rem;padding-bottom:1rem}
    #detail_content > h1{padding:2rem 0;font-size:1.8rem}
    /*모바일*/
    #header.mobile{position:fixed;background:#fff;z-index:102}
    #header.mobile:before{width:100%;opacity:1;filter:alpha(opacity=100)}
    #header.mobile #topmenu{display:block;top:3.75rem}
    .mobile #topmenu{position:fixed;top:-200%;left:0;width:100%;height:calc(100% - 3.75rem);overflow-y:scroll;padding:.5rem;background:#fff;transition:top .3s ease;-webkit-transition:top .3s ease}
    .mobile #gnavigation{display:block;table-layout:none}
    .mobile #gnavigation > li{display:block}
    .mobile #gnavigation a{display:block;line-height:1.25rem;white-space:nowrap}
    .mobile #gnavigation .th1{position:relative;padding:0.4rem 0.75rem;font-weight:600;font-size:1rem;line-height:1.5rem;color:#000;text-align:left;transition:color .3s ease;-webkit-transition:color .3s ease}
    .mobile #gnavigation .th1 > span{display:block;position:relative;line-height:1.5rem;z-index:1}
    .mobile #gnavigation .th1:after{position:absolute;top:.4rem;right:.75rem;padding:0.25rem;line-height:1rem;font-family:"xeicon";color:#c9c9c9;content:"\e9c5"}
    .mobile #gnavigation .th1.active:after{content:"\e9c1"}
    .mobile #gnavigation .depth2_wrap{display:none;position:relative;height:auto!important;padding:0 0 0.5rem!important;transition:none;-webkit-transition:none}
    .mobile #gnavigation .depth2_wrap:before{display:none}
    .mobile #gnavigation .depth2 a{display:block;padding:0.25rem 0.75rem;font-size:0.9rem;line-height:1.25rem;color:#414a4f;letter-spacing:-0.05rem;transition:color .3s ease;-webkit-transition:color .3s ease}
    .mobile #gnavigation .depth2 a > span{display:inline-block;line-height:1.25rem}
    .mobile #gnavigation > li:hover .depth2 a{color:#000}
    .mobile #gnavigation > li:hover .depth2 a:hover{color:#004b41}
    .mobile #gnavigation > li:hover .depth2_wrap{display:none}
    .mobile #gnavigation .depth2 .lnb-detail-item a{padding:.2rem 0}
    .mobile #gnavigation .depth2 .lnb-detail-item:before{top:.65rem}
    .mobile #gnavigation > li:hover .lnb-detail-item:before{background:#004b41}

    /* 모바일에서만 애터미허브 보이게 */
    .mobile #gnavigation > .only_mobile_hub {display:block;}
    .mobile #gnavigation > .only_mobile_hub > .th1 {cursor:pointer;}
}

@media screen and (max-width:768px){
    #siteinfo .f_logo{top:4rem}
    .img .pc_img{display:none}
    .img .m_img{display:block}
    br.mbr{display:block}
    span.mbr{display:block}
    /*
    2019.12.13 조정연
    내가 mbr 클래스 용도를 잘못 이해했고,
    markup상 이미 잘못 사용한 부분을 찾기도 어려운 상태라서 위와 같이 태그를 붙여서 구분.
    맨위에 한번 더 지정
    */
    #siteinfo{padding-bottom:4rem;padding-top: 8rem;}
    #siteinfo .addr{padding:0 1rem}
    #siteinfo address > span{display:block;padding:0}
    #siteinfo address > span + span{margin-left:0}

    .atomyHurb_wrap > .btn_top{display:none;bottom:.5rem;right:17.5rem;width:2rem;height:1.75rem}
    .atomyHurb_wrap > .btn_top > a{background:#fff;color:#111;border:1px solid #bebebe;padding:0.25rem}
    .atomyHurb_wrap > .btn_top i[class*="xi-"]{font-size:1.2rem;opacity:1}
    .atomyHurb_wrap > .btn_top i::before{content:"\eabf"}
    .atomyHurb_wrap > .btn_top span{display:none}
    .atomyHurb_wrap.fixed > .btn_top{display:block;right:17.5rem;}
    .atomyHurb_wrap > .btn_wrap{display:none}
    .atomyHurb_wrap.active{right:-17rem}

    /* 모바일 애터미 허브 */
    .mobile #gnavigation .menu_atomyhurb{position:relative}
    .mobile #gnavigation .th1 i{display:none}
    .mobile #gnavigation .menu_atomyhurb .no1{border-bottom:1px dotted #c9c9c9}




}
@media screen and (max-width:640px){
    #siteinfo{padding: 3.25rem 0 1.25rem 0;}
    #siteinfo > .f_logo{display:none}
}

*::-webkit-scrollbar,*::-webkit-scrollbar{width:0px;}
*::-webkit-scrollbar-button,*::-webkit-scrollbar-button{display:none;}
*::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background-color:#eee;}
*::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background-color:var(--blue);}


* { font-family: "Microsoft YaHei UI","PingFang SC","Helvetica Neue",Helvetica,"Microsoft Yahei","WenQuanYi Micro Hei",Arial,Verdana,sans-serif; !important; }

/* comming soon */
.languageSel {display:none;}
.mobile #gnavigation > .only_mobile_hub {display:none;}
.log_selcet {display:none;}
@media screen and (max-width: 640px) {
.log_selcet {display:none;}
}
@media screen and (max-width: 1200px) {
.mobile #gnavigation > .only_mobile_hub {display:none;}
}




/* logo change */
#header h1.logo > a {background:url(../images/common/f_logo.png)0 0 / 120% no-repeat;background-position: 0 120%;}
 #siteinfo .f_logo {width:8rem; background:url(../images/common/f_logo.png)0 0 / 120% no-repeat}
#header h1.logo {width:4.4rem;}

/* mobile header seleceter */
.log_selcet {display:none; width:100%; background:#c9c9c9; text-align:center;}
.log_selcet > a {display:table-cell; color:#fff; padding:1rem 0;}
.log_selcet > a:first-child {border-right:1px solid #fff;}

/* atomyHurb */
.atomyHurb_wrap {bottom: -10rem;}