@charset "UTF-8";
/* ****************************************************************************
    @CreateDate   : 2015.10
    @ModifyDate   :
    @Description  : scss build
    @Author       : namu
    .seletor Order {
        Layout Properties (position, float, clear, display, overflow, z-index)
        Box Model Properties (width, height, margin, padding)
        Visual Properties (color, background, border, box-shadow)
        Typography Properties (font-size, font-family, text-align, text-transform)
        Misc Properties (cursor)    }
***************************************************************************** */
/* ------------------------- Reset Style  ------------------------- */
/* ------------------------- Font Style  ------------------------- */
/* ------------------------- Common ------------------------- */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-y: scroll; }

img.adi { max-width: 100%; height: auto; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

/* IE 6/7 .clearfix { zoom: 1; } */
.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; }

.skip { display: block; height: 1px; width: 1px; margin: 0 -1px -1px 0; padding: 0; overflow: hidden; font-size: 0; line-height: 0; }

.skip:hover, .skip:active, .skip:focus { width: 100%; height: auto; margin: 0; padding: 5px 0; text-indent: 10px; font-weight: bold; font-size: 12px; color: #333; font-family: Tahoma; line-height: 1; text-decoration: none !important; position: relative; text-align: center; }

caption, .hidden { position: absolute; top: -9999px; left: -9999px; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; }

/* Placeholder Text Color */
input[placeholder].is-placeholder { color: #777 !important; }

input[placeholder]::-webkit-input-placeholder { color: #777 !important; }

input[placeholder]::-moz-placeholder { color: #777 !important; }

input[placeholder]:-ms-input-placeholder { color: #777 !important; }

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.search ::-webkit-input-placeholder { color: #fff; }

.search input:-moz-placeholder { color: #fff; }

html { font-size: 62.5%; /* Sets up the Base 10 stuff */ }

body { font-family: Gulim, sans-serif; font-size: 12px; font-size: 1.2rem; }

td, th { font-family: Gulim, sans-serif; }

.posR { position: absolute; right: 0; top: 0; }

legend { padding: 0; display: table; }

fieldset { border: 0; padding: 0.01em 0 0 0; margin: 0; min-width: 0; }

body:not(:-moz-handler-blocked) fieldset { display: table-cell; }

/* ------------------------- Override Common Style ------------------------- */
a:hover { text-decoration: underline; }

.nav a:hover, .sub-nav a:hover { text-decoration: none; }

/* ------------------------- Header Layout  ------------------------- */
#header { width: 100%; height: 131px; background: none; }
#header .inner { width: 1000px; margin: 0 auto; }
#header .depart { border-bottom: 1px solid #dfdede; line-height: 25px; height: 25px; text-align: right; color: #777; }
#header .top-search { overflow: hidden; height: 67px; }
#header .top-search h1.logo { float: left; width: 325px; padding: 10px 0 12px; }
#header .top-search .search-lay { float: left; width: 356px; height: 30px; margin: 15px 0 20px; border: 1px solid #828080; overflow: hidden; position: relative; }
#header .top-search .search-lay * { vertical-align: middle; }
#header .top-search .search-lay select { border: 0; width: 95px; }
#header .top-search .search-lay input[type=text] { border: 0; border-left: 1px solid #777; height: 30px; line-height: 30px; padding: 0 5px; margin: 0; width: 195px; font-size: 12px; font-size: 1.2rem; }
#header .top-search .search-lay input[type=image] { position: absolute; right: 0; top: 0; }
#header .top-search .login { float: right; text-align: right; width: 317px; padding: 15px 0 22px; line-height: 30px; }
#header .top-search .login a { color: #777; }
#header .top-search .login .info { color: #333; background: url("../images/renew/login_bar.png") no-repeat right center; padding-right: 8px; margin-right: 3px; }
#header .top-search .login .btn-blue { display: inline-block; background: #00a1e3; color: #fff; padding: 0 7px; margin-left: 5px; }

/* ------------------------- Contents Layout  ------------------------- */
#contents { position: relative; width: 100%; margin-top: 0; min-height: 65%; padding-bottom: 30px; }

body.main #contents { padding-bottom: 0; }

#contents .cont .mainfull { width: 1000px; margin: 15px 0 10px 0; }

/* ------------------------- Navigation  ------------------------- */
nav { width: 100%; position: relative; background: url("../images/renew/nav_bg.png") repeat-x left top; z-index: 10; height: 38px; }
nav ul.nav { width: 1000px; margin: 0 auto; float: none; }
nav ul.nav > li { float: left; width: 20%; height: 100%; line-height: 38px; color: #fff; text-align: center; position: relative; }
nav ul.nav > li.current { background: url("../images/renew/tm_current.png") no-repeat left top; }
nav ul.nav > li.current > a { color: #333; background: none; }
nav ul.nav > li.current + * > a { background: none; }
nav ul.nav > li > a { color: #fff; display: block; background: url("../images/renew/tm_bar.png") no-repeat left center; font-size: 16px; font-size: 1.6rem; font-family: 'NanumBold', Gulim, sans-serif; font-weight: normal; letter-spacing: -1px; }
nav ul.nav > li:first-child a { background: none; }
nav ul.nav > li:first-child .sm { background: none; }
nav ul.nav > li > .sm { position: absolute; left: 0; top: 100%; text-align: left; width: 100%; display: none; height: 190px; padding-top: 7px; padding-bottom: 16px; background: url("../images/renew/sm_bar.png") no-repeat left top; }
nav ul.nav > li > .sm.on { display: block; }
nav ul.nav > li > .sm > li { line-height: 24px; padding-left: 20px; }
nav ul.nav > li > .sm > li a { background: url("../images/renew/sm_dot.png") no-repeat left center; line-height: 24px; display: block; padding-left: 10px; font-size: 12px; font-size: 1.2rem; font-family: 'Nanum', Gulim, sans-serif; font-weight: normal; }
nav ul.nav:after { content: ''; display: block; clear: both; }
nav ul.nav { *zoom: 1; }
nav ul.nav .ssm { display: none; }
nav:after { content: ''; display: block; clear: both; }
nav { *zoom: 1; }
nav.act { height: 250px; border-bottom: 2px solid #777; padding-bottom: 15px; }
nav.act .sm { height: 100%; }

/* ------------------------- Sub Navigation  ------------------------- */
.sub-nav { position: relative; background: url("../images/renew/sub_nav_bg.png") repeat-x left top; }
.sub-nav .ssm { display: none; }
.sub-nav ul.sub-sm { width: 1000px; margin: 0 auto; height: 66px; position: relative; }
.sub-nav ul.sub-sm.sm3 > li:first-child { padding-left: 320px; }
.sub-nav ul.sub-sm.sm4 > li:first-child { padding-left: 250px; }
.sub-nav ul.sub-sm.sm5 > li:first-child { padding-left: 130px; }
.sub-nav ul.sub-sm > li { float: left; line-height: 36px; background: url("../images/renew/sub_sm_bar.png") no-repeat left center; padding-left: 13px; padding-right: 13px; }
.sub-nav ul.sub-sm > li:first-child { background: none; padding-left: 20px; }
.sub-nav ul.sub-sm > li > a { font-size: 14px; font-size: 1.4rem; font-family: 'Nanum', Gulim, sans-serif; font-weight: normal; }
.sub-nav ul.sub-sm > li.current > a { background: url("../images/renew/sm_current.png") no-repeat center bottom; line-height: 36px; display: block; color: #b3392e; }
.sub-nav ul.sub-sm > li.current .ssm { display: block; background: #b3392e; color: #f2aba4; }
.sub-nav ul.sub-sm > li .ssm { width: 920px; position: absolute; left: 0; top: 36px; height: 30px; padding: 0 40px; margin-top: -1px; }
.sub-nav ul.sub-sm > li .ssm > li { float: left; line-height: 30px; margin-left: 20px; }
.sub-nav ul.sub-sm > li .ssm > li:first-child { margin-left: 0; }
.sub-nav ul.sub-sm > li .ssm > li > a { font-size: 12px; font-size: 1.2rem; font-family: 'Nanum', Gulim, sans-serif; font-weight: normal; color: #f2aba4; }
.sub-nav ul.sub-sm > li .ssm > li.current > a { color: #fff; }

/* ------------------------- footer  ------------------------- */
.footer { width: 100%; position: relative; height: 152px; }
.footer .foot-util { background: #aeafaf; }
.footer .foot-util ul { width: 1000px; margin: 0 auto; height: 30px; }
.footer .foot-util ul > li { float: left; color: #fff; padding: 9px 0; }
.footer .foot-util ul > li:first-child a { border-right: 1px solid #dedede; padding-right: 15px; margin-right: 15px; font-weight: bold; color: #B3392E; }
.footer .foot-util ul > li a { line-height: 12px; font-size: 12px; color: #fff; }
.footer .address { width: 100%; background: #1e2e48; }
.footer .address .inner { height: 114px; width: 1000px; margin: 0 auto; background: url("../images/renew/foot_bg.png") no-repeat right top; color: #8798b3; padding: 8px 0 0 0; }
.footer .address .inner dl { width: 100%; overflow: hidden; margin-bottom: 16px; }
.footer .address .inner dl dt { float: left; font-weight: bold; line-height: 12px; color: #fff; font-size: 12px; font-size: 1.2rem; }
.footer .address .inner dl dd { color: #8798b3; float: left; line-height: 1.5; font-size: 12px; font-size: 1.2rem; padding-left: 10px; padding-right: 10px; }
.footer .address .inner dl dd li:first-child strong { letter-spacing: 3px; }
.footer .address .inner dl dd li strong { display: inline-block; text-align: justify; letter-spacing: 7px; }
.footer .address .inner dl dd span { color: #fff; }
.footer .address .inner p { line-height: 1.5; }
.footer .address .inner .copyright { margin-top: 0px; color: #a3a3a4; }
.footer .address .inner .copyright span { color: #fff; }

/* ------------------------- Button & Icon ------------------------- */
.button { position: relative; margin: 0; padding: 0; display: -moz-inline-stack; display: inline-block; text-decoration: none !important; border: 0; font-size: 12px; font-family: Gulim, sans-serif; font-weight: bold; white-space: nowrap; background: url("../images/renew/button_set.png") no-repeat; vertical-align: top !important; overflow: visible; color: #333; margin-right: 4px; }
.button * { position: relative; margin: 0; padding: 0; display: -moz-inline-stack; display: inline-block; text-decoration: none !important; border: 0; font-size: 12px; font-family: Gulim, sans-serif; font-weight: bold; white-space: nowrap; background: url("../images/renew/button_set.png") no-repeat; vertical-align: top !important; overflow: visible; color: #333; left: 4px; cursor: pointer; _cursor: hand; }
.button.light { height: 25px; line-height: 25px; background-position: left 0; }
.button.light * { height: 25px; line-height: 25px; padding: 0 10px 0 6px; background-position: right 0; }
.button.low { height: 18px; line-height: 18px; background: #f2f1f0; border: 1px solid #ccc; margin-bottom: 3px; }
.button.low * { height: 18px; line-height: 18px; padding: 0 10px 0 6px; background: none; font-weight: normal; color: #000; }
.button.low .check { background: url("../images/renew/button_set.png") no-repeat -124px -204px !important; width: 15px; }
.button.thin { height: 18px; line-height: 18px; background-position: left -266px; }
.button.thin * { height: 18px; line-height: 18px; padding: 0 10px 0 6px; background-position: right -266px; font-weight: normal; }
.button.gray { height: 29px; line-height: 29px; background-position: 0 -40px; }
.button.gray * { height: 29px; line-height: 29px; padding: 0 20px 0 16px; color: #333; background-position: right -40px; }
.button.blue { height: 29px; line-height: 29px; background-position: left -80px; }
.button.blue * { height: 29px; line-height: 29px; padding: 0 30px 0 26px; color: #fff !important; background-position: right -80px; }
.button.green { height: 29px; line-height: 29px; background-position: left -120px; }
.button.green * { height: 29px; line-height: 29px; padding: 0 30px 0 26px; color: #fff !important; background-position: right -120px; }
.button.orange { height: 29px; line-height: 29px; background-position: left -160px; }
.button.orange * { height: 29px; line-height: 29px; padding: 0 30px 0 26px; color: #fff !important; background-position: right -160px; }
.button.wide * { padding: 0 45px 0 41px; }
.button.strong * { font-weight: bold !important; }
.button.icon * { padding-left: 20px; }
.button.icon span { width: 20px; margin-right: -20px; padding: 0 !important; }
.button.light .add { background-position: 0 -200px; }
.button.light .del { background-position: -20px -201px; }
.button.light .save { background-position: -40px -201px; }
.button.light .search { background-position: -60px -201px; }
.button.light .searchorg { background-position: -80px -201px; }
.button.light .download, .button.gray .download { background-position: -100px -201px; margin-top: 2px; }
.button.light .check { background-position: -120px -201px; }
.button.light .org { background-position: -140px -201px; }
.button.light .edit { background-position: -160px -201px; }
.button.light .cancel { background-position: -260px -202px; }
.button.light .print { background-position: -504px -200px; }
.button.light .close { background-position: -487px -200px; }
.button a { color: #333 !important; }

.description { color: #777; text-align: right; margin-top: 10px; }
.description span { padding-left: 15px; background: url("../images/renew/icon_tip.png") no-repeat left top; }
.description span strong { color: #018dde; }

.btn-list { position: relative; margin-top: 28px; width: 100%; overflow: hidden; min-height: 30px; }
.btn-list .posR { position: absolute; right: 0; top: 0; }
.btn-list .floatR { float: right; }
.btn-list .floatL { float: left; }
.btn-list .preview { position: absolute; left: 0; top: 0; }
.btn-list .end-column { position: absolute; right: 0; top: 0; display: none; }
.btn-list.alC { text-align: center; }
.btn-list.alL { text-align: left; }
.btn-list.alR { text-align: right; }

.clear { float: none; clear: both; }

.srch select, .srch input { margin: 0; }

/* ------------------------- Icon ------------------------- */
.icon-end, .icon-ing, .icon-record, .icon-reveal { color: #fff; font-size: 11px; line-height: 18px; display: inline-block; padding: 0 5px; }

.icon-end { background: #c54927; }

.icon-ing { background: #7aad18; }

.icon-record { background: #2f85b2; }

.icon-reveal { background: #e99401; }

/* ------------------------- Bxslider ------------------------- */
.bx-controls { border: 1px solid #d3d3d3; height: 17px; top: -23px; position: absolute; right: 0; width: 59px; text-align: right; }

.bx-controls-direction { padding-right: 19px; margin-top: -10px; }

/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; }

.bx-wrapper img { max-width: 100%; display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; right: 0; width: 19px; }

/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url("../images/renew/bx_loader.gif") center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { background: url("../images/renew/slider_next.png") no-repeat 0 0; }

.bx-wrapper .bx-next { background: url("../images/renew/slider_prev.png") no-repeat 0 0; }

.bx-wrapper .bx-prev:hover { background-position: 0 0; }

.bx-wrapper .bx-next:hover { background-position: 0 0; }

.bx-wrapper .bx-controls-direction a { top: 0; margin-top: 0; width: 20px; height: 17px; font-size: 0; z-index: 9999; display: inline-block; }

.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto .bx-start { display: block; font-size: 0; width: 19px; height: 17px; background: url("../images/renew/slider_play.png") 0 0 no-repeat; margin: 0 0; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: 0 0; }

.bx-wrapper .bx-controls-auto .bx-start.active { display: none; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; font-size: 0; width: 19px; height: 17px; background: url("../images/renew/slider_pause.png") 0 0 no-repeat; margin: 0 0; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: 0 0; }

.bx-wrapper .bx-controls-auto .bx-stop.active { display: none; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

/* ------------------------- board common  ------------------------- */
.sbox { font-size: 12px; font-size: 1.2rem; display: inline-block; border: 1px solid #d9d9d9; border-radius: 0; vertical-align: top; background: #fff; padding: 0 2px 0; margin: 0; line-height: 23px; box-sizing: content-box; }
.sbox select { display: inline-block; font-size: 12px; font-size: 1.2rem; color: #666; letter-spacing: -1px; border: 1px solid #fff; line-height: 18px; height: 18px; min-width: 40px; margin: 0; padding: 0; box-sizing: content-box; }
.sbox.big { padding: 5px 2px 4px; }
.sbox.small { width: 150px; }

select { border: 1px solid #d9d9d9; font-size: 12px; font-size: 1.2rem; color: #666; letter-spacing: -1px; line-height: 18px; height: 18px; min-width: 40px; margin: 0; padding: 2px 1px 3px; box-sizing: content-box; }

.inbox { font-size: 12px; font-size: 1.2rem; margin: 0; padding: 0 5px 0 5px; border: 1px solid #d9d9d9; background: #fff; color: #333; line-height: 1.5; height: 23px; box-sizing: content-box; }
.inbox.alR { text-align: right; padding-right: 5px; width: 255px; box-sizing: content-box; }

.btn-detail, .lay-close { display: none; }

input[type=file] { height: 25px; border: 1px solid #d9d9d9; line-height: 25px; }

.accent { color: #017ddd; }

input[type=text]:disabled { background: #f5f5f5 !important; border: 1px solid #c3c3c3 !important; }

/* ------------------------- board table col style  ------------------------- */
.tbl-col.detail { border: 3px solid #03b1f2; padding: 12px 20px; position: relative; margin-bottom: 20px; }
.tbl-col.detail .lay-close { position: absolute; right: 0; bottom: 0; font-size: 0; line-height: 1; }
.tbl-col table { border-collapse: collapse; width: 100%; padding: 0; margin: 0; }
.tbl-col th, .tbl-col td { line-height: 1.5; padding: 6px 10px 7px; border-top: 1px solid #e4e4e5; }
.tbl-col thead th { background: #edf5f7; color: #333; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 6px 10px 7px; }
.tbl-col thead th:first-child { border-left: 0; }
.tbl-col tbody th { border-left: 0; }
.tbl-col td { border-left: 1px solid #ccc; }
.tbl-col tr.last td { border-left: 0; border-top: 1px solid #777; }

/* ------------------------- board Bsic  ------------------------- */
.tbl-basic { border-top: 1px solid #70747e; }
.tbl-basic table { border-collapse: collapse; width: 100%; }
.tbl-basic th, .tbl-basic td { border-bottom: 1px solid #dfdede; font-size: 12px; font-size: 1.2rem; vertical-align: middle; }
.tbl-basic th { line-height: 1.3; padding: 12px 10px; background: #f5f5f5; text-align: left; }
.tbl-basic th > div { line-height: 14px; }
.tbl-basic th img.vtop { vertical-align: middle !important; margin: 0 0 4px 2px; }
.tbl-basic th p { font-weight: normal; font-size: 12px; font-size: 1.2rem; letter-spacing: -1px; }
.tbl-basic td { line-height: 23px; padding: 12px 10px; }
.tbl-basic td input[type=radio] { margin: 0 3px 3px 0; }
.tbl-basic td input[type=text] { font-size: 12px; font-size: 1.2rem; margin: 0; padding: 0 5px 0 5px; border: 1px solid #d9d9d9; background: #fff; color: #333; line-height: 1.5; height: 23px; box-sizing: content-box; }
.tbl-basic td * { vertical-align: middle; }
.tbl-basic td * .button, .tbl-basic td * .button * { vertical-align: top; }
.tbl-basic td textarea { border: 1px solid #d9d9d9; line-height: 1.3em; font-size: 12px; }
.tbl-basic td textarea:disabled { background: #f5f5f5; }
.tbl-basic td .case-local { margin-right: 10px; }
.tbl-basic td .case-local * { vertical-align: top; }
.tbl-basic td .description-box { margin-left: 20px; background: #f1f1f1; padding: 15px; text-align: left; }
.tbl-basic td .description-box li { background: url("../images/renew/dot_gray.png") no-repeat 0 8px; padding-left: 8px; }
.tbl-basic td .description-box li .cred { color: #a5251a; }
.tbl-basic td .certify { display: inline-block; vertical-align: middle; margin-left: 10px; }
.tbl-basic td .certify .alarm { background: url("../images/renew/alarm.png") no-repeat left 3px; padding-left: 20px; display: inline-block; color: #b3392e; }
.tbl-basic .borL { border-left: 1px solid #dfdede; }
.tbl-basic col { width: auto; }
.tbl-basic col.cellth { width: 18%; }
.tbl-basic .ic { background: #f5f5f5 url("../images/renew/icon_required.png") no-repeat 0 0; }
.tbl-basic.view label { margin-left: 5px; }

.comment .tbl-basic td { padding: 0; }
.comment .tbl-basic td li { padding: 10px; border-top: 1px solid #dfdede; }
.comment .tbl-basic td li:first-child { border-top: 0; }
.comment .tbl-basic td li.active { background: #edf7fb; }
.comment .tbl-basic td li .column { width: 100%; overflow: hidden; }
.comment .tbl-basic td li .column .floatL { float: left; color: #777; }
.comment .tbl-basic td li .column .floatL strong { color: #333; }
.comment .tbl-basic td li .column .sms { float: right; }
.comment .tbl-basic td li textarea { width: 790px; font-size: 12px; height: 50px; }
.comment .tbl-basic td li .button-list { margin: 10px 0 0; }

/* ------------------------- board colum aliign  ------------------------- */
.tbcollList { border-top: 2px solid #01a1dd; border-bottom: 1px solid #777; /* --------------- board basic list variable --------------- */ }
.tbcollList table { border-collapse: collapse; border: 0; padding: 0; margin: 0; width: 100%; table-layout: auto; }
.tbcollList table th, .tbcollList table td { font-family: Gulim, '굴림', sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; text-align: center; }
.tbcollList table th.tal, .tbcollList table td.tal { text-align: left; }
.tbcollList table th.tar, .tbcollList table td.tar { text-align: right; }
.tbcollList table th.tac, .tbcollList table td.tac { text-align: center; }
.tbcollList thead th { border-left: 1px solid #e4e4e5; background: #fafafa; font-weight: normal; padding: 6px 5px; }
.tbcollList thead th:first-child { border-left: 0; }
.tbcollList tbody td { border-top: 1px solid #e4e4e5; border-left: 1px solid #d4d4d5; padding: 6px 5px; color: #333; }
.tbcollList tbody td:first-child { border-left: 0; }
.tbcollList tbody tr.active td { background: #edf7fb; }
.tbcollList.alC th.tal, .tbcollList.alC td.tal { text-align: left; }
.tbcollList.alC th.tar, .tbcollList.alC td.tar { text-align: right; }
.tbcollList.alC th.tac, .tbcollList.alC td.tac { text-align: center; }
.tbcollList.side-col4 { /* 4col side center */ }
.tbcollList.side-col4 td:first-child + *, .tbcollList.side-col4 td:first-child + * + * { text-align: left; }
.tbcollList.side-col5 { /* 5col side center */ }
.tbcollList.side-col5 td:first-child + *, .tbcollList.side-col5 td:first-child + * + *, .tbcollList.side-col5 td:first-child + * + * + * { text-align: left; }
.tbcollList.col4-left { /* 4 cell left */ }
.tbcollList.col4-left td:first-child + * + * + * { text-align: left; }
.tbcollList.colleft2 { /* 2 cell left */ }
.tbcollList.colleft2 td:first-child + * { text-align: left; }
.tbcollList.colleft34 { /* 3,4 cell left */ }
.tbcollList.colleft34 td:first-child + * + *, .tbcollList.colleft34 td:first-child + * + * + * { text-align: left; }
.tbcollList.basic { border-top: 2px solid #777777; border-bottom: 1px solid #777; }
.tbcollList.basic thead th { color: #777; }
.tbcollList.view th, .tbcollList.view td { border-bottom: 1px solid #dfdede; font-size: 12px; font-size: 1.2rem; vertical-align: middle; }
.tbcollList.view th { line-height: 1.3; padding: 12px 10px; background: #f5f5f5; text-align: center; }
.tbcollList.view th > div { line-height: 14px; }
.tbcollList.view th img.vtop { vertical-align: middle !important; margin: 0 0 4px 2px; }
.tbcollList.view td { text-align: left; line-height: 23px; padding: 12px 10px; }
.tbcollList.view td input[type=radio] { margin: 0 3px 3px 0; }
.tbcollList.view td input[type=text] { font-size: 12px; font-size: 1.2rem; margin: 0; padding: 0 5px 0 5px; border: 1px solid #d9d9d9; background: #fff; color: #333; line-height: 1.5; height: 23px; box-sizing: content-box; }
.tbcollList.view td * { vertical-align: middle; }
.tbcollList.view td textarea { border: 1px solid #d9d9d9; line-height: 1.3; font-size: 12px; }
.tbcollList.view td textarea:disabled { background: #f5f5f5; }

/* ------------------------- board deco  ------------------------- */
.booking-info { border: 1px solid #dfdede; padding: 3px 15px; line-height: 25px; margin: 20px 0; }
.booking-info strong { border-right: 1px solid #dfdede; padding-right: 10px; margin-right: 10px; }
.booking-info strong + span { margin-right: 20px; }
.booking-info strong + span span { background: url("../images/renew/button_set.png") no-repeat -320px -204px; display: inline-block; width: 15px; height: 10px; margin-right: 10px; }

/* ------------------------- Layer Popup  ------------------------- */
.lay-pop { border: 5px solid #018ddd; background: #fff; width: 490px; }
.lay-pop .tit-lay { background: #018ddd; position: relative; padding: 5px 0 10px 0; line-height: 14px; }
.lay-pop .tit-lay strong { font-size: 14px; font-size: 1.4rem; line-height: 1; color: #fff; border-left: 2px solid #98d9fe; padding-left: 10px; }
.lay-pop .tit-lay .layclose { position: absolute; right: 5px; top: 5px; }
.lay-pop .lay-cont { padding: 8px; }
.lay-pop .lay-cont .blockC { width: 95%; margin: 0 auto; }
.lay-pop .lay-cont .blockC .inbox { line-height: 27px; height: 27px; margin-right: 10px; }
.lay-pop .lay-cont .blockC.savelay { padding: 10px; text-align: center; }
.lay-pop .lay-cont .blockC.savelay .inbox { width: 60%; }
.lay-pop .lay-cont textarea { border: 1px solid #d9dede; width: 95%; padding: 10px; font-size: 12px; line-height: 1.5; height: 75px; }
.lay-pop .lay-cont .pos { position: relative; }
.lay-pop .lay-cont .pos .desc { position: absolute; right: 0; color: #0382c8; }
.lay-pop .lay-cont.pad-m { padding: 20px; }
.lay-pop .lay-cont .tit-cont { margin-bottom: 10px; }
.lay-pop .lay-cont .form-box { margin-bottom: 20px; }
.lay-pop .lay-cont .form-box input[type=text] { font-size: 12px; font-size: 1.2rem; margin: 0; padding: 0 5px 0 5px; border: 1px solid #d9d9d9; background: #fff; color: #333; line-height: 1.5; height: 23px; box-sizing: content-box; }
.lay-pop .lay-cont .qa { text-align: center; }
.lay-pop .lay-cont .qa a { display: inline-block; width: 163px; height: 58px; padding: 10px 0 0 0; background: url("../images/renew/two_tone_btn.png") no-repeat left top; text-align: center; font-weight: bold; }
.lay-pop .lay-cont .qa a:first-child { margin-right: 10px; }
.lay-pop .lay-cont .qa a .icon-qa { display: inline-block; width: 33px; height: 34px; background: url("../images/renew/button_set.png") no-repeat -200px -231px; }
.lay-pop .lay-cont .qa a .icon-remote { display: inline-block; width: 33px; height: 34px; background: url("../images/renew/button_set.png") no-repeat -260px -231px; }
.lay-pop .lay-cont .qa a span { display: block; text-align: center; }
.lay-pop .lay-cont .qa-list { margin: 30px auto; border-left: 2px solid #a2dafa; padding-left: 10px; width: 300px; }
.lay-pop .lay-cont .qa-list li { margin-bottom: 10px; }
.lay-pop .lay-cont .qa-list li > span { display: inline-block; width: 85px; }
.lay-pop .lay-cont .qa-list li strong { color: #f00; }
.lay-pop .lay-cont .qa-list li .remote-support { background: #018fde; border-radius: 3px; color: #fff; line-height: 18px; padding: 1px 5px; }
.lay-pop .lay-cont .qa-list li .remote-support a { color: #fff; }
.lay-pop .lay-cont .qa-list li .remote-support span { display: inline-block; width: 12px; height: 12px; background: url("../images/renew/button_set.png") no-repeat -140px -240px; vertical-align: middle; margin-right: 3px; }
.lay-pop .lay-cont .complete { background: url("../images/renew/icon_survey.png") no-repeat left top; padding-left: 35px; min-height: 36px; line-height: 18px; width: 210px; margin: 0 auto 20px; }
.lay-pop .lay-cont .saveas { width: 90%; margin: 0 auto; }
.lay-pop .lay-cont .saveas td { padding: 3px 10px 4px 0; }
.lay-pop .lay-cont .saveas td input { font-size: 12px; font-size: 1.2rem; margin: 0; padding: 0 5px 0 5px; border: 1px solid #d9d9d9; background: #fff; color: #333; line-height: 1.5; height: 23px; box-sizing: content-box; width: 100%; }
.lay-pop .btn-list { margin: 10px 0; text-align: center; }
.lay-pop .icon-fileupload { display: inline-block; width: 11px; height: 12px; margin-right: 4px; background: url("../images/renew/button_set.png") no-repeat -160px -239px; }
.lay-pop .icon-part { display: inline-block; width: 12px; height: 12px; margin-right: 4px; background: url("../images/renew/button_set.png") no-repeat -380px -229px; }
.lay-pop .icon-org { display: inline-block; width: 12px; height: 12px; margin-right: 4px; background: url("../images/renew/button_set.png") no-repeat -85px -207px; }

/* ------------------------- 통계 테이블  ------------------------- */
.tblrow { border-top: 3px solid #01a1dd; border-bottom: 1px solid #707580; /* cell 공통 */ /* thead */ /* tbody */ /* tfoot */ }
.tblrow .scroll-x {width:100%; overflow-x:scroll;}
.tblrow table { border-collapse: collapse; width: 100%; border: 0; padding: 0; margin: 0; color: #333; table-layout: auto; }
.tblrow td { border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 8px 10px; font-size: 13px; line-height: 1.2; }
.tblrow td:first-child { border-left: 0; text-align: center; }
.tblrow td.bor { border-left: 1px solid #ccc; text-align: center; background: #f7f7f7; }
.tblrow tbody .total { color: #00487f; }
.tblrow .total { background: #def1fb; font-weight: bold; }
.tblrow .colt { text-align: center; }
.tblrow .colline { border-left: 1px solid #01a1dd; }
.tblrow .rowtotal td { background: #ededed; border-top: 1px solid #a7a7a7; }
.tblrow .rowtotal td.total { background: #def1fb; }
.tblrow .rowsum td.sum { background: #f7f7f7; text-align: center; }
.tblrow .tfoot .colline { background: #484F57; }
.tblrow thead tr:first-child th:first-child, .tblrow thead tr:first-child .colline { border-top: 0; }
.tblrow thead th { background: #ededed; font-size: 13px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 7px 10px; line-height: 1.2; }
.tblrow thead th.colline { border-left: 1px solid #01a1dd; font-weight: bold; }
.tblrow .tfoot td { background: #484F57; color: #fff; }
.tblrow .tfoot td.row-tit-gray { background: #484F57; color: #fff; }

.tblrow.alR td { text-align: right; }
.tblrow.alR td.row-tit-gray { text-align: center; background: #f7f7f7; }
.tblrow.alR td.row-tit-white { text-align: center; background: #fff; }
.tblrow.alR td.colt { text-align: center; }
.tblrow.alR .rowtotal .row-tit-gray { text-align: center; background: #ededed; }
.tblrow.alR .tfoot td { background: #484F57; color: #fff; }
.tblrow.alR .tfoot td.total { color: #9ee3fd; }
.tblrow.alR .tfoot td.row-tit-gray { background: #484F57; color: #fff; }

.listitem .item .tblrow.alR thead th { font-weight: normal; }

.tblrow tfoot td, .tblrow tfoot td:first-child { background: #484F57; color: #fff; }

.tblrow .noB { background: #ededed !important; }

.tblrow .noC { color: #333 !important; }

/*.tblrow tbody .noC.colline { font-family: 'Namum Reg', sans-serif; }*/
.tblrow .reg { font-weight: normal !important; }

.tblrow .color-no { color: #fff !important; }

.tblrow .alC { text-align: center; }

/* ------------------------- custom upload elements  ------------------------- */
.customfile { position: relative; width: 100%; height: 25px; line-height: 25px; }
.customfile * { vertical-align: top; }
.customfile input[type=text] { width: 267px; height: 23px; line-height: 23px; padding: 0 0 0 5px; border: 1px solid #c3c3c3; background: #f5f5f5; position: absolute; }
.customfile input[type='file'] { position: absolute; top: 0; left: 277px; width: 90px; height: 25px; outline: 0; margin: 0; padding: 0; border: 0; text-align: center; color: transparent; }
.customfile label { position: absolute; top: 0; left: 277px; width: 90px; display: inline-block; padding: 0 10px; line-height: 23px; height: 23px; text-align: center; text-decoration: none; border: 1px solid #b4b4b4; border-bottom: 1px solid #848484; background: #f1f1f0 url("../images/renew/bg_submit.png") bottom repeat-x; color: #333; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; }

/* ------------------------- 댓글달기  ------------------------- */
.reply { margin: 20px 0 50px; }
.reply strong { font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 5px 0; }
.reply strong span { color: #00a1e3; border-bottom: 1px solid #00a1e3; }
.reply .reply-box fieldset { margin: 10px 0 0 0; border-top: 1px solid #dfdede; border-bottom: 1px solid #dfdede; background: #f5f5f5; padding: 11px; overflow: hidden; }
.reply .reply-box fieldset > legend { display: inline-block; float: left; margin-right: 15px; font-weight: bold; line-height: 25px; }
.reply .reply-box fieldset > .inbox { float: left; margin-right: 5px; }
.reply .reply-box fieldset > .confirm { float: left; }
.reply .star { background: url("../images/renew/star_on.png") no-repeat left top; padding-left: 18px; font-weight: bold; margin-right: 5px; display: inline-block; line-height: 18px; margin-left: 15px; }

.tbl-line table { border-collapse: collapse; width: 100%; border: 0; }
.tbl-line td { padding: 10px; color: #777; line-height: 1.8; border-bottom: 1px solid #dfdede; }
.tbl-line .date { text-align: center; }
.tbl-line .reply-cont .part { color: #000; }
.tbl-line .reply-edit { text-align: right; }
.tbl-line .reply-edit a { color: #777; border-left: 1px solid #dfdede; padding-left: 3px; }
.tbl-line .reply-edit a.btn-modify { border-left: 0; }

.faq { border-top: 2px solid #01a1dd; border-bottom: 1px solid #777777; }
.faq table { width: 100%; border-collapse: collapse; }
.faq table thead th { background: #fafafa; padding: 11px 0; }
.faq table tbody td { background: #fff; border-top: 1px solid #e4e4e5; line-height: 18px; padding: 11px 0; }
.faq table tbody td:first-child { text-align: center; }
.faq .faq-header { cursor: pointer; }
.faq .faq-header td { background: url("../images/renew/faq_q.png") no-repeat left 12px; padding-left: 20px; }
.faq .faq-header td:first-child { background: none; padding-left: 0; }
.faq .faq-cont td { background: #f1f0f0 url("../images/renew/faq_a.png") no-repeat left 12px; padding-left: 20px; display: none; }
.faq .faq-cont td:first-child { background: #f1f0f0; padding-left: 0; }
.faq .faq-cont.view td { display: table-cell; }

/* ------------------------- Main Page  ------------------------- */
body.main #contents { margin-bottom: 0; min-height: auto; }

body.main .cont { background: url("../images/renew/login_bar.png") repeat-y 371px 0; }

body.main .cont.nomain { background: #fff; }

body.main .listitem { background: #fff; }

body.main .listitem .column2 { background: url("../images/renew/login_bar.png") repeat-y 370px 0; }

.column-left.nobar .item.prop { border-bottom: 0; }

body.main a { color: #777; }
body.main .cont { border-right: 1px solid #ccc; }
body.main .cont .column-left { height: 100%; float: left; width: 739px; height: 100%; border-left: 1px solid #ccc; border-right: 1px solid #ccc; color: #777; padding-bottom: 20px; }
body.main .cont .column-right { height: 100%; float: right; width: 220px; padding: 19px 19px 0; color: #777; }
body.main .cont h2 { font-size: 12px; font-size: 1.2rem; color: #333; }

.type-user { border-bottom: 1px solid #ccc; background: url("../images/renew/bg_blank_user.jpg") no-repeat left top; height: 130px; }

.todo { background: #f1f3f4; font-size: 12px; font-size: 1.2rem; border-bottom: 1px solid #ccc; padding: 20px 20px 10px 20px; }
.todo.line2 .complete strong, .todo.line2 .end strong { padding-top: 3px; display: inline-block; min-height: 30px; line-height: 1.2; }
.todo.line2 .complete p, .todo.line2 .end p { line-height: 36px; }
.todo.type2 { background: url("../images/renew/bg_type2.jpg") no-repeat left top; height: 130px; padding: 0; position: relative; }
.todo.type2 .complete { position: absolute; top: 35px; left: 210px; width: 215px; }
.todo.type2 .end { position: absolute; top: 35px; left: 440px; width: 215px; }
.todo ul { width: 100%; overflow: hidden; margin-top: 16px; }
.todo ul li { padding-top: 13px; height: 70px; }
.todo ul li:first-child { border-right: 1px solid #ccc; background: url("../images/renew/m_img_app_service.png") no-repeat 0 13px; padding-left: 54px; width: 111px; height: 57px; }
.todo ul li:first-child a { display: block; margin-top: 4px; line-height: 1.5; color: #333 !important; }
.todo ul li:first-child + li { background: url("../images/renew/m_img_exel_download.png") no-repeat 10px 13px; padding-left: 59px; width: 125px; margin-right: 25px; height: 57px; }
.todo ul li:first-child + li a { display: block; margin-top: 4px; line-height: 1.5; color: #333 !important; }
.todo ul li:first-child + li + li { padding-top: 0; margin-right: 10px; }
.todo ul li:first-child + li + li + li { padding-top: 0; }
.todo .complete, .todo .end { border: 1px solid #dbd7ce; padding: 1px; background: #fff; width: 151px; height: 64px; text-align: center; }
.todo .complete strong, .todo .end strong { font-size: 12px; font-size: 1.2rem; line-height: 20px; color: #fff; display: inline-block; width: 100%; }
.todo .complete p, .todo .end p { line-height: 46px; color: #ed2738; font-size: 14px; font-size: 1.4rem; font-weight: bold; }
.todo .complete p a, .todo .end p a { color: #ed2738; }
.todo .complete strong { background: #00a1e3; }
.todo .end strong { background: #96c93c; }
.todo ul { width: 100%; overflow: hidden; }
.todo ul li { float: left; }

.listitem h2 { padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; position: relative; margin-bottom: 7px; }
.listitem h2 .nobor { border-bottom: 0; }
.listitem .column2 { width: 100%; overflow: hidden; padding: 0; }
.listitem .column2 .col { float: left; width: 328px; min-height: 145px; padding: 20px 20px 10px 20px; }
.listitem .column2 .col:first-child { width: 330px; }
.listitem .column2 .col .no-package strong, .listitem .column2 .col .no-package .more { display: none; }
.listitem .column2 .col .no-package h2 { margin-bottom: 0; }
.listitem .column2 .col .no-charge { background: url("../images/renew/nocharge.png") no-repeat left top; margin: -20px 0 0 -20px; padding-top: 40px; width: 369px; height: 139px; text-align: center; }

.main-tbl-list table { border: 0; width: 100%; padding: 0; margin: 0; }
.main-tbl-list table td { line-height: 21px; }
.main-tbl-list table td p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main-tbl-list table td a { background: url("../images/renew/sm_dot.png") no-repeat 0 3px; padding-left: 8px; }
.main-tbl-list table .nolist { background: url("../images/renew/nolist_bg.png") no-repeat left bottom; height: 128px; vertical-align: top; }
.main-tbl-list table .nolist p { margin: 10px 0; text-align: center; }
.main-tbl-list table .nolist p strong { color: #00a1e3; }
.main-tbl-list table .nolist a { background: url("../images/renew/btn_package.png") no-repeat left top; display: inline-block; width: 132px; height: 37px; color: #2673c2; font-size: 14px; font-size: 1.4rem; line-height: 37px; font-weight: bold; padding-left: 60px; }

.item { position: relative; }
.item .more { position: absolute; right: 0; top: 0; background: url("../images/renew/m_icon_more.png") no-repeat left center; padding-left: 15px; font-weight: normal; }
.item .more a { font-size: 11px !important; }
.item h2 { padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; position: relative; margin-bottom: 7px; }
.item h2.nobor { border-bottom: 0; padding-bottom: 0; }
.item h2 strong { color: #ed2738; margin-left: 10px; }
.item h2 .normal { color: #dcdbdb; }
.item.prop { padding: 20px; border-bottom: 1px solid #d8d8d8; }
.item.prop .more { top: 20px; right: 20px; }

/* ------------------------- Main Side  ------------------------- */
.side .item { margin-bottom: 20px; }

.vod-list { width: 210px; overflow: hidden; color: #000; margin: 0 auto; }
.vod-list ul { width: 230px; overflow: hidden; }
.vod-list li { float: left; margin-right: 18px; text-align: center; margin-top: 10px; }
.vod-list li strong { font-size: 12px; font-size: 1.2rem; letter-spacing: -1px; font-weight: normal; }
.vod-list li div { margin: 5px 0; }
.vod-list li div a { display: block; position: relative; width: 96px; height: 61px; }
.vod-list li div a:hover .play { display: block; }
.vod-list li div .play { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/renew/m_icon_play.png") no-repeat center; }

.menual-download { background: #01a1dd; text-align: center; padding: 10px; margin-top: 10px; }
.menual-download a { font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 18px; display: inline-block; color: #fff !important; background: url("../images/renew/m_btn_manual_down.png") no-repeat left top; padding-left: 18px; }

/* ------------------------- Main 창구담당자  ------------------------- */
body.main .application { text-align: center; background: url("../images/renew/m_bg.jpg") no-repeat left top; min-height: 325px; }
body.main .application h2 { font-size: 22px; font-size: 2.2rem; text-align: center; font-family: 'NanumBold', Gulim, sans-serif; font-weight: normal; padding: 35px 0 40px; }
body.main .application .desc { font-size: 12px; font-size: 1.2rem; color: #3c4e5a; margin-bottom: 10px; }
body.main .application strong { color: #333; }
body.main .application .start-service { border: 6px solid #9aa6b3; border-radius: 10px; background: #fff; padding: 20px 30px; width: 575px; margin: 20px auto 0; text-align: left; }
body.main .application .start-service li { padding: 5px 0; line-height: 28px; }
body.main .application .start-service li input { border: 1px solid #bababa; line-height: 28px; height: 28px; border-radius: 5px; padding: 0 5px; }
body.main .application .start-service li .dash { margin: 0 2px; }
body.main .application .start-service .btn-start { float: right; margin-top: -75px; padding: 0; }
body.main .application .start-service .btn-start button { background: url("../images/renew/btn_start.png") no-repeat left top; width: 126px; height: 71px; display: inline-block; color: #fff; text-align: center; }
body.main .application .start-service label { display: inline-block; width: 150px; }

/* ------------------------- 교육영상  ------------------------- */
.pop_content iframe { margin: 0 auto; width: 560px; height: 315px; display: block; }

/* ------------------------- Sub Page Layout ------------------------- */
.tab-title { font-size: 12px; font-size: 1.2rem; line-height: 31px; margin-top: 8px; font-weight: bold; color: #333; position: relative; }
.tab-title span.posR { font-weight: normal; font-size: 12px; font-size: 1.2rem; color: #f00; font-weight: normal !important; letter-spacing: -1px; }
.tab-title label { margin-left: 5px; }

.tit-service-info { font-size: 14px; font-size: 1.4rem; line-height: 25px; font-weight: bold; margin: 19px 0 0; padding-bottom: 10px; border-bottom: 2px solid #333; position: relative; height: 14px; position: relative; height: 25px; vertical-align: bottom; }
.tit-service-info strong { color: #ea3120; border-bottom: 1px solid #ea3120; }
.tit-service-info .vbase { display: inline-block; height: 25px; vertical-align: bottom; }
.tit-service-info .vbase * { vertical-align: bottom; display: inline-block; line-height: 1; }
.tit-service-info .app-center { height: 18px; line-height: 18px; }
.tit-service-info .app-center + span { font-size: 12px; font-size: 1.2rem; font-weight: normal; color: #777; }

.tit-service { font-size: 14px; font-size: 1.4rem; font-weight: bold; color: #00a1e3; margin: 18px 0 0; line-height: 18px; position: relative; text-indent: -45px; padding-left: 45px; }
.tit-service * { vertical-align: middle; }
.tit-service a { color: #00a1e3; }
.tit-service .direction { position: absolute; right: 0; color: #333; font-weight: normal; }
.tit-service.bor { margin: 19px 0 15px; padding-bottom: 10px; line-height: 25px; border-bottom: 2px solid #333; }
.tit-service i { font-style: normal; }

.con_wrap.enrollment h2.tit-detail { border: 1px solid #e3e3e3; border-radius: 3px; background: #f5f5f5; padding: 15px; font-size: 14px; font-size: 1.4rem; color: #1f5c9b; font-weight: bold; position: relative; line-height: 1.5; margin-bottom: 20px; }
.con_wrap.enrollment h2.tit-detail .posR { position: absolute; right: 15px; top: 13px; }

h3.service-check { position: relative; margin: 10px 0; height: 16px; line-height: 16px; }
h3.service-check .posR { position: absolute; right: 0; font-size: 12px; font-size: 1.2rem; color: #b3392e; font-weight: normal; }

.service-check-box { border: 1px solid #cfcece; border-top: 5px solid #cfcece; text-align: center; margin-bottom: 5px; }
.service-check-box h3 { font-size: 14px; font-size: 1.4rem; color: #000; line-height: 36px; height: 36px; border-bottom: 5px solid #d9d9d9; }
.service-check-box .inner { width: 100%; overflow: hidden; }
.service-check-box .inner > li { text-align: center; float: left; margin: 0; line-height: 36px; width: 50%; padding: 0; }
.service-check-box .inner > li * { vertical-align: middle; }
.service-check-box .inner > li:first-child { border-right: 1px solid #d9d9d9; width: 498px; }
.service-check-box .inner > li.checked { background: url("../images/renew/oblique_line.png") repeat left top; }
.service-check-box .inner > li.checked label { color: #025d90; }
.service-check-box .inner label { color: #777; font-size: 14px; font-size: 1.4rem; font-weight: bold; }
.service-check-box p { color: #b3392e; }

.service-info { font-size: 12px; font-size: 1.2rem; font-weight: normal; line-height: 1.5; display: inline-block; }
.service-info .required { display: inline-block; background: url("../images/renew/icon_required.png") no-repeat 5px 5px; padding-left: 16px; }
.service-info .icon-vsservice { display: inline-block; }

.family-noti { padding-left: 15px; text-indent: -15px; letter-spacing: -1px; }

.family-type { margin: 5px; }
.family-type > li label:first-child { display: inline-block; width: 155px; margin: 0; }
.family-type > li label { margin-right: 15px; }

.check-list { width: 100%; overflow: hidden; font-size: 0; }
.check-list > li { float: left; font-size: 12px; }
.check-list.num5 > li { width: 20%; }
.check-list.num4 > li { width: 25%; }
.check-list.num12 > li { width: 8%; }

.add-list li { margin-bottom: 5px; }
.add-list li * { vertical-align: top !important; }

.case-local, .case-public { margin: 0 5px; }

.case-public { border: 1px solid #d9d9d9; border-radius: 3px; text-align: center; background: #f2f3f3; display: inline-block; line-height: 23px; margin-right: 10px; }
.case-public span { padding: 0 5px; }
.case-public span:first-child { border-right: 1px solid #ccc; }

/* ------------------------- Edit Column  ------------------------- */
.wc2 { width: 106px; box-sizing: content-box; }

.whalf { width: 87%; }

.vcolumn { display: inline-block; }

.etc { width: 427px; }

.fileform { width: 75%; }

.half .tbl-basic col.cellth { width: 30%; }
.half .wc2 { width: 25%; }
.half .check-list > li { float: left; }
.half .check-list.num5 > li { width: 50%; }
.half .check-list.num12 > li { width: 20%; }
.half .tbl-basic th { vertical-align: top; }
.half .tbl-basic th span.act { border-bottom: 1px solid #555; padding-bottom: 2px; }
.half .sbox { width: 70px; }
.half .whalf { width: 66%; }
.half .wh39 { width: 39%; }
.half .wh47 { width: 47%; }
.half .vcolumn { display: block; margin: 2px 0; }
.half .wh40 { width: 40%; }
.half .fileform { width: 75%; }
.half .edit-column { display: none; }
.half .case-local, .half .case-public { margin: 0; }
.half .case-public span { padding: 0 3px; }
.half .posR .end { display: inline-block; }
.half .btn-list .end-column { display: block; }
.half #divForRcvfvr { /* display: none;  */ }
.half .tipbox { display: none; }
.half .etc { width: 210px; }

.posR .end { display: none; }

#formDiv.half .column-tit-wrap { display: block; }
#formDiv.half .scroll { border: 1px solid #ccc; overflow-y: scroll; padding: 10px; background: #fff; border-radius: 0; height: 590px; position: relative; }
#formDiv.half #clone-service { display: block; float: left; width: 495px; margin-right: 10px; position: relative; }
#formDiv.half #clone-service .service-mask { position: absolute; left: 0; top: 0; width: 495px; height: 696px; z-index: 100; display: none; }
#formDiv.half #clone-service .service-mask .mask { position: relative; }
#formDiv.half #clone-service .service-mask .mask .cookie { position: absolute; bottom: 10px; right: 20px; color: #fff; }
#formDiv.half #clone-service .service-mask .mask .cookie a { color: #fff; }
#formDiv.half #current-service { display: block; float: left; width: 495px; }
#formDiv.half #accordion h3 { display: none; }

/* ------------------------- Override Layout  ------------------------- */
#formDiv { width: 1000px; overflow: hidden; }
#formDiv .h3_tit { margin-top: 35px; margin-bottom: 10px; }
#formDiv .h3_tit .posR { top: -35px; text-align: right; }
#formDiv .h3_tit .posR .tipbox { background: url("../images/renew/tip_box_bottom.png") no-repeat right top; width: 327px; height: 35px; line-height: 25px; color: #fff; display: block; padding-left: 25px; font-weight: normal; text-align: left; }
#formDiv .column-tit-wrap { display: none; }
#formDiv .column-tit { line-height: 38px; height: 38px; position: relative; padding: 0 20px; }
#formDiv #clone-service { display: none; }
#formDiv #clone-service .column-tit { border: 1px solid #e0cec5; background: #f7f1ee; }
#formDiv #clone-service .column-tit .posR { right: 16px; top: 7px; }
#formDiv #clone-service .duplicate-service { line-height: 20px; padding: 14px 0 10px; }
#formDiv #clone-service .duplicate-service * { vertical-align: middle; display: inline-block; line-height: 20px; }
#formDiv #clone-service .allcopy { display: inline-block; line-height: 18px; padding: 0 10px; margin-right: 5px; }
#formDiv #clone-service .allcopy * { vertical-align: middle; line-height: 20px; }
#formDiv #current-service .column-tit { border: 1px solid #c6d3df; background: #e6edf3; margin-bottom: 44px; }
#formDiv #accordion { margin: 0; float: none; width: 100%; }
#formDiv #accordion h3 { display: block; }
#formDiv .scroll { height: auto; }

/* ------------------------- Override Style  ------------------------- */
.con_wrap.enrollment .table_st4 > table > tbody > tr > td input[type="text"] { font-size: 12px; font-size: 1.2rem; margin: 0; padding: 0 5px 0 5px; border: 1px solid #d9d9d9; background: #fff; color: #333; line-height: 1.5; height: 23px; box-sizing: content-box; }

#accordion h3 { font-size: 14px; font-size: 1.4rem; line-height: 34px; padding: 5px 10px 5px 30px; border: 0; border-radius: 0; font-weight: bold; }

.h3_tit { font-size: 14px; font-weight: bold; color: #083770; padding-left: 40px; background: url("../images/renew/h3_ico.png") no-repeat 1px center; height: 21px; line-height: 21px; vertical-align: middle; }

.con_wrap.enrollment .table_st4 { padding-bottom: 20px; }

.paging UL LI A:visited, .paging UL LI A:link { border: 0; color: #7b7b7b; }

.paging UL LI A { border: 0; color: #111; font-weight: bold; }

.review-request-box { border: 1px solid #cfcece; background: url("../images/renew/box_gradient.png") repeat-x left top #efefef; border-radius: 5px; padding: 5px 20px 7px; margin-bottom: 10px; }
.review-request-box p { border-bottom: 1px solid #d6d6d6; line-height: 21px; color: #333; }
.review-request-box ul { border-top: 1px solid #fff; padding: 7px 0 0 0; }
.review-request-box ul li { line-height: 23px; }

.errors { border-top: 2px solid #dfdede; border-bottom: 1px solid #dfdede; padding: 8px 20px; margin: 10px 0; display: none; }
.errors p { line-height: 25px; color: #F00; font-size: 12px; background: url("../images/renew/red_dot.png") no-repeat left 7px; padding-left: 7px; }

/* ------------------------- Popup Override Style  ------------------------- */
#popwrap .pop_header { position: relative; width: 100%; background: url("../images/renew/pop_bg.png") repeat-x left top; border-bottom: 0; height: 50px; padding: 0; }
#popwrap .pop_header h1 { background: url("../images/renew/pop_logo.png") no-repeat right top; font-family: Gulim, sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 50px; height: 50px; padding: 0; }
#popwrap .pop_header h1 span { border-left: 2px solid #98d9fe; padding-left: 10px; margin-left: 10px; }
#popwrap .pop_content { margin: 0; padding: 10px 10px 30px 10px; }

.poporg { background: #f6f6f6; padding: 20px; overflow-y: scroll; height: 330px; }
.poporg strong { display: inline-block; width: 60px; text-align: center; color: #fff; padding: 2px 0 1px; margin-right: 4px; font-size: 12px; line-height: 1.2; text-indent: 0; }
.poporg strong.central { background: #b3392e; }
.poporg strong.metro { background: #1f5c9b; }
.poporg strong.city { background: #3c624b; }
.poporg strong.edu { background: #DF8527; }
.poporg strong.gov { background: #2C1210; }
.poporg > ul > li { background: url("../images/renew/org_v_bg.png") repeat-y left top; }
.poporg > ul > li * { vertical-align: middle; }
.poporg > ul > li ul { margin-top: 1px; margin-left: 20px; padding-top: 12px; }
.poporg .line li { background: url("../images/renew/1.png") no-repeat left top; padding: 7px 0 7px 40px; text-align: left; }
.poporg .line li p { margin: 0; padding-left: 70px; *padding-left: 0; text-indent: -70px; }
.poporg .line li span { text-indent: 0; padding-left: 0; }
.poporg .line li.last { background: url("../images/renew/last.png") no-repeat left top #f6f6f6; }

/* ------------------------- Search Form Style  ------------------------- */
.search-row { border-top: 1px solid #eaeaea; border-bottom: 2px solid #777; background: #fafafa; padding: 12px 20px 12px 20px; overflow: hidden; margin-bottom: 15px; }
.search-row .search-item { padding-left: 70px; text-indent: -70px; margin-bottom: 10px; }
.search-row .search-item * { text-indent: 0; }
.search-row .search-item label { margin-left: 10px; line-height: 23px; display: inline-block; vertical-align: middle; font-weight: normal; }
.search-row .search-item label:first-child { margin-left: 0; /* margin-right: 17px; */ }
.search-row .search-item .search-cont { text-indent: 0; }
.search-row input[type=text] { font-size: 12px; font-size: 1.2rem; margin: 0; padding: 0 5px 0 5px; border: 1px solid #d9d9d9; background: #fff; color: #333; line-height: 1.5; height: 23px; box-sizing: content-box; }
.search-row.textalignC { text-align: center; }

.search-rowbox { border-top: 1px solid #eaeaea; border-bottom: 2px solid #777; background: #fafafa; padding: 2px 10px; overflow: hidden; margin-bottom: 15px; }
.search-rowbox .bar { background: url("../images/renew/search_bar.png") no-repeat right top; padding-right: 10px; margin-right: 5px; display: inline-block; }
.search-rowbox .row { margin: 10px 0; }
.search-rowbox .row * { vertical-align: middle; }
.search-rowbox input[type=text] { font-size: 12px; font-size: 1.2rem; margin: 0; padding: 0 5px 0 5px; border: 1px solid #d9d9d9; background: #fff; color: #333; line-height: 23px; height: 23px; box-sizing: content-box; }
.search-rowbox .default { color: #333; }
.search-rowbox .comming { color: #00A1E3; }
.search-rowbox .past { color: #B3392E; }
.search-rowbox input[type=radio] { margin-right: 3px; vertical-align: middle; margin-bottom: 3px; }
.search-rowbox label { vertical-align: middle; margin-right: 5px; line-height: 25px; display: inline-block; }

.search-all { width: 550px; margin: 0 auto; overflow: hidden; }
.search-all * { vertical-align: middle; }
.search-all .formbox { border: 1px solid #828080; overflow: hidden; height: 38px; line-height: 38px; display: inline-block; float: left; }
.search-all .formbox select { float: left; padding: 0; margin: 10px 5px 0 0; border: 0; }
.search-all .formbox .search-txt { height: 38px; line-height: 38px; border: 0; padding: 0; float: left; border-left: 1px solid #b5b2b2; padding: 0 5px; width: 240px; }
.search-all input[type=image] { float: left; }
.search-all .btn { float: left; }
.search-all .in-search { margin-left: 7px; display: inline-block; float: left; }

/* ------------------------- 분류선택  ------------------------- */
.catg-check { border-top: 1px solid #eaeaea; border-bottom: 2px solid #777; background: #fafafa; padding: 10px 20px; overflow: hidden; margin-bottom: 15px; }
.catg-check .title { margin-bottom: 10px; }
.catg-check ul { width: 100%; overflow: hidden; border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; }
.catg-check ul li { float: left; min-width: 14.29%; }
.catg-check ul li * { vertical-align: middle; }
.catg-check .mapping { border-top: 1px solid #fff; padding: 10px 0 0; position: relative; }
.catg-check .mapping strong { margin-right: 20px; }
.catg-check .mapping .posR { top: 10px; }

/* ------------------------- tab list ------------------------- */
.tabmenu { width: 100%; overflow: hidden; margin: 10px 0 20px; position: relative; }
.tabmenu .tab { height: 33px; border-bottom: 1px solid #ADACB1; width: 100%; }
.tabmenu .tab > li { float: left; height: 32px; line-height: 32px; border: 1px solid #E7E7E7; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom: 1px solid #ADACB1; background: #F5F6F8 url("../images/renew/tab_bg.png") repeat-x left bottom; margin-bottom: -1px; overflow: hidden; position: relative; text-align: center; }
.tabmenu .tab > li a { font-size: 12px; text-decoration: none; color: #777; display: block; padding: 0 30px; /*border: 1px solid #fff;*/ }
.tabmenu .tab > li.current { padding: 0; border: 0; border: 1px solid #ADACB1; border-bottom: 1px solid #fff; }
.tabmenu .tab > li.current a { background: #fff; color: #333; font-weight: bold; }
.tabmenu.narrow .tab > li a { padding: 0 10px; }

/* ------------------------- total search ------------------------- */
.tit-search-result { font-size: 14px; font-size: 1.4rem; font-weight: bold; margin: 25px 0 12px; position: relative; }
.tit-search-result > strong { color: #00a1e3; }
.tit-search-result > strong + strong { color: #b3392e; }
.tit-search-result .posR { font-weight: normal; color: #777; }
.tit-search-result .posR a { border-left: 1px solid #777; padding: 0 5px; }
.tit-search-result .posR a:first-child { border-left: 0; }

.tit-search-result2 { font-size: 14px; font-size: 1.4rem; font-weight: bold; margin: 28px 0 0; padding-bottom: 12px; border-bottom: 2px solid #333; position: relative; height: 14px; position: relative; }
.tit-search-result2 strong { color: #b3392e; }
.tit-search-result2 .more { position: absolute; right: 0; top: 0; line-height: 18px; height: 18px; font-size: 12px; font-size: 1.2rem; font-weight: normal; display: inline-block; background: url("../images/renew/button_set.png") no-repeat -5px -223px; padding-left: 20px; }
.tit-search-result2 .more * { vertical-align: middle; }
.tit-search-result2 .print { position: absolute; right: 0; bottom: 0; line-height: 18px; font-weight: normal; margin-bottom: 3px; font-size: 12px; font-size: 1.2rem; }
.tit-search-result2 .print * { vertical-align: middle; }

.search-result-box { border: 1px solid #a3a2a2; margin-bottom: 10px; }
.search-result-box ul { width: 100%; overflow: hidden; margin: 2px 0; }
.search-result-box ul li { float: left; width: 33%; font-size: 14px; font-size: 1.4rem; line-height: 16px; padding: 10px 0; text-align: center; border-left: 1px dotted #b9b8b8; font-weight: bold; }
.search-result-box ul li strong { color: #b3392e; margin: 0 5px; }
.search-result-box ul li:first-child { border-left: 0; }
.search-result-box ul li span { color: #00a1e3; }

.search-condition { border-top: 1px solid #a9acb2; border-bottom: 2px solid #70747e; background: #ececec; padding-bottom: 10px; }
.search-condition ul { width: 100%; overflow: hidden; }
.search-condition ul li { padding: 5px 0 5px 30px; }
.search-condition ul li strong { font-weight: bold; display: inline-block; width: 85px; float: left; line-height: 25px; vertical-align: middle; }
.search-condition ul li:first-child { padding: 12px 0 12px 30px; border-bottom: 1px solid #b6b6b6; }
.search-condition ul li:first-child + li { border-top: 1px solid #fff; padding-top: 10px; }
.search-condition ul li .selectbox { display: block; margin-left: 85px; }
.search-condition ul li .selectbox + .selectbox { margin-top: 3px; }
.search-condition + .btn-list { margin-top: 10px; text-align: center; }

.search-result-list { width: 100%; overflow: hidden; }
.search-result-list dt { font-size: 14px; font-size: 1.4rem; display: block; position: relative; padding-top: 12px; line-height: 30px; }
.search-result-list dt a { font-weight: bold; }
.search-result-list dt a strong { color: #00a1e3; }
.search-result-list dt .dir { position: absolute; right: 0; font-size: 12px; font-size: 1.2rem; color: #777; line-height: 30px; }
.search-result-list dd { border-bottom: 1px solid #cecece; padding-bottom: 15px; padding-top: 5px; line-height: 1.5; }
.search-result-list dd .column { width: 100%; overflow: hidden; color: #777; margin: 15px 0 0 0; }
.search-result-list dd .column .floatL { float: left; }
.search-result-list dd .column .floatR { float: right; }
.search-result-list dd .tel { background: url("../images/renew/button_set.png") no-repeat -315px -220px; padding-left: 22px; display: inline-block; line-height: 18px; height: 18px; }

/* ------------------------- Service Info ------------------------- */
.service-info-box { font-size: 12px; font-size: 1.2rem; border: 1px solid #e3e3e3; border-radius: 10px; background: #fff; padding: 15px; color: #333; position: relative; line-height: 1.5; margin-bottom: 20px; overflow: hidden; }
.service-info-box .floatL { float: left; }
.service-info-box .floatL span:first-child { margin-right: 20px; }
.service-info-box .floatR { float: right; text-align: center; }

.color-box { border: 1px solid #e8edf4; border-radius: 5px; background: #e8edf4; padding: 15px; text-align: center; line-height: 1.5; margin-bottom: 15px; }
.color-box p:first-child { margin-bottom: 10px; }

/* ------------------------- Service Info Apprication  ------------------------- */
.agree-view { background: #fff url("../images/renew/icon_doc.png") no-repeat 4px 2px; padding: 2px 4px 2px 19px; }

.method-noti-list > li { line-height: 23px; padding: 5px 0; }
.method-noti-list > li .title { display: inline-block; width: 120px; }

.line-box { border: 1px solid #dfdede; padding: 10px 20px; }

/* ------------------------- Service Info List  ------------------------- */
.category { text-align: right; }
.category span { display: inline-block; border: 1px solid #dfdede; border-radius: 5px; padding: 3px 5px; margin-left: 5px; }
.category span:first-child { margin-left: 0; }

.app-center { background: #6eb520; padding: 0 3px; font-size: 12px; font-size: 1.2rem; font-weight: normal; color: #fff; display: inline-block; line-height: 18px; margin-left: 10px; text-indent: 0; }
.app-center span { background: url("../images/renew/button_set.png") no-repeat -44px -226px; width: 15px; height: 15px; display: inline-block; }

.app-online { background: #468701; padding: 0 3px; font-size: 12px; font-size: 1.2rem; font-weight: normal; color: #fff; display: inline-block; line-height: 18px; margin-left: 10px; text-indent: 0; }
.app-online span { background: url("../images/renew/button_set.png") no-repeat -78px -240px; width: 15px; height: 15px; display: inline-block; }

.service-item { border-top: 1px solid #dfdede; }
.service-item:first-child { border-top: 0; }

.service-list { padding-bottom: 10px; }
.service-list table { border: 0; padding: 0; table-layout: fixed; width: 100%; }
.service-list table th { text-align: left; padding: 3px 0 4px; line-height: 20px; vertical-align: top; color: #777; font-weight: normal; }
.service-list table td { padding: 3px 0 4px 15px; line-height: 20px; color: #333; }
.service-list table td p { margin: 0 0; text-align: justify; }
.service-list .update { color: #777; text-align: right; }

/* ------------------------- PopUp  ------------------------- */
.agree { line-height: 1.5; }
.agree h2, .agree h3 { font-size: 14px; font-size: 1.4rem; line-height: 30px; margin-top: 15px; background: none; padding: 0; font-weight: bold; color: #000; }
.agree h2 + div, .agree h3 + div { border: 1px solid #dcdcdc; padding: 5px 10px; color: #777; }
.agree h2 + div .dot, .agree h3 + div .dot { margin-top: 15px; padding-left: 8px; background: url("../images/renew/dot_gray.png") no-repeat 0 5px; }
.agree .int1 { text-indent: -15px; padding-left: 15px; }
.agree ol { margin: 10px 0; }
.agree li { margin-bottom: 10px; }
.agree li strong { font-size: 12px; }
.agree li p { text-indent: -15px; padding-left: 15px; }
.agree li .in1 { text-indent: 0; padding-left: 15px; }
.agree .check-agree { border: 1px solid #e4e4e4; background: #f4f3f3; padding: 10px; text-align: center; }
.agree .check-agree * { vertical-align: middle; }
.agree .detail { margin: 20px 0 15px; }
.agree .btn-list { text-align: center; }

.survey { line-height: 1.5; }
.survey .box { border: 1px solid #c6c5c5; padding: 10px; color: #777; margin-bottom: 15px; }
.survey .box .alR { text-align: right; }
.survey .btn-list { text-align: center; }
.survey ol > li { margin-bottom: 15px; vertical-align: middle; }
.survey ol > li strong { font-weight: normal; }
.survey ol > li strong span { color: #7dd154; font-size: 28px; font-size: 2.8rem; font-weight: bold; font-family: Arial, sans-serif; font-style: italic; }
.survey ol > li li { margin-bottom: 7px; margin-left: 20px; }
.survey ol > li li * { vertical-align: middle; }
.survey ol > li li input { margin-right: 3px; }

#popwrap.vsservice .pop_header { position: fixed; height: 132px; top: 0; z-index: 1000; }
#popwrap.vsservice .col-title { width: 1000px; margin: 0 auto; overflow: hidden; background: #fff; border-bottom: 2px solid #464e6b; position: relative; background: #fff url("../images/renew/vs_top.png") no-repeat right 20px; padding-top: 30px; }
#popwrap.vsservice .col-title .col-right { width: 790px; margin: 0 0 0 auto; overflow: hidden; background: url("../images/renew/vs_bg.png") repeat-y left top; }
#popwrap.vsservice .col-title .col-right .col1 { position: relative; width: 323px; float: left; padding: 0 60px 11px 10px; font-size: 14px; line-height: 18px; font-family: 'Nanum Reg', sans-serif !important; font-weight: normal !important; }
#popwrap.vsservice .col-title .col-right .col1 .posR { right: 10px; top: 0; color: #2e5ea5; }
#popwrap.vsservice .col-title .col-right .col2 { font-family: 'Nanum Reg', sans-serif !important; font-weight: normal !important; position: relative; width: 373px; float: left; padding: 0 10px 10px 10px; font-size: 14px; line-height: 18px; }
#popwrap.vsservice .pop_content { width: 1000px; margin: 132px auto 0; padding: 10px 0 30px; }
#popwrap.vsservice .pop_content .tbl-vs { background: url("../images/renew/vdot_pop.png") repeat-y 605px 0; border-top: 1px solid #70747e; margin-bottom: 20px; }
#popwrap.vsservice .pop_content .tbl-vs table { border-collapse: collapse; width: 100%; table-layout: fixed; }
#popwrap.vsservice .pop_content .tbl-vs th, #popwrap.vsservice .pop_content .tbl-vs td { border-bottom: 1px solid #dfdede; font-size: 12px; font-size: 1.2rem; vertical-align: middle; }
#popwrap.vsservice .pop_content .tbl-vs th img, #popwrap.vsservice .pop_content .tbl-vs td img { vertical-align: middle; }
#popwrap.vsservice .pop_content .tbl-vs th { line-height: 1.3; padding: 6px 10px; background: #f5f5f5; text-align: left; }
#popwrap.vsservice .pop_content .tbl-vs th.title { text-align: center; padding: 6px 0; background: #70747e; color: #fff; }
#popwrap.vsservice .pop_content .tbl-vs td { line-height: 23px; padding: 6px 10px; }

/* ------------------------- Form Guide ------------------------- */
.form-guide { width: 80%; margin: 10px 0; }
.form-guide dt { display: block; position: relative; cursor: pointer; padding: 0; background: #fff; line-height: 25px; height: 25px; color: #fff; padding-left: 10px; font-weight: bold; background: url("../images/renew/faq_dt_bg.png") repeat-x left top; }
.form-guide dt span { display: inline-block; background: url("../images/renew/button_set.png"); background-position: -416px -200px; width: 30px; height: 25px; position: absolute; right: 0; top: 0; }
.form-guide dt.act span { background-position: -446px -200px; }
.form-guide dd { display: none; background: #fff; padding: 10px; position: relative; border: 1px solid #b8b8b8; border-top: 0; }
.form-guide dd.view { display: block; }
.form-guide dd.view .caution li { background: url("../images/renew/red_dot.png") no-repeat 0 7px; padding-left: 7px; line-height: 1.5; }
.form-guide .exam { border: 1px solid #dfdede; margin-top: 10px; }
.form-guide .exam .exam-tit { background: #fff; color: #509b00; font-weight: normal; line-height: 18px; padding: 3px 10px; }
.form-guide .exam .exam-tit span { display: inline-block; width: 13px; height: 13px; background: url("../images/renew/button_set.png") no-repeat -380px -204px; position: static; margin-right: 5px; }
.form-guide .exam .exam-cont { padding: 10px 15px; background: #f5f5f5; line-height: 1.5; }
.form-guide .exam .exam-cont .red { color: #f00; }

/* ------------------------- 현황판  ------------------------- */
.status-board { width: 100%; overflow: hidden; }
.status-board .tit { font-size: 12px; line-height: 1.5; margin-bottom: 10px; }
.status-board .tit strong { color: #0290fd; }
.status-board .map-area { float: left; width: 608px; }
.status-board .status-list { width: 375px; float: right; }
.status-board .status-list .scroll { height: 519px; overflow-y: scroll; }
.status-board .status-list .status-tbl { border-top: 2px solid #01a1dd; width: 355px; }
.status-board .status-list .status-tbl table { border-collapse: collapse; width: 100%; }
.status-board .status-list .status-tbl table th, .status-board .status-list .status-tbl table td { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; line-height: 1.5; padding: 7px 5px; }
.status-board .status-list .status-tbl table th:first-child, .status-board .status-list .status-tbl table td:first-child { border-left: 0; }
.status-board .status-list .status-tbl table th .tar, .status-board .status-list .status-tbl table td .tar { text-align: right; }
.status-board .status-list .status-tbl table thead th { background: #ededed; }
.status-board .status-list .status-tbl table tbody td { text-align: center; }
.status-board .status-list .status-tbl table tfoot th { background: #495058; color: #fff; font-weight: normal; }
.status-board .map { border: 1px solid #afafaf; background: url("../images/renew/map_bg.png") repeat-x left top; min-height: 519px; position: relative; }
.status-board .mapall { position: relative; width: 338px; margin: 30px auto 0; }
.status-board .mapall .map-local { position: absolute; left: 0; top: 0; }
.status-board .country { background: url("../images/renew/earth.png") no-repeat left top; height: 44px; width: 127px; position: absolute; left: 15px; top: 10px; }
.status-board .country p { font-size: 12px; line-height: 21px; padding: 0 0 0 65px; }
.status-board .country p:first-child { line-height: 18px; padding: 3px 0 0 52px; color: #f7ed4d; }
.status-board .local-list li { margin: 6px 0; width: 112px; }
.status-board .local-box { padding: 1px; border: 2px solid #747474; border-radius: 3px; background: #fff; height: 44px; width: 114px; position: absolute; left: 15px; cursor: pointer; -webkit-box-shadow: 3px 5px 10px #5d5d5d; -moz-box-shadow: 3px 5px 10px #5d5d5d; box-shadow: 3px 5px 10px #5d5d5d; }
.status-board .local-box.act { padding: 0; border: 3px solid #ff4200; }
.status-board .local-box a { display: block; }
.status-board .local-box p { text-align: center; line-height: 1.5; margin-bottom: 3px; }
.status-board .local-box .ranking { background: url("../images/renew/icon_ranking.png") no-repeat left top; padding: 0 5px 0 17px; display: inline-block; border-bottom: 1px solid #afafaf; color: #333; line-height: 19px; margin-left: 13px; }
.status-board .local-box .member span { display: inline-block; width: 50px; height: 20px; line-height: 20px; text-align: center; }
.status-board .local-box .member .lv1 { background: url("../images/renew/lv1.png") no-repeat left top; }
.status-board .local-box .member .lv2 { background: url("../images/renew/lv2.png") no-repeat left top; }
.status-board .local-box .member .lv3 { background: url("../images/renew/lv3.png") no-repeat left top; }
.status-board .local-box[data-local=seoul] { top: 65px; }
.status-board .local-box[data-local=incheon] { top: 121px; }
.status-board .local-box[data-local=gyeonggi] { top: 177px; }
.status-board .local-box[data-local=chungnam] { top: 233px; }
.status-board .local-box[data-local=sejong] { top: 289px; }
.status-board .local-box[data-local=daejeon] { top: 345px; }
.status-board .local-box[data-local=jeonbuk] { top: 401px; }
.status-board .local-box[data-local=gwangju] { top: 457px; }
.status-board .local-box[data-local=gangwon] { right: 15px; left: auto; top: 9px; }
.status-board .local-box[data-local=chungbuk] { right: 15px; left: auto; top: 65px; }
.status-board .local-box[data-local=gyeongbuk] { right: 15px; left: auto; top: 121px; }
.status-board .local-box[data-local=daegu] { right: 15px; left: auto; top: 177px; }
.status-board .local-box[data-local=gyeongnam] { right: 15px; left: auto; top: 233px; }
.status-board .local-box[data-local=ulsan] { right: 15px; left: auto; top: 289px; }
.status-board .local-box[data-local=busan] { right: 15px; left: auto; top: 345px; }
.status-board .local-box[data-local=jeonnam] { right: 15px; left: auto; top: 401px; }
.status-board .local-box[data-local=jeju] { right: 15px; left: auto; top: 457px; }
.status-board .legend { position: absolute; left: 300px; bottom: 20px; }
.status-board .legend strong { font-weight: normal; }
.status-board .legend table { border: 0; border-collapse: collapse; width: 100%; }
.status-board .legend table td { border: 1px solid #c4c4c7; padding: 5px 3px; text-align: center; }
.status-board .legend .column { margin-top: 5px; width: 142px; overflow: hidden; }
.status-board .legend .column .floatL { float: left; width: 90px; }
.status-board .legend .column .floatR { float: right; }
.status-board .legend .column .floatR li { margin-bottom: 3px; }
.status-board .legend .column .floatR li span { width: 12px; height: 12px; display: inline-block; margin-right: 5px; }
.status-board .legend .column .floatR li span.lv1 { background: #98e3f8; }
.status-board .legend .column .floatR li span.lv2 { background: #f4cf4e; }
.status-board .legend .column .floatR li span.lv3 { background: #f3a479; }

/* ------------------------- login  ------------------------- */
.loginbox { width: 100%; overflow: hidden; margin: 10px 0 20px; position: relative; }
.loginbox .tab { height: 36px; border-bottom: 1px solid #c4c2c2; width: 100%; }
.loginbox .tab > li { width: 288px; float: left; height: 35px; line-height: 35px; border: 1px solid #E8E8EB; border-bottom: 1px solid #c4c2c2; background: #e3e3e3; margin-bottom: -1px; overflow: hidden; position: relative; text-align: center; }
.loginbox .tab > li a { font-size: 16px; font-size: 1.6rem; font-family: 'Nanum Reg', sans-serif !important; font-weight: normal !important; text-decoration: none; color: #777; display: block; padding: 0 30px; /*border: 1px solid #fff;*/ }
.loginbox .tab > li.current { padding: 0; border: 0; border: 1px solid #ADACB1; border-bottom: 1px solid #fff; }
.loginbox .tab > li.current a { font-size: 16px; font-size: 1.6rem; font-family: 'NanumBold', sans-serif !important; font-weight: normal !important; background: #fff; color: #333; font-weight: bold; }

.loginPage { text-align: center; padding: 60px 0; }
.loginPage h3 { font-size: 36px; font-size: 3.6rem; line-height: 1.5; font-family: 'NanumBold', sans-serif; }
.loginPage p { font-size: 14px; font-size: 1.4rem; line-height: 1.5; font-family: Nanum, sans-serif; }
.loginPage .loginbox { width: 580px; margin: 20px auto; overflow: hidden; text-align: left; }
.loginPage .loginbox h4 { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; line-height: 1.5; }
.loginPage .loginbox .tab-contents { border: 1px solid #c4c2c2; border-top: 0; }
.loginPage .loginbox .id-login { width: 420px; margin: 0 auto; padding: 30px 30px 20px; }
.loginPage .loginbox .id-login .app-login { position: relative; }
.loginPage .loginbox .id-login .app-login button.btn-login { position: absolute; right: 0; top: 0; background: url("../images/renew/id_login.png") no-repeat left top; width: 108px; height: 108px; font-size: 18px; font-size: 1.8rem; color: #fff; line-height: 108px; text-align: center; font-family: 'NanumBold', sans-serif; }
.loginPage .loginbox .id-login li { margin-bottom: 6px; }
.loginPage .loginbox .id-login li input { font-size: 12px; font-size: 1.2rem; margin: 0; padding: 0 5px 0 5px; border: 1px solid #d9d9d9; background: #fff; color: #333; line-height: 1.5; height: 23px; box-sizing: content-box; line-height: 18px; height: 18px; padding: 15px 5px 16px; width: 288px; }
.loginPage .loginbox .id-login .captcha { margin: 10px 0; }
.loginPage .loginbox .id-login .captcha ul { width: 100%; overflow: hidden; }
.loginPage .loginbox .id-login .captcha ul > li { float: left; margin-left: 14px; }
.loginPage .loginbox .id-login .captcha ul > li img#captchaImage { width: 100px; height: 40px; }
.loginPage .loginbox .id-login .captcha ul > li img#captchaSound { width: 32px; height: 32px; }
.loginPage .loginbox .id-login .captcha ul > li:first-child { margin-left: 0; border: 1px solid #c4c2c2; text-align: center; padding: 0 10px; }
.loginPage .loginbox .id-login .captcha ul > li:first-child + li { width: 275px; }
.loginPage .loginbox .id-login .captcha ul > li:first-child + li p { font-size: 11px; font-size: 1.1rem; }
.loginPage .loginbox .id-login .captcha ul > li:first-child + li input.inbox { width: 162px; height: 27px; padding: 0; margin-right: 8px; }
.loginPage .loginbox .id-login .captcha ul > li:first-child + li + li { width: 90px; }
.loginPage .loginbox .gpki-login { width: 420px; margin: 0 auto; padding: 30px; }
.loginPage .loginbox .gpki-login button { display: block; margin: 30px auto 14px; background: url("../images/renew/gpki_login.png") no-repeat left top; width: 290px; height: 60px; font-size: 18px; font-size: 1.8rem; color: #fff; line-height: 60px; text-align: center; font-family: 'NanumBold', sans-serif; }
.loginPage .join-menual { width: 100%; border: 1px solid #c4c2c2; overflow: hidden; margin-top: 10px; font-size: 0; }
.loginPage .join-menual > li { font-size: 14px; font-size: 1.4rem; float: left; width: 210px; text-align: center; line-height: 30px; height: 30px; margin: 0 !important; }
.loginPage .join-menual > li * { vertical-align: middle; }
.loginPage .join-menual > li:first-child { width: 209px; border-right: 1px solid #c4c2c2; }
.loginPage .join-menual > li .join-member, .loginPage .join-menual > li .user-menual { font-size: 14px; font-size: 1.4rem; font-family: 'Nanum Reg', sans-serif !important; font-weight: normal !important; line-height: 30px; display: block; color: #333; text-align: center; }
.loginPage .join-menual > li .join-member span, .loginPage .join-menual > li .user-menual span { display: inline-block; width: 12px; height: 13px; background: url("../images/renew/button_set.png") no-repeat -536px -205px; margin: 0 3px 2px 0; }
.loginPage .join-menual > li .user-menual span { background: url("../images/renew/button_set.png") no-repeat -559px -205px; }
.loginPage .login-description { width: 510px; margin: 0 auto 30px; background: url("../images/renew/login_desc.png") no-repeat left center; }
.loginPage .login-description > li { line-height: 1.5; margin-bottom: 7px; background: url("../images/renew/arrow_r.png") no-repeat 73px 4px; padding-left: 92px; }
.loginPage .login-description > li p { font-size: 14px; font-size: 1.4rem; letter-spacing: -1px; }
.loginPage .login-description > li p.acc { color: #b3392e; }
.loginPage .login-description > li p.acc a { color: #b3392e; text-decoration: underline; }

/* ------------------------- 공통 Error 페이지  ------------------------- */
.error-box { border: 7px solid #e9e9e9; padding: 25px 125px; width: 460px; margin: 40px auto 0; }
.error-box .message { text-align: center; background: url("../images/renew/icon_exclamation.png") no-repeat center top; padding-top: 75px; font-size: 24px; font-size: 2.4rem; line-height: 1.5; font-family: 'NanumBold', sans-serif; letter-spacing: -1px; }
.error-box .message span { color: #01a1dd; }
.error-box .err-cont { margin: 25px 0 20px; padding-bottom: 25px; font-family: Nanum, sans-serif; color: #777; line-height: 1.7; font-size: 14px; font-size: 1.4rem; border-bottom: 1px solid #cdcccc; }
.error-box .ask-info { color: #777; }
.error-box .ask-info strong { color: #01a1dd; background: url("../images/renew/icon_receiver.png") no-repeat left top; padding-left: 15px; }
.error-box .btn-list { text-align: center; }

.space { letter-spacing: -4px; color: #F00; }

/* ------------------------- 비밀번호 변경  ------------------------- */
.changepw { border: 1px solid #c5c5c5; padding: 20px 40px; margin-top: 20px; }
.changepw .message { background: url("../images/renew/warnning.png") no-repeat left top; padding-left: 68px; line-height: 33px; width: 350px; margin: 0 auto; text-align: left; height: 66px; margin-bottom: 20px; }
.changepw .message p { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 1.8; font-family: 'NanumBold', sans-serif; }
.changepw .message > p + p { color: #b3392e; }
.changepw .message .msg-single { line-height: 56px; }
.changepw .chpw { text-align: left; }
.changepw .chpw input { font-size: 12px; font-size: 1.2rem; margin: 0; padding: 0 5px 0 5px; border: 1px solid #d9d9d9; background: #fff; color: #333; line-height: 1.5; height: 23px; box-sizing: content-box; line-height: 38px; height: 38px; }
.changepw .chpw .curpw { width: 466px; border-bottom: 1px solid #e3e3e3; padding-bottom: 15px; }
.changepw .chpw .curpw label { display: inline-block; width: 120px; padding-left: 10px; font-family: Nanum, sans-serif; font-size: 14px; font-size: 1.4rem; }
.changepw .chpw .curpw .msg { padding-left: 140px; color: #f00; }
.changepw .chpw .curpw .msg + label { font-size: 12px; display: block; padding: 0; width: auto; padding: 5px 0 0 135px; color: #f00; }
.changepw .chpw .newpw { position: relative; width: 100%; margin-top: 15px; }
.changepw .chpw .newpw li { margin-top: 10px; }
.changepw .chpw .newpw li label { display: inline-block; width: 120px; padding-left: 10px; color: #b3392e; font-family: Nanum, sans-serif; font-size: 14px; font-size: 1.4rem; }
.changepw .chpw .newpw li .msg { padding-left: 140px; color: #f00; }
.changepw .chpw .newpw li .msg + label { font-size: 12px; display: block; padding: 0; width: auto; padding: 5px 0 0 135px; color: #f00; }
.changepw .chpw .newpw .pw-desc { position: absolute; left: 52%; top: 0; }
.changepw .chpw .newpw .pw-desc p { background: url("../images/renew/sm_dot.png") no-repeat 0 9px; padding-left: 10px; }
.changepw .btn-list { margin-top: 30px; text-align: center; }
.changepw .btn-list a { background: url("../images/renew/btn_green.png") no-repeat left top; line-height: 40px; color: #fff; width: 180px; display: inline-block; font-family: 'NanumBold', sans-serif; font-size: 18px; font-size: 1.8rem; }
.changepw .btn-list > a + a { background: url("../images/renew/btn_gray.png") no-repeat left top; }

/* ------------------------- 순위통계  ------------------------- */
.ranking-tbl { width: 100%; overflow: hidden; margin-top: 10px; }
.ranking-tbl > li { float: left; width: 32%; margin-left: 2%; }
.ranking-tbl > li:first-child { margin-left: 0; }
.ranking-tbl .tbl-basic { border-top: 2px solid #333; border-bottom: 1px solid #333; }
.ranking-tbl .tbl-basic thead th { text-align: center; border: 1px solid #ccc; padding: 10px 0; background: #deebfd; }
.ranking-tbl .tbl-basic tbody td { text-align: center; border: 1px solid #ccc; padding: 5px 0; background: #f7eedf; }
.ranking-tbl .tbl-basic tbody td + td + td { text-align: right; padding: 5px 10px 5px 10px; }
.ranking-tbl .tbl-basic tbody td.no-cont { height: 159px; text-align: center; background: #fff; }

/* ------------------------- Page Title Level ------------------------- */
.tlv1 { font-size: 30px; font-size: 3rem; font-family: 'Nanum Reg', sans-serif !important; font-weight: normal !important; line-height: 1; padding: 7px 0 5px; color: #000; position: relative; }
.tlv1 strong { color: #b3392e; font-family: 'Nanum Reg', sans-serif !important; font-weight: normal !important; }
.tlv1.normal { font-family: 'Nanum Reg', sans-serif !important; font-weight: normal !important; }

.tlv2 { font-size: 18px; font-size: 1.8rem; font-family: 'NanumBold', sans-serif !important; font-weight: normal !important; font-weight: normal; line-height: 1; padding: 7px 0 5px; color: #000; position: relative; }
.tlv2 strong { color: #b3392e; }
.tlv2.normal { font-family: 'Nanum Reg', sans-serif !important; font-weight: normal !important; }

.tlv3 { font-size: 16px; font-size: 1.6rem; font-family: 'NanumBold', sans-serif !important; font-weight: normal !important; font-weight: normal; line-height: 1; padding: 7px 0 5px; color: #333; position: relative; }
.tlv3.normal { font-family: 'Nanum Reg', sans-serif !important; font-weight: normal !important; }

/* ------------------------- 로그인 Wrapper ------------------------- */
.login-page .title-wrap { text-align: center; padding-bottom: 25px; margin-bottom: 30px; }
.login-page .title-wrap h4 { font-weight: normal; font-size: 36px; font-size: 3.6rem; font-family: Nanum, sans-serif !important; line-height: 1.5; }
.login-page .title-wrap h4 + p { font-size: 14px; font-size: 1.4rem; color: #333; }
.login-page .title-wrap.nobor { border: 0; margin-bottom: 0; }

.valid { font-size: 12px; font-size: 1.2rem; margin-left: 20px; color: #b3392e; }
@media only screen and (max-width: 960px) { .valid { display: block; margin: 5px 0 0 0; } }
.valid.gray { color: #666666; }

/* ------------------------- 약관동의  ------------------------- */
.login-page .agree { margin-bottom: 30px; color: #333; text-align: center; }
.login-page .agree:before { display: inline-block; content: ''; font-size: 30px; font-size: 3rem; background: url("../images/renew/quotation_start.png") no-repeat left top; width: 20px; height: 15px; color: #777; }
.login-page .agree:after { display: inline-block; content: ''; font-size: 30px; font-size: 3rem; background: url("../images/renew/quotation_end.png") no-repeat right bottom; width: 20px; height: 15px; color: #777; }
.login-page .clause-box { border: 1px solid #ccc; padding: 10px; overflow-y: scroll; margin: 0 0 5px 0; color: #777; line-height: 1.5; min-height: 140px; }
.login-page .clause-check { text-align: right; font-size: 13px; font-size: 1.3rem; }
.login-page .box-wrap { border: 1px solid #ccc; padding: 20px 0; }

@font-face { font-family: 'noto-l'; font-weight: normal; src: url(../font/NotoSansCJKkr-DemiLight.eot); src: local(※), url(../font/NotoSansCJKkr-DemiLight.woff) format("woff"); }
@font-face { font-family: 'noto-m'; font-weight: normal; src: url(../font/NotoSansCJKkr-Medium.eot); src: local(※), url(../font/NotoSansCJKkr-Medium.woff) format("woff"); }
@font-face { font-family: 'noto-b'; font-weight: normal; src: url(../font/NotoSansCJKkr-Bold.eot); src: local(※), url(../font/NotoSansCJKkr-Bold.woff) format("woff"); }
.print-head, .print-foot { display: none; }

.service-list .cell-tit { width: 85px; }
.service-list col { width: auto; }

/* ------------------------- Print cover  ------------------------- */
.cover-wrap { width: 1000px; overflow: hidden; margin: 0 auto; font-family: Batang, serif; color: #000; line-height: 1.5; }
.cover-wrap .description { border: 1px solid #000; padding: 5px 10px 5px 5px; text-align: left; }
.cover-wrap .description p { letter-spacing: -1px; font-size: 13pt; font-family: Batang, serif; text-align: justify; }
.cover-wrap .spot { position: absolute; left: 1px; bottom: 10px; right: 1px; text-align: center; font-family: 'noto-l', sans-serif; font-size: 15pt; }
.cover-wrap .spot strong { font-size: 22pt; font-family: 'noto-b', sans-serif; }
.cover-wrap .spot .part { margin-bottom: 30px; }

.cover { border: 1px solid #000; padding: 10px; width: 978px; min-height: 1300px; position: relative; margin-bottom: 18px; }
.cover .cont-top { width: 100%; overflow: hidden; margin-bottom: 45px; }
.cover .cont-top .number { font-family: Batang, serif; font-size: 13pt; float: left; }
.cover .cont-top .logo { float: right; }
.cover .title { padding-left: 31px; overflow: hidden; }
.cover .title .tit { text-align: center; font-size: 15pt; font-family: Batang, serif; letter-spacing: -1px; }
.cover .title .tit strong { font-size: 30pt; font-family: 'noto-b'; font-weight: normal; letter-spacing: -2px; }
.cover .infodate { font-size: 14pt; text-align: right; padding-right: 60px; }
.cover .qrcode { margin-right: 15pt; }
.cover .qrcode img { border: 1px solid #333; width: 62px; height: 62px; vertical-align: middle; }
.cover .service-list { margin: 10px 50px 10px 80px; padding-bottom: 0; }
.cover .service-list li { font-size: 14pt; line-height: 1.8; font-family: 'noto-l', sans-serif; vertical-align: middle; }
.cover .service-list li img { vertical-align: middle; margin-left: 7px; }
.cover .service-list li .app-center { background: #6eb520; padding: 0 3px; font-size: 11pt; font-weight: normal; color: #fff; display: inline-block; line-height: 18pt; margin-left: 10px; vertical-align: middle; font-family: Gulim, sans-serif; }
.cover .service-list li .app-center span { background: iamge("button_set.png") no-repeat -44px -226px; width: 15px; height: 15px; display: inline-block; line-height: 1.5; vertical-align: middle; }
.cover .service-list li .app-online { background: #468701; padding: 0 3px; font-size: 11pt; font-weight: normal; color: #fff; display: inline-block; line-height: 1.5; margin-left: 10px; vertical-align: middle; font-family: Gulim, sans-serif; }
.cover .service-list li .app-online span { background: iamge("button_set.png") no-repeat -78px -240px; width: 15px; height: 15px; display: inline-block; line-height: 1.5; vertical-align: middle; }
.cover .more { font-family: Batang, serif; font-size: 15pt; text-align: right; padding-right: 50px; margin: 20pt 0 40pt; }

/* ------------------------- Print Style  ------------------------- */
@media print { body { position: relative; }
  .service-list { padding-left: 15pt; }
  .service-list .cell-tit { width: 115px; }
  .service-list col { width: auto; }
  .service-list table th { text-align: left; padding: 3pt 0 4pt 15pt; line-height: 1.5; vertical-align: top; letter-spacing: 0; font-family: 'noto-m', sans-serif; letter-spacing: 0; font-size: 13pt; color: #000 !important; }
  .service-list table td { padding: 3pt 0 4pt 0; line-height: 1.5; color: #333; letter-spacing: -1pt; font-family: Batang, serif; lettsr-spacing: -2px; font-size: 13pt; }
  .service-list table td p { margin: 0 0 3px 0; padding-left: 18px; text-indent: -18px; line-height: 1.5; }
  .service-list table td li { line-height: 1.5; }
  .tit-service { font-size: 15pt; font-weight: normal; font-family: 'noto-m', sans-serif; color: #000; margin: 18px 0 0; line-height: 18pt; position: relative; }
  .tit-service * { vertical-align: middle; }
  .tit-service a { font-size: 15pt; line-height: 18pt; color: #000; }
  .tit-service .direction { position: absolute; right: 0; color: #333; font-weight: normal; }
  .tit-service.bor { margin: 19px 0 15px; padding-bottom: 10px; line-height: 25px; border-bottom: 2px solid #333; }
  .tit-service .tit { background: #365cbf; padding: 2px 3px; color: #fff; line-height: 1.5; font-size: 12pt; font-family: 'noto-b', sans-serif; vertical-align: bottom; }
  .tit-service .tit i { display: none; }
  .service-list { padding-bottom: 20px; }
  .service-list .update { display: none; }
  .service-item { border-top: 1px dashed #666; padding: 0 1em; }
  #header, .depart, nav, h1.logo, .search-lay, .login, .nav, .sub-nav, .footer, .con_head, .service-info-box, .tit-service-info .posR, .foot-util, .address { display: none; }
  .print-head { display: block; border-bottom: 1px solid #000; font-family: Batang, serif; letter-spacing: -1pt; font-size: 13pt; line-height: 1.8; height: 25px; padding: 0 0.5em 0.5em; }
  .print-head .floatL { float: left; line-height: 1.8; }
  .print-head .floatR { float: right; line-height: 1.8; }
  .print-foot { display: block; overflow: hidden; border-top: 2px solid #000; font-family: Batang, serif; letter-spacing: -1px; font-size: 13pt; line-height: 1.8; padding: 0.5em 0.5em 0; height: 55px; position: relative; text-align: center; }
  .print-foot .posL { position: absolute; left: 0; top: 0.1em; line-height: 1.8; text-align: left; }
  .print-foot .posR { position: absolute; right: 0; top: 0.5em; line-height: 1.8; text-align: right; font-size: 13pt; }
  .service-list table th { padding: 3px 0 4px; }
  .service-list table td { padding: 3px 0 4px 0; vertical-align: top; }
  .app-center { font-size: 12pt; font-family: 'noto-m', sans-serif !important; }
  .app-center span { display: inline-block; }
  .app-online { font-size: 12pt; font-family: 'noto-m', sans-serif !important; }
  .app-online span { display: inline-block; }
  .service-item { page-break-after: auto; }
  .app-center, .app-online { font-size: 12pt; line-height: 1.5; font-family: Gulim, sans-serif; vertical-align: bottom; }
  .tit-service-info { border-bottom: 0; padding: 0 0.5em; margin-bottom: 1em; }
  .tit-service-info .vbase { font-family: 'noto-l', sans-serif !important; letter-spacing: -2px; font-weight: normal; color: #000; font-size: 15pt; }
  .tit-service-info .vbase strong { border: 0; color: #000; }
  .category { font-size: 12pt; line-height: 1.2; } }
/* ------------------------- Popup Print ------------------------- */
@media print { #popwrap .pop_header { position: relative; width: 100%; background: none; border-bottom: 0; height: 50px; padding: 0; }
  #popwrap .pop_header h1 { background: none; font-family: Gulim, sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 50px; height: 50px; padding: 0; }
  #popwrap .pop_header h1 span { border-left: 2px solid #98d9fe; padding-left: 10px; margin-left: 10px; color: #333; }
  #popwrap .pop_content { border-left: 0; border-right: 0; border-bottom: 0; margin: 0; padding: 10px 10px 30px 10px; } }
/* ------------------------- Popup Print ------------------------- */
.print-sec { font-size: 14px; line-height: 1.5; }
.print-sec h1 { font-size: 30px; text-align: center; }
.print-sec table { width: 100%; padding: 0; margin: 0; border: 0; border-collapse: collapse; table-layout: fixed; margin-bottom: 5px; }
.print-sec table th, .print-sec table td { padding: 8px 5px; border: 1px solid #333; }
.print-sec table th { font-size: 16px; font-weight: normal; }
.print-sec table th p { font-size: 13px; }
.print-sec table .reset { padding: 0; }
.print-sec table.top td { background: #bbb; }
.print-sec table.half-noline { border: 0; }
.print-sec table.half-noline td { border: 0; text-align: right; font-size: 16px; font-size: 1.6rem; }
.print-sec table.row td { border: 0; border-top: 1px solid #333; border-bottom: 3px solid #333; }
.print-sec table.hside td { border-right: 0; }
.print-sec table.hside td:first-child { border-left: 0; }
.print-sec table .noti { font-size: 12px; font-size: 1.2rem; }
.print-sec .alignR { text-align: right; }
.print-sec .alignR .year { display: inline-block; width: 80px; }
.print-sec .alignR .month, .print-sec .alignR .day { display: inline-block; width: 40px; }
.print-sec .check span { display: inline-block; width: 20px; text-align: center; }
.print-sec .check:before { content: '['; display: inline-block; }
.print-sec .check:after { content: ']'; display: inline-block; }
.print-sec .col5 { width: 80%; overflow: hidden; }
.print-sec .col5 > li { float: left; width: 20%; }
.print-sec .method { border-top: 3px solid #5D5D5D; background: #bbb; border-bottom: 1px solid #5D5D5D; padding: 10px; text-align: center; font-size: 16px; }
.print-sec .process { list-style: none; font-size: 0px; margin-left: -2.5%; border-bottom: 1px solid #333; margin-top: 10px; margin-bottom: 10px; }
.print-sec .process > li { position: relative; display: inline-block; margin: 0 0 0 2.5%; background: #fff; font-size: 15px; vertical-align: top; width: 17.5%; text-align: center; }
.print-sec .process > li .box { border: 1px solid #ccc; min-height: 50px; }
.print-sec .process > li .pos { position: absolute; left: -11.5%; top: 12px; }
.print-sec .desc { margin: 5px 20px; padding: 0 10px; font-size: 14px; }


/* 2016.10.06 수정 */
.lay-cont h2.tit-detail { border: 1px solid #e3e3e3; border-radius: 3px; background: #f5f5f5; padding: 15px;
    font-size: 14px; font-size: 1.4rem; color: #1f5c9b; font-weight: bold; position: relative; line-height: 1.5; margin-bottom: 20px; }
.lay-cont h2.tit-detail .posR { position: absolute; right: 15px; top: 13px; }
.button.light .pass { background-position: -420px -221px; }
.button.light .change { background-position: -451px -221px }

.lay-cont .column { width: 100%; overflow: hidden; }
.lay-cont .column strong.tit { background: url(../images/renew/sm_dot.png) no-repeat 0 3px;
    padding-left: 8px; }
.lay-cont .column strong.tit span { color: #ff0000; }
.lay-cont .column .col-inner { border: 1px solid #70747e; padding: 10px 5px 10px 10px; margin-top: 10px; }
.lay-cont .col-cont { float: left; width: 325px; margin-right: 10px; }
.lay-cont .col-cont .col-inner {  overflow-y: scroll; }
.lay-cont .col-cont .scroll-box { }
.lay-cont .col-cont dt { background: #f3f1f1; line-height: 25px; padding: 0 10px; font-weight: bold; }
.lay-cont .col-cont dd { margin: 10px 0 15px; line-height: 1.3;}
/* .lay-cont .col-cont dd strong { text-decoration: underline; color: #ff0000; font-weight: bold; cursor: pointer; } */

.lay-cont .change-text { font-family: Gulim, '굴림', sans-serif; width: 145px;}
.lay-cont .col-recommend { float: left; width: 325px; }
.lay-cont .col-recommend .passZone * { vertical-align: top; }
.lay-cont .chose-text { background: #f3f1f1; line-height: 25px; padding: 0 10px; width: 200px; display: inline-block; text-decoration: underline; color: #ff0000; font-weight: bold; height: 25px;}
.col-recommend table { width: 100%; border-collapse: collapse; padding: 0; margin: 5px 0 0 0; }
.col-recommend th { text-align: left; vertical-align: top; padding: 10px 0; }
.col-recommend td { padding: 5px; vertical-align: top; }
.col-recommend .rtextWrap { }
.col-recommend .rcommend-list { border: 1px solid #d9d9d9; width: 232px; background: #fff; overflow-y: scroll; height: 68px; }
.col-recommend .rcommend-list a { display: block; padding: 5px; }
.col-recommend .rcommend-list a:hover { background: #dae9fa; }
.col-recommend .rtext { background: #fff; line-height: 23px; padding: 0 5px; width: 222px; height: 23px; border: 1px solid #d9d9d9; }
.col-recommend .scroll-box { border: 1px solid #d9d9d9; min-height: 180px; padding: 10px 10px 10px 10px; overflow-y: scroll; width: 212px; line-height: 1.5;}

.tbl-detail { margin: 10px 0; text-align: right; }
.lay-cont .column .col-inner { min-height: 350px; } /* 높이값 */

.columnWrap { width: 100%; overflow: hidden; }
.columnWrap .col-half { float: left; width: 49%;}
.columnWrap .col-half:first-child { float: left; width: 40%;}
.columnWrap .col-half:first-child .justify { display: inline-block; width: 150px; }
.columnWrap .col-half .justify { display: inline-block; width: 200px; }

.txt-email { width:497px;display: inline-block;}
.txt-mail { width:640px;display: inline-block; }
.txt-delegate { width: 245px;display:inline-block;margin: 0 15px 0 40px; text-align: right}
.txt-sign { width: 185px;display:inline-block;margin: 0 15px 0 40px; text-align: right}
.target strong { display: inline-block; }
.target .target-to { display: inline-block; vertical-align: top; line-height: 42px; margin-left: 20px; }

.lay-pop .tit-service { background: url("../images/renew/pop_arrow_open.png") no-repeat right 15px; padding-bottom: 15px; padding-left: 0; text-indent: 0; }
.lay-pop .tit-service > a { display: block; }
.lay-pop .tit-service .app-center, .lay-pop .tit-service .app-online { margin-left: 0; margin-right: 10px; }
.lay-pop .tit-service.active { background: url("../images/renew/pop_arrow_close.png") no-repeat right 15px; }
.lay-pop .tit-service.active + .service-list { display: block; border-top: 1px solid #dfdede; }
.lay-pop .tit-service + .service-list { display: none; background: #fafafa; padding: 10px 0; }
.sort-wrap { vertical-align: middle; line-height: 24px; }
.sort-wrap * { vertical-align: middle; }
.sort { position: relative; display: inline-block; width: 15px; line-height: 1; font-size: 0; }
.sort a { font-size: 12px; display: inline-block; width: 15px; height: 10px; line-height: 10px; cursor: pointer; text-decoration: none; }
.alC { text-align: center; margin-top: 5px; }
.gray-box { border: 1px solid #c6c5c5; margin: 25px 0 30px; padding: 15px 15px; }
.gray-box li { background: url("../images/renew/sm_dot.png") no-repeat 0 10px; line-height: 24px; padding-left: 10px; color: #777; }
.msg { margin-top: 20px; }
.msg li { line-height: 1.5; margin: 5px 0; }

.button.light .pdf { background: url("../images/icon/ico_file_pdf.gif") no-repeat 0 0; margin-top: 5px; margin-left: 3px;}
.button.light .pdf + a { font-weight: normal; }
.icon-pdf { vertical-align: middle; margin-top: -3px;}

/* 2016.12.09 */
.link-loading-status { background: #f7f7f7; border: 1px solid #d9d9d9; margin: 10px 0;padding: 0 10px; }
.link-result { background: #f7f7f7; border: 1px solid #d9d9d9; margin: 10px 0;padding: 0 10px 10px; }
.link-list { background: #fff; border: 1px solid #ebeaea;padding: 10px;}
.link-list li { background: url('../images/renew/dot_gray.png') no-repeat left center; padding-left: 10px; }

/*# sourceMappingURL=renew.css.map */