@charset "utf-8";

/* Reset */
.bd,.bd input,.bd textarea,.bd select,.bd button,.bd table{font-size:12px;line-height:1.5}
.bd em{font-style:normal}
.bd a{text-decoration:none;color:#000;transition:border-color .4s,box-shadow .4s,background .4s,color .4s,opacity .4s}
.bd fieldset{margin:0;padding:0;border:0}
.bd label,.bd button{cursor:pointer}
.fl{float:left}
.fr{float:right}
.bd,.bd .clear{display:block;position:relative;clear:both;*zoom:1}
.bd:after,.bd .clear:after{content:"";display:block;clear:both}
.bd hr.clear{margin:0;border:0;*border:1px solid transparent;*margin:-.8em 0}
.blind,.fontcheckWrp{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
.bd_tb{width:100%;border-collapse:collapse}

/* Common */
.bd_lst{overflow:hidden}
/* Form */
.bd_btn,.bd textarea,.bd .itx,.bd select,.btn_img{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;transition:border .4s,background .4s;*zoom:1}
.bd_btn,.btn_img{display:inline-block;position:relative;height:28px;margin:0;padding:4px 20px;background:#F3F3F3 url(../img/ie/btn.png) repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F3F3F3));background:linear-gradient(to bottom,#FFF 0%,#F3F3F3 100%);border:1px solid;border-color:#CCC #C6C6C6 #C3C3C3 #CCC;border-radius:3px;white-space:nowrap;cursor:pointer;text-decoration:none !important;text-align:center;text-shadow:0 1px 0 #FFF;box-shadow:inset 0 0 1px 1px #FFF,0 1px 1px rgba(0,0,0,.1);*display:inline;*zoom:1}
.btn_img{padding:4px 14px 4px 10px;font-size:11px;line-height:1.6;border-color:#CCC;background:#FCFCFC;letter-spacing:-1px;box-shadow:none}
.btn_img.no{padding:4px 18px}
.bd_btn.blue{font-weight:700;color:#FFF;text-shadow:0 1px 0 #000;border-color:#669 !important;box-shadow:0 1px 1px rgba(0,0,0,.1);background:#55B url(../img/ie/btn_blue.gif) repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#77C),to(#55B));background:linear-gradient(to bottom,#77C 0%,#55B 100%)}
.bd_btn:hover,.bd_btn:focus,.btn_img:hover,.btn_img:focus{border-color:#AAA;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.bd_btn[disabled=disabled]{box-shadow:none !important}
.bd .itx,.bd select{display:inline-block;margin:0;padding:4px 6px;background:#FAFAFA;border-radius:3px;border:1px solid;border-color:#BBB #DDD #DDD #BBB;*display:inline;*zoom:1}
.bd .itx{height:28px}
.bd .itx_wrp{position:relative}
.bd .itx_wrp label{position:absolute;top:-1px;left:8px;*top:10px}
.bd textarea{overflow:auto;width:100%;margin:0;padding:4px 6px;border:1px solid;border-color:#CCC #DDD #DDD #CCC;border-radius:3px;box-shadow:inset 1px 1px 4px rgba(0,0,0,.06)}
.bd .itx:hover,.bd .itx:focus,.bd textarea:hover,.bd textarea:focus{background-color:#FFF;border-color:#AAA}

/* Menu */
.bd .img_tx a{font-size:11px;line-height:16px;letter-spacing:-1px;text-decoration:none;*cursor:pointer}

/* Text Image */
.bd .tx_ico_chk{display:inline-block;padding:0 3px;font:700 12px/10px Arial;color:#77A;box-shadow:0 4px 5px -4px #669}
.bd .tx_ico_circ{display:inline-block;width:1.2em;height:1.2em;border-radius:2em;line-height:1.2em;text-align:center;text-decoration:none !important;color:#FFF;opacity:.75}
.bd .tx_ico_circ:hover{opacity:1}
.bd_info_icon{margin-right:2px;font-size:14px;vertical-align:middle}

/* Font */
.fontcheckWrp p{float:left;font-size:72px}
.no_img,.tx_ico_circ{font-family:'Segoe UI',Meiryo,'나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',dotum,Helvetica,'Apple SD Gothic Neo',sans-serif}
.bd.tahoma,.bd .tahoma{font-family:Tahoma,sans-serif}
.bd.ng,.bd .ng{font-family:'나눔고딕',NanumGothic,ng,'돋움',dotum,Helvetica,'Apple SD Gothic Neo',sans-serif}
.bd.window_font,.bd .window_font{font-family:'Segoe UI',Meiryo,'맑은 고딕','Malgun Gothic','돋움',dotum,Helvetica,'Apple SD Gothic Neo',sans-serif}
.bd .nmeb{font-weight:700;font-family:'나눔명조 ExtraBold','NanumMyeongjo ExtraBold',nmeb,'나눔명조',NanumMyeongjo,nm,'Times New Roman',Times,serif}
.bd .np{font-family:'Nanum Pen Script','나눔손글씨 펜',np,'휴먼편지체','Times New Roman',Times,serif}

/* Setting */
.bd{padding:0 0px;overflow:hidden;min-height:100vh;width:100%;}

/* File, Etc */
.rd_fnt,.rd_ft_nav{border-top:1px solid #DDD}
.bd .rd_fnt{font-size:11px}
.fnt_count{font-weight:400;font-size:12px}
.rd_fnt b{font:700 12px/17px Tahoma}
.rd_file th,.rd_file td{padding:8px 12px}
.rd_file th{padding-right:0;white-space:nowrap}
.rd_file td{width:100%}
.rd_file ul{list-style:none;float:left;margin:0;padding:0}
.rd_file li{float:left;padding:2px 8px 2px 0}
.rd_file .wrp{font-size:10px}
.rd_hd .rd_file{margin:-1px 0;border-bottom:1px solid #DDD}
.rd_hd .rd_file th{padding-left:15px}
.rd_file a{color:#666}
.rd_ft_nav{padding-bottom:32px}
.rd_ft_nav .btn_img{height:30px;margin:16px 4px 0 0;padding-top:6px}
.rd_ft_nav a.comment{display:none}

/* Write */
.bd_wrt_main{padding:15px;background:rgba(0,0,0,0.1);border:1px solid #DDD;border-radius:10px}
.bd_wrt_hd .itx,.bd_wrt .tag .itx{width:100%}
.bd_wrt_hd.bd_tb{margin-bottom:20px}

.bd_wrt section{padding:30px;width:calc(100% - 60px);position:relative;background:#fff;margin-bottom:30px;border-radius:10px;}
.bd_wrt section .item{margin-bottom:30px;overflow:hidden;}
.bd_wrt section .item:last-child{margin-bottom:0}
.bd_wrt section .item>li{width:100%;line-height:30px;}
.bd_wrt section .item li.name{font-size:17px;}
.bd_wrt section .item li.name span{font-size:14px;margin-left:5px;}
.bd_wrt section .item li input[type=text]{width:calc(100% - 10px);margin:0;padding:0 5px;border:0;line-height:30px;height:30px;background:#eee;outline:none;}
.bd_wrt section .item li input[type=radio]{width:16px;height:16px;vertical-align:sub}
.bd_wrt section .item li select{font-size:16px;}
.bd_wrt section .item li label{font-size:17px;}
.bd_wrt section .item li .half{width:50%;float:left}
.bd_wrt section .item li .three{width:calc(100% / 3);float:left;}

.bd_wrt section .item.video{display:none}
.bd_wrt section .item.tpye01{display:none}
.bd_wrt section .item.tpye02{display:none}
.bd_wrt section .item li .add_tab1{font-size:15px;}
.bd_wrt section .item li .delete_tab1{width:120px;display:block;float:left;text-align:center;background:#eee;}
.bd_wrt section .item li .delete_tab1:hover{background:#ccc}
.bd_wrt section .item li .tab1_list{margin-bottom:10px;overflow:hidden;}
.bd_wrt section .item li .tab1_list input[type=text]{width:calc(50% - 80px);margin-right:10px;float:left}

.opt_chk,.edit_opt{margin-top:8px}
.opt_chk *{vertical-align:middle}
.opt_chk .section{display:inline-block;height:24px;margin:4px 12px 4px 0;*display:inline;*zoom:1}
.opt_chk label{margin:0 8px 0 0}
.opt_chk input[type=radio],.opt_chk input[type=checkbox]{margin:0}
.edit_opt .itx{width:22%;margin:4px 0}
.edit_opt .bd_btn{margin:4px 0}
.fdb_lst .opt_chk{margin:0 0 0 4px;font-size:11px}
.sns_wrt,.bd_wrt .regist{position:relative;margin-top:12px;padding:12px 0;text-align:center;border-top:1px solid #CCC}
.sns_wrt{padding:0;text-align:left}
.bd_wrt .regist .bd_btn{height:34px}
.bd_wrt .regist .blue{min-width:92px;margin-left:20px}
.bd_wrt .regist .cancle{position:absolute;right:0}
.simple_wrt{position:relative;margin:0 60px;*zoom:1}
.simple_wrt .profile{position:absolute;top:0;left:-60px}
.simple_wrt textarea{display:block}
.simple_wrt .bd_btn{position:absolute;top:0;right:-60px;width:56px;height:56px;line-height:56px;margin:0;padding:0}
.cmt_wrt .simple_wrt textarea{min-height:56px !important}
.cmt_disable{display:block;height:46px;padding:4px 8px;border:1px solid #DDD;border-radius:2px;box-shadow:inset 1px 1px 4px rgba(0,0,0,.06);background:#FFF;text-decoration:none !important;color:#999 !important}
.bd_wrt .et_vars ul{margin-bottom:10px}

/* Context */
.secretMessage{margin:20px;text-align:center}
.rd_body .secretMessage{margin:0 0 40px;padding:20px 0 40px;border-bottom:1px solid #CCC}
.cmt_line{padding:20px;text-align:center}
.context_data{clear:both;padding:12px 24px;background:#F9F9F9;border-top:2px solid #666}
.secretMessage h3,.context_data h3,.context_data p{margin:12px 0}
.context_data p.author strong{font-weight:400}
.context_message{text-align:center;border-top:2px solid #666}
.context_message h1{font-size:1.3em;margin:1.6em}
.context_message .btnArea{margin:20px;text-align:center}
.context_message .bd_btn{min-width:92px;height:34px;margin:4px;font-size:14px}

/* Extra Var */
.et_vars{display:none;margin-bottom:20px;overflow:hidden}
.et_vars th,.et_vars td{padding:7px 16px;border:1px solid #DDD;text-align:left;word-break:break-all;word-wrap:break-word}
.et_vars th{min-width:60px;border-right:1px solid #DDD;white-space:nowrap}
.et_vars tr.bg1{background:#F6F6F6}
.et_vars td{width:100%}
.et_vars .bg1 td{background:rgba(255,255,255,.7);background:url(../img/ie/wh_op7.png)}
.rd_hd .et_vars{position:relative;margin-top:-1px;border-width:1px 0}

/* Extra Form */
.exForm{display:block}
.exForm caption{padding:8px 4px 2px;text-align:left;font-size:13px}
.exForm th,.exForm td{background:#FFF}
.exForm td{padding:6px}
.exForm .bd_btn{vertical-align:top}
.exForm .text,.exForm .email_address,.exForm .homepage{width:100%}
.exForm .tel{width:40px}
.exForm .date{width:120px}
.exForm p{margin:2px 0 0 0;font-size:11px}
.exForm ul{margin:0;padding:0}
.exForm li{display:inline;list-style:none}
.exForm input[type=radio],.exForm input[type=checkbox]{margin:0 4px 0 0;vertical-align:middle}
.exForm li label{margin:0 15px 0 0;vertical-align:middle}

/* Setting */
.admin_setting{position:fixed;bottom:0;right:0;padding:10px;z-index:9999;background:#fff;border:1px solid #262626}
.admin_setting a{display:block;float:left;padding:10px 20px;font-size:16px;color:#262626;background:#f4f4f4;margin:0 5px;border:1px solid #eee;border-radius:5px}
.admin_setting a:hover{background:#ddd}
.rd_manager{position:fixed;bottom:0;right:0;padding:10px;z-index:9999;background:#fff;border:1px solid #262626}
.rd_manager a{display:block;float:left;padding:10px 20px;font-size:16px;color:#262626;background:#f4f4f4;margin:0 5px;border:1px solid #eee;border-radius:5px}
.rd_manager a:hover{background:#ddd}




/* Gallery */
.bd_top{width:100%;margin:0 auto 20px;overflow:hidden;}
.bd_top .cnb_n_list{display:block;float:left;}
.bd_top .cnb_n_list li{float:left;line-height:30px;padding:0 40px 0 0;position:relative;}
.bd_top .cnb_n_list li a{font-size:18px;color:#ddd;display:inline-block;line-height:30px;font-weight:300;position:relative;overflow:hidden;}
.bd_top .cnb_n_list li a span{display:none}
.bd_top .cnb_n_list li a.on{color:#fff;font-weight:bold;}
.bd_top .cnb_n_list li a.on span{display:inline;}

.bd_top .search_box{float:right}
.bd_top .bd_srch_btm{float:left;border-bottom:1px solid #fff;line-height:30px;}
.bd_top .bd_srch_btm input{background:transparent;outline:none;border:0;color:#fff;font-size:16px;}
.bd_top .bd_srch_btm button{background:transparent;color:#fff;font-size:18px;}

.bd_top .list_count{float:left;margin-left:5px;}
.bd_top .list_count ul{float:left;padding-left:10px;padding-top:10px;}
.bd_top .list_count .list4 a .on{display:none}
.bd_top .list_count .list4 a .off{display:block}
.bd_top .list_count .list4.on a .on{display:block}
.bd_top .list_count .list4.on a .off{display:none}
.bd_top .list_count .list2 a .on{display:none}
.bd_top .list_count .list2 a .off{display:block}
.bd_top .list_count .list2.on a .on{display:block}
.bd_top .list_count .list2.on a .off{display:none}



.bd_lst{margin:0px auto 100px;overflow:hidden;width:100%;position:relative;}
.bd_lst::after {content: "";display: block;clear: both;}
.bd_lst .list_body{width:calc(100% + 10px);margin:0px -5px;overflow:hidden;}
.bd_lst .list_body::after {content: "";display: block;clear: both;}
.bd_lst .list{width:calc(100% / 5);position:relative;overflow:hidden;float:left;}

.bd_lst .list .tmb_box{overflow:hidden;position:relative;vertical-align:top;border-radius:10px;transition:0.5s;}
.bd_lst .list .tmb_box .tmb{transition:0.5s;width:100%;position:absolute;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);}
.bd_lst .list:hover .tmb_box .tmb{transform:translate(-50%,-50%) scale(1.2);}

.bd_lst .list .tmb img{width:0;vertical-align:top}
.bd_lst .list .horizon .tmb_box{width:100%;padding-bottom:56.25%;height:0}
.bd_lst .list .vertical .tmb_box{width:100%;padding-bottom:calc(112.5% + 35px);height:0}

.bd_lst .list a{display:block;vertical-align:top;margin:5px;}
.bd_lst .list b{font-size:18px;color:#fff;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;line-height:25px;height:25px;}

.bd_lst.fix2 .list{width:calc(100% / 2);}


.light-box{position:fixed;width:100%;height:100vh;background:rgba(0,0,0,0.5);z-index:9999;top:0;left:0;display:none;}
.light-box.on{display:block;}
.rd .light-box{position:relative;display:block;z-index:1}

.light-box .light-box-fix{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.light-box .light-box-close2{position:absolute;width:100%;height:100%;top:0;left:0;}
.light-box-fix{border-radius:15px;overflow:hidden;background:#fff;z-index:10;padding:10px;width:calc(100% - 40px);max-width:800px;margin:0 auto;color:#000;position:relative;line-height:1}
.light-box-fix.horizon{max-width:1000px;}


.light-box-fix .video{width:100%;height:0;background:#000;position:relative;border-radius:15px;overflow:hidden;}
.light-box-fix .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.light-box-fix.horizon .video{padding-bottom:56.25%;}
.light-box-fix.vertical .video{padding-bottom:177.7%;}


.light-box-fix.vertical{display:table;table-layout:fixed;}
.light-box-fix.vertical .ajax_box{display:table;table-layout:fixed;width:100%;max-width:800px;margin:0 auto;}
.light-box.on .light-box-fix.vertical{display:block;}


.light-box-fix.vertical .v-box{width:55%;display:table-cell}
.light-box-fix.vertical .textbox{width:45%;padding-left:20px;display:table-cell;vertical-align:bottom;}
.light-box-fix.vertical .textbox_fix{margin-bottom:20px;}
.light-box-fix.vertical .textbox_fix .title{width:100%;margin:0 auto 20px;}
.light-box-fix .textbox_fix .title p{font-size:35px;font-weight:900}
.light-box-fix .textbox_fix .title b{font-size:40px;}
.light-box-fix .textbox_fix .info{font-size:15px;}
.light-box-fix .textbox_fix .info>div{position:relative;padding-left:12px;width:calc(100% - 12px);display:block;}
.light-box-fix .textbox_fix .info>div:after{content:'';width:2px;height:100%;position:absolute;background:#000;top:0;left:0;}
.light-box-fix .textbox_fix .info>div b{display:inline-block;margin-right:10px;}
.light-box-fix .textbox_fix .info>div p{display:inline-block;}

.light-box-fix .link1{display:block;position:absolute;width:108px;text-align:center;height:23px;line-height:23px;border:1px solid #E74F12;border-radius:25px;color:#fff;font-size:15px;font-weight:bold;background:#E74F12;transition:0.5s}
.light-box-fix .link1:hover{background:#fff;color:#E74F12}

.light-box-fix.vertical .link1{top:17px;right:60px;}
.light-box-fix.horizon .link1{bottom:20px;right:30px;}

.light-box-fix.horizon .textbox_fix{overflow:hidden;line-height:60px;padding:20px 20px 0;}
.light-box-fix.horizon .textbox_fix .title{float:left;width:100%;}
.light-box-fix.horizon .textbox_fix .title b{float:left;line-height:1;width:100%;}
.light-box-fix.horizon .textbox_fix .title p{float:left;line-height:1.2;width:100%;margin-bottom:10px;}
.light-box-fix.horizon .textbox_fix .info{float:left;}
.light-box-fix.horizon .textbox_fix .info>div{line-height:20px;margin:10px 0 10px}

.light-box .light-box-fix .light-box-close{position:absolute;top:15px;right:15px;z-index:999}
.light-box .light-box-fix .light-box-close:hover img{filter:invert(0.5)}
.light-box .light-box-fix.horizon .light-box-close img{filter:invert(1)}
.light-box .light-box-fix.horizon .light-box-close:hover img{filter:invert(0.5)}


/* Pagination */
.bd_pg{text-align:center;overflow:hidden;}
.bd_pg a,.bd_pg strong{color:#ccc;font-size:16px;padding:0 10px;}
.bd_pg a:hover{color:#fff;}
.bd_pg .this{color:#fff}

/* Read */
.bd.read{width:100%;padding:0;max-width:100%;margin:0 auto}
.rd{position:relative;padding:80px 0 0;width:100%;margin:0 auto;}


/* Responsive */
@media all and (max-width:1440px){
	.bd_lst .list{width:calc(100% / 4);}
}

@media all and (max-width:1240px){
	.admin_setting{display:none}
	.rd_manager{display:none}
	.bd_lst .list .admin-btn{display:none}
}

@media all and (max-width:1024px){
	.bd_lst .list{width:calc(100% / 3);}
}

@media all and (max-width:768px){
	.body .content{width:calc(100% - 40px) !important;}
	.bd_top .cnb_n_list{width:100%;text-align:center;margin:0 auto 40px}
	.bd_top .cnb_n_list li{float:none;display:inline-block;padding:0 15px}

	.bd_top .search_box{width:100%}
	.bd_top .bd_srch_btm{width:calc(100% - 80px)}
	.bd_top .bd_srch_btm input{width:calc(100% - 25px)}
	.bd_top .list_count{float:right}
	
	.bd_lst .list{width:calc((100% / 2) - 2px);}
	.bd_lst.fix2 .list{width:calc(100% - 2px);}
	.bd_lst .list b{font-size:16px;}


	.rd{padding:80px 0 0}
	.pagination{margin-top:50px;}


	.light-box-fix .textbox_fix .title p{font-size:30px;}
	.light-box-fix .textbox_fix .title b{font-size:35px;}

	.light-box-fix.horizon .textbox_fix{padding:16px 16px 0}
}


@media all and (max-width:640px){
	.light-box-fix{height:calc(100vh - 40px);max-height:600px;}

	.light-box-fix.vertical .ajax_box{display:block;width:100%;max-width:800px;margin:0 auto;}
	.light-box-fix.vertical .v-box{width:100%;display:block}
	.light-box-fix.vertical .textbox{width:100%;padding-left:0px;display:block;}
	.light-box-fix.vertical .video{padding-bottom:56.25%;}

	.light-box-fix.vertical .textbox_fix{padding:16px 16px 0}
	.light-box-fix.vertical .textbox_fix{overflow:hidden;line-height:60px;padding:20px 20px 0;}
	.light-box-fix.vertical .textbox_fix .title{float:left;margin:0;}
	.light-box-fix.vertical .textbox_fix .title b{float:left;}
	.light-box-fix.vertical .textbox_fix .title p{float:left;margin-right:20px;}
	.light-box-fix.vertical .textbox_fix .info{float:left;}

	.light-box-fix .textbox_fix .info>div{line-height:20px;margin:0px 0 10px !important}


	.light-box-fix.vertical .link1{top:inherit;right:30px;bottom:30px;}


	.light-box-fix.horizon .textbox_fix .title{width:100%;margin:0}

	.light-box-fix .textbox_fix .title p{font-size:25px;}
	.light-box-fix .textbox_fix .title b{font-size:30px;}

	.light-box .light-box-fix.vertical .light-box-close img{filter:invert(1)}
	.light-box .light-box-fix.vertical .light-box-close:hover img{filter:invert(0.5)}

}

@media all and (max-width:480px){
	.light-box-fix{height:calc(100vh - 40px);max-height:480px;}

	.light-box-fix .textbox_fix .title p{font-size:16px;}
	.light-box-fix .textbox_fix .title b{font-size:21px;}

	.light-box-fix .textbox_fix{line-height:30px !important;}

}