@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
p, ul, ol, li, dl, dt, dd, form { list-style-image: none; list-style-position: outside; list-style-type: none; border: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
html, body { font-size: 13px; color: #242424; line-height: 140%; font-family: 'Pretendard', 'Noto Sans KR', sans-serif, dotum, gulim; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
* { box-sizing: border-box; }
a:link { text-decoration: none; color: #666666; }
a:visited { text-decoration: none; color: #666666; }
a:hover { text-decoration: none; color: #333333; }
table { border-collapse: collapse; }
hr { display: none; }
ol, ul, li { list-style: none; }
#accessibility, .skip, hr, legend { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
a img, fieldset { border: 0px none; padding: 0px; }
img { vertical-align: top; }
caption { display: none; }
.ir {
    margin: 0;
    padding: 0;
    list-style: none;
    /*display: inline-block;*/
    background-repeat: no-repeat;
    word-wrap: break-word;
    word-break: keep-all;
	 white-space: nowrap;
    overflow: hidden;
    background-position: center center;
}
.reader em, .semantic em, .ir em, .reader .em, .semantic .em, .ir .em {
    position: absolute;
	*left:-100%;
    z-index: -1;
    opacity: 0;
    text-indent: -1000px;
}
/* bold */
strong, b, h4, h5, dt, th, .caption { font-weight: 700; }
strong.eb, b.eb, .eb { font-weight: 800; }
/* font-color */
.fcor6 { color: #666666; }
.fcor3 { color: #333333; }
.fcor9 { color: #999 !important; }
.fcor0 { color: #000000; }
.green { color: #44993e; }
.red { color: #ed1b23 !important; }
.pink { color: #f0236e !important; }
.blue { color: #0c91dd !important; }
.org { color: #ff6600 !important; }
.purple { color: #86368c !important; }
.point_c { color: #1d54a5 !important; }
.point2_c { color: #2b6b73 !important; }
.tc { text-align: center !important; }
/* form */
input[type=text], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], select, textarea { line-height: 34px; min-height: 34px; vertical-align: middle; font-family: 'Pretendard', 'Noto Sans KR', sans-serif, dotum, gulim; transition: border-color 0.2s; border: 1px solid #ccc; border-radius: 0px; color: #565a5c; box-sizing: border-box; -moz-box-size: border-box; background-color: #fff; font-size: 1em; font-weight: 300; }
input { vertical-align: middle; -webkit-appearance: none; -webkit-border-radius: 0; }
input[type="radio"] { -webkit-appearance: radio; box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { margin: 3px 0.5ex; padding: initial; background-color: initial; border: initial; }
ime_mode { ime-mode: disabled; }
input::-webkit-input-placeholder { color: #999999; font-weight: 400; }
input::-moz-placeholder { color: #999999; font-weight: 400; }
input:-ms-input-placeholder { color: #999999; font-weight: 400; }
textarea::-webkit-input-placeholder { color: #999999; font-weight: 400; }
textarea::-moz-placeholder { color: #999999; font-weight: 400; }
textarea:-ms-input-placeholder { color: #999999; font-weight: 400; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset; }
input[type="checkbox"] { display: none; }
input[type="checkbox"]+label { position: relative; display: inline-flex; flex-wrap: wrap; align-items: center; vertical-align: middle; }
input[type="checkbox"]+label:before { display: block; content: ""; width: 28px; height: 28px; box-sizing: border-box; border: 1px solid #cccccc; background: #fff; border-radius: 4px; margin-right: 5px; align-self: flex-start; }
input[type="checkbox"]:checked+label::before { background: url(../img/common/check_on2.png) no-repeat center center #000000; border-color: #000000; }
input[type="checkbox"]+label>span { flex: 1; }
input[type="radio"] { display: none; }
input[type="radio"]+label { position: relative; display: inline-flex; flex-wrap: wrap; align-items: center; vertical-align: middle; }
input[type="radio"]+label:before { display: block; content: ""; width: 28px; height: 28px; box-sizing: border-box; border: 1px solid #cccccc; background: #fff; border-radius: 100%; margin-right: 5px; }
input[type="radio"]:checked+label::before { background: url(../img/common/check_on2.png) no-repeat center center #000000; border-color: #000000; }
input[type="radio"]+label>span { flex: 1; }
.input { color: #737070; background-color: #ffffff; border: solid 1px #cccccc; height: 18px; padding: 0px 5px 0 10px; }
.textarea { border: solid 1px #cccccc; background-color: #ffffff; padding: 10px 10px; line-height: 140%; color: #737070; width: 100%; }
select { border: none; font-family: 'Pretendard', 'Noto Sans KR', sans-serif; font-weight: 400; color: #565a5c; border: 1px solid #cccccc; border-radius: 0px; box-sizing: border-box; }
.scrollbox { height: 200px; padding: 12px; overflow: auto; background: #efeef3; border: 1px solid #dadadc; overflow-x: hidden; font-size: 0.95em; font-weight: 300; }
.bul_num>li { padding-left: 17px; text-indent: -17px; line-height: 140%; margin: 5px 0px; font-size: 1em; min-height: 20px; }
.bul_num>li>ul { padding-left: 17px; }
.bul01>li { padding-left: 14px; position: relative; line-height: 140%; font-size: 1em; min-height: 20px; }
.bul01>li:not(:first-child) { margin-top: 8px; }
.bul01>li:after { display: block; content: ""; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 0px; top: 0.5em; background: #4681b6; }
.bul01.big>li { font-size: 1.14em; margin-top: 10px; }
.bul01.big>li:first-child { margin-top: 0px; }
.bul01.big>li:after { top: 12px; }
.bul02 li { padding-left: 12px; text-indent: -12px; line-height: 140%; margin: 5px 0px; min-height: 20px; }
.bul04>li { padding-left:30px; position: relative; line-height: 140%; min-height: 20px; }
.bul04>li:not(:first-child) { margin-top: 8px; }
.bul04>li:before {display: block; content: ""; width:21px; height: 21px; border-radius: 100%; position: absolute; left: 0px; top:0.1em; background: #19519b; }
.bul04>li:after {display: block; content: ""; width: 7px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; position: absolute; left: 6px; top: 0.45em; transform: rotate(-45deg); }

.bul_arrow>li { display: flex; align-items: center; }
.bul_arrow>li:not(:first-child) { margin-top: 5px; }
.bul_arrow>li:before { content: "→"; width: 18px; height: 18px; border-radius: 100%; background: #363636; justify-content: center; display: flex; align-items: center; color: #fff; font-size: 11px; margin-right: 5px; min-width: 18px; align-self: flex-start; margin-top: 0.2em; }
.bul_ga li { padding-left: 24px; text-indent: -24px; line-height: 140%; margin: 5px 0px; min-height: 20px; }
/*.rule_box {border:none; padding:0px; background:none; width:100%; box-sizing:border-box; color:#333; font-weight:100; height:100%; line-height:150%;}*/
.rule_box .h1 { font-weight: 600; font-size: 1.1em; line-height: 140%; padding-top: 30px; }
.rule_box .h1:first-child { padding-top: 0px; }
.rule_box .h2 { padding-top: 20px; font-weight: 500; }
.rule_box h2 { font-weight: 600; font-size: 1.1em; line-height: 140%; padding-top: 30px; }
.rule_box h3 { padding-top: 20px; font-weight: 500; }
/* skip */
#skipToContent { font-size: 0; left: 0; line-height: 0; position: absolute; top: -30px; width: 100%; z-index: 999999; }
#skipToContent a:active, #skipToContent a:focus { font-size: 13px; background-color: #333333; border: medium none; color: #FFFFFF; height: 30px; left: 0; position: absolute; text-align: center; text-decoration: underline; top: 30px; line-height: 30px; width: 100%; display: block; }
.note { clear: both; padding-top: 10px; font-size: 0.95em; color: #737070; }
.ref { clear: both; font-size: 12px; color: #8d8d8d; }
.loading_area { position: fixed; width: 100%; height: 100%; z-index: 99999; }
.loading_area #bg { background-color: #000; display: block; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity=50); position: fixed; top: 0; width: 100%; z-index: 9999; }
.loading_area .loading_img { position: fixed; left: 50%; top: 50%; z-index: 99999; }
.loader { height: 4px; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 99999; overflow: hidden; background-color: #ddd; }
.loader:before { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #d53f41; animation: loading 2s linear infinite; }
.menu_btn.active { position: fixed; top: 17px; right: 10px; z-index: 999; border: none; transform: none; }
.menu_btn a { position: relative; display: block; width: 50px; height: 50px; transition: .25s; cursor: pointer; }
.menu_btn a span { position: absolute; right: 50%; top: 50%; display: block; height: 2px; background-color: #000; margin: -1px -13px 0 0; text-indent: -9999px; }
.menu_btn span, .menu_btn span:before, .menu_btn span:after { content: ""; right: 0; position: absolute; display: block; width: 36px; height: 100%; background-color: #000; transition: .25s; -webkit-transition: .25s; }
.menu_btn span:before { top: -8px; width: 70%; }
.menu_btn span:after { bottom: -8px; right: auto; width: 70%; left: 0px; transform: rotate(); }
.menu_btn .active span { background-color: transparent !important; }
.menu_btn .active span:before { top: 0; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); background: #000 !important; width: 100%; }
.menu_btn .active span:after { bottom: 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); background: #000 !important; width: 100%; }
.menu_btn .active span, .menu_btn .active span:before, .menu_btn .active span:after { width: 28px; }
.down .menu_btn a span { background: #000000; }
.down .menu_btn span, .down .menu_btn span:before, .down .menu_btn span:after { background: #000000; }
.down .menu_btn a:after { background: #000000; }
.down .menu_btn a:before { color: #000; }
.menu_btn.is-open .line-top { -webkit-animation: line-top-out 400ms linear normal; animation: line-top-out 400ms linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.menu_btn.is-open .line-middle { opacity: 0; }
.menu_btn.is-open .line-bottom { -webkit-animation: line-bot-out 400ms linear normal; animation: line-bot-out 400ms linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.menu_btn.is-closed .line-top { -webkit-animation: line-top-in 500ms linear normal; animation: line-top-in 400ms linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.menu_btn.is-closed .line-middle { -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.menu_btn.is-closed .line-bottom { -webkit-animation: line-bot-in 500ms linear normal; animation: line-bot-in 500ms linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes line-top-in { 0% { top: 12px; transform: rotate(-45deg); } 10% { top: 12px; transform: rotate(-35deg); } 20% { top: 12px; transform: rotate(-20deg); } 60% { top: 12px; transform: rotate(0deg); } 100% { top: 0px; } }
@keyframes line-top-in { 0% { top: 12px; transform: rotate(-45deg); } 10% { top: 12px; transform: rotate(-35deg); } 20% { top: 12px; transform: rotate(-20deg); } 60% { top: 12px; transform: rotate(0deg); } 100% { top: 0px; } }
@-webkit-keyframes line-top-out { 0% { top: 0px; } 60% { top: 12px; transform: rotate(0deg); } 80% { top: 12px; transform: rotate(-20deg); } 90% { top: 12px; transform: rotate(-35deg); } 100% { top: 12px; transform: rotate(-45deg); } }
@keyframes line-top-out { 0% { top: 0px; } 60% { top: 12px; transform: rotate(0deg); } 80% { top: 12px; transform: rotate(-20deg); } 90% { top: 12px; transform: rotate(-35deg); } 100% { top: 12px; transform: rotate(-45deg); } }
@-webkit-keyframes line-bot-in { 0% { bottom: 12px; transform: rotate(45deg); } 10% { bottom: 12px; transform: rotate(35deg); } 20% { bottom: 12px; transform: rotate(20deg); } 60% { bottom: 12px; transform: rotate(0deg); } 100% { bottom: 0px; } }
@keyframes line-bot-in { 0% { bottom: 12px; transform: rotate(45deg); } 10% { bottom: 12px; transform: rotate(35deg); } 20% { bottom: 12px; transform: rotate(20deg); } 60% { bottom: 12px; transform: rotate(0deg); } 100% { bottom: 0px; } }
@-webkit-keyframes line-bot-out { 0% { bottom: 0px; } 60% { bottom: 12px; transform: rotate(0deg); } 80% { bottom: 12px; transform: rotate(20deg); } 90% { bottom: 12px; transform: rotate(35deg); } 100% { bottom: 12px; transform: rotate(45deg); } }
@keyframes line-bot-out { 0% { bottom: 0px; } 60% { bottom: 12px; transform: rotate(0deg); } 80% { bottom: 12px; transform: rotate(20deg); } 90% { bottom: 12px; transform: rotate(35deg); } 100% { bottom: 12px; transform: rotate(45deg); } }

.pt10 {padding-top: 10px !important;}
.br_no {border:none !important}
.fs20 {font-size:1.17em; line-height:1.5em;}


@media screen and (max-width:767px) { 
	.bul_arrow>li:before { margin-top: 0px; } 
}
@media screen and (max-width:479px) {
	input[type="checkbox"]+label:before, input[type="radio"]+label:before { width: 20px; height: 20px; background-size: 60% auto !important; }
	.bul_num>li { padding-left: 15px; text-indent: -15px; }
	.bul_num>li>ul { padding-left: 15px; }
	.bul01>li { padding-left: 10px; }
	.bul01>li:after { width: 3px; height: 3px; top: 6px; }
	.bul02 li { padding-left: 9px; text-indent: -9px; }
	.bul_ga li { padding-left: 18px; text-indent: -18px; }
	.bul_arrow>li:before { width: 14px; height: 14px; font-size: 8px; min-width: 14px; line-height: 1em; margin-top: 2px; }
	.bul04>li {padding-left:20px;}
	.bul04>li:after {width:4px; height:2px; border-left-width:1px; border-bottom-width:1px; left: 5px; top: 0.55em;}
	.bul04>li:before {width:15px; height:15px;}
	.ckeck .ez-checkbox { width: 17px; height: 17px; background-size: 19px auto !important; }
	.ckeck .ez-hide { width: 17px; height: 17px; }
	.size_big .ez-radio { width: 20px; height: 20px; background-size: 20px auto !important; }
	.size_big .ez-hide { width: 19px; height: 19px; }
	td .pl120 { padding-left: 90px; }
	td .pl60 { padding-left: 50px; }
	td .pl40 { padding-left: 30px; }
	td .pr125 { padding-right: 94px !important; }
	.check input[type="checkbox"]+label:before { width: 20px; height: 20px; background-size: 60% auto; }
	.check input[type="checkbox"]:checked+label::after { width: 20px; height: 20px; background-size: cover; }
}