@charset "utf-8";
/* WWW.VUONIX.COM (webmaster@vuonix.com) */

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Nanum Gothic', 'µ¸¿ò', Dotum, sans-serif;-webkit-font-smoothing:antialiased}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.blind h1{margin:0;padding:0;display:block;font-size:2em;-webkit-margin-before:0.67em;-webkit-margin-after:0.67em;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight: bold}
.blind h2{margin:0;padding:0;display:block;font-size:1.5em;-webkit-margin-before:0.83em;-webkit-margin-after:0.83em;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight: bold}
.blind h3{margin:0;padding:0;display:block;font-size:1.17em;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight: bold}
.blind ul{margin:0;padding:0;display:block;list-style:none;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0px}
.blind li{margin:0;padding:0;display:list-item;line-height:20px;;text-align:-webkit-match-parent}

body{width:100%;height:100%;min-width:1200px;min-height:100%;overflow-y:scroll;*overflow-y:;}

.u_skip, .u_skip ul{height:0;margin:0 auto;padding:0;}
.u_skip a{position:absolute;top:-9999px;background-color:#000;width:100%;height:30px;text-align:center;color:#fff;line-height:30px;font-weight:bold;z-index:100;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}
.u_skip a:focus,
.u_skip a:hover,
.u_skip a:active{top:0}

#wrap{width:100%;height:100%;overflow:hidden;background-color:#f2f0ef}

#body_column{width:1200px;margin:0 auto;background:url(/images/body_columnbg.gif) repeat-y;overflow:hidden}

#left_column{float:left;width:250px;height:100%;background-color:#3c3c3c}
   .logo{width:250px;height:170px;margin:0 auto;border-bottom:1px solid #2e2e2e}
   .logo h1{margin:0;padding:0}
   .logo h1 a{width:250px;height:170px;display:block;overflow:hidden}

   .gnb_column{width:250px;overflow:hidden;z-index:99999}
   .gnb_column > ul{width:250px;margin:0 auto 0;height:39px;position:relative}
   .gnb_column > ul:after{content:"";display:block;clear:both}
   .gnb_column > ul > li{text-align:left;display:block;line-height:51px;height:51px;float:left;border-top:1px solid #595959;border-bottom:1px solid #2e2e2e}
   .gnb_column > ul > li:first-child{padding-left:0}
   .gnb_column > ul > li.s1{margin-left:0;width:250px}
   .gnb_column > ul > li > a{display:block;height:51px;padding-left:25px;font-size:14px;font-weight:bold;color:#fff;text-decoration:none} /* ´ë ¸Þ´º */
   .gnb_column > ul > li > a:hover, .gnb_column > ul > li > a:focus, .gnb_column > ul > li > a.on{background-color:#0781c8;color:#fff}
   
   .qk{width:200px;padding:20px 25px;margin:0 auto;border-top:1px solid #595959;border-bottom:1px solid #2e2e2e;color:#fff;font-size:13px}
   .qk > strong{font-size:13px}
   .qk > p{margin-top:10px;color:#fff}

   .qk2{width:200px;padding:20px 25px;overflow:hidden;border-top:1px solid #595959;border-bottom:1px solid #2e2e2e}
   .qk2 > ul{width:198px;margin:0 auto 0;overflow:hidden;position:relative;border:1px solid #595959;background-color:#202020}
   .qk2 > ul:after{content:"";display:block;clear:both}
   .qk2 > ul > li{text-align:left;display:inline-block;line-height:55px;height:55px;float:left}
   .qk2 > ul > li:first-child{}
   .qk2 > ul > li > a{display:inline-block;width:198px;height:55px;padding-left:35px;font-size:17px;font-weight:700;color:#fff;text-decoration:none} /* ´ë ¸Þ´º */
   .qk2 > ul > li > a:hover, .qk2 > ul > li > a:focus, .qk2 > ul > li > a.on{background-color:#0781c8;color:#fff}

   .qk3{width:200px;padding:20px 25px;margin:0 auto;border-top:1px solid #595959;border-bottom:1px solid #2e2e2e;color:#fff;font-size:13px}
   .qk3 > p{margin-top:10px}
   .qk3 > p > a{display:block;color:#fff;font-size:13px;text-decoration:none} /* ´ë ¸Þ´º */
   .qk3 > p > a:hover, .qk3 > p > a:focus, .qk3 > p > a.on{color:#aad3ff;text-decoration:underline}
   .qk3 > p.co{color:#ccc;font-size:13px}

#container{*display:inline-block;float:left;width:930px;margin-left:20px;overflow:hidden;background-color:#fff}
#container:after{display:block;clear:both;content:''}
   .spot{height:171px;border-bottom:1px solid #c4c2c0;background:url(/images/spot_bg.png) 200px 65px no-repeat}
   .spot > h2{font-weight:701;font-size:21px;color:#555;padding:75px 0 15px}
   .spot > p{color:#333;font-size:14px;padding:0 0 5px}

   .nav{overflow:hidden;border-bottom:1px solid #c4c2c0}
   .nav ul{float:left;list-style:none;overflow:hidden}
   .nav ul > li{height:52px;line-height:52px;float:left;border-right:1px solid #c4c2c0;display:block}
   .nav ul > li:first-child{}
   .nav ul > li a{padding:0 40px;height:52px;display:block;color:#fff;background-color:#3c3c3c}
   .nav ul > li a:hover, .nav ul > li a:focus{color:#fff;background-color:#0781c8;text-decoration:none}
   .nav ul > li a.on{color:#fff;background-color:#0781c8;text-decoration:none;font-weight:bold}

   .nav > .path{float:right;width:350px;height:52px;line-height:52px;text-align:right;margin-right:20px;font-size:12px;color:#1a66d3}   
   .nav > .path > span{display:inline;position:relative;padding:0 10px;background:url(/images/sl.png) 0 50% no-repeat;white-space:nowrap;font-weight:bold}
   .nav > .path > span.frst{padding-right:10px;background:none}
   .nav > .path > span > a{color:#333;text-decoration:none;font-weight:normal}
   .nav > .path > span > a:visited{color:#333;text-decoration:none}
   .nav > .path > span > a:hover, .nav > .path > span > a:focus{color:#0781c8;text-decoration:underline}

   .content{overflow:hidden;padding:30px 20px 70px 0}
   .content > h3{font-weight:700;font-size:21px;color:#555}
   .content > h4{font-weight:700;font-size:17px;color:#555;margin-top:30px;padding-left:17px;background:url(/images/s_a.png) 0 4px no-repeat}
   .content > p{color:#333;font-size:14px;margin-top:15px;line-height:20px}
   .content > p > span{padding-left:17px;background:url(/images/s_b.png) 8px 4px no-repeat;line-height:20px}
   .content > p.span{padding-left:17px;margin-top:1px}
   .content > p.dot{padding-left:17px;line-height:20px}
   .content > p.dotbr{padding-left:25px;line-height:20px;margin-top:1px}
   .content > p.bar{padding-left:27px;line-height:20px}
   .content > p.barbr{padding-left:35px;line-height:20px;margin-top:1px}
   .content > .mk{overflow:hidden}
   .content > .mk > .kc_mk{float:left;width:294px;height:173px;margin:20px 0 0 25px;border:1px solid #4d72ca}
   .content > .mk > .kc_mk > img{display:block}
   .content > .mk > .kc_mk2{float:right;width:294px;height:173px;margin:20px 25px 0 0;border:1px solid #4d72ca}
   .content > .mk > .kc_mk2 > img{display:block}
   .content > .boxtg{width:100%;border-collapse:collapse;border-spacing:0;margin-top:15px}
   .content > .boxtg td{font-family:Arial, sans-serif;font-size:13px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#c4c2c0}
   .content > .boxtg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#c4c2c0;border-top:2px solid #0781c8;background-color:#eff7ff}
   .content > .boxtg .boxtg-e3zv{font-weight:bold;text-align:center;border-left:0;background-color:#eff7ff}
   .content > .boxtg .boxtg-9hbo{font-weight:bold;vertical-align:middle;text-align:center;border-left:0;border-right:0;background-color:#eff7ff}
   .content > .boxtg .boxtg-8hbo{font-weight:bold;vertical-align:top;text-align:center;border-left:0;background-color:#eff7ff}
   .content > .boxtg .boxtg-yw4l{vertical-align:top;border-right:0}
   .content > .boxtg .boxtg-yw4l > a{color:#555;text-decoration:none;font-weight:normal}
   .content > .boxtg .boxtg-yw4l > a:visited{color:#555;text-decoration:none}
   .content > .boxtg .boxtg-yw4l > a:hover, .boxtg .boxtg-yw4l a:focus{color:#0781c8;text-decoration:underline}
   .content > .contact > ul{width:450px;margin:50px 0 0 310px;position:relative;overflow:hidden;list-style:none;font-size:15px}
   .content > .contact > ul:after{content:"";display:block;clear:both}
   .content > .contact > ul > li{display:inline-block;width:450px;height:50px;line-height:50px}
   .content > .contact > ul > li > a{display:inline-block;padding:0 70px 0 40px;height:50px;color:#fff;background:url(/images/h_cl.png) 235px 14px no-repeat #3c3c3c}
   .content > .contact > ul > li > a:hover, .content > .contact > ul > li > a:focus{color:#fff;background-color:#0781c8;text-decoration:none}

/* Scroll to top link */
.btn_top{display:none;position:fixed;right:20px;bottom:55px;z-index:1000;width:48px;height:48px;background-color:#555;font-size:24px;color:#fff;text-align:center;opacity:0.8;filter:alpha(opacity=80)}
.btn_top:hover{background-color:#77a0d4;color:#fff;text-decoration:none;opacity:1;filter:alpha(opacity=100)}
.btn_top i{line-height:48px}