﻿@charset "utf-8";

/* layout */
#wrap {width:100%;}

/*header*/
#header {width:1200px;height:70px;margin:0 auto 15px auto;position:relative;z-index:101;}

#header h1.logo {width:204px;float:left;padding:15px 0 0 0;margin:0;line-height:12px;font-size:12px;margin-bottom:0px;}
#header h1.logo img {vertical-align:top;}

#header ul {padding:15px 0 0 60px;}  
 
   
#header .smenu {float:right;padding:0 0 0 0;position:relative;top:15px;margin-right:10px;text-align:right;line-height:12px;z-index:100;}
#header .smenu:after {content:'';display:block;clear:both;}
#header .smenu ul {padding-top:05px}
#header .smenu li {float:left;padding-top:0px;margin-left:12px;margin-left:12px;line-height:12px;letter-spacing:-1px;}
#header .smenu li.last {background:none;padding-right:0;margin-right:0;}
#header .smenu li.first {float:left;background:none;line-height:12px;letter-spacing:-1px;}
#header .smenu li.name {background:url('/images/site/main_li_point.gif') no-repeat 15px 12px;line-height:24px;letter-spacing:-1px;}
#header .smenu li a {color:#0875d1;text-decoration:none;cursor:pointer;}
#header .smenu li a:hover {cursor:pointer;}


#header .gnb {width:936px;float:right;margin-top:20px;position:relative;z-index:100;*zoom:1;line-height:34px;font-size:16px;}
#header .gnb:after {content:'';display:block;clear:both;}
#header .gnb li {float:left;width:100px;height:34px;color:#1d1c1c;text-align:center;padding-bottom:0px;font-weight:bold;}
#header .gnb li li {float:none;padding-bottom:0;}
#header .gnb li a:hover {text-decoration:none;}
#header .gnb li.on {background-color:#ffffff;}
#header .gnb li.on a {color:#0875d1;text-decoration:none;}

#gnb1 {position:absolute;width:171px;left:0px;top:45px;z-index:100;background-color:#fff;border-bottom:2px solid #1c4d7e;border-top:1px solid #ececec;}
#gnb1 ul {padding:10px 0px;}
#gnb1 ul li {padding-left:15px;border-top:1px solid #ececec;line-height:37px;font-weight:bold;}
#gnb1 ul li a {display:block;}
#gnb1 ul li a:hover {text-decoration: none;}

#gnb2 {position:absolute;width:199px;left:172px;top:45px;z-index:100;background-color:#fff;border-bottom:2px solid #1c4d7e;border-top:1px solid #ececec;}
#gnb2 ul {padding:10px 0;}
#gnb2 ul li {padding-left:15px;border-top:1px solid #ececec;line-height:35px;font-weight:bold;}
#gnb2 ul li a {display:block;}
#gnb2 ul li a:hover {text-decoration: none;}

#gnb3 {position:absolute;width:205px;left:371px;top:45px;z-index:100;background-color:#fff;border-bottom:2px solid #1c4d7e;border-top:1px solid #ececec;}
#gnb3 ul {padding:10px 0;}
#gnb3 ul li {padding-left:15px;border-top:1px solid #ececec;line-height:37px;font-weight:bold;}
#gnb3 ul li a {display:block;}
#gnb3 ul li a:hover {text-decoration: none;}

#gnb4 {position:absolute;width:195px;left:575px;top:45px;z-index:100;background-color:#fff;border-bottom:2px solid #1c4d7e;border-top:1px solid #ececec;}
#gnb4 ul {padding:10px 0;}
#gnb4 ul li {padding-left:15px;border-top:1px solid #ececec;line-height:37px;font-weight:bold;}
#gnb4 ul li a {display:block;}
#gnb4 ul li a:hover {text-decoration: none;}

#gnb5 {position:absolute;width:190px;left:769px;top:45px;z-index:100;background-color:#fff;border-bottom:2px solid #1c4d7e;border-top:1px solid #ececec;}
#gnb5 ul {padding:10px 0;}
#gnb5 ul li {padding-left:15px;border-top:1px solid #ececec;line-height:37px;font-weight:bold;}
#gnb5 ul li a {display:block;}
#gnb5 ul li a:hover {text-decoration: none;}

