@charset "utf-8";
@import url(reset.css);

@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal;
font-weight: 300; 
src: url(/resources/fonts/NotoSansKR-Light.otf) format('opentype'); 
src:local(※), url(/resources/fonts/NotoSansKR-Light.woff) format('woff');
}

@font-face { 
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url(/resources/fonts/NotoSansKR-Regular.otf) format('opentype'); 
src:local(※), url(/resources/fonts/NotoSansKR-Regular.woff) format('woff');
}

@font-face { 
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src: url(/resources/fonts/NotoSansKR-Medium.otf) format('opentype'); 
src:local(※), url(/resources/fonts/NotoSansKR-Medium.woff) format('woff');
} 

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/resources/fonts/NotoSansKR-Bold.otf) format('opentype');
    src:local(※), url(/resources/fonts/NotoSansKR-Bold.woff) format('woff');
 }

/* swiper override */

.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: red;
    opacity: 1;
}


/* swiper override end */


html,body,h1,h2,h3,h4,h5,h6,div,span,iframe,p,a,address,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,figure,figcaption,footer,header,hgroup,menu,nav,section
{margin:0;padding:0;border:0;vertical-align: baseline;}

h1,h2,h3,h4,h5,h6{
    text-align: center;
}
img{
	border: none;
}

a{text-decoration: none; color:rgba(51,51,51,0.9);}
a:hover{color:rgba(1,116,183,1);}

body{
font-family : 'Noto Sans KR';
}


img {
    vertical-align:bottom;
}

ul{
    list-style: none;
}

li{
    position: relative;
    float:left;
}

table{
    width:100%;
    border-collapse: collapse;
    border-top: 2px solid rgba(1,116,183,1);
    text-align: left;
    font-weight: 400;
    font-size:14px;
    line-height: 1.5;
    table-layout: fixed;
    color: #454545;
}

input, textarea {
    padding: 2px 8px;
    border:1px solid rgba(51,51,51,0.3);
}

.container_relative {
    position:relative;
    width:1024px;    
    margin-right: auto;
    margin-left: auto;
}

.container {
    width:1024px;    
    margin-right: auto;
    margin-left: auto;
}

.img_box {
    overflow: hidden;
    padding: 20px 0px;
    text-align: center;
}

.boxes {
    overflow: auto;
    padding: 20px 0px;
}

.box {
    position: relative;
    float:left;
}

.box_right {
    position: relative;
    float:right;
}

.btn {
    background: rgba(1,116,183,1);
    padding: 8px 6px;
    text-align: center;
    width: 60px;
    margin: 20px auto;
    color: #fff;
   font-weight : 500;
    cursor: pointer;
}

.btn:hover {
    opacity: 0.8;
}

.opacity80 {
    opacity: 0.8;
}

.margintop20 {
    margin-top: 20px;
}

#top_btn{
    display: none;
    position:fixed;
    background: url(../images/btn_top.png) center no-repeat;
    width: 36px;
    height: 36px;
    cursor: pointer;
    left: 50%;
    margin-left: 522px;
    bottom: 100px;
}

#top_menu{
    width:100%;
    background-color: rgba(1,116,183,1);
    height:30px;
   font-weight : 300;
}

#top_menu .top_menu_txt{
    color:#fff;
    font-size:11px;
    position:absolute;
    right:0px;
    top:5px;
    letter-spacing: 0.5px;
}

#top_menu .top_menu_txt > li a{
    color:#fff;
}

#top_menu .top_menu_txt > li a:hover{
    color:#fff;
    opacity: 0.8;
}


#header{
    width:100%;
    background-color: #fff;
    height: 90px;
   font-weight : 400;
    border-bottom:2px solid rgba(1,116,183,1);
}

#header img{
    margin-top: 20px;
    float:left;
}    

#header .header_txt{
    position:absolute;
    margin-top: 30px;
    margin-left: 340px;
    float:left;
   font-weight : 500;
    font-size:18px;
    text-align: center;
}

#header .header_txt > li a{
    display:block;
    width:130px;
}

#dropdown_bg{
    display: none;
    position:absolute;
    background-color: #fff;
    top:120px;
    width:100%;
    height: 211px;
    border-top: 1px solid rgba(51,51,51,0.2);
    border-bottom: 3px solid rgba(51,51,51,0.9);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:1000;
}

#header .dropdown_menu{
    display: none;
    position: absolute;
    top:90px;
    width:100%;
    z-index:1010;
}

#header .dropdown_menu img{
    margin-top: 1px;
}

#header .dropdown_menu .dropdown_list{
    text-align: left;
   font-weight : 400;
}

#header .dropdown_menu .dropdown_list > li{
    width:130px;
    font-size:14px;
}

#header .dropdown_menu .dropdown_list .list_item > li a{
    display:block;
    color:rgba(51,51,51,0.9);
    padding: 6px 20px;
    width:90px;
    font-size:13.5px;
}

#header .dropdown_menu .dropdown_list .list_item > li a:hover{
    color:#fff;
    background-color: rgba(1,116,183,1);
}


