html { height:100%; }
body { height:100%; color:#4d4d4d;  font-size: 13px; font-size:inherit; font-family:'nanum Gothic'; word-break: keep-all;  }
a { text-decoration: none; }
input:focus{ outline: none; }



#wrap { min-width:320px; position: relative; z-index: 999;  }

.off { border: solid 1px #b4b3b3 !important; color: #b4b3b3; }

.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear: both; display:block !important; float:none !important; width:auto !important; }
.overflow-auto { overflow: auto; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.width100p { width:100%; }
.bold { font-weight: bold; }

.reset { padding:0px; margin:0px; clear: both; font-size:0px; line-height: 0px; }

select { vertical-align: middle; font-family: 'Nanum Barun Gothic'; color:#444; height:24px; font-size:12px; border:solid 1px #ddd; border-radius: 2px; }
textarea { border:solid 1px #ddd; font-family: 'Nanum Barun Gothic'; font-size:12px; line-height: 1.4;  border-radius: 2px; }

.loading-container { position: fixed; width:100%; height:100%; background:url(/asset/images/bg-pop-mask.png); z-index: 99999;}
.loading-container img { position: fixed; top:50%; left:50%; width:30px; margin: -15px 0 0 0; }

.popup-container { position: absolute; width:100%; height:100%; top:0px; left:0px; display:none; z-index: 1000; }
.popup-container .bg { position: fixed; background: #000; opacity: 0.8; filter:alpha(opacity=80); height: 100%; width:100%; }
.popup-container > iframe { position: absolute; top:50%; left:50%; width:600px; height:500px; margin:-300px 0 0 -250px; background:#fff; border:solid 5px #000; border-radius: 5px; }

.popup-body { background:none; }
#popup-wrap { padding:20px 15px 70px 15px; }
#popup-wrap h3 { color:#333; font-size:16px; margin-bottom:10px; }
#popup-wrap .form-style01 { padding:0px; border:none; }
#popup-wrap .form-style01 th { font-size:12px; }
#popup-wrap .form-style01 td { font-size:12px; }
#popup-wrap .list-style01 { padding:0px; border:none; }
#popup-wrap .list-style01 th { font-size:12px; }
#popup-wrap .list-style01 td { font-size:12px; }
#popup-wrap .search-container { padding:8px 10px; border-radius: 2px; }
#popup-wrap > .btn-container { position: fixed; left:0px; bottom:0px; padding:7px 0; width:100%; background:#eee; border-top:solid 1px #ddd; }

/*버튼*/
input { vertical-align: middle; font-family: 'Nanum Barun Gothic'; font-size:12px; }
input[type=text], input[type=password] { border:solid 1px #ddd; line-height: 20px; height:20px; border-radius: 2px; text-indent:5px;  }
input[type=button],input[type=submit] { color:#111; opacity: 0.8; filter:alpha(opacity=80); font-size:12px; margin:0px; padding:0px 8px !important; line-height: 22px; border:solid 1px #b4b3b3; border-radius: 2px; background:#eee; }
input[type=radio], input[type=checkbox] { padding:0px; margin:0px; }
input.small { line-height:19px; font-size:11px; color:#666; }
input.bic { line-height:26px; font-size:12px; color:#666; padding:0px 18px !important; min-width:70px; text-align: center;  }
input.black { background:#333; color:#fff; border:solid 1px #222; }
input.gray { background:#7d7d7d; color:#fff; border:solid 1px #666; }
input.red { background:#ed1c24; color:#fff; border:solid 1px #b31117; }
input.green { background: #459300 ; color:#fff; border:solid 1px #387601 ; }
input.green2 { background:#72d819; color:#111; border:solid 1px #60af1a; }

input.disabled { border:none;  }

.btn { color:#111; opacity: 0.8; filter:alpha(opacity=80); display:inline-block; vertical-align: middle; font-family: 'Nanum Gothic'; font-size:12px; margin:0px; padding:0px 8px !important; line-height: 22px; border:solid 1px #b4b3b3; border-radius: 2px; background:#eee; white-space: nowrap; }
.btn span { font-size:inherit; color:inherit; }
.btn.small { line-height:19px; font-size:11px; color:#666; }
.btn.small2 { line-height:16px; font-size:11px; color:#666; padding:0px 4px !important;  }
.btn.small3 { line-height:14px; font-size:10px; color:#666; padding:0px 3px !important; font-weight: normal; }
.btn.bic { line-height:26px; font-size:12px; color:#666; padding:0px 18px !important; min-width:70px; text-align: center;  }
.btn.black { background:#333; color:#fff; border:solid 1px #222; }
.btn.gray { background:#7d7d7d; color:#fff; border:solid 1px #666; }
.btn.red { background:#ed1c24; color:#fff; border:solid 1px #b31117; }
.btn.green { background: #459300 ; color:#fff; border:solid 1px #387601 ; }
.btn.green2 { background:#72d819; color:#111; border:solid 1px #60af1a; }

a.btn:hover { text-decoration: underline; }

img.responsive { width:100% !important; height:auto !important; }



/*페이징*/
.paging-container { text-align: center;  font-size:0px; padding:25px 0 15px 0; position: relative; margin-top:0px; }
.paging-container > a { display:inline-block; font-size:14px; vertical-align: top; height:30px; line-height: 30px; width:31px; text-align: center; margin:0 0 1px 0; /*background:#efefef;*/ color:#777; padding:0 3px; }
.paging-container > a.bic { width:40px; font-size:14px; }
.paging-container > a img.over { display:none; }
.paging-container > a:hover img { display:none; }
.paging-container > a:hover img.over { display:inline; }



/*.paging-container > a:hover { text-decoration: underline; background:#666; border:solid 1px #666; color:#eee; }*/
/*.paging-container > a img {  margin-top:5px; height: 9px; }*/
.paging-container > ul { display:inline; margin:0 10px; }
.paging-container > ul li { display:inline-block; zoom:1; *display:inline; font-size:16px; margin:0 1px; }
.paging-container > ul li a { display:block; padding:0px 7px; line-height:30px; height:30px; color:#8c8c8c; font-weight:bold; /*border:solid 1px #ddd;*/ }
.paging-container > ul li.selected a { color:#143b61; }
/*.paging-container > ul li:hover a { text-decoration: underline; }*/

.attach-container { margin-top:40px; background:#efefef; padding:10px 15px; }
.attach-container .tt { font-weight: bold; }
.attach-container > ul > li { float:left; margin-right:15px; }
.attach-container > ul > li a { /*text-decoration: underline; */}
.attach-container > ul > li a:hover { text-decoration: underline; }

#header { text-align: center; padding:10px 0; }
#header > a { }
#header > a img { height:35px; width:auto; }
#header ul { display:block; background:#eb261f; margin-top:10px; }
#header ul li { float:left; width:100%; text-align: center; background:#eb261f;}
#header ul li a { display:block; color:#fff; font-size: 13px; text-align:center; line-height: 42px; font-weight: bold; }
#header ul li a { border-right:solid 1px #fb6b66; }
#header .btn-login { position: absolute; right:10px; top:30px; }
#header .btn-login a { font-size:13px; font-weight: bold; }

#footer { background:#333333; color:#ddd; font-size:12px; padding:20px 10px; clear:both; margin-top:60px; }
#footer ul li { float:left; margin-right:15px; line-height: 1.5; }


#main .banner-container ul li img { width:100%; }



.style01 { padding:10px 10px; }
.style01 > li { 
color: #545353;
display: block;
margin-bottom:20px;
 }
.style01 > li > .style01-wrap { height: 160px; position: relative; left: 0px;  }
.style01 > li > .style01-wrap > .style01-cc { width: 235px; height: 140px;  border-left: 1px solid #eee; border-top: 1px solid #eee; background:#f7f7f7; }
.style01 > li:nth-child(even) > .style01-wrap > .style01-cc { border-right: 1px solid #eee; }
.style01 > li > .style01-wrap > .style01-cc > .style01-img { display: inline-block; position: absolute; right: 2px; width: 108px; height: 129px; background-repeat: no-repeat; background-position-x: center; background-position-y: top; background-size: cover; }

.style01-tt { display: inline-block; position: absolute; /*width: 125px;*/ height: 129px; z-index: 10; }
.style01-tt > dl { padding-left: 10px; padding-top: 13px; }
.style01-tt > dl > dd { line-height: 1.4; font-size: 12px;letter-spacing: -0.05em;font-weight: 600; min-height: 22px; margin-right:45px; }
.style01-tt > dl > dd > span { font-size: 16px; font-weight: 800; color: #333; line-height: 2; vertical-align: middle; }

.style01-wrap > .style01-btn {text-align: left;  }

.style01.small {padding:10px 5px;}

.style01.small > li { width:50%; float:left; }


.icon_ing { text-align: center; display:inline-block; background:#f44354; color:#fff; font-size:12px; font-weight: bold; padding:2px 6px; border-radius: 0px; border:solid 1px #db2738; border-radius: 2px; margin-bottom:3px; cursor:pointer; cursor:hand; }

.icon_ing span { text-align: center; display:block; background:url(/assets/images/icon_brod2.png) no-repeat left center; background-size:13px; padding-left:17px; }

.icon_ing2 { text-align: center; display:inline-block; background:#666; color:#fff; font-size:12px; font-weight: bold; padding:2px 6px; border-radius: 0px; border:solid 1px #444; border-radius: 2px; margin-bottom:3px; cursor:pointer; cursor:hand;}
.icon_ing3 { text-align: center; display:inline-block; background:#0054a6; color:#fff; font-size:12px; font-weight: bold; padding:2px 6px; border-radius: 0px; border:solid 1px #044789; border-radius: 2px; margin-bottom:3px; cursor:pointer; cursor:hand;}


.icon_ing.small { font-size:11px; padding:1px 5px; opacity: 1; filter:alpha(opacity=100); }
.icon_ing2.small { font-size:11px; padding:1px 5px; opacity: 0.8; filter:alpha(opacity=80);  }
.icon_ing3.small { font-size:11px; padding:1px 5px; opacity: 0.8; filter:alpha(opacity=80);  }

.btn-bro { text-align: center; display:inline-block;width:170px; height:30px; line-height: 30px; background:#f44354 ; }
.btn-bro > span { display:inline-block; font-size:16px; font-weight: bold;  vertical-align: middle; background:url(/assets/images/icon_play2.png) no-repeat 7px center; padding-left:40px; color:#fff; }

.btn-bro.black { background:#2c343a; }
.btn-bro.red { background:#2c343a; color:#ff6e73;}
.btn-bro.red > span { color:#ff6e73; }
.btn-bro.red > span span { color:#fff; }
.btn-bro.black2 { background:#333; }

.btn-bro2 { text-align: center; display:inline-block;width:170px; height:30px; line-height: 30px; background:#f44354 ; }
.btn-bro2 span { display:inline-block; font-size:12px; font-weight: bold;  vertical-align: middle; background:url(/assets/images/icon_play2.png) no-repeat 7px center; background-size:21px; padding-left:33px; color:#ff6e73; }

.btn-bro2.black { background:#888; ; }
.btn-bro2.black span { background:none; padding-left:0px; color:#bbb; }
.btn-bro2.black2 { background:#333; ; }

.btn-home { text-align: center; display:inline-block;width:147px; height:30px; line-height: 30px; background:#ababab ;  background:#555 ; }
.btn-home span { text-align: center; display:inline-block; font-size:12px; font-weight: bold;  vertical-align: middle; background-size:21px; color:#fff; }


#main .special-container { padding:15px 0; }

#main .banner-container { clear:both; }
#main .banner-container li { height:120px; }

#main .board-container { clear:both; padding:10px 10px; padding-top:20px;  }
#main .board-container .tt { font-weight: bold; color:#000; border-bottom:solid 1px #444; padding-bottom:4px; margin-bottom:10px; }
#main .board-container li a { font-size:13px; margin-right:90px; display:block; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; }
#main .board-container li { padding:8px 2px; border-bottom:solid 1px #f4f4f4; position: relative; }
#main .board-container li:last-child { border-bottom:none; }
#main .board-container li .date { position: absolute; top:8px; right:2px; font-size:13px; }
#main .board-container ul { border-bottom:solid 1px #444; padding-bottom:10px;1 }

#contents { padding:60px 10px 0 10px; }
#contents h2 { padding:5px 0 13px 2px; font-size:20px; border-bottom:solid 1px #ccc; margin-bottom:20px; }
#contents h2 .line { font-size:0px; height:10px;  }

.special-select select { width:100%; height:38px; line-height: 38px; background:#fff; font-size:14px; border:solid 1px #333; }


.listT2{ width: 100%; text-align: center; border-top:solid 1px #ddd; }
.listT2 th { background-color: #fafafa; color: #333; font-size: 13px; font-weight: bold;  line-height: 40px; border-top:solid 2px #000; border-bottom:solid 1px #ddd; text-align:center; }
.listT2 td { color: #555; font-size: 13px; border-bottom: 1px solid #bcbcbc; padding:10px 4px; height:35px; vertical-align: middle; border-bottom:solid 1px #ddd; text-align:center; }
.listT2 td > a { font-size: 13px; line-height: ; font-weight: bold; color: #444; }
.listT2 > tbody > tr:last-child { border-bottom: 1px solid #ddd; }
.listT2 > tbody > tr:first-child {  }
.listT2 .type { display:inline-block; padding:1px 5px; border-radius: 2px; background:#ddd; font-size:11px; }
.listT2 .type.color1 { background:#1964ae; color:#fff; }

#search {  position: relative; margin-bottom:20px; margin-top:20px; }
#search input { width:100%; height:30px; }
#search .btn { position: absolute; right:0px; top:2px; height:28px; line-height: 28px; }

.viewT { width:100%; }
.viewT td { word-break: break-all; }

#login-area { margin-top:40px; }
#login-area li input { width:100%; height:34px; line-height: 34px; margin-bottom:5px; }
#login-area .btn { background:#293036; font-size:16px; color:#fff; font-weight: bold; border:none; display:block; height:45px; line-height: 45px; text-align:center; }

#join-area > span { font-size:14px; display:block; padding-bottom:4px; font-weight: bold; }
#join-area  .clause-area { padding:10px; border:solid 1px #ddd; height:120px; overflow-y: auto; font-size:12px; }
#join-area .chbox-area { margin-top:7px; margin-bottom:15px; font-size:13px; }
#join-area .chbox-area input { margin-right:5px; }
#join-area #join-step1-btn-area { text-align: center; margin-top:40px; }
#join-area table th { font-size:13px; }
#join-area table td { font-size:13px; padding:5px 5px; }
#join-area .btn.black { line-height:22px; height:22px; min-width:auto; }
#join-area .ps { font-size:12px; margin-top:4px; }
#join-area .btn.bic { padding:0 7px !important; }