@charset "utf-8";
/* font */
@font-face{font-family:"ngn";font-style:normal;font-weight:normal;src:url('../font/NanumGothic.eot');src:url('../font/NanumGothic.eot#iefix')format("embedded-opentype"),;src:local('※'),url('../font/NanumGothic.woff') format('woff'),url('../font/NanumGothic.ttf') format('truetype')}
@font-face{font-family:"ngb";font-style:normal;font-weight:normal;src:url('../font/NanumGothicBold.eot');src:url('../font/NanumGothicBold.eot#iefix')format("embedded-opentype"),;src:local('※'),url('../font/NanumGothicBold.woff') format('woff'),url('../font/NanumGothicBold.ttf') format('truetype')}

/* common */
html {overflow-y:auto;font-family:'Roboto','ngn';font-weight:400;text-align:center;color:#666;font-size:16px;line-height:1;letter-spacing:normal;word-break:keep-all}
html, body {width:100%;-webkit-text-size-adjust:none;}
body{position:relative;min-width:1240px;overflow:hidden}
ul, ol {list-style-type:none}
h1,h2,h3,h4,h5,h6,th{font-weight:400}
table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0;outline:none}
label {cursor:pointer}
i, em, address {font-style:normal}
caption,legend{visibility:hidden;width:0px;height:0px;font-size:0px;line-height:0px}
strong{font-weight:700}
input,select,textarea{font-family:'Roboto','ngn'}
textarea{resize:none;border:none;background:none}
a {text-decoration:none;color:#666;cursor:pointer;}
a:link, a:visited {text-decoration:none;color:#666;}
a:hover, a:focus, a:active{background:none;text-decoration:none;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{	
padding:0px;
margin:0px;
vertical-align:top
}
/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}
/*@import "font.css";*/

/* GNB */
#gnb_wrap{float:left;position:relative;width:100%;height:135px;border-bottom:1px solid #D0D0D0;border-top:5px solid #CDCDCD}
#gnb{position:relative;width:1200px;margin:0 auto}
#gnb .top_logo{float:left;position:relative;top:30px;left:0;width:173px}
#gnb .top_logo img{width:173px}
.menu{overflow:visible;float:left;left:65px;position:relative;width:auto;height:49px;top:42px}
.menu:after,.menu ul:after{display:block;clear:both;content:''}
.menu ul{float:left;margin:0;padding:0;list-style-type:none}
.menu li{float:left;position:relative;z-index:111}
.menu li a{float:left;position:relative}
.menu li a span{display:inline-block;height:55px;margin:0;padding:0;cursor:pointer}
.menu .major li {background:url(../img/gnb_bar.gif) no-repeat;background-position:right 17px}
.menu .major li:last-child{background:none}
.menu .major li span{display:block;font-size:18px;text-align:center;line-height:2.3;font-family:'ngb';padding:0 25px}
.menu .major li.m1 span,.menu .major li.m2 span,.menu .major li.m3 span,.menu .major li.m4 span,.menu .major li.m5 span{width:auto;;color:#000}
.menu .major li.active span{z-index:112;color:#F36E1F}
.menu .major li a:hover span,.menu .major li a:focus span{color:#F36E1F}
.menu .major ul.sub{display:none;position:absolute;top:45px;z-index:113;height:40px;margin:0 10px;line-height:1.4;font-weight:bold;letter-spacing:-1px}
.menu .major li.active ul.sub{display:block}
.menu .major li.m1 ul.sub{left:-5px;width:900px}
.menu .major li.m2 ul.sub{left:-400px;width:1200px}	
.menu .major li.m3 ul.sub{left:-12px;width:900px}
.menu .major li.m4 ul.sub{left:-80px;width:900px}
.menu .major ul.sub li{display:inline;margin:0;background:url(../img/gnb_bar2.gif) no-repeat;background-position:right;}
.menu .major ul.sub li:last-child{background:none}
.menu .major ul.sub li a{height:40px;font-size:13px;font-family:'ngn';color:#000;text-decoration:none;padding:0 10px;font-weight:normal;}
.menu .major ul.sub li.on a,.menu .major ul.sub li a:hover,.menu .major ul.sub li a:focus,.menu .major ul.sub li a:active{color:#F26E23;background:#fff;height:37px;background:url(../img/gnb_bar2.gif) no-repeat;background-position:right;}
.menu .major ul.sub li.on a,.menu .major ul.sub li a:hover,.menu .major ul.sub li a:focus,.menu .major ul.sub li a:active:last-child{background:none}
.menu .major ul.sub b{display:block;font-size:8px;font-family:arial;font-weight:normal;letter-spacing:0;color:#aaa}
.menu .major ul.sub a:hover b{color:#F26E23}
.menu .major ul.sub .on b{color:#F26E23}
#gnb .search{float:right;position:relative;top:42px;}
#gnb .search input{height:24px;background:#E6E6E6;border:1px solid #D5D5D5;line-height:28px;margin-right:10px;padding:3px 10px;font-size:14px}

/* wrap */
.main_wrap{position:relative;width:100%;height:auto;float:left;height:auto}
.sub_wrap{position:relative;width:100%;height:auto;float:left;height:auto;margin-top:15px;margin-bottom:30px}

/* sub */
.sub_content{position:relative;width:1200px;min-height:300px;margin:0 auto;text-align:left;padding:20px 0;font-family:ngn}
.sub_content .top_banner{position:relative;width:100%;text-align:center;padding-bottom:30px}
.sub_content table{width:100%}
.sub_content table td{vertical-align:top}
.sub_content .history{width:100%;float:left;position:relative}
.sub_content .history h1{text-align:right;color:#F27327;font-size:40px;font-weight:normal;font-family:ngb;border-bottom:1px solid #ddd;padding-bottom:18px;margin-bottom:25px}
.sub_content .history h2{float:left;width:100%;font-size:14px;text-align:right;color:#000;font-weight:normal;line-height:1.5;position:relative;display:block;border:1px solid #fff}
.sub_content .history h2 span{float:right;line-height:2;}
.sub_content .history h2 b{float:left;font-weight:normal}
.sub_content .history h3 span{color:#939393}
.sub_content .history .space{width:100%;float:left;height:30px;position:relative}
.sub_content .product_view{color:#2C2C2C;margin-top:15px}
.sub_content .product_view h1{font-family:'ngb';font-weight:normal;font-size:34px;letter-spacing:-1.2px}
.sub_content .product_view h2{font-size:13px;padding-top:20px;padding-bottom:20px;color:#000;line-height:1.5}
.sub_content .product_view h3{font-size:13px;color:#000;line-height:1.5;font-weight:normal;padding-bottom:25px}
.sub_content .product_view h4{padding-bottom:25px}
.sub_content .product_view img{max-width:1000px;}
.sub_content .catalog{height:100%;margin-top:150px}
.sub_content .catalog h1{color:#111;font-size:35px;line-height:1;font-weight:normal}
.sub_content .catalog h2{padding-top:35px}
.sub_content .catalog h3{padding-top:20px;font-size:13px;}
.sub_content .line01{border-bottom:1px solid #D6D6D6;padding-top:30px}

/* list */
.sub_content .list_top{position:relative;float:left;width:98%;padding:10px 0 10px 13px;text-align:center}
.sub_content .list_top h1{position:relative;float:left;width:auto;font-size:13px}
.sub_content .list_top h1 select{width:100px}
.sub_content .list_top h2{position:relative;float:right;right:5px;width:auto;font-weight:normal}
.sub_content .list_top input{height:25px;background:#fff;border:1px solid #D5D5D5;line-height:25px;margin-right:10px;padding:3px 10px;font-size:14px}

/* table01 */
.sub_content .table01{width:98%;max-width:1200px;margin:0 auto;position:relative;border-top:1px solid #E4E3E2}
.sub_content .table01 th{border-bottom:1px solid #E4E3E2;background:#F6F7F7;height:45px;color:#2A2A2A;font-weight:normal;font-size:13px}
.sub_content .table01 td{padding:18px 10px;height:auto;text-align:center;border-bottom:1px solid #E4E3E2;font-size:12px;color:#2A2A2A;}
.sub_content .table01 td a{color:#333}
.sub_content .table01 td a:hover{color:#F26F21}
.sub_content .table01 .left{text-align:left}
.sub_content .table01 .title{text-align:left;padding:0 30px;color:#000}
.sub_content .table01 .inner_text{padding:30px 30px;max-width:1200px;height:300px;text-align:left;line-height:1.8;font-size:13px}
.sub_content .table01 .contact th{height:auto;padding:10px 15px;}
.sub_content .table01 .contact td{padding:10px 20px}
.sub_content .table01 .contact input{height:25px;background:#fff;border:1px solid #D5D5D5;line-height:25px;padding:3px 10px;font-size:14px}
.sub_content .table01 .contact textarea{background:#fff;border:1px solid #D5D5D5;overflow:auto;width:100%;height:220px;font-size:14px;padding:10px}
.sub_content .map{float:left;position:relative;width:100%;border:1px solid #CFCFCF;text-align:center;padding:75px 0}
.sub_content .map h1{position:absolute;width:234px;height:46px;right:29px;bottom:29px;}
.sub_content .map_address{float:left;position:relative;width:100%;font-size:14px;color:#555;padding:45px 0 20px 100px}
.sub_content .map_address li{float:left;padding-right:45px;list-style:none}
.sub_content .map_address li span{color:#111}
.sub_content .company h1{font-size:38px;color:#F26F1F;font-family:ngn;font-weight:normal;line-height:1.6}
.sub_content .company h2{font-size:24px;color:#444;font-family:ngn;font-weight:normal;line-height:1.5;padding-bottom:20px}
.sub_content .company h3{font-size:14px;color:#444;font-family:ngn;font-weight:normal;line-height:1.9}
.sub_content .company h3 span{color:#939393}

.sub_content .table02{width:98%;max-width:1200px;margin:0 auto;position:relative;border-top:1px solid #E4E3E2}
.sub_content .table02 th{border-bottom:1px solid #E4E3E2;background:#F6F7F7;height:45px;color:#2A2A2A;font-weight:bold;font-size:13px; text-align:center;}
.sub_content .table02 td{padding:18px 10px;height:auto;text-align:left;border-bottom:1px solid #E4E3E2;font-size:12px;color:#2A2A2A; line-height:200%;}
.sub_content .table02 td a{color:#333}
.sub_content .table02 td a:hover{color:#F26F21}
.sub_content .table02 .left{text-align:left}
.sub_content .table02 .title{text-align:left;padding:0 30px;color:#000}
.sub_content .table02 .inner_text{padding:30px 30px;max-width:1200px;height:300px;text-align:left;line-height:1.8;font-size:13px}


/* product */
.product_list{width:98%;margin:0 auto;position:relative}
.product_list img{border:1px solid #C8C8C8}
.product_list h3{color:#111;font-size:13px;line-height:1.5;padding:15px 0 25px 0}

/* main img ani http://playspot.kr/ */
.intro{position:relative;left:0;width:100%;height:720px !important;z-index:0;background:#222}
.intro_wrap{position:relative;width:1920px;height:720px;margin:0 auto;background:#e5e5e5;overflow:hidden}
.intro_wrap .intro_slide_wrap{position:relative;width:100%;height:100%;z-index:3}
.intro_wrap .intro_visual{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.intro_wrap .intro_visual p{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center}
.intro_wrap .intro_visual .visual01{background-image:url(../img/main_banner01.jpg)}
.intro_wrap .intro_visual .visual02{background-image:url(../img/main_banner02.jpg)}
.intro_wrap .intro_visual .visual03{background-image:url(../img/main_banner03.jpg)}
.intro_wrap .intro_visual .visual04{background-image:url(../img/main_banner04.jpg)}
.intro_wrap .intro_visual .visual05{background-image:url(../img/main_banner05.jpg)}
.intro_wrap .intro_visual .visual06{background-image:url(../img/main_banner06.jpg)}

.intro_wrap .txt01{font-size:98px;color:#fff;font-weight:300;letter-spacing:0;text-align:left;margin:180px 0 0 115px;line-height:.9}
.intro_wrap .txt02{font-size:27px;color:#fff;font-weight:100;line-height:48px;text-align:left;margin:16px 0 0 120px}
.intro_wrap .bx-prev{position:absolute;top:50%;left:50px;margin-top:-21px;z-index:50;display:none}
.intro_wrap .bx-next{position:absolute;top:50%;right:50px;margin-top:-21px;z-index:50;display:none}

.intro_wrap .bx-pager{position:relative;top:auto;bottom:auto;left:auto;width:100%;text-align:center;z-index:50;margin-top:40px;display:none}
.intro_wrap .bx-pager .bx-pager-item{display:inline-block}
.intro_wrap .bx-pager a{background:#acacad;width:10px;height:10px;margin:0 5px;font-size:0;display:block;-webkit-border-radius:5px;	-moz-border-radius:5px;	border-radius:5px;
		-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease	
}

/* paginate */
.paginate_wrap{position:relative;float:left;width:100%;height:90px}
.paginate{position:relative;top:10px;width:100%;height:27px;margin:0 auto;padding:24px 0 24px;text-align:center}
.paginate dl{display:inline-block}
.paginate .page a{display:inline-block;position:relative;_width:17px;margin:0 3px;padding:4px 7px 4px 7px;border:1px solid #fff;color:#a2a2a2;border:1px solid #ffffff;font-family:Verdana;font-size:10px;font-weight:bold;line-height:normal;text-decoration:none;letter-spacing:-1px;vertical-align:middle}
.paginate .page strong{display:inline-block;position:relative;_width:17px;margin:0 3px;padding:4px 7px 4px 7px;border:1px solid #fff;color:#a2a2a2;border:1px solid #ffffff;font-family:Verdana;font-size:10px;font-weight:bold;line-height:normal;text-decoration:none;letter-spacing:-1px;vertical-align:middle}
.paginate .page a:hover{border:1px solid #787878;color:#321f0f !important}
.paginate .page strong{border:1px solid #787878;color:#321f0f !important}
.paginate .pre{display:inline-block;position:relative;width:22px;height:22px;padding:0;margin:0;background:url(../img/bg_paging.gif) no-repeat 0 0;vertical-align:middle}
.paginate .next{display:inline-block;position:relative;width:22px;height:22px;padding:0;margin:0;background:url(../img/bg_paging.gif) no-repeat 0 -50px;background-position:0 -50px;background-repeat:no-repeat;vertical-align:middle}
.paginate .pre a{background:url(../img/bg_paging.gif) no-repeat -54px 0;border:0;display:block;width:22px;height:22px}
.paginate .next a{background:url(../img/bg_paging.gif) no-repeat -54px -54px;border:0;display:block;width:22px;height:22px}

/* footer */
.footer_wrap{float:left;width:100%;height:110px;border-top:1px solid #D0D0D0}
.footer{position:relative;width:1240px;height:100%;margin:0 auto;padding:35px 0}
.footer h1{width:100px;float:left;position:relative;top:0}
.footer h1 img{float:left;position:relative;}
.footer h1 span{float:left;width:400px;position:relative;line-height:26px;height:45px;font-size:12px;overflow:hidden;text-align:left;top:-21px;left:98px;}
.footer h1 span dl{float:left;position:relative;height:20px;font-size:12px;overflow:hidden;width:500px;}
.footer h2{width:1050px;float:right;font-size:12px;line-height:1.8;color:#222;text-align:right}
.footer h2 b{color:#F26E23}
.footer h2 span{color:#999;padding:0 5px}

/* btn set */
.btn{width:99%;position:relative;height:60px;padding-top:20px;float:left;;margin:0 auto} 
.graybtn{width:130px;line-height:40px;display:block;background:#4D4D4D;color:#fff;border-radius:5px;font-weight:bold;text-align:center;margin-top:40px;margin-left:6px;font-size:15px;margin:0 auto}
.graybtn a{width:130px;line-height:40px;display:block;background:#4D4D4D;border-radius:5px;color:#fff}
.graybtn a:hover{background:#3D3D3D;border-radius:5px}

.graybtn2{width:130px;line-height:40px;display:block;background:#4D4D4D;color:#fff;border-radius:5px;font-weight:bold;text-align:center;font-size:15px;float:right}
.graybtn2 a{width:130px;line-height:40px;display:block;background:#4D4D4D;border-radius:5px;color:#fff}
.graybtn2 a:hover{background:#3D3D3D;border-radius:5px}
.graybtn2 img{position:relative;top:13px;left:-12px;padding-right:6px}

/* sub_nav */
.sub_nav{width:100%;float:left;position:relative;height:80px;border-bottom:1px solid #E6E6E6;margin-bottom:33px}
.sub_nav h1{float:left;font-size:13px;color:#494949;line-height:60px;width:500px}
.sub_nav h1 span{font-size:12px;color:#ADADAD;padding:0 10px}
.sub_nav h1 img{position:relative;top:-1px;vertical-align:middle}
.sub_nav h2{float:right;position:relative;width:300px;font-size:32px;line-height:50px;text-align:right;color:#303030}



.eng_gray {text-align:right; color: #999999; font-weight: normal; font-family: "Nanumbarungothic"; font-size: 12px;}