#sub .sub_vi {width:100%; min-width:1240px; height:480px; background: url('/common/img/sub_vi.png') no-repeat bottom;
    background-size:cover;
    display: flex;
    align-items: center;
    background-attachment: fixed;  }


#sub .sub_vi div {width:100%; text-align:center; font-size:2rem;  color:#fff;   }
#sub .sub_vi div h3 {font-size:1.2rem; font-weight:400; margin-top:150px;  color:#fff }
#sub .sub_vi div h2 {font-size:3rem; font-weight:700; font-family:'Montserrat';}
 
 #sub .vi_bg2 {  background: url('/common/img/sub_vi2.png') no-repeat bottom;
    background-size:cover; background-attachment: fixed;  background-position:0 -130px;}

 #sub .vi_bg3 {   background: url('/common/img/sub_vi3.png') no-repeat bottom;  background-size:cover;  background-attachment: fixed;   }

#sub .vi_bg4 {    background: url('/common/img/sub_vi4.png') no-repeat bottom;
    background-size:cover;  background-attachment: fixed;   }

#sub .vi_bg5 {  background: url('/common/img/sub_vi5.png') no-repeat bottom; background-size:cover; background-attachment: fixed;   }

#sub .vi_bg6 {   background: url('/common/img/sub_vi6.png') no-repeat bottom; background-size:cover;  background-attachment: fixed;   }

#sub .vi_bg7 {  background: url('/common/img/sub_vi7.png') no-repeat bottom; background-size:cover; background-attachment: fixed;   background-position:0 -90px; }

