@charset "utf-8";

/*~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ 
20150423_Psuny

COMMENT : MAIN
~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~*/

@import url("global.css");

/* reset style */
html {overflow-y:scroll;}
body {background:#ffffff}

/* basic */
.hdObj {display:none;}
.hdTxt, .description, .btnHdTxt {position:absolute !important;left:-9000px !important;}
.textC {text-align:center !important;}
.textL {text-align:left !important;}
.textR {text-align:right !important;}
.vtT {vertical-align:top !important;}
.vtM {vertical-align:middle !important;}
.vtB {vertical-align:bottom !important;}
.flt {float:left !important;}
.frg {float:right !important;}
.flN {float:none !important;}
.bgN {background:none !important;}
.bdN {border:none !important;}
.clear:after{content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear {display:inline-block;}
* html .clear {height:0;}
.clB {clear:both;}
.fwN {font-weight:normal !important;}
.fwB {font-weight:bold !important;}
.solidLine {border-top:1px solid #d5d5d5;}
.brdRg {border-right:1px solid #ebebeb;}
.brdBt {border-bottom:1px solid #ebebeb;}
.pdl8 {padding-left:8px}
.pdl30 {padding-left:30px}
.pdt2 {padding-top:2px}
.pdt5 {padding-top:5px}
.pdt7 {padding-top:7px}
.pdt10 {padding-top:10px}
.pdt12 {padding-top:12px}
.pdt15 {padding-top:15px}
.pdt20 {padding-top:20px}
.pdt30 {padding-top:30px}
.pdb20 {padding-bottom:20px}
.pdr5 {padding-right:5px}
.pdr10 {padding-right:10px}
.pdr14 {padding-right:14px}
.pdr15 {padding-right:15px}
.pdr22 {padding-right:22px}
.pdr30 {padding-right:30px}
.pdr40 {padding-right:40px}
.pdr60 {padding-right:60px}
.mgl8 {margin-left:8px}
.mgl20 {margin-left:20px}
.mgt5 {margin-top:5px}
.mgt10 {margin-top:10px}
.mgr3 {margin-right:3px}
.mgr5 {margin-right:5px}
.mgr10 {margin-right:10px}
.mgr15 {margin-right:15px}
.mgr22 {margin-right:22px}
.mgr29 {margin-right:29px}
.mgr30 {margin-right:30px}
.mgb10 {margin-bottom:10px}

body {background:#f6f6f6;}

#Wrap {position:relative;}
.bodyWrap1 {width:100%; min-height:700px; background:#ffffff;}
.bodyInn {position:absolute; top:0; left:50%; width:1036px; margin-left:-518px; background:#ffffff;}
.footerWrap_in {position:relative; bottom:0; left:50%; width:1000px; margin-left:-518px; padding-top:15px; padding-right:36px; text-align:right}
.footerWrap_out {overflow:hidden; position:relative; bottom:0; left:50%; width:1000px; margin-left:-518px; padding-top:15px; padding-right:36px;}

/* Header */
.header {overflow:hidden; width:100%; height:55px;}
.header h2 {padding-top:18px}
.header .timezone {}
.header .timezone img {vertical-align:middle;}
.header .timezone select {height:18px;}

/* Contents */
.visual {width:1036px; height:356px; background:url('../img/visual_out.png') no-repeat;}
.contents {overflow:hidden; width:996px; height:123px; background:#ecf2f7; padding:22px 0 0 40px}
.login_in {overflow:hidden; width:296px; height:90px; background:#adafb8; padding:10px 18px 0 18px}
.login_in .loginHd {overflow:hidden;}
.login_in .loginHd .language {color:#54667c; font-weight:bold; vertical-align:middle; }
.login_in .inputA {position:relative; overflow:hidden;}
.login_in .inputA input.text {width:166px; height:22px; border:0px solid; background:#ffffff;}
.login_in .inputA label.id {position:absolute; left:7px; top:3px; font-size:12px; z-index:100; color:#576376;}
.login_in .inputA label.pw {position:absolute; left:7px; top:30px; font-size:12px; z-index:100; color:#576376}
.login_in .inputA .option {color:#ffffff; font-weight:bold;}
.login_in .inputA .option input {vertical-align:middle;}

.login_out {position:relative; top:317px; left:290px; width:736px;}
.login_out .language {display:inline-block; color:#ffffff; font-weight:bold; vertical-align:middle; padding-top:3px }
.login_out .inputA {position:relative; overflow:hidden; margin-left:40px}
.login_out .inputA input.text {width:150px; height:23px; border:0px solid; background:#ffffff;}
.login_out .inputA label.id {position:absolute; left:7px; top:3px; font-size:12px; z-index:100; color:#576376;}
.login_out .inputA label.pw {position:absolute; left:160px; top:3px; font-size:12px; z-index:100; color:#576376}
.login_out .option {display:inline-block; width:90px; height:20px; background:#6f6f6f; color:#ffffff; font-weight:bold; padding:3px 0 0 12px;}

.noticeA {overflow:hidden; padding:25px 72px;}
.noticeA .tit {padding-right:70px}
.noticeA .article {width:720px; line-height:200%;}
.noticeA .article li {overflow:hidden; color:#393939; background:url('../img/bult_red.png') no-repeat 0 10px; padding-left:12px}
.bnn {float:left}
.comment {padding:20px 50px;}

/* Footer */
.footerWrap_in span, .footerWrap_out span {color:#646464; vertical-align:middle}
.footerWrap_in img, .footerWrap_out img {vertical-align:middle; padding:0 15px; }







/* Inner Login */
#in_wrap {width:650px;margin:0 auto;padding-top:100px}
#in_wrap h2 {padding-bottom:15px;text-align:right}
.in_upperA {overflow:hidden;width:100%;height:152px;background-color:#8ec4f8}
.in_loginA {width:285px;padding:30px 35px 0 0}
.in_loginA .option {clear:both;text-align:left;color:#fff;font-size:11px;font-weight:bold;padding:0 23px 15px 0}
.in_loginA .option > input {vertical-align:middle;}
.in_loginA .inputBox {position:relative;float:left;padding-right:13px}
.in_loginA .inputBox input {display:block;width:170px;height:24px;border:1px solid #7f97b0;background:#fff;}
.in_loginA .inputBox label.id {position:absolute;left:7px;top:5px;font-size:12px;z-index:100; color:#576376;}
.in_loginA .inputBox label.pw {position:absolute;left:7px;top:37px;font-size:12px;z-index:100; color:#576376}
.in_loginA a {float:left}
.in_loginA .idsave {color:#3460a1;margin-top:6px;font-size:11px}
.in_loginA .idsave input {vertical-align:middle}
.in_downA {overflow:hidden;}
.in_bnnPanel {width:152px;height:152px;}
.in_bnnPanel > a {width:152px;height:152px}
.in_bnnPanel > a:hover {background:#4e535c}
.in_bnnPanel > a > img {margin:22px 0 0 22px}
.in_footer {clear:both;width:640px; margin-top:28px;padding-left:12px;color:#878787}
.in_footer .copyright {font-size:11px;padding:0 0 0 20px;vertical-align:bottom}