@charset "utf-8";
/* CSS Document */
/*brower setting*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*{margin:0px; padding: 0px; font-family: 'Nanum Gothic','돋움',monospace, sans-serif; font-size: 12px; color:#000000;}
li{list-style:none;}
a{text-decoration: none;}
img{border:none;}
table{ border-collapse:collapse; border-spacing: 0px;}
address{font-style:normal;}
fieldset{border:none;}
legend{display:none;}
input[type=button], input[type=submit],input[type=reset],input[type=image],button,a{cursor:pointer;}
header,section,footer,nav,aside,figure,article{display: block; margin: 0px; padding: 0px;}


/*setting*/
section {width:100%; min-width:1200px; height:1650px;}
section div.s_all{width:1200px; height:1650px;; margin:0px auto; margin-top:100px;}
section div div.s_left {width:350px; height:1650px; float:left; padding:50px 45px 0px 25px; box-sizing:border-box;}
section div div.s_right {width:850px; height:1650px; float:left; padding-right:25px; padding-top:50px;  box-sizing:border-box; position:relative;}

section div.sub_title {width:280px; height:150px; background-color:#99ccff; position:relative; }
section div.sub_title h2 {display:inline-block; font-size:30px; position:absolute; bottom:30px; left:30px; color:#FFFFFF;}

/*left*/
div.s_left>div.sub_menu>ul>li > a:hover {color:#666666;}
div.s_left>div.sub_menu>ul>li {width:280px; height:50px; line-height:50px; display:inline-block; padding-left:25px;  box-sizing:border-box; border-bottom:1px solid #CCCCCC; position:relative; top:0px; left:0px;}
div.s_left li a{font-size:14px;}
div.s_left>div.sub_menu>ul>li>ul {width:280px; padding-left:25px; position:relative; left:-25px; top:-5px; background-color:#EEEEEE; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; box-sizing:border-box; }
div.s_left>div.sub_menu>ul>li>ul li {height:30px; line-height:30px;}
div.s_left>div.sub_menu>ul>li>ul li > a{font-size:11px; color:#333333;}
div.s_left>div.sub_menu>ul>li>ul li > a:hover{color:#003399;}
li.dn_manuup span a {position:relative; right:-240px; top:0px;}
li.dn_manuup span a img {position:absolute; right:0px; top:0px;}


/*invigator*/
nav.invigator{position:relative; top:285px; right:0px;}
nav.invigator > ul {float:right; margin-top:5px;}
nav.invigator > ul > li:first-child{ width:20px; height:20px; background-image:url(../../images/common/home.png); background-repeat:no-repeat; position:relative; left:4px; top:-2px;}
nav.invigator > ul > li{float:left; margin:0px 3px;}
nav.invigator > ul > li > a{color: #000000;}
nav.invigator > ul > li:last-child > a{color: #000000; font-weight:bold;}

/*right*/
div.s_right div.sr_top {width:825px; height:250px; background-image: url(../../images/sub/sub_title_image/sub_title_image5.png); background-repeat:no-repeat;}
div.s_right div.sr_top h3 {display:inline-block; font-size:26px; margin-top: 250px; color:#333333;}
div.s_right div.sr_top p{margin-top:10px; display:inline-block; width:825px; padding-bottom:20px; border-bottom:2px solid #99CCFF; color:#666666;}
div.s_right div.sr_bottom {width:825px; height:1200px; margin-top:120px;}

div.sr_bottom h4 {font-size:18px; color:#333333; font-weight:bold;}
div.sr_bottom h4 span {font-size:18px; color:#FF0000; font-weight:bold;}

div.sr_bottom div#gook_in {width:825px; height:165px; margin-top:25px;}
div.sr_bottom div#gook_in div.img_text {width:165px; height:165px; float:left;}
div.sr_bottom div#gook_in div.table_text {width:660px; height:165px; float:left; padding-left:40px; box-sizing:border-box; }

div.sr_bottom div#world_in {width:825px; height:800px; margin-top:100px;}
div.sr_bottom div#world_in div.img_text2 {width:165px; height:800px; float:left;}
div.sr_bottom div#world_in div.table_text2 {width:660px; height:800px; float:left; padding-left:40px; box-sizing:border-box; }

div#gook_in div.table_text > p {margin-bottom:10px;}
div#gook_in div.table_text > p:nth-child(1) {font-size:16px; font-weight:bold;}
div#gook_in div.table_text table {width:620px; height:100px; border:1px solid #CCCCCC; box-sizing:border-box; }
div#gook_in div.table_text table th {height:50px; border-bottom:1px solid #CCCCCC; box-sizing:border-box; background-color:#EEEEEE;}
div#gook_in div.table_text table th:nth-child(1) {width:120px; height:50px; border-right:1px solid #CCCCCC; box-sizing:border-box; }
div#gook_in div.table_text table td {height:50px; text-align:center;}
div#gook_in div.table_text table td:nth-child(1) {width:120px; height:50px; border-right:1px solid #CCCCCC; box-sizing:border-box; }

div#world_in div.table_text2 > p {margin-bottom:10px;}
div#world_in div.table_text2 > p:nth-child(1) {font-size:16px; font-weight:bold;}
div#world_in div.table_text2 table {width:620px; height:700px; border:1px solid #CCCCCC; box-sizing:border-box;}
div#world_in div.table_text2 table th {height:50px; border-bottom:1px solid #CCCCCC; box-sizing:border-box; background-color:#EEEEEE;}
div#world_in div.table_text2 table th:nth-child(1) {width:100px; height:50px; border-right:1px solid #CCCCCC; box-sizing:border-box; }
div#world_in div.table_text2 table th:nth-child(2) {width:200px; height:50px; border-right:1px solid #CCCCCC; box-sizing:border-box; }
div#world_in div.table_text2 table td {text-align:center; border-right: 1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
div#world_in div.table_text2 table td[rowspan="4"] {width:100px; border-right:1px solid #CCCCCC; box-sizing:border-box; border-bottom:1px solid #CCCCCC;}
div#world_in div.table_text2 table td[rowspan="4"]:last-child {border-bottom:none; }
div#world_in div.table_text2 table td.left_pad {text-align:left; padding-left:10px;}
div#world_in p.name {font-size:14px; font-weight:bold; color:#99BBFF;}


div.notice{ width: 280px; height: 50px; box-sizing: border-box; border: 1px solid #99CCFF; position: relative; overflow: hidden; margin: 0px; background-color: #FFFFFF; margin-top:50px;}
div.notice > h3{ line-height: 50px; padding-left: 10px; float: left; color:#0099FF;}
div.notice > ul{ float: left; margin-left: 5px; position: relative; }
div.notice > ul > li{ line-height: 50px; position: relative; width: 210px; }
div.notice > ul > li > a{ display: inline-block; width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#99CCFF; font-size:12px;}
div.notice > ul > li > span{ position: absolute; right: 5px; color:#99CCFF;}
div.notice > p > a{ position: absolute; right: 10px; top: 18px; font-weight: bold; color: #0099FF; text-decoration: none; }