@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/*@import url(//db.onlinewebfonts.com/c/ff43e14bdcc67883fbd7a6f6223920cc?family=Microsoft+Tai+Le);*/
@font-face {
    font-family: 'RIDIBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
*/
* {font-family: 'Noto Sans KR', sans-serif;color: #000;}
html,body{overflow-x:hidden;}
b{font-weight: bold;}
body{font-size:15px;background:#f5f5f5;}
caption{position:absolute;left:-9999px;}
fieldset,legend{border:none;}
h1{font-size:20px;text-align:center;color:#3d6889;font-weight:400;margin:1em;text-decoration:underline; font-style:italic;}
h2{font-size:18px;margin:0em 0;}
a:hover{text-decoration: none;}
/*************************** mobile *********************************/
#nav-toggle { position: fixed;top: -61px;left: 0px;z-index: 101;transition:.3s;width:100%;height:60px;border-bottom:1px solid #dfdfdf;background:#ffffff;}
#nav-toggle .logo{line-height:60px;}
#nav-toggle .logo img{margin-left:10px;margin-top:5px;}
#nav-toggle .btn-nav-toggle {display: block;width: 60px;height: 60px;right:0px;top:0px;position:absolute;background-image: url(../images/common/btns.png);background-repeat: no-repeat;text-indent: -9999px;opacity: 1; background-position: 0 0;}
#nav-toggle .btn-nav-toggle:hover {opacity: .3;}
.navtoggleon #nav-toggle .btn-nav-toggle {background-image: url(../images/common/btns.png);background-repeat: no-repeat;background-position:0 -60px;}
.navtoggleon #nav-toggle .btn-nav-toggle:hover {}
#gnb-mobile{display:none;position:fixed;top:0;width:100%;height:100%;background:#3d6889;z-index:99;padding:80px 30px 0 20px;overflow-y:aauto;}
#gnb-mobile ul.navi{padding:0;margin:0;list-style:none;color:#bfc2c8;height:100%;overflow-y:auto;}
#gnb-mobile ul.navi>li{margin-bottom:15px;}
#gnb-mobile ul.navi a{color:#bfc2c8;transition:.3s; word-break: keep-all;}
#gnb-mobile ul.navi>li>a{color:#ffffff;font-size:15px;text-transform:uppercase;line-height:2.6em;}
#gnb-mobile ul.navi a:hover{color:#fbf042;}
.navtoggleon #gnb-mobile{display:block;}
/*************************** wrap *********************************/
#wrap{transition:.3s;padding: 40px 14px 14px 14px;}
#wrap{transition:.3s;margin: 40px auto; width: 1140px; padding: 45px 0; background-color: #fff; box-shadow: 1px 3px 8px 4px #0000000d;}
.inner{clear:both;max-width:1000px;width:100%;margin:0 auto;}
.overflow-hidden{overflow:hidden;}
.grid{max-width:855px;width:100%;padding:10px;margin:0 auto; text-align:justify;}
.tbox{padding-right: 25px; padding-left: 25px; line-height: 1.7;}
/*************************** header *********************************/
#header{position:relative;z-index:1;}
#header-top{margin:1em auto .4em;}
#header-top #vol-no{margin-top:11px;display:inline-block;background:transparent url(../images/bg_vol.jpg);line-height:2.6em;font-size:15px;text-transform:uppercase;font-weight:bold;padding:0 10px;border-radius:.4em;box-shadow:2px 2px 4px rgba(0,0,0,.05);color:#ffffff;text-decoration:none;}
#header-top ul.tlink{float:right;margin-right:-6px;padding:0;list-style:none;}
#header-top ul.tlink li{float:left;margin-left:12px;transition:.3s;}
#header-top ul.tlink li:hover{opacity:.6;margin-top:-3px;}
#gnb{background:#ffffff;font-size:15px; border-top: 2px solid #000000; border-bottom: 2px solid #000000;}
/* flex 추가 */
#gnb>ul{width:100%;padding:0;margin:0;list-style:none; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
/* padding 값 제거 */
#gnb>ul>li{display:inline-block;position:relative; /* padding: 0 7px; */ width: 200px;}
#gnb>ul>li:first-child{padding-left: 0; border-bottom: 1px solid #e1e1e1;}
#gnb>ul>li:last-child{padding-right: 0;}
#gnb>ul>li:nth-child(2) { border-bottom: 1px solid #e1e1e1; }
#gnb>ul>li:nth-child(3) { border-bottom: 1px solid #e1e1e1; }
#gnb>ul>li:nth-child(4) { border-bottom: 1px solid #e1e1e1; }
#gnb>ul>li:nth-child(5) { border-bottom: 1px solid #e1e1e1; }
/* line-height 변경,  margin 값 주기 */
#gnb>ul>li>a{color:#000000;text-decoration:none;line-height:1.5em; /* height:3em; */ text-align: center; margin: 7px 0; display:block;font-weight:600;letter-spacing: -0.1px;font-family: 'Noto Sans Kr', sans-serif; font-size: 15px; transition:.3s;background:transparent url(../images/arrow.png) 40% 150% no-repeat;}
#gnb>ul>li:hover>a, #gnb>ul>li.on>a{color:#03c5e4;background-position:40% 100%;}
/*#gnb>ul>li>a:after{content:"|";color:#ffffff;opacity:.4;display:inline-block;padding:0 4px;font-weight:normal;}*/
#gnb>ul ul{display:none;position:absolute;left:50%;z-index:1;background:#171717;border-top:none;min-width:325px;text-align:left;list-style:none;padding:10px;margin:0;margin-left:-170px;}

.archive{
    max-height: 213px;
    overflow-y: scroll;
}
.archive::-webkit-scrollbar{
    width: 10px;
    padding-top: 5px;
}
.archive::-webkit-scrollbar-thumb{
    background-color: #dfdfdf;
    position: absolute;
    top: 30px;
}
.archive::-webkit-scrollbar-track{
    background-color: #555555;
    position: absolute;
    top: 30px;
}

#gnb>ul>li:last-child>a:after{content:"";}
#gnb>ul ul li{display:block;clear:both;border-bottom:1px solid rgba( 223, 223, 223, 0.2 );line-height:1.3em;}
#gnb>ul ul li:last-child{border-bottom:none;}
#gnb>ul ul a{color:#fff;font-size:92%;padding:.7em 0.5em;line-height:1.4em;display:block;letter-spacing: -0.052em; text-align: center;}
#gnb>ul ul li:hover>a{color:#aaa;}
#gnb>ul ul a .word-color{color:#fff;}
#gnb>ul ul li:hover>a .word-color{color:#aaa;}
#gnb>ul .noti_submenu a {padding:.7em 5em;}
#gnb>ul li:hover ul{display:block;}

div.m-txt{padding: 20px 13px 20px 19px !important;}
.padd-r7{padding-right: 7px;}
.padd-l7{padding-left: 7px;}
.vol{text-align: right; font-size: 22px; font-weight: 600; color: #000000; margin-bottom: -20px;}
.pub-text1{float:left;  font-family: 'Arita-buri-SemiBold'; font-size: 16px; margin-top: -20px; margin-left: -10px;}
.pub-text2{float:right;  font-family: 'Arita-buri-SemiBold'; font-size: 18px; margin-top: -20px;}
.main-tit1{font-size: 90px; font-weight: bold; color: #000000;font-family:"Hind", sans-serif;margin-left: -16px; letter-spacing: -3px; line-height: 1.3em; display: inline-block; margin-bottom: 8px;}
.main-tit2{font-size: 52px; color: #000000; font-weight: 800; text-align: right; font-family:"Hind", sans-serif;}
.sub-tit{padding:20px 0 5px; font-family: 'Arita-buri-SemiBold'; font-size: 18px;}
.sub-title1{font-size: 18px;font-weight: 600;color: #000000;line-height: 1.5;display: inline-block;margin-bottom: 6px;padding: 0;word-break: keep-all;}
.sub-title2{font-size: 18px;font-weight: 600;color: #000000;line-height: 22px;display: inline-block;margin-bottom: 6px;}
.speacial{position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate( -50%, -50% );}
.sub-text{background-color: rgba(255,255,255,0.8); text-align: center;  width: 560px; height: 194px; padding: 60px 0px;}
.sub-text1{letter-spacing: -0.5px; padding-top: 8px;/*padding-top: 8px; padding-bottom: 96px;*/height: 150px;text-align:center;background-color: #cef0f2;font-size: 18px;line-height: 1.4;padding: 0px 27px;}
.sub-text2{padding-top: 8px;/*padding-top: 8px; padding-bottom: 68px;*/height: 150px;text-align: center;background-color: #fbdfd3;font-size: 18px;line-height: 1.4;padding: 0px 27px;}
.sub-text3{padding: 20px 0;/*padding-top: 30px; padding-bottom: 143px;*/text-align: center;background-color: #d7f1d9;}
.sub-text4{/* padding-top: 20px; */padding: 20px 0px;text-align: center;background-color: #fff1bf;}
.sub-text5{padding: 15px 0px;text-align: center;background-color: #c1e6ff;}
.sub-text6{padding: 46px 0px;text-align: center;background-color: #e1e7fb;}
.sub-text7{padding: 15px 0px;text-align: center;background-color: #e1e7fb;}
.sub-author{font-family: 'RIDIBatang'; font-size: 16px; margin-top: 5px;}
.txt1 a{text-align:justify;text-decoration:none; color: #333;}
.txt1 h2{font-size:20px; letter-spacing:-0.5px; font-weight:bold; padding:20px 0 20px 0;}
.txt1 h5{font-size:18px; letter-spacing:-0.5px; font-weight:bold; padding:30px 0px 30px 0px;}
.References{font-size:12px; padding:0 10px 0 10px; }
.data{font-size:13px;}
.gap{height:50px; clear:both;}
.gap_sm{height: 30px; clear:both;}
.gap_exsm{height: 20px; clear:both;}
.gap_exexsm{height: 10px; clear:both;}
.line2{ margin: 45px 0 40px; border-bottom: 1px solid #e1e1e1;}
.tit1{font-weight:bold; color:#274da8;}
.cont1{float:left;padding-right:30px;}
.sub_txt{font-size:13px; color:#5570D5;}
.type10{color:#333;border-top:1px solid #aaa; border-left:1px solid #e1e1e1; text-align:center;}
.type10 td, th {/* height: 30px; */}
.type10 th {border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; color:white; background-color:#4CA5E8;}
.type10 td {border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.type9{color:#333; border:1px solid #aaa; text-align:center; line-height:28px;}
.type9 th {background-color:#4CA5E8; color:#fff;}
.type9 td {background:#f7f7f7;}
.sub_p{line-height:26px;}
.p_type1{padding-top: 5px;}
.p_type2{padding-top: 5px; margin-bottom: 5px;}
.p_type3{font-size: 12px; width: 75%;}
.p_type_e1{ font-size: 13px;line-height: 1.8em; display: inline-block; letter-spacing:0.5px; padding-top: 5px; width: 86%;}
.ref_box{ background: #fcfcfc; font-weight: 300;}
.ref_box tr { line-height: 1.5; vertical-align: top; }
.ref_box tr th { padding: 2px 2px 2px 30px;  color: #666;}
.ref_box tr td { padding: 2px 30px 2px 2px; color: #666;}
.ref_box tr td b{ display: block; padding: 20px 0 5px 30px; color: #454545;}
.ref_box tr:last-child td{padding-bottom: 25px;}
.text-center{font-size:24px; line-height: 1.4; font-weight:bold;}
.border-gray{border: 1px solid #e5e5e5;}

.a7_1_table{background: #fff;}
.a7_1_table tr { line-height: 1.6; vertical-align: top; }
.a7_1_table tr th { padding: 2px 2px 2px 0; font-weight: 300;}
.a7_1_table tr td { padding: 2px 30px 10px 2px; }

/*.a5_1_table{
    width: 100%;
    border-top: 2px solid #f65050;
    border-bottom: 2px solid #f65050;
}
.a5_1_table tr:first-child{
    text-align: center;
    background-color : #f65050;
}
.a5_1_table tr:first-child th{
    padding: 7px 0;

    color: #ffffff;
}
.a5_1_table tr td:first-child{
    padding-left: 30px;
    width: 40%;
}
.a5_1_table tr td:nth-child(2), .a5_1_table tr td:nth-child(3){
    padding: 7px 0;
    text-align: center;
}
.a5_1_table tr:nth-child(3){
    background-color: #f9f9f9;
}
.a5_1_table tr:nth-child(3) td:nth-child(2){
    border-left: 2px solid #ffffff;;
    border-right: 2px solid #ffffff;;
}
.a5_1_table tr:nth-child(5){
    background-color: #f9f9f9;
}
.a5_1_table tr:nth-child(5) td:nth-child(2){
    border-left: 2px solid #ffffff;;
    border-right: 2px solid #ffffff;;
}
.a5_1_table tr:nth-child(7){
    background-color: #f9f9f9;
}
.a5_1_table tr:nth-child(7) td:nth-child(2){
    border-left: 2px solid #ffffff;;
    border-right: 2px solid #ffffff;;
}
 .a5_1_table tr th:nth-child(2){
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}





.a5_1_table tr td:nth-child(2) :last-child{
    border-right: none;
}
*/


.a6_table{
    width: 100%;
}
.a6_table tr th{
    padding: 16px 0;
}
.a6_table tr td{
    padding: 15px 0;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
    padding-left: 35px;
    color: #666666;
    background: #fff;
}
.a6_table tr:nth-child(1) th{
    background-color: #fafafa;
    text-align: center;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    border-top: 2px solid #a62627;
    border-bottom: 2px solid #a62627;
}
.a6_table tr:nth-child(2){
    text-align: center;
    color: #737373;
}
.a6_table tr:nth-child(3){
    text-align: center;
    background-color: #f9f9f9;
    color: #737373;
}
.a6_table tr:nth-child(4){
    text-align: center;
    color: #000000;
}
.a6_table tr:nth-child(5){
    text-align: center;
    background-color: #f9f9f9;
    color: #000000;

}
.a6_table tr th:nth-child(1) {
    /* border-right: 1px solid #e1e1e1; */
    text-align: left;
    padding-left: 20px;
}

.a6_table tr td:nth-child(1) {
    border-bottom: 2px solid #a62627;
    padding: 0px 10px;
    width: 102px;
    text-align: center;
    color: #313131;
}
/* .a6_table tr:nth-child(4) td{
    /* color: #000000; */
    /* font-weight: 500; */

.a6_table tr:nth-child(5) td{
    color: #000000;
    font-weight: 500;
} 



.a5_1_table{
    width: 100%;
}
.a5_1_table tr th{
    padding: 7px 0;
}
.a5_1_table tr td{
    padding: 15px 0;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
}
.a5_1_table tr:nth-child(1) th{
    background-color: #a62627;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}


.a5_1_table tr:nth-child(2){
    text-align: center;
    color: #737373;
}
.a5_1_table tr:nth-child(3){
    text-align: center;
    background-color: #f9f9f9;
    color: #737373;
}
.a5_1_table tr:nth-child(4){
    text-align: center;
    color: #000000;
}
.a5_1_table tr:nth-child(5){
    text-align: center;
    background-color: #f9f9f9;
    color: #000000;

}
.a5_1_table tr:nth-child(7){
    text-align: center;
    background-color: #f9f9f9;
    color: #000000;
}
.a5_1_table tr:nth-child(9){
    text-align: center;
    background-color: #f9f9f9;
    color: #000000;
}

.a5_1_table tr:nth-child(11){
    text-align: center;
    background-color: #f9f9f9;
    color: #000000;
}

.a5_1_table tr:nth-child(13){
    text-align: center;
    background-color: #f9f9f9;
    color: #000000;
}

.a5_1_table tr:nth-child(15){
    text-align: center;
    background-color: #f9f9f9;
    color: #000000;
}

.a5_1_table tr:nth-child(17){
    text-align: center;
    background-color: #f9f9f9;
    color: #000000;
}

.bg-f9f9f9{
    text-align: center;
    background-color: #f9f9f9;
    color: #000000;
}

.a5_1_table tr th:nth-child(1) , .a5_1_table tr th:nth-child(2) , .a5_1_table tr th:nth-child(3){
    border-right: 1px solid #e1e1e1;
}

.a5_1_table tr td:nth-child(1) , .a5_1_table tr td:nth-child(2) , .a5_1_table tr td:nth-child(3){
    border-right: 1px solid #e1e1e1;
    text-align: center;
}
.a5_1_table tr td:last-child{
    border-right:none;
}
.a5_1_table tr:nth-child(4) td{
    /* color: #000000; */
    /* font-weight: 500; */
}
.a5_1_table tr:nth-child(5) td{
    /* color: #000000; */
    /* font-weight: 500; */
}



.a5_1_table tr th:nth-child(2){
   border-right: 1px solid #e1e1e1;
   text-align: left;
   /* padding-left: 20px; */
   text-align: center;
}

.a6_table tr td:nth-child(1){
   padding: 0px 10px;
   width: 102px;
   text-align: center;
   color: #313131;
}
/* .a6_table tr:nth-child(4) td{
     color: #000000; 
     font-weight: 500; 
     }*/


     .a6_2_table{
        width: 100%;
        border-top: 1px solid #137ca0;
        border-bottom: 1px solid #137ca0;

    }
    .a6_2_table tr{
        border-bottom: 1px solid #e1e1e1;
    }
    .a6_2_table tr:last-child{
        border-bottom: none;
        padding: 10px 0;
    }
    .a6_2_table tr td:nth-child(1){
        text-align: center;
        background-color: #137ca0;
        padding: 5px 15px;
        color: #ffffff;
        font-weight: 500;
    }
    .a6_2_table tr td:nth-child(2){
     padding-left: 30px;
 }

 .a6_4_table{
    width: 100%;
}
.a6_4_table tr th{
    padding: 7px 0;
}
.a6_4_table tr td{
    padding: 15px 0;
    text-align: center;
}
.a6_4_table tr:nth-child(1) th{
    background-color: #a62627;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}
.a6_4_table tr:nth-child(2){
    text-align: center;
    color: #737373;
}
.a6_4_table tr:nth-child(3){
    text-align: center;
    background-color: #f9f9f9;
    color: #737373;
}
.a6_4_table tr:nth-child(4){
    text-align: center;
    color: #000000;
}
.a6_4_table tr:nth-child(5){
    text-align: center;
    background-color: #f9f9f9;
    color: #000000;

}
.a6_4_table tr th:nth-child(1) , .a6_4_table tr th:nth-child(2){
    border-right: 1px solid #e1e1e1;
}

.a6_4_table tr td:nth-child(1) {
    border-right: 1px solid #e1e1e1;
}
.a6_4_table tr:nth-child(4) td{
    color: #000000;
    /* font-weight: 500; */
}
.a6_4_table tr:nth-child(5) td{
    color: #000000;
    /* font-weight: 500; */
}




.text-right{
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right : 23px;
    line-height: 1.7em;
    color: #000000;
    text-align: justify !important;
    letter-spacing: 0.1px;
}

.bread_text{
    /* width: 100%;
    position: absolute; 
    z-index: 1;
    text-align: center;
    /* top: 45px;
    left: 450px;
    transform: translate(-50%, -50%); */
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}
.blist-click{
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 30px 30px;
    background: #f0f0f0;
    border: 1px solid #222222;
    letter-spacing: -0.3px;
}
.bg1{
    background: url(../images/a3_1.jpg) no-repeat center;
    background-size: cover;

}
.bread_click{
    color: #fff845; 
    text-decoration: underline; 
    font-size: 12px;
    padding-top: 6px;
    display: inline-block;

}
.bread_title{
    color: #98613c;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
    padding-top: 15px;
}
.bread_list{
    list-style-type: decimal;
    color: #000000;
}
.bread_list li::before{
    color: #000000;
}
.bread_list li:last-child{
    padding-bottom: 0px;
}
.bread_list > li{
    padding-bottom: 25px;
    padding-left : 15px;
}

.mb-12{
    margin-bottom: 4rem;
}

.notClick{
    cursor:text;
}

table .table_back_01{background: #738cb8;color: #fff;padding: 10px 0;}
table .table_back_02{background: #edf3ff;color: #333;}
.p_list{list-style: none; padding:0; margin:0;}
.p_list li{font-size:13px;color:#777;}

.table1{width:100%;}
.bac1{background: #D2DEEF;}
.thead-blue{background:#D9D9D9;}
.td_p tr td{padding: 5px 0; height: 49px;}

.b-tr{width: 100%;}
.b-tr tr:first-child th{color: #ffffff;background-color: #ddaa88; text-align: center;}
.b-tr tr td:nth-child(1){text-align: center; width: 30%;}
.b-tr tr td:nth-child(2){text-align: center; width: 30%;}
.b-tr tr td:nth-child(3){text-align: left;}
.b-tr tr:nth-child(3){background-color: #fefaf3;}
.b-tr tr:nth-child(5){background-color: #fefaf3;}

/* .b-list{display: none;} */
.b-list{border-bottom: 1px solid #e5e5e5;}


.button_01{background: #164aa8; color: #fff; padding: 15px 30px;width: 200px; text-align: center;}
.button_01 a{color: #fff;}
.button_01 a:hover{color: #ffdc01;text-decoration: none;}

.button_a{
    width: 265px;
    padding: 10px 20px;
    margin-right:10px;
    text-align: center;
    float: left;
    list-style: none;
    width: [object Object]px;
    height: [object Object]px;
    background: #9e3123;
    box-shadow: 3px 6px 13px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 6px 13px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 6px 13px rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
}
.button_a a{width: 100%; height: auto;}
.button_a:hover {
    background: #8a2a1e;  }

.hotissue tr td:nth-child(3) {margin-right:0px;}

.button_a a{color: #ffffff;}


.tabtop {font-size: 16px;color: #000000;font-weight: 600;padding-left: 20px;}


.css-box-radius{
    /*start ------------*/
    width: 100%;
    max-width: 400px;
    padding: 20px 0;
    background: #2B55B5; 
    border: solid #BDBDBD 0; 
    border-top-left-radius: 15px; -webkit-border-top-left-radius: 15px; -moz-border-top-left-radius: 15px; 
    border-top-right-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-top-right-radius: 15px; 
    border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-bottom-left-radius: 15px; 
    border-bottom-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-bottom-right-radius: 15px;

}
.css-box-radius a{color: #fff;}

/*************************** spot *********************************/
#spot .inner{background: url(../images/sub-1.jpg) no-repeat center; background-size: cover;padding:4.2em 1em;text-align:center;font-size:14px;}
#spot .a2_bg{background: url(../images/sub_bnr01.jpg) no-repeat center; background-size: cover;}
#spot .a4_bg{background: url(../images/sub_bnr02_v1.jpg) no-repeat center; background-size: cover;}
#spot .a3_bg{background: url(../images/sub_bnr03.jpg) no-repeat center; background-size: cover;}
#spot .a3_1_bg{background: url(../images/sub_bnr03_1.jpg) no-repeat center; background-size: cover;}
#spot .a5_bg{background: url(../images/sub_bnr05.jpg) no-repeat center; background-size: cover;}
#spot .a6_bg{background: url(../images/sub_bnr04.jpg) no-repeat center; background-size: cover;}
#spot .a6_1_bg{background: url(../images/sub_bnr06.jpg) no-repeat center; background-size: cover;}
#spot .g1_1_bg{background: url(../images/sub_bnr07.jpg) no-repeat center; background-size: cover;}

#spot .bnr_txt{color:#8ba7bc;font-weight:normal; font-size: 22px;color: #ffffff; font-family: 'Arita-buri-SemiBold'; text-shadow: 2px 2px 2px rgba(169,169,169, 0.7);}
/*************************** container *********************************/
#container .inner{background:#ffffff;}
.author{text-align:right;color:#3d6889;margin:2em 0; font-weight:bold;}
/*************************** footer *********************************/
#footer .inner{/*background:#464c58 url(../images/logo_b.jpg) 95% 50% no-repeat;*/padding:25px 30px 40px 30px;color:#787c84;font-size:13px;line-height:1.7em; text-align: center;}
#footer .direct_link{margin-bottom:30px;color:#787c84;margin-left:-.5em;}
#footer .direct_link a{color:#787c84;text-decoration:none;padding:.5em;display:inline-block;}
/*************************** sider *********************************/
#sider{}
/*************************** etc *********************************/
#etc{}

.bold{font-weight:bold;}

@media only screen and (max-width: 768px){
    #wrap{transition:.3s;padding: 40px 14px 14px 14px; width: 100%;}
    #m-notice{background:none; padding:  25px;}
    .padd-r7{padding-right: 0px;}
    .padd-l7{padding-left: 0px;}
    .sub1{padding: 0 20px;}
    .sub2{padding: 0 20px; padding-top: 20px;}
    .sub3{padding: 0 20px;}
    .sub4{padding: 0 20px;}
    .sub-tit{padding-left:7px;}
    .pub-text1{font-size: 14px; padding: 5px 5px;}
    .pub-text2{float: right; font-size: 14px; padding: 10px 5px;}
    .main-title{padding: 0 5px;}
    .vol{padding-right: 0px;}
    .m-sub-tit{padding-left: 0;}
    .main-tit1{font-size: 70px;}
    .main-tit2{font-size: 35px;}
    .sub-text1{height: 105px;}
    .sub-text2{height: 105px;}
    .sub-text3{height: 135px;}
    .sub-text{width: 477px;}
    .mb-12{margin-bottom: 0px;}

    .text-right{
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right : 23px;
        line-height: 1.7em;
        color: #000000;
        text-align: left !important;
        letter-spacing: 0.1px;
    }

}
@media only screen and (max-width: 501px){
  .sub1{padding: 0 20px;}
  .sub2{padding: 0 20px; padding-top: 20px;}
  .sub3{padding: 0 20px;}
  .sub4{padding: 0 20px;}
  .sub-tit{padding-left:7px;}
  .archive > li{text-align: left;}
}

@media only screen and (max-width: 443px){
    .add-txt{display:none;}
}