#header .dropdown_menu .dropdown_border{
    width:129px;
    height:212px;
    border-left: 1px solid rgba(51,51,51,0.2);
}

#header .dropdown_menu .dropdown_border_last{
    width:129px;
    height:212px;
    border-left: 1px solid rgba(51,51,51,0.2);
    border-right: 1px solid rgba(51,51,51,0.2);
}

#contents{
    padding: 20px 0px;
    overflow: auto;    
    min-height: 580px;
}

.contents_line{
    border-bottom: 1px solid rgba(51,51,51,0.2);    
    margin-top: 20px;
}

.contents_txt_topline_blue {
    border-top: 4px solid rgba(1,116,183,1);
    width: 25px;
}

.contents_txt_blue{
    font-size:32px;
    margin-bottom: 20px;
    color:rgba(1,116,183,1);
   font-weight : 400;
}

.contents_txt_topline{
    border-top: 4px solid #000;
    width: 25px;
    margin-bottom: 8px;
    margin-top: 40px;
}

/*170420*/
.grad_contents_txt_topline{
    border-top: 4px solid rgba(1, 116, 183, 1);
    width: 25px;
    margin-bottom: 8px;
    margin-top: 40px;
}

.contents_txt{
    font-size:20px;
    margin-bottom: 20px;
}


.contents_txt_topline_blue2{
    border-top: 4px solid rgba(1,116,183,1);
    width: 25px;
    margin-bottom: 8px;
    margin-top: 40px;
}

.contents_txt_blue2{
    font-size:20px;
    margin-bottom: 20px;
    color:rgba(1,116,183,1);
}


.contents_sub_txt{
    font-size:14px;
	font-weight: 400;
	line-height : 1.5;
	color : #454545;
}

.contents_etc_txt{
    font-size:15px;
    color:rgba(51,51,51,0.7);
}

.contents_title_txt{
    font-size:28px;
    text-align: center;
   font-weight : 500;
    margin-bottom: 25px;
    color:rgba(1,116,183,1);
}

.contents_sub_title_txt{
    font-size:18px;
    text-align: center;
   
   font-weight : 500;
    margin-bottom: 25px;
}


.blue_txt{
    color:rgba(1,116,183,1);
}

.red_txt{
    color:rgba(234,41,44,1);
}

.bold_txt{
   font-weight : 700;
}

.link_txt{
    background: url(../images/icon_link.png) left no-repeat;
    padding: 0px 25px;
}

.link_txt a{
    color:rgba(1,116,183,1);
    padding-bottom: 3px;
    border-bottom: 1px solid rgba(1,116,183,1);
}

.link_txt a:hover{
    color:rgba(243, 243, 243, 1);
    border-bottom: 1px solid rgba(243, 243, 243, 1);
}


#footer{
    width:100%;
    background-color: rgba(51,51,51,0.9);
    height: 100px;   
}

#footer img{
    opacity: 0.3;
    float:left;
    margin-top: 24px;
}

#footer .footer_txt{
    color:#818080;
    float:left;
    margin-top: 10px;
    margin-left:100px;
}
#footer .footer_txt .txt0 span{
	font-size:13px;
	background-color: #257db0;
	border-radius: 3px; margin-right:7px; padding:0px 4px;
}
#footer .footer_txt .txt0 span a{
	color:#9ccfe6;
}

#footer .footer_txt .txt1{
   font-weight : 500;
    font-size:13px;
}

#footer .footer_txt .txt2{
    font-size:13.5px;
    letter-spacing: 0.4px;
    font-family: sans-serif;
}

#footer .footer_txt .txt3{
    font-size:10.5px;
    line-height: 2;
    font-family: sans-serif;
}


/* 메인화면 */

.main_area_top{
    overflow: hidden;
}

.main_area_top .swiper-container{
    width:746px;
    height:348px;
}

.main_area_bottom{
    margin-top: 20px;
    overflow: hidden;
   font-weight : 400;
}

.main_area_bottom img{
    vertical-align: middle;
}

.main_text1_top, .main_text2_top{
    font-size:18px;
    padding:8px 0px 8px 25px;
    color: rgba(51,51,51,0.9);
}

.main_text1_bottom, .main_text2_bottom{
    border-top:1px solid rgba(51,51,51,0.15);
    padding: 10px 0px;
}

.main_text1{
    width:366px;
    border: 1px solid rgba(51,51,51,0.15);
    height: 218px;
	background-color: #fff;
}

.main_text1_bottom li:first-child, .main_text2_bottom li:first-child{
    float:none;
    margin-top: 6px;
}

.main_text1_bottom li, .main_text2_bottom li{
    float:none;
    background: url(../images/main/list_style_img.png) left center no-repeat;
    background-position-x:10px;
    padding-left: 25px;
    margin-top: 11px;
    color: rgba(51,51,51,0.9);
    overflow: hidden;
}

.main_text1_bottom .noti_title{
    width:70%;    
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:14px;
}

