@charset "utf-8";

html {overflow-y:scroll;}
body {margin:10px 5px; padding:0; font-weight:normal; font-size:10pt; line-height:160%; font-family:"돋움",dotum,sans-serif; color:#555; background:#CCC0B7 url('img/body_bg.png') repeat-x fixed left bottom;}
a {text-decoration:none; color:#55F;}
a:hover {text-decoration:underline;}
a:visited {color:#A0A;}

/* 컨텐츠 */
h1 {margin:0;}
h1 img {width:200px; height:50px; margin:0; padding:0; border:0;}
h2 {margin:0 auto; padding:0; font-weight:bold; font-size:14pt; color:#555; text-align:center;}
h3 {margin:1em auto; padding:0; font-weight:bold; font-size:12pt; color:#555; text-align:center;}
h4 {margin:20px 15px 10px; padding:0 10px 0 30px; display:block;  font-weight:bold; font-size:10pt; line-height:30px; color:#675545; text-align:left; white-space:nowrap; background:transparent url('img/wheel.png') no-repeat left center;}
em {font-style:normal; color:#C55;}
hr {height:0; margin:10px 0; font-size:0; line-height:0%; border:none; border-bottom:1px solid #CCC0B7;}
ul,
ol {margin:0; padding:5px 20px 0 40px;}
p {margin:0; padding:5px 20px; color:#333; text-align:justify;}

.notebox {margin:1em 18px; padding:10px 0px 10px 80px; border-style:solid; border-width:1px; background-repeat:no-repeat; background-attachment:scroll; background-position:left top;}
.notebox h3 {margin:10px 0; padding:10px; line-height:20px; text-align:left;}
.notebox p {margin:0.8em 20px 0.8em 0; padding:0 10px;}

.notebox.success {border-color:#5A5; background-color:#FAFFFA; background-image:url('img/notebox_success.png');}
.notebox.success h3 {background-color:#5A5; color:#FFF;}
.notebox.success.waiting {background-image:url('img/notebox_waiting.png');}
.notebox.error {border-color:#DAA; background-color:#FFFAFA; background-image:url('img/notebox_error.png');}
.notebox.error h3 {background-color:#DAA; color:#FFF;}
.notebox.notice {border-color:#675545; background-color:#FFF; background-image:url('img/notebox_notice.png');}
.notebox.notice h3 {background-color:#675545; color:#FFF;}
/*
.notebox.notice {border-color:#5AC; background-color:#FFF; background-image:url('img/notebox_notice.png');}
.notebox.notice h3 {background-color:#5AC; color:#FFF;}
*/

p.alert {color:#A55; text-align:center;}

p.prepare {margin:1em 18px; padding:10px 20px; line-height:200%; border:1px solid #CCC0B7;}
p.note,
div.note {margin:1em 18px; padding-left:90px; line-height:190%; border:1px solid #DAA; background:#FFFAFA url('img/note_check.png') no-repeat scroll left center;}
p.foreign {margin:1em 18px; padding-left:90px; line-height:190%; border:1px solid #AAD; background:#FAFAFF url('img/foreign_bg.png') no-repeat scroll left center;}
p.foreign em {color:#55C;}
p.success {margin:1em 18px; padding-left:90px; line-height:190%; border:1px solid #5A5; background:#FAFFFA url('img/success_bg.png') no-repeat scroll left center;}
p.success-waiting {margin:1em 18px; padding-left:90px; line-height:190%; border:1px solid #5A5; background:#FAFFFA url('img/success_waiting_bg.png') no-repeat scroll left center;}
img {margin:5px; padding:5px; border:none;}
img.ralign {margin:5px 0 5px 15px; float:right;}
img.lalign {margin:5px 15px 5px 0; float:left;}
img.border {border:1px solid #EEE;}
.calign {text-align:center;}
.desc {font-size:90%; color:#999;}

/* 위로 스크롤 */
#scrollTop {width:44px; padding:2px 0; display:none; position:absolute; right:-40px; font-size:12px; line-height:14px; color:#AB9C8F; text-decoration:none; cursor:pointer; background:#FFF; border:1px solid #AB9C8F; outline:none;}

/* 레이아웃 */
#outline {width:820px; margin:0 auto; padding:0; position:relative; /*background:transparent url('img/header_banner.png') no-repeat right top;*/}
#cnt {min-height:400px; /*IE*//**height:400px;*/ padding:20px 40px 20px; background:transparent url('img/body_mid.png') repeat-y left top;}
#footer {margin:0; padding:15px 0 20px; color:#675545; line-height:21px; text-align:center; background:transparent url('img/body_bottom.png') no-repeat left bottom;}
#footer a,
#footer a:hover,
#footer a:visited {color:#675545;}

/* 내비게이션 */
#gnb {height:50px; margin:0; padding:35px 20px 15px; list-style:none; background:transparent url('img/body_top.png') no-repeat left top; /*IE*/*zoom:1;}
#gnb:after {height:0; display:block; clear:both; visibility:hidden; content:"";}
#gnb li {margin:0; padding:0; float:left; /*IE*/_width:1%;}
#gnb a {width:120px; height:38px; margin-bottom:5px; padding-top:7px; display:block; font-weight:bold; line-height:19px; text-decoration:none; color:#FFF; letter-spacing:-1px; text-align:center; background-color:transparent; outline:none; opacity:0.6;}
#gnb a:hover {/*background-color:#CCC0B7;*/ opacity:1.0;}
#gnb .here a, #gnb #application a {height:46px; margin-top:-3px; margin-bottom:0; padding-top:10px; background:#675545 url('img/gnb_arrow_inv.png') no-repeat center bottom; opacity:1.0;}
#gnb #application {float:right;}
#gnb #application a {width:150px;}

/* 탭 */
#tabList {margin:20px 0 0; padding:0; overflow:hidden; list-style:none; background:#675545 url('img/tab_bg_inv.png') repeat-x left bottom; /*IE*/*zoom:1;}
#tabList:after {height:0; display:block; clear:both; visibility:hidden; content:"";}
#tabList li {margin:0 0 2px 5px; padding:0; float:left; /*IE*/_width:1%;}
.tab {height:29px; margin:0; padding:0 10px; display:block; font-weight:bold; font-size:10pt; color:#FFF; line-height:29px; white-space:nowrap; background-color:#AB9C8F; cursor:pointer;}
.tab:hover,
.tab:focus {text-decoration:none; background-color:#CCC0B7;}
.tab:visited {color:#FFF;}
.tab.here {height:29px; padding-bottom:1px; line-height:29px; color:#FFF; background-color:#675545; /*IE*/*height:32px;}
.tab.here:hover,
.tab.here:focus {text-decoration:none; background-color:#675545;}

/* 절차 탭 */
#tabList.tall {padding-left:0; background-color:#FFF; background-image:url('img/flow_tab_bg.png'); background-position:left bottom;}
#tabList.tall li {margin-left:5px; margin-right:5px; text-align:center;}
#tabList.tall .tab {width:118px; height:79px;}
#tabList.tall .tab [class^=licon-] {background-image:url("img/glyphicons_48_white.png");}
#tabList.tall .tab.here {height:80px;}

/* 절차 */
.workFlow {margin:0; padding:20px 35px; list-style:none; /*IE*/*zoom:1;}
.workFlow:after {height:0; display:block; clear:both; visibility:hidden; content:"";}
.workFlow li {float:left; /*IE*/*display:inline; width:95px; height:47px; padding:13px 20px 0 0; overflow:hidden; font-weight:bold; color:#FFF; text-decoration:none; line-height:30px;  text-align:center; background:#FFF url('img/workflow_bg.png') no-repeat left center; opacity:0.8; filter:alpha(opacity="80"); filter:alpha(opacity=80); /*IE*/*height:1%;}
.workFlow li.last {padding:13px 0 0 0;}

/* 절차 상세 */
p.notice {font-size:90%; color:#A55;}

/* 자주하는 질문 */
.faqList {margin:0 40px 0; padding:0; list-style:none; border-bottom:1px solid #DDD;}
.faqList li {margin:0; padding:0; /*IE*/*display:inline;}
.faqList dl,
.faqList dt {margin:0; padding:0;}
.faqList dt a {margin:0; padding:4px 10px 4px 20px; display:block; color:#555; text-decoration:none; text-align:left; background:#EEE url('img/faq_fold.png') no-repeat left center; border-top:1px solid #DDD; /*IE*/*height:1%;}
.faqList .hide dt a {background:#FAFAFA url('img/faq_unfold.png') no-repeat left center;}
.faqList dd {margin:0; padding:8px 10px; background-color:#FFF;}
.faqList dd p {margin:0; padding:5px 0; color:#777;}

/* 테이블 */
.table {width:95%; margin:1em auto; background-color:#FFF; border:1px solid #DDD; border-width:1px 1px 0;}
.table caption {padding:0 0 5px; font-weight:bold; font-size:11pt; text-align:center;}
.table th {padding:4px 8px; border-top:1px solid #FFF; border-bottom:1px solid #DDD; background-color:#F0F0F0;}
.table td {padding:4px 8px; color:#333; line-height:120%; border-bottom:1px solid #DDD;}
.table img {margin:0 3px; padding:0; vertical-align:middle;}

.table.center th, .table.center td {text-align:center;}
.table.narrow {width:70%;}

.table.line {border-collapse:collapse;}
.table.line th, .table.line td {border:1px solid #DDD;}

.table.note {margin:1em 18px; padding:10px 0; border:1px solid #CCC0B7;}
.table.note th,
.table.note td {padding:7px 20px; text-align:left; background-color:transparent; border:0;}
.table.note th {width:90px; padding-right:0; font-weight:bold; text-align:left; vertical-align:top;}
.table.note td {padding-left:0; color:#555; line-height:150%;}

.table.inner {margin:1em 0; border-collapse:collapse;}
.table.inner th,
.table.inner td {width:auto; padding:3px 5px; text-align:center; line-height:120%; border:1px solid #EEE;}
.table.inner th {background-color:#FAFAFA;}

/* 인덱스 배너 */
/*#mainBanner {height:310px; margin-bottom:30px; position:relative; background-color:#FFF;}
#mainBanner img {margin:0; padding:0; border:none;}
#mainBannerImage {position:absolute; left:220px; top:0;}*/
#mainBannerApply {width:200px; height:50px; display:block; position:absolute; left:160px; bottom:0; /*FF*/background-color:#FFF;}
#mainBannerApply:hover {opacity:0.9; filter:alpha(opacity="90");}
#mainBannerVideo {width:200px; height:50px; position:absolute; left:380px; bottom:0; /*FF*/background-color:#FFF;}
#mainBannerVideo:hover {opacity:0.9; filter:alpha(opacity="90");}

/* 아이콘 */
[class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("img/glyphicons-halflings-white.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  *margin-right: .3em;
}
[class^="icon-"]:last-child, [class*=" icon-"]:last-child {
  *margin-left: 0;
}
.icon-black {
  background-image:url("img/glyphicons-halflings.png");
}
.icon-glass {
  background-position: 0      0;
}
.icon-music {
  background-position: -24px 0;
}
.icon-search {
  background-position: -48px 0;
}
.icon-envelope {
  background-position: -72px 0;
}
.icon-heart {
  background-position: -96px 0;
}
.icon-star {
  background-position: -120px 0;
}
.icon-star-empty {
  background-position: -144px 0;
}
.icon-user {
  background-position: -168px 0;
}
.icon-film {
  background-position: -192px 0;
}
.icon-th-large {
  background-position: -216px 0;
}
.icon-th {
  background-position: -240px 0;
}
.icon-th-list {
  background-position: -264px 0;
}
.icon-ok {
  background-position: -288px 0;
}
.icon-remove {
  background-position: -312px 0;
}
.icon-zoom-in {
  background-position: -336px 0;
}
.icon-zoom-out {
  background-position: -360px 0;
}
.icon-off {
  background-position: -384px 0;
}
.icon-signal {
  background-position: -408px 0;
}
.icon-cog {
  background-position: -432px 0;
}
.icon-trash {
  background-position: -456px 0;
}
.icon-home {
  background-position: 0 -24px;
}
.icon-file {
  background-position: -24px -24px;
}
.icon-time {
  background-position: -48px -24px;
}
.icon-road {
  background-position: -72px -24px;
}
.icon-download-alt {
  background-position: -96px -24px;
}
.icon-download {
  background-position: -120px -24px;
}
.icon-upload {
  background-position: -144px -24px;
}
.icon-inbox {
  background-position: -168px -24px;
}
.icon-play-circle {
  background-position: -192px -24px;
}
.icon-repeat {
  background-position: -216px -24px;
}
.icon-refresh {
  background-position: -240px -24px;
}
.icon-list-alt {
  background-position: -264px -24px;
}
.icon-lock {
  background-position: -287px -24px;
}
.icon-flag {
  background-position: -312px -24px;
}
.icon-headphones {
  background-position: -336px -24px;
}
.icon-volume-off {
  background-position: -360px -24px;
}
.icon-volume-down {
  background-position: -384px -24px;
}
.icon-volume-up {
  background-position: -408px -24px;
}
.icon-qrcode {
  background-position: -432px -24px;
}
.icon-barcode {
  background-position: -456px -24px;
}
.icon-tag {
  background-position: 0 -48px;
}
.icon-tags {
  background-position: -25px -48px;
}
.icon-book {
  background-position: -48px -48px;
}
.icon-bookmark {
  background-position: -72px -48px;
}
.icon-print {
  background-position: -96px -48px;
}
.icon-camera {
  background-position: -120px -48px;
}
.icon-font {
  background-position: -144px -48px;
}
.icon-bold {
  background-position: -167px -48px;
}
.icon-italic {
  background-position: -192px -48px;
}
.icon-text-height {
  background-position: -216px -48px;
}
.icon-text-width {
  background-position: -240px -48px;
}
.icon-align-left {
  background-position: -264px -48px;
}
.icon-align-center {
  background-position: -288px -48px;
}
.icon-align-right {
  background-position: -312px -48px;
}
.icon-align-justify {
  background-position: -336px -48px;
}
.icon-list {
  background-position: -360px -48px;
}
.icon-indent-left {
  background-position: -384px -48px;
}
.icon-indent-right {
  background-position: -408px -48px;
}
.icon-facetime-video {
  background-position: -432px -48px;
}
.icon-picture {
  background-position: -456px -48px;
}
.icon-pencil {
  background-position: 0 -72px;
}
.icon-map-marker {
  background-position: -24px -72px;
}
.icon-adjust {
  background-position: -48px -72px;
}
.icon-tint {
  background-position: -72px -72px;
}
.icon-edit {
  background-position: -96px -72px;
}
.icon-share {
  background-position: -120px -72px;
}
.icon-check {
  background-position: -144px -72px;
}
.icon-move {
  background-position: -168px -72px;
}
.icon-step-backward {
  background-position: -192px -72px;
}
.icon-fast-backward {
  background-position: -216px -72px;
}
.icon-backward {
  background-position: -240px -72px;
}
.icon-play {
  background-position: -264px -72px;
}
.icon-pause {
  background-position: -288px -72px;
}
.icon-stop {
  background-position: -312px -72px;
}
.icon-forward {
  background-position: -336px -72px;
}
.icon-fast-forward {
  background-position: -360px -72px;
}
.icon-step-forward {
  background-position: -384px -72px;
}
.icon-eject {
  background-position: -408px -72px;
}
.icon-chevron-left {
  background-position: -432px -72px;
}
.icon-chevron-right {
  background-position: -456px -72px;
}
.icon-plus-sign {
  background-position: 0 -96px;
}
.icon-minus-sign {
  background-position: -24px -96px;
}
.icon-remove-sign {
  background-position: -48px -96px;
}
.icon-ok-sign {
  background-position: -72px -96px;
}
.icon-question-sign {
  background-position: -96px -96px;
}
.icon-info-sign {
  background-position: -120px -96px;
}
.icon-screenshot {
  background-position: -144px -96px;
}
.icon-remove-circle {
  background-position: -168px -96px;
}
.icon-ok-circle {
  background-position: -192px -96px;
}
.icon-ban-circle {
  background-position: -216px -96px;
}
.icon-arrow-left {
  background-position: -240px -96px;
}
.icon-arrow-right {
  background-position: -264px -96px;
}
.icon-arrow-up {
  background-position: -289px -96px;
}
.icon-arrow-down {
  background-position: -312px -96px;
}
.icon-share-alt {
  background-position: -336px -96px;
}
.icon-resize-full {
  background-position: -360px -96px;
}
.icon-resize-small {
  background-position: -384px -96px;
}
.icon-plus {
  background-position: -408px -96px;
}
.icon-minus {
  background-position: -433px -96px;
}
.icon-asterisk {
  background-position: -456px -96px;
}
.icon-exclamation-sign {
  background-position: 0 -120px;
}
.icon-gift {
  background-position: -24px -120px;
}
.icon-leaf {
  background-position: -48px -120px;
}
.icon-fire {
  background-position: -72px -120px;
}
.icon-eye-open {
  background-position: -96px -120px;
}
.icon-eye-close {
  background-position: -120px -120px;
}
.icon-warning-sign {
  background-position: -144px -120px;
}
.icon-plane {
  background-position: -168px -120px;
}
.icon-calendar {
  background-position: -192px -120px;
}
.icon-random {
  background-position: -216px -120px;
}
.icon-comment {
  background-position: -240px -120px;
}
.icon-magnet {
  background-position: -264px -120px;
}
.icon-chevron-up {
  background-position: -288px -120px;
}
.icon-chevron-down {
  background-position: -313px -119px;
}
.icon-retweet {
  background-position: -336px -120px;
}
.icon-shopping-cart {
  background-position: -360px -120px;
}
.icon-folder-close {
  background-position: -384px -120px;
}
.icon-folder-open {
  background-position: -408px -120px;
}
.icon-resize-vertical {
  background-position: -432px -119px;
}
.icon-resize-horizontal {
  background-position: -456px -118px;
}

/* 책방 링크 */
.bookstores {width:210px; margin:10px auto; padding:0 5px 0 0; overflow:hidden; list-style:none; /*IE*/*zoom:1;}
.bookstores:after {height:0; display:block; clear:both; visibility:hidden; content:"";}
.bookstores li {padding-left:5px; float:left;}
.bookstores a img {width:100px; height:60px; margin:0; padding:0; border:0; opacity:0.8; filter:alpha(opacity="80"); background-color:#FFF;}
.bookstores a:hover img {opacity:1.0; filter:alpha(opacity="100");}

img.bookcover {width:90px; height:120px; margin:0 0 10px; padding:0 15px; border:0; background:transparent url('img/book_shadow.png') no-repeat scroll center bottom;}

/* 큰 아이콘 */
[class^="licon-"], [class*=" licon-"] {
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  vertical-align: text-top;
  background-image: url("img/glyphicons_48_black.png");
  background-position: 48px 48px;
  background-repeat: no-repeat;
  *margin-right: .3em;
}
[class^="licon-"]:last-child, [class*=" licon-"]:last-child {
  *margin-left: 0;
}
.licon-white {background-image:url("img/glyphicons_48_white.png");}

.licon-home {background-position: 0px 0px;}
.licon-binoculars {background-position: -48px 0px;}
.licon-road {background-position: -96px 0px;}
.licon-luggage {background-position: -144px 0px;}
.licon-envelope {background-position: -192px 0px;}
.licon-camera {background-position: -240px 0px;}
.licon-heart {background-position: -288px 0px;}
.licon-question {background-position: -336px 0px;}
.licon-info {background-position: -384px 0px;}
.licon-book {background-position: -432px 0px;}

.licon-credit {background-position: 0px -48px;}
.licon-notes {background-position: -48px -48px;}
.licon-cutlery {background-position: -96px -48px;}
.licon-group {background-position: -144px -48px;}
.licon-temple {background-position: -192px -48px;}
.licon-shrit {background-position: -240px -48px;}
.licon-phone {background-position: -288px -48px;}
.licon-flag {background-position: -336px -48px;}
.licon-marker {background-position: -384px -48px;}
.licon-list {background-position: -432px -48px;}

.licon-sun {background-position: 0px -96px;}
.licon-compas {background-position: -48px -96px;}
.licon-tags {background-position: -96px -96px;}
.licon-bus {background-position: -144px -96px;}
.licon-train {background-position: -192px -96px;}
.licon-plane {background-position: -240px -96px;}
.licon-clock {background-position: -288px -96px;}
.licon-calendar {background-position: -336px -96px;}
.licon-film {background-position: -384px -96px;}
.licon-announcement {background-position: -432px -96px;}

.licon-pot {background-position: 0px -144px;}
.licon-hospital {background-position: -48px -144px;}
.licon-vases {background-position: -144px -144px;}
.licon-facebook {background-position: -192px -144px;}
.licon-twitter {background-position: -240px -144px;}

.item_list {width:600px; margin:10px auto; padding:0 5px 0 0; overflow:hidden; list-style:none; /*IE*/*zoom:1;}
.item_list:after {height:0; display:block; clear:both; visibility:hidden; content:"";}
.item_list li {margin-left:5px; float:left; text-align:center; line-height:120%;}
.item_list li small {font-size:10pt; color:#AAA;}

.item_list.col_2 li {width:295px;}
.item_list.col_3 li {width:195px;}
.item_list.col_4 li {width:145px;}
.item_list.col_5 li {width:115px;}

.goButton:hover {margin-top:0px; margin-bottom:1px;}
.goButton,
.goButton:active {margin-top:1px; margin-bottom:0; outline:0;}

.goButton img {margin:0; padding:0; border:0;}

.backButtonBox {width:260px; margin:0 auto; padding:0; *zoom:1;}
.backButtonBox:after {height:0; display:block; clear:both; visibility:hidden; content:"";}

.backButton {padding:5px; display:block; float:left;}
.backButton:hover {opacity:0.9; filter:alpha(opacity="90");}

.mapButton:hover {margin:0 auto 1px auto; opacity:0.9; filter:alpha(opacity="90");}
.mapButton,
.mapButton:active {width:180px; margin:1px auto 0 auto; display:block; opacity:1.0; filter:alpha(opacity="100");}
.mapButton img {margin:0; padding:0; border:0;}