@charset "utf-8";

html {overflow-y:scroll;}


body {padding:0; margin:0; font-size:12px; font-family:돋움, Dotum, Tahoma, Geneva, sans-serif; color: #7d7d7d; background: url('../images/main/top_bg.gif') repeat-x;}
.popupBody {background:none; padding:10px;}

label {cursor: pointer;}

/* 링크 */
a, a:link {color:#666666; text-decoration: none;} 
a:visited {color: #666666; text-decoration: none;}
a:hover {color:#0d66bf; text-decoration: none;}
a:focus {color:#0d66bf; text-decoration: none;}
a:active {color:#0d66bf; text-decoration: none;}

.both {clear:both;}
.fl {float:left;}
.fr {float:right;}
.fn {font-weight:normal;}
.hidden_text {position:absolute; width:0px; height:0px; font-size:0px; margin:0px; padding:0px; line-height:0px; overflow:hidden;}
.strong {font-weight:bold;}
.ime_mode {ime-mode:disabled;}
.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}
.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}

.f11 {font-size:11px;}
.f14 {font-size:14px;}

#wrapper {width: 950px; margin: 0 auto;}

#header {padding: 10px 0 8px 0; float: left; width: 950px; background:#FFF;}
#header img {border: none;}
#header h1 {float: left; margin: 14px 0 9px 0;}
#header h1 a {background:url('/images/common/logo_top.jpg') no-repeat; width:181px; height:35px; text-indent:-1000em; float:left;}

#header .util_menu_wrap {float: right;}
#header .util_menu_wrap ul {padding: 4px 5px 0 0; margin:3px 0 0 0; float:left;}
#header .util_menu_wrap li {list-style:none; display:block; float:left;}
#top_search {float:right;}

#header .top_menu_wrap {float: right;}
#header .top_menu_wrap .top_menu {padding: 5px 0 0 5px; margin: 0; float: left;}
#header .top_menu_wrap .top_menu li {padding: 0 10px; background: url('../images/common/top_menu_bar.gif') no-repeat right; list-style: none; display: block; float:left;}
#header .top_menu_wrap .util_menu {margin: 0; float: left; padding-left: 5px;}
#header .top_menu_wrap .util_menu li {list-style: none; display: block; float:left;}
#header .total_search {border: 3px #4e60bb solid; display: inline-block; width: 210px; padding:0; margin-left: 5px;}
#header .total_search input {float:left;}
#header .total_search .total_search_txt {border: 0; width: 185px; color: #747474; height:18px; font-size:12px; line-height:16px;}
#header .total_search .total_search_txt.on {background:#FFF url('/images/common/top_search_txt.gif') 0 -2px no-repeat;}

#header .navi_bg_main {margin:0; padding:0; width:950px; height:140px; float:left; background:url('../images/main/smenu_bg.gif') no-repeat bottom;}
#header .navi_bg_main h2 {display:none;}
#header .navi_bg_main img {display: block;}
#header .navi_bg_main .navibar {display:inline; padding:0; margin:0;}
#header .navi_bg_main .navibar .navibar_m {display:inline; float: left; margin:0; padding:0;}
#header .navi_bg_main .navibar .navibar_m .navibar_s {padding:9px 0 0 20px; margin:0;}
#header .navi_bg_main .navibar .navibar_m .navibar_s li {background: url('../images/main/bullet_menu.gif') no-repeat; padding:0 0 7px 10px; list-style: none; width: 150px; line-height:1px; font-size:1px;}

#header .navi_bg_mypage {margin:0; padding:0; width:950px; height:31px; float:left;}
#header .navi_bg_mypage h2 {display:none;}
#header .navi_bg_mypage img {display: block;}
#header .navi_bg_mypage .navibar {display:inline; padding:0; margin:0;}
#header .navi_bg_mypage .navibar .navibar_m {display:inline; float: left; margin:0; padding:0;}

#header .navi_bg {margin:0; padding: 0; width: 950px; float:left;}
#header .navi_bg h2 {display:none;}
#header .navi_bg img {display: block;}
#header .navi_bg .navibar {display: inline; padding: 0px; margin: 0;}
#header .navi_bg .navibar li {display: inline; float: left; margin: 0px; padding: 0;}

#container {width:950px; float:left;} 
#container:after {display:block;clear:both;content:''} 
#container img {border:none;}

#contents {float:left; width:750px;}
.aside {float:left;width:200px}  

#contents .contentWrap {width: 456px; float: left; padding: 0 9px;}
#contents .rightWrap {float: left; width:275px;}

/* 로그인 */
.wrap_login {border:3px #cad0d5 solid; width:179px; height:64px; float:left; padding:7px 7px 7px 7px;}
.wrap_login h2, .wrap_logined h2 {display:none;}
.wrap_login .login_1 {float: left; width: 127px;}
.wrap_login .login_2 {float: left; width: 50px;}
.wrap_login .txt_id,
.wrap_login .txt_pw {width: 120px; height:15px; background-color: #efefef; border: 1px #dddddd solid; color: #676767; font-size: 11px; padding: 2px 0 0 2px; margin-bottom: 3px; #margin-bottom: 1px;}
.wrap_login .txt_id.on {background:#efefef url('../images/common/txt_id.gif') 0 4px no-repeat;}
.wrap_login .txt_pw.on {background:#efefef url('../images/common/txt_pwd.gif') 0 4px no-repeat;}
.wrap_login .btn_login {background: url('../images/common/btn_login.gif') no-repeat; text-indent: -500em; width: 47px; height: 21px; border: 0; cursor: pointer; margin: 2px 0 0 3px;}
.wrap_login p {clear: both; font-size: 0; padding-top: 5px; margin:0;}

.wrap_logined {border:3px #cad0d5 solid; width:179px; height:86px; float:left; padding:7px 7px 7px 7px;}
.wrap_logined ul {list-style:none; margin:0; padding:0;}
.wrap_logined li {font-size:11px; font-size:11px; hiddenmily:Dotum, Tahoma, Sans-serif;}
.wrap_logined li.user {border-bottom:1px solid #DCDCDC; height:20px; line-height:20px; margin-bottom:5px;}
.wrap_logined li.service {background:url('../images/common/dot.gif') 3px 5px no-repeat; padding-left:10px; height:16px; line-height:16px;}
.wrap_logined li label {width:85px; display:block; float:left;}
.wrap_logined li label.name {color:#034EA2;}
.wrap_logined li label.service {width:120px;}
.wrap_logined li span {float:left; margin-right:5px;}
.wrap_logined li span strong {font-weight:normal; color:#ED1C24;}
.wrap_logined li span a {text-decoration:underline; color:#3E86C0;}

/* 나의서비스 바로가기 */
.myservice {padding: 7px 0 7px 0; clear: both; height:33px;}

/* 고객센터 */
.customer {width: 197px; height: 157px; border-left: 1px #e0e0e0 solid; border-right: 1px #e0e0e0 solid; border-top: 2px #737171 solid; border-bottom: 2px #737171 solid; text-align: center; padding-top: 9px;}
.customer h2 {text-indent:-1000em; background:url('../images/common/customer_img.gif') 15px 0 no-repeat; height:120px; margin:0;}
.customer p {padding-top: 10px; margin: 0;}

/* 솔루션 구매안내 */
.purchase {border: 1px #c2c2c2 solid; background-color: #dddddd; float: left; margin: 10px 0 0 0;}
.purchase h4 {margin:0; padding:0;}
.purchase ul {padding: 0 0 0 1px; margin: 0;}
.purchase ul li {list-style: none; display: block; float: left; padding-right: 2px; padding-bottom: 2px;}

/* 서브 공통 */

.left_menu {margin-bottom: 10px; border:1px solid #c9d1dc; width:197px;}
.left_menu h2 {margin:0; padding:0;}
.left_menu ul {padding: 5px 15px 10px 15px; margin: 0;}
.left_menu li {list-style: none; padding: 8px 0 8px 10px; border-bottom: 1px #ebebeb solid; font-size: 12px; background: url("../images/solution/bullet_solution.gif") no-repeat 0 13px transparent;}
.left_menu a.on {color:#e92a5e;}
.left_menu li a:hover {color: #e92a5e;}

.sub_contents {float:left; width:730px; font-size:12px; padding-left:20px; min-height:600px;}

/* footer */
.footer_menu {border-top: 2px #e3e3e3 solid; clear: both; float: left; margin: 20px 0 10px 0; padding-top: 10px; width: 950px;}
.footer_menu ul {padding: 0; margin: 0 auto; width: 670px;}
.footer_menu ul li {list-style: none; display: block; float: left; padding: 0 20px; background: url('../images/main/footer_menu_bar.gif') no-repeat right;}
.footer_menu ul li a {color: #666666; text-decoration: none;}

/*
.copyright {border-top: 1px #e3e3e3 solid; border-bottom: 1px #e3e3e3 solid; width: 100%; color: #a4a4a4; margin-top: 0px; float: left;}
*/
.copyright {border-top: 1px #e3e3e3 solid; border-bottom: 1px #e3e3e3 solid; color: #a4a4a4; font-size:11px; line-height:1.4; clear:both;}
.copyright .logo {padding-top: 10px; float: left; margin: 14px 0 9px 0;}
.copyright .addr {float:left; width:600px; margin-top:15px; padding-bottom:10px;}
.copyright .escro {float:right; padding-top:20px;}
.copyright img {border:none;}

.pagelocation {border-top: 1px #f3f3f3 solid; float: right; width: 720px; text-align: right; padding-top: 10px; padding-bottom: 10px; letter-spacing:-1px;}
.pagelocation .txt {background: url("../images/common/location_img.gif") no-repeat 0 0 transparent; padding-left: 18px;}

.sub_title {float:left; width:730px; margin:5px 0 10px 20px; height:30px; border-bottom:1px solid #9E9E9E; padding-bottom:10px;}
.sub_title h2 {margin:0; padding:0;}
.sub_title h2 span {float:right; font-size:11px; font-weight:normal; letter-spacing:-1px; background: url("../images/common/location_img.gif") no-repeat 0 6px transparent; padding-left: 5px; text-indent:12px;}
.sub_title h2 em {color:#2E6D95; font-style:normal;}

.sub_page h1,
.sub_page h2,
.sub_page h3,
.sub_page h4,
.sub_page h5 {padding:0; margin:0;}

/* Button Common */
.sub_page .button,
.sub_page .button *{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; hiddenmily:Dotum, Tahoma, Sans-serif; white-space:nowrap; background:url('../images/common/btn_bg.gif') no-repeat; vertical-align:top; overflow:visible; color:#333;}
.sub_page .button {margin-right:4px;}
.sub_page .button * {left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small */
.sub_page .button.small,
.sub_page .button.small *{ height:19px; line-height:21px;}
.sub_page .button.medium,
.sub_page .button.medium *{ height:24px; line-height:24px;}
.sub_page .button.large,
.sub_page .button.large *,
.sub_page .button.large_b,
.sub_page .button.large_b *,
.sub_page .button.large_g,
.sub_page .button.large_g * { height:30px; line-height:31px;}
.sub_page .button.xLarge,
.sub_page .button.xLarge * {height:44px; line-height:39px;}

.sub_page .button.small { background-position:left top;}
.sub_page .button.medium { background-position:left -24px;}
.sub_page .button.large { background-position:left -53px;}
.sub_page .button.large_b { background-position:left -88px;}
.sub_page .button.large_g { background-position:left -123px;}
.sub_page .button.xLarge { background-position:left -158px;}

.sub_page .button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right top;}
.sub_page .button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right -24px;}
.sub_page .button.large *{ padding:0 15px 0 11px; font-size:12px; background-position:right -53px;}
.sub_page .button.large_b *{ padding:0 22px 0 10px; font-size:12px; background-position:right -88px;}
.sub_page .button.large_g *{ padding:0 22px 0 10px; font-size:12px; background-position:right -123px;}
.sub_page .button.xLarge *{ padding:0 42px 0 27px; font-size:14px; font-weight:bold; background-position:right -158px;}

.sub_page .button.large_b,
.sub_page .button.large_b * {font-weight:bold; color:#1577bb; filter : dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1);}
.sub_page .button.large_g,
.sub_page .button.large_g * {font-weight:bold; color:#555555; filter : dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1);}

/* Button Strong */
.sub_page .button.strong *{ font-weight:bold !important;}

.sub_page .btnArea {margin:1em 0; text-align:center; *zoom:1;}
.sub_page .btnArea:after{ content:""; display:block; clear:both;}
.sub_page .btnArea .fLeft{ float:left;}
.sub_page .btnArea .fRight{ float:right;}

/*
.sub_page table {clear: both; width: 100%; border-collapse:collapse;}
*/
.sub_page table caption {display: none;}

.sub_page .table01 {clear: both; width: 100%; border-collapse:collapse; font-family:돋움, Dotum, Tahoma, Geneva, sans-serif;}
.sub_page .table01 th {background-image: url('../images/common/tit_tablebg.jpg');background-repeat: repeat-x; height:27px; color:#FFF; background-color:#84B2D4;}
.sub_page .table01 .no_bg {background:#F5F5F5; color:#255879;}
.sub_page .table01 th,
.sub_page .table01 td {border:1px solid #E6E6E6; line-height:1.2;}
.sub_page .table01 td {padding:5px; text-align:center;}
.sub_page .table01 th {border-top:1px solid #6292b0;}
.sub_page .table01 .t_line {height:1px; padding:0; border:none; background:#6292B0; border-left:1px solid #6292B0; border-right:1px solid #6292B0;}
.sub_page .table01 .g_line {height:1px; padding:0; border:none; background:#a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #a2a2a2;}
.sub_page .table01 .lfpd {text-align:left; padding-left:10px;}
.sub_page .table01 .rfpd {text-align:right; padding-right:10px;}
.sub_page .table01 td.title {background:#F5F5F5; font-weight:bold; padding-left:10px; text-align:left;}
.sub_page .table01 td.text {padding-left:10px; text-align:left;}
.sub_page .table01 td.ar {text-align:right; padding-right:10px;}
.sub_page .table01 .num {font:11px Tahoma;}
.sub_page .table01 td .tax {list-style:none; margin:0; padding:0;}
.sub_page .table01 td .tax li {line-height:22px; height:22px; clear:both;}
.sub_page .table01 td .tax li label {width:120px; background:#EEE; display:block; float:left; margin:1px 5px 2px 0; text-align:center; color:#494949; font-size:11px;}
.sub_page .table01 td .tax li label.name {background:#D9E4EE;}
.sub_page .table01 p.tip {font-size:11px; color:#999;}


.sub_page .tabletype01 {clear: both; width: 100%; border-collapse:collapse; background:url('../images/common/table_bg2.gif') 0 0 repeat-x;}
/*.sub_page .tabletype01 {background:url('../images/common/table_bg.gif') repeat-x;}*/
.sub_page .tabletype01 .ac {text-align:center;}
.sub_page .tabletype01 .al {text-align:left;}
.sub_page .tabletype01 .ar {text-align:right; padding-right:10px;}
.sub_page .tabletype01 th {height:32px; border-bottom:1px solid #D4D4D4; color:#6a8da3;}
.sub_page .tabletype01 .bar_f {background:url('../images/common/table_bar_f.gif') no-repeat; background-position:right top;}
.sub_page .tabletype01 .bar {background:url('../images/common/table_bar.gif') no-repeat; background-position:right top;}
.sub_page .tabletype01 .line_f {background:url('../images/common/table_line_f.gif') no-repeat; background-position:right top;}
.sub_page .tabletype01 .line {background:url('../images/common/table_line.gif') no-repeat; background-position:right top;}
.sub_page .tabletype01 th,
.sub_page .tabletype01 td {border-bottom:1px solid #D4D4D4; background:none;}
.sub_page .tabletype01 td {padding:7px 10px 7px 10px;}

.sub_page .tabletype02 {clear:both; width:100%; border-collapse:collapse;}
.sub_page .tabletype02 {border-top:2px solid #6a8da3;}
.sub_page .tabletype02 td,
.sub_page .tabletype02 th {border-bottom:1px solid #d4d4d4; padding:7px 0 7px 0; font-weight:normal;}
.sub_page .tabletype02 th {text-align:left; padding-left:10px; color:#6a8da3;}
.sub_page .tabletype02 td {padding-left:10px;}
.sub_page .tabletype02 .bar {background:url('../images/common/table_bar2.gif') no-repeat; background-position:right top;}
.sub_page .tabletype02 span.help {font-size:11px; letter-spacing:-1px;}

.sub_page .tabletype02 td .tax {list-style:none; margin:0; padding:0;}
.sub_page .tabletype02 td .tax li {line-height:22px; height:22px; clear:both;}
.sub_page .tabletype02 td .tax li label {width:120px; background:#EEE; display:block; float:left; margin:1px 5px 2px 0; text-align:center; color:#494949; font-size:11px;}
.sub_page .tabletype02 td .tax li label.name {background:#D9E4EE;}

.sub_page .tabletype03 {clear:both; width:100%; border-collapse:collapse; border-bottom:4px solid #e5e5e5;}
.sub_page .tabletype03 td,
.sub_page .tabletype03 th {border:1px solid #d4d4d4; padding:7px 0 7px 0; text-align:center;}
.sub_page .tabletype03 th {background:#FAFAFA;}

.sub_page .inputText, 
.sub_page .inputTextarea {padding:3px 3px; font-size:12px; font-family:돋움, Dotum, Tahoma, Geneva, sans-serif; border:1px solid #CDCDCD; background:transparent; color:#666;}
.sub_page .inputText.no_line {border:none;}
.sub_page .inputText.name {width:140px;}
.sub_page .inputText.company {width:250px;}
.sub_page .inputText.email {width:240px;}
.sub_page .inputText.url {width:300px;}
.sub_page .inputText.tel {width:40px;}
.sub_page .inputText.file {width:400px;}
.sub_page .inputText.content {width:98%;}
.sub_page select {font-size:12px;}
.sub_page input[type=checkbox],
.sub_page input[type=radio] {width:13px; height:13px; vertical-align:bottom};
.sub_page .inputText.reg {width:300px;}
.sub_page .inputText.post {width:200px;}
.sub_page .inputText.addr {width:400px;}

.solution_customer {padding-top:20px;}
.solution_customer p {float:right; letter-spacing:-1px;}

.sub_page .tax_popup .krZip .zipLabel {display:block; position:static; left:4px; top:4px; white-space:nowrap; color:#666;}
.sub_page .tax_popup .krZip .item {position:relative; padding-bottom:5px;}
.sub_page .tax_popup h3.title {background:url('/images/common/title_popup_bg.gif') no-repeat; height:50px; padding-left:60px; padding-top:10px;}
.sub_page .tax_popup h3.title .title1 {background:url('/images/common/title_popup.gif') no-repeat; height:21px; background-position:0 0; width:154px;}
.sub_page .tax_popup h3.title .title2 {background:url('/images/common/title_popup.gif') no-repeat; height:21px; background-position:0 -20px; width:154px;}
.sub_page .tax_popup h3.title .title3 {background:url('/images/common/title_popup.gif') no-repeat; height:21px; background-position:0 -40px; width:154px;}
.sub_page .tax_popup h3.title .title4 {background:url('/images/common/title_popup.gif') no-repeat; height:21px; background-position:0 -60px; width:154px;}
.sub_page .tax_popup h3.title .title5 {background:url('/images/common/title_popup.gif') no-repeat; height:21px; background-position:0 -80px; width:154px;}
.sub_page .tax_popup h3.title .title6 {background:url('/images/common/title_popup.gif') no-repeat; height:21px; background-position:0 -100px; width:160px;}
.sub_page .tax_popup h3.title span {float:right; padding-right:20px;}

.sub_page .tax_popup h4 {height:24px; line-height:24px;}
.sub_page .tax_popup h4 span {font-weight:normal; float:right;}
.sub_page .tax_popup .button_area {text-align:center; padding:15px 0 15px 0;}

.sub_page .cash_receipt_input li {float:left; margin-right:5px; margin-top:10px;}
.sub_page .cash_receipt_input li.ssn input {width:70px;}
.sub_page .cash_receipt_input li.corpnum input,
.sub_page .cash_receipt_input li.mobile input {width:40px;}

.sub_page .krZip .zipLabel {display:block; position:static; left:4px; top:2px; white-space:nowrap; color:#666;}
.sub_page .krZip .item {position:relative; padding-bottom:5px;}

.sub_page .paging_area {margin-top:12px; text-align:center;}
.sub_page .paging_area .prev_page {color:#666; padding:0 0 0 9px; margin-right:8px; background:url('/images/common/allow_prev_page.gif') 0 3px no-repeat;}
.sub_page .paging_area .next_page {color:#666; padding:0 9px 0 0; margin-left:3px; background:url('/images/common/allow_next_page.gif') 100% 3px no-repeat;}
.sub_page .paging_area .prev_page_disabled {color:#999; padding:0 0 0 9px; margin-right:8px; background:url('/images/common/allow_prev_page_disabled.gif') 0 3px no-repeat;}
.sub_page .paging_area .prev_page_disabled:hover {text-decoration:none;}
.sub_page .paging_area .next_page_disabled {color:#999; padding:0 9px 0 0; margin-left:3px; background:url('/images/common/allow_next_page_disabled.gif') 100% 3px no-repeat;}
.sub_page .paging_area .next_page_disabled:hover {text-decoration:none;}
.sub_page .paging_area span a {color:#666; font-size:11px; font-family:Tahoma; font-weight:bold; padding:3px 6px 2px; margin-right:5px; border:1px solid #fff;}
.sub_page .paging_area span a:hover {color:#6173e8; font-size:11px; font-family:Tahoma; font-weight:bold; border:1px solid #d7d7d7;}
.sub_page .paging_area span a.current_page {color:#6173e8; border:1px solid #d7d7d7; cursor:default;}
.sub_page .paging_area span a.current_page:hover {color:#6173e8; cursor:default; text-decoration:none;}
.sub_page .paging_area.base span a	{margin-right:0;}

.sub_page {line-height:1.4;}
.sub_page ul {list-style:none; margin:0; padding:0;}

.Loading {width:250px; height:90px; background:url('/images/common/ing.gif') no-repeat; position:absolute; display:none;}