*   {margin:0px; padding:0px; font-family:'Noto Sans KR',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif; }
body	{padding:0; margin:0; height:100% ; }
a					{selector-dummy: expression(this.hideFocus=true);} /* 일반 링크포커스 감추기 */
a,img		{selector-dummy: expression(this.hideFocus=true);} /* 이미지맵 링크포커스 감추기 */
img         {border:0px;}
table  		{border-collapse:collapse;}
li {list-style:none}

.box_22 {width:22% !important; float:left; }

.box_30 {width:30% !important; float:left; }
.box_40 {width:40% !important; float:left; }
.box_45 {width:45% !important; float:left; }
.box_48 {width:48% !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_62 {width:62% !important; float:left; }
.box_65 {width:65% !important; float:left; }
.box_68 {width:68% !important; float:left; }
.box_70 {width:70% !important; float:left; }
.box_72 {width:72% !important; float:left; }
.box_75 {width:75% !important; float:left; }
.box_80 {width:80% !important; float:left; }
.box_85 {width:85% !important; float:left; }
.box_88 {width:88% !important; float:left; }
.box_100 {width:100% !important; float:left; }

.span_br10 {margin-left:10px;}
.span_br12 {margin-left:12px;}
.span_br15 {margin-left:15px;}
.span_br20 {margin-left:20px;}
.span_br25 {margin-left:25px;}
.span_br30 {margin-left:30px;}
.span_br33 {margin-left:33px;}
.span_br40 {margin-left:40px;}
.span_br50 {margin-left:50px;}
.span_br60 {margin-left:60px;}

.border_top_box {border-top:1px solid #ddd; margin-top:45px; margin-top:35px; width:100%; float:left;	}

/* 탭메뉴 */
.tab_box {width:100%; float:left; }
.tab_box .tab_bt {width:100%; float:left; border:1px solid #ddd; box-sizing:border-box;  margin-bottom:30px;}
.tab_box .tab_bt li{float:left; line-height:45px; text-align:center; border-right:1px solid #ddd;  box-sizing:border-box;}
.tab_box .tab_bt li:last-child{border:none;}
.tab_box .tab_bt li a{color:#333; display:block}
.tab_box .tab_bt li.ov a {color:#fff !important;}



/* 탭메뉴2 */
.tab_box2 {width:100%; float:left;  background:#f5f5f5; padding:8px 20px; box-sizing:border-box; border:1px solid #ddd;}
.tab_box2 .tab_bt {margin:0 auto; box-sizing:border-box;}
.tab_box2 .tab_bt li{float:left;line-height:30px; text-align:center; box-sizing:border-box; }
.tab_box2 .tab_bt li a{color:#333; display:block; font-size:16px; display:block; margin-right:25px;}
.tab_box2 .tab_bt li.ov  {background:none; font-weight:600; }

/* @group structure */
.sub_nav-wrap {width: 1240px; margin: 0 auto; position:relative;}

/* @group core nav menu */
#sub_nav {width:100%; float:left; list-style: none;  border:1px solid #ddd; background:#fff; margin-top:95px;}

#sub_nav li.home_bt {width:135px; height:52px; border-right:1px solid #ddd; background:#26335e; text-align:Center; float:left; border-top:0; border-bottom:0;  box-sizing:border-box; }
#sub_nav li.home_bt a{color:#fff; line-height:52px;}

#sub_nav li.sub_nav-title {width:240px; float: left; display: block;  position: relative;}
#sub_nav li.sub_nav-title a {width:240px; display: block; font-size:16px; padding-left:15px; line-height: 52px; text-decoration: none;}
#sub_nav li.sub_nav-title a:hover,
#sub_nav li.sub_nav-title a.hov { }

/* @group subnav */
#sub_nav ul {width:240px; position: absolute; right: 0px; display: none; margin: 0; padding: 0; list-style: none; border:1px solid #ddd; border-bottom:3px solid #26335e;}
#sub_nav ul li { width: 100%; float: left; border-top: 1px solid #fff; text-align: left; background:#fff; box-sizing:border-box; }
#sub_nav ul li:hover {  }

#sub_nav ul li a { display: block; line-height: 20px; color: #666; border-bottom: 1px solid #ddd; color: #797979; font-weight: 400; }
#sub_nav ul li a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: #f7f7f7; color: #333; font-weight: 500;  }


#sub_nav li i {font-size:22px; float:right; color:#ddd; padding:15px 0 0 20px; border-left:1px solid #ddd; border-right:1px solid #ddd; width:55px; height:52px; box-sizing:border-box;}


.qr_ul {width:100%; float:left;}
.qr_ul li {width:50%; float:left; text-align:center;box-sizing:border-box}
.qr_ul li:first-child { border-right:1px solid #ddd; }
.qr_ul li img{margin-bottom:15px; }

.blue_btn {background:#67c3f6; padding:5px 20px; box-sizing:border-box; font-size:1rem; font-weight:400; color:#fff !important; float:right; border-radius:5px;}

/* 학교홍보자료 */
.photo_gall2  { width:100%; float:left; margin-bottom:15px; }
.photo_gall2  .gall_box {position:relative; width:100%; float:left; max-width:280px; margin-right:35px;}
.photo_gall2  .gall_box:nth-child(3) {margin-right:0px; float:right;}
.photo_gall2  .gall_box:nth-child(6) {margin-right:0px; float:right;}
.photo_gall2  .gall_box span {padding-top:5px; width:100%; float:left; text-align:center; font-size:16px; }
.photo_gall2  .gall_box img {width: 280px;  height:200px; border:1px solid #ddd;}


.container {
  position: relative;
  width: 100%;
  max-width: 240px;
  height:200px;
  margin:20px 0;
  box-sizing:border-box;
}

.gall_img {
  display: block;
  width: 100%;
  height: auto;
  border:1px solid #ddd;  box-sizing:border-box;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background:rgba(0,0,0,0.5) center no-repeat;
}

.container:hover .overlay {
  opacity: 1;
}

.icon {
  color: #fff;
  font-size: 1.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.fa-search:hover {
  color: #fff;
}


i.fa-search {
    font-size: 2em;
    color: #bbb;
    text-decoration: none;
    padding: 0 10px 5px 10px;
}

.text_box_sm{font-size:15px; color:#777;  font-weight:300;}
.text_box_p {font-size:16px; color:#666; font-weight:400; line-height:1.6em;}

.text_box2 {font-size:17px; color:#333; font-weight:400;}
.text_box2_bold {font-size:17px; color:#333; font-weight:500;}

.text_box3 {font-size:18px; color:#555; font-weight:400;}
.text_box3_bold {font-size:20px; color:#333; font-weight:500;}



.color_d_red{color:#7b0a0a !important;}

#contents{position:relative; overflow:hidden; clear:both;}
#wrap {width: 100%;min-width: 1200px;min-height: 100%; float:left;}

.sub_content { width:1200px; margin:0 auto; padding:5% 0; box-sizing:border-box;}

.sub_vi {width:100%; box-sizing:border-box;min-width:1240px; height:300px; float:left;  margin-top:90px;}
.sub_vi01 {background:url('/common/img/sub/sub01_visual.png') no-repeat center 0; background-size: cover; }
.sub_vi02 {background:url('/common/img/sub/sub02_visual.png') no-repeat center 0; background-size: cover; }
.sub_vi03 {background:url('/common/img/sub/sub03_visual.png') no-repeat center 0; background-size: cover; }
.sub_vi04 {background:url('/common/img/sub/sub04_visual.png') no-repeat center 0; background-size: cover; }
.sub_vi05 {background:url('/common/img/sub/sub05_visual.png') no-repeat center 0; background-size: cover; }
.sub_vi06 {background:url('/common/img/sub/sub06_visual.png') no-repeat center 0; background-size: cover; }

.color_bl {color:#0b55b1;}
.color_r {color:#c00;}



/*  which_wrap */
.sub_vi .which_wrap {position:absolute; bottom:0; width:100%; float:left; background:rgba(0,0,0,0.3); line-height:55px; color:#fff; }
.sub_vi .which_wrap div {width:1200px; margin:0 auto;}
.sub_vi .which_wrap div p {float:right; text-align:right; }

#wrap .page_content{
	width: 100%;
	float:right;
	/*padding: 0 4em 3.125em 6em;*/
}




.s2_left_box {width:49%; float:left; background:#f9f9f9; box-sizing:border-box; padding:30px 30px 0px  30px; border:1px solid #ddd;}
.s2_left_box h2 {color:#333; font-size:22px; margin-bottom:10px; box-sizing:border-box; padding-bottom:8px }
.s2_box_center {width:49%; float:left;  background:#cdc;}
.s2_box_right {width:49%; float:right; background:#0dc;}





/* 서브메뉴 sub01 left */
.jquery-accordion-menu,.jquery-accordion-menu * {
        /*font-family: 'Open Sans',sans-serif;*/
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        outline: 0;
}

.jquery-accordion-menu {
        min-width: 230px;
		 width: 230px;
		 float:left;
		overflow-x: hidden;
		overflow-y: auto;
		top: 0;
		left: 0;
		border-bottom:1px solid #557344;
}

.jquery-accordion-menu .jquery-accordion-menu-menu2 {
        width: 100%;
        float: left;
		box-sizing:border-box;
        line-height:40px;
        font-weight: 500;
        color: #333;
		font-size:18px;
		border-bottom:0px solid #00417e;
}

/*footer 푸터*/
.jquery-accordion-menu .jquery-accordion-menu-footer{
        width: 100%;
		height:0;
        padding-left: 22px;
        float: left;
        line-height:1.3em;
		font-size:16px;
		margin-top:20px;
        font-weight: 400;
        color: #999;
}



.jquery-accordion-menu ul {
        margin: 0;
        padding: 0;
        list-style: none

}

.jquery-accordion-menu ul li {
        width: 100%;
        display: block;
        float: left;
        position: relative
}

.jquery-accordion-menu ul li a {
        width: 100%;
        padding: 14px 20px;
        float: left;
        text-decoration: none;
        color: #555;
        font-size: 15px;
/*        background: #0476a8;*/
        white-space: nowrap;
        position: relative;
        overflow: hidden;
        -o-transition: color .2s linear,background .2s linear;
        -moz-transition: color .2s linear,background .2s linear;
        -webkit-transition: color .2s linear,background .2s linear;
        transition: color .2s linear,background .2s linear
}

.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a {
		font-size:18px;
/*        background: #03628c*/
}

.jquery-accordion-menu>ul>li>a {
        border-bottom: solid 1px #ddd
}

.jquery-accordion-menu ul li a i {
        width: 34px;
        float: left;
        line-height: 18px;
        font-size: 16px;
        text-align: left
		color:#666;
}

.jquery-accordion-menu .submenu-indicator {
        float: right;
        right: 22px;
        position: absolute;
        line-height: 22px;
        font-size: 22px;
		font-weight:300;
		color:#999;
        -o-transition: transform .3s linear;
        -moz-transition: transform .3s linear;
        -webkit-transition: transform .3s linear;
        -ms-transition: transform .3s linear
}

.jquery-accordion-menu ul ul.submenu .submenu-indicator {
        line-height: 16px
}

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
/*        -ms-transform: rotate(45deg);*/
/*        -moz-transform: rotate(45deg);*/
/*        -webkit-transform: rotate(45deg);*/
/*        transform: rotate(45deg)*/
}

.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu {
        width: 100%;
        display: none;
        position: static;
}


.jquery-accordion-menu .submenu li{display:block;}

.jquery-accordion-menu ul ul.submenu li {
        clear: both;
        width: 100%
}

.jquery-accordion-menu ul ul.submenu li a {
        width: 100%;
        float: left;
        font-size: 11px;
        background: #383838;
        border-top: none;
        position: relative;
		border-bottom:1px solid #f0f0f0;
        border-left: solid 6px transparent;
        -o-transition: border .2s linear;
        -moz-transition: border .2s linear;
        -webkit-transition: border .2s linear;
        transition: border .2s linear
}

.jquery-accordion-menu ul ul.submenu li:hover>a {
        border-left-color: #761818;
}

.jquery-accordion-menu ul ul.submenu li a.ov {
        border-left-color: #761818;

}

.jquery-accordion-menu ul ul.submenu>li>a {
        padding-left: 25px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
        padding-left: 40px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
        padding-left: 60px
}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
        min-width: 20px;
        padding: 1px 2px 1px 1px;
        position: absolute;
        right: 18px;
        top: 14px;
        font-size: 11px;
        font-weight: 800;
        color: #555;
        text-align: center;
        line-height: 18px;
        background: #f0f0f0;
        border-radius: 100%
}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
        top: 12px
}

.ink {
        display: block;
        position: absolute;
        background: rgba(255,255,255,.3);
        border-radius: 100%;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
}

.animate-ink {
        -webkit-animation: ripple .5s linear;
        -moz-animation: ripple .5s linear;
        -ms-animation: ripple .5s linear;
        -o-animation: ripple .5s linear;
        animation: ripple .5s linear
}

@-webkit-keyframes ripple {
        100% {
                opacity: 0;
                -webkit-transform: scale(2.5)
        }
}

@-moz-keyframes ripple {
        100% {
                opacity: 0;
                -moz-transform: scale(2.5)
        }
}

@-o-keyframes ripple {
        100% {
                opacity: 0;
                -o-transform: scale(2.5)
        }
}

@keyframes ripple {
        100% {
                opacity: 0;
                transform: scale(2.5)
        }
}


/*стили поисковой строки*/
.filterinput{
        background-color:rgba(249, 244, 244, 0);
        border-radius:15px;
        width:90%;
        height:30px;
        border:thin solid #FFF;
        text-indent:0.5em;
        font-weight:bold;
        color:#FFF;
}

/*1차메뉴*/
#demo-list>li>a{
        overflow:hidden;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        white-space:nowrap;
        width:100%;
		font-size:16px;
		font-weight:300;
		color:#666;
		text-align:left;
}

#demo-list>li>a:hover {color:#761818;}


/* 오버 */
#demo-list>li.ov {background:#f9f9f9; }
#demo-list>li.ov>a {color:#761818; font-weight:600; }

/*2차메뉴*/
#demo-list>li>.submenu li a {
        overflow:hidden;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        white-space:nowrap;
        width:100%;
		font-size:16px;
		background:#f9f9f9;
		text-align:left;
		font-weight:400;
		color:#555;
}

.left_mn_bg {background:#452207 url('/common/img/left_bg_logo2.png') no-repeat right bottom; width:230px; line-height:110px; float:left;}
.left_mn_bg h2 {color:#fff; font-size:28px; font-weight:500; text-align:center;}


.sub02_h2 {text-align:center; font-size:40px; color:#333; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:50px;}
.greet_h3 {font-size:36px; color:#610827; text-align:right; line-height:1.4em;}
.greet_p {font-size:20px; color:#666; text-align:right; line-height:1.5em; margin-top:50px;}


.left_mn_wrap {width:230px; float:left; margin-top:45px; border:1px solid #ddd; margin-bottom:35px;}
.right_content {width:910px; float:right;  margin:50px  0 65px 0; box-sizing:border-box; position:relative;}
.center_content {width:100%; float:left;  margin:50px  0 65px 0;}


.sub01_h2 {font-size:33px; font-weight:600; color:#761818; display:block; z-index:-9}
.sub01_p	 {font-size:22px; font-weight:300; color:#999; letter-spacing:2px; opacity:0.7; border-bottom:1px solid #ddd; margin-top:-5px; margin-bottom:30px; padding-bottom:10px; z-index:-9}

.science_h3 {color:#333; font-size:22px; font-weight:500; text-align:left; float:left; height:auto; margin-bottom:10px;}

.science_ul {}
.science_ul li { float:left;padding:2px 0px 5px 0; vertical-align:middle; font-size:16px; line-height:1.5em;  margin-left:32px; color:#777; list-style:disc;  box-sizing:border-box;}

.sub01_greet_h3 { text-align:left;  padding:20px 0 10px 0; line-height:1.4em; box-sizing:border-box; color:#333; font-size:24px; display:block; }
.activity_h3 { background:#f9f9f9 url('/common/img/sub/cir_tit_icon.png') no-repeat center left; float:left;  text-align:left;  padding:20px 0 20px 30px; line-height:1.4em; box-sizing:border-box; color:#333; font-size:24px; display:inline-block; }

.sub_h4 {font-size:24px; font-weight:500; margin-bottom:10px; color:#333;text-align:left;}
.nbsp_span {margin:0 15px;}

.which_wrap {position:relative; width:100%; float:left;  background:#f7f7f7;border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-top:90px;line-height:55px; color:#666; }
/*.which_wrap div {width:1200px; margin:0 auto;}*/
.which_wrap div p {float:right; text-align:right; }

.which_wrap div.center_box {width:1200px; margin:0 auto;}
/*.which_wrap div p {float:right; text-align:right; }*/


/* 서브 셀렉박스 */
.which_wrap .selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  float: right;
  min-width: 170px;
  margin-bottom:5px;
}

/* IE11 hide native button (thanks Matt!) */
.which_wrap select::-ms-expand {
display: none;
}

.which_wrap .selectdiv:after {
  content: '>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  top: 10px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */

  position: absolute;
  pointer-events: none;
}

.which_wrap .selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */

  display: block;
  width: 100%;
  max-width: 300px;
  height: 40px;
  float: right;
  margin-bottom:3px;
  padding: 0px 10px;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  opacity:0.9;
  background-color: #f7f7f7;
  background-image: none;
  border: 1px solid #ccc;
  -ms-word-break: normal;
  word-break: normal;
}



/* 타이틀 영역 */
.sub_page_tit {position: relative; padding-top:18px; font-weight: 500; }
.sub_page_tit a {position: absolute; width:35px; height:35px; padding:10px; box-sizing:border-box; }
.sub_page_tit .left_paging {left:0%; top:25%; background: url('/common/img/sub/left_btn.png') no-repeat center; cursor:pointer; }
.sub_page_tit .right_paging {right:0%;  top:25%; background: url('/common/img/sub/right_btn.png') no-repeat center; }



.box_bg_wrap {width:95%; margin:0 auto; border-radius:20px; padding:20px; box-sizing:border-box; display:block; background:#fff;}
.box_bg_wrap2 {width:100%; float:left; border-radius:5px; padding:20px; box-sizing:border-box; display:block;  background:#fff;}

.box_border_wrap {width:100%; float:left; padding:20px; box-sizing:border-box; border:2px solid #ddd;  border-radius:6px;	background:#f9f9f9}
.box_border_wrap2 {width:100%; float:left; padding:20px; box-sizing:border-box; border:2px solid #ddd;  border-radius:6px;	}

.border_top {padding-top:50px; margin-top:55px; border-top:1px dashed #ddd; width:100%; float:left;}

/*댓글 reply */
.reply_box {width:100%; float:left;  margin:30px 0 20px 0;}

.reply_list {width:100%; float:left;background:#f9f9f9;border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 30px 0 30px; box-sizing:border-box;}
.reply_list li {width:100%; float:left; margin-bottom:20px;  border-bottom:1px dashed #ddd; }
.reply_list li:last-child {width:100%; float:left; margin:0;  border:none; }


.reply_con {margin-bottom: 20px; font-size:16px; line-height:1.3em; width:100%; float:left; color:#666; font-weight:300; }

.pw_chang {width:100%; float:left; margin-bottom:15px; }
.pw_chang span {vertical-align:middle;}
.pw_chang .pw_check_bt {vertical-align:bottom; margin-left:3.5px; background-color: rgba(0,0,0,0.8); color: #fff; padding:0px 20px; line-height:35px; border:none; border-radius:3.5px; font-size:13px; cursor:pointer;}

.reply_bt {vertical-align:bottom; background-color:#d88f11; color: #fff; padding:12px 30px; border:none; border-radius:6px; font-size:16px; font-weight:500; margin-top:20px;  cursor:pointer;}
.reply_modify{width:100%; float:left; margin-bottom:20px; background:#fff; padding:25px 15px; border:1px solid #ddd; box-sizing:border-box;}

.reply_bt2 {vertical-align:bottom; background-color:#881515; color: #fff; padding:12px 30px; border:none; border-radius:6px; font-size:16px; font-weight:500; margin-top:20px;  cursor:pointer;}


/* 작성자 정보 */
.writer_info { width:100%; float:left; box-sizing:border-box; margin-bottom:15px;}
.writer_info .name {font-size:16px; font-weight:500; color:#333;}
.writer_info .write_date {margin-left:10px; font-size:15px; color:#888; vertical-align:bottom;}

.writer_info .delete_bt {font-size:15px; color:#990000; vertical-align:bottom;}
.writer_info .change_bt {margin-left:5px; font-size:15px; color:#333; vertical-align:bottom;}


/* 댓글쓰기 */
table.reply_write   {width:100%; float:left; border-top:1px solid #ddd;  border-bottom:1px solid #707070; margin-bottom:30px;}
table.reply_write  th   {padding:10px; vertical-align:middle; background-color:#f9f9f9; font-size:1em; text-align:left; font-weight:500; color:#333;  border-bottom:1px solid #ddd; }
table.reply_write  td   {padding:10px; font-size:0.95em; color:#777; border-bottom:1px solid #ddd;}


/* 작성하기 버튼 */
.write_bt   { color:#fff;  background:#666; float:right; padding:35px 40px; margin-top:5px; }
.write_bt2   { color:#fff;  background:#666; float:right; padding:35px 40px; margin-top:5px; }

.write_bt  a {display:inline-block; text-decoration:none;}

.write_bt a:link	{color:#fff;}
.write_bt a:hover	{color:#fff;}
.write_bt a:active	{color:#fff;}
.write_bt a:visited  {color:#fff;}

.history_box {border-top:2px solid #333; width:100%; float:left;}



/* 경영관 */
.text_bg_wrap {width:100%; float:left; box-sizing:border-box; border:1px solid #ddd;  padding:20px 50px;}
.text_bg_wrap .col-1  {width:100%;  float:left; box-sizing:border-box; border-bottom:1px dashed #ddd; padding:20px 0; }
.text_bg_wrap .col-1:last-child {border:none;}
.text_bg_wrap .col-1 p {line-height:1.8em; margin-top:10px;}
.text_bg_wrap .col-1 p b { font-size:18px; color:#333; display:inline-block;font-weight:500;}
/* 교복 */
.uni{padding:20px}


/* 교훈 */
.school_text_wrap {width:100%; float:left; background:#f9f9f9; text-align:center;font-size:28px; font-family: 'Eulyoo1945-SemiBold'; border:1px solid #ddd; box-shadow:rgba(0,0,0,0.1) 1px 2px 3px;  padding:25px 0; box-sizing:border-box; margin-bottom:30px;}

@font-face {
    font-family: 'Eulyoo1945-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/Eulyoo1945-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.box_100 ul li.sc_col-2 {width:48.5%; float:left;   box-sizing:border-box; }
.box_100 ul li.sc_col-2:last-child {float:right; width:48.5%; margin-right:0;}
.box_100 ul li.sc_col-2 .col_box {width:100%;border:1px solid #ddd; padding:15px; box-sizing:border-box;}


.box_100 ul li.sc_col-1 {width:100%; float:left;   box-sizing:border-box; border:1px solid #ddd; padding:30px 25px; }
.box_100 ul li.sc_col-1 .text_box2_bold {border-bottom:1px solid #999; padding-bottom:3px; margin-bottom:5px; width:100%; float:left;}

.box_100.box_100_1 ul li.sc_col-1{float:none; padding:30px 25px 60px 25px;}
.box_100 ul  li.sc_col-1{}
.foot_div{width:100%; box-sizing:border-box; border:1px solid #ddd; padding:30px 25px; margin-top:1em;}
.foot_div .text_box2_bold:before{content:''; display:inline-block; clear:both; width:17px; height:17px; border:1px solid #666; border-radius:20px; margin-right:0.5em; margin-bottom:-2px;}
.foot_div .text_box2_bold:after{content:''; display:inline-block; clear:both;  width:100%; height:1px; background:#999; margin:0.2em 0; }
.foot_div .text_box2_bold span:nth-child(1){padding:0 0.5em;}
.foot_div .text_box2_bold span:nth-child(2){font-weight:400; color:#666;}

.mem_t_txt_wrap{height:280px; border:1px solid #dcdcdc; overflow-y:scroll; padding:20px; box-sizing:border-box;}


/* 오디오박스 */
.audio_box_wrap audio {
	width:100%; float:left;
    display:block;
    margin: auto;
 }

.down_btn_wrap {width:200px; border:1px solid #ddd; float:left; margin-top:15px;}
.down_btn_wrap li {float:left; width:50%; text-align:center; box-sizing:border-box;}
.down_btn_wrap .down_btn {line-height:28px; font-size:13px; color:#666; display:block; letter-spacing:0}
.down_btn_wrap .down_btn img {vertical-align:0; margin-left:3px;}
.down_btn_wrap .down_btn:hover {background:#f5f5f5; color:#333; font-weight:500}