/* common */
* {padding: 0; margin: 0; font-family:'nanumbarungothic',"돋움",sans-serif;}
html{padding: 0; margin: 0;}
input, textarea, select {margin:0; padding:0;}
input{outline:none;}
input:focus{background-color:#fff5cb}
select {border:1px solid #ccc;color: #666; background-color: #fff}
img{border:none; vertical-align:top}
table {margin:0;border-collapse:collapse;}
ul,li,ol,dl,dd,dt {margin:0; padding:0; list-style:none; overflow:hidden;}
.wd_100{width: 100%;}
.wd_img_100{width:100%; font-size: 0;}
.wd_img_100 img{width: 100%;}


#wrap{width:100%;}
#content{max-width: 640px; margin: 0 auto; line-height: 0;}
#footer{border-top:1px solid #2a2929;max-width: 640px; margin:0 auto;width: 100%;text-align: center; font-size: 12px;font-family:'돋움'; background-color:#333333;}
.footer_wrap{padding:3% 30px 30px 30px; color: #fff;line-height: 130%;}
.footer_wrap h2{font-weight:bold;margin-bottom:2%;}
.footer_wrap address{font-style:normal;margin-bottom:1%;}
.footer_wrap p{opacity:0.5;}


#header{max-width: 640px; margin: 0 auto;display: grid;position:fixed;width:100%;z-index:1000; padding:0 10px; box-sizing:border-box; border-bottom:1px solid #09abbc; background:#fff;}
#header img{width:100%;}
#header ul li{float:left;}
#header ul li:last-child{float:right; text-align:right;}
#header ul li:last-child span{font-size:12px; line-height:16px; display:inline-block; margin-left:10px; color:#888; cursor:pointer;}
#header ul li:last-child a{font-size: 14px; line-height: 50px; display: inline-block; margin-left: 20px;   color: #333; text-decoration:none;}

.main{width:100%;}
.main img{width: 100%;display:block;}
.main_list{width:100%;}
.main_list img{width: 100%;display:block;}
.main_list ul{display:block;background:#ecf2fe;padding-bottom: 3%;}
.main_list ul li{float: left; width: 20%;color: #333;text-align: center;padding: 4% 0%;font-size:13px;background:#333;}
.main_list ul li a{color:#fff;text-decoration:none;}
.main_list ul li.on { background: #2a4885;}

/* db */
.db_wrap {background:#0aabbd;}
.db_wrap img{width:100%;}
.db{width:100%;max-width:640px;margin:0 auto;position:relative;background:#0aabbd;}
.db ul {width: 95%;margin: 0 auto;background:#10919f;padding: 15px 0px;}
.db ul li {color: #fff;}
.db label {padding: 10px 0px ;display: block;width: 100%;margin-bottom: 3px;color: #fff;vertical-align: top;font-weight: bold;font-size: 1em;text-align:center;}
.db input[type="text"] {margin-top: 15px;margin:0 auto;display: block; background: #fff;width: 80%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
.db input[type="number"] {margin-top: 15px;margin:0 auto;display: block;background: #fff;width: 80%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
.db input[type="radio"]{width:20px; height:20px; vertical-align: middle; margin-left:10px;}
.db button {padding: 3px;background: #222;border: none;color: #fff;border-radius: 3px;vertical-align: middle; font-size: 12px;cursor: pointer;}
.layer{position:fixed;left:0;top:50%;margin-top:-165px; display:none; z-index:300; width:100%;}
.layer_wrap{position:relative; max-width:600px; top:0px; margin:0 auto;width:95%; height:330px; background-color: #fff; text-align:left;z-index:1000; border:1px solid #222; border-radius:5px; letter-spacing:-0.5px; box-shadow:0px 0px 15px rgba(0,0,0,0.2)}
.layer_wrap strong{display: block; background: #eee; padding:10px;}
.DB_info_detail{width:95%; font-size:13px; margin: 0 auto;height:255px; overflow:auto; margin-top:50px; line-height:18px;}
.close_btn{position:absolute; right:0; top:0px;}


#f_button{bottom: 0px;max-width: 640px; margin: 0 auto;display: grid;*background:#0c1d3d;position:fixed;width:100%;z-index:1000;}
#f_button img{width:100%;}
#f_button ul li{float:left;width:50%;}
#f_button ul li:last-child{float:right;}


.db_list_wrap .db_title img{padding-left:10px;width:35%;}
.db_list_wrap{padding:0px 0px 30px 0px;position:relative;overflow:hidden;background:#f7f7f7;}
.db_list_wrap .tg{border-spacing:0;width:95%;margin:0 auto;}
.db_list_wrap .tr_list{background:#166994;color:#fff;}
.db_list_wrap .tg td{font-size:17px;padding:16px 5px;overflow:hidden;word-break:normal;border-bottom: 1px dotted #ddd;letter-spacing:-0.75px;}
.db_list_wrap .tg th{font-size:17px;font-weight:normal;padding:15px 5px;overflow:hidden;word-break:normal;}
.db_list_wrap .tg .tg-0pky{text-align:center;vertical-align:top;overflow:hidden;display:block;}
.db_list_wrap .tg .tg-0lax{text-align:center;vertical-align:top;overflow:hidden;}
.db_list_wrap .submit_01{background:#6c6c6c;color:#fff;border-radius:5px;padding:2px 8px;}
.db_list_wrap .submit_02{background:#0a608f;color:#fff;border-radius:5px;padding:2px 8px;}
.db_list_wrap .submit_03{background:#d22626;color:#fff;border-radius:5px;padding:2px 8px;}

.btn_list {display:block;overflow:hidden;position:relative;padding-bottom: 2%;}
.btn_list ul{background:#0aabbd;margin:0 auto;width:65%;}
.btn_list li{float:left;width:30%;padding:6% 1.5%;background:#0aabbd}

#daumRoughmapContainer1590570890677 {width: 94%;margin: 0 auto; overflow: hidden; display: block; position: relative;}
.wrap_controllers {display:none;}