.blind{display:none;}
.ico{display:inline-block; overflow:hidden; background:url(../../images/intro/board_img.png) no-repeat; background-size:100px auto; height:22px; vertical-align:middle; font-size:0; padding-left:4px;}
.file_ico{background-position:-45px -74px; width:17px;}
.secret_ico{background-position:-45px -106px; width:23px;}
.new_ico{background-position:-43px -45px; width:19px;}

/*button*/
.button{text-align:right; margin-top:35px; }
.button.center{text-align:center;}
.button a{display:inline-block; border-radius:5px; line-height:42px; text-align:center; color:#fff; font-size:1.5rem; padding:0 2rem; background:#444;}

.button a.list{background:#20599d;}
.button a.list span{background-position:-25px -400px; color:#005497; padding-left:38px;}

.button a.write{background:#209d9a;}
.button a.write span{background-position:-25px -450px; color:#dc5353; padding-left:38px;}

.button a.answer{background:#209d9a;}
.button a.answer span{background-position:-25px -500px; color:#1a88a4; padding-left:38px;}

.button a.ok{background:#20599d;}
.button a.ok span{background-position:-25px -550px; color:#005497; padding-left:38px;}

/*paging*/
.paging{text-align:center;}
.paging a, .paging strong{display:inline-block; height:33px; line-height:33px;  vertical-align:top; padding:0 6px; font-weight:500; font-size:1.4rem; color:#555; min-width:20px;}
.paging strong{font-weight:600; background:#20599d; color:#fff; border-radius:5px;}
.paging a:hover{color:#333;}
.paging .first,.paging .prev, .paging .next, .paging .last{padding:0; border:0;}
.paging span{text-indent:-9999px; overflow:hidden; display:block; width:33px; height:33px; background:url(../../images/intro/board_img.png) no-repeat; background-size:100px auto;}
.paging .first span{background-position:center -141px; border-right:0;}
.paging .prev span{background-position:center -262px; margin-right:10px;}
.paging .next span{background-position:center -221px; margin-left:10px;}
.paging .last span{background-position:center -181px; border-left:0;}

/*list*/
#list{font-size:10px;}
#list table .eng, #list table .name, #list table .que{text-align:center; font-size: 1.5rem; color:#777;}
#list table{border-top: 2px #777 solid; margin-bottom:30px; border-bottom:1px #b9b9b9 solid; font-size:1.5rem; border-left:0; }
#list table .notice_ico img{width:20px;}
#list table td .comment{color:#d43636; font-weight:400; font-size:1.5rem; vertical-align:top; margin:0 3px;}
#list table td{padding:15px 0; border-top:1px #dee0e2 solid; border-left:0; border-bottom:0; position:relative; border-right:0;}
#list table td:nth-child(2){font-weight:500;}
#list table th{border-right:0; border-bottom:1px #b9b9b9 solid; border-left:0;  padding:10px 0;  font-weight:400;    font-size: 1.6rem; text-align:center;}
#list table td a{display:inline-block; margin-right:7px; max-width:375px; overflow:hidden; vertical-align:top;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.6rem;}
#list table tr.notice_line{background:#edf4fb;  border-bottom:1px #cfd6dd solid;}
#list .table.list01.notice tr.notice_line:nth-child(even){background:#f1f5fa;  border-bottom:1px #cfd6dd solid;}
#list table tr.notice_line td a{font-weight:500;}
#list table td a .que{padding:0 10px; color:#fff; background:#777; border-radius:2px; display:inline-block; margin-right:7px; font-size:1.6rem;}
#list table td a .ans{padding:0 10px; color:#fff; background:#245b9a; border-radius:2px; display:inline-block; margin-right:7px; font-size:1.6rem;}
#list table tr.list_bottom td{border-bottom:0;}
#list .ico{ position:relative; height: 22px;}

/*view*/
#view,#write{width:100%;}
.h_people{display:inline-block; padding:3px 20px; background:#0c7cd5; color:#fff; border-radius:999px; font-size:1.7rem; margin-right:10px;}
.V_tit{border-top:2px #333 solid; border-bottom:1px #b9b9b9 solid; padding:15px 0; position:relative; font-size:1.5rem;  padding-left:15px;}
.V_tit.bc_blue{border-top-color:#0c7cd5;}
.V_tit .VT01{color:#000; font-weight:500; font-size: 2.2rem; line-height:1.5; word-break:keep-all;}
.V_tit .VT02{margin-top:15px;}
.V_tit .VT02 p{display:inline-block; font-size:1.6rem; color:#666; position:relative; margin-right:50px;} 
.V_tit .VT02 p span{display:inline-block; margin-right:20px;}
.V_tit .VT02 p span:after{content:""; display:inline-block; background:#dcdcdc; width:1px; height:14px; position:absolute; top:50%; margin-top:-7px;margin-left:10px;}

.V_info{border-bottom:1px #e0e0e0 solid;}
.V_info li{float:left; width:33%; margin:7px 0; color:#888;}
.V_info span{display:inline-block; border-right:1px #c8c8c8 dashed; padding-right:12px; margin-right:12px; margin-left:7px; color:#555;}
.V_info:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.V_txt{padding:40px 30px; line-height:1.6; color:#444; font-size:1.6rem; word-break:keep-all;}
.V_txt img { display: block; max-width: 100%;margin: 0 auto; margin-bottom:30px;}
.V_ans{position:relative; padding:30px; padding-left:95px; color:#5f5f5f; line-height:1.6; }
.V_ans span{position:absolute; display:block; left:0px; top:25px; width:75px; height:36px; text-align:center; line-height:36px; font-weight:bold; color:#b44604; font-size:16px; border-right:1px #c8c8c8 solid;}
.V_file{margin-top:10px; }
.V_file li{ color:#9d9d9d;  font-size:1.4rem; text-align:right;}
.V_file li:first-child{border-top:0;}
.V_file li a{display:inline-block;  color:#1f71b1; background:url(../../images/intro/board_img.png) no-repeat -20px -76px; background-size:100px auto; padding-left:46px; margin-right:6px; font-size:1.4rem;}
.V_file li a:hover{text-decoration:underline;}
#view table td ,#view table th{border:1px #ccc solid; border-left:0; border-top:0;}
#view table td:first-child, #view table th:first-child{border-left:1px #ccc solid;}
#view table{border-top:1px #ccc solid;}


.re_write div label{display:inline-block; margin-right:8px;}
.re_write div .re_pass{margin-left:15px;}
.wrtie_pp{background:#f9f9f9; padding:20px 28px; border-top:1px #b9b9b9 solid;}
.wrtie_pp p{display:inline-block; margin-right:10px; margin-bottom:10px; font-size:1.6rem;}
.wrtie_pp .re_tit{ font-size:1.8rem; color:#1f71b1; display:block; font-weight:500;}
.wrtie_pp .re_tit i{ margin-right:5px;}
.re_write div label.blind{display:none;}

.re_textarea{background:#fff; height:64px;margin-top:20px;position:relative; padding-right:85px;}
.re_write .re_textarea{ margin-top:10px;}
.re_textarea textarea{width:100%; height:64px; padding:5px 0; font-size:0.875rem; border:1px solid #e0e0e0; box-sizing:border-box;}
.re_textarea input[type="button"]{ display:block; background:#1f71b1; width:85px; height:64px; border:2px solid #1f71b1; text-align:center; line-height:64px;  font-size:1.5rem; color:#fff; position:absolute; right:0; top:0;}
.re_list li{border-top:1px #e0e0e0 solid; position:relative; padding:15px 20px;}
.re_button{position:absolute; right:10px; top:10px; z-index:7;}
.re_button button{border:1px #bdbdbd solid; border-radius:3px; font-size:1.3rem; padding:0px 8px; margin-left:8px; color:#777; }
.re_txt{padding-top:10px; padding-right:88px; color:#4f4f4f; font-size:1.6rem;}
.re_info{margin:5px 0; line-height:13px; font-size:1.6rem;}
.re_info .re_name{color:#1f71b1; display:inline-block; padding-right:10px; margin-right:10px; border-right:1px #e0e0e0 solid; font-weight:400;}
.re_textarea .rere_txt{width:600px}
.re_info .r_date{color:#999;}
.re_list .re_textarea textarea{width:100%;}


.next_prev{border:1px #b9b9b9 solid; border-width:1px 0; font-size:1.5rem;}
.next_prev ul li{line-height:55px; height:55px; position:relative; padding-left:220px;}
.next_prev ul li:first-child{border-bottom:1px #e0e0e0 solid; }
.next_prev span{display:inline-block; position:absolute; left:0; width:200px; text-align:center;}
.next_prev span i{margin-right:10px;}
.next_prev a{display:block; line-height:55px; height:45px; overflow:hidden;  color:#444;}

.news-link{background:#f4f1eb; border-bottom:1px #d5d0cd solid; padding:10px; font-size:0.875rem;}
.news-link span{display:inline-block; color:#683f2a; margin-right:10px; padding-right:10px; position:relative;}
.news-link span:after{display:inline-block; content:""; width:1px; height:16px; background:#a49e9a; position:absolute; right:0; top:50%; margin-top:-8px;}

.youtube_box {text-align: center;  margin-bottom:25px;}
.youtube_box iframe { max-width: 100%;  width: 650px;  height: 366px;}

/*write*/
.star{color:#dc5353; vertical-align:top; display:inline-block; margin-right:3px;}
.W_agree{ border:2px #4f6fb3  solid; border-bottom:0; padding:20px; color:#33373a; font-size:1.6rem; }
.refer_txt{text-align:left;margin:30px 5px 5px; color:#666;}
.ag_tit{color:#0d5d9a ; font-weight:700; font-size:2rem;}
.W_agree p{margin-bottom:8px; line-height:1.7;}
.W_agree strong{margin-top: 18px; display: block; background: #0d5d9a ; color: #fff; padding: 5px 10px; display: inline-block; font-weight:400; margin-bottom:10px;}
.W_agree ul li{margin-bottom:10px;}
#write{font-size:1.4rem;}
#write fieldset{line-height:52px; background:#0d5d9a; text-align:right; color:#fff; font-size:1.6rem; font-weight:400; }
#write fieldset p{display:inline-block;}
#write fieldset input{margin:0 3px; vertical-align:middle;}
#write fieldset label{margin-right:15px;}
#write .com_add.a02{margin-top:3px;}
#write input{padding:0 5px;}
#write table{ border-top:2px #666 solid; }
#write table th{font-weight:normal; font-weight:400;  border-bottom:1px #e0e0e0 solid; font-size:1.7rem; vertical-align:middle; text-align:left; padding-left:15px;}
#write table td{padding:20px 15px; border-bottom:1px #e0e0e0 solid; font-size:1.5rem;}
.captcha_txt{margin:0 5px 0 0px;}
#write .W_title{width:96%; margin-top:3px;}
#write .W_title:first-child{margin-top:0;}
#write .W_txt{width:98%; height:100px;}
#write select{font-size:1.5rem; border:1px #e0e0e0 solid; height:40px;}
#write textarea{width:100%; border:1px #e0e0e0 solid; height:200px; font-size: 1.7rem; padding:10px;}
.time_etc{display:inline-block; margin-left:30px;}
.com_text { border: 1px #e0e0e0 solid;  width: 98%; padding: 5px; font-size:1.5rem;}

.limit_box{text-align:right; padding-right:20px; font-size:1.7rem; margin-bottom:5px; font-weight:400;}
.limit_box em{ color:#dc5353;}

#auto_image{vertical-align:middle;}



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media (max-width:1023px) {
/*list*/
#list{width:100%;}
#list table td a{max-width:90%;}

/*View*/
.V_txt img {width: 100%; margin-bottom:20px;}
}

@media (max-width:767px) {

#write fieldset{line-height:1.3em;}

/*view*/
.V_tit{padding:15px;}
.V_tit .VT01{font-size:1.8rem;}
.V_tit .VT02{margin-top:10px;}
.V_tit .VT02 p{display:block; font-size:1.5rem;}
.V_tit .VT02 p span{width:60px; position:relative;}
.V_tit .VT02 p span:after{right:0;}
.V_txt{padding:20px 15px;}
.re_txt{padding-right:0;}
.re_write div label{width:60px;}
.next_prev ul li{padding-left:110px;}
.next_prev span{width:90px;}
.re_textarea{padding-right:0; height:auto; background:none;}
.re_write .re_textarea{margin-top:5px;}
.re_textarea input[type="button"]{position:static; top:auto; right:auto; width: 100%;  height: 32px; line-height: 32px; margin-top:10px;}
.re_list li{padding:15px 5px;}
.youtube_box iframe{height:170px;}

/*write, online*/
#write fieldset.agree_box{padding:10px 0; line-height:inherit;}
#write fieldset.agree_box input{height:30px; line-height:20px;}
#write table,
#write table thead,
#write table tbody,
#write table tr,
#write table th, 
#write table td{display:block; width:100%; text-align:left;}
#write table th, 
#write table td{padding:10px 2%; width:100%; box-sizing:border-box; border-left:0;}
#write table th{background:#f7f7f7;}
.explain_box{ padding:15px; }
.explain_box.daro{margin-bottom:20px;}
.explain_box br{display:none;}
.time_etc{display:block; margin-left:0px; margin-top:10px;}
#write .W_txt{box-sizing:border-box;}
.cc_img{ display:block;}
.captcha_detail{display:block; margin-top:5px;}
#write .mail_mw{width:140px;}
#write .mail_mselect{display:block; max-width:300px; width:100%; margin-top:10px;}

/*list*/
#list .table thead,
#list .table colgroup,
#list .table td:nth-child(1){display:none;}
#list .table,
#list .table tbody,
#list .table tr,
#list .table td{display:block; border-width:0;}
#list .table{display:block; width:100%; border-top:2px #323850 solid;}
#list .table td a{max-width:86.5%; font-size:1.6rem;}
#list .table tr{padding:10px 0; border-bottom:1px #e0e0e0 solid;}
#list .table td{padding:3px 10px;}
#list .table.list01 td:nth-child(2){padding-bottom:0;}
#list .table.list01 td:nth-child(3),
#list .table.list01 td:nth-child(4),
#list .table.list01 td:nth-child(5),
#list .table.list01 td:nth-child(6){display:inline-block; position:relative; padding-right:15px;}
#list .table.list01 td:nth-child(4),
#list .table.list01 td:nth-child(5),
#list .table.list01 td:nth-child(6){padding-left:15px;}
#list .table.list01 td:nth-child(4):before,
#list .table.list01 td:nth-child(5):before,
#list .table.list01 td:nth-child(6):before{content:""; width:1px; display:inline-block; height:15px; background:#dee0e2; position:absolute; left:0; top:50%; margin-top:-7px;}
#list .table tr.notice_line td{border-bottom:0;}

.file_ico{display:none;}

}