@charset "utf-8";

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

/* layout */

/* 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; }

/* Document */
#document{ width:100%; min-width:1246px; margin:0 auto; position:relative; }

	/* Header */
	#header{ width:100%; min-width:1246px; margin:0 auto; position:relative; z-index:1000; background:url(/img/header-bg.png) repeat-x center top; height:140px; }
	#header .inLay{ position:relative; width:1016px; margin:0 auto; }

		/* Logo */
		.logo{ position:absolute; left:59px; top:30px; z-index:1000; }
		/* // Logo */

		/* Top */
		#top{ position:relative; width:100%; margin:0 auto; }

			/* Top Link */
			#top ul.navi{ padding:12px 140px 0 0; text-align:right; }
			#top ul li{ display:inline; background:url(/img/top-navi-line.gif) no-repeat right 2px; padding-right:10px; padding-left:8px; }
			#top ul.navi li.last{ background:none; }
			#top ul li a { font-family:'noto sans'; font-weight:bold; font-size:12px; color:#989898; }
			#top ul li a:hover { color:#00a1e9; }

			#top ul.ins_g{ position:absolute; right:27px; top:0; background:none;  }
			#top ul.ins_g li{ background:none; }
			#top ul.fb{ position:absolute; right:56px; top:0; background:none; margin-right:5px;  }
			#top ul.fb li{ background:none; }
			#top ul.nb{ position:absolute; right:85px; top:0; background:none; margin-right:10px; }
			#top ul.nb li{ background:none; }
			/* // Top Link */

		/* // Top */

		/* Menu */
		.menu{ position:absolute; left:246px; top:48px; z-index:999; }
			.m-menu{  }
				.m-menu-ul{ left:0; top:0; position:absolute; width:770px; }
				.m-menu-ul li{ float:left; }
				.m-menu-ul li ul{ display:none; width:124px; position:absolute; top:50px; background:url(/img/m-menu-arr.gif) no-repeat center top; padding-top:9px; }
				.m-menu-ul li ul li{ text-align:center; float:none; line-height:30px; }
				.m-menu-ul li ul li a:link, .m-menu-ul li ul li a:visited{ display:block; color:#fff; font-size:13px; line-height:30px; background:url(/img/menu-bg-off.png) no-repeat; }
				.m-menu-ul li ul li a:hover, .m-menu-ul li ul li a:active{ background:url(/img/menu-bg-on.png) no-repeat; }

				.m-menu-ul li ul li.first a:link, .m-menu-ul li ul li.first a:visited{ line-height:32px; background:url(/img/menu-bg-first-off.png) no-repeat; }
				.m-menu-ul li ul li.first a:hover, .m-menu-ul li ul li.first a:active{ background:url(/img/menu-bg-first-on.png) no-repeat; }

				.m-menu-ul li ul li.last a:link, .m-menu-ul li ul li.last a:visited{ line-height:32px; background:url(/img/menu-bg-last-off.png) no-repeat; }
				.m-menu-ul li ul li.last a:hover, .m-menu-ul li ul li.last a:active{ background:url(/img/menu-bg-last-on.png) no-repeat; }
				#mMenu1{ left:18px; }
				#mMenu2{ left:148px; }
				#mMenu3{ left:276px; }
				#mMenu4{ left:404px; }
				#mMenu5{ left:510px; }
				#mMenu6{ left:618px; }
		/* // Menu */

	/* // Header */



	/* Footer */
	#footer{ position:relative; left:0; top:309px; width:100%; min-width:1246px; margin:0 auto; z-index:999;background:url(/img/footer-bg.png) repeat-x center top; padding-top:124px; }
	#footer .inLay{ background:#30abd7; }
	#footer .inner{ position:relative; width:1016px; height:130px; margin:0 auto; }

	#footer .logo { position:absolute; left:38px; top:17px; }
	#footer .info { position:absolute; left:0; top:0; height:100px; }
	#footer ul{ padding:22px 0 0 257px; }
	#footer ul li{ display:inline; }
	#footer ul li span{ font-size:13px; line-height:20px; color:#fff; padding:0 8px; }
	#footer ul li a:link, #footer ul li a:visited{ font-size:13px; line-height:20px; color:#fff; }

	#footer address{ padding:10px 0 0 257px; font-size:13px; line-height:20px; color:#fff;}
	/* // Footer */

/* // Document */

table{border-collapse:collapse;border-spacing:0;}
.ofh { overflow:hidden; }
.fl { float:left !important; }
.fr { float:right !important; }
.cl { clear:both; }

.vm { vertical-align:middle !important; }
.vt { vertical-align:top !important; }
.vb { vertical-align:bottom !important; }

.tl { text-align:left !important; }
.tc { text-align:center !important; }
.tr { text-align:right !important; }

.red { color:#cf2240 !important; }

.m0 { margin:0 !important;}
.mt1 { margin-top:1px !important;}
.mt2 { margin-top:2px !important;}
.mt3 { margin-top:3px !important;}
.mt4 { margin-top:4px !important;}
.mt5 { margin-top:5px !important;}
.mt6 { margin-top:6px !important;}
.mt7 { margin-top:7px !important;}
.mt8 { margin-top:8px !important;}
.mt9 { margin-top:9px !important;}
.mt10 { margin-top:10px !important;}
.mt11 { margin-top:11px !important;}
.mt12 { margin-top:12px !important;}
.mt13 { margin-top:15px !important;}
.mt15 { margin-top:15px !important;}
.mt17 { margin-top:17px !important;}
.mt18 { margin-top:18px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}

.f18 { font-size:18px; }

.blue { color:#3ab7ef; }
.spage { line-height:24px; font-size:15px; letter-spacing:-0.5pt; }
.spage p { line-height:24px; font-size:15px; margin:20px 0 0 0; }

.s1_1 h3 { font-size:30px; font-weight:normal; text-align:center; margin:20px 0 0 0; font-family: 'Noto Sans';}
.s1_1 h4 { font-size:28px; font-weight:700; text-align:center; font-family: 'Noto Sans'; }
.s1_1 .div1 { overflow:hidden; margin:70px 0 0 0; }
.s1_1 .div1 dt { float:left; width:165px; margin:0 32px 0 0; }
.s1_1 .div1 dd { float:left; width:700px; }

.s1_1 .div2 { overflow:hidden; margin:70px 0 0 0; }
.s1_1 .div2 dt { float:right; width:465px; }
.s1_1 .div2 dd { float:left; width:450px; margin:0 20px 0 0; }

.s1_1 .div3 { overflow:hidden; margin:70px 0 0 0; }
.s1_1 .div3 dt { float:left; width:465px; margin:0 20px 0 0; }
.s1_1 .div3 dd { float:right; width:460px; }

.s1_2 .div1 { text-align:center; margin:47px 0 0 0; background:#f6f6f6; height:106px; padding:60px 0 0 0; font-size:22px; line-height:28px; }
.s1_2 .div2 { overflow:hidden; margin:70px 0 0 0; }
.s1_2 .div2 dt { float:right; width:465px; }
.s1_2 .div2 dd { float:left; width:460px; margin:0 20px 0 0; }
.s1_2 .div2 .t1 { font-size:22px; font-weight:bold; }
.s1_2 .div2 .t2 { font-size:30px; font-weight:bold; color:#3ab7ef; }
.s1_2 .div2.line { border-bottom:1px solid #d3d3d3; padding-bottom:30px; margin-bottom:30px; }
.s1_2 .div3 { overflow:hidden; margin:70px 0 0 0; }
.s1_2 .div3 dt { float:left; width:465px; margin:0 20px 0 0; }
.s1_2 .div3 dd { float:right; width:460px; }
.s1_2 .div3.line { border-bottom:1px solid #d3d3d3; padding-bottom:40px; margin-bottom:40px; }
.s1_2 .div4 { text-align:center; font-size:22px; line-height:30px; }

.s1_3 .div1 { font-size:35px; font-weight:normal; text-align:center; margin:20px 0 0 0; font-family: 'Noto Sans'; }
.s1_3 .div2 { overflow:hidden; margin:30px 0 0 0; }
.s1_3 .div2 dt { float:left; width:465px; margin:0 20px 0 0; }
.s1_3 .div2 dd { float:right; width:460px; margin:40px 0 0 0;}
.s1_3 .div3 { overflow:hidden; margin:30px 0 0 0; }
.s1_3 .div3 dt { float:right; width:465px; margin:0 0 0 0; }
.s1_3 .div3 dd { float:left; width:460px; margin:40px 0 20px 0;}
.s1_3 .line { margin:40px 0; border-top:1px solid #d3d3d3;}
.s1_3 .div4 ul { overflow:hidden; margin:40px 0 0 0;}
.s1_3 .div4 li { float:left; width:315px; margin:0 7px 0 0;}
.s1_3 .div4 li:last-child { margin:0; }
.s1_3 .div4 .t1 { margin:25px 0 8px 0; font-weight:bold; color:#3ab7ef; }
.s1_3 .div4 .t2 { line-height:24px; }

.s1_5 .div1 { font-size:35px; font-weight:normal; text-align:center; margin:20px 0 0 0; font-family: 'Noto Sans'; }
.s1_5 ul { overflow:hidden; margin:22px 0;}
.s1_5 li { float:left; width:30%; padding:15px; border-right:1px solid #d3d3d3; }
.s1_5 li:last-child { border-right:0; }
.s1_5 li div { margin:10px 0 0 0; line-height:22px; }

.s3_2 .div1 { font-size:35px; font-weight:normal; text-align:center; margin:20px 0 0 0; font-family: 'Noto Sans'; }
.s3_2 ul { overflow:hidden; margin:30px 0; }
.s3_2 li { float:left; width:311px; height:393px; background:url(../img/s3_2-libg.png) no-repeat left top; margin:0 14px 27px 0;}
.s3_2 li.last { width:300px; margin-right:0;}
.s3_2 li .tit { overflow:hidden; font-weight:bold; color:#fff; padding:26px 0 0 22px; }
.s3_2 li .tit .n { float:left; font-size:36px; width:60px; }
.s3_2 li .tit .t { float:left; font-size:16px; width:220px; line-height:22px; }
.s3_2 li .img { width:299px; height:110px; margin:20px 0 0 1px; }
.s3_2 li .b1 { background:url(../img/s3_2-1.png) no-repeat left top; }
.s3_2 li .b2 { background:url(../img/s3_2-2.png) no-repeat left top; }
.s3_2 li .b3 { background:url(../img/s3_2-3.png) no-repeat left top; }
.s3_2 li .b4 { background:url(../img/s3_2-4.png) no-repeat left top; }
.s3_2 li .b5 { background:url(../img/s3_2-5.png) no-repeat left top; }
.s3_2 li .b6 { background:url(../img/s3_2-6.png) no-repeat left top; }
.s3_2 li .txt { padding:15px 27px 15px 15px; line-height:20px; }
.s3_2 li.last .tit { overflow:hidden; font-weight:bold; color:#fff; padding:15px 0 0 22px; }
.s3_2 li.last .t { float:left; font-size:16px; width:220px; line-height:22px; padding-top:10px; }
.s3_2 li.last.l2 .tit { overflow:hidden; font-weight:bold; color:#fff; padding:15px 0 0 22px; }
.s3_2 li.last .tit .n { float:left; font-size:36px; width:60px; padding-top:10px; }
.s3_2 li.last .tit .t { float:left; font-size:16px; width:200px; line-height:22px; }
.s3_2 li.last.l2 .img { width:299px; height:110px; margin:9px 0 0 1px; }

.s3_3 .div1 { font-size:35px; font-weight:normal; text-align:center; margin:20px 0 0 0; font-family: 'Noto Sans'; }
.s3_3 .div2 { position:relative; width:851px; height:657px; background:url(../img/s3_3-2.png) no-repeat left top; margin:0 auto; }

.s3_3 ul { margin:40px 0 0 0; }
.s3_3 li .tit { overflow:hidden; font-weight:bold; color:#fff; padding:13px 0 0 22px; }
.s3_3 li .tit .n { float:left; font-size:28px; width:50px; padding-top:15px; font-weight:700; }
.s3_3 li .tit .t { float:left; font-size:14px; width:200px; line-height:22px; font-weight:700; }
.s3_3 li.L1 .tit .t span { display:block; font-size:12px; color:#bfebff; }
.s3_3 li.L2 .tit .t span { display:block; font-size:12px; color:#ffbfa9; }
.s3_3 li .txt { padding:30px 27px 15px 15px; line-height:22px; }
.s3_3 li.L1 { position:absolute; top:0; left:289px; }
.s3_3 li.L2 { position:absolute; top:218px; right:0; }
.s3_3 li.L3 { position:absolute; top:452px; left:289px; }
.s3_3 li.L4 { position:absolute; top:218px; left:0; }
.s3_3 li.L4 .txt span { color:#7a8800; font-weight:bold; }
.s3_3 .ct { position:absolute; top:53%; left:42.5%; font-weight:700; font-size:24px; text-align:center; }
.s3_3 .ct span { font-weight:bold; color:#3ab7ef; }

.s3_4 .div1 { font-size:26px; font-weight:normal; text-align:center; margin:20px 0 0 0; font-family: 'Noto Sans'; }

.s3_4 .link { overflow:hidden; margin:30px 0 0 0;}
.s3_4 .link li { float:left; width:152px; height:83px; padding-left:88px; }
.s3_4 .link li.b1 { background:url(../img/s3_4-1.png) no-repeat left top; }
.s3_4 .link li.b2 { background:url(../img/s3_4-2.png) no-repeat left top; }
.s3_4 .link li.b3 { background:url(../img/s3_4-3.png) no-repeat left top; }
.s3_4 .link li.b4 { background:url(../img/s3_4-4.png) no-repeat left top; }
.s3_4 .link a { color:#fff; display:inline-block; font-weight:bold; margin:30px 0 0 0; }

.s3_4 .div2 { position:relative; width:960px; height:130px; background:url(../img/s3_4-5_re.png) no-repeat left top; margin:90px 0 0 0;}
.s3_4 .div2 .dl1 { position:absolute; top:44px; left:141px; }
.s3_4 .div2 .dl1 dt { color:#3f3f3f; font-size:24px; font-weight:bold; }
.s3_4 .div2 .dl1 dd { font-size:14px; line-height:22px; margin:10px 0 0 0; }
.s3_4 .div2 .tel { position:absolute; top:177px; left:262px; font-size:34px; font-weight:bold; color:#f97ca1; }
.s3_4 .div2 .qna { position:absolute; top:218px; left:266px; background:#f97ca1; color:#fff; padding:5px 10px; font-size:12px; }
.s3_4 .div2 .dl2 { position:absolute; top:177px; left:549px; }
.s3_4 .div2 .dl2 dt { font-size:22px; font-weight:bold; color:#3ab7ef; margin:0 0 10px 0;}
.s3_4 .div2 .txt { position:absolute; top:295px; left:167px; line-height:22px; }
.s3_4 table { width:100%; border-top:1px solid #000; border-bottom:1px solid #ccc; }
.s3_4 th { border-bottom:1px solid #ccc; padding:10px; font-weight:bold; }
.s3_4 td { padding:10px; line-height:22px; }
.s3_4 h3 { font-size:20px; font-weight:bold; }
.s3_4 .div3 { position:relative; height:282px; background:url(../img/s3_4-6.png) no-repeat left top; margin:20px 0 0
0;}
.s3_4 .div3 .process { position:absolute; top:87px; left:121px; overflow:hidden; font-size:16px; color:#fff; }
.s3_4 .div3 .process li { float:left; width:134px; text-align:center; margin:0 37px 0 0; font-weight:bold; }

.s3_4 .div3 .link2 { overflow:hidden; position:absolute; top:182px; left:105px;}
.s3_4 .div3 .link2 li { float:left; margin:0 40px 5px 0;}
.s3_4 .div3 .link2 li:last-child { margin:0; }

.s3_4 .div4  { overflow:hidden; margin:20px 0 0 0; height:244px; background:url(../img/s3_4-7.png) no-repeat left top;}
.s3_4 .div4 p { padding-left:407px; }
.s3_4 .div4 .f18 { font-size:18px; font-weight:bold; }

.s3_4 .div5 { position:relative; width:960px; height:749px; background:url(../img/s3_4-8.png) no-repeat left top; margin:90px 0 0 0;}
.s3_4 .div5 .dl1 { position:absolute; top:24px; left:141px; }
.s3_4 .div5 .dl1 dt { color:#3f3f3f; font-size:24px; font-weight:bold; }
.s3_4 .div5 .dl1 dd { font-size:14px; line-height:22px; margin:10px 0 0 0; }
.s3_4 .div5 .t1 { position:absolute; top:174px; left:426px; }
.s3_4 .div5 .t2 { position:absolute; top:241px; left:614px; }
.s3_4 .div5 .t3 { position:absolute; top:328px; left:670px; }
.s3_4 .div5 .t4 { position:absolute; top:435px; left:665px; }
.s3_4 .div5 .t5 { position:absolute; top:517px; left:620px; }
.s3_4 .div5 .t6 { position:absolute; top:603px; left:425px; }
.s3_4 .div5 .t7 { position:absolute; top:528px; left:218px; }
.s3_4 .div5 .t8 { position:absolute; top:422px; left:149px; }
.s3_4 .div5 .t9 { position:absolute; top:328px; left:151px; }
.s3_4 .div5 .t10 { position:absolute; top:239px; left:229px; }
.s3_4 .div5 ul li { font-weight:bold; font-size:13px; }

.s3_4 .div6 { position:relative; width:960px; height:452px; background:url(../img/s3_4-9.png) no-repeat left top; margin:90px 0 0 0;}
.s3_4 .div6 .dl1 { position:absolute; top:24px; left:141px; }
.s3_4 .div6 .dl1 dt { color:#3f3f3f; font-size:24px; font-weight:bold; }
.s3_4 .div6 .dl1 dd { font-size:14px; line-height:22px; margin:10px 0 0 0; }
.s3_4 .div6 ul { overflow:hidden; padding:146px 0 0 0; margin:0 0 0 20px; }
.s3_4 .div6 li { float:left; width:259px; padding-top:204px; color:#fff; margin:0 63px 0 0;}
.s3_4 .div6 li:last-child { margin:0;}
.s3_4 .div6 li .t { padding:0 15px; font-size:16px; font-weight:bold; }
.s3_4 .div6 li .x { padding:10px 15px 25px 15px; font-size:12px; line-height:16px; }
.s3_4 .div6 .L1 { background:#6a6a6a url(../img/s3_4-10.png) no-repeat left top; }
.s3_4 .div6 .L2 { background:#6a6a6a url(../img/s3_4-11.png) no-repeat left top; }
.s3_4 .div6 .L3 { background:#6a6a6a url(../img/s3_4-12.png) no-repeat left top; }

.s3_4 .div7 { position:relative; width:960px; height:345px; background:url(../img/s3_4-15.png) no-repeat left top; margin:90px 0 0 0;}
.s3_4 .div7 .dl1 { position:absolute; top:24px; left:141px; }
.s3_4 .div7 .dl1 dt { color:#3f3f3f; font-size:24px; font-weight:bold; }
.s3_4 .div7 .dl1 dd { font-size:14px; line-height:22px; margin:10px 0 0 0; }
.s3_4 .div7 ul { overflow:hidden; padding:146px 0 0 0; margin:0 0 0 20px; }
.s3_4 .div7 li { float:left; width:450px; height:195px; margin:0 21px 0 0; border:1px solid #aeaeae;}
.s3_4 .div7 li:last-child { margin:0;}
.s3_4 .div7 li .t { padding:45px 15px 0 236px; font-size:16px; font-weight:bold; }
.s3_4 .div7 li .x { padding:20px 15px 0 236px; font-size:14px; line-height:18px; }
.s3_4 .div7 .L1 { background:#fff url(../img/s3_4-13.png) no-repeat left top; }
.s3_4 .div7 .L2 { background:#fff url(../img/s3_4-14.png) no-repeat left top; }

.list_th { position:relative; }
.popup_password { position:absolute; top:-15px; left:250px; background:#fff; padding:20px; border:3px solid #ddd; }

.re_name { color:red; font-weight:bold; }
.re_name2 { color:blue; font-weight:bold; }
.re_txt { padding:10px 0; }

.main_popup { position:absolute; background:#fff;  }
.popup { padding:0; border:1px solid #ddd; }
.popup .pops_footer { background:#000; padding:5px; height:25px;}
.popup .pops_footer .button1 {float:left; cursor:pointer; margin:0; background:none; border:0; font-weight:bold; color:#fff; padding:0 20px; height:24px; line-height:24px; text-align:center; -webkit-border-radius:4px; border-radius:4px; vertical-align:middle; font-size:12px; font-family:'맑은 고딕','nanumgothic'; background:#555; }
.popup .pops_footer .button2 {float:right; cursor:pointer; margin:0; background:none; border:0; font-weight:bold; color:#fff; padding:0 20px; height:24px; line-height:24px; text-align:center; -webkit-border-radius:4px; border-radius:4px; vertical-align:middle; font-size:12px; font-family:'맑은 고딕','nanumgothic'; background:#555; }