@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:1200px;color:#666666;}

#wrap{position:relative;}

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

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

#nav{ margin: 0 auto; width: 100%; height: 52px; position: absolute; top: 88px; z-index: 9999; background-color: #23304b;
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='%23696eab' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}
/* 상단메뉴는 style_main_menu.css */    

#header { height:110px;

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:340px; /*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: 106px; width: 335px; display: none;}


/*#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:1200px;
	position:relative;
	overflow:hidden; /*padding-top: 370px;*/
}
/* 왼쪽 메뉴부분 */	
#content_menu{
	margin-bottom: 50px;
	margin-right:52px;
	width:219px; 
	float:left;
}
	
/* 컨텐츠 본문 */	
#content_center{
	width:929px;
	float:left;
	text-align:left;
	font-size:14px;
	position:relative;
	margin-bottom: 50px;
}

#content_center h3{ height:50px;  color:#454545;  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 15px 0;
background-color:#e4e4e4;}
#footer .copyright{ margin: 0px auto; width: 1200px; position:relative; }
#footer .copyright img {    width: 300px; float: left;}
#footer .copyright p {
color: #a2a1a1;

margin-top: 8px;
position: relative;
 font-size: 13px; float: left;
	}

	
#footer .copyright span{ position: absolute; right: 0; width: 120px; margin: auto; }
#footer .copyright span a { color: #a2a1a1;
position: relative;
top: 8px;
width: 120px;
border: 1px solid #a2a1a1;
padding: 3px 10px;}
#footer .copyright span a:hover { background-color:#a2a1a1; 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:929px;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:929px;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: #4a6ebe; line-height:36px;     }

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

.tabel_3 {  font-size: 15px;   line-height: 30px;  letter-spacing: -0.5px;   border-collapse:collapse;     }

