@charset "utf-8";

@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);


/* nanum-gothic-700 - korean_latin */
@font-face {
  font-family: 'Nanum Gothic',sans-serif;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nanum-gothic-v13-korean_latin-700.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic Bold'), local('NanumGothic-Bold'),
       url('../fonts/nanum-gothic-v13-korean_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v13-korean_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v13-korean_latin-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-800 - korean_latin */
@font-face {
  font-family: 'Nanum Gothic',sans-serif;
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/nanum-gothic-v13-korean_latin-800.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'),
       url('../fonts/nanum-gothic-v13-korean_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v13-korean_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean_latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v13-korean_latin-800.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-regular - korean_latin */
@font-face {
  font-family: 'Nanum Gothic',sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nanum-gothic-v13-korean_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('../fonts/nanum-gothic-v13-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v13-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v13-korean_latin-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}




ul,li,dd,dt,dd {list-style:none;}


/*====================
	???��??
=====================*/

#menu_div{clear: both;position: relative;top: 20px;left: 0px; z-index:2;} /* Free space to top specialy for menu */
#navigation {visibility:visible;}
#navigation, #menu_div {margin: 0 !important;padding: 0 !important;}
#menu {width: ;margin:0 auto; /*center the menu*/padding:0;position: relative; }/* ???��?????????? */
#nav{width: ;margin:0;padding:0;position: relative;}/* ???��?????????? */
#menu_div{}


#nav li a,#nav li {float:left;}
#nav li {list-style:none;position:relative;}


/*====================
	?????? 
=====================*/
#nav li ul {display:none;position:absolute;left:0;top:100%;padding:0;margin:0;
border-color:#f1f1f1;border-style: solid;border-width: 0 1px 1px 1px;
border-top:2px solid #f1f1f1;} /* hide submenu */




#nav li:hover > ul {display:block;width:100px;} /* show submenu on hover */
#nav li ul li,#nav li ul li a {border-right: 0;text-shadow: none;display:block;text-transform:inherit;} /* Submenu item */
#nav li ul li {_display:inline; /* for IE */}


/*====================
	????? 
=====================*/
#q_box {margin:0px 0 0;padding:0;}
#q_box ul {margin:0;padding:0;}
#q_box ul li{margin:0;padding:0;line-height:0px;padding:0;margin:0;font-size:0;}




/*main nav_0423???*/
    #topMenu {
            height: 58px;  /* ???? ????? ???? */
             /* ???? ????? ???? */
			
		
			
    }
    #topMenu ul {           /* ???? ??? ???? ul?? ??????: ????????? ul+???? ????? ul */
        list-style-type: none;  /* ???? ??? ???? ul ?????? ??? ??��? ?????? */
        margin: 0px;            /* ???? ??? ???? ul?? margin?? ???? */
        padding: 0px;           /* ???? ??? ???? ul?? padding?? ???? */
    	z-index: 100;
		top:68px;				/*?????????*/
	}
    #topMenu ul li {            /* ???? ??? ??? ul ?��? ??? ??? li ?��??? ????? ????(????/??????? ???) */
        color: #787777;               /* ??? ???? ??????? ???? */
        font-family: 'Nanum Gothic',sans-serif;  							/*background-color: #2d2d2d; ??? ???? RGB(2D2D2D)?? ???? */
        float: left;                /* ???????? ????????? ???? */
        line-height: 32px;          /* ???? ?? ???? ????? 30px?? ???? */
        vertical-align: middle;     /* ???? ?????? ?????? ???? */
        text-align: center;         /* ?????? ?????? ???? */
        position: relative;         /* ??? li ?��? ?????? top/left ?????? ???? */   
		margin-top:6px;
    }
    .menuLink {           /* ???? ????? ???? ????? a ?��?? ???????? ?????? ????? */
        text-decoration:none;               /* a ?��??? ??? ??? ???? */
        display: block;                     /* a ?��??? ??? ?????? ???? */
        /*width: 134px;*/                       /* ?? ????? 150px?? ???? */
        font-size: 17px;                    /* ??? ?????? 12px?? ???? */
        margin-top:  6px;      					/* ????? ???? ???? */
        font-family: 'Nanum Gothic',sans-serif; /* ?? ????? ????/??? ??????? ???? */
        font-weight: 500;
		color: #ffffff;
		text-align:left;
		padding:0 30px 0 30px;
		height:62px;
		
    }
	
	
	
	.submenuLink{
		text-decoration:none;               /* a ?��??? ??? ??? ???? */
        display: block;                     /* a ?��??? ??? ?????? ???? */
        width: 120px;                       /* ?? ????? 150px?? ???? */
        font-size: 17.5px;                    /* ??? ?????? 12px?? ???? */
        margin-top:  6px;      					/* ????? ???? ???? */
        font-family: 'Nanum Gothic',sans-serif; /* ?? ????? ????/??? ??????? ???? */
        font-weight: 600;
		color: #787777;
	}
	
	
	
	
	
    .menuLink {     /* ???? ????? ??????? ??????? ???? */
        color: #ffffff;  
    }
    .topMenuLi:hover .menuLink {    /* ???? ????? li?? ???�J???? ????? ?? ????? ???? */
        color: #00e4ff;                 /* ??? ?? ?????? */
		text-decoration: none;
          							/* ?????? ???? ??????? ????background-color: #4d4d4d; */
    }
	
    .submenuLink {          /* ???? ????? a ?��? ????? ???? */
        color: #2d2d2d;             /* ??? ???? RGB(2D2D2D)?? ???? */
        background-color: white;    /* ?????? ??????? ???? */
        border: solid 1px #e7e7e7;    /* ??��??? ???? */
        margin-top: -7px;           /* ?? ??? ??? ??��??? ?????? ??? ??��??? ?????????? ???? */   
		font-size:13px;
		
    }
    .longLink {     /* ?? ?? ?? ??? ????? ???? */
        width: 190px;   /* ????? 190px?? ???? */
    }
    .submenu {              /* ???? ??? ????? ???? */
        position: absolute;     /* html?? flow?? ?????? ????? ??? absolute ???? */
        height: 0px;            /* ??? ????? 0px?? ???? */
        overflow: hidden;       /* ?? ?????? ??????? ��???? ??? ???? ???? */
        transition: height .2s; /* height?? ??? ?????? ?? 0.2??? ??? ????? ????(??) */
        -webkit-transition: height .2s; /* height?? ??? ?????? ?? 0.2??? ??? ????? ????(?????? ???/??????) */
        -moz-transition: height .2s; /* height?? ??? ?????? ?? 0.2??? ??? ????? ????(?????? ????) */
        -o-transition: height .2s; /* height?? ??? ?????? ?? 0.2??? ??? ????? ????(?????? ?????) */
    }
    .topMenuLi:hover .submenu { /* ???? ????? ???�J ????? ??? ?? ???? ???? ??? ????? ???? */
        height: 300px;           /* ????? 93px?? ???? */
    }
    .submenuLink:hover {        /* ???? ????? a ?��??? ???�J ???? ????? ???? */
        color: 005bab;                 /* ??????? ?????????? ???? */
        background-color: #d8ebff;  						/* ????? RGB(DDDDDD)?? ????  */
        
		text-decoration: none;
	}
ul.submenu{top:56px;}/*??????????*/


	.submenu ul li a{width:200px;}


/**/

.l_menu_tit{height:59px; background:#005bab; color:#fff; font-family: 'Nanum Gothic',sans-serif; font-size:22px; font-weight:400; padding:37px 0 0px 23px;}


.gnb_sub{
	   width:240px; margin:auto; 
	   border:1px solid #e0e0e0;
	}



.gnb_sub ul ul{display:none;
	     /*??????????*/
	}

.gnb_sub ul{width:240px;
	margin: 0px;
    padding: 0;
	
	
	}

.gnb_sub>ul>li{
	   display:block; width:240px; height:50px;
	   border-bottom: 1px solid #e9e9e9;
       font-family: 'Nanum Gothic',sans-serif;
	   
	}

    .gnb_sub li a{
	  display:block; width:100%; height:100%;
	  font-family: 'Nanum Gothic',sans-serif;
	  text-decoration: none;
	  text-indent:24px;
	  line-height: 48px;
	  color:#333;
	  font-weight:600;
	}

    .gnb_sub li a:hover{
	  color:#266fcc; background:#f1f7ff;
	  /*background:url(/img/other/l_menu_on.gif) no-repeat;*/
	}




/*0423*/
.main_content3_wp{ background-color:#f8fafb; padding:60px 0; font-family: 'Nanum Gothic',sans-serif; overflow:hidden;}
.main_content3{width:942px; margin:0 auto;}
.left_lecture{width:573px; border:1px solid #e4e4e4; float:left;  background-color:#ffffff; margin-right:15px; height:406px; padding:23px 23px 0 23px;}
.left_lecture > .best_board > .best_lect_title{overflow:hidden; padding-left:0px; margin-top:7px;}
.left_lecture > .best_board { position:relative; height:187.5px;}
.left_lecture > .best_board > .best_btn{ position: absolute; right:0; top:0;}
.left_lecture > .best_board > h3{font-size:23px; font-family: 'Nanum Gothic',sans-serif; font-weight:400; width:568px; border-bottom: 4px solid #dddddd; margin:0 auto; padding: 0 0 17px 0;}
.left_lecture > .best_board > .best_lect_title li{float:left; font-size:16px; color:#0d0d0d; text-align:center; font-family: 'Nanum Gothic',sans-serif; width:81px;}
.left_lecture > .best_board > .best_lect_title > .lect_name{width:328px; text-align:left; padding-left:2px;}

.left_lecture > .best_board > table{widht:568px; margin:0 auto; line-height:26px; margin-top:10px; font-family: 'Nanum Gothic',sans-serif;}
.left_lecture > .best_board > table > tr > td{font-family: 'Nanum Gothic',sans-serif;}

/**/
.left_lecture > .new_lect{margin-top:20px;}
.left_lecture > .new_lect > .best_lect_title{overflow:hidden; padding-left:0px;}
.left_lecture > .new_lect { position:relative;}
.left_lecture > .new_lect > .best_btn{ position: absolute; right:0; top:0;}
.left_lecture > .new_lect > h3{font-size:23px; font-family: 'Nanum Gothic',sans-serif; font-weight:400; width:568px; border-bottom: 4px solid #dddddd; margin:0 auto; padding: 0 0 17px 0;}
.left_lecture > .new_lect > .best_lect_title li{float:left; font-size:16px; color:#0d0d0d; text-align:left; font-family: 'Nanum Gothic',sans-serif; width:49%; margin-top:7px;}
.left_lecture > .new_lect > .best_lect_title > .lect_name{text-align:left; padding-left:2px; margin-top:7px;}

.left_lecture > .new_lect > table{widht:568px; margin:0 auto; line-height:26px; margin-top:10px; font-family: 'Nanum Gothic',sans-serif;}
.left_lecture > .new_lect > table > tr > td{font-family: 'Nanum Gothic',sans-serif;}

/**/


.right_bn{width:306px; float:left;}
.right_bn > a > .r_bn1{margin-bottom:15px;}

.photo_gallery{width:; border:1px solid #e4e4e4; float:left;  background-color:#ffffff; margin-right:15px; clear:both; position:relative; margin-top:15px; padding:0 2px 20px 23px;}
.photo_gallery > .photo_gallery_btn{ position: absolute; right:27px; top:25px;}
.photo_gallery > h3{font-size:23px; font-family: 'Nanum Gothic',sans-serif; font-weight:400; width:; margin:0 auto; padding: 27px 0 17px 0;}
.photo_gallery > table{widht:568px; margin:0 auto; line-height:30px;}

.lect_review{width:254px; float:left; border:1px solid #e4e4e4;  background-color:#ffffff; position:relative; padding:0 25px 0 25px; margin-top:15px; height:272px;}
.lect_review > h3{font-size:23px; font-family: 'Nanum Gothic',sans-serif; font-weight:400; border-bottom: 4px solid #dddddd; margin:0 auto; padding: 27px 0 17px 0; margin-bottom:10px;}
.lect_review > .lect_rev_btn{position: absolute; right:27px; top:25px;}

.bottom_bn_wp{width:942px; margin:0 auto; overflow:hidden;}
.bottom_bn_wp > ul{overflow:hidden; padding-left:0px;  margin:60px 0 60px 0;}
.bottom_bn_wp > ul > .left_bn{width:621px; margin-right:15px; float:left; text-align:left;}
.bottom_bn_wp > ul > .right_bn{float:left; width:306px;}

.course_procedure{width:942px; margin:0 auto; overflow:hidden; margin-top:44px; margin-bottom:40px;}
.course_procedure > h2 {text-align:center; font-family: 'Nanum Gothic',sans-serif; font-size:40px; font-weight:200; color:#0d0d0d;}
.course_procedure > .course_procedure_img {margin: 64px 0 50px 0;  width:942px; height:91px; background:url(/images/index/course_pro_bg.png) no-repeat;}


.board_icon{background:url(/images/index/board_icon1.png) no-repeat; background-position: center left; padding-left:8px;}


#footer{ position:relative; overflow:hidden; margin-top:60px;}
#copy{bottom:0;}



/**/
 h4, span, ul, li{
	margin:0;
	padding:0;
	list-style:none;
}

.l_menu_title h4{font-family: 'Noto Sans', sans-serif; font-size:22px; color:#505050; text-align:left; margin-bottom:6px;}
.l_menu_title span{font-family: 'Noto Sans', sans-serif; color:#bdfeff; font-size:11px; text-align:center;}
.l_menu_con{width:175px; overflow:hidden;}
.l_menu_con li{line-height:1.3; border-bottom:1px solid #e1e1e1;}



	
	
	
/*?????????? ????*/
.sub_title_txt{font-family: 'Nanum Gothic',sans-serif; font-size:20px; color:#333333; font-weight:600; padding-bottom:10px; letter-spacing:-1px;}





/*????????*/
.nav #topMenu .topMenuLi a{color:#4a4a4a; font-weight:800;}
.nav #topMenu .topMenuLi a:hover{color:#004d9d;}
.nav #topMenu .topMenuLi .submenu a{color:#333333; width:170px;}





/**/

.l_menu_tit{height:59px; background:#005bab; color:#fff; font-family: 'Nanum Gothic',sans-serif; font-size:22px; font-weight:400; padding:37px 0 0px 23px;}


.gnb_sub{
	   width:240px; margin:auto; 
	   border:1px solid #e0e0e0;
	}



.gnb_sub ul ul{display:none;
	     /*����޴�����*/
	}

.gnb_sub ul{width:240px;
	margin: 0px;
    padding: 0;
	
	
	}

.gnb_sub>ul>li{
	   display:block; width:240px; height:50px;
	   border-bottom: 1px solid #e9e9e9;
       font-family: 'Nanum Gothic',sans-serif;
	   
	}

    .gnb_sub li a{
	  display:block; width:100%; height:100%;
	  font-family: 'Nanum Gothic',sans-serif;
	  text-decoration: none;
	  text-indent:24px;
	  line-height: 48px;
	  color:#333;
	  font-weight:600;
	}

    .gnb_sub li a:hover{
	  color:#266fcc; background:#f1f7ff;
	  /*background:url(/img/other/l_menu_on.gif) no-repeat;*/
	}




/**/
 h4, span, ul, li{
	margin:0;
	padding:0;
	list-style:none;
}
.l_menu_title{background:url(/images/index/s_menu_tit_bg.jpg) no-repeat; border:1px solid #ffffff; width:175px; height:75px; text-align:center;}
.l_menu_title h4{font-family: 'Nanum Gothic',sans-serif; font-size:22px; color:#ffffff; text-align:left; margin-bottom:6px; padding: 30px 0 0 20px;}
.l_menu_title span{font-family: 'Nanum Gothic',sans-serif; color:#bdfeff; font-size:11px; text-align:center;}
.l_menu_con{width:173px; overflow:hidden; border:1px solid #d4d4d4; margin:-1px 0 0 1px; background-color:#fbfbfb;}
.l_menu_con li{line-height:1.3; border-bottom:1px solid #e1e1e1; width:156px; margin:0 auto;}
.l_menu_con li a{ font-family: 'Nanum Gothic',sans-serif; font-size:13px; color:#717171;  padding:14px 0 14px 0; display:block; padding-left:10px; font-weight:600;}

.l_menu_con li a:hover{color:#000000;  display:block; text-decoration:none;}
	
	
	
/*���������� Ÿ��Ʋ*/
.sub_title_txt{ font-size:20px; color:#333333; font-weight:600; padding-bottom:10px; letter-spacing:-1px;}



/*�α����˾�â*/
table.login_tab {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
	width:100%;
}
table.login_tab thead th {
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #369;
    border-bottom: 3px solid #036;
}
table.login_tab tbody th {
    width: 20%;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #f3f6f7;
	text-align:center;
	font-size:13px;
}
table.login_tab td {
    width: ;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
	font-size:13px;
}



.log_pop_select{width:15%;}
.txt_fom1{width:15%;}
.txt_fom2{width:56%;}




button{background:#7bb44f; color:#fff;  border:none;  position:relative; height:50px; font-size:1em; padding:0 2em; cursor:pointer;  outline:none; }


.log_pop_btn{background:#7bb44f; color:#fff; border:none; position:relative; height:40px; font-size:13px; padding:0 2em; cursor:pointer; outline:none;}
  
  
.log_pop_btn2{background:#828282; color:#fff; border:none; position:relative; height:20px; font-size:12px; padding:0 1em; cursor:pointer;  outline:none;}


/**/
.top_menu_wp{width:100%; text-align:center; background-color:#ffffff; height:37px; border-bottom:1px solid #ececec;}
.top_menu_wp .top_menu_new{overflow:hidden; float:right; font-size:13px;}
.top_menu_wp ul li{float:left;}
.top_menu_wp ul li a{display:block; color:#7d7d7d; text-align:center; height:37px;}
.top_menu_wp ul li a:hover{text-decoration:none;}
.top_menu_wp ul li a p{padding-top:9px;}


.top_menu_icon{margin-top:10px;}

.vl {
    border-left: 1px solid #ececec;
    height: 10px;
    display: inline-block;
    margin: 0px 10px;
    
}