@charset "utf-8";

/* ----------------------------
2020.04.03 nmkim - 디자인팀
---------------------------- */
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;
font-family:'맑은 고딕', 'Malgun Gothic', dotum, '돋움', Arial, SimSun; color:#333;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul, li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
a {text-decoration:none; cursor:pointer}
em, address {font-style:normal;}
table {border-spacing:0; border-collapse: collapse;;}
a, a:link, a:visited {cursor:pointer;text-decoration:none; color:#000;}
p, a, h2, h3 {word-wrap:break-word;}
a, em, label, span, strong, button {display:inline-block;}
li {list-style:none;}
img, fieldset {border:0 none;}
img {vertical-align:middle;}
legend, hr {display:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
caption {padding:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
input:-ms-input-placeholder {color:#666;}
input::-webkit-input-placeholder {color:#666;}
input::-moz-placeholder {color:#666;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 0 #fff inset; -moz-box-shadow: 0 0 0 0 #fff inset; box-shadow: 0 0 0 0 #fff inset;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-family: '맑은 고딕','malgungothic','Tahoma' !important;}
input, select, textarea {font-size:100%; color:#000; font-family:'맑은 고딕','malgungothic','Tahoma'; vertical-align:middle }
button {overflow:visible; border:0 none;background:transparent;vertical-align:top;cursor:pointer;font-family: '맑은 고딕','malgungothic','Tahoma';}
button::-moz-focus-inner {border:0;padding:0;}

/* COMMON */
body {height: 100%;min-height: 100%;}
div {box-sizing: border-box;}
.bodyWrap {position: absolute;top: 50%;left: 50%;width: 900px;height: 500px;margin-left: -450px;margin-top: -300px;}
.inbodyWrap {position: absolute;top: 50%;left: 50%;width: 737px;height: 328px;margin-left: -369px;margin-top: -320px;}
h2 {overflow: hidden;width: 100%;margin-bottom: 30px;text-align: left;}
h2>i, h2>b {display: inline-block;vertical-align: top;}
h2>.logo {width: 400px;height: 46px;background: url(../img/logo.png) no-repeat 0 center;padding-right: 15px;}
h2>b {font-size: 20px;color: #5a5a5a;padding-left: 12px;line-height: 0.9;letter-spacing: -1px;border-left: 1px solid #bebebe;}
h2>b>span {display: block;font-size: 12px;color: #949494;line-height: 1.6;letter-spacing: 0;font-weight: normal;}

/* 메인 이미지 영역 */
.img-main{position:relative; width:100%;}
#img-slide{position:absolute; width:100%; height:400px; overflow:hidden;}
/* 이미지  */
.section-sp {width: 900px;height: 400px;background: url(../img/visual_img.png) no-repeat;}
.section-sp>.loginBox {float: right;width: 320px;height: 400px;background: rgba(0, 0, 0, 0.60);padding: 0 30px;}
.section-sp.in>.loginBox {float: right;width: 320px;height: 328px;background: rgba( 16, 71, 139, 0.85);padding: 0 30px;}
.section-sp>.loginBox>h3 {font-size: 24px;color: #fff;font-weight: normal;margin: 30px 0;line-height: 1}
.section-sp>.loginBox>h3>.lineD {float: right;width: 180px;height: 1px;background: rgba(255, 255, 255, 0.3);margin-top: 20px}
.section-sp>.loginBox>.loginForm {}
.section-sp>.loginBox>.loginForm>p {padding-bottom: 5px}
.section-sp>.loginBox>.loginForm>p>.label {display: inline-block;width: 75px;font-size: 15px;color: #f0f2f5;letter-spacing: 0}
.section-sp>.loginBox>.loginForm>p>input {width: 179px;height: 32px;border: 0px solid #cbced2;border-radius: 1px;background: #fff;padding: 0 5px;color: #333;box-sizing: border-box;}
/* 로그인 버튼 */
.section-sp>.loginBox>.loginForm>a.login {width: 100%;height: 45px;border-radius: 1px;background: #f47320;font-size: 17px;color: #fff;font-weight: bold;text-align: center;line-height: 2.5;margin-top: 5px}
.section-sp>.loginBox>.loginForm>a.login:hover {background: #ff9864}
.section-sp>.loginBox>.loginForm>a.ap_login {width: 100%;height: 45px;border-radius: 1px;border: 1px solid #ef8e4f;font-size: 16px;color: #ef8e4f;font-weight: bold;text-align: center;line-height: 2.7;margin-top: 5px}
.section-sp>.loginBox>.loginForm>a.ap_login:hover {background: rgba(0, 0, 0, 0.50)}
/* 로그인 옵션 */
.section-sp.in>.loginBox>.loginForm>a.login:hover {background: #09294f;}
.section-sp>.loginBox>.option {overflow: hidden;margin-top: 15px;font-size: 13px;line-height: 1.2;font-weight: bold;}
.section-sp>.loginBox>.option>.saveid {float: left;}
.section-sp>.loginBox>.option>.saveid>input {vertical-align: middle;}
.section-sp>.loginBox>.option>.saveid>span {color: #fff;vertical-align: middle; padding-left: 5px;}
.section-sp>.loginBox>.option>a {float: right;background: url(../img/ico_search.png) no-repeat 0 1px;padding-left: 20px}
.section-sp>.loginBox>.option>a>span {color: #fff;}
.section-sp>.loginBox>.option>a>span:nth-child(2) {display: block;color: #889db6;}
/* 콘텐츠 배너 */
.section-sp>.loginBox>.bnnBox {overflow: hidden;clear: both; width: 100%;height: 59px;margin-top: 16px;/*padding-top: 27px;border-top: 1px solid rgba(255, 255, 255, 0.3);*/}
.section-sp>.loginBox>.bnnBox>a {float: left;width: 127px;border-radius: 3px;background: #878582;font-size: 14px;color: #fff;text-align: center;line-height: 3.9;letter-spacing: -0.5px;font-weight: bold;}
.section-sp>.loginBox>.bnnBox>a:hover {background: #ff812e;}
.section-sp>.loginBox>.bnnBox>a>b {font-size: 15px;color: #1343e0;}
.section-sp>.loginBox>.bnnBox>a:nth-child(1), .section-sp>.loginBox>.bnnBox>a:nth-child(3) {margin-right: 6px}
.section-sp>.loginBox>.bnnBox>a:nth-child(3) {width: 100%;}
/* 텍스트 */
.commt {text-align: right;padding-top: 30px;}
.commt>p {font-size: 13px;color: #888;line-height: 1.6;}
/* 풋터 */
.footerWrap {position: fixed;bottom: 0;width: 100%;height: 100px;background: #333;padding-top: 30px;vertical-align: middle;}
.footerWrap .link {width: 900px; display: flex;margin: 0 auto;letter-spacing: -1px;}
.footerWrap .link a {font-size: 13px;color: #888;line-height: 1;font-weight: 600}
.footerWrap .link a:hover {color: #ddd;}
.footerWrap .link i {display: inline-block;width: 1px;height: 11px;background: #666;margin: 1px 9px 0 9px}
.footerWrap .copyright {width: 900px;margin: 0 auto;font-size: 13px;color: #777;margin-top: 10px;font-weight: 100}
/* 간격 */
.fwb {font-weight: bold;}
.mv6050 {margin: 60px 0 50px 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.pt60 {padding-top: 60px !important;}

/* 로그인 성공 및 실패 화면, 에러 화면 CSS 추가 */
.messageWrap {background:#f1f1f1}
.messageWrap .wrap {position:relative;width:100%;height:100%;}
.messageWrap .container {position:fixed;left:50%;top:50%;width:500px;height:460px;margin-top:-280px;margin-left:-250px;box-shadow:0px 3px 8px #dadada;background:#fff}
.messageWrap .container2 {position:fixed;left:50%;top:50%;width:540px;height:500px;margin-top:-300px;margin-left:-270px;box-shadow:0px 3px 8px #dadada;background:#fff}
.messageWrap .header {width:100%;height:52px;border-radius:5px 5px 0 0;background:#8e8c8b;box-sizing:border-box}
.messageWrap .header .logo {display:inline-block;width:152px;height:34px;background:url(../img/logo_message.png) no-repeat;margin:20px 0 0 25px;text-indent:-10000px;}
.messageWrap .section {width:100%;box-sizing:border-box}

.messageWrap .section .subject {overflow:hidden;margin:60px auto 50px;}
.messageWrap .section .subject b,
.messageWrap .section .subject span {display:inline-block;letter-spacing:-1px;}
.messageWrap .section .subject b {font-size:80px;font-weight:normal;vertical-align:top;letter-spacing:-6px;line-height: 1;}
.messageWrap .section .subject span {font-size:28px;color:#303030;font-weight:bold;line-height:1.2em;letter-spacing:-1px;padding-top:10px;padding-left:22px}
.messageWrap .section .explan {width:330px;min-height:32px;margin:0 auto;background:url(../img/ico_caution_y.png) no-repeat;padding-left:55px;font-size:12px;color:#7f7f7f;line-height:1.3em;}

.messageWrap .section .subject2 {width:350px;margin:60px auto 50px;}
.messageWrap .section .subject2 b {display:inline-block;min-height:32px;background:url(../img/ico_caution_y.png) no-repeat;padding-left:55px;padding-top:5px;font-size:24px;font-weight:bold;}
.messageWrap .section .explan2 {width:370px;margin:0 auto;font-size:13px;color:#252424;line-height:1.5em;text-align:center}

.messageWrap .section .subject3 {width:360px;margin:60px auto 70px;}
.messageWrap .section .subject3 b {display:inline-block;min-height:71px;background:url(../img/ico_logout_y.png) no-repeat;padding-left:100px;padding-top:5px;font-size:24px;font-weight:bold;line-height:1.3em;}

.messageWrap .section .hr {width:360px;height:1px;background:#b1b1b1;margin:40px auto}
.messageWrap .section .hr2 {width:400px;height:1px;background:#b1b1b1;margin:40px auto}
.messageWrap .section .commt {text-align:center;font-size:15px;color:#252424;line-height:1.6em;}
.messageWrap .section .commt b {font-weight:normal;}
.messageWrap .section .btn_bg_msg {width:280px;height:52px;border-radius:5px;border:0;background:#f37321;cursor:pointer;text-align:center;font-size:18px;color:#fff;line-height:1.3em}
.messageWrap .section .btn_bg_msg:hover {background:#e36311;}
.messageWrap .section .btn_cnt {text-align:center;margin-top:25px}