@charset "utf-8";

/* 
File Name : board.css
Description : mirnetwork_site
Author : kwj (master@dmax.kr)
Date : 2016-11-30
 */

.bt_gallery_close{position:absolute; top:42px; right:92px;}
.bt_gallery_close a{background:url("../image/common/bt_close_w.png") 0 0 no-repeat; display:block; width:22px; height:22px; font-size:0;}

/* gallery list */
#gallery_warp{width:100%; height:auto; background:#121212; overflow:hidden;}
#gallery_warp .tabmenu{width:100%; height:auto; padding:107px 0 0 0;}
#gallery_warp .tabmenu li{float:left; height:182px; text-align:center;}
#gallery_warp .tabmenu li a{display:block; width:100%; height:100%;}
#gallery_warp .tabmenu li a:hover, #gallery_warp .tabmenu li a.active{background:rgba(200,57,57,0.9);}
#gallery_warp .tabmenu li span{color:#fff; display:block; font-size:15px; font-weight:600; letter-spacing:5px; padding:57px 0 0 0;}
#gallery_warp .tabmenu li strong{display:block; color:#fff; font-size:30px; font-weight:300; padding:18px 0 0 0;}
#gallery_warp .total_four li{width:50%;}
#gallery_warp .cul_tab li.m1{background:url("../image/culture/tab_m1.jpg") 0 0 no-repeat; background-size:cover;}
#gallery_warp .cul_tab li.m2{background:url("../image/culture/tab_m2.jpg") 0 0 no-repeat; background-size:cover;}
#gallery_warp .cul_tab li.m3{background:url("../image/culture/tab_m3.jpg") 0 0 no-repeat; background-size:cover;}
#gallery_warp .cul_tab li.m4{background:url("../image/culture/tab_m4.jpg") 0 0 no-repeat; background-size:cover;}

#gallery_warp .tab_contents{float:left; width:100%; height:auto; padding:75px 0;}
#gallery_warp .tab_contents hgroup{text-align:center;}
#gallery_warp .tab_contents hgroup h1{color:#fff; font-weight:100; font-size:45px;}
#gallery_warp .tab_contents hgroup .bar_w{padding:35px 0;}
#gallery_warp .tab_contents hgroup p{color:#797979; line-height:140%;}
#gallery_warp .tab_contents hgroup p span{display:block; color:#797979;}

#gallery_warp .galley_sel{width:267px; height:40px; border-radius:50px; background:#c83939; margin:45px auto; position:relative;}
#gallery_warp .galley_sel p{position:absolute; width:267px; height:40px; border-radius:50px; background:#c83939;}
#gallery_warp .galley_sel p a{display:block; background:url("../image/common/bg_sel_w.png") 100% 50% no-repeat; background-size:18px; width:90%; height:auto; line-height:40px; color:#fff; font-size:15px; margin:0 auto;}
#gallery_warp .galley_sel .sel_opt_group{width:268px; position:absolute; top:48px; left:0; display:block;}
#gallery_warp .galley_sel .sel_opt_group ul{background:#fff; border-radius:20px; overflow:hidden;}
#gallery_warp .galley_sel .sel_opt_group li{border-bottom:1px solid #f0f0f0;}
#gallery_warp .galley_sel .sel_opt_group li a{display:block; color:#797979; font-size:15px; padding:15px;}
#gallery_warp .galley_sel .sel_opt_group li a:hover{background:#c83939; color:#fff;}
#gallery_warp .galley_sel_m{display:none;}
#gallery_warp .gallery_lst{width:100%; height:auto;}
#gallery_warp .gallery_lst p img{width:100%;}
#gallery_warp .gallery_lst .bt_more{display:block; width:109px; height:109px; background:url("../image/board/bt_more.png") 0 0 no-repeat; font-size:0; margin:100px auto 0 auto;}

