@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


#sub_visual {width:100%;  position: relative; height:503px;}
#sub_visual .sub_visual{margin:0 auto;width:calc(100% - 100px); float:right; height: 503px;}
#sub_visual .scroll{position:absolute; left:45px; bottom:0; cursor: pointer;}
#sub_visual .visual_tit {width:1410px; margin:0 auto; text-align: left; padding-top:200px;}
#sub_visual .visual_tit h2{color: #fff; font-weight:600; font-size: 54px; display:inline-block; margin-right:10px;}
#sub_visual .visual_tit p{color:#fff; font-size:18px; font-weight:600; font-family: 'Play'; display:inline-block;}
.sub_visual01 {background: url(../images/sub/sub_visual01.png) no-repeat center / cover;}
.sub_visual02 {background: url(../images/sub/sub_visual02.png) no-repeat center bottom / cover;}
.sub_visual03 {background: url(../images/sub/sub_visual03.png) no-repeat center / cover;}
.sub_visual04 {background: url(../images/sub/sub_visual04.png) no-repeat center bottom / cover;}
.sub_visual05 {background: url(../images/sub/sub_visual05.png) no-repeat center bottom/ cover;}
.sub_visual06 {background: url(../images/sub/sub_visual07.jpg) no-repeat center bottom/ cover;}
.sub_visual07 {background: url(../images/sub/sub_visual06.jpg) no-repeat center bottom/ cover;}
.sub_visual08 {background: url(../images/sub/sub_visual08.jpg) no-repeat center bottom/ cover;}
.sub_visual09 {background: url(../images/sub/sub_visual09.jpg) no-repeat center bottom/ cover;}

