table{border-collapse:collapse;}
a{text-decoration:none; color:#222;}
img{border:none; vertical-align:top;}
li{list-style:none;}
page[size="A4"]{background:white; width:19cm; height:28.0cm; display:block; margin:0 auto; overflow:hidden; margin-bottom:0.1cm; box-shadow:0 0 0.5cm rgba(0,0,0,0.5);}
@media print{
	body, page[size="A4"]{margin:0; box-shadow:0;}
}

#wrap{padding:20px;}
#wrap_page{position:relative;}
#wrap_page > img{width:100%; position:absolute; z-index:1;}
#contents{width:100%; height:28.0cm; position:absolute; z-index:2;}
#contents div.section1{padding:250px 70px 10px 70px;}
#contents div.section1 table{width:100%; table-layout:fixed;}
#contents div.section1 table th{text-align:left; font-size:12px; padding:2px 0;}
#contents div.section1 table td{font-size:12px; padding:2px 0;}
#contents div.section2{padding:0 70px;}
#contents div.section2 h2{text-align:center; letter-spacing:15px; font-size:14px; padding:3px 0 5px 0; border-top:2px solid #333; border-bottom:2px solid #333;}
#contents div.section2 div.result{border-bottom:2px solid #333; padding:15px; line-height:150%;}
#contents div.section2 div.desc h6{font-size:12px; padding:7px 0 3px 0;}
#contents div.section2 div.desc ol li{font-size:11px;}
#contents div.section3{width:100%; position:absolute; margin:100px 0 0 0; left:0;z-index:3;}
#contents div.section3 div.date{width:300px; margin:0 auto 30px auto; border:1px solid #333; padding:10px 0;}
#contents div.section3 div.date dl{overflow:hidden;}
#contents div.section3 div.date dl dt{width:100px; text-align:center; font-size:12px; border-right:1px solid #333; font-weight:bold; float:left;}
#contents div.section3 div.date dl dd{width:190px; font-size:12px; float:left; text-align:center; letter-spacing:3px;}
#contents div.section3 div.sign{width:600px; margin:0 auto; overflow:hidden;}
#contents div.section3 div.sign > div{width:40%; float:right;}
#contents div.section3 div.sign > div:first-child{float:left;}
#contents div.section3 div.sign > div p{font-size:14px; font-weight:bold; overflow:hidden;}
#contents div.section3 div.sign > div p span.name{font-size:14px; padding:0 30px; font-weight:normal; letter-spacing:3px;}
#contents div.section3 div.sign > div p span.sign{float:right;}
p.tbl_desc{text-align:right; font-size:11px; margin-bottom:5px;}
table.data_tbl{width:100%; table-layout:fixed;}
table.data_tbl thead th{font-size:12px; background-color:#333; color:#fff; text-align:center; padding:2px 2px; border:1px solid #ddd; line-height:120%;}
table.data_tbl thead th span{font-size:8px;}
table.data_tbl tbody td{font-size:12px; color:#333; padding:2px 2px; text-align:center; border:1px solid #ddd; background-color:#fff;}
table.data_tbl tbody td.point1{background-color:#ccc; font-weight:bold;}
table.data_tbl tbody td.point2{background-color:#aaa; font-weight:bold;}

#contents div.section{padding:150px 70px 10px 70px;}
#contents div.section h2{text-align:center; letter-spacing:15px; font-size:14px; padding:3px 0 5px 0; border-top:2px solid #333; border-bottom:2px solid #333;}
#contents div.section div.box{padding:20px; background-color:#ddd; border:1px solid #aaa; border-radius:10px; margin-top:20px;}
#contents div.section div.box h3{font-size:14px; color:#333; padding:0 0 10px 0;}
#contents div.section div.box div.image{margin-top:15px;}
#contents div.section div.box div.image ul{overflow:hidden;}
#contents div.section div.box div.image ul li{width:50%; float:left; text-align:center; margin-bottom:15px;}
#contents div.section div.box div.image ul li img{width:92%; border:3px solid #999;}
#contents div.section div.box div.image p.desc{text-align:center;}
#contents div.section div.box div.graph{background-color:#fff; border:1px solid #aaa; margin-bottom:20px;}
#contents div.section div.box div.text{font-size:12px;}
#contents div.section div.box h6{padding:30px 0 10px 0; font-size:14px;}
ul.list li{list-style:disc; margin:0 0 2px 20px; text-indent:-5px;}

.btn_next{background:rgba(78, 78, 78, 0.5) none repeat scroll 0 0;border:1px solid rgba(78, 78, 78, 0.8);box-sizing:border-box;height:40px;line-height:40px;overflow:hidden;position:fixed;right:10px;width:80px;z-index:999;text-align:center;color:#fff;}
.btn_prev{background:rgba(78, 78, 78, 0.5) none repeat scroll 0 0;border:1px solid rgba(78, 78, 78, 0.8);box-sizing:border-box;height:40px;line-height:40px;overflow: hidden;position:fixed;left:10px;width:80px;z-index:999;text-align:center;color:#fff;}
.gauge{display:block;border:0px solid #ddd;box-sizing:border-box;margin:0 8px 5px 5px;float:left;width:165px;position:relative;}

.box-body {width:100%;}
.skin-green .main-header .navbar {background-color: #fff !important; border-bottom: 2px solid #16a1e0}
.skin-green .main-header .navbar .nav>li>a {color:#333 !important}
.form-control {height: 40px;}
.form-control-feedback {height: 40px;line-height: 40px;}
.btn {font-size:13px;font-family:'맑은고딕',sans-serif}
.login-logo .logo_img {width:240px}
.navbar-toggle {color:#333 !Important;}
.box {background:none !important; box-shadow: 0 0 0 !important;}
.box.box-info {border-top-color:transparent!Important;}
.btn-success { background-color:#16a1e0; border-color:#16a1e0; color:#333;}
.main_success { border-color:#fff !important; background-color:#fff !Important;}
.panel { background-color:transparent  !Important; box-shadow: 0 0 0 !important;}
.panel-success > .panel-heading {width:200px; padding:15px 15px !Important; text-align:center;color:#fff !Important;background-color:#268cc4 !Important;border-color:#268cc4 !Important;}
/*.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {background-color:#fff !Important;color:#333 !important;}*/
.panel-title { font-size:16px !Important; font-weight:bold;}
.panel-success { border-color:transparent !Important;}
.panel-body {padding:0 !Important;}
.box-header.with-border {border-bottom:1px solid transparent !Important; text-align:center;}
.list-group{margin-bottom:0 !Important; padding:15px;background:#fff;}
.list-group-item {padding:10px 0 !Important; background:transparent !Important;border:none !Important;}
.label-success { /*font-size:15px;*/ font-weight:500; }
.btn-success:focus, .btn-success.focus{color:#333 !Important;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0px auto -webkit-focus-ring-color !Important}
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color:#333 !Important;}
.btn-success:hover {color:#333 !important;}
.main_btn {height: 50px;}
.main_btn:hover {background:#268cc4; color:#fff; transition:0.1s;}
.box.box-info { border-radius:8px;}
.box-header .box-title {font-size:24px;font-weight:bold;}
.content-wrapper, .right-side {background:#f5f5f5 !Important;}
.btn-main { padding-right:70%; background-color:#fff !important; border-color:#fff !important; color:#333 !important; }
.btn-group > .btn, .btn-group-vertical > .btn { font-size:16px !Important;}
.modal-content {border-radius:8px;-webkit-border-radius:8px;}
.modal-txt {padding:10px 0;font-weight: bold;font-size:16px;color:#333 !Important;}
.main-modal-header {background:#eee;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, 
.pagination > .active > a:focus, .pagination > .active > span:focus{ border-color:#16a1E0 !important; background-color:#16a1e0 !important;}
.hanaro_buy_btn { background-color:#16a1e0 !Important; border-color:#16a1e0 !Important;}
.form-horizontal .control-label { text-align:left !Important;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding:6px !important; }
.over_h { width:100%; overflow:hidden; overflow-x:scroll; overflow-y:scroll; }



.sub_top_title {width:100%; height:150px;}
.sub_top_title p {position:relative; top:60px; text-align:center; font-size:27px; font-weight:bold; color:#fff;}
.skin-green .main-header .navbar .nav>li>a:hover{background:#268cc4 !Important; color:#fff !Important;}
.skin-green .main-header .navbar .nav>li>a:hover, .skin-green .main-header .navbar .nav>li>a:active{background:#268cc4 !Important;color:#fff !Important;}
.dropdown-menu > li > a:hover{background:#268cc4 !Important; color:#fff !Important;}

@media (max-width:767px) {
    .skin-green .main-header .navbar .dropdown-menu li a{color:#333 !Important;}
    .setting-control{float:left; width:70%;}
    .setting-btn{display:inline-block;}
    .over_h_main01 { height:500px;}
    .over_h_scenario01 {height:300px;margin-bottom:50px;}
    .over_h_scenario02 {height:500px;}
    .skin-green .main-header .navbar .dropdown-menu li a:hover{background:#268cc4 !Important;color:#fff !Important;}
    .skin-green .main-header .navbar .nav>li>a:hover, .skin-green .main-header .navbar .nav>li>a:active, .skin-green .main-header .navbar .nav>li>a:focus, .skin-green .main-header .navbar .nav .open>a, .skin-green .main-header .navbar .nav .open>a:hover, .skin-green .main-header .navbar .nav .open>a:focus, .skin-green .main-header .navbar .nav>.active>a{background:#268cc4 !Important;color:#fff !Important;}

}
@media (min-width:769px) {
    .over_h {overflow-x:visible;overflow-y:visible;}

}