@charset "utf-8";
/* webfont */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/css?family=Gentium+Basic);
/* font-family: 'Gentium Basic', 'serif'; */
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
/* font-family: 'PT Sans', sans-serif; */

/* 초기화 */
html {margin:0;padding:0;}
body {position:relative;width:100%;height:100%;margin:0;padding:0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:22px;font-family:'Nanum Gothic','돋움',dotum,sans-serif;color:#666} 
a {color:#666;text-decoration:none}
a:active, a:hover {text-decoration:underline}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;}
button {cursor:pointer}

textarea, select {}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}




#headerWrap							{ position:relative;width:1000px;height:80px;margin:0 auto; }
#headerWrap ul						{}
#headerWrap ul li					{ display:block;float:left; }

#tnbWrap								{ height:30px;text-align:center;background:#f6f6f6; }
#tnbWrap .tnb							{ width:1200px;margin:0 auto;text-align:right;color:#ccc;line-height:30px; }
#tnbWrap .tnb a						{ color:#666; }

#gnbWrap								{ position:relative;height:40px;text-align:center;background:#2c93f2;z-index:999; }
	.gnb									{ width:1060px;height:40px;margin:0 auto; }
	.gnb li								{ display:block;float:left; }
	.gnb li a								{ display:block;height:40px;overflow:hidden;text-indent:-999px;line-height:999px;background:url('/images/gnb.gif') no-repeat; }
	.gnb li a.gnb1						{ width:170px;background-position:0 0; }
	.gnb li a.gnb2						{ width:150px;background-position:-170px 0; }
	.gnb li a.gnb3						{ width:110px;background-position:-320px 0; }
	.gnb li a.gnb4						{ width:150px;background-position:-430px 0; }
	.gnb li a.gnb5						{ width:130px;background-position:-580px 0; }
	.gnb li a.gnb6						{ width:190px;background-position:-710px 0; }
	.gnb li a.gnb7						{ width:140px;background-position:-900px 0; }

	.gnb li a.gnb1:hover			{ background-position:0 -60px; }
	.gnb li a.gnb2:hover			{ background-position:-170px -60px; }
	.gnb li a.gnb3:hover			{ background-position:-320px -60px; }
	.gnb li a.gnb4:hover			{ background-position:-430px -60px; }
	.gnb li a.gnb5:hover			{ background-position:-580px -60px; }
	.gnb li a.gnb6:hover			{ background-position:-710px -60px; }
	.gnb li a.gnb7:hover			{ background-position:-900px -60px; }


#snbWrap								{ position:absolute;width:100%;height:109px;left:0;top:40px;padding-top:10px;background:#FFFFFF;border-bottom:solid 1px #ccc;z-index:99; }
	.snb									{ width:1040px;margin:0 auto;text-align:left; }
	.snb li								{ display:block;float:left; }
	.snb li a								{ display:block;width:100%;height:20px;line-height:20px;text-align:center }
	.snb li.snb1						{ width:170px; }
	.snb li.snb2						{ width:150px; }
	.snb li.snb3						{ width:110px; }
	.snb li.snb4						{ width:150px; }
	.snb li.snb5						{ width:130px; }
	.snb li.snb6						{ width:190px; }
	.snb li.snb7						{ width:140px; }

