@charset "utf-8";

/*@import url('mng_default.css');*/
@import url('mng_comm.css');
@import url('mng_board.css');
/*@import url('popup.css');*/


/* 로그인 */
.adminLogin_wrap {  background: url(../images/mng/login_bg02.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:100%;}
.login_container { width:100%; position:absolute; bottom:0; top:0; left:0; }
.login_container .login_area { text-align:center; color:#000000; position:relative; display: table; table-layout: fixed; width: 100%; height: 100%; padding-bottom: 132px; box-sizing: border-box}
.login_container .login_area .inner {display: table-cell; vertical-align: middle;}
.login_container .login_area .t_point { color:#48caff;}
.login_container .login_area .logo { background:url(../images/common/logo_white.png) no-repeat; width:460px; height:88px;}
.login_container input { height:45px; width:300px; border:none; padding:0 13px; box-sizing:border-box; color:#000000; font-size:15px; font-weight:600;}
.login_container .login_area .login_text_box { background:url(../images/mng/login_text_box.png); width:460px; display: inline-block; margin:20px auto; color:#fff; padding:20px 0; }
.login_container .login_area .login_text_box li { line-height:22px; font-size:14px;}
.login_container .login_area .add_text { clear:both; color:#848dff; text-align:left; width:460px; margin:0 auto;}
.login_container .login_area .entry { clear:both; overflow:hidden; text-align:center;}
.login_container .login_area .entry .login { display:inline-block; overflow:hidden;}
.login_container .login_area .entry .login li { margin-bottom:13px;}
.btn_login { box-sizing:border-box; display:inline-block; background:#0e2a58; color:#ffffff; width:150px; height:103px; font-size:20px; margin-left:7px; font-weight:600; vertical-align:top;}
.login_container .login_area .login_btn_area { display:inline-block; width:460px; text-align:left; margin:0 auto;}
.login_container .login_area .login_btn_area .btn_s01 { display:inline-block; background:#353d41; color:#fff; padding:9px 10px; margin-right:8px;}
.login_container .login_area a.btn_login2 { display:inline-block; background:#202020; line-height:46px; height:46px; text-align:center; width:160px; font-weight:600; color:#ffffff; font-size:16px; letter-spacing:-1px; padding:0;}

.login_container .login_footer { position:absolute; width:100%; background:url(../images/main/footer_bg.png); height:107px; padding-top:36px; color:#717172; text-align:center; bottom:0; font-size:11px; box-sizing: border-box}
.login_container .login_footer .address { text-align:left; width:1000px; margin:0 auto;}
.login_container .login_footer ul { position:relative; display:inline-block; line-height:20px; vertical-align:middle; color:#fff; font-size:11px;}
.login_container .login_footer img  { position:relative; display:inline-block; margin-right:40px; vertical-align:middle;}
.login_container .login_footer .btn_resSite { background:#121212; color:#fff; padding:9px 16px; border-radius:4px; font-size:12px; letter-spacing:-1px; float: right; margin-top: 5px}
.login_container .login_footer .btn_top { background:#7e8288; color:#fff; padding:9px; border-radius:4px; font-size:12px; margin-left:7px;}




/* 아이디,비밀번호 찾기*/
.idpw_wrap { width:100%; height:100%; background:#f2f4f8;}
.idpw_wrap .header { position:absolute; top:0; left:0; width:100%;  background-color:#273b5a;  z-index:990;}
.idpw_wrap .header .gnb { height:52px; background-color:#273b5a; width:1000px; margin:0 auto; padding:15px 0; box-sizing:border-box;}
.idpw_wrap .header .gnb h1 a {background:url(../images/main/logo.png) no-repeat 0 0;  padding:0;  margin:0; text-indent:-9999px;  display:block;  width:214px;  height:29px;}
.idpw_container { width:100%; position:absolute; float:left; margin:0; padding-top:10px; bottom:0; top:0; left:0;  max-height:auto; border-right:3px #999 solid;}
.idpw_container .box_area { margin:0 auto; width:1000px; border:1px solid #d8d8e1; background:#fff; text-align:center; color:#000000; position:relative; margin-top:16%;}
.idpw_container .box_area .tit_area { position:relative; display:block; border-bottom:2px solid #3a4f70; padding:25px 30px; text-align:left; font-size:14px; color:#888; letter-spacing:-1px; background:url(../images/main/idpw_tit_bg.gif) repeat-x;}
.idpw_container .box_area .tit_area h2 { display:inline-block; font-size:24px; font-weight:600; color:#121212; margin:0 13px 0 0;}
.idpw_container .box_area .contents { position:relative; padding:60px 30px; }
.idpw_container .box_area .contents .txt { font-size:24px; letter-spacing:-1px;}
.idpw_container .box_area .contents .s_txt { font-size:18px; color:#888; line-height:26px;}
.idpw_container .box_area .contents .t_point { color:#456eae;}
.idpw_container .box_area .contents .form li { margin-bottom:10px;}
.idpw_container .box_area .contents .form li:last-child { margin-bottom:0;}
.idpw_container .box_area .contents label { font-size:18px;}
.idpw_container .box_area .contents .btn_st01 { display:inline-block; background:#263a59; line-height:48px; height:50px; text-align:center; width:220px; font-weight:600; color:#ffffff; font-size:18px; letter-spacing:-1px; padding:0;}
.idpw_container .box_area .contents .btn_st02 { display:inline-block; background:#2da7d8; line-height:48px; height:50px; text-align:center; width:220px; font-weight:600; color:#ffffff; font-size:18px; letter-spacing:-1px;}
.idpw_container .box_area .contents input, select { height:42px; border:1px solid #d8d8e1; padding-left:10px; box-sizing:border-box;}

.idpw_container .footer { position:absolute; width:100%; background:#f9fafc; height:110px; top:auto;  border-top:2px solid #494c6e; line-height:110px; color:#717172; text-align:center; bottom:0; font-size:11px;}
.idpw_container .footer .address { text-align:left; width:1000px; margin:0 auto;}
.idpw_container .footer ul { position:relative; display:inline-block; line-height:20px; vertical-align:middle; font-size:11px;}
.idpw_container .footer img  { position:relative; display:inline-block; margin-right:40px; vertical-align:middle;}
.idpw_container .footer .btn_resSite { background:#263a59; color:#fff; padding:9px 16px; border-radius:4px; font-size:12px; letter-spacing:-1px;}
.idpw_container .footer .btn_top { background:#7e8288; color:#fff; padding:9px; border-radius:4px; font-size:12px; margin-left:7px;}

/* 공지사항 박스 */
.t22 {font-size: 22px !important;}
.underline {text-decoration: underline !important;; text-underline-position: under;}
.conts_box {color: #313131; font-size: 16px; word-break: keep-all; word-wrap: break-word; line-height: 25px; word-spacing: 1px;}
.popup_notice .pop_content {padding: 20px;}
.pop_content .btn_type01 {display: inline-block; padding: 8px 25px 10px; background: #000; color: #fff;}
.pop_content .btn_box {margin: 35px 0 15px; text-align: center;}

/* intro */
.intro_container{width: 100%;height:100%;background:#0e64b4;box-sizing: border-box;}
.intro_container .intro{overflow: hidden;display:flex;width:1200px;max-height: 850px;position:absolute;left:50%;margin-left:-600px;top:40px;bottom:138px;border-radius: 0 40px 0 40px;box-shadow: 8px 12px 70px 0px rgba(0, 65, 128, 0.54);}
.intro_container .intro .visu{width: 50%;text-indent:-9999px;background: url(D:/visitkorea_new/visitkorea_html/etc/문화관광해설사/2022/업무시스템intro/images/mng/bg_intro.jpg) no-repeat;}
.intro_container .menu{height:100%;width: 50%;padding: 0 80px;box-sizing: border-box;background:#fff;}
.intro_container .menu li{width:100%;position:relative;height:50%;display: flex;flex-wrap: wrap;align-content: center;}
.intro_container .menu li:first-child{background: url(D:/visitkorea_new/visitkorea_html/etc/문화관광해설사/2022/업무시스템intro/images/mng/bg_intro01.gif) 100% 65% no-repeat;}
.intro_container .menu li:last-child{border-top:1px dashed #e5e7e8;background: url(D:/visitkorea_new/visitkorea_html/etc/문화관광해설사/2022/업무시스템intro/images/mng/bg_intro02.gif) 100% 65% no-repeat;}
.intro_container .menu .num{width: 100%;font-size:50px;line-height:52px;color:#eff5fb;font-weight: 700;letter-spacing: -4px;}
.intro_container .menu strong{width: 100%;padding:18px 0 16px;display:block;font-size:33px;line-height: 37px;font-weight: 400;color:#015aad;letter-spacing: -2px;}
.intro_container .menu strong em{display:block;font-weight: 700;}
.intro_container .menu a{display:inline-block;color:#fff;background:#015aad;border-radius: 5px;font-size:18px;width:140px;height:40px;line-height:40px;text-align: center;}

.intro_container .login_footer {position:absolute;left:0;bottom:0;width:100%;height:138px;line-height:100px;color:#717172; text-align:center; font-size:11px;}
.intro_container .login_footer .address { text-align:left; width:1200px; margin:0 auto;}
.intro_container .login_footer ul {float:left;position:relative;line-height:20px;margin:38px 0 0;color:#fff; font-size:11px;}
.intro_container .login_footer .logo  {float:left;margin:28px 40px 0 0;width:131px;height:42px;background: url(https://www.ctgs.kr/images/main/footer_logo.png) no-repeat;text-indent:-9999px;}
.intro_container .login_footer .btn_resSite { background:#121212; color:#fff; padding:9px 16px; border-radius:4px; font-size:12px; letter-spacing:-1px;}
.m_header{display:none;}

@media only all and (max-width: 736px) {
    .m_header{display:block;height:60px;background:#fff url(D:/visitkorea_new/visitkorea_html/etc/문화관광해설사/2022/업무시스템intro/images/mng/m_header_logo.gif) 0 0 / 188px auto no-repeat;}
    .m_header a{display:block;height:100%;text-indent: -9999px;}
    .intro_container .intro{position:static;margin:20px 15px 0;box-shadow:none;width:auto;height:677px;flex-direction: column;border-radius: 0 30px 0 30px;}
    .intro_container .menu{float:none;width:auto;margin:0;padding: 0 30px;height:423px;}
    .intro_container .intro .visu{width:auto;height:254px;background: url(D:/visitkorea_new/visitkorea_html/etc/문화관광해설사/2022/업무시스템intro/images/mng/m_bg_intro.jpg) 50% 50% / cover no-repeat;}
    .intro_container .intro .visu strong{display:block;height:55px;margin:37px 0 0;background: url(D:/visitkorea_new/visitkorea_html/etc/문화관광해설사/2022/업무시스템intro/images/mng/m_bg_intro.png) 30px 0 / 171px 100% no-repeat;}
    .intro_container .menu .num{font-size: 38px;line-height: 40px;letter-spacing: -3px;}
    .intro_container .menu strong {padding: 15px 0 15px;font-size: 24px;line-height: 27px;letter-spacing: -2px;}
    .intro_container .menu a{font-size: 14px;width: 108px;height: 30px;line-height: 30px;}
    .intro_container .menu li{align-content: flex-start;box-sizing: border-box;}
    .intro_container .menu li:last-child{padding:7px 0 0;border:0;background: url(D:/visitkorea_new/visitkorea_html/etc/문화관광해설사/2022/업무시스템intro/images/mng/bg_m_intro02.gif) 100% 50% / 101px no-repeat;}
    .intro_container .menu li:first-child {padding:25px 0 0;background: url(D:/visitkorea_new/visitkorea_html/etc/문화관광해설사/2022/업무시스템intro/images/mng/bg_m_intro01.gif) 100% 65% / 101px auto no-repeat;}

    .intro_container .login_footer{height:144px;position:static;}
    .intro_container .login_footer .address{width:auto;text-align: center;}
    .intro_container .login_footer .btn_resSite{display:none;}
    .intro_container .login_footer .logo{float:none;display:inline-block;width:100px;height:34px;margin: 18px 0 0 0;background: url(D:/visitkorea_new/visitkorea_html/etc/문화관광해설사/2022/업무시스템intro/images/mng/m_fot_logo.png) 0 0 / 100% 100% no-repeat;}
    .intro_container .login_footer ul{float:none;margin: 22px 15px 0;font-size: 12px;word-break:keep-all;line-height: 17px;text-align: left;}
    .intro_container .login_footer ul li + li{margin-top:3px;}
    

}


/* 회원가입 레이아웃*/
#con {max-width: 1000px; min-height: 860px; margin: 50px auto 0;}
.join_wrap { width:100%; height:100%; background:#fff;}
.join_wrap .header { position:static; width:100%;  background-color:#273b5a;  z-index:990;}
.join_wrap .header .gnb { height:52px; background-color:#273b5a; width:1000px; margin:0 auto; padding:15px 0; box-sizing:border-box;}
.join_wrap .header .gnb h1 a {background:url(../images/main/logo.png) no-repeat 0 0;  padding:0;  margin:0; text-indent:-9999px;  display:block;  width:214px;  height:29px;}
.join_container { width:100%; }

.join_wrap .footer { width:100%; background:#f9fafc; height:110px; top:auto;  border-top:2px solid #494c6e; line-height:110px; color:#717172; text-align:center; bottom:0; font-size:11px;}
.join_wrap .footer .address { text-align:left; width:1000px; margin:0 auto;}
.join_wrap .footer ul { position:relative; display:inline-block; line-height:20px; vertical-align:middle; font-size:11px;}
.join_wrap .footer img  { position:relative; display:inline-block; margin-right:40px; vertical-align:middle;}
.join_wrap .footer .btn_resSite { background:#263a59; color:#fff; padding:9px 16px; border-radius:4px; font-size:12px; letter-spacing:-1px;}
.join_wrap .footer .btn_top { background:#7e8288; color:#fff; padding:9px; border-radius:4px; font-size:12px; margin-left:7px;}