@charset "utf-8";

/* 전체 */
.hd-element {display: block;overflow: hidden;position: absolute;left: -999999999999px;width: 0;height: 0;font-size: 0;line-height: 0;}
#accessibility a {display: block;position: absolute;z-index: 99999;top: 0;left: -9999px;width: 100%;padding: 10px 0;background-color: #000;background-color: rgba(0,0,0,0.8);text-align: center;color: #fff;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ header */
#dHead                        {height: 95px;position: relative;}
#dHead.none_location          {border-bottom:1px solid #ddd;}
#dHead #gnbWrap               {margin: 0px auto; width: 1200px; height: 95px; clear: both; position: relative; }
#dHead h1                     {width: 155px; margin-top: 18px; float: left;}
#dHead .gnb                   {height: 95px;margin-left: 410px;}
#dHead .gnb > li              {margin-left: 64px;line-height: 86px;display: inline-block;}
#dHead .gnb > li > a          {height: 95px;color: #1e1e1e;line-height: 95px;font-size: 21px;font-weight: 400;display: block;}
#dHead .gnb > li > a:before   {content: '';width: 4px;height: 4px;background: #1b98a0;position: relative;top: 48px;left: -32px;display:block;}
#dHead .gnb > li:first-child > a:before {background:#fff;}
#dHead .gnb > li > a.on       {border-bottom: 4px solid #37909e;}
#dHead .gnb > li > a:hover    {border-bottom: 4px solid #37909e;color:#37909e;font-weight:500;z-index: 666;}
#dHead .utill a.util_tot_navi {position: absolute;top:45px;right:0;width: 31px;height: 16px;background: url(images/total_navi_ico.png) no-repeat;background-size: 31px 16px;z-index: 1;cursor: pointer;}
#dHead .utill a.util_logout   {position: absolute;top: -1px;right: 0;z-index: 1;cursor: pointer;font-size: 11px;border: 1px solid #ddd;padding: 4px 12px;color: #848484;font-family: '맑은고딕';}
#dHead .utill a.util_logout:hover {background: #fbffff;color: #1a98a0;}
.blind {position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden;}
.ellip_link {display: inline-block;position: relative;height: 19px;font-size: 17px;color: #348cfa;line-height: 1.2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;max-width: 100%;}
.ellip_link:hover {font-weight: 400;color: #1b98a0;}
.mkg_txt {font-size: 17px;color: #333333;display: inline-block;letter-spacing: -.5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;max-width: 99%;}

/* 전체메뉴 */
.allmenu-bg {}
.allmenu-box {border-top: 2px solid #1b98a0 !important;border: 1px solid #222;box-shadow: 0 1px 5px 0px rgb(90 90 90 / 0.2);text-align: center;padding: 30px;width: 1200px;height: 380px;background: #fff;position: relative;left: 50% !important;top: 180px;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 52;}
h2.total_title {text-align: left;font-size: 28px;color: #111;padding: 0 0 25px;line-height: 1;font-weight: 500;border-bottom:1px solid #ddd;}

.allmenu-box .allmenu-box-1depth {width:100%;padding:30px 0;}
.allmenu-box .menu_1depth {float:left;border-right: 1px solid #ededed;width: 200px;height:160px;padding: 0 20px;}
.allmenu-box .menu_1depth .allmenu-tit {margin-bottom: 10px;font-size:20px; letter-spacing:-0.06em;color:#333; position:relative; font-weight:500;}
.allmenu-box .menu_1depth > li {margin-bottom: -10px;}
.allmenu-box .menu_1depth:nth-child(5) {border:none !important;padding-right:0;}
.allmenu-box .menu_1depth:nth-child(5) .allmenu-tit:after {content:'';display:none;}
.allmenu-box .menu_1depth .allmenu-tit a:hover {color:#1b98a0;border-bottom:1px solid #1b98a0; padding-bottom:2px;}
.allmenu-box .menu_1depth .allmenu-member-tit {font-size:22px; letter-spacing:-0.06em;color:#323232; font-weight:600;}
.allmenu-box .allmenu-member {border-left:1px solid #d4d4d7; margin-left:40px;}
.allmenu-box .menu_1depth a span {color:#4c4d52; font-size:17px; letter-spacing:-0.05em; line-height:50px; font-weight:400;}
.allmenu-box .menu_1depth a:hover span {color:#1b98a0;}
.allmenu-box > .close {position: absolute;top: 11px;right: 14px;width: 64px; height: 60px;text-align: center; line-height: 57px;}





#dHead.main_Head {border-bottom:1px solid #ddd;}
#dHead .submenu-wrap          {background: rgb(255, 255, 255); top: 94px; width: 100%; overflow: hidden; border-top: 1px solid #ddd; border-bottom: 1px solid #37909e; display: none; position: absolute; z-index: 50;}
#dHead .submenu-wrap > div    {margin: 0px auto; width: 1200px;}
#dHead .submenu-wrap .submenu {float: right;width: 760px;}
#dHead .submenu-wrap ul       {padding: 16px 0px; width: 102px; float: left;}
#dHead .submenu-wrap ul li    {text-align: center; line-height: 35px;}
#dHead .submenu-wrap ul li a  {color: #5a5a5a;font-size: 17px;font-weight: 400;}
#dHead .submenu-wrap ul li a:hover {color: rgb(0, 0, 0);}
#dHead .submenu-wrap ul.sub01, #dHead .submenu-wrap ul.sub02, #dHead .submenu-wrap ul.sub03, #dHead .submenu-wrap ul.sub04, #dHead .submenu-wrap ul.sub05 {width: 142px;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ //header */


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ location */

.sub_lnb_menu { background: #1b98a0; margin: 0px auto; width: 100%;position:relative;z-index:20;}
.sub_lnb_menu .location {margin: 0px auto; width: 1200px; height: 55px;}
.sub_lnb_menu .location > ul > li {background: url("images/ico_select_white.png") no-repeat 155px center; float: left; position: relative;border-right: 1px solid #75b9bd;}
.sub_lnb_menu .location > ul > li:first-child a {background: none; padding: 0px; border: 0px currentColor; border-image: none; width: 52px;border-left: 1px solid #75b9bd;text-align:center;}
.sub_lnb_menu .location > ul > li > a {padding: 0px 0px 0px 25px; width: 170px; height: 55px; color: #fff; line-height: 55px; font-size: 16px; font-weight: 400;display: block;}
.sub_lnb_menu .location > ul > li a img {vertical-align: middle;}
.sub_lnb_menu .location .sel-list ul {left: -1px; top: 54px; display: none; position: absolute; z-index: 10;border: 1px solid #0f7687;}
.sub_lnb_menu .location .sel-list ul li a {background: rgb(255, 255, 255); width: 170px; height: 40px; color: rgb(102, 102, 102); line-height: 35px; padding-left: 25px; font-size: 15px; display: block;border-bottom:1px solid #ececec;}
.sub_lnb_menu .location .sel-list ul li a:hover {background:#fcfdfd;}
.sub_lnb_menu .location .btn_gohome {background: #fff;width: 210px; height: 55px; line-height: 55px; float: right;text-align: center;box-shadow: 0 1px 5px 0px rgb(90 90 90 / 0.2);}
.sub_lnb_menu .location .btn_gohome a {color: #0f7687;font-size: 16px;font-weight: 500;}
.sub_lnb_menu .location .btn_gohome:hover {background:#0b535f;color:#fff;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ //location */

#container{position: relative;margin: 80px auto 100px;width: 1200px;min-height: 500px;z-index: 10;}

/* // footer */
footer{position: relative;background:#262626;border-top: 3px solid #0f7687;}
footer .footer_wrap{padding: 36px 0;margin: 0 auto;width: 1200px;}
footer .foot_td {display: inline-block;vertical-align: middle;}
footer .footd01{width: 330px;font-size: 0;line-height: 0;}
footer .footd02 > ul > li {display: inline-block;font-size:14px;letter-spacing: -0.4px;}
footer .footd02 > .foot_util > li {margin:0 20px 0 0;}
footer .footd02 > .foot_util > li > a:hover {color:#3e67d4;}
footer .footd02 > .foot_util > .util_li:after {display: block;content: '';width: 1px;height: 10px;background: #9a9a9a;position: relative;left: 110px;top: -13px;}
footer .footd02 .address > ul > li   {color: #979797;margin-bottom: -3px;font-size: 15px;letter-spacing: -0.2px;}
footer .footd02 .address > ul > li> button {display: inline;padding: 5px 12px;background: #c0c8e3;color: #fff;position: relative;top: -4px;left: 3px;}
footer .footd02 .address .copyrights {color:#979797;font-size: 14px;letter-spacing: 0;}
footer .footd02 .ft_link > li > a {font-size: 16px;color: #e6e6e6;padding-right: 15px;margin-bottom: 8px;font-weight: 400;display: inline-block;}
footer .footd02 .ft_link > li > a:hover {color:#208ea0;}
.ft_familysite{display:inline-block;float:right;margin-top: 16px;}
.ft_familysite > select {border:1px solid #6b6b6b;background: #262626 url(images/ico_select_white.png) no-repeat right 13px center;color: #fff;padding: 0 15px;
                         appearance: none;-webkit-appearance: none;}
/* // footer */

/* 서브 헤더 */
.sub_gnb{margin: 0 auto;position: relative;width: 1200px;vertical-align: middle;line-height: 75px;}
.sub_gnb h1 {float: left;line-height: 90px;}
.sub_gnb #menuhover {float:right;position: absolute;right: 0px;top: 0px;line-height: 90px;}
.sub_gnb #menuhover > li {display: inline-block;color: #fff;font-size: 20px;letter-spacing: -2px;margin-left:50px;text-align: center;}
.sub_con_wrap  {width:1200px;margin:70px auto 0;}
.con_area_wrap {position: relative;width: 1200px;}
.sub_title{position: relative;text-align:center;font-size:40px;letter-spacing:-0.8px;font-weight:500;color:#222;}
.sub_title02 {display:block;font-size:20px;font-weight: 400;color: #444;margin: 5px 0 50px 0;}
.tit_common {background: #f5f5f5;border-top: 1px solid #1a98a0;margin-bottom: 40px;padding: 30px 40px;}
.tit_bold   {font-size: 24px;color: #1e1e1e;font-weight: 600;}
.tit_bold_s {font-size: 18px;color: #1e1e1e;font-weight: 600;margin-bottom: 10px;display: block;}
.ctemp_cont {line-height: 22px;margin: 18px 0 0 0;font-size: 16px;color: #464646;}
.dot_txt_tit {font-size: 17px;color: #5a5a5a;}
.dot_txt_tit > li {position: relative;margin-bottom: 10px;padding-left: 13px;}
.dot_txt_tit > li:before {content: '';width: 4px;height: 4px;background: #0f7687;position: absolute;top: 9px;left: 0;}
.dash_txt_tit > li {position: relative;margin:10px 0;padding-left: 20px;}
.dash_txt_tit > li:before {content: '※ ';font-size:15px;color: #9E9E9E;position: absolute;top: 0;left: 0;}
.require_txt_tit {position: relative;top: -15px;text-align: right;}
/* //서브 헤더 */


/*footer - 담당자정보*/
.respon_info{position:relative;padding:20px 30px;background:#fff;border:1px solid #1b98a0;margin-top:80px;}
.respon_text {display: inline-block;width: 100%;vertical-align: middle;}
.respon_info .respon_tit{font-size: 20px;float: left;letter-spacing: -0.8px;}
.respon_info .respon_tit > img {width:48px;height:48px;vertical-align: middle;padding-right:8px;}
.respon_info .respon_tit02{float:right;font-size: 22px;letter-spacing: -0.8px;font-weight: 600;line-height: 48px;}
span.text_green {color:#1b98a0;}
/*//footer - 담당자정보*/

/* 버튼-배경 */
.btn_bg	   {vertical-align:middle;padding:11px 34px; border-radius: 100px;border:1px solid #1b98a0;color:#1b98a0;font-size:14px;letter-spacing: -0.4px;}
.bg_basic  {padding:11px 34px;border-radius: 100px;border:1px solid #0f7687;color:#fff;font-size:14px;letter-spacing: -0.4px;background:#0f7687;}
.bg_green  {padding:11px 34px;border-radius: 100px;border:1px solid #1b98a0;color:#fff;font-size:14px;letter-spacing: -0.4px;background:#1b98a0;}
.bg_gray   {padding:11px 34px;border-radius: 100px;border:1px solid #8d919e;color:#fff;font-size:14px;letter-spacing: -0.4px;background:#8d919e;}
.bg_basic:hover   {background:#66ac28;border:1px solid #66ac28;}
.bg_gray:hover	  {background:#c9c7c7;border:1px solid #c9c7c7;color:#fff;}
.bg_green:hover   {background: #1b7fa0;border: 1px solid #1b7fa0;}
.btn_bg:hover     {border:1px solid #1b7fa0;color:#1b7fa0;}
.btn_input_search {display: block;position: absolute;right: 0;top: 0;overflow: hidden;width: 42px;height: 42px;background: url(images/ico_search.png) no-repeat 50% 50%;text-indent: -100px;}
.btn_pass_user{margin-top:10px;padding:11px 40px; border-radius: 100px;border:1px solid #332f25;color:#fff;font-size:14px;letter-spacing: -0.4px;background:#332f25;}
.btn_pass_user:hover {background:#395867;border:1px solid #395867;}
#menuhover > li > a:hover {color:#0f7687;font-weight:500;}
.location_inner .location_btn:hover{background:#0e0e0e;}
.btn_formsm {display: inline-block;font-size: 14px;padding: 8px 13px;white-space: nowrap;border: 1px solid #8d919e;border-radius: 3px;background: #fff;vertical-align: top;}
.btn_formsm:hover {    background: #f7f9fe;border: 1px solid #9b9999;}


/* 버튼-라인 */
.line_round_b{padding:11px 34px; border-radius: 100px;border:1px solid #1b98a0;color:#1b98a0;font-size:14px;letter-spacing: -0.4px;}
.line_round_b:hover {background: #1b98a0;color:#fff;}