﻿@charset "utf-8";

@font-face {
 font-family: 'NanumBarunGothic';
 src: url("font/NanumBarunGothic.eot");
 src: url("font/NanumBarunGothic.eot?#iefix") format("embedded-opentype"),
      url("font/NanumBarunGothic.woff") format("woff"),
      url("font/NanumBarunGothic.ttf") format("truetype");
}


@font-face {
 font-family: 'NanumBarunGothicBold';
 src: url("font/NanumBarunGothicBold.eot");
 src: url("font/NanumBarunGothicBold.eot?#iefix") format("embedded-opentype"),
      url("font/NanumBarunGothicBold.woff") format("woff"),
      url("font/NanumBarunGothicBold.ttf") format("truetype");
}

@font-face {
 font-family: 'NanumBarunGothicLight';
 src: url("font/NanumBarunGothicLight.eot");
 src: url("font/NanumBarunGothicLight.eot?#iefix") format("embedded-opentype"),
      url("font/NanumBarunGothicLight.woff") format("woff"),
      url("font/NanumBarunGothicLight.ttf") format("truetype");
}

@font-face {
 font-family: 'NanumBarunGothicUltraLight';
 src: url("font/NanumBarunGothicUltraLight.eot");
 src: url("font/NanumBarunGothicUltraLight.eot?#iefix") format("embedded-opentype"),
      url("font/NanumBarunGothicUltraLight.woff") format("woff"),
      url("font/NanumBarunGothicUltraLight.ttf") format("truetype");
}
/* CSS 기본세팅 _ 초기화 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
html,body{width:100%; height:100%}
html{overflow-y: scroll;}

body,input,textarea,select,button,table{font-family: "NanumBarunGothic" ;font-size:13px}


img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:#212121}
a:hover,a:active,a:focus{text-decoration:none;color:#F26521}


/* 시작 */
body {min-width:1024px;color:#666666;}

#wrap{position:relative;}

/*#header{background:url(../img/common/bg_header.gif) repeat-x 0 0;}*/

#top{ position:relative;margin:0 auto; width:1024px; height:45px;zoom:1}

#nav{ margin: 0 auto;
width: 1024px;
height: 71px;
position: relative;
top: 3px;
z-index: 9999;}
/* 상단메뉴는 style_main_menu.css */    

#header { height:123px;

width: 100%;
margin: auto;
left: 0;
right: 0;
z-index: 999;  position: absolute;   }



#container{/*margin-top: 180px;*/}
	
#intro{  margin-bottom: 45px; background:url(../img/sub_bg.jpg) no-repeat bottom  center; width:100%; height:336px; /*position:absolute; */top:0; z-index:-10; } 
	
#intro .text{position: absolute; margin:0 auto; width:1024px;  left: 0; right: 0;}
#intro .text img { margin:auto; position: absolute; left: 0; top: 134px; width: 1024px;}


/*#intro .text .eng_tit{position:absolute;left:5px;top:45px;width:500px;height:100px;color:#393939;font-size:40px;font-weight:bold;line-height:1; font-family:Arial, Helvetica, sans-serif;background:url(../img/common/bg_eng_tit.png) no-repeat right top;}*/
#intro .text .eng_tit span{color:#618523}
#intro .text p{position:absolute; top:131px; left:5px; font-size:14px; line-height:22px; color:#393939; font-weight:bold;}
/*#intro .text .intro_deco{display:inline-block;position:absolute;right:0;bottom:0;width:200px;height:200px;background:url(../img/common/intro_sub_png.png) no-repeat left top;}*/
#intro .text .intro_deco01{display:inline-block;position:absolute;right:0;bottom:0;width:200px;height:200px;background:url(../img/common/intro_sub_png01.png) no-repeat left top;}
#intro .text .intro_deco02{display:inline-block;position:absolute;right:0;bottom:0;width:200px;height:200px;background:url(../img/common/intro_sub_png02.png) no-repeat left top;}
#intro .text .intro_deco03{display:inline-block;position:absolute;right:0;bottom:0;width:200px;height:200px;background:url(../img/common/intro_sub_png03.png) no-repeat left top;}
#intro .text .intro_deco04{display:inline-block;position:absolute;right:0;bottom:0;width:200px;height:200px;background:url(../img/common/intro_sub_png04.png) no-repeat left top;}
#intro .text .intro_deco05{display:inline-block;position:absolute;right:0;bottom:0;width:200px;height:200px;background:url(../img/common/intro_sub_png05.png) no-repeat left top;}

