@charset "utf-8";

@import url('layout.css');
@import url('common.css');


.titH_type01{position: relative;padding-top:12px;padding-left:20px;margin-bottom:10px;font-size: 15px; color: #111;font-family:'nanumB';/*background:url(../../images/contents/bul_type02.png) no-repeat 0 0;*/}
.titH_type01:before	{position:absolute; left:0; top:13px; content:''; width:6px; height:6px ; background: #fff;border:4px solid #ffd105; border-radius: 100%;}
.titH_type01 .number{margin-left:5px;font-size:11px;color:red;vertical-align:middle;}
.title_txt{line-height:16px;text-align:center;margin-bottom:25px;}
.info_txt{margin-left:20px;margin-bottom:25px;}
.info_txt li{line-height:18px;}
.info_txt .block{display: block;}
.info_txt .block~.block{margin-top: 5px;}
.info_txt02{text-align:center;line-height:16px;margin:20px 0 15px 15px;}
.info_txt03{margin-left:10px;margin-bottom:15px;}
.txt_color{color:#ffd105;}
.info_txt ~ p	{margin: 0 0 0 20px;}
p ~ .titH_type01	{margin-top: 20px;}

/* table */
.tbl_type01 + .tbl_type01,.tbl_ui + .tbl_ui{margin-top:15px;}
.tbl_type01{table-layout:fixed;width:100%;border-collapse:collapse;text-align:left;}
.tbl_type01 thead th{height:30px;padding:5px 10px;line-height:18px;vertical-align:middle;color:#464646;border:1px solid #bebfc0;background:#f2f2f2;}
.tbl_type01 thead th.ta_center{text-align:center !important;}
.tbl_type01 tbody th{padding:10px 10px 10px;vertical-align:middle;color:#464646;border:1px solid #bebfc0;background:#f2f2f2;text-align:left !important;}
.tbl_type01 td{padding:10px 10px 10px;line-height:18px;vertical-align:middle;color:#535353;border:1px solid #bebfc0;background:#fff;}
.tbl_type01 td input{margin-right:5px;}
.tbl_type01 td textarea{width:100%;border:1px solid #aaa;}

.tbl_type02 + .tbl_type02,.tbl_ui + .tbl_ui{margin-top:15px;}
.tbl_type02{table-layout:fixed;width:100%;border-collapse:collapse;text-align:center;}
.tbl_type02 thead th{height:30px;padding:5px 10px;line-height:18px;vertical-align:middle;color:#464646;border:1px solid #bebfc0;background:#f2f2f2;text-align:center !important;}
.tbl_type02 tbody th{padding:10px 10px 10px;vertical-align:middle;color:#464646;border:1px solid #bebfc0;background:#f2f2f2;text-align:left !important;}
.tbl_type02 td{padding:10px 10px 10px;line-height:18px;vertical-align:middle;color:#535353;border:1px solid #bebfc0;background:#fff;}
.tbl_type02 td input{margin-right:5px;}
.tbl_type02 td textarea{width:100%;border:1px solid #aaa;}

.tbl_ui table td{height:18px !important;}
.tbl_ui table tr.bg td{background:#ffe8e9;}
.pd0 tr th, .pd0 tr td{padding:5px 0;}

/* board_list  */
.board_list{margin:0 -5px;overflow:hidden;display:block;width:auto;border-top:2px solid #aaa ! important;border-bottom:0;}
.board_list col{display:none;}
.board_list thead{display:none;}
.board_list tbody{display:block;}
.board_list td:first-child{display:none;}
.board_list tr{overflow:hidden;position:relative;display:block;border-bottom:1px solid #aaa ! important;}
.board_list td{float:left;display:block;padding:2px 5px 5px 5px;text-align:left;border:0 ! important;background:#fff ! important}
.board_list td:after{content:"|";padding-left:10px;}
.board_list td:last-child:after{content:""}
.board_list .cell_type01{float:none;position:static;display:block ! important;border:0;padding:10px 5px 5px;}
.board_list .cell_type01:after{content:"";padding-left:0;}
.board_list .cell_type01 a{width:90%;}

.board_listB {position:relative;border-bottom:2px solid #dcdcdc;}
.board_listB:before{content:"";position:absolute;top:0;left:0;width:100%;border-top:2px solid #f15c24;}
.board_listB ul{overflow:hidden;margin-top:-2px;}
.board_listB li{float:left;padding:13px 8px 10px;/*border-top:2px solid #dcdcdc;*/}
.board_listB .thum{padding:0 10px 13px;margin:0 -10px;border-bottom:1px solid #ececec}
.board_listB .thum img{width:163px;height:107px;}
.board_listB .memo{position:relative;padding-top:7px;}
.board_listB .memo a{display:inline-block;width:90px;padding-left:5px;font-size:.75em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.board_listB .memo span{position:absolute;top:10px;right:0;font-size:.75em;}

.board_listC {position:relative;border-bottom:2px solid #dcdcdc;}
.board_listC:before{content:"";position:absolute;top:0;left:0;width:100%;border-top:2px solid #f15c24;}
.board_listC ul{width: 100%; margin-top:-2px;display: flex;margin-top:-2px;flex-wrap: wrap;justify-content: space-between;align-items: center;align-content: flex-start;}
.board_listC li{padding:13px 8px 10px;box-sizing: border-box; width: calc(100%/2 - 10px);}
.board_listC .thum{padding:0 10px 13px;margin:0 -10px;border-bottom:1px solid #ececec;text-align: center;}
.board_listC .thum img{width:100%;height:auto;}
.board_listC .on_thum img {border: 4px solid #ed0043;box-sizing: border-box; }
.board_listC .memo{position:relative;padding-top:7px;}
.board_listC .memo a{display:inline-block;width:155px;padding-left:5px;font-size:.75em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* view  */
.board_view *,.board_viewB *, .board_viewC *, .board_viewD *{font-size:12px;}
.board_view{border-top:2px solid #111;border-bottom:2px solid #e5e5e5}
.board_view h2.tit{position:relative;line-height:18px;padding:7px 0 7px 12px;vertical-align:middle;color:#000;border-bottom:1px solid #adadad;background:#fbfbfb;}
.board_view .tbl_data{width:100%;border-collapse:collapse;border-bottom:1px solid #e5e5e5;}
.board_view .tbl_data th{padding:7px 12px 7px;color:#373737;background-color:#fff;border-bottom:1px solid #ececec;background:url(../images/in_h01.gif) no-repeat right 10px;}
.board_view .tbl_data td{padding:6px 12px 7px;line-height:18px;text-align:left;border-bottom:1px solid #ececec;}
.board_view .tbl_data a:hover{text-decoration:underline;}
.board_view .memo{overflow:hidden;line-height:22px;padding:35px 12px;line-height:20px;color:#373737;}
.board_view .memo img{width:100%;}

.board_viewB{border-top:2px solid #5368a6;border-bottom:2px solid #e5e5e5;}
.board_viewB h2.tit{position:relative;line-height:18px;padding:7px 0 7px 12px;vertical-align:middle;color:#333;border-bottom:1px solid #adadad;background:#fbfbfb;}
.board_viewB h2.tit span{position:absolute;top:5px;right:10px;font-weight:normal;}
.board_viewB h2.tit span code{margin-left:5px;font-weight:normal;color:#676767}
.board_viewB .memo{overflow:hidden;line-height:22px;padding:20px 12px;line-height:20px;}
.board_viewB .memo .thum{float:left}
.board_viewB .memo .caption{float:right;width:213px;height:245px;line-height:18px;padding:12px;color:#373737;border:1px solid #dcdcdc;overflow-y:scroll;}
.board_viewB + .board_listB:before{border-top:2px solid #e5e5e5;}

.board_viewC{border-top:2px solid #111;border-bottom:2px solid #e5e5e5;}
.board_viewC h2.tit{position:relative;line-height:18px;padding:7px 0 7px 12px;vertical-align:middle;color:#333;border-bottom:1px solid #adadad;background:#fbfbfb;}
.board_viewC h2.tit span{position:absolute;top:5px;right:10px;font-weight:normal;}
.board_viewC h2.tit span code{margin-left:5px;font-weight:normal;color:#676767}
.board_viewC .memo{line-height:122px;padding:35px 12px;word-break:break-all;white-space:inherit;max-width:700px;line-height:22px;color:#373737;}
.board_viewC .memo img{margin:20px 0;height:auto;margin:0 auto;width:100%;}
.board_viewC + .board_listC:before{border-top:2px solid #e5e5e5;}

.board_viewD{margin-top:30px;border-top:2px solid #5368a6;border-bottom:2px solid #e5e5e5;}
.board_viewD h2.tit_comment{position:relative;line-height:18px;padding:7px 0 7px 12px;vertical-align:middle;color:#333;border-bottom:1px solid #adadad;background:#fbfbfb;color:#5368a6; padding-left:10px;}
.board_viewD h2.tit_comment_02{position:relative;line-height:18px;padding:7px 0 7px 12px;vertical-align:middle;color:#333;border-bottom:1px solid #adadad;background:url('../images/comment_type.gif') no-repeat  5px 11px; color:#5368a6; padding-left:15px;}
.board_viewD .tbl_comment th{padding:7px 12px 7px;color:#373737;background-color:#fff;border-bottom:1px solid #ececec;background:url(../images/in_h01.gif) no-repeat right 10px;}
.board_viewD .tbl_comment td{padding:6px 12px 7px;line-height:18px;text-align:left;border-bottom:1px solid #ececec;}
.board_viewD .tbl_comment a:hover{text-decoration:underline;}
.board_viewD .memo{overflow:hidden;line-height:22px;padding:35px 12px;line-height:20px;color:#373737;}

.reple_write *{font-size:12px;}
.reple_write{padding:22px 0 0 0;}
.reple_write h3{color:#111}
.reple_write h3 span{position:relative;top:-1px;margin-left:5px;vertical-align:middle;color:#929292}
.reple_write h3 + p{margin-top:12px;color:#3f3f3f;}
.reple_write .write{position:relative;margin-top:12px;padding:18px;background:#f6f6f6;}
.reple_write .write *{font-size:12px;}
.reple_write textarea{width:598px;height:45px;padding:5px;border:1px solid #e7e7e7;}
.reple_write .limit{position:absolute;top:-22px;right:0;color:#939393;}
.reple_write .btn_reple{position:absolute;top:18px;right:17px;display:inline-block;width:66px;height:55px;line-height:55px;text-align:center;font-size:12px;border-radius:3px;color:#fff;background:#848484;border:1px solid #707070;}
.reple_view{border-bottom:2px solid #e5e5e5}
.reple_view li{overflow:hidden;position:relative;min-height:45px;padding:20px 13px;line-height:18px;border-top:1px solid #e7e7e7;}
.reple_view li:first-child{border-top:0;}
.reple_view span,.reple_view p{}
.reple_view .name{float:left;width:69px;font-weight:bold;color:#373737;}
.reple_view .memo{float:left;width:530px;color:#373737;margin-top:25px;}
.reple_view .date{position:absolute;top:20px;right:13px;color:#808080;}
.reple_view .btn{position:absolute;top:40px;right:13px;}
.reple_view .reple{clear:both;margin:0 0 -20px 69px;padding-top:20px;}
.reple_view .reple .tit{padding-right:10px;font-weight:bold;color:#033068;background:url(../images/ico_reple02.gif) no-repeat right 5px;}
.reple_view .reple ul{width:639px;}
.reple_view .reple li{padding:10px 0;}
.reple_view .reple .name{padding-left:15px;background:url(../images/ico_reple.gif) no-repeat 0 2px;}
.reple_view .reple li .memo{width:400px}
.reple_view .reple li .btn{top:20px}

/* paging */
.paging{position:relative;z-index:9;text-align:center;margin:25px auto 0}
.paging ul{display:inline;margin:0 6px 0 5px}
.paging li{display:inline}
.paging li a,.paging li strong{display:inline-block;width:20px;height:21px;line-height:23px;font-size:12px;text-align:center;color:#9a9a9a;}
.paging li strong a,.paging ul li strong{background:#727272;color:#fff;border:1px solid #636363;}
.paging li:first-child a,.paging li:first-child strong{padding-left:0;margin-left:0;text-decoration:underline}
.paging .first,.paging .prev,.paging .next,.paging .last{display:inline-block;width:20px;height:21px;line-height:23px;text-indent:-5000px;text-align:center;}
.paging .first{background:url(../../images/contents/btn_first.gif) no-repeat 0 0;width:20px;height:21px;}
.paging .prev{background:url(../../images/contents/btn_prev.gif) no-repeat 0 0;width:20px;height:21px;}
.paging .next{background:url(../../images/contents/btn_next.gif) no-repeat 0 0;width:20px;height:21px;}
.paging .last{background:url(../../images/contents/btn_last.gif) no-repeat 0 0;width:20px;height:21px;}


/* btn */
.btn_block{text-align:center;margin-top:15px;}
.btn_block02{text-align:right;margin-top:5px;}
.btn_block03{text-align:center;margin-top:5px;}
.btn{display:inline-block;width:125px;height:28px;line-height:28px;text-align:center;font-size:12px;background:#474747;border:1px solid #313131;color:#fff !important;}
.btn02{display:inline-block;width:56px;height:26px;line-height:26px;text-align:center;font-size:14px;color:#fff !important;background:#666;border:1px solid #666;}
.btn01{display:inline-block;width:56px;height:26px;line-height:26px;text-align:center;font-size:12px;color:#fff !important;background:#666;border:1px solid #666;}

/* resize */
.btn_size01{width:100%;}
.btn_size02{width:80px;height:20px;line-height:20px;margin-left:5px;}
.btn_size03{width:200px;margin-bottom:10px;}
.btn_size04{width:155px;}
.btn_size05{width:50px;height:20px;line-height:20px;margin-left:5px;}
.select_size01{width:40%}
.select_size02{width:57%}
.select_size03{width:30%}
.select_size04{width:20%}
.select_size05{width:66%}
.input_size01{width:70%}
.mt01{margin-top:10px;}
.mt02{margin-top:15px;}
.mb01{margin-bottom:10px;}
.ml01{margin-left:10px;}
.height01{height:100px;}
.ta_center{text-align:center;}
.f_right{float:right;}


/* 로그인 */
.login{padding:30px 15px;background:#f5f5f5;border:1px solid #bebfc0;}
.login .m_login {position:relative;}
.login .m_login legend{visibility:hidden;font-size:0;line-height:0;}
.login .m_login input.i_text{width:100%;height:8px;padding:8px 0;margin-bottom:5px;font-size:15px;line-height:22px;border:1px solid #bebfc0;}
.login .m_login .auto_login{margin:5px 0 10px;}
.login .m_login .login_btn{display:block;width:100%;text-align:center;font-size:15px;padding:10px 0;margin-top:5px;background:#666666; border:1px solid #666666;color:#fff;vertical-align:middle;}

.login .search_log{margin-top:15px;overflow:hidden;}
.login .search_log p{line-height:17px;color:#a8a8a8;}
.login .search_log p a{color:#7e7e7e;text-decoration:underline;}


/* 체험프로그램선택 */
.program_list{position:relative;background:#f5f5f5;border:1px solid #bebfc0;margin-bottom:30px;}
.program_list li{position:relative;padding:0 20px;height:62px;line-height:62px;border-top:1px solid #fff;border-bottom:1px solid #d4d4d4;}
.program_list li.bt_none{border-top:none;}
.program_list li.bb_none{border-bottom:none;}
.program_list li p{display:inline-block;width:70%;font-size:15px;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.program_list li .select_btn{position:absolute;top:17px;right:20px;width:60px;height:26px;line-height:26px;text-align:center;font-size:15px;color:#fff;background:#ffd105;border:1px solid #ffd105;}


/* 행사소개 */
.info_txt_top{overflow:hidden;width:100%;color:#555;background:#f2f2f2;}
.info_txt_top p{padding:15px;line-height:20px;border:1px solid #bebfc0;}


/* 행사일정 */
.date{position:relative;height:24px;padding:5px 0 10px 0;text-align:center;}
.date span {display:inline-block;margin:3px 10px 0;font-size:18px;font-weight:bold;}
.date a{display:inline-block;width:24px;height:24px;margin-top:-15px;text-indent:-9999px;border:0;}
.date .btn_prev{cursor:pointer;background:url('../../images/contents/btn_prev.png') no-repeat;background-size:24px 24px;}
.date .btn_next{cursor:pointer;background:url('../../images/contents/btn_next.png') no-repeat;background-size:24px 24px;}


/* 체험프로그램조회 */
.subCon_tap{overflow:hidden;margin-bottom:15px;}
.subCon_tap li{float:left;width:49.7%;}
.subCon_tap li a{display:inline-block;width:100%;padding:10px 0;text-align:center;background:#fff;border:1px solid #bebfc0;}
.subCon_tap li.on a{color:#fff;background:#666666;border:1px solid #666666;}

.search_form{padding:10px;margin-bottom:14px;border:1px solid #bebfc0;}
.search_form p{margin-bottom:5px;}


/* 체험프로그램신청안내 */
.info_list{border:1px solid #c2c3c4;}
.info_list li{padding:0 15px;border-bottom:1px solid #c2c3c4;}
.info_list li.bb_none{border-bottom:none;}
.info_list li img{width:100%;margin-bottom:15px;}


/* 행사진행보고 */
.radio_box{width:100%;padding:15px 0;text-align:center;border:1px solid #bebfc0;background:#f2f2f2;}


/* 의견 */
.comment_textarea{position:relative;}
.comment_textarea textarea{padding-bottom:20px;}
.comment_textarea .letter{position:absolute;bottom:5px;right:5px;}

.comment{padding:10px;border:1px solid #bebfc0;}
.comment ul{margin-bottom:12px}
.comment ul li{overflow:hidden;position:relative;padding:14px 10px 7px;margin-bottom:10px;border:1px solid #bebfc0;background:#f2f2f2}
.comment ul li p{margin-bottom:7px;}
.comment ul li span{margin-right:15px;}
.comment ul li .delete_btn{position:absolute;top:8px;right:8px;width:42px;height:20px;line-height:20px;}
.comment_paging{text-align:center;padding-top:10px;border-top:1px dotted #000;}
.comment_paging span{margin:0 5px;}
.comment_paging a{background:#fff;color:#474747 !important;}


/* 사전만족도조사 */
.survey_txt{padding:15px;line-height:18px;border:1px solid #bebfc0;background:#f2f2f2;color:#464646;}
.survey{margin:20px 0 0 20px;line-height:20px;}
.survey ul{margin-left:10px;margin-bottom:20px;}


/* 검색 */
fieldset.board_search{margin-top:20px;height:47px;display:block;text-align:center;}
fieldset.board_search label{position:absolute;left:-5000px;height:0;line-height:0;text-indent:-5000px}
fieldset.board_search select{width:80px;height:28px;padding:5px;border:1px solid #d2d2d2}
fieldset.board_search input[type=text]{width:115px;height:26px;padding-left:10px;border:1px solid #d2d2d2}
fieldset.board_search .btn_search{display:inline-block;width:50px;height:28px;line-height:28px;cursor:pointer;text-align:center;font-size:12px;color:#fff;background:#666;border:1px solid #666;}

.reple_view_btn{display:block;text-align:right;}
.btnS01{display:inline-block;min-width:22px;height:22px;line-height:22px;padding:0 6px;font-size:12px;text-align:center;color:#fff ! important;border:1px solid #9a9a9a;background:#a4a4a4;}
.btnS02{display:inline-block;min-width:56px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff ! important;border:1px solid #797979;background:#898989;}

/* 2016-02-22 체험프로그램정보 기관정보 tab */
.login_tap{overflow:hidden;margin-bottom:15px;}
.login_tap li{float:left;width:50.5%;}
.login_tap li a{display:inline-block;width:100%;padding:10px 0;text-align:center;background:#fff;border:1px solid #bebfc0;}
.login_tap li.on a{color:#fff;background:#666;border:1px solid #666;}
.login_tap ul li:nth-child(2){margin-left:-20px;}
/*.login_tap ul li{width:51%;float:left;height:50px;text-align:center;font-size:15px;line-height:50px;background:#fefefe;border:1px solid #e3e3e3;margin:20px 0;}
.login_tap a:hover{color:#fff;}
.login_tap ul li:nth-child(2){margin-left:-20px;}
.login_tap .on{background:#ffd105;color:#fff;}*/


/* 160223 추가 */
.tbl_ui_scroll{margin-top:10px;max-height:300px;overflow-y:scroll;}
.join_popup h1{font-size:16px;padding:10px;background:#791519;color:#fff;}
.join_popup h2{font-size:16px;margin-bottom:20px;}
.join_popup input{height:26px;border:1px solid #abadb3;font-size:12px;}
.join_popup select{min-width:70px;height:28px;border:1px solid #abadb3;font-size:12px;}
.join_popup .join_popup_wrap{padding:30px;}
.join_popup .join_popup_input{overflow:hidden;width:100%;border:1px solid #791519;}
.join_popup .join_popup_input ul{width:530px;padding:30px 0 20px;margin:0 auto;}
.join_popup .join_popup_input ul li{margin-bottom:10px;}
.join_popup .join_popup_input ul li span{vertical-align:middle;}
.join_popup .join_popup_input ul li .input_left{display:inline-block;width:90px;text-align:right;margin-right:5px;}
.join_popup .join_popup_input ul li .input_right{display:inline-block;}
.join_popup .join_popup_input02 ul{width:580px;padding:30px 0 20px;margin:0 auto;}
.join_popup .join_popup_input02 ul li .input_left{width:135px;}
.join_popup .join_popup_input03 ul{width:345px;padding:30px 0 20px;margin:0 auto;}
.join_popup .join_popup_input03 ul li .input_left{width:90px;}
.join_popup .join_popup_wrap form .btn02{vertical-align:middle;}

/* 2022-08-02 add */
.imgWrap 	{text-align:center;}
.imgWrap img	{max-width: 100%; height: auto;}
.color_pink	{color: #fc4a4b;}
.Mtb10	{margin: 10px 0;}

.program_page	{margin-top: 20px;}
.program_page .tiH2_type{position: relative;padding-top:12px;padding-left:20px;margin-bottom:10px;font-size: 15px; color: #111;font-family:'nanumB';/*background:url(../../images/contents/bul_type02.png) no-repeat 0 0;*/}
.program_page .tiH2_type:before	{position:absolute; left:0; top:13px; content:''; width:6px; height:6px ; background: #fff;border:4px solid #ffd105; border-radius: 100%;}
.program_page .program_txt02{padding:15px;margin-bottom: 20px;text-align:center;font-family: 'GmarketSansMedium';letter-spacing: -1px;color: #212121;font-size:15px;line-height:28px !important;background:#f3f5f7;}
.program_page .program_txt02 b{font-family: 'GmarketSansBold';}
.program_page .program_txt02 strong{position: relative;font-family: 'GmarketSansBold';z-index:1;}
.program_page .program_txt02 strong:after{position: absolute; left: -5px; bottom: 0; content:''; width: calc(100% + 5px); height: 14px;background: #ffd105;z-index:-1;}
.program_page .program_txt03{margin:50px 0 30px;font-size:18px;font-weight:bold;text-align:center;color:#ffd105;}
.program_page .program_box{margin-bottom:30px;padding:20px 20px 10px;border:1px solid #cdcdcd;background:#f3f3f3; width: 100%; box-sizing: border-box;}
.program_page .program_box li{margin-bottom:8px;}

.program_cont ul	{margin:5px 0 5px 12px;}
.program_cont li	{position: relative; font-size: 13px; color: #333; font-family:'nanumR'; padding-left: 8px; line-height: 22px; letter-spacing: -.5px;}
.program_cont li:before	{position: absolute; left: 0; top: 8px; content:''; width: 4px; height: 4px; background: #ffd105; border-radius: 100%;}
.program_cont ul ul	{margin:2px 0 2px 10px;}
.program_cont li li	{ padding-left: 8px;}
.program_cont li li:before	{position: absolute; left: 0; top: 15px; content:''; width: 4px; height: 1px; background: #333; border-radius: 0;}
.program_cont ul + h2, .program_cont p + h2	{margin-top: 15px;}
.program_cont p	{font-size: 14px; color: #333; font-family:'nanumR'; line-height: 25px !important; letter-spacing: -.5px;}