@charset "utf-8";

/*
l IE, 파폭, 오페라, 사파리, 크롬등에서 디버깅이 완료
==============================================================
l 퍼블리싱팀 김성엽배상
==============================================================
*/

/* layout */
@import url("../css/font.css");

/* base */
html, body{ margin:0; padding:0; height:100%; font-family:"Dotum"; }

body{ font:13px/normal "Nanum Gothic", "나눔고딕", "돋움", "Dotum", "Tahoma"; color:#676767; margin:0 auto; padding:0; background:url(/img/m-bg-body.gif) repeat; }

/* Document */
	/* Visual */
	#visual{ width:100%; min-width:1246px; height:650px; margin:0 auto; position:absolute; left:0; top:0; z-index:100; }
			.item{ position:relative; }

			/* Main Visual Button */
			.visualBtnArr{ position:absolute; left:0; top:0; width:100%; min-width:1246px; margin:0 auto; z-index:100; }
			.visualBtnArr ul{ position:relative; top:252px; width:1016px; margin:0 auto; }
			.visualBtnArr ul li{ position:absolute; top:0; }
			.visualBtnArr ul li.visualBtnArrPrev{ left:-38px; }
			.visualBtnArr ul li.visualBtnArrNext{ right:-4px; }
			.visualBtnArr ul li img{ cursor:pointer; }
			/* Main Visual Button */

			/* Main Visual List */
			.owl-carousel{ position:relative; z-index:99; width:100%; min-width:1246px; height:650px; margin:0 auto; }
			.owl-carousel li{ width:100%; min-width:1246px; height:650px; margin:0 auto; overflow:hidden; background-repeat:repeat-x; background-position:center top; }
			.owl-carousel li p{ width:100%; min-width:1246px; height:650px; margin:0 auto; overflow:hidden; background-repeat:no-repeat; background-position:center top; }
			.owl-carousel li p a:link, .owl-carousel li p a:visited{ display:block; padding-top:650px; width:1016px; margin:0 auto; }
			/* // Main Visual List */

	/* // Visual */



	/* Warpper */
	#warp{ position:relative; left:0; top:309px; width:1016px; margin:0 auto; z-index:999; }

			/* Main Contents Header */
			.m-cont-head{ background:url(/img/m-cont-head-bg.png) no-repeat; padding:17px 0 0 15px;; height:261px; }

				/* Main Contents Button */
				.m-cont-head-btn-1{ float:left; width:231px; height:241px; margin-right:16px;  position:relative;}
					.m-cont-head-btn-1 li{  }
					.m-cont-head-btn-1-1 { position:absolute; left:47px; top:197px; }
					.m-cont-head-btn-1-2 { position:absolute; left:128px; top:197px; }

				.m-cont-head-btn-2{ float:left; width:490px; height:241px; margin-right:15px; }
					.m-cont-head-btn-2 li{  }
				/* // Main Contents Button */

				/* Main Contents SMS */
				.m-cont-head-sms{ float:left; width:235px; height:241px; background:url(/img/m-cont-head-sms-bg.gif) no-repeat; }
				.m-cont-head-sms p.tit{ padding:20px 0 13px 17px; }

				.m-cont-head-sms dl{ float:left; width:140px; padding:0 0 0 18px; }
				.m-cont-head-sms dl dt{ position:absolute; padding:7px 0 0 12px; font-size:13px; color:#545454; }
				.m-cont-head-sms dl dd{ padding:2px 0 0 0; height:31px; }
				.m-cont-head-sms dl dd input{ border:none; background:#fff; width:117px; height:26px; padding-left:14px; }

				.m-cont-head-sms ul{ float:left; width:60px; height:76px; }
				.m-cont-head-sms ul li{  }

				.m-cont-head-sms p.agree{ clear:both; height:20px; font-size:13px; line-height:20px; color:#fff; padding:0 0 20px 17px; }

				.m-cont-head-sms p.foot{  }
				/* // Main Contents SMS */

			/* // Main Contents Header */



			/* Main Contents Best */
			.m-cont-best{ background:url(/img/m-cont-best-bg.png) no-repeat; margin-left:15px; height:159px; position:relative; z-index:999; }

				.m-cont-best .tit{ position:absolute; left:0; top:0; z-index:999; }

				.m-cont-best .obj{  }
					.m-cont-best .prev{ position:absolute; left:16px; top:58px; cursor:pointer; z-index:999; }

					.m-cont-best .sceen{ position:relative; width:932px; height:110px; margin:0 auto; padding-top:15px; overflow:hidden; z-index:990; }
					.m-cont-best .sceen ul{  }
					.m-cont-best .sceen ul li{ position:relative; float:left; width:157px; height:110px; text-align:center; background:url(/img/m-cont-best-line.gif) no-repeat right 25px; }
					.m-cont-best .sceen ul li p{ position:absolute; left:22px; top:8px; background:#ff0000; }

					.m-cont-best .next{ position:absolute; right:24px; top:58px; cursor:pointer; z-index:999; }
			/* // Main Contents Best */



			/* Container */
			#container{ width:100%; height:154px; position:relative; margin-top:16px; }
				/* Main Contents Counsel */
				.m-cont-counsel{ position:absolute; left:15px; top:0; background:url(/img/m-cont-counsel-bg.png) no-repeat; width:236px; height:154px; }
					.m-cont-counsel p.tit{ padding:23px 0 0 18px; background:url(/img/m-cont-brd-more.gif) no-repeat 208px 26px; }
					.m-cont-counsel p.tit a:link, .m-cont-counsel p.tit a:visited{ display:block; }

					.m-cont-counsel ul{ padding:18px 0 0 18px; }
					.m-cont-counsel ul li{ position:relative; background:url(/img/m-cont-brd-ico.gif) no-repeat left 8px; }
					.m-cont-counsel ul li em{ display:block; padding-left:7px;  width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
					.m-cont-counsel ul li span{ position:absolute; right:19px; top:0; font-size:13px; line-height:24px; color:#8f8f8f; }

					.m-cont-counsel ul li a:link, .m-cont-counsel ul li a:visited{ font-size:13px; line-height:24px; color:#737373; }
					.m-cont-counsel ul li a:hover, .m-cont-counsel ul li a:active{ color:#3896f0; }
				/* // Main Contents Counsel */

				/* Main Contents Partner */
				.m-cont-part{ position:absolute; left:265px; top:0; background:url(/img/m-cont-part-bg.png) no-repeat; width:492px; height:154px; }
					.m-cont-part p.tit{ padding:16px 0 0 21px; }

					.m-cont-part ul{ padding:26px 0 0 21px }
					.m-cont-part ul li{ display:inline; }
				/* // Main Contents Partner */

				/* Main Contents News */
				.m-cont-news{ position:absolute; right:10px; top:0; background:url(/img/m-cont-news-bg.png) no-repeat; width:236px; height:154px; }
					.m-cont-news p.tit{ padding:23px 0 0 18px; background:url(/img/m-cont-brd-more.gif) no-repeat 208px 26px; }
					.m-cont-news p.tit a:link, .m-cont-news p.tit a:visited{ display:block; }

					.m-cont-news ul{ padding:18px 0 0 18px; }
					.m-cont-news ul li{ position:relative; background:url(/img/m-cont-brd-ico.gif) no-repeat left 8px; }
					.m-cont-news ul li em{ display:block; padding-left:7px; width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
					.m-cont-news ul li span{ position:absolute; right:19px; top:0; font-size:13px; line-height:24px; color:#8f8f8f; }

					.m-cont-news ul li a:link, .m-cont-news ul li a:visited{ font-size:13px; line-height:24px; color:#737373; }
					.m-cont-news ul li a:hover, .m-cont-news ul li a:active{ color:#f256a3; }
				/* // Main Contents News */
		/* Container */

	/* //Warpper */

	/* Quick */
	#quick{ position:absolute; left:0; top:0; width:100%; min-width:1246px; margin:0 auto; }
	#quick .inLay{ position:relative; left:0; top:0; width:1016px; margin:0 auto; }
	#quickObj{ position:absolute; right:-115px; top:450px; z-index:9999; }

	#slides { position:relative; overflow:hidden; border-bottom:1px solid #e1e1e1;}
	#slides .slides_container { position:relative; position:absolute; top:0; left:50%; margin-left:-1275px; width:2560px; height:650px;}
	#slides .slides_container img { height:650px; display:block; }
	#slides .prev { position:absolute; top:45%; left:10%; display:block; z-index:101; }
	#slides .next { position:absolute; top:45%; right:10%; display:block; z-index:101; }
	#slides .pagination { position:absolute; bottom:23px; left:50%; margin-left:-450px; width:100px; z-index:500; display:block; }
	#slides .pagination li { float:left; margin:0 1px; list-style:none; }
	#slides .pagination li a { display:block; width:12px; height:0; max-height:12px; _height:12px; padding-top:12px; background-image:url('img/pagination.png'); background-position:0 0; float:left;	overflow:hidden; }
	#slides .pagination li.current a { background-position:0 -12px; }

	.custom-container .carousel { float:left; margin:10px 0 0 30px; position:relative; visibility:hidden; }
	.custom-container .carousel>ul>li {  position:relative;}
	.custom-container .carousel>ul>li .img { width:125px; height:118px; vertical-align:middle; padding:10px 15px; border-right:1px solid #eee; cursor:pointer;}
	.custom-container .carousel>ul>li .s { position:absolute; top:20px; left:17px; width:20px; }
	.custom-container a.prev, a.next, a.go { display: block; width:26px; height:30px; float:left; }
	.custom-container a.prev { margin:10px -5px 0 0; text-indent: 7px; }
	.custom-container a.next { margin:-50px 0 0 -5px; text-indent: 10px; }