@charset "utf-8";

/* CSS Document 20250206 */

html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legetns, input, textarea, button, p, blockquote, th, td, label, select, p, i { box-sizing:border-box;}

/**content 시작 **/
/* ##########  NEW start #######*/
#main_cont { position: relative; height:711px; background-image:url(../../img/ko/main_2021/mian_bg.jpg); background-size:cover; border:1px solid #fff;}

.main_top{ height:156px; position:relative; text-align:center;}
.main_top img{ margin-top:50px;}

.card_link:after, .mem_login > li:after, .card_menu:after, .main_middle:after{ clear:both; display:block; content:""; }

.main_middle{ height:438px; margin-bottom:41px; margin-top:41px;}

/* (로그인 전) 카드 배너 */
.card_wrap{ float:left; width:752px; height:438px;}
.card_link{}
.card_link li{ position:relative; float:left; width:244px; height:438px; border-radius:20px; text-align:center; transition: all 0.3s;  transform: translate(0, 0); box-sizing:border-box;}
.card_link li:hover{transform: translate(-5px, -5px);
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1)  ; 
	-webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1)  ; 
	-moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1)  ; 
}

.card_link li:nth-child(1){ background:url(../../img/ko/main_2021/card_link_bg01.png) no-repeat left 20px top -30px #ff7950; margin-right:9px;}
.card_link li:nth-child(2){ background:url(../../img/ko/main_2021/card_link_bg02.png) no-repeat left 40px top 227px #0a74d7; margin-right:9px;}
.card_link li:nth-child(3){ background:url(../../img/ko/main_2021/card_link_bg03.png) no-repeat left 104px top 88px #ffffff; border:1px solid #d1e4ee}

.card_link li p{ font-family: 'malgunbd';}
.card_link li:nth-child(1) p{ color:#fff; font-size:26px; line-height:36px; margin-top:156px;}
.card_link li:nth-child(2) p{ color:#fef862; font-size:30px; line-height:36px; margin-top:15px;}
.card_link li:nth-child(3) p{ color:#005fa1; font-size:24px; margin-top:168px;}

.card_link li span{ font-weight:bold; display:block;}
.card_link li:nth-child(2) span{ font-size:14px; color:#fff; margin-top:85px;}
.card_link li:nth-child(3) span{ font-size:60px; color:#d6effd; margin-top:20px;}

.card_link .btn_go{ display:inline-block; width:130px; height:38px; line-height:38px; border-radius: 50px; padding-left:22px; text-align:left; position:absolute; left: 50%; transform: translateX(-50%); bottom:44px; font-family: 'malgunbd'; border:1px solid #fff;}
.card_link li:nth-child(1) .btn_go{ background:url(../../img/ko/main_2021/icon_win_jump.png) no-repeat right 16px center #fff; color:#ff7950;}
.card_link li:nth-child(1) .btn_go:hover{ background:url(../../img/ko/main_2021/icon_win_jump_hover.png) no-repeat right 16px center #ff9473; color:#fff;}
.card_link li:nth-child(2) .btn_go{ background:url(../../img/ko/main_2021/arrow_right_go.png) no-repeat right 16px center #fff; color:#0a74d7}
.card_link li:nth-child(2) .btn_go:hover{ background:url(../../img/ko/main_2021/arrow_right_go_hover.png) no-repeat right 16px center #3b90df; color:#fff}
.card_link li:nth-child(3) .btn_go{ background:url(../../img/ko/main_2021/arrow_right_go.png) no-repeat right 16px center #e1f4ff; color:#005fa1}
.card_link li:nth-child(3) .btn_go:hover{ background:url(../../img/ko/main_2021/arrow_right_go_hover.png) no-repeat right 16px center #005fa1; color:#fff}
.card_link li:nth-child(2) .btn_go:after{ content: ""; position: absolute; left: 20px; top: -77px; width: 86px; height: 76px; background:url(../../img/ko/main_2021/icon_girl.png) no-repeat;}

/* (로그인 후) 메뉴 */
.card_menu{}
.card_menu li{ float:left; margin-right:10px; border-radius:20px;}
.card_menu li a{ display:block; width:241px; padding:152px 0 34px 0; text-align:center; font-size:18px; color:#3c3c3c; font-family: 'malgunbd'; border-radius:20px; border:1px solid #d1e4ee; position:relative;}

.card_menu li:nth-child(3n+3){ margin-right:0;}
.card_menu li:nth-child(n+4){ margin-top:10px;}


/* Right Contents */
.right_warp{ width:418px; float:right;}

/* 로그인 영역 */
.mem_area{ height:190px;}

/* 배너 영역 */
.banner_area{ height:244px; }
.banner_tit{ height:42px; line-height:42px; border:1px solid #d1e4ee; border-radius: 20px 20px 0 0; background:#fff; color:#323232; font-size:16px; padding-left:22px;}
.banner_area img{ border-radius:0 0 20px 20px;}

/* (로그인 후 - 사업장) 메뉴 */
.card_menu li{ }
.card_menu li a{ transition: all 0.3s;  transform: translate(0, 0); box-sizing:border-box;}
.card_menu li a:hover{transform: translate(-5px, -5px);
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1)  ; 
	-webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1)  ; 
	-moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1)  ; 
}
.card_menu.biz li:nth-child(1) a{ background:url(../../img/ko/main_2021/biz_icon01.png) no-repeat top 45px center #fff;}
.card_menu.biz li:nth-child(2) a{ background:url(../../img/ko/main_2021/biz_icon02.png) no-repeat top 55px center #fff7f5;}
.card_menu.biz li:nth-child(3) a{ background:url(../../img/ko/main_2021/biz_icon03.png) no-repeat top 52px center #fff;}
.card_menu.biz li:nth-child(4) a{ background:url(../../img/ko/main_2021/biz_icon04.png) no-repeat top 48px center #fffef3;}
.card_menu.biz li:nth-child(5) a{ background:url(../../img/ko/main_2021/biz_icon05.png) no-repeat top 35px center #fff;}
.card_menu.biz li:nth-child(6) a{ background:url(../../img/ko/main_2021/biz_icon06.png) no-repeat top 48px center #fff;}

/* (로그인 후 - 관리자) 메뉴 */
.card_menu.admin li:nth-child(1) a{ background:url(../../img/ko/main_2021/admin_icon01.png) no-repeat top 45px center #fffef3;}
.card_menu.admin li:nth-child(2) a{ background:url(../../img/ko/main_2021/admin_icon02.png) no-repeat top 48px center #fff;}
.card_menu.admin li:nth-child(3) a{ background:url(../../img/ko/main_2021/admin_icon03.png) no-repeat top 40px center #fff7f5;}
.card_menu.admin li:nth-child(4) a{ background:url(../../img/ko/main_2021/admin_icon04.png) no-repeat top 56px center #fff;}
.card_menu.admin li:nth-child(5) a{ background:url(../../img/ko/main_2021/admin_icon05.png) no-repeat top 46px center #fffef3;}
.card_menu.admin li:nth-child(6) a{ background:url(../../img/ko/main_2021/admin_icon06.png) no-repeat top 56px center #fff;}

/* (로그인 전) 로그인 영역 */
.mem_login{ width:378px; margin-left: 40px;}
.mem_login > li{ position:relative;}
.mem_login > li:nth-child(1){margin-bottom:14px;}
.mem_login > li:nth-child(2){margin-bottom:10px;}

.mem_login > li:nth-child(2) input[type=text]{border:1px solid #c8c8c8; height:34px; line-height:34px; width:294px; padding-left:10px; float:left; margin-bottom:5px; box-sizing: border-box;}
.mem_login > li:nth-child(2) input[type=password]{ border:1px solid #c8c8c8; height:34px; line-height:34px; width:294px; padding-left:10px; float:left; box-sizing: border-box;}
.mem_login > li:nth-child(2) a{ position:absolute; top:0; right:0;}

.id_save_wrap{ display: flex; width: 100%; align-items: center;}
.id_save_wrap li{ color:#323232; font-size:12px; position:relative;}
.id_save_wrap li input{ margin-right:4px; vertical-align:middle;}
.id_save_wrap li:nth-child(1){ padding-right:10px;}
.id_save_wrap li:nth-child(2){ padding-left:10px;}
.id_save_wrap li:nth-child(1):before {content: ""; position: absolute; right: 0; top: 1px; width: 1px; height: 12px; background: #b5b5b5; display: block;}

/* 250116 */
.cert_step2_wrap{ display: flex; align-items: center; margin-left: 18px; gap: 10px;}
.cert_step2{ height: 24px; border-radius: 24px; background: #fff; padding: 0 4px; border: 1px solid #c8c8c8; display: flex; align-items: center;}
.cert_step2 button{ width: 50px; height: 18px; border-radius: 18px; border: none; background: #fff; font-size: 11px; color: #717171; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.cert_step2 button.on{ background: #0056aa; color: #fff; font-weight: bold;}
.cert_step2 button:nth-child(2).on{ background: #717171;}


/* (로그인 후 - 사업장, 관리자) 로그인 영역 */
.mem_login_after{ width:338px; margin:3px auto 0 auto;}
.mem_login_after li:nth-child(1){ margin-bottom:6px;}
.mem_login_after li:nth-child(2){ }
.mem_login_after li:nth-child(3){ margin-bottom:8px;}
.mem_login_after li:nth-child(4){ padding:0 10px;}
.mem_login_after li:nth-child(4) span{ color:#3a709b; font-size:13px; font-family: 'malgunbd';}

.uer_login_name{ width:100%; height:36px; line-height:36px; background:url(../../img/ko/main_2021/icon_user.png) no-repeat left 10px center #fff;; border:1px solid #d1e4ee; border-radius:50px; color:#646464; font-size:14px; padding-left:42px; box-sizing:border-box;}
.uer_login_name b{ color:#323232;}
.mem_login_after a{ display:inline-block;}
.mem_login_after .btn_logout{ float:right; font-size:14px; color:#1e1e1e; text-decoration:underline; font-family: 'malgunbd';}

/* 게시판 */
.bbs_wrap{ width:1180px; border-bottom:1px solid #d1e4ee; background:#fff; border-radius:10px 10px 0 0; padding:20px 30px; position:absolute; z-index:99; top:630px; left: 50%; transform: translateX(-50%); box-sizing: border-box;}
.bbs_wrap > div:nth-child(1){ margin-right:30px;}
.bbs_wrap > div:nth-child(2){ margin-right:30px;}
.bbs_list{ width:352px; float:left;}
.bbs_tit{ position:relative; font-size:18px; color:#0084d5; font-weight:bold; border-bottom:1px solid #e6e6e6; padding-bottom:12px; margin-bottom:9px;}
.bbs_tit .btn_more{ position:absolute; right:8px; top:22; display:inline-block; font-size:13px; color:#646464; font-weight:normal; 
	background:url(../../img/ko/main_2021/arrow_bbs_more.png) no-repeat right center; padding-right:12px;
	}

.bbs_wrap ul{}
.bbs_wrap li{}
.bbs_wrap li{ position:relative; padding-left:8px; color:#323232; font-size:14px; line-height:30px; letter-spacing:-0.5px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; width:100%; display:block;}
.bbs_wrap li:before {content: ""; position: absolute; left: 0; top: 14px; width: 2px; height: 2px; background: #323232;}
.bbs_wrap li.qna_rock:before{ background:none;}

/* ##########  NEW end #######*/




#wrap {}
/**content 시작 **/
#main_content { position: relative;  }
.zcont { z-index:998; }


/**bg content**/
.contfull { width:100%; position:absolute; top:0px; left:0px; }
.contLayout> h3 { position:absolute; top:80px; right:0px; }
.arrow_menu { position:absolute; top:180px; right:0px; }
.arrow_menu> a { color:#fff; font:14px malgun; background:url(../../img/arrow_menu.png) no-repeat right center;font-weight:bold; display:block; line-height:50px; border-bottom:1px solid rgba(255,255, 255, 0.25); }
.prm { font-family:"Verdana"!important;   }

#login {
	background:rgba(0, 0, 0, 0.25);
	/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000); *//*배경만투명 IE8이하*/
 	position:absolute; top:300px; right:0px; width:245px; height:101px; padding:15px; color:#fff; font:12px '돋움'; 
	}
.idpswd { display:inline-block; }
.textbox {position: relative; padding-bottom: 5px;}
.textbox label { position: absolute; top: 0px; left: 0px; padding: 8px; color: #b8b8b8; cursor: text; }
.textbox input[type="text"], .textbox input[type="password"]{  width: 158px; line-height : normal; padding:5px 7px; border: 1px solid #939393; }
.login_btn { font-family:malgun; width:65px; height:60px; display:inline-block; float:right;  background:#01c2e3;  font-size:14px;  border:1px solid #007b90; text-align:center; line-height:57px; letter-spacing:-1px; font-weight:bold;  }
.longin_font {  font:12px '돋움'; letter-spacing:-1px; }

/*로그인했을때 161216수정*/
.login_name { font-size:13px; display:inline-block; font-weight:bold; font-family:"'돋움'"; letter-spacing:-1px;  }
.longin_font2 {  font:13px '돋움'; font-weight:bold; display:block;  }
.system_go> a { background:url(../../img/system_go.png) no-repeat left center; font-family:malgun; display:block; font-weight:bold; font-size:15px; padding:2px 0px 2px 25px; line-height:15px; }
.system_go { padding:15px 0px; display:inline-block; }

.system_btn { width:100%; font-family:malgun; display:inline-block; background:#01c2e3;  font-size:14px;  border:1px solid #007b90; 
padding:10px 0px; letter-spacing:-1px; font-weight:bold; text-align:center; margin-bottom:10px; }
.logout { text-align:right; font-weight:bold; display:block; text-decoration:underline; margin-top:5px;  }

.system_btn> p { background:url(../../img/system_go.png) no-repeat 55px center; padding-left:40px;  }


.board_box> .tab { border-bottom:1px solid #e2e2e2; }
.board_box> .tab:after { clear:both; display:block; content:""; }
.board_box> .tab> li { float: left;  }
.tab_con { clear:both; }
.tab_con> div { display:none; }

.tab li.on { color:#000;}
.tab li { color:#acacac;}

.main_cont3 { /* 이거 하면 이미지 마우스오버안먹음 float:left; margin-top:445px;*/  position:absolute; top:445px; }
.board_box { float:left; width:273px; height:179px; padding:20px 18px; position:relative; }
.notice { background:url(../../img/notice_bg.png) no-repeat; overflow:hidden; }
.qna { background:url(../../img/qna_bg.png) no-repeat; overflow:hidden; }
.popup { background:url(../../img/share_bg.png) no-repeat;  overflow:hidden;}
.qna> .board_title { border-bottom:1px solid #e2e2e2; }
.board_title { font-weight:bold; font-size:16px; font-family:malgun; padding:0px 0px 15px 7px; letter-spacing:-1px; }
.linebg { position:absolute; top:55px; width:80px; height:3px; }
.notice_sub> .linebg { left:18px;  }
.temporarily> .linebg { left:108px;}
.linecolor_1 { background:#60b62d; }
.linecolor_2 { background:#00aeef; }
.linecolor_3 { background:#1547b0; }
.more> a { position:absolute; top:20px; right:20px; font:12px Verdana; background:url(../../img/more_bg.png) no-repeat right 5px; padding-right:8px; display:block; }
.tab_common> dl { border-bottom:1px dashed #acacac; padding:10px 0px; }
.tab_common> dl> dt> a { font-weight:bold; font-size:15px; font-family:malgun; width:195px; letter-spacing:-1px; display:inline-block; }
.day {  font-size:10px; font-family:"Verdana"; float:right; color:#a3a3a3; padding-top:3px; }
.board_text{ font-size:12px; font-family:malgun; color:#4f4f4f; letter-spacing:-1px; }
.board_list{ background:url(../../img/list_Bg.gif) no-repeat left center; padding-left:7px; }
.notice> dl> dd> a { width:auto !important; }
.tab_common> .qnalist { padding:10px 0px; }
.tab_common> .qnalist li { margin-bottom: 5px; }
.qna_rock { background:url(../../img/qna_icon.png) no-repeat left center; padding-left:15px;}
.qna_re { background:url(../../img/qna_re.gif) no-repeat left 3px; padding:0px 0px 5px 22px;}
.re { padding:0px 0px 4px 15px; margin-bottom:4px; border-bottom:1px  dashed #acacac; }
.popup_list { border:1px solid #d0cfd1; width:100%; height:146px; display:block; position:relative; }

/**퀵시작**/
#quick_banner { border-top:1px solid #394a5a;  background:#4c5d6f; }
#quick_banner:after { content: ""; display: block; clear: both; }
.quick {float:left; padding:10px 0px 10px 66px; color: #fff; font-size:12px; letter-spacing:-1px; }
.quick> a> p { font-family:malgun; }
.quick> a> .q_title{ font-weight:bold; font-size:14px; display:block; }
.quick_01{ background:url(../../img/quick_01.png) no-repeat 7% 50%;  }
.quick_02{ background:url(../../img/quick_02.png) no-repeat 7% 50%;  }
.quick_03{ background:url(../../img/quick_03.png) no-repeat 7% 50%; }

.simple_banner_wrap{ position:relative; overflow:hidden;}
.simple_banner_wrap ul{ position:absolute;}
.simple_banner_wrap ul li{ position:absolute; top:0; left:0;}
.simple_banner_wrap ul li img{ width:298px; height:208px;}
.simple_banner_wrap .nav_wrap ul li{ display:inline-block; position:relative; width:10px; height:10px; margin:0 3px; cursor:pointer; }
.bullet ul { position:absolute; left:50%; transform: translateX(-50%); top:4px; }
.simple_banner_wrap .nav_wrap.bullet ul li{ font-size:10px; text-indent:-1000px; border-radius:10px; background-color:#fff;}
.simple_banner_wrap .nav_wrap.bullet ul li.on{ background-color:#1547b0; }
.simple_banner_wrap .nav_wrap.prev_next{ height:14px; line-height:14px; text-shadow:1px 1px 0px #CCC; }
.simple_banner_wrap .nav_wrap.prev_next ul li{ font-size:12px; width:14px; height:14px; font-weight:bold; text-align:center; }
.banner01{ width:100%; height:100%;}
.board_box.popup{ padding:7px 4px 3px 7px; width:296px; height:219px;}

.simple_c {position:absolute; top:38px; right:18px;z-index: 99999}
.simple_c .simple_s {display: inline-block;}
.simple_c .sm-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../../img/controls.png) -86px -11px no-repeat;
}
.simple_c .sm-start:hover,
.simple_c .sm-start.active {
    background-position: -86px 0;
}

.simple_c .sm-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../../img/controls.png) -86px -44px no-repeat;
}

.simple_c .sm-stop:hover,
.simple_c .sm-stop.active {
    background-position: -86px -33px;
}

.pop_lay{ width:440px; position: absolute; border: 1px solid #323232; z-index:9999; color:#333333; background:url(../../img/pop_bg.gif) #fff; top:20px;}
.pop_lay.p01{ left:-250px;}
.pop_lay.p02{ left:200px;}
.pop_lay .tit{ font-size:19px; font-weight:bold; letter-spacing:-1px; text-align:center; margin-top:20px;}
/* .pop_lay .cont{ font-size:14px; line-height:22px; padding:15px; height:330px;} */
.pop_lay .cont{ font-size:13px; line-height:22px; padding:15px; height:330px;}
.pop_lay .one_close{ font-size:12px; padding:10px; vertical-align:middle; background:#333333; color:#fff;}
.pop_lay .one_close input{ vertical-align:middle;}
.pop_lay .go_noti{ font-weight:bold; text-decoration:underline; margin-top:10px;}

/* 비밀번호 변경 팝업 */
.pop_pw_change_wrap{ position: relative; display: none;}
.pop_pw_change_wrap::after{ content: "";  position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); opacity:1; z-index:99;}

.pop_pw_change{ position: fixed; box-sizing: border-box; width: 480px; height: 530px; left: 50%; top: 50%;transform: translate(-50%, -50%); border-radius: 10px; background-color: #fff; padding: 40px; background-image: url(../../img/icon_pw_c.png); background-position: left 40px top 40px; background-repeat: no-repeat; z-index: 100;}
.poppw_change_cont{ margin-top: 80px;}
.poppw_change_cont .p_ch_tit{ font-size: 22px; font-weight: bold;}
.poppw_change_cont .p_ch_desc{ font-size: 14px; margin-top: 8px;}
.poppw_change_cont .inp_list{ margin-top: 30px;}
.poppw_change_cont .inp_list li:not(:first-child){ margin-top: 14px;}
.poppw_change_cont .inp_list li input[type=password]{ border: none; border-bottom: 1px solid #ddd; height: 45px; font-size: 14px; width: 100%;}
.poppw_change_cont .inp_list li input[type=password]::placeholder{ color: #969696;}

.p_ch_desc2{ position: relative; color: #727272; font-size: 14px; line-height: 1.4; padding-left: 18px; margin-top: 20px;}
.p_ch_desc2::before{ content: "※"; position: absolute; left: 0;}

.poppw_change_btnarea{ margin-top: 30px; display: flex; justify-content: space-between;}
.btn_poppw{ border: 1px solid #ddd; border-radius: 5px; font-size: 16px; font-weight: bold; color: #727272; width: 190px; height: 44px; display: flex; justify-content: center; align-items: center;}
.btn_poppw.change{ border: none; background: #144d92; color: #fff;}

.btn_pwchange_close{ position: absolute; top: 40px; right: 40px; width: 20px; height: 20px; background: url(../../img/btn_pw_close.png) no-repeat center;}