@charset "utf-8";

/* paginate */
#page { position: relative; text-align:center; color:#333; margin:30px auto 0 auto; display:table;  }
#page span {display:table-cell; vertical-align:middle; }
#page a {position: relative;display:inline-block;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; border-left:0; margin:0;color:#777;width: 45px;height: 45px;float:left;padding: 7px 0 5px 0;background-color:#fff; }
#page a.on {background-color:#dd042b; color:#fff; font-weight:400;}
#page a:hover {text-decoration:underline; border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;}
#page a.first{background:url(/kor/img/common/navi.gif) no-repeat 2px 3px; border-left:1px solid #e3e3e3; border-right:0; background-color:#fff; }
#page a.prev {background:url(/kor/img/common/navi.gif) no-repeat -33px 3px; border-left:1px solid #e3e3e3; background-color:#fff; }
#page a.next {background:url(/kor/img/common/navi.gif) no-repeat -273px 3px; background-color:#fff; }
#page a.last {background:url(/kor/img/common/navi.gif) no-repeat -308px 3px; background-color:#fff; }



/* Board : °Ë»öâ */
.boardtop { overflow:hidden; margin:40px 0 0 0}
.boardtop:after { content:""; display:block; clear:both;}
.boardtop .boardinfo { float:left; padding-top:15px;}
.boardtop .boardinfo i { font-weight:400; color:#e33333}
.boardtop .boardsearch { float:right; margin-bottom:10px;}
.boardtop .boardsearch input[type="text"] { height:36px; box-sizing:border-box; width:200px}
.boardtop .boardsearch input[type="text"] + input[type="submit"],
.boardtop .boardsearch input[type="text"] + input[type="button"] {border-right:none; margin-left:-5px;}
.boardtop .boardsearch select { display:inline-block; height:36px; padding:6px 5px; vertical-align:middle; border-radius:0px; border:1px solid #cdcdcd; cursor:pointer; max-width:100px;}
.board_total {padding:15px 0 5px 0; float:left; font-size:14px;}
.board_total span {color:#cc2633; font-weight:400;}
.board_topbtn {}
.board_topbtn ul {margin: 0 0px; text-align:left;}
.board_topbtn ul li {display:inline-block; position:relative;  padding:8px 0; word-wrap:break-word; word-break:break-all;}
.board_topbtn ul li::before {content: ""; display:inline-block; position:absolute; top:13px; left:0px; width:1px; height:13px; background:#ccc;}
.board_topbtn ul li:first-child:before { display:none; }
.board_topbtn ul li a {display:inline-block; padding:0px 10px; }
.board_topbtn ul li a.on {color:#cc2633; font-weight:400; }
.search_btn01 {width:50px; height:37px; color:#fff; background:#333; text-align:center;  box-sizing:border-box; border: 0px;}


@media all and (max-width:840px) {
	/* Board : °Ë»öâ */
	.boardtop { overflow:hidden; }
	.boardtop:after { content:""; display:block; clear:both;}
	.boardtop .boardinfo { width:100%; float:none; padding-top:0px;}
	.boardtop .boardinfo i { font-weight:400; color:#e33333}
	.boardtop .boardsearch { float:right; margin-bottom:5px; text-align:right;}
	.boardtop .boardsearch input[type="text"] { height:35px; box-sizing:border-box; width:40%}
	.boardtop .boardsearch input[type="text"] + input[type="submit"],
	.boardtop .boardsearch input[type="text"] + input[type="button"] {border-right:none; margin-left:-5px;}
	.boardtop .boardsearch select { display:inline-block; height:35px; padding:6px 5px; vertical-align:middle; border-radius:0px; border:1px solid #cdcdcd; cursor:pointer; max-width:100px;}
	.board_total {padding:5px 0 5px 0; float:none; }

	.boardtop .boardinfo { float:none; padding-top:0; }
	.boardtop .boardsearch { float:none; margin:10px 0;}


} 


/* Board : List */
.notice_ico {padding:5px; background-color:#e51769; color:#fff; width:40px; height:25px; font-size:14px; }

.boardList { width: 100%; margin-top:10px; border:0; border-spacing:0; border-collapse:separate; border-top:2px solid #333; font-size:1em;}
.boardList caption { width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; z-index:-1;}
.boardList th, .boardList td { padding:15px 5px 13px; border-bottom:1px solid #cccfd5;}
.boardList thead th {border-bottom:1px solid #333;  text-align:center;}
.boardList thead th:first-child { background-image:none;}
.boardList tbody td { text-align:center}
.boardList tbody td:nth-child(2) { text-align:left} 
.boardList tbody td.title { text-align:left; color:#333;}
.boardList tbody td.title a{ color:#333;}
.boardList tbody td.title a:hover{ color:#e51769}
.boardList tr:hover td, .boardList tr:focus td { background:#fafafb;}


/* notice board */
.notice_list {border-top: 2px solid #333; text-align: center; word-break: break-all; table-layout: fixed;} 
.notice_list thead th{padding: 15px 0; font-weight:450; color:#333; }
.notice_list thead{border-bottom: 1px solid #7d7d7d;}
.notice_list tbody td{padding: 15px 0; border-bottom: 1px solid #bbb; vertical-align: middle;}
.notice_list tbody td.list_write{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 10%;}
.notice_list .list_tit a{display:inline-block; padding-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:98%; vertical-align: middle;}
.notice_list .list_tit a:hover{color:#e51769}
.list_num{width: 7%;}
td.list_tit{text-align: left; padding-left: 10px !important;}
td.list_tit a[target="_blank"]{padding-right: 18px;}
td.list_tit a[target="_blank"]:after{top: 6px;}
.list_file{width: 5%;}
.list_write{width: 13%;}
.list_answer{width: 10%;}
.list_date{width: 12%;}
.list_hit{width: 7%;}


/* Board : List Ä¡·áÀϱâ */
.board_experience { width: 100%; margin-top:10px; border:0; border-spacing:0; border-collapse:separate; font-size:1em; border-top:2px solid #333;}
.board_experience caption { width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; z-index:-1;}
.board_experience th, .board_experience td { padding:15px 5px 13px; border-bottom:1px solid #cccfd5;}
.board_experience thead th {border-bottom:1px solid #333;  text-align:center;}
.board_experience thead th:first-child { background-image:none;}
.board_experience tbody td { text-align:center}
/*.board_experience tbody td:nth-child(2) { text-align:left} */
.board_experience tbody td.title { text-align:left; color:#333;}
.board_experience tbody td.title02 { text-align:left; color:#333;}
.board_experience tbody td.title a{ color:#333;}
.board_experience tbody td.title02 a{ color:#333;}
.board_experience tbody td a:hover{ color:#e51769}
.board_experience tr:hover td, .boardList tr:focus td { background:#fafafb;}
.btn_experience_watt {padding:6px 9px; background-color:#fff; border:1px solid #888; color:#666; width:50px; height:auto; font-size:0.85em; font-weight:400}
.btn_experience_ok {padding:6px 9px; background-color:#fff;  border:1px solid #e51769; color:#e51769; width:50px; height:auto; font-size:0.85em; font-weight:400}

/* Board : ´ñ±Û */
.reply_input {padding-top:0px; margin:0 0 100px 0}
.reply_box{position:relative;background:#eee;padding:25px 30px 20px 30px;margin-bottom:30px; }
.reply_box:after {clear:both; display:block; content:''}
.reply_text{position:relative; height:95px; border:1px solid #ddd; background:#fff; margin-bottom:11px; padding:16px 16px;}
.reply_text textarea {width:85%; height:100%; line-height:20px; font-size:0.95em;border:0;outline-width:0; line-height:1.3em}
.write_btn {position:absolute;top:-1px; right:0; width:15%; height:95px; font-size:1em; background:#555; color:#fff; border:0}

/* Board : ´ñ±ÛÀԷ¸޼¼Áö */
.reply_wrap {padding-top:40px;}
.reply_textbox{position:relative;background:#9abad3;padding:25px 30px 20px 30px;margin-bottom:30px; height:auto;}
.reply_textbox:after { content:""; display:block; height:0; clear:both; float:none;} 
.reply_l {padding:10px 15px; color:#333;  background:#fff; border-radius:5px; text-align:left; margin:0 0 20px 0; width:auto;  float:left; display:inline-block}
.reply_l:after {clear:both; display:block; content:''}
.reply_r {padding:10px 15px; color:#fff; background:#e76395; border-radius:5px; text-align:right; margin:0 0 20px 0; width:auto; float:right; display:inline-block}
.reply_r:after {clear:both; display:block; content:''}


/* ¹Ú½º ÅÇ */
.box_tab {margin:20px 0 30px 0; padding:25px 10px 25px 50px; height: auto; background:#fff; border:2px solid #e51769; box-sizing:border-box;  }
.box_tab li {float:left; width:19%;*width:19%;  padding:6px 0; }
.box_tab li a:hover, .box_tab li a:active, .box_tab li a:focus {text-decoration:underline; color:#e51769;}
.box_tab li.on {font-weight:400; color:#e51769;}
.group:after {content: ""; display: block; visibility: hidden; clear: both; height: 0px;}

ul {padding:0px; margin:0px;}
ul.bul_triangle li {padding:0 0 4px 11px; margin:0 0 0 6px; background:url(../../img/common/bul_triangle.png) no-repeat 0 9px; font-size:1.02em; border:0; color:#444; font-weight:400;}

@media all and (max-width:1190px) {
	.box_tab {margin-bottom:20px; padding:25px 10px 25px 40px;}
	.box_tab li {float:left; width:32%;*width:32%;  padding:6px 0; }

}


@media all and (max-width:840px) {
	.box_tab {margin-bottom:20px; padding:25px 10px 25px 40px;}
	.box_tab li {float:left; width:48%;*width:49%;  padding:6px 0; }
	ul.bul_triangle li {padding:0 0 4px 11px; margin:0 0 0 6px; background:url(../../img/common/bul_triangle.png) no-repeat 0 17px; font-size:1.02em; border:0; color:#444; font-weight:400;}


	/* Board : ´ñ±Û */
	.reply_text{position:relative; height:130px; border:1px solid #ddd; background:#fff; margin-bottom:11px;  margin-bottom:90px;}
	.reply_text textarea {width:100%; height:130px;  outline-width:0; }
	.write_btn {position:absolute;top:130px; left:0; width:100%; height:80px; background:#555; color:#fff; }



	/* notice board */
	.notice_list{border-top: 2px solid #333;}
	.notice_list thead{display: none;}
	.notice_list td, .notice_list th{padding: 4px 5px 4px 15px !important; border-bottom: 0 !important;}
	.notice_list tr{padding:4px 0; display: block;}
	.notice_list tr:after{content: ''; display: block; clear: both;}
	.notice_list tr:nth-child(even){background: #f7f7f7;}
	.list_num, .list_date, .list_hit, .list_file{display:none;}
	.notice_list .list_part,
	.list_date, .list_tit, .notice_list .list_tit,
	.list_date, .notice_list .list_date, .list_write, .list_answer{display: block; width: auto !important; border: none; font-size:0.9em;}
	.notice_list tr{border-bottom: 1px solid #d9d9d9;}
	.notice_list .list_part, .list_date, .list_write{float: left; text-align: left;}
	.list_write:after{content: ''; display: inline-block; width: 1px; height: 15px;  margin-right: 7px; vertical-align: top;}
	.list_dept:after{content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin-right: 7px; vertical-align: top;}
	.list_answer:after{content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin-right: 7px; vertical-align: top;}
	.list_tit, .notice_list .list_tit a{font-weight: 400; white-space: normal;font-size: 1.2em;}

}


/* table : List */
.tableCol { width:100%; margin-top:10px; border-collapse:collapse; border:0; border-spacing:0; border-top:2px solid #333; border-bottom:1px solid #61646c; border-left:1px solid #c8ccd4; border-right:1px solid #c8ccd4;}
.tableCol th, .tableCol td { padding:15px 10px 13px; }
.tableCol thead th.center { background:#f6f6f7; border-bottom:1px solid #61646c; border-right:1px solid #c8ccd4; text-align:center;}
.tableCol thead th { background:#f6f6f7; border-bottom:1px solid #61646c; border-right:1px solid #c8ccd4;}
.tableCol tbody td,
.tableCol tbody th { text-align:center; border-top:1px solid #c8ccd4; border-right:1px solid #c8ccd4; }
.tableCol tbody td:first-child { border-left:0}  
.tableCol tbody td.title { text-align: left;}

.tableColRow { width:100%; margin-top:10px; border-collapse:collapse; border:0; border-spacing:0; border-top:2px solid #333; border-bottom:1px solid #61646c; border-left:1px solid #c8ccd4; border-right:1px solid #c8ccd4;}
.tableColRow th, .tableColRow td { padding:15px 10px 13px; }
.tableColRow thead th { background:#f6f6f7; border-bottom:1px solid #61646c; border-right:1px solid #c8ccd4;}
.tableColRow tbody th { background: #f6f6f7; border-top:1px solid #c8ccd4; }
.tableColRow tbody td { text-align:center; border-top:1px solid #c8ccd4; border-left:1px solid #c8ccd4; }


/* Board : View */
.boardView { width:100%; margin-top:10px;  border-top:2px solid #333; border-bottom:1px solid #333;}
.boardView .titleArea { position:relative; padding:20px; background:#f6f6f7; border-bottom:1px solid #333;}
.boardView .titleArea .title { font-size:24px; font-weight:450; color:#333; text-align:center}
.boardView .titleArea .boardDate { margin-top:15px; color:#555; text-align:right}
.boardView .titleArea .boardDate .view {  padding-left:30px; }
.boardView .infoArea { overflow:hidden;}
.boardView .infoArea li { float:left; width:33.33%; padding:20px 0; border-bottom:1px solid #cccfd5;}
.boardView .infoArea li span { display:table-cell; margin-right:15px; padding:0 15px;}
.boardView .infoArea li span:first-child { min-width:50px; font-weight:bold; border-right:1px solid #cccfd5; color:#333}
.boardView .infoArea li.last { width:100%;}

.boardView .infoArea2 { overflow:hidden; border-bottom:1px solid #cccfd5;}
.boardView .infoArea2 li { padding:10px 0; border-bottom:1px solid #cccfd5;}
.boardView .infoArea2 li span { display:table-cell; margin-right:15px; padding:0 15px;}
.boardView .infoArea2 li span:first-child { min-width:50px; font-weight:bold; border-right:1px solid #cccfd5; color:#333}

.boardView .articleArea { padding:30px 20px; /* border-bottom:1px solid #61646c; */}
.boardView .listArea li { border-top:1px solid #cccfd5; }
/*
.boardView .listArea li:first-child { border-top:1px solid #cccfd5;}
*/
.boardView .listArea li a { display:table-cell; padding:15px 15px 13px; color:#555;}
.boardView .listArea li a:hover {color:#e51769;}
.boardView .listArea li span { display:table-cell; width:100px; padding:15px 15px 13px 20px; text-align:center; font-weight:bold; background:#f5f5f5;}
.boardView .listArea li:first-child span { background-position: 5px 14px;}


/* Board : imgList */
.imglist { width:100%; margin-top:10px;  border-top:2px solid #333; border-bottom:1px solid #333;}
.imglist > ul > li { border-top:1px dashed #ccc; }
.imglist > ul > li:after { content:""; display:block; clear:both;}
.imglist > ul > li:first-child { border-top:none;}
.imglist > ul > li:hover { background:#f1f1f1;}
.imglist a { text-decoration:none;}
.imglist > ul > li > a { display:block; padding:30px 20px 20px 20px; }
.imglist .tgImg { overflow:hidden; float:left; max-width:190px; min-height:118px;  border:1px solid #ddd; }
.imglist .tgImg img { width:100%; height:inherit;}
.imglist .tgCont { margin-left:220px; box-sizing:border-box; }
.imglist .tgCont .bTitle { margin-bottom:5px; font-size:17px; font-weight:400; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.imglist .tgCont .sTitle { font-weight:400; font-size:17px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.imglist .tgCont .tgTxt { margin:10px 0 5px; height:48px; overflow:hidden;  text-overflow:ellipsis;  color:#888; font-size:14px; line-height:160%; }

.infobox {width:100%;  padding:10px 0 0px 0px; box-sizing:border-box; margin: 0 0 5px 0; color:#999; font-size:14px; }
.infobox ul{position: relative; width:100%; margin-bottom:10px; }
.infobox ul:after { content:""; display:block; height:0; clear:both; float:none;}
.infobox ul li{float:left; border-bottom:0px dotted #999; margin:0 25px 0 0; padding:0;  line-height:160%; }
.infobox ul li span{ font-weight:400; color:#555;}


/* Gallery */
.boardGallery, .boardGallery * { box-sizing:border-box;}
.boardGallery {width:100%;overflow:hidden;padding:10px 0;margin-top:10px;border-top: 2px solid #333;border-bottom:1px solid #93969c;}
.boardGallery > div {float:left; width:30%;margin: 1% 1.65% 3% 1.65%;}
.boardGallery > div:first-child { _margin-left:0;}
.boardGallery .bName01 {display: block; position:absolute; min-width:100px; height:36px; line-height: 36px; padding:0 15px; text-align:center; background:#9500e9; color:#fff; z-index: 1;}
.boardGallery .bName02 {display: block; position:absolute; min-width:100px; height:36px; line-height: 36px; padding:0 15px; text-align:center; background:#0098e9; color:#fff; z-index: 1;}
.boardGallery .bName03 {display: block; position:absolute; min-width:100px; height:36px; line-height: 36px; padding:0 15px; text-align:center; background:#e99200; color:#fff; z-index: 1;}
.boardGallery .bName04 {display: block; position:absolute; min-width:100px; height:36px; line-height: 36px; padding:0 15px; text-align:center; background:#14c750; color:#fff; z-index: 1;}
.boardGallery .gImg {position: relative;width:100%;height: auto; max-height:185px;overflow:hidden; }
.boardGallery .gImg img { width:100%; height:auto; border:0px solid #ddd;  }
/* .boardGallery .div a .gImg img{transform:scale(1); transition:1s; max-width:105% }*/
.boardGallery .gCont {position: relative;overflow:hidden;padding: 0 10px;}
.boardGallery .gCont .bTitle {margin: 7px 0 0 0;font-size: 1em; text-align:center; font-weight:400; color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.boardGallery .gCont .bName {font-size:0.9em; color:#777;}
.boardGallery .gCont .bDate { float:right; font-size:0.9em; color:#777;}
.boardGallery .gCont .bTitle a{ color:#000;}
.boardGallery .gCont .bTitle a:hover{text-decoration:underline; color:#e51769;}



/* Board : Write */
.boardWrite { width:100%; margin-top:10px; border-top:2px solid #333; border-bottom:1px solid #8e919a}
.boardWrite thead th { height:22px; padding-bottom:10px; font-size:1em; background:#fbfbfb; font-weight:350; color:#fff;}
.boardWrite th, .boardWrite td { padding:9px 10px 8px; height:37px; border-top:1px solid #cccfd5;}
.boardWrite tr:first-child th, .boardWrite tr:first-child td { border-top:none}
.boardWrite th { background:#f6f6f7; color:#333}
.boardWrite col:first-child { width:20%;}
.boardWrite col + col { width:auto;}
.boardWrite input[type="text"], 
.boardWrite input[type="email"]{ _width:150px; width:80%; box-sizing:border-box;}
.boardWrite input[type="tel"] { _width:150px; width:80%; box-sizing:border-box;}
.boardWrite .setBlock { display:inline-block; white-space:nowrap; margin:2px 0; }
.boardWrite .setBlock input[type="text"], 
.boardWrite .setBlock input[type="email"],
.boardWrite .setBlock input[type="tel"] { width:150px; }
.boardWrite textarea { width:100%; box-sizing:border-box;}


/* ±Û¾²±â */
table.write { width:100%; border-collapse:collapse; border-top:2px solid #333; margin:10px 0 20px 0; font-size:1em;}
table.write th { width:18%; padding:13px 25px; font-weight:400; color:#333; text-align:left; border-bottom: 1px solid #e3e3e3; border-right:1px solid #f1f1f1; font-weight:500;}
table.write td { padding:13px 25px; border-bottom: 1px solid #e3e3e3; border-right:0px solid #f1f1f1;  color:#555;}
table.write th:first-child, table.tmember td:first-child, table.tmember th:last-child, table.tmember td:last-child{border-right:none}
table.write td input[type="text"] { padding:10px 20px;}
table.write input[type="tel"]{ _width:80px; width:15%;}
table.write .setBlock { margin:0 0 0 15px; }
table.write textarea { width:100%; box-sizing:border-box; height:auto; min-height:400px;}
.w80 {width:80px}


@media all and (max-width:840px) {

	/* ±Û¾²±â */
	table.write { width:100%; border-collapse:collapse; border-top:2px solid #333; margin:10px 0; font-size:0.9rem;}
	table.write th {width:30%;}
	table.write .setBlock { display:inline-block; white-space:nowrap; margin:10px 0 5px 0; }
	table.write .setBlock_inp select{width:100%;   margin:10px 0 5px 0;  display:inline-block;}
	table.write td input[type="text"] {width:100%;}
	table.write input[type="tel"]{ _width:80px; width:25%;}
	table.write td .width100 select {width:100%;}
	input.write { width:90%;}
	input.num {width:35%;}
}



@media all and (max-width:1280px) {
	/* Gallery */
	.boardGallery > div { width:48%; }
	.boardTextGallery2 .gListBlock .tgCont li a { width:50%; }
	.boardTextGallery2 p a { margin-left:0px; }


}


@media all and (max-width:840px) {

	.board_total {padding:10px 0 5px 0; float:left; font-size:1em;}

	.boardList th, .boardList td { padding:20px 5px 15px; border-bottom:1px solid #cccfd5;}
	.boardList .num { display:none;*width:0;}
	.boardList .date { display:none;*width:0;}
	.boardList .hit { display:none;*width:0;} 
	.boardList .title { width:70%!important; }


	/* paginate */
	#page { position: relative; text-align:center; color:#333; margin:30px auto; display:table;  }
	#page span {display:table-cell; vertical-align:middle; }
	#page a {position: relative;display:inline-block; border-right:1px solid #e3e3e3;margin:2px 0px;color:#777;width: 35px;height: 35px;float:left;padding:4px 0 4px 0;}
	#page a.on {background-color:#e51769; color:#fff; font-weight:400;}
	#page a:hover {text-decoration:underline;}
	#page a.first{background: url(../../img/common/navi.gif) no-repeat 0px 0px; border-left:1px solid #e3e3e3;border-right:0;  background-color:#fff;}
	#page a.prev {background: url(../../img/common/navi.gif) no-repeat -34px 0px; border-left:1px solid #e3e3e3;  background-color:#fff;}
	#page a.next {background: url(../../img/common/navi.gif) no-repeat -273px 0px;  background-color:#fff;}
	#page a.last {background: url(../../img/common/navi.gif) no-repeat -305px 0px;  background-color:#fff;}


	/* Board : List Ä¡·áÀϱâ */
	.board_experience .num { display:none;*width:0;}
	.board_experience .date { display:none;*width:0;}
	.board_experience .hit { display:none;*width:0;} 	
	.board_experience .title { width:40%!important; }
	.board_experience .title02 { width:63%!important; }
	.board_experience .experience{ width:16%!important; }
	.board_experience .medical { width:25%!important; }
	.board_experience .name {}



	/* Board : imgList */
	.imglist { width:100%; margin-top:10px;  border-top:2px solid #333; border-bottom:1px solid #333;}
	.imglist > ul > li { border-top:1px dashed #ddd; }
	.imglist > ul > li:after { content:""; display:block; clear:both;}
	.imglist > ul > li:first-child { border-top:none;}
	.imglist > ul > li:hover { background:#f1f1f1;}
	.imglist a { text-decoration:none;}
	.imglist > ul > li > a { display:block; padding:30px 20px 20px 20px; }
	.imglist .tgImg { overflow:hidden; float:left; max-width:190px; min-height:120px;  border:1px solid #ddd; }
	.imglist .tgImg img { width:100%; height:inherit;}
	.imglist .tgCont { margin-left:220px; box-sizing:border-box; }
	.imglist .tgCont .bTitle { margin-bottom:5px; font-size:17px; font-weight:400; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
	.imglist .tgCont .sTitle { font-weight:400; font-size:1.2rem; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.imglist .tgCont .tgTxt { margin:10px 0 5px; height:80px;  font-size:1rem; overflow:hidden;  text-overflow:ellipsis;  color:#888; line-height:160%; }
	.imglist .tgCont .tgTxt_none { margin:10px 0 5px; height:auto;  font-size:1rem; overflow:hidden;  text-overflow:ellipsis;  color:#888; line-height:160%; }

	.infobox {width:100%;  padding:10px 0 0px 0px; box-sizing:border-box; margin: 0 0 5px 0; color:#999; font-size:1rem; }
	.infobox ul{position: relative; width:100%; margin-bottom:10px; }
	.infobox ul:after { content:""; display:block; height:0; clear:both; float:none;}
	.infobox ul li{float:left; border-bottom:0px dotted #999; margin:0 25px 0 0; padding:0;  line-height:160%; }
	.infobox ul li span{ font-weight:400; color:#555;}
	
	.boardGallery .gCont .bTitle {margin: 7px 0 15px 0;font-size: 0.9rem;font-weight:400; color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
	.boardGallery .gCont .bName {font-size:0.7rem; color:#777;}
	.boardGallery .gCont .bDate { float:right; font-size:0.7rem; color:#777;}




} 


@media all and (max-width:780px) {
	/* °Ô½ÃÆÇ ºä¿¡ À̹ÌÁö »çÀÌÁî  */
	.boardview .articleArea div img { width:100% !important; height:100% !important; }
	
	.boardView .listArea li span { display:table-cell; width:150px; padding:15px 15px 13px 20px; text-align:center; font-weight:bold; background:#f5f5f5;}


}


@media all and (max-width:768px) {	
	/* Board : View */
	.boardView .infoArea li {  width:100%;}

	/* Gallery */
	.boardGallery > div { width:100%; margin:1% 0 4% 0; }

	.boardTextGallery li a { overflow:hidden; display:block; padding:20px; }
	.boardTextGallery .tgImg { float:none; max-width:100%; height:auto; margin-left:0px; }
	.boardTextGallery .tgCont { float:none; width:100%; padding-left:0px; margin:20px 0 0 0;}
	.boardGallery .gCont .bTitle { margin:15px 0 20px 0; font-size:1.15rem; font-weight:400; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.boardGallery .gCont .bName {font-size:1rem; color:#777;}
	.boardGallery .gCont .bDate { float:right; font-size:1rem; color:#777;}

	.boardGallery .bName01 {display: block; position:absolute; min-width:100px; height:45px; line-height: 45px; padding:0 15px; text-align:center; background:#9500e9; color:#fff; z-index: 1;}
	.boardGallery .bName02 {display: block; position:absolute; min-width:100px; height:45px; line-height: 45px; padding:0 15px; text-align:center; background:#0098e9; color:#fff; z-index: 1;}
	.boardGallery .bName03 {display: block; position:absolute; min-width:100px; height:45px; line-height: 45px; padding:0 15px; text-align:center; background:#e99200; color:#fff; z-index: 1;}
	.boardGallery .bName04 {display: block; position:absolute; min-width:100px; height:45px; line-height: 45px; padding:0 15px; text-align:center; background:#14c750; color:#fff; z-index: 1;}


}


@media all and (max-width:640px) {

	/* Board : View */
	.boardView .titleArea { padding:15px;}
	.boardView .titleArea .title { font-size:1.1em; font-weight:400; color:#333; letter-spacing:-0.5px;}
	.boardView .infoArea li { float:none; width:100%; padding:10px 0; border-bottom:1px solid #cccfd5;}

	
	.boardView .infoArea2 { overflow:hidden; border-bottom:1px solid #cccfd5;}
	.boardView .infoArea2 li { /* float:left; width:50%; */ padding:5px 0; border-bottom:1px solid #cccfd5;}
	.boardView .infoArea2 li span { display:block; /* float:left; */ margin-right:15px; padding:0 15px;}
	.boardView .infoArea2 li span:first-child { min-width:100%; padding-bottom:5px; /* font-weight:bold; */ border-right:none}
	
	.boardView .listArea li a { display:table-cell; padding:15px 15px 13px; color:#555;}


	.boardView .listArea li a { padding:8px 15px 8px; }
	.boardView .listArea li span {width:20%; min-width:100px; padding:8px 8px 8px 8px;}
	.boardView .listArea li:first-child span { background-position: 5px 14px;}



		
	/* Board : imgList */
	.imglist > div { width:100%; margin:1% 0; }

	.imglist li a { overflow:hidden; display:block; padding:20px; }
	.imglist .tgImg { float:none; max-width:100%; height:auto; margin-left:0px; }
	.imglist .tgCont { float:none; width:100%; padding-left:0px; margin:20px 0 0 0;}




}



/* FAQ */

.accordion {padding:0 0 0 0; border-top:1px solid #666;border-bottom:1px solid #666;  }
.accordion ul li { border-bottom:1px dotted #cccccc;  }
.accordion ul li a {position: relative;display:block;z-index: 9; background:url(/kor/img/board/q.png) no-repeat 15px 15px;  padding:18px 10px 18px 45px; border-bottom:1px dotted #bababa;  }
.accordion ul li a:hover {color:#dd042b }
.accordion ul li .accordion_con {display:none;position: relative; background:#f5f5f5 url(/kor/img/board/a.png) no-repeat 30px 15px;; padding:18px 20px 18px 65px; border-bottom:1px dotted #bababa; }




/*ºê·Î¼Å */
.brochure-wr{border-top:2px solid #333; border-bottom:1px solid #ddd;}
.brochure-wr:after{display:block;content:"";clear:both;}
.brochure-wr li{position:reltaive;float:left;width:50%;position:relative;border-bottom:1px solid #ddd;}
.brochure-wr li:last-child{border-bottom-width:0;}
.brochure-wr li:nth-child(odd):after{content:"";display:block;position:absolute;right:0;top:0;width:1px;height:100%;background:#ddd;}
.brochure-wr li .cont-wr{padding:40px;}
.brochure-wr li .cont-wr:after{display:block;content:"";clear:both;}
.brochure-wr img{float:left;width:185px; height:250px; margin-right:8%; }
.brochure-wr .txt-wr{float:left; width:56%;}

.brochure-wr .t-cate{font-size:0.938em;color:#888;text-transform:uppercase;padding-bottom:20px;font-weight:400; position:absolute;bottom:40px;}
.brochure-wr .tit{font-size:1.2em; font-weight:400; }


@media all and (max-width: 840px) {

	.brochure-wr li{position:reltaive;float:none;width:100%;position:relative;border-bottom:1px solid #ddd; text-align:center;}
	.brochure-wr li:last-child{border-bottom-width:0;}
	.brochure-wr li:nth-child(odd):after{content:"";display:block;position:absolute;right:0;top:0;width:0px;height:100%;background:#ddd;}
	.brochure-wr img{float:none;width:100%; height:100%;  text-align:center; }
	.brochure-wr .b-front{width:100%;text-align:center;}
	.brochure-wr .txt-wr{width:100%;padding-top:20px;}
	.brochure-wr .cp-btn{position:relative;bottom:auto;margin:10px auto 0 auto;}
	.brochure-wr .tit{font-size:1em; font-weight:400;}
	.brochure-wr .t-cate{font-size:0.9em;color:#888;text-transform:uppercase;padding-bottom:20px; margin-top:20px; font-weight:400;}

}






@media all and (max-width: 840px) {
	.srcoll-table			{ position: relative; width: 100%; margin-top:45px; border: 1px solid #fff; }
	.srcoll-table:before	{ content: "¢¸ Á¿콺ũ·Ñ ÇϽøé ÀÚ¼¼ÇÑ ³»¿ëÀ» È®ÀÎÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù ¢º"; display: block; position: absolute; font-size:18px; top: -50px; right: 10px; color:#999; font-weight:400 }
	.srcoll-table:after		{ content: ""; display: block; position: absolute; top: 0px; bottom: 0;right: 0; width: 20px; background: url('/resource/img/common/scroll_cover.png') repeat-y 100% 100%; background-size: 100% 100%; opacity: 0.5; }
	.srcoll-table > div		{ position: relative; width: 100%; overflow-x: auto; }
	.srcoll-table table		{ margin-top: 0; width: 980px !important; }
}




/* Á¤·Ä */
.clear_div {clear:both;}
.con_r {text-align:right;}
.con_l {text-align:left;}
.con_c {text-align:center;}
.con_b {vertical-align:bottom;}

.btn_area{padding:20px 0 0 0;}
.btn_area2{padding:20px 0 10px 0;}





/* Button Reset */

.button{position:relative;overflow: visible;display:-moz-inline-stack;display:inline-block;
/* margin-bottom:5px; *//* margin:0 2px; */padding:0;/* vertical-align: top; */border-width:0;white-space: nowrap;
font-weight:400;text-decoration:none;border-radius: 0px;color:#fff;background-color:#dd042b;box-sizing:border-box;cursor:pointer;}
a.button { margin:0 2px 2px; } 
p.button { cursor: no-drop; }


/* Button Size */
.button.small { height: 26px; padding:0 20px; line-height: 26px; font-size: 14px; }
.button.medium {height: 36px;padding: 0 20px;line-height: 37px;font-size:16px;} 
.button.large { height: 60px; padding:0 25px; line-height:60px; font-size:20px;}

.button_red {padding:10px 15px; font-weight:400;text-decoration:none;background:#dd042b; color:#fff !important;}
.button_red a {color:#fff !important;}


@media all and (max-width:840px) {
.button.small { height: 26px; padding:0 20px; line-height: 26px; font-size: 16px; }
.button.medium { height: 35px; padding: 0 10px; line-height:35px; font-size:15px;} 
.button.large { height: 60px; padding:0 25px; line-height:60px; font-size:28px;}

}


/* Button Color */
.button.search_btn01 {border:1px solid #999; color:#fff; background:#999;  box-sizing:border-box; }
.button.search_btn02 {border:1px solid #999; color:#fff; background:#999;  box-sizing:border-box; }
.button.search_btn03 {border:1px solid #999; color:#fff; background:#999;  box-sizing:border-box; }
.button.gray { color:#fff; background:#666;  box-sizing:border-box; }
.button.gray02 {color:#fff; background:#999;  box-sizing:border-box; }
.button.s_seach {color:#fff; background:#666;  box-sizing:border-box;  }
.button.white {border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; box-sizing:border-box; color:#444; background:#fcfcfc;}
.button.color {color:#fff; background:#e51769;  box-sizing:border-box; }


/* Button Hover */
.button:hover, .button:active, .button:focus {color: #fff; box-sizing:border-box; text-decoration:none; background:#9e1149;}
.button.gray:hover, .button.gray:active, .button.gray:focus {  color: #fff; box-sizing:border-box; text-decoration:none; background:#444;} 
.button.gray02:hover, .button.gray02:active, .button.gray02:focus { color: #fff; box-sizing:border-box; text-decoration:none; background:#888;} 
.button.s_seach:hover, .button.s_seach:active, .button.s_seach:focus {color: #fff; box-sizing:border-box; text-decoration:none; background:#333;} 
.button.white:hover, .button.white:active, .button.white:focus { border:1px solid #ddd; box-sizing:border-box; color:#555; text-decoration:none; background:#ededed; } 
.button.color:hover, .button.color:active, .button.color:focus {color: #fff; box-sizing:border-box; text-decoration:none; background:#9e1149;}


input[type="submit"].button.icon:hover, input[type="button"].button.icon:hover,
input[type="submit"].button.icon:active, input[type="button"].button.icon:active,
input[type="submit"].button.icon:focus, input[type="button"].button.icon:focus { background-color:#194478}

input[type="submit"].button.icon.white:hover, input[type="button"].button.icon.white:hover,
input[type="submit"].button.icon.white:active, input[type="button"].button.icon.white:active,
input[type="submit"].button.icon.white:focus, input[type="button"].button.icon.white:focus { background-color:#ededed}