@charset "euc-kr";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

*{margin:0; padding:0;}
body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form, img, span, table, tr, td, select, input, textarea, option{margin:0; padding:0;}

/*
body{font-size:12px; color:#a9a9a9;}
body{font-family:"¸¼Àº°íµñ", dotum, sans-serif;}
a{outline: 0px;}
a:link{font-size:12px; color:#a9a9a9; text-decoration:none;}                                       
a:hover{font-size:12px; color:#a9a9a9; text-decoration:none;}
a:visited{font-size:12px; color:#a9a9a9;  text-decoration:none;}
*/

.subleftmenu a:link{font-size: 12px; color: #484848; text-decoration: none;}                                       
.subleftmenu a:visited{font-size: 12px; color:000000;  text-decoration: none;}
.subleftmenu a:hover{font-size: 12px; color:000000; text-decoration: none;}

.notice {font-size: 12px; color: #FFFFFF; text-decoration: none;}                                       
.notice a:link {font-size: 12px; color: #FFFFFF;  text-decoration: none;}                             
.notice a:visited {font-size: 12px; color: #CFEF9D; text-decoration: none;}  
.notice a:hover {font-size: 12px; color: #FFFFFF; text-decoration: none;}

caption, legend{font-size:0px; width:0px; height:0px; overflow:hidden; position:absolute; visibility:hidden;}

img{border:0px;}

fieldset,img{border:0; vertical-align:top;}

table{border-collapse:collapse; border-spacing:0; border:0;}

input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}

input[type=password]{IME-MODE: disabled;}

ul,ol,dl{list-style:none;}

textarea{overflow:auto;} 

button,label{cursor:pointer;}

.input_radio_in1{display:inline; width:13px; height:13px; margin:-5px 2px 0 5px; vertical-align:middle;}

h1{font-size:12px;}
h2{font-size:12px;}
h3{font-size:12px;}
h4{font-size:12px;}
h5{font-size:12px;}
h6{font-size:12px;}

hr{display:none; clear:both;}

.skip{position:absolute; width:1px; height:1px; border:1px; top:-5000em; overflow:hidden;}
.disno{display:none;}
.hidden{display:none;}

/* CSS Document */
.header_wrap {position:relative; width:100%; background:url('/images/gnb/bg_header.jpg') left top repeat-x;}

.header {position:relative; width:870px; height:127px; margin: 0 auto; /*border:1px solid #000;*/}

.header .header_02 {}
.header .header_02 > ul { position:absolute; top:25px; right:0;}
.header .header_02 > ul > li {padding:0; float:left;}
.header .header_02 > ul > li.first{ background:none;}
.header .header_02 > div { position:absolute; top:28px; right:214px;}

.header h1 {margin-top:14px; margin-left:0;display:inline-block;}

.header .gnb{float:left; width:870px; height:51px;/* margin-top:23px; */ position:absolute; top:71px; background:url('/images/gnb/bg_gnb.jpg') left top no-repeat;}
.header .gnb .dep1{float:left; margin:0 2px 0 2px;}

.clearfix {clear:both}

.header .gnb .dep1 ul{display:none; position:absolute; z-index:9999; /*margin-top: -1px; border:3px solid red;*/ padding:19px 8px 0 8px;}
.header .gnb .dep1 ul li {border-bottom:1px solid #ccdde6;}
.header .gnb .dep1 ul li.last{border-bottom:0}

.ul_layer1 {height:200px; background:url('/images/gnb/ul_dep1_intro.png') 0 0 no-repeat;}
.ul_layer4 {height:200px; background:url('/images/gnb/ul_dep1_comm.png') 0 0 no-repeat;}
.ul_layer6 {height:200px; background:url('/images/gnb/ul_dep1_center.png') 0 0 no-repeat;}

/** gnb lnb ¸Þ´º ÀÌ¹ÌÁö »ðÀÔ **/
.header .gnb .dep1 a {text-indent:-9999px;}
.header .gnb .dep1 > a:hover{}

.dep1_over{background:url('/images/gnb/over.png') 0 0 no-repeat;}

/* ¿¬¼ö¿ø ¼Ò°³ */
.header .gnb .dep1.dep1_1> a {display:block; width:141px; height:42px; background:url('/images/gnb/with_dep1_intro.png') 0 -45px no-repeat;}

.header .gnb .dep1.dep1_1 > ul li > a {display:block; width:125px; height:35px;}
.header .gnb .dep1.dep1_1 > ul li:first-child > a {background:url('/images/gnb/with_dep2_intro01.png') -5px 6px no-repeat;}
.header .gnb .dep1.dep1_1 > ul li:first-child + li > a {background:url('/images/gnb/with_dep2_intro02.png') -5px 6px no-repeat;}
.header .gnb .dep1.dep1_1 > ul li:first-child + li + li > a {background:url('/images/gnb/with_dep2_intro03.png') -5px 6px no-repeat;}
.header .gnb .dep1.dep1_1 > ul li:first-child > a:hover, 
.header .gnb .dep1.dep1_1 > ul li:first-child + li > a:hover, 
.header .gnb .dep1.dep1_1 > ul li:first-child + li + li > a:hover {background-position:-156px 6px; background-color:#1582bb;}

/* °­»çÁø ¼Ò°³ */
.header .gnb .dep1.dep1_2 > a {display:block; width:141px; height:42px; background:url('/images/gnb/with_dep1_teacher.png') 0 20px no-repeat;}

/* E-learning */
.header .gnb .dep1.dep1_3 > a {display:block; width:141px; height:42px; background:url('/images/gnb/with_dep1_learning.png') 0 20px no-repeat;}

/* Ä¿¹Â´ÏÆ¼ */
.header .gnb .dep1.dep1_4 > a {display:block; width:141px; height:42px; background:url('/images/gnb/with_dep1_comm.png') 0 20px no-repeat;}

.header .gnb .dep1.dep1_4 > ul li > a {display:block; width:125px; height:35px;}
.header .gnb .dep1.dep1_4 > ul li:first-child > a {background:url('/images/gnb/with_dep2_comm01.png') -5px 6px no-repeat;}
.header .gnb .dep1.dep1_4 > ul li:first-child + li > a {background:url('/images/gnb/with_dep2_comm02.png') -5px 6px no-repeat;}
.header .gnb .dep1.dep1_4 > ul li:first-child + li + li > a {background:url('/images/gnb/with_dep2_comm03.png') -5px 6px no-repeat;}
.header .gnb .dep1.dep1_4 > ul li:first-child + li + li + li > a {background:url('/images/gnb/with_dep2_comm04.png') -5px 6px no-repeat;}

.header .gnb .dep1.dep1_4 > ul li:first-child > a:hover, 
.header .gnb .dep1.dep1_4 > ul li:first-child + li > a:hover, 
.header .gnb .dep1.dep1_4 > ul li:first-child + li + li > a:hover, 
.header .gnb .dep1.dep1_4 > ul li:first-child + li + li + li > a:hover {background-position:-156px 6px; background-color:#1582bb;}

/* ³ªÀÇ °­ÀÇ½Ç */
.header .gnb .dep1.dep1_5> a {display:block; width:141px; height:42px; background:url('/images/gnb/with_dep1_mypage.png') 0 20px no-repeat;}

/* °í°´¼¾ÅÍ */
.header .gnb .dep1.dep1_6 > a {display:block; width:141px; height:42px; background:url('/images/gnb/with_dep1_center.png') 0 20px no-repeat;}

.header .gnb .dep1.dep1_6 > ul li > a {display:block; width:125px; height:35px;}
.header .gnb .dep1.dep1_6 > ul li:first-child > a {background:url('/images/gnb/with_dep2_center01.png') -5px 6px no-repeat;}
.header .gnb .dep1.dep1_6 > ul li:first-child + li > a {background:url('/images/gnb/with_dep2_center02.png') -5px 6px no-repeat;}
.header .gnb .dep1.dep1_6 > ul li:first-child + li + li > a {background:url('/images/gnb/with_dep2_center03.png') -5px 6px no-repeat;}

.header .gnb .dep1.dep1_6 > ul li:first-child > a:hover, 
.header .gnb .dep1.dep1_6 > ul li:first-child + li > a:hover, 
.header .gnb .dep1.dep1_6 > ul li:first-child + li + li > a:hover{background-position:-156px 6px; background-color:#1582bb;}

#container {position:relative; width:100%; background:#fff url('/images/main/body_back2.gif') repeat-x 0 100%; padding-top:20px;}
.contents {width:870px; margin:0 auto;}
.visual {}

#footer {position:relative; width:100%; background:#e8f1f8; padding-top:15px;display:inline-block;}
#footer .foot1 {width:100%; border-top:1px solid #c5d4e1; border-bottom:1px solid #c5d4e1; display:inline-block;}
#footer .foot1 ul {width:550px; margin:0 auto;}
#footer .foot1 ul li {float:left; background:url('/images/main/foot_line.gif') no-repeat 0 50%; padding:3px 15px 3px 15px;}
#footer .foot1 ul li:first-child {background:none;}
#footer .foot2 {width:870px; margin:0 auto;}

/* 20201007 - ÀÌ¿ëÀÚ ¾à°ü */
.provision_ares {background:url('/images/member/bg_prov.jpg') 0 0 repeat-x; text-align:left; font-family: "Noto Sans KR", sans-serif !important;}
.provision_ares h3 {width:90%; margin:0 auto; font-size:18px; letter-spacing:-1px; padding:2% 0 2% 0; color:#000;}
.prov_box {width:85%; margin:0 auto; height:300px; overflow:auto; background:#fff; padding:2%; border:1px solid #d4e0ea;  font-size:14px;}
.provision_ares .p1 {text-align:center;}
.provision_ares .p2 {padding:3% 0; font-size:14px; vertical-align:middle}
.provision_ares .p2 input {width:18px; height:18px; vertical-align:middle; margin-right:5px;}


/* 20220617 - ½Å±Ô css */
#cont_wrap {font-family: "Noto Sans KR", sans-serif !important; font-size:13px; margin-bottom:5%; word-break: keep-all;}


#cont_wrap .left {width:229px; height:100%; float:left; background:url('/images/sub1/left_back.gif') 0 100% repeat-y;}
#cont_wrap .right {position:relative; width:638px; float:left; border-left:3px solid #137aac; background:url('/images/sub1/bg_right.jpg') 0 0 no-repeat;}

.boot_wrap {width:90%; margin:0 auto;}
.boot_wrap h2 {text-align:center; font-size:22px; color:#0b6eaf; letter-spacing:-1px; margin:3% 0 3% 0;}
.boot_wrap p.txt1 {font-size:14px;}
.boot_wrap p.txt1 b {}

.tbl_boot1 { border-collapse: collapse;}
.tbl_boot1 table {}
.tbl_boot1 th {font-weight:700;}
.tbl_boot1 td {}


.tbl_boot2 { border-collapse: collapse; margin-top:2%;}
.tbl_boot2 th {background:#c1d5e5; font-size:13px; font-weight:700; text-align:center; height:35px;}
.tbl_boot2 td {border: 1px solid #c1d5e5; padding:1%;}

.tbl_boot2 td.th2 {text-align:center;}
.tbl_boot2 td.th3 {text-align:center;}