@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}

/* 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 */
.body .content{max-width:100%}
.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}

.doc_popup_box{position:fixed;background:rgba(0,0,0,0.9);z-index:1100;top:300px;left:0;width:100vw;height:100vh;pointer-events: none;opacity:0;transition:0.5s;}
.doc_popup_box.on{top:0;opacity:1;pointer-events: auto;}
.doc_popup_box .doc_popup_fix{position:relative;width:calc(100% - 40px);max-width:1920px;margin:0 auto;height:100vh;overflow-Y:auto;scrollbar-width: none; /* Firefox */-ms-overflow-style: none; /* IE 10+ */}
.doc_popup_box .doc_popup_fix::-webkit-scrollbar {display: none;}
.doc_popup_box .doc_popup_close_fix{z-index:1250;width:calc(100% - 60px);max-width:1720px;text-align:right;position:absolute;top:100px;right:50%;transform:translateX(50%);}
.doc_popup_box .doc_popup_close_fix .doc_popup_close{background:transparent;color:#fff;font-size:32px;}




/* 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{overflow:hidden;}
.bd_lst .list_body::after {content: "";display: block;clear: both;}
.bd_lst .list{width:calc(25% - 2px);float:left;margin:0 1px 30px;}
.bd_lst .list .tmb_box{width:100%;padding-bottom: 58.33%;overflow:hidden;transition:0.5s;position:relative;}
.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}
.bd_lst .list b{font-size:18px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;}

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

/* 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;}
.rd .rd_top{width:100%;margin:0 auto 100px;overflow:hidden;position:relative;line-height:1;min-height:60px}
.rd .rd_top b{display:block;font-size:30px;}
.rd .rd_top h3{display:block;font-size:120px;font-weight:800}
.rd .rd_top .bd_rd_list{position:absolute;background:transparent;color:#fff;font-size:32px;top:20px;right:20px;z-index:1200;text-shadow:0 0 5px rgba(255,255,255,0.1);}


.rd .rd_body{width:100%;margin:0 auto 200px;position:relative;overflow:hidden;}
.rd .rd_body .info{overflow:hidden;margin:0 auto 20px;position:relative;}
.rd .rd_body .info ul{float:left;width:100%;line-height:60px;font-size:40px;}
.rd .rd_body .info ul.one li p{font-weight:bold;display:inline}
.rd .rd_body .info ul.one li b{display:inline}


.rd .rd_body .info a{position:absolute;width:155px;text-align:center;height:23px;line-height:23px;border:1px solid #E74F12;border-radius:25px;color:#fff;font-size:15px;font-weight:bold;right:0;bottom:15px;background:#E74F12}
.rd .rd_body .info a:hover{background:#fff;color:#E74F12}

.rd .rd_body .img_box{width:100%;overflow:hidden;position:relative;}
.rd .rd_body .img_box p{border-radius:8px;overflow:hidden;width:calc((100% / 6) - 10px);margin:5px;float:left;}
.rd .rd_body .img_box p img{width:100%;vertical-align:top;}


.rd .rd_body .img_box .media_embed_wrapper{width:calc((100% / 2) - 10px);margin:5px;}

.doc_popup_box .rd .rd_body .img_box .media_embed_wrapper img{display:none}
.doc_popup_box .rd .rd_body .img_box .media_embed_wrapper .media_embed{height:0;padding-bottom: 56.25%;}
.doc_popup_box .rd .rd_body .img_box .media_embed_wrapper .media_embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.rd .rd_bottom{width:100%;margin:0 auto 100px;position:relative;overflow:hidden;}
.rd .rd_bottom h3{display:block;font-size:20px;}
.rd .rd_bottom .ppm_box{position:relative;}
.rd .rd_bottom .ppm_box li{width:calc((100% / 6) - 10px);margin:5px;float:left;border-radius:8px;overflow:hidden;position:relative;}
.rd .rd_bottom .ppm_box li p{display:block;width:100%;overflow:hidden;border-radius:8px;position:relative;padding-bottom:58.33%;}
.rd .rd_bottom .ppm_box li p img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}


.rd .pagenavi{width:100%;max-width:400px;margin:0 auto 200px;position:relative;overflow:hidden;}
.rd .pagenavi .btn_next{float:right}
.rd .pagenavi .btn_next b{color:#fff;font-size:15px;display:block;margin:0 auto 10px;}
.rd .pagenavi .btn_list{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.rd .pagenavi .btn_list img{margin-top:30px;}
.rd .pagenavi .btn_prev{float:left}
.rd .pagenavi .btn_prev b{color:#fff;font-size:15px;display:block;margin:0 auto 10px;}

/* Responsive */
@media all and (max-width:1440px){
	.rd .rd_body .img_box p{width:calc((100% / 4) - 10px);}
	.rd .rd_bottom .ppm_box li{width:calc((100% / 4) - 10px);}

	.rd .rd_top h3{font-size:100px;}
}

@media all and (max-width:1240px){
	.admin_setting{display:none}
	.rd_manager{display:none}
	.bd_top .cnb_n_list li{padding:0 30px 0 0}
}

@media all and (max-width:1024px){	
	.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 .cnb_n_list li a{font-size:16px;}

	.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 .rd_top{margin:0 auto 50px;}
	.rd .rd_top h3{font-size:80px;}	
	.rd .rd_body .info ul{overflow:hidden;font-size:32px;}
	.rd .rd_body .info a{display:none}


}

@media all and (max-width:768px){
	.bd_top .cnb_n_list li a{font-size:14px;}


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

	.rd .rd_top h3{font-size:60px;}	
	.rd .rd_body .info ul{font-size:27px;}

	.rd .rd_body .img_box p{width:calc((100% / 3) - 10px);}
}

@media all and (max-width:480px){	
	.bd_top .cnb_n_list li a{font-size:12px;}
	
	.rd .rd_top h3{font-size:48px;}	
	.rd .rd_body .info ul{font-size:21px;}

	.rd .rd_body .img_box p{width:calc((100% / 2) - 10px);}

}