@charset "utf-8";

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

body,html{background: #f5f6f8;}




.sub_coment{margin-bottom:12px;font-family:'notoM';font-size:14px;color:#3e82d1}

input[type=text],input[type=password],input[type=email],input[type=number],input[type=search]{height:21px;padding-left:15px;border:1px solid #dedede;box-sizing:border-box}
input[type=file]{height:19px;}
input[type=radio],input[type=check]{position:relative;margin-right:5px;}
textarea{width:100%;padding:5px;border:1px solid #dedede;box-sizing:border-box}
select{height:21px;padding-left:5px;border:1px solid #dedede;box-sizing:border-box}

.chk_box input[type=checkbox]{opacity:0;}
.chk_box{position:relative;line-height:20px;}
.chk_box label{position:relative;display:inline-block;padding-left:25px;vertical-align:middle;}
.chk_box input[type="checkbox"]{position:absolute;top:0;left:0;}
.chk_box label:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url(/images/contents/ico_chk.png) no-repeat 0 0;}
.chk_box input[type="checkbox"]:checked + label::before{background:url(/images/contents/ico_chk_on.png) no-repeat 0 0;}

.radio_box input[type=radio]{opacity:0;}
.radio_box{position:relative;line-height:20px;}
.radio_box label{position:relative;display:inline-block;padding-left:20px;vertical-align:top;}
.radio_box input[type="radio"]{position:absolute;top:0;left:0;}
.radio_box label:before{content:"";position:absolute;top:4px;left:0;width:14px;height:14px;background:url(/images/contents/ico_radio.png) no-repeat 0 0;}
.radio_box input[type="radio"]:checked + label::before{background:url(/images/contents/ico_radio_on.png) no-repeat 0 0;}

.board_list{table-layout:fixed;width:100%;text-align:center;border-collapse:collapse;border-top:2px solid #3e82d1}
.board_list thead th{height:35px;line-height:35px;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #e7e7e7;background:#f4f4f4}
.board_list tbody td{line-height:18px;padding:8px 0 8px;vertical-align:middle;border-bottom:1px solid #e7e7e7;background:#fff;}
.board_list tbody td img{position:relative;top:0;vertical-align:middle;margin-left:5px;}
.board_list tbody td.cell_type01{padding-left:15px;padding-right:20px;font-size:13px;text-align:left}
.board_list a:hover{text-decoration:underline;}
.ico_file{display:inline-block;width:16px;height:16px;font-size:0;text-indent:-5000px;background:url(/images/contents/ico_file.png) no-repeat 0 0;}

.photo_list{position:relative;/* margin:-50px 0 0 -10px; */overflow:hidden;width:730px}
.photo_list li{float:left;margin: 0 10px 20px 0;width:231px;height:210px;border:1px solid #dedede;}
.photo_list a{display:block;height:100%;}
.photo_list a:hover {background: #fafafa;}
.photo_list li span{display:block;text-align:center;}
.photo_list li .thum{position:relative;width:231px;margin:-1px -1px 0;}
.photo_list li .thum img{width:233px;height:154px;}
.photo_list li .tit{margin:0 10px 0;font-size:13px;color:#3a3a3a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.photo_list li .date{/* margin-top:5px; */color:#707070; font-size: 12px; letter-spacing: normal;}

.webzin_list{position:relative;border-top:2px solid #dedede}
.webzin_list li{position:relative;min-height:154px;margin:20px 0 0 10px;padding:0 0 20px 245px;border-bottom:1px solid #dedede;}
.webzin_list a{display:block;height:100%;}
.webzin_list li span{display:block;text-align:left;}
.webzin_list li .thum{position:absolute;top:0;left:0;width:231px;}
.webzin_list li .thum img{width:233px;height:154px;}
.webzin_list li .tit{font-size:13px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.webzin_list li .memo{margin-top:10px;}
.webzin_list li .date{margin-top:5px;color:#999;}

.faq{border-top:1px solid #3e82d1;}
.faq ul li{line-height:22px;border-bottom:1px solid #d9d9d9;}
.faq .q a.trigger{display:block;padding:11px 15px 11px 65px; text-align:left;color:#494949;}
.faq .a{padding:19px 15px 19px 65px;border-top:1px solid #d9d9d9;background:#f7f7f7;}
.faq p{position:relative;}
.faq .q img, .faq .a img{position:absolute;top:10px;left:15px;}
.faq .a img{top:20px;}
.board_search.faq_search{margin-bottom:20px;}

.paging{position:relative;text-align:center;margin:20px auto 0;}
.paging ul{position:relative;top:-2px;display:inline-block;margin:0;}
.paging li{display:inline-block;margin-left:5px;}
.paging li a,.paging li strong{display:inline-block;width:17px;height:13px;line-height:13px;text-align:center;}
.paging li strong a,.paging ul li strong{}
.paging li:first-child a,.paging li:first-child strong{padding-left:0;margin-left:0}
.paging li a:hover{}
.paging .first,.paging .prev,.paging .next,.paging .last{display:inline-block;height:13px;text-indent:-5000px;font-size:0;overflow:hidden;}
.paging .first{width:17px;background:url(/images/contents/btn_pgFirst.png) no-repeat 50% 50%;}
.paging .prev{width:13px;margin-left:5px;background:url(/images/contents/btn_pgPrev.png) no-repeat 50% 50%;}
.paging .next{width:13px;margin-left:5px;background:url(/images/contents/btn_pgNext.png) no-repeat 50% 50%;}
.paging .last{width:17px;margin-left:5px;background:url(/images/contents/btn_pgLast.png) no-repeat 50% 50%;}

fieldset.board_search{height:30px;display:block;margin-top:-30px;text-align:right}
fieldset.board_search label{position:absolute;left:-5000px;height:0;line-height:0;text-indent:-5000px}
fieldset.board_search input[type=text]{width:150px;}
fieldset.board_search select{width:95px;}
fieldset.board_search .btn_search{display:inline-block;width:58px;height:21px;line-height:21px;border:0;font-size:0;cursor:pointer;background:url(/images/contents/btn_Search.png) no-repeat 50% 50%;}
.paging *,fieldset.board_search *{vertical-align:middle}

.board_view * {vertical-align:middle;}
.board_view{}
.board_view h2{border-top:1px solid #3e82d1;position:relative;min-height:20px;line-height:22px;padding:13px 10px 13px 18px;font-weight:normal;font-size:16px;background:#f4f4f4}
.board_view table{width:100%;text-align:center;border-collapse:collapse;border-top:1px solid #3e82d1}
.board_view table th{color:#3e82d1;height:45px;line-height:45px;padding-left:18px;vertical-align:middle;font-weight:normal;font-weight:bold;white-space:nowrap;text-align:left;border-bottom:1px solid #e7e7e7;background:url(../..//images/contents/ico_th.gif) no-repeat 90% 50%;}
.board_view table td{line-height:22px;padding:13px 0 13px 20px;vertical-align:middle;text-align:left;font-size:13px;border-bottom:1px solid #e7e7e7;}
.board_view table li{line-height:24px;}
.board_view table a:hover{text-decoration:underline;}
.board_view .memo{position:relative;top:-1px;padding:15px 30px 30px;line-height:22px;font-size:13px;border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;}
.board_view .file{overflow:hidden;position:relative;top:-1px;padding:10px 20px 10px 30px;line-height:150%;font-size:13px;border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;}
.board_view .file p{color:#f37579;float:left;width:8%;}
.board_view .file ul{float:left;width:92%}
	
.memo span br {clear: none !important}
.memo p br {clear: none !important}
.memo div br {clear: none !important}

.reply_board{position:relative;padding:60px 0 30px 0;}
.reply_board .wrt{position:relative;}
.reply_board .wrt .txt{padding-right:100px;}
.reply_board .wrt textarea{width:100%;height:90px;padding:10px;border:1px solid #ddd}
.reply_board .btn_repl{position:absolute;top:0;right:0;width:90px;height:90px;border:0;color:#fff;background:#a5a5a5;}
.reply_board .viw{margin-top:30px;border-bottom:1px solid #ddd}
.reply_board .viw *{vertical-align:middle;}
.reply_board .viw li{position:relative;padding:30px 5px;border-top:1px solid #ddd}
.reply_board .viw .name{color:#555}
.reply_board .viw .date{margin-left:30px;color:#999}
.reply_board .viw .memo{margin-top:10px;line-height:22px;padding-right:90px;}
.reply_board .viw .btn_g{position:absolute;top:30px;right:0}
.reply_board .viw .btn_del{border:0;color:#ddd;background:none}

.prvNext_list{border-bottom:1px solid #b5b5b5;}
.prvNext_list li{position:relative;padding:13px 0 13px 10px;border-top:1px solid #e7e7e7;}
.prvNext_list li:first-child{border-top:0;}
.prvNext_list li span{margin-right:30px;padding-left:20px;font-size:13px;}
.prvNext_list li{}
.prvNext_list li a:hover{text-decoration:underline;}
.prvNext_list li a{display:inline-block;width:76%;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.prvNext_list .prv span{background:url(../..//images/contents/ico_prv.gif) no-repeat 0 50%;}
.prvNext_list .nxt span{background:url(../..//images/contents/ico_nxt.gif) no-repeat 0 50%;}

.form_data .col_width{width:130px;}
.form_data .col_width2{width:150px;}
.form_data{table-layout:fixed;width:100%;border-collapse:collapse;border-top:2px solid #e6e6e6;margin:0}
.form_data *{vertical-align:middle}
.form_data tr:first-child th,table.form_data tr:first-child td{border-top:0}
.form_data th{padding:8px 0 8px 35px;height:29px;line-height:18px;text-indent:-15px;text-align:left;color:#333;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff;}
.form_data th br{display:none;}
.form_data th .block{display:block;}
.form_data th strong{margin-right:5px;color:#f37579 ! important}
.form_data thead th{color:#333;background:#fefdfc;}
.form_data td{padding:8px 0 8px 20px;height:29px;line-height:22px;vertical-align:middle;border-bottom:1px solid #e6e6e6;background:#fff;}
.form_data td.edit{height:300px;}
.form_data textarea{overflow-y:auto}
.form_data em{margin-left:5px;color:#999}
.form_data .space{margin-top:5px;}
.form_data .date_ui{display:inline-block;}
.form_data .date_ui div{display:inline-block}
.form_data .date_ui input[type=text]{width:90px;margin-right:-4px;border-right:0;}
.form_data .date_ui input[type=button]{width:29px;height:21px;font-size:0;border:0;cursor:pointer;background:url(/images/contents/ico_cha.png) no-repeat 0 0;}
.form_data .date_ui select{width:60px;}
.form_data .file_area{margin-top:15px;line-height:20px;}
.form_data select + .chk_box, .form_data input[type=text] + .chk_box, .form_data .date_ui + .chk_box{margin-left:10px;}
.form_data .radio_box,.form_data .chk_box{margin-right:30px;}
.form_data .sel_size01{width:80px;}
.form_data .sel_size02{width:200px;}
.form_data .input_size01{width:500px;}
.form_data .input_size02{width:365px;}
.form_data .input_size03{width:250px;}
.form_data .point{font-weight:normal;color:#22bcb9}

.btn_tblBlock{position:relative;margin-top:20px;text-align:right;font-size:0;}
.btn_tblBlock *{vertical-align:middle;}
.btn_tblBlock a~a{margin-left:6px;}
.btn_tblBlock .posi{position:absolute;top:0;left:0}

.btn01,.btn02,.btnS01,.btnS02,.btnSs01,.btnTbl01,.btnTbl02{position:relative;display:inline-block;text-align:center;border:0;color:#fff ! important;cursor:pointer;}
.btn01,.btn02{min-width:30px;height:30px;line-height:30px;padding:0 15px;font-size:14px;}
.btn01{background:#3e82d1;}
.btn02{background:#999;}

.btnS01,.btnS02{min-width:36px;height:25px;line-height:25px;padding:0 15px;}
.btnS01{background:#999;}
.btnS02{background:#3e82d1;}

.btnSs01{height:23px;line-height:23px;padding:0 10px;}
.btnSs01{background:#999;text-decoration:none ! important}

.btnTbl01,.btnTbl02{min-width:29px;height:29px;line-height:29px;padding:0 15px;}
.btnTbl01{background:#999;}
.btnTbl02{background:#3e82d1;}


/* 페이지 내용  */
.full_img {width:100%;}
.nor_img {max-width:715px;}
.insert {margin:10px 0;}
.blue {color:#26468b;}
.blue2 {color:#3c9cfc;}
.bold {font-weight:bold;}
.al_c {text-align:center;}
.al_t {vertical-align:top;}
select.speed {font-size:14px;height:30px;padding:0 30px 0 10px;}

.history {overflow:hidden;padding:30px 0; border-bottom:1px solid #ddd;}
.history .year {float:left; font-size:46px;color:#3e82d1;font-weight:bold;margin:0 50px 10px 0;line-height:46px;}
.history .con {float:left;}
.history .con li {padding:5px 0;position:relative;}
.history .con .month{position:absolute;top:5px;left:0;font-size:14px;color:#444;font-weight:bold;line-height:140%;}
.history .con .txt{display:block;padding-left:60px;font-size:14px;color:#666;line-height:140%;}

#content .condep1{position:relative;padding-bottom:20px;overflow:hidden;}
#content .condep2{}
#content .condep3{padding-left:17px;}
#content .condep1 h2 {margin-top:40px;padding-left:13px;font-size:18px;color:#444;background:url(/images/contents/b01.gif) no-repeat 0 3px; margin-bottom: 20px;}
#content .condep1 h2:first-child {margin-top:0;}
#content .condep2 .b02 {margin-top:30px;padding-left:20px;font-size:16px;color:#444;background:url(/images/contents/b02.gif) no-repeat 0 5px;font-weight:400;}
#content .condep2 .b02:first-child {margin-top:15px;}
#content .condep1 h4 {font-size:14px;}

.mu_list {margin-top:10px;font-size:14px;color:#666;}
.line_list {margin-top:10px;padding-left:10px;font-size:14px;color:#666;background:url(/images/contents/b03.gif) no-repeat 0 9px;background-size:7px;}
.dot_list {margin-top:5px;padding-left:10px;font-size:14px;color:#666;background:url(/images/contents/b04.gif) no-repeat 3px 9px;background-size:3px;}
.dot_list em {display:block;color:#3893bd;font-size:13px;}
.text-box {padding:15px;background:#f1f1f1;margin:10px 0;font-size:14px;}
.text-box .dot_list:first-child, .text-box .line_list:first-child, .text-box .mu_list:first-child{margin-top:0;}
.tbox_tit {display:inline-block;border-radius:2px 2px 0 0;margin-top:15px;padding:5px 15px;font-size:16px;color:#fff;background:#666;}
.g_text {font-size:14px;line-height:150%;}

.tbl_type02 { table-layout: fixed; width: 100%;text-align: center;border-collapse: collapse;border-top: 2px solid #3e82d1;}
.tbl_type02 th {padding: 5px;line-height: 30px;vertical-align: middle;border-bottom: 1px solid #ddd;background: #f7f7f7;font-size: 12px;}
.tbl_type02 tbody td {padding: 7px 8px;line-height: 18px;vertical-align: middle;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;background: #fff;text-align: center;font-size: 12px;}
.tbl_type02 tbody td.first_child { border-left: 0;}
.tbl_type02 tbody td.left {text-align:left;}
.tbl_type02 tbody td.al_t {vertical-align:top;}

table.board-list4 {table-layout: fixed;width: 100%;text-align: left;border-collapse: collapse;border-top: 2px solid #3e82d1; margin-top: 10px;}
table.board-list4 tbody td { padding: 15px 0 13px 0; line-height: 22px;vertical-align: middle;border-bottom: 1px solid #e7e7e7;background: #fff;}
table.board-list4 .present_pic {width:15%;text-align:center;}

table.changemap {width:100%;padding:10px;border:1px solid #ddd;box-sizing: border-box;}

#contents_sch {width:720px }

/*기타*/
.pad8{padding:8px;}

h3.b02 {  }


/* Tablet 세로모드  */
@media all and (min-width:750px) and (max-width:959px){
	.photo_list{margin-left:auto;margin-right:auto}
}

/* mobile  */
@media all and (max-width:750px){
	.nor_img {width:100%;}
	.pc {display:none;}
	.visual{display:none;}
	.history .year {width:100%;}
	select.speed {width:100%;}
	table.board-list4 .present_pic {display:none;}
	.tbl_type02 td.mfull {float: none;position: static;display: block ! important;border: 0;padding: 10px 5px 10px ! important;border-bottom:1px solid #ddd;clear: both;}

	caption{display:none ! important;}
	input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=file],input[type=file]{-webkit-appearance:none}
	input[type=radio],input[type=check]{-webkit-appearance:none}
	textarea{-webkit-appearance:none}
	select{-webkit-appearance:none;padding-right:20px;background:url(/images/contents/ico_sel.png) no-repeat right 50% #fff;background-size:contain;}

	.photo_list{margin:-30px 0 0 0;width:auto}
	.photo_list li{float:none;margin:30px 0 0 0;width:auto;height:auto;padding-bottom:10px;}
	.photo_list li .thum{width:auto;margin:0}
	.photo_list li .thum img{width:100%;height:auto;}

	.paging ul{top:0}
	.paging li a,.paging li strong{display:inline-block;width:28px;height:26px;line-height:26px;text-align:center;color:#444;border:1px solid #fff;background:#fff;}
	.paging li strong a,.paging ul li strong{border:1px solid #a1224f;color:#fff;background:#a1224f;}
	.paging .first,.paging .prev,.paging .next,.paging .last{display:inline-block;width:29px;height:28px;vertical-align:top;text-indent:-5000px;font-size:0;overflow:hidden;}
	.paging .first{margin:0;background:url(/images/contents/m/btn_pgFirst.png) no-repeat 50% 50%;background-size:contain;}
	.paging .prev{margin:0;background:url(/images/contents/m/btn_pgPrev.png) no-repeat 50% 50%;background-size:contain;}
	.paging .next{margin:0;background:url(/images/contents/m/btn_pgNext.png) no-repeat 50% 50%;background-size:contain;}
	.paging .last{margin:0;background:url(/images/contents/m/btn_pgLast.png) no-repeat 50% 50%;background-size:contain;}
	.paging li{margin-left:1px;}

	fieldset.board_search{position:relative;margin:20px 0 10px 0;padding:0 80px 0 100px;text-align:center;}
	fieldset.board_search input[type=text]{width:100%;height:30px;}
	fieldset.board_search select{position:absolute;top:0;left:0;width:95px;height:30px;border-radius:5px;}
	fieldset.board_search .btn_search{position:absolute;top:0;right:0;width:75px;height:30px;background:url(/images/contents/m/btn_search.png) no-repeat 50% 50%;background-size:contain;}

	.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 tbody td{padding-left:5px;}
	.board_list td:first-child{display:none;}
	.board_list td.team_name{display:block;}
	.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 ! important;clear:both;}
	.board_list .cell_type01:after{content:"";padding-left:0;}
	.board_list .cell_type01 a{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	.ico_file{display:inline-block ! important;width:13px;height:14px;background:url(/images/contents/m/ico_file.png) no-repeat 0 0;background-size:contain;}

	.webzin_list li{min-height:1%;margin:20px 0 0 0;padding:0 0 20px 0;}
	.webzin_list li .thum{position:static;width:100%;}
	.webzin_list li .thum img{width:100%;height:auto;}
	.webzin_list li .tit{margin-top:10px;}

	.faq .q a.trigger{padding-left:40px;}
	.faq .a{padding-left:40px;}
	.faq .q img, .faq .a img{left:5px;}
	.board_search.faq_search{margin-bottom:50px;text-align:left;}
	.board_search.faq_search select.sel_cate{display:block;width:50%;margin:0 0 5px 0;}

	.board_view colgroup, .board_view .web_cell{display:none;}
	.board_view h2{padding-left:10px;}
	.board_view table th{padding-left:10px;background:none;}
	.board_view table td{padding-left:10px;}
	.board_view  td li span{display:none;}
	.board_view .memo{padding:10px 0;}
	.board_view .memo font{line-height:22px;}
	.board_view .memo img{width:100%;}
	.board_view .file{padding-left:10px;}
	.board_view .file p{float:left;width:50px;}
	.board_view .file ul{float:left;width:80%}

	.memo span br {clear: none !important}
	.memo p br {clear: none !important}
	.memo div br {clear: none !important}

	.reply_board{padding-top:35px;}
	.reply_board .wrt .txt{padding-right:75px;}
	.reply_board .wrt textarea{height:60px;font-size:15px;}
	.reply_board .btn_repl{width:70px;height:60px;font-size:15px;}
	.reply_board .viw{margin-top:15px;}
	.reply_board .viw li{padding:15px 5px;}
	.reply_board .viw .name{font-size:15px;}
	.reply_board .viw .date{font-size:12px;}
	.reply_board .viw .memo{font-size:15px;padding-right:0;line-height:20px;}
	.reply_board .viw .btn_g{top:15px;}
	.reply_board .viw .btn_del{font-size:15px;}

	.prvNext_list li{padding-left:0}
	.prvNext_list li span{margin-right:10px;padding-left:10px;}

	.form_data{width:100%;}
	.form_data .col_width,.form_data .col_width2,.form_data .col_width3{width:105px;}
	.form_data th{padding:5px 0 5px 25px;text-indent:-12px;}
	.form_data th br{display:block}
	.form_data td{padding:5px 5px 5px 5px;}
	.form_data td.edit{height:200px;}
	.form_data .date_ui{display:block}
	.form_data .date_ui div{display:block;margin-bottom:5px;}
	.form_data .date_ui .part{display:none;}
	.form_data .date_ui input[type=text]{width:75%;}
	.form_data select + .chk_box, .form_data input[type=text] + .chk_box, .form_data .date_ui + .chk_box{margin-left:0;}
	.form_data .sel_size01,.form_data .sel_size02{width:100%;margin-bottom:5px;}
	.form_data .input_size01,.form_data .input_size02,.form_data .input_size03{width:100%;margin-bottom:5px;}
	.form_data em{display:block;margin-left:0}

}