@charset "utf-8";

/* CSS Document */

@media screen and (max-width:1600px){

/* common */
    
   
    
/* main */
    
.visual_list li .visual_txt_wrap .visual_txt {width:calc(80rem + 12rem);padding:0 6rem;box-sizing:border-box}
    
/* sub */
    
}

@media screen and (max-width:1440px){

/* common */

.header_wrap {padding:0 2rem;box-sizing:border-box}

.ft_wrap {padding:3rem 2rem;box-sizing:border-box}

/* main */

.visual_list li .visual_txt_wrap {padding:0 2rem;box-sizing:border-box}

.sc02_wrap {padding:0 2rem;box-sizing:border-box}

.video_wrap .video_box {width:60%}
.video_wrap .video_info {width:40%;padding:0 0 0 4rem}

.sc03_wrap {padding:0 2rem;box-sizing:border-box}
.sc03_wrap .note_list_wrap ul li {width:calc((100% - 6rem)/3);margin:1rem 0 0 3rem}

.sc04_wrap {padding:0 2rem;box-sizing:border-box}

.sc05_wrap {padding:0 2rem;box-sizing:border-box}

/* sub */

.sub_content {padding:0 2rem 6rem 2rem;box-sizing:border-box}

}


@media screen and (max-width:1280px){

/* common */

/* main */

.sc05_wrap .tab_content .story_tab_item .story_list li {width:calc((100% - 9rem)/4)}

/* sub */

.content_wrap .photo_list_wrap ul li {width:calc((100% - 9rem)/4);margin:4rem 0 0 3rem}

}


@media screen and (max-width:1200px){


/* common */

.header_wrap .gnb > ul > li > a {padding:0 3rem}

/* main */

.sc05_wrap .tab_content .story_tab_item .story_list li {width:calc((100% - 9rem)/4)}

/* sub */

.info_box_wrap .info_box ul li .box_content .point br {display:none}

}

@media screen and (max-width:1024px){

/* common */

.pc {display:none}
.mb {display:block}

#header {height:8rem}
.header_wrap .logo a {width:11.2rem;height:4.5rem;background:url(../../img/portal/common/logo_mobile.png)no-repeat;background-size:11.2rem}
.header_wrap .sns_wrap {padding-right:5rem}
.total_menu {position:absolute;top:3rem;right:2rem}
.total_menu button {width:2.2rem;height:1.9rem;background:url(../../img/portal/common/icon_total_menu.png) no-repeat;background-size:2.2rem;text-indent:-9999px}

.ft_wrap {flex-wrap:wrap}
.ft_wrap .ft_logo {margin:0 auto}
.ft_wrap address {width:100%;margin-top:2rem;padding-left:0;text-align:center}


/* main */

#main_container {padding-top:8rem}

.section01 {height:60rem}

.video_wrap {flex-wrap:wrap}
.video_wrap .video_info {order:0;width:100%;padding:0;text-align:center}
.video_wrap .video_info a {display:none}
.video_wrap .video_box {width:100%;margin-top:2rem}

.sc03_wrap .note_list_wrap ul li {width:calc((100% - 2rem)/2);margin:1rem 0 0 2rem}

.sc04_wrap .tab_content .board_tab_item .board_wrap .board_date {width:12rem}
.sc04_wrap .tab_content .board_tab_item .board_wrap .board_cont {width:calc(100% - 17rem);padding-right:5rem}
.sc04_wrap .tab_content .board_tab_item .board_wrap .board_detail {width:5rem}

.sc05_wrap .tab_content .story_tab_item .story_list li {width:calc((100% - 6rem)/3)}
.sc05_wrap .tab_content .story_tab_item .story_list li:nth-child(4) {display:none}

/* sub */

#sub_container {padding-top:8rem}

.sub_visual {height:27rem}

.info_box_wrap .info_box ul li .box_content {flex-wrap:wrap;padding:3rem}
.info_box_wrap .info_box ul li .box_content .box_cont_left {order:2;width:100%;margin-top:2rem}
.info_box_wrap .info_box ul li .box_content .box_cont_right {order:1;width:100%}
.info_box_wrap .info_box ul li .box_content p {text-align:center}
.info_box_wrap .info_box ul li .box_content span {text-align:center}
.info_box_wrap .info_box ul li .box_content .point {text-align:center}
.info_box_wrap .info_box ul li .box_content .nature_info {flex-wrap:wrap;margin-top:2rem}
.info_box_wrap .info_box ul li .box_content .nature_info .nature_left {width:100%}
.info_box_wrap .info_box ul li .box_content .nature_info .nature_right {width:100%;margin-top:2rem}

.content_wrap .info_video {height:53rem}

.content_wrap .note_info_wrap {flex-wrap:wrap}
.content_wrap .note_info_wrap .note_info {width:100%;margin-bottom:2rem;padding-right:0;text-align:center}
.content_wrap .note_info_wrap .note_img {margin:0 auto}
.content_wrap .note_info_wrap .note_img img {max-width:100%}

.content_wrap .note_sample {margin-top:4rem}

.content_wrap .write_wrap .write_top {padding:3.3rem 2rem 5rem 2rem}
.content_wrap .write_wrap .write_content {width:calc(100% - 6rem);padding:2.6rem 3rem}

.content_wrap .note_list_wrap ul li {width:calc((100% - 3rem));margin:3rem 0 0 3rem}
.content_wrap .note_list_wrap ul li:nth-child(odd) {margin:3rem 0 0 0}
.content_wrap .note_list_wrap ul li:nth-child(even) {margin:3rem 0 0 3rem}

.content_wrap .photo_list_wrap ul li {width:calc((100% - 9rem)/3);margin:4rem 0 0 3rem}
.content_wrap .photo_list_wrap ul li:nth-child(4n+1) {margin-left:3rem}
.content_wrap .photo_list_wrap ul li:nth-child(3n+1) {margin-left:0}

.sub_menu ul li a {font-size:1.8rem}

}