/*공통*/
#sub_contents {padding: 90px 0 0 0; overflow: hidden; width: 100%; letter-spacing: -0.04em;}
.sub_tit { display: block; text-align: center;  margin-bottom:50px; position: relative;}
.sub_tit h3.int_tit{ font-size:50px; font-weight: 600;  color: #333; }
.sub_tit h3.int_tit span{font-size:40px; font-weight:600; color:#333; font-family: 'Play',sans-serif;}
.sub_nav {max-width: 1600px; width: 100%; height: 70px; margin: 0 auto; background: #fff;  position: relative; margin-top:-71px;  z-index: 5; float:right;}

.sub_nav .depth01 {width: 100%; height: 70px;}
.sub_nav .depth01 > li:not(:first-of-type):before {position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.1); width: 1px; height: 13px; content: '';}
.sub_nav .depth01 > li {display: block; position: relative; float: left; line-height: 70px;}
.sub_nav .depth01 > li:first-of-type {width: 70px; height: 70px; background: #102e55;}
.sub_nav .depth01 > li:first-of-type a {height: 100%;}
.sub_nav .depth01 > li:first-of-type a img {padding: 0px 0px 0px 38%;}

.sub_nav .depth01 > li:nth-of-type(2), 
.sub_nav .depth01 > li:nth-of-type(3) {min-width:250px; background: url(../images/sub/arrow_down.png) no-repeat; background-position: center right 10%;}
.sub_nav .depth01 > li:nth-of-type(2) a, 
.sub_nav .depth01 > li:nth-of-type(3) a {padding-left: 20px; display: block;}
.sub_nav .depth02 {width: 100%; display: none; position: absolute; top: 100%; background-color: #fff; border: 1px solid #eee; border-top: none;}
.sub_nav .depth02 a {padding: 0px 20px; display: block;}
.navselect {display: none; margin-bottom: 20px;}
.navtsub_navab_sub li select {border: none; width: 100%; height: 100%; padding: 20px; background: #fff url(../images/sub/arrow_down.png) no-repeat 90%; font-size: 16px; }
.clear::after {clear: both; content: ''; display: block;}
.sub_con {width: 100%;}
.left_box{position:absolute; left:0; top:100px; height:100%; width:100px; background:#fff; z-index: 10;}
.left_box02{height:503px !important}
.left_box .scroll{position:absolute; left:45px; top:310px; z-index: 100; cursor: pointer;}
.m0{margin-bottom:0 !important; line-height:1.2;}
.m40{margin-bottom:40px !important;}


/* intro */
.intro01{height:605px; background:url(../images/sub/intro01.png) no-repeat; background-size:cover; background-position:top center; position:relative;}
.intro01 .tx_box{position:absolute; top:190px; left:0;}
.intro01 .tx_box strong{ text-shadow: 2px 2px 2px gray; display:block; font-size:44px; color:#fff; font-weight:600; margin-bottom:15px; line-height:1.2; letter-spacing: -2px;}
.intro01 .tx_box p{font-size:24px; color:#fff;}
.intro02{margin-top:-100px;}
.intro02 .tx_box{padding:70px; background:#fff;} 
.intro02 .tx_box p{font-size:18px; color:#666; margin-bottom:25px; font-weight:300;}
.intro02 .tx_box p.p_r{text-align: right; color:#333; font-size:18px; }
.intro02 .tx_box p span{font-size:28px; color:#333; font-weight:600;}


/* org */
.org01{}
.org01 .blue_circle{background:url(../images/sub/blue_circle.png) no-repeat; height:183px; background-size:contain; background-position:center; position: relative; margin-bottom:75px;}
.org01 .blue_circle::before{position:absolute; left:50%; transform:translateX(-50%); display:block; content:""; background:#bbb; width:1px; height:700px; bottom:-380%; z-index:-1; }
.org01 .blue_circle strong{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; font-size:24px; color:#fff; font-weight:600;}
.org01{}
.org01 ul{width:106.15%; margin:0 -3.075%; padding:0 200px;}
.org01 ul li{width:27.18%; float:left; margin:0 3.075%; margin-bottom:60px; text-align: center; font-size:18px; color:#333; height:60px; line-height:60px; background:#eee; position:relative;}
.org01 ul li:nth-child(2){color:#fff; background:#a1c333;}
.org01 ul li:nth-child(2)::after{display:block; content:"";  width:6px; height:6px; border-radius: 50%; border:2px solid #fff; position:absolute; left:50%; transform:translateX(-50%); top:-5px; background:#a1c333;}
.org01 ul li:nth-child(3)::after{display:block; content:""; height:1px; width:100%; background:#bbb; position:absolute; left:-100px; top:50%; transform:translateY(-50%); z-index: -1;}
.org01 .org_last{padding:0; position:relative;}
.org01 .org_last::after{display:block; content:""; background:#ddd; height:2px; width:66.8%; position:absolute; left:50%; transform:translateX(-50%); top:-30px;}
.org01 .org_last li{background:#fafafa !important; color:#333 !important; position:relative;}
.white{visibility: hidden;}
.org01 .org_last li:nth-child(1)::after{display:block; content:""; background:#bbb; height:50px; width:1px; position:absolute; left:50%; transform:translateX(-50%); top:-30px; z-index: -1;}
.org01 .org_last li:nth-child(3)::after{display:block; content:""; background:#bbb; height:50px; width:1px; position:absolute; left:50%; transform:translateX(-50%); top:-30px;}
.after_none::after{display:none !important;}

.org02{background:#fafafa; padding:70px 0;}
.org02 ul{width:101.5%; margin:0 -0.75%;}
.org02 ul.list > li{width:31.83%; margin:0 0.75%; float:left; margin-bottom:60px; position:relative; overflow: hidden; }
.org02 ul li .img_box{height:464px; position:relative;}
.org02 ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.org02 ul li .tx_box{min-height:100px; height:auto; background:#fff; width:92%; margin-top:-50px; position:relative; padding:20px 25px 20px 25px; cursor: pointer; }
.org02 ul li .tx_box em{display:block; font-size:16px; font-family:'Play',sans-serif; color:#a1c333; font-weight:500; }
.org02 ul li .tx_box strong{display:inline-block; font-size:26px; color:#333; font-weight:600;}
.org02 ul li .tx_box strong span{display:inline-block; font-size:16px; color:#333; opacity: 0.3; font-weight:600; margin-left:10px; font-family:'Play',sans-serif;}
.org02 ul li .tx_box img{position:absolute; right:30px; top:50%; transform: translateY(-50%); cursor: pointer}
.org02 ul li .tx_box02{background:#a1c333; padding:20px 25px; position:absolute; bottom:-100%; left:0; height:auto; width:93%;  transition:0.3s; box-shadow: 0 0 15px rgba(0,0,0,.3);}
.org02 ul li .tx_box02 .top{}
.org02 ul li .tx_box02 .top em{display:block; font-size:16px; color:#fff; opacity: 0.6;}
.org02 ul li .tx_box02 .top strong{display:inline-block; font-size:26px; color:#fff; font-weight:600; margin-bottom:10px;}
.org02 ul li .tx_box02 .top strong span{display:inline-block; font-family: 'Play',sans-serif; font-weight:600; color:#fff; opacity: 0.4; margin-left:10px;}
.org02 ul li .tx_box02 .top img{position:absolute; right:30px; top:45px; cursor: pointer;}
.org02 ul li .tx_box02 .bottom{}
.org02 ul li .tx_box02 .bottom ul{}
.org02 ul li .tx_box02 .bottom ul li{font-size:16px; color:#fff; list-style-type: disc; margin-left:25px; line-height:2; }
.org02 ul li .tx_box02 .bottom ul li::marker{color:rgba(255,255,255,0.3);}
.org02 ul li .tx_box02 .bottom p{padding-left:10px; position:relative; font-size:16px; color:#fff; line-height:2;}
.org02 ul li .tx_box02 .bottom p::before{position:absolute; display:block; content:""; background:rgba(255,255,255,0.3); width:5px; height:5px; border-radius: 50%; left:0; top:50%; transform:translateY(-50%);}
.org02 ul li:hover .tx_box02{bottom:0; transition:0.3s;}


/* secretariat */
.secretariat01{margin-bottom:20px;}
.secretariat01 .img_box{height:462px; position:relative;}
.secretariat01 .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.secretariat01 .tx_box{background:#fff; min-height:380px; height:auto; padding:60px; margin-top:-95px; position:relative; float: right;}
.secretariat01 .tx_box strong{display:block; font-size:24px; color:#333; font-weight:600; margin-bottom:30px;}
.secretariat01 .tx_box p{font-size:16px; color:#666; margin-bottom:25px;}
.secretariat01 .tx_box p:nth-child(2){margin-bottom:0;}
.secretariat02{background:#fafafa; padding:70px 0; margin-bottom:85px;}
.secretariat02 ul{width:101.5%; margin:0 -0.75%;}
.secretariat02 ul.list > li{width:31.83%; margin:0 0.75%; float:left; margin-bottom:60px; position:relative; overflow: hidden;} 
.secretariat02 ul li .img_box{height:363px; position:relative;}
.secretariat02 ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.secretariat02 ul li .tx_box{min-height:100px; height:auto; background:#fff; width:92%; margin-top:-50px; position:relative; padding:20px 25px 20px 25px; cursor: pointer; }
.secretariat02 ul li .tx_box em{display:block; font-size:16px; font-family:'Play',sans-serif; color:#a1c333; font-weight:500; }
.secretariat02 ul li .tx_box strong{display:inline-block; font-size:26px; color:#333; font-weight:600;}
.secretariat02 ul li .tx_box strong span{display:inline-block; font-size:16px; color:#333; opacity: 0.3; font-weight:600; margin-left:10px; font-family:'Play',sans-serif;}
.secretariat02 ul li .tx_box img{position:absolute; right:30px; top:50%; transform: translateY(-50%); cursor: pointer}
.secretariat02 ul li .tx_box02{background:#a1c333; padding:20px 25px; position:absolute; bottom:-100%; left:0; height:auto; width:93%;  transition:0.3s; box-shadow: 0 0 15px rgba(0,0,0,.3);}
.secretariat02 ul li .tx_box02 .top{}
.secretariat02 ul li .tx_box02 .top em{display:block; font-size:16px; color:#fff; opacity: 0.6;}
.secretariat02 ul li .tx_box02 .top strong{display:inline-block; font-size:26px; color:#fff; font-weight:600; margin-bottom:10px;}
.secretariat02 ul li .tx_box02 .top strong span{display:inline-block; font-family: 'Play',sans-serif; font-weight:600; color:#fff; opacity: 0.4; margin-left:10px;}
.secretariat02 ul li .tx_box02 .top img{position:absolute; right:30px; top:45px; cursor: pointer;}
.secretariat02 ul li .tx_box02 .bottom{}
.secretariat02 ul li .tx_box02 .bottom p{font-size:20px; color:#fff; padding-left:10px; position:relative;}
.secretariat02 ul li .tx_box02 .bottom p::before{position:absolute; display:block; content:""; background:rgba(255,255,255,0.3); width:5px; height:5px; border-radius: 50%; left:0; top:50%; transform:translateY(-50%);}

.secretariat03 .map_wrap{position:relative; width:100%;}
.secretariat03 .map{height:640px; position:relative;}
.secretariat03 .map iframe{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; height:100%;}
.secretariat03 .map_box{padding:50px 35px 35px 35px; max-width:480px; width:100%; height:auto; min-height: 510px; position:absolute; right:310px; top:60px; background:#fff;}
.secretariat03 .map_box h4{font-size:28px; color:#113677; font-weight:800; font-family: 'NanumSquare'; }
.secretariat03 .map_box strong{display:block; font-weight:600; color:#333; font-size:18px; margin-top:20px; margin-bottom:5px;}
.secretariat03 .map_box em{font-size:16px; color:#333; font-family: 'Play',sans-serif;}
.secretariat03 .map_box em span{font-size:16px; color:#999; margin-left:40px; font-family: 'Play',sans-serif;}
.secretariat03 .map_box p{font-size:18px; color:#666; display:inline-block;}
.secretariat03 .map_box img{vertical-align: middle; margin-right:5px; display:inline-block;}
.secretariat03 .map_box .p01{font-size:16px; color:#666;}
.secretariat03 .map_box .p01 span{font-family: 'Play',sans-serif; color:#666; font-size:16px; margin-left:40px;} 
.secretariat02 ul li:hover .tx_box02{bottom:0; transition:0.3s;}


/* map */
.map02{margin-top:85px; padding-bottom:95px;}
.map02 strong{display:block; font-size:26px; color:#333; font-weight:600; margin-bottom:25px;}
.map02 ul{width:101.5%; margin:0 -0.75%;}
.map02 ul li{width:23.5%; float:left; margin:0 0.75%; background:#113677; }
.map02 ul li .tx_box{min-height:350px; height:auto;  padding:55px 10px 25px 25px; }
.map02 ul li .tx_box img{margin-bottom:5px;}
.map02 ul li .tx_box img:nth-child(2){display:none;}
.map02 ul li .tx_box strong{display:block; margin-bottom:5px; font-size:24px; color:#fff;}
.map02 ul li .tx_box strong span{opacity: 0.3; color:#fff; font-weight:600; font-family: 'Play',sans-serif; font-size:16px; margin-left:10px;}
.map02 ul li .tx_box p{font-size:16px; color:#fff; }
.map02 ul li:hover{background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.3); border:1px solid #ddd;}
.map02 ul li:hover .tx_box strong{color:#333;}
.map02 ul li:hover .tx_box p{color:#666;}
.map02 ul li:hover .tx_box strong span{color:#333;}
.map02 ul li:hover img:nth-child(1){display:none;}
.map02 ul li:hover img:nth-child(2){display:block;}


/* regulations */
.regulations{margin-bottom:95px;}
.regulations .list{}
.regulations .list > li{margin-bottom:20px; }
.regulations .list > li:last-child{margin-bottom:0;}
.regulations .list li .top{padding:20px 25px;  border-radius: 10px; height:70px; background:url(../images/sub/down.png) no-repeat 98% 33px #f3f7fb; cursor: pointer;}
.regulations .list li .top.open{ background:url(../images/sub/up.png) no-repeat 98% 33px #f3f7fb;}
.regulations .list li .top p{font-size:20px; color:#333; font-weight:600;}
.regulations .list li .bottom{padding:20px 25px 35px; display:none;}
.regulations .list li .bottom p{font-size:18px; color:#333; font-weight:500; line-height:1.8;}
.regulations .list li .bottom ul{padding:10px 0;}
.regulations .list li .bottom ul li{font-size:16px; color:#666; list-style: decimal; margin-left:20px;}


/* research */
.tab_con{ margin-bottom:80px;}
.tab_con .tab{max-width:600px; width:100%; margin:0 auto;}
.tab_con .tab li{float:left; width:50%; background:#fff; border:1px solid #ddd; height:60px; line-height:60px;} 
.tab_con .tab li.on{background:#a1c333; }
.tab_con .tab li.on a{color:#fff;}
.tab_con .tab li a{font-size:18px; color:#666; display:block; text-align: center;}
.green_com{background:#a1c333; width:10px; height:10px; display:inline-block; border-radius: 50%; margin-left:5px; }
.research01{margin-bottom:100px;}
.research01 ul{}
.research01 ul li{width:50%; float:left; position:relative;}
.research01 ul li .img_box{height:644px; position:relative;}
.research01 ul li .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.research01 ul li .tx_box{background:#fff; padding:115px 0px 115px 95px; }
.research01 ul li .tx_box02{padding:180px 0 180px 95px;}
.research01 ul li .tx_box strong{display:inline-block; font-size:40px; color:#333; font-weight:600; margin-bottom:25px; width:100%;}
.research01 ul li .tx_box p{margin-bottom:20px; font-size:18px; color:#666;}
.research02{background:url(../images/sub/research_back01.png) no-repeat; height:323px; background-size:cover; background-position:center; margin-bottom:175px;}
.research02 ul{}
.research02 ul.list > li{width:50%; float:left;}
.research02 ul.list > li .tx_box{padding-top:70px;}
.research02 ul.list > li .tx_box strong{display:inline-block; margin-bottom:25px; color:#fff; font-weight:600; font-size:30px;}
.research02 ul.list > li .tx_box p{font-size:18px; color:rgba(255,255,255,0.7);}
.research02 ul.list > li ul{margin:0 -0.75%; width:101.5%; padding-top:80px;}
.research02 ul.list > li ul li{width:48.5%; float:left; margin: 0 0.75%;}
.research02 ul.list > li ul li .img_box{height:284px; position:relative; box-shadow: 0 0 20px rgba(0,0,0,.5);}
.research02 ul.list > li ul li .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.research02 ul.list > li ul li p{font-size:20px; color:#666; padding-left:10px; padding-top:15px;}
.research02 ul.list > li ul li p span{font-size:16px; color:#666;}
.research03{background:url(../images/sub/research_back02.png) no-repeat; height:523px; background-size:cover; background-position:center; position:relative; z-index: -1; margin-bottom:90px;}
.research03 .tx_box{text-align: center; padding-top:90px;}
.research03 .tx_box strong{display:inline-block; font-size:38px; color:#fff; font-weight:600; position:relative; margin-bottom:55px;}
.research03 .tx_box strong::after{position:absolute; background:#a1c333; height:15px; width:100%; content:""; display:block; bottom:0; left:50%; transform:translateX(-50%); z-index:-1;}
.research03 .tx_box p{margin-bottom:25px; font-size:18px; color:rgba(255,255,255,0.7);}
.research04{}
.research04 .re04_tx{}
.research04 .re04_tx strong{display:inline-block; font-size:30px; font-weight:600; color:#333; margin-bottom:30px;}
.research04 .re04_tx p{font-size:18px; color:#333;}
.research04 ul{width:101.5%; margin:0 -0.75%; padding:50px 0 30px 0; overflow: hidden;}
.research04 ul li{width:18.5%; margin:0 0.75%; float:left; border-radius: 50%; border:1px solid #e4e4e4; position:relative; background:#fff;} 
.research04 ul li::after{display:block; content:""; padding-bottom:100%;}
.research04 ul li .tx_box{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align: center; }
.research04 ul li .tx_box img{margin-bottom:10px;}
.research04 ul li .tx_box img:nth-child(2){display:none;}
.research04 ul li .tx_box p{font-size:18px; color:#333;}
.research04 ul li:hover{background:#113677; box-shadow: 0 0 20px rgba(0,0,0,0.5); border:none;}
.research04 ul li:hover .tx_box img:nth-child(1){display:none;}
.research04 ul li:hover .tx_box img:nth-child(2){display:block; margin:0 auto; margin-bottom:10px;}
.research04 ul li:hover .tx_box p{color:#fff;}
.research05{min-height:342px; height:auto; background:url(../images/sub/research_back03.png) no-repeat; background-size:100% 50%; background-position:center top; margin-top:85px;}
.research05 .list{overflow: hidden;}
.research05 .list > li{width:50%; float:left;}
.research05 .list > li ul{}
.research05 .list > li ul li{height:342px; padding-top:65px;}
.research05 .list > li ul li .tx_box{}
.research05 .list > li ul li .tx_box strong{font-size:30px; color:#fff; font-weight:600; display:block; margin-bottom:25px;}
.research05 .list > li ul li .tx_box02 strong{color:#333; font-size:24px; display:block; margin-bottom:20px;}
.research05 .list > li ul li .tx_box p{font-size:18px; color:rgba(255,255,255,0.7);}
.research05 .list > li ul li .tx_box02 p{font-size:18px; color:#333; margin-bottom:20px;}
.research05 .list > li ul li .tx_box02 p:nth-child(2){margin-bottom:0;}
.research05 .list > li .img_box{ height:603px; position:relative; margin-top:80px;}
.research05 .list > li .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.research06{margin:90px 0;}
.research06 ul{width:101.5%; margin:0 -0.75%; overflow: hidden;}
.research06 ul li{width:31.83%; float:left; margin:0 0.75%;}
.research06 ul li .img_box{height:240px; position:relative;}
.research06 ul li .img_box img{position:absolute; left:50%;top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover;}
.research06 ul li .tx_box{}
.research06 ul li .tx_box strong{display:block; font-size:24px; font-weight:600; color:#333; margin-bottom:10px; margin-top:20px;}
.research06 ul li .tx_box p{font-size:16px; color:#666;}
/* [data-aos^=fade][data-aos^=fade]{opacity: 1 !important; } */

/* paper */
.red{font-size:16px; color:#e7141b !important;}
.back{background:#fafafa;}
.m_t20{margin-top:20px;}
.num{font-size:16px; color:#fff; background:#a1c333; display:block; width:25px; height:25px; border-radius: 50%; margin:15px 0; text-align: center; font-family:'Play',sans-serif; line-height:25px; font-weight:600;}
.paper01{margin-bottom:80px;}
.paper01 .tx_box{height:404px; background:url(../images/sub/paper_back01.png) no-repeat; background-size:cover; background-position:center; padding:75px 0; text-align: center; margin-bottom:10px;}
.paper01 .tx_box strong{display:block; font-size:34px; color:#fff; font-weight:600; margin-bottom:20px;}
.paper01 .tx_box p{font-size:18px; color:rgba(255,255,255,0.7); line-height:2;}
.paper01 .tx_box .p01{font-size:20px; color:#fff; margin-top:30px; line-height:1.5;}
.paper01 .tx_box .p01 span{font-size:24px; color:#fff;}
.paper02{margin-bottom:50px;}
.paper02 strong{display:inline-block; font-size:30px; color:#333; font-weight:600; margin-bottom:25px;}
.paper02 img{max-width:100%; display:block; margin:0 auto;}
.paper03{margin-bottom:80px;}
.paper03 ul{width:101.15%; margin:0 -0.575%;}
.paper03 ul li{width:23.85%; margin:0 0.575%; float:left;}
.paper03 ul li h5{color:#a1c333; font-size:20px; font-weight:600; font-family:'Play', sans-serif; position:relative; margin-bottom:30px;}
.paper03 ul li h5::after{position:absolute; bottom:-15px; background:#ddd; height:1px; width:100%; left:0; display:block; content:"";}
.paper03 ul li .tx_box{}
.paper03 ul li .tx_box strong{display:block; font-size:22px; color:#333; font-weight:600; margin-bottom:15px;}
.paper03 ul li .tx_box p{font-size:16px; color:#666;}
.paper04{padding:70px 0;}
.paper04 strong{font-size:30px; color:#333; font-weight:600; display:inline-block; margin-bottom:25px;}
.paper04 ul{width:101.5%; margin:0 -0.75%;}
.paper04 ul li{width:23.5%; margin:0 0.75%; float:left;}
.paper04 ul li .img_box{height:262px; position:relative;}
.paper04 ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.paper04 ul li .tx_box{}
.paper04 ul li .tx_box p{font-size:18px; color:#333;}
.paper04 ul li .tx_box p.red{font-size:18px;}
.paper04 ul li .tx_box p span.red{font-size:18px;}
.paper05{padding:70px 0 100px 0;}
.paper05 strong{display:inline-block; font-size:30px; color:#333; font-weight:600; margin-bottom:45px;}
.paper05 strong span{font-size:20px; color:#333; font-weight:600; font-family: 'Play', sans-serif;}
.paper05 .question{}
.paper05 .question li{font-size:18px; color:#333; float:left; border-radius: 35px 0 0 35px; height:60px; line-height:60px; text-align: center; position:relative;}
.paper05 .question li .green{font-size:18px; color:#a1c333; font-weight:600; font-family:'Play',sans-serif;}
.paper05 .question li:nth-child(1){width:25%; background:#f5f9e8;}
.paper05 .question li:nth-child(1)::after{position:absolute; display:block; content:""; background:#f5f9e8; right:-30px; height:60px; width:60px; top:50%; transform: translateY(-50%);}
.paper05 .question li:nth-child(2){width:35%; background:#e8f1c9;}
.paper05 .question li:nth-child(2)::after{position:absolute; display:block; content:""; background:#e8f1c9; right:-30px; height:60px; width:60px; top:50%; transform: translateY(-50%);}
.paper05 .question li:nth-child(3){width:40%; background:#dae9aa;}
.paper05 .list{width:101.5%; margin:0 -0.75%; padding-top:35px; overflow: hidden;}
.paper05 .list li{width:31.83%; float:left; margin:0 0.75%; border:1px solid #ddd; height:280px; border-top:2px solid #a1c333; padding:25px 25px; position:relative; background:#fff;}
.paper05 .list li .top{}
.paper05 .list li .top strong{display:block; font-weight:500; color:#333; font-size:22px; position:relative;}
.paper05 .list li .top strong::after{position:absolute; display:block; content:""; left:0; bottom:-20px; background:#ddd; height:1px; width:100%;}
.paper05 .list li .top img{position:absolute; right:25px; top:45px;}
.paper05 .list li .bottom{}
.paper05 .list li .bottom p{font-size:16px;}


/* food */
/* food */
.food01{margin-bottom:70px;}
.food01 .tx_box{background:url(../images/sub/food_back01.png) no-repeat; background-size:cover; background-position:center; height:230px; text-align: center; padding-top:50px;} 
.food01 .tx_box p{font-size:22px; color:rgba(255,255,255,0.7); }
.food01 .tx_box strong{display:block; font-size:28px; color:#fff; font-weight:600; margin-bottom:5px;}
.food02{margin-bottom:60px;}
.food02 .tx_box{text-align: center;}
.food02 .tx_box p{font-size:22px; color:#333; font-weight:500}
.food02 .tx_box p span{font-size:24px; color:#198c86; font-weight:600;}
.food03{margin-bottom:70px;}
.food03 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.food03 .food_list01{overflow: hidden; margin-bottom:35px;}
.food03 .food_list01 li{float:left;}
.food03 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.food03 .food_list01 li:nth-child(1){width:12%; }
.food03 .food_list01 li:nth-child(1) .img_box{height:135px; position:relative;}
.food03 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.food03 .food_list01 li:nth-child(2){width:88%;}
.food03 .food_list02 li{float:left;}
.food03 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.food03 .food_list02 li:nth-child(2){width:46%;}
.food03 .food_list02 li strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:15px;}
.food03 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.food03 .food_list02 li:nth-child(2) p{ }
.food03 .food_list02 li:nth-child(2) p span{color:#198c86; font-size:20px;}
.food03 .food_list02 table{border-top:2px solid #333;}
.food03 .food_list02 table th{background:#f5f5f5; text-align: center; font-size:16px; color:#333; border-bottom:1px solid #ddd;}
.food03 .food_list02 table td{height:60px; font-size:16px; color:#333; font-weight:500; padding-left:15px; border-bottom:1px solid #ddd;}
.food04{background:#fafafa; padding:70px 0; margin-bottom:70px;}
.food04 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.food04 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.food04 .food_list01{overflow: hidden; margin-bottom:35px;}
.food04 .food_list01 li{float:left;}
.food04 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.food04 .food_list01 li:nth-child(1){width:12%; }
.food04 .food_list01 li:nth-child(1) .img_box{height:92px; position:relative;}
.food04 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.food04 .food_list01 li:nth-child(2){width:88%;}
.food04 .food_list02{overflow: hidden;}
.food04 .food_list02 li{float:left;}
.food04 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.food04 .food_list02 li:nth-child(2){width:46%;}
.food04 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.food04 .food_list02 li p span{color:#198c86; font-size:20px;}
.food04 .food_list02 li p.p01{font-size:14px ;color:#666; font-weight:300; margin-bottom:45px;}
.food04 .food_list02 li em{display:block; font-size:16px; color:#198c86; font-weight:600; margin-bottom:5px;}
.food04 .food_list03{width:110.7%; margin:0 -5.35%;}
.food04 .food_list03 li{float:left; margin:0 5.35%; width:39.3%;}
.food04 .food_list03 .img_box{height:524px; position:relative;}
.food04 .food_list03 .img_box img{width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);  }
.food04 .food_list03 p{font-size:16px; color:#666; margin-top:10px;}
.food05{margin-bottom:75px;}
.food05 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.food05 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.food05 .food_list01{overflow: hidden; margin-bottom:35px;}
.food05 .food_list01 li{float:left;}
.food05 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.food05 .food_list01 li:nth-child(1){width:12%; }
.food05 .food_list01 li:nth-child(1) .img_box{height:83px; position:relative;}
.food05 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.food05 .food_list01 li:nth-child(2){width:88%;}
.food05 .food_list02{margin-bottom:30px; overflow: hidden;}
.food05 .food_list02 li{float:left;}
.food05 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.food05 .food_list02 li:nth-child(2){width:46%;}
.food05 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.food05 .food_list02 li p span{font-size:20px; color:#198c86;}


/* cosmetics */
.cosmetics01{margin-bottom:70px;}
.cosmetics01 .tx_box{background:url(../images/sub/cosmetics_back01.png) no-repeat; background-size:cover; background-position:center; height:230px; text-align: center; padding-top:75px;} 
.cosmetics01 .tx_box p{font-size:22px; color:rgba(255,255,255,0.7); }
.cosmetics01 .tx_box strong{display:block; font-size:28px; color:#fff; font-weight:600; margin-bottom:5px;}
.cosmetics02{margin-bottom:60px;}
.cosmetics02 .tx_box{text-align: center;}
.cosmetics02 .tx_box p{font-size:22px; color:#333; font-weight:500}
.cosmetics02 .tx_box p span{font-size:24px; color:#198c86; font-weight:600;}
.cosmetics03{margin-bottom:75px;}
.cosmetics03 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.cosmetics03 .food_list01{overflow: hidden; margin-bottom:35px;}
.cosmetics03 .food_list01 li{float:left;}
.cosmetics03 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.cosmetics03 .food_list01 li:nth-child(1){width:12%; }
.cosmetics03 .food_list01 li:nth-child(1) .img_box{height:135px; position:relative;}
.cosmetics03 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.cosmetics03 .food_list01 li:nth-child(2){width:88%;}
.cosmetics03 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.cosmetics03 .food_list02{margin-bottom:30px; overflow: hidden;}
.cosmetics03 .food_list02 li{float:left;}
.cosmetics03 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.cosmetics03 .food_list02 li:nth-child(2){width:46%;}
.cosmetics03 .food_list02 li img{max-width:100%;}
.cosmetics03 .food_list02 li p{font-size:16px; color:#666; margin-bottom:38px;}
.cosmetics03 .food_list02 li p span{font-size:20px; color:#198c86;}

/* device */
.device01{margin-bottom:70px;}
.device01 .tx_box{background:url(../images/sub/device_back01.png) no-repeat; background-size:cover; background-position:center; height:230px; text-align: center; padding-top:50px;} 
.device01 .tx_box p{font-size:22px; color:rgba(255,255,255,0.7); }
.device01 .tx_box strong{display:block; font-size:28px; color:#fff; font-weight:600; margin-bottom:5px;}
.device02{margin-bottom:60px;}
.device02 .tx_box{text-align: center;}
.device02 .tx_box p{font-size:22px; color:#333; font-weight:500}
.device02 .tx_box p span{font-size:24px; color:#198c86; font-weight:600;}
.device03{margin-bottom:70px;}
.device03 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.device03 p.p_t{font-size:16px; color:#666; margin-bottom:45px;}
.device03 .food_list02{ overflow: hidden;}
.device03 .food_list02 li{float:left;}
.device03 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.device03 .food_list02 li:nth-child(2){width:46%;}
.device03 .food_list02 li img{max-width:100%;}
.device03 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px; margin-top:10px;}
.device03 .food_list02 li p span{color:#198c86; font-size:20px;}
.device03 .food_list02 table{border-top:2px solid #333;}
.device03 .food_list02 table th{background:#f5f5f5; text-align: center; font-size:16px; color:#666; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; height:60px;}
.device03 .food_list02 table th:last-child{border-right:none;}
.device03 .food_list02 table td{height:60px; font-size:16px; color:#333; font-weight:500; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; text-align: center;}
.device03 .food_list02 table td:nth-child(3){padding-left:15px; text-align: left;}
.device03 .food_list02 table td:last-child{border-right:none;}
.device03 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.device04{background:#fafafa; padding:70px 0; margin-bottom:70px;}
.device04 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.device04 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.device04 p.p_t{font-size:16px; color:#666; margin-bottom:45px;}
.device04 .food_list02{ overflow: hidden;}
.device04 .food_list02 li{float:left;}
.device04 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.device04 .food_list02 li:nth-child(2){width:46%;}
.device04 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.device04 .food_list02 li p span{color:#198c86; font-size:20px;}
.device05{margin-bottom:70px;}
.device05 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.device05 .food_list02{overflow: hidden;}
.device05 .food_list02 li{float:left;}
.device05 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.device05 .food_list02 li:nth-child(2){width:46%;}
.device05 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.device05 .food_list02 li p span{color:#198c86; font-size:20px;}
.device05 .food_list02 table{border-top:2px solid #333;}
.device05 .food_list02 table th{background:#f5f5f5; text-align: center; font-size:16px; color:#666; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; height:60px;}
.device05 .food_list02 table th:last-child{border-right:none;}
.device05 .food_list02 table td{height:60px; font-size:16px; color:#333; font-weight:500;  border-bottom:1px solid #ddd; border-right: 1px solid #ddd; text-align: center;}
.device05 .food_list02 table td:last-child{border-right:none;}
.device05 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.device06{background:#fafafa; padding:70px 0;}
.device06 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.device06 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.device06 .food_list01{overflow: hidden; margin-bottom:35px;}
.device06 .food_list01 li{float:left;}
.device06 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.device06 .food_list01 li:nth-child(1){width:12%; }
.device06 .food_list01 li:nth-child(1) .img_box{height:135px; position:relative;}
.device06 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.device06 .food_list01 li:nth-child(2){width:88%;}
.device06 .food_list02 li{float:left;}
.device06 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.device06 .food_list02 li:nth-child(2){width:46%;}
.device06 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.device06 .food_list02 li p span{font-size:20px; color:#198c86;}
.device06 .food_list02 table{border-top:2px solid #333;}
.device06 .food_list02 table th{background:#f5f5f5; text-align: center; font-size:16px; color:#666; border-bottom:1px solid #ddd; border-right: 1px solid #ddd;}
.device06 .food_list02 table th:last-child{border-right:none;}
.device06 .food_list02 table td{height:60px; font-size:16px; color:#333; font-weight:500; padding-left:15px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; background:#fff;}
.device06 .food_list02 table td:last-child{border-right:none;}
.device06 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}

/* drug */
.drug01{margin-bottom:70px;}
.drug01 .tx_box{background:url(../images/sub/drug01_back.png) no-repeat; background-size:cover; background-position:center; height:230px; text-align: center; padding-top:70px;} 
.drug01 .tx_box p{font-size:22px; color:rgba(255,255,255,0.7); }
.drug01 .tx_box strong{display:block; font-size:28px; color:#fff; font-weight:600; margin-bottom:5px;}
.drug02{margin-bottom:60px;}
.drug02 .tx_box{text-align: center;}
.drug02 .tx_box p{font-size:22px; color:#333; font-weight:500}
.drug02 .tx_box p span{font-size:24px; color:#198c86; font-weight:600;}
.drug03{margin-bottom:70px;}
.drug03 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.drug03 .food_list01{overflow: hidden; margin-bottom:35px;}
.drug03 .food_list01 li{float:left;}
.drug03 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.drug03 .food_list01 li:nth-child(1){width:12%; }
.drug03 .food_list01 li:nth-child(1) .img_box{height:135px; position:relative;}
.drug03 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.drug03 .food_list01 li:nth-child(2){width:88%;}
.drug03 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.drug03 .food_list02 li{float:left;}
.drug03 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.drug03 .food_list02 li:nth-child(2){width:46%;}
.drug03 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.drug03 .food_list02 li p span{color:#198c86; font-size:20px;}
.drug03 .food_list02 table{border-top:2px solid #333;}
.drug03 .food_list02 table th{background:#f5f5f5; text-align: center; font-size:16px; color:#666; border-bottom:1px solid #ddd; border-right: 1px solid #ddd;}
.drug03 .food_list02 table th:last-child{border-right:none;}
.drug03 .food_list02 table td{height:60px; font-size:16px; color:#333; font-weight:500; padding-left:15px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; background:#fff;}
.drug03 .food_list02 table td:last-child{border-right:none;}
.drug04{padding:70px 0; margin-bottom:70px; background:#fafafa;}
.drug04 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.drug04 .food_list01{overflow: hidden; margin-bottom:35px;}
.drug04 .food_list01 li{float:left;}
.drug04 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.drug04 .food_list01 li:nth-child(1){width:12%; }
.drug04 .food_list01 li:nth-child(1) .img_box{height:135px; position:relative;}
.drug04 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.drug04 .food_list01 li:nth-child(2){width:88%;}
.drug04 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.drug04 .food_list02{overflow: hidden;}
.drug04 .food_list02 li{float:left;}
.drug04 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.drug04 .food_list02 li:nth-child(2){width:46%;}
.drug04 .food_list02 li img{max-width:100%; margin-bottom:15px;}
.drug04 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.drug04 .food_list02 li p span{color:#198c86; font-size:20px;}
.drug04 .food_list02 table{border-top:2px solid #333;}
.drug04 .food_list02 table th{background:#f5f5f5; text-align: center; font-size:16px; color:#666; border-bottom:1px solid #ddd; border-right: 1px solid #ddd;}
.drug04 .food_list02 table th:last-child{border-right:none;}
.drug04 .food_list02 table td{height:60px; font-size:16px; color:#333; font-weight:500; padding-left:15px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; background:#fff;}
.drug04 .food_list02 table td:last-child{border-right:none;}
.drug05{margin-bottom:75px;}
.drug05 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.drug05 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.drug05 p.p_t{font-size:16px; color:#666; margin-bottom:45px;}
.drug05 .food_list02{ overflow: hidden;}
.drug05 .food_list02 li{float:left;}
.drug05 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.drug05 .food_list02 li:nth-child(2){width:46%;}
.drug05 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.drug05 .food_list02 li p span{font-size:20px; color:#198c86;}


/* data */
.data01{}
.data01 ul{width:101.5%; margin:0 -0.75%;}
.data01 ul li{width:31.83%; margin:0 0.75%; float:left;  margin-bottom:3%; position:relative;}
.data01 ul li:hover{box-shadow:0 0 15px rgba(0,0,0,0.3);}
.data01 ul li .img_box{height:262px; position:relative;}
.data01 ul li .img_box img{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.data01 ul li .tx_box{height:140px; padding:25px; position:relative; border:1px solid #ddd; border-top:none;}
.data01 ul li .tx_box p{font-size:20px; color:#333; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical;}
.data01 ul li .tx_box .date{position:absolute; left:25px; bottom:20px; color:#999; font-size:16px; font-family: 'Play',sans-serif;}
.data01 ul li:hover::after{position:absolute; border:2px solid #a1c333; width:100%; height:100%; display:block; content:""; left:50%; top:50%; transform: translate(-50%,-50%);}
.page_list{ margin:0 auto; margin-bottom:100px;}
.page_list ul{display:flex; justify-content: center; width:100%;}
.page_list ul li{}
.page_list ul li a{font-size:16px; color:#999; display:block; width:50px; height:50px; line-height:50px; text-align: center; margin:0 10px;}
.page_list ul li img{vertical-align: middle;}
.page_list ul li.on a{color:#fff; background:#a1c333;}


/* notice */
.table_type1{width:100%;  margin-bottom:60px;}
.table_type1 ul{display:table; width:100%; border-top:2px solid#333;}
.table_type1 ul > li{display:table-row; width:100%; box-sizing:border-box;}
.table_type1 ul > li > div {display:table-cell;}
.table_type1 ul > li.tbTh {background:#f5f5f5;}
.table_type1 ul > li.tbTh > div{padding:15px 0; border-bottom:1px solid #ddd; color:#333; vertical-align:middle; text-align:center; font-size:16px; font-weight:normal; font-family:'Noto Sans KR'; font-weight:500;}
.table_type1 ul > li.tbTd > div {text-align:center; padding:15px 5px; border-bottom:1px solid #ddd; vertical-align:middle;}
.table_type1 ul > li.tbTd .td_tit {text-align:left; }
.table_type1 ul > li.tbTd .td_tit a {font-size:16px; color:#333; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; display:block; text-overflow:ellipsis; width:400px; white-space:nowrap; overflow:hidden; }
.table_type1 .td_day {width:130px;text-align:center; color:#999;font-size:16px;  font-family:'Play';}
.table_type1 .td_name{width:120px;text-align:center; color:#666;font-size:16px;  }
.table_type1 .td_view {width:120px;text-align:center;font-size:16px; color:#333;font-family:'Play';}
.table_type1 .td_up {width:80px;text-align:center;font-size:16px; font-family:'Play'; color:#333;}
.table_type1 .td_num {width:100px;text-align:center; font-size:16px; color:#333;font-family:'Play'; font-weight:600;}

.mblock{display:none;}



/* notice_view */
.data_view{margin-bottom:75px;}
.boardView {width:100%; border-top:2px solid #333; margin-top:20px; font-family:'Noto Sans KR',sans-serif;}
.boardView .titArea {padding:25px 0px 20px; background:#fff; border-bottom:1px solid #dfe5ea; position:relative;}
.boardView .titArea h5.tit {font-size:24px; color:#333; margin-bottom:10px;  font-weight:600; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.boardView .titArea h5.tit span{font-size:16px; background:#333; color:#fff; padding:5px 15px; border-radius: 30px; vertical-align: middle; margin-left:10px;}
.boardView .titArea p {font-size:14px; color:#999; display:inline-block; margin-right:10px;}
.boardView .titArea p span{font-size:14px; color:#999;  font-family:'MontSerrat','sans-serif';}
.boardView .titArea em{padding:10px 15px; float:right; margin-top: -35px; background: #002d72; border-radius:30px; color:#fff; border:1px solid #002d72;}
.boardView .titArea em.end{color: #002d72; background:#fff; border:1px solid #002d72;}
.boardView .txtArea {padding:40px 0px 60px; color:#999; font-size:17px; position:relative;}
.boardView .txtArea p {font-size:15px; color:#999; line-height:1.7;}
.boardView .txtArea .txt_img{width:100%; position:relative; margin-bottom:40px; text-align: center;}
.boardView .txtArea img{max-width:100%;}

.boardView .txtArea .article{
  position:absolute;
  border:1px solid #333;
  border-radius:30px;
  color:#333;
  padding:5px 15px;
  bottom:10px;
  right:10px;
  font-weight:500;
}

.boardView .fileArea {border-top:1px solid #ddd ; border-bottom:1px solid #ddd; margin-bottom:20px;}
.boardView .fileArea span {display:inline-block; width:160px;padding:15px 0; text-align:left;font-size:16px; color:#333; background:#f5f5f5;; font-family:'Noto Sans KR';  padding-left:15px;}
.boardView .fileArea a {font-size:16px; color:#333; padding-left:10px; font-family:'Noto Sans KR';}

.boardView .prevNext > .prev{float:left; width:100%; border-bottom:1px solid #ddd;}
.boardView .prevNext > .next{float:left; width:100%; border-bottom:1px solid #ddd;}
.boardView .prevNext > div > a {display:block; width:100%; vertical-align:middle;  box-sizing:border-box;}
.boardView .prevNext > div span {padding:15px 10px ; display:inline-block; vertical-align:middle; font-size:16px; color:#333;   background:#f5f5f5; width: 160px; text-align:left; height:50px; padding-left:15px; font-family:'Noto Sans KR'; float:left; margin-top:-1px; border-top:1px solid #ddd;}
.boardView .prevNext .next .arrow{float:left;}
.boardView .prevNext .tit {width:calc(100% - 165px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5; font-size:16px; background: none; color:#333; text-align: left; font-family:'Noto Sans KR'}
.boardView .prevNext .day {float:right; padding-right:30px; display:none;}
.listBtn {text-align:center; margin-top:100px;}
.listBtn a {display:inline-block; margin:0 5px; text-align:center; box-sizing:border-box; width:200px; height:60px; line-height:60px; font-size:20px; color:#fff; background:#a1c333; }


/* contact */
.contact{background:url(../images/main/contact_back.png) no-repeat; background-size:cover; background-position:center; height:auto;}
.contact .tx_box{float:left; width:42%; padding-top:280px;}
.contact .tx_box strong{display:block; font-family: 'Play'; font-size:50px; color:#fff; font-weight:600; margin-bottom:10px;}
.contact .tx_box p{font-size:18px; color:rgba(255,255,255,0.7); margin-bottom:80px;}
.contact .tx_box em{display:block; font-size:20px; color:#fff; font-weight:600; margin-bottom:10px;}
.contact .tx_box .number{display:block; font-size:44px; color:#fff; font-family:'Play'; font-weight:600;}
.contact table{margin-top:30px; width:100%; text-align: left;}
.contact table tbody th{font-size:18px; color:#fff; width: 85px;}
.contact table tbody td{font-family: 'Play','sans-serif'; font-size:18px; color:#fff;}
.contact table tbody td span{font-size:14px; color:#fff;}
.contact01{float:right; width:55.2%; background:#fff; border-radius: 80px 0 0 0;  height:auto; margin-top:75px;}
.contact01 .contact_form{padding:65px 0px 79px 75px;}
.contact01 .col{width:calc(100% - 310px); overflow: hidden; margin-bottom:15px;}
.contact01 .col02{float:left; margin-right:4%; width:47.6%;}
.contact01 .col02:nth-child(2){margin-right:0;}
.contact01 .label{font-size:16px; color:#333; font-weight:600;}
.contact01 .input_box{padding-top:10px;}
.contact01 .input_box input{width:100%; height:46px; padding-left:10px;}
.contact01 .col strong{font-size:16px; color:#333; font-weight:600; display:block; margin-bottom:10px;}
.contact01 .chk_box{}
.contact01 .chk_box input[type="radio"]{display:none;}
.contact01 .chk_box label{margin-right:28px; float:left; display:block; margin-bottom:8px;}
.contact01 .chk_box label.margin_none{margin-right:0;}
.contact01 .chk_box span{display:block; width:18px; height:18px; border-radius: 50%; border:1px solid #ddd; margin-right:7px; float:left; position:relative;}
.contact01 .chk_box span::before{display:block; content:""; width:6px; height:6px; border-radius: 50%; background:#113677; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:none;}
.contact01 .chk_box input[type="radio"]:checked + label span::before{display:block;}
.contact01 .chk_box p{color:#bbb; font-size:16px; float:left; line-height:18px;}
.contact01 .agree{width:100%;}
.contact01 .agree .th{font-size:16px; color:#333; font-weight:600;}
.contact01 .agree .td{}
.contact01 .agree textarea{width:calc(100% - 310px); height:110px; margin-top:10px; border:1px solid #ddd; margin-bottom:30px; font-size:15px; color:#333; padding-left:10px;}
.contact01 .agree .chk_box{overflow:hidden;}
.contact01 .agree .chk_box input[type="checkbox"]{display:none;}
.contact01 .agree .chk_box label{display:block; float:left;}
.contact01 .agree .chk_box label span{float:left; border:1px solid #ddd; width:18px; height:18px; display:block; margin-right:10px; border-radius:unset;}
.contact01 .agree .chk_box label span::before{width:10px; height:10px; background:#ddd; position:absolute; display:block; content:""; transform:translate(-50%,-50%); top:50%; left:50%; border-radius: 0;}
.contact01 .agree .chk_box input:checked+label span::before{background:#113677;}
.contact01 .agree .chk_box label p{float:left; color:#333; font-size:16px; font-weight:600;}
.contact01 .agree .agreeArea{height:80px; width:calc(100% - 310px); overflow-y:scroll; margin-top:5px; margin-bottom:40px;}
.contact01 .agree .agreeArea::-webkit-scrollbar-thumb{height:17%; background:#ddd; border-radius: 10px;}
.contact01 .agree .agreeArea p{font-size:16px; color:#bbb; }
.contact01 .contact_btn{margin:0 auto; width:calc(100% - 310px);}
.contact01 .contact_btn a{font-size:16px; color:#fff; font-weight:600; display:block; line-height:65px; height:65px; max-width:400px; width:100%; background:#113677; text-align: center;}

@keyframes direct {
  from {
    opacity: 0;
    margin-top: 30px
  }

  to {
    opacity: 1;
    margin-top: 0
  }
}

@keyframes more {
  from {
   
    right:-55px
  }

  to {
   
    right:-100px
  }
}


/* 반응형 */
@media screen and (max-width: 1700px){
.sub_nav{width:1550px;}

}

@media screen and (max-width: 1660px) {
#sub_visual .sub_visual{float:unset; width:100%;}
#sub_visual .visual_tit{width:1300px;}
.sub_nav{max-width:1300px; float:unset;}
.left_box{display:none;}
}
@media screen and (max-width: 1440px) {
    /* contact */
    .contact01 .col{width:calc(100% - 80px);}
    .contact01 .agree textarea{width:calc(100% - 80px);}
    .contact01 .agree .agreeArea{width:calc(100% - 80px);}
    
    }

@media screen and (max-width: 1300px) {
.sub_nav{max-width:1024px;}
#sub_visual .visual_tit{width:1024px;}

/* secretariat */
.secretariat01 .img_box{height:40vw;}
.secretariat01 .tx_box{margin-top:0;}
.secretariat01 .tx_box strong{font-size:22px;}


/* map */
.map02 ul li .tx_box{min-height:380px;}
.map02 ul li .tx_box p br{display:none;}


/* org */
.org02 ul li .tx_box{min-height:140px;}
.org02 ul li .tx_box strong span{display:block; margin-left:0;}

/* research */
.research06 ul li .tx_box p br{display:none;}


/* paper */
.paper05 .question li{font-size:16px;}
.paper05 .question li .green{font-size:16px;}
.paper05 .question li:nth-child(1)::after{right:-60px;}
.paper05 .question li:nth-child(2)::after{right:-60px;}
.paper05 .question li:nth-child(2)::after{right:-60px;}



/* food */
.food03 .food_list02 li:nth-child(2){width:44%;}
.food04 .food_list02 li:nth-child(2){width:44%;}
.food05 .food_list02 li:nth-child(2){width:44%;}

/* cosmetics */
.cosmetics03 .food_list02 li:nth-child(2){width:44%;}


/* device */
.device03 .food_list02 li:nth-child(2){width:44%;}
.device04 .food_list02 li:nth-child(2){width:44%;}
.device05 .food_list02 li:nth-child(2){width:44%;}
.device06 .food_list02 li:nth-child(2){width:44%;}



/* drug */
.drug03 .food_list02 li:nth-child(2){width:44%;}
.drug04 .food_list02 li:nth-child(2){width:44%;}
.drug05 .food_list02 li:nth-child(2){width:44%;}

}


/*테블릿*/
@media screen and (max-width: 1023px) {
/*공통*/
.sub_nav{max-width:100%;}
#sub_visual .visual_tit{width:auto; padding:200px 20px 0 20px; }
.sub_tit{margin-bottom: 40px;}
.sub_tit:before{content:''; display:none;}


/* intro */
.intro01{height:50vw;}
.intro01 .tx_box{position:unset; padding-top:15%;}
.intro01 .tx_box strong{font-size:4vw;}
.intro01 .tx_box p{font-size:2vw;}
.intro02 .tx_box{padding:35px;}


/* org */
.org01 ul{padding:0 50px;}
.org02 ul.list > li{width:48.5%;}
.org02 ul li .img_box{height:50vw;}

/* secretariat */
.secretariat02 ul.list > li{width:48.5%;}
.secretariat02 ul li .img_box{height:40vw;}
.secretariat03 .map_box{right:2%;}


/* map */
.map02 ul li{width:48.5%; margin-bottom:2%;}

/* research */
.research01 ul li .tx_box{padding:35px 0px 65px 40px;}
.research01 ul li .tx_box strong{font-size:34px;}
.research01 ul li .img_box{height:50vw;}
.research01 ul li .tx_box p br{display:none;}
.research02 ul.list > li ul{padding-top:15px;}
.research02 ul.list > li ul li p{color:#fff;}
.research02 ul.list > li ul li p span{color:#bbb;}
.research02 ul.list > li .tx_box strong{font-size:26px;}
.research02 ul.list > li ul li .img_box{height:25vw;}
.research03{height:auto; padding:45px 0;}
.research03 .tx_box strong{font-size:34px;}
.research03 .tx_box{padding-top:0;}
.research04 .re04_tx strong{font-size:26px;}
.research05 .list > li ul li .tx_box strong{font-size:26px;}
.research05 .list > li ul li .tx_box02 strong{font-size:22px;}
.research05 .list > li ul li .tx_box p br{display:none;}
.research05 .list > li .img_box{height:70vw;}
.research05 .list > li ul li{height:auto;}
.research06 ul li .img_box{height:23vw;}
.research06 ul li .tx_box strong{font-size:22px;}


/* paper */
.paper01 .tx_box strong{font-size:30px;}
.paper01 .tx_box p{font-size:16px;}
.paper01 .tx_box .p01{font-size:18px;}
.paper01 .tx_box .p01 span{font-size:22px;}
.paper02 strong{font-size:26px;}
.paper03 ul li h5{font-size:18px;}
.paper03 ul li .tx_box strong{font-size:20px;}
.paper04 strong{font-size:26px;}
.paper05 strong{font-size:26px;}
.paper04 ul li .img_box{height:20vw;}
.paper04 ul li .tx_box p{font-size:16px;}
.paper04 ul li .tx_box p.red{font-size:16px;}
.paper04 ul li .tx_box p span.red{font-size:16px;}
.paper05 .question li{border-radius: 35px;;}
.paper05 .question li:nth-child(1){width:100%;}
.paper05 .question li:nth-child(1)::after{display:none;}
.paper05 .question li:nth-child(2){width:100%;}
.paper05 .question li:nth-child(2)::after{display:none;}
.paper05 .question li:nth-child(3){width:100%;}
.paper05 .list li .top strong{font-size:20px;}
.paper05 strong span{font-size:18px;}




/* food */
.food_list01 li p{font-size:14px !important;}
.food_list01 li p br{display:none;}
.food01 .tx_box p{font-size:16px;}
.food01 .tx_box strong{font-size:26px;}
.food02 .tx_box p{font-size:18px;}
.food02 .tx_box p span{font-size:20px;}
.food03 .food_list02 li:nth-child(2){width:42%;}
.food04 .food_list02 li:nth-child(2){width:42%;}
.food04 .food_list03 .img_box{height:50vw;}
.food05 .food_list02 li:nth-child(2){width:42%;}


/* cosmetics */
.cosmetics01 .tx_box p{font-size:16px;}
.cosmetics01 .tx_box strong{font-size:26px;}
.cosmetics02 .tx_box p{font-size:18px;}
.cosmetics02 .tx_box p span{font-size:20px;}
.cosmetics03 .food_list02 li:nth-child(2){width:42%;}


/* device */
.device01 .tx_box p{font-size:16px;}
.device01 .tx_box strong{font-size:26px;}
.device02 .tx_box p{font-size:18px;}
.device02 .tx_box p span{font-size:20px;}
.device03 .food_list02 li:nth-child(2){width:42%;}
.device04 .food_list02 li:nth-child(2){width:42%;}
.device05 .food_list02 li:nth-child(2){width:42%;}
.device06 .food_list02 li:nth-child(2){width:42%;}


/* drug */
.drug03 .food_list02 li:nth-child(2){width:42%;}
.drug04 .food_list02 li:nth-child(2){width:42%;}
.drug05 .food_list02 li:nth-child(2){width:42%;}
.drug01 .tx_box p{font-size:16px;}
.drug01 .tx_box strong{font-size:26px;}
.drug02 .tx_box p{font-size:18px;}
.drug02 .tx_box p span{font-size:20px;}

/* data */
.data01 ul li .img_box{height:20vw;}

/* contact */
.contact{display:flex; flex-direction:column;}
.contact > div:nth-child(1){order:2;}
.contact > div:nth-child(2){order:1;}
.contact .tx_box{width:100%; padding: 100px 0;}
.contact01{width:100%;}
}






@media screen and (max-width:768px) {
#sub_visual {height: 450px;}
#sub_visual .sub_visual{height:450px;}

#sub_contents {padding: 45px 0 0 0;}
#sub_visual .visual_tit h2{font-size: 42px; top: 55%;}
#sub_visual .visual_tit p{font-size:16px;}
.sub_nav {display: none;}

.navselect{display: block;}
.navselect select{display: block; position: relative; z-index: 4; width: 90%; margin: 0 auto;  background: url(../images/sub/arrow_down.png) no-repeat 96% center;
color: #333;  margin-top: 30px; border:1px solid #ddd; padding:0 35px 0 20px; height:50px;}

.sub_tit h3.int_tit{font-size: 34px;}
.sub_tit h3.int_tit span{font-size:24px;}

.green_com{width:7px; height:7px;}

/* intro */
.intro02{margin-top:-9%;}
.intro02 .tx_box p{font-size:16px;}
.intro02 .tx_box p.p_r{font-size:16px;}
.intro02 .tx_box p span{font-size:24px;}


/* org */
.org01 .blue_circle strong{font-size:20px;}
.org01 ul li{font-size:16px;}
.org02 ul li .tx_box{padding:15px 20px 15px 20px; min-height:100px;}
.org02 ul li .tx_box em{font-size:14px;}
.org02 ul li .tx_box strong{font-size:20px;}
.org02 ul li .tx_box strong span{font-size:14px;}
.org02 ul li .tx_box02 em{font-size:14px;}
.org02 ul li .tx_box02 strong{font-size:20px;}
.org02 ul li .tx_box02 strong span{font-size:14px;}
.org02 ul li .tx_box02 .bottom ul li{font-size:14px;}
.org02 ul li .tx_box02 .bottom p{font-size:14px;}
.org02 ul li .tx_box img{right:15px; top:75%;}
.org02 ul li .tx_box02 img{right:15px;}


/* secretariat */
.secretariat01 .tx_box{padding:25px;}
.secretariat02 ul li .tx_box{padding:15px 20px 15px 20px;}
.secretariat02 ul li .tx_box em{font-size:14px;}
.secretariat02 ul li .tx_box strong{font-size:20px;}
.secretariat02 ul li .tx_box strong span{font-size:14px;}
.secretariat02 ul li .tx_box02 em{font-size:14px;}
.secretariat02 ul li .tx_box02 strong{font-size:20px;}
.secretariat02 ul li .tx_box02 strong span{font-size:14px;}
.secretariat02 ul li .tx_box02 .bottom p{font-size:18px;}
.secretariat02 ul li .tx_box img{right:15px; top:75%;}
.secretariat02 ul li .tx_box02 img{right:15px;}
.secretariat03 .map{height:420px;}
.secretariat03 .map_box{position:unset;}
.secretariat03 .map_box h4{font-size:24px;}
.secretariat03 .map_box strong{font-size:16px;}
.secretariat03 .map_box p{font-size:16px;}
.secretariat03 .map_box em{font-size:14px;}
.secretariat03 .map_box em span{font-size:14px;}
.secretariat03 .map_box .p01{font-size:14px;}
.secretariat03 .map_box .p01 span{font-size:14px;}

/* map */
.map02 strong{font-size:22px;}
.map02 ul li .tx_box{min-height:320px;}
.map02 ul li .tx_box strong{font-size:20px;}
.map02 ul li .tx_box strong span{font-size:14px;}
.map02 ul li .tx_box p{font-size:14px;}


/* regulations */
.regulations .list li .top{padding:15px 20px; height:60px; background: url(../images/sub/down.png) no-repeat 98% 25px #f3f7fb;}
.regulations .list li .top.open{background: url(../images/sub/up.png) no-repeat 98% 25px #f3f7fb;}
.regulations .list li .top p{font-size:18px;}
.regulations .list li .bottom p{font-size:16px;}
.regulations .list li .bottom ul li{font-size:14px;}

/* research */
.tab_con .tab li{height:45px; line-height:unset; padding:10px 0;}
.tab_con .tab li a{font-size:14px;}
.research01 ul li{width:100%;}
.research01 ul li .img_box{height:75vw;}
.research02{height:auto; padding:45px 0; margin-bottom:75px;}
.research02 ul.list > li{width:100%; margin-bottom:35px;}
.research02 ul.list > li .tx_box{padding-top:0;}
.research02 ul.list > li ul li .img_box{height:40vw;}
.research04 ul li{width:31.83%; margin-bottom:2%;}
.research04 ul li:nth-child(4){margin-left:17.5%;}
.research05{background-size:100% 20%;}
.research05 .list > li{width:100%;}
.research05 .list > li ul li{height:auto; padding:35px 0; margin-bottom:25px;}
.research05 .list > li .img_box{margin-top:0; height:85vw;}
.research06 ul li{width:98.5%; margin-bottom:25px;}
.research06 ul li .img_box{height:50vw;}


/* paper */
.red{font-size:14px;}
.paper01 .tx_box{height:auto; padding:45px 15px;}
.paper01 .tx_box strong{font-size:26px;}
.paper01 .tx_box p{font-size:14px;}
.paper01 .tx_box .p01{font-size:16px;}
.paper01 .tx_box .p01 span{font-size:20px;}
.paper03 ul li{width:48.85%; height:200px;}
.paper03 ul li h5{font-size:16px;}
.paper03 ul li .tx_box strong{font-size:18px;}
.paper03 ul li .tx_box p{font-size:14px;}
.paper04 ul li{width:48.5%; margin-bottom:20px;}
.paper04 ul li .img_box{height:40vw;}
.paper05 .question li{height:45px; line-height:45px;}
.paper05 .question li .green{font-size:14px;}
.paper05 .question li{font-size:14px;}
.paper05 .list li{width:98.5%; margin-bottom:20px;}
.paper05 .list li .bottom p{font-size:14px;}


/* food */
.food_list01 li:nth-child(1){width:100% !important;}
.food_list01 li:nth-child(1) .img_box{text-align: center; margin-bottom:20px;}
.food_list01 li p{padding-left:0 !important;}
.food_list02 li:nth-child(1){width:100% !important; margin-bottom:25px;}
.food03 .food_list01 li:nth-child(2){width:100%;}
.food_list02 li:nth-child(2){width:100% !important;}
.food_list02 li strong{font-size:18px !important;}
.food_list02 li p{font-size:14px !important;}
.food03 h4{font-size:22px;}
.food03 .food_list02 table th{font-size:14px;}
.food03 .food_list02 table td{font-size:14px; height:45px;}
.food04 h4{font-size:22px;}
.food04 strong{font-size:18px;}
.food04 .food_list02{margin-bottom:25px;}
.food04 .food_list03 p{font-size:14px;}
.food05 h4{font-size:22px;}



/* cosmetics */
.cosmetics03 .food_list01 li:nth-child(2){width:100%;}
.cosmetics03 strong{margin-bottom:20px;}
.cosmetics03 h4{font-size:22px;}


/* device */
.device03 .food_list02 table th{height:45px; font-size:14px;}
.device03 .food_list02 table td{height:45px; font-size:14px;}
.device05 .food_list02 table th{height:45px; font-size:14px;}
.device05 .food_list02 table td{height:45px; font-size:14px;}
.device06 .food_list01 li:nth-child(2){width:100%;}
.device06 .food_list02 table th{height:45px; font-size:14px;}
.device06 .food_list02 table td{height:45px; font-size:14px;}

.device03 h4{font-size:22px;}
.device04 h4{font-size:22px;}
.device05 h4{font-size:22px;}
.device06 h4{font-size:22px;}
.device03 p.p_t{font-size:14px;}
.device04 p.p_t{font-size:14px;}

/* drug */
.drug03 .food_list02 table th{height:45px; font-size:14px;}
.drug03 .food_list02 table td{height:45px; font-size:14px;}
.drug03 .food_list01 li:nth-child(2){width:100%;}
.drug04 .food_list02 table th{height:45px; font-size:14px;}
.drug04 .food_list02 table td{height:45px; font-size:14px;}
.drug04 .food_list01 li:nth-child(2){width:100%;}
.drug03 h4{font-size:22px;}
.drug04 h4{font-size:22px;}
.drug05 h4{font-size:22px;}
.drug05 p.p_t{font-size:14px;}


/* data */
.data01 ul li{width:48.5%;}
.data01 ul li .img_box{height:30vw;}
.data01 ul li .tx_box{height:110px;}
.data01 ul li .tx_box{padding:15px;}
.data01 ul li .tx_box p{font-size:16px;}
.data01 ul li .tx_box .date{left:15px; bottom:15px; font-size:12px;}
.page_list ul li a{font-size:14px; width:35px; height:35px; line-height:35px; margin:0;}


/* notice */
.table_type1 > ul > li.tbTd .td_tit a {width:230px; font-size:15px; color:#333; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.table_type1 .td_day {width:100px; font-size:14px; }
.table_type1 .td_name {width:100px;font-size:14px; }
.table_type1 .td_up{width:80px;font-size:14px;}
.table_type1 .td_view {width:100px;;font-size:14px; }
.table_type1 ul{display:block !important;}
.table_type1 ul > li{display:block !important;overflow:hidden;border-bottom:1px solid #e6e6e6; position:relative;}
.table_type1 ul > li > div{display:block;border-bottom:0px !important;padding:0px;}
.table_type1 ul > li.tbTh > div {font-size:14px; float:left; width:200px;} 
.table_type1 ul > li.tbTd{padding:10px; text-align:left; padding-right:5px;}
.table_type1 ul > li.tbTd > div {padding:0px; border-bottom:0px;}
.table_type1 ul > li.tbTd .td_tit a {width:230px;font-size:14px;}
.table_type1 ul > li > div.disN {display:none;}
.table_type1 ul > li > div.disN.td_view{display: block; width:50px; padding-right:5px; float:right;}
.table_type1 ul > li > div.disv {display:inline-block;width:auto !important; font-size:13px;}
.table_type1 ul > li > div.td_day:before {content:"  " !important; margin:0px !important;}
.table_type1 ul > li > div.disv:before {content:" / "; color:#ddd; margin:0 5px;}
.mblock{display:inline-block;margin-left:-5px;}


/* notice_view */
.data_view .listBtn a{height:50px; line-height:50px; font-size:18px; width:140px;}

/* contact */
.contact01 .contact_form{padding:65px 15px;}
.contact01 .col{width:100%;}
.contact01 .agree textarea{width:100%;}
.contact01 .agree .agreeArea{width:100%;}
.contact01 .contact_btn{max-width:400px; width:100%;}
.contact01 .contact_btn a{font-size:14px; line-height:50px; height:50px;}
.contact .tx_box{padding:60px 0;}
.contact .tx_box strong{font-size:40px;}
.contact .tx_box p{font-size:14px; margin-bottom:40px;}
.contact .tx_box em{font-size:16px;}
.contact .tx_box .number{font-size:38px;}
.contact table tbody th{font-size:16px; width:80px;}
.contact table tbody td{font-size:16px;}
.contact table tbody td span{font-size:12px;}
}
}


@media screen and (max-width:600px){
/* research */
.research05{background-size:100% 25%;}
}


@media screen and (max-width:480px) {
#sub_visual {height: 360px;}
#sub_visual .sub_visual{height:360px;}
#sub_visual .visual_tit h2 {font-size: 38px;}
#sub_visual .visual_tit p {font-size:15px; word-break: keep-all;}
.navtab ul .nav_dep_1 {width: 33%;}
.navtab ul .nav_dep_2 {width: 45%;}
.sub_tit {font-size: 32px; margin-bottom: 25px;}
.sub_tit h3.int_tit {font-size:28px;}
.sub_tit h3.int_tit span{font-size:18px;}


/* intro */
.intro01 .tx_box strong{font-size:4.5vw;}
.intro01 .tx_box p{font-size:2.5vw;}
.intro02 .tx_box p{font-size:14px;}
.intro02 .tx_box p.p_r{font-size:14px;}
.intro02 .tx_box p span{font-size:20px;}

/* org */
.org01 ul{padding:0 25px;}
.org01 .blue_circle{height:153px; margin-bottom:40px;}
.org01 .blue_circle strong{font-size:18px;}
.org01 ul li{font-size:14px; margin-bottom:40px; height:50px; line-height:50px;}
.org01 ul li:nth-child(3)::after{left:-30%;}
.org02 ul.list > li{width:98.5%;}
.org02 ul li .img_box{height:80vw;}


/* secretariat */
.secretariat01 .tx_box strong{font-size:20px;}
.secretariat01 .tx_box p{font-size:14px;}
.secretariat02 ul.list > li{width:98.5%;}
.secretariat02 ul li .img_box{height:70vw;}


/* map */
.map02 ul li{width:98.5%;}
.map02 ul li .tx_box{min-height:280px;}



/* research */
.research01 ul li .tx_box{padding:35px 0 35px 15px;}
.research01 ul li .tx_box strong{font-size:30px;}
.research01 ul li .tx_box p{font-size:16px;}
.research02 ul.list > li .tx_box strong{font-size:22px;}
.research02 ul.list > li .tx_box p{font-size:16px;}
.research02 ul.list > li ul li p{font-size:18px;}
.research02 ul.list > li ul li p span{font-size:14px;}
.research03 .tx_box strong{font-size:30px;}
.research03 .tx_box p{font-size:16px;}
.research04 .re04_tx strong{font-size:22px;}
.research04 .re04_tx p{font-size:16px;}
.research04 ul li .tx_box img{width:45px;}
.research04 ul li .tx_box p{font-size:12px;}
.research05{background-size:100% 27%;}
.research05 .list > li ul li .tx_box strong{font-size:22px;}
.research05 .list > li ul li .tx_box02 strong{font-size:20px;}
.research05 .list > li ul li .tx_box p{font-size:16px;}
.research06 ul li .tx_box strong{font-size:20px;}
.research06 ul li .tx_box p{font-size:14px;}

/* paper */
.paper02 strong{font-size:22px;}
.paper03 ul li{width:98.85%; margin-bottom:20px;}
.paper03{margin-bottom:45px;}
.paper04 strong{font-size:22px;}
.paper05 strong{font-size:22px;}
.paper04 ul li .tx_box p{font-size:14px;}
.paper04 ul li .tx_box p.red{font-size:14px;}
.paper04 ul li .tx_box p span.red{font-size:14px;}
.paper05 .question li .green{font-size:12px;}
.paper05 .question li{font-size:12px;}
.paper05 strong span{font-size:16px;}

/* food */
.food01 .tx_box{padding:20px; height:auto;}
.food01 .tx_box p{font-size:16px;}
.food01 .tx_box strong{font-size:22px;}
.food03 h4{font-size:20px;}
.food04 h4{font-size:20px;}
.food05 h4{font-size:22px;}

/* cosmetics */
.cosmetics01 .tx_box{padding:20px; height:auto;}
.cosmetics01 .tx_box p{font-size:16px;}
.cosmetics01 .tx_box strong{font-size:22px;}
.cosmetics03 h4{font-size:22px;}


/* device */
.device01 .tx_box{padding:20px; height:auto;}
.device01 .tx_box p{font-size:16px;}
.device01 .tx_box strong{font-size:22px;}
.device03 h4{font-size:20px;}
.device04 h4{font-size:20px;}
.device05 h4{font-size:20px;}
.device06 h4{font-size:20px;}

/* drug */
.drug01 .tx_box{padding:20px; height:auto;}
.drug01 .tx_box p{font-size:16px;}
.drug01 .tx_box strong{font-size:22px;}
.drug03 h4{font-size:20px;}
.drug04 h4{font-size:20px;}
.drug05 h4{font-size:20px;}



/* data  */
.data01 ul li .tx_box p{font-size:15px;}


/* notice_view */
.data_view .titArea h5.tit{font-size:20px;}
.data_view .fileArea span{width:120px; font-size:14px;}
.data_view .prevNext > div span{width:120px; font-size:14px;}
.data_view .fileArea a{font-size:14px;}
.data_view .prevNext .tit{font-size:14px;}
}













