/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
.both{clear:both;width:100%;height:1px;border:0px;}
hr.both{clear:both;width:100%;height:1px;border:0px;background-color:#fff;}

table.tbl-inp{width:100%;border-collapse:collapse;font-size:13px;}
table.tbl-inp .t-center{text-align:center;}
table.tbl-inp .t-left{text-align:left;}
table.tbl-inp .t-right{text-align:right;}
table.tbl-inp .hand{cursor:pointer;}
table.tbl-inp tr{ height:40px; }
table.tbl-inp th, table.tbl-inp td{ padding:5px; border:1px solid #ddd; }
table.tbl-inp th{ background-color:#f9f9f9; color:#000; font-weight:500; }
table.tbl-inp input.inp{width:100%;height:40px;padding:0px 10px;border:1px solid #eee;background-color:#f9f9f9;color:#000;}
table.tbl-inp input.radio{width:17px;height:17px;}
table.tbl-inp label{margin:0px 15px 0px 2px;vertical-align:-3px;font-size:13px;}
table.tbl-inp label.tit{margin-right:5px;}

table.tbl-list{width:100%;border-collapse:collapse;font-size:13px;}
table.tbl-list .t-center{text-align:center;}
table.tbl-list .t-left{text-align:left;}
table.tbl-list .t-right{text-align:right;}
table.tbl-list .hand{cursor:pointer;}
table.tbl-list tr{ height:45px; }
table.tbl-list th, table.tbl-inp td{ padding:7px; }
table.tbl-list th{ background-color:#111; color:#fff; font-weight:500; }
table.tbl-list tr.line-b th, table.tbl-list tr.line-b td{ border-bottom:1px dotted #ccc; }
table.tbl-list .btn-e{padding:7px 12px;}

/*
.wrapper{background:url(../image/bg_main.jpg) center top;background-repeat:no-repeat;}
*/

.wrapper {width:100%;min-width:991px; overflow: auto;}
.container{max-width:991px;padding:0px 15px;}
.header-wrap {padding:0px;border:0px;}
.header-title {padding:0px;margin:0px;border:0px;background-color:#000;}
.header-title > .container {background-color:#000;}
.header-title > .container > .tx {width:100%;padding:8px 10px;color:#fff;text-align:center;}
.header-title > .container > .tx img {height:27px;vertical-align:-8px;}
.header-title > .container > .mb-box {position:absolute;top:13px;right:10px;color:#fff;font-size:13px;cursor:pointer;z-index:10000;}
.header-title > .container > .mb-box:hover{color:#0099cc;text-decoration:underline;}
.header-title > .container > .mb-box i{font-size:11px;margin-left:5px;}
.header-title > .container > .btn-box {position:absolute;top:45px;right:0px;width:200px;height:70px;padding-top:0px;background-color:#000;border:1px solid #555;border-top:0px;border-radius:0px 0px 5px 5px;text-align:center;display:none;}
.header-title > .container > .btn-box .btn-e {height:30px;}
.header-title > .container > .btn-box i.close {display:block;width:90%;height:20px;line-height:20px;margin:0 auto;margin-top:10px;color:#eee;font-size:11px;cursor:pointer;}

.footer {border:0px;}

.js-layer-screen {position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#000;opacity:0.8;z-index:1010;display:none;}
.js-layer {position:fixed;top:0px;left:0px;width:100%;z-index:1011;display:none;}
.js-layer .layer-box {width:85%;max-width:400px;padding-bottom:20px;margin:0 auto;margin-top:100px;background-color:#fff;text-align:center;}
.js-layer .layer-box h1 {width:100%;height:45px;line-height:45px;padding:0px;padding-left:20px;text-align:left;background-color:#777;color:#fff;font-size:16px;font-weight:600;}
.js-layer .layer-box .msg {width:100%;height:70px;padding-top:30px;background-color:#fff;color:#000;font-size:14px;text-align:center;}
.js-layer .layer-box .btn-e {width:100px;height:40px;line-height:40px;padding:0px;margin-top:20px;font-size:14px;}

.js-layer1 {position:fixed;top:0px;left:0px;width:100%;z-index:1011;display:none;}
.js-layer1 .layer-box {width:85%;max-width:400px;padding-bottom:20px;margin:0 auto;margin-top:100px;background-color:#fff;text-align:center;}
.js-layer1 .layer-box h1 {width:100%;height:45px;line-height:45px;padding:0px;padding-left:20px;text-align:left;background-color:#777;color:#fff;font-size:16px;font-weight:600;}
.js-layer1 .layer-box .msg {width:100%;height:100px;padding-top:30px;background-color:#fff;color:#000;font-size:14px;text-align:center;}
.js-layer1 .layer-box .eyoom-form {padding-bottom:20px;}
.js-layer1 .layer-box .eyoom-form input{width:100%;max-width:150px;height:35px;text-align:center;}

/* login */
.eb-login .login-btn {text-align:center;position:relative;overflow:hidden;width:100%;padding:0}
.eb-login .login-btn .btn-e-lg {width:100%;padding:10px 0;border-radius:3px !important;font-weight:bold;font-size:16px;background:#2d2d38}
.eb-login .login-btn .btn-e-lg:hover {background:#43434d;border:1px solid #43434d}
.login-box {position:relative;padding:0px;margin-top:50px;}
.login-box a:hover {text-decoration:underline}
.login-box .login-box-in {float:right;width:53%;margin:0 auto;height:auto;padding:0;border:1px solid #000;}
.login-box .login-box-in .login-form {padding:30px 50px;color:#171C29}
.login-box .login-box-in .login-form-margin-bottom {margin-bottom:20px}
.login-box .login-box-in .login-form h1 {font-size:30px;font-weight:700;text-align:center;margin:0 0 30px}
.login-box .login-box-in .login-form .input .pv-icon {position:absolute;top:8px;right:45px;cursor:pointer}
.login-box .login-box-in .login-form .input .pv-icon.is-active i {display:none}
.login-box .login-box-in .login-form .input .pv-icon.is-active:after {font-family:'Font Awesome\ 5 Free';content:"\f070";font-weight:900}
.login-box .login-box-in .login-form .tx{margin-top:20px;font-size:14px;color:#000;}
.login-box .login-box-in .login-link {text-align:right}
.login-box .login-box-in .login-link a {font-size:.9375rem}
.login-box .login-box-in .login-link a:hover {text-decoration:underline;color:#000}
.login-box .login-box-in .login-link a:before {content:"|";margin-left:7px;margin-right:7px;color:#d5d5d5}
.login-box .login-box-in .login-link a:first-child:before {display:none}
.login-box .login-box-in #sns_login h5 {text-align:center;color:#353535;font-size:.9375rem;margin-bottom:15px}
.login-box .login-box-in .non-members {padding:30px 50px;color:#171C29}
.login-box .login-box-in .non-members .scroll-box-login {position:relative;overflow:hidden;border:1px solid #b5b5b5;padding:10px;height:150px}
.login-box .login-box-in .non-member-order {padding:30px 50px;color:#171C29}

.login-box .login-box-info {position:relative;float:left;width:47%;padding:25px 15px 15px 15px;background-color:#000;border:1px solid #000;}
.login-box .login-box-info h1 {position:absolute;top:8px;left:13%;width:75%;height:40px;line-height:40px;font-size:16px;font-weight:700;background-color:#fac940;text-align:center;border-radius:50px;}
.login-box .login-box-info .login-box-info-in {width:100%;padding:20px;border:1px solid #fdfdc9;border-radius:10px;}
.login-box .login-box-info .login-box-info-in .tx1{color:#ddd;font-size:13px;margin:20px 0px;}
.login-box .login-box-info .login-box-info-in .tx2{color:#fff;font-size:13px;margin-top:5px;}
.login-box .login-box-info .login-box-info-in .tx2 span.t{margin-right:10px;color:#ddd;}
.login-box .login-box-info .login-box-info-in .tx3{color:#fff200;font-size:13px;margin-top:25px;}

.login-box .both{clear:both;width:100%;height:1px;margin:0px;padding:0px;}

.main-title {width:100%;padding:10px 12px 10px 11px;margin-top:10px;background:url(../image/main_title_bg.png) left top;background-repeat:no-repeat;background-color:#202020;background-size:100%;}
.main-title-in {width:100%;padding:5px;border:0px solid #dca880;background-color:#000;}
.main-title-pc {position:relative;}
.main-title-pc .img {position:absolute;top:0px;left:0px;width:930px;z-index:99;}
.main-title-pc .tx {width:100%;padding:170px 25px 25px 35px;background-color:#fff;color:#333;font-size:14px;letter-spacing:1px;}

.main-title-mo{display:none;}
.main-title-mo img {width:100%;background-color:#fff;}
.main-title-mo .tx {padding:20px 15px;background-color:#fff;color:#333;font-size:14px;letter-spacing:1px;}

.main-con1 {width:100%;padding:70px 10px;}
.main-con1 div.bt {float:left;width:260px;padding:0px;margin-right:10%;text-align:center;cursor:pointer;}
.main-con1 div.bt img{width:100%;}
.main-con1 div.bt button{margin-top:10px;padding:8px 20px;background-color:#ff6600;color:#fff;border:0px;border-radius:5px;}
.main-con1 div.bt1{margin-left:15%;}

.main-con2 {clear:both;padding:0px 0px;}
.main-con2 h1 {width:100%;margin:0px;padding:10px 0px;background-color:#111;color:#fff;font-size:20px;font-weight:500;letter-spacing:2px;text-align:center;}
.main-con2 .inner {width:100%;padding:7px;background:url(../image/box_bg1.jpg);background-size:120%;}
.main-con2 .inner .pc {display:block;background-color:#fff;}
.main-con2 .inner .pc table {width:100%;margin:0px;padding:0px;border-collapse:collapse;}
.main-con2 .inner .pc table td.td1{padding:0px;margin:0px;border-right:10px solid #333;}
.main-con2 .inner .screenimg {width:100%;margin-top:20px;}
.main-con2 .inner .info {position:relative;width:100%;padding:10px;background-color:#111;margin-top:20px;}
.main-con2 .inner .info span{color:#fff;font-size:14px;font-weight:300;}
.main-con2 .inner .info span.date{color:#8cfff3;font-size:16px;font-weight:600;}
.main-con2 .inner .info span.time{color:#8cfff3;margin-left:15px;font-size:16px;font-weight:600;}
.main-con2 .inner .info img.ico{width:26px;margin-top:4px;}
.main-con2 .inner .info span.count{margin-left:10px;vertical-align:-5px;}
.main-con2 .inner .info button{position:absolute;top:20px;right:20px;padding:5px 10px;background-color:#fff;color:#02ab34;border:3px solid #02ab34;border-radius:5px;}
.main-con2 .inner .info2{width:100%;padding:20px;}
.main-con2 .inner .info2 h2 {width:100%;padding:0px;font-size:24px;font-weight:600;color:#000;}
.main-con2 .inner .info2 h2 span{display:block;width:25px;height:4px;border:0px;padding:0px;margin:8px 0px 0px 0px;background-color:#000;}
.main-con2 .inner .info2 .tx {width:100%;padding:0px 0px;margin-top:0px;font-size:14px;line-height:150%;}
.main-con2 .inner .mo {display:none;background-color:#fff;}

.main-con3 {max-width:767px;padding:70px 0px 0px 0px;margin:0 auto;}
.main-con3 .info {position:relative;width:500px;height:300px;margin:0 auto;background:url(../image/main_ico_31.png) center top;background-size:100%;background-repeat:no-repeat;}
.main-con3 .info h1 {padding:25px 0px 10px 0px;color:#fff;font-size:21px;font-weight:500;text-align:center;}
.main-con3 .info .inner {width:445px;height:171px;padding:17px;margin-left:25px;background-color:#fff;border-radius:5px;}
.main-con3 .info h2 {margin-bottom:5px;font-size:16px;font-weight:700;color:#00639c;}
.main-con3 .info .tx {font-size:14px;color:#111;}

.frametail {width:100%;height:245px;margin:0px;padding:0px;border:0px;overflow: hidden;}

@media (max-width:1199px) {
	.frametail {height:290px;}
}
@media (max-width:991px) {
	.login-box .login-box-in .login-form {padding:30px 50px}
	.login-box .login-box-in .non-members {padding:30px 50px}
	.login-box .login-box-in .non-member-order {padding:90px 60px}

	.frametail {height:360px;}
}
@media (max-width:767px) {
	.wrapper {width:100%;min-width:320px;overflow:auto; background:none;}
	.header-title > .container > .tx {width:80%;font-size:13px;text-align:left;}
	.header-title > .container > .tx img {height:24px;vertical-align:-7px;}

	.login-box {margin:0px;}
	.login-box .login-box-in {width:100%;}
	.login-box .login-box-in .login-form {padding:30px 20px;margin-right:0}
	.login-box .login-box-in .login-form-margin-bottom {margin-bottom:10px}
	.login-box .login-box-in .login-form h1 {font-size:30px}
	.login-box .login-box-in .login-sidebar {display:none}
	.login-box .login-box-in .non-members {padding:30px 20px}
	.login-box .login-box-in .non-member-order {padding:40px 20px}

	.login-box .login-box-info {width:100%;}

	.main-title {margin-top:0px;padding:4px 4px 4px 4px;background:url(../image/main_title_bg.png) left top;background-size:100%;background-repeat:no-repeat;background-color:#202020;}
	.main-title-in {padding:5px;}
	.main-title-pc{display:none;}
	.main-title-mo{display:block;}
	
	.main-con1{padding:50px 10px;}
	.main-con1 div.bt {width:45%;}
	.main-con1 div.bt span{font-size:13px;}
	.main-con1 div.bt1 {margin:0 2% 0 2%;}
	.main-con1 div.bt2 {margin:0 2% 0 2%;}
	
	.main-con2 {margin-top:0px;}
	.main-con2 .inner .pc {display:none;}
	.main-con2 .inner .mo {display:block;}
	.main-con2 .inner .info2 {padding:30px 20px;border:10px solid #333;}
}
@media (max-width: 576px) {
	.header-title > .container > .tx {width:70%;font-size:13px;}

	.login-box {width:100%}
	.login-box .login-box-in {width:100%}
}
@media (max-width: 500px) {
	.main-con3 .info {width:100%;height:245px;margin:0 auto;background:none;background-color:#000;border-radius:5px;}
	.main-con3 .info h1 {padding:15px 0px 10px 0px;font-size:18px;}
	.main-con3 .info .inner {width:92%;height:180px;padding:15px;margin:0 auto;}
	.main-con3 .info h2 {font-size:15px;}
	.main-con3 .info .tx {font-size:13px;color:#111;}
}
@media (max-width:480px) {
	.header-title > .container > .tx {width:60%;font-size:13px;}
}
@media (max-width:360px) {
	.header-title > .container > .tx {width:60%;font-size:13px;}
	.main-con3 .info .tx {font-size:12px;color:#111;}
}