.main_text1_bottom .noti_date{
    width:20%; 
    float: left;
    margin-left: 20px;
    font-size:12px;
	font-family: verdana;
}

.main_text2{
    width:366px;
    border: 1px solid rgba(51,51,51,0.15);
    margin-left: 10px;
    height: 218px;
	background-color: #fff;
}

.main_text2_bottom .news_title{
    width:70%;    
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:14px;
}

.main_text2_bottom .news_date{
    width:20%; 
    float: left;
	margin-left: 20px;
    font-size:12px;
	font-family: verdana
}

.main_text3{
    width:266px;
    border: 1px solid rgba(51,51,51,0.15);
    margin-left: 10px;
    height: 218px;
	background-color: #fff;
}

.main_text3_top{
    font-size:18px;
    padding:8px 0px 3px 25px;
    color: rgba(51,51,51,0.9);
    border-bottom: 5px solid rgba(51,51,51,0.15);
}

.main_text3_bottom{
    padding:10px 24px;
    overflow: auto;
}

.main_text3_bottom li:first-child{
    float:none;
    margin-top: 0px;
}

.main_text3_bottom li{
    float:none;
    margin-top: 6px;
    width: 100%;
    overflow: hidden;
}

.main_more{
    float:right;
    background-color: rgba(51,51,51,0.15);
    margin-top: -8px;
    padding: 8px 16px;
    cursor:pointer;
}

.quicklink1_img, .quicklink2_img, .quicklink3_img, .quicklink4_img{
    opacity: 0.5;
}

.quicklink1, .quicklink2, .quicklink3, .quicklink4 {
    font-size: 15px;
}

.quicklink_eng {
    font-size: 10px;
    margin-top: -3px;
}

.quicklink_txt {
    margin-left: 20px;
    color: rgba(51,51,51,0.9);
}


/* 사이드 메뉴 */

.top_img_bg{
    background: url(../images/top_img.png) center no-repeat;
    background-size:auto;
    width:100%;
    height:150px;
    background-color: rgba(234, 234, 234, 1);
    margin-top: -20px;
    margin-bottom: 30px;
}

.side_menu_bg{
    background: url(../images/side_menu_bg.png) center no-repeat;
    width:190px;
    height:130px;
    margin-bottom: 6px;
}

.side_menu_title{
    font-size: 28px;
   font-weight : 700;
    color:#fff;
    text-align: center;
    padding:45px 0px;
}

.side_menu_list{
    width:188px;
    overflow: auto;
   font-weight : 400;
    font-size:15px;
    color: rgba(51,51,51,0.9);
    border-left: 1px solid rgba(51,51,51,0.2);
    border-right: 1px solid rgba(51,51,51,0.2);
    border-bottom: 1px solid rgba(51,51,51,0.2);
}

.side_menu_list .active{
    background: url(../images/icon_arrow_b.png) no-repeat;
    background-position: 164px;
}

.side_menu_list .active a{
    color:rgba(1,116,183,1);
}

.side_menu_list li{
    width:188px;
    border-top: 1px solid rgba(51,51,51,0.2);
}

.side_menu_list li:hover{
    background: url(../images/icon_arrow_b.png) no-repeat;
    background-position: 164px;
}


.side_menu_list li a{
    display: block;
    padding: 10px 30px 10px 20px;
}


.side_menu_arrow{
    position:absolute;
    right:20px;
    top:15px;
    opacity: 0;
}

.side_contents{
    margin-left: 50px;
    width:784px;
}

.side_contents_top ul{
    overflow: auto;
    list-style: url(/resources/images/blank.png);
}

.side_contents_top ul li{
    font-size:12px;
    margin-right: 10px;
}

.side_contents_top ul li img{
    vertical-align: middle;
}

.side_contents_top ul li a:hover{
    color:rgba(51,51,51,0.8);
}


.side_contents_title {
    font-size:32px;
   font-weight : 700;
    padding:15px 0px;
    border-bottom: 1px solid rgba(51,51,51,0.2);
	margin-bottom : 30px;   
}

.gradu_side_contents_title {
    font-size:32px;
   font-weight : 700;
    padding:15px 0px;
    border-bottom: 1px solid rgba(1, 116, 183, 1);
	margin-bottom : 30px;   
}

.side_icon_home{
    background: url(/resources/images/icon_home.png) center no-repeat;
    width: 20px;
    height: 20px;
}


.side_icon_arrow{
    background: url(/resources/images/icon_arrow_g.png) center no-repeat;
    width: 5px;
    height: 20px;
}

/*.side_contents_bottom{
    margin-top: 30px;
}*/

/*20170322*/
.contents_txt{
   font-weight : 500;
}

.grad_contents_txt{
   font-weight : 500;
   color : rgba(1, 116, 183, 1);
   font-size:20px;
   margin-bottom: 20px;
}

/*.box adpr_txt{
color: '#555555';
}*/


/* 게시판 */
.search_area{
    position: relative;
    overflow: auto;
    height: 34px;
    margin-bottom: 10px;
}

.search_noti{
	font-size: 12px;
    position: absolute;
    float: left;
    bottom: 0px;
}

