@charset "utf-8";

/* -----------------------------------
	@폰트
------------------------------------- */
	@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
	@import url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
	html, body,
	h1, h2, h3, h4, h5, h6,
	dl, dt, dd,
	ul, ol, li,
	iframe, a, img, embed, hgroup,
	form, fieldset, label, input, textarea, select, button,
	table, caption, tbody, thead, tfoot, tr, th, td{font-family:'NanumSquare',gulim,Tahoma,Arial,Sans-serif; font-size:13px;}
	/* .naF_sq{font-family:'NanumSquare',Sans-serif;} */


/* -----------------------------------
	@기본설정
------------------------------------- */
	html, body,
	h1, h2, h3, h4, h5, h6,
	dl, dt, dd,
	iframe, a, img, embed, hgroup,
	form, fieldset, label, input, 
	table, caption, tbody, thead, tfoot, tr, th, td{margin:0; padding:0;}
	img{border:0;}
	a{text-decoration:none;}
	button{cursor:pointer; border:0;}
	:focus{}
	input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset; -webkit-text-fill-color:#000;} /*크롬 input 자동배경컬러 제거*/
	input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;}
	*,
	:after,
	:before{
		-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	}


/* -----------------------------------
	@탑영역
------------------------------------- */
	.menualTop{position:fixed; top:0; left:0; width:100%; background-color:#333; border-bottom:4px solid #007bd3; z-index:10;}
	.menualTop_wrap0{position:relative; margin:0 auto; width:1200px; height:100px;}
	.menualTop_wrap0 .logo{position:absolute; top:18px; left:0;}
	.menualTop_wrap0 .logo a{padding-left:10px; font-size:17px; color:#f6ff00; font-weight:800;}
	.menualTop_wrap0 .logo a i{vertical-align:top;}
	.menualTop_wrap0 .buycust{position:absolute; top:-39px; right:2px; width:163px; height:20px; display:none;}
	.buycust a.menual_buy{display:block; float:left; width:83px; height:20px;}
	.buycust a.menual_cust{display:block; float:left; width:80px; height:20px;}
	.menualTop_wrap0 ul{position:absolute; bottom:0; left:0; width:100%; list-style:none; margin:0; padding:0;}
	.menualTop_wrap0 ul li{float:left; width:12.4%; background-color:#007bd3;} /* 메뉴 bg 컬러 */
	.menualTop_wrap0 ul li:nth-child(1){border-radius:4px 0 0 0;}
	.menualTop_wrap0 ul li:nth-child(10){border-radius:0 4px 0 0;}
	.menualTop_wrap0 ul li a{display:block; height:40px; line-height:40px; border-left:1px solid #303645; font-size:17px; color:#fff; font-weight:700; text-align:center;}
	.menualTop_wrap0 ul li a.active{color:#fff200; font-weight:800; border-top:2px solid #fff200;}
	.menualTop_wrap0 ul li:first-child a{border-left:0;}
	.menualTop_wrap0 ul li a:hover{color:#fff200;}
	.menualTop .warning{position:absolute; top:20px; right:10px; color:#fff;}
	.menualTop .warning span{margin-right:5px; padding:4px 6px; background-color:#ff0000; font-weight:700; border-radius:4px;}
	.menualTop .warning a{margin-left:30px; color:#f6ff00;}

/* -----------------------------------
	@컨텐츠
------------------------------------- */
	.menualCon{position:relative; margin:0 auto; width:1200px; margin-top:150px;}
	.menualCon .discTitle{position:relative; padding:30px; background-color:#f0f0f0; font-size:20px; font-weight:800; text-align:center; border-radius:8px;}
	.menualCon .iconDown{position:relative; padding:25px; text-align:center;}
	.menualCon .iconDown .xi-caret-down{font-size:40px;}
	.menualCon .contenArea{margin-top:80px;}
	.menualCon .linkbtn{display:inline-block; padding:15px; background-color:#ff0000; font-size:20px; font-weight:800; color:#fff; border-radius:4px;}
	.menualCon ul{list-style:none; margin:0; padding:0;}

	.menualCon.home ul{}
	.menualCon.home ul li{float:left; width:33.33333333333333%; border-left:1px solid #333; border-bottom:1px solid #333;}
	.menualCon.home ul li:nth-child(1), .menualCon.home ul li:nth-child(2), .menualCon.home ul li:nth-child(3){border-top:1px solid #333;}
	.menualCon.home ul li:nth-child(3), .menualCon.home ul li:nth-child(6){border-right:1px solid #333;}
	.menualCon.home ul li a{display:block; height:300px; padding-top:100px; text-align:center;}
	.menualCon.home ul li:first-child a{background-color:#eee;}
	.menualCon.home ul li a:hover{background-color:#e0e0e0;}
	.menualCon.home ul li a i{font-size:50px; color:#333;}
	.menualCon.home ul li a h2{font-size:30px; margin-top:20px; color:#333; font-weight:800;}
	.menualCon.home ul li a:hover h2{color:#ff0000;}

	.menualCon.basic{position:relative; margin-bottom:100px;}
	.menualCon.basic .section{position:relative; margin-top:40px;}
	.menualCon.basic .section:first-child{margin-top:0;}
	.menualCon.basic .section h2{font-size:22px; margin-top:20px; color:#333; font-weight:800;}
	.menualCon.basic .section h2 i{vertical-align:top;}
	.menualCon.basic .section .conbox{position:relative; margin-top:15px; padding:20px; line-height:28px; border:1px solid #333; font-size:20px; overflow:hidden;}
	.menualCon.basic .section .conbox{padding:40px 0;}
	.menualCon.basic .section .conbox.type2{padding:40px;}
	.menualCon.basic .section .conbox.center{text-align:center;}	
	.menualCon.basic .section .conbox .disc1{position:relative; margin-bottom:20px;}
	.menualCon.basic .section .conbox .disc1 i{vertical-align:middle;}
	.menualCon.basic .section .conbox .disc2{float:right; font-size:14px; color:#999;}

	/* tap */
	.menualCon.theme ul.tab{overflow:hidden; padding:0 20px;}
	.menualCon.theme ul.tab li{float:left; width:20%;}
	.menualCon.theme ul.tab li a{display:block; height:40px; line-height:40px; font-size:18px; font-weight:700; color:#868585; border-bottom:1px solid #333; white-space:nowrap; text-align:center; transition:all .3s;}
	.menualCon.theme ul.tab li a:hover{background-color:#444; color:#fff;}
	.menualCon.theme ul.tab li a.selected{background-color:#444; border-bottom:0; color:#fff; font-weight:800; cursor:default;}
	/* panel */
	.menualCon.theme ul.panel{padding-top:20px; clear:both;}


	





































/*메뉴얼_홈*/
	.menual_conten_index_wrap0{position:relative; width:1024px; margin:0 auto; height:677px; background:url(../imgs/default/go_menual_main_c.png) no-repeat;}
	.menual_conten_index_wrap0 .menual_m_box{position:absolute; display:block; z-index:10;}

	.menual_conten_index_wrap0 .basic{top:0; left:0; width:325px; height:345px;}
	.menual_conten_index_wrap0 .basic:hover{background:url(../imgs/default/go_menual_main_c.png) no-repeat 0 -695px;}
	.menual_conten_index_wrap0 .main{top:0; left:327px; width:324px; height:345px;}
	.menual_conten_index_wrap0 .main:hover{background:url(../imgs/default/go_menual_main_c.png) no-repeat -327px -695px;}
	.menual_conten_index_wrap0 .sub{top:0; left:653px; width:327px; height:345px;}
	.menual_conten_index_wrap0 .sub:hover{background:url(../imgs/default/go_menual_main_c.png) no-repeat -653px -695px;}

	.menual_conten_index_wrap0 .basicFrame{top:347px; left:0; width:325px; height:206px;}
	.menual_conten_index_wrap0 .basicFrame:hover{background:url(../imgs/default/go_menual_main_c.png) no-repeat 0 -1042px;}
	.menual_conten_index_wrap0 .info{top:347px; left:327px; width:324px; height:206px;}
	.menual_conten_index_wrap0 .info:hover{background:url(../imgs/default/go_menual_main_c.png) no-repeat -327px -1042px;}
	.menual_conten_index_wrap0 .etc{top:347px; left:653px; width:327px; height:206px;}
	.menual_conten_index_wrap0 .etc:hover{background:url(../imgs/default/go_menual_main_c.png) no-repeat -653px -1042px;}

	.menual_conten_index_wrap0 .botBuy{ top:553px; left:0; width:327px; height:124px;}
	/*.menual_conten_index_wrap0 .botBuyLITE{ top:617px; left:0; width:327px; height:60px;}*/
	.menual_conten_index_wrap0 .botCust{ top:553px; left:327px; width:325px; height:124px;}
	.menual_conten_index_wrap0 .botFaq{ top:553px; left:652px; width:328px; height:124px;}

/*메뉴얼_상단이미지*/
	#menual_topimgs_wrap0{position:relative; margin:0 auto; height:82px; width:980px; z-index:9;}

/*메뉴얼_기본컨텐츠*/
	.menual_conten_wrap0{position:relative; margin:0 auto; margin-top:2px; padding:10px 30px 10px 30px; width:920px; background-color:#fff; z-index:9;}

/*메인,서브 탭그룹
.container{position:relative;}
.container ul{list-style:none; margin:0; padding:0;}
ul.tab{border-top:1px solid #161616; border-bottom:1px solid #ccc; padding:10px 0; overflow:hidden;}
ul.tab li{float:left;}
ul.tab li a{display:block; padding:0 7px; height:34px; text-decoration:none; letter-spacing:-0.02em; font-weight:bold; font-size:13px; color:#0088cc; line-height:34px; border:1px solid #fff; white-space:nowrap; text-align:center;}
ul.tab li a:hover{background-color:#eeeeee;}
ul.tab li a.selected{color:#000; border:1px solid #161616; border-bottom:0; cursor:default;}
ul.tab li a.selected:hover{background-color:#fff;}
ul.panel{clear:both; border:1px solid #161616; border-top:none;}
ul.panel li{}

*/