@charset "UTF-8";

/* Page Title */

body { width:100%; height:100%; padding:0px; margin:0px;   }

/*서브 BG*/
.sub_vi1  {position:relative; margin-top:-205px; width:100%; height:330px; float:left; background:url('/common/img/sub/sub_vi1.jpg') no-repeat top center; background-color:#ddd; background-size: cover;}
.sub_vi2  {position:relative; margin-top:-205px; width:100%; height:330px; float:left; background:url('/common/img/sub/sub_vi1.jpg') no-repeat top center; background-color:#ddd; background-size: cover;}
.sub_vi3  {position:relative; margin-top:-205px; width:100%; height:330px; float:left; background:url('/common/img/sub/sub_vi1.jpg') no-repeat top center; background-color:#ddd; background-size: cover;}
.sub_vi4  {position:relative; margin-top:-205px; width:100%; height:330px; float:left; background:url('/common/img/sub/sub_vi1.jpg') no-repeat top center; background-color:#ddd; background-size: cover;}
.sub_vi5  {position:relative; margin-top:-205px; width:100%; height:330px; float:left; background:url('/common/img/sub/sub_vi1.jpg') no-repeat top center; background-color:#ddd; background-size: cover;}

#sub_wrap  {width:1100px; margin:0 auto; }

/*메뉴*/
/* 내용 위에 탭 메뉴 */
.content_menu          	  {position:absolute; top:330px; left:0; width:100%; height:55px;  border-bottom:1px solid #ddd;}
.content_menu   .in      	  {margin:0 auto; width:1100px; background:#dfd; }
.content_menu   .in  .home   {width:5%;height:55px; float:left; padding:17px 0px 0px 0px; text-align:Center;  border:1px solid #ddd; border-top:0; border-bottom:0 ; box-sizing:border-box; }

.content_menu  .in  .box1 {width:22%;  height:55px; float:left; text-align:center; background:url('/common/img/sub/sub_menu_arrow.png') no-repeat top left; border-right:1px solid #ddd; }
.content_menu  .in  .box2 {width:22%;  height:55px; float:left; text-align:center; background:url('/common/img/sub/sub_menu_arrow.png') no-repeat top left; border-right:1px solid #ddd;}



/*
#aside      {width:100%;  float:left; border-bottom:2px solid #f1f1f1; padding-bottom:15px; margin-top:50px;}

#aside ul    	  { float:right; position:relative; left:-50%;}
#aside ul   li   { float:left; position:relative;  left:50%;    font-size:1.5em; font-weight:600;  line-height:2em; padding:0px 15px}

#aside li  a {
	display:inline-block;
    box-sizing:border-box;
	width:100%;
	height:100%;

}

#aside li  a:link		{color:#999;}
#aside li  a:hover		{color:#333; }
#aside li  a:active 	{color:#333;}
#aside li  a:visited	{color:#999;}

#aside li.ov  a {}

#aside li.ov  a:link		{color:#333;}
#aside li.ov  a:hover		{color:#333;}
#aside li.ov  a:active		{color:#333;}
#aside li.ov  a:visited	{color:#333;}

 */

#article {width:1100px; float:left;}

#article .content_wrap{width:100%;  float:left; padding:100px 20px 130px 20px;  box-sizing:border-box;}
#article .content_wrap h1{font-size:2.2em; color:#006600; font-weight:600; padding-bottom:20px; margin-bottom:45px; text-align:center; border-bottom:2px solid #006600;}

#article .content_wrap h2.s_title {font-size:1.7em; color:#006600; font-weight:600; padding-bottom:20px;    border-bottom:1px solid #006600;}
#article .content_wrap h2.s_title2 {font-size:1.7em; color:#006600; font-weight:600; }


.guide {width:100%; float:left;  margin:0 auto; }
.guide .t1 {float:left;  font-size:2em;  font-weight:600; color:#333;  letter-spacing:-2px;}
.guide .t2 {float:right; font-size:0.85em; font-weight:400; padding-top:25px; color:#999;  letter-spacing:-2px;}

.box_100  {width:100%; float:left;}
.box_20  {width:20% !important; float:left;}
.box_30  {width:30% !important; float:left;}
.box_40  {width:40% !important; float:left; background-color:#fff;}
.box_45  {width:45% !important; float:left;}
.box_50  {width:50% !important; float:left;}
.box_55  {width:55% !important; float:left;}
.box_60  {width:60% !important; float:left;}
.box_70  {width:70% !important; float:left;}
.box_80  {width:80% !important; float:left;}



.deco1  {font-size:1.15em; line-height:1.5em; font-weight:600; color:#333;}
.deco2  {font-size:2.2em; line-height:1.5em; font-weight:800; color:#333;}

.text_box  {font-size:1.1em; line-height:1.8em; font-weight:600; color:#555;}
.text_box2  {font-size:0.98em; line-height:1.5em; font-weight:400; color:#555; width:100%; float:left; }
.text_box2 li {margin-left:20px;}


.color1  {color:#054f98; }
.color2  {color:#777; }
.color3  {color:#ff9009; }


.text_under {text-decoration:underline;}
.nomal_t  {font-size:0.95em; line-height:1.3em; font-weight:400; }


.border_bottom  {border-bottom:1px dashed #ddd;  padding-bottom:40px; margin-bottom:50px;  width:100%; float:left;}


table.img_table  {width:100%; float:left;}
table.img_table td {text-align:center;  border:1px solid #fff;  vertical-align:middle;  }
table.img_table td.t1 {  background-color:#fff;  font-size:0.92em; line-height:1.2em; color:#333;  font-weight:600;  padding:7px 0 13px 0; }




/* 서브 타이틀 앞에 o이미지 */
.sub_tit_cir        {width:100%; font-weight:600; font-size:1.3em; line-height:1em; padding-left:25px; box-sizing:border-box;
background:url('/common/img/sub/sub_tit_cir.png') no-repeat top left;  float:left;  color:#333; margin-bottom:7px}

.sub_tit_bul {width:100%; float:left; padding-left:20px; font-weight:600; font-size:1.3em; line-height:1em; margin-bottom:7px;
background:url('/common/img/sub/bullet1.jpg') no-repeat center left; box-sizing:border-box; color:#333;}

.sub_tit_dot {width:100%; float:left; padding-left:12px; margin-left:15px; font-weight:600; line-height:1em; margin-bottom:7px;
background:url('/common/img/sub/tit_dot.gif') no-repeat center left; box-sizing:border-box; }

.sub_tit_arr_g {width:100%; float:left; padding-left:12px; font-weight:600; line-height:1em; margin-bottom:7px;
background:url('/common/img/sub/tit_arr_g.png') no-repeat center left; box-sizing:border-box; }

.sub_tit_arr_r {width:100%; float:left; padding-left:12px; font-weight:600; line-height:1em; margin-bottom:7px;
background:url('/common/img/sub/tit_arr_r.png') no-repeat center left; box-sizing:border-box; }


/* 하단 보더박스 */
.content_border{width:100%; float:left; border-bottom:1px dotted #999; padding-bottom:30px; margin-bottom:15px;}

/* 배경색 박스 */
.bg_box1{width:100%; float:left; background:#fefcea; padding:30px; box-sizing:border-box;}
.bg_box2{width:100%; float:left; background:#f7f7f7; padding:30px; box-sizing:border-box;}



/* 회사개요 */
.company_info_tit {font-size:1.35em; text-align:center; display:block; line-height:40px; color:#666;}
.company_info_tit strong {display:block;font-size:1.4em; color:#333;}

.company_info_txt {font-size:0.97em; text-align:left; display:block;  color:#666; line-height:24px;}


/* 조직과 연혁 */
.group_wrap{width:100%; float:left; margin-top:30px; font-size:1em;}
.group_txt{line-height:23px; color:#555; }
.group_txt strong{color:#555;}

.group_txt2{ width:50%; border:0px solid #f0f0f0; box-sizing:border-box; line-height:1.85em; color:#555; padding:0px 0 10px 20px;}


.busin_txt {margin-top:5px;}
.busin_txt p{font-weight:400; font-size:1em; color:#555; line-height:1.3em;}

/* 찾아오시는길 */
.map_info{line-height:1.3em; font-size:1em;}

/* ebook */
.ebook_area{display:flex;align-items: center;justify-content: space-between;}
.ebook_area > div{margin: 0 auto;text-align: center;}
.ebook_area > div > p{font-size:1.5rem;color: #333;font-weight: 600;padding-top: 20px;}


/* 주요 사업 (교육목적) */
.edu_txt{line-height:1.5em; font-size:0.98em; color:#666; margin-top:30px; margin-left:20px; margin-bottom:10px;}

/* 대륙학교 */
.school_box_wrap{width:49%; float:left; border:1px solid #ddd; box-sizing:border-box;}
.school_txt{width:65%; padding:15px; float:right; margin-top:3%;}
.school_txt_tit{height:60px; font-size:1.2em; font-weight:600; line-height:1.35em;}
.school_txt_tit a:hover{color:#339900;}

/* 침목기증하기 */
.donate_bt1{width:200px; float:left; margin: 35px 0 5% 37%;  background:#339900; padding:20px 0 20px 55px; border-radius:12px;}
.donate_bt1:hover{background:#99cc7f; transition: ease-out 0.2s;}

.donate_bt1 a{line-height:1.2em; font-size:1.3em; font-weight:600; text-align:center; color:#fff !important;}
.donate_bt1 img{margin-right:12px;}

.donate_map img{text-align:center; padding:0 15px; box-sizing:border-box;width:100%;}


/* 달력 */
.calender_top{width:100%; float:left; text-align:center; background:#f9f9f9; padding:25px 0;}
.cal_date{line-height:1.5em; color:#333; font-size:2em; font-weight:600; padding:0 25px; }

.calender_top  {width:100%; float:left;}
.calender_top  p {width:100%; text-align:center;}
.calender_top  span {font-weight:600; color:#333; font-size:2em; line-height:53px; padding:0px 20px;}


table.calender   {width:100%; float:left;  border-top:1px solid black; border-bottom:1px solid #707070; margin-bottom:20px;}
table.calender  th   {width:14.28571428%;  padding:10px; background-color:#f9f9f9; border:1px solid #ddd;  font-size:0.95em; font-weight:600; color:#333;}
table.calender  td   {width:14.28571428%;  padding:10px; vertical-align:top;  border:1px solid #ddd; }
table.calender  .date   {font-weight:600; font-size:1.1em; line-height:2em; }

table.calender ul  {width:100%; float:left;}
table.calender li  {font-size:0.9em; line-height:1.3em; color:#777; width:100%; float:left; padding-top:2px;}



/* 후원하기 */
.support_txt {float:left; text-align:left; font-weight:600; }
.support_txt strong{font-size:2.5em; line-height:40px; color:#116519;}
.support_txt>p{font-size:1.2em; line-height:27px; font-weight:600;  margin-top:22px; color:#555;}
.support_txt>span{font-size:1em; line-height:20px; color:#777;}

.support_bg_box{width:100%; float:left; background:#f7f7f7; padding:30px; box-sizing:border-box;}
.support_bg_box p{font-size:1.3em; font-weight:600; color:#555; letter-spacing:0.05px;}

.support_bg { width:100%; float:left; background:url('/common/img/sub/support_bg.png') no-repeat center center;}



.support_box{width:510px; height:240px; background:#e9f5e5; float:left; margin-top:50px; border-radius:30px; padding:45px 25px 0px 30px; box-sizing:border-box;}

.support_img{float:right; width:220px;  border-right:0px solid #ddd;}

.support_txt_wrap{float:left; width:220px;}

.support_txt_tit {font-size:1.3em; font-weight:600; color:#333;}
.support_txt {font-size:0.98em; color:#555; line-height:22px; margin:15px 0 0 15px;}

.support_notice_txt {width:100%; text-align:center; font-size:1.1em; color:#333; line-height:26px; font-weight:600; margin-top:65px;}
.support_notice_txt2{display:inline-block; width:100%; font-size:1.05em; color:#333; line-height:26px; font-weight:400; margin-top:70px; }

.support_bt{width:280px;  background:#fde; padding:30px 100px; border-radius:20px; box-sizing:border-box;}


.support_bt{width:280px; float:left; margin:30px 0 0 40%;  background:#339900; padding:20px 20px; border-radius:12px; text-align:center;}
.support_bt:hover{background:#99cc7f; transition: ease-out 0.2s;}

.support_bt a{line-height:1.2em; font-size:1.3em; font-weight:600; text-align:center; color:#fff !important;}



.f_blue{color:#003399;}
.f_red{color:#c00;}



.color_r{color:#f00; line-height:1em;}
.list .c{line-height:1em;}

.textarea_wrap { text-align:center; background-color:#f9f9f9; padding:14px 10px; box-sizing:border-box;}

.neck_profile {width:45%; float:right; padding:35px 0 30px 35px; box-sizing:border-box; background:#f7f7f7;}
.neck_profile p { color:#555; font-size:16px; line-height:2em; margin-top:30px;}


.basic_txt {font-size:1em; text-align:left; display:block;  color:#666; line-height:1.6em;}
.basic_txt b {font-size:1.05em; line-height:1.5em; color:#333; font-weight:600;}
.bg_box {width:100%; float:left; background-color:#f9f9f9; padding:30px 20px; box-sizing:border-box; }

.work3 ul li b {font-size:1.1em; color:#333; font-weight:600; }
.work3 img {/*box-shadow:1px 1px 5px #ddd;*/}

.work2 ul {width:100%; float:left;}
.work2 ul li { border:1px solid #ddd; box-sizing:border-box; display:inline-block; padding:20px; text-align:left;  font-size:1.05em; font-weight:600;  line-height:1.4em; color:#666; height:350px; margin-bottom:20px;}
.work2 ul li img {margin-bottom:10px; height:180px;}
.work2 ul li:nth-child(4) { margin-left:210px; }

.work2 ul li p {background-color:#006600; color:#fff; font-size:1.3em; font-weight:600; text-align:center; width:100%; line-height:40px; margin-bottom:10px; border-radius:5px; }

.work4 a.bg_btn {width:320px; line-height:130px; border-radius:10px;  text-align:center; display:inline-block; background:url('/common/img/sub/sub_vi1.jpg') no-repeat top center;  color:#fff; font-size:1.3em; font-weight:600; }

.work4 .input02 {width:32%; float:left;  border:1px solid #ddd; height:40px;   font-size:1em; padding-left:10px; color:#666; box-sizing:border-box}


.work4_list {width:100%;float:left; margin-top:10px; }
.work4_list li {display:inline-block; width:33%; border:1px solid #ddd; box-sizing:border-box; padding:20px 15px; font-size:1em; color:#666; margin:15px 0; }
.work4_list li h5 {font-size:1.3em; font-weight:600; color:#333; width:100%; text-align:center; }
.work4_list li div {width:100%; height:100px; background-color:#f9f9f9; box-sizing:border-box; padding:15px; margin:15px 0; line-height:1.5em; overflow-x:auto; }
.work4_list li p span {float:right; font-size:0.8em; color:#999; line-height:23px;}

.check_wrap {width:100%; float:left; background-color:#f9f9f9; padding:15px; text-align:center; box-sizing:border-box;}


.radio_wrap {width:100%; float:left; text-align:center;  margin-bottom:40px; background-color:#f9f9f9; padding:30px 0 15px 0;box-sizing:border-box; }
.radio_wrap a {width:270px; line-height:73px; background-color:#99cc7f; color:#fff !important; text-align:center; border-radius:50px; font-size:1.35em; font-weight:600; display:inline-block; margin-right:20px;
    transition: background-color 0.15s ease-in; margin-bottom:15px; box-shadow:2px 2px 5px #ddd;}
.radio_wrap a:hover {background-color:#339900;}
.radio_wrap a.ov {background-color:#339900;}
.radio_wrap a img {margin-top:13px; margin-right:5px; width:49px; margin-left:-10px;}
.radio_wrap b {font-size:1.3em; font-weight:600; color:#333;}
.radio_wrap input {vertical-align:middle;}


/* 조직도 */
.group_area{width:100%;position: relative;display: inline-block;}
.group_area > p.line_x{width: 40%;height: 1px;background-color: #b5b5b5;position: absolute;top: 130px;left: 10%;}
.group_area > p.line_x.x{width: 41%;top: 290px;left: auto;right: 9%;}
.group_area > p.line_y{width: 1px;height: 330px;background-color: #b5b5b5;position: absolute;top: 0;left: 50%;}
.group_area > p.box{position: absolute;top: 0;left: 40%;width: 20%;background: #faffae;color: #333;text-align: center;line-height: 60px;font-size: 1.2rem;letter-spacing: -.5px;font-weight: 600;}
.group_area > p.box.type1{background: #339966;color:#fff;}
.group_area > p.box.type2{background: #F2E0FA;left: 0;top: 100px;}
.group_area > p.box.type3{background: #e7f3e0;top: 190px;}
.group_area > div{position:relative;}
.group_area > div > p.line_x{width: 36%;height: 1px;background-color: #b5b5b5;position: absolute;top: 330px;left: 19%;}
.group_area > div > p.line_y{width: 1px;height: 80px;background-color: #b5b5b5;position: absolute;top: 331px;left: 19%;}
.group_area > div > p.line_y.y{left: 55%;}
.group_area > div > p.line_y.y_y{height: 155px;top: 290px;left: 91%;}

.group_area > ul{display: flex;margin-top: 400px;flex-wrap: wrap;align-items: flex-start;justify-content: space-around;width: calc(76% - 2%);;position: relative;z-index: 9;}
.group_area > ul.group_right{width: calc(26% - 4%);float: right;}
.group_area > ul.group_right > li{width:100%;}
.group_area > ul > li{width: 30%;line-height: 1.3em;margin-bottom: -1px;text-align: Center;background-color: #fff;box-sizing: border-box;}
.group_area > ul > li:first-child{top:0;}
.group_area > ul > li > p{background-color: #DAE3F3;color: #333;text-align: center;line-height: 60px;font-size: 1.2rem;letter-spacing: -.5px;font-weight: 600;box-sizing: border-box;border-top: 1px solid #fff;}
.group_area > ul.group_right > li > p{background:#FBE5D6;}
.group_area > ul > li > ul > li{width: auto;border: 1px solid #ddd;padding: 10px 0;}


/* 학술 행사 */
.event_list{width:100%;margin-top:80px;}
.event_list > dl{border: 1px solid #eaeaea;border-radius: 13px;}
.event_list > dl > dt{padding:30px;font-size: 1.3rem;background: url(../img/sub/ico_slide.png) no-repeat 98% center;background-size: 2%;}
.event_list > dl.on > dt{background: url(../img/sub/ico_slide_up.png) no-repeat 98% center;background-size: 2%;}
.event_list > dl > dd{margin: 0 20px 30px;padding:20px 25px;background: #f4f4f4;border-radius: 10px;line-height: 1.4;}
.event_list > dl > dd > img{width:100%;}
.event_list .ctn_top{border-bottom: 1px dashed #6d6d6d;margin-bottom: 20px;padding-bottom: 20px;}
.event_list .ctn_top > p{line-height: 1.5;}
.event_list .ctn_top > a{display:block;margin-bottom: 10px;padding-left: 35px;background: url(/common/img/sub/ico_link.png) no-repeat;background-position: 0 5%;background-size: 25px;font-size: 1.1rem;line-height: 1.5;}
.event_list .ctn_top > a:last-child{margin-bottom: 0;}