/* 컨텐츠 전체부분 */	
	
#content{
	margin:0 auto;
	width:1024px;
	position:relative;
	overflow:hidden; /*padding-top: 370px;*/
}
/* 왼쪽 메뉴부분 */	
#content_menu{
	margin-bottom: 50px;
	margin-right:52px;
	width:219px; 
	float:left;
}
	
/* 컨텐츠 본문 */	
#content_center{
	width:752px;
	float:left;
	text-align:left;
	font-size:14px;
	position:relative;
	margin-bottom: 50px;
}

#content_center h3{ height:60px; margin-bottom:10px; color:#454545; background:url(../img/sub_con_tit.jpg)no-repeat; font-size:32px; line-height: 46px; font-weight:inherit ;     }
#content_center .content_tit  { color: #888; position: absolute; top: 20px; right: 0;      }

#journal h3 { font-size:22px !important; background: none !important;  padding-left:0 !important;      }

#content_center input{padding:3px;}

#footer{height: 85px; padding: 40px 0;  } 
#footer .copyright{ margin: 0px auto; width: 1024px; position:relative; }
#footer .copyright img {    width: 200px; float: left; margin-right: 35px;}
#footer .copyright p {
color: #999;
margin-top: 8px;
position: absolute;
top: 10px;
font-size: 13px;
float: left;
right: 0;
line-height: 18px;
	}

	
#footer .copyright span{ position: absolute; right: 0; width: 120px; margin: auto; }
#footer .copyright span a { color: #999;
position: relative;
top: 5px;
width: 120px;
border: 1px solid #999;
padding: 3px 5px;}
#footer .copyright span a:hover { background-color:#999; color:#fff;}
hr{ display:none;}
.blind{ font-size:0;width:1px;height:1px;line-height:1000px;overflow:hidden;position:absolute;top:0;white-space:nowrap;}


/* 컨텐츠 테이블 스마트에디터 공통속성 */
.tbl{width:752px;border:0 none;border-spacing:0; border-collapse:collapse;table-layout:fixed;}
.tbl caption{ visibility:hidden; overflow:hidden; width:1px; height:1px; font-size:0; z-index:-1; position:relative;}
.tbl>td{vertical-align:top}
.tbl textarea{width:100%; height:500px;}

.text_center{ text-align:center;}
.text_right{ text-align:right;}