@media screen and (max-width:800px){

/* common */

.side_btn {display:none}

/* main */

.section01 {height:45rem}
.visual_list li .visual_txt_wrap .visual_txt .visual_logo img {height:8rem}
.visual_list li .visual_txt_wrap .visual_txt p {margin-top:1rem;font-size:4rem}
.visual_list li .visual_txt_wrap .visual_txt span {margin-top:1rem;font-size:1.8rem}
.visual_list li .visual_txt_wrap .visual_txt a {margin-top:1rem}

.section02 {padding:4rem 0}

.video_wrap .video_info h3 {font-size:4rem}
.video_wrap .video_info p {font-size:1.8rem}

.section03 {padding:4rem 0}
.section03 h3 {font-size:4rem}
.section03 p {font-size:1.8rem}
.sc03_wrap .btn_more {margin-top:3rem}

.section04 {padding:4rem 0}
.section04 h3 {font-size:4rem}
.sc04_wrap .tab_content .board_tab_item .board_wrap .board_date {width:8rem}
.sc04_wrap .tab_content .board_tab_item .board_wrap .board_cont {width:calc(100% - 12rem);padding-right:3rem}
.sc04_wrap .tab_content .board_tab_item .board_wrap .board_detail {width:4rem}

.section05 {padding:4rem 0}
.section05 h3 {font-size:4rem}
.sc05_wrap .tab_content .story_tab_item .story_list li {width:calc((100% - 4rem)/3);padding-top:0}
.sc05_wrap .tab_content .story_tab_item .story_list li a:hover {transform:translateY(0)}
.sc05_wrap .tab_content .story_tab_item .btn_more {margin-top:3rem}

/* sub */

.sub_menu ul li {padding:0 2rem}

.content_wrap {margin-top:4rem}
.content_wrap .txt_depth1 {margin:4.5rem 0 3rem 0;font-size:3.5rem}
.content_wrap .txt_basic br {display:none}

.info_box_wrap h3 {font-size:3.2rem}
.info_box_wrap .info_box ul {width:calc(100% - 12rem)}
.info_box_wrap .info_box ul li .box_content {min-height:auto;padding:2rem 2rem 3rem 2rem}
.info_box_wrap .info_box ul li .box_content p {font-size:2.8rem}
.info_box_wrap .info_box ul li .box_content span {font-size:1.8rem}
.info_box_wrap .info_box ul li .box_content .point {font-size:2.8rem}
.info_box_wrap .info_box ul li .box_content .note_info a {height:5rem;padding:0 7.4rem 0 4rem;background-position:right 4rem center;line-height:4.8rem}
.content_wrap .cpi_info {margin-top:3.5rem}

.content_wrap .info_video {height:42rem}

.content_wrap .color_info {padding:2rem}
.content_wrap .color_info ul li .yellow {width:20rem}
.content_wrap .color_info ul li .green {width:20rem}
.content_wrap .color_info ul li .color_mean {width:calc(100% - 20rem);padding-left:2rem}

.content_wrap .write_wrap .write_top {padding:3.3rem 2rem 3rem 2rem}
.content_wrap .write_wrap .write_content {width:calc(100% - 4rem)}

.content_wrap .write_wrap .write_footer {width:calc(100% - 4rem)}

.content_wrap .search_wrap {display:block;padding:0;background:none;border:none}
.content_wrap .search_wrap .search_left {width:100%}
.content_wrap .search_wrap .search_right {width:100%;margin-top:1rem;text-align:left}
.content_wrap .search_wrap .search_right select {display:block;width:100%}
.content_wrap .search_wrap .search_right input[type=text] {display:block;width:100%;margin:1rem 0 0 0}
.content_wrap .search_wrap .search_right .searchBtn {display:block;margin:1rem 0 0 0;text-align:center}

.content_wrap .note_list_wrap ul li {width:calc((100% - 2rem)/2);margin:2rem 0 0 2rem}
.content_wrap .note_list_wrap ul li:nth-child(odd) {margin:2rem 0 0 0}
.content_wrap .note_list_wrap ul li:nth-child(even) {margin:2rem 0 0 2rem}

.content_wrap .photo_list_wrap ul li {width:calc((100% - 4rem)/3);margin:3rem 0 0 2rem}
.content_wrap .photo_list_wrap ul li:nth-child(4n+1) {margin-left:2rem}
.content_wrap .photo_list_wrap ul li:nth-child(3n+1) {margin-left:0}

.content_wrap .cont_board_view .view_nav ul li {padding:1.4rem 2rem 1.6rem 2rem}
.content_wrap .cont_board_view .view_nav ul li p {width:10rem}
.content_wrap .cont_board_view .view_nav ul li a {width:calc(100% - 10rem);padding-right:0}
.content_wrap .cont_board_view .view_nav ul li a .view_date {display:none}

.content_wrap .cont_board_view .view_tit h3 {font-size:2.4rem}
.content_wrap .cont_board_view .view_file .file_tit {width:8rem}
.content_wrap .cont_board_view .view_file .file_list {width:calc(100% - 8rem)}
.content_wrap .cont_board_view .view_cont {padding:2rem}

.content_wrap .board_list .tbl_list colgroup {display:none}
.content_wrap .board_list .tbl_list tr {position:relative;display:block;padding:1rem 0 1rem 8rem;border-bottom:1px solid #dedede;box-sizing:border-box}
.content_wrap .board_list .tbl_list thead, .content_wrap .board_list .tbl_list th {display:none}
.content_wrap .board_list .tbl_list td {display:inline-block;padding:.5rem;border-bottom:none}
.content_wrap .board_list .tbl_list td.num {position:absolute;top:50%;left:0;transform:translateY(-50%);width:6rem;padding:0}
.content_wrap .board_list .tbl_list td.subject {display:block}

.tbl_form colgroup {display:none}
.tbl_form th {display:block;width:100%;padding:1.5rem 1rem;border-left:none}
.tbl_form td {display:block;width:100%;padding:1.5rem 1rem;border-left:none}
.tbl_form td input[type=text] {display:block;width:100%}
.tbl_form td .input_calendar input[type=text] {width:calc(100% - 2.5rem)}
.tbl_form td .time {margin:1rem 0 0 0}

.sub_menu ul li a {font-size:1.8rem}

.content_wrap .note_sample .sample_btn ul {display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.content_wrap .note_sample .sample_btn ul li {margin-left:0}
.content_wrap .note_sample .sample_btn ul li .btn_write {padding:0 2rem}
.content_wrap .note_sample .sample_btn ul li .btn_down {padding:0 2rem}

}

@media screen and (max-width:640px){

/* common */

html {font-size:9px}

/* main */

.section01 {height:40rem}
.visual_list li .visual_txt_wrap .visual_txt .visual_logo img {height:6rem}
.visual_list li .visual_txt_wrap .visual_txt p {font-size:3.5rem}
.visual_list li .visual_txt_wrap .visual_txt span {font-size:1.6rem}
.visual_list li .visual_txt_wrap .visual_txt a {height:3.5rem;line-height:3.3rem}

.sc03_wrap .note_list_wrap ul li {width:100%;margin:1rem 0 0 0}

.sc04_wrap .board_tab ul li {margin-left:1rem}
.sc04_wrap .board_tab ul li button {height:4.5rem;padding:0 2rem;line-height:4.3rem}
.sc04_wrap .tab_content {margin-top:3rem}


.sc05_wrap .story_tab ul li {margin-left:1rem}
.sc05_wrap .story_tab ul li button {height:4.5rem;padding:0 2rem;line-height:4.3rem}
.sc05_wrap .tab_content {margin-top:3rem}
.sc05_wrap .tab_content .story_tab_item .story_list li {width:calc((100% - 2rem)/2)}
.sc05_wrap .tab_content .story_tab_item .story_list li:nth-child(3) {display:none}

/* sub */

.sub_visual {height:20rem}
.sub_visual h1 {font-size:3.6rem;text-align:center;word-break:keep-all}

.sub_menu ul li {padding:0 1.5rem;font-size:1.8rem}

.content_wrap .grid_box_wrap {flex-wrap:wrap}
.content_wrap .grid_box_wrap li {width:100%;padding:2rem}
.content_wrap .grid_box_wrap li:first-child {margin-bottom:2rem}

.content_wrap .ci_mean .mean_info {flex-wrap:wrap;margin-top:3rem}
.content_wrap .ci_mean .mean_info p {margin:0 auto}
.content_wrap .ci_mean .mean_info ul {width:100%;margin-top:2rem;padding-left:0}

.content_wrap .note_sample {margin-top:3rem}

.content_wrap .note_sample .sample_btn ul li .btn_write {height:4.5rem;padding:0 2rem;line-height:4.3rem}
.content_wrap .note_sample .sample_btn ul li .btn_down {height:4.5rem;padding:0 2rem;line-height:4.3rem}

.content_wrap .write_wrap .write_content .answer ul.nature_type {display:flex;flex-wrap:wrap;justify-content:space-between}
.content_wrap .write_wrap .write_content .answer ul.nature_type li {width:48%;margin:.5rem 0}

.content_wrap .write_wrap .write_btn {margin-top:4rem}

.content_wrap .note_list_wrap ul li {width:100%;margin:2rem 0 0 0}
.content_wrap .note_list_wrap ul li:nth-child(even) {margin:2rem 0 0 0}
.content_wrap .note_list_wrap ul li a {padding:2rem}

.content_wrap .photo_list_wrap ul li {width:calc((100% - 2rem)/2);margin:3rem 0 0 2rem}
.content_wrap .photo_list_wrap ul li:nth-child(even) {margin-left:2rem}
.content_wrap .photo_list_wrap ul li:nth-child(odd) {margin-left:0}

.sub_menu ul li a {font-size:1.7rem}


}

@media screen and (max-width:480px){

/* common */

html {font-size:8px}

.header_wrap .sns_wrap {display:none}

/* main */

.visual_list li .visual_txt_wrap .visual_txt .visual_logo img {height:4rem}
.visual_list li .visual_txt_wrap .visual_txt p {font-size:3rem}
.visual_list li .visual_txt_wrap .visual_txt span {font-size:1.4rem}

/* sub */

.sub_menu {display:none}
.sub_menu ul li {padding:0 1rem;font-size:1.5rem;letter-spacing:-2px;word-break:keep-all}

.content_wrap .info_video {height:30rem}

}

@media screen and (max-width:360px){


}