@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
body {position:relative; font-size:12px; font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif; color:#000;margin:0; padding:0; letter-spacing: -0.1px; width:100%;}		
h1,h2,h3,h4,h5,h6,ol,ul,li,form,fieldset,input,textarea,p,th,td,dt,dd,dl {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-size: 14px;}
li {list-style: none;}
img,fieldset {border:0; vertical-align: top;}
em {font-style:normal;}
input.radio {width:13px; height: 13px; vertical-align: middle;}
a {text-decoration:none; color:#000;}
address,em,i {font-style:normal;}
.hdn, legend,table caption{font-size:0; height:0; overflow:hidden; position:absolute; visibility:hidden; width:0; line-height:0;}
table caption.hdn{font-size:0; height:0; overflow:hidden; position:static; visibility:hidden; width:0; line-height:0;}

/* main 움직이는 이미지 이전/ 다음 버튼 안보이게 처리 */
.slider{text-align: center;}
.bx-wrapper{position: relative;}
.bx-controls-direction{font-size: 0;}

/* main 움직이는 이미지 아래 가로 막대기  */
.bx-pager {position: absolute; left: 0; bottom: -30px; width: 100%; text-align: center;}
.bx-pager div { display: inline-block; padding: 0 5px; }
.bx-pager div a { display: block; width: 24px; height:3px; background: #999; font-size: 0; color: transparent; }
.bx-pager div a.active { background: #000; }



.cR {clear:both;}
.fL {float:left;}
.fR {float:right;}
.alC {text-align:center;}
.alL {text-align:left;}
.alR {text-align:right;}
.btn_l{text-align:left; margin:10px 0;}
.btn_c{text-align:center; margin:10px 0;}
.btn_r{text-align:right; margin:10px 0;}
.red {color:red;}
.blue, .blue:hover {color:blue;}
.blue2 {color:#4C8CD4;}
.yellow {color:yellow;}
.green {color:green;}
.black {color:black;}
.orange {color:orange;}
.blueviolet {color:blueviolet;}
.strong {font-weight:bold;}
.crimson{color:crimson;}
.org {color:#dc8403;}
.brown {color:#98664d;}

.ft11 {font-size:11px;}
.ft_under {text-decoration:underline;}
.inp{border:1px solid #ccc;line-height:20px;height:20px;}

/*  skipnavi */
#skilNavi a.skipBtn {display:block; height:0; width:100%; position:absolute; text-align:center; top:0; left:0; overflow:hidden;}
#skilNavi a.skipBtn:focus, #skilNavi a.skipBtn:active  {display:block; position:relative; color:white; font-weight:bold; height:20px; background:black;}
#wrap{width:1000px;margin:0 auto;}

/* �⺻ ��� ��Ÿ�� */
.icon1{background:url("../img/right/right_b1.jpg") no-repeat left 12px; font-size:14px; padding:10px 0 10px 25px;color:#755916;}
.icon2{background:url("../images/sub/sub_arrow_s.gif") no-repeat left 6px; font-size:12px; padding:3px 0 3px 20px; margin-left:10px;font-weight:normal;}
.icon3{background:url("../images/sub/li_icon.gif") no-repeat left 9px; font-size:12px; padding:3px 0 2px 10px; margin-left:25px; font-weight:normal;}
.icon3_1{background:url("../images/sub/li_icon.gif") no-repeat left 9px; font-size:12px; padding:3px 0 2px 10px; margin-left:25px; font-weight:normal;}
.icon2_list li{background:url("../images/sub/sub_arrow_s.gif") no-repeat left 6px; font-size:12px; padding:3px 0 3px 20px; margin-left:10px;}
.icon3_list li{background:url("../images/sub/li_icon.gif") no-repeat left 9px; font-size:12px; padding:3px 0 2px 10px; margin-left:10px; font-weight:normal;}
.icon_none li{background:none;margin-left:0px; }

#content .section {margin-bottom:10px; padding-left:0px;text-align:justify;}
#content .section01 {margin-bottom:10px; padding-left:25px;text-align:justify;}
#content .section02 {margin-bottom:10px; padding-left:40px;text-align:justify;} 
#content .section03 {margin-bottom:10px; padding-left:65px;text-align:justify;} 

/* �⺻ ǥ(�������̺�)  ������� ���� */
table.chart { border-collapse:collapse; width:90%; font-size:13px;line-height:18px;border:2px solid #ffffff;border-top:2px solid #6080a3;border-bottom:1px solid #d6d6d6;margin-bottom:30px;margin-left: 20px;}
table.chart th {border: 1px solid #d6d6d6; padding:5px 10px 5px 10px;text-align:center;font-size:13px;}
table.chart td {border: 1px solid #d6d6d6; padding:5px 10px;text-align:center;}
table.chart th {background:#f8f6f6; border:1px solid #d6d6d6; text-align:left;color:#6080a3; padding-left:25px;}
table.chart td.alL{text-align:left;}

/* �뿪��� */
table.chart1 { border-collapse:collapse; width:90%; font-size:13px; line-height:18px;border:2px solid #ffffff;border-top:2px solid #6080a3;border-bottom:1px solid #d6d6d6;margin-bottom:30px;margin-left: 20px;}
table.chart1 th,
table.chart1 td {border: 1px solid #d6d6d6; padding:5px 10px;text-align:center;}
table.chart1 th {background:#f8f6f6; border:1px solid #d6d6d6; text-align:center; color:#6080a3; padding:10px 0 10px 0;}
table.chart1 td.alL{text-align:left;}

table.chart2 { border-collapse:collapse; width:90%; font-size:13px;line-height:18px;border:2px solid #ffffff;border-top:2px solid #6080a3;border-bottom:1px solid #d6d6d6;margin-bottom:30px;margin-left: 20px;}
table.chart2 th,
table.chart2 td {border: 1px solid #d6d6d6; padding:5px 10px;}
table.chart2 th {background:#f8f6f6; border:1px solid #d6d6d6; text-align:left;color:#6080a3;}
table.chart2 td.alL{text-align:left;}

table.chart3 { border-collapse:collapse; width:90%; font-size:12px;line-height:18px;border:2px solid #ffffff;border-bottom:1px solid #d6d6d6;margin-bottom:30px;margin-left: 20px;}
table.chart3 th,
table.chart3 td {border: 1px solid #d6d6d6; padding:5px 10px; text-align:center;}
table.chart3 th {background:#f8f6f6; border:1px solid #d6d6d6; text-align:left;color:#6080a3;}
table.chart3 td.alL{text-align:left;}

table.chart4 { border-collapse:collapse; width:90%; font-size:12px;line-height:18px;border:2px solid #ffffff;border-top:2px solid #6080a3;border-bottom:1px solid #d6d6d6;margin-left: 20px;}
table.chart4 th,
table.chart4 td {border: 1px solid #d6d6d6; padding:5px 10px; text-align:center;}
table.chart4 th {background:#f8f6f6; border:1px solid #d6d6d6; text-align:left;color:#6080a3;}
table.chart4 td.alL{text-align:left;}

table.chart5 { border-collapse:collapse; width:90%; font-size:13px; line-height:18px;border:2px solid #ffffff;border-top:2px solid #6080a3;border-bottom:1px solid #d6d6d6;margin-bottom:30px;margin-left: 20px;}
table.chart5 th {border: 1px solid #d6d6d6; padding:5px 10px;text-align:center;}
table.chart5 td {border: 1px solid #d6d6d6; padding:5px 10px;text-align:left;}
table.chart5 th {background:#f8f6f6; border:1px solid #d6d6d6; text-align:center; color:#6080a3; padding:10px 0 10px 0;}
table.chart5 td.alL{text-align:left;}




/* �⺻ ǥ(�������̺�) ���� */
#content table.chart2 { border-collapse:collapse; width:100%; font-size:12px;line-height:18px;border-top:2px solid #98664d;border-bottom:1px solid #712311;border-left:2px solid #ffffff;border-right:2px solid #ffffff;margin-bottom:10px;}
#content table.chart2 th,
#content table.chart2 td {border: 1px solid #e5d3c5; padding:5px 10px;}
#content table.chart2 th {background:#f8f6f6;border:1px solid #e5d3c5;text-align:center;color:#98664d;}

/* �⺻ ǥ(���� ���̺�)  �������� ���� */
#content table.chart3 { border-collapse:collapse; width:100%; font-size:12px;line-height:18px;border:2px solid #ffffff;border-top:2px solid #755916;border-bottom:1px solid #712311;}
#content table.chart3  thead th {background:#f8f6f6; border:1px solid #d6d6d6;text-align:center;color:#755916;}
#content table.chart3  tbody th {border:1px solid #d6d6d6;text-align:center;color:#712311;font-weight:normal;color:#686868}
#content table.chart3 th,
#content table.chart3 td {border: 1px solid #dfdfdf; padding:3px 5px;text-align:left;}

/* �⺻ ǥ(�������̺�)  ��� ���� */
#content table.chart4 { border-collapse:collapse; width:100%; font-size:12px;line-height:18px;border:2px solid #ffffff;border-top:2px solid #755916;border-bottom:1px solid #712311;}
#content table.chart4 th,
#content table.chart4 td {border: 1px solid #dfdfdf; padding:3px 5px;text-align:center;}
#content table.chart4 th {background:#f8f6f6; border:1px solid #d6d6d6;text-align:center;color:#755916;}



/* �⺻ ���� ���� */
.pbg  {border:1px solid #e6e7ec;padding:20px;text-align:justify;}
.board_top {background:url("../images/sub/board_icon.gif") no-repeat left 12px;height:26px;padding:25px 0 0 60px;font-size:12px;font-weight:bold;color:#98664d;}
.board_bg {border:1px solid #98664d;background:#f7f3eb;padding:10px;text-align:justify;}





/* �⺻ ������ ���� */

.w28	{width:28px;}
.w30	{width:30px;}
.w33	{width:33px;}
.w35	{width:35px;}
.w40	{width:40px;}
.w45	{width:45px;}
.w50	{width:50px;}
.w55	{width:55px;}
.w60	{width:60px;}
.w65	{width:65px;}
.w70	{width:70px;}
.w75	{width:75px;}
.w80	{width:80px;}
.w85	{width:85px;}
.w90	{width:90px;}
.w95	{width:95px;}
.w100{width:100px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w165{width:165px;}
.w215{width:215px;}
.w230{width:230px;}
.w300{width:300px;}
.w350{width:350px;}
.w540{width:540px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w550{width:550px;}

.wid85{width:85%;}


.h5{height:5px;}
.h10{height:10px;}
.h32{height:21px;}
.h25{height:25px;}
.h28{height:28px;}
.h30{height:30px;}
.h40{height:40px;}
.h80{height:80px;}
.h100{height:100px;}
.h140{height:140px;}
.h200{height:200px;}

/* �е� */
.pT10{padding-top:10px;}
.pT20{padding-top:20px;}
.pB10{padding-bottom:10px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL35{padding-left:35px;}
.pL65{padding-left:65px;}
.pL40{padding-left:40px;}
.pR10{padding-right:50px;}

/* ���� */
.mR10{margin-right:10px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB38{margin-bottom:38px;}
.mB40{margin-bottom:40px;}
.mL5{margin-left:5px;}
.mL25{margin-left:25px;}
.mL40{margin-left:40px;}
.mL45{margin-left:45px;}
.mT15{margin-top:15px;}
.mT17{margin-top:-17px;}



.f13{font-size:13px;}
.f_b {font-weight:bold;}



/* 고객센터> 결제안내 new */
.s1_con p { margin:0 0 30px 20px; font-size: 16px; line-height:26px;}
.card_go{width: 250px; margin:0 auto; border: 1px solid #ccc; border-radius:10px; padding: 10px 30px;  text-align: center; font-size: 16px;}
.card_go:hover { background: #544fff; }
.card_go:hover a { color: #fff;}