@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1001px) {

#lnb.scroll {z-index:5000;position:fixed;top:158px;}

}

@media screen and (min-width:801px) {

#hd .menu_wrap {width:100%;background-color:rgba(0,0,0,0.4);border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3);}
#hd .menu_wrap #gnb {padding-right:40px;}
#hd .menu_wrap #gnb > li {float:left;text-align:center;position:relative;width:260px;}
#hd .menu_wrap #gnb > li > a{font-size:20px;}
#hd .menu_wrap #gnb > li:nth-of-type(4) {width:380px;}


#hd .menu_wrap #gnb > li > a {position:relative;color:#fff;display:inline-block;line-height:64px;height:66px;}
#hd .menu_wrap #gnb > li > a.active,
#hd .menu_wrap #gnb > li > a.open,
#hd .menu_wrap #gnb > li > a:hover {color:#fcce16;}
#hd .menu_wrap #gnb > li > a:after {content:"";display:inline-block;width:0px;position:absolute;bottom:0;left:50%;height:2px;background-color:#fcce16;transition:.2s ease-out;}
#hd .menu_wrap #gnb > li > a.active:after,
#hd .menu_wrap #gnb > li > a.open:after,
#hd .menu_wrap #gnb > li > a:hover:after {left:0;width:100%;}
#hd .menu_wrap #gnb .depth2 {display:none;position:absolute;top:67px;left:0;width:100%;background-color:rgba(47,50,60,0.9);border:1px solid rgba(255,255,255,0.3);border-top:none;padding:20px 25px;line-height:36px;text-align:left;}
#hd .menu_wrap #gnb .depth2 a {display:inline-block;color:#fff;line-height:24px;font-size:18px;}
#hd .menu_wrap #gnb .depth2 a:hover {text-decoration:underline;color:#fcce16;}

#hd .all_wrap {display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);padding-top:175px;}
#hd .all_wrap .gnb_all {width:814px;margin:0 auto;}
#hd .all_wrap .gnb_all > li {position:relative;padding-left:50%;background-color:#1b75bc;border-bottom:1px solid #fff;}
#hd .all_wrap .gnb_all > li:after {content:"";display:inline-block;position:absolute;bottom:-1px;right:0;width:50%;height:1px;background-color:#1b75bc;}
#hd .all_wrap .gnb_all > li:last-child {border-bottom:none;}
#hd .all_wrap .gnb_all > li:last-child:after {display:none;}
#hd .all_wrap .gnb_all > li .depth1 {position:absolute;font-size:18px;font-weight:bold;line-height:26px;top:50%;margin-top:-13px;left:0;width:50%;text-align:center;color:#fff;}
#hd .all_wrap .gnb_all > li button.depth1 {display:none;} 
#hd .all_wrap .gnb_all .depth2 {background-color:#fff;}
#hd .all_wrap .gnb_all .depth2 > li {border-bottom:1px dashed #dcdcdc;}
#hd .all_wrap .gnb_all .depth2 > li:last-child {border-bottom:none;}
#hd .all_wrap .gnb_all .depth2 a {display:inline-block;color:#797979;min-height:52px;line-height:normal;width:100%;transition:.2s ease-out;box-sizing:border-box;padding:15px 10px 10px 30px;}
#hd .all_wrap .gnb_all a:hover {text-decoration:underline;}

#hd .all_wrap .close_all {position:absolute;top:175px;left:50%;margin-left:407px;background:#1b75bc url(/files/web21/images/common/close_all.png) center no-repeat;width:52px;height:52px;text-indent:-9999px;}


}

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

#hd h1 {margin-left:10px;}
#hd .tnb {right:20px;}

#hd .menu_wrap #gnb {padding:0 60px 0 0;}
#hd .menu_wrap #gnb > li:nth-of-type(1) {width:20%;}
#hd .menu_wrap #gnb > li:nth-of-type(2) {width:35%;}
#hd .menu_wrap #gnb > li:nth-of-type(3) {width:45%;}
#hd .menu_wrap .btn_st {right:20px;}

/* main_whatson */
.main_whatson .slides .txt .txt_wrap {padding:0 0 20px 20px;}
.main_whatson .slides .txt .tit {font-size:26px;line-height:36px;height:144px;}

.list_gw.type_gallery .txt .txt_wrap {padding:0 0 20px 20px;}
.list_gw.type_gallery .txt .tit {font-size:26px;line-height:36px;height:144px;}

.list_gw.type_webzine .img {left:240px;}
.list_gw.type_webzine > li:after {left:390px;}
.list_gw.type_webzine > li .txt {padding:0 190px 0 340px;}

