@charset "euc-kr";

*    	  	{margin:0; padding:0; font-size:12px; line-height:120%; color:#666; font-family:dotum}
body		{background-color:url() repeat 0 0 #fff; margin:0; padding:0; font-size:12px; line-height:120%; color:#666; font-family:dotum}
address,cite,em	{font-style:normal;}
img			{border:0; vertical-align:top;}
.loading	{width:100%; height:100%; text-align:center; position:relative;}
.loading img    {position:absolute; left:25px; top:10px;}


.popWrap		{width:530px; height:430px; overflow:hidden; position:relative;}
.popWrap h1.logo	{display:inline-block; width:510px; background:#374873; height:45px; padding:5px 0 0 20px; margin:0 0 20px; background:url(../img/header_bg.gif) repeat-x left top;}
.popWrap .tit_area	{width:490px; padding:0 0 0 20px; overflow:hidden;}
.popWrap .tit_area p.tit	{float:left;}
.popWrap .tit_area ul.family	{width:192px; float:right; overflow:hidden;}
.popWrap .tit_area ul.family li	{float:left; margin-left:8px; display:inline;}

.popWrap .box		{width:494px; background:url(../img/box_mid.gif) repeat-y left top; overflow:hidden; margin-left:19px; margin-top:9px;}
.popWrap .box .boxTop	{width:494px; background:url(../img/box_top.gif) no-repeat left top;}
.popWrap .box .boxBtm	{width:494px; background:url(../img/box_btm.gif) no-repeat left bottom; overflow:hidden;}

p.txt_info	{margin:57px 0 0 145px;}

.noti_area		{width:428px; height:25px; background:#e6e8ec; margin-top:7px; padding-left:15px; padding-right:15px; overflow:hidden;}
.noti_area em.notice	{float:left; display:inline-block; margin-top:6px; font-size:11px; color:#5a6b96;}
.noti_area em.notice strong	{color:#5a6b96; font-size:11px;}
.noti_area em.tel		{float:right; display:inline-block; margin-top:6px; font-size:11px; color:#5a6b96;}
.noti_area em.tel strong	{color:#5a6b96; font-size:11px;}

.popFoot	{width:490px; background:url(../img/box2_mid.gif) repeat-y left top; position:absolute; left:20px; bottom:31px; display:inline; overflow:hidden; }
.popFoot .foot_top	{width:490px; background:url(../img/box2_top.gif) no-repeat left top;}
.popFoot .foot_top .foot_btm	{width:469px; background:url(../img/box2_btm.gif) no-repeat left bottom; padding:11px 0 11px 21px;}
.popFoot .foot_top .foot_btm ul li			{font-size:0;}
.popFoot .foot_top .foot_btm ul li.st01 a img	{vertical-align:bottom;}
.popFoot .foot_top .foot_btm ul li.st01 img	{vertical-align:bottom; margin-right:5px;}

.popWrap p.btn		{margin-top:6px; text-align:center;}

.service_error		{margin:19px 21px 21px 21px; width:448px; overflow:hidden;}
.service_error .error01	{width:448px; background:url(../img/error_line.gif) no-repeat left bottom; padding-bottom:7px; margin-bottom:8px;}
.service_error dl dt	{margin-bottom:6px;}
.service_error dl dd	{background:url(../img/error_arrow.gif) no-repeat 13px 2px; padding-left:28px; color:#374873; line-height:20px;}


.paymentPop		{width:560px; min-height:633px; overflow:hidden;}
.paymentPop .titArea	{width:560px; height:55px; overflow:hidden; position:relative; background:url(../img/titArea_bg.gif) no-repeat left top;}
.paymentPop .titArea a.logo	{position:absolute; left:25px; top:7px;}
.paymentPop .titArea span.txtArea	{display:inline-block; margin:23px 0 0 132px; color:#c8c8c8; font-weight:bold; font-size:12px;}
.paymentPop .titArea span.txtArea em.point	{color:#e4e4e4; font-size:16px; font-weight:bold;}
.paymentPop .contenBox	{width:560px; background:url(../img/contenBox_bg.gif) no-repeat left bottom; overflow:hidden;}
.paymentPop .contenBox .grayBox	{margin:15px 0 0 17px; width:526px; background:url(../img/grayBox_mid.gif) repeat-y left top; overflow:hidden;}
.paymentPop .contenBox .grayBox .grayBox_top	{width:526px; background:url(../img/grayBox_top.gif) no-repeat left top; overflow:hidden;}
.paymentPop .contenBox .grayBox .grayBox_btm	{width:476px; background:url(../img/grayBox_btm.gif) no-repeat left bottom; overflow:hidden; padding:24px 25px 25px 25px; line-height:16px; color:#595959;}
.paymentPop .contenBox .grayBox .grayBox_btm em.point	{color:#e5482b; font-weight:bold;}
.paymentPop .contenBox .payInfo	{margin:30px 0 0 17px; border:2px solid #cacaca; width:522px; overflow:hidden; padding-bottom:12px;}
.paymentPop .contenBox .payInfo p.payTitle		{height:20px; padding-top:7px;text-align:center; border-bottom:1px solid #c7c7c7; background:#e7e7e7; font-weight:bold;}
.paymentPop .contenBox .payInfo .payDev			{margin:13px 0 0 44px; width:400px; overflow:hidden;}
.paymentPop .contenBox .payInfo .payDev dl		{width:400px; overflow:hidden; margin-bottom:4px;}
.paymentPop .contenBox .payInfo .payDev dl dt	{float:left; width:105px; display:inline;}
.paymentPop .contenBox .payInfo .payDev dl dd	{float:left; width:295px; display:inline;}
.paymentPop .contenBox .payInfo .payDev dl dd input	{float:left; border:1px solid #ccc; height:18px; line-height:18px; padding-left:7px; width:132px;}
.paymentPop .contenBox .payInfo .payDev dl dd input.it1	{width:234px;}
.paymentPop .contenBox .payInfo .payDev dl dd input.it2	{width:82px;}
.paymentPop .contenBox .payInfo .payDev dl dd input.it3	{width:184px;}
.paymentPop .contenBox .payInfo .payDev dl dd select	{width:183px; color:#666; border:1px solid #ccc; line-height:20px;}
.paymentPop .contenBox .payInfo .payDev dl dd img	{float:left;}
.paymentPop .contenBox .btnSet				{padding-top:20px; text-align:center; padding-bottom:27px;}