@charset "utf-8";

@import url("../common/newCommon.css");

/* layout */
body {background:url('./new_imgs/bg.jpg') no-repeat center center; background-size:cover; background-attachment:scroll; font-weight:500;}
#wrap {position:relative; width:100%;height:100%;/* border-top:3px solid #20539e */}
#wrap::after { position:absolute; bottom:0px; right:0px; content:""; width:589px; height:421px; background:url('./new_imgs/bg_img.png') no-repeat center center; background-size:contain;}
#container_main {position:relative; width:95%; max-width:1400px; margin:0 auto;padding: 80px 0 0; }
#container_main:after {content:'';display:block;clear:both}
#container_main #content {/*overflow:hidden;*/position:relative;/* width:1080px; *//* height: 680px; *//* padding: 80px 0; */}

/* 상단 top_home */
.top_home {position:absolute;top:0;right:0}

h1 {font-size:18px; text-align:center; font-weight:600; margin-bottom: 30px; color: #084496;}
h1 >.stit {font-size:15px; color:#084496; font-weight:500; margin-bottom:10px;}
h1 >.stit >span {font-size:20px; font-weight:600;}
h1 >.title {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
h1 >.title span {font-weight:700; font-size:50px;}
h1 >.title .tit {margin-right:20px;}
h1 >.title .stxt {font-weight:600; font-size:30px;}
h1 .ic_logo {width:92px; height:68px; display:block; margin-right:10px; background:url('./new_imgs/ic_logo.png') no-repeat center center; background-size:contain;}

.color_pupple {color:#97006e !important;}
.color_blue {color:#084496 !important;}

/* 정보 info */
.info {overflow:hidden;margin-bottom: 10px;font-size: 13px;line-height:1.4;background: rgba(0, 0, 0, 0.5);padding: 10px;color: #fff;}
.info strong {/* color:#222 */}
ul.ma {overflow:hidden}
ul.ma li {margin-bottom: 8px;line-height:1.4;padding-left: 15px;/* background: url('./imgs/bul_dot.gif') no-repeat 7px 7px; */position:relative;font-size: 1.05em; color:#87909d}
ul.ma li::before {content:'';display:block;position:absolute;top: 8px;left:7px;width:2px;height:2px;background: #87909d;}
.info ul.ma li::before {background:#fff}

/* 로그인 영역 logRund */
.logRund_wrap {position: relative; width:100%; display:flex; flex-wrap:wrap; min-height:480px; margin:0 auto; box-shadow: 10px 10px 20px rgb(0 0 0 / 20%); border:1px solid #ddd; background:#fff; border-radius:50px 20px; overflow:hidden;}
.logRund {/* position:absolute; *//* top:40px; *//* right:0; */width: 50%; padding:50px; box-sizing: border-box; }
.logRund h2 {padding:0 0 30px 0; font-size:18px; font-weight:500;}
.logRund h2 > .tit {font-size:24px; color:#084496; font-weight:600; display:block; margin-bottom:10px;}
.logRund h2 > .stit {font-size:18px; margin-bottom:10px;}
.logRund h2 > span { font-size:15px; display:block; color:#111;}
.logRund .login {overflow:hidden; position:relative}
.logRund .login:after {content:'';display:block;clear:both}
.logRund .login input[type=text],
.logRund .login input[type=password] {width:100%;height:44px;line-height:42px; border:2px solid #ddd !important; background:#f8fafe; border-radius:5px;}

#content h1 {margin-bottom:50px;}

.language-toggle {position: relative; text-align: center; margin:0 auto; background:none; padding:0px 0px;}
.language-toggle .btn_lang { display:inline-block; background:#9f9f9f; color:#fff; font-size:18px; font-weight:600; min-width:200px; border:none; border-radius:10px 30px 0px 0px; margin:0px 0px !important; padding:15px 20px;}
.language-toggle .kor {border-radius:10px 30px 0px 0px;}
.language-toggle .eng {border-radius:30px 10px 0px 0px;}
.language-toggle .active {background:linear-gradient(to bottom, #014099, #01347d); color:#fff;}


/* 현재메뉴(모바일) */
.location_menu { display:none;}



/* 공지사항 : 26.02.11 수정 */
.notice_wrap {width:50%; background:#fafafa; box-sizing: border-box; padding:50px}
.notice_box {border-bottom:2px dashed #dedede; padding-bottom:15px}
.notice_list {overflow:hidden; margin-top:15px}
.notice_list li {margin-bottom: 8px;line-height:1.4;padding-left:20px;/* background: url('./imgs/bul_dot.gif') no-repeat 7px 7px; */position:relative;}
.notice_list li::before {content:'';display:block;position:absolute; top:50%; left:7px; margin-top:-2px; width:4px;height:4px;background: #3f476d; border-radius:50px;}
.notice_list li a{font-size:15px; color: #6d747e;}

/* 공지사항 구분 tabs */
.n_tabs {position:relative; overflow:hidden;width:100%; display:flex; background:#fff; border-radius:5px;}
.n_tabs::before {position:absolute; bottom:0px; left:0px; display:block; width:100%; height:3px; background:#e4ecf5; content:"";}
.n_tabs li {position:relative; width:calc(100% / 5); font-size:17px; text-align:center;}
.n_tabs li a {display:block; height: 50px;line-height: 50px; color:#666;}
.n_tabs li.active a {color:#1c4295; font-weight:600;}
.n_tabs li.active:before {position:absolute; bottom:0px; left:0px; display:block; width:100%; height:3px; background:#003388; content:"";}

/* 로그인 구분 tabs */
ul.tabs {overflow:hidden;width:100%;/* margin: 0 auto 30px auto; */background: #eaeaea;padding:0;box-sizing: border-box; border-radius:25px 10px;box-shadow:inset 0.3em 0.3em 0.5em #dedede}
ul.tabs:after {content:'';display:block;clear:both}
ul.tabs li {position:relative;float:left;width: 33.3%;font-size: 14px;font-weight: 500;text-align:center;}
ul.tabs li a{display:block;height: 50px;line-height: 50px;/* border:1px solid #ccc; *//* border-bottom: 1px solid #00504c; */color:#666; font-size:18px;}
ul.tabs li.active a,
ul.tabs li.active a:hover {background:#014099;background-image: -webkit-linear-gradient(top, #014099, #01347d);
	background-image: linear-gradient(to bottom, #014099, #01347d);color:#fff; border-radius:25px 10px;}

/* 로그인 박스 tab_container */
.tab_container {background:#fff;padding:50px 0 0;/* border: 1px solid #00504c; */border-top: none;}

/* 로그인 입력 login */
.logRund .login p {clear:both; width:100%; padding-bottom:4px}
.logRund .login p:last-child {padding-bottom:0px;}
.logRund .login label {float:left;display:inline-block;padding-top:5px; width:60px;color:#555;font-size:13px;font-weight:600}
.logRund .login .text{width:180px;text-indent:5px;border: 1px solid #868686}
.logRund .login .btnLogin {display:block;width: 100%;height: 100%;background: #014099;border-radius:30px 10px; color: #fff;font-size: 20px;font-weight:500;}
.logRund .login .btnLogin2 {display:block;width: 100%;height: 44px; line-height:44px;background: #009992;border-radius: 3px;color: #fff;font-size: 20px;font-weight: 400; text-align:center}

.btnBox {display:flex; flex-wrap:wrap;}
.set_btn {display:block;width: 49%;height: 44px;line-height: 42px;background: #f1f2f7;border-radius:5px;border: 1px solid #ddd; color: #656e97; box-sizing:border-box;text-align: center; font-size: 15px;}
.set_btn:first-child { margin-right:1%;}

.loginFormList { display:flex;}
.loginFormList li {display:flex; flex-wrap:wrap; width:150px;}
.loginFormList li.loginInput {width:calc(100% - 160px); margin-right:10px;}



/* 로그인 찾기 logJoin */
.logJoin {overflow:hidden;margin:20px 0px; display:flex; justify-content:center;}
.logJoin:after{content:'';display:block;clear:both}
.logJoin dt, .logJoin dd {position:relative; color:#666;}
.logJoin dd::before {content:""; width:1px; height:12px; position:absolute; right:0px; top:50%; margin-top:-6px; background:rgba(0,0,0,0.2); display:block;}
.logJoin dd:last-child::before {display:none;}

.logJoin dt {clear:both; width:245px; padding-left:8px;line-height:26px;/*background:url('./imgs/bul_dot.gif') no-repeat 0 12px*/}
.btn_arr {display: block;padding: 10px 15px;color: #87909d; font-size:15px;/* border: 1px solid #bbb; background: #1e3a61 url(./imgs/btn_com_ico.png) no-repeat;cursor:pointer;*/vertical-align:middle;}
.btn_arr.wt {background-position: right 16px;/* background-color:#fff; */}
.btn {display:inline-block;padding:4px 15px 5px 15px;font-size:13px;height:24px;line-height:24px;color: #fff;background-color: #585b6a;border-radius:3px;cursor:pointer;vertical-align:middle}

/* 안내문구 box */
.box {overflow:hidden;margin:10px 0 20px 0;padding: 10px 20px;background: url("./imgs/pattern.png");border:1px solid #E0E0E0; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px ; -moz-border-radius: 3px)}
.box p {padding-bottom:0;color:#333}

.tel {font-size:22px; font-weight:600; margin:20px 0 10px 0; color:#111}
.tel >i {color:#164ba3;}

.serBn {display:flex; flex-wrap:wrap;}
.serBn li {width:calc(100% / 2 - 10px); box-shadow:4px 5px 16px -3px rgb(0 0 0 / 15%); padding:10px 15px; font-size:15px; border-radius:20px 10px; margin-bottom:10px;}
.serBn li {margin-right:10px;}
.serBn li .tit {color:#164ba3; display:block;}
.serBn li .stxt {color:#111; display:block;}


.footer_con{position: relative; display:inline-block; margin:30px 0px; box-shadow: 10px 10px 20px rgb(0 0 0 / 20%); background:#164ba3; border-radius:50px 20px; box-sizing: border-box; padding:20px 40px}
/* 바로가기 micon */
.micon {float:right}
.micon li {float:left; margin: 5px 0;}
.micon li a {display:block;padding:10px;color: #fff;font-size:16px;text-align:center;}

/* 앱 다운로드app_down */
.app_down {display:flex; align-items:center; justify-content:center;}
.app_down li {position: relative; margin-right:30px;}
.app_down li:last-child {margin-right:0px;}
.app_down li a {display:flex; color: #fff;cursor:pointer; font-size:14px; align-items:center;}
.app_down li .textBox >span {display:block; color:#fff; font-size:15px;}
.app_down li .icon {width: 55px; height:50px;vertical-align:middle; display:block; margin-right:10px;}
.app_down li .bn_01 {background:url('./new_imgs/bn_01.png') no-repeat center center; background-size:contain;}
.app_down li .bn_02 {background:url('./new_imgs/bn_02.png') no-repeat center center; background-size:contain;}
.app_down li .bn_03 {background:url('./new_imgs/bn_03.png') no-repeat center center; background-size:contain;}
.app_down li .bn_04 {background:url('./new_imgs/bn_04.png') no-repeat center center; background-size:contain;}
.app_down li .bn_05 {background:url('./new_imgs/bn_05.png') no-repeat center center; background-size:contain;}
.app_down li .bn_06 {background:url('./new_imgs/bn_06.png') no-repeat center center; background-size:contain;}

.app_down li .ico_an {background:url('./imgs/ico_an.png') no-repeat 0 -2px; background-size:20px}
.app_down li .ico_ios {background:url('./imgs/ico_ios.png') no-repeat 0 -2px; background-size:20px; margin-top:-3px}
.app_down li.manual {text-align:center;}
.app_down .qr_box {display:none;position:absolute;top: -175px;right: 0px;background:#fff;border: 2px solid #0a2d5d;width: 120px;padding: 15px;color:#555;z-index: 1;}
.app_down .qr_box .img {width: 120px;height: 120px;background:url('/css/login/imgs/qr_box_noqr_2.png') no-repeat;background-size:cover; margin: 0 auto 10px auto;}
.app_down .qr_box .img img {width:100%; height:100%}
.app_down .qr_box .txt { font-size: 1.05em;margin-bottom:0;line-height:1.4;color: #555; text-align:center;text-shadow: none;}
.app_down .qr_box .qr_close {position:absolute;top:0;right:0;width:28px;height:28px;text-indent:-9999px;background: #0a2d5d url('./imgs/btn_close2.png') no-repeat 50%;padding:0}

/* 본인인증 */
.auth_list_wrap {overflow: hidden;margin-top:40px;padding:40px 0 35px 0;text-align:center;background:url('/css/egovframework/cmm/uat/uia/imgs/bg_box.gif') repeat-x 0 bottom;border:1px solid #d4d4d4; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px 5px 0 0; -moz-border-radius: 5px;behavior: url("../common/PIE.htc") }
.auth_list_wrap .auth_list li:first-child {margin-left:0;padding-left:0;border-left:none}
.auth_box h4 {margin-bottom:15px;font-size:1.4em; color:#333;background-image:none; text-indent:0}
.auth_box ul {margin: 20px 50px}
.auth_box li {line-height: 1.8;text-align:left; padding-left:10px; background:url('/css/egovframework/cmm/uat/uia/imgs/icon_dot.gif') no-repeat 0 50%}
.auth_box p {margin-bottom:15px}
.auth_box .d_btn {font-size:15px;padding:0.4em 1.2em; height:auto;}
.auth_box dl {margin: 20px 30px}
.auth_box dt {margin-bottom:15px;text-align:left;font-size:1.4em; color:#333;font-weight:600;padding-left:20px;background:url('/css/egovframework/cmm/uat/uia/imgs/ico_help.png') no-repeat 0 50%}
.auth_box dd {text-align:left;line-height: 1.6; margin-bottom:5px; padding-left:10px; background:url('/css/egovframework/cmm/uat/uia/imgs/icon_dot.gif') no-repeat 0 10px}

.auth_list_wrap .auth_list li {float:left;display:block;border-left:1px solid #e3e3e3}
.auth_list_wrap .list_2 li {width:49.8% }
.auth_list_wrap .list_3 li {width:33.2%}
.icon_epki {padding-top:60px;background:url('/css/egovframework/cmm/uat/uia/imgs/img_ipin.gif') no-repeat center 0}
.icon_phone {padding-top:60px;background:url('/css/egovframework/cmm/uat/uia/imgs/img_phone.gif') no-repeat center 0}
.icon_ipin {padding-top:60px;background:url('/css/egovframework/cmm/uat/uia/imgs/img_ipin.gif') no-repeat center 0}
.icon_s1 {padding-top:100px;background:url('/css/egovframework/cmm/uat/uia/imgs/icon_s1.png') no-repeat center top}
.icon_s2 {padding-top:100px;background:url('/css/egovframework/cmm/uat/uia/imgs/icon_s2.png') no-repeat center top}
.icon_s3 {padding-top:100px;background:url('/css/egovframework/cmm/uat/uia/imgs/icon_s3.png') no-repeat center top}



/* footer */
#footer {/* position:absolute; *//* left:0; *//* bottom:0; */width: 100%; margin: 0 auto;/* text-align:center; */color: #fff; padding:30px 0px; background:#009992;}
#footer address {/* font-family:Verdana; */font-size: 12px;letter-spacing: -0.02em;text-align: center;}
#footer address a {color: #222}
#footer address em {font-family:Verdana}

/* pop_wrap */
.pop_wrap {position:relative; background:#fff; border:2px solid #5e5e5e}
.pop_wrap .pop_head {background:#2d54ad url("./imgs/ico_tltle.png") no-repeat 10px 50%}
.pop_wrap .pop_head h1 {padding-left:40px; color:#fff; font-size:16px;line-height:50px}
.pop_wrap .btn_close {position:absolute; top:0; right:0; background:#1c3774}
.pop_wrap .btn_close a {display:block;width:50px;height:50px;text-indent:-999em;background:url("./imgs/btn_close.png") no-repeat 50% 50%}
.pop_wrap .pop_content {padding:10px 10px 30px 10px}

.box_info {overflow:hidden;border:1px solid #8d8d8d;border-radius:5px;background:url("./imgs/bg_box.gif") repeat-x 0 bottom}
.box_info ul {margin:10px 50px}
.box_info ul li {margin-bottom:5px;line-height:1.4;padding-left:10px;background:url('./imgs/bul_dot.gif') no-repeat 0 8px}

.option_select {overflow:hidden;width:360px;margin:0 auto;padding:30px 0 10px 0}
.option_select label{margin-left:15px;font-weight: bold;}
.option_select label:first-child{margin-left:0}

.login_sect{overflow:hidden;position:relative;width:360px;margin:10px auto}
.login_sect .login_box .title{display:block;float:left;width:110px;font-size:14px;font-weight:bold;line-height:40px}
.login_sect .login_box input{width:250px;height:32px;border: 1px solid #C6C6C6}
.login_sect .login_box input[type=password] { margin:7px 0 20px 0}
.login_sect .btn_login{position:absolute;top:0;right:0;width:100px;height:80px;line-height:80px;border:none;border-radius:3px;background:#1c3774;text-align:center;color:#fff;font-size:16px;font-weight: 600;font-family:"NanumGothic",sans-serif}



/* 영문메인 신규(25.02.20) */
.eng #wrap::after {display:none;}
body.eng {background:url('./imgs/eng/bg_01.jpg') no-repeat center center; background-size:cover; background-attachment:scroll;}
.eng h1 .ic_logo {display:inline-block;}
.eng .language-toggle {margin:0 auto; background:none; padding:0px 0px;}
.eng .language-toggle .btn_lang {background:#9f9f9f; border:none; margin:0px 0px !important;}
.eng .language-toggle .active {background:linear-gradient(to bottom, #2b2997, #2e2ca2); color:#fff;}
.eng .logRund_wrap {height:auto;}
.eng .logRund h2 {color:#273b98; font-size:25px;}
.eng .logRund h2 span {color:#959595; font-size:15px;}
.eng .logRund h2 {padding:0 0 30px 0; font-size:18px; font-weight:500;}
.eng .logRund h2 > .tit {font-size:24px; color:#2b2997; font-weight:600; display:block; margin-bottom:10px;}
.eng .logRund h2 > span { font-size:15px; display:block; color:#111;}

.eng ul.tabs li.active a, ul.tabs li.active a:hover {background:linear-gradient(to bottom, #2b2997, #2e2ca2);}
.eng .logRund {padding:50px 30px; display:inline-block;}
.eng .logRund.bg_eng {padding:50px 30px; padding-right:45%; background:url("./imgs/eng/bg_02.png") no-repeat right 50px center; background-size:contain; display:inline-block;}
.eng .logRund.wp50 {padding-right:30px; background:none;}
.eng .logRund.wp100 { padding-right:30px; background:none;}

.eng .logRund .login input[type=text], .eng .logRund .login input[type=password] { border:1px solid #dcdcdc !important;}
.eng .logRund .login .btnLogin {background:linear-gradient(to bottom, #2b2997, #2e2ca2);}

.eng .logJoin {display:flex; flex-wrap:wrap;}
.eng .logJoin dd {position:relative; padding-left:5px; float:none;}
.eng .logJoin dd:before {position:absolute; top:18px; left:5px; display:block; content:""; width:2px; height:8px; background:#959595; transform:rotate(-30deg); border-radius:50px;}
/*.eng .logJoin dd:last-child {border:1px solid #dedede; background:#f6f6f6; border-radius:3px; width:100%; text-align:center; margin-right:0px;}
.eng .logJoin dd:last-child:before {display:none;} */
.eng .btnBox {display:flex; flex-wrap:wrap;}
.eng .btnBox a {padding:0px 15px; width:auto;}
.eng .logRund .login .btnLogin2 { background:#4947b6; letter-spacing:0em;}

.eng #footer {/* position:absolute; *//* left:0; *//* bottom:0; */width: 600px;margin: 0 auto;/* text-align:center; */color: #fff;margin-top: 30px;/* background: rgba(255, 255, 255, 4); */ background:none;}
.eng #footer address {/* font-family:Verdana; */font-size: 12px;letter-spacing: -0.02em;text-align: center;}
.eng #footer address a {color: #222}
.eng #footer address em {font-family:Verdana}

@media(max-width:769px){
	.wp50 {width:100% !important;}
	/* 현재메뉴(모바일) */
	.location_menu {position: relative; display:block; overflow:hidden; padding:5px 0px; z-index:1;background:#1c4295; border-bottom:1px solid #dedede; border-radius:20px 10px; /*margin:-10px -15px 0 -15px*/}
	.location_menu .btn_back {position: absolute; top:5px; left:0; display: inline-block; width:40px; height:40px; background:url('/css/mobile/layout/new_imgs/btn_top_back.png') no-repeat 50% 52%; background-size:40px 40px}
	.location_menu h2 { text-align:center; line-height:38px; font-size:18px; color: #fff; font-weight:600;}
}

/* 로그인 페이지 모달 */
.login-modal-overlay {
    display:none; position:fixed; top:0; left:0; width:100%; height:100%;
    background:rgba(0,0,0,0.5); z-index:9998;
    justify-content:center; align-items:center;
}
.login-modal-overlay.active { display:flex; }
.login-modal {
    background:#fff; border-radius:10px; width:90%; max-width:500px;
    max-height:90vh; overflow-y:auto; box-shadow:0 4px 20px rgba(0,0,0,0.3);
}
.login-modal-header {
    display:flex; justify-content:space-between; align-items:center;
    padding:15px 20px; background:#014099; color:#fff; border-radius:10px 10px 0 0;
}
.login-modal-header h3 { margin:0; font-size:18px; font-weight:600; }
.login-modal-close {
    background:none; border:none; color:#fff; font-size:24px; cursor:pointer; line-height:1;
}
.login-modal-body { padding:20px; }
.login-modal-footer { padding:15px 20px; text-align:center; border-top:1px solid #eee; }
.login-modal-result {
    display:none; padding:15px; margin-top:10px; border-radius:5px;
    font-size:14px; line-height:1.6; word-break:keep-all;
}
.login-modal-result.success { background:#e8f5e9; color:#2e7d32; border:1px solid #c8e6c9; }
.login-modal-result.fail { background:#fbe9e7; color:#c62828; border:1px solid #ffccbc; }
.login-modal .find { width:100%; border-collapse:collapse; }
.login-modal .find th { text-align:left; padding:8px 10px; font-weight:600; font-size:14px; white-space:nowrap; }
.login-modal .find td { padding:8px 10px; }
.login-modal .find input[type=text],
.login-modal .find input[type=password],
.login-modal .find input[type=email] {
    width:100%; height:38px; border:1px solid #ddd; border-radius:4px; padding:0 8px; box-sizing:border-box;
}
.login-modal .find select {
    height:38px; border:1px solid #ddd; border-radius:4px; padding:0 5px;
}
.login-modal .modal-tabs { display:flex; margin-bottom:15px; border-bottom:2px solid #014099; }
.login-modal .modal-tabs li { list-style:none; }
.login-modal .modal-tabs li a {
    display:block; padding:10px 20px; color:#666; text-decoration:none; font-size:14px; font-weight:600;
    background:#f5f5f5; border:1px solid #ddd; border-bottom:none; border-radius:5px 5px 0 0; margin-right:2px;
}
.login-modal .modal-tabs li.active a { background:#014099; color:#fff; border-color:#014099; }
.login-modal .modal-btn {
    display:inline-block; padding:10px 30px; background:#014099; color:#fff; border:none;
    border-radius:5px; cursor:pointer; font-size:15px; font-weight:600; text-decoration:none;
}
.login-modal .modal-btn:hover { background:#012d6b; }
.login-modal .section-title { font-size:15px; font-weight:700; color:#333; margin:15px 0 10px; padding-bottom:8px; border-bottom:1px solid #eee; }