.list_sns > li {width:32%;margin-right:2%;}
.list_sns > li:nth-of-type(4n) {margin-right:2%;}
.list_sns > li:nth-of-type(3n) {margin-right:0;}

/* main_institute */
.logo_list{margin:-10px -0.5% 25px;}
.logo_list li{width:49%;margin:10px 0.5% 0;}

/* sub */
.sub_top h2 {font-size:48px;}

}

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

.mt40{margin-top:20px !important;}

/** sub02 **/

/* common */
article.cont + .cont{margin-top:35px;}

.left .line_tbox{border:none;}
.lst_ty01 > li + li{margin-top:10px;}
.pic_lst01{width:100%;}

.m_tit{margin-bottom:35px !important;}
.b_tit_area{margin-bottom:35px;}
.b_tit_area .b_tit02{margin-top:-80px;}
.b_tit_area .b_tit02 .t01{margin-bottom:20px;}
.m_tit_btn_cnt .m_tit{float:none;margin-top:0;}
.m_tit_btn_cnt .btn_area{float:none;margin:0;}

.txt_group p + p,
.txt_group .p + .p{margin-top:20px;}
.txt_group .pic_lst01{margin:20px 0;}

.pic_lst02{margin-top:35px;}
.pic_lst02 > .nth03 div{margin-top:0;}
.pic_lst03,
.pic_lst03.ty02{display: table;table-layout: fixed;}
.pic_lst03 > li,
.pic_lst03.ty02 > li{display:table-cell;vertical-align: top;float: none;}
.pic_lst03 > li img{width:100%;}

