@charset "utf-8";
/* CSS Document */

body, div, ul, li{margin:0; padding:0;  font-family: 나눔고딕, NanumGothic,'Nanum Gothic',Nanumbarungothic,arial,verdana,sans-serif;}
a{ text-decoration:none;}
ul, li{list-style:none}
img { border:0px ;}
/*****************************************************
*** main ***
*****************************************************/
.width_1250{width:100%; max-width:1200px; margin:0 auto;}
.width02_1250{width:100%; max-width:1250px; margin:30px auto;}
.width03_1250{width:100%; max-width:1200px; margin:0 auto;}
.top02{ background-color:#f5f5f5; text-align:right; color:#333; font-size:12px;padding:10px 0;width:100%;}
.top02 a{color:#333; padding:0 15px;}
.top01{ background-color:#fff; color:#333; font-size:12px;padding:20px 0 30px 0;width:100%; text-align:center;}
.top01 .width_1250 div{ display:inline-block; vertical-align:middle;}
.top01_01{ float:left; vertical-align:middle; text-align:left;}
.top01_01 img{width:70%;}
.top01_02{margin-top:20px;}
.top01_03{  float:right; background-color:#f5f5f5; pagging:10px; border-radius:5px; border:1px solid #cccccc;}
.top01_03_tb{ margin:7px;}
.top01_03_tb td{ padding: 0 3px; text-align:left;}
.top01_03_tb input{border-radius:5px;  border:1px solid #cccccc;padding:3px;color:#333;}
.login_btn{ border-radius:5px; background-color:#183e96; color:#fff; font-size:15px;padding:20px 0; width:100%;}
.top01_03_tb td a{ float:right; margin-top:5px;}


.menu{ background-color:#183e96;}
/* menu 04 */
.menu04 {clear:both; background:#183e96; background-position:bottom;background-repeat:repeat-x; }
.menu_01 {padding:10px 6.4% 0 6.4%; text-align:center; font-size:14px; font-weight:bold;display:inline-block;}
.menu_01:last-child {border-right:0px solid #920f1e;}
.menu_01>a {display:block; color:#fff;font-size:14px; font-weight:bold; padding-bottom:20px; padding-top:5px;}
.menu_01>a:hover{}
.menu_01>a:.selected{border-bottom:2px solid #333; font-weight:bold;}
.menu_01:hover {}


/* Sub Menu */
.menu_01 .subMenu {position:absolute; background-color:#0d2458; padding-top:20px; left:0; width:100%; display:none; color:#fff; transition:0.2s; z-index:300; margin-top:0px; opacity:0.98;}
.menu_01:hover .subMenu  {display:block; height:auto; z-index:300; }
.menu_01 div .sub011 {margin:0 auto; width:100%;  max-width:1250px; float:none; height:100%; color:#fff; font-size:13px; z-index:300; }

.submenu99 {margin-bottom:20px; font-size:13px; font-weight:bold;}
.submenu99 li{display:inline-block; text-align:left;vertical-align:top; }
.submenu99 li a {color:#fff; font-size:13px;transition:0.2s; font-weight:normal; line-height:220%; }	
.submenu99 li a:hover { font-weight:bold; color:#fff;}




.main01{ position:relative; clear:both;}
.main_banner{width:72%; max-width:900px;}
.main_banner img{width:100%; max-width:900px;}


#slides1{overflow:hidden;}
#slides1 li{list-style:none;width:100%; max-width:900px;}
#slides1 li img{float:left;width:100%; max-width:900px;}
#slides1 .content{float:left;width:350px;padding-left:21px}
#slides1 li p{line-height:22px}
#slides1 h3{font-size:36px;color:#8d8d8d;font-weight:normal;text-transform:lowercase}
#slides1 h4{font-size:18px;color:#000;font-style:italic;font-weight:normal;text-transform:lowercase;padding-bottom:16px}
.slides1_wrap .prev{position:absolute;left:5px;top:40%;outline:0}
.slides1_wrap .next{position:absolute;left:68%;top:40%;outline:0}
.slides1_wrap a:active{top:34.55%}
.bx_pager{margin:0 auto; text-align:center; padding-top:35px; display:none;}
.bx_pager a{background:url(../img/bg_pager.png) no-repeat 1px -26px; width:25px; height:25px;color:#fff;font-size:11px;margin-right:6px;padding:14px 0 0 32px}
.bx_pager a:hover,.bx_pager a.active{background-position:1px 1px; text-decoration:none}
.auto_controls{position:absolute; bottom:-11px; left:394px}
.auto_controls a{font-size:16px;color:#a3a3a3;outline:0;padding:2px}
.auto_controls a:hover{text-decoration:none;background:;color:#e41996}
#content #notes li,#content #changes li{font-size:12px;color:#8f8f8f;margin-left:43px;padding-bottom:6px}
#content #notes li a{color:#e41996}
#idc-container a{color:#e41996}
#idc-container h3{color:#666}


.board{float:right; width:25%; margin-top:-450px;}
.board02{ width:25%; margin-top:; }
.board01{border-radius:5px; border:1px solid #dbdbdb; color:#333;height:210px;}
.board_title{ background-color:#dbdbdb; font-weight:bold;padding:15px;}
.board_text{padding:7px; line-height:210%; font-size:12px;}
.board_text a{padding:7px; line-height:210%; font-size:12px;color:#000000;}
.board_text a:hover{}
.board02_text{padding:7px; line-height:210%; font-size:12px; text-align:center;}

.main02{position:relative; margin:30px auto;}
.result_box{float:right; margin-top:-237px; width:72%; max-width:900px; border-top:4px solid #333; border-bottom:2px solid #333; padding:10px 0; text-align:center; }
.result_number{border-radius:5px; background:#f5f5f5; padding:17px; width:70%; margin: 0 auto;}
.result_number img{ vertical-align:middle; margin:3px;}

.main03{ background-color:#ddd; padding:1px 0;}


.community_box{border-top:4px solid #333; border-bottom:2px solid #333; padding:10px 0; text-align:center; width:100%; margin:30px 0;}
.board03{border-radius:5px; border:1px solid #dbdbdb; color:#333; display:inline-block; width:48%;}
.board03_title{ background-color:#183e96; font-weight:bold;padding:17px; color:#fff;}
.board03_title a{background-color:#183e96;font-weight:bold;padding:17px;color:#fff;}
.board03_title a:hover{}
.board03_text a{padding:17px; line-height:210%; font-size:12px;color:#000000;}
.board03_text a:hover{}
.board03_text{padding:17px; line-height:210%; font-size:12px;}

.footer{}
.footer01{background-color:#183e96; color:#fff; text-align:center;padding:10px 0;}
.footer01 a{padding:0 5%;color:#fff; font-size:12px;}
.footer02{background-color:#f5f5f5; color:#333; text-align:left;padding:30px 0; font-size:12px;}
.footer02 li{ display:inline-block; vertical-align:middle; line-height:170%;}
.footer02 li img{width:80%;}
.footer_info{ text-align:left;}

/*****************************************************
*** intro ***
*****************************************************/
.current{font-size:12px; color:#333; margin-bottom:30px; font-weight:normal;}
.current a{ color:#333; margin:0 10px;}

.left_menu{ display:inline-block; width:20%; margin-right:3%; background-color:#f5f5f5; font-weight:bold; font-size:15px; vertical-align:top;}
.depth_01{ background-color:#043e96; color:#fff; width:100%; padding:15px 0; text-align:center;}
.depth_02{ background-color:#f5f5f5; color:#333; width:100%; padding:15px 0; text-align:center; border-bottom:1px solid #b6b6b6;font-weight:normal;}
.checked{color:#043e96;font-weight:bold;}
.checked a{color:#043e96;font-weight:bold;}
.content_intro{ display:inline-block; width:76%; background-color:#fff; vertical-align:top; font-size:20px; font-weight:bold;line-height:180%; }
.intro_text{ line-height:250%; padding:30px;}
.intro_tip{background-color:#f5f5f5; padding:30px; margin-bottom:30px;}
.intro_tip_01{ display:inline-block; font-size:20px; text-align:right; vertical-align:middle; margin-right:30px; width:17%; }
.intro_tip_02{ display:inline-block; font-size:15px; text-align:left; vertical-align:middle; width:75%;line-height:250%; }

.authimage_list{ margin-bottom:10px;}
.authimage_list li{width:24.5%; display:inline-block;}
.authimage_list_01{width:98%; font-size:15px; line-height:200%; border:1px solid #ddd; color:#333;font-weight:normal;}
.authimage_list_01 img{width:100%;}

.blue_btn{ background-color:#fff; color:#333; border:1px solid #333; padding:2px 15px; font-weight:normal; font-size:12px; text-align:center; float:right;}
.blue_btn:hover{ background-color:#043e96; color:#fff; }
.blue_btn02{ background-color:#fff; color:#333; border:1px solid #333; padding:5px 10px; font-weight:normal; font-size:12px; text-align:center;  margin-left:20px;}
.blue_btn02:hover{ background-color:#043e96; color:#fff; }
.blue_btn03{ background-color:#043e96; color:#fff; border:1px solid #333; padding:5px 10px; font-weight:normal; font-size:15px; text-align:center;  margin-left:20px;}
.blue_btn03:hover{ background-color:#03347e; color:#fff; }
.blue_btn04{ background-color:#fff; color:#333; border-radius:3px; border:1px solid #999; padding:2px 5px; font-weight:normal; font-size:12px; text-align:center;  margin-left:20px; line-height:150%;}
.blue_btn04:hover{ background-color:#043e96; color:#fff; }
.blue_btn05{ border-radius:5px;  background-color:#043e96; color:#fff; border:1px solid #333; padding:7px 15px; font-weight:normal; font-size:15px; text-align:center;  margin-left:20px;}
.blue_btn05:hover{ background-color:#03347e; color:#fff; }
.blue_btn06{ border-radius:5px;  background-color:#f5f5f5; color:#333; border:1px solid #999; padding:7px 15px; font-weight:normal; font-size:15px; text-align:center;  margin-left:20px;}
.blue_btn06:hover{ background-color:#333333; color:#fff; }

.pagnation{margin:20px auto 20px auto; width:100%; text-align:center;}
.pagnation li{ display:inline-block; border:1px solid #c0c0c0; color:#c0c0c0; padding:2px 15px; margin:0 3px; text-align:center; font-size:12px; font-weight:bold;}
.pagnation li:hover{border:1px solid #333; color:#333;}
.pagnation li a{ color:#c0c0c0;}


.tb01{width:100%; margin-bottom:10px; clear:both;}
.tb01 th{ color:#333; border-top:4px solid #333; border-bottom:2px solid #333;}
.tb01 td{ color:#333; border-bottom:2px solid #333; font-size:12px; font-weight:normal;}
.tb01 td img{width:40%;}

.tb02{width:100%; margin-bottom:10px; clear:both;}
.tb02 td{ color:#333; border-bottom:1px solid #999; font-size:12px; font-weight:normal;padding:0 20px;}
.tb02 td a{color:#333;}

.tb03{width:100%; margin-bottom:10px; clear:both;}
.tb03 th{ color:#333; border-top:1px solid #999; border-bottom:1px solid #999; background-color:#f5f5f5; text-align:left; font-size:12px; padding:0 20px;height:25px;}
.tb03 td{ color:#333; border-bottom:1px solid #999; font-size:12px; font-weight:normal;padding:0 20px;height:25px;}
.tb03 input{ padding:1px; vertical-align:middle;margin-left:1px;height:20px;}

.tb04{width:100%; margin-bottom:10px; clear:both;}
.tb04 th{ color:#333; background-color:#fff; text-align:left; font-size:12px; padding:0 20px;}

.tb05{width:100%; margin-bottom:10px; clear:both;}
.tb05 th{ color:#333; border-top:2px solid #333; border-bottom:1px solid #333;}
.tb05 td{ color:#333; border-bottom:1px solid #333; font-size:12px; font-weight:normal;}
.tb05 td img{width:17px; vertical-align:middle;}

.tb06{width:100%; margin-bottom:10px; clear:both; background-color:#ddd;}
.tb06 th{ color:#333; border-top:2px solid #333; border-bottom:1px solid #333; background-color:#f5f5f5;}
.tb06 td{ color:#333; border-bottom:0px solid #333; font-size:12px; font-weight:normal; background-color:#fff;}

.tb07{width:100%; margin-bottom:10px; clear:both; background-color:#ddd; font-size:16px; font-weight:normal;}
.tb07 th{ color:#333;  background-color:#f5f5f5; width:16.5%;}
.tb07 td{ color:#333;  background-color:#fff; text-align:center; width:16.5%;}
/*.tb07 th img{ width:25px; padding:3px 0;}
.tb07 td img{ width:25px; padding:3px 0;}*/

.tb08{width:100%; margin-bottom:10px; clear:both; background-color:#ddd; font-size:12px; font-weight:normal;}
.tb08 th{ color:#fff;  background-color:#043e96; width:16.5%;}
.tb08 td{ color:#333;  background-color:#fff; text-align:center;}

.list_search{ text-align:right; vertical-align:middle; margin-bottom:10px; font-size:12px; }
.list_search select{padding:3px; vertical-align:middle;}
.list_search input{ padding:3px; vertical-align:middle;margin-left:10px;}

.list_search02{ text-align:center; vertical-align:middle; margin-bottom:10px; font-size:15px; border:1px solid #ddd; background-color:#f5f5f5; padding:10px 0; font-weight:normal;}
.list_search02 select{padding:3px; vertical-align:middle; width:100px; margin:0 10px;}
.list_search02 input{border-radius:3px;  border:1px solid #cccccc;padding:3px;color:#333; margin-right:5px;}

.list_search03{ text-align:left; vertical-align:middle; margin-bottom:30px; font-size:13px; border:1px solid #ddd; background-color:#f5f5f5; padding:10px 30px; font-weight:normal; line-height:200%;}
.list_search04{ text-align:center; vertical-align:middle; margin-bottom:20px; font-size:12px; background-color:#043e96; padding:10px 30px; font-weight:normal; line-height:250%; color:#fff;}

.sitemap{ width:80%; margin:30px auto 10px auto;}
.sitemap ul{ display:inline-block; vertical-align:top; width:24%; text-align:left; line-height:230%; font-weight:bold; color:#043e96;}
.sitemap ul a{color:#043e96;}
.sitemap ul li{ list-style:disc; margin-left:20px; font-size:12px;}
.sitemap ul li a{color:#333;}
.sitemap02{ width:80%; margin:10px auto 30px auto;}
.sitemap02 ul{ display:inline-block; vertical-align:top; width:24%; text-align:left; line-height:230%; font-weight:bold; color:#043e96;}
.sitemap02 ul a{color:#043e96;}
.sitemap02 ul li{ list-style:disc; margin-left:20px; font-size:12px;}
.sitemap02 ul li a{color:#333;}

.login{width:60%; margin: 50px auto; font-size:12px; text-align:center; line-height:250%;}
.login img{width:15%; vertical-align:middle; text-align:center;}
.login_tb{ margin:20px auto;  text-align:center; border:1px solid #ddd; background-color:#f5f5f5; padding:20px}
.login_tb td{ padding: 0 3px; text-align:left; background-color:#f5f5f5;}
.login_tb input{border-radius:5px;  border:1px solid #cccccc;padding:3px;color:#333; margin-right:20px;}
.login_btn{ border-radius:5px; background-color:#183e96; color:#fff; font-size:15px;padding:20px 0; width:100%;}
.login_tb td a{ float:right; margin-top:5px;}

.qna{width:100%; margin: 50px auto; font-size:12px; text-align:center; line-height:250%;}


.join{width:60%; margin: 50px auto; font-size:12px; text-align:center; line-height:250%;}
.join img{width:15%; vertical-align:middle; text-align:center;}
.join_tb th{ text-align:left;}
.join_tb { margin:20px auto;  text-align:center; border:1px solid #ddd; background-color:#f5f5f5; padding:20px; width:100%;}
.join_tb td{ padding: 0 3px; text-align:left; background-color:#f5f5f5;}
.join_tb input{border-radius:5px;  border:1px solid #cccccc;padding:3px;color:#333; margin-right:5px;}
.join_tb td a{ float:right; margin-top:5px;}
.join_01{font-weight:normal; text-align:left; font-size:15px; padding:10px 0;}
.join_02{height:100px; padding:10px; border:1px solid #ddd; margin:5px 0; text-align:left; overflow-y:scroll;}


#example-one { background: #; padding: 10px; margin: 20px 0; }

#example-one .nav { overflow: hidden; margin: 0; }
#example-one .nav li {float: left; margin:;}
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; background: #fff; color:#a8a8a8; font-size: 15px; text-align: center;border-bottom:1px solid #333; border-right:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-top:1px solid #cfcfcf; padding:10px 0; }
#example-one .nav li a:hover { background-color: #ddd; color:#333; }

#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover { background: #fff; color:#333;  border-bottom:0px; border-right:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-top:1px solid #cfcfcf; border-bottom:1px solid #333;}
#example-one ul li:last-child a {}

#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover { background-color: #fff; color:#333; padding:10px 0; border-bottom:0px; border-right:1px solid #333; border-left:1px solid #333; border-top:1px solid #333; font-weight:bold;}
#example-one ul li.nav-two a.current, #example-one ul.core li a:hover { background-color: #fff; color:#333;  padding:10px 0;}
#example-one ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover { background-color: #00b068; color: white; padding:10px 0; }
#example-one ul li.nav-four a.current, #example-one ul.classics li a:hover { background-color: #0b76c9; color: white; padding:10px 0; }

.list-wrap{padding:30px;}
.list_tb{width:80%; margin:0 auto;}
.list_tb img{width:60%; margin:0 auto;}
.list_tb td{text-align:left;}

.question{ background-color:#fff; padding:0 10px 15px 10px; color:#333; font-size:12px; border-bottom:1px solid #ddd;}
.q{ background-color:#003399; color:#fff; font-weight:bold; font-size:15px; padding:0 7px; border-radius:3px;}
.question_tb th{ text-align:center;}
.question_tb td{ text-align:left; padding-left:20px;}
.answer{ background-color:#f5f5f5; padding:0 10px 15px 10px; color:#999; font-size:12px; border-bottom:1px solid #ddd;}
.a{ background-color:#00CC66; color:#fff; font-weight:bold; font-size:15px; padding:0 7px; border-radius:3px;}