@charset "utf-8";

/*~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ 
20160329 pjsuny
emro SMARTsuite 0.7 Login CSS
~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~*/

/*Reset*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td {margin:0; padding:0;}
body {font-size:12px;line-height:1.5em;font-family:'맑은 고딕','malgungothic','Tahoma';color:#424242;-webkit-text-size-adjust:none; !important;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-family:'맑은 고딕','malgungothic','Tahoma'; !important;}
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, select, textarea {font-size:100%; color:#424242; font-family:'맑은 고딕','malgungothic','Tahoma';vertical-align:middle }
input {border-radius:0;}
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;}
em, address {font-style:normal;}
table {border-spacing:0;}
a, a:link, a:visited {cursor:pointer;text-decoration:none; color:#424242;}
a:hover {color:#333333;text-decoration:underline}
p, a, h2, h3 {word-wrap:break-word;}
a, em, label, span, strong, button {display:inline-block;}


/*login*/
.wrap{width:930px; margin:0 auto;}
.header{margin:0px 0 0px 0}
.section{overflow:hidden;}
.panel_db{overflow:hidden; float:left; width:458px; height:223px; border:1px solid #d7d7d7; background:#f9f7ea;}
.panel_sg{position:relative; float:left; width:223px; height:223px; border:1px solid #d7d7d7; background:#fafafa;}
.panel_st{float:left; width:225px; height:60px;background:#fafafa;}
.input_area{float:left; margin:30px 15px 0 25px}
.input_area > p{height:28px}
.input_area > p > label{width:80px; color:#555; font-size:13px;}
.input_area > p > input{width:180px; height:18px; padding:2px; margin-left:4px; border:1px solid #d7d7d7; font-size:12px}
.input_area > p > select{width:186px; height:24px; padding:2px; border:1px solid #d7d7d7; font-size:12px; vertical-align:middle}
.btn_area{float:left; margin:32px 0 0 0}
.btn_area > li > p{font-size:12px; color:#666; padding:5px 0 0 45px}
.panel_sg > img{position:absolute; left:50%; top:25px; margin-left:-90px}
.panel_sg > ul > li{width:100%; height:74px; border-bottom:1px solid #d7d7d7; text-align:center}
.panel_sg > ul > li.last{border-bottom:0}
.panel_sg > ul > li > img{margin-top:14px}

.footer_wrap{width:100%; margin-top:35px; border-top:1px solid #d7d7d7;}
.footer{width:930px; margin:0 auto; padding-top:20px}
.footer .fnb span{color:#555; font-size:13px; font-weight:bold; letter-spacing:-1px; padding-right:15px}
.footer .copyright{color:#959595; font-size:12px; margin-top:5px }
.mgt10{margin-top:10px}
.mgr10{margin-right:10px}
.mgr15{margin-right:15px}


.flr {float:right}
.pdt48 {padding-top:48px}
.pdt20 {padding-top:20px}
.pdl20 {padding-left:20px}
.mgl400 {margin-left:400px}
.mgl220 {margin-left:220px}
.mgl70 {margin-left:70px}
.mgl16 {margin-left:16px}
.mgl12 {margin-left:12px}
.mgl8 {margin-left:8px}
/*20160217 수정 S*/
.mgl5 {margin-left:5px}
.mgl3 {margin-left:3px}
.mgl27 {margin-left:27px}
.mgt130 {margin-top:130px}
.mgt8 {margin-top:8px}
/*20160217 수정 E*/
.bdrd6 {border-right:1px solid #d6d6d6}
.bdrb2 {border-right:1px solid #6c87b2}
.wd110 {width:110px}
img, input {vertical-align:middle}
.txtct{text-align:center}

.uninavBar .uninb {float:right; }
.uninavBar .uninb a {font-size:11px; color:#9b9b9b}
.uninavBar .uninb .divis1 {width:15px; text-align:center; padding-top:5px}
.gnbBar h2 {float:left; padding-top:10px}
.gnbBar .gnb {position:relative; float:right; height:100px}
.gnbBar .gnb li a.gw180 {width:180px; font-size:15px; color:#fff; font-weight:bold; text-align:center; padding:15px 0 }
.gnbBar .gnb li .subMu {color:#000000}

.menu_div>ul {position:absolute; left:0; top:60px;}
.menu_div>ul>li {padding:0 20px; }
.menu_div>ul>li>a {color:#555; font-size:14px; font-weight:bold}
.currMenu {color:#4b4b4b;}

.upper .mainBox {position:relative; float:left; width:672px; height:300px; background:url(../img/main_visual.png) no-repeat;}
.upper .mainBox .centerBnn {position:absolute; bottom:0; width:100%; height:70px; background:url(../img/main_bnnA.png) no-repeat; padding-top:8px}
.upper .mainBox .centerBnn ul li a {width:167px; height:62px; text-align:center}
.upper .mainBox .centerBnn ul li a img {margin-top:18px}
.upper .rightBox {float:left; width:330px; height:298px; border:1px solid #c1c1c1; border-radius:3px }
.upper .rightBox .loginBox {width:100%; height:99px; background:#f2f2f2; border-bottom:1px solid #d6d6d6; border-radius:3px 3px 0 0; padding:17px 0}
.upper .rightBox .loginBox .loginUp {overflow:hidden; padding:0 15px; margin-bottom:16px}
.upper .rightBox .loginBox .loginUp h4 {float:left;}
/*20160217 수정 S*/
.upper .rightBox .loginBox .loginUp h4.userinfo {font-size:14px;}
.upper .rightBox .loginBox .loginUp h4.userinfo img {margin-right:5px; vertical-align:middle}
/*20160217 수정 E*/
.upper .rightBox .loginBox .loginUp .opti {float:right; overflow:hidden; padding:0 15px; color:#8b8b8b}
.upper .rightBox .loginBox .loginUp .opti li {float:left; }
.upper .rightBox .loginBox .loginUp .opti li span {margin-left:5px}
.upper .rightBox .loginBox .loginUp .opti li input.check {border:1px solid #cccccc;}
.upper .rightBox .loginBox .loginUp .opti li a {color:#8b8b8b}
.upper .rightBox .loginBox .loginDw {overflow:hidden; padding:0 15px; }
.upper .rightBox .loginBox .inputA {float:left}
.upper .rightBox .loginBox .inputA li {width:162px; height:30px; background:url(../img/bg_input.png) no-repeat}
.upper .rightBox .loginBox .inputA li input {width:148px; height:25px; vertical-align:middle; border:0; padding:0 5px}
/*20160217 수정 S*/
.upper .rightBox .loginBox .loginDw .listBox {float:left; width:160px; height:66px; background:#fff; border:1px solid #d8d8d8; border-radius:2px; margin-right:3px}
.upper .rightBox .loginBox .loginDw .listBox ul {margin:6px 10px}
.upper .rightBox .loginBox .loginDw .listBox ul li {background:url(../img/bult_jum.png) no-repeat 0 9px; padding-left:10px}
.upper .rightBox .loginBox .loginDw .listBox ul li span {cursor:pointer}
/*20160217 수정 E*/
.upper .rightBox .loginBox a {float:left}

.upper .rightBox .login2Box {width:100%; height:99px; background:#f2f2f2; border-bottom:1px solid #d6d6d6; border-radius:3px 3px 0 0; padding:17px 0}
.upper .rightBox .login2Box h4.txt {margin:0 20px 10px 20px; font-size:15px}
.upper .rightBox .login2Box ul {overflow:hidden; margin:0 20px;}
.upper .rightBox .login2Box ul li {float:left;}
.upper .rightBox .login2Box ul li a {width:140px; line-height:180%; font-weight:bold; font-size:14px;}
.upper .rightBox .login2Box ul li a span {margin-left:0}
.upper .rightBox .login2Box ul li a span.lf30 {margin-left:30px;}

.upper .rightBox .bnnBox1 ul li a {width:109px; height:84px; border-bottom:1px solid #d6d6d6; text-align:center;}/*2160202 수정*/
.upper .rightBox .bnnBox1 ul li a img {margin-top:10px}
.upper .rightBox .bnnBox2 ul li a {width:164px; height:77px; text-align:center}
.down .articleBox {float:left; width:300px; height:138px; border:1px solid #c1c1c1; border-radius:3px; padding:15px}
.upper .rightBox .bnnBox2 ul li a img {margin-top:15px}
.down .articleBox .atitle {overflow:hidden; margin-bottom:15px}
.down .articleBox .atitle p {float:left; padding-top:5px}
.down .articleBox .atitle a {float:right}
.down .articleBox .alist {line-height:22px}
.down .articleBox .alist li a {overflow:hidden;}
.down .articleBox .alist li a:hover {text-decoration:underline; color:#000}
.down .articleBox .alist li a .atxt {float:left; width:220px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:url(../img/bult_tri.png) no-repeat 0 10px; padding-left:10px; }
.down .articleBox .alist li a .date {float:left; padding-left:10px}
.quickBar .quick {float:right; border-left:1px solid #cacbcd; padding:0}
/*20160328 추가*/.quickBar .quick > li{border-right:1px solid #cacbcd; padding:0}
/*20160328 수정*/.quickBar .quick > li > a {width:176px; height:23px;  text-align:center; padding:0; margin:0}
/*20160328 수정*/.quickBar .quick > li > a > img {margin-top:5px}
.footBar {height:20px; margin-top:15px;}
.footBar .copyright {float:left; font-size:11px; color:#9a9a9a}
.footBar .fnb {float:right; font-size:11px; color:#999 }
.footBar .fnb a {font-size:11px; color:#999}
.footBar .fnb .btx {color:#5878b4}
.footBar .fnb .divis2 {width:13px; text-align:center; padding-top:0px;}/*20160308 수정*/
.footBar .footlogo {float:right; clear:both; padding-top:12px}/*20160308 추가*/

/*login*/
#inwrap {width:100%; min-width:960px; min-height:100%; color:#797979; font-family:'arial','Tahoma';}
.insection {position:relative; width:100%; min-height:580px; background:#fff;}
.wd960 {position:absolute; overflow:hidden; width:960px; top:0; left:50%; margin-left:-480px;}
/*20160217 수정 S*/
.insection .headerA {overflow:hidden}
.insection .headerA h2 {float:left; margin-bottom:17px}
.insection .headerA .uninb {float:right; margin-top:30px;margin-right:5px}
.insection .headerA .uninb a {font-size:11px; color:#9b9b9b}
.insection .headerA .uninb .divis1 {width:15px; text-align:center;}
/*20160217 수정 E*/
.inmainBox {overflow:hidden;}
.inmainBox .visual {float:left}
.inmainBox .inrightBox {float:left; width:270px; height:298px; border:1px solid #c1c1c1; border-radius:3px}
.inmainBox .inrightBox .inloginBox {width:100%; height:186px; background:#f2f2f2; border-bottom:1px solid #d6d6d6; border-radius:3px 3px 0 0; padding:17px 0}
/*20160202 수정 S*/
.inmainBox .inrightBox .inloginBox .loginUp {overflow:hidden; margin:0 20px 20px 20px}
.inmainBox .inrightBox .inloginBox .loginUp h4 {float:left;}
/*20160217 수정 S*/
.inmainBox .inrightBox .inloginBox .loginUp .userinfo {font-size:14px;}
.inmainBox .inrightBox .inloginBox .loginUp .userinfo img {margin-right:5px; vertical-align:middle}
/*20160217 수정 E*/
.inmainBox .inrightBox .inloginBox .loginUp a.optiE {float:right; padding:3px 0; font-size:12px; color:#8b8b8b;}
.inmainBox .inrightBox .inloginBox .loginUp a.optiE span, .inmainBox .inrightBox .inloginBox .loginUp a.optiE img {vertical-align:middle}
.inmainBox .inrightBox .inloginBox .loginUp a.optiE img {margin-right:5px}
/*20160202 수정 E*/
.inmainBox .inrightBox .inloginBox .loginA {overflow:hidden; margin:0 20px}
.inmainBox .inrightBox .inloginBox .loginA .inputAr {float:left;}
.inmainBox .inrightBox .inloginBox .loginA .inputAr li {width:162px; height:30px; background:url(../img/bg_input_en.png) no-repeat}
.inmainBox .inrightBox .inloginBox .loginA .inputAr input {width:140px; height:25px; vertical-align:middle; border:0; padding:0 5px; font-size:12px}
.inmainBox .inrightBox .inloginBox .loginA a.btn {float:right}
/*20160217 수정 S*/
.inmainBox .inrightBox .inloginBox .rbtn {}
.inmainBox .inrightBox .inloginBox .btnA {overflow:hidden;margin:20px 20px 0 23px}
.inmainBox .inrightBox .inloginBox .btnA a {display:inline-block; float:left; margin-right:3px}
/*20160217 수정 E*/
.inmainBox .inrightBox .bnnBox a {width:100%; height:57px; text-align:center; padding-top:20px}
.inmainBox .inrightBox .opti {overflow:hidden; margin:13px 20px 0 20px; font-size:12px}
.inmainBox .inrightBox .opti li {float:left; }
.inmainBox .inrightBox .opti li span {margin-left:5px; color:#8b8b8b}
.inmainBox .inrightBox .opti li input.check {border:1px solid #cccccc;}
.upper .rightBox .loginBox .loginUp .opti li a {color:#8b8b8b}
.footBar .fnb .divis3 {width:13px; text-align:center; padding-top:2px}