﻿@charset "utf-8";
@font-face{font-family:'NanumBarunGothic'; src:url('/font/NanumBarunGothic.eot'); src:url('/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('/font/NanumBarunGothic.woff') format('woff');}

body, input, select, textarea, button{font-family:'NanumBarunGothic','Malgun Gothic',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-size:12px; color:#333;}

th.custom1{width: 70px;padding: 7px 13px;border: 1px solid #e9e9e9;border-left: 0;background: #f5f8f9;text-align: left;font-weight: bold;height: 28px;}
td.custom2{padding: 7px 10px;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;}

p{margin: 0px; padding: 0px;}
p.sub{padding-left: 13px;}

.btn_close{display:inline-block; margin: 4px 0 0; padding:0 10px; height:28px; line-height:28px; vertical-align:top; background-color:#555; text-align:center; text-shadow:1px 1px 0 #222; color:#fff; border:none; cursor:pointer;}
.btn_close:hover, .btn_close:focus{background-color:#000; text-shadow:1px 1px 0 #000;}

div.notice > ul{width:530px; overflow:hidden; border:1px solid #ddd; background-color:#eee; box-shadow:1px 1px 3px #ddd; margin:15px auto; padding:10px 30px; line-height: 160%;}
div.notice > ul > li{padding-left:25px;}

div.terms{line-height: 170%; background-color: #ffffff; padding: 1px 15px;}


div.how{line-height: 170%;}
div.title_01{border-bottom: 3px solid #24b3dd; padding-bottom: 2px; width:70%; display:inline-block; font-size: 14pt; font-weight: bold;}
div.title_02{border-bottom: 3px solid #72bc49; padding-bottom: 2px; width:30%; display:inline-block; font-size: 14pt; text-align: center;}
.cost {border-collapse: collapse;}
.cost th{border-top: 1px solid #333333; border-right:1px solid #333333; height: 35px; background-color: #f7f7f7; width: 33%;}
.cost th:last-child {border-right: none;}
.cost td{border-top: 1px solid #333333; border-bottom: 1px solid #333333; border-right:1px solid #333333; height: 35px;}
.cost td:last-child { border-left: none; border-right: none;}

div.title{overflow:hidden; margin-bottom:30px;}
div.title h3{font-size:30px; float:left;}
div.title ul{float:right; overflow:hidden; margin-top:15px;}
div.title ul li{float:left; background:url(/img/icon_arrow.png) no-repeat 6px 1px; padding-left:17px; font-size:11px;}
div.title ul li:first-child{background:none;}