@charset "utf-8";
@import url(common.css);

/* layout */
body{ background:#fff; width:100%;}
#wrap{ width: 100%; margin: 0 auto; position: relative;}
#header{ position: relative; z-index: 999;}
/* #container{ position: relative; width: 1148px; margin: 0 auto; margin-top: 10px; border: 1px solid #cbcfd2} */
#container{ position: relative; width: 950px; margin: 0 auto; margin-top: 10px; border: 1px solid #cbcfd2}
#footer{ position: relative; width: 1150px; margin: 0 auto}
#container:after, #footer:after{ content: ""; clear: both; display: block;}

/* header */
#header{ border-bottom: 4px solid #005e9f}
#header .top{ height:44px; width: 980px; margin: 0 auto; position: relative;}
#header .top:after{ content:""; display:block; clear:both; }
#header h1{ position: absolute; top: 6px;border: 0px solid #ff0000;}
#header h1 a{ border: 0px solid #ff0000;background: url(/images/common/tp_logo_2.jpg) no-repeat 0 40%; width:259px; height:80px; display:block; overflow: hidden; font-size: 0;}
#header .tmenu{ float: right; margin-top: 5px; margin-right: 45px; border:0px solid #ff0000;}
#header .tmenu li{ float: left; background: url(/images/common/top_division.gif) no-repeat 0 55%;}
#header .tmenu li a{ display: block; color: #777; padding: 0px 3px 0px 0px;}
#header .tmenu li.eng a{ padding: 0}
#header .tmenu li em.cnt{ color:#0066ff; font-weight:bold;}

/* header gnb */
#header_gnb{ width: 980px; margin: 0 auto;}
#header_gnb:after, #header_gnb #gnbmenu #gnb:after{ content: ""; clear: both; display: block;}
#header_gnb #gnbmenu{ height: 50px; float: right}
#header_gnb #gnbmenu #gnb li{ float: left;}
#header_gnb #gnbmenu #gnb li a{ height: 22px; display: block; color: #333; padding: 0 15px; font-size: 1.1em; font-weight: bold; }
/* #header_gnb #gnbmenu #gnb li.on a{ color: #0099ff}  */
/* #header_gnb #gnbmenu #gnb li .sub-menuwp{ border: 1px solid #ff0000; display:none; width: 100%; position: absolute; top: 98px; left: 0%; background: url(/images/common/sub-menuwp.png) repeat-x 0 4px; height: 200px; padding-top: 4px} */
#header_gnb #gnbmenu #gnb li .sub-menuwp{ border: 0px solid #ff0000; display:none; width: 100%; position: absolute; top: 105px; left: 0%; background:#ffffff ; height: 150px; padding-top: 4px}

#header_gnb #gnbmenu #gnb li .sub-menuwp .sub-menu{ width: 980px; margin: 0 auto;}
#header_gnb #gnbmenu #gnb li .sub-menuwp .sub-menu1 .first{ margin-left: 390px;}
#header_gnb #gnbmenu #gnb li .sub-menuwp .sub-menu2 .first{ margin-left: 550px;}
#header_gnb #gnbmenu #gnb li .sub-menuwp .sub-menu3 .first{ margin-left: 700px;}
#header_gnb #gnbmenu #gnb li .sub-menuwp .sub-menu4 .first{ margin-left: 848px;}
#header_gnb #gnbmenu #gnb li .sub-menuwp .sub-menu li a{ font-size: 1.0em; font-weight: bold; height: 22px; color: #333; padding: 0 5px}
/* #header_gnb #gnbmenu #gnb li.on .sub-menuwp {display:block;height:160px} */
/* #header_gnb #gnbmenu #gnb li.on .sub-menuwp .sub-menu li.on a{font-weight:bold} */

/* //header gnb */

#header .my_info{ position: absolute; top: 30px; right: 0; color: #333; font-size: 14px; width: 850px; text-align: right;}
#header .my_info .nm{ color: #0080d1; font-weight: bold}
#header .tmenu .tmenu_btn a{ padding: 5px 10px; display: inline-block; color: #333; line-height: 1; font-weight: bold}
#header .header_gnb_area{ height: 80px; background: url(/images/common/gnb_bg.gif) repeat-x 0 0; border-bottom: 1px solid #dfe3e6}
#header .header_gnb_area ul.header_gnb_menu{ width:1150px; height: 80px; margin: 0 auto; position: relative}
#header .header_gnb_area ul.header_gnb_menu:after, #header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap ul:after{ content: ""; display: block; clear: both;}
#header .header_gnb_area ul.header_gnb_menu li{ float: left; background: url(/images/common/division1.gif) no-repeat 0 50%}
#header .header_gnb_area ul.header_gnb_menu li .depth1{ display: block; height: 45px; line-height: 45px; font-size: 16px; color: #fff; font-family: NGB, Malgun Gothic,"맑은 고딕", "돋움", Dotum, Arial, sans-serif, Verdana, Helvetica, geneva; padding: 0 60px; }
#header .header_gnb_area ul.header_gnb_menu li .depth1:hover{ color: #00ceff;}
#header .header_gnb_area ul.header_gnb_menu li.on .depth1{ color: #00ceff; background: url(/images/common/depth_on.gif) no-repeat 50% 100%}
#header .header_gnb_area ul.header_gnb_menu li.first{ background: none; margin-left: 250px}
#header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap{ width: 1150px; position:absolute; left: 0; top: 45px; height: 35px; z-index:3; padding: 0; display: none; color: #fff; background: url(/images/common/gnb_bg.gif) repeat-x 0 -45px;}
#header .header_gnb_area ul.header_gnb_menu li:hover .header_2depth_wrap,
#header .header_gnb_area ul.header_gnb_menu li.on .header_2depth_wrap{display: block;}
#header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap ul{ display: inline-block}
#header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap ul li{display: block; float: left; background: none}
#header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap ul li a{ display: block; color: #133261; font-size: 13px; padding: 0 10px; height: 35px; line-height: 35px; background: none;}
#header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap ul li a:hover, #header .header_gnb_area ul.header_gnb_menu li .header_2depth_wrap ul li.on a{ color: #0b7dcb;}
/* .header_gnb_menu #depth1_1{ padding-left: 200px}
.header_gnb_menu #depth1_2{ padding-left: 420px}
.header_gnb_menu #depth1_3{ padding-left: 450px}
.header_gnb_menu #depth1_4{ padding-left: 900px} */
/* //header */

/* container */
#left{ position: absolute; left: -1px; top: -1px; width: 200px;}
#left h2{ color: #fff; font-size: 22px; font-weight: bold; background: #035493 url(/images/common/left_h2.gif) no-repeat 0 0; border-left: 1px solid #024479; border-right: 1px solid #024479; text-align: center; padding: 23px 0; line-height: 1.5}
#left ul{ margin: 0 auto; width: 198px;}
#left li{ border-bottom: 1px solid #dfe3e6}
#left li .lft_depth1{ display: block; color: #333; font-size: 13px; padding: 10px 10px 10px 5px; line-height: 1.2; font-weight: bold; /* background: url(/images/common/lft_depth1.gif) no-repeat 95% 13px; */}
#left li .lft_depth1:hover, #left li.on .lft_depth1{ font-weight: bold; color: #0078c4; background: #ddedfc;/* background: #ddedfc url(/images/common/lft_depth1_on.gif) no-repeat 95% 13px */}

#left ul ul{ background: #eceff1; border-top: 1px solid #dfe3e6; padding: 5px 0 15px}
#left li li{ border: 0; }
#left li li .lft_depth2{ display: block; color: #666; font-size: 12px; padding: 9px 5px 0px 24px !important; background: url(/images/common/lft_depth2.gif) no-repeat 14px 14px; word-break: keep-all;}
#left li li .lft_depth2:hover, #left li li.on .lft_depth2{ background: url(/images/common/lft_depth2_on.gif) no-repeat 14px 14px; color: #333}

/* content */
/*#content{ margin-left: 198px; border-left: 1px solid #cbcfd2; padding-left: 20px; width: 910px; min-height: 500px; position: relative}  */
#content{ padding-left: 20px; width: 910px; min-height: 500px; position: relative}
#content .content_tp{ font-size: 12px; color: #666; background: url(/images/common/content_tp.gif) no-repeat 100% 100%; width: 910px; height: 77px; border-bottom: 1px solid #a7abae}
#content .content_tp h1{ font-size: 22px; color: #333; padding: 37px 0 0 10px;}
#content .content_tp .path{ position: absolute; left: 25px; top: 4px}
#content .content_tp .path a{ color: #888; display: inline-block; padding: 3px 7px; font-size: 12px}
#content .content_tp .path a img{ vertical-align: middle}
#content .content_tp .path .nw{ color: #222}
#content .content_tp .floatDiv{ border-bottom: 1px solid #d8d8d8; margin: 0 auto; width: 718px; padding: 8px 20px;}
#content .content_tp .tp_sch .input_sch{ border: 1px solid #8fbcd1; border-right: 0; height: 19px; padding: 2px 5px; width: 150px;}
.content_body{ padding: 20px 0}
.content_body .group1{ margin-bottom: 8px; position: relative;}
.content_body .group1:after{ content: ""; display: block; clear: both}
.content_body h2, #pop_wrap h2{ color: #3a3a3a; font-size: 18px; margin-bottom: 10px; background: url(/images/sub/bullet_h2.gif) no-repeat 2px 55%; padding-left: 21px; letter-spacing: -1px}
.content_body h3, #pop_wrap h3{ color: #3a3a3a; font-size: 16px; margin-bottom: 10px; background: url(/images/sub/sch_bullet.gif) no-repeat 5px 55%; padding-left: 21px; letter-spacing: -1px}


/* table */
table{display:table; border-spacing:0; border-style:none; border-width:0;}
caption{display:none;}
td, th *{font-size:12px; letter-spacing:0; border-width:0; border-style:none;}
th{white-space:nowrap; white-space:nomal;}
td{white-space:nomal; word-break:keep-all;}
td .img{padding:0 3px; vertical-align:middle;}
table a:link, a:visited{color:#62666a; }
table a:hover{color:#62666a}

.grid{ width:100%; margin:0 0 20px; empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; font-size:12px;}
.grid thead th, .grid thead td, .grid tbody th, .grid tbody td, .grid tfoot th{border-style:none; border:0; border-width:0; empty-cells:show; vertical-align: middle;}
.grid thead th, .grid thead td{ color:#3a3a3a; padding: 8px 10px;}
.grid thead th{ background: #f5f9fd; border-top: 2px solid #1976c1; border-bottom:1px solid #bbbec3; border-right:1px solid #bbbec3; color: #3a3a3a}
.grid thead th.last, .grid tbody td.last{ border-right: 0}
.grid tbody th, .grid tbody td{ border-bottom:1px solid #bbbec3; border-right:1px solid #bbbec3; color: #3a3a3a; padding: 8px 10px; line-height: 1.5; word-break:break-all;}
.grid tbody th{ background: #f5f9fd; text-align: left}
.grid tbody th.tl_line, .grid tbody td.tl_line{ border-top: 2px solid #1976c1; border-bottom:1px solid #bbbec3; text-align: left;}
.grid.board th, .grid.board td{ border-left: 0; border-right: 0}
.txt_data{ margin-bottom: 5px !important}
.necessary{ background: url(/images/common/necessary.gif) no-repeat 50% 50%; padding-left: 10px}
p.necessary{ background: url(/images/common/necessary.gif) no-repeat 0 50%; padding-left: 10px}
.grid tbody th.necessary{ background: #f5f9fd url(/images/common/necessary.gif) no-repeat 90% 50%;}
.grid tbody td a:hover{ color: #f90;}
.grid tbody pre{ width: 550px; white-space: pre-line;  }

/* search table */
.sch_box{ display: block; background: #eaedf0; border: 1px solid #e0e2e5; padding: 10px; margin-bottom: 20px}
.sch_box .totl{ vertical-align: top; text-align: center;}
.sch_grid{ margin:0; empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; border-color:#FFF; position: relative; color:#333; width: 100%}
.sch_grid tbody th, .sch_grid tbody td{ border-bottom: 1px dashed #bbbec3;}
.sch_grid tbody th{ background: url(/images/sub/sch_bullet.gif) no-repeat 0 15px; text-align: left; color: #3a3a3a; font-weight: bold !important;  vertical-align: top; padding: 8px 5px 0 12px}
.sch_grid tbody th.borNone{ border-bottom: 0}	/* 추가_skj */
.sch_grid tbody td{ border-bottom: 1px dashed #bbbec3; padding: 3px 5px}
.sch_grid tbody td.borNone{ border-bottom: 0}
.sch_grid tbody th label{  font-weight: bold;}
.sch_grid tbody td label{ margin-right: 15px}
.sch_grid .input_data, .input_data{ border: 1px solid #d8d8d8; height: 15px; padding: 2px 5px}
.sch_grid .necessary{ background: #fff url(/images/common/necessary.gif) no-repeat 97% 10%}
.box_sch_btn{ position: absolute; right: 10px; bottom: 5px}

.sch_box select, select{ border: 1px solid #bbbec3; background: #fff; height: 26px;}
.sch_box .inputData, .inputData{ border: 1px solid #bbbec3; background: #fff; height: 26px; padding: 0px 3px; margin: 0px -3px;}
.sch_box .inputData.disabled, .inputData.disabled{ background: #f3f5f8; padding: 0px 3px; margin: 0px -3px;}
.inputData.numbR{ text-align:right }
.numbR{text-align:right}
.pfont{font-size:11px;}
div .overflowx{overflow-x:scroll;}

/* calendar */
.calendar{overflow:hidden;width:194px;border:1px solid #999;font-family:'돋움',dotum;font-size:12px;line-height:12px;text-align:center; position: absolute; background: #fff; z-index: 99}
.calendar a{text-decoration:none !important}
.calendar img{border:0}
.calendar a.btn_cal{display:inline-block;width:31px;padding-right:2px;background:url(/images/common/bg_btn_cal.gif) no-repeat 100% 0;font-size:11px;color:#888;letter-spacing:-1px;line-height:19px;text-decoration:none}
.calendar a.btn_cal:hover{color:#000}
.calendar a.btn_cal span{display:block;padding:1px 0 0 2px;background:url(/images/common/bg_btn_cal.gif) no-repeat}
.calendar .calendar_type{overflow:hidden;height:27px;background:#f2f2f2}
.calendar .calendar_type .note{float:left;padding:7px 0 0 5px;font-size:11px;line-height:13px;letter-spacing:-1px}
.calendar .calendar_type .note span{display:inline-block;overflow:hidden;width:65px;white-space:nowrap;text-overflow:ellipsis}
.calendar .calendar_type .note img{margin-top:1px;vertical-align:top}
.calendar .calendar_type .btns{float:right;padding:3px 5px 0 3px}
.calendar .calendar_type .btns a{margin-left:-3px}
.calendar .calendar_type .selected{color:#d00 !important}
.calendar .calendar_period{clear:both;margin:11px 0 23px}
.calendar .calendar_period a{display:inline-block;margin:-1px -1px 0;padding:1px;vertical-align:middle}
.calendar .calendar_period a img{vertical-align:top}
.calendar .calendar_period strong{display:inline-block;width:83px;font-family:verdana;font-size:13px;color:#333;line-height:15px;text-align:center}
.calendar table{width:168px;margin:0 auto 11px;border:0}
.calendar table caption,.calendar table thead{display:none}
.calendar table td{padding:0;border:0;background:#fff;border:0;border-bottom:3px solid #fff;font-family:verdana,tahoma;font-size:10px;line-height:12px}
.calendar table td.selectable a{background:#fffcb2}
.calendar table td.selected a{background:#e5f2ff}
.calendar table td.today a{background:#7f7f7f;color:#fff}
.calendar table td a{display:block;width:24px;height:13px;color:#000;text-align:center;letter-spacing:-1px}
.calendar table td.sun a{color:#f00}
.calendar table td.sat a{color:#00f}
.calendar .calendar_input_period{margin:0 5px 0;padding:4px 0;border-top:1px solid #e5e5e5;color:#666}
.calendar .calendar_input_period .tilde{margin:0 -3px;font-family:tahoma;font-size:11px;color:#aaa}
.calendar .calendar_input_period input.date{width:62px;height:14px;margin-top:1px;*margin:0 0 -1px;padding:2px 0 0 4px;border:1px solid #ccc;font-family:tahoma;font-size:11px;line-height:13px;vertical-align:top}
.calendar .calendar_input_period a.btn_cal{color:#454545}
.ui-datepicker{z-index: 99999 !important}
.ui-dialog{z-index: 9999 !important}
/* //calendar */

/* 만족도  */
.satisfy_box{ background: #f9f9f9 url(/images/sub/ic.gif) no-repeat 50px 50%; border: 1px solid #ccc; padding: 10px 10px 15px 110px}

/* pagination */
.pagination{ line-height:normal; padding: 0 0 5px; text-align:center; font-size: 14px; text-align: center;}
.pagination a, .pagination strong{ color:#333; display:inline-block; margin:0; padding:2px 12px; position:relative; vertical-align:middle; z-index:2;}
.pagination strong { color:#0057a8; font-size: 14px;  padding:2px 4px; margin: 0 3px;}
.pagination .direction { color:#0f4078; padding: 3px; margin: 0 -2px;}
.pagination .direction span{ display:inline-block; vertical-align:top; height: 28px; background: url(/images/sub/paging_arrow.gif) no-repeat; cursor: pointer;}
.pagination .direction span.prev{ background-position: -32px top; width: 28px; margin-right: 0 !important;}
.pagination .direction span.next{ background-position: -89px top; width: 28px; margin-left: 0 !important;}
.pagination .direction span.first{ background-position: left top; width: 28px;}
.pagination .direction span.last{ background-position: right top; width: 28px;}
.pagination .direction span.prev.on{ background-position: -32px bottom; width: 28px;}
.pagination .direction span.next.on{ background-position: -89px bottom; width: 28px;}
.pagination .direction span.first.on{ background-position: left bottom; width: 28px;}
.pagination .direction span.last.on{ background-position: right bottom; width: 28px;}
/* //pagination */

/* tab style */
.tab_sy1{ border-bottom: 1px solid #a7abae; margin: 20px 0}
.tab_sy1 li{ float: left; background: url(/images/sub/tab_sy.gif) no-repeat 0 0; padding-left: 20px; margin-bottom: -1px}
.tab_sy1 li a{ display: block; background: url(/images/sub/tab_sy.gif) no-repeat 100% 0; color: #666; font-weight: bold; text-align: center; line-height: 35px; padding-right: 20px;}
.tab_sy1 li.on{ background-position: 0 100%}
.tab_sy1 li.on a{ background-position: 100% 100%; color: #0079c6}
/* //tab style */

/* button str */
.btnArea{ margin: 10px 0 30px; text-align:center;}
.btnArea:after{ content: ""; clear: both; display: block;}
.btnArea .fl{ float: left;}
.btnArea .fr{ float: right;}

.button,
.button *{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; white-space:nowrap; background:url(/images/sub/button.gif) no-repeat; vertical-align:top; overflow:visible; font-size: 13px; cursor: pointer}
.button { margin-right: 5px;}
.button *{ left: 3px; cursor:pointer;}

/* button size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:26px; line-height:23px; color: #fff; font-size: 12px;}
.button.large, .button.large *{ height:35px; line-height:35px;}
.button.small, .button.small *{ height:23px; line-height:23px; font-weight: normal; color: #168cc2 !important}
.button.xsmall, .button.xsmall *{ height:19px; line-height:19px; font-weight: normal !important;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -290px;}
.button.small { background-position:left -235px;}
.button.xsmall { background-position:left -461px;}
.button.medium *{ padding:0 20px 0 18px; background-position:right top;}
.button.large *{ padding:0 25px 0 20px; font-size:12px; background-position:right -290px; color: #fff; font-weight: bold; font-size: 14px; }
.button.small *{ padding:0 11px 0 7px; font-size:11px; background-position:right -235px; color: #168cc2 !important;}
.button.xsmall *{ padding:0 8px 0 3px; font-size:11px; background-position:right -461px; color: #0a7bc8 !important;}

.button.medium.gray_ln{ background-position: left -39px;}
.button.medium.gray_ln *{ background-position: right -39px; color: #333}
.button.medium.blue{ background-position: left -145px;}
.button.medium.blue *{ background-position: right -145px; color: #fff}
.button.medium.gray{ background-position: left -113px;}
.button.medium.gray *{ background-position: right -113px; color: #fff}

.button.medium.gray22{ background-position: left -113px;}
.button.medium.gray22 *{ background-position: right -113px; color: #fff; padding:0 12px 0 10px;}

.button.medium.black{ background-position: left -178px;}
.button.medium.black *{ background-position: right -178px; color: #fff; padding:0 12px 0 10px;}
.button.small.black *{ height:23px; line-height:23px; font-weight: normal; color: #fff !important}

.button.medium.orange{ background-position: left -211px;}
.button.medium.orange *{ background-position: right -211px; color: #fff}
.button.large.gray_ln{ background-position: left -357px;}
.button.large.gray_ln *{ background-position: right -357px; color: #333}

.button.medium.ingrid *{ padding:0 10px 0 5px !important;}

.button.small_calledar{ background-position: -235px -70px; width: 27px; height: 28px; margin: 0; color: transparent; font-size: 0; line-height: 0; }
.button.medium_search{ background-position: 0 -70px; width: 60px; height: 28px; margin: 0; color: transparent; font-size: 0; line-height: 0; }
.button.medium_reset{ background-position: -73px -70px; width: 60px; height: 28px; margin: 0; color: transparent; font-size: 0; line-height: 0; }
.button.medium_download{ background-position: -147px -70px; width: 70px; height: 28px; color: transparent; font-size: 0; line-height: 0; }

.button.medium_gray{ height: 38px; background: #8b8f92; color: #fff; line-height: 38px; padding: 0 18px; text-align: center; border: 1px solid #8b8f92;}
.button.medium_bluLine{ height: 38px; background: #fff; color: #0066cc; line-height: 38px; padding: 0 18px; text-align: center; border: 1px solid #0066cc; margin-left: 3px}
.button.medium_grayLine{ height: 38px; background: #fff; color: #3a3a3a; line-height: 38px; padding: 0 18px; text-align: center; border: 1px solid #8c8f92; margin-left: 3px}

.replybtn,
.replybtn *{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; cursor:pointer; white-space:nowrap; background:url(/images/sub/button.gif) no-repeat; vertical-align:top; overflow:visible; font-size: 11px; cursor: pointer }
.replybtn.medium, .replybtn.medium *{ line-height:23px; color: #fff; font-size: 11px; padding:0px 3px 0px 3px;}
.replybtn.medium *{ color: #fff}
/* //button end */

/* footer */
#footer{ padding-bottom: 5px; border-top: 0px solid #d5d9e0; width: 980px}
#footer .foot_logo{ position: absolute; top: 10px; left: 5px}
/* #footer .foot_logo img{ width: 170px} */
#footer .info{ margin: 5px 0 5px 0; font-size: 1.1em}
#footer .info li{float: left; background: url(/images/common/top_division.gif) no-repeat 0 55%;}
#footer .info li a{ padding: 0 10px 0 10px; line-height: 1.5em; color: #333}
#footer address{  font-size: 1em;  padding:5px 0 0 10px;}
#footer address strong{ margin-left: 10px}
#footer address strong span{ color: #0078c4}
#footer .copyright{ margin: 5px 0 0 10px; color: #666;  font-size: 1em}
#footer .copyright strong{ color: #333}
#footer .foot_selectbox{ position: absolute; right: 0; top: 20px}
#footer .foot_selectbox form{ display: block; margin-bottom: 10px}
#footer .button a{ padding: 0 8px 0 5px}

/* popup */
#pop_wrap{ background: #0080d1 url(/images/popup/top_bg.gif) repeat-x}
#pop_wrap h1{ background: url(/images/popup/h1_bg.gif) no-repeat 0 0; padding: 20px; line-height: 1; font-size: 20px; color: #fff}
.pop_content{ background: #fff; border-top: 1px solid #005fbd; padding: 20px}
.pop_logo{ position: absolute; right: 20px; top: 20px;}
.pop_logo strong{ color: #134a89; font-size: 13px; display: block; /*background: url(/images/popup/pop_logo.gif) no-repeat 0 50%;*/ padding-left: 25px; line-height: 1.2; min-height: 22px}
#pop_h4{ color: #3a3a3a; font-size: 13px; padding-bottom: 5px; background: url("/images/sub/bullet_on.gif") no-repeat 0 45%; padding-left: 15px; letter-spacing: -1px}

/* main */
/*2017.02.07 #main_container{ background: url(/images/main/main_container.gif) repeat-x 0 0} */
#main_container{}
/*2017.02.07 #main_container .main_vis{ width: 1190px; margin: 0 auto;} */
#main_container .main_vis{ width: 980px; margin: 0 auto;}
#main_container .main_contents{ width: 980px; margin: 0 auto 0px;}
#main_container .midle_tab{ position: relative; height: 250px}
#main_container .midle_tab .tabs:after{ content: ""; clear: both; display: block;}
#main_container .midle_tab .tabs li{ float: left; width: 25%; border-bottom: 1px solid #0781c8}
#main_container .midle_tab .tabs li h2 a{ display: block; background: #dfe3e6; margin-left: 1px; text-align: center; height: 46px; line-height: 46px; font-size: 1.8em; color: #999}
#main_container .midle_tab .tabs li.active h2 a{ background: #0781c8; color: #fff}
#main_container .midle_tab .tab_content{display:none; position: absolute; top: 75px; left: 0; height: 140px; width: 100%;}
#main_container .midle_tab .tab_content li{ float: left; background: url(/images/common/division2.gif) repeat-y 0 0; height: 140px; border: 0}
#main_container .midle_tab .tab_content li a{ display: block; text-align: center; color: #666; font-size: 14px; padding: 75px 10px 0 10px; background: url(/images/main/tab_ic.gif) no-repeat}
#main_container .midle_tab .tab_content li a strong{ display: block; font-size: 17px; color: #333; line-height: 1.7; letter-spacing: -1px}
#main_container .tabs li.active{display:block}
#main_container .tabs .active ul{display:block}

#main_container .midle_tab #tab1 li{ width: 20%}
#main_container .midle_tab #tab1 .tab1_1 a{ background-position: 75px 10px}
#main_container .midle_tab #tab1 .tab1_2 a{ background-position: 45px -130px}
#main_container .midle_tab #tab1 .tab1_3 a{ background-position: 70px -290px}
#main_container .midle_tab #tab1 .tab1_4 a{ background-position: 70px -430px}
#main_container .midle_tab #tab1 .tab1_5 a{ background-position: 70px -570px}

#main_container .midle_tab #tab2 li{ width: 25%}
#main_container .midle_tab #tab2 .tab2_1 a{ background-position: -100px 20px}
#main_container .midle_tab #tab2 .tab2_2 a{ background-position: -100px -140px}
#main_container .midle_tab #tab2 .tab2_3 a{ background-position: -100px -290px}
#main_container .midle_tab #tab2 .tab2_4 a{ background-position: -100px -420px}

#main_container .midle_tab #tab3 li{ width: 20%}
#main_container .midle_tab #tab3 .tab3_1 a{ background-position: -320px 10px}
#main_container .midle_tab #tab3 .tab3_2 a{ background-position: -320px -130px}
#main_container .midle_tab #tab3 .tab3_3 a{ background-position: -320px -285px}
#main_container .midle_tab #tab3 .tab3_4 a{ background-position: -320px -415px}
#main_container .midle_tab #tab3 .tab3_5 a{ background-position: -320px -580px}

#main_container .midle_tab #tab4 li{ width: 25%}
#main_container .midle_tab #tab4 .tab4_1 a{ background-position: -475px 15px}
#main_container .midle_tab #tab4 .tab4_2 a{ background-position: -475px -130px}

#main_container .boxGroup1 .board_box1{ float: left; width: 634px; height: 600px; position: relative}

#main_container .boxGroup .board_box, #main_container .btmGroup .linkGroup{ float: left; width: 634px; height: 202px; position: relative}
#main_container .boxGroup .pop_box{ float: right; width: 326px; height: 202px; position: relative}
#main_container .btmGroup .linkGroup{ height: 137px}
#main_container .list{ border: 0px solid #d5d9e0; height: 170px !important; width:340px;}
#main_container .list ul{ background: #fff}
#main_container .list .active h3{ color: #333}
#main_container .list li ul{ display:none;}
#main_container .list li.active ul{display:block;}
#main_container .list li a{ display:none;}
#main_container .list li.active a{ display:block;}
/*#main_container .list ul h3{ position: absolute; left: 0; top: 0; height: 44px; background: url(/images/common/top_division.gif) no-repeat 0 55%; padding: 0 25px; line-height: 44px; color: #888; font-size: 1.5em; cursor: pointer}*/
/*#main_container .list ul h3{position: absolute; left: 0; top: 0; height: 25px; background: url(/images/common/top_division.gif) no-repeat 0 55%; padding: 0 0px; line-height: 44px; color: #888; font-size: 1.5em; cursor: pointer}*/
/*#main_container .list ul h3.data{ left: 120px}*/
/*#main_container .list ul h3.faq{ left: 223px}*/
/*#main_container .list ul h3.news{ left: 310px}*/
/*#main_container .list ul ul{ border-top: 1px solid #dee3ec; background: #f7f7f7; padding: 10px 20px; margin-top: 44px; height: 135px}*/
#main_container .list ul ul{ border-top: 0px solid #dee3ec; background: #ffffff; padding: 0px 0px 0px 3px; margin-top: 5px;}
#main_container .list li li{ font-size: 1.1em; line-height: 1.7; background: url(/images/main/201707/dot.png) no-repeat 0 60%; position: relative}
#main_container .list li li a{ display: block; padding-left: 15px; color: #333}
#main_container .list li li span{ position: absolute; right: 10px; top: 0; color: #777}




#main_container .list1{ border: 0px solid #d5d9e0; height: 170px !important; width:340px;}
#main_container .list1 ul{ background: #fff}
#main_container .list1 .active h3{ color: #333}
#main_container .list1 li ul{ display:none;}
#main_container .list1 li.active ul{display:block;}
#main_container .list1 li a{ display:none;}
#main_container .list1 li.active a{ display:block;}
#main_container .list1 ul ul{ border-top: 0px solid #dee3ec; background: #ffffff; padding: 0px 0px 0px 3px; margin-top: 5px;}
#main_container .list1 li li{ font-size: 1.1em; line-height: 1.7; background: url(/images/main/201707/q.jpg) no-repeat 0 100%; position: relative;}
#main_container .list1 li li a{ display: block; padding-left: 20px; color: #333}
#main_container .list1 li li span{ position: absolute; right: 10px; top: 0; color: #777}




/*#main_container .boxGroup .more{ position: absolute; right: 20px; top: 10px; background: url(/images/main/more.gif) no-repeat 50% 50%; width: 25px; height: 25px; font-size: 0; line-height: 0; color: transparent}*/

/*#main_container .boxGroup .pop_box h2{ border: 1px solid #d5d9e0; height: 44px; line-height: 44px; font-size: 1.5em; padding-left: 20px; color: #333;}*/
/* #main_container .boxGroup .pop_box #pop_num{ position: absolute; right: 10px; top: 20px;} */
/*  #main_container .boxGroup .pop_box #pop_num li{ float: left; display: block; background: url(/images/main/pop_num.gif) no-repeat 0 0; width: 13px; height: 13px;cursor: pointer}
#main_container .boxGroup .pop_box #pop_num li.current{ background: url(/images/main/pop_num.gif) no-repeat 0 100%;} */
#main_container .boxGroup .pop_box #slides li img{ width: 324px; height: 155px;  border: 1px solid #dee3ec; border-top: 0}

#main_container .linkGroup a{ display: block; float: left; margin-top: 15px; height: 32px; width:20%; text-align: center; background: url(/images/main/link.gif) no-repeat 50% 0; padding-top: 90px; font-size: 1.3em; line-height: 1.8; font-weight: bold; color: #333}
#main_container .linkGroup a.mn2{ background-position: 50% -130px}
#main_container .linkGroup a.mn3{ background-position: 50% -260px}
#main_container .linkGroup a.mn4{ background-position: 50% -390px}
#main_container .linkGroup a.mn5{ background-position: 50% -520px}
#main_container .infoGroup { float: right; border: 1px solid #d5d9e0; background: #f7f7f7 url(/images/main/infoGroup.gif) no-repeat 20px 50%; padding: 0px 25px 0 0; width: 299px; height: 65px; text-align: right; color: #666; font-size: 14px; font-weight: bold;margin-top:70px;}
#main_container .infoGroup strong{ display: block; font-size: 32px; color: #0078c4}

#popupzone li{display:none}
#popupzone li.current{display:block}

#main_container .pop_box #pop_num{ position: absolute; right: 2px; top: 5px; }

#main_container .pop_box #pop_num li{ float: left; display: block; background: url(/images/main/201707/num.png) no-repeat 0 0%; width: 13px; height: 13px; padding:0px 0px 0px 2px; font-size: 0; color: transparent; cursor: pointer}
#main_container .pop_box #pop_num li.current{ background: url(/images/main/201707/num_on.png) no-repeat 0 100%;}

/* #main_container .main_view03 .pop_box{ float: right; width: 282px; height: 202px; position: relative} */
/*main_container_201707 border:1px solid #ff0000; */
#main_container .main_view01{width:980px; height:302px; position:relative; margin-top:2px; margin-bottom:18px;}

#main_container .view01Sub01{float:left; width:714px; height:298px;position:relative;}
#main_container .view01Sub02{float:right; width:262px; height:302px;position:relative;}

#main_container .main_view02{width:978px; position:relative; height:101px; margin-bottom:2px;}
#main_container .main_view03{width:980px; position:relative; height:260px;border-bottom: 1px solid #d5d9e0;}

#main_container .view03Sub{float:left; width:358px; height:150px;position:relative; background: #ffffff;border:0px solid #ff0000;}


#main_container .main_view03 .more{ border:0px solid #ff0000; position: absolute; right: 25px; top: 0px; background: url(/images/main/201707/more.png) no-repeat 50% 50%; width: 50px; height: 25px; color: transparent}


.bord_box1{ border: 0px solid #ff0000; position: relative; padding:0px 0px 0px 0px;}

.bord_box1 .login_tab01{ position: absolute; left: 0px; top: 0px; width:131px; height:37px;}
.bord_box1 .login_tab02{ position: absolute; right: 0px; top: 0px; width:131px; height:37px;}

.bord_box1 .btn_login{ position: absolute; right: 15px; top: 30px; width:57px; height:59px;}
.bord_box1 .login_view01{padding: 0px 0px 0px 15px; color:#ffffff; }
.bord_box1 .login_view02{padding: 15px 0px 0px 20px; color:#ffffff; }

.bord_box1 .login_view01 ul li a{color:#ededed; font-color:#868b8f;}
.bord_box1 .login_view02 ul li a{color:#ffffff; font-color:#ffffff;}




/* 로그인 */
.bord_box{ border: 1px solid #dfe3e6; padding: 30px; position: relative}
.bord_box dl{ margin: 30px auto 40px; width: 90%}
.bord_box dl dt{ width: 90px; text-align: right}
.bord_box dl dd{ margin: -20px 0 8px 100px}
.bord_box .btn_login{ position: absolute; right: 70px; top: 35px; background-position: 0 -429px; width: 57px; height: 59px; color: transparent; font-size: 0}
.bord_box .btn_login.btn_login2{ background-position: -100px -429px; }
.bord_box .btn_login3{ position: absolute; top: 80px; left: 42%}







.info_install{ margin-top: 25px}
.info_install .prev_btn{ display: inline-block; text-align: right;}
#install{ margin: 10px 0}
#install h2{ background: none; border-bottom: 4px solid #005e9f; padding: 0 0 7px 10px; font-size: 22px; margin-bottom: 35px; text-align: left}
#install .install_txt{ background: url(/images/sub/ic2.gif) no-repeat 10px 0; padding-left: 100px; font-size: 14px; height: 80px; text-align: left}
#install .install_txt strong{  font-size: 14px; color: #333; display: block;}
#install .grid th{ background: #eceff1; border-top: 1px solid #333; border-bottom: 1px solid #a7abae; text-align: center}
.result_id{ margin: 25px 0 0 50px; font-size: 16px; line-height: 1.7}
.sitemap h2{ background: none; padding-left: 10px; font-size: 16px; font-weight: normal}
.sitemap h2 a{ display: block; color: #333}
.sitemap .dep1{ border-top: 2px solid #0080d1; border-bottom: 1px solid #dadde1; border-left: 0px solid #dadde1; padding: 5px; background: #f5f9fd; min-height: 450px}
.sitemap .dep2{ border-top: 0; border-bottom: 0; padding: 5px 0 10px 10px; background: #f5f9fd}
/* .sitemap .dep1 li a, .bord_box2 li{ background: url(/images/common/dot1.gif) no-repeat 0 8px; display: block; padding-left: 12px; color: #333; font-size: 14px; margin-bottom: 5px}
.sitemap .dep2 li a{ background: url(/images/common/division3.gif) no-repeat 0 8px; display: block; padding-left: 12px; color: #555; font-size: 12px; margin-bottom: 5px}
 */

.sitemap .lev2{ border-top: 0; border-bottom: 0; padding: 10px 0 0px 5px; background: #f5f9fd}
.sitemap .lev2 a{ background: url(/images/common/dot1.gif) no-repeat 0 8px; display: block; padding-left: 12px; color: #333; font-size: 14px; margin-bottom: 5px}
.sitemap .lev0{ border-top: 0; border-bottom: 0; padding: 0px 0 0px 20px; background: #f5f9fd;}
.sitemap .lev0 a{ background: url(/images/common/division3.gif) no-repeat 0 8px; display: block; padding-left: 12px; color: #555; font-size: 12px; margin-bottom: 5px}


.bord_box2{ margin: 10px 0; border: 1px solid #dadde1; padding: 10px; background: #f5f9fd; }
.bord_box2 li{ color: #0080d1}
.constitution h4{ font-size: 14px; padding-left: 21px; color: #555}
.constitution p{ padding: 10px 10px 10px 21px; word-wrap:break-word; font-size: 13px; line-height: 1.5}
.constitution ul{ margin-left: 20px}
.constitution li{ color: #666; font-size: 13px}
.phoneNum .bord_box{ text-align: center; padding: 10px 30px; border-top: 1px solid #0080d1; font-size: 16px;}
.phoneNum .bord_box strong{ display: block; color: #0080d1; font-size: 24px}
.phoneNum h3{ margin-top: 20px}
.phoneNum .grid th, .phoneNum .grid td{ border: 1px solid #dfe3e6; border-top: 1px solid #333; padding: 5px; background: #f7f9fb; font-size: 14px; text-align: center;}
.phoneNum .grid td{ background: #fff; text-align: left}

/* jqx-grid link/img patch */
.jqx-grid .jqx-grid-cell{font-family:NG,"Malgun Gothic","맑은 고딕", "돋움"}
.jqx-grid .jqx-grid-cell a{
	color: #000;
	height:16px;
	line-height:16px;
	direction: ltr;
	display: block;
	margin: 4px;
	padding:0;
}

/*  2016.01.13 추가 */
.appForm01 {height:60px; background:url(/images/sub/ic_appForm01.gif) no-repeat 16px top; padding-left:80px; padding-top:4px}
.appForm02 {height:60px; background:url(/images/sub/ic_appForm02.gif) no-repeat 16px top; padding-left:80px; padding-top:4px}
.appForm03 {height:60px; background:url(/images/sub/ic_appForm03.gif) no-repeat 16px top; padding-left:80px; padding-top:4px}
.appForm04 {height:60px; background:url(/images/sub/ic_appForm04.gif) no-repeat 16px top; padding-left:80px; padding-top:4px}

.content_body h3, #pop_wrap h3{ color:#3a3a3a; font-size:16px; margin-bottom:10px; background:url(../images/sub/bullet_h3.gif) no-repeat 5px 55%; padding-left:21px; letter-spacing:-1px}
.content_body h4, #pop_wrap h4 {color:#1a1a1a}
.tab_sy1 li {font-size:14px}
.bdr1 {border:1px solid #dedede}

.a_tag{padding-top:3px; padding-left:15px; font-color:#868b8f;}
.a_tag a:link{color:#868b8f; text-decoration:none;}
.a_tag a:visited{color:#868b8f; text-decoration:none;}
.a_tag a:hover{color:#868b8f; text-decoration:none; font-weight:bold;}


.a_tag2{color:#5d5d5d !important;}
.a_tag2 a:link{color:#5d5d5d; text-decoration:none;}
.a_tag2 a:visited{color:#5d5d5d; text-decoration:none;}
.a_tag2 a:hover{color:#6fb7ff; text-decoration:none;}

    #topMenu { height:38px; width: 980px; margin: auto; position: relative;border: 0px solid #ff0000;z-index:-1; }

	/* #header .topMenu:after{ content:""; display:block; clear:both; } */


	.topMenuLi { /* 상위 메뉴에 마우스 모버한 경우 그 안의 하위 메뉴 스타일 설정 */
                 /* 높이를 93px로 설정 */
        float: left;                /* 왼쪽으로 나열되도록 설정 */
        position: relative;         /* 해당 li 태그 내부의 top/left 포지션 초기화 */
        padding:0;
        margin:0 7px;
        border: 0px solid #ff0000;
        font-size:18px;
        font-weight:bold;
        color:#333;
    }
    
	.topMenuLi a{
		display:block;
		color:#333;
		margin:2px;
		/* text-decoration:none;
		text-shadown:0 1px 1px rgba(0,0,0,0.3); */
		border: 0px solid #ff0000;
	}
	
	/* 대메뉴 마우스 선택시 */
	.topMenuLi:hover > a{
		color:#0099ff;
	}

	.submenuLink:hover > a{
		color:#0099ff;
		/* font-weight:bold; */
	}

	#topMenu li a.on{        /* 하위 메뉴의 a 태그의 마우스 오버 스타일 설정 */
       	color:#0099ff;
       	/* border-bottom: 1px solid #999999; */
    }
    
    #topSub li a.on{        /* 하위 메뉴의 a 태그의 마우스 오버 스타일 설정 */
       	color:#0099ff;
       	/* border-bottom: 1px solid #999999; */
    }
    
    .subMenuLi a{
		display:block;
		font-weight:normal;
		/* font-size:12px; */
		color:#333;
		margin:0;
		/* text-decoration:none;
		text-shadown:0 1px 1px rgba(0,0,0,0.3); */
	}
    		
    .submenu {              /* 하위 메뉴 스타일 설정 */
    	width:130px;
        margin:10px 0 0 -5px;
        position: absolute;     /* html의 flow에 영향을 미치지 않게 absolute 설정 */
        height: 0px;            /* 초기 높이는 0px로 설정 */
        overflow: hidden;       /* 실 내용이 높이보다 커지면 해당 내용 감춤 */
        transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(기본) */
        -webkit-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 크롬/사파라ㅣ) */
        -moz-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 파폭) */
        -o-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 오페라) */
        /* border: solid 1px #ff0000; */
    }

	.submenuLink{           /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
        text-decoration:none;               /* a 태그의 꾸밈 효과 제거 */
        display: block;                     /* a 태그의 클릭 범위를 넓힘 */
        /* width: 400px; */                      /* 기본 넓이를 150px로 설정 */
        font-size: 12px;                    /* 폰트 사이즈를 12px로 설정 */
        font-weight: normal;                  /* 폰트를 굵게 설정 */
        color: #2d2d2d;             /* 글씨 색을 RGB(2D2D2D)로 설정 */
        background-color: #f2f9ff;    /* 배경색을 흰색으로 설정 */
        height:25px;
        padding:5px 0px 0px 10px;
        border: solid 0px #ff0000;
    }

    .topMenuLi:hover .submenu { /* 상위 메뉴에 마우스 모버한 경우 그 안의 하위 메뉴 스타일 설정 */
        height: 150px;           /* 높이를 93px로 설정 */
        border-top: solid 0px #ff0000;    /* 테두리를 설정 */
    }