#gallery_page_warp{width:1200px; height:auto; padding:100px 0; margin:0 auto; overflow:hidden;}
#gallery_page_warp h2{float:left; font-size:40px; font-weight:100;}
#gallery_page_warp h2 strong{display:block; font-size:50px; font-family:'din-condensed-web', sans-serif; font-weight:normal;}
#gallery_page_warp .galley_sel{float:right; margin:50px 0 0 0;}
#gallery_page_warp .galley_sel select{background:url("../image/common/bg_sel.png") 95% 50% no-repeat; background-size:13px; -webkit-appearance:none; -moz-appearance:none; border:1px solid #d3d3d3; padding:10px 40px 10px 10px; font-size:15px; color:#797979;}
#gallery_page_warp .gallery_lst{float:left; width:100%; height:auto; margin:25px 0 0 0;}
#gallery_page_warp .gallery_lst .bt_more{display:block; width:70px; height:70px; background:url("../image/board/bt_more_b.png") 0 0 no-repeat; background-size:100%; font-size:0; margin:50px auto 0 auto;}

@media screen and (min-width: 737px) and (max-width: 1320px) {
	#gallery_page_warp{width:93.66%;}
}

/* gallery view */
#gallery_view{display:block; position:fixed; top:0; height:100%; width:100%; overflow:hidden; background:rgba(0,0,0,0.8); overflow:auto; z-index:999;}
#gallery_view .view_wrap{width:auto; height:auto; position:absolute; top:10%; left:50%; transform: translateX(-50%); overflow:visible;}
#gallery_view .photo_box{width:auto; height:auto; position:relative; overflow:hidden;}
#gallery_view .photo_box .photo { width:100%; height:100%; text-align:center;  }
#gallery_view .photo_box .photo img{width:100%;}
#gallery_view .photo_box a{display:block; width:30px; height:55px; font-size:0; position:absolute; top:47%;}
#gallery_view .photo_box .bt_prev{background:url("../image/board/bt_prev.png") 0 0 no-repeat; left:5%; background-size:100%;}
#gallery_view .photo_box .bt_next{background:url("../image/board/bt_next.png") 0 0 no-repeat; right:5%; background-size:100%;}
#gallery_view .view_wrap .bt_close{background:url("../image/common/bt_close_w.png") center no-repeat #121212; width:50px; height:50px; position:absolute; top:0; right:0; font-size:0; z-index:9999;}
#gallery_view .photo_title{width:auto; height:auto; background:#212121; color:#fff; padding:30px;}
#gallery_view .photo_title dt{color:#fff;}
#gallery_view .photo_title dd{color:#7f8289; font-size:17px; font-weight:300; padding:10px 0 0 0; line-height:130%;}

@media screen and (max-width: 1024px) {
	#gallery_view .view_wrap {}
}

/* agree box */
#commu_wrap .agreeBox{width:100%; height:auto;}
#commu_wrap .agreeBox h3{font-size:35px; font-weight:300;}
#commu_wrap .agreeBox h3 a{float:right; font-size:13px; background:#111; color:#fff; display:block; padding:10px;}
#commu_wrap .agreeBox .agree_cont{border:1px solid #e5e5e5; background:#fff; padding:30px; margin:20px 0 0 0;}
#commu_wrap .agreeBox .agree_cont p, #commu_wrap .agreeBox .agree_cont li{color:#797979; font-size:15px; font-weight:300; line-height:150%;}
#commu_wrap .agreeBox .agree_cont ol{margin:10px;}
#commu_wrap .agreeBox .agree_ok{background:#fff; border:1px solid #e5e5e5; border-top:none; overflow:hidden; padding:20px;}
#commu_wrap .agreeBox .agree_ok p{float:left; font-size:15px; font-weight:400;}
#commu_wrap .agreeBox .agree_ok span{float:right; font-size:15px;}
#commu_wrap .agreeBox .agree_ok span input{vertical-align:middle; width:20px; height:20px;}

