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

/*body,th,td,select,input,button {width:100%; margin:0; padding:0; font-size:14px; line-height:150%; color:#666; font-family:'Nanum Gothic', 'NanumGothic', '³ª´®°íµñ', 'µ¸¿ò', 'dotum', sans-serif;}*/
caption,legend {width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
img,fieldset,button {border:0;}
select, textarea {min-width:80px; padding:6px 12px 5px 12px; border:1px solid #b6b6b6; background:#fff; vertical-align:middle; box-sizing:border-box;}
input, select, textarea {display:inline-block; box-sizing:border-box; width:auto;line-height:1.4; font-size:1em;}
a {display:inline-block; text-decoration:none; color:#000;}
a:hover {text-decoration:none; color:#000;}
a:visited {text-decoration:none; color:#000;}
dl,dt,dd {margin:0; padding:0;}
ul, li {list-style:none; padding:0;margin:0;}

/* Common */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valt{vertical-align:top !important;}
.valm{vertical-align:middle !important;}
.pdr30{padding-right:30px !important;}

/******************* bbsList ******************/
/* List */
#bbsList{table-layout:fixed; border-collapse:collapse; width:100%; margin:0; border:0; border-top:1px solid #555; border-bottom:1px solid #555;}
#bbsList th{padding:18px 0; border: 0; border-bottom:2px solid #555; background: #fff url('/board/images/line_th.gif') no-repeat left 50%; font-weight:600; line-height: 1.5; color:#444; text-align:center;}
#bbsList thead th:first-child{background:transparent;}
#bbsList td{padding:18px 5px; border: 0; border-top:1px solid #e0e0e0; line-height: 1.5; color:#444; text-align:center; }/*word-break:keep-all;}*/

/* Icon */
.notice {border:1px solid #ff4500; color:#ff4500; border-radius:3px; white-space:nowrap; height:25px; line-height:1.8; width:40px; display:block; margin:0 auto;}
.ico {float:left; color:#fff; white-space:nowrap; height:21px; line-height:20px; width:40px; display:block; text-align:center; margin:0 10px; vertical-align:middle;}
.blue01 {background:#0480c8 !important;}
.blue02 {background:#047ec9;}
.blue03 {background:#0cbcbf;}
.green01 {background:#008d59;}
.green02 {background:#57ad46;}
.green03 {background:#5dae39;}
.red01 {background:#c0172c;}
.red02 {background:#ff4500;}
.red03 {background:#fe7b3d;}
.purple {background:#823bb8;}

/* Paging */
.pagination{margin:30px 0 0; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{display:inline-block; position:relative; box-sizing:border-box; width:30px; height:30px; margin: 0 -1px 0 0; background:#fff; font-size:0.85em; font-weight:600; color:#777; line-height:2.3; text-decoration:none; vertical-align:middle;}
.pagination strong{position:relative; z-index:10; border:none; background:#0178b8; color:#fff; line-height: 2.8;}
.pagination .page_prev,
.pagination .page_prevend,
.pagination .page_next,
.pagination .page_nextend{border:1px solid #b6b6b6; border-radius:2px; text-indent: -9999em;}
.pagination .page_prev{margin-right:35px; background:url(/board/images/ico_arrow_prev.gif) no-repeat 10px 50%;}
.pagination .page_prevend{background:url(/board/images/ico_arrow_prevend.gif) no-repeat 7px 50%;}
.pagination .page_next{margin-left:35px; background:url(/board/images/ico_arrow_next.gif) no-repeat 11px 50%;}
.pagination .page_nextend{background:url(/board/images/ico_arrow_nextend.gif) no-repeat 9px 50%;}

/* Search */
.bbsSearch {display:block; position:relative; border-top:1px solid #e0e0e0 !important; width:100%; margin:0; border:0; margin-top:20px; padding-top:20px; text-align:center; box-sizing:border-box;}
.bbsSearch .word {width:200px; height:35px; padding:7px 8px; border:1px solid #b6b6b6; background:#fff; vertical-align:middle;}
.button{height:35px; margin:5px 3px; padding:0 15px; border:1px solid transparent; font-weight:400; font-size:1em; line-height:2.4; letter-spacing:0;background-color:#666; color:#fff !important;}

.bbsListBtn {margin: 0 0 30px; text-align:right; width:100%; display:block;}

/* ÅëÇÕ°Ë»ö */
.bbsSearch2 {display:block; position:relative; border:2px solid #e0e0e0 !important; width:100%; margin:0; border:0; margin:20px 0; padding:30px 0; text-align:center; box-sizing:border-box;}
.bbsSearch2 .word {width:350px; height:35px; padding:7px 8px; border:1px solid #b6b6b6; background:#fff; vertical-align:middle;}
.bbsSearch2 p {padding-bottom:10px; width:420px; margin:0 auto; text-align:left;}
.bbsSearch2 span {color:#2465ad; font-weight:600;}
.button2{height:35px; margin:5px 3px; padding:0 15px; border:1px solid transparent; font-weight:400; font-size:1em; line-height:2.4; letter-spacing:0;background-color:#4a5c7f; color:#fff !important;}



/******************* bbsView ******************/
#bbsView {width:100%; margin:0; border:0; border-top:1px solid #555; border-bottom:1px solid #555;}
#bbsView .row_group {position:relative; border-bottom:1px solid #d8d8d8; box-sizing:border-box; overflow:hidden;}
#bbsView .row_group dl{position:static; overflow:hidden;}
#bbsView .row_group dl dt{position:absolute; top:0; bottom:0; box-sizing:border-box; width:140px; margin-left:-1px; padding:13px 10px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; background:#f6f6f7; font-weight:600; font-size:1em; line-height:1.6; text-align:center;}
#bbsView .row_group dl dt>span{display:inline-block; vertical-align:middle;}
#bbsView .row_group dl dd{box-sizing:border-box; min-height:50px; margin-left:140px; padding:15px 10px 15px 25px; line-height:1.6;}
#bbsView .row_group dl dd:after {content:'';}
#bbsView .row_group.col02 dl:first-child{float:left; width:50%;}
#bbsView .row_group.col03 dl:first-child,
#bbsView .row_group.col03 dl:first-child+dl{float:left; width:33.3%;}



#bbsView .row_group02 {position:relative; border-bottom:1px solid #d8d8d8; box-sizing:border-box;}
#bbsView .row_group02 h2{padding:25px 0; text-align:center; font-size:30px; color:333;}
#bbsView .row_group02 dl{display:table; width:100%; border-top:1px solid #d8d8d8; overflow:hidden;}
#bbsView .row_group02 dl > dt{display:table-cell; box-sizing:border-box; width:140px; margin-left:-1px; padding:13px 10px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; background:#f6f6f7; font-weight:600; font-size:1em; line-height:1.6; text-align:center; vertical-align:middle;}
#bbsView .row_group02 dl dd{display:table-cell; vertical-align:middle;}
#bbsView .row_group02 dl dd.first_dd{padding:13px 10px;}

#bbsView .row_group02 dl > dd > dl > dt{width:60px; border:0;}
#bbsView .row_group02 dl > dd > dl > dt.over{width:100px;}
#bbsView .row_group02 dl > dd > dl > dd{display:table-cell; padding:13px 10px;}

.mw_150{min-width:150px;}
.mw_150 p{float:left; margin-right:5px;}
.mw_150 span{float:left; display:block; font-size:15px; margin-top:5px;}

.mb_30{margin-bottom:30px;}
.noline{border:none !important;}

#bbsView .content{position:relative; width: 96%; padding: 2%; line-height:1.6; word-break:keep-all;}
#bbsView .content .imgview img {margin-bottom:20px;}

.bbsViewBtn {margin:30px 0; text-align:center;width:100%; display:block;}


/* ³ª±¤Áø Ãß°¡ */
#bbsView .word {height:35px; padding:7px 8px; border:1px solid #b6b6b6; background:#fff; vertical-align:middle;}

#bbsView p.upfile {
	margin-top:3px;
}
input.filebtn { 
	padding:5px 20px; vertical-align: middle; line-height:100%;
	background:#8C8C8C; border-radius:2px; border:1px solid #8C8C8C; 
	color:#fff; font-size:12px; letter-spacing:-0.05em; 
	cursor:pointer;
}
.filesize { font-size:0.9em; color:#8C8C8C; }
button.wbtn { 
	width:110px; color:#FFF; background:#8C8C8C; 
	border-radius:5px; padding:5px 0; cursor:pointer;
}
.fcred { color:#ff0000; }
.lettel_ico { color:#fff; font-size:0.8em; padding:3px 8px; vertical-align:middle; border-radius:3px;}



/******************* albumList ******************/
#albumList {border-top: 2px solid #444; padding:30px 0 10px;}
#albumList ul {overflow:hidden;}
#albumList ul li {float:left; width:23%;margin-bottom:20px; margin-right:2%; border:1px solid #b7b7b7;}
#albumList ul li:nth-child(4n){margin-right:0 !important;}
#albumList ul li {display:block;}
#albumList ul li .photo {overflow:hidden; width:100%; height:140px; text-align:center; background:#9e9e9e; }
#albumList ul li .photo img {width:100%; height:auto; max-width:442px;}
.no_img { padding-top:60px; color:#FFF;}
#albumList ul li .albumInfo {padding:20px; border-top:1px solid #b6b6b6; margin-top:-2px; box-sizing:border-box;}
#albumList ul li .albumInfo p {display:block;}
#albumList ul li .albumInfo .albumTitle {width:100%; height:40px; font-size:1.1em; font-weight:700; line-height:1.3em; overflow:hidden; word-break:keep-all;}




/******************* tab ******************/
.tab_wrap {margin-bottom:20px;}
.tab {border-left:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;}
.tab li {float:left; border:1px solid #ddd; border-left:none; border-bottom:none; text-align:center; display:block; padding:20px 30px; cursor:pointer; background-color:#eee; margin-bottom:-1px;}
.tab li.on {background-color:#fff; color:#0480c8; font-weight:600; border-bottom-color:transparent;}

.tab02 {background:#fff; overflow:hidden; clear:both}
.tab02 li {float:left; width:19.7%; border:1px solid #ddd; text-align:center; display:inline-block; padding:10px 20px; margin:3px 0.3% 0 0; cursor:pointer;box-sizing:border-box; font-size:0.9em; }
.tab02 li.on {background-color:#eee; color:#0480c8; font-weight:600;}
.tab02 li:nth-child(5n) {margin:3px 0 0 0;}


.nav-tabs {display:table; width:100%; margin:0 0 20px 0; border-bottom:1px solid #ddd;} 
.nav-tabs li {float:left; margin-bottom:-1px !important; background:#f3f3f3; border-right:1px solid #fff;}
.nav-tabs li a, 
.nav-tabs li a:hover,
.nav-tabs li a:focus {display:block; padding:20px 30px; border:1px solid transparent; border-bottom:1px solid #ddd;} 
.nav-tabs li a:hover {background:#e6e6e6; border-bottom:1px solid #ddd;} 
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {background:#fff; margin:0; padding:20px 30px; font-weight:600; color:#0480c8; border:1px solid #ddd; border-bottom-color:transparent !important;}


/******************* faqList ******************/
.faq_a {background:#0480c8; color:#fff; white-space:nowrap; height:25px; width:40px; display:inline-block; margin:0 auto; vertical-align:middle;}
.faq_view { display:none; } 



/******************* º°Á¡ ******************/
.satisfy {width:100%; background:#fff; border:1px solid #d2d2d2; margin:50px 0; box-sizing:border-box;}
.satisfy .satisfy_q {padding:0 30px;}
.satisfy .satisfy_q > li {padding:20px 0 10px; border-bottom:1px dashed #ccc;}
.satisfy .satisfy_q > li:last-child {padding:20px 0 10px; border-bottom:0;}
.satisfy .satisfy_q > li textarea {width:100%}
.satisfy p {background:#f6f6f7; padding:18px 30px; margin-bottom:20px; font-size:1.1em;}
.satisfy p span {color:#3c6cc2; font-weight:600;}
.satisfy li {display:inline-block; width:100%; }
.score {margin:10px 0 0 0;}
.score li {float:left; width:20%;font-size:0.8em; position:relative;}
.bg_star1 {background:url(/images/04_customer/star01.gif) no-repeat left 2px; width:90px; height:20px; display:inline-block; position:absolute; right:5px; top:0;}
.bg_star2 {background:url(/images/04_customer/star02.gif) no-repeat left 2px; width:90px; height:20px; display:inline-block; position:absolute; right:30px; top:0;}
.bg_star3 {background:url(/images/04_customer/star03.gif) no-repeat left 2px; width:90px; height:20px; display:inline-block; position:absolute; right:40px; top:0;}
.bg_star4 {background:url(/images/04_customer/star04.gif) no-repeat left 2px; width:90px; height:20px; display:inline-block; position:absolute; right:40px; top:0;}
.bg_star5 {background:url(/images/04_customer/star05.gif) no-repeat left 2px; width:90px; height:20px; display:inline-block; position:absolute; right:15px; top:0;}
.satisfy .btn {margin:15px auto 40px;}
.satisfy .btn a{background:#3c6cc2; padding:10px 30px; color:#fff;}
div.answer { position:relative; margin-left:20px; font-size:0.8em; }
div.answer .bg_star { right:0px; }