/* °øÅë ¸Þ´º */
@charset"utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

*,html,body,header,section,footer,div,p,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd{margin:0;padding:0;font-family:"Noto Sans KR",sans-serif, "NanumGothic", dotum ;font-size:15px;}
img {border:0;}
ul {list-style:none; padding:0px; margin:0px;}
ul li {list-style:none; padding:0px; margin:0px;}
caption {position:absolute; visibility:hidden; font-size:0;}
p, img {margin:0; padding:0;}
p, span {line-height:150%;}
ul,li,ol,dl,dd,dt{list-style:none;word-break:keep-all;line-height:150%;}

a {text-decoration:none; color:#444444;}
a:link {text-decoration:none;}
a:active {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

.mr10 {margin-right:10px;}
.mr12 {margin-right:12px;}
.mr16 {margin-right:16px;}
.mr17 {margin-right:17px;}
.mr21 {margin-right:21px;}

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}


.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}

.ml10 {margin-left:10px;}
.ml17 {margin-left:17px;}
.ml16 {margin-left:16px;}
.ml25 {margin-left:25px;}
.mr17 {margin-right:17px;}
.bt1 {border-top:1px solid #e9e9e9;}

.cb {clear:both;}

.c6 {color:#666666;}
.c9 {color:#999999;}
.cc {color:#cccccc;}
.c8a {color:#8ab51a;}
.c5f {color:#5f7d23;}

.f14 {font-size:15px;}
.f18 {font-size:19px;}
.f35 {font-size:35px;}
.fb {font-weight:bold;}
.fno {font-weight:none;}

.fl {float:left;}

hr.space {margin:30px 0; height:1px; border-width:0; border-bottom:1px dotted #ccc;}


/*  »ó´Ü  */
#wrap {width:100%; height:100%; min-width:1200px;}
#top_wrap {width:100%; height:80px;}
#top_wrap_m {position:relative; width:1000px; height:100%; margin:0 auto;}
.top_logo {position:absolute; left:0px; top:16px;}
.top_login {position:absolute; right:0px; top:50%; margin-top:-9px;}
.top_login ul {text-align:center;}
.top_login ul li {display:inline; font-size:12px; padding:0px 2px 0px 2px;}
.top_login ul li a {text-decoration:none; color:#444444; font-size:12px;}
.top_login ul li a:hover {text-decoration:none; color:#739130;}
.top_menu {position:relative;}
.top_menu ul {text-align:center; }
.top_menu ul li {display:inline; font-size:18px; font-weight:bold; color:#444444; }
.top_menu ul li a {text-decoration:none;}
.top_menu ul li a:hover {text-decoration:none; }
.top_menu > ul ul {display: none;}
.top_menu_2 {position:absolute; top:14px; left:240px; z-index:9999;}
.top_menu_2 > li {float:left; display:inline; width:130px; text-align:center;  font-size:17px; font-weight:500; color:#6d5e48;}
.top_menu_2 a {float:left; width:130px; font-size:17px; font-weight:500; height:66px; line-height:48px;} 
.top_menu_2 li:hover > a {font-size:17px; font-weight:500; color:#0785c6; }
.top_sub_wrap {width:200px; z-index:9999;}
.top_sub_wrap > li {float:left; width:200px; font-size:13px; text-align:left;  z-index:9999;} /* ¼­ºê ¸Þ´º °¡·Î ÃÖ´ë°ª */
.top_sub_wrap a {display: block; width: 160px; height: 32px; font-size:13px; line-height:34px; background:#0785c6; text-align:left; color:#ffffff; padding:3px 15px 5px 15px; z-index:9999; } /* ¼­ºê ¸Þ´º °¡·Î */
.top_sub_wrap li:hover > a {font-size:13px; font-weight: 500; background:#0770a6; color:#ffffff; z-index:9999; }
.top_sub_wrap a.top_sub_01 {width:280px;}
#top_1 {width:100%; height:76px;}
#top_line {width:100%; height:100%;}
.top_line_left {float:left; width:50%; height:3px; background:#67ade5; border-top:1px solid #668613;}
.top_line_right {float:left; width:50%; height:3px; background:#0770a6; border-top:1px solid #324c1b;}


/*  ÇÏ´Ü  */
#footer {clear:both; width:100%; height:120px; border-top:1px solid #cccccc; background:#fafafa; }
#footer_lay {width:1000px; height:100%; margin:0 auto;}
.footer_logo {float:left; width:235px; padding-top:30px;}
.footer_text {float:left; padding-top:32px;}
.footer_text ul {width:100%;}
.footer_text ul li {width:100%; font-size:13px; color:#666666; line-height:17px;}


/*  ¸ÞÀÎ »ó´Ü  */
#main_wrap {width:100%; height:592px; background:url('../img/main_bg.jpg') center center; background-size: cover;}
#main_wrap_m {position:relative; width:1000px; height:100%; margin:0 auto;}
.main_01 {position:absolute; left:0px; top:83px;}
.main_02 {position:absolute; left:270px; top:160px;}
.main_02 ul {}
.main_02 ul li {}
.main_02_01 {font-size:35px; color:#fff; font-weight:bold; line-height:50px; letter-spacing:1px; text-align:center; text-shadow:2px 1px #4d4d4d;}
.main_02_02 {font-size:100px; color:#fff; font-weight:bold; padding-bottom:30px; text-align:center; text-shadow:2px 1px #4d4d4d;}
.main_02_03 {font-size:20px; color:#fff; font-weight:bold; line-height:40px; text-align:center; text-shadow:2px 1px #4d4d4d;}
.main_02_04 {font-size:20px; color:#fff; font-weight:bold; text-align:center; text-shadow:2px 1px #4d4d4d;}
.main_03 {position:absolute; right:0px; top:15px; width:235px; height:397px; background:#ffffff;}
.main_03_01 {width:35px; height:2px; background:#4a4a4a; margin:35px 0px 0px 35px;}
.main_03_02 {position:absolute; top:20px; left:0px; width:100%; text-align:center; font-size:16px; color:#4a4a4a; font-weight:bold;}
.main_03_03 {position:absolute; top:40px; left:0px; width:100%; text-align:center; font-size:24px; color:#4a4a4a; font-weight:bold;}

.main_03_04 {width:100%; height:48px; background:#ebebeb; font-size:18px; font-weight:bold; color:#666666; text-align:center; line-height:48px;}
.main_04 {position:absolute; left:0px; bottom:-72px; width:33%; height:52px; background:url('../img/main_04_bg.png');}
.main_04_01 {height:109px; font-size:15px; color:#ffffff; padding:57px 33px 0px 33px; text-align:justify; line-height:20px;}
.main_04_02 {font-size:16px; color:#ffffff; font-weight:bold; text-align:center; line-height:50px;}
.main_05 {position:absolute; left:33%; bottom:-72px; width:34%; height:52px; background:url('../img/main_05_bg.png');}
.main_05_01 {height:109px; font-size:14px; color:#ffffff; padding:57px 33px 0px 33px; text-align:center;}
.main_05_01_1 {font-size:30px; color:#ffffff; line-height:45px;}
.main_05_01_2 {font-size:18px; color:#ffffff;}
.main_05_02 {font-size:16px; color:#ffffff; font-weight:bold; text-align:center; line-height:50px;}
.main_06 {position:absolute; right:0px; bottom:-72px; width:33%; height:52px; background:url('../img/main_06_bg.png');}
.main_06_01 {padding:55px 0px 0px 33px; font-size:17px; color:#ffffff; font-weight:bold; text-align:justify;}
.main_06_02 {font-size:15px; color:#ffffff; position:absolute; left:32px; top:50px; line-height:20px;}
.main_06_03 {position:absolute; bottom:0px; width:100%; height:51px; font-size:15px; color:#ffffff; font-weight:bold; text-align:center; line-height:50px;}

/*  ¸ÞÀÎ ³»¿ë  */
#main_content {float:left; width:100%; height:100%; margin:30px 0;}
#main_content_m {position:relative; width:1000px; height:auto; margin:0 auto;}

.main_07, .main_08, .main_09 {float:left; height:52px; border:1px solid #ccc;}
.main_07, .main_09 {width:328px;}
.main_08 {width:34%; border-left:0; border-right:0;}
.banner-text {padding:20px; font-size:15px; font-weight:bold; text-align:center;}
.banner-link {float:left; margin-top:-1px; width:1000px;}

.main_content_01 {float:left; width:538px; padding:30px 0; /*border:1px solid #ccc;*/}
.main_content_01_1_top {float:left; width:100%;}
.main_content_01_1_top_1 {float:left; font-size:20px; font-weight:bold;}
.main_content_01_1_top_2 {float:right; font-size:12px; font-weight:bold; padding-top:8px; color:#666666;}
.main_content_01_1_top_2 a {color:#666666; font-size:14px;}
.main_content_01_1_top_2 a:hover {color:#739130;}
.main_content_01_1_bottom {float:left; width:100%; margin-top:14px;}
.main_content_01_1_bottom_1 {float:left; width:221px; font-size:13px; color:#666666; line-height:22px;}
.main_content_01_1_bottom_2 {float:left; width:65px; font-size:12px; color:#666666; line-height:22px;}
.main_content_02 {float:right; width:380px; height:100%; padding:30px 10px;}
.main_content_02_1 {float:left; width:100%; text-align:center;}
/*.main_content_02_2 {position:absolute; bottom:0px; width:100%; height:41px; font-size:16px; color:#666666; font-weight:bold; text-align:center; line-height:40px; background:#f1f1f1;}*/
.main_content_03 {position:relative; float:left; width:146px; height:100%; border-right:1px solid #cccccc;}
.main_content_03_1 {position:relative; top:44px; width:100%; text-align:center;}
.main_content_03_2 {position:absolute; bottom:0px; width:100%; height:41px; font-size:16px; color:#666666; font-weight:bold; text-align:center; line-height:40px; background:#f1f1f1;}
.main_content_04 {float:left; width:286px; height:115px; padding:0px 33px 27px 33px; border-left:1px solid #cccccc;}
.main_content_04_1_top {float:left; width:100%;}
.main_content_04_1_top_1 {float:left; font-size:18px; font-weight:bold;}
.main_content_04_1_top_2 {float:right; font-size:12px; font-weight:bold; padding-top:8px; color:#666666;}
.main_content_04_1_top_2 a {color:#666666;}
.main_content_04_1_top_2 a:hover {color:#739130;}
.main_content_04_1_bottom {float:left; width:100%; margin-top:14px;}
.main_content_04_1_bottom_1 {float:left; width:221px; font-size:12px; color:#666666; line-height:22px;}
.main_content_04_1_bottom_2 {float:left; width:65px; font-size:12px; color:#666666; line-height:22px;}
.latest_list_a {font-size:14px;}
.latest_default tr td {font-size:14px !important; color:#666;}


/*  ¼­ºê »ó´Ü  */
#sub_top_wrap {width:100%; height:242px; background:url(../img/sub_bg.jpg) no-repeat; background-size:cover;}
.sub_top_01 {position:relative; padding-top:65px; width:100%; text-align:center; font-size:18px; font-weight:bold; color:#ffffff;}
.sub_top_02 {position:relative; padding-top:5px; width:100%; text-align:center; font-size:40px; font-weight:bold; color:#ffffff;}


/*  ¼­ºê  */
#sub_wrap {width:100%; height:100%;}
#sub_wrap_m {width:1000px; height:100%; margin:0 auto; margin-top:-44px; min-height:600px;}
#sub_wrap_m {*zoom:1;}
#sub_wrap_m:after{ content:""; display:block; clear:both; }


/*  ¼­ºê ¿ÞÂÊ ¸Þ´º  */
#sub_left {float:left; width:235px; height:100%; margin-bottom:20px;}
.sub_left_01 {float:left; width:235px; height:100px; background:#48a4d8; }
.sub_left_01 ul {width:100%; height:100%;}
.sub_left_01 ul li {width:100%; text-align:center; font-size:22px; color:#ffffff; font-weight:600; line-height:100px;}
.sub_left_01_s {position:relative; top: 25%; left: 25%;  font-size:28px; }
.sub_left_02 {float:left; width:235px; height:100%; background:#5c9019; }
.sub_left_02 ul {width:100%; height:100%;}
.sub_left_02 ul li {float:left; width:235px; height:51px;}
.sub_left_02 ul li a {float:left; padding-top:17px; width:235px; height:51px; /*line-height:50px;*/ font-size:16px; font-weight:500; color:#666666; text-indent:15px; background:url('../img/sub_left.jpg');}
.sub_left_02 ul li a:hover {float:left; padding-top:17px; width:235px; height:34px; /*line-height:50px;*/ font-size:16px; font-weight:500; color:#ffffff; text-indent:15px; background:#4d4d4d; /*url('../img/sub_left_on.jpg');*/}
.sub_left_02 .sm_02_01, .sub_left_02 .sm_02_01:hover {padding-top:10px; padding-left:20px;width:215px; font-size:14px; text-indent:0;}
.sub_left_link {float:left; width:235px; height:100%; margin-top:50px;}
.sub_left_link_01 {position:relative; float:left; width:117px; height:114px; background:url('../img/sub_left_link_01_bg.jpg') no-repeat;}
.sub_left_link_02 {position:relative; float:left; width:118px; height:114px; background:url('../img/sub_left_link_02_bg.jpg') no-repeat;}
.sub_left_link_text_1 {position:absolute; bottom:22px; width:100%; font-size:14px; font-weight:bold; color:#666666; text-align:center;}
.sub_left_link_03 {position:relative; float:left; width:235px; height:114px; background:url('../img/sub_left_link_03_bg.jpg') no-repeat;}
.sub_left_link_text_2 {position:absolute; left:25px; top:18px; font-size:16px; color:#666666; font-weight:500;}
.sub_left_link_text_3 {position:absolute; left:70px; bottom:25px; font-size:18px; color:#008fd9;}


/*  ¼­ºê ¿À¸¥ÂÊ  */
#sub_right {float:left; width:765px; height:100%;}
#sub_right_title {position:relative; float:left; width:765px; height:100px; background:#008fd9;}
.sub_right_title_01 {float:left; width:100%; line-height:100px; font-size:24px; font-weight:bold; color:#ffffff; text-align:center;}
.sub_right_title_02 {position:absolute; top:10px; right:10px; font-size:12px; color:#ffffff;}
#sub_right_contents_wrap {position:relative; float:left; width:765px; height:100%; margin-bottom:50px;}
.sub_right_contents {padding:20px; font-size:13px; color:#444444; line-height:150%;}

.sub_right_contents span {font-size:15px;}
.con-second {margin-top:30px; margin-bottom:30px;}

.con-tit-01 {padding-bottom:30px;}
.con-tit-02 {display:block; margin:10px 0;}
.sub_01_01_left {float:left; width:365px; text-align:left;}
.sub_01_01_right {float:left; width:300px; text-align:right; margin-top:18px;}

.con-box-first {float:left; margin:50px 0; padding:20px; width:685px; height:170px; vertical-align:middle; border:1px solid #ccc;}
.con-box-first p {margin-bottom:30px; height:30px; background-color:#008fd9; text-align:center; color:#fff; line-height:50px;}
.img-box-first {float:left; width:100%;}
.img-box-first div {float:left;}
.img-box-first .box-01 {padding:15px; width:190px; text-align:center; background-color:#f1f1f1;}
/*.img-box-first .box-01:nth-child(2) {margin:0 17px;}*/
.img-box-first p:nth-child(1) {}

/*  CI / BI ¼Ò°³  */
.sub_01_02_1 {float:left; width:100%; text-align:left; font-size:34px; font-weight:bold; margin-bottom:30px;}
.sub_01_02_2 {float:left; width:100%; font-size:14px; text-align:justify; margin-bottom:30px;}
.sub_01_02_3 {float:left; width:100%; margin-bottom:65px;}


/*  ¿À½Ã´Â±æ  */
.sub_01_03_1 {float:left; width:663px; height:300px; border:1px solid #d1d1d1; background:#fafafa;}
.sub_01_03_2 {float:left; width:100%; margin-top:30px;}
.sub_01_03_2_table {width:100%; border-top:2px solid #393939;}
.sub_01_03_2_table_1 {background:#fafafa; width:20%; text-indent:20px; height:38px; text-align:left; font-weight:normal; color:#444444; border-bottom:1px solid #d1d1d1; font-size:15px;}
.sub_01_03_2_table_2 {background:#ffffff; text-indent:20px; height:38px; text-align:left; font-weight:normal; color:#444444; border-bottom:1px solid #d1d1d1; font-size:15px;}

/*Á¦Ç°¼Ò°³, ¼îÇθô*/
.price {font-size:14px;color:#5fa6fe;font-size:13px;font-weight:500;margin-top:5px;}
.corp {font-size:14px;color:#959595;font-size:12px;font-weight:300;margin-top:5px;}
.buy_text{color:#1dab0b;font-size:13px;font-weight:500;}
.detail_text{color:#333333;font-size:13px;}
.detail_table_tit{color:#959595;font-size:11px;}

.buy_text2{color:#945aa4;font-size:20px;font-weight:500;display:none;}
.buy_img{display:block}

.detail_text2{color:#333333;font-size:16px;display:none;}
.buy_img{display:block}

.buy_bg{background-color:#f29d1e;}
.buy_bg2{background-color:#3f9234;}

.table-con {width:100%; border-collapse: collapse; }

.table-con th, .table-con td {border:1px solid #cac8c8; font-size:13px;}
.table-con th, .table-con td {padding:10px; text-align:center;}
.table-con th {border-top:2px solid #cac8c8; background-color:#f2f2f2;}
.table-con .table-con-03 {width:75%; text-align:left;}

/*½É¸®°Ë»ç ÀýÂ÷*/
.psy_exam {width:100%; height:130px; margin-bottom:30px;}
.psy_exam > div {float:left; font-size:18px;}
.psy_exam > div:nth-child(2n-1) {width:120px; height: 120px; border-radius:100%;  box-sizing:border-box; text-align: center; line-height: 120px; color:#fff; font-weight: bold;
background: linear-gradient(135deg, #e459b3 0%,#e3a942 100%); box-shadow:1px 1px 8px #ddd;}
.psy_exam > div:nth-child(2n) {width:31.25px; height: 120px; line-height: 120px;}
.psy_exam > div:nth-child(2n) img {width:80%; vertical-align: middle;}
.process_point {background:rgba(72,164,214,0.15); padding:15px; overflow:hidden;}
.psy_exam > div:nth-child(3) {line-height: 130% !important; padding-top:40px;}
.psy_exam > div:nth-child(1) {line-height: 130% !important; padding-top:40px;}

/*»ó´ãÀýÂ÷ */
.counsel_process {width:100%;  height:160px; margin-bottom:30px;}
.counsel_process > div {float:left; font-size:18px;}
.counsel_process > div:nth-child(2n-1) {width:150px; height: 150px; border-radius:100%; box-sizing:border-box; text-align: center; line-height: 150px; color:#fff; font-weight: bold;
background: linear-gradient(135deg, #e459b3 0%,#e3a942 100%); box-shadow:1px 1px 8px #666;}
.counsel_process > div:nth-child(2n) {width:41.6px; height: 150px; line-height: 150px;}
.counsel_process > div:nth-child(2n) img {width:80%; vertical-align: middle;}
.counsel_process > div:nth-child(3) {line-height: 130% !important; padding-top:55px;}

/*½É¸®°Ë»ç¼Ò°³*/
.table-con2 {width:100%; border-collapse: collapse; }
.table-con2 th, .table-con2 td {border:1px solid #cac8c8; font-size:15px;}
.table-con2 th, .table-con2 td {padding:10px; text-align:center;}
.text-left {text-align: left !important;}
.table-con2 th {border-top:2px solid #cac8c8; background-color:#f2f2f2;}
.table-con2 .table-con-03 {width:75%; text-align:left;}
.table-con2 td:nth-child(1), .table-con2 td:nth-child(4), .table-con2 td:nth-child(5) {width:10%;}

.table-con3 {width:100%; border-collapse: collapse; }
.table-con3 th, .table-con3 td {border:1px solid #cac8c8; font-size:15px;}
.table-con3 th, .table-con3 td {padding:10px; text-align:center;}
.text-left {text-align: left !important;}
.table-con3 th {border-top:2px solid #cac8c8; background-color:#f2f2f2;}
.table-con3 .table-con-03 {width:75%; text-align:left;}
.table-con3 td:nth-child(1) {width:20%;}
.table-con3 td:nth-child(3) {width:10%;}

.button {padding: 6% 5%; background-color: #029ddf; color: #fff !important; font-weight:500; font-size:14px}
.td_btn {width:80px !important;}

.process_point li {float:left;width:50%; padding:5px 0;}

/*ÇнÀµµ±¸*/
.learning_tool {width:100%; overflow:hidden; margin-top: 30px;}
.learning_tool > div {width:100%; overflow:hidden; margin-bottom: 20px; }
.learning_tool > div > div {float:left; font-size:16px;}
.learning_tool > div > div:first-child {width:80px; height: 80px; line-height: 80px; border-radius:100%; text-align: center; color:white; font-weight: bold; margin-left: 20px; margin-right: 20px; font-size:20px}
.learning_tool > div > div:last-child {background: #f1f1f1; width:83%; text-align: left; color:black;  border-bottom: 1px solid #d1d1d1; box-sizing:border-box; padding:20px; font-size:15px;}
.learning_tool > div > div:last-child br {line-height:180%;}
.learning_tool > div > div:last-child p { font-weight: bold; margin-bottom:15px; font-size:18px;}
.learning_tool > div:nth-child(1) > div:first-child {background: rgba(7,133,198,0.3);}
.learning_tool > div:nth-child(2) > div:first-child {background: rgba(7,133,198,0.4);}
.learning_tool > div:nth-child(3) > div:first-child {background: rgba(7,133,198,0.5);}
.learning_tool > div:nth-child(4) > div:first-child {background: rgba(7,133,198,0.6);}
.learning_tool > div:nth-child(5) > div:first-child {background: rgba(7,133,198,0.7);}
.learning_tool > div:nth-child(6) > div:first-child {background: rgba(7,133,198,0.8);}
.learning_tool > div:nth-child(7) > div:first-child {background: rgba(7,133,198,0.9);}
.learning_tool > div:nth-child(8) > div:first-child {background: rgba(7,133,198,1);}

/*°Ô½ÃÆÇ*/
.eag_list .eag_search {border:none !important; background:none !important;}
.eag_list .eag_search input[type="text"] {height:28px !important; box-sizing:border-box;}
.eag_list {font-size:13px !important}
.eag_list .eag_list_contents .tableTh div, .eag_view .eag_board_header .cellTh {background:#fafafa !important;}
/*.eag_list_contents > div > div:nth-child(4) {display:none !important; }
.eag_list_contents > div > div:nth-child(2) {width:60% !important;}*/

/*tab*/
.main_tab_menu {width:100%; overflow:hidden; position:relative; margin: 0 auto;}
.tab {overflow: hidden; display:table; border-collapse: collapse;}
.tab li {display:table-cell; color: #666666; text-align: center; padding:0 20px; height: 35px; line-height: 35px; font-size: 14px; transition:0.3s; border: 1px solid #dcdcdc; box-sizing:border-box; cursor:pointer;  border-collapse: collapse;}
.tabcontent {display: none; margin-top: 10px;}
ul.tab li.current{border: 1px solid #005696; color: #fff; background:#005696; box-sizing:border-box; font-weight: bold;}
.tabcontent.current {display: block;}


/*pageup*/
#pageup {position: fixed; right: 40px; bottom: 40px; width: 48px; height: 48px; background-image: url(../img/up.png); background-repeat: no-repeat; background-size: 48px 48px; display: none; cursor: pointer;}

.sub_01_01_box {display:table;}
.sub_01_01_box > div {display:table-cell}

.lab_img img {width:100%; }
.lab_img {padding:10px !important; width:230px !important; box-sizing:border-box;}
.lab_img widht{}