@charset "utf-8";



/**********************************************************************************

웹폰트 적용

**********************************************************************************/



@font-face {

  font-family: 'Nanum Gothic';

  font-style: normal;

  font-weight: 400;

  src: url(/font/NanumGothic-Regular.eot);

  src: url(/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),

       url(/font/NanumGothic-Regular.woff2) format('woff2'),

       url(/font/NanumGothic-Regular.woff) format('woff'),

       url(/font/NanumGothic-Regular.ttf) format('truetype');

}



html {height: 100%;}

body {position:absolute; width:100%; min-height:100%; padding:0; margin:0;}

body, th, td {font-family:"나눔고딕", "Nanum Gothic"; font-size:12px; color:#666; line-height:16px;}

img {border:none;}

ul, li {list-style:none; margin:0; padding:0;}

input[type=radio] { margin:-4px 0 0 0; vertical-align:middle; border:none; !important; }

input[type=checkbox] { margin:-4px 0 0 0; vertical-align:middle; border:none; !important; }

select {border:solid 1px #ccc; font-family:"나눔고딕", "Nanum Gothic"; color: #666; padding-left:2px;}

textarea {border:solid 1px #d8d8d8; font-family:"돋움체"; font-size: 12px; color: #333; padding:11px 0 0 9px; line-height:12px; float:left;}



#nav {width:100%; background-color:#535763;}

#nav .Menu {width:960px; background-color:#535763; margin:0 auto; clear:both;}

#nav .Menu ul {padding:9px 0; text-align:center; font-family:"나눔고딕", "Nanum Gothic"; font-size:13px; font-weight:bold; color:#fff; line-height:30px;}

#nav .Menu ul li {display:inline;}

#nav .Menu a {color:#fff; text-decoration:none;}

#nav .Menu a:hover {color:#aaa;}

#nav .Menu .mr {margin-right:40px;}

#nav .Menu .ml {margin:0px;}



#wrap {padding: 0px 0 100px;}



#footer {position:absolute;bottom:0;left:0; padding-top:0px; width:100%;}

#footer .footer_line {clear:both; width:100%; background-color:#cacacd; text-align:left}

#footer .footer_line ul {padding:9px 0 9px 0; #padding:8px 0 8px 0;}

#footer .footer_line ul li {display:inline; font-size:16px; color:#000;}

#footer .footer_line .mlr {margin:0 8px;}

#footer .footer_line a {color:#555; text-decoration:none;}

#footer .footer_line a:hover {color:#fff;}

#footer .footer_link {width:960px; margin:0 auto;}



.btn{width:100%; text-align:center; vertical-align:middle; padding:5px 0 0 0;}



.w960 {width:960px; margin:0 auto; padding-top:10px;}

.page_title {font-size:16px; font-weight:bold; padding:20px 0 20px 0;}



.btn_ok {background-color:#1478ff; border:1px solid #bfbfbf; cursor:pointer; display:inline-block; color:#fff; font-family:"나눔고딕", "Nanum Gothic"; font-size:14px; font-weight:bold; padding:10px 20px 10px 20px; text-decoration:none; margin:0 10px 0 10px;}

.btn_link {background-color:#f4f4f4; border:1px solid #bfbfbf; cursor:pointer; display:inline-block; color:#000; font-family:"나눔고딕", "Nanum Gothic"; font-size:14px; font-weight:bold; padding:10px 20px 10px 20px; text-decoration:none; margin:0 10px 0 10px;}

.btn_link:hover {background-color:#f4f4f4; cursor:pointer; }

.btn_link_big {background-color:#f4f4f4; border:1px solid #bfbfbf; cursor:pointer; display:inline-block; color:#000; font-family:"나눔고딕", "Nanum Gothic"; font-size:14px; font-weight:bold; padding:20px 20px 20px 20px; text-decoration:none; margin:0 10px 0 10px;}

.btn_link_big:hover {background-color:#f4f4f4; cursor:pointer; }

.btn_small {background-color:#f4f4f4; border:1px solid #bfbfbf; cursor:pointer; display:inline-block; color:#000; font-family:"나눔고딕", "Nanum Gothic"; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; text-decoration:none; margin:0 2px 0 2px;}

.btn_calc_number {width:100px; line-height: 40px; text-align:center; vertical-align: middle;  background-color:#f4f4f4; border:1px solid #bfbfbf; cursor:pointer; display:inline-block; color:#000; font-family:"나눔고딕", "Nanum Gothic"; font-size:25px; font-weight:bold; padding:3px 5px 3px 5px; text-decoration:none; margin:0 2px 0 2px;}



.pt5 {padding:5px 0 0 0;}

.pt10 {padding:10px 0 0 0;}

.pt20 {padding:20px 0 0 0;}

.pt30 {padding:30px 0 0 0;}

.pr5 { padding-right: 5px; }

.pr10 { padding-right: 10px; }

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }



.tc {text-align:center;}

.tr {text-align:right}

.tl {text-align:left;}



.txt_blue {color:blue; font-weight:bold;}



.fs11 {font-size:11px;}

.fs12 {font-size:12px;}

.fs13 {font-size:13px;}

.fs14 {font-size:14px;}

.fs15 {font-size:15px;}

.fs16 {font-size:16px;}

.fs17 {font-size:17px;}



.text01 {color:#000; font-weight:bold;}

.text02 {color:#c580d8;}

.text03 {color:#999;}

.text04 {color:#000;}

.text05 {color:#ff0033; font-size:14px; font-weight:bold;}

.text06 {color:#cc33cc;}

.text07 {color:#333; font-weight:bold;}

.text08 {color:#ff0033;}

.text09 {color:#ff0033; font-weight:bold;}

.text10 {color:#666; font-weight:bold;}

.text11 {color:#2baaf9;}



/* table */

.table01 {width:100%; text-align:center;}

.table01 td {height:35px; background-color:#fff; border-bottom:solid 1px #f4f4f4;}

.table01 .info {color:#999; font-size:11px;}

.table01 .p20 {padding-left:20px; text-align:left;}



.table02 {width:100%; text-align:center;}

.table02 th {height:30px; background-color:#e5e5e5; color:#333; font-size:11px; font-weight:bold;}

.table02 td {height:35px; background-color:#fff; border-bottom:solid 1px #f4f4f4;}

.table02 .info {color:#999; font-size:11px;}

.table02 .al {text-align:left;}

.table02 span {color:#666;}

.table02 .p20 {padding-left:20px; text-align:left;}

.table02 .td_qna_expend {text-align:left;}

.table02 .trQna {text-align:left;}



.table03 {width:100%; text-align:center; border-top:solid 1px #535763; border-bottom:solid 1px #ccc; clear:both;}

.table03 th {height:28px; color:#333; font-size:11px; font-weight:bold; background-color:#f9f9f9; border-bottom:solid 1px #e5e5e5;}

.table03 td {height:35px; background-color:#fff; border-bottom:solid 1px #f4f4f4;}

.table03 .img {width:83px; height:83px; border:solid 1px #e5e5e5; background-color:#fff; margin:11px 0;}

.table03 .img02 {width:51px; height:51px; border:solid 1px #e5e5e5; background-color:#fff; margin:11px 0px;}

.table03 .tc01 {height:1px; background-color:#535763; border:none;}

.table03 .tc02 {height:1px; background-color:#999; border:none;}

.table03 .al {text-align:left;}

.table03 .ar {text-align:right;}

.table03 .ac {text-align:center;}

.table03 .txt {color:#999; font-size:11px;}

.table03 .total {height:35px; background-color:#f9f9f9; text-align:right; padding-right:25px}



.table04 {width:100%; border-bottom:solid 1px #ccc;}

.table04 th {height:35px; color:#333; font-size:11px; text-align:left; padding-left:30px; background-color:#f9f9f9; border:solid 1px #e5e5e5; border-top:none; border-left:none;}

.table04 .th {height:35px; color:#333; font-size:12px; font-weight:normal; text-align:left; padding-left:47px; background-color:#f9f9f9; border:solid 1px #e5e5e5; border-top:none; border-left:none;}

.table04 td {background-color:#fff; border-bottom:solid 1px #e5e5e5; padding-left:20px;}

.table04 .td {background-color:#fff; border-bottom:solid 1px #e5e5e5; padding-left:5px;}

.table04 .tdtb {padding:5px 0 5px 5px;}

.table04 .tc01 {height:2px; background-color:#535763; border:none;}

.table04 .tc02 {height:2px; background-color:#999; border:none;}

.table04 .bno {border-bottom:none;}

.table04 .table04_01 {border-bottom:none;}

.table04 .table04_01 th {height:35px; color:#333; font-size:11px; text-align:left; padding-left:30px; background-color:#f9f9f9; border:solid 1px #e5e5e5; border-top:none; border-left:none;}

.table04 .table04_01 .th {height:35px; color:#333; font-size:12px; font-weight:normal; text-align:left; padding-left:47px; background-color:#f9f9f9; border:solid 1px #e5e5e5; border-top:none; border-left:none;}

.table04 .table04_01 td {background-color:#fff; text-align:left; padding-left: 0px; border-bottom:none; !important;}

.table04 .table04_01 .td {background-color:#fff; padding-left:5px;}



.t_wrap {width:473px; float:left;}

.t_wrap .tit {padding:4px 0 2px 15px;}

.table05 {width:100%; border-bottom:solid 1px #ccc;}

.table05 th {height:30px; color:#333; font-size:11px; text-align:left; padding-left:25px; background-color:#f9f9f9;}

.table05 td {background-color:#fff; padding-left:20px;}

.table05 .tc01 {height:2px; background-color:#535763; border:none;}

.table05 .tc02 {height:2px; background-color:#999; border:none;}

.table05 .bno {border-bottom:none;}

.table05 .pt {padding-top:5px;}

.table05 .pb {padding-bottom:5px;}



.table06 {width:100%; background-color:#ffffff; border:solid 1px #e5e5e5;}

.table06 td {padding-left:20px; text-align:left;}



.table07 {width:100%; text-align:center; border-top:solid 1px #535763; border-bottom:solid 1px #ccc; clear:both;}

.table07 th {height:28px; color:#333; font-size:11px; font-weight:bold; background-color:#f9f9f9; border-bottom:solid 1px #e5e5e5;}

.table07 td {height:15px; background-color:#fff; border-bottom:solid 1px #f4f4f4;}



.table08 {width:100%; border-bottom:solid 1px #ccc;}

.table08 th {height:35px; color:#333; font-size:12px; font-weight:normal; text-align:left; padding-left:47px; background-color:#f9f9f9; border:solid 1px #e5e5e5; border-top:none; border-left:none;}

.table08 .th {height:35px; color:#333; font-size:12px; font-weight:normal; text-align:left; padding-left:47px; background-color:#f9f9f9; border:solid 1px #e5e5e5; border-top:none;}

.table08 td {height:35px; background-color:#fff; border-bottom:solid 1px #e5e5e5; padding-left:5px;}

.table08 .tc01 {height:2px; background-color:#535763; border:none;}

.table08 .tc02 {height:2px; background-color:#999; border:none;}

.table08 .bno {border-bottom:none;}