.sub_con {width:1240px; display:block;   box-sizing:border-box;    margin:0 auto;  font-size:1.07rem; color:#555;  line-height:1.6em}

@media (max-width:1240px)  {
	.sub_con {padding:0 4% }
 }


.s_menu {width:100%; display:inline-block; text-align:center; margin-bottom:50px; margin-top:-20px;  }
.s_menu ul {display:flex;}
.s_menu li  {width:50%;  line-height:55px;  text-align:center;  font-size:1.15rem;   background-color:#f5f5f5; letter-spacing:-1.5px; transition: all 0.3s ease-out;}
.s_menu li a {color:#333 !important; width:100%; display:inline-block; transition: all 0.3s ease-out;}
.s_menu li a:hover {background-color:#002060; color:#fff !important;  }
.s_menu li.ov {background-color:#002060}
.s_menu li.ov a {color:#fff !important}

#sub .guide {font-size:2.4rem; color:#111; width:100%; display:block; margin-top:30px; margin-bottom:40px; letter-spacing:-2.5px; font-weight:600 }
 
 #sub h3.tit {font-size:1.8rem; letter-spacing:-1px;  font-weight:700; color:#111; display:block; margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:15px }
 #sub h3.tit span {float:right; font-size:1.3rem; letter-spacing:.5px; padding-top:4px;  color:#999; font-weight:400; font-family:'Montserrat'; }
 

.text_box {width:100%; display:block; font-size:1em }

.t1 {font-size:1.6rem; letter-spacing:-1px; color:#222; font-weight:600; line-height:1.35em  }
.t11 {font-size:1.8rem; font-weight:700; color:#222}
.t1 b {  color:#00a5b5; font-weight:700; font-size:2.1rem; }
  
.t2 {font-size:1.4rem; color:#333; font-weight:600;   line-height:1.4em  }
.t3 {font-family: 'InkLipquid'; font-size:3rem; color:#333; line-height:1.5em}
.t4 {font-size:1.15rem; color:#333; font-weight:400;    }

.t_bg {background-color:#ddd; }
.t_box {background-color:#f9f9f9; width:100%; display:inline-block; padding:20px; box-sizing:border-box; line-height:1.45em}

.img_bg_box {background: url('/common/img/sub_vi.png') no-repeat center; background-size:cover; width:100%; box-sizing:border-box; padding:80px 30px; display:inline-block; text-align:center;  position:relative}
.bg_box_bg2  {background: url('/common/img/sub_vi4.png') no-repeat center; background-size:cover; }
.bg_box_bg3  {background: url('/common/img/sub_vi2.png') no-repeat center; background-size:cover; }

.img_bg_box * {color:#fff;}
.rgba_bg {background-color:rgba(0,0,0,.5); width:100%; height:100%; position:absolute;  left:0; top:0; border:13px solid rgba(255,255,255,.15); box-sizing:border-box; }
 
.img_bg_box span.s_line2 { background-color:#fff}

.img_bg_box  div.t {z-index:99; position:relative; color:rgba(255,255,255,.9); }


.content_br {width:100%; display:inline-block; height:60px}

.history_box {width:100%; display:flex; justify-content :space-between; align-items:top;   }
.history_box h4 {color:#002060; line-height:0.8em; font-size:3rem; font-weight:800; font-family:'Montserrat';}
.history {width:79%;  }
.history li {font-size:1.05rem; padding-bottom:7px;  color:#444; line-height:1.4em}
.history li span {width:16%; display:inline-block; font-weight:500; letter-spacing:.3px;  color:#194eb8; font-family:'Montserrat'; }

.logo_ci {width:300px;  padding:20px; }
.logo_ci img {width:100%}

.organization {width:100%; display:flex; justify-content:space-between;   }
.organization li {width:19%;  }
.organization li ul {width:100%;  margin-bottom:-10px}
.organization li ul li {width:100%; text-align:center;  border:2px solid #ddd; padding:8px; box-sizing:border-box; margin-bottom:10px;  background-color:#fff; position:relative; z-index:999; }
.organization li ul li:first-child {background-color:#002060; color:#fff; font-size:1.1em; font-weight:600; border:none; padding:13px;}
/* .organization li:nth-child(2n) ul li:first-child {background-color:#00a5b5; }
 */ 
.organization_line {width:1px; height:250px;  background-color:#999; top:0;  display:inline-block; position:absolute; }

.organization2 {width:100%; display:flex; }
.organization2 li {width:33.333333%;   border:1px solid #ddd; padding:10px; box-sizing:border-box; }
 


.select-wrap {width:100%; display:flex; box-sizing:border-box; margin-bottom:40px;    background: linear-gradient( to right, #002060, #174e97 ); padding-left:13px; }
.select-wrap div {width:25%; display:flex; box-sizing:border-box; align-items:center ; padding:13px 0;  }
.select-wrap div label {width:23%; font-size:1.1rem; color:#fff; font-weight:600;    }
.select-wrap div select {width:70%; border:1px solid #ddd; color:#444; font-size:1rem; height:35px }

.team_list {width:100%; display:flex; flex-wrap:wrap}
.team_list li {width:33.33333%; margin-right:-1px; margin-bottom:-1px; box-sizing:border-box; }

.team_list li a {display:flex; align-items:center; width:100%;  box-sizing:border-box; padding:20px; border-right:none;  border:1px solid #ddd;  }
.team_list li a:last-child {border-right:1px solid #ddd;}
.team_list li a:nth-child(3n) {border-right:1px solid #ddd;}
.team_list li a:hover {border:1px solid #333; position:relative}
 
.team_list li div.img { width:30%; margin-right:20px; font-size:0; line-height:0}
.team_list li div.img p {width:100%; position:relative; padding-bottom:100%; border-radius:50% ; overflow:hidden; }
.team_list li div.img p img {width:100%; position:absolute;}

.team_list li div:nth-child(2) {font-size:1rem; color:#666; line-height:1.3em}
.team_list li div:nth-child(2) b {font-size:1.3em; color:#333; display:block; font-weight:700; padding-bottom:10px} 
.team_list li span.position {color:#002060; font-size:1rem; line-height:1.3em; display:block; text-align:center;  width:100%; margin-top:10px; font-weight:600}
.team_list li span.eng_name {font-size:1rem; width:100%; display:block; margin-top:3px; font-weight:600}

.team_view  {width:100%; display:inline-block; text-align:center}
.team_view div.pp_img { width:250px; height:250px; overflow:hidden; margin-bottom:20px;  border-radius:50% ; font-size:0; line-height:0}
.team_view div.pp_img img {width:100%;   }

.team_view .t h5 {font-size:1.7rem; width:100%; display:block}
.team_view  .t p {font-size:1rem; color:#777; width:100%; display:block}



.team_view table   {width:100%;  border-top:1px solid #333;  margin-top:30px;   }
.team_view table  th   { padding:10px; background-color:#002060; font-size:1rem; line-height:1.3em; font-weight:500; color:#fff; }
.team_view table  td   {padding:10px; text-align:Center;  vertical-align:middle; font-size:0.95rem;line-height:1.3em; color:#555;  background-color:#fff; border-bottom:1px solid #ddd;   font-weight:400;}
 

.team_list_type2  li {display:flex; align-items:center; border:1px solid #ddd; box-sizing:border-box; padding:20px; border-right:none;}
.team_list_type2 li:last-child {border-right:1px solid #ddd;}
.team_list_type2 li:nth-child(3n) {border-right:1px solid #ddd;}

  
.sponsor {width:100%; display:flex; flex-wrap:wrap; margin-bottom:-15px}
.sponsor li {width:24%; margin-right:1.33%; margin-bottom:15px; font-size:1.05rem; color:#fff; text-align:Center; border:1px solid #ddd;   display:flex; flex-wrap:wrap;  }
.sponsor li:nth-child(4n) {margin-right:0}

.sponsor li div  {width:100%;   box-sizing:border-box; display:flex; align-items:center; justify-content :center; text-align:Center;  background-color:#fff; height:90%;}
.sponsor li div img  { max-width:100%; }
.sponsor li p {  padding:8px 0; width:100%; align-self:flex-end;   background-color:#002060;}



.college {width:100%; display:flex;  flex-wrap:wrap; }
.college li {width:33.3333%;  border:1px solid #ddd;   padding:30px; box-sizing:border-box; font-size:1.05rem; line-height:1.4em; color:#444;  margin-right:-1px; margin-bottom:-1px;  }
.college li b {font-size:1.25em; font-weight:600; width:100%; display:inline-block; background-color:#002060;   padding:10px; box-sizing:border-box;  color:#fff}
.college li:nth-child(2n) b {background-color:#00a5b5}

.college li ul {width:100%; margin-top:13px;   }
.college li ul li {width:100%;   line-height:1.3em;  border:none; padding:0;  padding-bottom:7px; margin-bottom:7px; border-bottom:1px solid #ddd    }

 

.flex_box {width:100%; display:flex;  justify-content:space-between;}
.flex_box div {width:50%; margin-right:1%;  border:2px solid #00a5b5; padding:30px; box-sizing:border-box; font-size:1.02rem; line-height:1.4em; position:relative}
/* .flex_box div:nth-child(2n) {border:2px solid #002060}
 */
 .flex_box div:last-child {margin-right:0}
.flex_box div  h5 {font-size:1.3em; padding-bottom:13px; color:#333; line-height:1.3em; }
span.label {position:absolute; right:0; top:0; background-color:#00a5b5; width:45px; line-height:45px; text-align:center; color:#fff; font-weight:500; font-size:1.5rem;  display:inline-block font-family:'Montserrat'; }
/* .flex_box div:nth-child(2n) span.label {background-color:#002060}
 */

.edu_bg_box {background:url('/common/img/edu1_img.png') no-repeat left; background-size:400px; padding:50px 0; border:1px solid #ddd; box-sizing:border-box; }
.edu_bg_box div {width:650px; margin-left:500px}

.edu1_box {width:100%; display:flex; position:Relative; z-index:9999999999;   justify-content:space-between; }
.edu1_box div {width:50%;  padding:0 20px;  box-sizing:border-box; font-size:1.02rem; line-height:1.4em; position:relative; text-align:center; z-index:99999999}
.edu1_box div:last-child {margin-right:0; }
.edu1_box div  h5 {font-size:1.3em;  text-align:Center; width:170px; height:170px;  border:15px solid #00a5b5; background-color:#fff;  margin:0 auto;  margin-bottom:20px;  color:#333; line-height:1.3em; display:flex; align-items:center;  position:relative; z-index:9999}
 .edu1_box div p {background-color:#f9f9f9; padding:20px; box-sizing:border-box;  }

 .edu1_box div  h5 p {width:100%; text-align:center; background:none; }



.edu1_box_top {width:100%; line-height:60px; border-radius:10px; background: linear-gradient( to right, #00a5b5, #174e97 ); display:flex; margin-bottom:30px}
.edu1_box_top p {width:50%; font-size:1.3rem; font-weight:600;  padding-left:20px; background:url('/common/img/edu1_box_top_line.png') no-repeat right; color:#fff;  }
.edu1_box_top p:last-child {background:none}
.edu_line {width:80%; background-color:#00a5b5; height:1px; display:inline-block; position:absolute;  top:100px; left:10%; z-index:9}



.edu_flex_box2 {display:flex; }
.edu_flex_box2 div {width:50%;   border:1px solid #002060  }
.edu_flex_box2 div:last-child {margin-left:3%}
.edu_flex_box2 div .t2 {background-color:#002060; font-size:1.3rem;  color:#fff; padding:7px 10px; box-sizing:border-box;}
.edu_flex_box2 .t_box {background-color:#fff; color:#333;  }


.flex_ul {width:100%; display:flex;}
.flex_ul li {width:50%; border:1px solid #ddd; padding:15px; font-size:1.1rem; font-weight:500; color:#333; box-sizing:border-box;  line-height:1.4em; margin-right:-1px; }
.flex_ul li.flex_li {display:flex; align-items:center; justify-content:center}
.flex_ul li.flex_li img {margin-right:10px}

.flex_ul_type2 li {margin-right:2%;  font-size:1.2rem; font-weight:500; border-radius:10px; box-shadow:2px 2px 1px #ddd}
.flex_ul_type2 li:last-child {margin-right:0}

@media all and (min-width:800px) {

.flex_ul_type2 li img[src$=".gif"], .flex_ul_type2 li img[src$=".png"] {
                   image-rendering: -moz-crisp-edges;         /* Firefox */
                   image-rendering:   -o-crisp-edges;         /* Opera */
                   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
                   image-rendering: crisp-edges;
                   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
                 }
}



.img_ul {width:100%; flex-wrap:wrap; display:flex}
.img_ul li {width:33.3333%; line-height:0; font-size:0}


.edu3_ul {width:100%;   }
.edu3_ul li {width:100%;  border:1px solid #ddd;   padding:30px; box-sizing:border-box;   line-height:1.5em; color:#555; font-weight:400;  display:flex; align-items:center; margin-bottom:-1px; }
.edu3_ul div.img {width:30%; min-height:250px; background-color:#ddd;}
.edu3_ul div.t {width:70%; margin-left:20px; background-color:#fff;}


.edu3_ul h5 {font-size:1.5em; font-weight:700;  width:100%; display:inline-block; margin-bottom:10px; color:#111}
.edu3_ul b {font-size:1.15em; font-weight:500;  width:100%; display:inline-block; margin-bottom:15px; margin-top:5px;  color:#111; background-color:#f7f7f7; box-sizing:border-box; padding:10px;  }


ul.s_insta {width:100%; display:flex; flex-wrap:wrap;   }
ul.s_insta li {width:16.6666%;  }
ul.s_insta li  img {width:100%; }

.sns {width:100%; display:flex; align-items:center; font-size:1.1rem; justify-content:center }
.sns  p img {width:50px; margin-left:10px; }

 /*조직도*/
.mass1_top {width:250px; font-size: 1.3em; font-weight:600; color:#fff; line-height:70px; background-color:#00a5b5; border-radius:3px}
.mass1_line_x {width:1px; background-color:#ddd; display:inline-block; position:absolute; }
.mass1_line_y {width:70%; height:1px; background-color:#ddd; display:inline-block; position:absolute; top:130px; left:15%;}


#sub .footer {margin-top:120px;}