@charset "utf-8";
/*
TITLE : 리스펙제대군인 (sub_공통)
WORKER : HSG
DATE : 2021.12.29
VERSION : Ver 1.0
- Ver 1.0 : 최초 작업.
*/
/* ****** POST CSS ****** */
/* *** post10 *** */
#sub_vi.post10 .sub_visual .tit_area h3:after { display: none; }
#sub_vi.post10 .sub_visual .outline { min-height: 220px; }
#sub_con.post10 { background: url(../img/sub/img_post10_01.jpg) no-repeat center / cover; height: 100vh; min-height: 900px; max-height: 100vh; }
#sub_con.post10 .outline { position: relative; height: 100%; }
#sub_con.post10 .outline .box_1 { position: absolute; right: 0; top: 50px; width: 500px; }
#sub_con.post10 .outline .box_1 p, #sub_con.post10 .outline .box_1 span { color: #07365c; }
#sub_con.post10 .outline .box_2 { position: absolute; right: 0; bottom: 50px; background: rgba(36,91,136,.7); color: #fff; width: 500px; }
/* *** post11 *** */
#sub_vi.post11 .sub_visual .tit_area h3:after { display: none; }
#sub_vi.post11 .sub_visual .outline .tit_area .writer { margin-top: auto; }
#sub_vi.post11 .sub_visual .tit_area h3 br.all { display: inline; }
/* *** post12 *** */
#sub_con.post12 .outline h3 span,
#sub_con.post12 .outline .mid_leed_1 h3 span { position: relative; display: inline-block; color: #DB4034; }
#sub_con.post12 .outline h3 span:after,
#sub_con.post12 .outline .mid_leed_1 h3 span:after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 3px; background: #DB4034; }
/* *** post13 *** */
#sub_con.post13 p { word-break: break-all; }
/* *** post14 *** */
#sub_vi.post14 .sub_visual .tit_area h3:after { display: none; }
#sub_vi.post14 .sub_visual .outline .tit_area .writer { margin-top: auto; }
/* *** post15 *** */
#sub_vi.post15 .sub_visual .tit_area h3:after { display: none; }
#sub_vi.post15 .sub_visual .outline .tit_area .writer { margin-top: auto; }
#sub_con.post15 .img_wrap { text-align: center; }
#sub_con.post15 .img_wrap img { max-width: 50px; }
/* *** post21 *** */
#sub_vi.post21 .sub_visual .tit_area h3:after { display: none; }
#sub_con.post21 .border_box, #sub_con.post31 .border_box { position: relative; padding: 30px; border: 2px solid red; }
#sub_con.post21 .border_box h3, #sub_con.post31 .border_box h3 { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); padding: 10px 30px; background-color: #fff; white-space: nowrap; }
#sub_con.post21 .border_box h3 span, #sub_con.post31 .border_box h3 span { display: inline-block; margin-right: 10px; }
#sub_con.post21 .border_box .cir_num_dark li, #sub_con.post31 .border_box .cir_num_dark li { padding-left: 26px; }
#sub_con.post21 .border_box.border_box1, #sub_con.post31 .border_box.border_box1 { border-color: #446F91; }
/* *** post22 *** */
#sub_con.post22 .outline .ele_1 .flex_21 .flex_box { display: flex; justify-content: space-between; align-items: center; }
#sub_con.post22 .outline .ele_1 .flex_21 .flex_box > div:nth-child(1) { width: 60%; }
#sub_con.post22 .outline .ele_1 .flex_21 .flex_box > div:nth-child(2) { width: 40%; }
#sub_con.post22 .outline .ele_1 .flex_21 .flex_box > div ul li { text-align: left; }
#sub_con.post22 .outline .ele_1 .flex_21 .flex_box > div img { width: 100%; max-width: 160px; }
/* *** post23 *** */
#sub_con.post23 .qna_box_1 > div p span { transform: translateY(0); }
#sub_vi.post23 .sub_visual .tit_area h3:after { display: none; }
/* *** post24 *** */
#sub_con.post24 .flex_2n .in_box { padding: 20px 30px; background-color: #fff; }
#sub_con.post24 .flex_2n:first-child { margin-bottom: 70px; }
/* *** post25 *** */
#sub_vi.post25 .sub_visual .tit_area h3:after { display: none; }
#sub_con.post25 .outline .position { position: relative; background-color: #124E87; width: 50%; padding-left: 0; }
#sub_con.post25 .outline .position .back_box { position: absolute; top: 0; z-index: -1; background-color: #124E87; }
#sub_con.post25 .outline .position h3 { color: #fff; }
#sub_con.post25 .outline .position p { color: #fff; }
#sub_con.post25 .outline .position ul { display: flex; flex-flow: row nowrap; justify-content: flex-start; }
#sub_con.post25 .outline .position ul.no_2 { display: block; }
#sub_con.post25 .outline .position ul li { color: #fff; }
#sub_con.post25 .outline .position .dot_li li:before { display: none; }
#sub_con.post25 .outline .position .dot_li li:before { display: none; }
#sub_con.post25 .outline .position .dot_li li:after { position: absolute; content: ""; right: -8px; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background-color: #fff; }
#sub_con.post25 .outline .position .dot_li li:nth-child(1) { padding-left: 0; }
#sub_con.post25 .outline .position .dot_li li:last-child:after { display: none; }
#sub_con.post25 .outline .img_col_1 .in_box > div.left { width: 50%; }
#sub_con.post25 .outline .img_col_1 .in_box > div.right { width: 50%; }
/* *** post31 *** */
#sub_vi.post31 .sub_visual .tit_area h3:after { display: none; }
/* *** post32 *** */
#sub_vi.post32 .sub_visual .tit_area h3:after { display: none; }
/* *** post33 *** */
#sub_vi.post33 .sub_visual .tit_area h3:after { display: none; }
#sub_vi.post33 .sub_visual .outline .tit_area .writer { margin-top: auto; }
/* *** post34 *** */
#sub_vi.post34 .sub_visual .tit_area h3:after { display: none; }
#sub_con.post34 .outline .flex_sticky { display: flex; flex-flow: row wrap; }
#sub_con.post34 .outline .flex_sticky .imgBx { width: 40%; }
#sub_con.post34 .outline .flex_sticky .imgBx img { position: sticky; top: 0; box-shadow: 5px 5px 15px 0 rgba(0,0,0,.3); }
#sub_con.post34 .outline .flex_sticky .colBx { padding-left: 70px; width: 60%; }
/* *** post35 *** */
#sub_vi.post35 .sub_visual .tit_area h3:after { display: none; }
#sub_con.post35 p,
#sub_con.post35 span,
#sub_con.post35 div { word-break: break-all; text-align: left; }
#sub_con.post35 div .flex_21 { display: block; width: 100%; }
#sub_con.post35 div .flex_21 > div { width: 100%; }
#sub_con.post35 .outline .table_wrap { box-sizing: border-box; }
#sub_con.post35 .outline .table_wrap table { table-layout: fixed; border-bottom: 2px solid #111; }
#sub_con.post35 .outline .table_wrap tr th { width: 216px; }
#sub_con.post35 .outline .table_wrap tr th.weekend { width: 100px; }
#sub_con.post35 .outline .table_wrap tr th,
#sub_con.post35 .outline .table_wrap tr td { padding: 5px; }
#sub_con.post35 .outline .table_wrap tr td { padding-bottom: 20px; vertical-align: top; }
#sub_con.post35 .outline .table_wrap tr:nth-child(1) td { padding-top: 0; }
#sub_con.post35 .outline .table_wrap tr th span { font-weight: 700; line-height: 40px; }
#sub_con.post35 .outline .table_wrap tr th.weekend span,
#sub_con.post35 .outline .table_wrap tr td.weekend span { color: #ff0000; }
#sub_con.post35 .outline .table_wrap tr th.weekend.weekend2 span,
#sub_con.post35 .outline .table_wrap tr td.weekend.weekend2 span { color: #296894; }
#sub_con.post35 .outline .table_wrap tr th span,
#sub_con.post35 .outline .table_wrap tr td span { display: block; width: 100%; text-align: left; border-top: 1px solid #111; }
#sub_con.post35 .outline .table_wrap tr th span { border-bottom: 1px solid #111; }
#sub_con.post35 .outline .table_wrap tr td span { font-weight: 500; margin-bottom: 10px; }
#sub_con.post35 .outline .table_wrap tr td span.red { color: #ff0000; }
#sub_con.post35 .outline .table_wrap tr:nth-child(1) td span { border-top: 0px solid #111; }
#sub_con.post35 .outline .table_wrap thead tr th span { text-align: center; }
#sub_con.post35 .outline .table_wrap tr td div { display: block; width: 100%; padding: 5px; }
#sub_con.post35 .outline .table_wrap tr td p { display: block; width: 100%; padding: 5px; margin-bottom: 5px; }
#sub_con.post35 .outline .table_wrap tr td .col_1 { position: relative; background-color: #E7E7E9;  z-index: 10; }
#sub_con.post35 .outline .table_wrap tr td .col_1:after { position: absolute; content: ""; top: 0; right: -10px; width: 100px; height: 100%; background-color: #E7E7E9; z-index: -1; }
#sub_con.post35 .outline .table_wrap tr td .col_1.trans:after { background-color: transparent; }
#sub_con.post35 .outline .table_wrap tr td .col_1.col_2.trans:after { background-color: transparent; }
#sub_con.post35 .outline .table_wrap tr td .col_1.none:after { background-color: transparent; }
#sub_con.post35 .outline .table_wrap tr td .col_1.col_2 { background-color: #E2DACF; }
#sub_con.post35 .outline .table_wrap tr td .col_1.col_2:after { background-color: #E2DACF; }
#sub_con.post35 .outline .table_wrap tbody tr td:nth-child(6) .col_1:after { right: 0; }
#sub_con.post35 .outline .table_wrap tbody tr:nth-child(5) td:nth-child(6) .col_1:after { right: -10px; }
#sub_con.post35 .outline .table_wrap tbody tr:nth-child(5) td:nth-child(7) .col_1:after { right: 0; }
#sub_con.post35 .outline .table_wrap tr td div em { display: inline-block; padding: 0 4px; color: #fff; font-size: 0.85em; transform: translateY(-1.5px); }
#sub_con.post35 .outline .table_wrap tr td div.gyeonggi_n { color: #0076BC; }
#sub_con.post35 .outline .table_wrap tr td div.gyeonggi_n em { background-color: #0076BC; }
#sub_con.post35 .outline .table_wrap tr td div.gyeonggi_n em.seoul { background-color: #004179; }
#sub_con.post35 .outline .table_wrap tr td div.gyeonggi_n em.gyeonggi_s { background-color: #B4814B; }
#sub_con.post35 .outline .table_wrap tr td div.gwangju { color: #A95951; }
#sub_con.post35 .outline .table_wrap tr td div.gwangju em { background-color: #A95951; }
#sub_con.post35 .outline .table_wrap tr td div.gangwon { color: #00A99D; }
#sub_con.post35 .outline .table_wrap tr td div.gangwon em { background-color: #00A99D; }
#sub_con.post35 .outline .table_wrap tr td div.gangwon em.gyeongnam { background-color: #D24498; }
#sub_con.post35 .outline .table_wrap tr td div.gyeonggi_s { color: #B4814B; }
#sub_con.post35 .outline .table_wrap tr td div.gyeonggi_s em { background-color: #B4814B; }
#sub_con.post35 .outline .table_wrap tr td div.gyeonggi_s em.incheon { background-color: #00ABE5; }
#sub_con.post35 .outline .table_wrap tr td div.daegu { color: #F46F21; }
#sub_con.post35 .outline .table_wrap tr td div.daegu em { background-color: #F46F21; }
#sub_con.post35 .outline .table_wrap tr td div.daejeon { color: #6F6DB2; }
#sub_con.post35 .outline .table_wrap tr td div.daejeon em { background-color: #6F6DB2; }
#sub_con.post35 .outline .table_wrap tr td div.incheon { color: #00ABE5; }
#sub_con.post35 .outline .table_wrap tr td div.incheon em { background-color: #00ABE5; }
#sub_con.post35 .outline .table_wrap tr td div.incheon em.daejeon { background-color: #6F6DB2; }
#sub_con.post35 .outline .table_wrap tr td div.seoul { color: #004179; }
#sub_con.post35 .outline .table_wrap tr td div.seoul em { background-color: #004179; }
#sub_con.post35 .outline .table_wrap tr td div.incheon em.gwangju { background-color: #A95951; }
#sub_con.post35 .outline .table_wrap tr td div.busan { color: #648B42; }
#sub_con.post35 .outline .table_wrap tr td div.busan em { background-color: #648B42; }
#sub_con.post35 .outline .table_wrap tr td div.gyeongnam { color: #D34699; }
#sub_con.post35 .outline .table_wrap tr td div.gyeongnam em { background-color: #D34699; }
#sub_con.post35 .outline .table_wrap tr td div.gyeongnam em.gwangju { background-color: #A65E57; }
#sub_con.post35 .outline .summary { display: flex; flex-flow: row wrap; justify-content: flex-start; }
#sub_con.post35 .outline .summary div { display: inline-block; margin-right: 20px; margin-bottom: 10px; white-space: nowrap; }
#sub_con.post35 .outline .summary div em { display: inline-block; padding: 0 4px; margin-right: 3px; color: #fff; font-size: 0.9em; transform: translateY(-1.5px); }
#sub_con.post35 .outline .summary div.gangwon { color: #00A99D; }
#sub_con.post35 .outline .summary div.gangwon em { background-color: #00A99D; }
#sub_con.post35 .outline .summary div.gyeongnam { color: #D34699; }
#sub_con.post35 .outline .summary div.gyeongnam em { background-color: #D34699; }
#sub_con.post35 .outline .summary div.gwangju { color: #A65E57; }
#sub_con.post35 .outline .summary div.gwangju em { background-color: #A65E57; }
#sub_con.post35 .outline .summary div.daegu { color: #F36F23; }
#sub_con.post35 .outline .summary div.daegu em { background-color: #F36F23; }
#sub_con.post35 .outline .summary div.gyeonggi_s { color: #B4814B; }
#sub_con.post35 .outline .summary div.gyeonggi_s em { background-color: #B4814B; }
#sub_con.post35 .outline .summary div.busan { color: #648B42; }
#sub_con.post35 .outline .summary div.busan em { background-color: #648B42; }
#sub_con.post35 .outline .summary div.gyeonggi_n { color: #0076BC; }
#sub_con.post35 .outline .summary div.gyeonggi_n em { background-color: #0076BC; }
#sub_con.post35 .outline .summary div.seoul { color: #004179; }
#sub_con.post35 .outline .summary div.seoul em { background-color: #004179; }
#sub_con.post35 .outline .summary div.incheon { color: #00ABE5; }
#sub_con.post35 .outline .summary div.incheon em { background-color: #00ABE5; }
#sub_con.post35 .outline .summary div.daejeon { color: #6F6DB2; }
#sub_con.post35 .outline .summary div.daejeon em { background-color: #6F6DB2; }
/* 포스트 35 추가된 부분 */
#sub_con.post35 .outline .table2_wrap h4 { padding: 5px 10px; color: #fff; background: #333; text-align: center; }
#sub_con.post35 .outline .table2_wrap .inWrap table { border-top: 2px solid #333; border-bottom: 1px solid #333; }
#sub_con.post35 .outline .table2_wrap .inWrap table tr th { padding: 5px; font-weight: 700; text-align: center; width: 33.33%; border-bottom: 1px solid #999; }
#sub_con.post35 .outline .table2_wrap .inWrap table tr td { padding: 5px; text-align: center; border-bottom: 1px solid #999; }
#sub_con.post35 .outline .table2_wrap .inWrap table tr:last-child td { border-bottom: none; }
#sub_con.post35 .outline br.mobile { display: none; }
/* *** post36 *** */
#sub_vi.post36 .sub_visual .tit_area h3:after { display: none; }
#sub_con.post36 .outline .center { text-align: center; }
#sub_con.post36 .outline .bg_01 { padding: 5px 5px 0 5px;  background-color: #DF6D37; color: #fff; }
#sub_con.post36 .outline ul li .bold { font-weight: 700; border-bottom: 2px solid #555; }
#sub_con.post36 .outline .flex { display: flex; flex-flow: row nowrap; justify-content: center; }
#sub_con.post36 .outline .flex li { margin: 0 10px; }
#sub_con.post36 .outline .input_box { display: flex; flex-flow: row nowrap; justify-content: space-between; background-color: #fff; }
#sub_con.post36 .outline .input_box > div { height: 720px; }
#sub_con.post36 .outline .input_box > div.left { padding-right: 15px; width: 40%; }
#sub_con.post36 .outline .input_box > div.right { padding-left: 10px; width: 60%; }
#sub_con.post36 .outline .input_box.input_box2 > div { height: 490px; }
#sub_con.post36 .outline .input_box .left .in_box { padding: 10px; height: calc(100% - 70px); overflow: hidden; overflow-y: auto; background-color: rgba(252, 232, 235, 0.5); }
#sub_con.post36 .outline .input_box .left .agree_box.first .first { margin-right: 10px; }
#sub_con.post36 .outline .input_box .right { width: 60%; }
#sub_con.post36 .outline .input_box .right .quiz_input label { display: inline-block; margin-right: 20px; cursor: pointer; }
#sub_con.post36 .outline .input_box .right .quiz_input br { display: none; }
#sub_con.post36 .outline .input_box .right .quiz_input label.last { margin-right: 0; }
#sub_con.post36 .outline .input_box .right .quiz_input label:hover { text-decoration: underline; }
#sub_con.post36 .outline .input_box .right .quiz_input input:checked + label { color: #DF6D37; text-decoration: underline; }
#sub_con.post36 .outline .input_box .right .table_1 { width: 100%; table-layout: fixed; }
#sub_con.post36 .outline .input_box .right .table_1 tr td { padding: 10px 5px; border-top: 1px solid #666; }
#sub_con.post36 .outline .input_box .right .table_1 tr td:nth-child(1) { width: 20%; }
#sub_con.post36 .outline .input_box .right .table_1 tr td:nth-child(2) { width: 80%; }
#sub_con.post36 .outline .input_box .right .table_1 tr td:nth-child(1) { background-color: #e9e9e9; }
#sub_con.post36 .outline .input_box .right .table_1 tr:last-child td { border-bottom: 1px solid #666; }
#sub_con.post36 .outline .input_box .right .table_1 tr td:nth-child(1) { text-align: center; }
#sub_con.post36 .outline .input_box .right .btn { text-align: center; }
#sub_con.post36 .outline .input_box .right .btn a { display: inline-block; padding: 4px 10px 0; background-color: #DF6D37; color: #fff; border-radius: 5px; border: 1px solid transparent; transition: all .3s ease-out; }
#sub_con.post36 .outline .input_box .right .btn a:hover { background-color: #fff; color: #DF6D37; border: 1px solid #DF6D37; }
#sub_con.post36 .outline .input_box .right .color_box2 .cir_li_1 li:before { content: "※"; }
#sub_con.post36 .outline .float_wrap .right { float: right; width: 400px; margin-left: 20px; }

