@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 label{font-size:17px;}
.bd_wrt section .item li .half{width:50%;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}



/* Category */
.cnb_n_list{width:100%;max-width:1020px;margin:100px auto 0}
.cnb_n_list .cnb_list{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;justify-content: space-between;margin: 0 0 30px 0;}
.cnb_n_list .cnb_list li{display: inline-block;width: 100%;margin: 0 10px 0 0;}
.cnb_n_list .cnb_list li a{display: block;width: 100%;height: 54px;line-height: 54px;text-align: center;border-top-left-radius: 10px;border-bottom-right-radius: 10px;background: #eee;font-size: 17px;letter-spacing: -0.03em;color: #666;}
.cnb_n_list .cnb_list li a.on{color: #fff;background:#73B3E3}


/* Serch Form */
.search_form{padding: 40px 100px;margin: 0 0 40px 0;border-top-left-radius: 10px;border-bottom-right-radius: 10px;background: #F6F6F6;}
.search_form .search_area{display: flex;align-items: center;width:100%;max-width:1020px;margin:0 auto;}
.search_form .search_area select{width: 240px;height: 50px;padding: 0 20px;border-radius: 0;border: 1px solid #C1C1C1;background: #fff;color: #0B2241;font-size: 16px;letter-spacing: -0.03em;-webkit-appearance: none;background: #fff}
.search_form .search_area .srch_itx{width: calc(100% - 420px);height: 50px;padding: 0 20px;margin: 0 7px 0 10px;border-radius: 0;font-size: 16px;color: #0B2241;border: 1px solid #C1C1C1;-webkit-appearance: none;box-shadow: none;}
.search_form .search_area .sch_btn{width: 100px;height: 50px;line-height: 50px;color: #fff;border: 0;font-size: 18px;letter-spacing: -0.03em;background: #399FFF;text-align: center;border-top-left-radius: 10px;border-bottom-right-radius: 10px;-webkit-appearance: none;}



/* Gallery */
.board_top{border-bottom:1px solid #aaa;overflow:hidden;margin-bottom:20px;padding-bottom:10px;}
.board_top p{font-size:18px;color:#0B2241;}
.board_top p span{font-size:21px;color:#399FFF;font-weight:bold;margin-left:10px;}

.bd_lst{margin:0px -10px 0;overflow:hidden;width:calc(100% + 20px);}
.bd_lst .list{width:calc((100% / 3) - 20px);margin:0px 10px 40px;float:left;position:relative;overflow:hidden;}
.bd_lst .list .hx{display:block;width:100%;padding-bottom:56.26%;position:relative;overflow:hidden;margin:0 auto 10px;border:1px solid #ddd;box-sizing: border-box;}
.bd_lst .list .hx img{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.bd_lst .list .info span{display:block;font-size:12px;color:#8F8F8F}
.bd_lst .list .info p{font-size:17px;width:100%;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 30px;height: 60px;}

/* Pagination */
.pagination{text-align:center;overflow:hidden;margin-bottom:100px}
.pagination .go_first,.pagination .go_last{width:40px;height:40px;line-height:40px;margin:0 10px;color:#222}
.pagination .first,.pagination .last{color:#222}
.pagination .first:hover,.pagination .last:hover{background:rgba(241,230,217,0)}
.pagination a{display:inline-block;width:40px;height:40px;line-height:40px;font-size:15px;border-radius:30px;color:#222}
.pagination a:hover{color:#73B3E3}
.pagination strong{display:inline-block;width:40px;height:40px;line-height:40px;font-size:15px;color:#222;border-radius:30px;margin:0 10px}


/* Read */
.bd.read{width:100%;padding:0;max-width:100%;margin:0 auto}
.rd{position:relative;padding:50px 0 200px;width:100%;margin:0 auto;}
.rd .rd_top{width:100%;margin:0 auto 50px;max-width:1440px;position:relative;}
.rd .rd_top ul{overflow:hidden;}
.rd .rd_top ul .cate{background:#399FFF;color:#fff;font-size:13px;display:block;width:120px;line-height:30px;text-align:center;float:left}
.rd .rd_top ul .link_btn{float:right}
.rd .rd_top ul:last-child{padding-bottom:10px;border-bottom:1px solid #707070;margin-bottom:20px;}
.rd .rd_top ul h3{font-size:32px;font-weight:normal}
.rd .rd_top ul span{font-size:14px;display:block;width:100%;}

.rd .rd_body{width:100%;margin:0 auto 0px;max-width:1440px;position:relative;overflow:hidden;}
.rd .rd_body h3{text-align:center;display:block;font-size:32px;margin:0 auto 60px;}
.rd .rd_body .slidearea{width:calc(100% + 10px);position:relative;margin:0 -5px 60px;padding-bottom:60px;border-bottom:1px solid #eee}
.rd .rd_body .slidearea .slide_box{position:relative;margin:0 5px 10px;overflow:hidden;}
.rd .rd_body .slidearea .slide_box .slide{position:relative;overflow:hidden;outline:none;}
.rd .rd_body .slidearea .slide_box .slide a{width:100%;position:relative;padding-bottom:53.75%;display:block;}
.rd .rd_body .slidearea .slide_box .slide a img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);}
.rd .rd_body .slidearea .slide_thumb{position:relative;width:100%;}
.rd .rd_body .slidearea .slide_thumb .slide{margin:0 5px;float:left;position:relative;outline:none}
.rd .rd_body .slidearea .slide_thumb .slide:after{content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;position:absolute;opacity:0;transition:0.5s}
.rd .rd_body .slidearea .slide_thumb .slide:hover:after{opacity:1}
.rd .rd_body .slidearea .slide_thumb .slide:hover img{opacity:1}
.rd .rd_body .slidearea .slide_thumb .slide a{width:100%;position:relative;padding-bottom:53.75%;display:block;}
.rd .rd_body .slidearea .slide_thumb .slide a img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);}
.rd .rd_body .slidearea .slide_thumb .slide.slick-current a img{opacity:1}

.rd .rd_body .content{padding:0;overflow:hidden;margin:0 auto 60px;padding-bottom:60px;border-bottom:1px solid #eee;width:100%;min-height:400px}
.rd .rd_body .content p{font-size:16px;color:#888;line-height:30px;}
.rd .rd_body .videobox{padding:0;overflow:hidden;margin:0 auto 60px;border-bottom:1px solid #eee;padding-bottom:60px;}
.rd .rd_body .videobox .item{height:0;padding-bottom: 56.25%;position:relative;margin:0 auto 60px;}
.rd .rd_body .videobox .item iframe{position:absolute;top:0;left:0;width:100%;height:100%;}



.rd .rd_bottom{width:100%;margin:0 auto 0px;max-width:1440px;position:relative;}
.rd .rd_bottom a{background:#399FFF;color:#fff;font-size:13px;display:block;width:180px;line-height:50px;text-align:center;border-top-left-radius:10px;border-bottom-right-radius:10px;}
.rd .rd_bottom a:hover{background:#0057A5}
.rd .rd_bottom .btn_next{float:right}
.rd .rd_bottom .btn_list{position:absolute;top:0px;left:50%;transform:translatex(-50%);}
.rd .rd_bottom .btn_prev{float:left}


.sns_popup{background:rgba(0,0,0,0.5);position:fixed;width:100%;height:100vh;top:0;left:0;z-index:9999;display:none}
.sns_popup .popup_fix{padding:30px;border-radius:10px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;}
.sns_popup .popup_fix .popup_close{position:absolute;top:30px;right:30px;}
.sns_popup .popup_fix h3{font-size:21px;}
.sns_popup .popup_fix .sns_icon{padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:10px 0;overflow:hidden;}
.sns_popup .popup_fix .sns_icon a{width:60px;display:block;margin:0 10px;float:left}
.sns_popup .popup_fix .sns_icon a img{width:100%;}
.sns_popup .popup_fix .herf_box{overflow:hidden;padding:10px;border-radius:5px;border:1px solid #eee;}
.sns_popup .popup_fix .herf_box input{width:218px;margin-right:20px;float:left;border:0;line-height:30px;font-size:14px;}
.sns_popup .popup_fix .herf_box a{background:#399FFF;color:#fff;font-size:13px;display:block;float:left;width:60px;line-height:30px;text-align:center;border-top-left-radius:5px;border-bottom-right-radius:5px;}
.sns_popup .popup_fix .herf_box a:hover{background:#0057A5}



/* Responsive */
@media all and (max-width:1200px){
	.admin_setting{display:none}
	.rd_manager{display:none}
}

@media all and (max-width:1024px){
	.body .content{width:calc(100% - 40px);padding:50px 20px}

	.cnb_n_list .cnb_list li a{font-size:16px;}

	.search_form{padding:30px 80px}
	.search_form .search_area select{width: 200px;height:40px}
	.search_form .search_area .srch_itx{width: calc(100% - 380px);height:40px;}
	.search_form .search_area .sch_btn{width: 100px;height:40px;line-height:40px;}

	.rd .rd_top ul h3{font-size:28px;}
	.rd .rd_body .extra_info table th{font-size:16px;padding:16px;}
	.rd .rd_body .extra_info table td{font-size:14px;padding:16px;}

}

@media all and (max-width:900px){
	.bd_lst .list{width:calc((100% / 2 ) - 20px)}
}


@media all and (max-width:768px){
	.cnb_n_list .cnb_list li a{font-size:15px;line-height:40px;height:40px;}
	.search_form{padding:30px 60px}
	.search_form .search_area select{width: 160px;}
	.search_form .search_area .srch_itx{width: calc(100% - 320px);}
	.search_form .search_area .sch_btn{width: 80px;}

	.rd .rd_top ul h3{font-size:24px;}
	.rd .rd_body .extra_info table th{font-size:15px;padding:14px;}
	.rd .rd_body .extra_info table td{font-size:13px;padding:14px;}


}


@media all and (max-width:600px){
	.cnb_n_list .cnb_list{display:block;overflow:hidden;}
	.cnb_n_list .cnb_list li{width:calc(50% - 10px); margin:0 5px 5px;display:block;float:left;}
	.cnb_n_list .cnb_list li a{font-size:13px;border-top-left-radius:5px;border-bottom-right-radius:5px;}

	.search_form{padding:30px 40px;border-top-left-radius:5px;border-bottom-right-radius:5px;}
	.search_form .search_area select{width: 120px;}
	.search_form .search_area .srch_itx{width: calc(100% - 260px);}
	.search_form .search_area .sch_btn{width: 60px;border-top-left-radius:5px;border-bottom-right-radius:5px;}

	.bd_lst .list .info ul li b{font-size:17px;}
	.bd_lst .list .info ul li p{font-size:16px;}
	.bd_lst .list .info ul li span{font-size:13px;}


	.rd .rd_bottom a{font-size:12px;width:150px;line-height:40px;}


}

@media all and (max-width:540px){
	.search_form{padding:30px 20px}
	.search_form .search_area select{width: 120px;font-size:13px;}
	.search_form .search_area .srch_itx{width: calc(100% - 260px);font-size:13px;}
	.search_form .search_area .sch_btn{width: 60px;font-size:13px;}

	.bd_lst .list{width:calc(100% - 20px)}

	.rd .rd_bottom a{width:120px;line-height:40px;}
}

@media all and (max-width:440px){
	.search_form{padding:20px 10px}
	.search_form .search_area select{width: 100px;}
	.search_form .search_area .srch_itx{width: calc(100% - 240px);}

	.rd .rd_bottom a{width:100px;line-height:40px;}
}