@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);

@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */
@font-face{
     font-family:굴림;
}
@font-face {
     font-family:굴림;
}


/****** RESET ******/
body {font-family:굴림; font-size:12px; color:#808080; padding:0; margin:0;  }
h1,h2,h3,h4,h5,h6{font-family:굴림;}
img{border:0 none;}
ul,li{list-style:none;}
caption{visibility:hidden; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0;}
input,textarea,select,button{vertical-align:middle; outline:none; font-family:굴림;}
button{border:none; cursor:pointer;}
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
	-webkit-appearance:none;
	-moz-appearance:none;
}
a{cursor:pointer; color:#555; text-decoration:none;}
a:link{text-decoration:none;}
a:hover{color:#555;}
a:focus, a:active{outline:none;}

/*COMMON*/
.clearfix:before, .clearfix:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.clearfix{zoom:1;}

/* color */
.red { color:#d21e1e}
.orange { color:#f06a2e}

.yellow { color:#e6a300}
.green { color:#1e980a}
.sky { color:#3185e1}
.sky2 { color:#2390a7}
.blue { color:#2672c7}
.violet { color:#8e53c5}
.black { color:#000000}
.gray { color:#757575}
.gray2 { color:#414141}
.point01 { color:#c85252;}
.point02 { color:#4a979a;}
.point03 { color:#ce0648;}
.point04 { color:#666666;}
/* color 추가 201307*/
.green3 { color:#baff00}
.green4 { color:#36a186 }
.greendark {color:#b2d953}
.greenneon { color:#CF0}
.skyneon { color:#0FF}
.redpink { color:#ea3256}
.white {color:#FFFFFF; background:none /* 쿼크모드 백그라운드 문제로 추가*/}


/*** 저채도 색상 ***/	/*20150224추가blue3 hotpink hotpink2*/
.orange2 { color:#ae7a63 }
.blue2 { color:#547ba2}
.blue3 { color:#4b62e9 }
.redpink2 { color:#976751 }
.green2 { color:#508149 }
.hotpink {color:#d353d1;}
.hotpink2 {color:#e03d7f;}



h2 {display:block; font-size:26px; font-weight:400; color:#4d4d4d; letter-spacing:-0.05em; text-align:left; margin-top:20px;  }

h4 { display:block; font-size:18px; font-weight:400; color:#297b15;text-align:left; margin-top:30px; margin-bottom:10px }
h4 span { float:right;  font-size:14px; color:#4c4c4c; line-height:30px;  margin:0 0 5px 0; vertical-align:middle }
h4 font { font-size:30px; color:#5a96d5; line-height:30px; vertical-align:middle; margin-left:10px; margin-bottom:2px; }


#content { width:1050px; margin:0 auto; text-align:center;min-height:720px; }

.sub_title { display:block;  color:#cc0000 ;  font-size:18px; line-height:40px;  padding:0 0 0 26px; margin:0; font-weight:400;  font-family:굴림; }


.sub_text { line-height:24px; color:#999 }


.tab_ad{ position:relative; margin:30px 0 30px 0; padding:0; width:100%; height:32px; }
.tab_ad li{position:relative; float:left; cursor:pointer; overflow:hidden; width:248px; height:30px; text-align:center; line-height:30px; border:1px solid #d7d7d7; border-left:none; background:#f0f0f0; color:#666;}
.tab_ad li.active {background-color:#fff; color:#429f18 }
.tab_ad li:first-child{ border-left:1px solid #d7d7d7;}
.tab_ad a:hover { text-decoration:none; color:#429f18 }

.tab_container { width:100%; border-top:none; clear:both; text-align:left}
.tab_content_ad { width:100%; min-height:200px; height:auto; padding:0; display:none;}

.tab_content_ad h4 { display:block; font-size:18px; font-weight:400; color:#297b15; }
.tab_content_ad h4 span { float:right;  font-size:14px; color:#4c4c4c; line-height:30px;  margin:0 0 5px 0; vertical-align:middle }
.tab_content_ad h4 font { font-size:30px; color:#5a96d5; line-height:30px; vertical-align:middle; margin-left:10px; margin-bottom:2px; }




.tab_ico { display:inline-block; vertical-align:middle; height:500px;  }
.tab_ico img {  vertical-align:top; }

.opacity_img { display:inline-block; width:250px; opacity:0.7 }
.opacity_img:hover { opacity:1}

.manage_text { display:inline-block; width:360px; margin:0 80px; vertical-align:top; text-align:center; margin-bottom:40px;}
.manage_text strong {  display:block; font-size:18px; color:#a27d40; margin:15px 0;  font-weight:400; letter-spacing:-0.03em }
.manage_text font { display:block; font-size:21px; width:100%;  margin:40px auto 20px; padding:20px 0; color:#fff;  font-weight:600; letter-spacing:-0.03em; background:#c54f4f;  border:none; border-radius:60px; text-align:center; }


/****** 서브 테이블 ******/

.table tbody tr:hover td {background-color:#f1f8ff;}
.table_row tbody tr:hover td {background-color:#f1f8ff;}
.table2 tbody tr:hover td {background-color:#f1f8ff;}
.table_mall tbody tr:hover td {background-color:#f1f8ff;}


.table {padding:0; margin:0; border-spacing:0; width:100%; background-color:#fff;}
.table a:link,
.table a:active,
.table a:visited { color:#2e88cc; text-decoration:none;}
.table th { background-color:#4d4d4d; padding:5px 20px; font-weight:normal; color:#fff;}
.table td { vertical-align:middle; padding:5px 20px; border-bottom:1px #ddd solid; }

.table td:first-child {}
.table td:last-child {  }
.table caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0;    }

.table_row {padding:0; margin:0; border-spacing:0; width:100%; border-right:#d7d7d7 solid 1px;  }
.table_row a:link,
.table_row a:active,
.table_row a:visited { color:#2e88cc; text-decoration:none;}
.table_row th { background-color:#fafafa; padding:8px 20px; font-weight:normal; color:#808080; border-top:1px #999999 solid; border-bottom:1px #d7d7d7 solid; border-left:1px #ddd solid; }
.table_row th:first-child {  }
.table_row td:last-child {  }
.table_row td { vertical-align:middle; padding:5px 10px; margin:0; border-bottom:1px #ddd solid; border-left:1px #ddd solid;  text-align:center; background-color:#fff}
.table_row td:first-child { }
.table_row td:last-child {  }

.table_row caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }
.table_row .w180 { width:180px;}
.table th:last-child { }

.table2 tbody tr:hover td {background-color:#f1f8ff;}
.table2 {padding:0; margin:0; border-spacing:0; width:100%; background-color:#fff;}
.table2 a:link,
.table2 a:active,
.table2 a:visited { color:#2e88cc; text-decoration:none;}
.table2 th { background-color:#4d4d4d; padding:5px 20px; font-weight:normal; color:#fff; }
.table2 td { vertical-align:middle; padding:5px 20px; border-bottom:1px #ddd solid;  text-align:center; border-left:1px #ddd solid;}
.table2 td:nth-of-type(odd) { /* background-color:#fafafa*/  }
.table2 td:first-child {   }
.table2 td:last-child { border-right:1px #ddd solid;  }
.table2 td.bg_color { background-color:#fafafa }
.table2 td.left_text {  text-align:left; }
.table2 caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }
.table2_row {padding:0; margin:0; border-spacing:0; width:100%;}
.table2_row a:link,
.table2_row a:active,
.table2_row a:visited { color:#2e88cc; text-decoration:none;}
.table2_row th { background-color:#4d4d4d; padding:5px 20px; font-weight:normal; color:#fff;}
.table2_row td { vertical-align:middle; padding:5px 20px; border-bottom:1px #ddd solid; border-left:1px #ddd solid;  text-align:center; background-color:#fafafa}
.table2_row td:first-child { }
.table2_row td:last-child { border-right:1px #ddd solid; background-color:#fff;  text-align:left;  }
.table2_row caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }

.table_mall tbody tr:hover td {background-color:#f1f8ff;}
.table_mall {padding:0; margin:0; border-spacing:0; width:100%; background-color:#fff;line-height:16px;}
.table_mall a:link,
.table_mall a:active,
.table_mall a:visited { color:#2e88cc; text-decoration:none; }
.table_mall th { background-color:#fafafa; padding:8px 5px; font-weight:normal; color:#808080; border-top:1px #999999 solid; border-bottom:1px #d7d7d7 solid;  }
.table_mall td { vertical-align:middle; padding:8px 5px; border-bottom:1px #ddd solid;  text-align:center;}
/*.table_mall td:nth-of-type(even) { background-color:#fafafa  }*/
.table_mall td:first-child { }
.table_mall td:last-child { }


.table_pay tbody tr:hover td {background-color:#f1f8ff; }
.table_pay {padding:0; margin:0; border-spacing:0; width:100%; background-color:#fff;line-height:16px;border-top:1px #999999 solid;}
.table_pay a:link,
.table_pay a:active,
.table_pay a:visited { color:#2e88cc; text-decoration:none; }
.table_pay th { background-color:#fafafa; padding:8px 20px; font-weight:normal; color:#808080; border-bottom:1px #d7d7d7 solid;  }
.table_pay td { vertical-align:middle; padding:8px 20px; border-bottom:1px #ddd solid;  text-align:left; border-bottom:1px #d7d7d7 solid;line-height: 2.4em;}
/*.table_mall td:nth-of-type(even) { background-color:#fafafa  }*/
.table_pay td:first-child { background-color:#fafafa; }
.table_pay td:last-child { }



.paging{width:100%; text-align:center; clear:both;}
.paging_align{display:inline-block; text-align:center; height:40px; margin:15px auto 0;}
.paging a{display:block; float:left; border-radius:30px; width:26px; height:26px; line-height:26px; color:#333; margin:0 2px;}
.paging a:hover, .paging a.active{background:#909090; color:#fff; font-weight:300;}
.paging a.paging_arrow_left{background:url(../images/ico/ico_realtime_arrow_left.gif) no-repeat center center;}
.paging a.paging_arrow_right{background:url(../images/ico/ico_realtime_arrow_right.gif) no-repeat center center;}
.paging a.paging_arrow_left:hover{background-image:url(../images/ico/ico_realtime_arrow_left_over.gif);}
.paging a.paging_arrow_right:hover{background-image:url(../images/ico/ico_realtime_arrow_right_over.gif);}


.tip { background-color:#989898; color:#fff; text-align:left; font-size:14px; line-height:18px; padding:20px; margin:20px 0 }
.tip strong { color:#FF0; text-decoration:underline }


.font_line{
    text-decoration: line-through;
}


/* bg_color */
.bg_red { background-color:#d21e1e}
.bg_orange { background-color:#f17139}
.bg_yellow { background-color:#e6a300}
.bg_green { background-color:#1e980a}
.bg_green2 { background-color:#68ab1e}
.bg_sky { background-color:#4998ef}
.bg_sky2 { background-color:#31b2cd}
.bg_blue { background-color:#3282d5}
.bg_blue2 { background-color:#5d74c2}
.bg_violet { background-color:#8747a8}
.bg_violet2 { background-color:#a775d6}



.bg_black { background-color:#000000}
.bg_gray { background-color:#757575}
.bg_gray2 { background-color:#414141}
.bg_point01 { background-color:#c85252;}
.bg_point02 { background-color:#4a979a;}
.bg_point03 { background-color:#ce0648;}
.bg_point04 { background-color:#666666;}
.bg_green3 { background-color:#baff00}
.bg_greendark {background-color:#b2d953}
.bg_greenneon { background-color:#CF0}
.bg_skyneon { background-color:#0FF}
.bg_redpink { background-color:#ea3256}
.bg_white {background-color:#FFFFFF; background:none /* 쿼크모드 백그라운드 문제로 추가*/}
.bg_brown { background-color:#7d7951 }
.bg_pink { background-color:#db5091 }

.table_btn { display:block; position:relative; margin:auto;}
.button { padding:8px 40px 12px 40px; color:#fff; font-size:16px; font-weight:600; border-radius:5px  }
.button:hover { background-color:#333 }


.add_text { display:block; padding:0;  font-size:11px; letter-spacing:-0.03em;  text-align:left;  }
.add_text2 { font-size:12px; }
.add_box {  display:block;  margin:0 auto; padding:15px 20px; margin-bottom:10px;  text-align:left; font-size:13px; letter-spacing:-0.03em; background-color:#3a456a; color:#ffffff }
.add_box strong {  display:block; font-size:18px; color:#3FF; margin:0;  font-weight:600; letter-spacing:-0.03em }
.point_r { float:right; font-size:15px;}

.frmPaymentLink {
    width: 164px;
    margin-top: 10px;
}

@media all and (max-width:600px){
   #content{width:95%}
   #frmPayAccept td {width:30px;height: 40px;}
}

#frmKeyUpdate table input {
    width: 100%;
}

#frmKeyUpdate table th:nth-child(1) {
    width: 121px;
}

#frmKeyUpdate table .btn_submit {
    width: 200px;
    position: relative;
    margin: auto;
}

/* 요금안내 스타일 */
.pricing-container {
    font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
    max-width: 900px;
    margin: 40px auto;
    padding: 20px;
}

.pricing-title {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    color: #1a1a1a;
}

.pricing-subtitle {
    text-align: center;
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 30px;
}

.pricing-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.pricing-table th {
    background-color: #f1f1f1;
    color: #333;
    padding: 12px;
    text-align: center;
    border-bottom: 2px solid #ccc;
}

.pricing-table td {
    background-color: #fff;
    padding: 14px 12px;
    text-align: center;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
    font-size: 0.95rem;
}

.pricing-table tr:hover td {
    background-color: #f9f9f9;
}

.highlight {
    font-weight: bold;
    color: #0078ff;
}

.payment-button {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.payment-button button {
    padding: 14px 28px;
    background-color: #00c73c;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
}

.pricing-tip {
    background: #f7f7f7;
    padding: 20px;
    margin-top: 40px;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #333;
    border-radius: 6px;
}