#sub_con.post36 .outline p.col { font-weight: 500; }
#sub_con.post36 .outline .table_wrap { overflow: hidden; overflow-x: auto; }
#sub_con.post36 .outline .table_wrap .table01 { width: 100%; }
#sub_con.post36 .outline .table_wrap .table01 tr th { padding: 5px; font-weight: 500; text-align: center; border-top: 2px solid #333; border-bottom: 1px solid #666; background: #f9f9f977; }
#sub_con.post36 .outline .table_wrap .table01 tr th:last-child { border-right: 0px solid #666; }
#sub_con.post36 .outline .table_wrap .table01 tr th:nth-child(1),
#sub_con.post36 .outline .table_wrap .table01 tr th:nth-child(3),
#sub_con.post36 .outline .table_wrap .table01 tr th:nth-child(5) { background: #e9e9e9; }
#sub_con.post36 .outline .table_wrap .table01 tr th:nth-child(2),
#sub_con.post36 .outline .table_wrap .table01 tr th:nth-child(4) { border-right: double; }
#sub_con.post36 .outline .table_wrap .table01 tr td { padding: 5px; text-align: center; border-bottom: 1px solid #666; background: #f9f9f977; }
#sub_con.post36 .outline .table_wrap .table01 tr td:nth-child(1),
#sub_con.post36 .outline .table_wrap .table01 tr td:nth-child(3),
#sub_con.post36 .outline .table_wrap .table01 tr td:nth-child(5) { background: #e9e9e9; }
#sub_con.post36 .outline .table_wrap .table01 tr td:nth-child(2),
#sub_con.post36 .outline .table_wrap .table01 tr td:nth-child(4) { border-right: double; }
#sub_con.post36 .outline .table_wrap .table01 tr:last-child td { border-bottom: 2px solid #666; }

