@charset "utf-8"; body{color: #333;} /* Skip */ #skipnavigation{position:absolute;left:0;top:0;width:100%;text-align:center;z-index:9999}#skipnavigation a{overflow:hidden;white-space:nowrap;display:block;width:100%;height:0}#skipnavigation a:focus, #skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;} /* 접근성 hidden */ .blind{overflow:hidden;position:absolute;left:-9999em;top:0;width:1px;height:1px;} /*230707 hy(s)*/ legend,caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;} /*230707 hy(e)*/ input{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} input[type="text"], input[type="password"], input[type="tel"], input[type="search"]{height:30px;padding:2px 5px;color:#2f2f2f;border:1px solid #cdcdcd;} input[type="checkbox"]{vertical-align:middle;} input[type="radio"]{vertical-align:middle;} input[type="file"]{height:35px;background:#fff;border:1px solid #cdcdcd;} input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder{color:#a5a5a5;} input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder{color:#a5a5a5;} input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder{color:#a5a5a5;} input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder{color:#a5a5a5;} input[type=file]::-ms-value{border:1px solid #cdcdcd;background-color:#fff;} input[type=file]::-ms-browse{border:1px solid #cdcdcd;background-color:#7a7a7a;color:#fff;} select{height:30px;border:1px solid #b6c2cb;vertical-align:middle;text-align:center;} textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;border:1px solid #ccc;resize:none;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:13px;color:#2f2f2f;} button{display:inline-block;padding:0px;text-align:center;vertical-align:middle;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:none;border:0;} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} .btnBasic{cursor:pointer;display:inline-block;min-height:30px;padding:3px 15px;box-sizing:border-box;text-align:center;vertical-align:middle;color:#fff;font-size:13px;line-height:1.5;background-color:#6b6b6b;border: 1px solid transparent;-webkit-transition: all 0.4s;transition: all 0.4s;box-shadow: 2px 2px 4px rgba(0,0,0,.2);text-shadow:rgba(0,0,0,.3) 1px 0px 0px;border-radius:4px;} a.btnBasic{color:#fff;line-height:1.8;box-shadow: 2px 2px 4px rgba(0,0,0,.2);text-shadow:rgba(0,0,0,.3) 1px 0px 0px;} input[type="button"]{cursor:pointer;} input[readonly]{} input[readonly="readonly"]{} .readonly{background:#dfdfdf;} select,textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="search"] input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; -webkit-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075); box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;} input[type="checkbox"],input[type="radio"]{display: inline-block;} /*230804 hy(s)*/ /* select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="search"] input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; -webkit-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);} */ /*230804 hy(e)*/ /* width %*/ .w1{width:1% !important}.w2{width:2% !important}.w3{width:3% !important}.w4{width:4% !important}.w5{width:5% !important}.w6{width:6% !important}.w7{width:7% !important}.w8{width:8% !important}.w9{width:9% !important}.w10{width:10% !important}.w11{width:11% !important}.w12{width:12% !important}.w13{width:13% !important}.w14{width:14% !important}.w15{width:15% !important}.w16{width:16% !important}.w17{width:17% !important}.w18{width:18% !important}.w19{width:19% !important}.w20{width:20% !important}.w21{width:21% !important}.w22{width:22% !important}.w23{width:23% !important}.w24{width:24% !important}.w25{width:25% !important}.w26{width:26% !important}.w27{width:27% !important}.w28{width:28% !important}.w29{width:29% !important}.w30{width:30% !important}.w31{width:31% !important}.w32{width:32% !important}.w33{width:33% !important}.w34{width:34% !important}.w35{width:35% !important}.w36{width:36% !important}.w37{width:37% !important}.w38{width:38% !important}.w39{width:39% !important}.w40{width:40% !important}.w41{width:41% !important}.w42{width:42% !important}.w43{width:43% !important}.w44{width:44% !important}.w45{width:45% !important}.w46{width:46% !important}.w47{width:47% !important}.w48{width:48% !important}.w49{width:49% !important}.w50{width:50% !important}.w51{width:51% !important}.w52{width:52% !important}.w53{width:53% !important}.w54{width:54% !important}.w55{width:55% !important}.w56{width:56% !important}.w57{width:57% !important}.w58{width:58% !important}.w59{width:59% !important}.w60{width:60% !important}.w61{width:61% !important}.w62{width:62% !important}.w63{width:63% !important}.w64{width:64% !important}.w65{width:65% !important}.w66{width:66% !important}.w67{width:67% !important}.w68{width:68% !important}.w69{width:69% !important}.w70{width:70% !important}.w71{width:71% !important}.w72{width:72% !important}.w73{width:73% !important}.w74{width:74% !important}.w75{width:75% !important}.w76{width:76% !important}.w77{width:77% !important}.w78{width:78% !important}.w79{width:79% !important}.w80{width:80% !important}.w81{width:81% !important}.w82{width:82% !important}.w83{width:83% !important}.w84{width:84% !important}.w85{width:85% !important}.w86{width:86% !important}.w87{width:87% !important}.w88{width:88% !important}.w89{width:89% !important}.w90{width:90% !important}.w91{width:91% !important}.w92{width:92% !important}.w93{width:93% !important}.w94{width:94% !important}.w95{width:95% !important}.w96{width:96% !important}.w97{width:97% !important}.w98{width:98% !important}.w99{width:99% !important}.w100{width:100% !important} /* width px */ .wp1{width:1px !important}.wp2{width:2px !important}.wp3{width:3px !important}.wp4{width:4px !important}.wp5{width:5px !important}.wp6{width:6px !important}.wp7{width:7px !important}.wp8{width:8px !important}.wp9{width:9px !important}.wp10{width:10px !important}.wp11{width:11px !important}.wp12{width:12px !important}.wp13{width:13px !important}.wp14{width:14px !important}.wp15{width:15px !important}.wp16{width:16px !important}.wp17{width:17px !important}.wp18{width:18px !important}.wp19{width:19px !important}.wp20{width:20px !important}.wp21{width:21px !important}.wp22{width:22px !important}.wp23{width:23px !important}.wp24{width:24px !important}.wp25{width:25px !important}.wp26{width:26px !important}.wp27{width:27px !important}.wp28{width:28px !important}.wp29{width:29px !important}.wp30{width:30px !important}.wp31{width:31px !important}.wp32{width:32px !important}.wp33{width:33px !important}.wp34{width:34px !important}.wp35{width:35px !important}.wp36{width:36px !important}.wp37{width:37px !important}.wp38{width:38px !important}.wp39{width:39px !important}.wp40{width:40px !important}.wp41{width:41px !important}.wp42{width:42px !important}.wp43{width:43px !important}.wp44{width:44px !important}.wp45{width:45px !important}.wp46{width:46px !important}.wp47{width:47px !important}.wp48{width:48px !important}.wp49{width:49px !important}.wp50{width:50px !important}.wp51{width:51px !important}.wp52{width:52px !important}.wp53{width:53px !important}.wp54{width:54px !important}.wp55{width:55px !important}.wp56{width:56px !important}.wp57{width:57px !important}.wp58{width:58px !important}.wp59{width:59px !important}.wp60{width:60px !important}.wp61{width:61px !important}.wp62{width:62px !important}.wp63{width:63px !important}.wp64{width:64px !important}.wp65{width:65px !important}.wp66{width:66px !important}.wp67{width:67px !important}.wp68{width:68px !important}.wp69{width:69px !important}.wp70{width:70px !important}.wp71{width:71px !important}.wp72{width:72px !important}.wp73{width:73px !important}.wp74{width:74px !important}.wp75{width:75px !important}.wp76{width:76px !important}.wp77{width:77px !important}.wp78{width:78px !important}.wp79{width:79px !important}.wp80{width:80px !important}.wp81{width:81px !important}.wp82{width:82px !important}.wp83{width:83px !important}.wp84{width:84px !important}.wp85{width:85px !important}.wp86{width:86px !important}.wp87{width:87px !important}.wp88{width:88px !important}.wp89{width:89px !important}.wp90{width:90px !important}.wp91{width:91px !important}.wp92{width:92px !important}.wp93{width:93px !important}.wp94{width:94px !important}.wp95{width:95px !important}.wp96{width:96px !important}.wp97{width:97px !important}.wp98{width:98px !important}.wp99{width:99px !important}.wp100{width:100px !important}.wp150{width:150px !important}.wp200{width:200px !important}.wp250{width:250px !important}.wp300{width:300px !important}.wp350{width:350px !important}.wp400{width:400px !important}.wp450{width:450px !important}.wp500{width:500px !important} /* min-width */ .minw1{min-width:1px !important}.minw2{min-width:2px !important}.minw3{min-width:3px !important}.minw4{min-width:4px !important}.minw5{min-width:5px !important}.minw6{min-width:6px !important}.minw7{min-width:7px !important}.minw8{min-width:8px !important}.minw9{min-width:9px !important}.minw10{min-width:10px !important}.minw11{min-width:11px !important}.minw12{min-width:12px !important}.minw13{min-width:13px !important}.minw14{min-width:14px !important}.minw15{min-width:15px !important}.minw16{min-width:16px !important}.minw17{min-width:17px !important}.minw18{min-width:18px !important}.minw19{min-width:19px !important}.minw20{min-width:20px !important}.minw21{min-width:21px !important}.minw22{min-width:22px !important}.minw23{min-width:23px !important}.minw24{min-width:24px !important}.minw25{min-width:25px !important}.minw26{min-width:26px !important}.minw27{min-width:27px !important}.minw28{min-width:28px !important}.minw29{min-width:29px !important}.minw30{min-width:30px !important}.minw31{min-width:31px !important}.minw32{min-width:32px !important}.minw33{min-width:33px !important}.minw34{min-width:34px !important}.minw35{min-width:35px !important}.minw36{min-width:36px !important}.minw37{min-width:37px !important}.minw38{min-width:38px !important}.minw39{min-width:39px !important}.minw40{min-width:40px !important}.minw41{min-width:41px !important}.minw42{min-width:42px !important}.minw43{min-width:43px !important}.minw44{min-width:44px !important}.minw45{min-width:45px !important}.minw46{min-width:46px !important}.minw47{min-width:47px !important}.minw48{min-width:48px !important}.minw49{min-width:49px !important}.minw50{min-width:50px !important}.minw51{min-width:51px !important}.minw52{min-width:52px !important}.minw53{min-width:53px !important}.minw54{min-width:54px !important}.minw55{min-width:55px !important}.minw56{min-width:56px !important}.minw57{min-width:57px !important}.minw58{min-width:58px !important}.minw59{min-width:59px !important}.minw60{min-width:60px !important}.minw61{min-width:61px !important}.minw62{min-width:62px !important}.minw63{min-width:63px !important}.minw64{min-width:64px !important}.minw65{min-width:65px !important}.minw66{min-width:66px !important}.minw67{min-width:67px !important}.minw68{min-width:68px !important}.minw69{min-width:69px !important}.minw70{min-width:70px !important}.minw71{min-width:71px !important}.minw72{min-width:72px !important}.minw73{min-width:73px !important}.minw74{min-width:74px !important}.minw75{min-width:75px !important}.minw76{min-width:76px !important}.minw77{min-width:77px !important}.minw78{min-width:78px !important}.minw79{min-width:79px !important}.minw80{min-width:80px !important}.minw81{min-width:81px !important}.minw82{min-width:82px !important}.minw83{min-width:83px !important}.minw84{min-width:84px !important}.minw85{min-width:85px !important}.minw86{min-width:86px !important}.minw87{min-width:87px !important}.minw88{min-width:88px !important}.minw89{min-width:89px !important}.minw90{min-width:90px !important}.minw91{min-width:91px !important}.minw92{min-width:92px !important}.minw93{min-width:93px !important}.minw94{min-width:94px !important}.minw95{min-width:95px !important}.minw96{min-width:96px !important}.minw97{min-width:97px !important}.minw98{min-width:98px !important}.minw99{min-width:99px !important}.minw100{min-width:100px !important}.minw200{min-width:200px !important}.minw250{min-width:250px !important} /* max-width */ .maxw1{max-width:1px !important}.maxw2{max-width:2px !important}.maxw3{max-width:3px !important}.maxw4{max-width:4px !important}.maxw5{max-width:5px !important}.maxw6{max-width:6px !important}.maxw7{max-width:7px !important}.maxw8{max-width:8px !important}.maxw9{max-width:9px !important}.maxw10{max-width:10px !important}.maxw11{max-width:11px !important}.maxw12{max-width:12px !important}.maxw13{max-width:13px !important}.maxw14{max-width:14px !important}.maxw15{max-width:15px !important}.maxw16{max-width:16px !important}.maxw17{max-width:17px !important}.maxw18{max-width:18px !important}.maxw19{max-width:19px !important}.maxw20{max-width:20px !important}.maxw21{max-width:21px !important}.maxw22{max-width:22px !important}.maxw23{max-width:23px !important}.maxw24{max-width:24px !important}.maxw25{max-width:25px !important}.maxw26{max-width:26px !important}.maxw27{max-width:27px !important}.maxw28{max-width:28px !important}.maxw29{max-width:29px !important}.maxw30{max-width:30px !important}.maxw31{max-width:31px !important}.maxw32{max-width:32px !important}.maxw33{max-width:33px !important}.maxw34{max-width:34px !important}.maxw35{max-width:35px !important}.maxw36{max-width:36px !important}.maxw37{max-width:37px !important}.maxw38{max-width:38px !important}.maxw39{max-width:39px !important}.maxw40{max-width:40px !important}.maxw41{max-width:41px !important}.maxw42{max-width:42px !important}.maxw43{max-width:43px !important}.maxw44{max-width:44px !important}.maxw45{max-width:45px !important}.maxw46{max-width:46px !important}.maxw47{max-width:47px !important}.maxw48{max-width:48px !important}.maxw49{max-width:49px !important}.maxw50{max-width:50px !important}.maxw51{max-width:51px !important}.maxw52{max-width:52px !important}.maxw53{max-width:53px !important}.maxw54{max-width:54px !important}.maxw55{max-width:55px !important}.maxw56{max-width:56px !important}.maxw57{max-width:57px !important}.maxw58{max-width:58px !important}.maxw59{max-width:59px !important}.maxw60{max-width:60px !important}.maxw61{max-width:61px !important}.maxw62{max-width:62px !important}.maxw63{max-width:63px !important}.maxw64{max-width:64px !important}.maxw65{max-width:65px !important}.maxw66{max-width:66px !important}.maxw67{max-width:67px !important}.maxw68{max-width:68px !important}.maxw69{max-width:69px !important}.maxw70{max-width:70px !important}.maxw71{max-width:71px !important}.maxw72{max-width:72px !important}.maxw73{max-width:73px !important}.maxw74{max-width:74px !important}.maxw75{max-width:75px !important}.maxw76{max-width:76px !important}.maxw77{max-width:77px !important}.maxw78{max-width:78px !important}.maxw79{max-width:79px !important}.maxw80{max-width:80px !important}.maxw81{max-width:81px !important}.maxw82{max-width:82px !important}.maxw83{max-width:83px !important}.maxw84{max-width:84px !important}.maxw85{max-width:85px !important}.maxw86{max-width:86px !important}.maxw87{max-width:87px !important}.maxw88{max-width:88px !important}.maxw89{max-width:89px !important}.maxw90{max-width:90px !important}.maxw91{max-width:91px !important}.maxw92{max-width:92px !important}.maxw93{max-width:93px !important}.maxw94{max-width:94px !important}.maxw95{max-width:95px !important}.maxw96{max-width:96px !important}.maxw97{max-width:97px !important}.maxw98{max-width:98px !important}.maxw99{max-width:99px !important}.maxw100{max-width:100px !important} /* margin */ .mt0{margin-top:0 !important}.mt5{margin-top:5px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt35{margin-top:35px !important}.mt40{margin-top:40px !important}.mt45{margin-top:45px !important}.mt50{margin-top:50px !important}.mt55{margin-top:55px !important}.mt60{margin-top:65px !important}.mt70{margin-top:70px !important}.mt75{margin-top:75px !important}.mt80{margin-top:80px !important}.mt85{margin-top:85px !important}.mt90{margin-top:90px !important}.mt95{margin-top:95px !important}.mt100{margin-top:100px !important} .mb0{margin-bottom:0 !important}.mb5{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}.mb55{margin-bottom:55px !important}.mb60{margin-bottom:60px !important}.mb65{margin-bottom:65px !important}.mb70{margin-bottom:70px !important}.mb75{margin-bottom:75px !important}.mb80{margin-bottom:80px !important}.mb85{margin-bottom:85px !important}.mb90{margin-bottom:90px !important}.mb95{margin-bottom:95px !important}.mb100{margin-bottom:100px !important} .ml0{margin-left:0 !important}.ml5{margin-left:5px !important}.ml10{margin-left:10px !important}.ml15{margin-left:15px !important}.ml20{margin-left:20px !important}.ml25{margin-left:25px !important}.ml30{margin-left:30px !important}.ml35{margin-left:35px !important}.ml40{margin-left:40px !important}.ml45{margin-left:45px !important}.ml50{margin-left:50px !important}.ml55{margin-left:55px !important}.ml60{margin-left:60px !important}.ml65{margin-left:65px !important}.ml70{margin-left:70px !important}.ml75{margin-left:75px !important}.ml80{margin-left:80px !important}.ml85{margin-left:85px !important}.ml90{margin-left:90px !important}.ml95{margin-left:95px !important}.ml100{margin-left:100px !important} .mr0{margin-right:0 !important}.mr5{margin-right:5px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr20{margin-right:20px !important}.mr25{margin-right:25px !important}.mr30{margin-right:30px !important}.mr35{margin-right:35px !important}.mr40{margin-right:40px !important}.mr45{margin-right:45px !important}.mr50{margin-right:50px !important}.mr55{margin-right:55px !important}.mr60{margin-right:60px !important}.mr65{margin-right:65px !important}.mr70{margin-right:70px !important}.mr75{margin-right:75px !important}.mr80{margin-right:80px !important}.mr85{margin-right:85px !important}.mr90{margin-right:90px !important}.mr95{margin-right:95px !important}.mr100{margin-right:100px !important} /* padding */ .pt0{padding-top:0 !important}.pt5{padding-top:5px !important}.pt10{padding-top:10px !important}.pt15{padding-top:15px !important}.pt20{padding-top:20px !important}.pt25{padding-top:25px !important}.pt30{padding-top:30px !important}.pt35{padding-top:35px !important}.pt40{padding-top:40px !important}.pt45{padding-top:45px !important}.pt50{padding-top:50px !important}.pt55{padding-top:55px !important}.pt60{padding-top:65px !important}.pt70{padding-top:70px !important}.pt75{padding-top:75px !important}.pt80{padding-top:80px !important}.pt85{padding-top:85px !important}.pt90{padding-top:90px !important}.pt95{padding-top:95px !important}.pt100{padding-top:100px !important} .pb0{padding-bottom:0 !important}.pb5{padding-bottom:5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb25{padding-bottom:25px !important}.pb30{padding-bottom:30px !important}.pb35{padding-bottom:35px !important}.pb40{padding-bottom:40px !important}.pb45{padding-bottom:45px !important}.pb50{padding-bottom:50px !important}.pb55{padding-bottom:55px !important}.pb60{padding-bottom:60px !important}.pb65{padding-bottom:65px !important}.pb70{padding-bottom:70px !important}.pb75{padding-bottom:75px !important}.pb80{padding-bottom:80px !important}.pb85{padding-bottom:85px !important}.pb90{padding-bottom:90px !important}.pb95{padding-bottom:95px !important}.pb100{padding-bottom:100px !important} .pl0{padding-left:0 !important}.pl5{padding-left:5px !important}.pl10{padding-left:10px !important}.pl15{padding-left:15px !important}.pl20{padding-left:20px !important}.pl25{padding-left:25px !important}.pl30{padding-left:30px !important}.pl35{padding-left:35px !important}.pl40{padding-left:40px !important}.pl45{padding-left:45px !important}.pl50{padding-left:50px !important}.pl55{padding-left:55px !important}.pl60{padding-left:60px !important}.pl65{padding-left:65px !important}.pl70{padding-left:70px !important}.pl75{padding-left:75px !important}.pl80{padding-left:80px !important}.pl85{padding-left:85px !important}.pl90{padding-left:90px !important}.pl95{padding-left:95px !important}.pl100{padding-left:100px !important} .pr0{padding-right:0 !important}.pr5{padding-right:5px !important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pr20{padding-right:20px !important}.pr25{padding-right:25px !important}.pr30{padding-right:30px !important}.pr35{padding-right:35px !important}.pr40{padding-right:40px !important}.pr45{padding-right:45px !important}.pr50{padding-right:50px !important}.pr55{padding-right:55px !important}.pr60{padding-right:60px !important}.pr65{padding-right:65px !important}.pr70{padding-right:70px !important}.pr75{padding-right:75px !important}.pr80{padding-right:80px !important}.pr85{padding-right:85px !important}.pr90{padding-right:90px !important}.pr95{padding-right:95px !important}.pr100{padding-right:100px !important} /* border 20210520(s)*/ .bd0{border:0 !important;} /* 20210520(e) */ /* display */ .inblock{display:inline-block;}.inline{display:inline;}.block{display:block;}.hide{display:none;} /* float */ .fl{float:left;}.fr{float:right;}.fl:after, .fr:after{content:"";display:block; clear:both;}.fn{float:none !important;} /* clear */ .clear{clear:both;transform: scale(1);}.clear:after{content:"";display:block;clear:both;} /* vertical-align */ .vt{vertical-align:top !important}.vm{vertical-align:middle !important}.vb{vertical-align:bottom !important} /* text-align */ .tl{text-align:left !important;}.tc{text-align:center !important;}.tr{text-align:right !important;} .txtc{text-align:center!important;} /* ETC */ .ell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .boxsizing{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .relative{position:relative;} .absolute{position:absolute;} .fixed{position:fixed} .fixedtable{table-layout:fixed;word-wrap:break-word;} .underline{text-decoration:underline !important;} .table{display:table;width:100%;height:100%;} .tcell{display:table-cell;vertical-align:middle;} /* 버튼 정렬 */ .btnZone{position:relative;text-align:center;z-index:1;} .btnZone:after{content:"";display:block;clear:both;} .btnZone .btnR{float:right;display:inline-block;z-index:2;} .btnZone .btnL{float:left;display:inline-block;z-index:2;} .btnC{text-align:center;}.btnL{text-align:left;}.btnR{text-align:right;} /* background-color */ .bg_lightsalmon{background-color:#ffa07a;}.bg_salmon{background-color:#fa8072;}.bg_darksalmon{background-color:#e9967a;}.bg_lightcoral{background-color:#f08080;}.bg_indianred{background-color:#cd5c5c;}.bg_crimson{background-color:#dc143c;}.bg_firebrick{background-color:#b22222;}.bg_red{background-color:#ff0000;}.bg_darkred{background-color:#8B0000;}.bg_coral{background-color:#ff7f50;}.bg_tomato{background-color:#ff6347;}.bg_orangered{background-color:#ff4500;}.bg_gold{background-color:#ffd700;}.bg_orange{background-color:#ffa500;}.bg_darkorange{background-color:#ff8c00;}.bg_lightyellow{background-color:#ffffe0;}.bg_lemonchiffon{background-color:#fffacd;}.bg_lightgoldenrodyellow{background-color:#fafad2;}.bg_papayawhip{background-color:#ffefd5;}.bg_moccasin{background-color:#ffe4b5;}.bg_peachpuff{background-color:#ffdab9;}.bg_palegoldenrod{background-color:#eee8aa;}.bg_khaki{background-color:#f0e68c;}.bg_darkkhaki{background-color:#bdb76b;}.bg_yellow{background-color:#ffd700;}.bg_lawngreen{background-color:#7cfc00;}.bg_chartreuse{background-color:#7fff00;}.bg_limegreen{background-color:#32cd32;}.bg_lime{background-color:#00ff00;}.bg_forestgreen{background-color:#228b22;}.bg_green{background-color:#008000;}.bg_darkgreen{background-color:#006400;}.bg_greenyellow{background-color:#adff2f;}.bg_yellowgreen{background-color:#9acd32;}.bg_springgreen{background-color:#00ff7f;}.bg_mediumspringgreen{background-color:#00fa9a;}.bg_lightgreen{background-color:#90ee90;}.bg_palegreen{background-color:#98fb98;}.bg_darkseagreen{background-color:#8fbc8f;}.bg_mediumseagreen{background-color:#3CB371;}.bg_seagreen{background-color:#2e8b57;}.bg_olive{background-color:#808000;}.bg_darkolivegreen{background-color:#556B2F;}.bg_olivedrab{background-color:#6b8e23;}.bg_lightcyan{background-color:#e0ffff;}.bg_cyan{background-color:#00ffff;}.bg_aqua{background-color:#00ffff;}.bg_aquamarine{background-color:#7fffd4;}.bg_mediumaquamarine{background-color:#66cdaa;}.bg_paleturquoise{background-color:#afeeee;}.bg_turquoise{background-color:#40e0d0;}.bg_mediumturquoise{background-color:#48d1cc;}.bg_darkturquoise{background-color:#00ced1;}.bg_lightseagreen{background-color:#20b2aa;}.bg_cadetblue{background-color:#5f9ea0;}.bg_darkcyan{background-color:#008b8b;}.bg_teal{background-color:#008080;}.bg_powderblue{background-color:#b0e0e6;}.bg_lightblue{background-color:#add8e6;}.bg_lightskyblue{background-color:#87cefa;}.bg_skyblue{background-color:#87ceeb;}.bg_sky{background-color:#00bfff;}.bg_lightsteelblue{background-color:#b0c4de;}.bg_dodgerblue{background-color:#1e90ff;}.bg_cornflowerblue{background-color:#6495ed;}.bg_steelblue{background-color:#4682b4;}.bg_royalblue{background-color:#4169e1;}.bg_blue{background-color:#0000ff;}.bg_mediumblue{background-color:#0000cd;}.bg_darkblue{background-color:#00008b;}.bg_navy{background-color:#000080;}.bg_midnightblue{background-color:#191970;}.bg_mediumslateblue{background-color:#7b68ee;}.bg_slateblue{background-color:#6a5acd;}.bg_darkslateblue{background-color:#483d8b;}.bg_lavender{background-color:#E6E6FA;}.bg_thistle{background-color:#D8BFD8;}.bg_plum{background-color:#DDA0DD;}.bg_violet{background-color:#EE82EE;}.bg_orchid{background-color:#DA70D6;}.bg_fuchsia{background-color:#FF00FF;}.bg_magenta{background-color:#FF00FF;}.bg_mediumorchid{background-color:#BA55D3;}.bg_mediumpurple{background-color:#9370DB;}.bg_blueviolet{background-color:#8A2BE2;}.bg_darkviolet{background-color:#9400D3;}.bg_darkorchid{background-color:#9932CC;}.bg_darkmagenta{background-color:#8B008B;}.bg_purple{background-color:#800080;}.bg_indigo{background-color:#4B0082;}.bg_pink{background-color:#ffc0cb;}.bg_lightpink {background-color:#ffb6c1;}.bg_hotpink{background-color:#ff69b4;}.bg_deeppink{background-color:#ff1493;}.bg_palevioletred{background-color:#db7093;}.bg_mediumvioletred{background-color:#c71585;}.bg_gainsboro{background-color:#dcdcdc;}.bg_lightgray{background-color:#d3d3d3;}.bg_silver{background-color:#c0c0c0;}.bg_darkgray{background-color:#a9a9a9;}.bg_gray{background-color:#808080;}.bg_dimgray{background-color:#696969;}.bg_lightslategray{background-color:#778899;}.bg_slategray{background-color:#708090;}.bg_darkslategray{background-color:#2f4f4f;}.bg_black{background-color:#000000;}.bg_cornsilk{background-color:#fff8dc;}.bg_blanchedalmond{background-color:#ffebcd;}.bg_bisque{background-color:#ffe4c4;}.bg_navajowhite{background-color:#ffdead;}.bg_wheat{background-color:#f5deb3;}.bg_burlywood{background-color:#deb887;}.bg_tan{background-color:#d2b48c;}.bg_rosybrown{background-color:#bc8f8f;}.bg_sandybrown{background-color:#f4a460;}.bg_goldenrod{background-color:#daa520;}.bg_peru{background-color:#cd853f;}.bg_chocolate{background-color:#d2691e;}.bg_saddlebrown{background-color:#8b4513;}.bg_sienna{background-color:#a0522d;}.bg_brown{background-color:#a52a2a;}.bg_maroon{background-color:#800000;}.bg_white{background-color:#ffffff;}.bg_snow{background-color:#fffafa;}.bg_honeydew{background-color:#f0fff0;}.bg_mintcream{background-color:#f5fffa;}.bg_azure{background-color:#f0ffff;}.bg_aliceblue{background-color:#f0f8ff;}.bg_ghostwhite{background-color:#f8f8ff;}.bg_whitesmoke{background-color:#f5f5f5;}.bg_seashell{background-color:#fff5ee;}.bg_beige{background-color:#f5f5dc;}.bg_oldlace{background-color:#fdf5e6;}.bg_floralwhite{background-color:#fffaf0;}.bg_ivory{background-color:#fffff0;}.bg_antiquewhite{background-color:#faebd7;}.bg_linen{background-color:#faf0e6;}.bg_lavenderblush{background-color:#FfF0F5;}.bg_mistyrose{background-color:#ffe4e1;} /* 버튼 background-color */ .lightsalmon{background-color:#ffa07a;}.salmon{background-color:#fa8072;}.darksalmon{background-color:#e9967a;}.lightcoral{background-color:#f08080;}.indianred{background-color:#cd5c5c;}.crimson{background-color:#dc143c;}.firebrick{background-color:#b22222;}.red{background-color:#ff0000;}.darkred{background-color:#8B0000;}.coral{background-color:#ff7f50;}.tomato{background-color:#ff6347;}.orangered{background-color:#ff4500;}.gold{background-color:#ffd700;}.orange{background-color:#ffa500;}.darkorange{background-color:#ff8c00;}.lightyellow{background-color:#ffffe0;}.lemonchiffon{background-color:#fffacd;}.lightgoldenrodyellow{background-color:#fafad2;}.papayawhip{background-color:#ffefd5;}.moccasin{background-color:#ffe4b5;}.peachpuff{background-color:#ffdab9;}.palegoldenrod{background-color:#eee8aa;}.khaki{background-color:#f0e68c;}.darkkhaki{background-color:#bdb76b;}.yellow{background-color:#ffd700;}.lawngreen{background-color:#7cfc00;}.chartreuse{background-color:#7fff00;}.limegreen{background-color:#32cd32;}.lime{background-color:#00ff00;}.forestgreen{background-color:#228b22;}.green{background-color:#008000;}.darkgreen{background-color:#006400;}.greenyellow{background-color:#adff2f;}.yellowgreen{background-color:#9acd32;}.springgreen{background-color:#00ff7f;}.mediumspringgreen{background-color:#00fa9a;}.lightgreen{background-color:#90ee90;}.palegreen{background-color:#98fb98;}.darkseagreen{background-color:#8fbc8f;}.mediumseagreen{background-color:#3CB371;}.seagreen{background-color:#2e8b57;}.olive{background-color:#808000;}.darkolivegreen{background-color:#556B2F;}.olivedrab{background-color:#6b8e23;}.lightcyan{background-color:#e0ffff;}.cyan{background-color:#00ffff;}.aqua{background-color:#00ffff;}.aquamarine{background-color:#7fffd4;}.mediumaquamarine{background-color:#66cdaa;}.paleturquoise{background-color:#afeeee;}.turquoise{background-color:#40e0d0;}.mediumturquoise{background-color:#48d1cc;}.darkturquoise{background-color:#00ced1;}.lightseagreen{background-color:#20b2aa;}.cadetblue{background-color:#5f9ea0;}.darkcyan{background-color:#008b8b;}.teal{background-color:#008080;}.powderblue{background-color:#b0e0e6;}.lightblue{background-color:#add8e6;}.lightskyblue{background-color:#87cefa;}.skyblue{background-color:#87ceeb;}.sky{background-color:#00bfff;}.lightsteelblue{background-color:#b0c4de;}.dodgerblue{background-color:#1e90ff;}.cornflowerblue{background-color:#6495ed;}.steelblue{background-color:#4682b4;}.royalblue{background-color:#4169e1;}.blue{background-color:#0000ff;}.mediumblue{background-color:#0000cd;}.darkblue{background-color:#00008b;}.navy{background-color:#000080;}.midnightblue{background-color:#191970;}.mediumslateblue{background-color:#7b68ee;}.slateblue{background-color:#6a5acd;}.darkslateblue{background-color:#483d8b;}.lavender{background-color:#E6E6FA;}.thistle{background-color:#D8BFD8;}.plum{background-color:#DDA0DD;}.violet{background-color:#EE82EE;}.orchid{background-color:#DA70D6;}.fuchsia{background-color:#FF00FF;}.magenta{background-color:#FF00FF;}.mediumorchid{background-color:#BA55D3;}.mediumpurple{background-color:#9370DB;}.blueviolet{background-color:#8A2BE2;}.darkviolet{background-color:#9400D3;}.darkorchid{background-color:#9932CC;}.darkmagenta{background-color:#8B008B;}.purple{background-color:#800080;}.indigo{background-color:#4B0082;}.pink{background-color:#ffc0cb;}.lightpink {background-color:#ffb6c1;}.hotpink{background-color:#ff69b4;}.deeppink{background-color:#ff1493;}.palevioletred{background-color:#db7093;}.mediumvioletred{background-color:#c71585;}.gainsboro{background-color:#dcdcdc;}.lightgray{background-color:#d3d3d3;}.silver{background-color:#c0c0c0;}.darkgray{background-color:#a9a9a9;}.gray{background-color:#808080;}.dimgray{background-color:#696969;}.lightslategray{background-color:#778899;}.slategray{background-color:#708090;}.darkslategray{background-color:#2f4f4f;}.black{background-color:#000000;}.cornsilk{background-color:#fff8dc;}.blanchedalmond{background-color:#ffebcd;}.bisque{background-color:#ffe4c4;}.navajowhite{background-color:#ffdead;}.wheat{background-color:#f5deb3;}.burlywood{background-color:#deb887;}.tan{background-color:#d2b48c;}.rosybrown{background-color:#bc8f8f;}.sandybrown{background-color:#f4a460;}.goldenrod{background-color:#daa520;}.peru{background-color:#cd853f;}.chocolate{background-color:#d2691e;}.saddlebrown{background-color:#8b4513;}.sienna{background-color:#a0522d;}.brown{background-color:#a52a2a;}.maroon{background-color:#800000;}.white{background-color:#ffffff;}.snow{background-color:#fffafa;}.honeydew{background-color:#f0fff0;}.mintcream{background-color:#f5fffa;}.azure{background-color:#f0ffff;}.aliceblue{background-color:#f0f8ff;}.ghostwhite{background-color:#f8f8ff;}.whitesmoke{background-color:#f5f5f5;}.seashell{background-color:#fff5ee;}.beige{background-color:#f5f5dc;}.oldlace{background-color:#fdf5e6;}.floralwhite{background-color:#fffaf0;}.ivory{background-color:#fffff0;}.antiquewhite{background-color:#faebd7;}.linen{background-color:#faf0e6;}.lavenderblush{background-color:#FfF0F5;}.mistyrose{background-color:#ffe4e1;} .btnBasic:hover{opacity:0.8;box-shadow: 4px 4px 6px rgba(0,0,0,.2);} .blue2{background:#396dbb;} .darkslategray2{background:#3d464d;} .darkslategray2 span{color:#e4ff00;} .lime2{background:#beed75;color:#3d3d3d;} .lime2 span{font-weight:700;} .navy2{background:#3d464d;} .green2{background:#51a320;} /* 버튼 border */ .btnBorder{display:inline-block;min-height:25px;padding:2px 5px;box-sizing:border-box;text-align:center;vertical-align:middle;color:#2f2f2f;font-size:12px;line-height:1.8;background-color:#fff;border:1px solid #7a7a7a;border-radius: 4px;-webkit-transition: all 0.4s;transition: all 0.4s;box-shadow: 2px 2px 4px rgba(0,0,0,.2);text-shadow:rgba(0,0,0,.3) 1px 0px 0px;} a.btnBorder{line-height:1.8;} .bd_lightsalmon{border-color:#ffa07a;color:#ffa07a;}.bd_salmon{border-color:#fa8072;color:#fa8072;}.bd_darksalmon{border-color:#e9967a;color:#e9967a;}.bd_lightcoral{border-color:#f08080;color:#f08080;}.bd_indianred{border-color:#cd5c5c;color:#cd5c5c;}.bd_crimson{border-color:#dc143c;color:#dc143c;}.bd_firebrick{border-color:#b22222;color:#b22222;}.bd_red{border-color:#ff0000;color:#ff0000;}.bd_darkred{border-color:#8B0000;color:#8B0000;}.bd_coral{border-color:#ff7f50;color:#ff7f50;}.bd_tomato{border-color:#ff6347;color:#ff6347;}.bd_orangered{border-color:#ff4500;color:#ff4500;}.bd_gold{border-color:#ffd700;color:#ffd700;}.bd_orange{border-color:#ffa500;color:#ffa500;}.bd_darkorange{border-color:#ff8c00;color:#ff8c00;}.bd_lightyellow{border-color:#ffffe0;color:#ffffe0;}.bd_lemonchiffon{border-color:#fffacd;color:#fffacd;}.bd_lightgoldenrodyellow{border-color:#fafad2;color:#fafad2;}.bd_papayawhip{border-color:#ffefd5;color:#ffefd5;}.bd_moccasin{border-color:#ffe4b5;color:#ffe4b5;}.bd_peachpuff{border-color:#ffdab9;color:#ffdab9;}.bd_palegoldenrod{border-color:#eee8aa;color:#eee8aa;}.bd_khaki{border-color:#f0e68c;color:#f0e68c;}.bd_darkkhaki{border-color:#bdb76b;color:#bdb76b;}.bd_yellow{border-color:#ffd700;color:#ffd700;}.bd_lawngreen{border-color:#7cfc00;color:#7cfc00;}.bd_chartreuse{border-color:#7fff00;color:#7fff00;}.bd_limegreen{border-color:#32cd32;color:#32cd32;}.bd_lime{border-color:#00ff00;color:#00ff00;}.bd_forestgreen{border-color:#228b22;color:#228b22;}.bd_green{border-color:#008000;color:#008000;}.bd_darkgreen{border-color:#006400;color:#006400;}.bd_greenyellow{border-color:#adff2f;color:#adff2f;}.bd_yellowgreen{border-color:#9acd32;color:#9acd32;}.bd_springgreen{border-color:#00ff7f;color:#00ff7f;}.bd_mediumspringgreen{border-color:#00fa9a;color:#00fa9a;}.bd_lightgreen{border-color:#90ee90;color:#90ee90;}.bd_palegreen{border-color:#98fb98;color:#98fb98;}.bd_darkseagreen{border-color:#8fbc8f;color:#8fbc8f;}.bd_mediumseagreen{border-color:#3CB371;color:#3CB371;}.bd_seagreen{border-color:#2e8b57;color:#2e8b57;}.bd_olive{border-color:#808000;color:#808000;}.bd_darkolivegreen{border-color:#556B2F;color:#556B2F;}.bd_olivedrab{border-color:#6b8e23;color:#6b8e23;}.bd_lightcyan{border-color:#e0ffff;color:#e0ffff;}.bd_cyan{border-color:#00ffff;color:#00ffff;}.bd_aqua{border-color:#00ffff;color:#00ffff;}.bd_aquamarine{border-color:#7fffd4;color:#7fffd4;}.bd_mediumaquamarine{border-color:#66cdaa;color:#66cdaa;}.bd_paleturquoise{border-color:#afeeee;color:#afeeee;}.bd_turquoise{border-color:#40e0d0;color:#40e0d0;}.bd_mediumturquoise{border-color:#48d1cc;color:#48d1cc;}.bd_darkturquoise{border-color:#00ced1;color:#00ced1;}.bd_lightseagreen{border-color:#20b2aa;color:#20b2aa;}.bd_cadetblue{border-color:#5f9ea0;color:#5f9ea0;}.bd_darkcyan{border-color:#008b8b;color:#008b8b;}.bd_teal{border-color:#008080;color:#008080;}.bd_powderblue{border-color:#b0e0e6;color:#b0e0e6;}.bd_lightblue{border-color:#add8e6;color:#add8e6;}.bd_lightskyblue{border-color:#87cefa;color:#87cefa;}.bd_skyblue{border-color:#87ceeb;color:#87ceeb;}.bd_sky{border-color:#00bfff;color:#00bfff;}.bd_lightsteelblue{border-color:#b0c4de;color:#b0c4de;}.bd_dodgerblue{border-color:#1e90ff;color:#1e90ff;}.bd_cornflowerblue{border-color:#6495ed;color:#6495ed;}.bd_steelblue{border-color:#4682b4;color:#4682b4;}.bd_royalblue{border-color:#4169e1;color:#4169e1;}.bd_blue{border-color:#0000ff;color:#0000ff;}.bd_mediumblue{border-color:#0000cd;color:#0000cd;}.bd_darkblue{border-color:#00008b;color:#00008b;}.bd_navy{border-color:#000080;color:#000080;}.bd_midnightblue{border-color:#191970;color:#191970;}.bd_mediumslateblue{border-color:#7b68ee;color:#7b68ee;}.bd_slateblue{border-color:#6a5acd;color:#6a5acd;}.bd_darkslateblue{border-color:#483d8b;color:#483d8b;}.bd_lavender{border-color:#E6E6FA;color:#E6E6FA;}.bd_thistle{border-color:#D8BFD8;color:#D8BFD8;}.bd_plum{border-color:#DDA0DD;color:#DDA0DD;}.bd_violet{border-color:#EE82EE;color:#EE82EE;}.bd_orchid{border-color:#DA70D6;color:#DA70D6;}.bd_fuchsia{border-color:#FF00FF;color:#FF00FF;}.bd_magenta{border-color:#FF00FF;color:#FF00FF;}.bd_mediumorchid{border-color:#BA55D3;color:#BA55D3;}.bd_mediumpurple{border-color:#9370DB;color:#9370DB;}.bd_blueviolet{border-color:#8A2BE2;color:#8A2BE2;}.bd_darkviolet{border-color:#9400D3;color:#9400D3;}.bd_darkorchid{border-color:#9932CC;color:#9932CC;}.bd_darkmagenta{border-color:#8B008B;color:#8B008B;}.bd_purple{border-color:#800080;color:#800080;}.bd_indigo{border-color:#4B0082;color:#4B0082;}.bd_pink{border-color:#ffc0cb;color:#ffc0cb;}.bd_lightpink {border-color:#ffb6c1;color:#ffb6c1;}.bd_hotpink{border-color:#ff69b4;color:#ff69b4;}.bd_deeppink{border-color:#ff1493;color:#ff1493;}.bd_palevioletred{border-color:#db7093;color:#db7093;}.bd_mediumvioletred{border-color:#c71585;color:#c71585;}.bd_gainsboro{border-color:#dcdcdc;color:#dcdcdc;}.bd_lightgray{border-color:#d3d3d3;color:#d3d3d3;}.bd_silver{border-color:#c0c0c0;color:#c0c0c0;}.bd_darkgray{border-color:#a9a9a9;color:#a9a9a9;}.bd_gray{border-color:#808080;color:#808080;}.bd_dimgray{border-color:#696969;color:#696969;}.bd_lightslategray{border-color:#778899;color:#778899;}.bd_slategray{border-color:#708090;color:#708090;}.bd_darkslategray{border-color:#2f4f4f;color:#2f4f4f;}.bd_black{border-color:#000000;color:#000000;}.bd_cornsilk{border-color:#fff8dc;color:#fff8dc;}.bd_blanchedalmond{border-color:#ffebcd;color:#ffebcd;}.bd_bisque{border-color:#ffe4c4;color:#ffe4c4;}.bd_navajowhite{border-color:#ffdead;color:#ffdead;}.bd_wheat{border-color:#f5deb3;color:#f5deb3;}.bd_burlywood{border-color:#deb887;color:#deb887;}.bd_tan{border-color:#d2b48c;color:#d2b48c;}.bd_rosybrown{border-color:#bc8f8f;color:#bc8f8f;}.bd_sandybrown{border-color:#f4a460;color:#f4a460;}.bd_goldenrod{border-color:#daa520;color:#daa520;}.bd_peru{border-color:#cd853f;color:#cd853f;}.bd_chocolate{border-color:#d2691e;color:#d2691e;}.bd_saddlebrown{border-color:#8b4513;color:#8b4513;}.bd_sienna{border-color:#a0522d;color:#a0522d;}.bd_brown{border-color:#a52a2a;color:#a52a2a;}.bd_maroon{border-color:#800000;color:#800000;}.bd_white{border-color:#ffffff;color:#ffffff;}.bd_snow{border-color:#fffafa;color:#fffafa;}.bd_honeydew{border-color:#f0fff0;color:#f0fff0;}.bd_mintcream{border-color:#f5fffa;color:#f5fffa;}.bd_azure{border-color:#f0ffff;color:#f0ffff;}.bd_aliceblue{border-color:#f0f8ff;color:#f0f8ff;}.bd_ghostwhite{border-color:#f8f8ff;color:#f8f8ff;}.bd_whitesmoke{border-color:#f5f5f5;color:#f5f5f5;}.bd_seashell{border-color:#fff5ee;color:#fff5ee;}.bd_beige{border-color:#f5f5dc;color:#f5f5dc;}.bd_oldlace{border-color:#fdf5e6;color:#fdf5e6;}.bd_floralwhite{border-color:#fffaf0;color:#fffaf0;}.bd_ivory{border-color:#fffff0;color:#fffff0;}.bd_antiquewhite{border-color:#faebd7;color:#faebd7;}.bd_linen{border-color:#faf0e6;color:#faf0e6;}.bd_lavenderblush{border-color:#FfF0F5;color:#FfF0F5;}.bd_mistyrose{border-color:#ffe4e1;color:#ffe4e1;} a.bd_lightsalmon{border-color:#ffa07a;color:#ffa07a;}a.bd_salmon{border-color:#fa8072;color:#fa8072;}a.bd_darksalmon{border-color:#e9967a;color:#e9967a;}a.bd_lightcoral{border-color:#f08080;color:#f08080;}a.bd_indianred{border-color:#cd5c5c;color:#cd5c5c;}a.bd_crimson{border-color:#dc143c;color:#dc143c;}a.bd_firebrick{border-color:#b22222;color:#b22222;}a.bd_red{border-color:#ff0000;color:#ff0000;}a.bd_darkred{border-color:#8B0000;color:#8B0000;}a.bd_coral{border-color:#ff7f50;color:#ff7f50;}a.bd_tomato{border-color:#ff6347;color:#ff6347;}a.bd_orangered{border-color:#ff4500;color:#ff4500;}a.bd_gold{border-color:#ffd700;color:#ffd700;}a.bd_orange{border-color:#ffa500;color:#ffa500;}a.bd_darkorange{border-color:#ff8c00;color:#ff8c00;}a.bd_lightyellow{border-color:#ffffe0;color:#ffffe0;}a.bd_lemonchiffon{border-color:#fffacd;color:#fffacd;}a.bd_lightgoldenrodyellow{border-color:#fafad2;color:#fafad2;}a.bd_papayawhip{border-color:#ffefd5;color:#ffefd5;}a.bd_moccasin{border-color:#ffe4b5;color:#ffe4b5;}a.bd_peachpuff{border-color:#ffdab9;color:#ffdab9;}a.bd_palegoldenrod{border-color:#eee8aa;color:#eee8aa;}a.bd_khaki{border-color:#f0e68c;color:#f0e68c;}a.bd_darkkhaki{border-color:#bdb76b;color:#bdb76b;}a.bd_yellow{border-color:#ffd700;color:#ffd700;}a.bd_lawngreen{border-color:#7cfc00;color:#7cfc00;}a.bd_chartreuse{border-color:#7fff00;color:#7fff00;}a.bd_limegreen{border-color:#32cd32;color:#32cd32;}a.bd_lime{border-color:#00ff00;color:#00ff00;}a.bd_forestgreen{border-color:#228b22;color:#228b22;}a.bd_green{border-color:#008000;color:#008000;}a.bd_darkgreen{border-color:#006400;color:#006400;}a.bd_greenyellow{border-color:#adff2f;color:#adff2f;}a.bd_yellowgreen{border-color:#9acd32;color:#9acd32;}a.bd_springgreen{border-color:#00ff7f;color:#00ff7f;}a.bd_mediumspringgreen{border-color:#00fa9a;color:#00fa9a;}a.bd_lightgreen{border-color:#90ee90;color:#90ee90;}a.bd_palegreen{border-color:#98fb98;color:#98fb98;}a.bd_darkseagreen{border-color:#8fbc8f;color:#8fbc8f;}a.bd_mediumseagreen{border-color:#3CB371;color:#3CB371;}a.bd_seagreen{border-color:#2e8b57;color:#2e8b57;}a.bd_olive{border-color:#808000;color:#808000;}a.bd_darkolivegreen{border-color:#556B2F;color:#556B2F;}a.bd_olivedrab{border-color:#6b8e23;color:#6b8e23;}a.bd_lightcyan{border-color:#e0ffff;color:#e0ffff;}a.bd_cyan{border-color:#00ffff;color:#00ffff;}a.bd_aqua{border-color:#00ffff;color:#00ffff;}a.bd_aquamarine{border-color:#7fffd4;color:#7fffd4;}a.bd_mediumaquamarine{border-color:#66cdaa;color:#66cdaa;}a.bd_paleturquoise{border-color:#afeeee;color:#afeeee;}a.bd_turquoise{border-color:#40e0d0;color:#40e0d0;}a.bd_mediumturquoise{border-color:#48d1cc;color:#48d1cc;}a.bd_darkturquoise{border-color:#00ced1;color:#00ced1;}a.bd_lightseagreen{border-color:#20b2aa;color:#20b2aa;}a.bd_cadetblue{border-color:#5f9ea0;color:#5f9ea0;}a.bd_darkcyan{border-color:#008b8b;color:#008b8b;}a.bd_teal{border-color:#008080;color:#008080;}a.bd_powderblue{border-color:#b0e0e6;color:#b0e0e6;}a.bd_lightblue{border-color:#add8e6;color:#add8e6;}a.bd_lightskyblue{border-color:#87cefa;color:#87cefa;}a.bd_skyblue{border-color:#87ceeb;color:#87ceeb;}a.bd_sky{border-color:#00bfff;color:#00bfff;}a.bd_lightsteelblue{border-color:#b0c4de;color:#b0c4de;}a.bd_dodgerblue{border-color:#1e90ff;color:#1e90ff;}a.bd_cornflowerblue{border-color:#6495ed;color:#6495ed;}a.bd_steelblue{border-color:#4682b4;color:#4682b4;}a.bd_royalblue{border-color:#4169e1;color:#4169e1;}a.bd_blue{border-color:#0000ff;color:#0000ff;}a.bd_mediumblue{border-color:#0000cd;color:#0000cd;}a.bd_darkblue{border-color:#00008b;color:#00008b;}a.bd_navy{border-color:#000080;color:#000080;}a.bd_midnightblue{border-color:#191970;color:#191970;}a.bd_mediumslateblue{border-color:#7b68ee;color:#7b68ee;}a.bd_slateblue{border-color:#6a5acd;color:#6a5acd;}a.bd_darkslateblue{border-color:#483d8b;color:#483d8b;}a.bd_lavender{border-color:#E6E6FA;color:#E6E6FA;}a.bd_thistle{border-color:#D8BFD8;color:#D8BFD8;}a.bd_plum{border-color:#DDA0DD;color:#DDA0DD;}a.bd_violet{border-color:#EE82EE;color:#EE82EE;}a.bd_orchid{border-color:#DA70D6;color:#DA70D6;}a.bd_fuchsia{border-color:#FF00FF;color:#FF00FF;}a.bd_magenta{border-color:#FF00FF;color:#FF00FF;}a.bd_mediumorchid{border-color:#BA55D3;color:#BA55D3;}a.bd_mediumpurple{border-color:#9370DB;color:#9370DB;}a.bd_blueviolet{border-color:#8A2BE2;color:#8A2BE2;}a.bd_darkviolet{border-color:#9400D3;color:#9400D3;}a.bd_darkorchid{border-color:#9932CC;color:#9932CC;}a.bd_darkmagenta{border-color:#8B008B;color:#8B008B;}a.bd_purple{border-color:#800080;color:#800080;}a.bd_indigo{border-color:#4B0082;color:#4B0082;}a.bd_pink{border-color:#ffc0cb;color:#ffc0cb;}a.bd_lightpink {border-color:#ffb6c1;color:#ffb6c1;}a.bd_hotpink{border-color:#ff69b4;color:#ff69b4;}a.bd_deeppink{border-color:#ff1493;color:#ff1493;}a.bd_palevioletred{border-color:#db7093;color:#db7093;}a.bd_mediumvioletred{border-color:#c71585;color:#c71585;}a.bd_gainsboro{border-color:#dcdcdc;color:#dcdcdc;}a.bd_lightgray{border-color:#d3d3d3;color:#d3d3d3;}a.bd_silver{border-color:#c0c0c0;color:#c0c0c0;}a.bd_darkgray{border-color:#a9a9a9;color:#a9a9a9;}a.bd_gray{border-color:#808080;color:#808080;}a.bd_dimgray{border-color:#696969;color:#696969;}a.bd_lightslategray{border-color:#778899;color:#778899;}a.bd_slategray{border-color:#708090;color:#708090;}a.bd_darkslategray{border-color:#2f4f4f;color:#2f4f4f;}a.bd_black{border-color:#000000;color:#000000;}a.bd_cornsilk{border-color:#fff8dc;color:#fff8dc;}a.bd_blanchedalmond{border-color:#ffebcd;color:#ffebcd;}a.bd_bisque{border-color:#ffe4c4;color:#ffe4c4;}a.bd_navajowhite{border-color:#ffdead;color:#ffdead;}a.bd_wheat{border-color:#f5deb3;color:#f5deb3;}a.bd_burlywood{border-color:#deb887;color:#deb887;}a.bd_tan{border-color:#d2b48c;color:#d2b48c;}a.bd_rosybrown{border-color:#bc8f8f;color:#bc8f8f;}a.bd_sandybrown{border-color:#f4a460;color:#f4a460;}a.bd_goldenrod{border-color:#daa520;color:#daa520;}a.bd_peru{border-color:#cd853f;color:#cd853f;}a.bd_chocolate{border-color:#d2691e;color:#d2691e;}a.bd_saddlebrown{border-color:#8b4513;color:#8b4513;}a.bd_sienna{border-color:#a0522d;color:#a0522d;}a.bd_brown{border-color:#a52a2a;color:#a52a2a;}a.bd_maroon{border-color:#800000;color:#800000;}a.bd_white{border-color:#ffffff;color:#ffffff;}a.bd_snow{border-color:#fffafa;color:#fffafa;}a.bd_honeydew{border-color:#f0fff0;color:#f0fff0;}a.bd_mintcream{border-color:#f5fffa;color:#f5fffa;}a.bd_azure{border-color:#f0ffff;color:#f0ffff;}a.bd_aliceblue{border-color:#f0f8ff;color:#f0f8ff;}a.bd_ghostwhite{border-color:#f8f8ff;color:#f8f8ff;}a.bd_whitesmoke{border-color:#f5f5f5;color:#f5f5f5;}a.bd_seashell{border-color:#fff5ee;color:#fff5ee;}a.bd_beige{border-color:#f5f5dc;color:#f5f5dc;}a.bd_oldlace{border-color:#fdf5e6;color:#fdf5e6;}a.bd_floralwhite{border-color:#fffaf0;color:#fffaf0;}a.bd_ivory{border-color:#fffff0;color:#fffff0;}a.bd_antiquewhite{border-color:#faebd7;color:#faebd7;}a.bd_linen{border-color:#faf0e6;color:#faf0e6;}a.bd_lavenderblush{border-color:#FfF0F5;color:#FfF0F5;}a.bd_mistyrose{border-color:#ffe4e1;color:#ffe4e1;} .btnBorder:hover{opacity:0.8;box-shadow: 4px 4px 6px rgba(0,0,0,.2);} /* 버튼 border */ .rounded0{border-radius:0 !important}.rounded5{border-radius:5px !important}.rounded10{border-radius:10px !important}.rounded15{border-radius:15px !important}.rounded20{border-radius:20px !important}.rounded25{border-radius:25px !important}.rounded30{border-radius:30px !important}.rounded35{border-radius:35px !important}.rounded40{border-radius:40px !important}.rounded45{border-radius:45px !important}.rounded50{border-radius:50px !important}.rounded55{border-radius:55px !important}.rounded60{border-radius:60px !important}.rounded65{border-radius:65px !important}.rounded70{border-radius:70px !important}.rounded75{border-radius:75px !important}.rounded80{border-radius:80px !important}.rounded85{border-radius:85px !important}.rounded90{border-radius:90px !important}.rounded95{border-radius:95px !important}.rounded100{border-radius:100px !important} .btn_squ{border-radius:0;} /* 버튼 size */ .btn_xsm, a.btn_xsm{min-height:auto;padding:1px 1px;font-size:10px;line-height:1.2;} .btn_sm, a.btn_sm{min-height:auto;padding:1px 8px;font-size:11px;line-height:1.5;} .btn_mid, a.btn_mid{min-height:auto;padding:5px 12px;font-size:13px;line-height:1.3;} .btn_la, a.btn_la{padding:10px 15px;font-size:15px;line-height:1.3;} .btn_xla, a.btn_xla{padding:15px 20px;font-size:17px;line-height:1.3;} .btn_xxla, a.btn_xxla{padding:20px 25px;font-size:19px;line-height:1.5;} /* font-size */ .f10{font-size:10px !important;}.f11{font-size:11px !important;}.f12{font-size:12px !important;}.f13{font-size:13px !important;}.f14{font-size:14px !important;}.f15{font-size:15px !important;}.f16{font-size:16px !important;}.f17{font-size:17px !important;}.f18{font-size:18px !important;}.f19{font-size:19px !important;}.f20{font-size:20px !important;}.f21{font-size:21px !important;}.f22{font-size:22px !important;}.f23{font-size:23px !important;}.f24{font-size:24px !important;}.f25{font-size:25px !important;}.f26{font-size:26px !important;}.f27{font-size:27px !important;}.f28{font-size:28px !important;}.f29{font-size:29px !important;}.f30{font-size:30px !important;}.f35{font-size:35px !important;}.f40{font-size:40px !important;}.f45{font-size:45px !important;}.f50{font-size:50px !important;} /* font color */ .f_lightsalmon{color:#ffa07a !important;}.f_salmon{color:#fa8072 !important;}.f_darksalmon{color:#e9967a !important;}.f_lightcoral{color:#f08080 !important;}.f_indianred{color:#cd5c5c !important;}.f_crimson{color:#dc143c !important;}.f_firebrick{color:#b22222 !important;}.f_red{color:#ff0000 !important;}.f_darkred{color:#8B0000 !important;}.f_coral{color:#ff7f50 !important;}.f_tomato{color:#ff6347 !important;}.f_orangered{color:#ff4500 !important;}.f_gold{color:#ffd700 !important;}.f_orange{color:#ffa500 !important;}.f_darkorange{color:#ff8c00 !important;}.f_lightyellow{color:#ffffe0 !important;}.f_lemonchiffon{color:#fffacd !important;}.f_lightgoldenrodyellow{color:#fafad2 !important;}.f_papayawhip{color:#ffefd5 !important;}.f_moccasin{color:#ffe4b5 !important;}.f_peachpuff{color:#ffdab9 !important;}.f_palegoldenrod{color:#eee8aa !important;}.f_khaki{color:#f0e68c !important;}.f_darkkhaki{color:#bdb76b !important;}.f_yellow{color:#ffd700 !important;}.f_lawngreen{color:#7cfc00 !important;}.f_chartreuse{color:#7fff00 !important;}.f_limegreen{color:#32cd32 !important;}.f_lime{color:#00ff00 !important;}.f_forestgreen{color:#228b22 !important;}.f_green{color:#008000 !important;}.f_darkgreen{color:#006400 !important;}.f_greenyellow{color:#adff2f !important;}.f_yellowgreen{color:#9acd32 !important;}.f_springgreen{color:#00ff7f !important;}.f_mediumspringgreen{color:#00fa9a !important;}.f_lightgreen{color:#90ee90 !important;}.f_palegreen{color:#98fb98 !important;}.f_darkseagreen{color:#8fbc8f !important;}.f_mediumseagreen{color:#3CB371 !important;}.f_seagreen{color:#2e8b57 !important;}.f_olive{color:#808000 !important;}.f_darkolivegreen{color:#556B2F !important;}.f_olivedrab{color:#6b8e23 !important;}.f_lightcyan{color:#e0ffff !important;}.f_cyan{color:#00ffff !important;}.f_aqua{color:#00ffff !important;}.f_aquamarine{color:#7fffd4 !important;}.f_mediumaquamarine{color:#66cdaa !important;}.f_paleturquoise{color:#afeeee !important;}.f_turquoise{color:#40e0d0 !important;}.f_mediumturquoise{color:#48d1cc !important;}.f_darkturquoise{color:#00ced1 !important;}.f_lightseagreen{color:#20b2aa !important;}.f_cadetblue{color:#5f9ea0 !important;}.f_darkcyan{color:#008b8b !important;}.f_teal{color:#008080 !important;}.f_powderblue{color:#b0e0e6 !important;}.f_lightblue{color:#add8e6 !important;}.f_lightskyblue{color:#87cefa !important;}.f_skyblue{color:#87ceeb !important;}.f_sky{color:#00bfff !important;}.f_lightsteelblue{color:#b0c4de !important;}.f_dodgerblue{color:#0070ca !important;}.f_cornflowerblue{color:#6495ed !important;}.f_steelblue{color:#4682b4 !important;}.f_royalblue{color:#4169e1 !important;}.f_blue{color:#0000FF !important;}.f_mediumblue{color:#0000cd !important;}.f_darkblue{color:#00008b !important;}.f_navy{color:#000080 !important;}.f_midnightblue{color:#191970 !important;}.f_mediumslateblue{color:#7b68ee !important;}.f_slateblue{color:#6a5acd !important;}.f_darkslateblue{color:#483d8b !important;}.f_lavender{color:#E6E6FA !important;}.f_thistle{color:#D8BFD8 !important;}.f_plum{color:#DDA0DD !important;}.f_violet{color:#EE82EE !important;}.f_orchid{color:#DA70D6 !important;}.f_fuchsia{color:#FF00FF !important;}.f_magenta{color:#FF00FF !important;}.f_mediumorchid{color:#BA55D3 !important;}.f_mediumpurple{color:#9370DB !important;}.f_blueviolet{color:#8A2BE2 !important;}.f_darkviolet{color:#9400D3 !important;}.f_darkorchid{color:#9932CC !important;}.f_darkmagenta{color:#8B008B !important;}.f_purple{color:#800080 !important;}.f_indigo{color:#4B0082 !important;}.f_pink{color:#ffc0cb !important;}.f_lightpink {color:#ffb6c1 !important;}.f_hotpink{color:#ff69b4 !important;}.f_deeppink{color:#ff1493 !important;}.f_palevioletred{color:#db7093 !important;}.f_mediumvioletred{color:#c71585 !important;}.f_gainsboro{color:#dcdcdc !important;}.f_lightgray{color:#d3d3d3 !important;}.f_silver{color:#c0c0c0 !important;}.f_darkgray{color:#a9a9a9 !important;}.f_gray{color:#808080 !important;}.f_dimgray{color:#696969 !important;}.f_lightslategray{color:#778899 !important;}.f_slategray{color:#708090 !important;}.f_darkslategray{color:#2f4f4f !important;}.f_black{color:#000000 !important;}.f_cornsilk{color:#fff8dc !important;}.f_blanchedalmond{color:#ffebcd !important;}.f_bisque{color:#ffe4c4 !important;}.f_navajowhite{color:#ffdead !important;}.f_wheat{color:#f5deb3 !important;}.f_burlywood{color:#deb887 !important;}.f_tan{color:#d2b48c !important;}.f_rosybrown{color:#bc8f8f !important;}.f_sandybrown{color:#f4a460 !important;}.f_goldenrod{color:#daa520 !important;}.f_peru{color:#cd853f !important;}.f_chocolate{color:#d2691e !important;}.f_saddlebrown{color:#8b4513 !important;}.f_sienna{color:#a0522d !important;}.f_brown{color:#a52a2a !important;}.f_maroon{color:#800000 !important;}.f_white{color:#ffffff !important;}.f_snow{color:#fffafa !important;}.f_honeydew{color:#f0fff0 !important;}.f_mintcream{color:#f5fffa !important;}.f_azure{color:#f0ffff !important;}.f_aliceblue{color:#f0f8ff !important;}.f_ghostwhite{color:#f8f8ff !important;}.f_whitesmoke{color:#f5f5f5 !important;}.f_seashell{color:#fff5ee !important;}.f_beige{color:#f5f5dc !important;}.f_oldlace{color:#fdf5e6 !important;}.f_floralwhite{color:#fffaf0 !important;}.f_ivory{color:#fffff0 !important;}.f_antiquewhite{color:#faebd7 !important;}.f_linen{color:#faf0e6 !important;}.f_lavenderblush{color:#FfF0F5 !important;}.f_mistyrose{color:#ffe4e1 !important;} .bold{font-weight:bold;} .lineH30{line-height:30px;} /* 커서 */ .cursorP{cursor:pointer;} .cursorW{cursor:wait;} .cursorH{cursor:help;} /* 그리드 */ .row{position:relative;} .row:after{content:"";display:block;clear:both;} .row [class^="col-"]{float:left;position:relative;padding:0 1px;box-sizing:border-box;} .col-1{width:8.333%}.col-2{width:16.629%}.col-3{width:25%}.col-4{width:33.3333333%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%} /* colorbox */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)} #cboxWrapper{max-width:none} #cboxOverlay{position:fixed;width:100%;height:100%} #cboxMiddleLeft,#cboxBottomLeft{clear:left} #cboxContent{position:relative} #cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch} #colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box} #cboxOverlay{background-color:rgba(0,0,0,.9)} #colorbox{outline:0;} #cboxTopLeft{width:21px;height:21px}#cboxTopRight{width:21px;height:21px}#cboxBottomLeft{width:21px;height:21px}#cboxBottomRight{width:21px;height:21px}#cboxMiddleLeft{width:21px}#cboxMiddleRight{width:21px}#cboxTopCenter{height:21px}#cboxBottomCenter{height:21px} #cboxContent{background:#fff;overflow:hidden;border-radius:10px;box-shadow:0px 0px 10px 4px rgba(110, 108, 108, 0.75);-moz-box-shadow: 0px 0px 10px 4px rgba(110, 108, 108, 0.75);-webkit-box-shadow: 0px 0px 10px 4px rgba(110, 108, 108, 0.75);} #cboxClose{position:absolute;top:5px;right:5px;width:25px;height:25px;text-indent:-9999px;} #cboxClose::before,#cboxClose::after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#000} #cboxClose::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} #cboxClose::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} .layerWrap{display:none;} .layerCon{position:relative;padding:30px;box-sizing:border-box;} .layerCon .tit{font-size:20px;margin:0 0 20px 0;} /* ===================================================================================================================== */ /* 레이아웃 */ /* body{overflow-y:scroll;} html,body{height:100%;} body.group .location h2.h2v1{color:#5a774a;} body.admin .location h2.h2v1{color:#af4004;} #wrap{overflow:hidden;position:relative;width:100%;min-height:100%;} #header{position:relative;width:100%;height:120px;} #header .inner{position:relative;width:1400px;margin:0 auto;box-sizing:border-box;} #header h1{display:inline-block;position:relative;padding:25px 0 0 0;box-sizing:border-box;font-size:24px;line-height:110%;letter-spacing:-1px;z-index:3;} #header h1 a{color:#0063b1;} #header h1 span{display:block;font-size:28px;color:#0d3c68;} #header h1:before{content:"";display:block;position:absolute;top:22px;left:128px;width:35px;height:27px;background:url(../../img/ico2.png) no-repeat -51px -102px;} #header .userInfo{position:absolute;right:0;top:10px;padding:6px 50px 6px 20px;box-sizing:border-box;border-radius:2px;} #header .userInfo .name{display:inline-block;margin:0 10px 0 0;font-weight:700;vertical-align:middle;line-height:25px;color:#0d3c68;} #header .userInfo ul{display:inline-block;box-sizing:border-box;padding:5px 10px;background:#e7e7e7;border-radius:15px;vertical-align:top;} #header .userInfo ul:after{content:"";display:block;clear:both;} #header .userInfo ul li{float:left;position:relative;padding:0 25px 0 0;box-sizing:border-box;font-size:12px;font-weight:500;color:#0d3c68;} #header .userInfo a{color:#0d3c68;} #header .userInfo ul li:before{content:"｜";display:block;position:absolute;top:0px;right:0px;width:18px;height:15px;} #header .userInfo ul li:last-child{padding:0;padding-right:40px;} #header .userInfo ul li:last-child:before{content:normal;} #header .logout{position:absolute;right:10px;top:16px;} #header .logout button{padding:0 20px;box-sizing:border-box;line-height:26px;font-size:9px;color:#fff;font-weight:700;border:1px solid #0063b1;border-radius:35px;background:#0063b1;} #gnb{overflow:hidden;position:absolute;left:0;top:70px;width:100%;box-sizing:border-box;background:#fff;border-bottom:1px solid #0063b1;z-index:2;} #gnb > ul{position:relative;width:1400px;margin:0 auto;box-sizing:border-box;text-align:right;} #gnb > ul:after{content:"";display:block;clear:both;} #gnb > ul > li {display:inline-block;width:145px;position:relative;box-sizing: border-box;text-align: center;} #gnb > ul > li:before{content:"";display:block;position:absolute;top:50%;right:0px;width:1px;height:16px;margin-top:-8px;background:#333;} #gnb > ul > li:first-child:after{content:"";display:block;position:absolute;top:50%;left:0px;width:1px;height:16px;margin-top:-8px;background:#333;} #gnb > ul > li > a {display:inline-block;position:relative;width:145px;height:50px;line-height:50px;box-sizing: border-box;font-weight: 500;vertical-align: top;text-align: center;font-size: 18px;color:#4d4d4d;} #gnb > ul > li:hover ul{height:250px;background:#d2e6ff;} #gnb .depth{display:none;position:absolute;left:0;top:50px;width:100%;height:250px;} #gnb .depth ul li a{display:block;width:100%;height:35px;padding:10px;box-sizing:border-box;} #gnb .depth ul li a:hover{font-weight:bold;} #header.header_group h1:before{background:url(../../img/ico2.png) no-repeat -96px -102px;} #header.header_group .userInfo .name, #header.header_group .userInfo a, #header.header_group .userInfo ul li{color:#1c600f} #header.header_group .logout button{background:#1c600f;border: 1px solid #1c600f;} .header_group #gnb{border-bottom:1px solid #158200;} .header_group #gnb > ul > li:hover ul{background:#e9fcdb;} #header.header_admin h1:before{background:url(../../img/ico2.png) no-repeat -6px -102px;} #header.header_admin .userInfo .name, #header.header_admin .userInfo a, #header.header_admin .userInfo ul li{color:#ed5400} #header.header_admin .logout button{background:#ed5400;border: 1px solid #ed5400;} .header_admin #gnb{border-bottom:1px solid #ed5400;} .header_admin #gnb > ul > li:hover ul{background:#fddbc4;} */ /* 컨텐츠 */ .location{position:relative;margin:0 0 30px 0;padding:40px 40px 20px 40px;} .location:after{content:"";display:block;clear:both;} .location h2{float:left;font-size:26px;font-weight:bold;color:#0d3c68;} .location h2.h2v2{color:#51a320;} .location h2.h2v3{color:#9b613a;} .location .local{float:right;} .location .local span{display:inline-block;position:relative;padding:0 10px 0 15px;color:#a0a3aa;} .location .local span:before{content:"/";display:block;position:absolute;top:0px;left:0px;width:10px;height:20px;} .location .local span.home:before{content:normal;} .location .local span.current{color:#455a64;padding-right:0;} #footer{position:relative;width:100%;padding:30px 0;box-sizing:border-box;padding:20px 10px;background:#fff;border-top:1px solid #d6d6d6;} #footer .inner{position:relative;width:1400px;margin:0 auto;} #footer .tailMenu{margin:0 0 30px 0;} #footer .tailMenu ul:after{content:"";display:block;clear:both;} #footer .tailMenu ul li{float:left;margin:0 15px 0 0;} #footer .addr, #footer .copyright{margin:5px 0 0 0;font-size:12px;} .familySiteArea{position: absolute;right: 0;top: 0;} .family_site{min-width: 160px;} .familySiteArea a{display: inline-block; color:#fff !important;background-color: #1f6ed4} .logos {position: absolute;right: 0;bottom: 0px;} /* ============ 컨텐츠 ============ */ /* 탭 */ ul.tab03 li{width:33.3333% !important;} ul.tab04 li{width:25% !important;} ul.tab05 li{width:20% !important;} ul.tab06 li{width:16.6% !important;} .subTab{position:relative;width:100%;margin:0 0 30px 0;border-bottom:1px solid #cecece} .subTab ul:after{content:"";display:block;clear:both;} .subTab ul li{float:left;width:150px;box-sizing:border-box;background:#d8d8d8;} .subTab ul li a{display:table;width:100%;text-align:center;box-sizing:border-box;color:#707070;border:1px solid #fff;border-top:none;} .subTab ul li span{display:table-cell;width:100%;height:40px;vertical-align:middle;} .subTab ul li a:hover, .subTab ul li.on a{background-color:#0d3c68;color:#94dffe;} .subTabType2 ul li{} .subTabType2 ul li a:hover, .subTabType2 ul li.on a{background-color:#0c8500;color:#e8f0db;} .subTabType3 ul li{} .subTabType3 ul li a:hover, .subTabType3 ul li.on a{background-color:#ed5800;color:#fdddca;} .subTabSt01{position:relative;width:100%;margin:0 0 20px 0;border-bottom:1px solid #cecece} .subTabSt01 ul:after{content:"";display:block;clear:both;} .subTabSt01 ul li{float:left;width:150px;box-sizing:border-box;background:#e2dac1;outline:1px solid #3293a7;} .subTabSt01 ul li a{display:table;width:100%;text-align:center;box-sizing:border-box;color:#666;} .subTabSt01 ul li span{display:table-cell;width:100%;height:30px;vertical-align:middle;} .subTabSt01 ul li a:hover, .subTabSt01 ul li.on a{background-color:#3293a7;color:#fff;} .subTabSt02{position:relative;width:100%;} .subTabSt02 ul:after{content:"";display:block;clear:both;} .subTabSt02 ul li{float:left;width:12.5%;box-sizing:border-box;background:#93bd36;outline:1px solid #cdcdcd;} .subTabSt02 ul li a{display:table;width:100%;text-align:center;box-sizing:border-box;color:#fff;} .subTabSt02 ul li span{display:table-cell;width:100%;height:40px;vertical-align:middle;} .subTabSt03{position:relative;width:100%;} .subTabSt03 ul{position:relative;box-sizing:border-box;} .subTabSt03 ul:after{content:"";display:block;clear:both;} .subTabSt03 ul li{float:left;width:160px;box-sizing:border-box;background:#c9c9c9;outline:1px solid #fff;} .subTabSt03 ul li a{display:table;width:100%;text-align:center;box-sizing:border-box;color:#fff;} .subTabSt03 ul li a:hover, .subTabSt03 ul li.on a, .subTabSt03 ul li.on{background:#01c0c8;} .subTabSt03 ul li span{display:table-cell;width:100%;height:40px;vertical-align:middle;} .subTabSt03Vv2 ul{padding:0 0 0 151px;box-sizing:border-box;} .subTabSt03Vv2 ul li.all{position:absolute;left:0;top:0%;width:150px;height:100%;} .subTabSt03Vv2 ul li.all a{display:block;} .subTabSt03Vv2 ul li.all span{position:absolute;left:50%;top:50%;height:40px;line-height:40px;margin-top:-20px;margin-left:-75px;z-index:2;} /* 20210511(s) */ .subTabSt04{position:relative;width:100%;border-bottom: 1px solid #ddd;} .subTabSt04 ul{position:relative;box-sizing:border-box;} .subTabSt04 ul:after{content:"";display:block;clear:both;} .subTabSt04 ul li{float:left;box-sizing:border-box;background:#c9c9c9;outline:1px solid #fff;} .subTabSt04 ul li a{display:table;margin-top:5px;padding:0 15px;width:100%;text-align:center;box-sizing:border-box;color:#fff;} .subTabSt04 ul li span{display:table-cell;width:100%;height:40px;vertical-align:middle;} .subTabSt04 ul li a:hover, .subTabSt04 ul li.on a, .subTabSt04 ul li.on, .subTabSt04 ul li:hover{background:#0d3c68;font-weight:bold;} .subTabSt04 ul li.on a{padding:0 30px;} /* 20210511(e) */ .subTabStep{position:relative;width:900px;margin:0 auto 40px auto;} .subTabStep ul li{float:left;position:relative;width:33.333%;padding:10px 20px;box-sizing:border-box;font-size:16px;color:#e8e8e8;} .subTabStep ul li:after{content:" ";position:absolute;right:-10px;top:32px;border:solid transparent;height:0;width:0;pointer-events:none;border-color:rgba(150,150,150,0);border-left-color:#969696;border-width:10px;margin-top:-10px} .subTabStep ul li:last-child:after{content:normal;} .subTabStep ul li .stepNum{display:block;position:relative;padding:10px 20px;box-sizing:border-box;background:#fff;border:1px solid #0d3c68;border-radius:40px;} .subTabStep ul li .stepNum a{display:block;color:#0d3c68;} .subTabStep ul li .stepNum.on{background:#0d3c68;} .subTabStep ul li .stepNum.on a{color:#fff;} .subTabStep ul li .state{display:block;position:relative;padding:10px 0 0 0;text-align:center;color:#414141;font-size:12px;} .subTabStep ul li .state .complete{color:#414141;} .subTabStep ul li .state .complete:before{content:"";display:inline-block;width:10px;height:10px;margin:0 5px 2px 0;vertical-align:middle;border-radius:10px;background:#414141} .subTabStep ul li .state .transient{color:#3da513;} .subTabStep ul li .state .transient:before{content:"";display:inline-block;width:10px;height:10px;margin:0 5px 2px 0;vertical-align:middle;border-radius:10px;background:#3da513} .subTabStep ul li .state .unperformed{color:#ff4e00;} .subTabStep ul li .state .unperformed:before{content:"";display:inline-block;width:10px;height:10px;margin:0 5px 2px 0;vertical-align:middle;border-radius:10px;background:#ff4e00} .topPanel{position:relative;margin:0 0 30px 0;padding:10px 30px;box-sizing:border-box;background:#e7edf3;color:#0d3c68;} .topPanel:after{content:"";display:block;clear:both;} .topPanel .tit{float:left;font-size:20px;font-weight:bold;} .topPanel .tit .date{font-size:15px;font-weight:normal;} .topPanel .info{float:right;padding:5px 0 0 0;font-size:13px;} .topPanel .info ul li{float:left;margin:0 20px 0 0;} .panel{position:relative;margin:0 0 20px 0;background:#e6e6e6;border:1px solid #fafafa} .panel .txt{padding:20px;box-sizing:border-box;} .panel .txt01{position:relative;padding:20px;box-sizing:border-box;font-size:20px;color:#fff;background:#4374ac;} .panel .txt01:after{content:"";display:block;clear:both;} .panel .txt01 .tit{font-weight:700;} .panel .info{position:relative;margin:10px 0 0 0;padding:10px 80px 0 0;font-size:16px;border-top:1px dotted #cdcdcd;box-sizing:border-box;} .panel .info:after{content:"";display:block;clear:both;} .panel dl{float:left;position:relative;margin:0 20px 0 0;padding:0 0 0 20px;} .panel dl:before{content:"/";display:block;position:absolute;top:0px;left:0px;} .panel dl:first-child:before{content:normal;} .panel dl:after{content:"";display:block;clear:both;} .panel dl dt{float:left;margin-right:10px;} .panel dl dd{float:left;font-weight:700;} .panel dl.state{position:absolute;right:0;top:10px;color:#fbd05b;} .panel dl.state:before{content:normal;} .panel .txt01{background:#4374ac;background: rgb(69,117,173); /* Old browsers */ background: -moz-linear-gradient(left, rgba(69,117,173,1) 2%, rgba(49,99,158,1) 55%, rgba(18,76,142,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(69,117,173,1) 2%,rgba(49,99,158,1) 55%,rgba(18,76,142,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(69,117,173,1) 2%,rgba(49,99,158,1) 55%,rgba(18,76,142,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .panelType2 .txt01{background:#224c08;background: rgb(82,132,51); /* Old browsers */ background: -moz-linear-gradient(left, rgba(82,132,51,1) 0%, rgba(60,112,29,1) 56%, rgba(34,76,8,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(82,132,51,1) 0%,rgba(60,112,29,1) 56%,rgba(34,76,8,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(82,132,51,1) 0%,rgba(60,112,29,1) 56%,rgba(34,76,8,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .panelType3 .txt01{background:#702f03;background: rgb(142,69,21); /* Old browsers */ background: -moz-linear-gradient(left, rgba(142,69,21,1) 0%, rgba(124,66,27,1) 55%, rgba(112,47,3,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(142,69,21,1) 0%,rgba(124,66,27,1) 55%,rgba(112,47,3,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(142,69,21,1) 0%,rgba(124,66,27,1) 55%,rgba(112,47,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .topBox{position:relative;margin:0 0 20px 0;padding:10px 20px;box-sizing:border-box;background:#fdf2e9;box-shadow: 0px 1em 2em -1.5em rgba(0, 0, 0, 0.5);border:1px solid #ffeedd;border-radius:3px;} .topBox:after{content:"";display:block;clear:both;} .topBox dl{position:relative;box-sizng:border-box;} .topBox dl:after{content:"";display:block;clear:both;} .topBox dl dt{display:inline-block;font-weight:bold;margin:0 10px 0 0;} .topBox dl dd{display:inline-block;} .topBox .listType01 li{line-height:30px;} .topBox input[type='text']{border:none;box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);} #menuList .depth_3{} #menuList .depth_2{background:#F0FFF0 !important;} #menuList .depth_1{background:#E6FFE6 !important;} .area{position:relative;} .area:after{content:"";display:block;clear:both;} .area .areaL{float:left;} .area .areaR{float:right;} .tit01{position:relative;margin:0 0 20px 0;padding:10px 0 0 0;font-size:20px;color:#414141;font-weight:700;} .tit01:before{content:"";display:block;position:absolute;top:0px;left:0px;width:28px;height:2px;background:#0063b1;} .tit02{position:relative;margin:0 0 20px 0;padding:10px 0 0 0;font-size:20px;color:#414141;font-weight:700;} .tit02:before{content:"";display:block;position:absolute;top:0px;left:0px;width:28px;height:2px;background:#51a320;} .tit03{position:relative;margin:0 0 20px 0;padding:10px 0 0 0;font-size:20px;color:#414141;font-weight:700;} .tit03:before{content:"";display:block;position:absolute;top:0px;left:0px;width:28px;height:2px;background:#d2691e;} .tit04{position:relative;margin:0 0 20px 0;padding:10px 0 0 0;font-size:20px;color:#414141;font-weight:700;} .tit05:before{content:"";display:block;position:absolute;top:0px;left:0px;width:28px;height:2px;background:#616161;} .stit01{position:relative;margin:0 0 10px 0;padding:0 0 0 15px;font-weight:bold;font-size:16px;color:#4374ac;} .stit01:before{content:"";display:block;position:absolute;top:5px;left:0px;width:8px;height:7px;background:#4374ac;} .stit02{position:relative;margin:0 0 10px 0;padding:0 0 0 15px;font-weight:bold;font-size:16px;color:#51a320;} .stit02:before{content:"";display:block;position:absolute;top:5px;left:0px;width:8px;height:7px;background:#51a320;} .stit03{position:relative;margin:0 0 10px 0;padding:0 0 0 15px;font-weight:bold;font-size:16px;color:#d2691e;} .stit03:before{content:"";display:block;position:absolute;top:5px;left:0px;width:8px;height:7px;background:#d2691e;} .tit_necessary{margin:0 0 20px 0;color:#d63300;font-weight:bold;font-size:20px} .tit_pick{margin:0 0 20px 0;color:#696969;font-weight:bold;font-size:20px} .boxType1{position:relative;margin:0 0 10px 0;padding:20px;box-sizing:border-box;background:#f8f8f8;} .boxType2{position:relative;margin:0 0 10px 0;padding:20px;box-sizing:border-box;background:#f6ffdb;} .boxType3{position:relative;margin:0 0 10px 0;padding:20px;box-sizing:border-box;background:#fcfbfb;border:1px solid #e3e3e3;} .boxType4{position:relative;padding:20px;box-sizing:border-box;background:#ffeddf;border:1px solid #feecdd;} .boxType5{position:relative;padding:20px;box-sizing:border-box;background: #f8f8f8; border: 1px solid #ccc; border-radius: 10px;} .boxType6{position:relative;padding:20px;box-sizing:border-box;background: #f4fcfd;border: 1px solid #e9f7f9;border-radius: 2px;} .boxType7{position:relative;padding:20px;box-sizing:border-box;background: #fff;border: 1px dashed #ccc;} .boxCard1{position:relative;margin:0 0 20px 0;} .boxCard1 .tit{position:relative;padding:10px;box-sizing:border-box;font-size:16px;font-weight:bold;background:#f6f6f6;border-top:2px solid #0088CC;border-bottom:1px solid #dadada;border-radius:5px 5px 0 0;} .boxCard1 .cont{padding:20px;box-sizing:border-box;background:#f6f6f6;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);border-bottom:1px solid #dadada;border-radius:0 0 5px 5px ;} .boxCard2 .tit{border-top:2px solid #47a447;} .boxCard3 .tit{border-top:2px solid #ed9c28;} .indentBox{position:relative;margin:0 0 30px 0;padding:20px;box-sizing:border-box;border:1px solid #ededed;border-radius:10px;} /* 리스트 */ .listType01:after{content:"";display:block;clear:both;} .listType01 li{float:left;position:relative;margin:0 20px 0 0;padding:0 20px 0 0;box-sizing:border-box;} .listType01 li:before{content:"/";display:block;position:absolute;top:0px;right:0px;color:#b1b1b1;} .listType01 li:last-child:before{content:normal;} .listType01 li span{font-weight:bold;} .listType02 li{margin:0 0 10px 0;} .listType03 li{position:relative;margin:0 0 5px 0;padding:0 0 0 15px;} .listType03 li:before{content:"※";display:block;position:absolute;top:0px;left:0px;width:8px;height:8px;} p.listType03{position:relative;margin:0 0 5px 0;padding:0 0 0 15px;} p.listType03:before{content:"※";display:block;position:absolute;top:0px;left:0px;width:8px;height:8px;} .listType04{position:relative;margin:0 0 10px 0;padding:0 0 0 25px;line-height:18px;box-sizing:border-box;font-weight:bold;} .listType04:before{content:"";display:block;position:absolute;top:0px;left:0px;width:18px;height:18px;background:url(../../img/ico.png) no-repeat -88px -99px;} .listType05 li{position:relative;margin:0 0 5px 0;padding:0 0 0 15px;} .listType05 li:before{content:"";display:block;position:absolute;top:6px;left:0px;width:5px;height:5px;background:url(../../img/ico.png) no-repeat -80px -7px;} p.listType05{position:relative;margin:0 0 5px 0;padding:0 0 0 15px;} p.listType05:before{content:"";display:block;position:absolute;top:6px;left:0px;width:5px;height:5px;background:url(../../img/ico.png) no-repeat -80px -7px;} dl.listType06{margin:0 0 35px 0;} dl.listType06 dt{margin:0 0 12px 0;font-size:16px;font-weight:700;color:#396dbb;} dl.listType06 dd{padding:0 20px;box-sizing:border-box;line-height:150%;} .improvementFile{position:relative;padding:0 0 0 35px;box-sizing:border-box;} .improvementFile .checkType1{position:absolute;left:0;top:2px;} .checkSize1{width:20px;height:20px;} .addFileNecessary{position:relative;margin:5px 0 0 0;padding:0 0 0 35px;box-sizing:border-box;} .addFileNecessary .nec{display:block;position:absolute;left:0;top:2px;width:25px;} .topField{position:relative;width:100%;margin:0 0 20px 0;padding:0px 300px 0px 200px;box-sizing:border-box;background:#f8f8f8;} .topField dl dt{position:absolute;left:80px;top:0px;line-height:40px;font-size:18px;font-weight:700;color:#505050;} .topField dl dd input[type='text']{width:100%;height:40px;font-size:30px;} .topField .btn{position:absolute;right:0px;top:0px;width:200px;} .topField .btn button{width:100%;height:40px;font-weight:700;font-size:18px;line-height:40px;color:#fff;background:#133568;border-radius:30px;} /* 아이콘 */ .btn_minus{width:30px;height:30px;text-align:center;color:#fff;line-height:28px;font-size:20px;background:#ec0143;border-radius:100%;} .btn_plue{width:30px;height:30px;text-align:center;color:#fff;line-height:28px;font-size:20px;background:#0000ff;border-radius:100%;} .icono-calendar{display:inline-block;width:25px;height:20px;margin:1px 1px 1px;background:url(../../img/ico.png) no-repeat 0px -140px;} .ico_file{display: inline-block;position: relative;top:0;width: 16px;height: 20px;margin: 0 5px;padding: 0;background: #000;} .ico_file:before, .ico_file:after {display: block;content: "";position: absolute;top: 0;right: 0;} .ico_file:before {width: 7px;height: 7px;background: #eee;} .ico_file:after {width: 0;height: 0;border: 3px solid #eee;border-bottom-color: #000;border-left-color: #000;} .ico_view{display:inline-block;width:22px;height:20px;margin:0 5px;vertical-align:middle;background:url(../../img/ico.png) no-repeat 0px -34px;} .ico_down{display:inline-block;width:22px;height:20px;margin:0 5px;vertical-align:middle;background:url(../../img/ico.png) no-repeat -85px -34px;} .ico_print{display:inline-block;width:22px;height:20px;margin:0 5px;vertical-align:middle;background:url(../../img/ico.png) no-repeat -41px -34px;} .ico_ex{display:inline-block;width:22px;height:20px;margin:0 2px 0 0;vertical-align:middle;background:url(../../img/ico.png) no-repeat -3px -285px;} .ico_pdf{display:inline-block;width:22px;height:20px;margin:0 2px 0 0;vertical-align:middle;background:url(../../img/ico.png) no-repeat -33px -285px;} .ico_question{display:inline-block;width:22px;height:23px;margin:0 10px 0 0;vertical-align:middle;background:url(../../img/ico.png) no-repeat -44px -100px;} .ico_check{display:inline-block;width:22px;height:22px;margin:0 auto;background:url(../../img/ico.png) no-repeat -126px -137px;} .ico_book{display:inline-block;width:22px;height:23px;margin:0 2px 0 0;vertical-align:middle;background:url(../../img/ico2.png) no-repeat -148px -192px;} .t_check{position:relative;padding:0 0 0 30px;} .t_check:before{content:"";display:block;position:absolute;top:0px;left:0px;width:28px;height:25px;background:url(../../img/ico.png) no-repeat 0px -101px;} .searchArea{position:relative;margin:0 0 40px 0;padding:20px 20px;text-align:center;box-sizing:border-box;background:#f3f5f8;} .searchAreaType2{background:#e8f0db;} .searchAreaType3{background:#faebd7;} .searchArea .period{display:inline-block;position:relative;width:250px;vertical-align:top;} .searchArea .field{display:inline-block;} .searchArea .labelTit{display:inline-block;font-weight:bold;} .searchArea table{width:100%;} .searchArea table th{padding:0 5px;font-weight:bold;text-align:center;} .searchArea table td{padding:0 5px;} .date_calendar{display:inline-block;position:relative;} .date_calendar input[type="text"]{padding-right:22px;box-sizing:border-box;} .date_calendar .btn_icon{position:absolute;right:5px;top:50%;margin-top:-9.5px;} .period{position:relative;} .period:after{content:"";display:block;clear:both;} .period .date_calendar{float:left;width:48%;} .period input[type="text"]{width:100%;} .period .symbol{float:left;display:inline-block;width:4%;text-align:center;line-height:35px;} .totalCount{position:relative;margin-bottom:10px;color:#2f2f2f;} .totalCount span{font-weight:bold;} /* 테이블 */ .tableType1{width:100%;margin:0 0 10px 0;border-top:1px solid #e2e2e2} .tableType1 thead th{height:40px;padding:2px 5px;box-sizing:border-box;vertical-align: middle;font-weight:bold;text-align:center;background:#eef2f7;border:1px solid #d1d1d1;} .tableType1 thead td{height:40px;padding:5px;box-sizing:border-box;text-align:left;border:1px solid #d1d1d1; } .tableType1 tbody th{height:40px;padding:2px 15px;box-sizing:border-box;vertical-align: middle;font-weight:bold;text-align:left;background:#eef2f7;border:1px solid #d1d1d1;} .tableType1 tbody td{height:40px;padding:5px;box-sizing:border-box;text-align:center;border:1px solid #d1d1d1;} .tableType1 thead .bg01{background:#f0e8da;} .tableType1 thead .bg02{background:#f7f4ee;} .tableType1 thead .bg03{background:#cfdbe9;} .tableType1 tbody .bg02{background:#f7f4ee;} .tableType1.inspectionTable tbody tr:hover{background:#f5f5f5;} .tableType1.inspectionTable tbody td{height:auto;padding:5px;vertical-align:top;} .tableType1.inspectionTable tbody td:last-child{padding:2px 5px;} .inspectionTable .checkType1{width:20px;height:20px;} .tableType3{width:100%;margin:0 0 10px 0;border-top:1px solid #d1d1d1} .tableType3 thead th{height:40px;padding:2px 5px;box-sizing:border-box;vertical-align: middle;font-weight:bold;text-align:center;background:#e7f1d8;border:1px solid #d1d1d1;} .tableType3 thead td{height:40px;padding:5px;box-sizing:border-box;text-align:left;border:1px solid #d1d1d1; } .tableType3 tbody th{height:40px;padding:2px 15px;box-sizing:border-box;vertical-align: middle;font-weight:bold;text-align:left;background:#e7f1d8;border:1px solid #d1d1d1;} .tableType3 tbody td{height:40px;padding:5px;box-sizing:border-box;text-align:center;border:1px solid #d1d1d1;} .tableType5{width:100%;margin:0 0 10px 0;border-top:1px solid #d1d1d1} .tableType5 thead th{height:40px;padding:2px 5px;box-sizing:border-box;vertical-align: middle;font-weight:bold;text-align:center;background:#ffecde;border:1px solid #d1d1d1;} .tableType5 thead td{height:40px;padding:5px;box-sizing:border-box;text-align:left;border:1px solid #d1d1d1; } .tableType5 tbody th{height:40px;padding:2px 15px;box-sizing:border-box;vertical-align: middle;font-weight:bold;text-align:left;background:#f8e3d5;border:1px solid #d1d1d1;} .tableType5 tbody td{height:40px;padding:5px;box-sizing:border-box;text-align:center;border:1px solid #d1d1d1;} .tableType5 .active td{color:#0000cd} .tableType5.inspectionTable tbody tr:hover{background:#f5f5f5;} .tableType5.inspectionTable tbody td{height:auto;padding:5px;vertical-align:top;} .tableType5.inspectionTable tbody td:last-child{padding:2px 5px;} .tableType2{width:100%;margin:0 0 10px 0;border-top:1px solid #d1d1d1;font-size:12px;} .tableType2 thead th{padding:3px 5px;box-sizing:border-box;vertical-align: middle;font-weight:bold;text-align:center;background:#d9eaed;border:1px solid #d1d1d1;} .tableType2 thead td{padding:3px 5px;box-sizing:border-box;text-align:left;border:1px solid #d1d1d1; } .tableType2 tbody th{padding:3px 5px;box-sizing:border-box;vertical-align: middle;font-weight:bold;text-align:left;background:#e6f5f8;border:1px solid #d1d1d1;} .tableType2 tbody td{padding:3px 5px;box-sizing:border-box;text-align:center;border:1px solid #d1d1d1;} .tableType4{width:100%;margin:0 0 10px 0;border-top:1px solid #d1d1d1;font-size:12px;} .tableType4 thead th{padding:3px 5px;box-sizing:border-box;vertical-align: middle;font-weight:bold;text-align:center;background:#dfe8da;border:1px solid #d1d1d1;} .tableType4 thead td{padding:3px 5px;box-sizing:border-box;text-align:left;border:1px solid #d1d1d1;} .tableType4 tbody th{padding:3px 5px;box-sizing:border-box;vertical-align: middle;font-weight:bold;text-align:left;background:#eff6ea;border:1px solid #d1d1d1;} .tableType4 tbody td{padding:3px 5px;box-sizing:border-box;text-align:center;border:1px solid #d1d1d1;} .tableType6{width:100%;margin:0 0 10px 0;border-top:1px solid #d1d1d1;font-size:12px;} .tableType6 thead th{padding:3px 5px;box-sizing:border-box;vertical-align: middle;font-weight:bold;text-align:center;background:#fbd0b2;border:1px solid #d1d1d1;} .tableType6 thead td{padding:3px 5px;box-sizing:border-box;text-align:left;border:1px solid #d1d1d1;} .tableType6 tbody th{padding:3px 5px;box-sizing:border-box;vertical-align: middle;font-weight:bold;text-align:left;background:#f8e3d5;border:1px solid #d1d1d1;} .tableType6 tbody td{padding:3px 5px;box-sizing:border-box;text-align:center;border:1px solid #d1d1d1;} /* 게시판 list */ .bbsList{table-layout:fixed;width:100%;margin:0 0 30px 0;border-top:1px solid #c3c3c3;} .bbsList thead th{padding:10px 5px;text-align:center;color:#333333;background:#eef2f7;border:1px solid #d1d1d1;} .bbsList tbody th{padding:10px 5px;font-weight:normal;border:1px solid #ebebeb;} .bbsList tbody td{padding:10px 5px;text-align:center;border:1px solid #ebebeb;} /* 게시판 view */ .bbsView{table-layout:fixed;width:100%;margin:0 0 30px 0;border-top:1px solid #c3c3c3;} .bbsView thead th{padding:10px 5px;text-align:center;color:#333333;background:#eef2f7;border:1px solid #d1d1d1;} .bbsView thead td{padding:10px 5px;text-align:center;border:1px solid #d1d1d1;} .bbsView tbody th{padding:10px 5px;font-weight:bold;background:#eef2f7;border:1px solid #d1d1d1;} .bbsView tbody td{padding:10px 5px;text-align:center;border:1px solid #d1d1d1;} .tableTypeForm tbody td{text-align:left;} .commentBox{position:relative;min-height:30px;margin:10px 0 0 0;padding:10px 20px 10px 35px;box-sizing:border-box;border-top:1px dotted #cdcdcd;/* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */} .commentBox .txt{display:none;position:absolute;left:5px;top:20px;} .commentBox:before{content:"";display:block;position:absolute;top:7px;left:0px;width:25px;height:25px;background:url(../../img/ico.png) no-repeat -85px -177px;} .commentBox textarea{width:100%;} /* 220222(s) */ .commentBox.conf { border-top:0; margin:0; text-align: left; color: #307ccb; } /* //220222(e) */ .togglePanel {position:relative;width:100%;margin:0 auto 10px auto;padding:0 20px 20px 20px;box-sizing:border-box;background:#f5f5f5;} .togglePanel a.toggle-trigger {position: relative;display: block;padding:10px;color:#666;font-weight:bold;text-align:center;} /* .togglePanel a.active {border-bottom: 1px solid #e5e5e5;box-shadow: 0 8px 6px -6px #ccc;} */ .togglePanel .toggle-content {padding:15px 20px;color:#666;background:#fff;border:1px solid #d1d1d1;border-radius:10px;font-size:13px;} .togglePanel .toggle-content table th{text-align:left;font-weight:normal;vertical-align:top;} .togglePanel .toggle-content table td{vertical-align:top;} .scrollLy{overflow-x:hidden;overflow-y:auto;width:100%;height:250px;line-height:140%;margin:0 0 10px 0;padding:15px 30px 15px 15px;box-sizing:border-box;background:#fff;border:1px solid #ccc; border-radius: 10px;} /* 페이징 */ .paging{clear:both;position:relative;width:100%;margin:0 0 10px 0;text-align:center;} .paging a{display:inline-block;font-size:12px;text-align:center;vertical-align:top;} .paging a span.skip{display:inline-block;text-indent:-9999em;} .paging a.num{width:29px;height:29px;padding:0px 0px;box-sizing:border-box;line-height:29px;color:#606266;background-color:#fff;border-radius: 50% !important;box-shadow: 0 2px 10px 0 #d8dde6;} .paging a.num:hover{color:#fff;background:#4c4c4c;border:1px solid #5f8fdf;} .paging a.num.current{color:#fff;background:#4c4c4c;border:1px solid #5f8fdf;} .paging a.prev, .paging a.next, .paging a.first, .paging a.last{position:relative;width:29px;height:29px;line-height:25px;box-sizing:border-box;color:#606266;background:#f4f4f5;border:1px solid #f4f4f5;border-radius: 50% !important;box-shadow: 0 2px 10px 0 #d8dde6;} .paging a.first:before{content:"<<";display:block;position:absolute;top:0px;left:0px;width:29px;height:29px;} .paging a.last:before{content:">>";display:block;position:absolute;top:0px;left:0px;width:29px;height:29px;} .paging a.prev:before{content:"<";display:block;position:absolute;top:0px;left:0px;width:29px;height:29px;} .paging a.next:before{content:">";display:block;position:absolute;top:0px;left:0px;width:29px;height:29px;} .paging a.prev:hover, .paging a.next:hover, .paging a.first:hover, .paging a.last:hover{color:#fff;background:#4c4c4c;border:1px solid #5f8fdf;} .checkSheet{position:relative;margin:0 0 30px 0;box-sizing:border-box;background:#f6f6f6;border:1px dashed #d7d7d7;} .checkSheet .tit{padding:20px;box-sizing:border-box;font-size:20px;font-weight:bold;color:#fff;background:#00B2CA; background: -moz-linear-gradient(left, #00B2CA 0%, #0090be 50%, #005BAB 100%); background: -webkit-linear-gradient(left, #00B2CA 0%, #0090be 50%, #005BAB 100%); background: linear-gradient(to right, #00B2CA 0%, #0090be 50%, #005BAB 100%);} .checkSheet .tit:after{content:"";display:block;clear:both;} .checkSheet .tit span{float:right;font-size:15px;font-weight:normal;} .checkSheet .checklist{position:relative;padding:20px 30px;box-sizing:border-box;} .checkSheet .checklist dl dt{position:relative;margin:0 0 15px 0;padding:0 0 0 30px;line-height:25px;font-weight:17px;font-weight:bold;} .checkSheet .checklist dl dt:before{content:"";display:block;position:absolute;top:0px;left:0px;width:25px;height:25px;background:url(../../img/ico.png) no-repeat -1px -173px;} .checkSheet .checklist dl dd{padding:10px;box-sizing:border-box;border:1px solid #4374ac;} /* 튤팁 */ .btnTooltip{display:inline-block;width:25px;height:22px;vertical-align:middle;background:url(../../img/ico.png) no-repeat -83px -137px;} .tooltipBox{display:none;width:100%;padding:20px;box-sizing:border-box;text-align:left;color:#307ccb;background:#fff;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 1px 6px rgba(0,0,0,0.23);} /* 퀵메뉴 */ .quickMenu{position:absolute;left:1200px;/* width:170px; *//* padding:10px 0; */box-sizing:border-box;/* box-shadow: 0 2px 15px rgba(0, 0, 0, 0.175); */z-index:3;} .quickMenu ul li{position:relative;padding:5px 10px;box-sizing:border-box;} .quickMenu ul li button{overflow:hidden;width:45px;height:30px;text-align:left;/* padding:3px 10px 3px 50px; */box-shadow:inset 0px 1px 0px 0px #ededed;background:#273272;} .quickMenu ul li .ico{display:inline-block;position:absolute;left:20px;top:13px;width:28px;height:20px;vertical-align:middle;} .quickMenu ul li .t{display:none;} .quickMenu ul li button:hover{width:200px;padding:3px 10px 3px 50px; } .quickMenu ul li button:hover .t{display:inline-block;} .quickMenu ul li:nth-child(1) .ico{background:url(../../img/ico_quick.png) no-repeat 0px 0px;} .quickMenu ul li:nth-child(2) .ico{background:url(../../img/ico_quick.png) no-repeat 0px -40px;} .quickMenu ul li:nth-child(3) .ico{background:url(../../img/ico_quick.png) no-repeat 0px -78px;} .quickMenu ul li:nth-child(4) .ico{background:url(../../img/ico_quick.png) no-repeat 0px -119px;} .quickMenu ul li:nth-child(5) .ico{background:url(../../img/ico_quick.png) no-repeat 0px -164px;} .quickMenu ul li:nth-child(6) .ico{background:url(../../img/ico_quick.png) no-repeat 0px -216px;} .quickMenu ul li:nth-child(7) .ico{background:url(../../img/ico_quick.png) no-repeat 0px -255px;} .arrow_box {position:absolute;top:50%;margin-top:-11px;} .arrow_box:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #d2d2d2; border-width: 18px; margin-top: -18px; } .faq li{margin:0 0 10px 0;background:#f3f3f5;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);} .faq .question a{display:block;position:relative;padding:15px 10px 15px 65px;box-sizing:border-box;} .faq .question a:before{content:"";display:block;position:absolute;top:7px;left:7px;width:35px;height:35px;background:url(../../img/ico.png) no-repeat -119px -34px;} .faq .question a.on{border-bottom:1px solid #dddddd;} .faq .aswer{display:none;position:relative;padding:15px 10px 15px 65px;box-sizing:border-box;background:#eff5e8;} .faq .aswer:before{content:"";display:block;position:absolute;top:7px;left:7px;width:35px;height:35px;background:url(../../img/ico.png) no-repeat -119px -71px;} .addFile{position:relative;min-height:35px;margin:0 0 5px 0;padding:0 40px 0 0;box-sizing:border-box;} .addFile .btn{position:absolute;right:0;top:0;} .addFileName{font-weight:bold;border-bottom:1px dotted #cdcdcd;line-height:35px;} .addFileName .filesize{font-size:12px;font-weight:normal;} /* 규약서 */ .bylaw{position:relative;width:600px;margin:0 auto;padding:50px 50px 150px 50px;box-sizing:border-box;border:1px solid #b7b7b7;} .bylaw .theTop{position:relative;box-sizing:border-box;} .bylaw .theTop:after{content:"";display:block;clear:both;} .bylaw .belongName{float:left;font-weight:700;font-size:15px;} .bylaw .memberName{float:right;font-weight:700;font-size:15px;} .bylaw .title{padding:60px 0 100px 0;font-size:40px;font-weight:700;letter-spacing:25px;text-align:center;} .bylaw table{width:100%;} .bylaw table tbody th{padding:10px;text-align:left;font-size:15px;font-weight:700;vertical-align:top;} .bylaw table tbody td{padding:10px;} .bylaw table tbody td dl{margin:0 0 5px 0;font-weight:700;font-size:13px;} .bylaw table tbody td dl:after{content:"";display:block;clear:both;} .bylaw table tbody td dl dt{float:left;margin:0 5px 0 0;} .bylaw table tbody td dl dd{float:left;} .bylaw .cont{margin:100px 0 100px 0;font-size:18px;font-weight:700;line-height:150%;} .bylaw .date{text-align:center;font-weight:700;font-size:12px;} /* 협약서 */ .concordat{position:relative;width:600px;margin:0 auto;padding:50px 50px 150px 50px;box-sizing:border-box;border:1px solid #b7b7b7;} .concordat .theTop{position:relative;box-sizing:border-box;} .concordat .theTop:after{content:"";display:block;clear:both;} .concordat .belongName{float:left;font-weight:700;font-size:15px;} .concordat .memberName{float:right;font-weight:700;font-size:15px;} .concordat .title{padding:60px 0 100px 0;font-size:40px;font-weight:700;letter-spacing:25px;text-align:center;} .concordat .cont{margin:100px 0 100px 0;font-size:12px;font-weight:700;line-height:150%;} .concordat .date{margin:0 0 30px 0;text-align:center;font-weight:700;font-size:12px;} .concordat .area .areaL, .concordat .area .areaR{width:50%;padding:0 20px 0 0;box-sizing:border-box;} .concordat .area .areaR{padding:0 0 0 20px;} .concordat .area table{width:100%;font-size:12px;} .concordat .area table thead th{height:40px;text-align:center;font-weight:700;} .concordat .area table tbody th{padding:5px;text-align:right;font-weight:700;} .errorArea{text-align:center;} .errorArea .message{font-size:2em;margin:0 0 30px 0;} .errorArea .message_code{font-size:1em;margin:0 0 60px 0;} .loading{display:none;position:fixed;width:100%;height:100%;opacity:.6;z-index:100;background-color:#17181B;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .load{position:fixed;left:50%;top:45%;width:100px;height:100px;margin:0 0 0 -50px;} .load-type04 div{position:absolute;left:0;right:0;top:0;bottom:0;width:20px;height:20px;margin:auto;border-radius:10px;background-color:#cdcdcd;opacity:.2;animation:loadingH 1s linear infinite} .load-type04 div:nth-child(1){transform:rotate(0) translateX(40px);animation-delay:0}.load-type04 div:nth-child(2){transform:rotate(45deg) translateX(40px);animation-delay:0.1s}.load-type04 div:nth-child(3){transform:rotate(90deg) translateX(40px);animation-delay:0.2s}.load-type04 div:nth-child(4){transform:rotate(135deg) translateX(40px);animation-delay:0.3s}.load-type04 div:nth-child(5){transform:rotate(180deg) translateX(40px);animation-delay:0.4s}.load-type04 div:nth-child(6){transform:rotate(225deg) translateX(40px);animation-delay:0.5s}.load-type04 div:nth-child(7){transform:rotate(270deg) translateX(40px);animation-delay:0.6s}.load-type04 div:nth-child(8){transform:rotate(315deg) translateX(40px);animation-delay:0.7s} @keyframes loadingH{0%{opacity:.2}25%{opacity:1}50%{opacity:.2}100%{opacity:.2}} /* -------------------------------------------------------------- new -------------------------------------------------------------- */ .b500{font-weight:500;} .b700{font-weight:700;} .b600{font-weight:600;} .ico_down2{display:inline-block;width:25px;height:25px;margin:0 5px;vertical-align:middle;background:url(../../img/ico2.png) no-repeat -11px -14px;} .ico_arr_r{display:inline-block;width:35px;height:30px;margin:0 5px;vertical-align:middle;background:url(../../img/ico2.png) no-repeat -49px -10px;} /* 로그인 */ .wrapLogin{position:relative;width:100%;min-width:1400px;} .wrapLogin .inner{position:relative;width:100%;min-height:885px;background:#cfd0d2 url(../../img/bg_login.jpg) no-repeat center center;} .wrapLogin .inner:after{content:"";display:block;clear:both;} .wrapLogin .inner:before{content:"";display:block;position:absolute;top:0px;left:0px;width:100%;height:10px;background:#0056a7;} .wrapLogin .content{position:relative;width:1060px;margin:0 auto;min-height:885px;padding:330px 0 0 0;box-sizing:border-box;} .wrapLogin .content:after{content:"";display:block;clear:both;} .wrapLogin .content .areaL{float:left;} .wrapLogin .content .areaR{float:right;} .wrapLogin .section1{position:relative;width:395px;height:271px;margin:0 0 10px 0;box-sizing:border-box;padding:25px 40px 0 100px;background:url(../../img/bg_login_con01.png) no-repeat center center;} .wrapLogin .section1 .t1{padding:0 15px;text-align:center;font-size:14px;color:#0d3c68;line-height:140%;} .wrapLogin .section1 .t1 span{display:block;font-size:20px;letter-spacing:-1px;} .wrapLogin .section1 .t2{margin:0 0 15px 0;padding:0 15px;text-align:center;color:#1b6db8;font-size:40px;font-weight:700;} .wrapLogin .section1 .btn_join{width:100%;margin:0 0 15px 0;padding:10px 25px;background:#dce9f0;font-size:20px;color:#0d3c68;font-weight:500;text-align:left;border-radius:50px;} .wrapLogin .section1 .btn_manual{width:100%;padding:10px 15px;color:#464646;background:#fff;border:1px solid #dcdcdc;border-radius:5px;} .wrapLogin .section2{position:relative;width:395px;height:111px;padding:15px 30px 0 120px;box-sizing:border-box;background:url(../../img/bg_login_con02.png) no-repeat center center;} .wrapLogin .section2 .t1{font-size:16px;color:#464646;font-weight:500;} .wrapLogin .section2 .t2{font-size:14px;color:#464646;font-weight:300;} .wrapLogin .section3{position:relative;width:617px;height:391px;padding:40px 60px 0 120px;box-sizing:border-box;background:url(../../img/bg_login_con03.png) no-repeat center center;} .wrapLogin .loginForm{position:relative;margin:0 0 20px 0;} .wrapLogin .loginForm .field{position:relative;margin:0 0 10px 0;padding:0 0 0 120px;box-sizing:border-box;} .wrapLogin .loginForm .field label{position:absolute;left:0;top:16px;font-size:16px;color:#333333;} .wrapLogin .loginForm input[type='text'], .wrapLogin .loginForm input[type='password']{width:100%;height:50px;background:#fff;border-radius:5px;border:none;} .wrapLogin .section3 .btn_login{width:100%;background:#0057a8;height:75px;border-radius:5px;border:none;color:#fff;font-size:25px;} .wrapLogin .footer{position:relative;width:100%;padding:20px 0;text-align:center;} /* admin 메인 */ #mainContainer{position:relative;width:100%;} #mainContainer .inner{position:relative;width:1400px;margin:0 auto;box-sizing:border-box;} #mainContainer .inner:after{content:"";display:block;clear:both;} #mainContainer .article ul{} #mainContainer .article ul li{position:relative;margin:0 0 15px 0;padding:0 80px 0 0;box-sizing:border-box;} #mainContainer .article ul li:after{content:"";display:block;clear:both;} #mainContainer .article ul li a{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #mainContainer .article ul li .topNotice{color:#ff0000;} #mainContainer .article ul li .date{position:absolute;right:0;top:0;} #mainContainer .article .more{position:absolute;right:30px;top:43px;font-sisze:14px;color:#0d3c68;} .adminContainer{min-height:799px;padding:250px 0 0 0;box-sizing:border-box;background:url(../../img/bg_admin.jpg) no-repeat center top;} .adminContainer .section1{float:left;width:750px;} .adminContainer .section2{float:right;width:625px;} .adminContainer h2{margin:0 0 20px 0;font-size:22px;color:#000000;font-weight:700;letter-spacing:-2px;} .adminContainer .article{position:relative;width:100%;height:460px;padding:30px;box-sizing:border-box;background:#fff;border-radius:10px;-webkit-box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); } .goLink:after{content:"";display:block;clear:both;} .goLink li a{display:table;width:170px;height:170px;margin: 0 auto;padding:85px 0 0 0;box-sizing:border-box;text-align:center;color:#414141;font-size:20px;font-weight:500;border:1px solid #c0c0c0;border-radius:10px;} .goLink li .txt{display:table-cell;width:100%;vertical-align:middle;line-height:110%;} .goLink li .ico{position:absolute;left:50%;top:40px;margin-left:-25px;display:block;width:50px;height:50px;} .adminContainer .inside{position:relative;width:100%;height:460px;padding:30px;box-sizing:border-box;background:#fff;border-radius:10px;-webkit-box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); } .adminContainer .goLink li{float:left;position:relative;width:33.333%;} .adminContainer .goLink li.li01, .adminContainer .goLink li.li02, .adminContainer .goLink li.li03{margin-bottom:10px;} .adminContainer .goLink li.li01 .ico{background:url(../../img/ico_link.png) no-repeat -4px 2px;} .adminContainer .goLink li.li02 .ico{background:url(../../img/ico_link.png) no-repeat -71px 2px;} .adminContainer .goLink li.li03 .ico{background:url(../../img/ico_link.png) no-repeat -136px 2px;} .adminContainer .goLink li.li04 .ico{background:url(../../img/ico_link.png) no-repeat -4px -45px;} .adminContainer .goLink li.li05 .ico{background:url(../../img/ico_link.png) no-repeat -71px -45px;} .adminContainer .goLink li.li06 .ico{background:url(../../img/ico_link.png) no-repeat -136px -45px;} /* group 메인 */ .groupContainer{min-height:799px;box-sizing:border-box;background:url(../../img/bg_group.jpg) no-repeat center top;} .groupContainer .section1{position:relative;height:325px;} .groupContainer .section1 h2{position:absolute;left:410px;top:196px;display:inline-block;font-size:40px;color:#158200;font-weight:700;} .groupContainer .section1 .more{position:absolute;left:690px;top:204px;display:inline-block;padding:7px 20px;font-size:20px;color:#158200;text-align:left;background:#e8f0dc;border-radius:25px;} .groupContainer .section2{position:relative;margin:0 0 15px 0;padding:0 0 0 100px;} .groupContainer .section2 h2{position:absolute;left:0;top:25px;font-size:20px;font-weight:700;color:#1c600f;line-height:110%;} .groupContainer .section2 .inside{position:relative;width:100%;height:265px;padding:48px 60px;box-sizing:border-box;background:#fff;border-radius:10px;-webkit-box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); } .groupContainer .section2 .inside:after, .groupContainer .section2 .inside:before { right: 100%; top: 50px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .groupContainer .section2 .inside:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; margin-top: -10px; } .groupContainer .section2 .inside:before { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 16px; margin-top: -16px; } .groupContainer .goLink li{float:left;position:relative;width:16.666%;} .groupContainer .goLink li a:hover{border:1px solid #158200;} .groupContainer .goLink li.li01 .ico{background:url(../../img/ico_link.png) no-repeat -4px 2px;} .groupContainer .goLink li.li02 .ico{background:url(../../img/ico_link.png) no-repeat -71px 2px;} .groupContainer .goLink li.li03 .ico{background:url(../../img/ico_link.png) no-repeat -136px 2px;} .groupContainer .goLink li.li04 .ico{background:url(../../img/ico_link.png) no-repeat -4px -45px;} .groupContainer .goLink li.li05 .ico{background:url(../../img/ico_link.png) no-repeat -71px -45px;} .groupContainer .goLink li.li06 .ico{background:url(../../img/ico_link.png) no-repeat -136px -45px;} .groupContainer .section3{float:left;position:relative;width:940px;padding:0 0 0 100px;box-sizing:border-box;} .groupContainer .section3 .inside{position:relative;width:100%;height:80px;padding:25px 20px 25px 110px;box-sizing:border-box;background:#f0e8dc;border-radius:10px;-webkit-box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); } .groupContainer .section3 .inside:before{content:"";display:block;position:absolute;top:14px;left:57px;width:45px;height:45px;background:url(../../img/ico2.png) no-repeat 0 -48px;} .groupContainer .section3 h2{display:inline-block;margin:0 30px 0 0;font-size:18px;font-weight:500;vertical-align:middle;} .groupContainer .section3 .t1{display:inline-block;font-size:15px;vertical-align:middle;} .groupContainer .section3 .t1 span{font-size:18px;font-weight:500;} .groupContainer .section4{float:right;position:relative;width:445px;height:80px;padding:15px 20px 15px 80px;box-sizing:border-box;background:#ecedee;border-radius:10px;-webkit-box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); } .groupContainer .section4:before{content:"";display:block;position:absolute;top:19px;left:25px;width:45px;height:45px;background:url(../../img/ico2.png) no-repeat -45px -48px;} .groupContainer .section4 h2{display:inline-block;margin:0 15px 0 0;vertical-align:middle;font-size:18px;font-weight:700;} .groupContainer .section4 button{display:inline-block;padding:12px 20px;font-size:18px;border:1px solid #c5c5c5;border-radius:4px;} /* user 메인 */ .userContainer{min-height:799px;box-sizing:border-box;background:url(../../img/bg_user.jpg) no-repeat center top;} .sectionGroup:after{content:"";display:block;clear:both;} .userContainer .section1{position:relative;height:325px;} .userContainer .section1 .t1{position:absolute;right:725px;top:190px;font-size:20px;color:#1b6db8;} .userContainer .section1 h2{position:absolute;right:725px;top:207px;display:inline-block;font-size:40px;color:#1b6db8;font-weight:700;} .userContainer .section1 .more{position:absolute;left:690px;top:203px;display:inline-block;padding:7px 20px;font-size:20px;color:#0d3c68;text-align:left;background:#dce9f0;border-radius:25px;} .userContainer .section2{float:left;position:relative;width:930px;padding:0 0 0 120px;box-sizing:border-box;} .userContainer .section2:after{content:"";display:block;clear:both;} .userContainer .section2 h2{position:absolute;left:0;top:25px;font-size:20px;font-weight:700;color:#0059a9;line-height:110%;} .userContainer .section2 .inside{position:relative;width:100%;height:265px;box-sizing:border-box;background:#fff;border-radius:10px;-webkit-box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); } .userContainer .section2 .inside:after, .userContainer .section2 .inside:before { right: 100%; top: 50px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .userContainer .section2 .inside:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; margin-top: -10px; } .userContainer .section2 .inside:before { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 16px; margin-top: -16px; } .userContainer .section2 .state{float:left;position:relative;width:235px;height:265px;padding:85px 0 0 0;box-sizing:border-box;text-align:center;border-right:1px solid #c9c9c9;} .userContainer .section2 .state .t1{margin:0 0 5px 0;color:#1b6db8;font-size:16px;font-weight:300;} .userContainer .section2 .state .approval{display:block;position:relative;font-size:30px;font-weight:700;color:#1b6db8;} .userContainer .section2 .state .approval:before{content:"";display:inline-block;width:25px;height:25px;margin:0 5px 0 0;box-sizing:border-box;border:6px solid #1d9bff;background:#fff;border-radius:25px;} .userContainer .section2 .state .sign{display:block;position:relative;font-size:30px;font-weight:700;} .userContainer .section2 .state .sign:before{content:"";display:inline-block;position:relative;top:2px;width:25px;height:25px;margin:0 5px 0 0;box-sizing:border-box;background:#fff;border-radius:25px;} .userContainer .section2 .state .approval{color:#1b6db8;} .userContainer .section2 .state .approval:before{border:6px solid #1d9bff;} .userContainer .section2 .state .wait{color:#767676;} .userContainer .section2 .state .wait:before{border:6px solid #9d9d9d;} .userContainer .section2 .state .return{color:#be1200;} .userContainer .section2 .state .return:before{border:6px solid #ed1600;} .userContainer .section2 .presentState{float:left;position:relative;width:575px;height:265px;padding:30px 45px;box-sizing:border-box;} .userContainer .section2 .presentState h3{margin:0 0 5px 0;font-size:22px;font-weight:700;color:#0d3c68;} .userContainer .section2 .dataTable {width:100%;border-top:1px solid #b5b5b5;} .userContainer .section2 .dataTable tbody th{padding:6px 10px;box-sizing:border-box;font-weight:400;font-size:14px;text-align:center;color:#0d3c68;background:#f2f2f2;border-bottom:1px solid #b5b5b5;} .userContainer .section2 .dataTable tbody th.th02{font-size:12px;color:#0d3c68;background:#dce9f0} .userContainer .section2 .dataTable tbody td{padding:6px 10px;box-sizing:border-box;color:#414141;font-size:14px;text-align:left;border-bottom:1px solid #b5b5b5;} .userContainer .section2 .dataTable tbody td.td02{color:#0063b1;font-weight:300;} .userContainer .section2 .more{position:absolute;right:45px;top:36px;} .userContainer .section2 .more button{padding:5px 20px;color:#fff;font-size:13px;border-radius:25px;background:#707070;} .userContainer .section2 .notTerm{text-align:center;} .userContainer .section3{float:right;width:445px;} .userContainer .section3 h2{margin:0 0 20px 0;font-size:22px;color:#000000;font-weight:700;} .adminContainer h2{margin:0 0 20px 0;font-size:22px;color:#000000;font-weight:700;letter-spacing:-2px;} .userContainer .article{position:relative;width:100%;height:265px;padding:30px;box-sizing:border-box;background:#fff;border-radius:10px;-webkit-box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); } .userContainer .section4{float:left;position:relative;width:930px;padding:0 0 0 120px;box-sizing:border-box;} .userContainer .section4 .inside{position:relative;width:100%;height:80px;padding:25px 20px 25px 80px;box-sizing:border-box;background:#dce9f0;border-radius:10px;-webkit-box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); } .userContainer .section4 .inside:before{content:"";display:block;position:absolute;top:14px;left:29px;width:45px;height:45px;background:url(../../img/ico2.png) no-repeat -90px -48px;} .userContainer .section4 h2{display:inline-block;margin:0 30px 0 0;font-size:18px;font-weight:500;vertical-align:middle;} .userContainer .section4 .t1{display:inline-block;font-size:15px;vertical-align:middle;} .userContainer .section4 .t1 span{font-size:18px;font-weight:500;} .userContainer .section5{float:right;position:relative;width:445px;height:80px;padding:15px 20px 15px 80px;box-sizing:border-box;background:#f4efe9;border-radius:10px;-webkit-box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 5px 5px 0px 0px #e0e0e0, 5px 5px 15px 5px rgba(0,0,0,0); } .userContainer .section5:before{content:"";display:block;position:absolute;top:19px;left:25px;width:45px;height:45px;background:url(../../img/ico2.png) no-repeat -135px -48px;} .userContainer .section5 h2{display:inline-block;margin:0 15px 0 0;vertical-align:middle;font-size:18px;font-weight:700;} .userContainer .section5 button{display:inline-block;padding:12px 20px;font-size:18px;border:1px solid #c5c5c5;border-radius:4px;} /* */ .wrap_snb h2 { margin: 0; padding: 26px 0 10px 8px; border-bottom: 2px solid #d7d7d7; line-height: 48px; font-weight: bold; font-size: 37px; color: #165e9b; font-weight: 400; } .snb > li { border-bottom: 1px solid #e6e6e6; } .snb li a { letter-spacing: -0.8px; } .snb > li > a { line-height: 24px; display: block; font-size: 16px; font-weight: bold; padding: 13px 20px 13px 8px; background: url(../images/bg/bg_snb-more_off.gif) 95% center no-repeat; } .snb > li.on > a { background-image: url(../images/bg/bg_snb-more_on.gif); color: #165e9b; } .snb li.on > ul { display: block; } .snb > li.no_sub > a { background-image: url(../images/bg/bg_snb_off.gif); } .snb > li.no_sub.on > a { background-image: url(../images/bg/bg_snb_on.gif); } .snb ul { display: none; background-color: #fafafa; padding: 6px 0 0; } .snb ul li a { line-height: 24px; margin-left: 10px; background: url(../images/ico/bu_snb-sub_off.gif) 0 center no-repeat; padding: 3px 8px; font-size: 14px; font-weight: bold; display: block; } .snb ul li.on > a { background-image: url(../images/ico/bu_snb-sub_on.gif); color: #165e9b; text-decoration: underline; } .snb ul ul { background-color: #f0f0f0; padding: 4px 0; } .snb ul ul li a, .snb ul ul li.on a { background: none; line-height: 25px; padding: 0 8px; font-size: 13px; font-weight: normal; text-decoration: none; color: #777; } .snb ul ul li.on a { font-weight: bold; } /* contents */ .contents { float: left; overflow: hidden; width: 650px; min-height: 500px; } /* location */ .location { text-align: right; } .location li { display: inline-block; color: #444; font-size: 12px; white-space: nowrap; } .location li a { font-size: 12px; display: inline-block; } .location .ico_gt { padding: 0 2px; display: inline-block; vertical-align: baseline; } /* cont */ .cont { /*font-size: 14px;*/ line-height: 1.4; } .cont p { font-size: inherit; margin: .5em 0; line-height: 1.6; } .cont p.blue { color: #3a6aae; } .cont .emphasis, .cont strong { color: #4374ac; font-weight: bold; font-style: normal; } .cont strong.info { color: #444; font-weight: bold; text-decoration:underline; } .cont strong.org { color: #e97b00; } .cont ul, .cont ol { margin: .3em 0; } .cont ol ol { margin-left: 1em; } .cont li { margin: .3em 0; line-height: 1.5; } .cont dt { font-weight: bold; color: #333; } .cont dd { margin-left: 0; } .cont .tit_main { font-size: 1.307em; font-weight: bold; color: #444; margin: 50px 0 1.17em; margin-bottom: 15px; } .cont .tit_main.l0 { margin-left:0; } .cont .tit_main.first { margin-top: 0; } .cont .indent { padding-left: .8em; text-indent: -.8em; } .cont .thb { float: left; margin-right: 15px; } .cont .row { margin: 0; float: none; clear: both; } .cont .row:after { content: ''; display: table; clear: both; } .cont .row.sec { margin: 3em 0; } .cont .row .col { float: left; text-align: center; margin: 0; } .cont .row .col6 { width: 50%; } .cont .row .col4 { width: 33.332%; } .cont .cont_video a { display: inline-block; } .cont .cont_video a:hover { text-decoration: underline; } .cont .cont_video .thb { display: block; float: none; margin: .5em auto; } .cont .cont_video .btn { margin: .5em .2em; } /* spot */ .spot { position: relative; border-bottom: 2px solid #d7d7d7; margin-bottom: 30px; padding: 8px 0 10px 8px; overflow:hidden; } .spot .tit { font-weight: 400; font-size: 37px; color: #444; margin:0; padding:0; line-height:1.3; letter-spacing:-3px; } .spot .wrap_btn { position: absolute; right: 0; height: 19px; bottom: 22px; margin: 0; } .spot .wrap_btn.none-absolute { position: relative; right: inherit; bottom: inherit; float:right; } .spot .btn_print { border-radius: 5px; width: 78px; height: 21px; line-height: 21px; font-size: 12px; padding: 0; } .spot .btn_print img { margin-right: 5px; } .spot .btn_font { width: 22px; height: 20px; line-height: 20px; padding: 1px 0; display: inline-block; background-color: #f5f5f5; text-align: center; border-radius: 5px; } .spot_sub { margin-bottom: 20px; } .spot_sub .spot_img { float: left; } .spot_sub .tit_main { margin: 10px 0 10px 120px; line-height: 1.2em; } .spot_sub .tit_main.ml0 { margin-left:0; line-height:1.5; } .spot_sub .tit_main.only { line-height: 1.3; margin-top:45px; } .spot_sub .desc { margin: 10px 0 10px 120px; font-size: 1.076em; letter-spacing: -1px; overflow: hidden; line-height: 1.4; } .spot_sub .desc.ml0 { margin-left:0; } .spot_sub .desc.l0 { margin-left:0; } .spot_sub .desc.l0 p { margin-top: 0; } .spot_sub .desc dl { margin: 0; } .spot_sub .desc dt { font-size: 15px; margin-bottom: 5px; } .spot_sub .desc p { margin-bottom: 10px; font-size: 14px; } .spot_sub .desc .btn { margin-top: 16px; font-size: .857em; } .spot_sub .desc.none-title p { margin-top:15px; line-height:26px; } .cont.spot_sub .list { margin: 0; } .cont.spot_sub .list li { line-height: 1.2; } .cont.spot_sub .list li .red { color:#ca3b30; } .cont.spot_sub .list li .blue { color:#598cc8; } /* cont list */ .cont .list { margin: 1em 0 2em; text-indent: 0; line-height: 1.6; } .cont .list > li, .cont .list > dt { background: url(../images/ico/bu_li.gif) 0 0.50em no-repeat; padding-left: .7em; float: none; } .cont .list > dt { font-weight: bold; color: #333; margin: .6em 0; } .cont .list > dd { float: none; margin: .3em 0 .3em .5em; } .cont .list > li.mb15{margin-bottom: 15px;} .cont .list_border ul { margin: 1em 0 0; } .cont .list_border > li { border: 1px solid #d9d9d9; border-radius: 5px; padding: 20px; padding-left: 110px; } .cont .list_border > li > img { position: absolute; left: 20px; top: 0; bottom: 0; margin: auto 0; } .cont .list_border .tit_list { font-size: 14px; color: #333; margin: 0; margin-bottom: 10px; } .cont .warning { color: #e97b00; font-size: inherit; letter-spacing: -1px; padding-left: .8em; margin: 1em 0; background: url(../images/ico/bu_warning.gif) 0 7px no-repeat; display:inline-block; } .cont .list_box li { border: 1px solid #d9d9d9; border-radius: 5px; overflow: hidden; text-align: center; } .cont .list_box li img { max-width:100%; } .cont .list_box .tit_box { text-align: center; font-size: 1em; color: #333; font-weight: bold; margin: 15px 0 3px; padding:0 10px; } .cont .list_box .tit_box strong { color: #e97b00; text-decoration: underline; } .cont .list_card { text-align: center; margin: 30px 0 40px; } .cont .list_card > li { display: inline-block; width: 200px; margin: 0 6px; vertical-align: top; } .cont .list_card .tit_ex { color: #333; } .cont .list_faq { border-top: 1px solid #c8c8c8; } .cont .list_faq .que, .cont .list_faq .ans, .cont .list_faq .char_q, .cont .list_faq .char_a { padding: 15px 20px 15px 60px; border-bottom: 1px solid #e2e2e2; } .cont .list_faq .que { background: url(../images/ico/bu_q.gif) 20px center no-repeat; display: block; } .cont .list_faq .char_q { background: #fbfbfb url(../images/bg/bg_char_q.gif) 20px 12px no-repeat; padding-left: 100px; line-height: 1.4; } .cont .list_faq .char_a { background: url(../images/bg/bg_char_a.gif) 20px center no-repeat; padding-left: 100px; line-height: 1.5; } .cont .list_faq .que a { display: block; background: url(../images/bg/bg_arr_down.gif) right center no-repeat; } .cont .list_faq .que a.on { background-image: url(../images/bg/bg_arr_up.gif); font-weight: bold; } .cont .list_faq .on .que { background-image: url(../images/ico/bu_a.gif); } .cont .list_faq .ans { background: url(../images/ico/bu_a.gif) 20px center no-repeat; padding-right: 60px; background-color: #fbfbfb; margin: 0; } .cont .list_viewer { border-bottom: 1px solid #c8c8c8; margin: 0; margin-top: -30px; } .cont .list_viewer li { border-top: 1px solid #e6e6e6; padding: 20px 0; margin: 0; position:relative; padding-left:70px; padding-right:90px; } .cont .list_viewer li:first-child { border-top: 0; } .cont .list_viewer .thb{ position:absolute; left:0; top:20px; } .cont .list_viewer dl { padding:0; margin:0; } .cont .list_viewer dt { font-size: 1.076em; font-weight: bold; color: #333; } .cont .list_viewer dd { margin: 0; } .cont .list_viewer .btn { position:absolute; right:0; top:20px; } .cont .list_arr > li { padding-left: 1.5em; background: url(../images/ico/bu_arr.gif) 0 center no-repeat; } .cont .list_num > li { margin-top: 20px; padding-left: 30px; background: url(../images/ico/bu_num1.gif) 0 top no-repeat; } .cont .list_num > li > ol, .cont .list_num > li > ul { margin-left: 0; } .cont .list_num.borded { border-top: 1px solid #d4d4d4; margin-bottom: 30px; } .cont .list_num.borded > li { border-bottom: 1px solid #d4d4d4; margin: 0; padding-top: 20px; padding-bottom: 13px; background-position: 0 20px; } .cont .list_num .idt_ign {} .cont .list_num .idt_ign2 {} .cont .list_num .tit_num { line-height: 21px; font-size: 15px; color: #333; margin: 0; margin-bottom: 8px; } .cont .list_num .num1 {background-image: url(../images/ico/bu_num1.gif);} .cont .list_num .num2 {background-image: url(../images/ico/bu_num2.gif);} .cont .list_num .num3 {background-image: url(../images/ico/bu_num3.gif);} .cont .list_num .num4 {background-image: url(../images/ico/bu_num4.gif);} .cont .list_num .num5 {background-image: url(../images/ico/bu_num5.gif);} .cont .list_num .num6 {background-image: url(../images/ico/bu_num6.gif);} .cont .list_num .num7 {background-image: url(../images/ico/bu_num7.gif);} .cont .list_num .num8 {background-image: url(../images/ico/bu_num8.gif);} .cont .list_num .num9 {background-image: url(../images/ico/bu_num9.gif);} .cont .list_num .num10 {background-image: url(../images/ico/bu_num10.gif);} .cont .list_num .num11 {background-image: url(../images/ico/bu_num11.gif);} .cont .list_num .num12 {background-image: url(../images/ico/bu_num12.gif);} .cont .list_num .num13 {background-image: url(../images/ico/bu_num13.gif);} .cont .list_num .num14 {background-image: url(../images/ico/bu_num14.gif);} .cont .list_num .num15 {background-image: url(../images/ico/bu_num15.gif);} .cont .list_num03 > li { margin-top: 20px; padding-top:20px; background: url(../images/ico/bu_num1.gif) 0 20px no-repeat; border-top: 1px solid #e1e1e1; } .cont .list_num03 > li > ol, .cont .list_num03 > li > ul { margin-left: 0; } .cont .list_num03 .tit_num { line-height: 21px; font-size: 15px; color: #333; margin: 0; margin-bottom: 8px; padding-left: 30px; } .cont .list_num03 .num1 {background-image: url(../images/ico/bu_num1.gif); border-top: none;} .cont .list_num03 .num2 {background-image: url(../images/ico/bu_num2.gif); } .cont .list_num03 .num3 {background-image: url(../images/ico/bu_num3.gif);} .cont .list_num03 .num4 {background-image: url(../images/ico/bu_num4.gif);} .cont .list_num03 .num5 {background-image: url(../images/ico/bu_num5.gif);} .cont .list_num03 .num6 {background-image: url(../images/ico/bu_num6.gif);} .cont .list_num03 .num7 {background-image: url(../images/ico/bu_num7.gif);} .cont .list_num03 .num8 {background-image: url(../images/ico/bu_num8.gif);} .cont .list_num03 .num9 {background-image: url(../images/ico/bu_num9.gif);} .cont .list_num03 .num10 {background-image: url(../images/ico/bu_num10.gif);} .cont .list_num03 .num11 {background-image: url(../images/ico/bu_num11.gif);} .cont .list_num03 .num12 {background-image: url(../images/ico/bu_num12.gif);} .cont .list_num03 .num13 {background-image: url(../images/ico/bu_num13.gif);} .cont .list_num03 .num14 {background-image: url(../images/ico/bu_num14.gif);} .cont .list_num03 .num15 {background-image: url(../images/ico/bu_num15.gif);} .cont .list_num03 > li .inner_list {padding-left:30px;} .cont .list_rule .tit_rule { font-size: 15px; padding: 10px 20px; color: #333; background-color: #fbfbfb; border: 1px solid #c8c8c8; border-width: 1px 0; margin: 0; min-height: 30px; line-height: 30px; } .cont .list_rule .tit_rule p{color: #333; margin-left:40px; margin-top:3px; margin-bottom:3px;} .cont .list_rule .tit_rule.dl { /* line-height: inherit; */ line-height: 1.4; font-size: 14px; } .cont .list_rule .tit_rule.dl span { } .cont .list_rule .tit_rule span { width: 30px; height: 30px; color: #fff; font-size: 12px; font-weight: bold; line-height: 30px; border-radius: 15px; background-color: #6bb367; display: inline-block; margin-right: 10px; text-align: center; float: left; position: relative; } .cont .list_rule .tit_rule span.alert { background-color: #ee9835; } .cont .list_rule .tit_rule span.ex { background-color: #666; } .cont .list_rule .cont_rule { padding: 20px; } .cont .list_rule .cont_rule > ul, .cont .list_rule .cont_rule > ol { margin-left: 0; } .cont .list_rule .btn { margin: 5px; margin-left: 0; } .cont .list_rule .list { margin: 0; } .cont .list_proc li { background-color: #b4b4b4; width: 92px; height: 92px; color: #fff; font-weight: bold; text-align: center; float: left; border-radius: 50%; margin-left: 19px; position: relative; } .cont .list_proc li:before { content: url("../images/ico/ico_arr_proc.gif"); position: absolute; left: -14px; top: 40px; } .cont .list_proc li:first-child { margin-left: 0; } .cont .list_proc li:first-child:before { content: none; } .cont .list_proc li.on { background-color: #598cc8; } .cont .list_proc li img { display: block; margin: 15px auto 3px; } .list_proc2 { margin:0 auto !important; vertical-align: top; text-align: center;} .list_proc2 li{display:inline-block; position: relative; background-color: #b4b4b4; width: 92px; height: 92px; font-weight: bold; text-align: center; border-radius: 50%; margin-right: 19px; vertical-align: top; margin-left:-4px;} .list_proc2 li:after { background:url(../images/ico/ico_arr_proc.gif) left top no-repeat; content:""; position: absolute; right: -15px; top: 50%; margin-top:-7px; width:10px; height:13px;} .list_proc2 li.p6:after { content: none;} .list_proc2 li.p6 {margin-right: 0;} .list_proc2 li span{color: #fff; font-size: 12px; display:inline-block; width: 100%; padding-top:60px; background-position: center 15px; background-repeat: no-repeat;} .list_proc2 li.p1 span{background-image:url(../images/ico/ico_list_white.png); } .list_proc2 li.p2 span{background-image:url(../images/ico/ico_pencil_white.png);} .list_proc2 li.p3 span{background-image:url(../images/ico/ico_req_white.png);} .list_proc2 li.p4 span{background-image:url(../images/ico/ico_chk_white.png);} .list_proc2 li.p5 span{background-image:url(../images/ico/ico_mail_white.png);} .list_proc2 li.p6 span{padding-top: 50px; background-image:url(../images/ico/ico_target_white.png); background-position: center 12px;} .list_proc2 li.on {background-color: #598cc8;} .cont .list_step li { background-color: #e9e9e9; color: #333; font-size: 14px; font-weight: bold; text-align: center; position: relative; line-height: 45px; width: 147px; border-radius: 23px; float: left; display: block; margin-left: 20px; } .cont .list_step li:first-child { margin-left: 0; } .cont .list_step li:before { content: url(../images/ico/ico_arr_step.gif); position: absolute; left: -14px; top: 0; } .cont .list_step li:first-child:before { content: none; } .cont .list_step li.on { color: #fff; background-color: #598cc8; } .cont .list_proc_chk { border-radius: 5px; overflow: hidden; display: inline-block; } .cont .list_proc_chk li { float: left; display: block; vertical-align: middle; } .cont .list_proc_chk > li { background: url(../images/bg/bg_proc_chk_off.png) right 0 no-repeat; line-height: 95px; font-size: 15px; font-weight: bold; margin: 0; margin-left: -40px; padding-left: 46px; padding-right: 28px; position: relative; } .cont .list_proc_chk.dl > li { line-height: 20px; padding-top: 27px; padding-right: 27px; padding-bottom: 28px; height: 95px; } .cont .list_proc_chk > li.on { background-image: url(../images/bg/bg_proc_chk_on.png); color: #fff; } .cont .list_proc_chk > li:first-child { margin-left: 0; padding-left: 16px; } .cont .list_proc_chk .proc1 {z-index: 5;} .cont .list_proc_chk .proc2 {z-index: 4;} .cont .list_proc_chk .proc3 {z-index: 3;} .cont .list_proc_chk .proc4 {z-index: 2;} .cont .list_proc_chk .proc5, .cont .list_proc_chk .end { z-index: 1; background-image: none; background-color: #e7e7e7; } .cont .list_proc_chk .proc5.on, .cont .list_proc_chk .end.on { background-image: none; background-color: #53a4c5; } .cont .list_proc_chk .tit { line-height: 47px; display: block; text-align: center; } .cont .list_proc_chk li ul { margin: 0; padding-bottom: 10px; } .cont .list_proc_chk li li { height: 38px; padding: 5px 4px; line-height: 1.4; margin: 0; text-align: center; font-size: 13px; position: relative; font-weight: normal; white-space: nowrap; } .cont .list_proc_chk li.on li { font-weight: normal; color: rgba(255,255,255,.7); } .cont .list_proc_chk li.on li.on { color: #fff; font-weight: bold; } .cont .list_proc_chk li.on li.on:before { content: ''; position: absolute; width: 10px; height: 3px; background-color: #fff; left: 4px; top: -3px; } .cont .ico { margin: 0 3px; } .cont_rule li { margin: .3em 0; } .cont_rule ol ul, .cont_rule ol ol, .cont_rule ol dl { margin: .5em 0; padding-left: .5em; text-indent: -.5em; } .cont_rule dd { margin-left: .5em; padding: 0; text-indent: 0; } .cont_rule .tit_rule { font-size: 1em; /* font-weight: normal; */ margin: .4em 0; } .cont_rule .links li { margin: 0; } .cont_rule .links li a { text-decoration: underline; } /* tab */ .cont .tab_container { margin: 20px 0; } .cont .tab_list { margin-bottom: 20px; } .cont .tab_list li { float: left; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cont .tab_list.tab_cnt2 li { width: 50%; } .cont .tab_list.tab_cnt3 li { width: 33.3333%; } .cont .tab_list.tab_cnt4 li { width: 25%; letter-spacing: -2px; } .cont .tab_list.tab_cnt5 li, .cont .tab_list.tab_fix li { width: 20%; } .cont .tab_list.tab_cnt6 li{ width: 16.66666%; } .cont .tab_list li:first-child { margin: 0; } .cont .tab_list a { font-size: 13px; font-weight: bold; color: #fff; display: block; border-radius: 5px; background-color: #b4b4b4; text-align: center; text-decoration: none; line-height: 40px; position: relative; letter-spacing: -1.5px; border-right:1px solid #fff; } .cont .tab_list.txt-lineTwo li{ display:table; } .cont .tab_list.txt-lineTwo a { display:table-cell; vertical-align:middle; height:53px; line-height: 1.3; padding:10px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cont .tab_list li.on a { background-color: #598cc8; } .cont .tab_list li.on a:after { content: ''; width: 0; height: 0; bottom: -7px; left:50%; margin-left:-4px; display: block; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #598cc8; } .cont .tab_list.tab_fix li.on a:after { left: 60px; } .cont .tab_list.tab_round { margin-top: 22px; overflow:hidden; } .cont .tab_list.tab_round.ta-margin { margin:0 0 0 0; } .cont .tab_list.tab_round li { margin-left: 5px; } .cont .tab_list.tab_round li:first-child { margin-left: 0; } .cont .tab_list.tab_round a { font-size: 13px; width: 165px; padding: 13px 13px; letter-spacing:-1px; line-height: 22px; border-radius: 24px; letter-spacing: -1px; } .cont .tab_list.tab_round li.on a { background-color: #598cc8; } .cont .tab_list.tab_round li.on a:after { content: none; } .cont .tab_list.tab_round .ico { vertical-align: -6px; margin-right: 10px; } .cont .tab_list2 { margin-bottom: 20px; } .cont .tab_list2 li { float: left; margin: 0; border-right:1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cont .tab_list2.tab_cnt2 li { width: 50%; } .cont .tab_list2.tab_cnt3 li { width: 33.3333%; } .cont .tab_list2.tab_cnt4 li { width: 25%; letter-spacing: -2px; } .cont .tab_list2.tab_cnt5 li, .cont .tab_list2.tab_fix li { width: 20%; } .cont .tab_list2.tab_cnt6 li{ width: 16.66666%; } .cont .tab_list2 li:first-child { margin: 0; } .cont .tab_list2 a { font-size: 13px; font-weight: bold; color: #fff; display: block; border-radius: 5px; background-color: #b4b4b4; text-align: center; text-decoration: none; line-height: 40px; position: relative; letter-spacing: -0.3px; } .cont .tab_list2 li.on a { background-color: #598cc8; } .cont .tab_list2 li.on a:after { content: ''; width: 0; height: 0; bottom: -7px; left:50%; margin-left:-4px; display: block; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #598cc8; } .cont.cont_law .tit_main { margin-top: 45px; } .cont .report { text-align: center; padding-top: 20px; } .cont .report .f_or { display: inline-block; margin: 0 12px; } .cont .report .area { display: inline-block; width: 270px; vertical-align: top; text-align: left; } .cont .report .area ol { margin-left: 20px; } .cont .report .area p { margin: 1em 0; } .cont .report .area .btn { display: block; text-align: left; } .cont .report .area .btn .ico { position: absolute; right: 12px; top: 14px; } .cont .sitemap .tit_site { border-bottom: 2px solid #598cc8; padding-bottom: 10px; font-size: 1.307em; color: #598cc8; } .cont .sitemap .tit_site img { margin-right: 10px; vertical-align: bottom; } .cont .sitemap .col { margin: 0; margin-left: 2%; float: left; width: 31.3333%; text-align: left; } .cont .sitemap .row { margin-bottom: 30px; } .cont .sitemap .row .col:first-child { margin-left: 0; } .cont .sitemap .list_site > li { border-bottom: 1px solid #e6e6e6; margin: 0; } .cont .sitemap .list_site > li > a { background: url(../images/ico/bu_snb-sub_on.gif) 0 25px no-repeat; padding: 14px 0 14px 9px; color: #333; font-size: 1.076em; font-weight: bold; display: block; } .cont .sitemap .list_site ul { margin: 0 0 10px 9px; } .cont .sitemap .list_site ul li { margin: 0; margin-top: 6px; } .cont .sitemap .list_site ul li:first-child { margin: 0; } .search_board { border: 1px solid #e6e6e6; border-radius: 5px; background-color: #fafafa; padding: 20px 20px; text-align: center; position: relative; } .search_board select, .search_board input[type=text], .search_board .btn_search { border: 1px solid #d0d0d0; line-height: 25px; height: 27px; padding: 0; margin: 0; box-sizing: border-box; vertical-align: middle; } .search_board .btn_search { border: 1px solid transparent; } .search_board .sel_stat { width: 165px; } .search_board .sel_date, .search_board .in_search { width: 160px; } .search_board .in_search.in_wide { width: 380px; } .search_board .sel_subj { width: 100px; } .search_board .sch_dt_wrap { display: inline; position: relative; } .search_board .sch_dt_wrap:after { content: ''; position: absolute; right: 10px; top: 9px; border: 0; border-top: 6px solid #000; border-left: 3px solid transparent; border-right: 3px solid transparent; } #sch_dt { display: none; text-align: left; position: absolute; background-color: #fff; border: 1px solid #ccc; left: 0; width: 265px; z-index: 1; } #sch_dt ul, #sch_dt li { margin: 0; } #sch_dt li { padding: 5px; cursor: pointer; } #sch_dt li button{ background-color:transparent; border:none; } #sch_dt li span em{ font-size:12px; font-style:normal; } #sch_dt input[type=text] { width: 100px; } .cont .cnt_page { line-height: 16px; margin: 30px 0 4px; font-size: 12px; } .tb_board { width: 100%; font-size: .923em; table-layout: fixed; border-top: 1px solid #c8c8c8; background-color: #fff; margin-bottom: 20px; } .tb_board .ta-c{text-align:center;} .tb_board2 { width: 100%; font-size: .923em; table-layout: fixed; border-top: 1px solid #fff; background-color: #fff; margin-bottom: 20px; } .tb_board thead tr{border-bottom: 1px solid #e2e2e2;} .tb_board th { background-color: #ffff; height: 43px; vertical-align: middle; text-align: center; font-size: 15px; font-weight: 500; color: #111; padding:5px; } .tb_board tbody td { padding: 12px 6px; /*padding: 0 6px\9;*/ line-height: 1.4; border-bottom: 1px solid #e2e2e2; text-align: center; font-size: 14px; } .tb_board tbody th { background-color: #fff; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; } .tb_board tbody th:first-child { border-left: 0; } .tb_board .alert_row td { /* font-weight: bold; */ color: #666; } .tb_board .alert_row .col_no strong { border-radius: 2px; background-color: #1f6ed4; color: #fff; display: inline-block; line-height: 18px; padding: 0 5px; } .tb_board .col_tit { text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tb_board .detail { padding: 30px 20px; text-align: left; background-color: #fafafa; } .tit_sub, .tb_board .detail h5 { font-size: 15px; padding-left: 1em; color: #444; font-weight: bold; /* background: url(https://www.privacy.go.kr/images/ico/bu_h.png) 0 8px no-repeat; */ margin: 2em 0 1.1em; line-height: 1.733em; } .tit_sub .btn { margin-left: 15px; } .tit_ex { text-align: center; color: #333; font-weight: bold; font-size: 1.200em;; margin: .5em 0; } .tb_board .detail h5:first-child { margin-top: 0; } .tb_board .detail li { width: 48%; display: inline-block; margin: .25em 0; -webkit-background-size: 2px 2px; background-size: 2px 2px; background-position: 0 center; } .tb_board .detail .wrap_btn { margin-bottom: 0; } .tb_board .tb_board { font-size: 1em; width:100%; } .tb_row, .tb_board_view { border-bottom: 1px solid #e2e2e2; } .tb_row, .tb_board_view td.b-r { border-right: 1px solid #e2e2e2; } .tb_row th { text-align: left; padding: 0 5px; } .tb_row tbody td { text-align: left; padding: 7px; } .tb_row input[type=text] { width: 135px; } .tb_row td input:first-child, .tb_row td select:first-child, .tb_row td textarea { margin-left: 0; } .tb_row input.call, .tb_row select.call { width: 50px; line-height: 26px; height: 26px; margin: 0 5px; padding: 0 5px; box-sizing: content-box; border: 1px solid #e2e2e2; } .tb_row li { margin: 2px 0; } .tb_row .cell_info { padding: 18px; text-align: left; background-color: #fbfbfb; } .tb_row .width_max { width: 92%!important; } .tb_row .req { color: #e97b00; } .tb_row th, .tb_board.tb_board_view th { border: 0; border-bottom: 1px solid #e2e2e2; background-color: #fbfbfb; } .tb_board.tb_board_view tr.dis_tr {background:#fff;} .tb_board.tb_board_view tr.dis_tr th {color:#d0d0d0;} .tb_board.tb_board_view tr.dis_tr td {color:#d0d0d0;} .tb_board.tb_board_view tbody td { text-align: left; padding-left: 16px; padding-right: 16px; } .tb_board.tb_board_view .btns { text-align: center; padding: 2em; } .tb_board.tb_board_view .cell_cont { font-size: 1.083em; padding: 20px; line-height: 1.8em; } .tb_board.tb_board_view .cell_cont ul, .tb_board.tb_board_view .cell_cont ol, .tb_board.tb_board_view .cell_cont p { margin: 20px 0; font-size: inherit; line-height: inherit; } .tb_board.tb_board_view .cell_warning { color: #e97b00; font-weight: bold; padding: 15px; } .tb_board.tb_board_view th.bdl, .tb_board.tb_board_view td.bdl { border-left: 1px solid #e2e2e2; } .tb_board.tb_board_view tbody td.ta-c{text-align: center;} .tb_board .cell_file a { line-height: 1.8; color: #333; } .tb_board .cell_file a:focus { font-weight: bold; text-decoration: underline; } .tb_board .cell_img { padding: 16px 20px; } .tb_rating { margin-top: 40px; } .tb_board.tb_rating tr.dis_tr {background:#fff;} .tb_board.tb_rating tr.dis_tr th {color:#d0d0d0;} .tb_board.tb_rating tr.dis_tr td {color:#d0d0d0;} .tb_board.tb_rating td, .tb_board.tb_rating th { text-align: left; padding-left: 20px; padding-right: 20px; } .wrap_qus .tb_board .qus { text-align: left; } .wrap_qus .tb_board th.qus { text-indent: 16px; } .wrap_qus .tb_board .guide { text-align: left; padding-left: 24px; } .tb_board.tb_board tr.dis_tr {background:#fff;} .tb_board.tb_board tr.dis_tr th {color:#d0d0d0;} .tb_board.tb_board tr.dis_tr td {color:#d0d0d0;} .wrap_qus .tb_board tbody td { text-align: center; } /* video_news_list */ .video_news_list { border-top: 1px solid #c8c8c8; } .video_news_list li { border-bottom: 1px solid #e2e2e2; padding: 30px 0; } .video_news_list li .bx_img { height:0; width:194px; float:left; overflow: hidden; position: relative; border: 1px solid #ddd; height: 0px; padding-bottom: 192px; } .video_news_list li .bx_img a{ display:block; width:194px; height:194px; } .video_news_list li .bx_img img { max-height: 100%; max-width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .video_news_list .thb_entry { float: left; margin-right: 30px; max-width: 225px; } .video_news_list .wrap_entry { overflow: hidden; margin-left:220px; } .video_news_list .tit_entry { font-size: 1.25em; color: #333; margin: 0 0 .4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; } .video_news_list .tit_entry a { color: inherit; } .video_news_list .meta_entry { font-size: .923em; color: #999; } .video_news_list .cont_entry { margin: 20px 0 0; line-height: 1.8em; font-size: 1em; /*height: 69px;*/ overflow: hidden; text-overflow: ellipsis; } .td_border tbody td { border-left: 1px solid #e2e2e2; padding: 7px; font-size: 15px; /*padding: 0 7px\9;*/ text-align: left; } .scheduleTable .td_border tbody td { border-left: 1px solid #e2e2e2; padding: 3px; } .td_border tbody td.name span { display:inline-block; margin-left:10px; } .td_border tbody tr td:first-child { border-left: 0; } .td_border tbody tr td.bdl { border-left: 1px solid #e2e2e2; } .td_border tbody th.bdr { border-right: 1px solid #e2e2e2; } .tb_board .pc_none { display: none; } .tb_board .pc_none2 { display: none; } /* page_nav */ .page_nav { text-align: center; margin: 20px 0; font-family: Verdana; } .page_nav li { display: inline-block; margin:0.3em } .page_nav li.on a { color: #598cc8; font-weight: bold; text-decoration: underline; } .page_nav a { min-width:23px; height: 23px; text-align: center; text-decoration: none; display: block; line-height: 21px; vertical-align: middle; color: #777; } .page_nav .arr { border: 1px solid #d0d0d0; border-radius: 2px; } /* show cont */ .show_cont {display: none;} /* pop */ #wrap_pop { /* width: 600px; */ margin: 0 auto; } #wrap_pop.small_pop { } #wrap_pop .tit_pop { color: #fff; background-color: #598cc8; font-size: 20px; padding: 12px 0 15px 20px; font-weight: 600; line-height: 22px; margin: 0; } #wrap_pop .cont { margin: 20px; line-height: 18px; padding:0; } #wrap_pop .wrap_btn { margin: 50px 0; } #wrap_pop form { margin: 25px 0; text-align: center; } #wrap_pop form input[type=text], #wrap_pop form input[type=password] { width: 180px; } #wrap_pop form input[type=radio] { margin-left: 40px; } #wrap_pop form input:first-child { margin-left: 0; } #wrap_pop form input[type=text].small { width: 120px; } #wrap_pop .cont .tit_cont { color: #444; font-size: 17px; margin: 20px 0; padding-top: 12px; } #wrap_pop .panel { margin: 20px 0; } #wrap_pop .wrap_chk { margin: 20px 0; } #wrap_pop .tab_list li { min-width: 100px; } #wrap_pop .tab_list li.on a:after { left: 45px; } #wrap_pop.ctf { position: relative; border: 3px solid #af7e03; padding: 10px; color: #000; font-family: 궁서; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/popup/pop_bg.jpg) center 54% no-repeat; } @page{ size:auto; margin : 25mm 15mm 25mm 15mm; } #wrap_pop.ctf .wrap_btn { position: absolute; right: 10px; top: 10px; margin: 0; } #wrap_pop.ctf .no { margin: 2px 0 0 2px; display: block; color:#2e2e2e; font-size:12px; font-family: 궁서; } #wrap_pop.ctf h1 { font-size: 50px; font-weight: 400; text-align: center; line-height: 1; margin: 75px 0 50px; font-family: 궁서; } #wrap_pop.ctf dl { margin-left:335px; font-size: 16px; margin-bottom:35px; font-family: 궁서; margin-top: 0; float: right; width: 280px; } #wrap_pop.ctf dt { float: left; margin-right: 5px; line-height:1.8; font-family: 궁서; -ms-text-align-last: justify; -moz-text-align-last: justify; text-align-last: justify; text-align: justify; width:66px; } #wrap_pop.ctf dd { white-space: nowrap; line-height:1.8; font-family: 궁서; margin-left:67px; } #wrap_pop.ctf .cont { color: #000; font-size: 25px; margin: 0 20px 60px 20px; line-height: 2; font-family: 궁서; letter-spacing: -3px; clear:both; word-break: normal; } #wrap_pop.ctf .cont span{color:#004ae0;} #wrap_pop.ctf .date { position:absolute; bottom:230px; left:0; color: #333; width:100%; text-align: center; font-size: 25px; } #wrap_pop.ctf .logo { display: block; position:absolute; bottom:120px; left:50%; margin-left:-127.5px; text-align: center; } /* form */ form input[type=text], form input[type=password], form select { line-height: 26px; height: 26px; margin: 0; margin-right: 5px; padding: 0 5px; border: 1px solid #e2e2e2; } form textarea { line-height: 1.4em; margin: 0 3px; padding: 0 5px; border: 1px solid #e2e2e2; } form label { margin: 0 6px; } form label.star { color: #f88300; font-size: 16px; margin: 0; margin-right: 20px; } form label.star input { margin-right: 5px; } form label.star .dis { color: #c8c8c8; } form .btn_init, form .btn_search { border-color: #666; color: #fff; background-color: #666; width: 43px; } form .btn_init { width: 60px; font-size: 13px; line-height: 19px; } form .wrap_file input[type=text].it_file { width: 200px; } form .wrap_file input[type=button].ib_file, form .wrap_file button.ib_file { font-weight: bold; } form .wrap_file { position: relative; } form .wrap_file input[type=file].if_file { position: absolute; width: 300px; height: 28px; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; } form .txt_cnt { border: 1px solid #d0d0d0; padding: 2px 3px 0; width: 45px; display: inline-block; text-indent: 0; line-height: 16px; } form .long { width: 90%; } form .long2 { width: 70%; } form .max { width: 100%; max-width: 100%; box-sizing: border-box; } .wrap_radio { border: 0; } .wrap_radio.center { text-align: center; } .wrap_radio label { display: inline-block; margin: 3px; } .wrap_radio.cnt2 label { width: 20%; } .wrap_radio.cnt3 label { width: 30%; } .wrap_radio.block label { display: block; } .wrap_radio.block label b{ display: block; } .wrap_radio.block label input[type="radio"]{ margin-top:5px; margin-right:5px; } /* functional class */ hr.nar { margin: 20px 0; } hr.tran { border-color: transparent; } p.strong {font-weight: bold;} p .btn {margin: 0 .5em;} .normal { font-weight: normal; color: #777; } .strong { font-weight: bold; color: #333; } img.info { margin: 1em 0; display: block; } img.deco { float: left; margin-right: 20px; } img.deco + p { padding: 15px 0; } b.large {font-size: 1.076em;} b.gray {color: #666;} b.tdu {text-decoration: underline;} .ref { margin-top: 50px; border-top: 1px solid #787878; padding-top: 10px; } .ref a { color: #165e9b; } .ref a:hover { text-decoration: underline; } .ref .tit_ref { color: #333; font-weight: bold; float: left; font-size: 1em; margin: 3px 0; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } .ref .cont_ref { overflow: hidden; margin: 0; padding-left: 10px; } .ref .cont_ref li { line-height: 1; margin: 3px 0; } .alert { color: #e97b00; } .alert a { color: inherit; text-decoration: underline; } .fl {float: left;} .fr {float: right;} .r_box { position: relative; } .clear:before, .clear:after { content: " "; display: table; } .clear:after {clear: both;} .clear {transform: scale(1);} /* button */ .wrap_btn { text-align: center; margin: 2em auto; } .wrap_btn .btn_big { margin-left: 5px; } .wrap_btn .btn_big:first-child { margin-left: 0; } .wrap_btn.sub_btn { margin: .5em 0; text-align: right; } .wrap_btn.wrap_toggle { margin-top: -37px; } .wrap_btn_small { text-align: left; margin: 10px 0; } .wrap_btn_small .btn { margin-left: 5px; } .wrap_btn_small .btn:first-child { margin-left: 0; } .btn { text-align: center; text-decoration: none!important; border-radius: 2px; position: relative; display: inline-block; padding: 3px 6px; white-space: inherit; box-sizing: content-box; border: 0; font-size: 13px; border: 1px solid transparent; line-height: 19px; } .btn_manCivil {margin-bottom: 0;} .btn_manCivil.ml15 {margin-left:15px;} .btn_manCivil.ta-c{text-align: center;} .btn_manCivil a{display: inline-block; margin-bottom: 5px; margin-left:0; } .btn_manCivil.wrap_btn_small .btn {margin-left:0; margin-right:5px;} .btn .ico { vertical-align: 0; } .btn .ico_small { vertical-align: middle; } .btn_small { padding: 3px 6px 3px; font-size: 13px; line-height: 1.6em; } .btn_big { font-size: 14px; font-weight: bold; padding: 8px 16px; min-width: 53px; border-radius: 5px; line-height: 15px; } .btn.btn_white { border: 1px solid #d0d0d0; background-color: #fff; color: #333; } .btn.btn_blue { background-color: #598cc8; color: #fff; } .btn.btn_red { background-color: #ca3c30; color: #fff; } .btn.btn_blue.GuideBtn { text-align:center; width:467px; } .btn.btn_blue.GuideBtn2 { text-align:center; width:467px; background-color:#003f8a; margin-left:15px; } .btn.btn_green { color: #fff; background-color: #6bb367; } .btn.btn_gray { color: #333; background-color: #ededed; } .btn.btn_gray2 { color: #333; background-color: #ededed; border:1px solid #d4d4d4; } .btn.btn_cyan { background-color: #53a4c5; color: #fff; } .btn.btn_lgray { background-color: #ededed; border: 1px solid #dadada; color: #333; } .btn.btn_dgray { background-color: #8f8f8f; color: #fff; border: 0; } .btn_white.btn_big { color: #333; font-weight: normal; } .btn_big .ico_left { margin-right: 13px; } .btn_big .ico_right { margin-left: 13px; } .btn_lgray.btn_big, .btn_cyan.btn_big, .btn_blue.btn_big { font-weight: normal; } .btn_toggle { width: 50px; font-weight: bold; } /* add btn style mypin page */ .wrap_btn.mypin .btn_big { margin-left: 5px; } .wrap_btn.mypin .btn { width: 209px; } /* panel */ .panel { padding: 20px; border: 1px solid #e6e6e6; border-radius: 5px; background-color: #fafafa; letter-spacing: -1px; margin: 20px 0 30px; position: relative; } .panel small { font-size: 0.923em; } .panel p { line-height: 1.6; } .panel dl { margin: 0; clear: both; float: none; } .panel dt { float: left; clear: left; } .panel dd { overflow: hidden; margin-left: 95px; } .panel dd .btn { margin-top: -2px; margin-left: 10px; } .panel dl.fixed dt, .panel dl.fixed dd { padding: 2px 0; line-height:1.60; } .panel dl.fixed dt { font-weight: bold; color: #333; width: 75px; padding-left: 12px; background: url(../images/ico/bu_li.gif) 0 center no-repeat; float: left; } .panel dl.fixed.dt_another dt { width: 90px; } .panel dl.fixed dd { margin-left:85px; } .panel dl.fixed.dt_another dd { margin-left:95px; } .panel dl.fixed dt:after { content: ':'; float: right; } .panel .tit { line-height: 28px; font-size: inherit; margin: 5px 0; color: #444; } .panel .tit_panel { background: url(../images/ico/bu_li.gif) 0 center no-repeat; padding-left: .7em; color: #333; font-size: 1em; margin: 0; margin-bottom: 1em; } .panel .list_form li { background: none; padding-left: 0; } .panel .list_form li label.tit { background: url(../images/ico/bu_black.gif) 0 center no-repeat; padding-left: .7em; line-height: inherit; font-weight: bold; color: #333; } .panel .alert { font-weight: bold; } .panel .first { margin-top: 0; } .panel .last { margin-bottom: 0; } .panel.panel_law { color: #333; margin: 1em 0; } .panel_law li { margin: .5em 0; } .panel_law .tit_panel { text-align: center; color: #165e9b; font-size: 1.153em; margin: 0; margin-bottom: 15px; background: none; } .panel.panel_white { border: 1px solid #d9d9d9; background-color: #fff; margin: 1em 0; width:100%; } .wrap_panel_card {margin: 20px -5px;} .panel.panel_card { width: 168px; float: left; margin: 10px 5px; min-height: 120px; } .panel_card .panel_header { color: #fff; font-weight: bold; font-size: 15px; margin: -21px; margin-bottom: 15px; padding: 9px 0 8px; text-align: center; border-radius: 5px 5px 0 0; } .panel_card .panel_header img {margin-right: 6px;} .ex_user {background-color: #7aba92;} .ex_sys {background-color: #53a4c5;} .ex_med {background-color: #53c5c2;} .ex_money {background-color: #5384c5;} .ex_edu {background-color: #726ece;} .ex_home {background-color: #cf7190;} .ex_com {background-color: #8c8c8c;} .ex_pub {background-color: #ef9734;} .panel.panel_row { font-weight: bold; color: #333; background-color: #fff; padding: 13px 11px; line-height: 23px; margin: 15px 0; letter-spacing: 0px; display:block; } .panel.panel_row .t_cont{ display:inline-block; padding-top:3px; } .panel.panel_row:after{display: block; content: ""; clear: both;} .panel.panel_row .btn { float: right; } .panel.panel_row .panel_header { margin: -16px 32px -16px -21px; background-color: #53a4c5; padding: 16px 21px; width: 300px; color: #fff; float: left; position: relative; top: 3px; border-radius: 5px 0 0 5px; letter-spacing: 0px; } .panel.panel_row .wd270 { width: 270px; } .panel.panel_row .panel_header:after { content: url(../images/bg/bg_panelrow.gif); position: absolute; right: -22px; top: 1px; } .panel.org label { width: 100px; display: inline-block; } .panel.org .list li { background-position: 0 center; } .panel.org input[type=text] { width: 460px; } .panel.req_type { text-align: center; } .panel.req_type label { color: #333; font-weight: bold; margin-left: 50px; } .panel.req_type label:first-child { margin-left: 0; } .panel.tecSupportInfo{ padding: 13px 11px; } .panel.tecSupportInfo .panel_header{ top:3px; } @media print { .no_print {display: none;} } /* 20150803 배원묵 */ .txt_main{ margin: 1em 0 2em; } .search_board02 { border: 1px solid #e6e6e6; border-radius: 5px; background-color: #fafafa; padding: 20px 30px; } .search_board02 select, .search_board02 input[type=text], .search_board02 .btn_search { border: 1px solid #d0d0d0; line-height: 25px; height: 27px; padding: 0; margin: 0; box-sizing: border-box; vertical-align: middle; } .search_board02 select{ width:160px; } .search_board02 .in_search{ width:250px; } .search_board02 .btn_search { border-color: #666; color: #fff; background-color: #666; width: 43px; } .btn_reset01{ color: #fff; background-color: #666666; padding: 5px 10px 4px; } .btn_reset01 img{ padding-right:4px } .search_board02 .btn_reset01{ position:absolute; top:20px; right:30px; } .input_txt_box01{ border: 1px solid #d0d0d0; line-height: 25px; height: 27px; width:250px; padding: 0; margin: 0; box-sizing: border-box; vertical-align: middle; } .spot_sub02 { margin-bottom:40px; } .spot_sub02 > div.desc, .spot_sub02 > div.spot_img02 { float:left; } .spot_img02{ } .spot_sub02 > .desc { width:520px; } .list_type01{ margin: .6em 0; } .list_type01 dt { font-weight: bold; color: #333; padding-left: .7em; background: url(../images/ico/bu_li.gif) 0 center no-repeat; } .list_type01 dd { margin:0 0 0 .7em; } .tbl01{ table-layout:fixed; width:100%; } .tbl01 th, .tbl01 td{ padding:3px 5px; } .tbl01 th{ font-weight:700; } .tbl01 th .th_tit{ position:relative; padding-left: .7em; background: url(../images/ico/bu_li.gif) 0 center no-repeat; } .tbl01 th .th_tit span{ position:absolute; top:0px; right:0px; } .btm_cont{ border-top:1px solid #787878; margin-top:50px; padding:10px 0; color:#777777; } .btm_cont a, .btm_cont b{ color:#777777; } .panel_law .tit_panel02 { color: #165e9b; font-size: 20px; margin: 0; margin-bottom: 15px; font-weight:700; line-height:20px; } .panel_flo .img_accredit { float:left; } .panel_flo .privacy_app01{ padding-top:10px; margin-left:160px; } .app_down_qrcode{ padding-top:15px } .app_down_qrcode li { width:72px; float:left; text-align:center; margin-right:20px } .app_down_qrcode li p{ font-weight:700; color:#333; margin-top:10px } .posr{ position:relative; } .list_num02 .btn_posa01{ position:absolute; right:0px; bottom:20px; } .list_num02 .last .btn_posa01{ bottom:10px; } .cont .list_num02 > li { margin:0; padding:20px 0 20px 30px; background-position: 0 20px } .cont .list_num02 > li{ border-top: 1px solid #e1e1e1; } .cont .list_num02 > li:first-child{ border-top: 0px; padding-top:0; background-position: 0 0 } .cont .list_num02 > li.last{ padding-bottom:10px; } .cont .list_num02 > li.line-num{ background-position: 0 20px; } .case_app{ background:url(../images/popup/privacy_app.png) no-repeat 0 30px; min-width:242px; min-height:284px; padding-left:270px } .app_down_qrcode02 li{ width:122px; float:left; margin-right:20px; text-align:center; } .app_down_qrcode02 li p { margin-top:10px; } .app_down_qrcode02 li p img { margin-right:4px } .relation_site { overflow:hidden; } .relation_site dt, .relation_site dd{ float:left; } .relation_site dt { width:80px; font-weight:700; } .relation_site dd { margin:0 0 0 10px; } .txt17{ font-size:17px; color:#444 } .txt22{ font-size:22px } .txt_black{ color:#666 !important } .pb10{ padding-bottom:10px; } .mar0{ margin:0px !important; } .m10{ margin:10px 0 !important; } .mt10{ margin-top:10px !important; } .mt20{ margin-top:20px !important } .mt30{ margin-top:30px !important } .mt50{ margin-top:50px !important } .mb0{ margin-bottom:0 !important } .mauto{ margin:0 auto } .ta_right{ text-align:right; } .ta_center{ text-align:center !important; } .ta_left{ text-align:left !important; } .va-t{ vertical-align:top; } .va-m{ vertical-align:middle; } .va-b{ vertical-align:bottom; } /* btn */ .btn_size100{ width:100px; } .btn_size210{ width:210px; } .btn.btn_org { color: #fff; background-color: #ef9734; } .right_btn { text-align: right; } .btn_12{ font-size:12px } .col333{ color:#333 !important } .list_accordion { border-top: 1px solid #c8c8c8; } .list_accordion dt, .list_accordion dd { padding: 15px 20px; border-bottom: 1px solid #e2e2e2; } .list_accordion dt { background-position: 20px center; background-repeat: no-repeat; padding-left: 60px; display: block; font-weight:700; } .list_accordion dt.num01 {background-image: url(../images/ico/bu_num1.gif);} .list_accordion dt.num02 {background-image: url(../images/ico/bu_num2.gif);} .list_accordion dt.num03 {background-image: url(../images/ico/bu_num3.gif);} .list_accordion dt.num04 {background-image: url(../images/ico/bu_num4.gif);} .list_accordion dt.num05 {background-image: url(../images/ico/bu_num5.gif);} .list_accordion dt.num06 {background-image: url(../images/ico/bu_num6.gif);} .list_accordion dt.num07 {background-image: url(../images/ico/bu_num7.gif);} .list_accordion dt.num08 {background-image: url(../images/ico/bu_num8.gif);} .list_accordion dt.num09 {background-image: url(../images/ico/bu_num9.gif);} .list_accordion dt.num10 {background-image: url(../images/ico/bu_num10.gif);} .list_accordion dt a { display: block; background: url(../images/bg/bg_arr_down.gif) right center no-repeat; color:#444444; padding-right: 20px; } .list_accordion dt a.on { background-image: url(../images/bg/bg_arr_up.gif); font-weight: bold; } .list_accordion dd { background-color: #fbfbfb; margin: 0; } .list_accordion dd .list_acd_tit{ display:block; /* font-size: 1.076em; */ font-size: 14px; margin-bottom: .6em; } .tb_pd0 th{ padding:0 15px } .tb_pd0 label{ margin:0 6px 0 0; } .tb_pd0 .label_mar{ padding:0 10px; } .tb_pd0 .label_mar label{ margin:0px; } .tb_row input.call02, .tb_row select.call02 { width: 35px; line-height: 26px; height: 26px; margin: 0 5px; padding: 0 5px; box-sizing: content-box; border: 1px solid #e2e2e2; } .tb_pd0 .wrap_in { margin:0 26px 0 6px; } .tb_pd0 label input[type=checkbox] { margin-right: 5px; } .width_max02{ width:75% !important; } .signature{ text-align:center; font-weight:bold; margin: 2em 0 1.1em !important; color:#333 } .panel .panel_dl_none{ margin:4px 0 10px; } .panel .panel_dl_none dt, .panel_dl_none dd{ float:none; clear:none; } .panel .panel_dl_none dd{ margin-left:8px } .panel .panel_dl_none.col777 dt, .panel .panel_dl_none.col777 dd{ color:#777 !important } .panel_law.col777 dt { margin: 2px 0 1px; } .chart_wrap{display:inline-block; transform: scale(1); width:100%; height:10px; position:relative; vertical-align:middle; background-color:#ddd} .chart_wrap .bar{display:inline-block; transform: scale(1); position:absolute; left:0; top:0; height:10px; background-color:#4374ac} /* 20151102 */ .all_detail_sch{ text-align:left; border-top:1px solid #d7d7d7; margin-top:30px; padding-top:20px } .all_detail_sch .list_form li { background: none; padding-left: 0; line-height:28px } .all_detail_sch .list_form li label.tit { background: url(../images/ico/bu_black.gif) 0 center no-repeat; padding-left: .7em; line-height: inherit; font-weight: bold; color: #333; } .us_result_lis li{ padding:3px 0; } .us_result_lis li a{ text-decoration:underline; color:#165e9b; } .us_more_btn{ text-align:right; } .us_more_btn a{ text-decoration:underline; color:#444 } .us_more_btn a img{margin-left:5px} .us_re_txt_lis{ margin:25px 0 0px 0; } .us_re_txt_lis .tit a{ font-weight:700; color:#444; font-size:1.076em; } .us_re_txt_lis .tit span{ padding-left:10px; } .us_re_txt_lis .link a{ color:#67a880 } .cont .list.us_re_lis_part{ overflow:hidden; margin:0; } .cont .list.us_re_lis_part > li{ float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:25%; } .us_part{ font-size:1.153em; font-weight:700; color:#444444; margin:2.5em 0 1em; } .us_part span{ font-weight:normal; color:#666666 } .unified_sch{transform: scale(1);} .unified_sch:after{display:block; content:""; clear:both} .cont_sch{ margin-right:20px } .search_word{ width:230px; margin-top:50px } .search_word .panel{padding:0;} .search_word .panel .sw_tit{font-weight:700; color:#444444; font-size:15px; font-size:15px; padding:12px 15px; margin:0; background-color:#fafafa; border-radius:5px 5px 0 0;} .sw_lis{padding:8px 15px;} .sw_lis ul{margin:0;} .sw_lis ul li{margin:0; padding:6px 0; height:16px; line-height:16px; } .sw_lis ul li .num{display:inline-block; transform: scale(1); border:1px solid #d6d6d6; border-radius:2px; margin-right:5px; min-width:16px; height:16px; line-height:18px; text-align:center; font-size:11px} .sw_lis ul li .ell{display:inline-block; transform: scale(1); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:80%; vertical-align:middle;} .sw_lis ul li .ell2{display:inline-block; transform: scale(1); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:70%; vertical-align:middle;} .sw_lis ul li .up{background:url(../images/ico/sch_word_up.gif) no-repeat 0 1px; padding-left:10px; color:#d6562f} .sw_lis ul li .down{background:url(../images/ico/sch_word_down.gif) no-repeat 0 1px; padding-left:9px; color:#165e9b;} .ui-datepicker th, .ui-datepicker td{border:1px solid #eeeeee} .ui-datepicker th:first-child, .ui-datepicker td:first-child{border-left:0px;} .ui-datepicker th:last-child, .ui-datepicker td:last-child{border-right:0px;} .ui-datepicker th, .ui-datepicker tbody tr:last-child td{border-bottom:0px;} .ui-datepicker th, .ui-datepicker tbody tr:first-child td{border-top:0px;} .ui-datepicker th{background-color:#a0a0a0; color:#fff; padding:0.5em .3em;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:0px; background-color:#fff} div#ui-datepicker-div{padding:0;} .ui-datepicker table{margin:0} .ui-widget-content{border:1px solid #a0a0a0; border-radius:2px} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color:#666} .ui-widget-header{border:0px; background-color:#fff; color:#444444} .ui-datepicker .ui-datepicker-header{padding:7px 0;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{border:0px; background-color:#fff;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:8px;} .ui-datepicker .ui-datepicker-next span{background:url(../images/btn/datepicker_next.png) no-repeat 0 0; width:22px; height:22px;} .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-next{right:8px;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display: block; position:static; left: 50%; margin-left: 0px; top: 50%; margin-top: 0px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:8px;} .ui-datepicker .ui-datepicker-prev span{background:url(../images/btn/datepicker_prev.png) no-repeat 0 0; width:22px; height:22px;} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-prev{left:8px;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-prev span{display: block; position:static; left: 50%; margin-left: 0px; top: 50%; margin-top: 0px;} .ui-datepicker .ui-datepicker-title .ui-datepicker-month{padding-left:10px} /*20151207_정민지*/ .cont .tit_main_login {font-size: 2.307em; font-weight: bold; color: #444; margin: 50px 0 1.17em; padding-top:20px;} .spot_sub .tit_main_login {margin: 10px 0; line-height: 1.3em;} .tb_board_view_login {border-bottom: 1px solid #fff;} .tb_board.tb_board_view th_login {border:0; border-bottom: 1px solid #fff; background-color: #fff;} .alert2 {color: #e97b00; font-weight:bold; font-size:13px; text-align:center;} .blue_login2 {width:200px; background-color: #598cc8; color: #fff;} .btn_big_login {font-size: 23px; font-weight: bold; padding: 35px 35px; min-width: 50px; border-radius: 5px; line-height: 15px; margin-left:15px;} .leeter0{ letter-spacing:0px !important;} .mLR20{margin-left:0px !important; margin-right:0px !important} .mT8{ float:left; margin-top:8px !important} .mT5{ float:left; margin-top:5px !important} /*20160715_유나희*/ .ls_01 {letter-spacing: -1px;} .pr {position:relative;} .pa {position:absolute;} .pa.l20 {left:20px;} .pa.l23 {left:23px;} .area {display:inline-block; vertical-align:middle; width:100%;} .pt10 {padding-top:10px;} .list_wrap {color:#666;} .text_cb {color:#333;} .panel.panel_row01 {color:#333; background-color:#fff; padding:5px 20px; line-height:23px; margin:15px 0;} .spot_sub03 .desc { margin: 10px 0; font-size: 1.076em; letter-spacing: -1px; overflow: hidden;} .spot_sub03 {margin-bottom:40px;} .spot_sub03:after{display: block; clear: both; content: ""; } .spot_sub03 > div.desc, .spot_sub03 > div.spot_img02 {float:left;} .spot_img02{} .spot_sub03 > .desc {margin-left:120px; float:none!important;} /* 20161025 add */ .edu_inf_con1{height:307px;background:url(../images/edu/inf/con1.jpg) no-repeat 50% 0} .edu_inf_con2{height:307px;background:url(../images/edu/inf/con2.jpg) no-repeat 50% 0} .edu_inf_con3{height:661px;background:url(../images/edu/inf/con3.jpg) no-repeat 50% 0} .edu_inf_con4{margin-top:40px !important;height:321px;background:url(../images/edu/inf/pop_con2.jpg) no-repeat 50% 0} .edu_inf_con5{margin-top:40px !important;height:55px;background:url(../images/edu/inf/pop_con3.jpg) no-repeat 50% 0} .edu_inf_con6{height:359px;background:url(../images/edu/inf/con4.jpg) no-repeat 50% 0} .hide_con>*{font-size:0;line-height:0;color:transparent} .tit_sub>em{display:block;font-size:13px;color:#777;font-style:normal;margin-top:.5em} .panel>ul.list.last{margin:1em 0} .cont .tab_list.tab_cnt4.ls_none li{letter-spacing:0} .tab_cont .tit_main:first-child{margin-top:1.6em} .panel.trans1{margin:0;padding:0 20px} .panel.trans1>ul>li{font-weight:bold;color:#444} .panel.panel_white.trans1 .list>li{padding-left:0;background:0;font-weight:bold} .new_llist>li{margin-top:40px;margin-left:12px;font-weight:bold;color:#444;text-indent:-12px} .new_llist>li>p{font-weight:normal;color:#777;margin-left:16px;text-indent:-14px} .tableView{table-layout:fixed;width:100%;margin-bottom:20px;border-top:#c8c8c8 1px solid} .tableView thead tr{border-bottom: 1px solid #e2e2e2;} .tableView thead th{text-align:center;background:#fff;color:#111;height:43px} .tableView tbody td{padding:12px 15px 10px;border-bottom:#e2e2e2 1px solid} .tableView tbody td:first-child{padding:12px 0 10px;text-align:center} .tableView .listView{display:none} .tableView .listView.on{display:table-row} .tableView tbody .list td>span{display:block;word-wrap:break-word;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;cursor:pointer} .tableView tbody .list.on td{font-weight:bold;color:#444} .tableView tbody .list.on td>span{white-space:normal} .tableView tbody .list.on td>span em { display:block; font-size:11px; font-style:normal;} .tableView tbody .listView td{padding:0;text-align:left} .tableView tbody .listView td>div{padding:30px 20px 50px;line-height:1.8} .tableView tbody .listView td .fileList{display:table;width:100%;margin:0;padding:0;border-top:#e2e2e2 1px solid;background:#fbfbfb} .tableView tbody .listView td .fileList dt,.tableView tbody .listView td .fileList dd{display:table-cell;vertical-align:middle;font-size:12px} .tableView tbody .listView td .fileList dt{width:70px;text-align:center;color:#444} .tableView tbody .listView td .fileList dd{padding:10px 20px 8px;background:#fff} .tableView tbody .listView td .fileList dd .ico{margin-top:-3px} .tableView tbody .listView td .fileList dd a{margin:0 4px;vertical-align:middle} .tableView tbody .listView td .fileList dd a:hover{font-weight:bold;color:#444;text-decoration:underline} #wrap_pop.trans1>*{font-family: 'Noto Sans', sans-serif;} #wrap_pop.trans1 .cont{margin:20px 0} #wrap_pop.trans1{position:relative;width:570px;margin:0 auto;padding:0 40px} #wrap_pop.trans1>.new_btn_close{position:absolute;top:20px;right:20px} #wrap_pop.trans1>strong{display:block;font-size:2.6em;padding:60px 0 15px;color:#444;border-bottom:#d7d7d7 2px solid} #wrap_pop.trans1 .spot_sub .tit_main{margin-top:25px !important} #wrap_pop.trans1 .cont strong{color:#444} #wrap_pop.trans1 .cont span{display:block;color:#777;font-size:13px;margin-top:1.2em} #wrap_pop.trans1 .cont .list_num>li{margin-top:50px} #wrap_pop.trans1 .cont .list_num .tit_num{font-size:1.2em} #wrap_pop.trans1 .cont .list_num>li>p{margin-left:-30px} #wrap_pop.trans1 .cont .list_num>li>.hide_con{margin:0 -40px 0 -70px} #wrap_pop.trans1 .cont .list>dt{padding-left:0;background:none;font-weight:normal;color:#777} #wrap_pop.trans1 .cont .list>dt b{font-weight:bold;color:#444} #wrap_pop.trans1 .cont .list>dd{padding-left:0;margin-left:0} #wrap_pop.trans1 .cont .list>dd>p{margin:0.6em 0 0} #wrap_pop.trans1 .cont .list>dd>p:first-child{margin-top:0} #wrap_pop.trans1 .cont .list>dd>p.warning>*{color:#e97b00} #wrap_pop.trans1 .panel{margin:20px 0 20px -30px} #wrap_pop.trans1 .wrap_btn{margin-top:30px} #wrap_pop.trans1 .wrap_btn .btn_big .ico{margin-left:6px} .cont .list-indent{margin-left:11px;text-indent:-11px} .cont span.list-indent{display:block} /*20170308 CSS추가*/ .bold{font-weight:bold;} .font_nm{font-weight:normal !important;} .mt100{margin-top:100px;} .btn_sm{padding:6px 18px 7px 18px;border:1px solid #b8b8b8;font-size:12px;font-weight:bold;line-height:1;} .btn_wlgray{background:#b8b8b8;color:#fff;} .ico_ess{padding-left:7px;background:url(../images/ico/ico_ess.gif) no-repeat left center;} .list_type02{margin:0;} .list_type02 li{padding-left:10px;background:url(/images/ico/ico_list_bl.gif) no-repeat left 7px;} .row_list li{display:inline-block;margin-right:15px;} .row_list li:last-child{margin-right:0;} .radio_list ul{margin-left:20px;} .tit_sub_right:after{content:"";clear:both;display:block;} .tit_sub_right .tit_sub{float:left;} .tit_sub_right div{float:right;margin-top:30px;} .tbunder_wrap:after{content:"";clear:both;display:block;} .tbunder_wrap{margin-top:-10px;} .tbunder_wrap p{float:left;font-size:12px;} .tbunder_wrap .tbunder_btn{float:right;} .cont .list_proc_chk.list_proc_chk50{width:100%;} .cont .list_proc_chk.list_proc_chk50 li{width:54%;height:50px;padding:0;text-align:center;background-position:right -22px;box-sizing:border-box;line-height:50px;} .cont .list_proc_chk.list_proc_chk50 li:last-child{width:56%;margin-left:-10%;padding-left:10%;background-position:left -22px;border-radius:0 5px 5px 0;} .cont .list_proc_chk.list_proc_chk50 li.on a {color:#fff;} .tb_board.tb_board_view2 th{text-align:left;padding:10px;background:#fbfbfb;font-size:12px;} .tb_board.tb_board_view2 td{text-align:left;padding:8px 14px;font-weight:700;color:#444;font-size:13px;letter-spacing:-0.8px;} .tb_board.tb_board_view2 td.rowhead2 {text-align:center;border-right:1px solid #e2e2e2;} .tb_board.tb_board_view2 input,.tb_board.tb_board_view2 textarea{font-weight:normal;color:#666} .tb_board.tb_board_view2.tb_board_view2_sm td{padding:8px 10px;} .tb_board.tb_board_view2 tr.dis_tr {background:#fff;} .tb_board.tb_board_view2 tr.dis_tr th {color:#d0d0d0;} .tb_board.tb_board_view2 tr.dis_tr td {color:#d0d0d0;} .tb_board.tb_board_view2 input[type=text]{width:120px;height:25px;border:1px solid #d0d0d0;} .tb_board.tb_board_view2 input.inp97p{width:97%;} .tb_board.tb_board_view2 input.inpsm {width:82px;margin-right:10px;} .tb_board.tb_board_view2 select{width:180px; height:25px;border:1px solid #d0d0d0;} .tb_board.tb_board_view2 textarea{width:92%;height:55px;padding:5px;margin:5px 10px 0 0;border:1px solid #d0d0d0;color:#666;box-sizing:border-box;} .tb_board.tb_board_view2 textarea+input[type=checkbox] {margin-top:-45px;} .tb_board.tb_board_view3 tr.dis_tr {background:#fff;} .tb_board.tb_board_view3 tr.dis_tr th {color:#d0d0d0;} .tb_board.tb_board_view3 tr.dis_tr td {color:#d0d0d0;} .tb_board.tb_board_view3 th{background:#fbfbfb;border:0;font-size:12px;line-height:1.1;} .tb_board.tb_board_view3 td{padding:8px 10px;border-right:1px solid #e2e2e2;font-size:12px;color:#777;font-weight:bold;letter-spacing:-0.8px;} .tb_board.tb_board_view3 .bdn{border-right:0;} .tb_board.tb_board_view3 .bdb{border-bottom:1px solid #e2e2e2;} .tb_board.tb_board_view3 .txt_left{text-align:left;} .tb_board.tb_board_view3 .sum_num{padding:18px 5px;} .tb_sum{width:38%;} .tb_sum table td{text-align:center;} .btn_ex{position:relative;width:100%;} .btn_ex dd{display:none;position:absolute;top:32px;right:-10px;width:203px;text-align:left;z-index:50;background:url(/images/bg/bg_ex_txt.gif) no-repeat 170px top;} .btn_ex dd p{background-color:#5a8cc9;width:100%;padding:18px 20px;min-height:114px;border-radius:4px;margin-top:9px;box-sizing:border-box;color:#fff;} .btn_ex img{cursor:pointer;} .btn_ex dd > img{display:block;text-align:right;padding:10px;} /*20170323 CSS추가*/ .list.list_nm dt{background:none;padding-left:0;margin-bottom:0;font-weight:bold;color:#777;} .list.list_nm dd{margin:0;color:#777;} .cont .list_step.list_step50 li{width:48%;} /*팝업수정*/ .btn_ex1{position:relative;width:100%;} .btn_ex1 dt > img {cursor:pointer;} .btn_ex1 dd{display:none;position:fixed;top:80px;left:50%; margin-left:-310px; width:620px;height:520px;text-align:left;z-index:50;background:#fff; } .btn_ex1 .lpop_wrap .tit_pop {font-size:30px; height:60px; line-height:61px; background:#598cc8; color:#fff; margin:0; padding-left:20px;} .btn_ex1 .lpop_wrap .cont {border:1px solid #ccc; border-top:0; margin:0; padding:10px 15px; overflow-y:auto; height:540px; font-size:13px; background:#fff;} .btn_ex1 .lpop_wrap .cont p {margin-top:14px;} .btn_ex1 .lpop_wrap .pop_img img {display:block; max-width:100%; display:block;} .btn_ex1 .lpop_wrap .panel {margin-top:5px; padding:10px 20px;} .btn_ex1 .lpop_wrap .panel .list {margin:0;} .list_type1 ul li{color: #1f2224; font-size: 14px; margin-bottom: 5px; line-height: 1.5; overflow:hidden;} .list_type1 ul li span{float:left; display: block;} .list_type1 ul li p{margin:0 0 0 20px; line-height: 1.5; } .panelList_type1 ul li:after{display:block; content:""; clear:both;} .panelList_type1 ul li span{display:block; float:left; line-height:1.5; padding:0;} .panelList_type1 ul li p{margin:0 0 0 15px; color: #333; line-height:1.5; padding:0;} .panelList_type1 ul li .panelList_type1_inner{padding:20px;} .panelList_type2 ul li:after{display:block; content:""; clear:both;} .panelList_type2 ul li span{display:block; float:left; line-height:1.5; padding:0;} .panelList_type2 ul li p{margin:0 0 0 10px; color: #777; line-height:1.5; padding:0;} /* SNB (path)*/ #breadcrumb{display:none; background-color: #1f6ed4; padding:0 15px; margin-bottom: 20px;} #breadcrumb .select_snb{display: none;} #breadcrumb .lst_snb{ margin:0 auto;} #breadcrumb .lst_snb > ul:after{clear: both;display: block;content: "";} #breadcrumb .lst_snb > ul > li{float: left; font-size: 12px; cursor: pointer; position: relative; margin-left:5px; } #breadcrumb .lst_snb > ul > li.home{} #breadcrumb .lst_snb > ul > li.home a{display: block; font-size: 12px; color:#fff; padding:20px 0; font-family: 'Malgun Gothic'; } #breadcrumb .lst_snb > ul > li.selected_menu{font-size: 12px; } #breadcrumb .lst_snb > ul > li.selected_menu span{display: block; color: #fff; padding:20px 0 20px 10px; font-family: 'Malgun Gothic'; position: relative; letter-spacing: -1px;} #breadcrumb .lst_snb > ul > li.selected_menu span:after{position:absolute; left:0; top:21px; width:10px; height:10px; content: ">"; color:#fff; } #breadcrumb .lst_snb > ul > li.selected_menu.on span{color: #fff; } #breadcrumb .lst_snb > ul > li .d_menu{display: none; position: absolute; top: 45px; left: 0px; width: 150px; border: 1px solid #ddd;border-top: 0; z-index: 2;} #breadcrumb .lst_snb > ul > li .d_menu > ul > li{ font-size: 11px; line-height: 1.5em; padding: 10px;border-top: 1px solid #ddd;background-color: #fff;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #breadcrumb .lst_snb > ul > li .d_menu > ul > li:first-child{border-top: 0;} #breadcrumb .lst_snb > ul > li .d_menu > ul > li a{color: #666; display: block; font-family: 'Malgun Gothic'; } #breadcrumb .lst_snb > ul > li .d_menu > ul > li:hover a,#snbPath .lst_snb > ul > li .d_menu > ul > li a:focus{color: #ef7706;} .sub_menus_area{display:none; padding: 0 10px; margin-bottom: 20px;} .sub_menus_area ul{margin-left:-1%;} .sub_menus_area ul:after{display: block; clear: both; content: "";} .sub_menus_area ul li{float:left; width:49%; margin-left:1%; margin-bottom: 1%;} .sub_menus_area ul li a{display: block; border:1px solid #d9dce2; font-size: 13px; padding:10px 5px; color: #333; letter-spacing:-1px; } .sub_menus_area ul li.on a{border:1px solid #1f6ed4; background:url(/images/common/ico_tab_on.png) no-repeat 95% center; -webkit-background-size: 10px 10px; background-size: 10px 10px; padding-right:15px;} .list_indent ul {margin-left:16px;} .list_indent ul li{text-indent:-16px; line-height: 1.6;} .list_indent ul li ul li{color:#666; text-indent:-20px;} .report_num{font-size: 1.307em !important; color:#333;} .red_caution{display: block; color:red; text-indent:-53px; margin-left:53px;} .red_caution.fz20{font-size:17px; margin-top:15px; font-weight:600; text-indent:-62px; margin-left:62px;} ul.site_link:after{display: block; clear: both; content: "";} ul.site_link li{float:left; margin-right:5px; margin-bottom: 5px;} .bx_blueArrow{border: 1px solid #e6e6e6; border-radius: 5px; position: relative; overflow:hidden; padding-right:95px;} .bx_blueArrow .bg_arrow{background-color: #53a4c5; float:left; width:290px;} .bx_blueArrow .bg_arrow:after{content: ""; background:url(../images/bg/bg_panelrow.gif)no-repeat left center; position: absolute; width: 32px; height: 53px; left: 290px; top: 50%; margin-top: -27px;} .bx_blueArrow .bg_arrow p{margin:0; color: #fff; padding:15px;} .bx_blueArrow .bg_white{margin-left:290px;} .bx_blueArrow .bg_white p{margin:0; padding:15px; font-weight: bold; color: #333;} .bx_blueArrow .btn{position: absolute; right: 10px; top: 50%; margin-top: -14px;} .bx_blueArrow.two_txt .bg_arrow{width:270px;} .bx_blueArrow.two_txt .bg_arrow:after{left: 270px;} .bx_blueArrow.two_txt .bg_white{margin-left:290px;} .list_dl dl dt{display: block; font-weight: 700; float: none; font-size: 14px; margin-bottom: 10px;} .list_dl dl dd{font-size: 14px; margin-left: 0; font-size: 14px;} .tb_board input[type="text"].w160, .tb_board select.w160{width:160px;} .tb_board input[type="text"].w140, .tb_board select.w140{width:140px;} .tb_board input[type="text"].email_input, .tb_board select.email_input{width:160px;} .tb_board textarea.long {width: 100%;} .tb_board .phone_input {float:left; margin-left:10px; position: relative;} .tb_board .phone_input:after {position:absolute; left:-6px; top:50%; width:3px; height:1px; background-color:#444; content:""; } .tb_board .phone_input:first-child{margin-left:0;} .tb_board .phone_input:first-child:after {display: none;} .tb_board .phone_input input[type="text"], .tb_board .phone_input select{ width:45px; margin-right: 0; } .tb_board .business {float:left; padding-left:10px; position: relative; width:33.333%;} .tb_board .business:after {position:absolute; left:4px; top:50%; width:3px; height:1px; background-color:#444; content:""; } .tb_board .business:first-child{margin-left:-10px;} .tb_board .business:first-child:after {display: none;} .tb_board .business input[type="text"], .tb_board .phone_input select{ width:100%; margin-right: 0; } .indent_list1{margin-bottom: 5px;} .indent_list1 ul{margin: 0; padding: 0;} .indent_list1 ul li{font-size: 14px; position: relative; padding-left:10px; line-height: 1.4; margin-top: 7px; margin-bottom: 0;} .indent_list1 ul li:after {position:absolute; left:0; top:7px; width:5px; height:1px; background-color:#777; content:""; } .indent_list1 ul li:first-child{margin-top: 0;} .indent_list2{} .indent_list2.mt10 {margin-top:10px} .indent_list2.mt20 {margin-top:20px} .indent_list2.mb5 {margin-bottom:5px} .indent_list2.mb10 {margin-bottom:10px} .indent_list2.mb20 {margin-bottom:20px} .indent_list2 ul{margin: 0; padding: 0;} .indent_list2 ul li{font-size: 14px; margin-top: 10px; margin-bottom: 0;} .indent_list2 ul li:after {display: block; content: ""; clear: both; } .indent_list2 ul li span{float:left; display: block; line-height: 1.6;} .indent_list2 ul li p{float:none; margin-left:18px; line-height: 1.6; padding: 0; margin-bottom: 0 !important;; margin-top: 0;} .indent_list2 ul li p strong.info{margin-bottom:0; font-size:14px; font-weight: bold; text-decoration:none; color: #5e7cc9;} .indent_list2 ul li:first-child{margin-top: 0;} .indent_list2 ul li .indent_list2{padding-left:18px; margin-top:5px;} .indent_list2 ul li .indent_list2 ul li span, .indent_list2 ul li .indent_list2 ul li p{font-size:13px; color:#fe0f0f;} .indent_list2.blue ul li span, .indent_list2.blue ul li p{color: #5e7cc9} .indent_list2.mt5 ul li{margin-top: 5px;} .table_list1{margin-bottom: 5px;} .table_list1 ul{margin: 0; padding: 0;} .table_list1 ul li{font-size: 14px; position: relative; padding-left:10px; line-height: 1.4; margin-top: 0; margin-bottom: 0;} .table_list1 ul li:after {position:absolute; left:0; top:7px; width:5px; height:1px; background-color:#777; content:""; } .table_list1 ul li:first-child{margin-top: 0;} .table_list2{} .table_list2 ul{margin: 0; padding: 0;} .table_list2 ul li{font-size: 14px; margin-top: 5px; margin-bottom: 0;} .table_list2 ul li:after {display: block; content: ""; clear: both; } .table_list2 ul li span{float:left; display: block; line-height: 1.4;} .table_list2 ul li p{float:none; margin-left:18px; line-height: 1.4; padding: 0; margin-bottom: 0 !important;; margin-top: 0;} .table_list2 ul li:first-child{margin-top: 0;} .indent_list3 .bx_indent{position: relative; padding-left:10px;} .indent_list3 .bx_indent:after {position:absolute; left:0; top:10px; width:5px; height:1px; background-color:#777; content:""; } #evalInfo .spot_sub {background: url(../images/bg/bg_spot_c102.png) center center no-repeat #1888b6; max-width: 650px; height: 208px; border-radius:5px;} #evalInfo .spot_sub .tit_main {margin: 70px 0 0 360px; color: #fff; font-size: 28px;} #evalInfo .spot_sub .tit_main span{color: #ffe575;} #evalInfo .spot_sub .desc {margin-top: 20px; margin-left: 360px; color: #cceef8;} #evalInfo .panel a {text-decoration: underline; font-weight: bold;} #evalInfo .wrap_btn.chk_btn {text-align: left;} #evalInfo .wrap_btn.chk_btn .btn {margin: 5px 3px 5px 0; width: 145px; text-align: left;} #evalInfo .wrap_btn.chk_btn .btn .ico {position: absolute; right: 12px; top: 14px;} .bg_pernalInfo{height: 542px; background: url(../images/sub/info_c68.gif) no-repeat center top;} .bg_pernalInfo > *{font-size: 0; line-height: 0; color: transparent;} .bg_manHarm{height: 398px; background: url(../images/sub/info_c66.gif) no-repeat center top;} .bg_manHarm > *{font-size: 0; line-height: 0; color: transparent;} .bg_DclInvPttRegist{height: 492px; background: url(../images/sub/info_d76.gif) no-repeat center top;} .bg_DclInvPttRegist > *{font-size: 0; line-height: 0; color: transparent;} .bg_DclGrpPttRegist{height: 728px; background: url(../images/sub/info_d77.gif) no-repeat center top;} .bg_DclGrpPttRegist > *{font-size: 0 !important; line-height: 0 !important; color: transparent !important;} #perInfStep01 .spot_sub {background: url(/images/bg/bg_spot_c95.png) center center no-repeat #1982a3; max-width: 650px; height: 307px; border-radius:5px;} #perInfStep01 .spot_sub .tit_main {margin: 100px 0 0 360px; color: #fff; font-size: 28px;} #perInfStep01 .spot_sub .tit_main span{color: #ffe575;} #perInfStep01 .spot_sub .desc {margin-top: 20px; margin-left: 360px; color: #cceef8;} #perInfStep01 .perInfSearch {text-align: center; position: relative; padding: 20px; border: 1px solid #e6e6e6; border-radius: 5px; background-color: #fafafa; letter-spacing: -1px; margin: 20px 0 30px; position: relative;} #perInfStep01 .perInfSearch fieldset{margin: 0; padding: 0;} #perInfStep01 .perInfSearch fieldset form{position: relative; padding:0 80px 0 80px;} #perInfStep01 .perInfSearch fieldset form label {color: #333; font-weight: bold; margin-right: 10px; position: absolute; left: 0; top: 0; line-height: 26px;} #perInfStep01 .perInfSearch fieldset form #handleName { width: 100%; margin-right: 0;} #perInfStep01 .perInfSearch fieldset form a{position: absolute;right: 0;top: 0;} #perInfStep01 strong {text-decoration: underline;} ul.input_list{text-align: center; } ul.input_list li{display:inline-block; font-size: 13px;} .bx_date{display:inline-block; } fieldset.manSearchList{padding: 0; margin: 0 0 30px 0;} fieldset.manSearchList form > input{display: none;} fieldset.manSearchList form .manSearchList_cont{text-align: center;} fieldset.manSearchList form .manSearchList_cont:after{display: block; clear: both; content: "";} fieldset.manSearchList form .manSearchList_cont div{display:inline-block; margin: 0 5px;} fieldset.manSearchList form .manSearchList_cont div label{display:inline-block; margin:0;} fieldset.manSearchList form .manSearchList_cont div span{} fieldset.manSearchList form .manSearchList_cont div input[type="text"]{margin-left:5px; width:145px;} fieldset.manSearchList form .man_txt{text-align: center; margin-top: 15px;} fieldset.manSearchList form .man_txt p{margin: 0;} fieldset.manSearchList2{padding: 0; margin: 0 0 30px 0;} fieldset.manSearchList2 form > input{display: none;} fieldset.manSearchList2 form .manSearchList_cont{text-align: center;} fieldset.manSearchList2 form .manSearchList_cont:after{display: block; clear: both; content: "";} fieldset.manSearchList2 form .manSearchList_cont div{display:inline-block; margin: 0 5px;} fieldset.manSearchList2 form .manSearchList_cont div label{display:inline-block; margin:0;} fieldset.manSearchList2 form .manSearchList_cont div span{} fieldset.manSearchList2 form .manSearchList_cont div input[type="text"]{margin-left:5px; width:145px;} fieldset.wcpPipSearch{padding: 0; margin: 0 0 30px 0;} fieldset.wcpPipSearch .panel{margin: 0 } fieldset.wcpPipSearch .panel ul li{clear: both; margin-bottom: 10px;} fieldset.wcpPipSearch .panel ul li.p2{float:left; clear:none; } fieldset.wcpPipSearch .panel ul li.p3{float:left; margin-left:20px; clear:none;} fieldset.wcpPipSearch .panel ul li label.tit{float:left;} fieldset.wcpPipSearch .panel ul li .wcpPip_inner{margin-left:75px; vertical-align: top;} fieldset.wcpPipSearch .panel ul li .wcpPip_inner label{display:inline-block; margin: 5px 15px 5px 0;} .hide{} .popSearch {text-align:center;} .popSearch label{margin-right:10px !important; margin-bottom:0 !important; display:inline-block; } .step_list > ul {margin-left:-2%; overflow:hidden;} .step_list > ul:after{display: block; content: ""; clear: both;} .step_list > ul > li{float:left; border:1px solid #d8d8d8; background-color: #fbfcfd; width:10%; text-align: center; color: #333; font-size: 14px; height:90px; margin-left:2%; position:relative; margin-top: 0; margin-bottom: 0; line-height: 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .step_list > ul > li:after {position:absolute; left:-11px; top:50%; width:8px; height:9px; margin-top:-4px; background: url(../images/ico/ico_step_arrow.png) no-repeat center center; content:""; } .step_list > ul > li:first-child:after{display: none;} .step_list > ul > li.another_step {width:50%; line-height: 1;} .step_list > ul > li span{background-color: #d8d8d8; display: inline-block; width: 100%; color: #333; line-height: 1; padding:8px 0;} .step_list > ul > li ul{margin: 0; overflow:hidden;} .step_list > ul > li ul li{height:100%; float:left; width:20%; border-left:1px solid #d8d8d8; margin-top: 0; margin-bottom: 0; padding:10px 0; font-size: 13px;} .step_list > ul > li.on{border:1px solid #5aa2c4;} .step_list > ul > li.on span{background-color: #3d759c; color: #fff; } .step_list > ul > li ul li.on{color:#5aa2c4; } .step_list > ul > li.on ul li{border-left:1px solid #5aa2c4;} .step_list > ul > li ul li:first-child{border-left:none;} .step_list2{ margin-left: -2%; margin-bottom: 30px; overflow: hidden;} .step_list2 > ul {width: 100%;} .step_list2 > ul > li {float:left; width:31.3333%; position:relative; margin-top: 0; margin-bottom: 0; margin-left:2%; } .step_list2 > ul > li:after {position:absolute; left:-11px; top:50%; width:8px; height:9px; margin-top:-4px; background: url(../images/ico/ico_step_arrow.png) no-repeat center center; content:""; } .step_list2 > ul > li span{} .step_list2 > ul > li:first-child:after{display: none;} .step_list2 > ul > li a{display:block; border:1px solid #d8d8d8; background-color: #fbfcfd; text-align: center; color: #333; font-size: 14px; height: 90px; padding:35px 10px;} .step_list2 > ul > li.on a{border:1px solid #5aa2c4;} .step_list3{ margin-left: -2%; margin-bottom: 30px; overflow:hidden;} .step_list3 > ul {width: 100%;} .step_list3 > ul > li {display:table; border:1px solid #d8d8d8; background-color: #fbfcfd; width:18%; text-align: center; color: #333; font-size: 14px; height: 90px; margin-left:2%; position:relative; margin-top: 0; margin-bottom: 0; cursor: pointer; float:left;} .step_list3 > ul > li a{display:table-cell; vertical-align:middle; } .step_list3 > ul > li a:after {position:absolute; left:-11px; top:50%; width:8px; height:9px; margin-top:-4px; background: url(../images/ico/ico_step_arrow.png) no-repeat center center; content:""; } .step_list3 > ul > li:first-child a:after {display: none;} .step_list3 > ul > li.on {border:1px solid #5aa2c4;} .tab_grayBtn{ margin-left: -2%; margin-bottom: 30px; overflow: hidden;} .tab_grayBtn a{float:left; display:block; position:relative; border:1px solid #d8d8d8; background-color: #fbfcfd; text-align: center; color: #333; font-size: 14px; height: 90px; padding:35px 10px; width:31.3333%; margin-left:2%; margin-top: 0; margin-bottom: 0; } .tab_grayBtn a:after {position:absolute; left:-11px; top:50%; width:8px; height:9px; margin-top:-4px; background: url(../images/ico/ico_step_arrow.png) no-repeat center center; content:""; } .tab_grayBtn a.proc1:after{display: none;} .tab_grayBtn a.on{border:1px solid #5aa2c4;} .tab_grayBtn2{ margin-left: -2%; margin-bottom: 30px; overflow: hidden;} .tab_grayBtn2 div{display:table; border:1px solid #d8d8d8; background-color: #fbfcfd; width:18%; text-align: center; color: #333; font-size: 14px; height: 90px; margin-left:2%; position:relative; margin-top: 0; margin-bottom: 0; cursor: pointer; float:left;} .tab_grayBtn2 div a{display:table-cell; vertical-align:middle;} .tab_grayBtn2 div a:after {position:absolute; left:-11px; top:50%; width:8px; height:9px; margin-top:-4px; background: url(../images/ico/ico_step_arrow.png) no-repeat center center; content:""; } .tab_grayBtn2 div:first-child a:after {display: none;} .tab_grayBtn2 div a.on{border:1px solid #5aa2c4;} .law_cont .law_list ul li span{display: block; float:left; font-weight: 600; color: #333;} .law_cont .law_list ul li em{display: block; margin-left:15px; font-style: normal;font-weight: 600; color: #333;} .law_cont .law_list ul li p{margin-left:15px;} .law_cont > .law_agreement {margin-top: 15px;} .law_cont > .law_agreement:after{display: block; content: ""; clear: both;} .law_cont > .law_agreement p{float:left; padding: 0; margin: 0;} .law_cont > .law_agreement .inner_agreement{float:left; margin-left:15px;} .law_cont > .law_agreement .inner_agreement label{margin-left: 10px;} .chk_list2 label{margin-bottom: 10px;} .chk_list2 label input[type="radio"]{float:left; } .chk_list2 label > p{margin: 0; margin-left:17px; line-height: 1.2;} .chk_list2 label > p span{display: block; margin-top: 5px; font-weight: 600; color:#333;} .chk_list2 label > p span a{color:#4374ac} .chk_list2 label > p span.ex{font-weight: normal; color:#777;} .bx_pop_img img{max-width:100%;} .selfDiagnosis_flash {margin-left:-3%;} .selfDiagnosis_flash > div{float:left; width: 47%; margin-left:3%;} .selfDiagnosis_flash > div object{width: 100%;} .selfDiagnosis_txt strong{font-size: 16px;} .img_EduPop{float:left; display: block; width:200px; height: 0px; padding-bottom: 200px; overflow: hidden; position: relative; border: 1px solid #ddd;} .img_EduPop img {max-height: 100%; max-width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;} .eduTable{ margin-left:220px;} .lec_list ul{overflow: hidden; display:table; width: 100%; margin: 0;} .lec_list ul li{display:table-cell; width:50%; padding:5px 10px; vertical-align: top;} .lec_list ul li span{float:left; font-weight: 600; width:60px; -ms-text-align-last: justify; -moz-text-align-last: justify; text-align-last: justify; text-align: justify; color: #333;} .lec_list ul li p{margin:0 0 0 65px; padding: 0;} .lecturePopup{padding:20px;} .lecturePopup .lecturePopup_list ul li{margin-bottom: 10px; background: url(../images/ico/bu_snb-sub_on.gif) 0 7px no-repeat; padding-left:10px;} .lecturePopup .lecturePopup_list ul li span{float:left; font-weight: 600; width:60px; -ms-text-align-last: justify; -moz-text-align-last: justify; text-align-last: justify; text-align: justify; color: #444; font-size: 16px; line-height: 1.3;} .lecturePopup .lecturePopup_list ul li p{margin:0 0 0 65px; padding: 0; font-size: 16px; line-height: 1.3; color: #444;} .lecturePopup .bx_lecturePopup{border-radius:5px 5px 0 0; background-color: #f7f7f7; overflow: hidden; margin-top: 40px;} .lecturePopup .bx_lecturePopup h1{text-align: center; font-weight: 600; font-size: 28px; color: #fff; line-height: 1.3; padding: 0; margin: 0; padding:12px 5px; background-color: #2f3a4e; } .lecturePopup .bx_lecturePopup h1 span{display: inline-block; background: url(../images/popup/ico_lecture_title.gif) 0 center no-repeat; padding-left:60px;} .lecturePopup .bx_lecturePopup .lecture_cont{padding:40px 30px; position: relative;} .lecturePopup .bx_lecturePopup .lecture_cont .lectureTxt {float:left ; margin-top: 30px; width: 500px;} .lecturePopup .bx_lecturePopup .lecture_cont .lectureTxt .lectureCheck {} .lecturePopup .bx_lecturePopup .lecture_cont .lectureTxt .lectureCheck ul li{font-size: 16px; font-weight: 600; color: #333; background: url(../images/popup/ico_lecture_check.gif) 0 0 no-repeat; padding-left:25px; border-bottom:1px solid #e1e1e1; margin-bottom: 30px; padding-bottom: 15px;} .lecturePopup .bx_lecturePopup .lecture_cont .lectureTxt .lectureInfo{margin-left:25px;} .lecturePopup .bx_lecturePopup .lecture_cont .lectureTxt .lectureInfo span{font-size:16px; font-weight: 600; color: #333; line-height: 1.3;} .lecturePopup .bx_lecturePopup .lecture_cont .lectureTxt .lectureInfo p{display: inline-block; font-size: 16px; color:#666666; line-height: 1.3;} .lecturePopup .bx_lecturePopup .lecture_cont .lectureInfo_img{float:right;} .lecturePopup .bx_lecturePopup .lecture_cont .lectureBtn{clear: both; margin-top: 30px; text-align: center;} .lecturePopup .bx_lecturePopup .lecture_cont .lectureBtn a{display: inline-block; background-color: #0c519e; color: #fff; font-weight: 600; font-size: 20px; min-width:150px; line-height: 2; border-radius:5px; } .lectureHeader{width: 100%; background-color: #c0e7ff; text-align: center; padding:15px; position: relative;} .lectureHeader p{line-height: 1.3; margin: 0; font-size: 14px; color: #333; margin-top: 5px; } .lectureHeader p:first-child{margin-top: 0;} .lectureHeader a{position: absolute; right: 10px; top: 20px;} .myclass_list ul{overflow: hidden; display:table; width: 100%; margin: 0;} .myclass_list ul li{display:table-cell; width:50%; padding:5px 10px; } .assign_list{} .assign_list li{font-size: 12px; margin-bottom: 15px;} .assign_list li em{font-style: normal; font-weight: 600; color: #333; display:block; margin-bottom: 5px;} .assign_list li p em{display:inline;} .assign_list li p{padding: 0; margin: 0; padding-left: 10px; position: relative;} .assign_list li p:after {position:absolute; left:0; top:7px; width:5px; height:1px; background-color:#777; content:""; } .assign_list li.red{color:#fe0f0f; font-weight:600; } .org_txt{color: #e97b00;} .pop_block{display:inline-block; margin-top: 5px;} .wcpStep_list ul li {position: relative; padding-left:120px; margin-top:10px;} .wcpStep_list ul li label{display:inline-block; position:absolute; left:0; top:5px; background: url(../images/ico/bu_li.gif) 0 5px no-repeat; padding-left:10px; float: none; line-height: 1; font-size: 14px; width:auto !important; margin: 0 !important; } .wcpStep_list ul li input[type=text]{width:100% !important;} .req_type2 {text-align: center; } .req_type2 label{display:inline-block; margin:10px; font-weight: 600; color: #333;} .address_inp1{position: relative; padding-right:100px;} .address_inp1 a{position: absolute; right: 0; top: 0;} .address_inp1 input{width:100% !important;} .address_inp2{width:100% !important;;} .formStep_list ul li{display:inline-block;} .label_m0 label{margin: 0;} /* 에러 layout */ .error_cont{width:335px; margin: 0 auto; padding-top:350px;} .error_cont .inner{margin-bottom:35px;} .error_cont .inner:after{display:block; clear:both; content:"";} .error_cont .inner .error_img{float:left;} .error_cont .inner p{margin-left:80px; font-size:16px; color:#1f2224; padding-top:10px;} .error_cont .inner p span{font-size:18px; display:block;} .error_cont a{margin-left:15px; display:inline-block; background-color:#3d464d; font-size:14px; color:#fff; width:305px; padding:10px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #error_area {text-align:center;} #error_area h3{text-align:left;} #error_area p{margin:15px 0 30px 0;} .rule_link{color:#1f6ed4; text-decoration:underline; background: url(../images/ico/ico_link.gif) right 3px no-repeat; display:inline-block; padding-right:20px;} .pl-10{padding-left:15px; display:block;} .rlue-search{padding-left:15px; margin-bottom:15px;} .t_red{color: red} .t_blue{color: blue} .t_blue2{color: #0000ff !important; font-weight: bold !important; font-size:15px !important;} .t_blue2:after{top: 10px !important;} .t_blue3{color: #0000ff !important; font-weight: bold !important; font-size:17px !important;} .t_blue3:after{top: 13px !important;} #popupBox{border-top:6px solid #0367c5; position:relative; height:630px;} #popupBox .popupBox_inner{padding:35px 20px 10px 20px;} #popupBox .popupBox_inner strong{display:block; line-height:1.5; text-align:center; color:#3a3b3c; font-size:35px; padding-bottom:150px; background: url(../images/popup/img_eduinfopop.png) center bottom no-repeat; margin-bottom:22px;} #popupBox .popupBox_inner .edu-popCont{background-color:#f2f2f2; border-radius:10px; padding:30px 25px;;} #popupBox .popupBox_inner .edu-popCont ul li{color:#333333; font-size:18px; line-height:1.3; margin-top:15px; padding-left:10px; position:relative; } #popupBox .popupBox_inner .edu-popCont ul li:first-child{margin-top:0;} #popupBox .popupBox_inner .edu-popCont ul li:after {position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:2px; background-color:#333333; content:""; } #popupBox .popupBox_inner .edu-popCont ul li span{color:#0859a5; font-weight:600;} #popupBox .popupBox_inner .edu-popCont ul li span a{color:#0859a5; font-weight:600;} #popupBox .popupBox_inner .edu-popCont ul li b{color:#c90606; font-weight:600;} #popupBox .popupBox_inner p {margin-left:20px; margin-top:20px; margin-bottom:30px;} #popupBox .popupBox_inner p a{color:#c90606; font-size:14px; font-weight:600; border-bottom:1px solid #c90606;} #popupBox .popupBox_inner .popupBox-btn{text-align:center;} #popupBox .popupBox_inner .popupBox-btn a{display: inline-block; font-size: 20px; color: #fff; padding: 14px 25px 17px 25px; background-color: #0367c5; border-radius: 45px; line-height: 1.3; letter-spacing: -1px; font-weight: 600;} #popupBox .end-line{position:absolute; left:0; bottom:0; background-color:#f4f4f4; width:100%; padding:5px 10px; overflow:hidden;} #popupBox .end-line span{color:#424242; font-size:13px; float:left;} #popupBox .end-line a{float:right; display:block; font-size:12px; color:#fff; background-color:#424242; line-height:1; padding:4px 12px 8px 12px;} .tit_none{text-indent:-9999px; width:0; height:0; overflow:hidden; margin: 0;} .gray_cont {margin-bottom: 20px;} .gray_cont h5{font-weight:600; font-size:1.076em; color:#444444; margin-bottom:5px;} .gray_cont p{margin-bottom:0; } .gray_cont p a{color:#0000ff;} .btn_list ul {margin-top:5px; margin-left:-1%;} .btn_list ul:first-child{margin-top:0;} .btn_list ul:after{display:block; clear:both; content:"";} .btn_list ul li{width:49%; float:left; margin-top:0 !important; margin-bottom:0 !important; margin-left:1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .btn_list ul li a{display:inline-block; width:100%; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .numImg-list > ul > li{margin-bottom: 40px; text-align: center;} .numImg-list > ul > li h6{font-weight:600; font-size:1.076em; color:#444444; margin-bottom:15px; text-align: left;} .numImg-list > ul > li .numImg-cont .numImg{border:1px solid #dddddd; overflow:hidden; max-width:650px; margin:0 auto; } .numImg-list > ul > li .numImg-cont .numImg img{width:100%;} .numImg-list ul li .numImg-cont ul{overflow:hidden;} .numImg-list ul li .numImg-cont ul li{position: relative; float:left; max-width:310px; margin-left:23px;} .numImg-list ul li .numImg-cont ul li:first-child{max-width:317px; margin-left:0;} .numImg-list ul li .numImg-cont ul li:first-child:after{position:absolute; left:320px; top:120px; width:17px; height:1px; background-color:#8f8f8f; content:""; } .numImg-list ul li .numImg-cont p{line-height: 1.3; font-size: 13px;} .numImg-list ul li .numImg-cont .blue{color:#598cc8; font-weight: 600;} .numImg-list ul li .numImg-cont .yellow{color:#e97b00; font-weight: 600;} .numImg-list ul li .numImg-cont b{ font-size: 13px;} .numImg-list ul li .numImg-cont.imgVer1 {width:428px; margin: 0 auto;} .numImg-list ul li .numImg-cont.imgVer2 {text-align: left;} #organizationSch ul li{margin-top: 0 ; margin-bottom: 50px; } #organizationSch ul li .dot_title{margin-top: 0 ; margin-bottom: 0; padding-left:8px; position:relative; color: #444; } #organizationSch ul li .dot_title:after {position:absolute; left:0; top:0.7em; width:2px; height:2px; border-radius:10px ; background-color:#444; content:""; } #organizationSch ul li .dot_title .blue{color:#006dd0;} #organizationSch ul li .organizationSch_cont p{font-size:18px; font-weight: 600;} #organizationSch ul li .organizationSch_cont p.red{color:#cc0905; } #organizationSch ul li .organizationSch_cont p.black{color:#444;} #organizationSch ul li .organizationSch_cont p.blue{color:#006dd0;} #organizationSch ul li .no_data{text-align: center; padding:20px 0;} .table_list li{line-height:20px;} .blue_email {color: #5e7cc9;} .perInfStep01_btn {margin-left:-2%; margin-top:20px;} .perInfStep01_btn a{float:left; background-color: #ff911a; color: #fff; font-size: 13px; padding:10px 5px; width:31.33333%; margin-left:2%; text-align:center;} .perInfStep01_btn a span{padding-right: 15px; background: url(../images/main/bg_notice_arrow.png) right center no-repeat;} .organization_list li{font-size:15px; color:#252525; margin-top:15px;} .organization_list li:first-child{margin-top:0;} .organization_list li.red{font-size:13px; font-weight:600; color:#fd1a1a;} .btn_organization{display:block !important; font-size: 15px; font-weight: bold; padding: 8px 16px; max-width: 300px; margin:0 auto! important; border-radius: 5px; line-height: 15px; text-align: center; text-decoration: none!important; background-color:#fff; border:2px solid #d5d5d5; color:#0e0ece;} .organization_txt{font-weight:600; font-size:13px; color:#020202; padding:0 20px; line-height:1.5; margin-top:20px !important; } .organization_list2{border:4px solid #f3f3f3; padding:15px; margin-top:10px !important; } .organization_list2 li{font-size:14px; color:#595959; margin-top:5px; margin-bottom:0; padding-left:7px; position:relative;} .organization_list2 li:first-child{margin-top:0; } .organization_list2 li:after {position:absolute; left:0; top:9px; width:2px; height:2px; background-color:#595959; content:""; } .table_type1 table{width:100%; border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;} .table_type1 table thead tr th {background-color: #fbfbfb; height: 43px; color: #444; vertical-align: middle; text-align: center; font-size: 14px; padding: 5px; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;} .table_type1 table tbody tr td{border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding: 5px; text-align:center;} .table_type1 table tbody tr td .list{padding:0; margin:0; text-align:left;} .tell_box{margin-top:0;} .tell_box:after{display:block; content:""; clear:both;} .tell_box span{display:block; float:left; line-height:1.5; padding:0;} .tell_box p{margin:0 0 0 15px; color: #777; line-height:1.5; padding:0;} /* 서면증빙자료 제출안내 */ .identity_list ul{margin-top:0; position:relative; top:-10px;} .identity_btn a{display:block; max-width:50%; font-size:15px; font-weight:600; margin:30px auto; padding: 12px 16px;} /* 서면증빙자료 제출 */ #identitySubmissionSch .organizationSch_cont {padding: 20px; border: 1px solid #e6e6e6; border-radius: 5px; background-color: #fafafa;} #identitySubmissionSch .organizationSch_cont p {margin-left:-3.333%; overflow:hidden; margin-bottom:20px; } #identitySubmissionSch .organizationSch_cont p span{position:relative; display:block; float:left; width:30%; margin-left:3.333%;} #identitySubmissionSch .organizationSch_cont p span:after {position:absolute; left:-6.8%; top:50%; width:5px; height:1px; background-color:#d0d0d0; content:""; } #identitySubmissionSch .organizationSch_cont p span:first-child:after{display:none;} #identitySubmissionSch .organizationSch_cont p span input{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; border:1px solid #d0d0d0; height:40px; padding:5px; } #identitySubmissionSch .organizationSch_cont .btn {font-size:15px; font-weight:600; width:100px;} /* 고유식별정보 실태조사 서면자료 수집 팝업 */ .openReferenceDetailPopup {padding: 0 !important; background-color:#e7e7e7; margin:0 !important; } .openReferenceDetailPopup h1{font-size: 18px; color: #fff; background-color: #3185db; padding:10px; font-weight: 600; margin:0;} .openReferenceDetailPopup .reference_inner{margin:0 15px; background-color:#fff; padding:20px;} .openReferenceDetailPopup .reference_inner .bx_popCont {margin-bottom:20px;} .openReferenceDetailPopup .reference_inner .bx_popCont .bbs_view_new{width: 100%; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; } .openReferenceDetailPopup .reference_inner .bx_popCont .bbs_view_new tbody tr th{text-align: center; font-weight: 600; color: #000; font-size: 14px; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background-color: #f9f9f9; padding:5px; height: 45px; vertical-align: middle;} .openReferenceDetailPopup .reference_inner .bx_popCont .bbs_view_new tbody tr td{font-weight:400; text-align: left; color: #777; font-size: 14px; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; padding:5px; height: 45px; vertical-align: middle;} .openReferenceDetailPopup .reference_inner .bx_popCont .data_txt{font-weight:600; font-size:15px; color:#000; border-top:2px dashed #dadada; padding-top:30px; margin-top:30px; margin-bottom:35px;} .openReferenceDetailPopup .reference_inner .bx_popCont h2{font-size: 15px; padding-left: 7px; margin-bottom: 10px; position:relative; color:#000000;} .openReferenceDetailPopup .reference_inner .bx_popCont h2:after {position:absolute; left:0; top:5px; width:2px; height:13px; background-color:#4681cd; content:""; } .openReferenceDetailPopup .reference_inner .bx_popCont h2 span{font-size: 13px; font-weight: 400; color: #f00;} .openReferenceDetailPopup .reference_inner .bx_popCont .bbs_view_new2{width: 100%; border-top:1px solid #dcdcdc;} .openReferenceDetailPopup .reference_inner .bx_popCont .bbs_view_new2 thead tr th{text-align: center; font-weight: 600; color: #000; font-size: 14px; border-bottom:1px solid #dcdcdc; background-color: #f9f9f9; padding:5px; height: 45px; vertical-align: middle;} .openReferenceDetailPopup .reference_inner .bx_popCont .bbs_view_new2 tbody tr td{font-weight:400; text-align: left; color: #777; font-size: 14px; border-bottom:1px solid #dcdcdc; padding:5px; height: 45px; vertical-align: middle; text-align:center;} .openReferenceDetailPopup .reference_inner .bx_popCont .bx_materia{background-color: #f8f8f8; padding:30px 20px; text-align: center;} .openReferenceDetailPopup .reference_inner .bx_popCont .bx_materia a{display:inline-block; font-size: 15px; font-weight: 600; min-width:220px; text-align: center; padding:15px; margin: 0 5px;} .openReferenceDetailPopup .reference_inner .bx_popCont .bx_materia a.btn_blue{background-color: #1289ed; color: #fff;} .openReferenceDetailPopup .reference_inner .bx_popCont .bx_materia a.btn_white{border:1px solid #cacaca; background-color: #fff; color: #000;} .openReferenceDetailPopup .reference_inner .bx_popCont .bx_materia p{font-size: 14px; color: #000; margin-top: 20px;} .openReferenceDetailPopup .reference_inner .bx_popCont .bx_materia p em{color: #1289ed; font-weight: 600; font-style:normal;} .openReferenceDetailPopup .reference_inner .bx_popCont .bx_materia p b{font-weight: 600;} .openReferenceDetailPopup .reference_inner .bx_popCont .bx_materia p span{color: #ca3b30;} .openReferenceDetailPopup .reference_inner .bx_popCont .pop_text{font-size:12px; margin-bottom:5px;} .openReferenceDetailPopup .reference_inner .bx_popCont .info{font-size: 13px; color: #f00; margin-top: 5px;} .openReferenceDetailPopup .reference_inner .bx_popCont .btn_referenceDel{display:inline-block; padding:2px 5px; font-size:10px; color:#fff; background-color:#515151; border-radius:5px; margin-left:10px;} .openReferenceDetailPopup .reference_inner .bx_popCont .pop_data_list{margin-bottom:30px;} .openReferenceDetailPopup .reference_inner .bx_popCont .pop_data_list ul li{font-size:13px; color:#0052a7; padding-left: 14px; text-indent: -14px;} .openReferenceDetailPopup .reference_inner .bx_popCont textarea{outline:none; width:100%; height:220px; resize: none;} #container .inner:before { background : 0; } /* 220830(s) */ .tit_main{font-size: 20px; font-weight: 700; color: #333; word-break: keep-all; letter-spacing: -0.055em; text-align: center;} .label_wrap {width: 100%; box-sizing: border-box; display: flex; flex-flow: row wrap; justify-content: space-around; position: relative;} .mgt30 {margin-top: 30px !important;} .mgb30 {margin-bottom: 30px !important;} .label_box {width: 30%; height: 200px; box-sizing: border-box; padding: 20px 30px; border-radius: 10px; box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%); display: flex; flex-flow: column; justify-content: center; align-items: center; cursor: pointer; margin-bottom: 20px; background-color: #fff; border: 1px solid #fff; position: relative; border: 1px solid rgb(255, 255, 255);} /* .label_box:hover{transition: 0.2s; border: 1px solid #1647aa;} */ #printArea p {word-break: keep-all;} .cont .label_cnt {font-size: 16px; margin-top: 20px; margin-bottom: 0; font-weight: 500; color: #333;} .label_desc_top {width: 100%; box-sizing: border-box; padding: 10px; background-color: #1647aa; border-top-right-radius: 10px; border-top-left-radius: 10px;} .label_desc_top p {color: #fff;} .label_desc_btm {width: 100%; box-sizing: border-box; padding: 15px 20px;} .desc_wrap {display: flex; flex-flow: row wrap;} .desc_box {width: 100%; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box; padding: 10px 15px; margin-top: 10px; display: flex; flex-flow: row wrap; justify-content: space-between;} .desc_icon {box-sizing: border-box; padding-left: 30px; height: 25px;} .desc_icon.edu {background: url(/images/PrivacyPolicy/icon_edu.png)no-repeat 0 0;} .desc_icon.dem {background: url(/images/PrivacyPolicy/icon_dem.png)no-repeat 0 0;} .desc_icon.dec {background: url(/images/PrivacyPolicy/icon_dec.png)no-repeat 0 0;} .desc_icon.ins {background: url(/images/PrivacyPolicy/icon_ins.png)no-repeat 0 0;} .desc_icon.pro {background: url(/images/PrivacyPolicy/icon_pro.png)no-repeat 0 0;} .desc_tit {width: 30%; font-weight: 500; color: #1647aa; word-break: keep-all; letter-spacing: -0.05em;} .desc_cnt {width: 68%; color: #333; font-size: 14px;} .label_layer{display: none; position: absolute; box-sizing: border-box; border-radius: 10px; background-color: #fff; border: 1px solid #eee; width: 500px; z-index: 999;} .label_layer.num0{top:0; left: 110%;} .label_layer.num1{top:0; left: 110%;} .label_layer.num2{top:0; right: 110%;} .label_layer.num3{top:0; left: 110%;} .label_layer.num4{top:0; left: 110%;} .label_layer.num5{top:0; right: 110%;} /* .tit_main:nth-of-type(1) {padding: 40px 40px 0 40px;} */ .cont_rule>p {margin: 10px 0 0 0;} .panel_box.panel_white {background-color: #fff; border: 1px solid #d9d9d9;} .panel_box {float: none;} .panel_box.pds {padding: 10px 20px;} .panel_box .tit_f17{font-size: 17px; font-weight: 500;} .cnt_list {width: 100%; margin: 20px auto 0px; display: flex; flex-flow: row wrap; justify-content: space-between; font-size: 16px;} .cnt_list li {width: 45%; margin-bottom: 20px; position: relative; box-sizing: border-box;} /*241018 (s)*/ .cnt_list li a {color: #444; font-weight: 500; box-sizing: border-box; padding-left: 30px; height: 24px; display: block; letter-spacing: -0.055em;} /*//241018 (e)*/ /*.cnt_list li:first-child a {background: url(/images/PrivacyPolicy/img_collect_20.png)no-repeat 0 0;} .cnt_list li:nth-child(2) a {background: url(/images/PrivacyPolicy/img_period_20.png)no-repeat 0 0;} .cnt_list li:nth-child(3) a {background: url(/images/PrivacyPolicy/img_third_20.png)no-repeat 0 0;} .cnt_list li:nth-child(4) a {background: url(/images/PrivacyPolicy/img_consign_20.png)no-repeat 0 0;} .cnt_list li:nth-child(5) a {background: url(/images/PrivacyPolicy/img_court_20.png)no-repeat 0 0;} .cnt_list li:nth-child(6) a {background: url(/images/PrivacyPolicy/img_private_20.png)no-repeat 0 0;} .cnt_list li:nth-child(7) a {background: url(/images/PrivacyPolicy/img_destruction_20.png)no-repeat 0 0;} .cnt_list li:nth-child(8) a {background: url(/images/PrivacyPolicy/img_cookie_20.png)no-repeat 0 0;} .cnt_list li:nth-child(9) a {background: url(/images/PrivacyPolicy/img_safe_20.png)no-repeat 0 0;} .cnt_list li:nth-child(10) a {background: url(/images/PrivacyPolicy/img_help_20.png)no-repeat 0 0;} .cnt_list li:nth-child(11) a {background: url(/images/PrivacyPolicy/img_browse_20.png)no-repeat 0 0;} .cnt_list li:nth-child(12) a {background: url(/images/PrivacyPolicy/img_cpo_20.png)no-repeat 0 0;} .cnt_list li:last-child a {background: url(/images/PrivacyPolicy/img_change_20.png)no-repeat 0 0;}*/ .cnt_list li:first-child a {background: url(/images/PrivacyPolicy/img_collect_20.png)no-repeat 0 0;} .cnt_list li:nth-child(2) a {background: url(/images/PrivacyPolicy/img_third_20.png)no-repeat 0 0;} .cnt_list li:nth-child(3) a {background: url(/images/PrivacyPolicy/img_consign_20.png)no-repeat 0 0;} .cnt_list li:nth-child(4) a {background: url(/images/PrivacyPolicy/img_destruction_20.png)no-repeat 0 0;} .cnt_list li:nth-child(5) a {background: url(/images/PrivacyPolicy/img_court_20.png)no-repeat 0 0;} .cnt_list li:nth-child(6) a {background: url(/images/PrivacyPolicy/img_safe_20.png)no-repeat 0 0;} .cnt_list li:nth-child(7) a {background: url(/images/PrivacyPolicy/img_cookie_20.png)no-repeat 0 0;} .cnt_list li:nth-child(8) a {background: url(/images/PrivacyPolicy/img_pi_voc_20.png)no-repeat 0 0;} .cnt_list li:nth-child(9) a {background: url(/images/PrivacyPolicy/img_help_20.png)no-repeat 0 0;} .cnt_list li:nth-child(10) a {background: url(/images/PrivacyPolicy/img_privacy_list_010_20.png)no-repeat 0 0;} .cnt_list li:nth-child(11) a {background: url(/images/PrivacyPolicy/img_change_20.png)no-repeat 0 0;} .cnt_list li:nth-child(12) a {background: url(/images/PrivacyPolicy/img_cpo_20.png)no-repeat 0 0;} .cnt_list li:last-child a {background: url(/images/PrivacyPolicy/img_change_20.png)no-repeat 0 0;} .tit_list {font-size: 18px; font-weight: 600; color: #333; box-sizing: border-box; margin: 30px 0 10px 0; vertical-align: middle; letter-spacing: -0.05em;} .tit_list_sub{ font-size: 16px; font-weight: 600; color: #333;margin: 30px 0 10px 0; } .list_icon {margin-right: 10px; vertical-align: middle;} .mid_line {width: 100%; height: 1px; background-color: #eee; margin: 30px auto;} select.select_box{-webkit-box-shadow:none;box-shadow:none;} /*240112 (s)*/ .tit_main {margin: 60px 0 15px 0;font-size: 20px;font-weight: 600;color: #444;word-break: keep-all;} .tit_main:nth-of-type(1){margin:30px 0 15px 0;} .tit_main.tell_num br{display: none;} .tit_main>*{font-size:inherit;font-weight: inherit;} .tit_main strong{color:#4374ac;} .tit_sub{margin: 30px 0 0 0;padding-left: 1em;line-height: 1.3em;background: url('https://www.privacy.go.kr/images/sub/scommon/bu_h.png') 0 7px no-repeat;color: #444;font-weight: 600;font-size:16px;word-break: keep-all;} .sub_wrap .cont p strong{color:#4374ac;font-weight: 600;} .tit_ex{margin: .5em 0;text-align: center;color: #333;font-weight: 600;font-size: 1.200em;} .tit_list{font-weight: 600;} .panel_box{position: relative;margin: 20px 0 20px 0;padding: 20px;color: #333;background-color: #fafafa;border: 1px solid #e6e6e6;border-radius: 5px;word-break: keep-all;} .panel_box.pds{padding:10px 20px;} .panel_box.pdm{padding:20px 25px;} .panel_box{float: none;} .panel_box .tit_panel {margin: 0;margin-bottom: 15px;line-height:24px;font-weight:600;color: #165e9b;font-size: 20px;} .panel_box .tit_f17{font-size:17px;font-weight:600;} .panel_box .tit_f17 > *{font-size:17px;font-weight:600;} .panel_box .tit_f17 strong{color:#4374ac;} .panel_box.panel_step .tit_panel {color:#111;text-align: center;font-weight: 300;} .panel_box.panel_white {background-color: #fff;border: 1px solid #d9d9d9;} .panel_box .lineHeights li{margin-bottom:5px;} .cont_rule>.tit_sub{margin:30px 0 10px 0;} .cont_rule .panel_box p{margin: 10px 0;} .cont_rule>ol{margin-top: 5px;} .cont_rule>ol>li{margin:4px 0;padding-left:15px;text-indent:-15px;word-break: keep-all;} .cont_rule>ol>li>ol,.cont_rule>ol>li>ul{margin:10px 0;} .cont_rule>ol>li>ol>li,.cont_rule>ol>li>ul>li{margin:4px 0;padding-left:0px;/*text-indent:0;*/word-break: keep-all;} .cont_rule>ol>li>ol>li>ul,.cont_rule>ol>li>ol>li>ol{margin:4px 0; } .cont_rule>ol>li>ol>li>ul li,.cont_rule>ol>li>ol>li>ol li{padding-left:15px;word-break: keep-all;} .cont_rule .list ul,.cont_rule .list ol{margin:5px 0;} .cont_rule .tit_rule{margin:5px 0 5px 0;font-weight: 600;} .cont_rule>p,.cont_rule>ol>li p{padding-left:0;text-indent:0;word-break: keep-all;} .cont_rule dl{margin:10px 0;} .cont_rule dt{font-weight: 600;} .cont_rule dd{margin:4px 0;padding-left:10px;} .cont_rule .tb_board{margin:10px 0 30px;} .cont_rule>p{margin:10px 0 0 0;} .cont_rule b{font-weight: 600;} .rule_link {padding-right:20px;background: url('https://www.privacy.go.kr/images/sub/scommon/ico_link.gif')no-repeat center right;color: #1f6ed4; text-decoration: underline;} .cont_rule .links{display: block;margin:20px 0 0 0;} .cont_rule>p.oneBottomXS {margin-bottom: 12px;} .service_use .cnt_list li a { background: none; padding-left: 15px; } .service_use .cnt_list li a:hover { text-decoration-line: underline; } .service_use .tit_list{ margin-top: 30px; font-weight: 700; } .service_use .cont_rule>ol>li>ol>li, .service_use .cont_rule>ol>li>ul>li{ padding-left: 10px; text-indent: -20px; } .use .cnt_list li a{padding-left: 0; background: none;} .use .service_use .cnt_list li a{padding-left: 0;} /*240112 (e)*/ /* 240122 (s) */ /*.label_section .label_wrap >a:nth-child(1) .img{background: url(/images/PrivacyPolicy/pi_collect.png)no-repeat 0 0; width: 92px; height: 92px;} .label_section .label_wrap >a:nth-child(2) .img{background: url(/images/PrivacyPolicy/pi_period.png)no-repeat 0 0; width: 78px; height: 90px;} .label_section .label_wrap >a:nth-child(3) .img{background: url(/images/PrivacyPolicy/pi_consignment.png)no-repeat 0 0; width: 78px; height: 90px;} .label_section .label_wrap >a:nth-child(4) .img{background: url(/images/PrivacyPolicy/pi_supply.png)no-repeat 0 0; width: 78px; height: 90px;} .label_section .label_wrap >a:nth-child(5) .img{background: url(/images/PrivacyPolicy/pi_object.png)no-repeat 0 0; width: 77px; height: 90px;} .label_section .label_wrap >a:nth-child(6) .img{background: url(/images/PrivacyPolicy/pi_voc.png)no-repeat 0 0; width: 83px; height: 83px;} #list_num01 .list_icon{background: url(/images/PrivacyPolicy/img_collect.png)no-repeat 0 0; width: 36px; height: 36px;display: inline-block;} #list_num02 .list_icon{background: url(/images/PrivacyPolicy/img_period.png)no-repeat 0 0; width: 31px; height: 36px;display: inline-block;} #list_num03 .list_icon{background: url(/images/PrivacyPolicy/img_third.png)no-repeat 0 0; width: 31px; height: 36px;display: inline-block;} #list_num04 .list_icon{background: url(/images/PrivacyPolicy/img_consign.png)no-repeat 0 0; width: 31px; height: 36px;display: inline-block;} #list_num05 .list_icon{background: url(/images/PrivacyPolicy/img_court.png)no-repeat 0 0; width: 32px; height: 32px;display: inline-block;} #list_num06 .list_icon{background: url(/images/PrivacyPolicy/img_private.png)no-repeat 0 0; width: 31px; height: 31px;display: inline-block;} #list_num07 .list_icon{background: url(/images/PrivacyPolicy/img_destruction.png)no-repeat 0 0; width: 31px; height: 36px;display: inline-block;} #list_num08 .list_icon{background: url(/images/PrivacyPolicy/img_cookie.png)no-repeat 0 0; width: 32px; height: 36px;display: inline-block;} #list_num09 .list_icon{background: url(/images/PrivacyPolicy/img_safe.png)no-repeat 0 0; width: 31px; height: 31px;display: inline-block;} #list_num10 .list_icon{background: url(/images/PrivacyPolicy/img_help.png)no-repeat 0 0; width: 31px; height: 31px;display: inline-block;} #list_num11 .list_icon{background: url(/images/PrivacyPolicy/img_browse.png)no-repeat 0 0; width: 31px; height: 31px;display: inline-block;} */ /*241018 (s)*/ .label_section .label_wrap >a:nth-child(1) .img{background: url(/images/PrivacyPolicy/pi_collect.png)no-repeat 0 0; width: 96px; height: 96px;} .label_section .label_wrap >a:nth-child(2) .img{background: url(/images/PrivacyPolicy/pi_consignment.png)no-repeat 0 0; width: 96px; height: 96px;} .label_section .label_wrap >a:nth-child(3) .img{background: url(/images/PrivacyPolicy/privacy_003.png)no-repeat 0 0; width: 96px; height: 96px;} /*//241018 (e)*/ #list_num01 .list_icon{background: url(/images/PrivacyPolicy/img_collect.png)no-repeat 0 0; width: 36px; height: 36px;display: inline-block;} #list_num02 .list_icon{background: url(/images/PrivacyPolicy/img_third.png)no-repeat 0 0; width: 31px; height: 36px;display: inline-block;} #list_num03 .list_icon{background: url(/images/PrivacyPolicy/img_consign.png)no-repeat 0 0; width: 31px; height: 36px;display: inline-block;} #list_num04 .list_icon{background: url(/images/PrivacyPolicy/img_destruction.png)no-repeat 0 0; width: 31px; height: 36px;display: inline-block;} #list_num05 .list_icon{background: url(/images/PrivacyPolicy/img_court.png)no-repeat 0 0; width: 32px; height: 32px;display: inline-block;} #list_num06 .list_icon{background: url(/images/PrivacyPolicy/img_safe.png)no-repeat 0 0; width: 31px; height: 31px;display: inline-block;} #list_num07 .list_icon{background: url(/images/PrivacyPolicy/img_cookie.png)no-repeat 0 0; width: 31px; height: 36px;display: inline-block;} #list_num08 .list_icon{background: url(/images/PrivacyPolicy/img_pi_voc.png)no-repeat 0 0; width: 32px; height: 36px;display: inline-block;} #list_num09 .list_icon{background: url(/images/PrivacyPolicy/img_help.png)no-repeat 0 0; width: 31px; height: 31px;display: inline-block;} #list_num10 .list_icon{background: url(/images/PrivacyPolicy/img_privacy_list_010.png)no-repeat 0 0; width: 31px; height: 31px;display: inline-block;} #list_num11 .list_icon{background: url(/images/PrivacyPolicy/img_change.png)no-repeat 0 0; width: 31px; height: 31px;display: inline-block;} /* 240122 (e) */