/* pre_registration.html 개별속성 */
.pre_regi
.pre_regi li{ float:left;}
.pre_regi li a{ float:left;display:inline-block;margin:20px;width:327px;height:270px; background:url(../img/registration_02.gif) no-repeat 0 0;}
.pre_regi li a:hover{ background:url(../img/registration_02a.gif) no-repeat 0 0;}
.pre_regi li:first-child a{ background:url(../img/registration_01.gif) no-repeat 0 0;}
.pre_regi li:first-child a:hover{ background:url(../img/registration_01a.gif) no-repeat 0 0;}
.pre_regi li h4 span{ color:#00d2fe}
.pre_regi li:first-child h4 span{ color:#fe9000}
.pre_regi li h4{ position:absolute;bottom:30px;}
.pre_regi li p{ position:absolute;bottom:8px;}

/* pre_abstract.html 개별속성 */
.pre_abst
.pre_abst li{ float:left;}
.pre_abst li a{ float:left;display:inline-block;margin:20px;width:327px;height:270px; background:url(../img/abstract_02.gif) no-repeat 0 0;}
.pre_abst li a:hover{ background:url(../img/abstract_02a.gif) no-repeat 0 0;}
.pre_abst li:first-child a{ background:url(../img/abstract_01.gif) no-repeat 0 0;}
.pre_abst li:first-child a:hover{ background:url(../img/abstract_01a.gif) no-repeat 0 0;}
.pre_abst li h4 span{ color:#00d2fe}
.pre_abst li:first-child h4 span{ color:#fe9000}
.pre_abst li h4{ position:absolute;bottom:30px;}
.pre_abst li p{ position:absolute;bottom:8px;}


/* 사전등록,초록등록 개별속성 */
.tbl2{width:752px;border:1px solid #dadada;border-top:1px solid #aaa;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
.tbl2 caption{ font-size:14px; font-weight:bold; color:#ee7115; line-height:14px; margin:10px 0; padding-left:30px; background:url(../img/icon/ico_check.gif) no-repeat 10px 0; text-align:left;}
.tbl2 th{background:#f1f1f1;vertical-align:middle;}
.tbl2 td{vertical-align:top}
.tbl2 th, .tbl2 td{  padding:8px 12px;border:1px solid #dadada;text-align:left;}
.tbl2 tfoot td{ text-align:center; padding:20px;}
#content_center .tbl2 input{padding:5px;}
.tbl2 select{padding:5px;}

.btn_regi{ display:inline-block; line-height:40px;padding:0 50px;background:#C00;color:#fff;font-weight:bold;}
.btn_regi2{ display:inline-block; line-height:20px;padding:0 15px;background:#444644;color:#fff;font-weight:bold;}

/* board_book 개별속성 */
.td_style{width:105px;height:29px;}
.ft_style_bold{line-height:115%;text-indent:0;text-align:center;margin-left:20px;
font-family:"돋움", Dotum; font-size:12px; color:#505050;font-weight:bold}
.ft_red_bold{line-height:115%; margin-left:20px; text-indent:0;text-align:center;
font-family:"돋움", Dotum; font-size:12px; color:#D46460;font-weight:bold}
.ft_blue_bold{line-height:115%; margin-left:20px; text-indent:0;text-align:center;
font-family:"돋움", Dotum; font-size:12px; font-weight:bold}
.ft_blue_bold a{color:#213e98;}
.ft_blue_bold a:hover{color:#f26521;}

.ft_style{line-height:115%; margin-left:20px; text-indent:0;;
font-family:"돋움", Dotum; font-size:12px; color:#666666;}
.ft_red{line-height:115%; margin-left:20px; text-indent:0;text-align:center;
font-family:"돋움", Dotum; font-size:12px; color:#D26560;}
.text_style{ margin-left:20px;font-family:"돋움", Dotum; font-size:12px; color:#666666;padding:10px 10px 10px 10px;}
.pic_back{width:120px;height:150px;
         background:url('/vidx/_img/sub/page/education_pic.jpg') no-repeat ;}
.linebgimg{width:100%;height:1px;background:url('/img/common/dotline.gif')repeat-x;}
.linebg{width:100%;height:1px;border-bottom:1px solid #E3E5E4}
.page_number {clear:both;margin-top:3px; margin-bottom:5px; height:25px; text-align:center;}



/* 회원가입 페이지 속성 */
.mem_tbl{width:752px;border:1px solid #dadada;border-top:1px solid #aaa;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
.mem_tbl caption{ font-size:14px; font-weight:bold; color:#ee7115; line-height:14px; margin:10px 0; padding-left:30px; background:url(../img/icon/ico_check.gif) no-repeat 10px 0; text-align:left;}
.mem_tbl th{background:#eaf4e6;vertical-align:middle;}
.mem_tbl th, .mem_tbl td{  padding:8px 12px;border:1px solid #dadada;text-align:left;}
.mem_tbl td{ vertical-align:top;}
.mem_tbl tfoot td{ text-align:center; padding:20px;}
#content_center .mem_tbl input{padding:5px;}
.mem_tbl select{padding:5px;}

.history_year{width:752px;border:1px solid #dadada;border-top:1px solid #aaa;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
.history_year th{font-size:14px; font-weight:bold; color:#172255;}
.history_year th, .history_year td{  padding:8px 12px;border:1px solid #dadada;text-align:left;}
.history_year td{ vertical-align:top;}
.history_year dl {overflow:hidden;margin-bottom:15px;}
.history_year dt {
    float: left;
    width: 50px;
    line-height: 20px;
    font-weight: bold;
    color: #3f81bf;
}
.history_year dd {
    float: left;
    line-height: 20px;
}


.mem_ico{ background:url(../img/icon/mem_ico.gif) no-repeat 0 0; width:3px; height:5px; display:inline-block; vertical-align:middle;}
.post_bx{ display:inline-block;height:16px; padding:5px 10px; line-height:16px; background:#000; color:#fff;}
.anti_spam{ display:inline-block; width:100px; height:16px; padding:5px; line-height:16px; text-align:center; border:3px solid #b52425; color:#000;}
.btn_regist_ok{ display:inline-block; background:#214693; width:240px; line-height:40px; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
.col_red{color:#F00;}

#content_center .tbl2 input#btn1{ padding:0 5px;}
#tbl_spe{}
#tbl_spe td{padding:0;border-collapse:collapse}

#tbl_spe2 td{ text-align:center;padding:5px 0; vertical-align:middle;border-collapse:collapse}

.txt_sty01{ font-size:14px; font-weight:bold; color:#476415}
.txt_sty01 span{ font-size:24px; color:#282f27}





.mem_tbl_1 tr td h4 { background:url(../img/arrow_bg02.png) no-repeat; width:196px; height:86px; color:#fff; font-size:24px; text-align: center; line-height: 78px;    }
.mem_tbl_1 tr td h5 { font-size:17px; font-weight:bold; color:#3365b0; margin-bottom:9px; text-decoration: underline;}
.mem_tbl_1 tr td h6 { font-size:17px; font-weight:bold; color:#3365b0; margin-bottom:9px;}

.mem_tbl_1{width:752px;border:0; border-spacing:0;border-collapse:collapse;table-layout:fixed; word-break: keep-all; }
.mem_tbl_1 caption{ font-size:14px; font-weight:bold; color:#ee7115; line-height:14px; margin:10px 0; padding-left:30px; background:url(../img/icon/ico_check.gif) no-repeat 10px 0; text-align:left;}
.mem_tbl_1 th{background:#eaf4e6;vertical-align:middle;}
.mem_tbl_1 th, .mem_tbl td{  padding:8px 12px;border:1px solid #dadada;text-align:left;}
.mem_tbl_1 td{ vertical-align:top;}
.mem_tbl_1 tfoot td{ text-align:center; padding:20px;}

.mem_tbl_1 dl {overflow:hidden;margin-bottom:5px;}
.mem_tbl_1 dt { font-size: 13px;
    float: left;
    width: 68px;
    line-height: 20px;
    font-weight: bold;
    color: #3f81bf;
}
.mem_tbl_1 dd {font-size: 13px;
    float: left;
    line-height: 20px;
}


#h42 { background:url(../img/arrow_bg03.png) no-repeat; width:196px; height:86px; color:#fff; font-size:24px; text-align: center; line-height: 78px;     }
#h43 { background:url(../img/arrow_bg04.png) no-repeat; width:196px; height:86px; color:#fff; font-size:24px; text-align: center; line-height: 78px;     }

.mem_tbl_1 h2 {text-align: center; font-size: 23px; color: #ae4f58; line-height:36px;   padding-left: 10px;  }

.mem_tbl_1 p {font-size: 15px; line-height: 30px;  letter-spacing: -0.5px;     }


.txt_eng p {font-size: 14px; line-height: 25px;       }

.color_tit {     }

.line { width:752px; height:1px; background-color:#dfdfdf; margin:2px 0;      }

.site_name { font-size: 13px; text-align: left; padding-left: 10px;    }
.site_name a {color: #7f4918;  }
.site_name a:hover {color: #d87125;  }
.site_tit {  font-size: 15px; text-align: left; padding-left: 10px;  color: #ad8b54;     }


#greeting {  margin-top: 20px;      }
#greeting li { float:left;     }
#greeting li:first-child, #greeting li:last-child { width:192px; text-align:center;         }
#greeting li:first-child { margin-right:38px;}
#greeting li:nth-child(2) { width:320px;}
#greeting li:last-child {margin-left:10px;}
#greeting li b {margin-bottom: 5px; display: inline-block;}



.tabel_1, .tabel_2  {border-collapse:collapse;       }
.tabel_1 tr td, .tabel_2 tr td  { border-color: #DCDCDC;}
.h4tit { font-size:24px; font-weight: inherit;       }
.h5tit { font-size:20px; font-weight: inherit; color: #894646; margin-top: 10px;  margin-bottom: 10px;     }
.tabel_1 th {font-size: 15px; line-height: 30px;  letter-spacing: -0.5px; background-color:#E3E3E3;         }
.tabel_1 td {font-size: 15px; line-height: 30px;  letter-spacing: -0.5px;         }
.sp {font-size:13px; line-height: 22px;     }
.p_color { color:#894646;      }
.p_color2 { color:#bf6309;      }
.p_color3 { color:#ae4f58;}


.tabel_2 th {font-size: 15px; line-height: 30px;  background-color:#E3E3E3;         }
.tabel_2 td {font-size: 15px; line-height: 30px;          }


.p_nm { font-weight: normal; }
.p_bb { font-weight:bold; }
.p_box { background-color:#BCBCBC; color:#fff; width: 110px; display: inline-block; text-align: center;  box-sizing: border-box;height: 30px; line-height: 27px;     }
.x_txt { text-align:left; padding: 10px; box-sizing:border-box;  }
.txt_box { border:1px solid #A2A2A2; padding:20px 40px; box-sizing:border-box; background-color:#f6f6f6;          }
.txt_box2 {  padding:20px 40px; box-sizing:border-box; background-color:#EFEFEF;          }
.p10 { padding-left:10px;     }
.p20 { padding-left:20px;     }
.p40 { padding-left:40px;     }
.p60 { padding-left:60px;     }
.m5 {margin-bottom:5px;}
.m10 {margin-bottom:10px;}
.mt20 {margin-top:20px;}
.ac { text-align:center;}
.fs24 { font-size:24pt;}
.fs20 { font-size:20pt;}
.fs18 { font-size:18pt; line-height: 36px;}
.fs15 { font-size:15pt;}
.fs13 { font-size:13pt;}
.fs12 { font-size:12pt;}
.fs11 { font-size:11pt;}
.fs09{ font-size:9pt;}
.bg_gray { background:#f8f8f8; }
.box_center {width: 650px; display: inline-block;  }
.vc { vertical-align:middle;  }
.bo_bt tr {border-bottom:1px solid #b6b6b6;}

.bo_bt tr td:nth-child(2) {   background-color: #f7f7f7; padding-left: 20px; box-sizing: border-box;       }
.bo_bt tr td:nth-child(3) {   padding-left: 20px; box-sizing: border-box;                     }

.bo_bt h2 { margin:10px 0;}
.bo_bt p {margin:10px 0;}

.sub_ul { list-style-type: disc; padding-left: 10px; margin-top: 10px;}


.p_box_txt {padding: 10px 0 20px 40px; box-sizing: border-box; }




#down_btn { float:right; background-color: #894646;;
border-radius: 5px;
padding: 5px 10px;
margin: 0;
position: absolute;
right: 0;
top: 90px;
font-size: 15px;
color: #fff       }
#down_btn:hover { background-color:#878787;    }
.t_color tr td:first-child { background-color:#f3f2f2;  }
.pp { font-size:18px; color: #999;   }

.line_2 { width: 190px; border-top: 4px double #666; display: inline-block;    }
.line_1 { width: 138px; border-top: 1px solid #666; display: inline-block;    }



#content_center .site_t {border-spacing: 0; border-collapse: collapse;}
#content_center .site_t tr td:nth-child(2) p { font-size: 14px; color: #987657;    }
#content_center .site_t tr {border-bottom:1px solid #C8C8C8;}

#content_center .site_t tr:first-child, #content_center .site_t tr:last-child {border-bottom:0;}

/* 컨텐츠 탭버튼 */
.tab_01{ overflow:hidden; position: relative; }
.tab_01 ul {list-style:none;     padding: 0;}
.tab_01 li{ float:left;margin-left:6px;}
.tab_01 li:first-child{ margin:0;}
.tab_01 li.active a{ display:inline-block; line-height:35px;  color:#ad8b54;; border-bottom:3px solid #cab189;}
.tab_01 li a{ display:inline-block; line-height:35px;  margin-right: 7px; color:#666; font-size:24px; background-color: #f6f3ed; padding: 7px 20px; border-bottom:3px solid #fff;}

.tab_02{ overflow:hidden; position: relative;  }
.tab_02 ul {list-style:none;  /*border-bottom: 7px solid #e5d6bf;*/ padding-bottom:55px; padding-top: 18px;}
.tab_02 li{ float:left; margin-bottom: 7px;}
.tab_02 li:first-child{ margin:0;}
.tab_02 li.active a{ display:inline-block; line-height:35px; color:#fff;   background-color: #09397e;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d6d6d6' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
.tab_02 li:last-child a{ margin:0;}
.tab_02 li a{ display:inline-block; line-height:35px;  margin-right: 8px; color:#888; font-size:18px; width: 245px; text-align: center; box-sizing: border-box; background-color: #f2f2f2; letter-spacing:-1px;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c9c9c9' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}

/*관련사이트*/

#site_box {     }
#site_box ul {    }
#site_box ul li {width: 238px; height: 204px; border: 1px solid #d8d8d8; float: left; margin-bottom:16px;    }
#site_box ul li img { margin: 33px 24px;   }
#site_box ul li p {text-align: center; font-size: 18px; margin-bottom: 10px;    }
#site_box ul li a {width: 240px; text-align: center; display: inline-block; color: #777; font-size: 14px;    }
#site_box ul li a:hover { color:#FB852A;}
.ma_lr { margin: 0 16px;   }


/*sub2-1*/
.sub2_tit {font-size: 18px;
font-weight: bold;

display: inline-block;
margin-top: 10px;}
.sub2_a { color: #b58556; margin-bottom: 10px; display: block;       } 
.sub2_a:hover { color:#a7580b; }
.sub2_h4 {
font-size: 25px;
text-align: center;
padding: 15px 10px;
background-color: #ededed; font-weight: normal; }

/*아이디찾기/비밀번호찾기*/
.find_box {   border: 1px dotted #CCC;
background-color: #f3f3f3;
width: 49.5%;
height: 365px;
float: left;   padding: 28px 24px;
box-sizing: border-box;            }
.find_box h4 {     color:#03439D;      font-size: 24px;}            

.find_box article {  margin-top: 25px;  }
.find_box span {margin-bottom: 10px; display: block; width: 100%; height: 32px;      }

.find_box img { float:left;   margin-right: 5px;    }
.find_input{   float:left; width: 233px;
height: 26px;
border: 1px solid #c6c6c6;
padding-left: 5px;
color: #666;
font-size: 12px;   }

#id_find  { margin-right: 1%;            }
#pw_find  {                 }

.find_btn { background-color: #263b7a;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%237da9c7' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
color: #fff;
display: inline-block; 
padding:8px 49px;
font-size:15px;
 margin-left: 27%;      }


#id_find .find_btn   {  margin-top:54px;   }
#pw_find .find_btn   {  margin-top:10px; margin-bottom:20px;   }










