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

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*font-family:'Malgun Gothic', serif;*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700);
/*font-family: 'Open Sans', sans-serif;*/
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:12px;	font-family:"dotum" "Trebuchet MS"; vertical-align:baseline; }

html { overflow-y:scroll; } 
body { min-width:1100px; }
ul { list-style:none; }
.clear {clear:both; }
.red {color:#F30;}
.blue {color:#046ad0;}
.midnavy {color:#191970;}
a {text-decoration:none; /*display:block;*/}


#wrap {}


.kdb {height:93px; width:100%;}
.inbox {width:1100px; margin:0 auto;}



/* head */
.kdb_head {height:93px;}
/* .logo {float:left; width:223px; margin:23px 0 0 0;} */
.logo {float:left; width:213px; margin:23px 0 0 0;}
/*.nav {float:left; width:523px; margin-top:25px;} */
.nav {float:left; width:593px; margin-top:25px;}
.nav ul li {float:left; padding:0px 15px; }
/*.nav ul li a {font-size:19px; padding:7px 1px 10px; font-family:'Malgun Gothic', serif; color:#000; border-top:3px solid #fff; font-weight:bold; display:block;}*/
/*.nav ul li a {font-size:19px; padding:7px 1px 10px; font-family:'dotum', serif; color:#000; border-top:3px solid #fff; font-weight:bold; display:block;} 돋움 */
.nav ul li a {font-size:19px; padding:7px 1px 10px; font-family:'Malgun Gothic', serif; color:#000; border-top:3px solid #fff; font-weight:bold; display:block;}

.nav ul li:hover a {border-top:3px solid #4273bd; color:#4273bd; text-decoration:none;}
.nav ul li.nav_product ul {display:none; position:absolute; padding-top:0;}
.nav ul li:hover ul {display:block;}
.nav ul li.nav_product ul li {padding:0; float:left;}
.nav ul li.nav_product ul li a {display:block; font-size:14px; color:#666; border:0; padding:0 12px 0 0;}
.nav ul li.nav_product ul li a:hover {text-decoration:underline;}
.nav ul li.nav_cs ul {margin-left:-150px;}
.app {float:right; width:250px; padding: 8px 0;}
.app ul {}
.app ul li {float:left;}
/*.app_top {height:39px; width:100%; border-bottom:1px solid #e8e8e8;} */
.app_top {height:39px; width:106%; border-bottom:1px solid #e8e8e8;}
.app_top ul li a {display:block; color:#999; padding:12px 8px; color:#000;}
.app_top ul li a:hover {text-decoration:underline;} 
/* .app_bottom {height:39px; width:100%;} */
.app_bottom {height:39px; width:106%;}
/* .app_bottom ul li a {font-family:'Nanum Gothic', serif;font-size:16px;display:block; color:#4273bd; padding:12px 11px; font-weight:bold; } */
/* .app_bottom ul li a {font-family:'Nanum Gothic', serif;font-size:15px;display:block; color:#4273bd; padding:12px 11px; font-weight:bold; } */
.app_bottom ul li a {font-family:'Malgun Gothic', serif;font-size:16px;display:block; color:#14458F; padding:12px 11px; font-weight:bold; }

.app_bottom ul li a:hover {text-decoration:underline;} 



/* headimg */
.headimg {height:177px; width:100%; border-top:1px solid #3c70bf; border-bottom:1px solid #3c70bf; background:url('/hkdb/newimg/headimg_back.jpg') center repeat-y;}



/* CONTAINER */
.container {position:relative;}


/* ASIDE*/
.aside {width:223px; background:url('/hkdb/newimg/aside/aside_back.png') 0px 0px no-repeat; position:absolute; top:-105px; padding:0 15px 0 0;}
.subject h1 {color:#1e447e; margin-top:40px; margin-bottom:7px; font-family:'Malgun Gothic', serif; font-size:24px; font-weight:bold; text-align:center; line-height:28px;}
.subject h3 {margin:0 0 15px; color:#999; font-family:'Malgun Gothic', serif; font-size:12px; font-weight:bold; text-align:center; }
.asidemenu {width:173px; margin:0 auto 35px;}
.asidemenu ul {border-top:1px solid #e2e2e2;}
.asidemenu ul li {border-bottom:1px solid #e2e2e2; padding:14px 5px;}
.asidemenu ul li a {display:block; color:#4f4f4f; font-family:'Malgun Gothic', serif; font-size:16px; font-weight:bold;}
.asidemenu ul li:hover a {color:#fc0317;}
.aside_cs {padding-bottom:35px; clear:both;}
a.aside_as_btn {float:left; display:block;}
a.aside_de_btn {padding-left:112px; width:111px; display:block;}
.aside_bank {padding-bottom:35px;}



/* ARTICLE*/
.article {width:835px; min-height:500px; padding:35px 0 60px 265px;}
.a_title {margin-bottom:35px; border-bottom:1px solid #dedede; background:url('/hkdb/newimg/article/title_back.jpg')left top no-repeat;}
.a_title h2 {padding:0 0 16px 27px; color:#000; font-family:'Malgun Gothic', serif; font-size:20px; font-weight:bold; line-height:20px;}
.p_img {float:left; width:310px; border:1px solid #b5e2f5; border-bottom:0; margin-bottom:60px;}
.p_img_box {width:310px; height:310px;}
.p_img_down {width:155px; float:left; border:1px solid #b5e2f5; border-left:0;}
.p_img_menu {width:155px;  padding-left:155px; border:1px solid #b5e2f5; border-left:0; border-right:0;}
.p_img a {display:block;}
.p_detail {width:461px; padding:10px 20px 0 362px;}
.p_detail h1 {color:#1e4586; padding-bottom:10px; font-family:'Malgun Gothic', serif; font-size:18px; font-weight:bold;}
.p_detail h1 span {color:#1e4586; font-size:18px;}
.p_detail h3 {color:#1e4586; padding-bottom:10px; font-family:'Malgun Gothic', serif; font-size:13px; font-weight:bold;}
.p_detail_tbl {width:100%; margin:30px 5px;}
.p_detail_tbl {}
.p_detail_tbl td {padding:10px; color:#666; border-bottom:1px solid #e5e5e5; font-weight:bold; line-height:22px;}
.p_detail_tbl th {width:69px; padding:10px; color:#0099cc; border-bottom:1px solid #b5e2f5; line-height:22px; vertical-align:top; background:url('/hkdb/newimg/article/tbl_th_back.jpg')9px 17px no-repeat;}
/* 게시판연동 */
#container_title {padding:0 0 16px 27px; color:#000; font-family:'Malgun Gothic', serif; font-size:20px !important; font-weight:bold; line-height:20px; border-bottom:1px solid #dedede; background:url('/hkdb/newimg/article/title_back.jpg')left top no-repeat;}



/* TAILSUB */
.tailsub {height:23px; border-top:5px solid #4273bd; padding:12px 0; margin-top:60px; clear:both;}
.tailsub .tailsub_link {float:left; margin:5px 0 5px 12px; border-right:1px dashed #4273bd; padding-right:20px;}
.tailsub ul {}
.tailsub ul li {float:left; padding:5px;}
.tailsub ul li a {display:block; color:#666; padding:0 16px; border-right:1px solid #e5e5e5;}
.tailsub ul li a:hover {text-decoration:underline;} 



/* tail */
.tail {min-height:140px; border-top:1px solid #dbdbdb; padding-top:20px; clear:both;}
.tail .tail_logo {float:left; margin-top:9px;}
.tail p {float:left; width:800px; margin-left:30px; color:#666; line-height:20px;}



/* MAIN */
.main_container {}
/* MAIN SLIDE */
.mainslide {width:100%; height:527px; background:url('/hkdb/newimg/main_img.png') center no-repeat;}
.main_img {width: 1100px;height:527px;margin:0 auto;position: relative;}
.maing_img_slide {position: absolute;left:23px;top:172px;}
.download_new {position: absolute;left:906px;top:30px;}
.download_doctor {position: absolute;left:887px;top:190px;}
.download_sense {position: absolute;left:868px;top:350px;}
.main_oo {padding:40px 0 60px;}
/* MAIN INBOX */
.main_container .inbox {margin-top:40px;}
.main_pslide {float:left; width:286px;/*306-20*/ min-height:222px;/*252-30*/ border:2px solid #60accb; border-radius:10px; padding:15px 10px;}
.main_pslide .pslide_title {margin:5px; border-bottom:1px solid #e6e6e6; padding:0 10px 10px; font-size:14px; color:#444; font-family:'Malgun Gothic', serif; color:#000;font-weight:bold;}
.fotorama__arr--prev {background:url('/hkdb/newimg/slide_arrow_l.png')top center no-repeat !important; /*left: -10px !important;*/}
.fotorama__arr--next {background:url('/hkdb/newimg/slide_arrow_r.png')top center no-repeat !important; right: -10px !important;}

/* MAIN BOARD */
.main_board {float:left; margin-left:48px; width:369px;}
/* MAIN BOARD TAB */
ul.tabs { list-style:none; height:32px; border-bottom:1px solid #999; border-left:1px solid #999; width:100%;}
ul.tabs li {float:left; text-align:center; cursor:pointer; width:122px; height:31px; line-height:31px; border:1px solid #999; border-left:none; font-weight:bold; background:#f3f3f3; overflow:hidden; position:relative; color:#000; letter-spacing:-1px}
ul.tabs li:first-child {color:#4273bd;}
ul.tabs li.active {background:#fff; border-bottom:1px solid #fff;}
.tab_container {float:left; width:450px; border:0; border-top:none; clear:both;}
.tab_content {box-sizing:border-box; height:226px; padding:20px 0 0; font-size:12px; display:none;}
.tab_container .tab_content ul {width:100%; margin:0px; padding:0px;}
.tab_container .tab_content ul li { padding:5px; list-style:none}
.main_board .lt {width:369px; border:0;}
.main_board .lt .lt_title {display:none !important;}
.main_board .lt .lt_more {display:none !important;}
.main_board .lt ul li {background:url('/hkdb/newimg/main/main_board_arrow.jpg')left center no-repeat; padding-left:16px; font-size:13px;}
.main_board .lt ul li a {display:inline-block; font-weight:bold; color:#222; font-size:13px;}
.main_board .lt ul li span {font-size:13px; padding-right:6px;}
/* MAIN CS*/
.main_cs {float:right; margin-left:46px; width:325px;}
.wrap_cs:after {
	content:'';
	display: block;
	clear:both;
}
.cs_1 {
	float:left;
}
.cs_2 {
	float:left;
	margin-left:10px;
}

.cs_title {}
/*.as_btn {float:left;}*/
.de_btn {}
.bank_title {margin-top:15px;}



/* 기타 */
#hd_login_msg {display:none !important;}