@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* common */
body {margin:0px;font-family:'Nanum Gothic','나눔고딕','돋움','굴림',arial; /*overflow-x:hidden;*/}

div {}
ul,li {list-style:none;margin:0px;padding:0px}
a {color:#000000}
a:visited {color:#000000}
a:link {color:#000000;text-decoration:none}

#wrap{width:100%;margin:0 auto; padding:0; position:relative;}
#header{position:relative; border-top:5px solid #008ace;}


.logo_gnb_wrap{width:1200px;height:100px; margin:0 auto;position:relative;}

/*logo*/
.logo_wrap{float:left; height:100px; margin: 0 auto; text-align:center;}
.logo_wrap img{padding-top:20px; margin:0 auto;}

/*gnb*/
.gnb_wrap{width:700px; position:relative; height:70px; float:right; padding-top: 30px;}
.gnb_wrap .gnb_inner{}
.gnb_wrap .gnb_inner ul{margin:0 auto;position:relative;z-index:111}
.gnb_wrap .gnb_inner ul li{list-style:none; float:left;width:172px; height:53px; line-height:53px; border-left:1px solid #e3e3e3; font-size:15px; text-align:center; letter-spacing:-0.8px; cursor:pointer;}
.gnb_wrap .gnb_inner ul li:hover{background-color:#dc0707; color:#ffffff;}
.gnb_wrap .gnb_inner ul li.frist{margin-left:57px;}
.gnb_wrap .gnb_inner ul li.last{border-right:1px solid #e3e3e3}


#main_contents{margin:0; padding:0; position:relative;}


/*visual_img*/
.main_visual {height:450px;position:relative;overflow:hidden;}
.main_visual .visual_box {position:relative;display:inline-block;width:100%;left:50%;margin-left:-960px;z-index:2}
.nEventBanner {	width: 1920px; height: 524px; overflow: hidden; position: relative;}
.nEventBanner img {/*cursor: pointer;*/}
.nEventBanner ul {	margin: 0px; padding: 0px; width: 1920px; height: 524px; position: relative;}
.nEventBanner p {	margin: 0px; padding: 0px; left: 50%; top: -40px; width: 1100px; margin-left:-550px; height: 68px;}
.nEventBanner p span {	margin: 0 1px; padding: 0px;  float: left;}



/*banner3 4 5 게시판,sms cs_center*/
.banner_wrap1 {width:1197px; margin:0 auto;}
.banner_wrap1 .banner_wrap1_inner {width:1195px; position:relative;border:1px solid #e3e3e3;display:inline-block;}
.banner_wrap1 .banner_wrap1_inner .banner_wrap1_ul{position:relative; display:inline-block;}
.banner_wrap1 .banner_wrap1_inner .banner_wrap1_ul .banner_wrap1_li{position:relative; display:inline-block;}


/*쉽게 배우는 질병상식*/
.border_i{width:397px; border-right:1px solid #e3e3e3; float:left;background-color:#ffffff;}

/*퀵베너*/
.q_banner_wrap {width:396px; border-right:1px solid #e3e3e3;float:left;}
.q_banner_wrap ul{margin:0; padding:0;}

/*배너*/
.banner_wrap{width:398px; margin:0 auto;height:243px;float:left;}
.banner_wrap .banner1{width:398px; height:243px; display:inline-block;}


/*공지사항*/
.border_i_wrap{width:397px; height:320px; border-bottom:1px solid #e3e3e3; float:left;}
.border_i_inner{padding:25px 35px;}
.notice_title{font-size:25px; font-weight:bold; color:#333333; float:left; display:block;}
.notice_more{color:#999999; font-size:30px; font-weight:bold; float:right;display:block;}

.border_i_inner .notce_ul {width:100%; margin:0; padding-top:29px; display:inline-block;}
.border_i_inner .notce_ul li{display:inline-block; width:100%;}
.border_i_inner .notce_ul .b_title {float:left; display:inline-block; font-size:14px; line-height:26px;}
.border_i_inner .notce_ul .b_date{float:right; display:inherit; font-size:13px;line-height:26px; color:#999999;}

/**/
.li_table {width:399px;float:left;}
.li_table ul {margin:0; padding:0;}
.li_table .table_ul{border-bottom:1px solid #e3e3e3; display: inline-block;}
.li_table ul li {float:left; width:199px;text-align:center;}
.li_table ul li.table_li {border-right:1px solid #e3e3e3;}


/*cs_center_wrap*/

.cs_center_wrap{ width: 397px;border-top: 5px solid #087ce8;position: relative;display: inline-block;}
.cs_center_wrap ul{margin:0; padding:0;}
.cs_center_wrap ul li{display:block;height:160px;}
.cs_center_wrap .cs_img_wrap{float:left; padding:35px 30px}
.cs_center_wrap span{display:block; width:100%;}
.cs_center_wrap .cs_title{font-size:20px; font-weight:bold; color:#333333; padding-top:35px;}
.cs_center_wrap .cs_tel{font-size:35px; font-weight:bold; color:#0061bc;padding:15px 0 0 0; letter-spacing:-1px}
.cs_center_wrap .cs_con{font-size:16px; font-weight:bold; color:#525252; padding-top:10px; text-align:left;}



/*sms*/
.sms_wrap{width: 397px;float: left; height:244px; background-color:#f8f8f4; border-left:1px solid #e3e3e3}
.sms_wrap .sms_inner{width:100%}
.sms_wrap .sms_inner .sms_w{padding:22px 20px}
.sms_wrap .sms_inner .sms_w .sms_ul{margin:0 auto; padding:0;}
.sms_wrap .sms_inner .sms_w .sms_ul li{color:#333; font-size:13px; height:40px; line-height:25px; width:100%; font-weight:bold;}
.sms_wrap .sms_inner .sms_w .sms_ul .sms_title{float:left; width:40%;}
.sms_wrap .sms_inner .sms_w .sms_ul .sms_input{float:right;width:60%;}
.sms_wrap .sms_inner .sms_w .sms_ul .sms_input input, select{width:97%; margin:2px; padding:2px;}
.sms_wrap .sms_inner .sms_w .sms_ul .sms_checked{float:left; width:55%; }
.sms_wrap .sms_inner .sms_w .sms_ul .sms_btn{float:right; width:45%;}
.sms_wrap .sms_inner .sms_w .sms_ul .sms_btn .sms_send{background-color:#f24b60; border-radius:10px; font-size:15px; color:#fff; font-weight:bold; display:block; text-align:center;}

/*site_banner*/

.site_banner_wrap {width:100%; margin:0 auto; padding:30px 0;position:relative;}
.site_banner_wrap .site_banner_inner{width:1200px; position:relative; margin:0 auto;}
#rolling_jahu{}
#rolling_jahu img{padding:0 2.5px;}



/*서브페이지*/
#sub_contents{margin:0; padding:0; position:relative;}


/*서브비쥬얼이미지*/
.sub_visual_img_wrap{width:1920px; left:50%;position:relative; margin-left:-960px;}


/*서브 컨텐츠*/
.s_con_wrap{width:1200px; position:relative; margin:0 auto; padding-top:25px;}
.s_con_wrap .s_con_ul {position:relative; margin:0; padding:0; display:inline-block}
.s_con_wrap .s_con_ul .s_con_li {float:left; position:relative; display:block;}

/*서브 레프트메뉴*/
.left_menu_wrap{width:230px; float:left; position:relative; padding-right:30px; }
.left_menu_wrap .left_menu_inner{width:100%;position:relative;}
.left_menu_wrap .left_menu_inner .left_title{height:60px;padding:30px 0;background:url(../imgs/left_title_bg.jpg)center;}
.left_menu_wrap .left_menu_inner .left_title .l_title1{display:block; text-align:center; font-size:14px; font-weight:bold;color:#9dcaf4; font-family:'돋움','굴림',arial;}
.left_menu_wrap .left_menu_inner .left_title .l_title2{display:block; text-align:center; font-size:30px; color:#fff; font-weight:bold; padding:5px 0 0 0}
.left_menu_wrap .left_menu_inner .left_menu_ul{position:relative; margin:0; padding:0;}
.left_menu_wrap .left_menu_inner .left_menu_ul .left_menu_li{list-style:none; cursor:pointer; font-size:14px; color:#666666; height:54px; line-height:54px;padding:0 15px; border-bottom:1px solid #efe9e5;}
.left_menu_wrap .left_menu_inner .left_menu_ul .left_menu_li.on{background-color:#fff; color:#1e4173; font-weight:bold;}
.left_menu_wrap .left_menu_inner .left_menu_ul .left_menu_li.on:hover{background-color:#fff; color:#1e4173;}
.left_menu_wrap .left_menu_inner .left_menu_ul .left_menu_li:hover{background-color:#fff; color:#1e4173;}
.left_menu_wrap .left_menu_inner .left_banner{padding-top:80px;}


/*서브 cs_center*/
.scs_center_wrap{ width: 100%; border-top: 5px solid #087ce8;position: relative;display: inline-block;margin-top:30px}
.scs_center_wrap ul{margin:0; padding:0; border-width:0 1px 1px 1px; border-style:solid; border-color:#e3e3e3;}
.scs_center_wrap ul li{display:block;}
.scs_center_wrap span{display:block; width:100%; text-align:center;}
.scs_center_wrap .cs_title{font-size:20px; font-weight:bold; color:#333333; padding-top:20px;}
.scs_center_wrap .cs_tel{font-size:28px; font-weight:bold; color:#0061bc;padding:5px 0 20px 0}
.scs_center_wrap .cs_con{font-size:14px; font-weight:bold; color:#525252; padding:20px 15px; text-align:left; line-height:20px; display:inline-block;}






.con_wrap{width:930px; position:relative; margin:0;}
.con_wrap .con_title {height:120px; position:relative; margin:0; padding:0; border-bottom:1px solid #e4e4e4;}
.con_wrap .con_title .c_title1 {font-size:40px; font-weight:600; display:block; color:#333; padding:25px 0 10px 10px}
.con_wrap .con_title .c_title2 {font-size:14px; display:block; color:#666666;padding-left:10px;}
.con_wrap .con_title .c_img{position:absolute; right:20px;top:14px;}


.con_wrap .con_w{width:100%; padding:0; margin:0;}
.con_wrap .con_w .con_inner{padding:50px 30px;}



/*탭메뉴*/
.sub_con_wrap{padding:50px 30px;}
#tabmenu{ position:relative; font-family:'돋움',dotum; font-size:12px ; display:inline-block; width:100%;}
#tabmenu ul,#tabmenu ul li{margin:0;padding:0}
#tabmenu ul li{list-style:none; border:1px solid #CCC}
#tabmenu ul li,#tabmenu ul li a{}
#tabmenu ul li{float:left;margin-right:-1px; background-color:#fff;}
#tabmenu ul li a{display:inline-block;padding:15px 20px;font-weight:bold;color:#717171;cursor:pointer;text-decoration:none !important;}
#tabmenu ul li a:hover{color:#000}
#tabmenu ul li.on,#tabmenu ul li.on a{ background-color:#1e4173; color:#fff; }
#tabmenu ul li.on a{}
#tabcontent0, #tabcontent1,#tabcontent2, #tabcontent3,#tabcontent4, #tabcontent5{padding:30px 0}
.tab_title{font-size:20px; font-weight:bold; padding:20px 0; display:block; width:100%; color:#333}
.tab_title1{color:#1e4173; font-weight:bold; font-size:17px; padding:0 0 10px 0; display:block;}
.tab_title1.ii{width:3px; height:4px; background-color:#1e4173;display:inline-block; margin:7px 13px 0 0; float:left;}
.tab_con{font-size:14px; line-height:1.6em; color:#888681;display:block;}
.sub_con_img_wrap{float:left;padding-right:20px;}





/*게시판 css */

.board_btn_wrap{width:100%;display:block; margin:0 auto;  padding-top:30px }
.board_btn_ul{display:inline-block; }
.board_btn_ul .board_btn_li{width:36px; height:36px; line-height:36px; display:inline-block;listy-sytle:none; float:left; font-size:11px; color:#b3b3b3; border:1px solid #d9d9d9; background-color:#fcfcfc; margin:3px; font-weight:bold; cursor:pointer;}
.board_btn_ul .board_btn_li.on{background-color:#f24b60; font-weight:bold; color:#fff;}  
.board_btn_ul .board_btn_li.on:hover{color:#ffffff;}								   
.board_btn_ul .board_btn_li:hover{color:#333;}


.board_command{text-align:right}

.board_command_wrap{width:100%;display:block; margin:0 auto;  padding-top:15px }
.board_command_ul{display:inline-block; }
.board_command_ul .board_command_li{padding:0 20px; height:36px; line-height:36px; display:inline-block;listy-sytle:none; float:left; font-size:11px; color:#b3b3b3; border:1px solid #d9d9d9; background-color:#fcfcfc; margin:3px; font-weight:bold;cursor:pointer;}
.board_command_ul .board_command_li.on{background-color:#f24b60; font-weight:bold; color:#fff;}  






/*footer*/
#footer {width:100%;}
#footer .footer_inner{width:100%; position:relative; background-color:#3b3b3b; padding:30px 0; margin-top:55px ;display:inline-block; }
#footer .footer_inner .footer_w{width:1200px; margin:0 auto; display:block;}
#footer .footer_inner .footer_w .info_w{display:block; font-size:14px;color:#ffffff; letter-spacing:0.5px;line-height:18px; text-align:center;}
#footer .footer_inner .footer_w .info_w ul{margin:0; padding:0; text-align:center;display:inline-block;}
#footer .footer_inner .footer_w .info_w ul li{float:left; text-align:center;padding:0 15px; }
#footer .footer_inner .footer_w .info_w ul li a{color:#fff; }

#footer .footer_menu {position:relative; height:125px; display:block; padding:30px 0;}
#footer .footer_menu .footer_menu_inner{width:1200px;margin:0 auto;  }
#footer .footer_menu .footer_menu_inner .copyright_wrap{float:left; display:inline-block;  font-size:13px; color:#333; line-height:1.6em}

#footer .footer_menu .footer_menu_inner .info_menu{float:right; display:block; height:50px;line-height:50px; font-size:13px;}




/*popup*/

.popup_wrap {
    position: absolute;
    z-index: 9999;
}

.popup_wrap .p_inner {
    display: inline-block;
}

.popup_wrap .p_inner .p_img {}

.popup_wrap .p_inner .p_menu {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #000000;
    text-align: right;
    color: #666;
}

.popup_wrap .p_inner .p_menu a {
    color: #ffffff;
    font-size: 12px;
    padding: 5px 20px;
}

