BODY,TEXTAREA,TABLE,DIV{
  font-family: Tahoma,±¼¸², Arial; 
  font-size:10pt;
  color:#2E2E2E;
  scrollbar-face-color:ffffff; 
  scrollbar-shadow-color: #999999; 
  scrollbar-highlight-color: #999999; 
  scrollbar-3dlight-color: ffffff; 
  scrollbar-darkshadow-color: ffffff; 
  scrollbar-track-color: ffffff; 
  scrollbar-arrow-color: #99999;
}

 
a:link { font-size: 10pt; color: #044BC1; text-decoration: none; }
a:visited { font-size: 10pt; color: #2378b4; text-decoration: none; }
a:hover          { font-size: 10pt; color: #4E6DAD; text-decoration: none;}

.table_box01 {BORDER-left: #000000 2px solid; BORDER-right: #000000 2px solid; BORDER-top: #000000 2px solid;BORDER-bottom: #000000 2px solid;}

font.p  { color: #205DB8; }	

INPUT { border: expression((this.type=='checkbox' || this.type=='radio' || this.type=='button' || this.type=='image')?'':'1px solid #5E82A6');} 
 
 
.menu {	color: #4b4b4b; font-size: 11px; font-family:tahoma;line-height: 12px;text-decoration:none;}
a.menu:link {color:#4b4b4b; font-family:tahoma; text-decoration:none;}
a.menu:visited {color:#4b4b4b; font-family:tahoma; text-decoration:none;}
a.menu:hover {color:#bc0016; font-family:tahoma; text-decoration:none;}



 .sstitle {
	font-weight:bold;
	font-family: ±¼¸²;
	font-size: 10pt;
 	color:2469b7 
}


 .left_menu_font { 	font-family: Tahoma;	font-size: 9pt; 	color:484848 }
a.left_menu_font:link {color:#484848; font-family:tahoma; text-decoration:none;}
a.left_menu_font:visited {color:#484848; font-family:tahoma; text-decoration:none;}
a.left_menu_font:hover {color:#484848; font-family:tahoma; text-decoration:none;}


 .left_menu2_font { 	font-family: Tahoma;	font-size: 9pt; 	color:484848;line-height:130% }
a.left_menu_font:link {color:#484848; font-family:tahoma; text-decoration:none;}
a.left_menu_font:visited {color:#484848; font-family:tahoma; text-decoration:none;}
a.left_menu_font:hover {color:#484848; font-family:tahoma; text-decoration:none;}

 .btntext {
 	color:ffffff ;
	background-color:406eb4;
	font-size:8pt;
	font-family:Verdana,sans-serif;
	padding-left:2px ;padding-right:2px;padding-top:2px;padding-bottom:2px;
	BORDER-left: #c0c0c0 2px solid; BORDER-right: #c0c0c0 2px solid; BORDER-top: #c0c0c0 2px solid;BORDER-bottom: #c0c0c0 2px solid;
}

  


.inputtext { BACKGROUND-COLOR:#F8F7EC; COLOR:#000000; BORDER:1x solid #b4b4b4; height:23px;
					line-height:23px;font-size:9pt;
					font-family: Tahoma,Verdana,Arial;}

.textarea { BACKGROUND-COLOR:#F8F7EC; COLOR:#000000; BORDER:1x solid #dddddd; FONT-FAMILY: Tahoma,Verdana,Arial; FONT-SIZE: 9pt; LINE-HEIGHT: 20px;}


 .BtnImg {
	border-style:none;
	font-family: ±¼¸²;
	font-size: 10pt;
	width: 25px;
	height: 25px;
	background-color:#f0f0f0;
}

.SelectBar {
	border:1 solid silver;
	font-family: ±¼¸²;
	font-size: 10pt;
	background-color:#f0f0f0;
}

.TextMenuBar {
	border-top-style:none;
	font-family: ±¼¸²;
	font-size: 10pt;
	background-color:#f0f0f0;
}   

.skin0 {
	position:absolute;
	text-align:left;
	width:200px;
	border:1px solid gray;
	background-color:menu;
	font-family:µ¸¿ò,Verdana;
	line-height:20px;
	cursor:default;
	visibility:hidden;
}

img {border:0}

#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	text-align: left;
	background-image: url(/func/lightbox/image/overlay.png);
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
* html #overlay {
	background-color: #000;
	background-image: url(/func/lightbox/image/blank.gif);
	filter: Alpha(opacity=50);
}


.intro_top {font-size : 10pt;  font-family:µ¸¿ò,Arial,Seoul; color:#0E0A0A;font-weight:bold;}
.intro {font-size : 10pt;  font-family:µ¸¿ò,Arial,Seoul; color:#606060;line-height:185%}

/* gnb */
table.gnb {
	position: relative;
	font-family: 'noto-sans-cjk-kr', sans-serif;
	/* background:url('/image/main/gnb_bg_full.png') 0 0 repeat-x; */
}
table.gnb::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 40px;
	background: linear-gradient(to right, #2d6fba 30%, #234884 100%);
}
ul#gnb, ul#gnb ul, ul#gnb li {margin:0; padding:0; list-style:none;}
ul#gnb {position:relative; overflow:hidden; background:url('/image/main/gnb_bg.png') 0 0 no-repeat; width:985px; height:79px; padding:0 50px;}
ul#gnb li {float:left; height:40px;}
ul#gnb li:first-child  {margin-left: 0;}
ul#gnb > li:nth-child(4) > a {width:175px;}
ul#gnb > li > a {
	/* display:block;
	padding:11px 0; */
	display: flex;
	align-items: center;
	justify-content: center;
	width:135px;
	height: 40px;
	box-sizing:border-box;
	color:#fff;
	text-align: center;
	font-size:16px;
}
ul#gnb > li:hover > a,
ul#gnb > li:focus > a {font-weight:bold; background:url('/image/main/gnb_on.png') center bottom no-repeat;}
ul#gnb li:hover ul,
ul#gnb li:focus ul {display:block;}
ul#gnb ul a:hover,
ul#gnb ul a:focus {font-weight:bold; color:#2b70bf;}
ul#gnb ul a:hover > span,
ul#gnb ul a:focus > span {
	box-shadow: inset 0 -1px 0 #2b70bf;
}
ul#gnb li ul {
	display:none;
	position:absolute;
	top:40px;
	/* overflow:hidden; */
	padding:0;
}
ul#gnb li ul::before {
	content: '';
	position: absolute;
	left: 47px;
	top: -8px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 4px 8px 4px;
	border-color: transparent transparent #ffffff transparent;
}
ul#gnb li:nth-child(1) ul {left:73px;}
ul#gnb li:nth-child(2) ul {left:195px;}
ul#gnb li:nth-child(3) ul {left:345px;}
ul#gnb li:nth-child(4) ul {left:470px;}
ul#gnb li:nth-child(5) ul {left:500px;}
ul#gnb li:nth-child(6) ul {left:759px;}
ul#gnb li:nth-child(7) ul {left:950px;}
ul#gnb li:nth-child(1) ul::before {left:43px;}
ul#gnb li:nth-child(2) ul::before {left:47px;}
ul#gnb li:nth-child(3) ul::before {left:43px;}
ul#gnb li:nth-child(4) ul::before {left:63px;}
ul#gnb li:nth-child(5) ul::before {left:192px;}
ul#gnb li:nth-child(6) ul::before {
	left: 50%;
	transform: translateX(-50%);
}
ul#gnb li:nth-child(7) ul::before {
	left: 14px;
}
ul#gnb ul li {margin-left: 20px;}
ul#gnb ul li:first-child {margin-left: 0;}
ul#gnb ul a {
	display:block;
	padding:10px 0px;
	min-width:60px;
	height:40px;
	font-size:14px;
	color:#707070;
	box-sizing:border-box;
}


.sub-tab-wrap{
    display: block;
    margin-bottom: 30px;
}
.sub-tab-menu{
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    border-bottom: 1px solid #dfdfe9;
}
.sub-tab-menu > li{
    display: block;
    flex: 1;
    text-align: center;
}
.sub-tab-menu > li > a{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    color: #000;
    transition: 0.3s ease;
}
.sub-tab-menu > li > a:before{
    display: block;
    content: '';
    clear: both;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #b84679;
    transition: 0.3s ease;
}
.sub-tab-menu > li.on > a,
.sub-tab-menu > li:hover > a{
    color: #b84679;
    font-weight: 700;
    letter-spacing: -0.03em;
}
.sub-tab-menu > li.on > a:before,
.sub-tab-menu > li:hover > a:before{
    width: 100%;
}
.sub-tab-con{
    display: none;
}

.cf:after{display: block;content: '';clear: both;}
.hide{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;clip: rect(0 0 0 0);}
.cst-table{
    width: 100%;
    max-width: 740px;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
    box-sizing: border-box;
}
.cst-table th,
.cst-table td{
    padding: 8px 10px;
    font-size: 12px;
    line-height: 1.3;
    border: 1px solid #e1e1e1;
    text-align: center;
    word-break: break-word;
}
.cst-table th{
    background-color: #C9A677;
    color: #fff;
    width: 700px;
}
.cst-table tbody th{
    background-color: #f9f9f9;
    color: #191919;
    font-weight: 400;
}
.activity-program td:nth-child(2){
    text-align: left;
}
.btn-wrap{
    margin-top: 30px;
}
.btn{
    display: inline-block;
    margin: 2px;
    border: 1px solid transparent;
    line-height: 1.3;
    text-align: center;
    vertical-align: top;
}
.btn.btn-type1{
    padding: 12px 25px;
    margin: 2px 5px;
    font-size: 12px;
}
.btn.btn-small{
    padding: 6px 12px;
    font-size: 12px;
}
.btn.color-type1 {
    background-color: #b84679;
    border-color: #b84679;
    color: #fff;
}
.btn.color-type2 {
    background-color: #5f3f7e;
    border-color: #5f3f7e;
    color: #fff;
}
.btn.color-type3 {
    background-color: #4e88be;
    border-color: #4e88be;
    color: #fff;
}
.btn.color-type5 {
    background-color: #394f88;
    border-color: #394f88;
    color: #fff;
}
.btn.color-type8 {
    background-color: #EC6D17;
    border-color: #EC6D17;
    color: #fff;
}
.btn.color-type-gra {
    border-color: transparent;
    background: linear-gradient(90deg, #B84679 0%, #5F3F7E 100%);
    box-shadow: 0 10px 20px 0 rgba(95, 63, 126, 0.20);
    color: #fff;
}
.btn.btn-round {
    border-radius: 30px !important;
}

.links-list {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}
.links-list li {
    width: calc((100% - 40px)/3);
}
.links-list li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    padding: 10px;
    border: 1px solid #d3d3d3;
}
.links-list li a::before{
    opacity: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    background-image: url('/image/link/bg_links.png');
    cursor: pointer;
    transition: 0.3s ease;
}
.links-list li a::after{
    opacity: 0;
    content: 'Go to Homepage';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    transition: 0.3s ease;
}
.links-list li a:hover::before,
.links-list li a:hover::after{
    opacity: 1;
}
.links-list li a img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.list-type{
    margin-left: 10px;
    padding: 0;
    list-style: none;
}
.list-type > li{
    line-height: 1.8;
}
.list-type-bar > li,
.list-type-dot > li{
    position: relative;
    padding-left: 15px;
}
.list-type-bar > li:before{
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 1px;
    background-color: #000;
}
.list-type-dot > li:before{
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #000;
}

/* SUB::ASCI School::ASCI Cube */
.cube-view-wrap .director-list {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 15px;
    margin: 0;
    margin-top: 10px;
    padding: 0;
}
.cube-view-wrap .director-list li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    width: 40%;
    padding: 30px;
    border: 1px solid #42588C;
    border-top: 4px solid #42588C;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
}
.cube-view-wrap .director-list li p{
    margin: 0;
    padding: 0;
}
.cube-view-wrap .director-list li .position {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
}
.cube-view-wrap .director-list li p:not(.position) {
    text-align: right;
}

.cube-view-wrap .attr-list {
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 0;
    list-style: none;
}
.cube-view-wrap .attr-list li + li {
    margin-top: 10px;
}
.cube-view-wrap .attr-list img {
    width: 15px;
    margin-top: -3px;
    margin-right: 10px;
    vertical-align: middle;
}
.cube-view-wrap .attr-list span {
    color: #B84A74;
    font-weight: 700;
}

.cube-view-wrap .img-text-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    padding: 40px 0;
    border-bottom: 1px solid #dddddd;
}
.cube-view-wrap .img-text-wrap:nth-of-type(even) {
    flex-direction: row-reverse;
}
.cube-view-wrap .img-text-wrap p {
    text-align: justify;
}

.table-wrap.small {
    width: 60%;
}


/* SUB::ASCI School::ASCI School */
.school-btn-wrap {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 50px;
}
.school-btn-wrap > a.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: calc(33.3333% - 34px);
    min-height: 60px;
    max-width: 350px;
    margin: 0;
    padding: 10px 15px;
    border-width: 2px;
    text-align: left;
    transition: 0.3s ease;
}
.school-btn-wrap > a .ico {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../image/sub/ico_school_btn.png');
    text-indent: -9999px;
}


.school-btn-wrap > a:nth-of-type(1):hover .ico {
    background-image: url('../image/sub/ico_school_btn01_on.png');
}
.school-btn-wrap > a:nth-of-type(2):hover .ico {
    background-image: url('../image/sub/ico_school_btn02_on.png');
}
.school-btn-wrap > a:nth-of-type(3):hover .ico {
    background-image: url('../image/sub/ico_school_btn03_on.png');
}
.school-btn-wrap > a:nth-of-type(4):hover .ico {
    background-image: url('../image/sub/ico_school_btn04_on.png');
}
.school-btn-wrap > a:nth-of-type(5):hover .ico {
    background-image: url('../image/sub/ico_school_btn05_on.png');
}

.school-btn-wrap > a:nth-of-type(1):hover{
    background-color: #fff;
    border-color: #94437a;
    color: #94437a;
}
.school-btn-wrap > a:nth-of-type(2):hover{
    background-color: #fff;
    border-color: #5f3f7e;
    color: #5f3f7e;
}
.school-btn-wrap > a:nth-of-type(3):hover{
    background-color: #fff;
    border-color: #4e88be;
    color: #4e88be;
}
.school-btn-wrap > a:nth-of-type(4):hover{
    background-color: #fff;
    border-color: #394f88;
    color: #394f88;
}
.school-btn-wrap > a:nth-of-type(5):hover{
    background-color: #fff;
    border-color: #45426e;
    color: #45426e;
}

.school-tutorial-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 195px;
    padding: 30px;
    gap: 30px;
    margin-top: 40px;
    background: #E9E9F8;
    list-style: none;
    box-sizing: border-box;
}
.school-tutorial-list *{
    box-sizing: border-box;
}
.school-tutorial-list li {
    border-radius: 10px;
    width: 100%;
    transition: 0.3s ease;
    background-image: linear-gradient(to right, #6863bd, #7f89d5);
    box-shadow: 6px 6px 0 0 rgba(150, 147, 198, 0.35);
}

.school-tutorial-list li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 74px;
    padding: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    border-radius: 10px;
    border: 3px solid transparent;
    color: #fff;
    transition: 0.3s ease;
}
.school-tutorial-list li a::after{
    content: '';
    opacity: 0;
    transform: scale(86%);
    position: absolute;
    right: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: 0.3s ease;
}
.school-tutorial-list li.type1 a::after{
    bottom: -20px;
    right: -20px;
    width: 40px;
    height: 49px;
    background-image: url('/image/sub/ico_tutorial_type01.png');
}
.school-tutorial-list li a::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 49px;
    height: 49px;
    margin-top: -25px;
    background-image: url('/image/sub/bg_tutorial_type01.png');
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: 0.3s ease;
}
.school-tutorial-list li:hover a::before{
    opacity: 0;
}

.school-tutorial-list.col3,
.school-tutorial-list.col5 {
    justify-content: flex-start;
    flex-wrap: wrap;
    height: auto;
}
.school-tutorial-list.col5 li {
    width: calc(20% - 24px);
}
.school-tutorial-list.col5 li p {
    width: 100%;
}
.school-tutorial-list.col3 {
    gap: 15px;
}
.school-tutorial-list.col3 li{
    width: calc((100% - 30px)/3);
}

.school-tutorial-list li:hover {
    transform: translateY(-5px);
    background-image: linear-gradient(to right, #4641ac, #726dca);
}
.school-tutorial-list li:hover a {
    border-color: #3e3b99;
}
.school-tutorial-list li:hover a::after{
    opacity: 1;
}

.text-left{
    text-align: left !important;
}
.text-center{
    text-align: center !important;
}

/* SUB::Call for Paper */
.call-img-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 30px;
}
.call-img-wrap img {
    flex-shrink: 0;
    box-shadow: 0px 13px 2px 0 rgba(103, 103, 103, 0.17);
}
.call-img-wrap .btn-wrap{
    margin-top: 30px;
}
.call-img-wrap .btn-wrap .btn {
    margin: 0;
}
.text-blue {
    color: #144393 !important;
}