/* board more btn */
.more_btn{float:left; width:100%; height:auto;}
#bt_bo_more{width:224px; height:57px; border:2px solid #111; margin:50px auto;}
#bt_bo_more a{display:block; font-size:16px; font-weight:500; line-height:57px; text-indent:85px; background:url("../image/board/bt_more_arrow.png") 62% 53% no-repeat; background-size:10px;}
#bt_bo_more a:hover{background:url("../image/board/bt_more_arrow_w.png") 62% 53% no-repeat #111; background-size:10px; color:#fff;}

/* board tabmenu 
.bo_tab{width:100%; height:auto;}
.bo_tab li{float:left; width:50%; text-align:center;}
.bo_tab li a{display:block; border-bottom:1px solid #111; padding:20px 0; color:#797979;}
.bo_tab li a.on{border:1px solid #111; border-bottom:none; color:#111;}
*/
/* board tabmenu 2018-01-26 */ 
.bo_tab{width:91%; height:auto; margin:3em auto 0; text-align:center;}
.bo_tab ul {display:inline-block;}
.bo_tab li {display:inline-block;}
.bo_tab li a {display:block; padding:1em 2em; background:#ccc;}
.bo_tab li a.on {color:#fff; background:#0060b0;}

/* board base list */
.board_lst{width:1100px; height:auto; padding:50px 0; margin:0 auto;}

@media all and (max-width: 1024px) {
.board_lst{width:900px;}
}

.bo_sch{width:380px; height:30px; border-radius:50px; background:#fff; border:1px solid #e5e5e5; padding:10px; margin:0 auto;}
.bo_sch select{float:left; background:url("../image/common/bg_sel.png") 80% 53% no-repeat; background-size:15px; -webkit-appearance:none; border:0; width:75px; height:auto; padding:8px 0; text-indent:5px; font-size:15px;}
.bo_sch #keyword{float:left; width:260px; height:auto; padding:0 5px; margin:5px 0 0 0; font-size:15px; border:0; border-left:1px solid #ccc;}
.bo_sch button{display:block; background:url("../image/board/bt_search.png") center no-repeat; background-size:23px; width:30px; height:30px; font-size:0;}
.bo_lst{float:left; width:100%; height:auto; border-top:1px solid #e5e5e5; margin:50px 0 0 0;}
.bo_lst li{border-bottom:1px solid #e5e5e5; position:relative;}
.bo_lst li a{display:block; background:url("../image/board/bt_arrow.png") 95% 50% no-repeat #fff; background-size:15px; padding:30px;}
.bo_lst li .stable{display:block; background:#0060b0; width:70px; height:70px; line-height:70px; border-radius:70px; font-size:17px; font-weight:400; color: #fff; text-align:center;}
.bo_lst li .stable.end{background:#d1d1d1; color:#575757;}
.bo_lst li div{position:absolute; top:33px; left:130px;}
.bo_lst li .category{font-weight:600; display:block; height:28px; color: #0060b0; font-size:16px;}
.bo_lst li h2 {display:inline-block; font-weight: 400; line-height:25px;}
.bo_lst li p {display:inline-block; margin:10px 0 0 20px;}
.bo_lst li p time {font-size:15px; color:#797979; display:inline-block; padding:0 20px 0 30px; letter-spacing:0;}
.bo_lst li p em{font-size:15px; color:#797979; display:inline-block; padding:0 0 0 20px; letter-spacing:0; background:url("../image/board/bg_line.gif") left center no-repeat;}

@media all and (max-width: 1024px) {
.bo_lst li div{top:25px;}
.bo_lst li div p {display:block; margin:10px 0 0 0;}
.bo_lst li div p time{padding-left:0;}
}

.bo_lst_chk{float:left; width:100%; height:auto; border-top:1px solid #e5e5e5; margin:50px 0 0 0;}
.bo_lst_chk li{border-bottom:1px solid #e5e5e5; position:relative;}
.bo_lst_chk li a{display:block; background:url("../image/board/bt_arrow.png") 95% 50% no-repeat #fff; background-size:15px; padding:15px;}
.bo_lst_chk .bo_info {}
.bo_lst_chk li .stable{display:block; background:#0060b0; width:50px; height:50px; line-height:50px; border-radius:50px; font-size:14px; font-weight:400; color: #fff; text-align:center;}
.bo_lst_chk li .stable.end{background:#d1d1d1; color:#575757;}
.bo_lst_chk li div{position:absolute; top:15px; left:90px;}
.bo_lst_chk li .category{font-weight:600; display:block; height:28px; color: #0060b0; font-size:16px;}
.bo_lst_chk li h2 {display:block; font-weight: 400; line-height:25px; padding-bottom: 6px;}
.bo_lst_chk li dl { display: block; }
.bo_lst_chk li dl dt{ display: inline-block;font-size:15px; color:#333; padding-right: 12px; }
.bo_lst_chk li dl dd{ display: inline-block; font-size:15px; color:#797979; padding-right: 27px;}
.bo_lst_chk li p time {font-size:15px; color:#797979; display:inline-block; padding:0 20px 0 30px; letter-spacing:0;}
.bo_lst_chk li p em{font-size:15px; color:#797979; display:inline-block; padding:0 0 0 20px; letter-spacing:0; background:url("../image/board/bg_line.gif") left center no-repeat;}

@media all and (max-width: 1024px) {
.bo_lst_chk li div{top:25px;}
.bo_lst_chk li div p {display:block; margin:10px 0 0 0;}
.bo_lst_chk li div p time{padding-left:0;}
}

/* board photo list */
.board_lst_photo{width:93.66%; height:auto; padding:30px 0; margin:0 auto; overflow:hidden;}
.board_lst_photo .lst_group_photo{float:left; width:23%; height:auto; background:#fff; border-bottom:3px solid #e0e0e0; margin:0 1%; margin-bottom:20px;}
.board_lst_photo .lst_group_photo p{width:100%; height:auto;}
.board_lst_photo .lst_group_photo p img{width:100%;}
.board_lst_photo .lst_group_photo h3{padding:20px; text-align:center; font-weight:400;}
.board_lst_photo .lst_group_photo span{display:block; width:95%; text-align:right; padding-bottom:20px;}
.board_lst_photo .lst_group_photo span a{display:inline-block; background:url("../image/board/bt_view.png") right center no-repeat; background-size:12px; padding-right:20px; font-size:13px; font-weight:600; letter-spacing:0;}

.board_lst_photo .lst_group_webzin{float:left; width:300px; height:auto; background:#fff; border-bottom:3px solid #ccc; margin:1.58%;}
.board_lst_photo .lst_group_webzin img{width:100%;}
.board_lst_photo .lst_group_webzin a{display:block; width:100%; height:100%; position:relative;}
.board_lst_photo .lst_group_webzin a .over_txt{display:none;}
.board_lst_photo .lst_group_webzin a:hover .over_txt{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center;}
.board_lst_photo .lst_group_webzin a:hover .over_txt em{color:#fff; display:block; padding:50% 0 7% 0; font-size:20px; font-weight:300;}
.board_lst_photo .lst_group_webzin a:hover .over_txt .bt_down{border-top:1px solid #fff; display:inline-block; padding:20px 20px 0 0; background:url("../image/board/bt_down_w.png") 100% 100% no-repeat; background-size:10px; font-size:13px; font-weight:600; letter-spacing:0; color:#fff;}

@media all and (max-width: 1024px) {
.board_lst_photo .lst_group_webzin{width:23%; margin:1%;}
.board_lst_photo .lst_group_webzin .no_image{height:278px;}
}


.board_lst_photo .lst_group_seminar{float:left; width:300px; height:auto; margin:1.58%;}
.board_lst_photo .lst_group_seminar img{width:100%;}
.board_lst_photo .lst_group_seminar a{display:block; overflow:hidden; width:100%; height:100%; position:relative;}
.board_lst_photo .lst_group_seminar a .over_txt{display:none;}
.board_lst_photo .lst_group_seminar a:hover .over_txt {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,96,176,.8); text-align:center;}
.board_lst_photo .lst_group_seminar a:hover .over_txt.end {background:rgba(0,0,0,0.8);}
.board_lst_photo .lst_group_seminar a:hover .over_txt em {color:#fff; display:block; padding:55% 0 7% 0; font-size:24px; font-weight:500;}


.board_lst_photo .lst_group_seminar a .img_box {display:block; width:100%; height:0; padding-bottom:80%; overflow:hidden; background:url("../image/board/thumb_area.jpg") center no-repeat; background-size:cover; border:1px solid #e5e5e5; box-sizing:border-box;}
.board_lst_photo .lst_group_seminar a h3 {height:3em; padding:1em 0 .5em; line-height:130%; border-bottom:1px solid #ccc;}
.board_lst_photo .lst_group_seminar a .info_txt {overflow:hidden; padding:1em 0;}
.board_lst_photo .lst_group_seminar a .info_txt em {display:block; margin-bottom:.5em; font-size:.8em;}
.board_lst_photo .lst_group_seminar a .info_txt time {display:block; height:3em; font-size:.8em;}
@media all and (max-width: 1024px) {
.board_lst_photo .lst_group_seminar{width:23%; margin:1%;}
.board_lst_photo .lst_group_seminar a h3 {height:4em; padding:1em 0 .5em; line-height:130%; font-size:.8em;}
.board_lst_photo .lst_group_seminar a .info_txt em {font-size:.75em;}
.board_lst_photo .lst_group_seminar a .info_txt time {font-size:.75em;}
}
/* board view */
#board_view{display:block; position:fixed; top:0; height:100%; width:100%; overflow:hidden; background:rgba(0,0,0,0.8); overflow:auto; z-index:999;}
#board_view .view_wrap{width: 90%; max-width:1100px; height:90vh; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); overflow:visible; background:#fff;}
#board_view .tite_group{position:static; width:auto; height:80px; padding:20px 0 20px 30px; border-bottom:1px solid #e5e5e5;}
#board_view .tite_group p{font-size:16px; font-weight:400; display:block; height:auto; color: #6faf1d;}
#board_view .tite_group h1{position:static; font-weight:300; font-size:25px; padding:10px 0;}
#board_view .tite_group li{display:inline; font-size:15px;  color:#b1b1b1; padding:0 20px 0 0; letter-spacing:0;}
#board_view .tite_group li span{font-size:15px; color:#797979;}
#board_view .view_wrap .bt_close{background:url("../image/common/bt_close_w.png") center no-repeat #464646; width:80px; height:80px; position:absolute; top:0; right:0; font-size:0; z-index:9999;}
#board_view .view_wrap .bt_seminar{background:url("../image/board/bt_view_w.png") 90% 50% no-repeat #7bbd26; color:#fff; background-size:15px; width:150px; height:50px; line-height:50px; position:absolute; top:35px; right:150px; font-size:17px; z-index:9999; text-indent:20px;}
#board_view .new_contents{padding:0; overflow-y: auto; height: calc(100% - 120px);}
#board_view .contents_wrap {width:auto; box-sizing:border-box;}
#board_view #bo_v_con,
#board_view .new_contents p{color:#797979; font-weight:300; font-size:17px; line-height:150%;}
#board_view .new_contents p img{padding:20px 0; text-align:center;}

#board_view footer{display: none; padding:15px 0; background:#fff;}

/* seminar view */
.board_view_seminar{float:left; width:100%; height:auto; padding:50px 0; overflow:hidden;}
.board_view_seminar dt{float:left; width:150px; height:60px; line-height:60px; border-bottom:1px solid #e5e5e5; text-indent:30px; font-size:17px;}
.board_view_seminar dd{float:left; width:367px; height:60px; line-height:60px; border-bottom:1px solid #e5e5e5; color:#797979; font-size:17px;}
.board_view_seminar .seminar_info{float:left; width:47%; height:auto;}
.board_view_seminar .seminar_info h5{display:block; border-top:1px solid #e5e5e5; background:#fff; padding:30px; margin:20px 0 0 0; font-weight:400;}
.board_view_seminar .seminar_info dl{background:#fff; border-top:1px solid #e5e5e5; overflow:hidden; width:100%; height:auto;}
.board_view_seminar .app_info{float:right; width:47%; height:auto;}
.board_view_seminar .app_info dl{background:#fff; border-top:1px solid #e5e5e5; overflow:hidden; width:100%; height:auto; margin:20px 0 0 0; }
.board_view_seminar .write_btns{float:left; width:100%; height:auto; padding:50px 0;}
.board_view_seminar .write_btns button{width:224px; height:57px; border:2px solid #111; padding-left:20px; margin:0 auto; color:#111; font-size:16px; background:url("../image/board/bt_view.png") 90% 50% no-repeat; background-size:12px; text-align:left; }
.board_view_seminar .write_btns button:hover{background:url("../image/board/bt_view_w.png") 90% 50% no-repeat #111; background-size:12px; color:#fff;}

@media all and (max-width: 1024px) {
.board_view_seminar dt{float:left; width:100px; height:60px; line-height:60px; border-bottom:1px solid #e5e5e5; text-indent:30px; font-size:17px;}
.board_view_seminar dd{float:left; width:323px; height:60px; line-height:60px; border-bottom:1px solid #e5e5e5; color:#797979; font-size:17px;}
}

/* board write */
#board_write{width:1100px; height:auto; padding:50px 0; margin:0 auto;}
#board_write .write_frm{width:100%; height:auto; margin:50px 0 0 0; border-top:1px solid #111; background:#fff; overflow:hidden;}
#board_write .write_frm dt{float:left; width:150px; height:70px; line-height:70px; border-bottom:1px solid #e5e5e5; text-indent:30px; font-size:17px;}
#board_write .write_frm dd{float:left; width:950px; height:70px; border-bottom:1px solid #e5e5e5;}
#board_write .write_frm dd select{float:left; font-size:17px; color:#797979; border:1px solid #e5e5e5; padding:10px; margin:11px 0 0 0;}
#board_write .write_frm dd .it{color:#797979; font-size:17px; border:1px solid #e5e5e5; padding:10px; margin:11px 0 0 0;}
#board_write .write_frm dd .etc_it{float:left; margin:11px 0 0 10px;}
#board_write .write_btns{width:100%; height:auto; padding:50px 0; text-align:center;}
#board_write .write_btns button{display:inline-block; width:224px; height:57px; border:2px solid #111; margin:0 auto; color:#111; font-size:16px; margin:0 10px;}
#board_write .write_btns .bt_cancel{background:url("../image/board/bt_cancel.png") 10% 50% no-repeat; background-size:12px; text-align:right; padding-right:20px;}
#board_write .write_btns .bt_cancel:hover{background:url("../image/board/bt_cancel_w.png") 10% 50% no-repeat #111; background-size:12px; color:#fff;}
#board_write .write_btns .bt_ok{background:url("../image/board/bt_view.png") 90% 50% no-repeat; background-size:12px; text-align:left; padding-left:20px;}
#board_write .write_btns .bt_ok:hover{background:url("../image/board/bt_view_w.png") 90% 50% no-repeat #111; background-size:12px; color:#fff;}

@media all and (max-width: 1024px) {
#board_write{width:900px;}
#board_write .write_frm dd{width:750px;}
}

/* customer center */
.customer_center{width:1100px; height:auto; padding:50px 0; margin:0 auto;}
.customer_center .cs_frm{width:100%; height:auto; margin:50px 0 0 0; border-top:1px solid #111; background:#fff; overflow:hidden;}
.customer_center .cs_frm dt{float:left; width:150px; height:70px; line-height:70px; border-bottom:1px solid #e5e5e5; text-indent:30px; font-size:17px;}
.customer_center .cs_frm dd{float:left; width:950px; height:70px; border-bottom:1px solid #e5e5e5;}
.customer_center .cs_frm dd ul{padding:25px 0 0 0;}
.customer_center .cs_frm dd li{display:inline; padding-right:20px; font-size:17px; color:#797979;}
.customer_center .cs_frm dd li input{vertical-align:middle; width:18px; height:18px;}
.customer_center .cs_frm dd select{font-size:17px; color:#797979; border:1px solid #e5e5e5; padding:10px; margin:11px 0 0 0;}
.customer_center .cs_frm dd .it{width:80%; color:#797979; font-size:17px; border:1px solid #e5e5e5; padding:10px; margin:11px 0 0 0; line-height:130%;}
.customer_center .cs_frm .cont{height:300px;}
.customer_center .cs_frm .cont textarea{padding:15px; font-size:17px; border:1px solid #e5e5e5; color:#797979; margin:11px 0 0 0; width:900px; height:245px; line-height:150%;}
.customer_center .cs_btns{width:100%; height:auto; padding:50px 0;}
.customer_center .cs_btns button{width:224px; height:57px; border:2px solid #111; padding-left:20px; margin:0 auto; color:#111; font-size:16px; background:url("../image/board/bt_view.png") 90% 50% no-repeat; background-size:12px; text-align:left; }
.customer_center .cs_btns button:hover{background:url("../image/board/bt_view_w.png") 90% 50% no-repeat #111; background-size:12px; color:#fff;}
.customer_center .cs_btns input{width:224px; height:57px; border:2px solid #111; padding-left:20px; margin:0 auto; color:#111; font-size:16px; background:url("../image/board/bt_view.png") 90% 50% no-repeat; background-size:12px; text-align:left; border:2px solid #111}
.customer_center .cs_btns input:hover{background:url("../image/board/bt_view_w.png") 90% 50% no-repeat #111; background-size:12px; color:#fff;}

@media all and (max-width: 1024px) {
.customer_center{width:900px;}
.customer_center .cs_frm dd{width:750px;}
.customer_center .cs_frm .cont textarea{width:700px;}
}

/* seminar login */
.seminar_login_box{float:left; width:100%; height:auto; padding:100px 0;}
.seminar_login_box fieldset{width:500px; height:auto; padding:50px; margin:0 auto; background:#fff; border-bottom:3px solid #ccc;}
.seminar_login_box p{text-align:center; font-family:'din-condensed-web', sans-serif; font-size:70px; line-height:70px;}
.seminar_login_box span{display:block; font-size:17px; color:#797979; margin:30px 0 0 0; text-align:center;}
.seminar_login_box ul{border:1px solid #e5e5e5; border-left:none; border-right:none; padding:20px 0; margin:20px 0;}
.seminar_login_box ul li{padding:10px 10px 0 10px;}
.seminar_login_box ul li label{display:inline-block; width:100px; font-size:17px;}
.seminar_login_box ul li input{color:#797979; font-size:17px; border:1px solid #e5e5e5; padding:10px; width:350px;}
.seminar_login_box button{width:224px; height:57px; border:2px solid #111; padding-left:20px; margin:30px auto 0 auto; color:#111; font-size:16px; background:url("../image/board/bt_view.png") 90% 50% no-repeat; background-size:12px; text-align:left; }



/* 2016.12.07 민경용 추가 */

#gallery_list {}
#gallery_list li.gallery_list_item { width:23%; padding:1%; position:relative; overflow:hidden; }
#gallery_list li.gallery_list_item .gllery_thumb { position:relative; overflow:hidden; }
#gallery_list li.gallery_list_item .gllery_thumb .gallery_subject_item { position:absolute; z-index:1; left:0; top:0; right:0; bottom:0; display:none;}
#gallery_list li.gallery_list_item .gllery_thumb .gallery_subject_item .gallery_subject_border { position:absolute; z-index:2; left:0; top:0; right:0; bottom:0; border:6px solid #FF6600; }
#gallery_list li.gallery_list_item .gllery_thumb .gallery_subject_item .gallery_subject_wrap { position:relative; width:100%; height:100%; background:#000; opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
#gallery_list li.gallery_list_item .gllery_thumb .gallery_subject_item .gallery_subject_wrap .gallery_subject_text { position:relative; width:100%; height:100%; padding:24px; box-sizing:border-box; text-align:center; display:table; }
#gallery_list li.gallery_list_item .gllery_thumb .gallery_subject_item .gallery_subject_wrap .gallery_subject_text span { display:table-cell; vertical-align:middle; width:100%; height:100%; color:#fff; line-height:130%;}
#gallery_list li img { width:100%; }

@media all and (max-width: 736px) {
	#gallery_list li.gallery_list_item {width:48%;}
}


#nomore {width:224px; height:57px; border:2px solid #111; margin:50px auto;}
#nomore span{display:block; font-size:16px; font-weight:500; line-height:57px;  text-align:center; }

/* recruit_mir 2017-10-19 */
#recruit_mir {width:1040px; height:auto; margin:0 auto;}
.mir_cru_top img {width:100%;}
.mir_cru_top h1 {font-size:25px; margin:5% 0 2% 0;}
.mir_cru_top p {line-height:120%;}
.mir_cru_box {border-top:1px solid #000; padding:3%; margin:3% 0; box-sizing:border-box;}
.mir_cru_box li {padding:1% 0; color:#797979;}
.mir_cru_box li strong {display:inline-block; width:10%; font-weight:400;}
.mir_cru_box p {padding:1% 0 0 0;}
.mir_cru_box p strong {font-weight:400; color:#1d4da2;}
.mir_cru_box p.btn_down {text-align:center; margin:1% 0 0 0;}
.mir_cru_box p.btn_down a {display:inline-block; border:2px solid #000; padding:2% 3%; margin-right: 5px;}
.mir_cru_box p.btn_down a:hover {border:2px solid #1d4da2;}
.mir_cru_zone {border-top:2px solid #000;}
.mir_cru_zone th, 
.mir_cru_zone a , 
.mir_cru_zone td,
.mir_cru_zone strong {font-weight:400; font-size:15px; line-height:120%;}
.mir_cru_zone th, 
.mir_cru_zone td {border-bottom:1px solid #ccc; padding:15px;}
.mir_cru_zone thead th {background:#eee;}
.mir_cru_zone tbody td {border-left:1px solid #ccc; text-align:center;}
.mir_cru_zone tbody td.add {text-align:left;}
.mir_cru_zone tbody td .bt_mail {font-size:12px; letter-spacing:0;}
.mir_cru_zone strong {color:#c60000; font-weight:700;}
.mir_cru_zone tbody th {border-right:1px solid #ccc;}

/*240309 HYE 추가*/
.mir_cru_zone tbody td .recruit_box ul li{display:flex; align-items: center; border-bottom: 1px dashed #ddd;  padding: 6px 0;}
.mir_cru_zone tbody td .recruit_box ul li:last-child {border-bottom:0;}
.mir_cru_zone tbody td .recruit_box ul li span {color: #333; font-weight: 400; font-size: 16px; line-height: 150%;  width: 25%; text-align: left;}
.mir_cru_zone tbody td .recruit_box ul li p {text-align:left; font-size: 15px !important;width: 75%;}


@media all and (max-width: 1024px) {
	.mir_cru_box li strong {width:100%; display:block; padding-bottom:10px;}
}

@media all and (max-width: 736px) {
	.mir_cru_box p:last-child a {padding:3% 4%;}
	.mir_cru_zone {overflow-y:auto;}
	.mir_cru_zone table {width:1000px;}
	.mir_cru_zone th, 
	.mir_cru_zone a , 
	.mir_cru_zone td {font-weight:400; font-size:12px; line-height:120%;}
}
/* 2018.01.24 민경용 추가 */
.customer_center .cs_frm dt.fh { height:auto; border-bottom:none; }
.customer_center .cs_frm dd.fh { height:auto; border-bottom:none; }
.customer_center .cs_frm dd.fh ul.addchild { padding:0; }
.customer_center .cs_frm .addchild li{ display:block; padding:10px 20px; }