.line_tbox{padding:0;border:none;margin-top:35px;}
.line_tbox.ty02{border:2px solid #efefef;padding:15px 20px;}
.btn_top{right:20px;bottom:60px;margin-right:0;background-color:rgba(248, 248, 248, 0.8);background-size:60%;width:35px;height:35px;}


/* contents */
.literary_pbox01{margin-top:35px;}
.literary_pbox01 .left,
.literary_pbox01 .right{float:none;width:100%;}
.literary_pbox01_01{margin-top:35px;}
.literary_pbox01_01 .figure_box{float: none;margin-right:0;}
.literary_pbox01_01 .figure_box + p{margin-top:35px;}
.literary_tbox01 .left{width:100%;}
.literary_tbox01 > div,
.literary_pbox01 > div{display: block;}
.literary_pbox01 .left{width:100%;}
.literary_pbox01 img{width:100%;}
.literary_pbox02{margin-top:35px;}
.literary_pbox02 > div{display: block;}
.literary_pbox02 img{width:100%;}
.literary_pbox02 .tit_area{float:none;width:100%;padding-left:0;}
.literary_pbox02 .cnt{float:none;}
.literary_pbox02 .txt,
.literary_pbox02 > div + div{margin-top:35px;}
.literary_pbox03 .left{width:100%;}
.literary_pbox03 .left img{width:100%;}
.literary_pbox03 .right{margin-top:35px;}
.literary_pbox03_01 > div{display:block;}
.deco01, .deco02, .literary_pbox03_01 .figure_box:before{background:none;}
.literary_pbox03{margin-top:35px;}
.literary_pbox03 > div{display: block;}
.literary_pbox03_01 .left{width:100%;}
.literary_pbox03{margin-top:10px;}
.literary_pbox03_01{margin-top:35px;}
.literary_pbox03_01 .figure_box{position:relative;right:auto;bottom:auto;margin-top:10px;}
.literary_pbox03_01 .figure_box img{width:100%;}
.literary_pbox04{margin-top:35px;}
.literary_pbox04 div{display:block;width:100%;}
.literary_pbox04 .left{width:100%;padding-right:0;}
.literary_pbox04 img{width:100%;}
.literary_pbox04 .pic_lst01{position:relative;right:auto;bottom:0;padding:0;margin-top:10px;}
.literary_pbox04 .pic_cont{width:100%;float:none;margin-top:35px;}
.literary_pbox04 .txt{width:100%;float:none;padding-left:0px;}
.literary_pbox05{margin-top:35px;}
.literary_pbox05 .txt{margin-top:0;}
.literary_pbox05 img{float:none;width:100%;padding:30px 0 0;}
.literary_pbox06 .left{width:auto;padding-right:0;}
.literary_pbox06 > div{display:block;}
.literary_pbox06 .txt{margin-top:35px;}
.literary_pbox06 .pic_lst01{margin:35px 0 0;}

/* pub */
.pub_pbox01 .pic_lst01.sec > li{display:block;}
.pub_pbox01 .pic_lst01.sec .txt_group{margin-top:30px;}
.pub_pbox01 .txt_group{padding-left:0;}
.pub_pbox01 .pic_cnt .pic_lst01{margin-top:0;}
.pub_pbox02 .cnt01{margin-top:35px;}
.pub_pbox02 .cnt01 .figure_box{float:none;padding:0 0 20px;}
.pub_pbox02 .cnt01 .figure_box img{width:100%;}
.pub_pbox02 .cnt01 .figure_box figcaption{position:relative;bottom:0;}
.pub_pbox02 .cnt01.ty02 .figure_box{padding:0 0 20px;}
.pub_pbox02 .cnt01.ty02 .figure_box img{width:100%;}
.pub_pbox02 .cnt02{margin-top:20px;}
.pub_pbox02 .cnt03{margin-top:0;}
.pub_pbox02 .cnt04{margin-top:20px;}

/* cult */
.cult_cnt01 .set:first-child{width:100%;padding-right:0;}
.cult_box01 + .cult_box01{margin-top:35px;}
.cult_box01 .line_tbox,
.cult_box01.line_tbox,
.cult_cnt04.line_tbox{border:4px solid #efefef;padding:20px;}
.cult_cnt02 img{width:100%;}
.cult_cnt02 .set{display:block;}
.cult_cnt02 .set:first-child{width:100%;padding-right:0;}
.cult_cnt02 .txt + .line_tbox{margin:20px 0;padding-right:20px;}
.cult_box01.cult_cnt03 .set{margin:0;}
.cult_cnt03 .set{float: none;width:100%;display:block;}
.cult_box01 + .cult_box01.cult_cnt03{margin-top:0;}
.cult_cnt03 .set:first-child{float:none;padding-left:0;width:100%;margin:0 0 20px;}
.cult_cnt03 .set .line_tbox{margin-left:0;padding-left:20px;margin-top:20px;}
.cult_box04{margin-top:35px;background:none;}
.cult_cnt04 div.set{padding-right:0;margin:0;}
.cult_box01.cult_cnt04 .figure_box{top:auto;right:auto;margin:20px 0;}
.cult_box01 .set{display:block;margin:0;}
.cult_box01.cult_cnt05 .set:first-child{padding-right:0;}
.cult_box01 .set img{width:100%;}
.cult_cnt05 .set_cnt{margin-top:20px;}
.cult_cnt05 .set+ .set{right:auto;width:100%;margin-top:20px;}

/* int */
.int_pbox01 > div{display:block;}
.int_pbox01 .cnt01{padding-right:0;}
.int_pbox01 .cnt02{margin-top:20px;}
.int_pbox01 .figure_box img{width:100%;}
.int_pbox02 img{float:none;padding:0 0 20px 0;width:100%;}
.int_pbox03 .m_tit{display:block;}
.int_pbox03 img{float: none;padding:20px 0 20px;width:100%;}

/* about */
.about_box01 .cnt01 .line_tbox{border:4px solid #efefef;padding:20px;}
.about_box02 .cnt02{margin-top:35px;}
.about_box02 .cnt02 > div{display:block;}
.about_box02 .cnt02 .txt_group{padding-left:0;width:100%;float:none;}
.about_box02 .cnt02 .pic{float:none;width:100%;margin-top:20px;}
.about_box02 .cnt02.ty02 .txt_group{padding-right:0;width:100%;float:none;}
.about_box02 .cnt02.ty02 .pic{float:none;margin-top:20px;}
.about_box02 .cnt02 .txt_group .m_tit + .p,
.about_box02 .cnt02 .txt_group .m_tit + p{margin-top:0;}

/* creative */
.creative_top{margin-bottom:20px;}
.creative_box01 .txt_group .m_tit{margin-bottom:35px;}
.creative_box01 > div:first-child{padding-right:0;}
.creative_box01 > div{display:block;}
.creative_box01 > div + div{margin-top:20px;}
.creative_box01 > div img{width:100%;}
.creative_box01 .pic{display:none;}
.creative_box01 .txt_group{margin-top:0;}
.join_step > .li{min-height:150px;}
.join_step .pic,
.join_step .join_step_info{display:block;}
.join_step .pic img{width:100%;}

/* other */
.other_site{margin:20px 0 0;}
.other_site li{width:100%;float:none;margin:0 0 10px;}
.other_site li a{font-size:17px;line-height:20px;padding:20px 30px;height:105px;}
.other_site li a:after{right:30px;top:50%;margin-top:-14px;width:65px;height:28px;line-height:28px;font-size:14px;padding:0 12px;border-radius:6px;}
.other_site li a{display:table;width:100%;}
.other_site li a div{display:table-cell;vertical-align:middle;}
.other_site .us{display:none;}

/* 2020-11-24 : 13771 */
.literary_pbox01.residency01 .left,
.literary_pbox01.residency01 .right,
.literary_pbox01.residency02 .left,
.literary_pbox01.residency02 .right{width:100%;}

}

@media screen and (max-width:1000px) {
	
#con .main_visual .sld_v .slides > li:nth-of-type(2) {background:url("/files/web21/images/main/visual_4_m.jpg") center center / cover no-repeat !important;}

.sld_v .txt {right:100px;margin-right:0;}

#con .main_visual .slogan p {width:80%;font-size:30px;line-height:60px;height:inherit;padding-bottom:20px;}
#con .main_visual .slogan p span {font-size:40px;}
#con .main_visual .sld_v .flex-control-nav {margin-right:0;right:40px;}
#con .main_visual .sld_v .flex-pauseplay {margin-right:0;right:20px;}

#lnb {margin-top:10px;box-shadow:none;background-color:#fff;position:relative;top:inherit;height:inherit;border:none;text-align:center;line-height:25px;}
#lnb .bc {float:inherit;}
#lnb .bc > li {padding-left:10px;float:inherit;display:inline-block;}
#lnb .bc > li:after {content:">";background:none;height:30px;top:0;right:inherit;left:3px;}
#lnb .bc > li.home {padding:0;}
#lnb .bc > li.home a,
#lnb .bc > li .btn {border:none;width:inherit;color:#333;padding-right:0;}
#lnb .bc > li .btn span {display:none;}
#lnb .bc > li.home a {margin:0;background:url(/files/web21/images/sub/home.gif) center no-repeat;width:35px;}
#lnb .sns {float:inherit;height:40px;}
#lnb .sns > li {float:inherit;display:inline-block;min-height:inherit;}
#lnb .sns .print,
#lnb .sns .share > .btn {display:none;}
#lnb .sns .share {height:inherit;position:relative;right:inherit;width:inherit;border:none;margin-top:0;}
#lnb .sns .share:hover {border:none;}
#lnb .sns .share ul {display:block;padding-bottom:0px;}
#lnb .sns .share ul li {float:left;padding:5px;}
#lnb .sns .share .copy .btn {background-position:-34px top;}
#lnb .sns .share .tw .btn {background-position:-34px -34px;}
#lnb .sns .share .fb .btn {background-position:-34px -68px;}
#lnb .bc ul {display:none !important;}

#con.sub h3 {height:inherit;padding:10px 0;background:none;margin:15px 0;}
#con.sub h3 span {line-height:28px;font-size:26px;font-weight:800;}

.sub_top {margin-bottom:30px;}

.search_wrap {padding:20px;}
.search_wrap > li {float:inherit !important;width:100%;margin-bottom:5px;}
.search_wrap > li:last-child {margin-bottom:0;}

#newsletter .nl_wrap {position:relative;top:inherit;left:inherit;height:inherit;margin:50px auto;width:80%;}
#newsletter .nl_wrap .nl_floor1 {height:inherit;padding:50px 40px 30px;}
#newsletter .nl_wrap .nl_floor1 h3 {font-size:28px;line-height:36px;}
#newsletter .nl_wrap .nl_floor2 {padding:30px 40px;}


.list_gw.type_gallery .txt {padding:20px 20px 20px 0;}
.list_gw.type_gallery .txt .tit {font-size:24px;line-height:28px;height:112px;}

.list_gw.type_webzine > li {padding:20px;}
.list_gw.type_webzine > li:after {left:360px;}
.list_gw.type_webzine .img {left:200px;}

}

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

.desktop {display:none;}
.mobile {display:block;}

#hd.sub {background-color:#252930;}

#hd h1 {width:100%;max-width:400px;padding:5px 80px 0 0;}
#hd .logo {margin-top:70px;border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3);min-height:90px;}
#hd .tnb {right:50%;margin-right:-120px;top:-50px;text-align:center;}


#hd.scroll h1{padding:5px 80px 0 0;}
#hd.scroll .logo {margin-top:50px;}
#hd.scroll .tnb {top:-40px;}

#hd .menu_wrap .btn_st {border:1px solid #ddd; background-color:rgba(0,0,0,0.3);bottom:20px;top:inherit;}
#hd .menu_wrap .btn_st span,
#hd .menu_wrap .btn_st:after,
#hd .menu_wrap .btn_st:before {width:30px;height:2px;background-color:#fff;left:9px;text-indent:-9999px;transition:.2s ease-out;}
#hd .menu_wrap .btn_st:after {top:14px;}
#hd .menu_wrap .btn_st:before {top:34px;}
#hd .menu_wrap .btn_st span {top:24px;}
#hd .menu_wrap .btn_st:hover span {transform:rotate(90deg);}
#hd .menu_wrap .btn_st:hover:after,
#hd .menu_wrap .btn_st:hover:before {top:20px;}
#hd .menu_wrap #gnb {display:none;}

#hd .all_wrap {z-index:9000;display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);padding-left:115px;overflow-y:scroll;}
#hd .all_wrap h2 {position:relative !important;left:inherit;width:100%;height:77px;line-height:77px;font-size:26px;text-indent:0;text-align:right;background-color:#16609a;text-align:left;text-transform:uppercase;padding-left:30px;color:#fff;}
#hd .all_wrap .gnb_all {width:100%;}
#hd .all_wrap .gnb_all a,
#hd .all_wrap .gnb_all button {position:relative;display:inline-block;line-height:24px;padding:16px 0 16px 30px;width:100%;text-align:left;}
#hd .all_wrap .gnb_all .depth1 {border-top:1px solid #609fd0;background-color:#1b75bc;font-size:18px;color:#fff;}
#hd .all_wrap .gnb_all .depth1:after {content:"";position:absolute;top:24px;right:30px;width:21px;height:11px;background:url(/files/web21/images/common/arr_gnb_w.png) center no-repeat;transition:.2s ease-out;background-size:100%;}
#hd .all_wrap .gnb_all .depth1.active:after {transform:rotate(180deg);}
#hd .all_wrap .gnb_all a.depth1 {display:none;}
#hd .all_wrap .gnb_all .depth2 {display:none;}
#hd .all_wrap .gnb_all .depth2 > li > a {border-top:1px solid #73b0e0;padding-left:60px;padding-right:10px;background-color:#368ed3;color:#d7e8f6;}

#hd .all_wrap .close_all {position:absolute;top:15px;right:15px;background:url(/files/web21/images/common/close_all_m.png) center no-repeat / 50%;width:50px;height:50px;text-indent:-9999px;}

#lnb .bc > li .btn.desktop {display:none;}
#lnb .bc > li .mobile {display:inline-block;padding-right:10px;}

#con.sub {padding-top:160px;}
#con .sub_top {display:none;}

#newsletter .nl_wrap .nl_floor1{padding:40px 20px 20px;}
#newsletter .nl_wrap .nl_floor1 h3{font-size:24px;line-height:28px;}
#newsletter .nl_wrap .nl_floor2{padding:20px;}
#newsletter .nl_wrap .nl_floor2 input[type="text"] {width:100%;margin-bottom:5px;text-align:center;padding-left:0;font-size:16px;}
#newsletter .nl_wrap .nl_floor2 button {width:100%;}
#newsletter .nl_wrap .close_nl{top:5px;right:5px;}

#ft .container {padding:20px 10px;}
#ft .info {padding:0;text-align:center;}
#ft .info > li {float:inherit;margin-bottom:4px;}
#ft .copyright {text-align:center;margin-bottom:10px;}
#ft .logo {position:relative;top:inherit;right:inherit;text-align:center;}

#con .main_visual .slogan {margin-top:-200px;}
#con .main_visual .slogan p {font-size:24px;line-height:40px;}
#con .main_visual .slogan p span {font-size:30px;}
#con .main_visual .sld_v .flex-control-nav {bottom:50px;}
#con .main_visual .sld_v .flex-pauseplay {bottom:50px;}
#con .main_visual .sld_v .txt {bottom:55px;}

#con .main_visual .m_board {position:relative;background-color:#252930;}
#con .main_visual .m_board .container {padding-right:10px;padding-bottom:100px;}
#con .main_visual .m_board .news {padding:20px;border-right:0;height:inherit;border-bottom:1px solid rgba(255,255,255,0.3);}
#con .main_visual .m_board .news .more {top:20px;right:20px;}
#con .main_visual .m_board .m_newsletter {top:inherit;bottom:25px;right:50%;margin-right:-165px;}

.main_whatson .slides .txt {padding:15px 0 0;}
.main_whatson .slides .txt .tit {font-size:24px;line-height:34px;}

.main_whatson .mwh_tit {margin-bottom:100px;}
.main_whatson .mwh_more {top:100px;right:50%;margin-right:-78px;}
.main_whatson .flex-direction-nav {top:100px;right:50%;margin-right:-23px;}

.main_sns .msns_tit {margin-bottom:100px;}
.main_sns .sns_more {top:100px;right:50%;margin-right:-78px;}
.main_sns .flex-direction-nav {top:100px;right:50%;margin-right:-23px;}

.list_gw.type_gallery > li {width:49%;margin-right:2%;}
.list_gw.type_gallery > li:nth-of-type(3n) {margin-right:2%;}
.list_gw.type_gallery > li:nth-of-type(2n) {margin-right:0;}
.list_gw.type_gallery > li .txt {padding:15px 0 0;}
.list_gw.type_gallery > li .txt .tit {font-size:24px;}
.list_gw.type_gallery > li:nth-of-type(1):after,
.list_gw.type_gallery > li:nth-of-type(3n+1):after {display:none;}

.list_gw.type_webzine .img {left:10px;}
.list_gw.type_webzine > li:after {left:0;width:100%;background-color:#fcce16;}
.list_gw.type_webzine > li .txt {padding:0 130px 0 140px}
.list_gw.type_webzine > li .txt .date {display:none;}
.list_gw.type_webzine > li .txt .more {width:120px;}

.view_gw .info {float:inherit;width:100%;padding-right:0;}
.view_gw .info.fl {margin-bottom:40px;}
.view_gw .info .thumb {margin-bottom:20px;}
.view_gw .con_wrap.fr {margin-bottom:20px;}
.view_gw .con_wrap {width:100%;padding-left:0;border-left:0;}

.calendar_wrap {width:100% !important;}
.table th, .table td {padding:10px;}
.write .table td {padding:5px;}

.input_type1 {padding-right:90px;}
.input_type1 .btn {width:85px;}
.input_type2 {padding-right:135px;}
.input_type2 .btn1 {width:85px;right:45px;}

.btn_white {width:90px;font-size:12px;}
.btn_blue {width:90px;font-size:12px;}
.btn_green {width:90px;font-size:12px;}
.btn_black {width:90px;font-size:12px;}
.btn_gray {width:90px;font-size:12px;}

.sns_wrap {background:#e1e1e1 url(/files/web21/images/sub/bg_sns.gif) center -220px no-repeat;}
.list_sns > li {width:49%;margin-right:2%;}
.list_sns > li:nth-of-type(3n) {margin-right:2%;}
.list_sns > li:nth-of-type(2n) {margin-right:0;}

.search_zone {margin-bottom:10px !important;}
.board_wrap .btn_searchT {position:relative;right:0;width:100%;margin-bottom:10px;}

/* 2020-01-21 : 한국어 */
#hd .tnb{margin-right:-128px;}


}

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

#hd .all_wrap {padding-left:50px;}

/* common */
#hd .menu_wrap .btn_st{width:40px;height:40px;bottom:25px;}
#hd .menu_wrap .btn_st span, #hd .menu_wrap .btn_st:after, #hd .menu_wrap .btn_st:before{width:20px;}
#hd .menu_wrap .btn_st:before{top:28px;}
#hd .menu_wrap .btn_st span{top:19px;}
#hd .menu_wrap .btn_st:after{top:9px;}


#hd.scroll h1,
#hd h1{padding:9px 80px 0 0;}
#hd .all_wrap h2{font-size:20px;height:60px;line-height:62px;padding-left:15px;}
#hd .all_wrap .gnb_all .depth1{font-size:16px;line-height:18px;padding-right:45px;}
#hd .all_wrap .gnb_all a, #hd .all_wrap .gnb_all button{padding:15px 35px 15px 15px;}
#hd .all_wrap .close_all{width:40px;height:40px;top:12px;}
#hd .all_wrap .gnb_all .depth1:after{width:11px;height:6px;top:20px;}
#hd .all_wrap .gnb_all .depth2 > li > a{padding-left:30px;line-height:16px;padding-left:40px;padding-right:50px;}

/* main */
#con .main_visual .sld_v .txt {bottom:80px;right:20px;}

/* main_whatson */
.main_whatson .mwh_tit h2,
.main_sns .msns_tit h2 {font-size:34px}
.main_whatson .slides .txt .tit {height:inherit;}

.main_sns .slides > li > div {padding-top:180px;}
.main_sns .slides > li > div:before {height:180px;}
.main_sns .slides .img {height:180px;}
.main_sns .slides .txt {padding:15px;}

.search_wrap .search_sib {padding:0;}
.search_wrap .search_sib select {position:static;width:100%;margin-bottom:5px;}
.search_wrap .search_sib .btn {position:static;width:100%;margin-top:5px;}

.list_gw.type_gallery > li {width:100%;margin-right:0%;}
.list_gw.type_gallery > li:nth-of-type(3n) {margin-right:0%;}
.list_gw.type_gallery > li .txt .tit {height:inherit;}

.list_gw.type_webzine > li {padding:10px;min-height:200px;}
.list_gw.type_webzine .img {top:10px;left:10px;width:120px;height:120px;}
.list_gw.type_webzine > li .txt {padding:0 0 0 130px;}
.list_gw.type_webzine > li .txt .tit {font-size:16px;line-height:20px;}
.list_gw.type_webzine > li .txt .date {display:none;}
.list_gw.type_webzine > li .txt .term {margin-bottom:5px;line-height:18px;}
.list_gw.type_webzine > li .txt .more {top:130px;right:inherit;left:0px;height:35px;line-height:35px;}

.view_gw .info {float:inherit;width:100%;}
.view_gw .info.fl{margin-bottom:20px;}
.view_gw .info .thumb {width:100%;float:inherit;}
.view_gw .info .table {width:100%;float:inherit;}
.view_gw h4{font-size:16px;background-size:22px 20px;padding:7px 20px 0 35px;}
.view_gw .con *{max-width:100%;}
.view_gw .con_wrap{min-height:100px;}

.table th, .table td{line-height:20px;padding:5px 10px;}
.table .download_file{background-size:13px 12px;padding-left:15px;}

.table td * ,
.view_gw .con *{font-size:14px !important;line-height:20px !important;}
.view_gw .con.img_resize img{height:auto !important;}

.btn_blue,
.btn_white{height:45px;line-height:47px;}

.list_sns > li {width:100%;margin-right:0 !important;}
.list_sns > li > div {padding-top:225px;}
.list_sns > li > div:before {height:inherit;padding-top:225px;}
.list_sns .img {height:225px;}
.list_sns .txt .tit {height:inherit;}

/* main_institute */
.logo_list li{margin:0.3rem 0.5% 0;}
.logo_list li a img{max-width:135px;}

#con.sub h3 span {line-height:26px;font-size:24px;}

/** sub02 **/

/* common */
body {font-size:14px;line-height:20px;}
article.cont + .cont{margin-top:20px;}

.b_tit_area{margin-bottom:20px;}
.b_tit_area .b_tit{font-size:18px;}
.b_tit_area .b_tit.ty02{line-height:20px;margin-top:-20px;}
.b_tit_area .b_tit.ty02 small{font-size:16px;}

.b_tit_area .b_tit02{font-size:18px;line-height:18px;margin-top:-32px;}
.b_tit_area .b_tit02 .t01{font-size:14px;margin-bottom:0;}
.b_tit_area .b_tit02 .t02{font-size:12px;line-height:14px;padding:0 5px;}
.b_tit_area + .cont{margin-top:35px;}
.cont + .b_tit_area{margin-top:35px;}

.m_tit{margin-bottom:20px !important;}
.m_tit .num{font-size:20px;line-height:22px;padding-bottom:30px;}
.m_tit .num:after{height:13px;width:2px;left:7px;bottom:10px;}
.m_tit .t{font-size:15px;line-height:16px;}
.s_tit{font-size:14px;}
.m_tit +.s_tit{margin-top:0;}
.s_tit + .txt_group{margin-top:10px;}

.figure_box figcaption{margin-top:10px;line-height:16px;font-size:12px;}
.line_tbox{margin-top:20px;}
.line_tbox .blt01{padding-left:15px;}

.txt_group p + p,
.txt_group .p + .p{margin-top:10px;}
.pic_lst02{margin-top:20px;}
.pic_lst01.ty02 + p{margin-top:10px;}
.pic_lst01 + .pic_lst01{margin-top:10px;}
.pic_lst03, .pic_lst03.ty02{margin-top:10px;}

.lst_ty01 .txt01 > p + p{margin-top:10px;}
.lst_ty02 > li{margin-top:5px;line-height:18px;}
.lst_ty03 > li + li{margin-top:10px;}

/* ico */
.ico_email{padding-left:20px;background-size:12px 9px;}
.ico_fb{padding-left:20px;background-size:6px 12px;}
.ico_down{padding-right:0;background-size:12px 9px;}

.btn_top{right:10px;bottom:30px;}
.btn_area{width:100%;margin:15px 0;}
a.btn_m{font-size:14px;min-width:auto;display:block;}
.btn_area.ty02{padding-right:10px;}
.btn_area.ty02 > li{width:50%;}


/* contents */
.literary_pbox01{margin-top:20px;}
.literary_pbox01_01{margin-top:20px;}
.literary_pbox01_01 .figure_box + p{margin-top:20px;}
.literary_pbox02{margin-top:20px;}
.literary_pbox02 .txt,
.literary_pbox02 > div + div{margin-top:20px;}
.left.deco02 .line_tbox{margin-top:20px;}
.literary_pbox03 .right{margin-top:20px;}
.literary_pbox03_01{margin-top:20px;}
.literary_pbox04{margin-top:20px;}
.literary_pbox04 .pic_cont{margin-top:20px;}
.literary_pbox05{margin-top:20px;}
.literary_pbox05 img{padding:10px 0 0;}
.literary_pbox05 img + p,
.literary_pbox05 .img_txt{margin-top:20px;}
.literary_pbox05 .txt_group{margin-top:20px;}
.literary_pbox05 .img_txt p + p,
.literary_pbox05 .img_txt img + p{margin-top:10px;}
.literary_pbox06 .txt{margin-top:20px;}
.literary_pbox06 .pic_lst01{margin:20px 0 0;}

/* pub */
.pub_pbox01 .pic_lst01.sec .txt_group{margin-top:20px;}
.pub_pbox02 .cnt01{margin-top:10px;}
.pub_pbox02 .cnt01 .figure_box{padding:0 0 10px;}
.pub_pbox02 .cnt02{margin-top:10px;}
.pub_pbox02 .cnt02 > *{display:block;}
.pub_pbox02 .cnt02 img{width:100%;}
.pub_pbox02 .cnt02 .txt_group{padding-right:0;padding-bottom:10px;}
.pub_pbox02 .cnt03.txt_group .pic_lst01{margin:10px 0;}
.pub_pbox02 .cnt04{margin-top:10px;}

/* cult */
.cult_box01 + .cult_box01{margin-top:10px;}
.cult_box01 .line_tbox,
.cult_box01.line_tbox,
.cult_cnt04.line_tbox,
.cult_cnt02 .txt + .line_tbox{padding:10px;}
.cult_cnt02 .txt + .line_tbox{margin:10px 0;}
.cult_cnt03 .set .line_tbox{margin-top:10px;padding-left:10px;}
.cult_cnt03 .set:first-child{margin:0 0 10px;}
.cult_cnt04 .set_cnt{display:block;}
.cult_box04{margin-top:10px;}

/* int */
.int_pbox01 .cnt01 p{margin-top:0px;}
.int_pbox02 .m_tit{margin-bottom:20px;}
.int_pbox02 img{padding:0 0 10px;}
.int_pbox02 + .pic_lst03{margin-top:10px;}
.int_pbox03 .m_tit{margin-bottom:20px;}
.int_pbox03 img{padding:0 0 10px;}
.txt_group p + p.int_br{margin-top:0;}

/* about */
.about_box01{display:block;}
.about_box01 > div{display:block;}
.about_box01 .cnt01{padding-right:0;}
.about_box01 .cnt02{width:100%;margin-top:15px;padding-right:10px;}
.about_box02 .cnt02{margin-top:10px;}
.list_a{position:relative;}
.list_a > li.blt01 {padding-left:60px;}
.list_a .t{position: absolute;left:15px;top:0;}
.six_plans{margin-top:10px;}
.six_plans > .li{padding:20px 20px 20px 65px;margin-top:5px;}
.six_plans > .li:before{width:47px;height:47px;font-size:20px;line-height:47px;top:64px;}
.six_plans dl > dt{font-size:15px;}
.six_plans dl > dd{margin-top:10px;}

/* creative */
.creative_top{margin-bottom:10px;}
.creative_box01 .txt_group .m_tit{margin-bottom:20px;}
.creative_box02{padding:15px;border-width:2px;}
.creative_box02 span{font-size:14px;}
.creative_box02 p{font-size:18px;line-height:22px;margin-top:10px;}
.join_step_top{margin-top:20px;padding:15px 20px;}
.join_step_top > li{display:block;}
.join_step_top .tit{padding-bottom:10px;}
.join_step_top .tit strong{font-size:15px;line-height:18px;}
.join_step:before,
.join_step > .li:after{width:33px;height:29px;margin-left:-17px;top:-34px}
.join_step_top + .join_step,
.join_step > .li + .li{margin-top:40px;}
.join_step_info dt{font-size:17px;line-height:20px;}
.join_step .pic + .join_step_info{padding:20px 25px;}
.join_step .join_step_info{padding:20px 25px 20px 50px;}
.join_step_info dd{margin-top:10px;}
.join_step > .li:before{width:30px;height:30px;font-size:15px;line-height:30px;}
.join_step + .join_step_info{margin-top:20px;}

/* other */
.other_site li{}
.other_site li a{font-size:14px;line-height:18px;border-width:2px;padding:15px 15px;height:90px;}
.other_site li a:after{right:15px;}

.pub_pbox01 .txt + .txt{margin-top:15px;}
.mt40{margin-top:20px;}
article.cont{line-height:20px;}

.list_dash > li{margin-top:2px;}
.list_etc > li{margin-top:2px;}


}

@media screen and (max-width:320px) {
.b_tit_area .b_tit.ty02 small{font-size:14px;}

}