@charset "euc-kr";
html {height:100%}
html, body, form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,input,blockquote,th,td, thead, tbody, legend, label, select, option, button, fieldset, select, textarea{margin:0;padding:0;}
img{vertical-align:middle;padding:0;}
button{cursor:pointer;}
ol,ul,dl{list-style:none;}
fieldset,img{border:0 none;margin:0; padding:0;}
img{vertical-align:middle;}
input,select, button{vertical-align:middle;}
a {text-decoration:none; color:#888888;}
a:hover {text-decoration: none;}
/*.png24 {tmp:expression(setPng24(this));} */
body { width:100%; height:100%; font-family:dotum;}
body.login { width:100%; font-family:dotum; background:url(../../img/footer_bg2.gif) no-repeat center bottom }
body.login2 { width:100%; font-family:dotum;}/*background:url(../../img/footer_bg3.gif) no-repeat center bottom */
/* main layout ---------------------------------------------------------------*/
#main {width:100%; min-width:1000px; height:100%; font-size:12px; line-height:18px; }
.noticeLayer { position: absolute; width: 680px; height: 485px; }
.visual {margin:0 auto; width:100%; min-width:1000px; height:380px; position:relative; padding:0px; font-size:0px; background:url(../../img/top_bg.gif) repeat-x top ; }
.m_logo{ margin:0 auto; width:885px; padding:35px 0 0 3px; }
.m_logo.n20{ width:1100px; padding:20px 0;}
.m_srch { position:relative; text-align:right; margin:0 auto; width:850px;_width:890px; margin-bottom:15px; padding:80px 30px 0 0; _padding:5px 50px 0 0;}
.m_srch p {text-align:right; font-size:12px; color:#33a0dc; margin-right:235px;}
.m_srch p.log {text-align:right; font-size:12px; color:#33a0dc; margin-right:180px; padding-top:5px}
.m_srch li {display:inline}
.m_srch li input { height:20px; font-size:12px; font-weight:bold; border:3px solid #006cbf; vertical-align:middle; margin-top: 2px; }
.m_srch li input.none { height:16px; font-size:12px; font-weight:bold; border:none; }
.m_cont { width:850px;_width:940px; margin:0 auto; height:130px;}
.m_cont01 { width:246px; float:left; margin-left:20px;_margin-left:30px; position:relative; background:url(../../img/main_tab_bg.gif) no-repeat}
.m_title li {float:left; display:inline; padding:3px 10px 10px 10px}
.m_title li.more {text-align:right; float:right}
.list {clear:both; width:245px; color:#959595; padding-left:10px}
.list strong {font-weight:bold; color:#7c98b7}
.list .notice {color:#959595; font-weight:bold}
.list .notice strong {color:#959595; font-weight:bold;}
.m_cont02 { width:246px; height:118px; float:left; margin-left:45px; behavior:url('/MALL/inc/js/iepngfix.htc'); background:url(../../img/cont02_item_bg.png) no-repeat}
.m_title2 li {float:left; display:inline; padding:3px 20px 10px 25px;}
.m_title2 li.more {text-align:right; float:right}
.movie {clear:both; margin:0 0 0 20px; height:80px; background:url(../../img/cont02_item_bg.gif) no-repeat;}
.movie li {display:inline; height:70px; margin-right:5px; }
.movie li img {padding:4px 0 0 5px; }
.m_cont02_flv {width:246px; height:118px; float:left; margin-left:15px; behavior:url('/MALL/inc/js/iepngfix.htc'); background:url(../../img/cont02_item_bg.png) no-repeat}
.movie_flv {clear:both ; margin:0px 0 0 15px; height:80px;}
.m_cont03 { width:246px; height:118px; float:left; margin-left:30px; behavior:url('/MALL/inc/js/iepngfix.htc'); background:url(../../img/cont02_item_bg.png) no-repeat}
.m_title3 li { float:left; display:inline; padding:3px 18px 10px 22px}
.m_title3 li.more {text-align:right; float:right}
.list3 {clear:both; width:245px; color:#959595; padding-left:22px;}
.list3 strong {font-weight:bold; color:#7c98b7}
.list3 .notice {color:#959595; font-weight:bold}
.list3 .notice strong {color:#959595; font-weight:bold;}
#footer_main { clear:both; width:100%; margin:0 auto; min-width:1000px; _width:940px; height:85px; }
#footer01_main { width:850px; margin:0 auto; padding:5px 0 0 20px; border-top:1px solid #ffffff}
.foot_bnr_main ul { float:left; padding:4px 0 0 0;}
.foot_bnr_main ul li { float:left; padding:4px 0 0 0;}
.foot_bnr_main ul li img { margin-right:18px;}
.foot_bnr_main ul li img.last { padding-right:0;}
.foot_con {clear:both; width:820px; margin:0 auto; padding-top:5px}
.foot_con .logo {background:url(../../img/footer_bar.gif) no-repeat right; padding-right:10px; }
.foot_con ul {float:left}
.foot_con ul li { float:left; padding:4px 0 0 0;}
.foot_con ul li address {width:510px; padding:4px 0 0 0}
.foot_con ul li address img {margin:2px 0 0 10px}
.foot_con .family {float:right; text-align:right;}
/* -----------------------------푸터 추가 부분 -------------------------- */
.foot_bnr_main.n20 {height: 50px;width: 1100px;margin: 0 auto;}
.foot_bnr_main.n20 ul li {padding: 12px 0 0 0;}
.foot_bnr_main.n20 li a {padding: 0px 15px; border-left: #acacac 1px solid;}
.foot_bnr_main.n20 li:first-child a {border-left:0;}
/* -----------------------------푸터 추가 부분 끝 -------------------------- */
.login_box { width:885px;_width:950px; margin:0 auto; height:130px; margin-top:180px; position:relative; min-height:300px;_height:300px }
.login_box input {border:none; font-size:12px; font-weight:bold;}
.login_from {width:650px; margin:0 auto;}
.login_from li {float:left; margin:0 4px 0 0;}
.login_from li ul.input {margin:2px 0 0 0; font-size:12px; font-weight:bold;}
.login_from li ul.input li {clear:both; margin:0 0 5px 15px;}
.login_from li ul.input li span {display:inline-block; width:60px; text-align:left;}
.login_from li ul.input li input {width:110px; height:16px; font-size:12px; border:1px solid #b5b9c2;}
.login_from .go {height:40px; margin-top:25px;*margin-top:28px }
.login_from .title { padding-top:5px;}
/* -----------------------------로그인 추가 부분 -------------------------- */
.login_tit {position: absolute; top: 70px; font-size: 18px; color: #212121;}
.login_box_n { width:885px;_width:950px; margin:0 auto; height:478px; margin-top:30px; position:relative;}
.login_box_n.n20 {width: 1100px; height: 630px; margin-top:0;}
.loginAreaBg_n {position:absolute; z-index:5; top:70px; left:588px; width:291px; height:202px;}
.loginAreach_n {position:absolute; z-index:500; top:279px; left:588px; width:291px; height:40px;}
.loginAreaqc_n {position:absolute; z-index:3; top:0px; left:588px; width:291px; height:202px;}
.quickMenu {position:absolute; z-index:10; top:301px; left:588px; width:291px; height:250px; background:url(../../img/log_bg2_N.png) no-repeat;}
.quickMenu li {width:276px; height:50px; padding:6px 0px 5px 8px;}
#loginArea_n {position:absolute; z-index:10; top:193px; left:605px; width:262px; height:100px; overflow:hidden; margin:0; padding:0;}
#loginArea_n .loginWrap {width:255px; overflow:hidden; clear:both; padding-bottom:5px;}
#loginArea_n .loginInput {float:left; width:161px; height:56px; margin:0; padding-top:3px; display:block; zoom:1;}
#loginArea_n .loginInput * {display:block; zoom:1;}
#loginArea_n .loginInput li {width:161px; height:25px; padding:0px 0px 4px 20px;}
#loginArea_n .loginInput li input {padding:5px 1px 0px 5px; font-size:15px; width:155px; height:16px; font-family:"돋움", "굴림"; color:#000000; border:none; font-weight:bold;}
#loginArea_n .loginInput li input.bgNone { background:none;}
#loginArea_n .loginBtn {float:right;}
#loginArea_n .btnArea {padding:3px 0 0 70px;}
#visualArea {position:absolute; z-index:-5; top:1px; left:1px; width:885px; height:478px; overflow:hidden;}
#visualArea
#visualArea .slider {margin:0; overflow:hidden; .zoom:1;}
.quickMenu.n20 {left: 0; background:none; width: auto;}
#loginArea_n .loginInput.n20 {width:auto; height:auto;}
#loginArea_n .loginInput.n20 li {width:auto; height:auto; padding: 0; margin-bottom: 13px;}
#loginArea_n .loginInput.n20 li input{height: 45px; width: 276px; box-sizing: border-box;}
#loginArea_n .loginWrap.n20 {width:auto;}
#loginArea_n .btnArea.n20 {padding: 0;}
#loginArea_n .btnArea.n20 a {color: #212121;}
.loginBtn.n20 {width: 122px; height: 105px; background: #212121; margin: 0 10px; padding: 41px 0; box-sizing: border-box; text-align: center;}
.loginBtn.n20 a {font-size: 19px; color: #fff; padding: 37px 27px;}
.QMsection {width: 120px; text-align: center;display: inline-block; float: left;}
.QMsection a {display: block; background: #fff; border-radius: 100%; border: 2px solid #212121; margin: 20px auto; width: 70px;}
.QMsection a:hover {background: #fce577; border: 2px solid #fff;}
.QMsection span {display: inline-block; margin-top: 8px; padding-top: 8px; border-top: 1px solid #212121; color: #6d6d6d; font-size: 14px;}
/* ------------------------------------------------------------------------ */
/* ------------------- 로그인 시 계좌인증 레이어 팝업 --------------------- */
/* ------------------------------------------------------------------------ */
.BankSet_layer {display:none; position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; background:rgba(0,0,0,.4); }
.BankSet_layer .BankPopup {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:#fff; width:500px; height:235px; border-radius:3px; font-size:14px; font-family:'Malgun Gothic';}
.BankSet_layer .BankPopup .pop-container {padding: 20px 25px;}
.BankSet_layer .BankPopup .BankCloseBtn{position:absolute; right:7px; top:7px;cursor:pointer;}
.BankSet_layer .BankPopup p.ctxt {color: #666; line-height: 25px;}
.BankSet_layer .BankPopup .btn-r {width: 100%; margin:10px 0 5px; padding-top: 20px; border-top: 1px solid #DDD; text-align:center;;}
.BankSet_layer a.cbtn {cursor:pointer; display:inline-block; height:55px; padding:0 14px 0; border:1px solid #304a8a; background-color:#454545; font-size:15px; color:#fff; width:105px; line-height:25px; text-align:center;}
.BankSet_layer a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}