/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body,th,td,select,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 {visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
img,fieldset,button {border:0;}
select, textarea { padding:7px 8px; border:1px solid #b6b6b6; background:#fff; vertical-align:middle; box-sizing:border-box;}
select, textarea {display:inline-block; box-sizing:border-box; width:auto;line-height:1.4;}
a {display:inline-block; text-decoration:none; color:#444;}

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:11px 0; border: 0; border-bottom:2px solid #555; background: #fff url('../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:14px 5px; border: 0; border-top:1px solid #e0e0e0; line-height: 1.5; color:#444; text-align:center; word-break:keep-all;}

/* Icon */
.notice_tit {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:60px; 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;}
.violet {background:#384381 !important;}

.orangered{background-color:orangered !important;}

/* 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:#384381; 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(../images/ico_arrow_prev.gif) no-repeat 10px 50%;}
.pagination .page_prevend{background:url(../images/ico_arrow_prevend.gif) no-repeat 7px 50%;}
.pagination .page_next{margin-left:35px; background:url(../images/ico_arrow_next.gif) no-repeat 11px 50%;}
.pagination .page_nextend{background:url(../images/ico_arrow_nextend.gif) no-repeat 9px 50%;}

/* Search */
.bbsSearch {display:block; position:relative; border:2px solid #e0e0e0 !important; width:100%; margin:0; border:0; margin:20px 0; padding:20px 0; text-align:center; box-sizing:border-box;}
.bbsSearch .word {width:200px; 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; line-height:2.4; letter-spacing:0;background-color:#666; color:#fff !important;cursor:pointer;}

.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;}


/* 통합검색 (디자인입힘) */ 
.bbsSearch2 {display:block; position:relative; width:100%; height:176px; margin:0; border:0; margin:20px 0; padding:30px 0; text-align:center; box-sizing:border-box; background:url(/sub07/imgs/total_search_bg.gif) no-repeat;}
.bbsSearch2_tit {font-weight:600; font-size:22px; padding-top:17px; } 
.bbsSearch2 .word {width:350px; height:35px; padding:7px 8px; border:1px solid #b6b6b6; background:#fff; vertical-align:middle;}
.bbsSearch2 p {padding-bottom:15px; 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;}
#bbsView .row_group dl{display:table; position:static; overflow:hidden;}
#bbsView .row_group dl dt{position:relative; top:0; bottom:0; display:table-cell; box-sizing:border-box; width:140px; margin-left:-1px; padding:10px 10px; 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{display:table-cell; box-sizing:border-box; /* min-height:50px; */ margin-left:140px; padding:10px 10px 10px 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 .content{position:relative; width: 96%; padding: 2%; line-height:1.6; word-break:keep-all;}
#bbsView .content img{max-width:100%;}
#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;}
#bbsList .imgview img {margin-bottom:20px;}



/******************* albumList ******************/
#albumList { padding:0px 0 10px;}
#albumList ul {display:flex; flex-wrap:Wrap; margin:0 -1%;}
#albumList ul li {width:23%; margin:0 1% 2% 1%; border:1px solid #ddd; border-radius:5px; overflow:hidden; transition:.3s;}
#albumList ul li {display:block;}
#albumList ul li .photo {position:relative; max-height:240px;  overflow:hidden; width:100%; text-align:center; background:#9e9e9e; }
#albumList ul li .photo a{ display:block; width:100%; height:200px; }
#albumList ul li .photo img {width:100%; height:100%; object-fit: cover;}
.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;}

#albumList ul li:hover{border:1px solid #0185c7;}


/******************* 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:#384381; 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/star01.gif) no-repeat left 2px; width:90px; height:20px; display:inline-block; position:absolute; right:5px; top:0;}
.bg_star2 {background:url(../images/star02.gif) no-repeat left 2px; width:90px; height:20px; display:inline-block; position:absolute; right:30px; top:0;}
.bg_star3 {background:url(../images/star03.gif) no-repeat left 2px; width:90px; height:20px; display:inline-block; position:absolute; right:40px; top:0;}
.bg_star4 {background:url(../images/star04.gif) no-repeat left 2px; width:90px; height:20px; display:inline-block; position:absolute; right:40px; top:0;}
.bg_star5 {background:url(../images/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; text-align:center; }
.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; }




.section_board h3{
	font-size:1.2em;
	padding-left:12px;
	background:url(/images/06_ethics/icon01.gif) no-repeat left 8px;
}
.section_board ul {
	padding:20px 0 10px;
	margin-bottom:30px;
	border-bottom:1px solid #e0e0e0;
}
.section_board ul li {
	border-bottom:1px dashed #DDD;
}
.section_board ul li:last-child {
	border-bottom:0px;
}
.section_board .title a {
	text-decoration:underline;
	padding:15px 0 7px 15px; color:#313131;
}
.section_board .info {
	padding:0 0 10px 20px; font-size:0.9em;
}
.section_board .more {
	margin-left:10px; font-size:0.9em; color:#4a5c7f; 
}


.caution {
	border:6px solid #d5e4ed;
	padding:0 30px 10px 30px; margin-top:50px;
}
.caution .depth1 li {
    font-weight:600; color:#3c6cbb;
    padding:10px 0 0 12px;
}
.caution .depth2 li {
    padding:2px 0 2px 12px; margin:0;
	font-size:1.1em; font-weight:600; color:#666;
	text-align:justify; word-break:keep-all;
}




@media (max-width: 969px){

	#albumList ul li{width:31.333%;}

	#bbsView .row_group dl{float:none; width:100%; display:table;}
	#bbsView .row_group.col02 dl:first-child{width:100%; border-bottom:1px solid #ddd;}
	#bbsView .row_group dl dt{display:table-cell; position:relative;}
	#bbsView .row_group dl dd{display:table-cell;}

}



@media (max-width: 640px){

	#albumList ul li{width:48%;}
    #albumList ul li .photo a {height:30vw;}
}


@media (max-width: 480px){
    #albumList ul li{width:98%;}
    #albumList ul li .photo a {height:auto;}
}






