@charset "utf-8"; 

@import url( https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url( https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css );

@font-face {
    font-family: Noto Sans KR;
    src: url(/css/refund/font/NotoSansKR-Thin.woff2) format("woff2"), 
    url(/css/refund/font/NotoSansKR-Thin.woff) format("woff"), 
    url(/css/refund/font/NotoSansKR-Thin.otf) format("opentype");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: Noto Sans KR;
    src: url(/css/refund/font/NotoSansKR-Light.woff2) format("woff2"), 
    url(/css/refund/font/NotoSansKR-Light.woff) format("woff"), 
    url(/css/refund/font/NotoSansKR-Light.otf) format("opentype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Noto Sans KR;
    src: url(/css/refund/font/NotoSansKR-Regular.woff2) format("woff2"), 
    url(/css/refund/font/NotoSansKR-Regular.woff) format("woff"), 
    url(/css/refund/font/NotoSansKR-Regular.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Noto Sans KR;
    src: url(/css/refund/font/NotoSansKR-Medium.woff2) format("woff2"), 
    url(/css/refund/font/NotoSansKR-Medium.woff) format("woff"),
    url(/css/refund/font/NotoSansKR-Medium.otf) format("opentype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Noto Sans KR;
    src: url(/css/refund/font/NotoSansKR-Bold.woff2) format("woff2"), 
    url(/css/refund/font/NotoSansKR-Bold.woff) format("woff"), 
    url(/css/refund/font/NotoSansKR-Bold.otf) format("opentype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Noto Sans KR;
    src: url(/css/refund/font/NotoSansKR-Black.woff2) format("woff2"), 
    url(/css/refund/font/NotoSansKR-Black.woff) format("woff"), 
    url(/css/refund/font/NotoSansKR-Black.otf) format("opentype");
    font-weight: 900;
    font-style: normal;
}

body {font-family: 'Noto Sans KR', sans-serif; font-size:17px; overflow-x:hidden; overflow-y:auto; background: url('/images/pass/bg.jpg') center top no-repeat #484848; padding: 0; margin: 0;}
a {color:#a38d78;text-decoration:none;}
a:hover {color:#606060; text-decoration:none;}
/*hidden*/
#skip, ul.skiplist li.skip, .skipnavi, caption, legend, span.skip { position: absolute ; font-size: 0px; line-height: 0px; overflow: hidden; visibility: hidden; text-indent: -1000px; }
input {border:0;}
input[type="text"] {margin:0; padding:15px 0 ; font-family: 'Noto Sans KR'; width:100%; font-size:18px; text-indent:20px;}
input[type="password"] {margin:0; padding:15px 0; width:100%; font-size:18px; text-indent:20px; }
input[type="reset"], input[type="submit"] {margin:0 3px; padding:15px 0 ; font-family: 'Noto Sans KR'; width:160px; font-size:18px; background:#c72e32; color:#fff; cursor:pointer; border-radius:3px;}
div, p, span {padding: 0; margin: 0;}
a {text-decoration:none;}
a.btn_red {margin:0 3px; padding:15px 0 ; font-family: 'Noto Sans KR'; width:160px; font-size:18px; background:#c72e32; color:#fff; display: inline-block; text-decoration:none;  border-radius:3px;}
a.btn_brown {width:450px; line-height:50px; text-align:center; background: url('/images/pass/bg_btn.png') left top repeat-x; margin:0 auto; margin-bottom:10px; color:#fff;  display:block;}
span.btn_brown {width:450px; line-height:50px; text-align:center; background: url('/images/pass/bg_btn.png') left top repeat-x; margin:0 auto; margin-bottom:10px; color:#fff;  display:block;}
span.btn_brown a{color:#fff}
span.btn_brown a:hover {color: #c72e32; font-weight: bold;}
ul, li {list-style:none; margin:0; padding:0;}
.red {color:#c72e32;}
.blue {color:#0000ff;}
.highlight {background-color: yellow;}

.header {padding: 0 30px; overflow: hidden; height: 70px;}
.header h1 {float:left; margin:15px 0 0 0; padding:0;}
.header p.title {float:right; margin:26px 0 0 0; padding:0; text-align:center;color:#E4C4A5;font-size:15pt;font-weight:bold}

.titleContainer {margin:0 auto; margin-top:50px; xoverflow: hidden;}
.titleContainer p.title1 {text-align:center; padding-bottom:0px;color:#fff;font-size:32pt;font-weight:bold}
.titleContainer p.title2 {text-align:center; padding-bottom:20px;color:#fff;font-size:24pt;font-weight:bold}

.container {width: 720px; margin:0 auto; margin-top:0px; xoverflow: hidden;}
.container .login_box {border:8px solid #a38d78; padding:60px; background: url('/images/pass/bg_box.png') repeat; }
.container .login_box .btn_box {border-top:1px solid #525559; padding-top:40px; margin-top:30px; text-align:center;}
.container .login_box .fail {text-align:center; }
.container .login_box .fail p.msg {background: url('/images/pass/ico_caution.png') center top no-repeat; padding: 93px 0 20px 0; font-size:24px; color:#fff; margin-top:0; line-height:1.4em;}
.container .login_box .fail p.msg2 {background: url('/images/pass/line.png') center top no-repeat; padding: 0; font-size:18px; color:#a38d78; padding-top:20px;}
.container .login_box .fail p.btn {margin-top:20px;}
.container .caution {width:600px; margin:0 auto; margin-top:30px; color:#fff; font-size:15px; line-height:1.6;}
.container .caution span {color:#a38d78; display:inline-block; padding-left:14px;}

.titleContainer_result {margin:0 auto; margin-top:50px; xoverflow: hidden;}
.titleContainer_result p.title1 {text-align:center; padding-bottom:0px;color:#fff;font-size:32pt;font-weight:bold}
.titleContainer_result p.title2 {text-align:center; padding-bottom:10px;color:#fff;font-size:24pt;font-weight:bold}

.container_result {width: 1000px; margin:0 auto; margin-top:50px; overflow: hidden;}
.container_result p.title {text-align:center; padding-bottom:20px;}
.container_result .result_box {background: url('/images/pass/bg_pass.png') center bottom no-repeat; padding: 0 0 240px 0; }
.container_result ul {width:740px; margin:0 auto; margin-top:0px;}
.container_result ul li {background: url('/images/pass/ico_star.png') left 5px no-repeat; padding: 0 0 10px 20px;  line-height:1.4em;}
.container_result .nomark {width:740px; margin:0 auto; margin-top:20px;}
.container_result .nomark > div:not(:last-child) {
    margin-bottom: 5px;
  }
.container_result .textcenter {text-align:center;}
.result_box dl {padding:0 37px;}
.result_box dl dt {text-align: center; font-size:20px; color:#c72e32; font-weight: bold; margin-bottom: 20px;}
.result_box dl dd {padding-left: 15px; font-size:16px;  background:url('/images/pass/ico_dot.png')left center no-repeat; margin-bottom: 10px;}
.result_box dl dd span {font-weight: bold;}

.titleContainer_result2 {margin:0 auto; margin-top:50px; xoverflow: hidden;}
.titleContainer_result2 p.title1 {text-align:center; padding-bottom:0px;color:#fff;font-size:32pt;font-weight:bold}
.titleContainer_result2 p.title2 {text-align:center; padding-bottom:10px;color:#fff;font-size:24pt;font-weight:bold}

.container_result2 {width: 980px; margin:0 auto; margin-top:50px; overflow: hidden;}
.container_result2 p.title {text-align:center; padding-bottom:20px;}
.container_result2 .result_box {background: url('/images/pass/bg_fail.png') center bottom no-repeat; padding: 0 0 20px 0; }
.container_result2 ul {width:850px; margin:0 auto; margin-top:0px; margin-bottom:30px;}
.container_result2 ul li {background: url('/images/pass/ico_dot.png') left 8px no-repeat; padding: 0 0 10px 10px;  line-height:1.4em;}
.container_result2 .guide {width:850px; margin:0 auto; margin-top:30px; padding:20px 0 0 0; border-top:1px solid #d8d0c8;}
.container_result2 .guide h3 {color:#c72e32; text-align:center; }
.container_result2 .guide ul {width:850px; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.container_result2 .guide ul li {background: url('/images/pass/ico_star.png') left 5px no-repeat; padding: 0 0 5px 20px;  line-height:1.4em;}
.container_result2 .result_box dl {padding:0 37px; margin:25px 0 40px;}
.container_result2 .result_box dl dt {text-align:left; font-size:17px; margin-bottom: 20px; color:#000000; font-weight:normal}
.container_result2 .result_box dl dd {padding-left: 15px; font-size:16px;  background:url('/images/pass/ico_star.png')left top no-repeat; margin-bottom: 10px;}
.container_result2 .result_box dl dd span {font-weight: normal;}

.footer {height: 40px;margin:30px 0 0 0; padding:20px 0 0 0;  overflow: hidden; text-align:center; border-top:1px solid #525559; color:#7d8082;}

.s1{padding-left:20px;line-height:1.7;}
table.s2{background-color:#000000;width:95%;text-align:center;text-align:center;}
table.s2 th {background-color:#CCCCCC;padding:10px 10px 10px 10px}
table.s2 td {background-color:#FFFFFF;padding:10px 10px 10px 10px}
.s4{text-align:center;}

/* *****
	BOARD list
 ***** */
table.b_list {width:850px; border-collapse:collapse; color:#000; line-height:1.1; table-layout:xfixed; margin:0 auto; }
table.b_list a {text-decoration:none !important;}
table.b_list thead {}
table.b_list thead th {padding:20px 0; text-align:center; color:#fff; font-weight:normal; letter-spacing:-1px; background:#c72e32; border-right:1px solid #da7476;}
table.b_list tbody td {padding:20px 0; border-bottom:1px solid #d8d0c8; border-right:1px solid #d8d0c8; text-align:center; background:#fff;}
table.b_list tbody td:first-child {border-left:1px solid #d8d0c8;}

table.b_list.gray thead th {background:#6c6868; border-right:1px solid #66605f;}
table.b_list.pink thead th {background:#ede8e4; color:#333; border-right:1px solid #d8d0c8; border-top:1px solid #d8d0c8;}
table.b_list.pink thead th:first-child {border-left:1px solid #d8d0c8;}

/* *****
	BOARD view
 ***** */
table.b_view {width:100%; border-collapse:collapse; color:#000; line-height:1.1; border-top:1px solid #666; table-layout:fixed;}
table.b_view th {padding:20px 10px; text-align:center; color:#333; border-bottom:1px solid #dedede;}
table.b_view td {padding:20px; border-bottom:1px solid #dedede;line-height:18px;}

/* *****
	BOARD view
 ***** */
table.b_login {width:100%; border-collapse:collapse; color:#000; table-layout:fixed;}
table.b_login th {padding:8px 0; text-align:left; color:#fff; font-size:24px;}
table.b_login td {padding:8px 0; text-align:left; }
table.b_login td span {color:#a38d78}

.content {width:100%;}

/*
@media all and (min-width:1024px) and (max-width:1279px) { 

}

@media all and (min-width:801px) and (max-width:1023px) { 

}

@media screen and (max-width: 800px) { 

}
*/