/*navigator*/
#navigator {width:100%;}
.navigator_img {width:100%;height:220px;}
.navigator_menu {width:100%;height:50px;background-color:#e9e9e9;}

.navigator_content_top {background:url('/images/common/navigator_bottom_line.gif') no-repeat 0px 110px;width:1200px;height:150px;margin:0 auto;text-align:center;}
.navigator_content_top h2 {padding-top:43px;color:#9a7e44;font-size:40px;line-height:32px;font-weight:bold;font-family:'맑은 고딕', 'Malgun Gothic','나눔고딕', NanumGothic, 'Nanum Gothic';letter-spacing:-1px;}
.navigator_content_top .location {text-align:right;line-height:14px;height:14px;margin-top:24px;color:#6a6a6a;font-family:'나눔고딕', NanumGothic, 'Nanum Gothic';}
.navigator_content_top .location span {background:url('/images/ico_home.gif') no-repeat 0 0px;padding-left:25px;}
.navigator_content_top .location b {font-style:normal;color:#465959;}
.navigator_content_top_msg {margin-bottom:10px;background-color:#e2e2e2;padding:8px 11px;}
.navigator_content_top_line {width:1200px;height:2px;}

#navigator .gnb {width:1200px;margin:0 auto;padding-left:50px;position:relative;z-index:100;*zoom:1;line-height:50px;color:#737373;font-size:14px;font-weight:bold;text-align:center;font-family:'맑은 고딕', 'Malgun Gothic','나눔고딕', NanumGothic, 'Nanum Gothic';letter-spacing:-1px;}
#navigator .gnb:after {content:'';display:block;clear:both;}

#navigator .gnb li {float:left;padding-bottom:0px;width:138px;border-right:1px solid #ffffff;}
#navigator .gnb li li {float:none;padding-bottom:0;}
#navigator .gnb ul li a {display:block;}
#navigator .gnb ul li a:hover {text-decoration: none;}
.gnb .on {font-weight:bold;color:#000000;background-color:#ffffff;border-top:2px solid #ff7300;}

/*content*/
#container {width:100%;}
#container:after {content:'';display:block;clear:both;}
#content {width:1200px;margin:0 auto;padding-bottom:39px;min-height:0px;_height:0px;}

/*footer*/
#footer {width:100%;margin-bottom:40px;margin-top:70px;}
.footer_cont {width:1200px;height:56px;margin:0 auto;position:relative;}
.footer_cont img {vertical-align:top;}
.footer_cont #footer_logo {float:left;width:210px;height:56px;background-color:red;}
.footer_cont #footer_copyright {float:left;width:925px;color:#fff;margin-left:16px;margin-top:16px;}
.footer_cont .footer_top {*zoom:1;position:absolute;right:25px;top:0px;}

.footer_cont p.address {color:#fff;line-height:15px;margin-top:14px;font-size:12px;}
.footer_cont p.copyright {clear:both;color:#fff;margin-top:20px;}
.footer_cont .logo {margin-top:20px;font-size:10px;line-height:10px;}
.footer_cont .menu {*zoom:1;padding-top:18px;}
.footer_cont .menu:after {content:'';display:block;clear:both;}
.footer_cont .menu li {float:left;background:url('/images/common/f_menu_bar.gif') no-repeat 100% 0;padding-right:9px;margin-right:7px;font-size:10px;line-height:10px;}
.footer_cont .menu li.last {background:none;padding-right:0;margin-right:0;}

.point01 {background:url('/images/common/bul_point01.png') no-repeat 0 0px;padding-left:21px;line-height:14px;font-size:14px;color:#2c64b1;font-weight:bold;}
.point01 img {vertical-align:top;}
.point02 {background:url('/images/common/bul_point02.png') no-repeat 6px 4px;padding-left:21px;line-height:0.9em;font-size:0.9em;}
.point02 img {vertical-align:top;}
.point03 {background:url('/images/common/bul_point03.png') no-repeat 6px 4px;padding-left:18px;line-height:14px;font-weight:bold;color:#82aeaf;}
.point03 img {vertical-align:top;}

/* common */
.clear {clear:both;overflow:hidden;height:0;}
.float_l {float:left;}
.float_r {float:right;}
.skip {position:absolute;visibility:hidden;overflow:hidden;height:0;line-height: 0;width:0;margin:0;padding:0;font:0/0 Arial;}
.align_c {text-align:center !important;}
.align_l {text-align:left !important;}
.align_r {text-align:right !important;}
.bgNo {background-image:none !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt17 {margin-top:17px !important;}
.mt18 {margin-top:17px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:30px !important;}
.mt80 {margin-top:40px !important;}
.mt90 {margin-top:50px !important;}
.mt100 {margin-top:60px !important;}
.mtr20 {margin-top:-20px !important;}
.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb50 {margin-bottom:50px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml50 {margin-left:50px !important;}
.ml70 {margin-left:70px !important;}
.mr5 {margin-right:5px !important;}
.mr20 {margin-right:20px !important;}
.mr24 {margin-right:24px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr50 {margin-right:50px !important;}
.bt0 {border-top:0 !important;}

input.ip_txt {border:1px solid #646464;height:23px;padding:0 6px;line-height:23px;}
input.ip_pw {border:1px solid #646464;height:23px;padding:0 6px;line-height:23px;}
input.ip_chk {margin:0;}
input.ip_rdo {margin:0;}
input.ip_read {border:1px solid #646464;height:23px;padding:0 6px;line-height:23px;background-color:#cccccc;}
select.select {border:1px solid #646464;height:23px;line-height:23px;}
textarea.ip_txta{resize:none;border:1px solid #646464;padding:3px 6px;margin:8px 0}


.count {color:#2a2f33;font-weight:bold;font-size:13px;}
.sky {color:#317fcc !important;}
.green{margin-top:20px;text-align:center;color:#00a3b7;font-weight:bold}
.light {color:#888888 !important;}
.fs10 {font-size:10px !important;}
.fs14 {font-size:14px !important;}
.citcle_no {padding-left:0px;line-height:14px;font-weight:bold;color:#82aeaf;}

.colormint{color:#0ea5b6;}
.color6{color:#666;}
.color8{color:#888;}
.colortabon{color:#528384;}
.colortaboff{color:#adc7c8;}
.fontbold{font-weight:bold;}
.his_tabon{background:url("/images/point/tab_on.gif")no-repeat;width:147px;height:27px;cursor:pointer;padding-top:13px;padding-left:20px;font-size:14px;font-weight:bold;}
.his_taboff{background:url("/images/point/tab_off.gif")no-repeat;width:147px;height:27px;cursor:pointer;padding-top:13px;padding-left:20px;font-size:14px;font-weight:bold;}

.paging {text-align:center;padding-top:20px;font-size:11px;font-family:arial;line-height:24px;}
.paging a {vertical-align:top;display:inline-block;width:24px;height:25px;border:1px solid #dddede;}
.paging a:hover {text-decoration:none;}
.paging a img {vertical-align:top;}
.paging strong {display:inline-block;width:24px;height:25px;border:1px solid #48adca;background-color:#48adca;color:#fff;}


.btn_gray_style {display:inline-block;background-color:#e6e6e6;height:22px;line-height:22px;color:#7c8484;padding:0 8px;font-family:dotum;font-size:12px;cursor:pointer;font-weight:bold;letter-spacing:-1px;}
.btn_gray_style:active {background-color:#eee;}

.btn_green_style {display:inline-block;background-color:#78abad;height:22px;line-height:22px;color:#fff;padding:0 15px;font-family:dotum;font-size:12px;cursor:pointer;font-weight:bold;letter-spacing:-1px;}
.btn_green_style:active {background-color:#8bc5c7;}

.btn_search_style {display:inline-block;background-color:#3c4141;height:26px;line-height:26px;color:#fff;padding:0 15px;font-family:dotum;font-size:12px;cursor:pointer;font-weight:bold;letter-spacing:-1px;border:1px solid #000;}
.btn_search_style:active {background-color:#555;}

.btn_white_style {display:inline-block;background-color:#f8f8f8;height:20px;line-height:20px;color:#555;padding:0 8px;font-family:dotum;font-size:12px;cursor:pointer;font-weight:bold;letter-spacing:-1px;border:1px solid #aeb8b9;}
.btn_white_style:active {background-color:#eee;color:#666;}

.btn_submit_style {display:inline-block;background-color:#46abc9;height:26px;line-height:26px;color:#fff;padding:0 8px;font-family:dotum;font-size:12px;cursor:pointer;font-weight:bold;letter-spacing:-1px;border:1px solid #49a9c9;text-align:center;padding-left: 8px;padding-right: 8px;}
.btn_submit_style:active {background-color:#7cc9dc;color:#fff;}

.btn_cancel_style {display:inline-block;background-color:#b6bdbd;height:26px;line-height:26px;color:#fff;padding:0 8px;font-family:dotum;font-size:12px;cursor:pointer;font-weight:bold;letter-spacing:-1px;border:1px solid #acb1b1;width:97px;text-align:center;}
.btn_cancel_style:active {background-color:#c2c7c7;color:#fff;}

.btn_grass_style {display:inline-block;background-color:#9fc946;height:26px;line-height:26px;color:#fff;padding:0 8px;font-family:dotum;font-size:12px;cursor:pointer;font-weight:bold;letter-spacing:-1px;border:1px solid #83bd3f;text-align:center;padding-left: 8px;padding-right: 8px;}
.btn_grass_style:active {background-color:#abe269;color:#fff;}

.btn_grass2_style {display:inline-block;background-color:#9fc946;height:20px;line-height:20px;color:#fff;padding:0 15px;font-family:dotum;font-size:12px;cursor:pointer;font-weight:bold;letter-spacing:-1px;border:1px solid #83bd3f;text-align:center}
.btn_grass2_style:active {background-color:#abe269;color:#fff;}

/*로딩*/
.loading{
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	/* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */
    /*background: #494949; */
    /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */
    background: rgba(0,0,0,0.6);
    /* IE에서 Filter적용을 위해 배경을 지움 */
    background: transparent !ie;
    /* 정상적인 Filter적용을 위해 zoom:1을 적용 */
    zoom:1;
    /* IE5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);
    /* IE8,9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000)";
	z-index: 1000;

}

#loadingBar{
	position: absolute;
	width: 100px;
	height: 100px;
	z-index: 10;
}

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
    position: fixed;
    z-index: 9999;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.2); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */    
}

.wrap-loading div{ /*로딩 이미지*/
        position: absolute;
        top:50%;
        left:50%;
        margin-left: -21px;
        margin-top: -21px;
}
.display-none{ /*감추기*/
        display:none;
}