.search_box{
    position: absolute;
    right:0;
}

.search_tp{
    width: 80px;
    height: 34px;
    background-color: rgba(51,51,51,0.1);
    border: 1px solid rgba(51,51,51,0.2);
}

.search_txt{
    height:34px;    
    margin-left: 6px;
    border: 1px solid rgba(51,51,51,0.2);
    padding: 1px 8px;
    width: 150px;
}

.search_btn{
    background-color: rgba(51,51,51,0.1);
    height:32px;
    padding: 0px 8px 0px 8px;
    border-bottom: 1px solid rgba(51,51,51,0.2);
    border-right: 1px solid rgba(51,51,51,0.2);
    border-top: 1px solid rgba(51,51,51,0.2);
    cursor: pointer;
}

.search_btn:hover{
    opacity: 0.8;
}

.search_btn img{
    margin-top: 7px;
}

.board_area{
    position:relative;
}

.board_area table th{
    background-color: rgba(51,51,51,0.1);
    border-bottom: 1px solid rgba(51,51,51,0.5);
    padding:12px 0px;
    text-align: center;
}

.board_area table td{
    border-bottom: 1px solid rgba(51,51,51,0.2);
    padding:14px 0px;
    white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.board_area table .td_num{
   font-weight : 400;
    font-size: 12px;
    color: rgba(51,51,51,0.9);
    text-align: center;
}

.board_area table .td_notice{
    background: url(../images/icon_notice.png) center no-repeat;
}


.board_area table .td_file{
    background: url(../images/icon_file.png) center no-repeat;
}


.board_area table tbody tr:hover{
    cursor: pointer;
    background-color: rgba(243, 243, 243, 1);
}

.paginate{
    margin-top: 30px;
    text-align: center;
}

.paginate .first{
    background: url(../images/icon_prev_first.png) center no-repeat;
}

.paginate .prev{
    background: url(../images/icon_prev.png) center no-repeat;
	margin-right: 5px;
}

.paginate .next{
    background: url(../images/icon_next.png) center no-repeat;
}

.paginate .end{
    background: url(../images/icon_next_end.png) center no-repeat;
}

.paginate a{
    display: inline-block;
    width:30px;
    height:30px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 12px;
    border: 1px solid rgba(51,51,51,0.2);
    line-height: 26px;
    vertical-align: middle;
    box-sizing: border-box;
    color: rgba(51,51,51,0.9);
   font-weight : 500;
}

.paginate a:hover{
    background-color: rgba(51,51,51,0.1);
}

.paginate .active{
    background-color: rgba(51,51,51,0.1);
}

.write_btn_area{
    position: relative;
    overflow: auto;
    height: 60px;
}

.write_btn_area .write_btn{
    position: absolute;
    right: 0;
}


.write_btn_area .write_btn a{
    display: block;
    width: 70px;
    background: rgba(1,116,183,1) url('../images/icon_write.png') 70px no-repeat;
    padding: 8px 15px;
    font-size:14px;
    color: #fff;
   font-weight : 500;
}

.write_btn_area .write_btn a:hover{
    opacity: 0.8;
}


/* 게시판 글쓰기 */

.text_spacing{
    letter-spacing: 1.8px;
}

.write_area table th{
    border-bottom: 1px solid rgba(51,51,51,0.2);
    padding:8px 20px;
    color:rgba(51,51,51,0.9);
}

.write_area table td{
    border-bottom: 1px solid rgba(51,51,51,0.2);
    padding:8px 0px;
    position: relative;
}

.write_area table .write_input{
    width:94%;
}

.write_area table .write_textarea{
    vertical-align: top;
    width:97%;
    height:240px;
    resize:none;
}

.write_area .file_btn{
    background: rgba(51,51,51,0.5);
    padding: 5px 10px;
    text-align: center;
    width: 80px;
    color: #fff;
    position: absolute;
    top: 6px;
   font-weight : 500;
}

.write_area .file_btn:hover{
    opacity: 0.8;
    cursor: pointer;
}

.confirm_area{
    overflow: auto;
    width: 210px;
    margin: 30px auto;
}

.confirm_area .confirm_btn{
    background: rgba(1,116,183,1);
    padding: 12px 10px;
    text-align: center;
    width: 80px;
    color: #fff;
   font-weight : 500;
    cursor: pointer;
}

.confirm_area .cancel_btn{
    margin-left: 10px;
    background: rgba(1,116,183,1);
    padding: 12px 10px;
    text-align: center;
    width: 80px;
    color: #fff;
   font-weight : 500;
    cursor: pointer;
}

.confirm_area .confirm_btn:hover, .confirm_area .cancel_btn:hover{
    opacity: 0.8;
}

/* 게시판 상세보기 */

.detail_area table thead th{
    background-color: rgba(51,51,51,0.1);
    border-bottom: 1px solid rgba(51,51,51,0.5);
    padding:12px 20px;
}

.detail_area table thead td{
    background-color: rgba(51,51,51,0.1);
    border-bottom: 1px solid rgba(51,51,51,0.5);
    padding:12px 20px;
}

.detail_area table tbody th{
    border-bottom: 1px solid rgba(51,51,51,0.2);
    padding:12px 20px;
}

.detail_area table td{
    border-bottom: 1px solid rgba(51,51,51,0.2);
    padding:14px 20px;
    white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


.detail_area table .td_num{
    font-family: sans-serif;
    font-size: 11px;
    color: rgba(51,51,51,0.9);
}


.detail_area table .td_file{
    background: url(../images/icon_file.png) 20px no-repeat;
    padding-left: 40px;
}


.detail_area table .detail_contents{
    padding: 40px 20px;
    white-space: normal;
	color : rgba(85, 85, 85, 1);
    word-break:break-all;
}

.detail_list_area{
    margin-top: 30px;
    margin-bottom: 50px;
    height:50px;
    position: relative;
    overflow: auto;
   font-weight : 500;
    color: rgba(51,51,51,0.9);
}

.detail_list_area .detail_prev_btn{
    background: url(../images/icon_detail_prev.png) left no-repeat;
    padding:10px 20px;
    cursor: pointer;
    position:absolute;
    top:0;
}

.detail_list_area .detail_list_btn{
    background: url(../images/icon_list.png) 60px no-repeat;
    background-color: rgba(1,116,183,1);
    color:#fff;
    padding:10px 20px;
    cursor: pointer;
    position:absolute;
    top:0;
    left:342px;
    width:60px;
}

.detail_list_area .detail_next_btn{
    background: url(../images/icon_detail_next.png) right no-repeat;
    padding:10px 20px;
    cursor: pointer;
    position:absolute;
    right: 20px;
    top:0;
}


.detail_list_area .detail_prev_btn:hover,
.detail_list_area .detail_list_btn:hover,
.detail_list_area .detail_next_btn:hover
{
    opacity: 0.8;
}


/* 로그인 */

.login_area{
    text-align: center;
   font-weight : 400;
}

.login_box_area{
    padding:20px 170px 100px 170px;   
}

.login_box{
    position: relative;
    border: 1px solid rgba(51,51,51,0.2);
    border-radius: 15px;
    background: rgba(51,51,51,0.1);
    overflow: auto;
    padding:40px 40px 60px 40px;
}

.login_box input{
    border: none;
    width: 140px;
    height: 100%;
}

.login_box input:focus{
    outline: none;
}

.login_box .login_id{
    background: #fff url(../images/icon_id.png) 15px no-repeat;
    border: 1px solid rgba(51,51,51,0.2);
    width: 170px;
    height: 28px;
    padding: 5px 20px 5px 50px;
}


.login_box .login_pw{
    background: #fff url(../images/icon_pw.png) 15px no-repeat;
    border: 1px solid rgba(51,51,51,0.2);
    width: 170px;
    height: 28px;
    padding: 5px 20px 5px 50px;
    margin-top: 7px;
}

.login_box .login_btn{
    background: rgba(1,116,183,1);
    padding: 29px 14px;
    text-align: center;
    width: 60px;
    font-size:20px;
    color: #fff;
   font-weight : 500;
    margin-left: 30px;
    cursor: pointer;
}

.login_box .login_btn:hover{
    opacity: 0.8;
}


.login_box .login_check_btn{
    position: absolute;
    bottom:20px;
    font-size:16px;
}

.login_box .login_check_img{
    background: url(../images/icon_chk.png) center no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
    cursor: pointer;
}

.login_box input[type=checkbox] {  
    display: none;  
}


.login_box input[type=checkbox] + label {  
    cursor: pointer;  
    position: relative;  
    padding-left: 25px;  
    margin-right: 10px;  
    font-size: 13px;
}

.login_box input[type=checkbox]+ label:before {     

    content: "";  
  
    width: 20px;  
    height: 20px;  
  
    position: absolute;  
    left: 0;  
    bottom: 0; 
    background-color: #ccc;  
    border-radius: 2px; 
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
.login_box input[type=checkbox]:checked + label:before { 

    content: "";  /* 체크모양 */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 18px; 
    font-weight:800; 
    color: #fff;  
    background: url(../images/icon_chk.png) center no-repeat;
    text-align: center;  
    line-height: 18px;  
}

/* 회원가입 */
.join_area {
    height:700px;
}

.join_area .join_txt {
    font-size:15px;
   font-weight : 400;
    color:rgba(1,116,183,1);
    margin-bottom: 5px;
}

.join_area table tr:first-child th{
    background-color: #fff;
    border-bottom: 1px solid rgba(51,51,51,0.5);
    padding:14px 0px;
    text-align: center;
    font-size:24px;
}

.join_area table th{
    background-color: rgba(51,51,51,0.1);
    border-bottom: 1px solid rgba(51,51,51,0.2);
    padding:14px 20px;
    text-align: right;
}

.join_area table td{
    border-bottom: 1px solid rgba(51,51,51,0.2);
    padding:14px 20px;
}

.join_area table .last_td{
    padding:14px 0px;
}

.join_area .check_id{
    background: rgba(1,116,183,1);
    padding: 5px 10px;
    text-align: center;
    width: 60px;
    font-size:14px;
    color: #fff;
    cursor: pointer;
}

.join_area .check_id:hover{
    opacity: 0.8;
}

.join_area label{
    margin-right: 14px;
}

.join_area select{
    height: 24px;
    width: 120px;
}

/* 아이디/비밀번호 찾기 */

.find_idpw_area{
    padding:50px;
   font-weight : 400;
    color: rgba(51,51,51,0.9);
    
}

.find_idpw_txt{
    border: 1px solid rgba(51,51,51,0.2);
    color:rgba(1,116,183,1);
   font-weight : 500;
    text-align: center;
    padding: 20px;
}

.find_id_txt{
    background: url(../images/icon_id.png) left no-repeat;
    font-size:20px;
   font-weight : 500;
    padding:20px 30px;
    color: rgba(51,51,51,0.9);
    margin-left: 100px;
}

.find_pw_txt{
    background: url(../images/icon_pw.png) left no-repeat;
    font-size:20px;
   font-weight : 500;
    padding:20px 30px;
    color: rgba(51,51,51,0.9);
    margin-left: 90px;
}

.find_id_area{
    width: 330px;
    float: left;
    padding: 30px 12px 100px 0px;
}

.find_pw_area{
    width: 330px;
    float: left;
    padding: 30px 0px 100px 12px;
}

.find_id_box{
    border:1px solid rgba(51,51,51,0.2);
    border-radius: 15px;
    background: rgba(51,51,51,0.1);
    padding: 39px 30px 29px 30px;
    height: 92px;
    text-align: right;
}

.find_pw_box{
    border:1px solid rgba(51,51,51,0.2);
    border-radius: 15px;
    background: rgba(51,51,51,0.1);
    padding: 20px 30px 10px 20px;
    height: 130px;
    text-align: right;
}

.find_idpw_area input{
    height:28px;
    margin-bottom: 10px;
    margin-left: 10px;
    width:190px;
}


/* 교수소개 */

.professor_area{
   font-weight : 400;
    padding-bottom: 80px;
}

.professor_list1, .professor_list2, .professor_list3{
    overflow: auto;
}

.professor_box_area{
    padding:10px;
}

.professor_box{
    position: relative;
    border:1px solid rgba(51,51,51,0.2);
    width:320px;
    padding:25px;
}

.professor_name{
    color: rgba(1,116,183,1);
    font-size:20px;
}

.professor_detail{
    position: absolute;
    background: rgba(51,51,51,0.1);
    color: rgba(51,51,51,0.9);
    border-radius: 20px;
    width: 85px;
    padding: 5px 5px 5px 20px;
    right: 25px;
    top: 25px;
    cursor: pointer;
}

.professor_detail:hover{
    opacity: 0.8;
}

.triangle{   
    position: absolute;
    width: 0;
    height: 0;
    right: 8px;
    top: 12px;
    border-style:solid; 
    border-width:5px;
    border-color:transparent transparent transparent rgba(51,51,51,0.8);
}

.professor_txt{
    padding: 30px 0px 0px 0px;
	font-size:14px;
}

.professor_txt span{
   font-weight : 300;
	font-weight:normal;
	color : #555555;
}

.professor_lab{
    background: url(../images/icon_lab.png) left no-repeat;
    padding: 3px 25px;
	font-weight : 400;
	color : #555555;
}

.professor_email{
    background: url(../images/icon_mail.png) left no-repeat;
    padding: 3px 25px;
	font-weight : 400;
	color : #555555;
}
.professor_phone{
    background: url(../images/icon_phone.png) left no-repeat;
    padding: 3px 25px;
	font-weight : 400;
	color : #555555;
}

.professor_pop{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 1050;
   
}

.professor_pop_box{
    width: 680px;
    height: 670px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -375px;
    border: 10px solid rgba(1,116,183,1);
    padding: 30px;
    overflow: auto;
	
}

.professor_pop_contents{
    background: url(../images/icon_contents.png) left no-repeat;
    font-size: 20px;    
    padding: 0px 25px;
}

.professor_pop_top{
    padding:20px 0px;
    overflow: auto;
}

.professor_pop_top_two{
    padding:20px 20px;
    overflow: auto;
}
.professor_pop_top_img{
    border: 1px solid rgba(51,51,51,0.2);
  /*  padding:15px 0px;*/
    margin-right: 25px;
    width: 125px;
	height: 159px;
    overflow: hidden;
}

.professor_pop_top_img img{
    width:100%;
}

.professor_pop_top_txt{
    margin-top: 10px;
    width:74.7%;
}

.professor_pop_top_txt_two{
    margin-top: 10px;
    width:100%;
}

.professor_pop_top_txt span{
   font-weight : 300;
   font-size : 14px;
    margin-left: 10px;
}

.professor_pop_top_txt .professor_name{
    border-bottom: 1px solid rgba(51,51,51,0.2);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.professor_pop_top_txt_two span{
   font-weight : 300;
    margin-left: 10px;
	font-size : 14px;
}

.professor_pop_top_txt_two .professor_name{
    border-bottom: 1px solid rgba(51,51,51,0.2);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.professor_pop_bottom{
    padding: 20px 0px;
    overflow: auto;
}

.professor_pop table{
    border:1px solid rgba(51,51,51,0.2);  
    font-size:15px;
}

.professor_pop table th{
    background: rgba(51,51,51,0.1);
    border-right:1px solid rgba(51,51,51,0.2); 
    border-bottom:1px solid rgba(51,51,51,0.2); 
    padding:8px 20px; 
    text-align: right;
	font-size: 16px;
	font-weight : 400;
}

.professor_pop table td{
    border-right:1px solid rgba(51,51,51,0.2); 
    border-bottom:1px solid rgba(51,51,51,0.2); 
    padding:8px 20px; 
    text-align: left;
	font-weight : 300;
    font-size:14px;
	line-height : 1.5;
}

.professor_pop table tr:last-child{
    height:120px;
}

/*대학원 소개*/

.graduate_area{
   font-weight : 400;
    margin-bottom: 50px;
}

.graduate_area .contents_sub_txt ul{
    list-style: disc;
    overflow: auto;
}

.graduate_area .contents_sub_txt li{
    margin-left: 20px;
    float:none;
}

.graduate_area .contents_sub_txt ol li{
    padding:5px 0px;
}

.graduate_area .contents_sub_txt ol ul li{
    padding:0px;
}

.graduate_area table{
    border-top:1px solid rgba(51,51,51,0.2);
    text-align: center;
    color:#000;
    margin-bottom: 20px;
}

.graduate_area table tr:first-child th{
    background: rgba(51,51,51,0.1);
    padding:10px 0px;
    border-left: 1px solid rgba(51,51,51,0.2);
    border-bottom: 1px solid rgba(51,51,51,0.2);
	font-weight : bold;
}

.graduate_area table tr th:first-child{
    padding:10px 0px;
    border-left: 1px solid rgba(51,51,51,0);
    border-bottom: 1px solid rgba(51,51,51,0.2);
    vertical-align: middle;
}

.graduate_area table tr td{
    padding:10px 30px;
    border-left: 1px solid rgba(51,51,51,0.2);
    border-bottom: 1px solid rgba(51,51,51,0.2);
    vertical-align: middle;
	color : #555555;
}

/* 학과소개 */
.adpr_area{
    padding: 20px 0px 80px 0px;
}

.adpr_txt{
    width: 400px;
    margin-left: 50px;
    font-size: 14px;
	line-height : 1.5;
	font-weight : 400;
	color : #454545;
}

/* 교과 과정 */

.course_area{
    padding: 20px 0px 80px 0px;
}

.course_contents{
    background: url(../images/icon_contents2.png) 0px 7px no-repeat;
    font-size: 20px;    
    padding: 0px 0px 0px 25px;
   font-weight : 400;
    margin-bottom: 30px;
}

.course_contents2{
    background: url(../images/icon_contents3.png) left no-repeat;
    font-size: 20px;    
    padding: 0px 0px 0px 25px;
   font-weight : 500;
    margin-bottom: 10px;
	color : #555555;
}

.course_area table{
    border-top:1px solid rgba(51,51,51,0.2);
    text-align: center;
    color:#000;
    margin-bottom: 70px;
}

.course_area table tr:first-child th{
    background: rgba(51,51,51,0.1);
    padding:20px 0px;
    border-left: 1px solid rgba(51,51,51,0.2);
    border-bottom: 1px solid rgba(51,51,51,0.2);
    font-size:16px;
	font-weight : bold;
}

.course_area table tr th:first-child{
    padding : 20px 30px;
    border-left: 1px solid rgba(51,51,51,0);
    vertical-align: middle;
    font-size:16px;
}

.course_area table tr th{
    padding:20px 0px;
    border-left: 1px solid rgba(51,51,51,0.2);
	border-right: 1px solid rgba(51,51,51,0.2);
    border-bottom: 1px solid rgba(51,51,51,0.2);
    vertical-align: middle;
    font-size:16px;
}

.course_area table tr td{
    padding:20px 20px 20px 30px;
    border-left: 1px solid rgba(51,51,51,0.2);
    border-bottom: 1px solid rgba(51,51,51,0.2);
    vertical-align: middle;
	color : #555555;
}

.course_area ul{
    list-style: disc;
    overflow: auto;
    font-size:14px;
	color : #555555;
}

.course_area li{
    margin-left: 20px;
    margin-bottom: 30px;
    float:none;
}

.course_txt{
    width:400px;
}

.course_img{
    width:350px;
    margin-top: -40px;
}
.course_img img{
    width:100%;
}

/* 학회, 소모임 소개 */

.academy_area .contents_txt{
    margin-bottom: 10px;
}

.academy_area table{
    border-top:1px solid rgba(51,51,51,0);
    text-align: left;
    color:#000;
    margin-bottom: 70px;
}

.academy_area table td{
    vertical-align: middle;
   font-weight : 400;
    padding: 30px 0px;
}


.academy_area table .contents_txt_topline{
    margin-top: 0px;
}

.academy_txt{
    font-size: 14px;
    line-height: 1.5; 
	font-weight : 400;
	color : #454545;

}


/* 광고전람회 */
.exhibition_area{
    font-weight : 400;
    font-size:14px;
   line-height: 1.5;
	color : #454545;
}

.exhibition_article1, .exhibition_article2, .exhibition_article3, .exhibition_article4{
    overflow: auto;
    padding:20px 0px;
}

.exhibition_article1 .box{
    width:300px;
}

.exhibition_article1 .box_right{
    width:400px;
}

.article_detail{
    padding:10px 0px;
   /* border-bottom: 1px solid rgba(51,51,51,0.2);*/
	font-weight : 400;
}

.article_detail .year {
  /*  font-size:22px;*/
   font-size:16px;
    color: rgba(1,116,183,1);
   font-weight : 500;
}

.article_detail .year span{
    margin-left: 30px;
    color: rgba(51,51,51,0.9);
}

.article_detail .summary{
    font-size:14px;
    margin-top: 10px;
    margin-left: 80px;
    color: rgba(51,51,51,0.9);
}

.exhibition_article3 .box, .exhibition_article3 .box_right{
    text-align: center;
    padding:20px 0px;
}

.exhibition_article4 .box{
    width:400px;
}

.exhibition_article4{
    margin-bottom: 50px;
}


/* 찾아오시는 길 */
.contact_area{
    border: 1px solid rgba(51,51,51,0.2);
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 50px;
   font-weight : 400;
}

.contact_txt{
    background: url(../images/icon_map.png) left no-repeat;
    font-size:28px;
    padding:0px 30px;
}

.contact_txt_radius {
    float:left;
    border: 1px solid #eee;
    border-radius: 20px;
    background: #eee;
    height: 30px;
    padding: 0px 10px;
}

.contact_us{
    padding:0px 30px;
    margin-bottom: 40px;
}

.contact_sub_txt{
    font-size: 16px;
    padding:0px 30px;
    /*line-height: 300%;*/
    color:rgba(85, 85, 85, 1);
   font-weight : 400;
}

.contact_sub_txt .text_spacing{
    letter-spacing: 1.8px;
    overflow: hidden;
    margin-bottom: 15px;
}

.contact_sub_txt span{
    letter-spacing: 1px;
    margin-left: 30px;
    font-weight:normal;
}

/*20170322*/
#main_contetns{
	background-color: #f3f3f3;
	padding: 20px 0px;
    overflow: auto;    
    min-height: 580px;
}

#ckidtb{
    width:100%;
    border-collapse: collapse;
    text-align: left;
    font-size:14px; 
    table-layout: fixed;
}

#pop_close_btn{
    /*text-align: right;
    position: fixed;
    top: 6px;
    right: 6px;
	margin-right : 350px;*/
	
    text-align: right;
    position: absolute;
    top: 6px;
    right: 6px;
	cursor:pointer;

}

.professor_pop_details tr td{
	overflow : auto;
}

/* 20181212 추가 */
.scholarship_area {
    padding-bottom: 80px;
}

.scholarship_area ul {
    list-style: disc;
    overflow: auto;
	color : #555555;
    font-size:16px;
}

.scholarship_area ol {
    overflow: auto;
	color : #555555;
    font-size:16px;
}

.scholarship_area li{
    margin-left: 20px;
    margin-bottom: 20px;
    float:none;
}

.scholarship_area .download {
    border: 2px solid #0174b7;
    display: inline-block;
    padding: 10px 50px 10px 15px;
    color: #0174b7;
    margin: 15px 0;
    position: relative;
    cursor: pointer;
}
.scholarship_area .download .download_icon {
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #0174b7;
    border-left: 2px solid #0174b7;
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    right: 16px;
    top: 15px;
}
.scholarship_area .download:before {
    content: "";
    display: block;
    position: absolute;    
    border-right: 2px solid #0174b7;
    width: 1px;
    height: 15px;
    right: 20px;
}
.scholarship_area .download:after {
    content: "";
    display: block;
    position: absolute;    
    border-radius: 1px 1px 3px 3px;
    border-right: 2px solid #0174b7;
    border-left: 2px solid #0174b7;
    border-bottom: 2px solid #0174b7;
    width: 17px;
    height: 4px;
    right: 10px;
    top: 25px;
}
.exhibition_area .facebook {
    margin-top: 30px;
    cursor: pointer;
}

div[class~="facebook"] {
    padding-top: 50px;
}

.scholarship_area .contents_sub_txt{
    font-size:16px;
	font-weight: 400;
	line-height : 1.5;
	color : #454545;
}

/*.scholarship_area .adpr_txt{
    width: 400px;
    margin-left: 50px;
    font-size: 16px;
	line-height : 1.5;
	font-weight : 400;
	color : #454545;
}*/