@charset "utf-8";
/* 초기화 */
html {overflow-y:scroll; font-size:10px;}
body {padding:0;font-size:1.2rem;font-family:'Noto Sans KR', sans-serif; -webkit-text-size-adjust: 100%; letter-spacing:-0.5px;  margin:0 auto !important;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', sans-serif; word-break:keep-all;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1.4rem}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;font-size:1.4rem}
input[type="submit"] {cursor:pointer; -webkit-appearance: none;}
button {cursor:pointer}
img {max-width:100%; height:auto;}
textarea, select {font-family:'Noto Sans KR', sans-serif;font-size:1.4rem}
select {width:100%;height:4rem; padding: 0 2rem; padding-right:3rem; font-size:1.4rem; color:#333; background: url('../img/arr_down.svg') no-repeat 90% 50% #fff; background-size:2.4rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border:1px solid #e5e5e5;}
select::-ms-expand {display: none;}
p {margin:0;padding:0;word-break:keep-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=email],input[type=password], textarea {outline:none; -webkit-appearance: none;}

input[type=text]:focus,input[type=email]:focus,input[type=password]:focus, textarea:focus,select:focus {outline:none;}

.page_wrap {font-size:0; text-align:center; background: #fff;}
.page_wrap .num {width:3.5rem; height:3.5rem; background:#fff; line-height:3.5rem; font-size:1.4rem; color:#999; text-align:center; margin:0 0.25rem;}
.page_wrap .num:hover,
.page_wrap .num.current {color:#0080b7; font-weight: 800; font-size: 1.6rem;}
.page_wrap span {display:inline-block; vertical-align:middle; cursor:pointer;}
.page_wrap .prev,
.page_wrap .next,
.page_wrap .page_prev,
.page_wrap .page_next {width:3.5rem; height:3.5rem; background-size:1.6rem; background-repeat:no-repeat; background-position:center;}
.page_wrap .page_prev {background-image:url('../img/page_prev.jpg');}
.page_wrap .page_next {background-image:url('../img/page_next.jpg');}
.page_wrap .prev {background-image:url('../img/left_dk.svg'); margin-left: 0.5rem; margin-right: 1rem;}
.page_wrap .next {background-image:url('../img/right_dk.svg'); margin-left: 1rem; margin-right: 0.5rem;}

#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

#loadings {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #ffffff; z-index: 999999;}
#loading_api {position: absolute; width: 50px; height: 50px; border: 2px solid rgba(0, 0, 0, .1); border-radius: 50%; border-top-color: #1d2a55; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; margin: auto; top: 0; left: 0; bottom: 0; right: 0;}
@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
       -webkit-transform: rotate(360deg);
       transform: rotate(360deg);
   }
}

.wrap:after,
.clear:after {content:''; display:block; clear:both;}

.wrap {max-width:128rem; padding:0 2rem; position:relative; margin:0 auto;}
.bt_adm {margin-top:1rem;}
.bt_adm a {display:inline-block; padding:1rem 0;}
.ft_adm {position: fixed; right: 2rem; bottom: 2rem; z-index: 11; text-align: center; background: rgba(0,0,0,0.8); padding: 1rem 1rem; font-size: 1.4rem;}
.ft_adm a {display:block; padding:1rem 0;}
.pc_on {display:block;}
.m_on {display:none;}
.gnb_pc {display:block;}
.gnb_m {display:none;}
.pc768 {display:block;}
.m768 {display:none;}
.blk {display:block;}
.le {float:left;}
.ri {float:right;}
.ani {transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}
.layer-pop-wrap {position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; z-index: 9999; overflow-y: auto; background: rgba(0,0,0,0.5);}
.open_ly .outb {display: table; width: 100%; height: 100%; table-layout: fixed;}
.open_ly .inb {display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align:center;}
.open_ly .layer_ctt {position: relative; width: 54rem; margin: 0 auto; background: #fff; border-radius: 5px;}
.open_ly .layer_ctt .view_close {background: #000; margin: 0 2rem; height: 5rem; line-height: 5rem; color: #fff; font-size: 1.4rem; text-align: center; cursor: pointer;}
.layer-pop-wrap .pric_ta {width: 100%; height: 43rem; padding: 1.5rem; color: #333; font-size: 1.3rem; border:0; resize:none;}
.layer-pop-wrap.open {display:block;}
.open_ly .layer_ctt .m1 {font-size: 1.6rem; font-weight: 500; height: 5.4rem; line-height: 5.4rem; border-bottom: 1px solid #ededed; padding: 0 2rem;}

.bottom-top {transform: translate(0,30px); -webkit-transform: translate(0,30px); -webkit-transition: 0.8s; transition: 0.8s; opacity:0;}
.img-ani {transition: all 1s ease; -webkit-transition: all 1s ease; opacity: 0;}
.img-aniload {transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); opacity:1;}
.img-aniload.bottom-top {transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); opacity: 1;}
.txt-ani {overflow: hidden; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity: 0; color:#111;}
.txt-ani > span {-webkit-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit; transition: inherit; transform: translate(0,100px); -webkit-transform: translate(0,100px); -moz-transform: translate(0,100px); -ms-transform: translate(0,100px); -o-transform: translate(0,100px); opacity: 0; display: inline-block;}
.txt-aniload > span {transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); opacity: 1;}
.tech-img {display:inline-block; max-width: 100%;}
.tech-img img {max-width: 1200px;}
.tech-img > div {width: 0; overflow: hidden; -webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -ms-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease; opacity: 0;}
.tech-aniload > div {width: 100%; opacity: 1;}
.left-right {opacity:0; transform: translate(-40px,0); -webkit-transform: translate(-40px,0); -moz-transform: translate(-40px,0); -ms-transform: translate(-40px,0); -o-transform: translate(-40px,0); transition: all 1s ease; -webkit-transition: all 1s ease;}
.right-left {opacity:0; transform: translate(40px,0); -webkit-transform: translate(40px,0); -moz-transform: translate(40px,0); -ms-transform: translate(40px,0); -o-transform: translate(40px,0); transition: all 1s ease; -webkit-transition: all 1s ease;}
.img-aniload .left-right,
.img-aniload .right-left,
.img-aniload.left-right,
.img-aniload.right-left {transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); opacity: 1;}
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.fn {font-family: 'Nanum Myeongjo', serif;}

#hd {position: relative; height:331px;}
#hd .top_sch {padding:3.5rem 0; background:#fff;}
#hd .top_sch .in {position:relative; max-width:56rem; margin:0 auto; height: 5rem; padding-right: 5rem;}
#hd .top_sch input {width: 100%; height: 100%; border: 4px solid #01324b; border-right:0; text-align: center; font-size: 1.6rem; color:#333; border-radius:0;}
#hd .top_sch input::placeholder {color:#a6a6a6; font-weight:300;}
#hd .top_sch button {position:absolute; top:0; right:0; width:6rem; height:5rem; border:0; background:url('../img/search_w.svg') no-repeat center #01324b; background-size: 3rem;}
#hd .top_txt {background:#01324b; padding:4rem 0; color:#fff;}
#hd .top_txt .le {position:relative;}
#hd .top_txt .img {position: absolute; left: 0; bottom: -27px;}
#hd .top_txt .img img {box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
#hd .top_txt .txt {}
#hd .top_txt .txt a {display:block; color:#fff;}
#hd .top_txt .img + .txt {margin-left: 19rem;}
#hd .top_txt .ri {}
#hd .top_txt .m1 {font-size:2.4rem;}
#hd .top_txt .m2 {font-size:1.8rem; font-weight: 300;}
#hd .top_txt .m3 {font-size:1.6rem; font-weight: 300; text-align:right; line-height: 3rem; letter-spacing:0;}

#c_gnb {position:absolute; left:0; right:0; overflow:hidden; border-bottom:1px solid #e1e1e1; height:7rem; z-index:1; background-color: #fff; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#c_gnb .wr_in {position: relative;}
#c_gnb .wr_in:after {content:''; display:block; clear:both;}
#c_gnb .mn_wr {position:relative; z-index:2; max-width: 124rem; margin: 0 auto;}
#c_gnb .mn_ul {display: flex;}
#c_gnb .hd_wrap:after,
#c_gnb .mn_ul:after {content:''; display:block; clear:both;}
#c_gnb .mn_ul .tit_menu {position:relative;}
#c_gnb .mn_ul .tit_menu.w1 {width:15%;}
#c_gnb .mn_ul .tit_menu.w2 {width:20%;}
#c_gnb .mn_ul .tit_menu.w3 {width:17%;}
#c_gnb .mn_ul .tit_menu.w4 {width:15%;}
#c_gnb .mn_ul .tit_menu.w5 {width:16%;}
#c_gnb .mn_ul .tit_menu.w6 {width:17%; text-align:center;}
#c_gnb .mn_ul .dep_w {}
#c_gnb .mn_ul .dep_w .de1 {position:relative;}
#c_gnb .mn_ul li:hover.tit_menu {}
#c_gnb .mn_ul li:hover .de1 {}
#c_gnb .mn_ul li:hover .de1 a {}
#c_gnb .mn_ul .de1 a {position:relative; display:block; height: 7rem; line-height: 7rem; font-size:1.9rem; color:#111;}
#c_gnb .mn_ul .de1 a span {position:relative;}
#c_gnb .mn_ul .de1 a span:after {content:''; opacity:0; content:''; position: absolute; bottom: -1rem; left: 0; width: 0; height: 2px; background: #01324b; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
#c_gnb .mn_ul li:hover .de1 span:after {width: calc(100% + 30px); opacity:1;}
#c_gnb .mn_ul .de1 a span:before {content:''; position: absolute; top: 9px; right: -27px; width: 1.4rem; height: 1.3rem; background: url('../img/arr_lk.png') no-repeat center; background-size: 1.4rem;}
#c_gnb .mn_ul .de1 a span.aimg:before {content:''; background: url('../img/arr_lk1.png') no-repeat center; background-size: 1.3rem;}
#c_gnb .mn_ul .dep_m li:hover a {color:#ff9800;}
#c_gnb .mn_ul .dep_m {height: 53rem; padding-right: 2rem;}
#c_gnb .mn_ul .dep_w .dep_m a {position:relative; font-size:1.6rem; padding: 0.6rem 0; display: block; word-break: keep-all; color:#777;}
#c_gnb .mn_ul .dep_w .dep_m a span {position:relative;}
#c_gnb .mn_ul .dep_w .dep_m .sm a {text-align: left; padding-left: 1rem; font-size:1.4rem;}
#c_gnb .mn_ul .dep_w .dep_m a:hover span {}
#c_gnb .mn_ul .dep_w .dep_m a:hover span:before {/*content:''; position: absolute; top: 1rem; left: -1.5rem; width: 0.5rem; height: 0.5rem; background: #d10a11; border-radius: 50%;*/}
#c_gnb .logo {float:left; position: relative; z-index: 1;}
#c_gnb .logo a {float:left; display:block; height: 7rem; line-height: 7rem;}
#c_gnb .logo img {height:5rem;}
#c_gnb .ov_bg {position:absolute; top:0; left:0; right:0; height:7rem; z-index: 1; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#idx {}
.sec1 {background:#f5f5f5; margin-top:2rem;}
.sec1 .in {display:flex;}
.sec1 .w50,
.sec1 .w51 {width:50%; padding:4rem 0; position:relative; display:flex; padding-right:2rem;}
.sec1 .w50 {border-right:10px solid #fff;}
.sec1 .w51 {border-left:10px solid #fff; padding-left: 4rem;}
.sec1 .img {width:33%; padding-right:1.5rem;}
.sec1 .w50 .img img {box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.sec1 .txt {width:67%;}
.sec1 .txt h2.fn {font-size:2.4rem; color:#4a66ac; font-weight:800; margin-bottom:2rem;}
.sec1 .txt h2.cc {font-size:2.4rem; font-weight:700; color:#111; margin-bottom:2rem;}
.sec1 .txt .m1 {font-size:1.8rem; color:#333; word-break:keep-all; padding-right:4rem; line-height:3rem; font-weight:700;}
.sec1 .txt .m1 b {color:#000; font-weight:900;}
.sec1 .w51 .m1 {margin-top:2rem;}
.mv_lk {display: block; font-size: 1.8rem; color: #4a66ac; font-weight: 300; font-style: italic; margin-top: 2rem;}
.mv_lk span {position:relative; display: inline-block;}
.mv_lk span:after {content:''; position:absolute; bottom:-5px; left:0; right:-10px; height:1px; background:#4a66ac;}
.mv_lk span:before {content:''; opacity:0; position:absolute; bottom:-5px; left:0; width:0; height:30px; background:rgba(74,102,172,0.2); transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.mv_lk:hover span:before {opacity:1; width: 75%;}
.sec2 {background:#eff4f6; padding:6.5rem 0 4rem; margin-top:2rem;}
.tit_box {position:relative;}
.tit_box .mv_lk {position:absolute; top:0; right:1rem;}
.h2_tit {font-size:2.6rem; color:#111; font-weight:500; position:relative; padding-top:1.5rem;}
.h2_tit:before {content:''; position:absolute; top:0; left:0; width:2rem; height:5px; background:#01324b;}
.prs_ltt {margin-top:3.5rem;}
.prs_ltt ul {margin:0 -0.5rem;}
.prs_ltt li {float:left; width:25%; padding:0 0.5rem;}
.prs_ltt li a {display:block; background:#fff; padding:3rem 2rem;}
.prs_ltt li a:hover h3 {text-decoration:underline;}
.prs_ltt h3 {font-size:1.7rem; color:#4a66ac; height: 74px; line-height:2.5rem; text-overflow: ellipsis; overflow: hidden; display: block; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.prs_ltt .name {padding:2.5rem 0;}
.name_tag {display:inline-block; position:relative; font-size:1.4rem; color:#191919; margin-right: 0.5rem;}
.name_tag:after {content:',';}
.name_tag:last-child:after {display:none;}
.name_tag.orcid {content: 'iD'; font-size: 1.2rem; background: #9bd500; color: #fff; width: 18px; height: 18px; position: absolute; text-align: center; line-height: 18px; border-radius: 50%; top: 5px; right: -22px;}
.prs_ltt .date {font-size:2rem; color:#555; font-style:italic; line-height: 2.7rem;}
.sec3 {margin-top:5rem;}
.sec3 .tab {}
.sec3 .tab_box {margin-top:3rem; position:relative;}
.sec3 .tab_box:after {content:''; background:#4a66ac; position: absolute; bottom: -2px; left: 0; height: 2px; right: 0;}
.sec3 .tab li {font-size:1.8rem; color:#656565; font-weight:300; float:left; cursor:pointer; height:4.2rem; line-height:4.2rem; width:18rem; text-align:center; background:#efefef; margin-right: 2px;}
.sec3 .tab li.on {position:relative; background-color:#fff; color:#111; font-weight:500;}
.sec3 .tab li.on:after {content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #4a66ac; border-bottom: 0;}
.sec3 .tab li.on:before {content:''; position: absolute; bottom: -2px; left: 2px; right: 2px; height: 2px; background: #fff; z-index: 1;}
.sec3 .tab_con {clear:both; margin-top:4.5rem;}
.sec3 .tab_con .tab_dv {display:none;}
.lat_txt {}
.lat_ul {display: flex; flex-wrap: wrap; margin:0 -2rem;}
.lat_ul > li {width:25%; padding:0 2rem; margin-bottom:7.5rem;}
.lat_ul > li > a {display:block;}
.lat_txt .m1 {font-size:1.4rem; color:#4a66ac; font-weight:700; word-break: break-all;}
.lat_txt .m1 a {color:#4a66ac;}
.lat_txt .m2 {margin-top:1rem;}
.lat_txt .m2 a {font-size:1.7rem; color:#555; height: 74px; font-weight:700; line-height:2.5rem; text-overflow: ellipsis; overflow: hidden; display: block; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.lat_txt .m2 a:hover {text-decoration:underline; color: #4a66ac;}
.lat_txt .m3 {margin:2.5rem 0;}
.lat_txt .bt {}
.lat_txt .bt li {}
.lat_txt .bt li.le {font-size:1.6rem; color:#555; font-weight:300; height: 3.4rem; line-height: 3.4rem;}
.lat_txt .bt li.ri {}
.aip_list .down,
.lat_txt .bt li.ri a {display: flex; border: 1px solid #ddd; font-size: 1.3rem; color: #666; align-items: center; padding: 0 1rem; height: 3.4rem; font-weight: 300;}
.aip_list .down:hover,
.lat_txt .bt li.ri a:hover {border:1px solid #4a66ac;}
.aip_list .down img,
.lat_txt .bt li.ri img {height:22px; margin-right:3px;}
.sec4 {padding:5rem 0; background:#f5f5f5;}
.sec4 .w50 {float:left; width:50%; padding-right:10%;}
.sec4 .w50 h2 {font-size:2.5rem; margin-bottom:3rem; color:#252525; border-bottom:1px solid #252525; padding-bottom:1rem; font-weight:700;}
.sec4 .w50 .bt {}
.sec4 .w50 .bt li {float:left; width:50%;}
.sec4 .w50 .bt li a {position:relative; display:block; font-size:1.8rem; color:#525252; padding-bottom:1rem;}
.sec4 .w50 .bt li a:after {content:''; position: absolute; right: 15px; top: 2px; width: 2.4rem; height: 2.4rem; background: url('../img/arr_right_b.svg') no-repeat center; background-size:100%;}
.sec4 .w50 .m1 {font-size:1.8rem; color:#525252; padding-bottom:1rem;}
.sec4 .w50 .mt {}
.sec4 .w50 .mt li {float:left; width:50%;}
.sec4 .w50 .mt li a {display:block; font-size:1.8rem; color:#525252;}
.sec4 .w50 .m1 a span,
.sec4 .w50 .mt li a span,
.sec4 .w50 .bt li a span {border-bottom:2px solid transparent; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.sec4 .w50 .m1 a:hover span,
.sec4 .w50 .mt li a:hover span,
.sec4 .w50 .bt li a:hover span {border-bottom:2px solid #f49423; color:#191919;}
.sec4 .w50 .m1 a {color:#525252;}
.sec4 .w50 .m1 a span img,
.sec4 .w50 .mt li a img {margin-top: -3px; margin-left: 5px;}

#ft {padding:5rem 0; background:#111;}
#ft .in {position:relative;}
#ft .flogo {position:absolute; top:0; left:0;}
#ft .ftxt {margin-left:30rem;}
#ft .ftxt .m1 {font-size:1.6rem; color:#929292;}
#ft .ftxt .m1 .mr {margin:0 1rem;}
#ft .ftxt .m2 {font-size:1.6rem; color:#515151; margin-top:1rem;}
#hd.fixed #c_gnb {position:fixed; top:0;}

#sub_content {}
.sub_ctt_in {display: flex;}
.sub_le {flex-basis:310px; width: 310px; padding-top:5.5rem; padding-right:6rem; padding-bottom:10rem;}
.sub_ri {width: calc(100% - 310px); padding-left:5rem; padding-top:5.5rem; padding-bottom:10rem; border-left:1px solid #e1e1e1; min-height:76rem;}
.subp_h2 {font-size:2.6rem; color:#111; font-weight:700; margin-bottom:3rem;}
.sub_ri .h2_tit {display:block; margin-bottom:5rem;}
.sub_ri .h2_tit b {font-weight: 700;}

.cate_menu {}
.cate_menu li {margin-bottom:0.5rem;}
.cate_menu li a {display:block; font-size:1.7rem; color:#8b8b8b; padding: 0.7rem 1rem; font-weight: 300;}
.cate_menu li.on {}
.cate_menu li a:hover {background: #01324b; color: #fff;}
.cate_menu li.on a {font-weight: 400; background: #01324b; color: #fff;}
.cate_menu li a.sm {font-size:1.5rem; padding-left:2rem;}

.m17 {font-size:1.7rem; color:#444; line-height:3rem; font-weight:300; letter-spacing:0; word-break:keep-all;}
.m17 b {color:#000; font-weight:400;}

.edit {}
.list_v1 {margin-bottom:3rem;}
.list_v1 .m17 {}
.list_v1 .cc1 {font-weight:500; color:#4a66ac;}
.list_v1 i {}
.subs .abox .mail,
.list_v1 .mail {font-size:1.6rem; color:#777; border-bottom: 1px solid #ccc;}
.list_v1 .gr {background: #b2b2b2; color: #fff; font-size: 1.4rem; display: inline-block; padding: 0 1rem; margin-left: 1rem;}
.list_v1 .m20 {font-size:2rem;}
.list_v1 .m15 {font-size:1.5rem;}
.dot {position:relative; padding-left:1.5rem;}
.dot:before {content:''; position:absolute; top: 12px; left: 0; width: 5px; height: 5px; background: #555; border-radius: 50%;}
.pdl {padding-left:3rem;}
.num {position:relative; padding-left:1.7rem;}
.num span {position:absolute; top: 0; left: 0;}
.dot2 {position:relative; padding-left:1.5rem; margin-left: 3rem;}
.dot2:before {content:''; position:absolute; top: 13px; left: 0; width: 5px; height: 5px; border:1px solid #555; border-radius: 50%;}
.texc {text-align:center;}

.subs {}
.tbl1 {}
.tbl1 table {width:100%; border-collapse:collapse; border-spacing:0;}
.tbl1 table caption {display:none;}
.tbl1 table th {font-size:1.6rem; color:#111; background:#f5f5f5; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-top:2px solid #111; padding:2rem 1.5rem; font-weight:500;}
.tbl1 table td {font-size:1.5rem; color:#555; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; padding:2rem 1.5rem;}
.tbl1 .th1 {}
.tbl1 .th2 {}
.tbl1 .th3 {}
.tbl1 .th4 {border-right:0;}
.tbl1 .td1 {}
.tbl1 .td2 {}
.tbl1 .td3 {}
.tbl1 .td4 {}
.tbl1 .td5 {border-right:0;}
.subs .abox {margin-top:3rem;}
.tbl1.bt {margin-top:4.5rem;}
.tbl1.bt caption {display: table-caption; font-style:italic; text-align:left; font-size:1.7rem; color:#181818; padding-bottom:1rem;}
.tbl1 .bd0 {border-right:0;}
.tbl1.bt .th1 {width:60%;}
.tbl1.bt .th2 {width:40%;}

.aip_list_wr {margin: -2rem -2rem 0;}
.aip_list {margin-bottom:3rem;}
.aip_list .in {display:block; padding:2rem 2rem; border:1px solid transparent; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}
.aip_list .lk {display:block;}
.aip_list h3 {font-size:2.1rem; color:#111; font-weight:800; line-height:3rem; word-break:keep-all;}
.aip_list h4 {font-size:1.8rem; color:#111; font-weight:600; line-height:2.4rem; word-break:keep-all;}
.aip_list .name {margin:2rem 0; word-break:keep-all;}
.aip_list .name .name_tag {margin-bottom:0.5rem; font-weight: 300;}
.aip_list .date {font-size:1.8rem; color:#555; font-style:italic; font-weight:700; word-break:keep-all;}
.aip_list .in:hover {box-shadow: 0 20px 30px 0px rgba(0, 0, 0, 0.2); border-radius:1rem; border:1px solid #f5f5f5; transform: translateY(-3px); -webkit-transform: translateY(-3px);}
.aip_list .ctt {font-size:1.8rem; color:#8f8f8f; line-height:3rem; font-weight:300; margin-bottom:2rem; word-break:keep-all;}
.aip_list .infot {}
.aip_list .down {margin-top:1.5rem; display:inline-flex; padding:0 1.5rem;}
.aip_list .down img {}
.aip_list .date1 {}

.aip_v_summ {}
.aip_v_summ dl {margin-bottom:3.5rem;}
.aip_v_summ dl dt {font-size:2rem; color:#111; font-weight:800; margin-bottom:1rem;}
.aip_v_summ dl dd {font-size:1.45rem; color:#555; font-style:italic; font-weight:700; line-height: 2.7rem; word-break:break-word;}
.aip_v_summ .copy {font-size:1.7rem; color:#555; font-style:italic; font-weight:700;}
.aip_v_summ .i1 {margin-top: -7px;}

.view_summ_wr {margin-top:10rem;}
.view_summ {margin-bottom:5rem;}
.view_summ .m1 {font-size:2.3rem; color:#4a66ac; font-weight:700; margin-bottom:1.5rem;}
.view_summ .ctt {}
.view_summ .ctt a {color: #4a66ac; text-decoration: underline; margin-right: 1.1rem;}

.a_iss {}
.a_iss .list_wr {}
.a_iss .list {border-bottom: 1px solid #e2e2e2; margin-bottom:2.5rem;}
.a_iss .list .tit {font-size:2rem; color:#4a66ac; font-weight:700; margin-bottom:2rem;}
.a_iss .list ul {margin:0 -1.5rem;}
.a_iss .list ul li {float:left; width:16.6666666%; padding:0 1.5rem; margin-bottom:3rem;}
.a_iss .list ul li a {display:block; text-align:center;}
.a_iss .list ul li a:hover {transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.a_iss .list ul li a .img {}
.a_iss .list ul li a .img img {box-shadow: 2px 2px 5px rgba(0,0,0,0.5); width:100%;}
.a_iss .list ul li a p {font-size:1.6rem; color:#222; margin-top:1rem;}

.a_iss_v {}
.a_iss_v .aip_list_wr {margin: 5rem 0 0;}
.a_iss_v .aip_list {margin-bottom: 6rem;}

.sch_list {}
.sch_list_wr {}
.sch_list_wr .list {margin-bottom:1rem;}
.sch_list_wr .list .in {position:relative; padding-left: 15rem;}
.sch_list_wr .list .ipt_wr {height: 4rem; position:relative; padding-right:5rem; padding-left: 21rem;}
.sch_list_wr .list .ipt_wr .comm_selc {position: absolute; top: 0; left: 0; width: 20rem;}
.comm_ipt {width: 100%; height: 4rem; border: 1px solid #e5e5e5; padding: 0 1rem; border-radius:0;}
button.remove,
button.add {display: block; width: 4rem; height: 4rem; border: 0; background-color: #b8b8b8; background-repeat: no-repeat; background-position: center; background-size: 1.2rem; border-radius: 0;}
button.remove {background-image: url('../img/minus_w.svg');}
button.add {background-image: url('../img/plus_w.svg');}
.sch_list_wr button.add {position: absolute; top: 0; right: 0;}
.sch_list_wr button.remove {position: absolute; top: 0; right: 0; z-index: 1;}
.sch_list_wr .fst_selc {position: absolute; top: 0; left: 0; width: 14rem;}
.sch_list_wr .list_btn {position:relative; height:4rem; margin-top:2rem;}
.sch_list_wr .list_btn button.add {position:absolute; top:0; left:5rem;}
.sch_list_wr .list_btn button.remove {right:auto; left:0;}
.sch_cfm {text-align:center; margin-top:5.5rem;}
.sch_cfm button {display:inline-block; color:#fff; background:#2f2f2f; font-size:1.6rem; font-weight:400; height:4rem; line-height:4rem; padding:0 1.5rem; border:0; border-radius:0;}
.sch_cfm button img {margin-top: -3px; height: 2.2rem;}
.sch_rst {}
.sch_rst .aip_list {margin-bottom:5.5rem;}
.sch_rst_stx {margin-bottom:4rem; background:#f5f5f5; padding:4rem 2rem;}
.sch_rst .aip_list_wr {margin:0 0;}
.sch_rst_stx .in {display: flex;}
.sch_rst_stx .w50 {width:50%; font-size:2.2rem; text-align: center;}
.sch_rst_stx .w50 .t1 {position:relative; font-weight:500;}
.sch_rst_stx .w50 .t1:before {content:''; position: absolute; width: 5px; height: 17px; background: #01324b; top: 9px; left: -15px;}
.sch_rst_stx .w50 .t2 {font-weight:300;}

.gud {}
.line_txt {position:relative; padding-left:2rem; margin-bottom:3rem;}
.line_txt:before {content:''; position: absolute; top: 10px; left: 0; width: 3px; bottom: 4px; background: #333;}
.line_txt .m1 {font-size:2.3rem; color:#4a66ac; font-weight:700;}
.line_txt .m2 {font-size:1.9rem; color:#272727;}
.gud .abox {margin-bottom:3rem;}
.gud .abox .m17 {}
.gud .abox .bk {display:block; color:#000; font-weight:400;}
.gud .abox .mgt {margin-top:1.5rem;}
.gud .abox .cc {font-weight:400; color:#4a66ac;}
.m15 {font-size:1.5rem; color:#555; line-height:2.7rem; word-break:keep-all;}

.eth {}
.eth .abox {font-size:1.8rem; color:#444; line-height:2.8rem; font-weight:700;}
.eth .bbox {margin-top:3rem;}
.eth .bbox dt {font-size:1.7rem; margin-bottom:0.5rem;}
.eth .bbox .bk {color:#111;}
.eth .bbox dd {}
.eth .bbox .cc,
.m17.cc {color:#4a66ac;}

.peer {}
.peer .abox {}
.peer .bbox {margin-top: 3rem;}
.peer .bbox .m17 {}
.peer .bbox .m17.cc {font-weight: 400; margin-bottom: 1rem;}
.peer .bbox .m15 {margin-bottom:3rem;}

.cover {}
.cover .abox {padding-left:2rem; margin-bottom:2rem;}
.cover .abox .m1 {position:relative; font-size:2rem; color:#4a66ac; font-weight:800; margin-bottom:1rem;}
.cover .abox .m1:before {content:''; position: absolute; top: 7px; left: -20px; width: 8px; height: 8px; background: #4a66ac; border-radius: 50%;}
.cover .abox ul {}
.cover .abox ul li {float:left; margin-right:1.5rem; margin-bottom:1.5rem;}
.cover .abox ul li a {display:block; font-size:1.5rem; color:#555; font-weight:700; border-bottom: 1px solid #ddd; padding-bottom: 3px;}
.cover .abox ul li a:hover {border-bottom: 1px solid #000; color: #4a66ac;}

.down_tbox {display: flex; align-items: center; margin-top: 1.5rem;}
.down_tbox .down {margin-top: 0;}
.down_tbox .c_txt {font-size: 1.6rem; color: #242424; font-style: italic; font-weight: 800; margin-left: 1.5rem;}

.aut {}
.aut_sch {}
.aut_sch .in {position: relative; padding-left: 8rem;}
.aut_sch .tit {position: absolute; font-size: 1.6rem; color: #333; top: 0; left: 0; height: 4rem; line-height: 4rem; padding-left:1.5rem;}
.aut_sch .tit:before {content:''; position: absolute; width: 5px; height: 5px; background: #333; border-radius: 50%; top: 19px; left: 0;}
.aut_sch .ipt {}
.aut_sch .ipt .comm_ipt {width: 26rem;}
.aut_sch .ipt button {height: 4rem; border: 0; border-radius: 0; background: #222; color: #fff; font-size: 1.6rem; width: 6rem; margin-left: 1rem;}
.aut_sch_stx {margin-top:3rem; background:#f5f5f5; padding:2.5rem 3rem 2rem;}
.aut_sch_stx ul {}
.aut_sch_stx ul li {float:left; margin:0 5px 5px;}
.aut_sch_stx ul li a {display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 1.3rem; color: #585858;}
.aut_sch_stx ul li a:hover {background:#d5d5d5;}
.aut_sch_stx ul li a.on {background:#454545; color:#fff;}
.aut_sch_rst {margin-top:4rem;}
.aut_sch_rst .in {}
.aut_sch_rst .list {margin-bottom:1rem; padding-right: 17rem; position:relative;}
.aut_sch_rst .stx {position:relative; font-size:1.8rem; color:#111; font-weight:800; padding-left: 2.5rem;}
.aut_sch_rst .stx:before {content:''; position: absolute; width: 13px; height: 3px; background: #01324b; top: 14px; left: 0;}
.aut_sch_rst .stx a {display:block; padding:5px 0;}
.aut_sch_rst .stx a:hover {text-decoration:underline;}
.aut_sch_rst .cnt {font-size: 1.8rem; color: #494949; position: absolute; top: 5px; right: 0; font-weight:700;}

.msk {}
.msk .list_wr {}
.msk .list_wr ul {}
.msk .list_wr li {font-size:1.9rem; color:#111; font-weight:800;}
.msk .list_wr li a {display:block; padding:1rem 0;}
.msk .list_wr li a:hover {text-decoration: underline; text-underline-position: under; text-decoration-color: #4a66ac; text-decoration-thickness: 1px;}
.msk .list_wr .num {margin-right:1rem;}
.msk .list_wr .cc {color:#4a66ac;}

.help {}
.help .abox {border-top:2px solid #434343;}
.help .abox table {width:100%; border-spacing:0; border-collapse:collapse;}
.help .abox table caption {display:none;}
.help .abox table th {font-size:1.7rem; color:#111; font-weight:400; background:#f5f5f5; border-bottom:1px solid #ddd; padding:1.5rem 3rem; text-align:left; width:20rem;}
.help .abox table td {font-size:1.7rem; color:#111; border-bottom:1px solid #ddd; padding:1.5rem 3rem;}
.help .abox .th1 {}
.help .abox .th2 {}
.help .abox .th3 {}
.help .abox .th4 {vertical-align:top;}
.help .abox .td1 {}
.help .abox .td2 {}
.help .abox .td3 {}
.help .abox .td4 {}
.help .abox .texta {display:block; width:100%; height:20rem; border:1px solid #ddd; border-radius:0; resize:none; padding:1rem 1rem;}
.send_btn {text-align:center; margin-top:4rem;}
.send_btn .btn {display:inline-block; vertical-align:middle; width:12rem; height:4rem; line-height:4rem; background:#2f2f2f; color:#fff; font-size:1.6rem; border:0; border-radius:0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}
.send_btn .btn:hover {box-shadow: 5px 5px 0px rgba(0,0,0,0.35);}

.top-btn {position: fixed; bottom: 2rem; right: 2rem; z-index: 10;}
.top-btn a {display: block; font-size: 0; opacity: 0; visibility: hidden; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.top-btn.on a {opacity: 1; visibility: visible;}
.top-btn svg {animation: topRotate 14s infinite linear;}
.top-btn span {position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; line-height:50px; border-radius: 50%; margin: -25px 0 0 -25px; background: #333; font-size: 0; text-align: center;}
.top-btn span img {height:1.4rem;}
@keyframes topRotate{
	0% {transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	100% {transform:rotate(360deg); -webkit-transform:rotate(360deg);}
}

#sub_nav {display:none;}
.scrt {display:none;}

.top_lang {position: absolute; top: 46px; right: 3rem; z-index:1;}
.top_lang a {font-size: 1.6rem; padding: 1rem 0.5rem; color:#bbb;}
.top_lang a.on {color:#000; text-decoration:underline;}
.m_top_lang {display:none;}

.edit_cont {}
.edit_cont .list {display:flex; flex-wrap:wrap;}
.edit_cont .list li {width:50%; float:none; margin-bottom:1.5rem;}
.edit_cont .list .le {padding-right:5px;}
.edit_cont .list .ri {padding-left:5px;}
.edit_cont .list .in {display:flex; border-bottom:1px solid #d8d8d8; padding-bottom:1.5rem;}
.edit_cont .list .in.top {}
.edit_cont .list .img {width:111px; height: 146px; background: #f3f3f3;}
.edit_cont .list .info {flex:1; padding-left:1.5rem; padding-top: 1rem;}
.edit_cont .list .info .e1 {font-size:2rem; color:#4a66ac; font-weight:500;}
.edit_cont .list .info .e2 {font-size:1.7rem; color:#444;}
.edit_cont .list .info .e3 {font-size:1.6rem; color:#777;}
.edit_cont .list .info .e4 {font-size:1.7rem; color:#444; margin-top:3px;}
.edit_wr {margin-bottom: 5rem;}
.edit_title {background: #eee; font-size: 1.6rem; color: #191919; padding: 1rem 1.5rem; margin-bottom: 1.5rem;}






@media (max-width:1440px) {


}



@media (max-width:1280px) {

.gnb_pc {display:none;}
.gnb_m {display:block;}
.s_menu {position: absolute; top: 2rem; right: 1.5rem; width: 5rem; height: 5rem; background: #01324b; cursor:pointer; display: flex; align-items: center; justify-content: center;}
.s_menu:hover .slide_btn {}
.s_menu:hover .slide_btn span {width:20px;}
.s_menu:hover .slide_btn .s2 {width:28px;}
.slide_btn {width:28px;}
.slide_btn:after {content:''; display:block; clear:both;}
.slide_btn span {float:left; background:#fff; height:2px; margin:0.4rem 0; width:28px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}
.slide_btn .s2 {width:20px;}
#menu {opacity:0; width: 30rem; height: 100%; position: fixed; top: 0; right: -100%; z-index: 11; background: #fff; border-radius: 4rem 0 0 0; box-shadow: -5px 0px 5px rgb(0, 0, 0, 0.1); transition: All 0.5s ease; -webkit-transition: All 0.5s ease; overflow-y: auto;}
body.open #menu {right: 0px; opacity:1; z-index:1000;}
.dim {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9; opacity:0; display:none; background:rgba(0,0,0,0.5)}
body.open .dim {opacity:1; display:block;}
.slide_close {width: 60px; height: 60px; position: absolute; right: 0px; top: 0px; background-image: url('../img/close_btn_b.svg'); background-size: 2rem; background-repeat: no-repeat; background-position: center; cursor: pointer;}
.s_logo {border-bottom:1px solid #757575;}
.s_logo:after {content:''; display:block; clear:both;}
.s_logo img {width:auto; height:2.5rem;}
.s_logo a {display:inline-block; height:6rem; line-height:6rem; padding-left:4rem;}
#m_gnb {position:fixed; top:0; right:0; height:8rem; z-index:100; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#m_gnb .m_logo {float:left; padding-left:2rem;}
#m_gnb .m_logo a {display:block; height:8rem; line-height:8rem;}
#m_gnb .m_logo img {height:4.2rem;}
#menu #cssmenu {position: relative; padding-left: 3rem;}
#menu #cssmenu li li {position: relative;}
#menu #cssmenu ul {}
#menu #cssmenu ul li a {display:block; position: relative;}
#menu #cssmenu .has-sub {}
#menu #cssmenu:after, #menu #cssmenu ul:after {content:''; display:block; clear:both;}
#menu #cssmenu ul ul {display: none;}
#menu .cssmenu_list > li:first-child {}
#menu #cssmenu > ul > li.active > ul {display: block;}
#menu #cssmenu > ul > li > a {padding: 15px 15px;margin:0 0; cursor: pointer; z-index: 2; font-size: 16px; text-decoration: none; color: #242424; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; border-bottom:1px solid #b7b7b7; font-weight:500;}
#menu #cssmenu > ul > li > a:hover {}
#menu #cssmenu ul > li.has-sub > a:after {position: absolute; right: 31px; top: 19px; z-index: 5; display: block; height: 19px; width: 1px; background: #666; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
#menu #cssmenu ul > li.has-sub > a:before {position: absolute; right: 22px; top: 28px; display: block; width: 19px; height: 1px; background: #666; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
#menu #cssmenu ul > li.has-sub.open > a:after {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
#menu #cssmenu ul > li.has-sub.open > a:before {}
#menu #cssmenu ul ul li a {padding: 10px 15px; cursor: pointer; z-index: 2; font-size: 15px; text-decoration: none; color: #666; background: #fff; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
#menu #cssmenu .open {}
#menu #cssmenu .open > a {}
#menu #cssmenu .open ul {padding: 10px 0; border-bottom:1px solid #b7b7b7;}
.logo_txt {padding-top: 6rem;}
.logo_txt .in {background: #01324b; padding: 2rem 3rem; color: #fff; font-size: 1.8rem;}

#hd {height:auto;}
#hd .top_sch {position: fixed; top: 0; left: 0; right: 0; z-index: 3; padding-top: 2rem; padding-bottom: 0; padding-right: 11rem; padding-left: 3rem; height: 8rem; background:#fff;}
#hd .top_sch .in {}
#hd .top_txt {margin-top:9rem;}
#hd .top_txt .img img {height: 11rem;}
#hd .top_txt .img + .txt {margin-left: 11rem;}
#hd .top_txt.sub_ath .ri {padding-left:11rem;}

.top_lang {display:none;}
.m_top_lang {display:block; position:absolute; top:17px; left:3rem; z-index:1;}
.m_top_lang a {font-size: 1.6rem; padding: 1rem 0.7rem; color:#bbb;}
.m_top_lang a.on {color:#000; text-decoration:underline;}



}

@media (max-width:1024px) {

.sec1 .in {display:block;}
.sec1 .w50, .sec1 .w51 {width:100%;}
.sec1 .w50 {border-right:0; border-bottom: 10px solid #fff;}
.sec1 .w51 {border-left:0; padding-left:0;}
.sec1 .img {width: 22%; text-align: center;}
.prs_ltt .date {font-size:1.7rem;}
.subp_h2,
.cate_menu {display:none;}
.sub_le {width:auto; padding:0 0;}
.sub_ri {width: auto; padding-left: 0; border-left: 0; padding-top: 3rem;}
.sub_ctt_in {display:block;}
#sub_nav {display:block; margin: 0 -2rem; border-bottom: 1px solid #ddd;}
#sub_nav .wrap {padding:0; max-width:none;}
#sub_nav #cssmenu {position: relative; height:5rem;}
#sub_nav #cssmenu .cssmenu_list {}
#sub_nav #cssmenu li li {position: relative;}
#sub_nav #cssmenu > ul {}
#sub_nav #cssmenu ul li a {display:block; position: relative;}
#sub_nav #cssmenu .has-sub {position: relative;}
#sub_nav #cssmenu .home:before,
#sub_nav #cssmenu .has-sub:before {}
#sub_nav #cssmenu:after, #sub_nav #cssmenu ul:after {content:''; display:block; clear:both;}
#sub_nav #cssmenu ul ul {display: none; position: absolute; left:0; right:0; top: 4.9rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; z-index: 15; padding: 1rem 0; background: #fff;}
#sub_nav #cssmenu > ul > li.active > ul {display: block;}
#sub_nav #cssmenu .has-sub.m_1s {}
#sub_nav #cssmenu .has-sub.m_1s ul {}
#sub_nav #cssmenu > ul > li > a {height:5rem;line-height:5rem; padding: 0 0 0 2rem; cursor: pointer;z-index: 2; font-size: 1.5rem; text-decoration: none; color: #333;   -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
#sub_nav #cssmenu > ul > li > a:hover {}
#sub_nav #cssmenu ul > li.has-sub > a:after {position: absolute; right: 20px; top: 21px; z-index: 5; display: block; height: 10px; width: 2px; background: #333; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#sub_nav #cssmenu ul > li.has-sub > a:before {position: absolute; right: 22px; top: 25px; display: block; width: 10px; height: 2px; background: #333; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#sub_nav #cssmenu ul > li.has-sub.open > a:after,
#sub_nav #cssmenu ul > li.has-sub.open > a:before {-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
#sub_nav #cssmenu ul ul li a {height:4rem; line-height:4rem; cursor: pointer; z-index: 2; font-size: 1.5rem; text-decoration: none; color: #666; background: #fff; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: all .2s ease; padding-left:2rem;}
#sub_nav #cssmenu ul ul li a:hover {background:#dcdcdc;}
#sub_nav #cssmenu ul ul ul li a {padding-left: 32px;}
#sub_nav #cssmenu ul ul > li.has-sub > a:after {top: 16px; right: 26px; background: #dddddd;}
#sub_nav #cssmenu ul ul > li.has-sub > a:before {top: 20px; background: #dddddd;}
#sub_nav #cssmenu > ul > li > a .s1 {color:#a99384;}
#sub_nav #cssmenu > ul > li > a .simg img {margin-top:-3px;}
#sub_nav #cssmenu > ul > li > a .s2 {}
.sub_ri .h2_tit {margin-bottom: 3rem; font-size:2.2rem;}
.h2_tit:before {height:3px;}



}


@media (max-width:768px) {

#hd .top_sch {padding-top: 1.5rem; padding-bottom: 0; padding-right: 7.5rem; padding-left: 1.5rem;}
#hd .top_sch button {width:5rem;}
.s_menu {top:1.5rem;}
#hd .top_txt {margin-top: 8rem;}
#hd .top_txt {padding:2.5rem 0;}
#hd .top_txt .m1 {font-size:2rem;}
#hd .top_txt .ri {width:100%; margin-top:1rem;}
#hd .top_txt .m3 {font-size:1.2rem; line-height:2.1rem; text-align:left;}
.top-btn {bottom:1rem; right:1rem;}
.sec1 .w50, .sec1 .w51 {display:block; padding-right:0;}
.sec1 .img {width:auto; padding-right:0; text-align:left;}
.sec1 .txt {width:auto; margin-top:3rem;}
.sec1 .txt h2.fn {font-size:2rem;}
.sec1 .txt .m1 {font-size:1.5rem; padding-right: 0; line-height: 2.5rem;}
.sec1 .txt h2.cc {font-size:2.2rem;}
#hd.fixed .top_sch {box-shadow:2px 3px 4px rgba(0,0,0,0.15);}
.prs_ltt li {width:100%; margin-bottom:1.5rem;}
.h2_tit {font-size:2.2rem;}
.tit_box .mv_lk {top:-0.5rem;}
.lat_ul > li {width: 50%; margin-bottom:5rem;}
.lat_txt .m2 a {font-size: 1.5rem; height: 64px; line-height: 2.1rem;}
.name_tag {font-size:1.4rem;}
.name_tag:after {top:2px;}
.lat_txt .bt li.le {font-size:1.4rem; width:100%; height:auto; line-height:inherit;}
.lat_txt .bt li.ri {width:100%; margin-top:1.5rem;}
.aip_list .down, .lat_txt .bt li.ri a {justify-content: center;}
.sec4 .w50 {width:100%; padding-right:0;}
.sec4 .w50 h2 {font-size: 2rem;}
.sec4 .w50 .mt li a,
.sec4 .w50 .m1,
.sec4 .w50 .bt li a {font-size:1.4rem;}
.sec4 .w50 .bt li a:after {top:0; right:5px;}
.sec4 .w50:first-child {margin-bottom:3rem;}
#ft .flogo {position:static;}
#ft .flogo img {height:2.2rem;}
#ft .ftxt {margin-left:0; margin-top:3rem;}
#ft .ftxt .m1 {font-size:1.4rem; word-break: keep-all; line-height: 2.3rem;}
#ft .ftxt .m2 {font-size:1.3rem;}
#ft .ftxt .m1 .mr {margin:0 0;}
#ft .ftxt .m1 .s1 {display:block;}
#ft .ftxt .m1 .s2 {display:block;}
.lat_txt .m3 {margin: 1.5rem 0;}
.prs_ltt .name {padding:1.5rem 0;}
.prs_ltt .date {font-size:1.5rem;}
.sec3 .tab li {width:50%; margin-right:0; font-size:1.5rem;}
.sec3 .tab_box:after,
.sec3 .tab li.on:before,
.sec3 .tab li.on:after {display:none;}
.sec3 .tab li.on {background-color: #4a66ac; color: #fff;}
#hd .top_txt .img + .txt .m1 {font-size: 1.8rem; word-break: keep-all;}
#hd .top_txt .img + .txt .m2 {font-size: 1.4rem; margin-top: 5px;}
#hd .top_txt.sub_ath .le {position:static;}
#hd .top_txt .img {bottom: auto; top: 50%; left: 2rem; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.sub_ri .h2_tit {font-size:2rem;}
.m17 {font-size:1.5rem; line-height: 2.7rem;}
.tbl1.bt .th2,
.tbl1.bt .th1 {width:50%;}
.tbl1 table th {font-size:1.5rem; padding:1rem 1rem;}
.tbl1 table td {font-size:1.3rem; padding:1rem 1rem;}
.scrt {display:block; text-align:center; font-size:1.4rem; color:#666; margin-bottom:1rem;}
.tbl_wr {overflow: auto; margin-right: -2rem;}
.tbl_wr table {width: 67rem;}
.aip_list h3 {font-size: 1.7rem; line-height: 2.7rem;}
.aip_list .date {font-size: 1.5rem; line-height: 2.5rem;}
.aip_list {border-bottom:1px solid #ddd; margin-bottom:0rem;}
.aip_v_summ {margin-top:3rem;}
.aip_v_summ dl dt {font-size:1.7rem;}
.aip_v_summ dl dd {font-size:1.5rem; line-height: 2.5rem;}
.aip_v_summ .copy {font-size:1.4rem; margin-bottom:3rem;}
.aip_list .ctt {font-size:1.5rem; line-height: 2.5rem;}
.view_summ_wr {margin-top: 5rem;}
.view_summ .m1 {font-size:2rem;}
.sch_rst .aip_list,
.most_dw_v .aip_list,
.most_pg_v .aip_list,
.aip_v .aip_list,
.sub_ltt_v .aip_list {padding-bottom:3rem;}
.a_iss .list .tit {font-size:1.5rem;}
.a_iss .list ul li {width:33.333333%;}
.a_iss .list ul li a p {font-size:1.3rem;}
.sch_list_wr .list.def .in {padding-left: 0;}
.sch_list_wr .list.def .ipt_wr {padding-left:0; height:auto;}
.sch_list_wr .list.def .ipt_wr .comm_selc {position:static; width: 100%; margin-bottom:1rem; background-position: 97%;}
.sch_list_wr .list.def .ipt_wr .comm_ipt {}
.sch_list_wr .list .ipt_wr .comm_selc {}
.sch_list_wr .list.add .ipt_wr {padding-right: 0; padding-left: 0; height: auto;}
.sch_list_wr .list.add .ipt_wr .comm_selc {width: 100%; background-position: 97%;}
.sch_list_wr .list.add .ipt_wr .comm_ipt {margin-top: 5rem;}
.line_txt .m1 {font-size:2rem;}
.line_txt .m2 {font-size:1.6rem;}
.m15 {font-size:1.4rem;}
.cover .abox .m1 {font-size:1.6rem;}
.cover .abox .m1:before {top: 6px; width: 6px; height: 6px;}
.cover .abox ul li a {font-size:1.5rem;}
.aut_sch_stx {padding: 2.5rem 2rem 2rem;}
.aut_sch_rst .list {padding-right: 13rem;}
.aut_sch_rst .stx {font-size: 1.5rem; padding-left: 2rem;}
.aut_sch_rst .stx:before {width: 11px; height: 2px; top: 12px;}
.aut_sch_rst .cnt {font-size: 1.5rem;}
.msk .list_wr li {font-size:1.5rem;}
.aut_sch .ipt {padding-right:5.5rem;}
.aut_sch .ipt .comm_ipt {position:relative; width: 100%;}
.aut_sch .ipt button {position: absolute; top: 0; right: 0; margin-left: 0; font-size: 1.3rem; width: 5rem;}
.help .abox table th {font-size:1.5rem; width:7.5rem; padding:1rem 1rem; text-align:center;}
.help .abox table td {padding:1rem 1rem;}
.sch_rst_stx {margin-bottom: 3rem; padding: 1rem 2rem;}
.sch_rst_stx .in {display: block;}
.sch_rst_stx .w50 {width: 100%; font-size: 1.6rem; text-align: left; padding:1rem 0; padding-left: 3rem;}
.sch_rst_stx .w50 .t1:before {width: 3px; height: 14px; top: 7px; left: -12px;}

.edit_cont .list li {width:100%;}
.edit_cont .list .info .e1 {font-size:1.8rem;}
.edit_cont .list .info .e2 {font-size:1.5rem;}
.edit_cont .list .info .e3 {font-size:1.4rem;}
.edit_cont .list .info .e4 {font-size:1.5rem;}
.edit_cont .list .in.top.none {border-top:0; padding-top:0;}





}