.notice									{ width:1000px;height:30px;margin:0 auto;overflow:hidden; }
.notice a								{ display:block;padding-left:10px;font-size:12px;color:#222;font-weight:normal;text-align:left;background:url('/images/noti_bullet.gif') no-repeat 0 12px; }

#bodyWrap								{ position:relative;margin:0 auto; }

#viz										{ text-align:center;background:url(/_images/viz1_bg.jpg) no-repeat center top }
#viz2										{ text-align:center;background:url(/_images/viz2_bg.gif) repeat-x center top }


#section1								{ text-align:center; }
#section1_								{ text-align:center;background:#4a4c58 }
#section2								{ text-align:center;/*background:url(/_images/section2_bg.jpg) no-repeat center top*/ }
#section3								{ text-align:center;background:url(/_images/section3_bg.jpg) no-repeat center top;height:770px;padding:330px 0 0 0; }
#section3 .content					{ position:relative;width:1120px;margin:0 auto 20px auto; }
#section3 .mov						{ width:1120px;height:410px;margin:0 auto; }
#section3 .mov ul					{ }
#section3 .mov ul li					{ display:block;float:left;width:560px; }
#section3 .mov ul li span			{ display:block;margin:12px 0;text-align:center; }
#section3 .btn_more				{ display:block;position:absolute;right:0;top:50px; }

#section4								{ text-align:center;background:#eee }
#section4 .mov						{ width:1200px;height:400px;margin:0 auto; }
#section4 .mov ul					{}
#section4 .mov ul li					{ display:block;float:left;width:400px; }
#section4 .mov ul li span			{ display:block;margin:12px 0;text-align:center; }

#section5								{ text-align:center; }
#section6								{ text-align:center;background:#f1f1f1 }
#section6 .mov						{ width:1120px;height:315px;margin:0 auto; }
#section6 .mov ul					{}
#section6 .mov ul li					{ display:block;float:left;width:560px; }
#section6 .mov ul li span			{ display:block;margin:12px 0;text-align:center; }
#section7								{ text-align:center;background:url(/_images/section7_bg.jpg) no-repeat center top }
#section8								{ text-align:center; }
#section9								{ text-align:center;background:url(/_images/section9_bg.jpg) no-repeat center top }
#section10								{ text-align:center; }

.logos									{width:1000px;margin:10px auto;}

#footerWrap							{ height:220px;text-align:center;color:#999;background:#444; }
#footerWrap .var						{ color:#666;}

#post_box								{  }
.scroll_txt3								{ width:1020px;height:200px;overflow:hidden; }
.post_list								{ height:1020px;overflow:hidden; }
.post_list li								{ display:block;height:40px;line-height:normal;text-align:left;font-size:16px; }
.post_list li .name					{ display:inline-block;width:140px;height:40px;line-height:40px;text-indent:40px;font-weight:bold;background:url('/_images/icon_user.png') no-repeat left 50%; }
.post_list li .con						{ display:inline-block;width:360px;height:40px;line-height:40px; }
.post_list li img,
.post_list li span,
.post_list li a							{ vertical-align:middle; }

#nav										{ position:fixed;left:30px;top:50%;height:200px;margin:-150px 0 0 0;z-index:999999999;}
#nav	ul {}
#nav	ul li {display:block;}
#nav	ul li a {display:block;width:100px;height:20px;overflow:hidden;line-height:20px;color:#999}
#nav	ul li a span {display:inline-block;width:10px;height:10px;margin:0 8px 0 0;background:#444;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px;

  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.8;
}
#nav ul li a span:hover					{ background:#f75665; }

#fix										{ position:fixed;right:0;top:110px;background:#fff;z-index:999999; }