/* search page */
#sub_vi.search .sub_visual .tit_area h3:after { display: none; }
#sub_vi.search .sub_visual .outline p { margin-top: auto; }
#sub_con.search .outline .search_result_wrap { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; }
#sub_con.search .outline .search_result_wrap .search_box { margin-right: 20px; width: calc((100% - 60px) / 4); box-sizing: border-box; }
#sub_con.search .outline .search_result_wrap .search_box:nth-child(4n+0) { margin-right: 0; }
#sub_con.search .outline .search_result_wrap .search_box a { display: block; }
#sub_con.search .outline .search_result_wrap .search_box a:hover { text-decoration: underline; }
#sub_con.search .outline .search_result_wrap .search_box a p { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px; }
@media all and (max-width: 1280px) {
    /* *** post10 *** */
    #sub_vi.post10 .sub_visual .outline { min-height: 170px; }
    #sub_con.post10 { height: 100vh; min-height: 900px; max-height: 1000px; }
    #sub_con.post10 .outline .box_1 { right: 50px; top: 50px; width: 500px; }
    #sub_con.post10 .outline .box_2 { right: 50px; bottom: 50px; width: 500px; }
    /* *** post15 *** */
    #sub_con.post15 .img_wrap img { max-width: 40px; }
    /* *** post35 *** */
    #sub_con.post35 .outline .table_wrap { overflow: hidden; overflow-x: auto; }
    #sub_con.post35 .outline .table_wrap table { width: 1280px; }
    /* search page */
    #sub_con.search .outline .search_result_wrap .search_box a p { height: 54px; }
}
@media all and (max-width: 1024px) {
    /* *** post10 *** */
    #sub_vi.post10 .sub_visual .outline { min-height: 150px; }
    #sub_con.post10 { height: 100vh; min-height: 950px; max-height: 950px; }
    #sub_con.post10 .outline .box_1 { top: 270px; width: 500px; }
    #sub_con.post10 .outline .box_2 { bottom: 50px; width: calc(100% - 100px); }
    /* *** post24 *** */
    #sub_con.post24 .flex_2n .in_box { padding: 15px 20px; }
    /* *** post36 *** */
    #sub_con.post36 .outline .input_box > div { height: 630px; }
}
@media all and (max-width: 1023px) {
    /* *** post10 *** */
    #sub_con.post10 { height: 900px; min-height: auto; max-height: auto; }
    #sub_con.post10 .outline .box_1 { top: 40px; padding: 25px; width: calc(100% - 100px); background: rgba(255,255,255,.5); }
    #sub_con.post10 .outline .box_2 { bottom: 40px; width: calc(100% - 100px); }
    /* *** post36 *** */
    #sub_con.post36 .outline .input_box { flex-flow: row wrap; padding: 10px; }
    #sub_con.post36 .outline .input_box > div { height: auto; }
    #sub_con.post36 .outline .input_box.input_box2 > div { height: auto; }
    #sub_con.post36 .outline .input_box > div.left { padding-right: 0; margin-bottom: 40px; width: 100%; }
    #sub_con.post36 .outline .input_box > div.right { padding-left: 0; width: 100%; }
    #sub_con.post36 .outline .input_box .left .in_box { height: 300px; }
}
@media all and (max-width: 768px) {
    /* *** post10 *** */
    #sub_vi.post10 .sub_visual .outline { min-height: 140px; }
    #sub_con.post10 { height: 850px; min-height: auto; max-height: auto; }
    #sub_con.post10 .outline .box_1 { left: 30px; top: 30px; width: calc(100% - 60px); }
    #sub_con.post10 .outline .box_2 { left: 30px; bottom: 30px; width: calc(100% - 60px); }
    /* *** post15 *** */
    #sub_con.post15 .img_wrap img { max-width: 30px; }
    /* *** post21 *** */
    #sub_con.post21 .border_box, #sub_con.post31 .border_box { padding: 30px 25px 25px; }
    #sub_con.post21 .border_box h3, #sub_con.post31 .border_box h3 { padding: 10px 20px; }
    #sub_con.post21 .border_box .cir_num_dark li, #sub_con.post31 .border_box .cir_num_dark li { padding-left: 22px; }
    /* *** post24 *** */
    #sub_con.post24 .flex_2n .in_box { padding: 15px 15px; }
    /* *** post25 *** */
    #sub_con.post25 .outline .position { width: 70%; }
    #sub_con.post25 .outline .img_col_1 .in_box > div.left { margin-bottom: 20px; width: 100%; }
    #sub_con.post25 .outline .img_col_1 .in_box > div.right { margin-bottom: 15px; width: 100%; }
    #sub_con.post24 .flex_2n:first-child { margin-bottom: 50px; }
    /* *** post34 *** */
    #sub_con.post34 .outline .flex_sticky .colBx { padding-left: 40px; /* width: 60%; */ }
    /* *** post36 *** */
    #sub_con.post36 .outline .float_wrap .right { width: 300px; }
    #sub_con.post36 .outline .table_wrap .table01 { width: 800px; }
    /* search page */
    #sub_con.search .outline .search_result_wrap .search_box { margin-right: 20px; width: calc((100% - 40px) / 3); box-sizing: border-box; }
    #sub_con.search .outline .search_result_wrap .search_box:nth-child(4n+0) { margin-right: 20px; }
    #sub_con.search .outline .search_result_wrap .search_box:nth-child(3n+0) { margin-right: 0; }
    #sub_con.search .outline .search_result_wrap .search_box a p { height: 52px; }
}
@media all and (max-width: 767px) {
    /* *** post21 *** */
    #sub_con.post21 .border_box, #sub_con.post31 .border_box { padding: 25px 25px 25px; }
    /* *** post22 *** */
    #sub_con.post22 .outline .ele_1 .flex_21 > div:nth-child(1) { margin-bottom: 15px; }
    /* *** post24 *** */
    #sub_con.post24 .flex_2n .in_box { padding: 15px 15px; margin-bottom: 30px; }
    #sub_con.post24 .flex_2n:last-child .in_box:last-child { margin-bottom: 0; }
    #sub_con.post24 .flex_2n:first-child { margin-bottom: 0; }
    /* *** post25 *** */
    #sub_con.post25 .outline .position { width: 90%; }
}
@media all and (max-width: 480px) {
    /* *** post10 *** */
    #sub_con.post10 { height: 950px; min-height: auto; max-height: auto; }
    #sub_con.post10 .outline .box_1 { left: 20px; top: 15px; padding: 15px 10px; font-size: 16px; width: calc(100% - 40px); }
    #sub_con.post10 .outline .box_1 p { font-size: 16px; }
    #sub_con.post10 .outline .box_2 { left: 20px; bottom: 15px; padding: 10px; font-size: 14px; width: calc(100% - 40px); }
    /* *** post21 *** */
    #sub_con.post21 .border_box, #sub_con.post31 .border_box { padding-top: 45px;  }
    #sub_con.post21 .border_box h3, #sub_con.post31 .border_box h3 { padding: 10px 5px; white-space: normal; width: 90%; text-align: center; }
    #sub_con.post21 div.mg_b70 .bottom, #sub_con.post31 div.mg_b70 .bottom { margin-bottom: 50px; }
    /* *** post34 *** */
    #sub_con.post34 .outline .flex_sticky .imgBx { margin-bottom: 30px; width: 100%; }
    #sub_con.post34 .outline .flex_sticky .imgBx img { position: initial; top: auto; box-shadow: 5px 5px 15px 0 rgba(0,0,0,.3); }
    #sub_con.post34 .outline .flex_sticky .colBx { padding-left: 0; width: 100%; }
    /* *** post35 *** */
    #sub_con.post35 .outline br.mobile { display: inline; }
    #sub_con.post35 div .flex_21 > div { padding-left: 0; padding-right: 0; }
    /* *** post36 *** */
    #sub_con.post36 .outline .color_box { padding: 10px; }
    #sub_con.post36 .outline .input_box { flex-flow: row wrap; padding: 10px; }
    #sub_con.post36 .outline .input_box > div { height: auto; }
    #sub_con.post36 .outline .input_box > div.left { padding-right: 0; margin-bottom: 40px; width: 100%; }
    #sub_con.post36 .outline .input_box > div.right { padding-left: 0; width: 100%; }
    #sub_con.post36 .outline .input_box .left .in_box { height: 300px; }
    #sub_con.post36 .outline .input_box .right .quiz_input label { display: inline-block; margin-right: 20px; cursor: pointer; }
    #sub_con.post36 .outline .input_box .right .quiz_input br { display: inline; }
    #sub_con.post36 .outline .input_box .right .table_1 tr td:nth-child(1) { width: 30%; }
    #sub_con.post36 .outline .input_box .right .table_1 tr td:nth-child(2) { width: 70%; }
    #sub_con.post36 .outline .input_box .right .table_1 tr td input { display: block; width: 99%; }
    #sub_con.post36 .outline .input_box .right .color_box2 { padding: 10px; }
    #sub_con.post36 .outline .float_wrap .right { float: none; width: 100%; margin-left: 0; margin-bottom: 20px; margin-top: 20px; }
    #sub_con.post36 .outline .table_wrap .table01 { width: 700px; }
    /* search page */
    #sub_con.search .outline .search_result_wrap .search_box { margin-right: 0; width: 100%; }
    #sub_con.search .outline .search_result_wrap .search_box:nth-child(4n+0) { margin-right: 0; }
    #sub_con.search .outline .search_result_wrap .search_box:nth-child(3n+0) { margin-right: 0; }
    #sub_con.search .outline .search_result_wrap .search_box a p { height: 52px; }
}
@media all and (max-width: 320px) {
    /* *** post10 *** */
    #sub_con.post10 .outline .box_1 { padding: 10px 10px; font-size: 14px; }
    #sub_con.post10 .outline .box_1 p { font-size: 14px; }
    #sub_con.post10 .outline .box_2 { font-size: 13px; }

}