@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('layout.css');
@import url('table_from.css');

/* CSS Document */
html { width:100%; height:100%; }
body { width:100%; height:100%; font:12px "Nanum Gothic", "dotum", "돋움", "Gulim", "굴림", sans-serif; }


/************** 
 *  사이드 메뉴  *
 **************/
.menu_left_box { position:relative; width:170px; box-sizing:border-box; }
.menu_left_box h1 { display:block; width:170px; height:14px; padding:18px 0; background:#F4F4F4; color:#000; font-size:14px; line-height:1; text-align:center; font-weight:bold; vertical-align:middle; }
.menu_left a { display:block; box-sizing:border-box; color:#676B7A; }
.menu_left.depth_one > li > a { padding:5px 12px 5px 29px; text-indent:-21px; font-size:11px; line-height:15px; background:url(../images/common/bg_menu_left_depth_one.gif) repeat-x 0 100%; }
.menu_left.depth_one > li > a .ico_depth_one { display:inline-block; width:9px; height:9px; margin-right:8px; background:url(../images/common/ico_menu_left_depth_one.gif) no-repeat 0 0; *display:inline; *zoom:1; }
.menu_left.depth_one .depth_two { display:none; }
.menu_left.depth_one .depth_two > li > a { display:block; height:25px; padding-left:25px; font-size:11px; line-height:25px; box-sizing:border-box; }
.menu_left.depth_one .depth_two > li > a .bullet { display:inline-block; width:11px; height:11px; background:url(../images/common/bullet_menu_left_depth_two.gif) no-repeat 0 -11px; *display:inline; *zoom:1; }
.menu_left.depth_one > li.open > a { color:#000; font-weight:bold; }
.menu_left.depth_one > li:nth-child(2).open > a .ico_depth_one { background-position:0 -9px; }
.menu_left.depth_one > li.open .depth_two { display:block; }
.menu_left.depth_one .depth_two > li.open { font-weight:bold; }
.menu_left.depth_one .depth_two > li.open > a .bullet { background-position:0 0; }


/************** 
 *     탭      *
 **************/
.tab_box { width:100%; height:26px; overflow:hidden; }
.tab_box .tab_list { display:block; height:25px; border-bottom:1px solid #777586; letter-spacing:-1px; word-spacing:-1px; }
.tab_box .tab_list .tab { position:relative; float:left; display:block; min-width:76px; height:26px; margin-left:-1px;margin-bottom:-1px; padding-left:5px; padding-right:5px; font-size:11px; line-height:26px; box-sizing:border-box; border:1px solid #C7C7C7; border-bottom-color:#777586; background:#EEE; border-radius:3px 3px 0 0; z-index:100; }
.tab_box .tab_list .tab:first-child { margin-left:0; }
.tab_box .tab_list .tab.active { border-color:#777586; border-bottom-color:#FFF; background:#FFF; z-index:110;}

.tab_box .tab_list .tab a { color:#000; }
.tab_box .tab_list .tab .tab_close { position:absolute; top:7px; right:5px; width:11px; height:11px; text-indent:-4000px; background:url(../images/common/btn_tab_close.gif) no-repeat 50% 50%; border:0; vertical-align:middle; }


/************** 
 *   서브 탭    *
 **************/
.tab_sub_box { width:100%; height:21px;} /* overflow:hidden; */
.tab_sub_box .tab_sub_list { display:block; height:19px; border-bottom:2px solid #a6b7e6; letter-spacing:-1px; word-spacing:-1px; }
.tab_sub_box .tab_sub_list .tab_sub { position:relative; float:left; display:block; min-width:65px; height:19px; margin-right:1px; padding-left:5px; padding-right:5px; font-size:11px; line-height:19px; box-sizing:border-box; border:1px solid #C7C7C7; border-bottom:0; background:#EEE; border-radius:3px 3px 0 0; text-align:center; z-index:0; }
.tab_sub_box .tab_sub_list .tab_sub:first-child { margin-left:0; }
.tab_sub_box .tab_sub_list .tab_sub.active { border-color:#082060; background:#5067AA; color:#FFF; z-index:1;}

.tab_sub_box .tab_sub_list .tab_sub a { color:#000; }
.tab_sub_box .tab_sub_list .tab_sub.active a { color:#FFF; }
.tab_sub_box .tab_sub_list .tab_sub .tab_close { position:absolute; top:7px; right:5px; width:11px; height:11px; text-indent:-4000px; background:url(../images/common/btn_tab_close.gif) no-repeat 50% 50%; border:0; vertical-align:middle; }



/*************** 
 * 컨텐츠 레이아웃 *
 ***************/
h2 { margin-top:17px; margin-bottom:17px; padding-left:20px; height:14px; background:url(../images/common/bullet_heading_2.gif) no-repeat 0 center; font-size:12px; font-weight:normal; line-height:14px; color:#09205f; }
.columns { display:block; position:absolute; top:70px; left:0; right:0; bottom:0; width:100%; }
.columns_item { display:block; position:absolute;  }
.columns_item.col_1st { width:390px; top:0; left:0; bottom:0; }
.columns_item.col_2nd { top:0; left:450px; right:0; bottom:0; }
.border_box { position:relative; bottom:0; width:100%; padding-bottom:30px; border:1px solid #E7E7E7; border-top:0; box-sizing:border-box; }
.columns_item .border_box { /*display:block; position:absolute; top:35px; left:0; right:0;*/  }
.columns_item.function { display:table-cell; top:0; left:390px; bottom:0; width:60px; text-align:center; vertical-align:middle; }
.columns_item.function > div { margin-bottom:20px; }

.list_view_box { width:100%; overflow:hidden; }
.list_view_box .list_box { float:left; width:47%; margin-right:2%; }
.list_view_box .list_box2 { float:left; width:40%; margin-right:4%; }
.list_view_box .view_box { float:left; width:50%; }
.list_view_box .view_box2 { float:left; width:56%; }
.list_view_box .list_box.w48p { width:48% !important; }
.list_view_box .list_box.w45p { width:45% !important; }
.list_view_box .list_box.w56p { width:56% !important; }
.list_view_box .view_box.w40p { width:40% !important; }
.list_view_box .view_box.w48p { width:48% !important; }

.article_medical { position:relative; padding-top:10px; margin-bottom:20px; border-top:1px dotted #0072BC; }
.article_medical h3 { margin:0 0 8px 5px; }
.article_medical h3:before { content:"-"; padding-right:5px; }
.article_medical h3:after { content:"-"; padding-left:5px; }

.schedule_pop { display:none; position:absolute; top:0; left:0; background:#FFF; border:2px solid #777586; z-index:99999; }
.schedule_pop .pop_btn_box { padding:20px; text-align:center; }

.addr_pop { display:none; position:absolute; top:0; left:0; background:#FFF; border:2px solid #777586; z-index:99999; }
.addr_pop .pop_btn_box { padding:20px; text-align:center; }


/************** 
 *    검색 바   *
 **************/
.section_search { position:relative; min-height:25px; padding:2px 0 2px 20px; margin-bottom:10px; background:#E5E6E8; line-height:25px; overflow:hidden; z-index:0; }
.section_search legend { position:absolute; top:0; left:0; width:0; height:0; visibility: hidden; }
.section_search .condition { float:left; margin-right:20px; line-height:25px; }
.section_search .btn_right { /*position:absolute; top:0; right:0; text-align:right;*/ }
.section_search input[type="text"] { width:124px; height:12px; padding:3px; line-height:12px; border:1px solid #777586; vertical-align:middle; font-size:11px; }
.section_search select { height:20px; border:1px solid #777586; vertical-align:middle; box-sizing:border-box; font-size:11px; line-height:20px; }
.section_search .date { width:55px !important; font-size:11px; text-align:center; }
.section_search .name { width:60px !important; text-align:center; }
.section_search img { vertical-align:middle; }


/* Button Area */
.btn_box_bot { margin:30px 0 0; overflow:hidden; }
.btn_right { float:right; padding-right:20px; text-align:center; }
.article_medical .btn_box_bot { margin-top:15px; }
.article_medical .btn_box_top { position:absolute; top:10px; right:20px; z-index:2; }


/* 
 ****************
 * COMMON CLASS *
 ****************
 */

/* Margin */
.mgb10 { margin-bottom:10px !important; }
.mgb20 { margin-bottom:20px !important; }
.mgb30 { margin-bottom:30px !important; }
.mgb40 { margin-bottom:40px !important; }
.mgb50 { margin-bottom:50px !important; }



/* color */
.yellowocher { background-color:#DCA511; }
.darkgreen { background-color:#1B9762; }
.lightgreen { background-color:#AACE06; }
.f_black { color:#000; }

/* Button */
.btn_tp01 { display:inline-block; min-width:58px; height:17px; border-radius:5px; text-align:center; font-size:12px; line-height:17px; color:#000; vertical-align:middle; cursor:pointer; *display:inline; *zoom:1; }

.btn_tp02 { display:inline-block; height:19px; padding:0 10px; box-sizing:border-box; background:none; line-height:19px; color:#000; border:0; position:relative; vertical-align:middle; text-align:center; cursor:pointer; *display:inline; *zoom:1; *margin-left:5px; }
.btn_tp02 .btn_outer { position:absolute; top:0; right:5px; bottom:0; left:0; display:inline-block; padding:0 0 0 5px; background:url(../images/btn/bg_button.png) no-repeat 0 0; border:0; z-index:-1; *display:inline; *zoom:1; }
.btn_tp02 .tip { display:block; position:absolute; top:0; right:0; width:5px; height:19px; background:url(../images/btn/bg_button.png) no-repeat 100% 0; z-index:-1; }


/* Checkbox */
.check_box { display:inline-block; width:11px; height:11px; background:url(../images/btn/bg_checkbox.png) no-repeat 0 0; cursor:pointer; *display:inline; *zoom:1; }
.check_box.on { background-position:0 -11px; }
.check_box input[type="checkbox"] { width:11px; height:11px; visibility:hidden; }



/* Grid */
.fr { float:right; }
.fl { float:left; }
.cl { clear:both; }

.columns.col_1st { position:relative; width:40%; padding-right:10px; box-sizing:border-box; }
.columns.col_2nd { position:relative; width:60%; padding-left:10px; box-sizing:border-box; }

/* 팝업 */
.popLayer { display:none; position:absolute; top:0; left:0; width:400px; height:auto; padding:15px; border:3px solid #747474; box-sizing:border-box; background:#FFF; z-index:99999; }
.popLayer .popWrap { position:relative; width:100%; height:100%; }
.popLayer .popWrap > h3 { font-size:14px; font-weight:bold; margin-bottom:8px; }
.popLayer .popWrap .close_pop { position:absolute; top:0; right:0; }
.popWrap.newWindow { padding:15px; box-sizing:border-box; }
.pop_bot_btn { padding:20px 0 30px; text-align:center; }

.address .searchForm { position:relative; width:100%; height:32px; margin-bottom:5px; border:2px solid #2984A4; box-sizing:border-box; }
.address .searchForm input { border:0; }
.address .searchForm #keyword { width:100%; height:26px; padding-left:8px; padding-right:25px; box-sizing:border-box; line-height:26px; }
.address .searchForm input[type="image"] { position:absolute; top:5px; right:5px; }
.address .descript { margin-bottom:20px; font-size:11px; color:#247EE9 ; }
.address .result_count .result { color:#1945D3; font-weight:bold; }
.address .result_list { width:100%; height:300px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; }
.address .result_list td .addr_old a { color:#5C9BCF; }


/* 추가 2016.12.02 */
.grp_radio { display:inline-block; margin-right:15px; }
.h200 { height:150px !important; }

/* 추가 2016.12.19 */
.nomargin { position:relative; padding:0 !important; margin:0 !important; }
.btn_inTable { position:absolute; top:3px; right:15px; z-index:2; }


/*************
 *   팝업    *
 *************/
#Applicant { width:600px; height:400px; }
#AddAppicant { width:540px; height:300px; }
#IndiEval { width:540px; height:300px; }
.popWrap .eval { height:80px; }
#AddRecipe { width:540px; height:auto; }
#sris00t0001 { width:540px; height:auto; }
#sror00t0001 { width:540px; height:auto; }
#pass { width:350px; height:auto; }

/*************
 *   input 한글    *
 *************/
 .han{
 	ime-mode:active;
 }

/***************
 *   로그인    *
 ***************/
#Wrapper.login { background-image:none; background-color:#E8E8E8; }
.loginBox { position:relative; width:1032px; height:473px; margin:0 auto; top:270px; background:url(../images/bg_login.gif) no-repeat 0 0; }
.loginLocation { position:absolute; top:58px; right:122px; font-size:11px; color:#90908F; }

.loginHeader { position:absolute; left:192px; top:240px; }
.loginItemBox { position:absolute; left:117px; top:332px; }
.loginItemBox .fieldBox { float:left; width:264px; }
.loginItemBox .btnBox { float:left; }
.loginItemBox .fieldBox dl { display:table; margin-bottom:7px; }
.loginItemBox .fieldBox dt { display:table-cell; width:100px; }
.loginItemBox .fieldBox dd { display:table-cell; }
.loginItemBox .fieldBox dd input { width:156px; height:20px; padding:3px; border:1px solid #CCC; box-sizing:border-box; }

.loginNotice { position:absolute; top:259px; left:505px; }
.loginNotice h2 { margin-bottom:10px; margin-top:0; }
.loginNotice li { margin-bottom:22px; }


.page_ing_wrap{overflow:hidden; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; background-color:rgba(0,0,0, .6);}
.page_ing_wrap .page_ing{position: fixed; top:50%;  margin-top:-55px;  left:50%;  margin-left:-120px; text-align:center; display: block; background:#fff; border:3px solid #005bad; border-radius:8px; -webkit-border-radius:8px;}