.tabel_3 tr { border-top:1px solid #C7C7C7;  border-bottom: 1px solid #C7C7C7; }

.tabel_3 tr td .pw {width: 115px;  }

.tabel_3 tr:first-child{
background-color: #f2f2f2;
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='%239f9f9f' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}

.colorpt {  color: #E06409;   }

.tabel_3 th {   font-weight: normal; text-align:center;    }



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

.color_tit {     }

.line { width:929px; height:1px; background-color:#cbcbcb; 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;  width: 929px;      }
.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: #b1356b; margin-top: 10px;  margin-bottom: 10px;     }
.tabel_1 th {font-size: 15px; line-height: 30px;  letter-spacing: -0.5px; background-color:#f3f3f3;         }
.tabel_1 td {font-size: 15px; line-height: 30px;  letter-spacing: -0.5px;         }
.sp {font-size:13px; line-height: 22px;     }
.p_color { color:#267ac2;      }
.p_color2 { color:#294584;     }
.p_color3 { color:#2663b1;}


.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;}
.fs16 { font-size:16pt;}
.fs15 { font-size:15pt; line-height: 28px;}
.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 #cbcbcb;}
.bo_bt h2 { margin:10px 0;}
.bo_bt p {margin:10px 0;}
#down_btn { float:right; background-color: #b1356b;
border-radius: 5px;
padding: 5px 10px;
margin: 0;
position: absolute;
right: 0;
top: 76px;
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;    }

.history_ul {  margin: 10px 0; list-style-type: disc; padding-left: 20px;   }
.history_ul li { font-size: 15px; padding: 5px 0px; line-height: 20px;   }

#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: #407fb9;
    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");
}
.tab_02 li a{ display:inline-block; line-height:35px;  margin-right: 8px; color:#888; font-size:18px; width: 180px; text-align: center; box-sizing: border-box; background-color: #f2f2f2;
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;   }


/*파일박스 다운로드*/
#file_down_box { margin-top:10px;    }
#file_down_box li { margin-right: 8px; margin-left: 0; margin-bottom: 6px;    list-style:none;   }
#file_down_box li:nth-child(3) a,  #file_down_box li:nth-child(6) a,  #file_down_box li:nth-child(9) a {  margin-right: 0;   }
#file_down_box li a {     background-color: #ffffff;
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='%23b4b4b4' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); border: 1px solid #d0d0d0; width: 244px; box-sizing: border-box; height: 115px; position: relative; display: block; float: left; margin-bottom: 5px; margin-right: 5px;}  
#file_down_box li a:hover { background-color:#e9e9e9;    }
#file_down_box li a small  {  display: block; text-align: center; font-size: 15px;width: 60px;top: 18px; line-height: 27px; color: #fff; position: absolute; right: 0; left: 0; margin: auto;   }
#file_down_box li:nth-child(odd)  a small {  background-color: #c97338;   }
#file_down_box li:nth-child(even) a small  {  background-color: #a49a94;    }

#file_down_box li a span { margin-top: 46px; display: inline-block; text-align: center; width: 244px; line-height: 26px; font-size: 18px; letter-spacing: -1px; color: #807b7b;      }

.answer { padding:10px 20px; margin-bottom: 20px; background-color: #f9f9f9;
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='%23d0cfd0' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");      }


.popupbtn4 {
width: 255px;
height: 50px;
background-color: #c97338;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d48c53' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
font-size: 26px;
fotn-weight: bold;
color: #ffffff;
text-align: center; cursor: pointer;
border: none 0px transparent;}
.popupbtn4:hover { color:#FCF888;    }



.popupbtn5 {

background-color: #c97338;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d48c53' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
font-size: 18px;
fotn-weight: bold;
color: #ffffff;
text-align: center; cursor: pointer;
border: none 0px transparent;}
.popupbtn5:hover { color:#FCF888;    }

.popupbtn6 {

background-color: #2e437a;
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='%23a5a5a5' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
fotn-weight: bold;
color: #ffffff;
text-align: center; cursor: pointer;
border: none 0px transparent; font-size: 18px;
height: 36px;}
.popupbtn6:hover { color:#FCF888;    }


.popupbtn7 {
width: 100px;
display: inline-block;
line-height: 2em;
background-color: #2e437a;
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='%23a5a5a5' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
fotn-weight: bold;
color: #ffffff;
text-align: center; cursor: pointer;
border: none 0px transparent; font-size: 18px;
height: 36px;}
.popupbtn7:hover { color:#FCF888;    }

.popupbtn8 {
width: 100px;
display: inline-block;
line-height: 2em;
background-color: #c97338;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d48c53' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
font-size: 18px;
fotn-weight: bold;
color: #ffffff;
text-align: center; cursor: pointer;
border: none 0px transparent;}
.popupbtn8:hover { color:#FCF888;    }



.s_bg {  background-color: #ffffff;
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='%23b4b4b4' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");   }




/*2018 08 01 asy add*/
input.popupbtn2{
  padding-left:2px;
  height: 25px;
  padding-right:2px; 
  border:none 0px transparent ;
  border:1px solid #cccccc;
  background-color:#ffffff;
  font-family: dotum;
  font-size: 12px ; 
  color:#525252 ;
  text-align:center;
  cursor: pointer;
  border-radius: 3px;
}

input.popupbtn_black{
  padding-left:2px;
  height: 25px;
  padding-right:2px; 
  border:none 0px transparent ;
  border:1px solid #cccccc;
  background-color:#000000;
  font-family: dotum;
  font-size: 12px ; 
  color:#ffffff ;
  text-align:center;
  cursor: pointer;
  border-radius: 3px;
}

/*quick 메뉴*/
#quick {height: 400px; right:200px;   position: fixed; top: 226px; width: 90px; z-index: 999; border-radius: 10px; padding: 0 10px; box-sizing: border-box;
background-color: #006ea8;
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='%2304476b' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");  }
#quick h5 { color:#fff; text-align: center; font-size: 15px; margin: 10px;    }

#quick ul{overflow:hidden; padding: 20px 2px;height: 305px; box-sizing: border-box; background-color:#fff;}
#quick ul li{list-style:none;  width: 68px;  position:relative;  }
#quick ul li a{display:inline-block;position:relative; width:68px;    }
#quick ul li:nth-child(1) {border-bottom: 1px dotted #999; }
#quick ul li:nth-child(2) {border-bottom: 1px dotted #999; padding-top: 10px; padding-bottom: 5px; }
#quick ul li:nth-child(3) { padding-top: 10px;                                 }
#quick ul li a img { width:68px; position:relative;    }
#quick ul li .hover_img { position:absolute; right:0; opacity:0; }
#quick ul li img { transition: opacity 0.5s ease-out;}
#quick ul li a:hover img { opacity:1;}

#quick_top { color:#fff; text-align: center; display: inherit; margin: 10px;   }
#quick_top i {  margin-right: 5px; }


/*select box*/
#schedule { float: right;
width: 200px;
height: 28px;
padding: 5px;
font-size: 15px;
color: #666;    }
#schedule option  {     }


.tb_p20 tr td:nth-child(3), .tb_p20 tr td:nth-child(6) { padding: 10px;    } 
.tb_p20 tr td ul { list-style:inside;    }



/*아이디찾기/비밀번호찾기*/
.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; margin-left: 65px;     }

.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: 33%;      }


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

#sub1_3 {  background: url(../img/sub1_03_bg.jpg) no-repeat; width: 929px; height: 265px; padding: 93px 0 0 60px; box-sizing: border-box;     }
#sub1_3 h4 { color:#fff; font-size:24px;        }
#sub1_3 h4 span{ font-size:34px;        }


#sub3_1  {  background: url(../img/sub3_01_bg.jpg) no-repeat; width: 929px; height: 417px; padding: 84px 193px; box-sizing: border-box;     }
#sub3_1 h5 { text-align: center; font-size:24px; margin-top:55px; color:#fff;   }
#sub3_1 h4 { text-align: center; font-size:36px; line-height:46px;   margin-top:30px; color:#fff;    }

.popupbtn4 {
width: 255px;
height: 50px;
background-color: #c97338;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d48c53' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
font-size: 26px;
fotn-weight: bold;
color: #ffffff;
text-align: center; cursor: pointer;
border: none 0px transparent;}
.popupbtn4:hover { color:#FCF888;    }


#sub1_02 { background: url(../img/sub1_02_bg.jpg) no-repeat;
width: 929px;
height: 350px;
padding: 95px 45px 0 385px;
box-sizing: border-box;  }

#sub1_02 p{ color:#fff; }

#sub3_2 {
background: url(../img/sub3_02_bg.jpg) no-repeat;
    width: 929px;
    height: 410px;
    padding: 73px 144px;
    box-sizing: border-box;
color:#fff; text-align: center;
}
#sub3_2 h5 { font-size:25px; margin-top: 65px;     }
#sub3_2 h4 { font-size:40px; margin-top: 15px; line-height: 50px;    }