@charset "utf-8"; 

/* 레이아웃 */
@import url("layout.css");

/* 버튼스타일 */
@import url("button.css");

@font-face{
	font-family: "Webfont_light";
	font-style: normal;
	font-weight: 400;
	src: url("/fonts/L.woff") format("woff");
}
@font-face{
	font-family: "Webfont_medium";
	font-style: normal;
	font-weight: 700;
	src: url("/fonts/M.woff") format("woff");
}

* {margin:0; padding:0; list-style:none; text-decoration:none;}
body {font:normal 12px dotum, Tahoma, Sans-serif; color:#666;}
img {border:0;}
select, input.text {color:#666; border:1px solid #ccc; height:20px; font:normal 12px/20px dotum; vertical-align:middle;}
input.readOnly {border:1px solid #FF5757; color:#FF5757; background:#F8FAFC;}
input.chk {vertical-align:middle; width:14px; height:14px;}
button {background-color:transparent;}
.clearfix, .clear{clear: both; *zoom:1}
.clearfix:after, .clear:after{content: ""; display: block; clear: both}
a{color:#666666; text-decoration:none;}
a:link,a:visited{color:#666666; text-decoration:none;}
a:hover{color:#666666; text-decoration:none;}
a:active{color:#666666; text-decoration:none;}

.mgb10 {margin-bottom:10px !important;}
.mgb30 {margin-bottom:30px !important;}
.section_heading01 {margin-bottom:20px}
.section_heading02 {margin-bottom:11px}
.section_heading03 {margin-bottom:10px}

/* MAIN CONTENTS */
#mainContents .block1 {float:left; width:373px;}

#mainContents .block2 {float:left; width:383px; height:250px; background:url('../images/block2_bg.gif') no-repeat center center; text-align:center; }
#mainContents .block2 p {position:relative; overflow:hidden; margin:30px auto 45px auto; width:369px}
#mainContents .block2 p a {display:block; float:left; width:123px; border-left:1px solid #E5E5E5; margin-left:-1px}

#mainContents .block3 {float:left; width:373px;}

#mainContents .block4 {clear:both; border-top:1px solid #E5E5E5; padding:0 0 25px 25px;}
#mainContents .block4 dt {padding:25px 0 0 0;}
#mainContents .block4 dd {margin:15px 0 0 -24px; width:1240px; overflow:hidden;}
#mainContents .block4 dd img {vertical-align:top; margin:0 44px 0 24px;}

#mainContents .block5 {border-top:1px solid #E5E5E5; padding:25px 0 25px 25px; height:148px;}
#mainContents .block5 ul {margin:20px 0 0 0; width:1138px; overflow:hidden;}
#mainContents .block5 li {float:left; width:226px; height:49px; position:relative}
#mainContents .block5 li.o1 {background:url('../images/outflow_bg01.gif') 0 0 no-repeat;}
#mainContents .block5 li.o2 {background:url('../images/outflow_bg02.gif') 0 0 no-repeat}
#mainContents .block5 li.o3 {background:url('../images/outflow_bg03.gif') 0 0 no-repeat}
#mainContents .block5 li.o4 {background:url('../images/outflow_bg04.gif') 0 0 no-repeat}
#mainContents .block5 li.o5 {background:url('../images/outflow_bg05.gif') 0 0 no-repeat}
#mainContents .block5 li p {display:none; font:bold 30px arial, Tahoma, Sans-serif; position:absolute; left:27px; top:12px;}
#mainContents .block5 li p b {float:left; margin-left:17px;}
#mainContents .block5 li p span {width:24px; height:19px; text-indent:-999em; display:block; margin:15px 0 -15px; float:left;}
#mainContents .block5 li p span.per {width:16px; height:18px;}
#mainContents .block5 li p.down {display:block; color:#B7521F;}
#mainContents .block5 li p.down span {background:url('../images/arrow_down.gif') no-repeat; }
#mainContents .block5 li p.down span.per {background:url('../images/per_down.gif') no-repeat;}
#mainContents .block5 li p.up {display:block; color:#2C7BB4;}
#mainContents .block5 li p.up span {background:url('../images/arrow_up.gif') no-repeat;}
#mainContents .block5 li p.up span.per {background:url('../images/per_up.gif') no-repeat;}

#mainContents .notice {clear:both; text-align:left; width:313px; margin:10px 25px 30px 25px;}
#mainContents .notice dt {margin-bottom:10px;}
#mainContents .notice dd {background:url('../images/bg_dotline.gif') 0 0 repeat-x; height:24px; line-height:24px;}
#mainContents .notice dd.first {background:none; }
#mainContents .notice dd a {color:#777;}

#mainContents .go {clear:both; text-align:left; margin:20px 25px;}
#mainContents .go dt {position:relative; margin-bottom:-15px;}

#mainContents .go2 {clear:both; text-align:left; margin:20px 0 20px 40px;}
#mainContents .go2 dt {position:relative; margin-bottom:-15px;}

#mainContents .go3{clear:both; text-align:left; margin:20px 0 20px 40px;}
#mainContents .go3 dt {position:relative; margin-bottom:-15px;}

#mainContents .faq {clear:both; text-align:left; margin:10px 0 30px 40px}
#mainContents .faq dt {margin-bottom:15px;}

#slideshow {width:1240px; height:260px; border:2px solid #fff; background:#fff; z-index:99;}
#slideshow #slides {position:relative; width:1240px; height:210px; list-style:none; overflow:hidden;}
#slideshow #slides li {width:1240px; height:210px; overflow:hidden; margin-left:-14px;}
#slideshow #slides li a {display:block; float:left; margin-left:14px;}

#slideshow .pagination {width:35px; height:7px; margin:15px auto 0;}
#slideshow .pagination li {float:left; width:7px; height:7px; cursor:pointer; background:url('../images/bullet/bl_6.gif') no-repeat right top; margin:0 4px 0 0; text-indent:-999em;}
#slideshow .pagination li.current, #slideshow .pagination li:hover {background-position:left top;}


/* CONTENTS */
#contents h1 {border-bottom:2px solid #ececec; padding:13px 0;}
#contents h2 {background:url('../images/bullet/bl_2.gif') no-repeat left center; padding-left:15px; font:bold 15px dotum; color:#0B64B0; letter-spacing:-1px}
#contents h2 span {font:normal 11px dotum; color:#999999;}
#contents h3 {font:bold 11px dotum; color:#333; margin-bottom:5px;}

#contents .helpNfavorits {float:right; margin:15px 0 -15px;}
#contents .location {background:url('../images/icon/home.gif') no-repeat left top; padding-left:15px; font:normal 11px dotum; color:#aaa; margin:15px 0;}

#contents.wide .contInfo {width:100%; height:92px; background:url('../images/contentInfo_bg_wide.gif') no-repeat left top; margin-bottom:30px}
#contents .contInfo {width:100%; height:92px; background:url('../images/contentInfo_bg.gif') no-repeat left top; margin-bottom:30px; }
#contents .contInfo ul {letter-spacing:-1px;}
#contents .contInfo ul.txt_type01 {padding:40px 60px 0 120px}
#contents .contInfo ul.txt_type02 {padding:30px 60px 0 120px}
#contents .contInfo li {background:url('../images/bullet/bl.gif') no-repeat left 5px; padding-left:5px; font:normal 11px/15px dotum; margin-bottom:5px;}
#contents .contInfo li span {color:#2879B4;}

#contents.wide .logInfo01 {width:100%; height:117px; background:url('../images/logInfo_bg_wide.gif') no-repeat left top; margin-bottom:30px}
.logInfo01 {width:100%; background:url('../images/logInfo_bg.gif') no-repeat left top;}
.logInfo01 ul {padding:22px 60px 25px 120px; letter-spacing:-1px;}
.logInfo01 li {background:url('../images/bullet/bl.gif') no-repeat left 5px; padding-left:5px; font:normal 11px/15px dotum; margin-bottom:5px;}
.logInfo01 li span {color:#2879B4;}

#contents .tab {height:28px; border-bottom:2px solid #3989C3;}
#contents .tab li {height:28px; float:left; margin-right:1px;}
#contents .tab li a {background:url("../images/tab_bg.gif"); display:block;	text-align:center; color:#444; font:bold 12px/28px dotum;}
#contents .tab li a span {display:block; background:url("../images/tab_bg.gif") no-repeat right top; margin-left:2px; padding:0 25px 0 23px;}
#contents .tab li a.selected {background:url("../images/tabOn_bg.gif"); color:#fff; cursor:pointer;}
#contents .tab li a.selected span {background-image:url("../images/tabOn_bg.gif");}
#contents .panel {clear:both; border:1px solid #C5C5C5; border-top:none; margin-bottom:30px;}
#contents .panel li {padding:10px; display:none;}
#contents .panel li.selected {display:block;}
#contents .panel li a {padding:0 10px;color:#666; border-right:1px solid #DEDEDE;}
#contents .panel li a.last {border:none;}
#contents .panel li a.on {font-weight:bold; letter-spacing:-1px;}

#contents .inqTbl {font:bold 11px dotum; color:#444; border:2px solid #ced7df; background:#eef3f7; padding:10px 0; height:22px; margin-bottom:10px;}
#contents .inqTbl select {width:105px;}
#contents .inqTbl input.chk {height:20px; margin:0 3px 0 0;}
#contents .inqTbl li {float:left; padding:0 20px;}
#contents .inqTbl li.btn {float:right; padding:0 20px 0 0;}

.formTbl {width:100%; border:1px solid #E2E2E2; border-collapse:collapse; margin-bottom:10px; table-layout:fixed;}
.formTbl th {background:#f7fafd; border-bottom:1px solid #E9E9E9; font-size:11px; text-align:left; text-indent:15px; height:35px;}
.formTbl th.essential span {background:url('../images/bullet/bl_5.gif') no-repeat right center; padding-right:10px;}
.formTbl td {background:#fff; border-bottom:1px solid #E9E9E9; border-right:1px solid #E9E9E9; padding:7px 10px;}
/* .formTbl td input.text {width:100%; text-indent:10px; *margin-left:-10px;}
.formTbl td select {width:100%; *margin-left:-10px;} */
.formTbl td.attach input {width:470px;}
.formTbl td.attach p {padding-top:10px;}
.formTbl td.attach p a {display:block; float:left; line-height:16px; background:url('../images/icon/file.gif') no-repeat left top; color:#555; padding:0 10px 0 20px; font-size:11px; text-decoration:underline;}
.formTbl td.attach p button {border:0; vertical-align:bottom;}

.formTbl2 {width:100%; border:1px solid #E2E2E2; border-collapse:collapse; margin-bottom:10px; table-layout:fixed;}
.formTbl2 th {background:#f7fafd; border-bottom:1px solid #E9E9E9; border-right:1px solid #E9E9E9; font-size:11px; text-align:left; text-indent:15px; height:35px;}
.formTbl2 th.essential span {background:url('../images/bullet/bl_5.gif') no-repeat right center; padding-right:10px;}
.formTbl2 td {background:#fff; border-bottom:1px solid #E9E9E9; border-right:1px solid #E9E9E9; padding:7px 10px;}
.formTbl2 td.attach input {width:470px;}
.formTbl2 td.attach p {padding-top:10px;}
.formTbl2 td.attach p a {display:block; float:left; line-height:16px; background:url('../images/icon/file.gif') no-repeat left top; color:#555; padding:0 10px 0 20px; font-size:11px; text-decoration:underline;}
.formTbl2 td.attach p button {border:0; vertical-align:bottom;}


#contents .btnWrap {text-align:right; margin-bottom:20px;}
#contents .btnWrap .left {float:left;}
#contents .btnWrap .left button {border:0; vertical-align:middle; width:74px; height:31px; margin-right:5px; float:left;}

#contents .leftWrap {float:left; width:45%;}
#contents .rightWrap {float:right; width:45%;}
#contents .btnWrap01 {text-align:right;}

#contents .scrolling {height:280px; overflow:hidden; overflow-y:scroll; border:2px solid #D4D4D4; margin-bottom:10px; *padding-right:17px;}
#contents .listTbl {border-collapse:collapse; width:100%; border-top:2px solid #5CA4CE;}
#contents .listTbl th {background:#A1A1A1; font-size:11px; border:1px solid #F0F0F0; padding:5px; color:#fff; letter-spacing:-1px;}
#contents .listTbl td {text-align:center; font-size:11px; border:1px solid #F0F0F0; padding:5px;}
#contents .copyBtn {float:left; position:relative; width:10%;}
#contents .copyBtn span {position:absolute; top:200px; left:50%; margin-left:-25px;}

#contents .info {background:#F6F6F6; border-bottom:1px solid #D4D4D4; margin-bottom:30px;}
#contents .info p {background:url('../images/bullet/bl_8.gif') no-repeat left 7px; padding:7px 15px; font-size:11px; color:#848484; margin:0 10px;}
#contents .info p span {color:#6292B3;}
#contents .info button {border:0; width:49px; height:10px; margin:-1px 0; float:right;}


#contents.wide .login {width:100%; height:224px; background:url('../images/login_bg_wide.gif') no-repeat left top; margin-bottom:30px}
#contents .login h2 {background:none; padding:0; margin:0}
.login {background:url('../images/login_bg.gif') no-repeat left 7px; height:225px; padding:1px; margin-top:10px}
.login .idpw {float:left; width:325px; margin:0 auto; padding:29px 74px 0 74px}
.login .idpw fieldset {border:none; position:relative; margin-top:25px}
.login .idpw fieldset ol li {margin-bottom:5px}
.login .idpw fieldset li input { width:234px; height:20px; padding:0; line-height:1; border:1px solid #cccccc; background:#fafafa}
.login .idpw fieldset li.btn {position:absolute; right:12px; top:0}
.login .idpw ul {margin-top:30px}
.login .idpw li {float:left}
.login .idpw li.fn01 {padding:0 29px 0 8px; background:url('../images/bg_bar.gif') 100% 50% no-repeat}
.login .idpw li.fn02 {padding:0 25px; background:url('../images/bg_bar.gif') 100% 50% no-repeat}
.login .idpw li.fn03 {padding:0 8px 0 29px}
.login .certify {float:left; width:300px; margin:0 auto; padding:29px 0 0 76px}
.login .certify .btn {margin-top:25px}
.login .certify .inst_text {margin-top:25px; text-align:center}
.login .certify .inst_text img {vertical-align:middle; margin-left:20px}
.login a {text-decoration:underline}

h3.content_head {border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:10px 0 11px 16px; font-size:14px; line-height:1; color:#686868; margin-bottom:10px}
.step_apply {height:119px;}
.step_apply li {float:left;}
.step_apply_plan {border-bottom:2px solid #3b8ad1; text-align:center; padding-left:30px}
.step_apply_plan li {float:left; background:url('../images/mypage/icon_arrow.gif') 100% 50% no-repeat; margin-left:30px}
.step_apply_plan li div {background:url('../images/mypage/icon_factory.gif') 0 50% no-repeat; padding:30px 40px 20px 50px; text-align:left}
.step_apply_plan li:first-child {margin-left:0}
.step_apply_plan li.last {background-image:none}
.step_notes { padding:10px; color:#686868; font-size:11px}
.box_wrap1 {margin-top:30px}
.box_wrap1 > .box1 { float:left; width:445px}
.box_wrap1 > .box2 { float:left; width:445px; margin-left:30px}
.diagram {margin-bottom:30px}
.call_center { border:1px solid #dedede; background:#fbfbfc; padding:20px; margin-top:37px }
.call_center h4 {margin-bottom:20px}
.wrap_center {margin-bottom:20px}
.wrap_center p {float:left; width:204px; border-right:1px solid #4c5467}
.wrap_center p img:first-child {margin-bottom:10px}
.wrap_center ul {float:left; padding-left:16px;}
.wrap_center li {margin-bottom:5px}
.call_center > ul li {float:left; }

h4.tabs { position:relative; background:url('../images/mypage/bg_tab.gif') repeat-x; height:31px; overflow:hidden; margin-bottom:20px}
h4.tabs span {position:absolute; right:0; top:8px}
.tabs li {float:left}
.tabs_list {margin-left:10px; height:169px}
.tabs_list li { position:relative; background:url('../images/mypage/icon_dot.gif') 0 5px no-repeat; padding-left:10px; line-height:1; margin-bottom:14px}
.tabs_list li div {width:340px; }
.tabs_list li span {position:absolute; right:0; margin-left:20px }

.notes {margin-top:37px}
.notes dl {float:left; background:url('../images/mypage/bg_exp_box.gif') 0 0 no-repeat; width:209px; height:81px; margin:0 0 28px 26px; color:#404040}
.notes dl.first{margin-left:0}
.notes dt {padding:17px 0 0 20px; font-size:14px; font-weight:bold}
.notes dd {padding:8px 0 0 20px; font-size:11px;}

/* QUICK MENU */
#quickMenu {position:absolute; top:0; left:50%; width:82px; margin:195px 0 0 575px; z-index:99;}
	#sub #quickMenu {margin:175px 0 0 600px;}
#quickMenu dl {margin:1px 0 2px;}
#quickMenu dt img {display:block; vertical-align:top;}
#quickMenu dd {background:url('../images/quick_bg.gif') no-repeat left bottom; color:#9A9999; padding:10px 7px; text-align:center; font-size:11px;}

#quickMenu_m {position:absolute; top:0; left:50%; width:162px; margin:195px 0 0 575px; z-index:99;}
	#sub #quickMenu_m {margin:175px 0 0 600px;}

#quickMenu_m > #box ul { width:162px; background:url('../images/bg_quickmenu_top.gif') 0 0 no-repeat; border-bottom:1px solid #cccccc;  font-size:11px}
#quickMenu_m > #box ul li {background:url('../images/bg_quickmenu_line.gif') 0 100% no-repeat }
#quickMenu_m > #box ul li p {background:url('../images/bullet/icon_qdot.gif') 15px 50% no-repeat; padding:8px 0 8px 25px }
#quickMenu_m > #box ul li div {margin:1px; background:#ffffff; padding:8px 0 8px 25px; color:#868a98; }
#quickMenu_m > #box ul li.last {background:url('../images/bg_quickmenu_line2.gif') 0 100% no-repeat }
#quickMenu_m > #box ul li:first-child p { padding:10px 0 10px 25px;}
#quickMenu_m > #box > .menu { background:url('../images/bg_quick_menu.gif') repeat-y; border-bottom:1px solid #d3dbe5; padding:0 1px}
#quickMenu_m > #box > .menu > ol { height:550px; overflow:hidden;}
#quickMenu_m > #box > .menu > ol > li {padding:15px 5px 10px 15px}
#quickMenu_m > #box > .menu > ol li.even {background:#eef2f6}
#quickMenu_m > #box > .menu > ol > li > strong {color:#003878;}
#quickMenu_m > #box > .menu > ol > li > ol {margin-top:5px; font-size:11px}
#quickMenu_m > #box > .menu > ol > li li {line-height:140%; margin-bottom:3px}
#quickMenu_m > #box > .menu > ol > li li.not { background:url('../images/bullet/icon_quick_off.png') 0 1px no-repeat; padding-left:20px;  color:#a1a1a1}
#quickMenu_m > #box > .menu > ol > li li.check { background:url('../images/bullet/icon_quick_on.png') 0 1px no-repeat; padding-left:20px; color:#4a698e}