.wc {display:block; text-align:center;} 
.mc {display:none;} 
html, body{margin:0; padding:0; overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);} 
#allwrap{width:100%; overflow:hidden;} 
#main{position:relative; width:100%; overflow:hidden;} 
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity='80'); z-index:10000} 
#videolayer {display:none; position:fixed; left:50%; width:60%; margin-left:-30%; z-index:10001} 
.video_box {float:left; width:25%;height:200px;position:relative; cursor:pointer;background:url(../../img/inq_img3_1off.jpg) no-repeat;background-size:cover;} 

#layerpopup{background:#fff;} 
.popHeader{height:30px; background:#fff; text-align:right;} 
.popHeader a img{padding:0 6px 0 0;} 
.popupContent{padding:0px;text-align:center;} 
.pcl {} 
.popupClose {height:30px; text-align:center; background:#; width:500px;} 
.popupClose2 { width:100%;height:30px; text-align:center; background:#2e2e2e;} 
.popupClose input, .popupClose img { vertical-align:middle; margin:0 10px 0 0;} 
.popupClose label{padding:0 8px 0 0;} 
.popupClose a{color:#fff; text-decoration:none; line-height:30px;} 

#webNavi{position:relative;width:175px; z-index:10;float:left;-webkit-box-shadow: 1px 1px 18px rgb(0 0 0 / 20%);} 
#webNavi > h1 a {width:175px;background:#fff;text-align:center;padding:60px 0px;display:block;} 
#snb{width:100%; height:80px; background:#232323;} 
#snb ul{float:left; width:100%;border-bottom:dotted 1px #666;} 
#snb ul li:first-child {border-right:dotted 1px #666;} 
#snb ul li{width:50%; float:left; text-align:center; height:40px; line-height:40px;} 
#snb ul li a{display:block;color:#e9e9e9;font-size:12px;font-family:'notokr';-webkit-transition: 0.25s;transition: 0.25s;} 
#snb ul li a:hover{ color:#295ca5;} 
#slidemenu{position:relative;width:175px;height:100%;background:#343434;box-sizing:border-box;border-top:dotted 1px #666;} 
 
#slidemenu ul#leftmenu{position:relative; width:100%;} 
#slidemenu ul#leftmenu > li{displya:block; height:42px; line-height:42px; } 
#slidemenu ul#leftmenu > li span {displya:block;padding-left:18px;font-size:16px;} 
#slidemenu ul#leftmenu > li > a{display:block; font-size:16px; color:#fff; font-weight:600;-webkit-transition: 0.25s;transition: 0.25s;padding-left:22px;} 
#slidemenu ul#leftmenu > li > a:hover, #slidemenu ul#leftmenu > li > a:focus, 
#slidemenu ul#leftmenu > li > a.hover{color:#295ca5;background:#272727;height:100%;} 
#slidemenu ul#leftmenu > li > a.on{color:#295ca5;background:#272727;height:100%;} 
#slidemenu ul#leftmenu > li .hiddenBox{position:absolute; left:175px; top:0px; width:130px; overflow:hidden;z-index:2;} 
#slidemenu ul#leftmenu > li .hiddenBg{width:130px; margin-left:-175px;} 
#slidemenu ul#leftmenu > li ul{display:none;} 
#slidemenu ul#leftmenu > li ul li {} 
#slidemenu ul#leftmenu > li ul li.on a {background:#000;color:#fff;} 
#slidemenu ul#leftmenu > li ul li.on a:hover {background:#000;color:#fff;}
#slidemenu ul#leftmenu > li ul li:last-child{} 
#slidemenu ul#leftmenu > li ul li a{display:block; width:124px; font-size:13px; color:#737373; padding-left:10px; font-weight:600; line-height:42px; height:42px;} 
#slidemenu ul#leftmenu > li ul li a:hover{color:#295ca5; background:#fff;} 
#slidemenu ul#leftmenu > li ul li a.on{color:#fff; background:#000;} 
#slidemenu ul#leftmenu > li ul#leftSubm1{margin-top:0px; padding-left:0px;} 
#slidemenu ul#leftmenu > li ul#leftSubm2{margin-top:42px; padding-left:0px;} 
#slidemenu ul#leftmenu > li ul#leftSubm3{margin-top:84px; padding-left:0px;} 
#slidemenu ul#leftmenu > li ul#leftSubm4{margin-top:126px; padding-left:0px;} 
#slidemenu ul#leftmenu > li ul#leftSubm5{margin-top:168px; padding-left:0px;} 
#leftbg{position:absolute; left:0; top:0; width:130px; height:100%; background:url('../../img/subm_bg.png') repeat-y right center; opacity:0.9; z-index:9;} 
#slidemenu ul#leftmenu .product{top:-110px !important;} 
#magic-line {display:none !important;} 



#guidebox{position:absolute;color:#fff;padding:20px 0px;width:100%;bottom:250px;text-align:center; } 
#guidebox ul li{padding:0px;font-size:13px;} 
#guidebox ul li:first-child {font-size:18px;color:#3f76c5;font-weight:bold;line-height:1;} 
#guidebox ul li:last-child {font-size:10px;} 
#guidebox ul li span {background:#000;padding:5px 15px;display:inline-block;border-radius:20px;} 



#fnb{position:absolute;bottom:25px;width:175px;height:auto;background:#232323; } 
#fnb address{padding:20px 20px 40px 20px;color:#fff;font-size:11px;} 
#fnb p{line-height:1.4;padding:10px 0px;} 

#mainscroll{position:relative;overflow:hidden;box-sizing:border-box;} 
#scrollmenu{position:fixed; left:50%; bottom:5%; margin-left:-200px;z-index:9999;} 
#scrollmenu li{width:25px;height:25px; float:left; margin-right:10px;-webkit-transition: 0.25s;transition: 0.25s;background:#000;display:block;border-radius:25px;} 
#scrollmenu li:last-child {margin-right:0px;} 
#scrollmenu li.active{margin-right:10px;background:#194482;width:50px;} 
#scrollmenu li a {display:block;color:#fff;text-align:center;font-weight:bold;font-size:13px;} 
#scrollbtn{position:relative; margin:0 400px 0 0;z-index:999;} 
#scrollbtn ul{position:fixed; right:420px; top:20px; width:80px;} 
#scrollbtn ul li{float:left; cursor:pointer;} 
#mainVisible{width:100%; height:100%; overflow:hidden;} 
#superContainer{position:relative; width:100%; overflow:hidden;} 
#section0{position:relative; width:100%; overflow:hidden;cursor:pointer;} 
#section0 iframe {position:absolute; left:53%; bottom:30%; width:400px; height:225px;} 
#section0 .btn {position:absolute; left:58%; bottom:59%;} 
#section1{width:100%; overflow:hidden;} 
#section2{width:100%; overflow:hidden;} 
#section3{width:100%; overflow:hidden;cursor:pointer;} 
.section{width:100%;} 
.main_txt {position:absolute;z-index:1;margin-left:150px;margin-top:20%;font-size:20px;line-height:1.2;color:#fff;text-shadow:0.1px 0.1px 0.1px #000;} 
.main_txt span {display:block;} 
.main_txt span.line {display:block;width:50px;height:5px;background:#194482;text-indent:-9999px;margin-bottom:20px;} 
.main_txt p {font-family:Gotham-Black;font-size:50px !important;margin-left:-5px;padding-bottom:10px;} 
.main_txt b {font-size:30px;padding-top:20px;display:block;} 


#mainBox{position:fixed;float:right;right:0;top:0;width:400px;height:100%;overflow:hidden;z-index:9;} 
#mainBox .productSheet a {transition:all 0.3s ease;} 
#mainBox .box {position:relative; float:left; width:200px;height:100%; overflow:hidden;text-align:center;} 
#mainBox .box .imgarea {padding-top:24%;} 
#mainBox .box .imgarea img {width:80px;} 
#mainBox .box .video img {width:64px;height:64px;} 
#mainBox .box span {font-size:10px;line-height:1;display:block;position:relative;margin-top:10px;color:#666;} 
#mainBox .box h1 {font-size:16px;line-height:1.4;color:#333;} 
#mainBox .box p {font-size:11px;font-family:notkr;line-height:1.4;margin-top:5px;color:#999;letter-spacing:-1px;} 
#mainBox .banner1 {background:#fff;} 
#mainBox .banner2 {background:#194482;} 
#mainBox .banner3 {background:#f1f1f1;} 
#mainBox .banner5 {background:#194482;} 
#mainBox .banner6 {background:#333;} 
#mainBox .banner7 {background:url(../../img/07_box.jpg) no-repeat;background-size:cover;} 
#mainBox .banner8 {background:#fff;} 
.white {color:#fff !important;} 

#tablet_new{position:relative; display:none; width:100%;} 
#mobileroll{display:none;} 
.ir {zoom:-10; z-index:-1; position:relative; display:block; width:100%; font-size:9px; text-align:center; white-space:nowrap; overflow:hidden; text-indent:-99999px;color:transparent;} 
.picn {position:relative;display:inline-block;.display:inline;.zoom:1; font:0/0 arial; overflow:hidden; background-repeat:no-repeat; background-color:transparent;background-image:url('../img/images/new_icn.png'); background-size:320px auto;} 
#allwrap > .dim{display:none; position:absolute; top:0; left:0; width:100%; height:100%; 
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */ 
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ 
z-index:1; 
} 
.header {width:100%;height:50px;} 
.header h1 {padding:10px 0px 0px 10px;} 
.tabletLogo {width:100px;} 
.snsbar{position:relative; width:100%; height:50px; border-bottom:1px solid #343434;overflow:hidden; background:#194482;} 
.snsbar ul {width:100%;text-align:center;} 
.snsbar ul li {display:inline-block;} 
.snsbar ul li a {display:block;color:#fff;padding:13px;font-size:11px;} 

#callNav {position:absolute;top:15px;right:15px;width:25px; height:25px; cursor:pointer; z-index:11; transition:all 0.3s ease;} 
#callNav:hover {background:#} 
#callNav > div {position:absolute; width:25px; height:2px;background:#000; transition:all 0.3s ease} 
#callNav .bar1 {top:0px} 
#callNav .bar2 {top:8px} 
#callNav .bar3 {top:16px} 
#callNav:hover > div {background:#194482;} 
#callNav:hover .bar1 {top:-2px} 
#callNav:hover .bar3 {top:18px} 
#callNav.active {background:#} 
#callNav.active > div {background:#fff} 
#callNav.active .bar1 {top:8px; transform:rotate(45deg)} 
#callNav.active .bar2 {display:none} 
#callNav.active .bar3 {top:8px; transform:rotate(-45deg)} 

#bannerbtn {position:fixed;top:15px;right:415px;width:25px; height:25px; cursor:pointer; z-index:2001; transition:all 0.3s ease;} 
#bannerbtn:hover {background:#} 
#bannerbtn > div {position:absolute; width:25px; height:2px;background:#000; transition:all 0.3s ease} 
#bannerbtn .bar1 {top:8px;transform:rotate(45deg)} 
#bannerbtn .bar2 {display:none;} 
#bannerbtn .bar3 {top:8px;transform:rotate(-45deg)} 
#bannerbtn:hover > div {background:#194482;} 
#bannerbtn:hover .bar1 {top:8px;transform:rotate(0deg)} 
#bannerbtn:hover .bar3 {top:8px;transform:rotate(0deg)} 
#bannerbtn.active {background:#} 
#bannerbtn.active > div {background:#000} 
#bannerbtn.active .bar1 {top:0px;transform:rotate(0deg)} 
#bannerbtn.active .bar2 {top:8px;display:block;} 
#bannerbtn.active .bar3 {top:16px;transform:rotate(0deg)} 
.main_txt2 {width:100%;position:absolute;z-index:1;text-align:center;margin-top:20%;font-size:16px;line-height:1.2;color:#fff;text-shadow:0.1px 0.1px 0.1px #000;} 
.main_txt2 span {display:block;} 
.main_txt2 span.line {display:inline-block;width:50px;height:5px;background:#194482;text-indent:-9999px;margin-bottom:20px;} 
.main_txt2 p {font-family:Gotham-Black;font-size:30px !important;margin-left:-5px;padding-bottom:10px;} 
.main_txt2 b {font-size:20px;padding-top:20px;display:inline-block;} 

.member_mobile {height:37px;background:#194482;} 
.member_mobile ul {font-size:0px;} 
.member_mobile ul:first-child {border-bottom:dotted 1px #333;} 
.member_mobile ul li:first-child {border-right:dotted 1px #333;} 
.member_mobile ul li {display:inline-block;width:50%;font-size:11px;text-align:center;line-height:37px;} 
.member_mobile ul li a {display:block;color:#fff;transition:all 0.3s ease;} 
.member_mobile ul li a:hover {color:#000;} 
.ngnb_slide3_w {position:fixed; left:-50%; top:0; width:50% !important; height:100%; z-index:9999; overflow-y:scroll; background-color:#343434;} 
.ngnbs_inner {width:100%;height:auto; min-height:700px;} 
.nbnbs_menulist_w {width:100%; margin-bottom:100px; font-size:16px;border-bottom:1px solid #343434; } 
.ngnbs_ml_cont {position:relative; border-top:1px solid #343434; height:50px; overflow:hidden;background:#0c0c0c url();transition:all 0.3s ease;} 
.ngnbs_ml_cont a {transition:all 0.3s ease;color:#fff;} 
.ngnbs_ml_cont a:hover {color:#295ca5;} 
.ngnbs_ml_cont:first-child {border-top:0;} 
.ngnbs_ml_link {display:block; padding:0 13px 0 19px; text-decoration:none; color:#FFFFFF; line-height:50px;} 
.ngnbs_ml_cont.current .ngnbs_ml_link {color:#194482} 
.ngnbs_open {height:auto;min-height:100px;transition:all 0.3s ease;} 
.ngnbs_sublist_w {width:100%; display:block; border-top:1px solid #434343; background-color:#343434;} 
.ngnbs_sl_cont {border-top:1px solid #434343;} 
.ngnbs_sl_cont:first-child {border-top:0;} 
.ngnbs_sl_link {display:block; padding-left:30px; height:50px; text-decoration:none; color:#fff; line-height:50px;} 
.ngnbs_sl_cont.current .ngnbs_sl_link{color:#295ca5;} 
.gnb{position:fixed; left:-86%; top:0; width:85%; height:100%; z-index:9999; overflow-y:scroll} 

/********** rolling ***********/ 
/* base */ 
#tabletRoll, #seminar, #mtb , .thumb{position:relative; left:0; top:0; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1; clear:both;} 
.swiper-wrapper{position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; 
-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; 
-o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); 
-ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; 
transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;} 
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;} 
.swiper-slide{float: left;} 
/* IE10 Windows Phone 8 Fixes */ 
.swiper-wp8-horizontal{-ms-touch-action: pan-y;} 
.swiper-wp8-vertical{-ms-touch-action: pan-x;} 
/* re code declaration */ 
#tabletRoll{width:768px; min-height:260px; overflow:hidden;} 
#tabletRoll .swiper-slide{position:relative; width:768px; overflow:hidden;} 
#seminar{width:100%; height:648px; overflow:hidden; z-index:999;} 
#seminar .swiper-slide{width:100%; height:648px; overflow:hidden;} 
#seminar .swiper-slide a img{width:100%;} 
#mtb{width:100%; height:648px; overflow:hidden; z-index:999;} 
#mtb .swiper-slide{width:100%; height:648px; overflow:hidden;} 
#mtb .swiper-slide a img{width:100%;} 
.thumb{width:100%; height:115px; overflow:hidden; z-index:999;} 
.thumb .swiper-slide{width:157px; height:115px;} 
/* tablet thum img */ 
#tabletThum{display:none;} 
#shadowThum{position:absolute; left:50%; bottom:20px; z-index:999; margin-left:-68.5px; } 
#shadowThum div{display:block; float:left;text-align:center;margin-right:4px;} 
#shadowThum div:last-child {margin-right:0px;} 
#shadowThum div a {display:block;-webkit-transition: 0.25s;transition: 0.25s;width:25px;height:15px;border-radius:25px;font-size:11px;line-height:15px;} 
#shadowThum div a.imagepng {color:#fff;background:#000;} 
#shadowThum div a.imageonpng{background:#194482;color:#fff;width:50px;} 
/* tablet logo & address */ 
.tabletlogo{display:none;} 
@-ms-viewport { 

width: device-width; 
} 
@viewport { 
width: device-width; 
} 

#container{position:relative; height:100%; margin:0 0 0 220px; /*background:#fff; */overflow:auto !important;z-index:1;} 
#container:after {content:""; display:block; clear:both;} 
#container h2.title{font-size:38px; font-weight:600; color:#333; padding:0 0 34px 10px; border-bottom:1px #ededee solid;} 
#container .big-title {padding-left:10px;/*padding-bottom:20px;*/} 
#container .big-title h1 {font-size:38px;font-weight:600; color:#333;line-height:1.2;} 
#container .big-title p {font-size:15px;} 
#container h2.noline{padding:0 0 54px 10px; border-bottom:0px !important;} 
#location{width:100%; margin:30px 0 22px 0; overflow:hidden;} 
#location ol{margin:0 0 0 4px;} 
#location ol li{float:left; color:#777; padding:0 10px 0 6px; line-height:1.1; background:url('../../img/bg_location.gif') right 2px no-repeat;} 
#location ol li img{padding:2px 0 0 0;} 
#location ol li.last{background:url(none);} 
#location ol li span{color:#194482;} 
#tab {width:100%;text-align:center;float:left;margin-bottom:0px;padding-top:10px;} 
#tab ul {width:100%;float:left;} 
#tab ul li {float:left;width:190px;line-height:40px;height:40px;font-size:14px;border-left:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9;border-top:solid 1px #d9d9d9;box-sizing:border-box;transition:all 0.3s ease} 
#tab ul li:last-child {border-right:solid 1px #d9d9d9;} 
#tab ul li:hover {background:#666;} 
#tab ul li a {color:#5c5c5c;display:block;transition:all 0.3s ease} 
#tab ul li a:hover {color:#fff;} 
#tab ul li.on {background:#000;} 
#tab ul li.on a {color:#fff;display:block;} 

/********** media query tablet *************/ 
@media screen and (min-width: 1180px) { 
#webNavi{height:100vh} 
} 
@media screen and (max-width: 1179px){ 
#pcroll {display:none;} 
#mobileroll {display:block;} 
#layerpopup1 {display:none !important;} 
.wc {display:none;} 
.mc {display:block;} 
img.mc {width:100%;} 
html{overflow:auto;} 
body{overflow:auto;} 
#web{display:none;} 
#tablet_new{display:block;} 
#tablet_new > .header h1 {} 
#tablet_new > .header h1 a img {width:auto;height:29px;} 
#tablet{display:block;} 
/* main rolling */ 
#tabletRoll{width:100%; overflow:hidden;} 
#tabletRoll .swiper-slide{width:100%; overflow:hidden;} 
#tabletRoll .swiper-slide .m {width:100%;} 
/* seminar rolling */ 
#seminar{width:100%; height:460px; overflow:hidden; z-index:999;} 
#seminar .swiper-slide{width:100%; height:auto; overflow:hidden;} 
#seminar .swiper-slide img{width:100%; height:auto;} 
/* mtb rolling */ 
#mtb{width:100%; height:460px; overflow:hidden; z-index:999;} 
#mtb .swiper-slide{width:100%; height:auto; overflow:hidden;} 
#mtb .swiper-slide img{width:100%; height:auto;} 
/* �¤ë¥¸ìª½ë°°�� */ 
.bannerbtn {display:none;} 
#mainBox{position:relative; width:100%; padding:0; margin:0 auto; right:0 !important; background:url(none);} 
#mainBox .box{width:25%;} 
#mainBox .box .imgarea {padding-top:20px;} 
#mainBox .box p {display:block !important;} 
/* �¤ë¥¸ìª½ë°°�� */ 
.sheet, .sheet2, .sheet3{text-align:center;} 
#tabletGiude{display:block;} 
#tabletFnb {display:block;text-align:center;} 
#tabletFnb address {padding:30px;} 
#kaka{position:absolute; left:15px; bottom:0px; width:150px; text-align:center; margin-top:40px;} 
#container{margin:0px !important;} 
} 
@media screen and (max-height: 750px) { 
#guidebox {display:none;} 
#mainBox .box p {display:none;} 
} 

/********** media query mobile *************/ 
@media screen and (max-width: 767px){ 

#container .big-title h1 {font-size:24px;font-weight:600; color:#333;line-height:1.2;} 
#container .big-title p {font-size:12px;} 


/* guide */ 
#tabletGiude{width:273px; margin:15px auto;} 
#tabletGiude ul li{padding:0 10px;} 
#tabletGiude ul li a{font-size:11px; color:#777; font-weight:600; line-height:1.2;} 
#tabletGiude ul li.last{padding:0 0 0 10px; background:url(none);} 
/* main rolling */ 
#tabletRoll{} 
/* seminar rolling */ 
#seminar{height:207px;} 
/* mtb rolling */ 
#mtb{height:207px;} 
/* mainbox */ 
#mainBox{width:100%; padding:0; margin:0 auto;} 
#newsbox, #customerbox{float:none; width:100%; clear:both;} 
#mainBox .box{width:50%;} 
#mainBox a.explan{position:relative; left:0; display:inline;} 
#mainBox a.explan img{width:164px;height:100%;margin:0 auto;} 
#mainBox2{width:100%; padding:0; margin:0 auto;} 
#newsbox2, #customerbox{float:none; width:100%; clear:both;} 
#mainBox2 .box{width:50%;} 
#mainBox2 a.explan{position:relative; left:0; display:inline;} 
#mainBox2 a.explan img{width:164px;height:100%;margin:0 auto;} 
#mainBox1{width:100%; padding:0; margin:0 auto;} 
#mainBox1 .box{width:50%;} 
#mainBox1 a.explan{position:relative; left:0; display:inline;} 
#mainBox1 a.explan img{width:164px;height:100%;margin:0 auto;} 
#container h2.noline{padding:0 0 24px 10px; border-bottom:0px !important;} 
#tab ul li {float:left;width:19%;line-height:30px;height:30px;font-size:12px;} 
}