.ing_scroll								{ width:210px;height:280px;margin:0 0 20px 0px;padding:9px;border:solid 1px #ccc; }
.ing_title									{ position:relative;height:30px;font-size:16px;font-weight:bold;color:#444;text-align:left;line-height:normal; }
.more										{ position:absolute;display:block;width:30px;height:30px;right:0px;top:0px;font-size:11px;color:#999;font-weight:normal;letter-spacing:-1px;text-decoration:underline;line-height:30px;padding-right:8px;background:url('/images/icon_arrow.gif') no-repeat right 11px; }

.scroll_txt								{ width:100%;height:250px;overflow:hidden; }
.ing_list									{ width:100%;height:1000px;overflow:hidden; }
.ing_list li								{ display:block;width:100%;height:25px;line-height:normal; }
.ing_list li .name						{ display:inline-block;width:70px;overflow:hidden;font-weight:bold; }
.ing_list li .name_b					{ display:inline-block;width:150px;overflow:hidden;font-weight:bold; }
.ing_list li .part						{ display:inline-block;width:80px; }
.ing_list li .ing							{ display:inline-block;width:50px;height:18px;color:#FFFFFF;font-size:11px;text-align:center;letter-spacing:-1px;line-height:18px;background:#f75665;border:solid 1px #eb2437; }
.ing_list li .ready						{ display:inline-block;width:50px;height:18px;color:#FFFFFF;font-size:11px;text-align:center;letter-spacing:-1px;line-height:18px;background:#1398d9;border:solid 1px #0a75aa; }
.ing_list li img,
.ing_list li span,
.ing_list li a							{ vertical-align:middle; }


.mov_area								{ width:230px; }
.mov_title								{ height:55px;padding:0 0 0 8px;font-size:14px;font-weight:bold;color:#444; }
.mov										{ position:relative;margin-bottom:10px; }
.icon_play								{ display:block;position:absolute;width:40px;height:40px;left:50%;top:50%;margin-left:-20px;margin-top:-20px; }


















.mov_list								{ position:absolute;width:230px;right:0;top:0; }
.mov_list li								{ display:block;height:80px; }
.mov_list li .mov_l					{ float:left;position:relative;width:110px;height:70px; }
.mov_list li .mov_con				{ margin-left:120px;line-height:normal; }
.mov_list li .btn_mov					{ display:block;margin-top:15px; }

.logo_bottom							{ float:left;width:240px;height:120px; }
.ibk										{ position:absolute;right:0;top:20px; }





.l_title									{ position:relative;height:25px;font-weight:bold;color:#222;text-align:left;line-height:normal;letter-spacing:-1px; }
.l_news									{ margin-bottom:20px;padding-bottom:19px;border-bottom:solid 1px #bbb; }
.l_news li								{ position:relative;display:block;padding-bottom:10px;padding-left:7px;background:url('/images/bullet.gif') no-repeat 0 6px; }
.l_news li a							{ color:#444; }
.l_news li .good						{ position:absolute;display:block;height:20px;right:0;top:0;color:#569ffd;font-size:11px;font-weight:bold;letter-spacing:-1px;line-height:20px; }
.l_news li .good img,
.l_news li .good span				{ vertical-align:middle; }
.l_news li img,
.l_news li a,
.l_news li span						{ vertical-align:middle; }

.l_news_p								{ margin-bottom:20px;padding-bottom:19px;border-bottom:solid 1px #bbb; }
.l_news_p li							{ position:relative;display:block;padding-bottom:10px; }
.l_news_p li .thumb					{ float:left;margin-right:10px; }
.l_news_p li .thumb img			{ width:100px;height:80px; }
.l_news_p li .info						{ color:#999;font-size:11px;letter-spacing:-1px; }
.l_news_p li a							{ color:#444; }
.l_news_p li img,
.l_news_p li a,
.l_news_p li span					{ vertical-align:middle; }

.h											{ display:block;height:40px;padding-top:10px;padding-left:40px;background:url('/images/icon_h1.png') no-repeat 0 0; }

.panel_info								{ height:80px;margin-bottom:30px;padding:9px 9px 9px 140px;background:url('/images/icon_panel.png') no-repeat 0 0;border:solid 1px #ccc; }

.panel									{ position:relative;height:220px; }
	.box_l								{ width:320px; }
	.box_r								{ position:absolute;width:320px;right:0;top:0; }

.agree									{ margin-bottom:5px;padding:20px;background:#EEE; }
.agree textarea						{ width:100%;height:100px;border:none;background:none; }
.agree_chk								{ height:50px;text-align:left; }

.tab										{ width:100%;height:36px;margin-bottom:20px;border-top:solid 2px #a6a9b2;border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;background:#ebecf1; }
.tab li										{ display:block;float:left; }
.tab li a									{ display:block;height:36px;overflow:hidden;padding:0 12px;color:#666;font-weight:bold;line-height:37px;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;background:#ebecf1; }
.tab li a.on								{ display:block;height:36px;overflow:hidden;margin-top:-2px;padding:0 12px;color:#6999e9;font-weight:bold;line-height:37px;border-top:solid 2px #717380;border-bottom:solid 1px #FFF;border-right:solid 1px #ccc;background:#FFFFFF; }

.news_list								{}
.news_list li							{ display:block;min-height:60px;padding-bottom:20px; }
.news_list li .img						{ float:left;width:100px;height:60px;margin-right:20px; }
.news_list li .img img				{ width:100px;height:60px; }
.news_list li a.title					{ display:block;font-size:14px;color:#333;font-weight:bold; }
.news_list li .info						{ font-size:11px;color:#999; }
.news_list li .num					{ float:left;width:30px;height:60px; }

.news_list li .info_box						{ display:block;float:right;width:100px;height:70px;margin-left:20px;text-align:center; }
.news_list li .info_box strong			{ display:block;height:25px;color:#222; }
.news_list li .info_box .good				{ display:block;width:70px;height:25px;margin:0 auto;line-height:25px;color:#569ffd;font-size:11px;letter-spacing:-1px;background:#f6f6f6;font-weight:bold;border:solid 1px #ccc; }
.news_list li .info_box .good img		{ vertical-align:middle; }


.formType								{ width:100%;margin-bottom:10px;table-layout:fixed;border-collapse:collapse;border-top:solid 2px #5e6170; }
.formType th							{ width:100px;padding:12px 9px 10px 10px;color:#444;font-weight:bold;text-align:left;border-bottom:solid 1px #ddd;border-right:solid 1px #eee; }
.formType td							{ width:;padding:12px 10px 10px 10px;color:#666;border-bottom:solid 1px #ddd; }
.formType td .file						{ padding:6px;line-height:normal;border:solid 1px #ccc; }
.formType td .input					{ padding:6px;line-height:normal;border:solid 1px #ccc; }
.formType td .select					{ padding:5px;line-height:normal;border:solid 1px #ccc; }
.formType td .textarea				{ width:97%;height:200px;padding:6px;line-height:normal;border:solid 1px #ccc; }
.formType td .control_ea			{ display:inline-block;width:28px;height:28px;text-align:center;line-height:28px;font-size:14px;color:#444;font-weight:normal;background:#f6f6f6;border:solid 1px #aaa;cursor:pointer; }
.formType td .chk					{ display:inline-block;width:25%; }
.formType td .label					{ display:inline-block;width:80px; }
.formType td img,
.formType td span,
.formType td a							{ vertical-align:middle; }

.listType									{ width:100%;margin-bottom:10px;table-layout:fixed;border-collapse:collapse;border-top:solid 2px #5e6170; }
.listType th								{ padding:12px 9px 10px 10px;color:#444;font-weight:bold;text-align:left;border-bottom:solid 1px #ddd;background:#f6f6f6; }
.listType th.right						{ text-align:right; }
.listType td								{ padding:12px 9px 10px 10px;color:#666;text-align:left;border-bottom:solid 1px #ddd; }
.listType td a							{ color:#666; }
.listType td.right						{ text-align:right; }
.listType td img,
.listType td a							{ vertical-align:middle; }
.listType td .ing						{ display:inline-block;width:60px;height:20px;color:#FFFFFF;font-size:11px;text-align:center;letter-spacing:-1px;line-height:20px;background:#f75665;border:solid 1px #eb2437; }
.listType td .wait						{ display:inline-block;width:60px;height:20px;color:#FFFFFF;font-size:11px;text-align:center;letter-spacing:-1px;line-height:20px;background:#1398d9;border:solid 1px #0a75aa; }
.listType td .input					{ padding:6px;line-height:normal;border:solid 1px #ccc; }

.photoType								{ width:100%;margin-bottom:10px;table-layout:fixed;border-collapse:collapse;border-top:solid 2px #5e6170; }
.photoType td							{ color:#444;text-align:center;line-height:20px;padding-top:20px;padding-bottom:19px;border-bottom:solid 1px #ddd;vertical-align:top; }
.photoType td img					{ display:block;width:140px;height:140px;margin:0 auto 10px auto;padding:9px;border:solid 1px #ddd;vertical-align:top; }
.photoType td .price				{ color:#999;text-decoration:line-through; }
.photoType td .price2				{ color:#f75665;font-weight:bold; }

.conType								{ min-height:200px;padding:10px;margin-bottom:10px;border-bottom:solid 1px #ccc; }

.sch_area								{ height:60px; }
.sch_area .select					{ padding:5px;line-height:normal;border:solid 1px #ccc; }
.sch_area .input						{ width:150px;padding:6px;line-height:normal;border:solid 1px #ccc; }

.btn_area								{ height:70px;text-align:center; }
	.btn									{ display:inline-block;height:33px;margin:0 2px;padding:0 8px;text-align:center;line-height:33px;color:#a4a6aa;font-weight:bold;background:#545765;border:solid 1px #4a4c58; }
	.btn_sch							{ display:inline-block;height:28px;margin:0 2px;padding:0 8px;text-align:center;line-height:28px;color:#a4a6aa;font-weight:bold;background:#545765;border:solid 1px #4a4c58; }
	a.btn									{ display:inline-block;height:33px;margin:0 2px;padding:0 8px;text-align:center;line-height:33px;color:#a4a6aa;font-weight:bold;background:#545765;border:solid 1px #4a4c58; }
	a.btn2								{ display:inline-block;height:33px;margin:0 2px;padding:0 8px;text-align:center;line-height:33px;color:#444;font-weight:bold;background:#f6f6f6;border:solid 1px #ccc; }
.btn_area a,
.btn_area img							{ vertical-align:middle; }

.paging									{ height:50px;text-align:center; }
.paging a								{ display:inline-block;margin:4px; }
.paging strong						{ font-weight:bold;color:#FF7700; }
.paging img,
.paging a								{ vertical-align:middle; }


.cmtBox									{ padding:20px; }

.cmtForm								{ padding:9px;border:solid 1px #DDD;background:#f6f6f6; }
.cmtFomInput							{ height:35px;text-align:left;color:#666; }
.cmtFomInput input,
.cmtFomInput span,
.cmtFomInput img,
.cmtFomInput a						{ vertical-align:middle; }			
.cmtFomInput .input					{ height:18px;;padding:2px;border:solid 1px #CCC; }
.cmtFomInput .kcaptcha			{ width:auto;height:30px; }
.cmtTextarea							{ margin-bottom:5px;border:solid 1px #DDD; }

.cmtBtn									{ position:relative;height:40px; }
.btn_cmt									{ display:inline-block;width:100%;height:33px;margin:0 2px;text-align:center;line-height:33px;color:#a4a6aa;font-weight:bold;background:#545765;border:solid 1px #4a4c58; }

.commentContents					{ width:100%;margin:20px 0; }
.commentContents .cmtTitle		{ height:20px;font-weight:bold;color:#333;border-bottom:solid 2px #333; }
.commentContents div a			{ font:normal 11px 돋움;color:#888;letter-spacing:-1px; }
.commentContents .cmtIP			{ color:#999 }
.commentContents .cmtDate		{ color:#999 }

.commentContents .cmtCon		{ padding:19px 10px;border-bottom:solid 1px #DDD; }

.media_title								{ padding-bottom:20px;color:#333;font-size:24px;font-weight:bold;text-align:left; }
.media_info	 							{ position:relative;height:49px;margin-bottom:10px;color:#999;font-size:11px;border-bottom:solid 1px #ccc; }

.sns_type								{ position:absolute;right:0;top:0; }
.sns_type li							{ display:block;float:left; }
.sns_type li a							{ display:block;margin-right:-1px;padding:4px 9px;font-size:11px;color:#444;letter-spacing:-1px;border:solid 1px #ddd; }
.sns_type li img,
.sns_type li a							{ vertical-align:middle; }

.movType								{ width:100%;margin-bottom:10px;table-layout:fixed;border-collapse:collapse;border-top:solid 2px #5e6170; }
.movType td							{ color:#444;text-align:center;font-weight:bold;line-height:20px;padding-top:20px;padding-bottom:19px;border-bottom:solid 1px #ddd;vertical-align:top; }
.movType td a.mov_p				{ position:relative;display:block;width:140px;height:140px;margin:0 auto 10px auto;padding:9px;border:solid 1px #ddd;vertical-align:top; }

.movType_chk							{ width:100%;margin-bottom:10px;table-layout:fixed;border-collapse:collapse;border-top:solid 1px #ddd; }
.movType_chk td						{ color:#444;text-align:center;font-weight:bold;line-height:20px;padding-top:20px;padding-bottom:19px;vertical-align:top; }
.movType_chk td a.mov_p			{ position:relative;display:block;width:140px;height:140px;margin:0 auto 10px auto;padding:9px;border:solid 1px #ddd;vertical-align:top; }

.goodsWrap							{ position:relative;height:470px; }
.goods_img							{ float:left;width:300px;padding:9px;border:solid 1px #ddd; }
.goods_img img						{ width:300px;height:auto; }

.goods_info							{ margin-left:380px; }
.goods_info ul							{ margin-bottom:20px; }
.goods_info ul li						{ display:block;padding:12px 0 10px 10px;border-bottom:solid 1px #ccc; }
.goods_info ul li label				{ display:inline-block;width:60px;margin-right:10px;padding-left:8px;color:#444;border-right:solid 1px #ddd;background:url('/images/bullet.gif') no-repeat 0 6px; }
.goods_info ul li.title				{ font-size:16px;color:#444;font-weight:bold;border-bottom:solid 1px #5e6170; }
.goods_info ul li .input				{ padding:6px;line-height:normal;border:solid 1px #ccc; }
.goods_info ul li .control_ea		{ display:inline-block;width:28px;height:28px;text-align:center;line-height:28px;font-size:14px;color:#444;font-weight:normal;background:#f6f6f6;border:solid 1px #aaa;cursor:pointer; }

.goods_detail_title					{ display:block;height:39px;text-align:center;font-size:14px;line-height:39px;color:#a4a6aa;font-weight:bold;background:#545765;border:solid 1px #4a4c58; }
.goods_detail							{ margin-bottom:50px;padding:20px 0;text-align:center; }
.goods_detail img					{ max-width:730px; }


.order_pro								{ position:relative;height:150px; }
.order_pro_img						{ position:absolute;right:0;top:0; }


.hide										{display:none;}
.pointer									{cursor:pointer;}

.myoungjo								{ padding-bottom:10px;font-family:'Nanum Myeongjo';font-size:26px;color:#444; }

.data										{ width:100%;margin-bottom:10px;table-layout:fixed;border-collapse:collapse; }
.data th									{ height:30px;padding:0 10px;border:solid 1px #bbb;color:#444;font-weight:bold;background:#eee; }
.data td									{ height:30px;padding:0 10px;border:solid 1px #bbb; }


#p_title									{ height:45px;padding:0 10px;font-weight:bold;line-height:40px;color:#FFFFFF;background:url('/images/bg_p.gif') repeat-x; }
#p_wrap								{ margin:10px;padding:19px;border:solid 1px #CCC; }
#p_wrap ul								{ margin:0;padding:0;list-style:none; }
#p_wrap ul li							{ display:block;height:30px;font-size:11px;letter-spacing:-1px;l }
#p_wrap ul li label					{ display:inline-block;width:60px;font-weight:bold;color:#333; }
#p_wrap ul li.txt						{ height:40px;line-height:150%;color:#999; }
#p_wrap ul li .input					{ width:200px;height:13px;padding:2px;border:solid 1px #CCC; }

.banners								{height:200px;}
.banners li								{display:block;float:left;margin-right:1px;margin-bottom:1px;}
.banners li img						{width:249px;height:90px;}