/* (Temporary) */

article.sub dl.temp dt {padding-bottom: 5px; font-size: 24px; font-weight: 500; color: #333d49; letter-spacing: -2px;}
article.sub dl.temp dd {padding-left: 10px; background: url(../img/common/objBullet.png) no-repeat 0 50%; font-size: 16px;}


/* 1. Common Layout */

article.sub .container {padding-top: 40px; padding-bottom: 120px;}
article.sub .container .wrap {*zoom: 1;}
article.sub .container .wrap:after {content: ""; display: block; clear: both;}

article.sub .container:first-child {padding-top: 100px;}


/* 1.1. Cover Area */

article.sub .cover {height: 300px; background-repeat: no-repeat; background-position: 50% 0;}
article.sub .cover1 {background-repeat: no-repeat; background-position: 50% 0;}
article.sub .cover dl.title {padding-top: 110px; text-align: center;}
article.sub .cover dl.title dt {font-size: 50px; font-weight: 500; color: #fff; letter-spacing: -1px;}
article.sub .cover dl.title dd {margin-top: 12px; font-size: 20px; color: #859ebc;}

article.sub .cover.donate {background-image: url(../img/common/bgCoverDonate.png);}
article.sub .cover.tv {background-image: url(../img/common/bgCoverTV.png);}
article.sub .cover.radio {background-image: url(../img/common/bgCoverRadio.png);}
article.sub .cover.news {background-image: url(../img/common/bgCoverNews.png);}
article.sub .cover.table {background-image: url(../img/common/bgCoverTable.png);}
article.sub .cover.cnc {background-image: url(../img/common/bgCoverCnc.png);}
article.sub .cover.bible {background-image: url(../img/common/bgCoverBible.png);}
article.sub .cover.qt {background-image: url(../img/common/bgCoverQT.png);}
article.sub .cover.comic {background-image: url(../img/common/bgCoverComic.png);}
/*article.sub .cover.mission {background-image: url(/assets/images/0404_mission300_sub.jpg);}*/
article.sub .cover.mission {background-image: url(/assets/images/mission300_main_banner.png);}
article.sub .cover.pr {background-image: url(../img/common/bgCoverPR.png);}
article.sub .cover.mypage {background-image: url(../img/common/bgCoverMypage.png);}
article.sub .cover.cscenter {background-image: url(../img/common/bgCoverCSCenter.png);}
article.sub .cover.network {background-image: url(../img/common/bgCoverNetwork.png);}
article.sub .cover.wantad {background-image: url(../img/common/bgCoverWantad.png);}

article.sub .cover.flex {height: auto; max-height: 570px; padding: 90px 0 40px; background-position: 50% 50%;}
article.sub .cover.flex h1.title {margin-bottom: 30px; text-align: center; line-height: 1; font-size: 40px; font-weight: 500; color: #fff; letter-spacing: -2px;}

article.sub .cover.flex.sermon {background-image: url(../img/common/bgCoverSermon.png);}


/* 1.2. Side Navigation */

article.sub aside {float: left; width: 240px;}

article.sub aside .label {position: relative; height: 190px; background: #333d49;}
article.sub aside .label a {position: absolute; bottom: 28px; left: 28px; width: 184px; line-height: 1.1; font-size: 35px; color: #fff; letter-spacing: -2px; text-decoration: none;}
article.sub aside .label a:hover {color: #f4b518;}

article.sub aside .nav a {display: block; color: #333d49; letter-spacing: -1px; text-decoration: none;}

article.sub aside .nav > li > a {min-height: 22px; padding: 14px 45px 14px 17px; border-bottom: solid 2px #333d49; background-color: #e8ebef; background-repeat: no-repeat; background-position: 100% 23px; line-height: 22px; font-size: 18px; font-weight: 500;}
article.sub aside .nav > li > a:hover,
article.sub aside .nav > li.on > a {background-color: #1c86ea; color: #fff;}
article.sub aside .nav > li.pointer > a {background-image: url(../img/common/objPointerNav.png);}
article.sub aside .nav > li.pointer > a:hover {background-image: url(../img/common/objPointerNavOn.png);}

article.sub aside .nav ul {border-bottom: solid 1px #333d49;}
article.sub aside .nav ul li {border-top: solid 1px #bdc7d1;}
article.sub aside .nav ul li:first-child {border-top: 0;}
article.sub aside .nav ul li a {min-height: 20px; padding: 15px 17px 15px 27px; background: url(../img/common/objBulletNav.png) no-repeat 17px 24px; line-height: 20px; font-size: 16px; font-weight: 500;}
article.sub aside .nav ul li a:hover,
article.sub aside .nav ul li.on a {background-color: #1c86ea; background-image: url(../img/common/objBulletNavOn.png); color: #fff;}

article.sub.full aside {display: none; float: none;}


/* 1.3. Content Area */

article.sub .content {float: right; position: relative; width: 960px;}

article.sub .content .pageHead {position: relative; padding-bottom: 20px; border-bottom: solid 1px #333d49;}
article.sub .content .pageHead .title {white-space: nowrap; line-height: 1; font-size: 45px; font-weight: normal; color: #333d49; letter-spacing: -3px;}

article.sub .content .pageHead .loca {position: absolute; bottom: 18px; right: 0; font-size: 16px; letter-spacing: -1px; *zoom: 1;}
article.sub .content .pageHead .loca:after {content: ""; display: block; clear: both;}
article.sub .content .pageHead .loca li {float: left; margin-left: 9px; padding-left: 9px; background: url(../img/common/objDivLoca.png) no-repeat 0 50%;}
article.sub .content .pageHead .loca li:first-child {margin-left: 0; padding-left: 0; background: none;}
article.sub .content .pageHead .loca li,
article.sub .content .pageHead .loca li a {color: #333d49;}
article.sub .content .pageHead .loca li a {text-decoration: none;}
article.sub .content .pageHead .loca li a em {font-weight: 500; color: #1c86ea;}

article.sub .content .pageBody {position: relative; padding-top: 30px;}
article.sub .content .pageBody:first-child {padding-top: 0;}

article.sub .content .pack {margin-top: 30px; padding: 30px 0; border-top: dotted 1px #bdc7d1; *zoom: 1;}
article.sub .content .pack:first-child {margin-top: 0;}
article.sub .content .pack:first-child,
article.sub .content .pack.first {padding-top: 0; border-top: 0;}
article.sub .content .pack + .pack {margin-top: 0;}

article.sub .content .empty {line-height: 0 !important; font-size: 0 !important;}

article.sub.full .content {float: none; width: 100%;}


/* 1.4. Navigation Bar */

article.sub nav.bar {position: relative; border-bottom: solid 1px #bdc7d1; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);}

article.sub nav.bar ul {padding: 10px 40px; text-align: center; line-height: 0; font-size: 0;}
article.sub nav.bar li {display: inline-block; margin-left: 20px; padding-left: 20px; background: url(../img/common/objDivCommon.png) no-repeat 0 50%; *display: inline; *zoom: 1;}
article.sub nav.bar li:first-child {margin-left: 0; padding-left: 0; background: none;}

article.sub nav.bar a {padding: 5px 0; line-height: 1; font-size: 20px; font-weight: 500; color: #333; letter-spacing: -1px; text-decoration: none; display:block;}
article.sub nav.bar a em {font-weight: 500; color: #f4b518;}
article.sub nav.bar a:hover,
article.sub nav.bar a:hover em,
article.sub nav.bar li.on a,
article.sub nav.bar li.on a em {color: #1c86ea;}

article.sub nav.bar a.back {position: absolute; top: 0; left: 0; width: 35px; padding-left: 15px; background: url(../img/common/icnBack.png) no-repeat 0 50%; white-space: nowrap; line-height: 40px;}
article.sub nav.bar a.back:hover {background-image: url(../img/common/icnBackOn.png);}


/* 2. Basic Markup */


/* 2.1. Headline & Paragraph */

article.sub .titleL,
article.sub .titleM,
article.sub .titleS {margin-top: 30px;}
article.sub .titleL {line-height: 1.1; font-size: 40px; font-weight: 400; color: #333d49; letter-spacing: -3px;}
article.sub .titleM {line-height: 1.2; font-size: 30px; font-weight: 400; color: #333d49; letter-spacing: -2px;}
article.sub .titleS {line-height: 1.3; font-size: 20px; font-weight: 500; color: #333d49; letter-spacing: -1px;}
article.sub .titleL:first-child,
article.sub .titleM:first-child,
article.sub .titleS:first-child {margin-top: 0;}

article.sub .titleL em,
article.sub .titleM em,
article.sub .titleS em {color: #1c86ea;}
article.sub .titleL em,
article.sub .titleM em {font-weight: 400;}
article.sub .titleS em {font-weight: 500;}

article.sub .titleS.ex {margin-top: 20px; font-size: 24px;}

article.sub p {margin-top: 20px;}
article.sub p:first-child {margin-top: 0;}
article.sub p.tight {margin-top: 10px;}
article.sub p.large {font-size: 16px;}


/* 2.2. Button */

article.sub a.btn,
article.sub button.btn,
article.sub input[type="submit"].btn {margin-left: 1px; padding: 0 22px; border: solid 3px #333d49; border-radius: 5px; background: #333d49; vertical-align: middle; white-space: nowrap; line-height: 30px; font-size: 16px; font-weight: 500; color: #fff; text-decoration: none;}
article.sub a.btn {height: 30px;}
article.sub button.btn,
article.sub input[type="submit"].btn {height: 36px; overflow: visible;}

article.sub a.btn:hover,
article.sub button.btn:hover,
article.sub input[type="submit"].btn:hover {background: #fff; color: #333d49;}

article.sub a.btn:first-child
article.sub button.btn:first-child
article.sub input[type="submit"].btn:first-child {margin-left: 0 !important;}

article.sub a.btn.large,
article.sub button.btn.large,
article.sub input[type="submit"].btn.large {margin-left: 3px; padding: 0 40px; border-width: 5px; line-height: 40px; font-size: 20px; letter-spacing: -1px;}
article.sub a.btn.large {height: 40px;}
article.sub button.btn.large,
article.sub input[type="submit"].btn.large {height: 50px;}

article.sub a.btn.color,
article.sub button.btn.color,
article.sub input[type="submit"].btn.color {border-color: #1c86ea; background: #1c86ea;}

article.sub a.btn.color:hover,
article.sub button.btn.color:hover,
article.sub input[type="submit"].btn.color:hover {background: #fff; color: #1c86ea;}

article.sub a.btn.tiny,
article.sub button.btn.tiny,
article.sub input[type="submit"].btn.tiny {padding: 0 16px; border: solid 1px #bdc7d1; border-radius: 0; background: #fff; line-height: 34px; font-size: 14px; font-weight: 400; color: #666;}
article.sub a.btn.tiny {height: 34px;}
article.sub button.btn.tiny,
article.sub input[type="submit"].btn.tiny {height: 36px;}

article.sub a.btn.tiny:hover,
article.sub button.btn.tiny:hover,
article.sub input[type="submit"].btn.tiny:hover,
article.sub a.btn.tiny.on,
article.sub button.btn.tiny.on,
article.sub input[type="submit"].btn.tiny.on {border-color: #333d49; background: #333d49; color: #fff;}

article.sub a.btn.tiny.color:hover,
article.sub button.btn.tiny.color:hover,
article.sub input[type="submit"].btn.tiny.color:hover,
article.sub a.btn.tiny.color.on,
article.sub button.btn.tiny.color.on,
article.sub input[type="submit"].btn.tiny.color.on {border-color: #1c86ea; background: #1c86ea;}


/* 2.3. Table */

article.sub table.basic {margin-top: 30px; border-top: solid 2px #333d49;}
article.sub table.basic:first-child {margin-top: 0;}

article.sub table.basic caption {padding-bottom: 5px; text-align: right;}
article.sub table.basic th,
article.sub table.basic td {height: 36px; padding: 7px 0; border-left: solid 1px #bdc7d1; border-bottom: solid 1px #bdc7d1;}
article.sub table.basic th {background: #e8ebef; line-height: 1.3; font-size: 16px; font-weight: 500; color: #333d49;}
article.sub table.basic th > div,
article.sub table.basic td > div {padding: 0 20px;}
article.sub table.basic th.first,
article.sub table.basic td.first {border-left: 0;}

article.sub table.basic th.left,
article.sub table.basic td.left {text-align: left !important;}
article.sub table.basic th.center,
article.sub table.basic td.center {text-align: center !important;}
article.sub table.basic th.right,
article.sub table.basic td.right {text-align: right !important;}

article.sub table.basic p {margin-top: 5px;}
article.sub table.basic p:first-child {margin-top: 0;}

article.sub table.basic em {font-weight: 500; color: #1c86ea;}
article.sub table.basic em.large {font-size: 16px;}

article.sub table.basic .inline {display: inline-block; margin-right: 5px; *display: inline; *zoom: 1;}
article.sub table.basic .inline,
article.sub table.basic span.txt {vertical-align: middle;}
article.sub table.basic span.txt {padding: 0 5px;}
article.sub table.basic span.txt:first-child {padding-left: 0;}
article.sub table.basic span.txt.alone {padding: 0; vertical-align: initial;}
article.sub table.basic span.txt.fine {color: #1c86ea;}
article.sub table.basic span.txt.alert {color: #ff0000;}

article.sub table.basic dl.inner {padding: 5px 0;}
article.sub table.basic dl.inner dt {font-size: 16px; font-weight: 500; color: #333d49;}

article.sub table.basic.tight {margin-top: 0;}

article.sub table.basic.slim {margin-top: 15px;}
article.sub table.basic.slim th,
article.sub table.basic.slim td {padding: 4px 0;}


/* 2.4. Input Element */

article.sub input[type="text"].basic,
article.sub input[type="password"].basic,
article.sub input[type="number"].basic,
article.sub select.basic,
article.sub textarea.basic,
article.sub textarea.dhtmleditor {border: solid 1px #bdc7d1;}

article.sub input[type="text"].basic,
article.sub input[type="number"].basic,
article.sub input[type="password"].basic {width: 180px; padding: 7px 9px;}
article.sub input[type="text"].basic.auto,
article.sub input[type="number"].basic.auto,
article.sub input[type="password"].basic.auto {width: auto;}
article.sub input[type="text"].basic.tiny,
article.sub input[type="number"].basic.tiny,
article.sub input[type="password"].basic.tiny {width: 40px;}
article.sub input[type="text"].basic.semi,
article.sub input[type="number"].basic.semi,
article.sub input[type="password"].basic.semi {width: 110px;}
article.sub input[type="text"].basic.long,
article.sub input[type="password"].basic.long {width: 364px;}
article.sub input[type="text"].basic.full,
article.sub input[type="password"].basic.full {width: 708px;}

article.sub select.basic {width: 200px; height: 36px; padding: 5px;}
article.sub select.basic.auto {width: auto;}
article.sub select.basic.tiny {width: 65px;}
article.sub select.basic.long {width: 384px;}

article.sub textarea.basic,
article.sub textarea.dhtmleditor {width: 708px; height: 190px; padding: 7px 9px; line-height: 1.4;}
article.sub textarea.basic.short {height: 114px;}

article.sub input[type="checkbox"] + label,
article.sub input[type="radio"] + label {margin-left: 3px;}

article.sub.full input[type="text"].basic.full,
article.sub.full input[type="password"].basic.full,
article.sub.full textarea.basic,
article.sub.full textarea.dhtmleditor {width: 964px;}

article.sub input.readonly,
article.sub select.readonly,
article.sub textarea.readonly {background: #f1f1f1;}


/* 2.5. Designed Form Element */

article.sub .packCheck {display: inline-block; margin-left: 10px; vertical-align: middle; line-height: 0; font-size: 0; *display: inline; *zoom: 1;}
article.sub .packCheck > input[type="checkbox"],
article.sub .packCheck > input[type="radio"] {display: none;}
article.sub .packCheck:first-child,
article.sub input[type="hidden"] + .packCheck {margin-left: 0;}

article.sub .packCheck > label {display: block; height: 20px; margin-left: 0 !important; padding-left: 25px; background: url(../img/common/objChk.png) no-repeat; white-space: nowrap; line-height: 19px; font-size: 14px; cursor: pointer;}
article.sub .packCheck > label:hover {color: #1c86ea !important;}
article.sub .packCheck > label.on {background-image: url(../img/common/objChkOn.png)}
article.sub .packCheck > label.off {color: #ccc !important;}
article.sub .packCheck > label.radio {background-image: url(../img/common/objChkRadio.png);}
article.sub .packCheck > label.radio.on {background-image: url(../img/common/objChkRadioOn.png);}

article.sub .packCheck.large {display: block;}
article.sub .packCheck.large > label {height: 40px; padding-left: 0; padding-right: 60px; background: url(/html/img/common/objChkL2.png) no-repeat 100% 0; line-height: 40px; font-size: 24px; color: #333d49; letter-spacing: -2px;}
article.sub .packCheck.large > label.on {background-image: url(../img/common/objChkLOn.png)}
article.sub .packCheck.large > label.radio2 {height: 40px; padding-left: 0; padding-right: 60px; background: url(../img/common/objChkL2.png) no-repeat 100% 0; line-height: 40px; font-size: 24px; color: #333d49; letter-spacing: -2px;}
article.sub .packCheck.large > label.radio2.on {background-image: url(../img/common/objChkLOn.png);}
article.sub .packCheck.large > label > .note {font-size: 16px; color: #1c86ea; letter-spacing: -1px;}

article.sub .packCheck2 {display: inline-block; margin-left: 10px; vertical-align: middle; line-height: 0; font-size: 0; *display: inline; *zoom: 1;}
article.sub .packCheck2 > input[type="checkbox"],
article.sub .packCheck2 > input[type="radio"] {display: none;}
article.sub .packCheck2:first-child,
article.sub input[type="hidden"] + .packCheck2 {margin-left: 0;}

article.sub .packCheck2 {display: inline-block; margin-left: 10px; vertical-align: middle; line-height: 0; font-size: 0; *display: inline; *zoom: 1;}
article.sub .packCheck2 > input[type="checkbox"],
article.sub .packCheck2 > input[type="radio"] {display: none;}
article.sub .packCheck2:first-child,
article.sub input[type="hidden"] + .packCheck2 {margin-left: 0;}

article.sub .packCheck2 > label {display: block; height: 20px; margin-left: 0 !important; padding-left: 25px; background: url(../img/common/objChk.png) no-repeat; white-space: nowrap; line-height: 19px; font-size: 14px; cursor: pointer;}
article.sub .packCheck2 > label:hover {color: #1c86ea !important;}
article.sub .packCheck2 > label.on {background-image: url(../img/common/objChkOn.png) !important;}
article.sub .packCheck2 > label.off {color: #ccc !important;}
article.sub .packCheck2 > label.radio {background-image: url(../img/common/objChkRadio.png);}
article.sub .packCheck2 > label.radio.on {background-image: url(../img/common/objChkRadioOn.png);}

article.sub .packCheck2.large {display: block;}
article.sub .packCheck2.large > label {height: 40px; padding-left: 0; padding-right: 60px; background: url(../img/common/objChkL.png) no-repeat 100% 0; line-height: 40px; font-size: 24px; color: #333d49; letter-spacing: -2px;}
article.sub .packCheck2.large > label.radio2 {height: 40px; padding-left: 0; padding-right: 60px; background: url(../img/common/objChkL2.png) no-repeat 100% 0; line-height: 40px; font-size: 24px; color: #333d49; letter-spacing: -2px;}
article.sub .packCheck2.large > label.radio2.on {background-image: url(../img/common/objChkLOn.png);}
article.sub .packCheck2.large > label > .note {font-size: 16px; color: #1c86ea; letter-spacing: -1px;}

article.sub .packFile {display: inline-block; *display: inline; *zoom: 1;}
article.sub .packFile input[type="file"] {display: none;}


/* 3. Board */


/* 3.1. Board Header */

article.sub .boardHead {margin-top: 30px; color: #8491a0;}
article.sub .boardHead:first-child {margin-top: 0;}
article.sub .boardHead em {color: #333d49; font-weight: 500;}

article.sub .boardHead .count {height: 14px; padding-top: 22px; line-height: 1;}

article.sub .boardHead .multiple > div {display: inline-block; margin-left: 10px; vertical-align: middle; *display: inline; *zoom: 1;}
article.sub .boardHead .multiple > div:first-child {margin-left: 0;}
article.sub .boardHead .multiple .count {height: auto; padding-top: 0; line-height: 36px;}

article.sub .boardHead .search {display: inline-block; height: 30px; border: solid 3px #333d49; vertical-align: middle; line-height: 0; font-size: 0; *display: inline; *zoom: 1;}
article.sub .boardHead .search select {height: 30px; padding: 3px 5px; border: 0; border-right: solid 1px #bdc7d1; line-height: 16px;}
article.sub .boardHead .search input[type="text"] {width: 164px; height: 16px; padding: 7px 10px; border: 0; line-height: 16px;}
/*article.sub .boardHead .search input[type="submit"] {width: 53px; height: 30px; border: 0; background: #333d49; font-size: 16px; color: #fff; *margin-top: -2px;}*/
article.sub .boardHead .search input[type="submit"] {width: 68px; height: 30px; border: 0; background: #333d49; font-size: 16px; color: #fff; *margin-top: -2px;}

article.sub .boardHead .search .packPeriod,
article.sub .boardHead .search .packPeriod.on .custom {display: inline-block; *display: inline; *zoom: 1;}
article.sub .boardHead .search .packPeriod .custom {display: none; padding: 5px 8px;border-right: solid 1px #bdc7d1;background: #ddd;}
article.sub .boardHead .search .packPeriod .custom input[type="text"] {width: 70px; height: 14px; padding: 3px 5px; line-height: 14px; text-align: center; font-size: 12px;}
article.sub .boardHead .search .packPeriod .custom span.hyphen {margin: 0 3px; vertical-align: middle; line-height: 1; font-size: 12px;}

article.sub .boardHead .layout {display: inline-block; vertical-align: middle; padding-left: 20px; line-height: 0; font-size: 0; *display: inline; *zoom: 1;}
article.sub .boardHead .layout li {padding-left: 2px;}
article.sub .boardHead .layout li a {width: 34px; height: 34px; border: solid 1px #bdc7d1; background-repeat: no-repeat; background-position: 50%;}
article.sub .boardHead .layout li a:hover,
article.sub .boardHead .layout li.on a {border-color: #1c86ea;}

article.sub .boardHead .layout li a.text {background-image: url(../img/common/icnBoardLayout01.png);}
article.sub .boardHead .layout li a.gallery {background-image: url(../img/common/icnBoardLayout02.png);}
article.sub .boardHead .layout li a.webzine {background-image: url(../img/common/icnBoardLayout03.png);}
article.sub .boardHead .layout li.on a.text {background-image: url(../img/common/icnBoardLayout01On.png);}
article.sub .boardHead .layout li.on a.gallery {background-image: url(../img/common/icnBoardLayout02On.png);}
article.sub .boardHead .layout li.on a.webzine {background-image: url(../img/common/icnBoardLayout03On.png);}

article.sub .boardHead .filter {height: 36px; line-height: 36px;}

article.sub .boardHead .filter ul.sort {display: inline-block; vertical-align: middle; *display: inline; *zoom: 1;}
article.sub .boardHead .filter ul.sort li {padding-left: 10px;}
article.sub .boardHead .filter ul.sort li a {font-size: 18px; font-weight: 500; letter-spacing: -1px; text-decoration: none;}
article.sub .boardHead .filter ul.sort li a:hover,
article.sub .boardHead .filter ul.sort li.on a {color: #1c86ea;}
article.sub .boardHead .filter ul.sort + ul.sort {margin-left: 30px;}

article.sub .boardHead .filter .titleS {display: inline-block; margin-right: 15px; padding-bottom: 2px; vertical-align: middle; *display: inline; *zoom: 1;}

article.sub .boardHead .refresh {width: 30px; height: 30px; margin-left: 5px; border: solid 3px #1c86ea; background: url(../img/common/icnRefresh2.png) no-repeat 50%; vertical-align: middle; line-height: 0; font-size: 0;}
article.sub .boardHead .refresh:hover {background-color: #1c86ea; background-image: url(../img/common/icnRefreshOn2.png);}

article.sub .boardHead .packCheck {margin-left: 30px;}
article.sub .boardHead .packCheck label {color: #333d49;}

article.sub .boardHead + form {margin-top: 20px;}

article.sub .titleL + .boardHead,
article.sub .titleM + .boardHead,
article.sub .titleS + .boardHead {margin-top: 10px;}


/* 3.2. Board Footer (Pagination) */

article.sub .boardFoot {padding-top: 30px; text-align: center;}

article.sub .boardFoot .pager {line-height: 0; white-space: nowrap; font-size: 0;}
article.sub .boardFoot .pager a {min-width: 14px; height: 24px; margin-left: 3px; padding: 0 5px; border: solid 1px #bdc7d1; border-radius: 5px; vertical-align: middle; text-align: center; line-height: 24px; font-size: 12px; color: #6d7781; text-decoration: none;}
article.sub .boardFoot .pager a.on,
article.sub .boardFoot .pager a:hover {border-radius: #1c86ea; border-color: #1c86ea !important; background: #1c86ea; color: #fff;}
article.sub .boardFoot .pager a:first-child {margin-left: 0;}

article.sub .boardFoot .pager a.prev {background-image: url(../img/common/btnBoardPagerPrev.png);}
article.sub .boardFoot .pager a.prev,
article.sub .boardFoot .pager a.next {border-color: #bdc7d1; background-color: #e8ebef; background-repeat: no-repeat; background-position: 50%; line-height: 0; font-size: 0;}
article.sub .boardFoot .pager a.next {background-image: url(../img/common/btnBoardPagerNext.png);}

.pack .boardFoot {padding-top: 30px; text-align: center;}

.pack .boardFoot .pager {line-height: 0; white-space: nowrap; font-size: 0;}
.pack .boardFoot .pager a {min-width: 14px; height: 24px; margin-left: 3px; padding: 0 5px; border: solid 1px #bdc7d1; border-radius: 5px; vertical-align: middle; text-align: center; line-height: 24px; font-size: 12px; color: #6d7781; text-decoration: none;}
.pack .boardFoot .pager a.on,
.pack .boardFoot .pager a:hover {border-radius: #1c86ea; border-color: #1c86ea !important; background: #1c86ea; color: #fff;}
.pack .boardFoot .pager a:first-child {margin-left: 0;}

.pack .boardFoot .pager a.prev {background-image: url(../img/common/btnBoardPagerPrev.png);}
.pack .boardFoot .pager a.prev,
.pack .boardFoot .pager a.next {border-color: #bdc7d1; background-color: #e8ebef; background-repeat: no-repeat; background-position: 50%; line-height: 0; font-size: 0;}
.pack .boardFoot .pager a.next {background-image: url(../img/common/btnBoardPagerNext.png);}


/* 3.3. Board List : Text */

article.sub table.basic.boardList {margin-top: 20px;}
article.sub table.basic.boardList:first-child {margin-top: 0;}

article.sub table.basic.boardList th,
article.sub table.basic.boardList td {border-left: 0; text-align: center;}
article.sub table.basic.boardList th {background-image: url(../img/common/objDivCommon.png); background-repeat: no-repeat; background-position: 0 50%;}
article.sub table.basic.boardList th.first {background-image: none;}
article.sub table.basic.boardList th > div,
article.sub table.basic.boardList td > div {padding: 0;}

article.sub table.basic.boardList td.subject {line-height: 0; font-size: 0;}
article.sub table.basic.boardList td.subject a {margin-right: 5px; padding: 4px 10px; vertical-align: middle; line-height: 16px; font-size: 14px; text-decoration: none;}
article.sub table.basic.boardList td.subject a:hover {color: #1c86ea;}
article.sub table.basic.boardList td.subject a em {font-weight: 500; color: #1c86ea;}
article.sub table.basic.boardList td.subject span.sticker {margin-right: 3px;}

article.sub table.basic.boardList td.noPost {height: auto; padding: 100px 0; text-align: center; line-height: 1; font-size: 18px; font-weight: 500; color: #333d49; letter-spacing: -1px;}

article.sub table.basic.boardList tr.notice td {background: #f1f1f1; font-weight: 500;}
article.sub table.basic.boardList tr.notice td,
article.sub table.basic.boardList tr.notice td a {color: #333d49;}

article.sub table.basic.boardList tr.reply td {background: #e8ebef;}
article.sub table.basic.boardList tr.reply td.subject > div {padding-left: 20px; background: url(../img/common/icnReplyS.png) no-repeat 0 3px;}

article.sub table.basic.boardList tr.on td.subject a {font-weight: 500; color: #1c86ea;}

article.sub table.basic.boardList .packCheck label {padding-left: 19px;}


/* 3.4. Board List : Gallery */

article.sub ul.boardList {margin-top: 20px; border-top: solid 2px #333d49; border-bottom: solid 1px #bdc7d1; *zoom: 1;}
article.sub ul.boardList:after {content: ""; display: block; clear: both;}
article.sub ul.boardList > li {float: left; width: 320px; border-top: solid 1px #bdc7d1;}
article.sub ul.boardList > li:first-child,
article.sub ul.boardList > li:first-child + li,
article.sub ul.boardList > li:first-child + li + li {border-top: 0;}

article.sub ul.boardList > li > a {display: block; position: relative; height: 330px; padding: 20px; border-left: solid 1px #bdc7d1; text-decoration: none;}
article.sub ul.boardList > li > a:hover {background: #e8ebef;}
article.sub ul.boardList > li.first > a {border-left-color: #fff;}

article.sub ul.boardList > li > a > input[type="checkbox"],
article.sub ul.boardList > li > a > .packCheck {position: absolute; top: 30px; left: 30px; z-index: 10;}

article.sub ul.boardList > li.noPost {width: 100%; padding: 100px 0; text-align: center; line-height: 1; font-size: 18px; font-weight: 500; color: #333d49; letter-spacing: -1px;}

article.sub ul.boardList .thumb {margin-bottom: 13px; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}
article.sub ul.boardList .thumb,
article.sub ul.boardList .thumb img {width: 279px; height: 197px;}
article.sub ul.boardList .category {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2; font-size: 16px; font-weight: 500; color: #1c86ea;}
article.sub ul.boardList .subject {height: 23px; margin-top: 3px; overflow: hidden; line-height: 0; font-size: 0;}
article.sub ul.boardList .subject span.text {display: inline-block; max-width: 279px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; line-height: 1.3; font-size: 18px; font-weight: 500; color: #333d49; letter-spacing: -1px; *display: inline; *zoom: 1;}
article.sub ul.boardList .subject span.text em {font-weight: 500; color: #1c86ea;}
article.sub ul.boardList .subject span.sticker {margin-right: 5px;}
article.sub ul.boardList .subject span.status {margin-right: 10px;}
article.sub ul.boardList .desc {height: 36px; margin-top: 10px; overflow: hidden; line-height: 1.3;}

article.sub ul.boardList .info {position: absolute; bottom: 20px; left: 20px; width: 279px; height: 19px; overflow: hidden; *zoom: 1;}
article.sub ul.boardList .info:after {content: ""; display: block; clear: both;}
article.sub ul.boardList .info li {float: left; width: auto; padding-left: 15px; background: url(../img/common/objDivCommon.png) no-repeat 7px 50%; *zoom: 1;}
article.sub ul.boardList .info li:after {content: ""; display: block; clear: both;}
article.sub ul.boardList .info li:first-child {padding-left: 0; background: none;}

article.sub ul.boardList .thumb + .subject + .desc {height: 54px;}

article.sub ul.boardList.gallery li div.empty {height: 370px; border-left: solid 1px #bdc7d1;}

article.sub.full ul.boardList > li:first-child + li + li + li {border-top-width: 0;}
article.sub.full .miniCont ul.boardList > li:first-child + li + li + li {border-top-width: 1px;}


/* 3.5. Board List : Webzine */

article.sub ul.boardList.webzine > li {float: none; width: 100%; border-top: solid 1px #bdc7d1 !important; *margin-top: -4px;}
article.sub ul.boardList.webzine > li:first-child {border-top: 0 !important; *margin-top: 0;}
article.sub ul.boardList.webzine > li > a {height: 141px; padding: 20px 20px 20px 240px; border-left: 0;}

article.sub ul.boardList.webzine .thumb {position: absolute; top: 20px; left: 20px; margin: 0;}
article.sub ul.boardList.webzine .thumb,
article.sub ul.boardList.webzine .thumb img {width: 200px; height: 141px;}
article.sub ul.boardList.webzine .subject {height: 26px;}
article.sub ul.boardList.webzine .subject span.text {max-width: 700px; line-height: 1.2; font-size: 22px;}
article.sub ul.boardList.webzine .desc {height: 72px; margin-top: 12px;}
article.sub ul.boardList.webzine .info {top: 20px; bottom: auto; left: auto; right: 20px; width: auto; text-align: right;}

article.sub ul.boardList.webzine .info.program {height: auto;}
article.sub ul.boardList.webzine .info.program li {float: none; margin-top: 6px; padding-left: 20px; background-image: none; background-repeat: no-repeat; background-position: 0 50%; text-align: left; line-height: 16px;}
article.sub ul.boardList.webzine .info.program li:first-child {margin-top: 0;}
article.sub ul.boardList.webzine .info.program li.i01 {background-image: url(../img/sub/icnProgList01.png);}
article.sub ul.boardList.webzine .info.program li.i02 {background-image: url(../img/sub/icnProgList02.png);}
article.sub ul.boardList.webzine .info.program li.i03 {background-image: url(../img/sub/icnProgList03.png);}
article.sub ul.boardList.webzine .info.program li.i04 {background-image: url(../img/sub/icnProgList04.png);}

article.sub ul.boardList.webzine .thumb + .subject {margin-top: 0;}
article.sub ul.boardList.webzine .thumb + .subject + .desc {height: 72px;}
article.sub ul.boardList.webzine .thumb + .subject + .desc + .info {top: auto; bottom: 20px;}

article.sub ul.boardList.webzine.sermon .desc {height: 36px;}
article.sub ul.boardList.webzine.sermon .desc,
article.sub ul.boardList.webzine.sermon .bible {margin-top: 6px;}
article.sub ul.boardList.webzine.sermon .bible li {padding-left: 15px; background: url(../img/common/objDivCommon.png) no-repeat 7px 50%;}
article.sub ul.boardList.webzine.sermon .pastor {position: absolute; bottom: 20px; left: 240px; font-weight: 700; color: #333d49;}

article.sub.full ul.boardList.webzine .subject span.text {max-width: 1020px;}


/* 3.6. Board View */

article.sub table.basic.boardView {border-top: 0;}
article.sub table.basic.boardView th,
article.sub table.basic.boardView td {height: 26px;}

article.sub table.basic.boardView th.subject,
article.sub table.basic.boardView td.share {height: auto; padding: 0; padding-bottom: 15px; border-left: 0; border-bottom: solid 2px #333d49; line-height: 1.2;}
article.sub table.basic.boardView th.subject {background: none; text-align: left; line-height: 0; font-size: 0;}
article.sub table.basic.boardView th.subject > div {padding: 0;}
article.sub table.basic.boardView th.subject .category {display: block; padding-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2; font-size: 16px; font-weight: 500; color: #1c86ea;}
article.sub table.basic.boardView th.subject .text {display: inline-block; margin-right: 10px; vertical-align: middle; line-height: 1.2; font-size: 25px; font-weight: 500; color: #333d49; letter-spacing: -2px; *display: inline; *zoom: 1;}
article.sub table.basic.boardView th.subject .sticker {margin-right: 5px;}
article.sub table.basic.boardView th.subject .status {margin-right: 10px;}
article.sub table.basic.boardView td.share {vertical-align: bottom; text-align: right;}

article.sub table.basic.boardView td.share dl.shareSns {min-width: 141px; vertical-align: bottom;}
article.sub table.basic.boardView td.share dl.shareSns dt {display: none;}
article.sub table.basic.boardView td.share dl.shareSns dd a,
article.sub table.basic.boardView td.share dl.shareSns dd img {width: 33px; height: 30px;}

article.sub table.basic.boardView td.func {padding: 20px 0; text-align: center;}

article.sub table.basic.boardView td.body {height: 270px; padding: 20px 0; vertical-align: top;}
article.sub table.basic.boardView td.body th,
article.sub table.basic.boardView td.body td {height: auto; padding: 0; border: 0;}

article.sub table.basic.boardView td.body.video > div {margin: 0 auto; padding: 0;}

article.sub table.basic.boardView td.body .autosize {padding: 20px !important;}
article.sub table.basic.boardView td.body .autosize iframe {display: block; margin: 0 auto;}

article.sub table.basic.boardView td.body img {/*max-width: 920px !important;*/}
article.sub.full table.basic.boardView td.body img {max-width: 1240px !important;}


/* 3.7. Board Comment */

article.sub .boardComment {margin-top: 30px;}
article.sub .boardComment:first-child {margin-top: 0;}

article.sub .boardComment .portrait {background: #333 url(../img/common/imgThumbNoS.png) no-repeat 50%; line-height: 0; font-size: 0;}
article.sub .boardComment .portrait,
article.sub .boardComment .portrait img {width: 44px; height: 44px;}

article.sub .boardComment .head {position: relative; padding-bottom: 20px; border-bottom: solid 1px #bdc7d1;}
article.sub .boardComment .head .count {line-height: 1; font-size: 20px; font-weight: 700; color: #333d49; letter-spacing: -1px;}
article.sub .boardComment .head .count em {color: #1e87ea;}
article.sub .boardComment .head .refresh {position: absolute; top: 0; right: 0; padding: 0 12px; border: solid 1px #bbc9d9; border-radius: 5px; background: #d4dde7; line-height: 26px; font-size: 14px; color: #6d7781;}

article.sub .boardComment .write {position: relative; padding: 20px 0 20px 64px; border-bottom: solid 1px #bdc7d1;}
article.sub .boardComment .write .portrait {position: absolute; top: 20px; left: 0;}
article.sub .boardComment .write .input {width: 876px; height: 114px;}
article.sub .boardComment .write .func {margin-top: 20px; text-align: right;}

article.sub .boardComment ul.list > li {position: relative; padding: 20px 0 20px 84px; border-bottom: solid 1px #bdc7d1;}
article.sub .boardComment ul.list > li .portrait {position: absolute; top: 20px; left: 20px;}
article.sub .boardComment ul.list > li .name {line-height: 1; font-size: 17px; font-weight: 700; color: #333d49; letter-spacing: -1px;}
article.sub .boardComment ul.list > li .body {margin-top: 10px;}

article.sub .boardComment ul.list > li .info {position: absolute; top: 20px; right: 20px; *zoom: 1;}
article.sub .boardComment ul.list > li .info:after {content: ""; display: block; clear: both;}
article.sub .boardComment ul.list > li .info .date,
article.sub .boardComment ul.list > li .info .func {float: left;}
article.sub .boardComment ul.list > li .info .func {float: left; margin-left: 15px;}
article.sub .boardComment ul.list > li .info .func li {padding-left: 15px; background: url(../img/common/objDivCommon.png) no-repeat 7px 50%;}

article.sub .boardComment ul.list > li form.write {margin-left: -64px; padding-bottom: 0; border-bottom: 0;}
article.sub .boardComment ul.list > li form.write .portrait {left: 0;}
article.sub .boardComment ul.list > li form.write .input {width: 856px;}

article.sub .boardComment ul.list > li.reply {padding-left: 144px; padding-right: 20px; background: #e8ebef url(../img/common/icnReply.png) no-repeat 30px 30px;}
article.sub .boardComment ul.list > li.reply .portrait {left: 80px;}

article.sub .boardComment ul.list > li.reply form.write .input {width: 776px;}

article.sub.full .boardComment .write .input {width: 1196px;}


/* 3.8. FAQ */

article.sub .boardFaq {margin-top: 20px; border-top: solid 2px #333d49;}
article.sub .boardFaq:first-child {margin-top: 0;}
article.sub .boardFaq > dl {border-bottom: solid 1px #bdc7d1;}

article.sub .boardFaq > dl > dt {line-height: 1.3; font-size: 16px; font-weight: 500;}
article.sub .boardFaq > dl > dt a {display: block; padding: 15px 50px 15px 20px; background: url(../img/common/objPointerNav.png) no-repeat 100% 22px; color: #333d49; text-decoration: none;}
article.sub .boardFaq > dl > dt a em {font-weight: 500; color: #1c86ea;}
article.sub .boardFaq > dl > dt a:hover {color: #1c86ea;}

article.sub .boardFaq > dl > dd {display: none; padding: 20px; border-top: solid 1px #bdc7d1; background: #e8ebef;}
article.sub .boardFaq > dl > dd > div {margin-top: 20px;}
article.sub .boardFaq > dl > dd > div:first-child {margin-top: 0;}

article.sub .boardFaq > dl.on > dt a {background-color: #1c86ea; background-image: url(../img/common/objPointerNavOn.png); color: #fff;}
article.sub .boardFaq > dl.on > dt a em {color: #fff;}
article.sub .boardFaq > dl.on > dd {display: block;}


/* 3.9. Extended Search Panel */

article.sub .searchCont {position: relative; padding: 20px 0;}
article.sub .searchCont + .btnTab {margin-top: 30px;}

article.sub .searchCont form {width: 394px; height: 50px; margin: 0 auto; padding: 0; border: solid 3px #333d49; line-height: 0; font-size: 0;}
article.sub .searchCont form input[type="text"] {width: 250px; height: 29px; padding: 10px 20px 11px; border: 0; font-size: 20px; letter-spacing: -1px;}
article.sub .searchCont form input[type="text"],
article.sub .searchCont form input[type="submit"] {vertical-align: top;}
article.sub .searchCont form input[type="submit"] {width: 104px; height: 50px; border: 0; background: #333d49; line-height: 1; font-size: 20px; color: #fff;}

article.sub .searchCont dl.keyword {position: absolute; top: 20px; right: 0; max-width: 358px; padding: 8px 20px; border: solid 1px #bdc7d1; border-radius: 5px;}
article.sub .searchCont dl.keyword dt {line-height: 1; font-size: 16px; font-weight: 500; color: #1c86ea;}
article.sub .searchCont dl.keyword dd {margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/* 3.10. ETC */

article.sub .boardCont {position: relative; max-width: 100%; margin: 0 auto; line-height: 0; font-size: 0;}


/* 4. Frequently-used UI */


/* 4.1. Single Content */

article.sub .areaSingle {width: 960px; margin: 0 auto; padding: 30px 49px 50px; border: solid 1px #bdc7d1; background: #fff;}

article.sub .areaSingle input[type="text"].basic.full,
article.sub .areaSingle input[type="password"].basic.full,
article.sub .areaSingle textarea.basic {width: 708px;}


/* 4.2. Tab Navigation */

article.sub ul.btnTab {min-width: 960px; margin-top: 30px; height: 55px; overflow: hidden; text-align: center; *zoom: 1;}
article.sub ul.btnTab:first-child {margin-top: 0;}
article.sub ul.btnTab:after {content: ""; display: block; clear: both;}
article.sub ul.btnTab li {float: left; width: 50%;}
article.sub ul.btnTab li a {display: block; border-left: solid 1px #666d76; background: #333d49; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 55px; font-size: 17px; font-weight: 500; color: #fff; text-decoration: none;}
article.sub ul.btnTab li:first-child a {border-left: 0;}
article.sub ul.btnTab li a:hover,
article.sub ul.btnTab li.on a {background: #1c86ea;}

article.sub ul.btnTab.t3 li {width: 33.3333% !important;}

article.sub ul.btnTab.unit3 li {width: 33.3%;}
article.sub ul.btnTab.unit3 li:first-child {width: 33.4%;}
article.sub ul.btnTab.unit4 li {width: 25%;}
article.sub ul.btnTab.unit5 li {width: 20%;}
article.sub ul.btnTab.unit6 li {width: 16.7%;}
article.sub ul.btnTab.unit6 li:first-child,
article.sub ul.btnTab.unit6 li:first-child + li {width: 16.6%;}
article.sub ul.btnTab.unit7 li {width: 14.3%;}
article.sub ul.btnTab.unit7 li:first-child {width: 14.2%;}
article.sub ul.btnTab.unit8 li {width: 12.5%;}
article.sub ul.btnTab.unit9 li {width: 11.1%;}
article.sub ul.btnTab.unit9 li:first-child {width: 11.2%;}
article.sub ul.btnTab.unit10 li {width: 10%;}

article.sub .contTab .cont {display: none;}
article.sub .contTab .cont.on {display: block;}

article.sub .tabHead {padding: 30px 0;}
article.sub .tabHead:first-child {margin-top: 0;}
article.sub .tabHead p {margin-top: 10px; font-size: 16px;}


/* 4.3. Guide Tooltip */

article.sub dl.boxGuide {margin-top: 30px; padding: 20px; border: solid 1px #bdc7d1; border-radius: 5px;}
article.sub dl.boxGuide:first-child {margin-top: 0;}
article.sub dl.boxGuide dt {line-height: 1.2; font-size: 25px; font-weight: 500; color: #333d49; letter-spacing: -2px;}
article.sub dl.boxGuide dd {margin-top: 10px;}
article.sub dl.boxGuide dd li {padding-left: 10px; background: url(../img/common/objBullet.png) no-repeat 0 50%;}

article.sub dl.boxGuide + dl.boxGuide {margin-top: 10px;}


/* 4.4. Layer Slider */

article.sub .slideA {position: relative; line-height: 0; font-size: 0;}

article.sub .slideA .prev {left: 0; background-image: url(../img/common/btnSlideAPrev.png);}
article.sub .slideA .prev,
article.sub .slideA .next {position: absolute; top: 85px; width: 50px; height: 50px; background-repeat: no-repeat; background-position: 50%; z-index: 10;}
article.sub .slideA .next {right: 0; background-image: url(../img/common/btnSlideANext.png);}
article.sub .slideA .prev:hover,
article.sub .slideA .next:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; filter: alpha(opacity=80); opacity: .8;}

article.sub .slideA .func {position: absolute; top: 255px; left: 110px; z-index: 10; line-height: 0; font-size: 0;}
article.sub .slideA .func .resume {background-image: url(../img/common/btnSlideAResume.png);}
article.sub .slideA .func .resume,
article.sub .slideA .func .pause {width: 22px; height: 22px; background-repeat: no-repeat; background-position: 50%; vertical-align: middle;}
article.sub .slideA .func .pause {background-image: url(../img/common/btnSlideAPause.png);}

article.sub .slideA .func .pager {display: inline-block; margin-left: 13px; vertical-align: middle; *display: inline; *zoom: 1;}
article.sub .slideA .func .pager a {width: 16px; height: 16px; background: url(../img/common/objSlideAPager.png) no-repeat 50%;}
article.sub .slideA .func .pager a:first-child {margin-left: 0;}
article.sub .slideA .func .pager a.activeSlide {background-image: url(../img/common/objSlideAPagerOn.png);}

article.sub .slideA .slide,
article.sub .slideA .slide img,
article.sub .slideA .slide > a,
article.sub .slideA .slide > div {width: 100%;}
article.sub .slideA .slide > a,
article.sub .slideA .slide > div {background-repeat: no-repeat; background-position: 50% 0;}
article.sub .slideA .slide > a {display: block;}
article.sub .slideA .slide > div {cursor: move;}

/* 4.5. Toggle Button */

article.sub button.btnToggle {width: 24px; height: 24px; border: 0; background: none; background-repeat: no-repeat; background-position: 50%; z-index: 10; vertical-align: middle; line-height: 0; font-size: 0;}

article.sub button.btnToggle.favorite {background-image: url(../img/common/icnFavorite.png);}
article.sub button.btnToggle.favorite.on,
article.sub button.btnToggle.favorite:hover {background-image: url(../img/common/icnFavoriteOn.png);}


/* 4.6. SNS Share */

article.sub dl.shareSns {display: inline-block; *display: inline; *zoom: 1;}
article.sub dl.shareSns:after {content: ""; display: block; clear: both;}

article.sub dl.shareSns dt,
article.sub dl.shareSns dd {float: left;}
article.sub dl.shareSns dt {line-height: 36px; padding-right: 10px; font-size: 16px; font-weight: 500;}
article.sub dl.shareSns dd {margin-left: 3px; line-height: 0; font-size: 0;}
article.sub dl.shareSns dt + dd {margin-left: 0;}
article.sub dl.shareSns dd a,
article.sub dl.shareSns dd img {width: 40px; height: 36px;}
article.sub dl.shareSns dd a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; filter: alpha(opacity=80); opacity: .8;}


/* 4.7. Font Resize */

article.sub .fontResize {display: inline-block; margin-left: 20px; vertical-align: middle; line-height: 0; font-size: 0; *display: inline; *zoom: 1;}
article.sub .fontResize:first-child {margin-left: 0;}

article.sub .fontResize a {width: 28px; height: 28px; background-repeat: no-repeat; background-position: 50%; vertical-align: middle;}
article.sub .fontResize a.up {background-image: url(../img/common/btnFontSizeUp.png);}
article.sub .fontResize a.down {background-image: url(../img/common/btnFontSizeDown.png);}

article.sub .fontResize .status {display: inline-block; width: 60px; text-align: center; vertical-align: middle; line-height: 1; font-size: 16px; *display: inline; *zoom: 1;}
article.sub .fontResize .status,
article.sub .fontResize .status em {color: #98a1ab;}


/* 4.8. Policy Agree */

article.sub .agreePolicy {margin-top: 30px; padding-top: 30px; border-top: dotted 1px #bdc7d1;}
article.sub .agreePolicy:first-child {margin-top: 0; padding-top: 0; border-top: 0;}
article.sub .agreePolicy .text {height: 178px; margin-top: 10px; padding: 15px 19px; border: solid 1px #bdc7d1; overflow-y: scroll;}

article.sub .pack + .agreePolicy {margin-top: 0;}


/* 4.9. Function List for Administrator */

article.sub .funcAdmin {display: inline-block; margin-left: 1px; position: relative; *display: inline; *zoom: 1;}
article.sub .funcAdmin:first-child,
article.sub .funcAdmin > a {margin-left: 0;}

article.sub .funcAdmin ul {display: none; position: absolute; bottom: 0; left: 0; padding: 10px; padding-right: 15px; border: solid 1px #bdc7d1; background: #fff; z-index: 10; white-space: nowrap; text-align: left;}
article.sub .funcAdmin li a {display: block; position: relative; padding: 5px 0 5px 15px; line-height: 1; text-decoration: none; *padding-left: 0;}
article.sub .funcAdmin li a:hover {color: #1c86ea;}
article.sub .funcAdmin li i {position: absolute; top: 5px; left: 0; *display: none;}
article.sub .funcAdmin:hover ul {display: block;}


/* 4.10. Decorative Text/Image */

article.sub .titleEm {width: 20px; border-bottom: solid 2px #333d49; padding-bottom: 10px; white-space: nowrap; font-size: 40px; font-weight: 300; color: #333d49; letter-spacing: -3px; text-indent: -2px;}
article.sub .titleEm.color {border-bottom: solid 2px #0053a1; color: #0053a1;}
article.sub .titleEm + p.announce {margin-top: 0; padding-top: 50px; font-size: 13px;}

article.sub ul.bullet {margin-top: 20px;}
article.sub ul.bullet:first-child {margin-top: 0;}
article.sub ul.bullet > li {margin-top: 3px; padding-left: 10px; background: url(../img/common/objBullet.png) no-repeat 0 8px;}
article.sub ul.bullet > li:first-child {margin-top: 0;}

article.sub span.sticker {display: inline-block; width: 15px; height: 15px; padding: 4px 0; background-repeat: no-repeat; background-position: 50%; vertical-align: middle; line-height: 0; font-size: 0; *display: inline; *zoom: 1;}
article.sub span.sticker.new {background-image: url(../img/common/icnStickerNew.png);}
article.sub span.sticker.hot {background-image: url(../img/common/icnStickerHot.png);}
article.sub span.sticker.lock {background-image: url(../img/common/icnStickerLock.png);}

article.sub span.status {display: inline-block; padding: 0 8px; border: solid 1px #1c86ea; border-radius: 5px; vertical-align: middle; line-height: 21px; font-size: 14px; color: #1c86ea; letter-spacing: -1px; *display: inline; *zoom: 1;}
article.sub span.status.off {border-color: #bdc7d1; color: #999;}

article.sub em.keyword {font-weight: 500; color: #ff0000;}

article.sub .bannerComm a,
article.sub .bannerComm a img {max-width: 470px;}


/* 5. Specific Markup for Sub-Main */


/* 5.1. "areaFocus" */

article.sub .areaFocus {margin-top: 20px; border-radius: 5px; background: #284b6d;}
article.sub .areaFocus:first-child {margin-top: 0;}

article.sub .areaFocus .head {height: 35px; border-bottom: solid 1px #536f8a; padding: 9px 20px; white-space: nowrap; line-height: 35px; color: #fff;}
article.sub .areaFocus .head em {font-weight: 500; color: #f4b518;}
article.sub .areaFocus .head a {padding: 0 9px; border: solid 1px #536f8a; background: #203d5a; line-height: 33px; color: #fff;}

article.sub .areaFocus .head dl {*zoom: 1;}
article.sub .areaFocus .head dl:after {content: ""; display: block; clear: both;}
article.sub .areaFocus .head dt,
article.sub .areaFocus .head dd {float: left;}
article.sub .areaFocus .head dt {font-size: 20px; font-weight: 500; color: #fff; letter-spacing: -1px;}
article.sub .areaFocus .head dd {margin-left: 20px; color: #79a4ce;}

article.sub .areaFocus .body {padding: 20px;}


/* 5.2. "areaPreview" */

article.sub .areaPreview {margin-top: 20px; border: solid 1px #d8d8d8; border-radius: 5px; background: #fff; *zoom: 1;}
article.sub .areaPreview:after {content: ""; display: block; clear: both;}
article.sub .areaPreview:first-child {margin-top: 0;}

article.sub .areaPreview .head {position: relative; height: 54px; padding: 0 19px; border-bottom: solid 1px #d8d8d8; line-height: 0; font-size: 0;}
article.sub .areaPreview .head .label {font-size: 20px; font-weight: 500; color: #333; letter-spacing: -1px;}
article.sub .areaPreview .head .label,
article.sub .areaPreview .head .desc {display: inline-block; vertical-align: middle; line-height: 54px; *display: inline; *zoom: 1;}
article.sub .areaPreview .head .desc {margin-left: 20px; font-size: 14px; color: #a5a5a5;}
article.sub .areaPreview .head .more {position: absolute; top: 0; right: 0; width: 54px; height: 54px; background: url(../img/common/btnMoreS.png) no-repeat 50%;}

article.sub .areaPreview .body {padding: 20px 19px; *zoom: 1;}

article.sub .areaPreview > .block {float: left; border-left: solid 1px #d8d8d8;}
article.sub .areaPreview > .block:first-child {border-left: 0;}

article.sub .areaPreview.solid {border: 0; border-radius: 0; background: none;}
article.sub .areaPreview.solid .body {margin-top: 20px; border: solid 1px #d8d8d8; background: #fff;}

article.sub .areaPreview.solid .head {padding: 0; border: solid 1px #d8d8d8; background: #fff; text-align: center;}
article.sub .areaPreview.solid .head .label,
article.sub .areaPreview.solid .head .label a {display: block;}
article.sub .areaPreview.solid .head .label a {color: #333; text-decoration: none;}
article.sub .areaPreview.solid .head .label a > span {display: inline-block; line-height: 54px; padding-right: 25px; background: url(../img/common/btnMoreS.png) no-repeat 100% 50%; *display: inline; *zoom: 1;}
article.sub .areaPreview.solid .head .label a:hover {color: #0053a1;}
article.sub .areaPreview.solid .head .label a:hover > span {background-image: url(../img/common/btnMoreSOn.png);}
article.sub .areaPreview.solid .head .desc,
article.sub .areaPreview.solid .head .more {display: none;}
article.sub .areaPreview.solid .head + ul.btnTab {margin-top: 10px;}


/* 5.3. "areaHide" & "showArea" */

article.sub .areaHide {display: none;}
article.sub .areaHide.on {display: block;}

article.sub .showArea {margin-top: 20px; text-align: center;}
article.sub .showArea:first-child {margin-top: 0;}
article.sub .showArea a {padding: 0 80px; border: solid 1px #bbc9d9; background: #d4dde7; line-height: 44px; font-size: 18px; font-weight: 500; color: #8491a0; text-decoration: none;}
article.sub .showArea a > span {display: inline-block; padding-left: 15px; background: url(../img/common/btnMoreMini.png) no-repeat 0 50%; *display: inline; *zoom: 1;}
article.sub .showArea a:hover {background: #1c86ea; color: #fff;}
article.sub .showArea a:hover > span {background-image: url(../img/common/btnMoreMiniOn.png);}


/* 5.4. "listThumb" */

article.sub .listThumb {padding: 0 8px; text-align: center; line-height: 0; font-size: 0;}
article.sub .listThumb li {padding-left: 26px;}
article.sub .listThumb li a {display: block; position: relative; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%; overflow: hidden; text-decoration: none;}
article.sub .listThumb li a:hover .subject {text-decoration: underline;}
article.sub .listThumb .thumb,
article.sub .listThumb .thumb img {width: 284px; height: 201px;}
article.sub .listThumb .category {position: absolute; top: 0; left: 0; max-width: 234px; padding: 0 25px; background: #f4b518; z-index: 10; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; font-size: 15px; color: #fff;}

article.sub .listThumb.basic .info {position: absolute; bottom: 0; left: 0; width: 244px; padding: 12px 20px; background: url(../img/common/bgMaskListThumb.png); z-index: 10; text-align: left; line-height: 1.2;}
article.sub .listThumb.basic .info .subject {font-size: 15px; color: #fff;}
article.sub .listThumb.basic .info .subject,
article.sub .listThumb.basic .info .date {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.sub .listThumb.basic .info .date {margin-top: 5px; font-size: 13px; color: #adafb2;}


/* 5.5. "divQuad" */

article.sub .divQuad {*zoom: 1;}
article.sub .divQuad:after {content: ""; display: block; clear: both;}
article.sub .divQuad > div {float: left; width: 468px; margin-top: 20px; margin-left: 20px; padding: 20px 0; border: solid 1px #bdc7d1; background-repeat: no-repeat; background-position: 50% 20px;}
article.sub .divQuad > div.i01,
article.sub .divQuad > div.i02 {margin-top: 0;}
article.sub .divQuad > div.i01,
article.sub .divQuad > div.i03 {margin-left: 0;}

article.sub .divQuad .titleM {text-align: center; font-weight: 700;}

article.sub .divQuad .body {position: relative; margin-top: 20px; padding: 0 20px;}
article.sub .divQuad .body .foot {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;}

article.sub .divQuad table.basic.boardList td.subject a {max-height: 32px; padding: 0; overflow: hidden;}

article.sub .divQuad.myOverview > div {padding-top: 110px;}
article.sub .divQuad.myOverview > div .body {height: 262px;}

article.sub .divQuad.myOverview > div.personal {background-image: url(../img/sub/icnMypage01.png);}
article.sub .divQuad.myOverview > div.inquiry {background-image: url(../img/sub/icnMypage02.png);}
article.sub .divQuad.myOverview > div.favorite {background-image: url(../img/sub/icnMypage03.png);}
article.sub .divQuad.myOverview > div.payment {background-image: url(../img/sub/icnMypage04.png);}

article.sub.full .divQuad > div {width: 628px;}


/* 6. Sub-Main */


/* 6.1. Sub-Main : Donation */

article.sub .donateMain {width: 960px; margin: 0 auto;}

article.sub .donateMain .visual .prev,
article.sub .donateMain .visual .next {top: 121px;}
article.sub .donateMain .visual .func {top: 29px; left: 82px;}
article.sub .donateMain .visual .slide,
article.sub .donateMain .visual .slide > a {height: 293px;}

article.sub .donateMain .program {text-align: center; line-height: 0; font-size: 0;}
article.sub .donateMain .program li {width: 152px; border-left: solid 1px #536f8a;}
article.sub .donateMain .program li:first-child,
article.sub .donateMain .program li:first-child + li {width: 153px;}
article.sub .donateMain .program li a {display: block; height: 93px; padding: 0 5px; background: #fff; background-repeat: no-repeat; background-position: 50%; line-height: 93px; font-weight: 500; color: #284b6d; text-decoration: none;}
article.sub .donateMain .program li a span {display: inline-block; line-height: 1.3; font-size: 16px; vertical-align: middle; *display: inline; *zoom: 1;}
article.sub .donateMain .program li a:hover span {color: #fff;}

article.sub .donateMain .program li.i01 a:hover {background-image: url(../img/sub/imgThumbDonateProgram01.png);}
article.sub .donateMain .program li.i02 a:hover {background-image: url(../img/sub/imgThumbDonateProgram02.png);}
article.sub .donateMain .program li.i03 a:hover {background-image: url(../img/sub/imgThumbDonateProgram03.png);}
article.sub .donateMain .program li.i04 a:hover {background-image: url(../img/sub/imgThumbDonateProgram04.png);}
article.sub .donateMain .program li.i05 a:hover {background-image: url(../img/sub/imgThumbDonateProgram05.png);}
article.sub .donateMain .program li.i06 a:hover {background-image: url(../img/sub/imgThumbDonateProgram06.png);}

article.sub .donateMain .listThumb.campaign .subject {position: absolute; bottom: 15px; left: 20px; width: 244px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2; font-size: 17px; color: #fff; letter-spacing: -1px;}

article.sub .donateMain .etc .block {width: 239px; height: 220px;}
article.sub .donateMain .etc .block:first-child + .block {width: 238px;}

article.sub .donateMain .etc .inquiry {padding: 0; line-height: 0; font-size: 0;}
article.sub .donateMain .etc .inquiry li {border-top: solid 1px #d8d8d8;}
article.sub .donateMain .etc .inquiry li:first-child {border-top: 0;}
article.sub .donateMain .etc .inquiry li a {display: block; height: 82px; padding-left: 100px; background-color: #f8f9fa; background-repeat: no-repeat; background-position: 29px 50%; line-height: 82px; font-size: 21px; color: #999; letter-spacing: -1px; text-decoration: none;}
article.sub .donateMain .etc .inquiry li a:hover {color: #f4b518;}
article.sub .donateMain .etc .inquiry li.i01 a {background-image: url(../img/sub/icnDonateInquiry01.png);}
article.sub .donateMain .etc .inquiry li.i02 a {background-image: url(../img/sub/icnDonateInquiry02.png);}

article.sub .donateMain .etc .story {display: block; text-align: center;}
article.sub .donateMain .etc .story .thumb {background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}
article.sub .donateMain .etc .story .thumb,
article.sub .donateMain .etc .story .thumb img {width: 200px; height: 100px;}
article.sub .donateMain .etc .story .subject {margin-top: 9px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.sub .donateMain .etc .story:hover .subject {text-decoration: underline;}

article.sub .donateMain .etc .notice li {margin-top: 6px; padding-left: 8px; background: url(../img/common/objBullet.png) no-repeat 0 50%; line-height: 0; font-size: 0; *zoom: 1;}
article.sub .donateMain .etc .notice li:first-child {margin-top: 0;}
article.sub .donateMain .etc .notice li a {max-width: 172px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; line-height: 1.2; font-size: 14px;}
article.sub .donateMain .etc .notice li span.sticker {margin-left: 5px; padding: 0;}

article.sub .donateMain .etc .sns {display: block; position: relative; text-decoration: none;}
article.sub .donateMain .etc .sns .portrait {position: absolute; top: 0; left: 0; border: solid 1px #e6e6e6; background: #333 url(../img/common/imgThumbNoS.png) no-repeat 50%;}
article.sub .donateMain .etc .sns .portrait,
article.sub .donateMain .etc .sns .portrait img {width: 38px; height: 38px;}
article.sub .donateMain .etc .sns .name {padding-top: 3px; font-weight: bold; color: #345593;}
article.sub .donateMain .etc .sns .name,
article.sub .donateMain .etc .sns .date {padding-left: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.sub .donateMain .etc .sns .date {margin-top: 2px; font-size: 12px; color: #888;}
article.sub .donateMain .etc .sns .detail {height: 76px; margin-top: 9px; overflow: hidden; line-height: 19px; font-size: 13px;}
article.sub .donateMain .etc .sns:hover .detail {text-decoration: underline;}article.sub ul.donateList {width: 1002px; margin-top: 30px; *zoom: 1;}


/* 6.2. Sub-Main : TV */

article.sub .tvMain {width: 960px; margin: 0 auto;}

article.sub .tvMain .visual .prev,
article.sub .tvMain .visual .next {top: 113px;}
article.sub .tvMain .visual .next {right: 235px;}
article.sub .tvMain .visual .func {top: 29px; left: 82px;}
article.sub .tvMain .visual .slide,
article.sub .tvMain .visual .slide > a {height: 274px;}

article.sub .tvMain .visual .nav {position: absolute; top: 0; right: 0; width: 235px; background: url(../img/common/bgMaskVisual.png); text-align: center; z-index: 50;}
article.sub .tvMain .visual .nav li {border-top: solid 1px #6f7071;}
article.sub .tvMain .visual .nav li:first-child {border-top: 0;}
article.sub .tvMain .visual .nav li a {display: block; height: 68px; line-height: 68px; font-size: 18px; color: #fff; text-decoration: none;}
article.sub .tvMain .visual .nav li:first-child a {height: 67px; line-height: 67px;}
article.sub .tvMain .visual .nav li a:hover {background: #1c86ea;}

article.sub .tvMain .listThumb.program .category {background: #1c86ea;}

article.sub .tvMain .listThumb.program .info {position: absolute; top: 0; left: 0; width: 264px; height: 201px; padding: 0 10px; line-height: 201px; color: #fff;}
article.sub .tvMain .listThumb.program .info span {display: inline-block; vertical-align: middle; *display: inline; *zoom: 1;}
article.sub .tvMain .listThumb.program .info.name {z-index: 20;}
article.sub .tvMain .listThumb.program .info.name span {line-height: 1.2; font-size: 23px; letter-spacing: -1px;}
article.sub .tvMain .listThumb.program .info.desc {display: none; background: url(../img/common/bgMaskListThumb.png); z-index: 30;}
article.sub .tvMain .listThumb.program .info.desc span {line-height: 1.4; font-size: 16px;}

article.sub .tvMain .listThumb.program li a:hover .info.name {display: none;}
article.sub .tvMain .listThumb.program li a:hover .info.desc {display: block;}

article.sub .tvMain .progList {height: 342px;}


/* 6.3. Sub-Main : Radio JOY */

article.sub .radioMain {width: 960px; margin: 0 auto;}

article.sub .radioMain .visual .prev,
article.sub .radioMain .visual .next {top: 113px;}
article.sub .radioMain .visual .func {top: 29px; left: 82px;}
article.sub .radioMain .visual .slide,
article.sub .radioMain .visual .slide > a {height: 274px;}

article.sub .radioMain .onair li {width: 293px; padding-left: 20px;}
article.sub .radioMain .onair li a {display: block; text-decoration: none;}
article.sub .radioMain .onair dl {position: relative; height: 40px; padding: 16px 20px 16px 92px; background: #fff;}
article.sub .radioMain .onair dt {position: absolute; top: 0; left: 0; width: 72px; height: 72px; background: #d0d9e2; text-align: center; line-height: 72px; font-size: 16px; font-weight: bold; color: #284b6d;}
article.sub .radioMain .onair dd {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.sub .radioMain .onair dd.time {color: #98a1ab;}
article.sub .radioMain .onair dd.name {margin-top: 2px; font-weight: 500; color: #6d7781;}
article.sub .radioMain .onair li a:hover dd.name {text-decoration: underline;}

article.sub .radioMain .onair li.current {width: 294px;}
article.sub .radioMain .onair li.current dt {height: 24px; padding-top: 48px; background: #1c86ea url(../img/common/btnPlay.png) no-repeat 50% 9px; line-height: 1; color: #fff;}



article.sub .radioMain .onair li.current dd.name {color: #1c86ea;}

article.sub .radioMain .program {padding: 0 33px;}
article.sub .radioMain .program a.prev {left: -19px;}
article.sub .radioMain .program a.prev,
article.sub .radioMain .program a.next {top: 185px;}
article.sub .radioMain .program a.next {right: -19px;}

article.sub .radioMain .program .listThumb {width: 837px; height: 402px; padding: 18px 0 0 18px;}
article.sub .radioMain .program .listThumb li {padding: 0 18px 18px 0;}
article.sub .radioMain .program .listThumb .thumb,
article.sub .radioMain .program .listThumb .thumb img {width: 261px; height: 183px;}

article.sub .radioMain .program .listThumb .info {position: absolute; top: 0; left: 0; width: 241px; height: 183px; padding: 0 10px; line-height: 183px; color: #fff;}
article.sub .radioMain .program .listThumb .info span {display: inline-block; vertical-align: middle; *display: inline; *zoom: 1;}
article.sub .radioMain .program .listThumb .info.name {z-index: 20;}
article.sub .radioMain .program .listThumb .info.name span {line-height: 1.2; font-size: 23px; letter-spacing: -1px;}
article.sub .radioMain .program .listThumb .info.desc {display: none; background: url(../img/common/bgMaskListThumb.png); z-index: 30;}
article.sub .radioMain .program .listThumb .info.desc span {line-height: 1.4; font-size: 16px;}

article.sub .radioMain .program .listThumb li a:hover .info.name {display: none;}
article.sub .radioMain .program .listThumb li a:hover .info.desc {display: block;}

article.sub .radioMain .ccm {display: block; height: 44px; margin-top: 20px; padding: 0 15px; border: solid 5px #4f6f8f; background: #4f6f8f url(../img/sub/icnRadioEqualizer.png) no-repeat 100% 50%; line-height: 44px; font-size: 14px; font-weight: 500; color: #fff;}
article.sub .radioMain .ccm span {display: inline-block; padding-right: 27px; background: url(../img/common/btnPlayS01.png) no-repeat 100% 50%; *display: inline; *zoom: 1;}
article.sub .radioMain .ccm:hover {background-color: #fff; background-image: url(../img/sub/icnRadioEqualizerOn.png); color: #4f6f8f;}
article.sub .radioMain .ccm:hover span {background-image: url(../img/common/btnPlayS02.png);}

article.sub .radioMain .external {height: 42px; padding: 16px 20px; background: #333d49;}
article.sub .radioMain .external dl {line-height: 1;}
article.sub .radioMain .external dt {color: #d0d9e2;}
article.sub .radioMain .external dd {margin-top: 4px; font-size: 24px; font-weight: 700; color: #fff;}
article.sub .radioMain .external li {padding-left: 10px;}
article.sub .radioMain .external li a,
article.sub .radioMain .external li a img {width: 42px; height: 42px;}
article.sub .radioMain .external li a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; filter: alpha(opacity=80); opacity: .8;}

article.sub .radioMain .progList {height: 342px;}


/* 7. Broadcasting Program */


/* 7.1. Program List */

article.sub .progBest {width: 856px; margin: 0 auto; padding: 0 51px; border: solid 1px #d8d8d8; background: #fff;}

article.sub .progBest a.prev {left: 0;}
article.sub .progBest a.prev,
article.sub .progBest a.next {top: 185px;}
article.sub .progBest a.next {right: 0;}

article.sub .progBest .listThumb {width: 837px; height: 402px; padding: 18px 0 0 18px;}
article.sub .progBest .listThumb li {padding: 0 18px 18px 0;}

article.sub .progBest .listThumb .thumb,
article.sub .progBest .listThumb .thumb img {width: 261px; height: 183px;}

article.sub .progBest .listThumb .info {position: absolute; top: 0; left: 0; width: 241px; height: 183px; padding: 0 10px; line-height: 183px; color: #fff;}
article.sub .progBest .listThumb .info span {display: inline-block; vertical-align: middle; *display: inline; *zoom: 1;}
article.sub .progBest .listThumb .info.name {z-index: 20;}
article.sub .progBest .listThumb .info.name span {line-height: 1.2; font-size: 23px; letter-spacing: -1px;}
article.sub .progBest .listThumb .info.desc {display: none; background: url(../img/common/bgMaskListThumb.png); z-index: 30;}
article.sub .progBest .listThumb .info.desc span {line-height: 1.4; font-size: 16px;}

article.sub .progBest .listThumb li a:hover .info.name {display: none;}
article.sub .progBest .listThumb li a:hover .info.desc {display: block;}

article.sub .progList {margin-top: 15px; padding: 20px 0; border: solid 1px #bdc7d1; background: #e8ebef; overflow-y: auto; line-height: 2; font-size: 16px; letter-spacing: -1px; *width: 960px; *margin: 15px auto 0; *zoom: 1;}
article.sub .progList:after {content: ""; display: block; clear: both;}
article.sub .progList > ul {float: left; width: 33.3%; *width: 313px !important;}
article.sub .progList > ul.i01 {width: 33.4%;}
article.sub .progList > ul li {padding: 0 20px;}
article.sub .progList > ul li a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.sub .progList > ul li.index {background: #1c86ea; color: #fff;}

article.sub .progList.short {height: 128px;}


/* 7.2. Program Detail */

article.sub .progCover img {width: 100%;}

article.sub .progView {margin: 40px 0; padding: 19px; border: solid 1px #bbc9d9; background: #e8ebef;}

article.sub .progView > .left {width: 600px;}
article.sub .progView > .right {width: 300px;}
article.sub .progView > .bot {clear: both; padding-top: 20px;}

article.sub .progView ul.btnTab {min-width: 0; height: 45px;}
article.sub .progView ul.btnTab li a {line-height: 45px;}

article.sub .progView .contTab {position: relative; height: 254px; padding: 18px; border: solid 2px #0053a1; border-top: 0; background: #fff; overflow-y: auto;}
article.sub .progView .contTab .cont .title {line-height: 1.2; font-size: 24px; font-weight: 500; color: #333d49; letter-spacing: -2px;}
article.sub .progView .contTab .cont .cate {display: inline-block; margin-bottom: 5px; padding: 0 10px; border-radius: 5px; background: #0053a1; font-weight: 500; color: #fff; *display: inline; *zoom: 1;}
article.sub .progView .contTab .cont .desc {margin-top: 18px;}

article.sub .progView .contTab .cont .info {margin-top: 15px; padding-bottom: 18px; border-bottom: solid 1px #bdc7d1; color: #333d49;}
article.sub .progView .contTab .cont .info li {margin-top: 8px; padding-left: 30px; background-repeat: no-repeat; background-position: 0 0%; line-height: 21px;}
article.sub .progView .contTab .cont .info li:first-child {margin-top: 0;}
article.sub .progView .contTab .cont .info li.i01 {background-image: url(../img/sub/icnProgInfo01.png);}
article.sub .progView .contTab .cont .info li.i02 {background-image: url(../img/sub/icnProgInfo02.png);}
article.sub .progView .contTab .cont .info li.i03 {background-image: url(../img/sub/icnProgInfo03.png);}

article.sub.full .progView > .left {width: 820px;}
article.sub.full .progView > .right {width: 400px;}

article.sub.full .progView .contTab {height: 378px;}


/* 7.3. Program Mini-Site */

article.sub .miniVisual {height: 450px; margin-top: -100px; min-width: 1280px; background-repeat: no-repeat; background-position: 50% 0; line-height: 0; font-size: 0;}

article.sub .miniVisual .text {position: absolute; top: 60px; left: 0; height: 265px; padding: 35px 50px; color: #333;}
article.sub .miniVisual .text .title {max-height: 104px; overflow: hidden; line-height: 52px; font-size: 48px; letter-spacing: -2px;}
article.sub .miniVisual .text .desc {max-height: 140px; margin-top: 21px; overflow: hidden; line-height: 28px; font-size: 20px; letter-spacing: -1px;}
article.sub .miniVisual .text .desc:first-child {margin-top: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.sub .miniVisual .text .desc:first-child + .title + .desc {max-height: 112px;}

article.sub .miniHead {margin-top: -55px;}

article.sub .miniHead .btnTab {width: 100%; background: url(../img/common/bgMaskVisual.png); z-index: 50;}
article.sub .miniHead .btnTab li a {background: none;}

article.sub .miniHead .info {position: relative; height: 55px; padding: 0 20px; background: #4f6f8f; line-height: 0; font-size: 0;}
article.sub .miniHead .info ul.staff {line-height: 55px; font-size: 14px;}
article.sub .miniHead .info ul.staff li {padding: 0 10px; background: url(../img/common/objDivMini.png) no-repeat 0 50%; color: #fff;}

article.sub .miniHead .info .schedule {position: absolute; top: 6px; right: 6px; height: 31px; padding: 6px 33px 6px 20px; border-radius: 5px; background: #fff; overflow: hidden;}
article.sub .miniHead .info .schedule a.prev,
article.sub .miniHead .info .schedule a.next {position: absolute; right: 14px; width: 9px; height: 6px; background-repeat: no-repeat; background-position: 50%;}
article.sub .miniHead .info .schedule a.prev {top: 10px; background-image: url(../img/common/btnFlexUp.png);}
article.sub .miniHead .info .schedule a.next {bottom: 10px; background-image: url(../img/common/btnFlexDown.png);}

article.sub .miniHead .info .schedule .slide dl {white-space: nowrap;}
article.sub .miniHead .info .schedule .slide dt,
article.sub .miniHead .info .schedule .slide dd {display: inline-block; vertical-align: middle; line-height: 1.2; font-size: 14px; color: #333d49; *display: inline; *zoom: 1;}
article.sub .miniHead .info .schedule .slide dt {font-size: 16px; font-weight: 500; color: #4f6f8f;}
article.sub .miniHead .info .schedule .slide dd {margin-left: 15px;}
article.sub .miniHead .info .schedule .slide dd.week {line-height: 0; font-size: 0;}
article.sub .miniHead .info .schedule .slide dd.week > span {display: inline-block; width: 30px; padding: 6px 0; border: solid 1px #bdc7d1; border-left-width:0; background: #fff; vertical-align: middle; text-align: center; line-height: 17px; font-size: 14px; color: #333d49; *display: inline; *zoom: 1;}
article.sub .miniHead .info .schedule .slide dd.week > span:first-child {border-left-width: 1px;}
article.sub .miniHead .info .schedule .slide dd.week > span.on {background: #ffb700; color: #fff;}
article.sub .miniHead .info .schedule .slide dd.time {letter-spacing: 0;}

article.sub .miniBody {padding-top: 30px; *zoom: 1;}
article.sub .miniBody:after {content: ""; display: block; clear: both;}

article.sub .miniBody .listThumb li {padding-left: 29px;}

article.sub .miniBody .etc .block {width: 318px;}
article.sub .miniBody .etc .block:first-child + .block {width: 319px;}

article.sub .miniBody .etc .block .body {min-height: 223px;}
article.sub .miniBody .etc .block .body p {margin: 0;}
article.sub .miniBody .etc .block .body img {max-width: 100%;}

article.sub .miniBody .etc .photo {display: block; text-align: center;}
article.sub .miniBody .etc .photo .thumb {background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}
article.sub .miniBody .etc .photo .thumb,
article.sub .miniBody .etc .photo .thumb img {width: 280px; height: 190px;}
article.sub .miniBody .etc .photo .subject {height: 33px; padding: 0 10px; background: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 33px; font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -1px;}
article.sub .miniBody .etc .photo:hover .subject {text-decoration: underline;}

article.sub .miniBody .etc .comment li {margin-top: 20px; padding-top: 20px; border-top: solid 1px #d8d8d8;}
article.sub .miniBody .etc .comment li:first-child {margin-top: 0; padding-top: 0; border-top: 0;}
article.sub .miniBody .etc .comment li a {display: block; position: relative; text-decoration: none;}
article.sub .miniBody .etc .comment li a:hover .detail {text-decoration: underline;}
article.sub .miniBody .etc .comment .portrait {position: absolute; top: 0; left: 0; border: solid 1px #e6e6e6; background: #333 url(../img/common/imgThumbNoS.png) no-repeat 50%;}
article.sub .miniBody .etc .comment .portrait,
article.sub .miniBody .etc .comment .portrait img {width: 44px; height: 44px;}
article.sub .miniBody .etc .comment .name {padding-top: 2px; line-height: 1.2; font-size: 16px; font-weight: 500; color: #345593;}
article.sub .miniBody .etc .comment .name,
article.sub .miniBody .etc .comment .date {padding-left: 54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.sub .miniBody .etc .comment .date {margin-top: 4px; font-size: 13px; color: #888;}
article.sub .miniBody .etc .comment .detail {height: 38px; margin-top: 10px; overflow: hidden;}

article.sub .miniBody .bannerComm {line-height: 0; font-size: 0;}
article.sub .miniBody .bannerComm a {margin-left: 22px;}
article.sub .miniBody .bannerComm a:first-child {margin-left: 0;}
article.sub .miniBody .bannerComm a,
article.sub .miniBody .bannerComm a img {max-width: 412px;}

article.sub .miniCont {float: left; width: 960px;}

article.sub .miniSide {float: right;}
article.sub .miniSide,
article.sub .miniSide .areaPreview,
article.sub .miniSide .areaPreview .block {width: 288px !important;}
article.sub .miniSide .areaPreview .block {border-top: solid 1px #d8d8d8; border-left: 0;}
article.sub .miniSide .areaPreview .block:first-child {border-top: 0;}

article.sub .miniSide .bannerComm {margin-top: 20px;}
article.sub .miniSide .bannerComm a {margin-top: 10px; margin-left: 0;}
article.sub .miniSide .bannerComm a:first-child {margin-left: 0;}
article.sub .miniSide .bannerComm a,
article.sub .miniSide .bannerComm a img {max-width: 100%;}


/* 7.4. Program Description */

article.sub .miniBody .progDesc {margin-top: 30px; text-align: center;}


/* 7.5. Viewer Comment */

article.sub .progComment {margin-top: 30px;}
article.sub .progComment .portrait {background: #333 url(../img/common/imgThumbNoS.png) no-repeat 50%;}
article.sub .progComment .portrait,
article.sub .progComment .portrait img {width: 60px; height: 60px; background: #333;}

article.sub .progComment .head {position: relative; height: 40px; padding-bottom: 20px; border-bottom: solid 1px #c7cfd8;}
article.sub .progComment .head .count {position: absolute; top: 0; left: 0; line-height: 40px; font-size: 18px; color: #333d49; letter-spacing: -1px;}
article.sub .progComment .head .count em {color: #0053a1;}
article.sub .progComment .head .refresh {position: absolute; top: 0; right: 0; width: 118px; border: solid 1px #ccc; border-radius: 5px; text-align: center; line-height: 38px; font-size: 16px; font-weight: 500; color: #aaa; text-decoration: none;}
article.sub .progComment .head .refresh span {display: inline-block; padding-left: 20px; background: url(../img/common/icnRefresh.png) no-repeat 0 50%; *display: inline; *zoom: 1;}
article.sub .progComment .head .refresh:hover {border-color: #0053a1; color: #0053a1;}
article.sub .progComment .head .refresh:hover span {background-image: url(../img/common/icnRefreshOn.png);}

article.sub .progComment .write {display: block; position: relative; margin-top: 20px; padding-bottom: 20px; padding-left: 80px; border-bottom: solid 1px #c7cfd8; line-height: 0; font-size: 0;}
article.sub .progComment .write .portrait {position: absolute; top: 0; left: 0;}
article.sub .progComment .write .option {margin-top: 10px;}

article.sub .progComment .write textarea.basic {height: 76px; margin-top: 12px;}
article.sub .progComment .write textarea.basic,
article.sub .progComment .write input[type="text"].basic {width: 1040px;}
article.sub .progComment .write .portrait + textarea.basic {height: 124px; margin-top: 0;}

article.sub .progComment .write input[type="submit"].btn,
article.sub .progComment .write button.btn {position: absolute; top: 0; right: 0; width: 120px; height: 140px; padding: 0; border-color: #0053a1; background: #0053a1; font-size: 18px;}
article.sub .progComment .write input[type="submit"].btn:hover,
article.sub .progComment .write button.btn:hover {color: #fff;}

article.sub .progComment .write.mini {margin-top: 0; padding-bottom: 0; border-bottom: 0;}
article.sub .progComment .write.mini textarea.basic,
article.sub .progComment .write.mini input[type="text"].basic {width: 740px;}

article.sub .progComment .packList {padding-top: 30px; background: #fff;}

article.sub .progComment .packDate {margin-top: 30px; background: url(../img/common/objDivComment.png) repeat-y 50% 0; *zoom: 1;}
article.sub .progComment .packDate:after {content: ""; display: block; clear: both;}
article.sub .progComment .packDate:first-child {margin-top: 0;}
article.sub .progComment .packDate .date {padding-bottom: 27px; background: #fff url(../img/common/objDivCommentPoint.png) no-repeat 50% 100%; text-align: center; font-size: 18px; font-weight: 700; color: #b4c6d8;}
article.sub .progComment .packDate .clear {clear: both; height: 7px; background: #fff url(../img/common/objDivCommentPoint.png) no-repeat 50% 0;}

article.sub .progComment ul.list {float: left; width: 650px; padding: 10px 0; padding-top: 60px;}
article.sub .progComment ul.list.first {padding-top: 0;}

article.sub .progComment ul.list > li {position: relative; margin-top: 30px; padding-right: 125px; background: url(../img/common/objBulletComment.png) no-repeat 100% 20px; *zoom: 1;}
article.sub .progComment ul.list > li:after {content: ""; display: block; clear: both;}
article.sub .progComment ul.list > li:first-child {margin-top: 0;}

article.sub .progComment ul.list .portrait {position: absolute; top: 0; right: 45px;}

article.sub .progComment ul.list .user {float: right; padding-top: 6px; padding-left: 30px; text-align: center;}
article.sub .progComment ul.list .user .name {max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight: 700; color: #0053a1;}
article.sub .progComment ul.list .user .info {margin-top: 0px;}

article.sub .progComment ul.list .block {float: right; position: relative; max-width: 360px; padding: 15px 20px; border: solid 2px #0053a1; text-align: right;}
article.sub .progComment ul.list .block .top {position: absolute; top: 25px; right: -15px; width: 15px; height: 13px; background: url(../img/common/objPointerCommentL.png) no-repeat 50%;}

article.sub .progComment ul.list .block dl.body dt {font-size: 16px; font-weight: 500; color: #0053a1;}
article.sub .progComment ul.list .block dl.body dd {margin-top: 5px; color: #9292a1;}

article.sub .progComment ul.list .block .bot {margin-top: 10px; font-size: 13px;}
article.sub .progComment ul.list .block .bot,
article.sub .progComment ul.list .block .bot a {color: #aaa;}
article.sub .progComment ul.list .block .bot .time,
article.sub .progComment ul.list .block .bot .func {display: inline-block; vertical-align: middle; *display: inline; *zoom: 1;}
article.sub .progComment ul.list .block .bot .func {margin-left: 5px;}
article.sub .progComment ul.list .block .bot .func li {padding-left: 11px; background: url(../img/common/objDivFooter.png) no-repeat 5px 50%;}

article.sub .progComment ul.list.reverse {float: right; margin-left: -20px;}
article.sub .progComment ul.list.reverse > li {padding-left: 125px; padding-right: 0; background-position: 0 20px;}
article.sub .progComment ul.list.reverse > li .portrait {right: auto; left: 45px;}

article.sub .progComment ul.list.reverse .user {float: left; padding-left: 0; padding-right: 30px;}

article.sub .progComment ul.list.reverse .block {float: left; text-align: left;}
article.sub .progComment ul.list.reverse .block .top {left: -15px; right: auto; background-image: url(../img/common/objPointerCommentR.png);}

article.sub .progComment a.load {display: block; background: #9dabb7; line-height: 60px; font-size: 18px; font-weight: 500; color: #fff; text-decoration: none;}
article.sub .progComment a.load:hover {background: #0053a1;}


/* 7.6. Time Table */

article.sub .progTable .listDate {position: relative; padding: 0 100px;}

article.sub .progTable .listDate .ctrl {position: absolute; top: 0; width: 50px; height: 50px; background-repeat: no-repeat; background-position: 50%; line-height: 0; font-size: 0;}
article.sub .progTable .listDate .ctrl.prev {left: 0; background-image: url(../img/common/btnSlideAPrev.png);}
article.sub .progTable .listDate .ctrl.next {right: 0; background-image: url(../img/common/btnSlideANext.png);}

article.sub .progTable .listDate ul {text-align: center; line-height: 1; font-size: 0; *width: 756px; *margin: 0 auto; *zoom: 1;}
article.sub .progTable .listDate ul:after {content: ""; display: block; clear: both;}
article.sub .progTable .listDate li {float: left; width: 14.3%; *width: 108px !important;}
article.sub .progTable .listDate li:first-child {width: 14.2%;}
article.sub .progTable .listDate li a {display: block; height: 50px; color: #b4c6d8; text-decoration: none;}
article.sub .progTable .listDate li a:hover,
article.sub .progTable .listDate li.on a {color: #333d49;}
article.sub .progTable .listDate li .date {font-size: 28px; font-weight: 700;}
article.sub .progTable .listDate li .week {margin-top: 5px; font-size: 14px;}

article.sub .progTable .boxFunc {margin-top: 20px; line-height: 0; font-size: 0;}

article.sub .progTable .boxFunc .func {width: 48px; height: 28px; margin-left: 2px; border: solid 1px #aaa; vertical-align: middle; text-align: center; line-height: 28px; font-size: 14px; font-weight: 500; color: #888; text-decoration: none;}
article.sub .progTable .boxFunc .func:first-child {margin-left: 0;}
article.sub .progTable .boxFunc .func:hover,
article.sub .progTable .boxFunc .func.on {border-color: #333d49; color: #333d49;}

article.sub .progTable .boxFunc .func.datepicker {background: url(../img/common/icnCalendar.png) no-repeat 50%; line-height: 0; font-size: 0; cursor: pointer;}
article.sub .progTable .boxFunc .func.datepicker:hover {background-image: url(../img/common/icnCalendarOn.png);}

article.sub .progTable .boxFunc .func.datepicker_table {background: url(../img/common/icnCalendar.png) no-repeat 50%; line-height: 0; font-size: 0; cursor: pointer;}
article.sub .progTable .boxFunc .func.datepicker_table:hover {background-image: url(../img/common/icnCalendarOn.png);}

article.sub .progTable .boxFunc dl.download {*zoom: 1;}
article.sub .progTable .boxFunc dl.download:after {content: ""; display: block; clear: both;}
article.sub .progTable .boxFunc dl.download dt {padding-left: 15px; background: url(../img/common/icnDownload.png) no-repeat 0 9px; line-height: 30px; font-size: 18px; font-weight: 600; color: #333d49; letter-spacing: -1px;}
article.sub .progTable .boxFunc dl.download dt,
article.sub .progTable .boxFunc dl.download dd {float: left;}
article.sub .progTable .boxFunc dl.download dd {margin-left: 12px;}
article.sub .progTable .boxFunc dl.download dd a {margin-left: 8px; line-height: 30px; font-size: 18px; font-weight: 600; color: #b4c6d8; letter-spacing: -1px; text-decoration: none;}
article.sub .progTable .boxFunc dl.download dd a:first-child {margin-left: 0;}
article.sub .progTable .boxFunc dl.download dd a:hover {color: #333d49;}

article.sub ul.progTable {margin-top: 10px; border-top: solid 2px #333d49;}
article.sub ul.progTable:first-child {margin-top: 0;}
article.sub ul.progTable li {position: relative; height: 146px; padding-right: 220px; border-bottom: solid 1px #bdc7d1; overflow: hidden; *zoom: 1;}
article.sub ul.progTable li:after {content: ""; display: block; clear: both;}

article.sub ul.progTable li > .time {float: left; width: 120px; height: 146px; text-align: center; line-height: 146px; font-size: 0;}
article.sub ul.progTable li > .time .vertical {display: inline-block; vertical-align: middle; line-height: 0; font-size: 0; *display: inline; *zoom: 1;}
article.sub ul.progTable li > .time .vertical .figure {line-height: 1; font-size: 24px; font-weight: 700; color: #333d49; letter-spacing: 0;}
article.sub ul.progTable li > .time .vertical .remark {display: inline-block; margin-top: 10px; padding: 5px 10px; background: #1c86ea; line-height: 1; font-size: 14px; color: #fff; *display: inline; *zoom: 1;}

article.sub ul.progTable .thumb {float: left; padding: 20px 0;}
article.sub ul.progTable .thumb,
article.sub ul.progTable .thumb img {width: 150px; height: 106px;}

article.sub ul.progTable .info {float: left; position: relative; width: 430px; height: 106px; padding: 20px;}
article.sub ul.progTable .info .title {max-height: 51px; overflow: hidden; line-height: 1.1; font-size: 22px; font-weight: 500; color: #333d49; letter-spacing: -1px;}
article.sub ul.progTable .info .subtitle {margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.sub ul.progTable .info .button {position: absolute; bottom: 20px; left: 20px; line-height: 0; font-size: 0;}
article.sub ul.progTable .info .button a {margin-left: 5px; padding: 0 15px; border: solid 1px #bdc7d1; border-radius: 5px; line-height: 24px; font-size: 13px; text-decoration: none;}
article.sub ul.progTable .info .button a:first-child {margin-left: 0;}
article.sub ul.progTable .info .button a:hover,
article.sub ul.progTable .info .button a.on {border-color: #f4b518; background: #f4b518; color: #fff;}

article.sub ul.progTable dl.next {position: absolute; top: 20px; right: 20px; max-width: 198px; max-height: 104px; border: solid 1px #bdc7d1; overflow-y: hidden;}
article.sub ul.progTable dl.next dt {padding: 0 10px 0 32px; border-bottom: solid 1px #bdc7d1; background: #dfe9f3 url(../img/sub/icnProgList01.png) no-repeat 10px 50%; line-height: 29px; font-weight: 500; color: #333d49;}
article.sub ul.progTable dl.next dd {padding: 0 10px 5px; font-size: 13px; color: #888; *zoom: 1;}
article.sub ul.progTable dl.next dt + dd {padding-top: 5px;}
article.sub ul.progTable dl.next dd:after {content: ""; display: block; clear: both;}
article.sub ul.progTable dl.next dd > div {float: left; margin-left: 3px;}
article.sub ul.progTable dl.next dd > div:first-child {margin-left: 0;}
article.sub ul.progTable dl.next dd .type {padding-right: 5px; font-weight: 500; color: #333d49;}

article.sub ul.progTable li.empty {height: auto; padding: 100px 0; text-align: center;}
article.sub ul.progTable li.empty p {line-height: 1; font-size: 18px; font-weight: 500; letter-spacing: -1px;}

article.sub ul.progTable li.full {padding-right: 0;}
article.sub ul.progTable li.full .info {width: 650px;}

article.sub.full ul.progTable li .info {width: 750px;}
article.sub.full ul.progTable li.full .info {width: 970px;}


/* 8. Donation Package */

article.sub ul.donateList:after {content: ""; display: block; clear: both;}
article.sub ul.donateList li {float: left; width: 306px; margin-right: 21px; margin-bottom: 21px;}
article.sub ul.donateList li div.awarp {display: block; position: relative; height: 304px; border: solid 1px #bdc7d1; border-radius: 5px; background-repeat: no-repeat; background-position: 50% 0; text-align: center; text-decoration: none;}

article.sub ul.donateList li .thumb {background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}
article.sub ul.donateList li .thumb,
article.sub ul.donateList li .thumb img {width: 304px; height: 152px;}

article.sub ul.donateList li .text {margin-top: 12px; padding: 0 20px;}
article.sub ul.donateList li .text dt {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; font-weight: 500; color: #333d49; letter-spacing: -2px;}
article.sub ul.donateList li .text dd {height: 54px; margin-top: 8px; overflow: hidden; line-height: 1.3;}
article.sub ul.donateList li .text dd p {margin-top: 0;}

article.sub ul.donateList li .act {position: absolute; bottom: 0; width: 100%; background: #333; line-height: 32px; font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -1px;}

article.sub ul.donateList li .act.l{left: 0; width: 50%;}
article.sub ul.donateList li .act.m{left: 0; width: 100%;}
article.sub ul.donateList li .act.r{right: 0; width: 50%;background: #f4b518 !important;}

article.sub ul.donateList li.blue > a:hover {border-color: #1c86ea;}
article.sub ul.donateList li.blue > a:hover .text dt {color: #1c86ea;}
article.sub ul.donateList li.blue .act {background: #1c86ea;}

article.sub ul.donateList li.yellow > a:hover {border-color: #f4b518;}
article.sub ul.donateList li.yellow > a:hover .text dt {color: #f4b518;}
article.sub ul.donateList li.yellow .act {background: #f4b518;}

article.sub #popupDonate .donateName {padding: 14px 20px; border: solid 1px #bdc7d1; border-radius: 5px; background: #fafafa; text-align: center; font-size: 18px; font-weight: 500;}
article.sub #popupDonate .donateName em {font-weight: 500;color: #1c86ea;}

article.sub #popupDonate .contTab {margin-top: 20px;}


/* 9. Membership */

article.sub .inputCenter {margin: 0 auto;}
article.sub .inputCenter dl {margin-top: 10px; *zoom: 1;}
article.sub .inputCenter dl:after {content: ""; display: block; clear: both;}
article.sub .inputCenter dl:first-child {margin-top: 0;}
article.sub .inputCenter dt,
article.sub .inputCenter dd {float: left;}
article.sub .inputCenter dt {width: 80px; line-height: 36px; font-size: 16px; font-weight: 500; color: #fff;}
article.sub .inputCenter dt label {display: block;}

article.sub ul.selectType {text-align: center; *zoom: 1;}
article.sub ul.selectType:after {content: ""; display: block; clear: both;}
article.sub ul.selectType li {float: left;}
article.sub ul.selectType li a {display: block; padding: 20px; border: solid 1px #bdc7d1; border-left-width: 0; background-repeat: no-repeat; background-position: 50% 20px; line-height: 1.4; font-size: 20px; font-weight: 500; color: #333d49; text-decoration: none; letter-spacing: -1px;}
article.sub ul.selectType li a dd {margin-top: 5px; font-size: 14px; font-weight: 400; color: #666;}
article.sub ul.selectType li a:hover {color: #1c86ea;}
article.sub ul.selectType li:first-child a {border-left-width: 1px;}

article.sub ul.selectType.member li {width: 33.3%; *width: 33%;}
article.sub ul.selectType.member li:first-child {width: 33.4%;}
article.sub ul.selectType.member li a {padding-top: 95px;}

article.sub ul.selectType.member li.i01 a {background-image: url(../img/sub/icnTypeMember01.png);}
article.sub ul.selectType.member li.i02 a {background-image: url(../img/sub/icnTypeMember02.png);}
article.sub ul.selectType.member li.i03 a {background-image: url(../img/sub/icnTypeMember03.png);}

article.sub ul.selectType.certify li {width: 50%;}
article.sub ul.selectType.certify li a {padding-top: 100px; background-position: 50% 25px;}

article.sub ul.selectType.certify li.i01 a {background-image: url(../img/sub/icnTypeCertify01.png);}
article.sub ul.selectType.certify li.i02 a {background-image: url(../img/sub/icnTypeCertify02.png);}


/* 9.1. Sign In */

article.sub .areaSingle.login {width: 400px; text-align: center;}
article.sub .areaSingle.login .pack.sns {padding-top: 90px; padding-bottom: 0; background: url(../img/sub/icnLoginSns.png) no-repeat 50% 30px;}

article.sub .areaSingle.login p {font-size: 16px;}
article.sub .areaSingle.login p em {font-weight: 500; color: #1c86ea;}
article.sub .areaSingle.login p.caution {padding: 12px 15px 12px 75px; border: solid 1px #bdc7d1; background: url(../img/common/icnExclamS.png) no-repeat 15px 50%; text-align: left; letter-spacing: -1px;}

article.sub .areaSingle.login .titleM + p {margin-top: 10px;}

article.sub .areaSingle.login .inputCenter {position: relative; margin-top: 30px; text-align: left; line-height: 0; font-size: 0;}
article.sub .areaSingle.login .inputCenter input[type="submit"] {position: absolute; top: 0; right: 0; width: 100px; height: 100px; border: 0; background: #1c86ea; font-size: 20px; font-weight: 500; color: #fff;}

article.sub .areaSingle.login .inputCenter dl {margin-top: 8px;}
article.sub .areaSingle.login .inputCenter dl:first-child {margin-top: 10px;}
article.sub .areaSingle.login .inputCenter dt {line-height: 46px; font-size: 18px; color: #333d49; letter-spacing: -1px;}
article.sub .areaSingle.login .inputCenter dt.double {line-height: 23px;}
article.sub .areaSingle.login .inputCenter dd input {height: 24px; padding: 10px 14px; font-size: 16px;}

article.sub .areaSingle.login .inputCenter .packCheck {margin-top: 15px; padding-left: 80px;}
article.sub .areaSingle.login .inputCenter .packCheck label {font-size: 16px;}

article.sub .areaSingle.login .inputCenter.recovery dt {width: 100px;}
article.sub .areaSingle.login .inputCenter.recovery dd input {width: 270px;}

article.sub .areaSingle.login .inputCenter.recovery .titleS {margin-top: 0; padding-top: 50px; background: url(../img/common/icnSelectNext.png) no-repeat 50% 15px; text-align: center;}
article.sub .areaSingle.login .inputCenter.recovery .titleS + ul.selectType {margin-top: 15px;}

article.sub .areaSingle.login .inputCenter.setPassword dt {width: 150px;}
article.sub .areaSingle.login .inputCenter.setPassword dd input {width: 220px;}

article.sub .areaSingle.login .inputCenter.setPassword button.submit {width: 400px; height: 46px; margin-top: 20px; border: 0; background: #1c86ea; font-size: 16px; font-weight: 500; color: #fff;}
article.sub .areaSingle.login .inputCenter.setPassword button.submit + .link {margin-top: 8px;}

article.sub .areaSingle.login .boxAlert {margin-top: 30px; padding: 10px 20px; border: solid 1px #ff0000; text-align: left; color: #ff0000;}
article.sub .areaSingle.login .boxAlert + .boxAlert {margin-top: 6px;}
article.sub .areaSingle.login .boxAlert br {display: none;}
article.sub .areaSingle.login .boxAlert + .inputCenter {margin-top: 30px;}

article.sub .areaSingle.login .link {margin-top: 30px; text-align: center; line-height: 0; font-size: 0;}
article.sub .areaSingle.login .link a.btn {width: 162px; height: 44px; margin-left: 8px; line-height: 44px; font-size: 16px;}
article.sub .areaSingle.login .link a.btn:first-child {margin-left: 0;}

article.sub .areaSingle.login ul.sns {margin-top: 20px; line-height: 0; font-size: 0;}
article.sub .areaSingle.login ul.sns li {margin-top: 8px;}
article.sub .areaSingle.login ul.sns li:first-child {margin-top: 0;}
article.sub .areaSingle.login ul.sns li a {display: block; height: 46px; background-repeat: no-repeat; background-position: 50%;}

article.sub .areaSingle.login ul.sns li a.i01 {background-color: #0053a1; background-image: url(../img/sub/btnLoginSns01.png);}
article.sub .areaSingle.login ul.sns li a.i02 {background-color: #30a6fd; background-image: url(../img/sub/btnLoginSns02.png);}
article.sub .areaSingle.login ul.sns li a.i03 {background-color: #0dc412; background-image: url(../img/sub/btnLoginSns03.png);}
article.sub .areaSingle.login ul.sns li a.i04 {background-color: #f4b518; background-image: url(../img/sub/btnLoginSns04.png);}

article.sub .areaSingle.login .back {margin-top: 20px; text-decoration: none;}
article.sub .areaSingle.login .back > span {display: inline-block; padding-left: 12px; background: url(../img/common/icnBack.png) no-repeat 0 50%; *display: inline; *zoom: 1;}
article.sub .areaSingle.login .back:hover > span {text-decoration: underline;}

article.sub .areaSingle.login .message {margin-top: 30px; padding: 30px 20px; border: solid 3px #0b4275; border-radius: 10px; font-size: 18px; font-weight: 500; color: #0b4275;}
article.sub .areaSingle.login .message.red {border-color: #ff0000; color: #ff0000;}
article.sub .areaSingle.login .message + .back {margin-top: 30px;}


/* 9.2. Sign Up */

article.sub ul.joinStep {margin-top: 30px; *zoom: 1;}
article.sub ul.joinStep:after {content: ""; display: block; clear: both;}
article.sub ul.joinStep li {float: left; width: 20%; background-repeat: no-repeat; background-position: 15px 50%;}
article.sub ul.joinStep li dl {padding: 20px 15px; padding-left: 75px; border: solid 1px #bdc7d1; border-left-width: 0; white-space: nowrap; color: #333d49;}
article.sub ul.joinStep li dt {padding-left: 1px; font-size: 13px;}
article.sub ul.joinStep li dd {font-size: 18px; font-weight: 500; letter-spacing: -1px;}
article.sub ul.joinStep li:first-child dl {border-left-width: 1px;}

article.sub ul.joinStep li.i01 {background-image: url(../img/sub/icnJoinStep01.png);}
article.sub ul.joinStep li.i02 {background-image: url(../img/sub/icnJoinStep02.png);}
article.sub ul.joinStep li.i03 {background-image: url(../img/sub/icnJoinStep03.png);}
article.sub ul.joinStep li.i04 {background-image: url(../img/sub/icnJoinStep04.png);}
article.sub ul.joinStep li.i05 {background-image: url(../img/sub/icnJoinStep05.png);}

article.sub ul.joinStep li.on {background-color: #1c86ea;}
article.sub ul.joinStep li.on dl {color: #fff;}

article.sub ul.joinStep li.i01.on {background-image: url(../img/sub/icnJoinStep01On.png);}
article.sub ul.joinStep li.i02.on {background-image: url(../img/sub/icnJoinStep02On.png);}
article.sub ul.joinStep li.i03.on {background-image: url(../img/sub/icnJoinStep03On.png);}
article.sub ul.joinStep li.i04.on {background-image: url(../img/sub/icnJoinStep04On.png);}
article.sub ul.joinStep li.i05.on {background-image: url(../img/sub/icnJoinStep05On.png);}

article.sub .joinCertify .areaFocus + ul.selectType {padding-top: 50px; background: url(../img/common/icnSelectNext.png) no-repeat 50% 15px;}
article.sub .joinCertify .areaFocus .inputCenter {width: 290px;}

article.sub .joinComplete {padding: 30px; padding-top: 200px; border: solid 1px #bdc7d1; background: url(../img/sub/icnJoinComplete.png) no-repeat 50% 40px; text-align: center;}
article.sub .joinComplete h3 {font-size: 30px; font-weight: 500; color: #333d49; letter-spacing: -2px;}
article.sub .joinComplete h3 + p {margin-top: 30px;}
article.sub .joinComplete p {margin-top: 15px; font-size: 16px;}
article.sub .joinComplete p em {font-weight: 500; color: #1c86ea;}
article.sub .joinComplete p a {text-decoration: underline;}


/* 10. Sermon */


/* 10.1. Location-based Sermon */

article.sub .sermonNear {padding: 19px 29px; border: solid 1px #bdc7d1; border-radius: 5px; background: #fff; *zoom: 1;}
article.sub .sermonNear:after {content: ""; display: block; clear: both;}

article.sub .sermonNear > div {float: left; position: relative; width: 386px; height: 280px; margin-left: 15px; padding-left: 15px; border-left: dotted 1px #bdc7d1;}
article.sub .sermonNear > div.video {margin-left: 0; padding-left: 0; border-left: 0;}

article.sub .sermonNear .video .subject {padding-top: 12px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 22px; font-weight: 700; letter-spacing: -1px;}
article.sub .sermonNear .video .subject a {color: #333d49; text-decoration: none;}
article.sub .sermonNear .video .subject a:hover {color: #1c86ea;}

article.sub .sermonNear .video .bible {height: 19px; margin-top: 6px; overflow: hidden;}
article.sub .sermonNear .video .bible li {padding-left: 15px; background: url(../img/common/objDivCommon.png) no-repeat 7px 50%;}

article.sub .sermonNear .sermon {width: 400px; margin-left: 17px; padding-left: 0; border-left: 0;}
article.sub .sermonNear .sermon .theme {width: 320px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 500; color: #1c86ea;}
article.sub .sermonNear .sermon .desc {height: 95px; margin-top: 10px; padding-top: 10px; border-top: solid 1px #bdc7d1; overflow: hidden; line-height: 19px; color: #888;}

article.sub .sermonNear .sermon .etc {position: absolute; top: 0; right: 0; line-height: 19px; color: #888;}
article.sub .sermonNear .sermon .etc li {padding-left: 15px; background: url(../img/common/objDivCommon.png) no-repeat 7px 50%;}

article.sub .sermonNear .pastor .portrait {position: absolute; top: 0; left: 15px; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}
article.sub .sermonNear .pastor .portrait,
article.sub .sermonNear .pastor .portrait img {width: 140px; height: 183px;}

article.sub .sermonNear .pastor .info {padding-left: 155px;}
article.sub .sermonNear .pastor .info .name {font-size: 30px; font-weight: 700; color: #333d49; letter-spacing: -2px;}
article.sub .sermonNear .pastor .info .name,
article.sub .sermonNear .pastor .info .church {line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.sub .sermonNear .pastor .info .church {font-size: 16px; font-weight: 500; color: #333d49;}
article.sub .sermonNear .pastor .info .desc {height: 114px; margin-top: 14px; overflow: hidden; line-height: 19px;}

article.sub .sermonNear .pastor .button {margin-top: 10px;}
article.sub .sermonNear .pastor .button a {display: block; background: #333d49; text-align: center; line-height: 24px; font-weight: 500; color: #fff; text-decoration: none;}
article.sub .sermonNear .pastor .button a:hover {background: #1c86ea;}

article.sub .sermonNear .sermon .pastor {position: relative; width: 240px; height: 225px; margin-top: 20px; padding-top: 15px; padding-right: 160px; border-top: dotted 1px #bdc7d1;}

article.sub .sermonNear .sermon .pastor .portrait {top: 20px; left: auto; right: 0; border-radius: 10px; overflow: hidden;}

article.sub .sermonNear .sermon .pastor .info {padding-left: 0;}
article.sub .sermonNear .sermon .pastor .info .name {font-size: 27px; font-weight: 700; letter-spacing: -1px;}
article.sub .sermonNear .sermon .pastor .info .name a {color: #333d49; text-decoration: none;}
article.sub .sermonNear .sermon .pastor .info .name a:hover {color: #1c86ea;}
article.sub .sermonNear .sermon .pastor .info .church {margin-top: 2px;}
article.sub .sermonNear .sermon .pastor .info .desc {height: 162px; margin-top: 10px; padding-top: 0; border-top: 0; line-height: 18px; font-size: 13px;}

article.sub .sermonNear .sermon .pastor .func {position: absolute; bottom: 0; right: 0;}
article.sub .sermonNear .sermon .pastor .func a {margin-left: 8px; text-decoration: underline;}
article.sub .sermonNear .sermon .pastor .func a:first-child {margin-left: 0;}

article.sub .sermonNear .weekly .theme {line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 22px; font-weight: 700; color: #333d49; letter-spacing: -1px;}
article.sub .sermonNear .weekly .theme a {color: #1c86ea;}

article.sub .sermonNear .weekly .list {margin-top: 12px;}
article.sub .sermonNear .weekly .list li {margin-top: 6px; *margin-top: 0;}
article.sub .sermonNear .weekly .list li:first-child {margin-top: 0;}
article.sub .sermonNear .weekly .list li a {display: block; position: relative; height: 34px; padding: 10px 15px; border: solid 1px #bdc7d1; border-radius: 5px; line-height: 0; font-size: 0; text-decoration: none; *zoom: 1;}
article.sub .sermonNear .weekly .list li a:after {content: ""; display: block; clear: both;}
article.sub .sermonNear .weekly .list li a:hover {padding: 9px 14px; border-width: 2px; border-color: #1c86ea;}
article.sub .sermonNear .weekly .list li a:hover .subject {color: #1c86ea;}
article.sub .sermonNear .weekly .list li a > div {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; font-size: 13px;}

article.sub .sermonNear .weekly .list .subject {padding-bottom: 6px; font-size: 15px; font-weight: 700; color: #333d49;}
article.sub .sermonNear .weekly .list .pastor {float: left; width: 280px;}
article.sub .sermonNear .weekly .list .date {float: right; width: 74px; text-align: right;}


/* 10.2. Weekly Sermon */

article.sub ul.sermonWeekly {margin-top: 20px; padding: 19px 29px; border: solid 1px #bdc7d1; border-radius: 5px; background: #fff; *zoom: 1;}
article.sub ul.sermonWeekly:after {content: ""; display: block; clear: both;}

article.sub ul.sermonWeekly > li {float: left; width: 386px; margin-left: 15px; padding-left: 15px; border-left: dotted 1px #bdc7d1;}
article.sub ul.sermonWeekly > li:first-child {margin-left: 0; padding-left: 0; border-left: 0;}
article.sub ul.sermonWeekly > li a {display: block; position: relative; text-decoration: none;}
article.sub ul.sermonWeekly > li a:hover .subject {color: #1c86ea;}

article.sub ul.sermonWeekly .thumb {background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}
article.sub ul.sermonWeekly .thumb,
article.sub ul.sermonWeekly .thumb img {width: 100%; height: 217px;}

article.sub ul.sermonWeekly .theme {position: absolute; top: 0; left: 0; max-width: 336px; padding: 0 25px; background: #1c86ea; z-index: 10; line-height: 30px; font-size: 15px; color: #fff;}
article.sub ul.sermonWeekly .theme,
article.sub ul.sermonWeekly .subject {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.sub ul.sermonWeekly .subject {padding-top: 15px; line-height: 1.2; font-size: 18px; font-weight: 500; color: #333d49; letter-spacing: -1px;}

article.sub ul.sermonWeekly .bible {height: 19px; margin-top: 3px; overflow: hidden;}
article.sub ul.sermonWeekly .bible li {padding-left: 15px; background: url(../img/common/objDivCommon.png) no-repeat 7px 50%;}

article.sub ul.sermonWeekly .desc {height: 38px; margin-top: 10px;}
article.sub ul.sermonWeekly .desc,
article.sub ul.sermonWeekly .bot {overflow: hidden; line-height: 19px;}
article.sub ul.sermonWeekly .bot {height: 19px; margin-top: 10px;}
article.sub ul.sermonWeekly .bot .pastor {font-weight: 700; color: #333d49;}
article.sub ul.sermonWeekly .bot .etc li {padding-left: 15px; background: url(../img/common/objDivCommon.png) no-repeat 7px 50%;}


/* 10.3. Church Map */

article.sub #mapChurch {width: 100%; height: 400px; margin-top: 20px;}

article.sub .mapInfoPack {padding: 10px; padding-right: 0;}

article.sub .mapInfo {position: relative; width: 450px; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; line-height: 0; font-size: 0;}

article.sub .mapInfo .portrait {position: absolute; top: 0; left: 0; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}
article.sub .mapInfo .portrait,
article.sub .mapInfo .portrait img {width: 180px; height: 120px;}

article.sub .mapInfo .info {padding-left: 200px;}
article.sub .mapInfo .basic {padding-right: 50px;}
article.sub .mapInfo .basic > div {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1;}
article.sub .mapInfo .basic > div:first-child {margin-top: 0;}
article.sub .mapInfo .basic .church {line-height: 24px; font-size: 20px; font-weight: bold; color: #333d49;}
article.sub .mapInfo .basic .body {margin-top: 5px; font-size: 13px;}
article.sub .mapInfo .basic .pastor {margin-top: 13px; font-size: 15px; font-weight: 500; color: #1c86ea;}

article.sub .mapInfo .contact {margin-top: 13px; line-height: 16px; font-size: 13px;}
article.sub .mapInfo .contact li {margin-top: 5px; padding-left: 22px; background-repeat: no-repeat; background-position: 0 2px;}
article.sub .mapInfo .contact li:first-child {margin-top: 0;}
article.sub .mapInfo .contact li.phone {background-image: url(../img/sub/icnMapPhone.png);}
article.sub .mapInfo .contact li.address {background-image: url(../img/sub/icnMapAddress.png);}

article.sub .mapInfo .distance {position: absolute; top: 5px; right: 0; line-height: 1; font-size: 15px; color: #333d49;}

article.sub .mapInfo .button {margin-top: 15px;}
article.sub .mapInfo .button a {width: 127px; height: 28px; margin-left: 6px; border: solid 1px #bdc7d1; border-radius: 0; background: #fff; vertical-align: middle; text-align: center; line-height: 28px; font-size: 14px; color: #666; text-decoration: none;}
article.sub .mapInfo .button a.page {width: 178px; margin-left: 0; border-color: #333d49; background: #333d49; color: #fff;}
article.sub .mapInfo .button a:hover {border-color: #1c86ea; background: #1c86ea; color: #fff;}


/* 10.4. Church List */

article.sub .churchList {margin-top: 10px; overflow-x: hidden;}
article.sub .churchList ul {width: 1288px; *zoom: 1;}
article.sub .churchList ul:after {content: ""; display: block; clear: both;}

article.sub .churchList li {float: left; width: 153px; padding-top: 8px; padding-right: 8px;}
article.sub .churchList li a {display: block; padding: 13px; border: solid 1px #bdc7d1; border-radius: 5px; line-height: 0; font-size: 0; text-decoration: none; *zoom: 1;}
article.sub .churchList li a > div {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; font-size: 13px;}
article.sub .churchList li a:after {content: ""; display: block; clear: both;}
article.sub .churchList li a:hover,
article.sub .churchList li.on a {padding: 12px; border-width: 2px; border-color: #1c86ea;}
article.sub .churchList li a:hover .church,
article.sub .churchList li.on a .church {color: #1c86ea;}

article.sub .churchList .church {padding-bottom: 10px; font-size: 15px; font-weight: 700; color: #333d49;}
article.sub .churchList .pastor {float: left; width: 85px;}
article.sub .churchList .distance {float: right; width: 40px; text-align: right;}


/* 10.5. Theme Search */

article.sub .sermonSearch {text-align: center; z-index: 10;}
article.sub .sermonSearch.first {margin-top: -40px;}

article.sub .sermonSearch .layer {height: 0; background: #e8ebef url(../img/common/objDivLayer.png) repeat-x 0 100%; overflow: hidden; text-align: left;}
article.sub .sermonSearch .layer .wrap {padding: 30px 0;}

article.sub .sermonSearch .keyword {position: absolute; top: 41px; right: 0; width: 394px; height: 51px; margin: 0 auto; padding: 0; border: solid 3px #333d49; line-height: 0; font-size: 0;}
article.sub .sermonSearch .keyword input[type="text"] {width: 250px; height: 29px; padding: 11px 20px; border: 0; letter-spacing: -1px;}
article.sub .sermonSearch .keyword input[type="text"],
article.sub .sermonSearch .keyword input[type="submit"] {vertical-align: top; font-size: 20px;}
article.sub .sermonSearch .keyword input[type="submit"] {width: 104px; height: 51px; border: 0; background: #333d49; line-height: 1; font-weight: 500; color: #fff;}

article.sub .sermonSearch .btnTab {height: 40px; margin-top: 20px;}
article.sub .sermonSearch .btnTab li a {line-height: 40px;}

article.sub .sermonSearch .contTab .cont {height: 312px; padding: 0 30px; background: #fff; overflow-y: scroll; font-size: 15px;}
article.sub .sermonSearch .contTab .cont ul {padding: 10px 0; border-top: solid 1px #d7d7d7; line-height: 2;}
article.sub .sermonSearch .contTab .cont ul:first-child {border-top: 0;}
article.sub .sermonSearch .contTab .cont li {width: 150px;}
article.sub .sermonSearch .contTab .cont li a {display: block; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.sub .sermonSearch .contTab .cont li.on a {font-weight: 500; color: #1c86ea; text-decoration: underline;}

article.sub .sermonSearch .toggle {width: 200px; border: solid 1px #bdc7d1; border-top: 0; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); line-height: 39px; font-size: 15px; color: #333d49;}
article.sub .sermonSearch .toggle > span {display: inline-block; padding-left: 20px; background: url(../img/common/btnSearchS.png) no-repeat 0 50%; *display: inline; *zoom: 1;}

article.sub .sermonSearch.on .layer {height: 500px;}


/* 11. Comic */

article.sub span.ratingStar {width: 80px; background-image: url(../img/sub/icnRatingStar.png); vertical-align: middle; text-align: left !important;}
article.sub span.ratingStar,
article.sub span.ratingStar em {display: inline-block; height: 15px; background-repeat: no-repeat; *display: inline; *zoom: 1;}
article.sub span.ratingStar em {background-image: url(../img/sub/icnRatingStarOn.png); vertical-align: top;}


/* 11.1. Visual Area */

article.sub .comicVisual .prev,
article.sub .comicVisual .next {top: 150px;}
article.sub .comicVisual .func {top: 30px; left: 80px;}
article.sub .comicVisual .slide,
article.sub .comicVisual .slide > a {height: 350px;}


/* 11.2. Work List */

article.sub ul.comicList {margin-left: -20px; *zoom: 1;}
article.sub ul.comicList:after {content: ""; display: block; clear: both;}
article.sub ul.comicList a {text-decoration: none;}
article.sub ul.comicList > li {float: left; width: 225px; padding: 20px 0 0 20px;}
article.sub ul.comicList > li .block {position: relative; padding-bottom: 41px; border: solid 1px #bdc7d1; border-radius: 5px; overflow: hidden;}

article.sub ul.comicList .work > a {display: block; position: relative;}
article.sub ul.comicList .work > a:hover .title {color: #1c86ea;}

article.sub ul.comicList .work .month {padding: 5px 10px; background: #324a5e; text-align: center; font-size: 18px; color: #fff;}
article.sub ul.comicList .work .month > span {display: inline-block; padding-left: 24px; background: url(../img/sub/icnComicTrophyS.png) no-repeat 0 50%; *display: inline; *zoom: 1;}

article.sub ul.comicList .work .type {position: absolute; top: 0; left: 0; padding: 0 10px; background: #666; z-index: 10; line-height: 30px; font-size: 15px; font-weight: 500; color: #fff;}
article.sub ul.comicList .work .type.serial {background: #f4b518;}

/*article.sub ul.comicList .work .thumb {border-bottom: solid 1px #bdc7d1; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}*/
article.sub ul.comicList .work .thumb {border-bottom: solid 1px #bdc7d1; background: #333 url(/uploads/mission/earth2.png) no-repeat 50%;}
article.sub ul.comicList .work .thumb,
article.sub ul.comicList .work .thumb img {width: 223px; height: 223px;}

article.sub ul.comicList .work .info {padding: 10px;}
article.sub ul.comicList .work .info .title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 500; color: #333; letter-spacing: -1px;}
article.sub ul.comicList .work .info .rating span.number {display: inline-block; padding-top: 2px; margin-left: 5px; vertical-align: middle; *display: inline; *zoom: 1;}
article.sub ul.comicList .work .info .etc {margin-top: 8px; font-size: 13px;}
article.sub ul.comicList .work .info .etc li {padding-left: 10px; background: url(../img/common/objBullet.png) no-repeat 0 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

article.sub ul.comicList .artist {position: absolute; bottom: 0; left: 0; width: 100%; border-top: solid 1px #bdc7d1;}
article.sub ul.comicList .artist > a {display: block; height: 30px; padding: 5px 10px; padding-left: 48px; background: #f1f1f1;}
article.sub ul.comicList .artist > a:hover span.name {color: #1c86ea;}

article.sub ul.comicList .artist span {display: block; overflow: hidden;}
article.sub ul.comicList .artist span.portrait {position: absolute; top: 5px; left: 10px; border-radius: 30px; background: #333 url(../img/common/imgThumbNoS.png) no-repeat 50%;}
article.sub ul.comicList .artist span.portrait,
article.sub ul.comicList .artist span.portrait img {width: 30px; height: 30px;}
article.sub ul.comicList .artist span.name {text-overflow: ellipsis; white-space: nowrap; line-height: 30px; font-weight: 500;}

article.sub .content .pack > ul.comicList:first-child {margin-top: -20px;}

article.sub.full ul.comicList > li {width: 240px;}
article.sub.full ul.comicList .work .thumb,
article.sub.full ul.comicList .work .thumb img {width: 238px; height: 238px;}


/* 11.3. Serial Info */

article.sub .comicInfo {position: relative; height: 350px; margin-top: 30px; border: solid 1px #bdc7d1; border-radius: 5px; overflow: hidden; *zoom: 1;}
article.sub .comicInfo:after {content: ""; display: block; clear: both;}
article.sub .comicInfo:first-child {margin-top: 0;}

article.sub .comicInfo .month {position: absolute; top: 15px; left: 15px; height: 64px; padding-left: 74px; background: url(../img/sub/icnComicTrophy.png) no-repeat; z-index: 10; line-height: 64px; font-size: 24px; font-weight: 700; color: #324a5e; letter-spacing: -1px;}

/*article.sub .comicInfo .image {float: left; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}*/
article.sub .comicInfo .image {float: left; background: #333 url(/uploads/mission/earth2.png) no-repeat 50%;}
article.sub .comicInfo .image,
article.sub .comicInfo .image img {width: 500px; height: 350px;}

article.sub .comicInfo .info {float: left; position: relative; width: 400px; height: 254px; padding: 20px 29px 76px;}
article.sub .comicInfo .info .float > .left {width: 300px;}
article.sub .comicInfo .info .float > .right {width: 100px;}

article.sub .comicInfo .category {line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 500; color: #1c86ea;}
article.sub .comicInfo .title {max-height: 70px; overflow: hidden; line-height: 35px; font-size: 32px; font-weight: 500; color: #333; letter-spacing: -2px;}
article.sub .comicInfo .desc {max-height: 140px; margin-top: 12px; padding-top: 12px; border-top: solid 1px #bdc7d1; overflow: hidden; line-height: 19px;}

article.sub .comicInfo .artist {position: relative; margin-top: 10px; padding-left: 48px; line-height: 0; font-size: 0;}
article.sub .comicInfo .artist span {display: block; overflow: hidden;}
article.sub .comicInfo .artist span.portrait {position: absolute; top: 0; left: 0; border-radius: 40px; background: #333 url(../img/common/imgThumbNoS.png) no-repeat 50%;}
article.sub .comicInfo .artist span.portrait img {width: 40px; height: 40px;}
article.sub .comicInfo .artist span.name {text-overflow: ellipsis; white-space: nowrap; line-height: 40px; font-size: 16px; font-weight: 500;}

article.sub .comicInfo .rating {text-align: right;}
article.sub .comicInfo .rating span.number {display: block; margin-top: 5px; line-height: 1; font-size: 30px; font-weight: bold; color: #1c86ea;}

article.sub .comicInfo .func {position: absolute; bottom: 20px; left: 29px; line-height: 0; font-size: 0;}
article.sub .comicInfo .func a {margin-left: 5px;}
article.sub .comicInfo .func a:first-child {margin-left: 0;}

article.sub.full .comicInfo .info {width: 720px;}
article.sub.full .comicInfo .info .float > .left {width: 620px;}


/* 11.4. Installment List */

article.sub ul.comicInst {margin-top: 30px; border-top: solid 2px #333d49;}
article.sub ul.comicInst li {border-bottom: solid 1px #bdc7d1;}
article.sub ul.comicInst li a {display: block; position: relative; height: 102px; padding: 15px 150px 15px 222px; text-decoration: none;}

article.sub ul.comicInst .thumb {position: absolute; top: 15px; left: 0; border: solid 1px #bdc7d1; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}
article.sub ul.comicInst .thumb,
article.sub ul.comicInst .thumb img {width: 200px; height: 100px;}

article.sub ul.comicInst .count {font-size: 27px; font-weight: 500; color: #333;}
article.sub ul.comicInst .count,
article.sub ul.comicInst .title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.sub ul.comicInst .title {line-height: 1.2; font-size: 18px;}

article.sub ul.comicInst .rating {position: absolute; top: 53px; right: 0;}
article.sub ul.comicInst .rating span.number {display: inline-block; margin-left: 5px; vertical-align: middle; font-size: 18px; *display: inline; *zoom: 1;}

article.sub ul.comicInst .date {position: absolute; bottom: 25px; left: 222px;}

article.sub ul.comicInst li a:hover .count,
article.sub ul.comicInst li a:hover .title {color: #1c86ea;}

article.sub ul.missionInst {margin-top: 30px; border-top: solid 2px #333d49;}
article.sub ul.missionInst li {border-bottom: solid 1px #bdc7d1;}
article.sub ul.missionInst li a {display: block; position: relative; height: 102px; padding: 15px 150px 15px 222px; text-decoration: none;}

article.sub ul.missionInst .thumb {position: absolute; top: 15px; left: 0; border: solid 1px #bdc7d1; background: #333 url(../../uploads/mission/earth2.png) no-repeat 50%; background-size: 200px 100px;}
article.sub ul.missionInst .thumb,
article.sub ul.missionInst .thumb img {width: 200px; height: 100px;}

article.sub ul.missionInst .count {font-size: 27px; font-weight: 500; color: #333;}
article.sub ul.missionInst .count,
article.sub ul.missionInst .title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.sub ul.missionInst .title {line-height: 1.2; font-size: 18px;}

article.sub ul.missionInst .rating {position: absolute; top: 53px; right: 0;}
article.sub ul.missionInst .rating span.number {display: inline-block; margin-left: 5px; vertical-align: middle; font-size: 18px; *display: inline; *zoom: 1;}

article.sub ul.missionInst .date {position: absolute; bottom: 25px; left: 222px;}

article.sub ul.missionInst li a:hover .count,
article.sub ul.missionInst li a:hover .title {color: #1c86ea;}


/* 11.5. Work Detail */

article.sub .comicDetail {text-align: center;}

article.sub .comicDetail .func {position: relative; line-height: 0; font-size: 0;}
article.sub .comicDetail .func a {position: absolute; top: 50px; width: 34px; height: 64px; background-repeat: no-repeat;}
article.sub .comicDetail .func a.prev {left: 0; background-image: url(../img/common/btnPagePrev.png);}
article.sub .comicDetail .func a.prev:hover {background-image: url(../img/common/btnPagePrevOn.png);}
article.sub .comicDetail .func a.next {right: 0; background-image: url(../img/common/btnPageNext.png);}
article.sub .comicDetail .func a.next:hover {background-image: url(../img/common/btnPageNextOn.png);}

article.sub .comicDetail .title {margin-top: 20px; padding: 0 84px; line-height: 1; font-size: 36px; font-weight: 500; color: #333; letter-spacing: -2px;}
article.sub .comicDetail .title:first-child {margin-top: 0;}
article.sub .comicDetail .title em {font-weight: 500;}

article.sub .comicDetail .serial {margin-top: 15px; padding: 0 84px; line-height: 1.2; font-size: 16px;}
article.sub .comicDetail .serial a {text-decoration: none;}
article.sub .comicDetail .serial a:hover {color: #1c86ea;}

article.sub .comicDetail .artist {margin-top: 25px; padding-top: 25px; background: url(../img/common/objDivTitle.png) no-repeat 50% 0; line-height: 0; font-size: 0;}
article.sub .comicDetail .artist a {display: inline-block; position: relative; text-decoration: none;}
article.sub .comicDetail .artist a:hover {color: #1c86ea;}
article.sub .comicDetail .artist span {display: inline-block; vertical-align: middle; *display: inline; *zoom: 1;}
article.sub .comicDetail .artist span.portrait {border-radius: 40px; background: #333 url(../img/common/imgThumbNoS.png) no-repeat 50%; overflow: hidden;}
article.sub .comicDetail .artist span.portrait img {width: 40px; height: 40px;}
article.sub .comicDetail .artist span.name {margin-left: 8px; line-height: 40px; font-size: 18px;}

article.sub .comicDetail .head {position: relative; margin-top: 30px; padding: 10px 20px; border-top: solid 2px #333d49; background: #fafafa; *zoom: 1;}
article.sub .comicDetail .head:after {content: ""; display: block; clear: both;}

article.sub .comicDetail .head ul.info {float: left; line-height: 36px; font-size: 14px;}
article.sub .comicDetail .head ul.info:after {content: ""; display: block; clear: both;}
article.sub .comicDetail .head ul.info li {float: left; padding: 0 10px; background: url(../img/common/objDivCommon.png) no-repeat 0 50%;}
article.sub .comicDetail .head ul.info li:first-child {margin-left: 0; padding-left: 0; background: none;}

article.sub .comicDetail .head .shareSns {float: right;}
article.sub .comicDetail .head .shareSns dt {display: none;}

article.sub .comicDetail .body {padding: 40px 0; border-top: solid 1px #bdc7d1; border-bottom: solid 1px #bdc7d1; text-align: center; line-height: 0; font-size: 0;}
article.sub .comicDetail .body p {margin-top: 0;}
article.sub .comicDetail .body img {max-width: 100%;}

article.sub .comicDetail .comment {padding: 20px 0; border-bottom: solid 1px #bdc7d1;}
article.sub .comicDetail .comment dt {line-height: 1.2; font-size: 20px; font-weight: 700; color: #333d49; letter-spacing: -1px;}
article.sub .comicDetail .comment dd {margin-top: 10px;}

article.sub .comicDetail .rating {padding: 20px 0; border-bottom: solid 1px #bdc7d1; background: #fafafa;}

article.sub .comicDetail .rating .current span.number {margin-top: 5px; line-height: 1; font-size: 30px; font-weight: 700; color: #1c86ea;}
article.sub .comicDetail .rating .current span.number,
article.sub .comicDetail .rating .current span.participant {display: block;}

article.sub .comicDetail .rating .your {margin-top: 20px; padding-top: 20px; background: url(../img/common/objDivTitle.png) no-repeat 50% 0;}
article.sub .comicDetail .rating .your dt {font-size: 18px; font-weight: 500; letter-spacing: -1px;}
article.sub .comicDetail .rating .your dd {margin-top: 5px;}
article.sub .comicDetail .rating .your dd span.ratingStar {margin-top: -3px;}
article.sub .comicDetail .rating .your dd input[type="submit"] {margin-left: 15px;}

article.sub .missionDetail {text-align: center;}

article.sub .missionDetail .func {position: relative; }
article.sub .missionDetail .func a {position: absolute; top: 50px; width: 34px; height: 64px; background-repeat: no-repeat;}
article.sub .missionDetail .func a.prev {left: 0; background-image: url(../img/common/btnPagePrev.png);}
article.sub .missionDetail .func a.prev:hover {background-image: url(../img/common/btnPagePrevOn.png);}
article.sub .missionDetail .func a.next {right: 0; background-image: url(../img/common/btnPageNext.png);}
article.sub .missionDetail .func a.next:hover {background-image: url(../img/common/btnPageNextOn.png);}

article.sub .missionDetail .title {margin-top: 20px; padding: 0 84px; line-height: 1; font-size: 36px; font-weight: 500; color: #333; letter-spacing: -2px;}
article.sub .missionDetail .title:first-child {margin-top: 0;}
article.sub .missionDetail .title em {font-weight: 500;}

article.sub .missionDetail .serial {margin-top: 15px; padding: 0 84px; line-height: 1.2; font-size: 16px;}
article.sub .missionDetail .serial a {text-decoration: none;}
article.sub .missionDetail .serial a:hover {color: #1c86ea;}

article.sub .missionDetail .artist {margin-top: 25px; padding-top: 25px; background: url(../img/common/objDivTitle.png) no-repeat 50% 0; line-height: 0; font-size: 0;}
article.sub .missionDetail .artist a {display: inline-block; position: relative; text-decoration: none;}
article.sub .missionDetail .artist a:hover {color: #1c86ea;}
article.sub .missionDetail .artist span {display: inline-block; vertical-align: middle; *display: inline; *zoom: 1;}
article.sub .missionDetail .artist span.portrait {border-radius: 40px; background: #333 url(../img/common/imgThumbNoS.png) no-repeat 50%; overflow: hidden;}
article.sub .missionDetail .artist span.portrait img {width: 40px; height: 40px;}
article.sub .missionDetail .artist span.name {margin-left: 8px; line-height: 40px; font-size: 18px;}

article.sub .missionDetail .head {position: relative; margin-top: 30px; padding: 10px 20px; border-top: solid 2px #333d49; background: #fafafa; *zoom: 1;}
article.sub .missionDetail .head:after {content: ""; display: block; clear: both;}

article.sub .missionDetail .head ul.info {float: left; line-height: 36px; font-size: 14px;}
article.sub .missionDetail .head ul.info:after {content: ""; display: block; clear: both;}
article.sub .missionDetail .head ul.info li {float: left; padding: 0 10px; background: url(../img/common/objDivCommon.png) no-repeat 0 50%;}
article.sub .missionDetail .head ul.info li:first-child {margin-left: 0; padding-left: 0; background: none;}

article.sub .missionDetail .head .shareSns {float: right;}
article.sub .missionDetail .head .shareSns dt {display: none;}

article.sub .missionDetail .body {padding: 40px 0; border-top: solid 1px #bdc7d1; border-bottom: solid 1px #bdc7d1; text-align: left;}
article.sub .missionDetail .body p {}
article.sub .missionDetail .body img {max-width: 100%;}

article.sub .missionDetail .comment {padding: 20px 0; border-bottom: solid 1px #bdc7d1;}
article.sub .missionDetail .comment dt {line-height: 1.2; font-size: 20px; font-weight: 700; color: #333d49; letter-spacing: -1px;}
article.sub .missionDetail .comment dd {margin-top: 10px;}

article.sub .missionDetail .rating {padding: 20px 0; border-bottom: solid 1px #bdc7d1; background: #fafafa;}

article.sub .missionDetail .rating .current span.number {margin-top: 5px; line-height: 1; font-size: 30px; font-weight: 700; color: #1c86ea;}
article.sub .missionDetail .rating .current span.number,
article.sub .missionDetail .rating .current span.participant {display: block;}

article.sub .missionDetail .rating .your {margin-top: 20px; padding-top: 20px; background: url(../img/common/objDivTitle.png) no-repeat 50% 0;}
article.sub .missionDetail .rating .your dt {font-size: 18px; font-weight: 500; letter-spacing: -1px;}
article.sub .missionDetail .rating .your dd {margin-top: 5px;}
article.sub .missionDetail .rating .your dd span.ratingStar {margin-top: -3px;}
article.sub .missionDetail .rating .your dd input[type="submit"] {margin-left: 15px;}


/* 11.6. Artist Info */

article.sub .comicArtist {min-height: 200px; padding-bottom: 30px; padding-left: 230px; border-bottom: solid 1px #333d49;}

article.sub .comicArtist .portrait {position: absolute; top: 0; left: 0; border-radius: 200px; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%; overflow: hidden;}
article.sub .comicArtist .portrait,
article.sub .comicArtist .portrait img {width: 200px; height: 200px;}

article.sub .comicArtist .name {line-height: 1.2; font-size: 40px; color: #333; letter-spacing: -2px;}

article.sub .comicArtist .link {margin-top: 5px;}
article.sub .comicArtist .link .website {vertical-align: middle; color: #999;}

article.sub .comicArtist .link .sns {display: inline-block; margin-left: 10px; vertical-align: middle; line-height: 0; font-size: 0; *display: inline; *zoom: 1;}
article.sub .comicArtist .link .sns li {padding-left: 3px;}
article.sub .comicArtist .link .sns li a {width: 23px; height: 23px; background: url(../img/common/btnSns.png) no-repeat;}

article.sub .comicArtist .link .sns li.i01 a {background-position: 0 0;}
article.sub .comicArtist .link .sns li.i02 a {background-position: -23px 0;}
article.sub .comicArtist .link .sns li.i03 a {background-position: -46px 0;}
article.sub .comicArtist .link .sns li.i04 a {background-position: -69px 0;}

article.sub .comicArtist .greeting {margin-top: 20px; line-height: 1.4; font-size: 16px;}

article.sub .comicArtist .func {margin-top: 20px;}


/* 12. News */

article.sub .newsSeries {margin-top: 15px;}


/* 12.1. Sub-Main */

article.sub .newsMain .visual .prev,
article.sub .newsMain .visual .next {top: 113px;}
article.sub .newsMain .visual .func {top: 29px; left: 82px;}
article.sub .newsMain .visual .slide,
article.sub .newsMain .visual .slide > a {height: 274px;}

article.sub .newsMain .pack {padding: 0; border: solid 1px #bdc7d1; border-radius: 5px; overflow: hidden; *zoom: 1;}
article.sub .newsMain .pack:after {content: ""; display: block; clear: both;}
article.sub .newsMain .pack h2 {padding: 0 20px; border-bottom: solid 1px #bdc7d1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 49px; font-size: 20px; font-weight: 500; color: #333d49; letter-spacing: -1px;}

article.sub .newsMain .block {float: left; position: relative; width: 239px; height: 310px; border-top: solid 1px #bdc7d1; border-left: solid 1px #bdc7d1;}
article.sub .newsMain .block.first {border-left: 0;}
article.sub .newsMain .block.first + .block {width: 478px;}
article.sub .newsMain .block.long {height: 470px; border-top: 0;}

article.sub .newsMain .major ul {width: 200px; height: 384px; margin: 0 auto; padding-top: 18px; overflow: hidden;}
article.sub .newsMain .major li {margin-top: 15px;}
article.sub .newsMain .major li:first-child {margin-top: 0;}
article.sub .newsMain .major li a {display: block; max-height: 42px; padding-left: 12px; background: url(../img/common/objBullet.png) no-repeat 0 8px; overflow: hidden; line-height: 21px; font-size: 14px; text-decoration: none; width:200px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;word-wrap: normal !important;}
article.sub .newsMain .major li a:hover {color: #1c86ea;}

article.sub .newsMain .headline .datetime {position: absolute; top: 0; right: 20px; line-height: 49px;}
article.sub .newsMain .headline .body {padding: 18px 19px 0;}

article.sub .newsMain .headline .video {height: 247px;}

article.sub .newsMain .headline .text {margin-top: 10px;}
article.sub .newsMain .headline .text > a {display: block; text-decoration: none;}
article.sub .newsMain .headline .text > a:hover .subject {color: #1c86ea;}

article.sub .newsMain .headline .text .subject {max-height: 64px; line-height: 32px; overflow: hidden; font-size: 27px; font-weight: 700; color: #333d49; letter-spacing: -1.5px;}
article.sub .newsMain .headline .text .desc {max-height: 54px; margin-top: 9px; overflow: hidden; line-height: 18px;}

article.sub .newsMain .series ul {width: 200px; padding-top: 18px; margin: 0 auto;}
article.sub .newsMain .series li {margin-top: 8px;}
article.sub .newsMain .series li:first-child {margin-top: 0;}
article.sub .newsMain .series li a {display: block; text-decoration: none; color: #333d49;}
article.sub .newsMain .series li a:hover {color: #1c86ea;}

article.sub .newsMain .series li .thumb {background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}
article.sub .newsMain .series li .thumb,
article.sub .newsMain .series li .thumb img {width: 200px; height: 160px;}
article.sub .newsMain .series li .name {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; line-height: 32px; font-size: 16px; font-weight: 500;}

article.sub .newsMain .internal {line-height: 0; font-size: 0;}

article.sub .newsMain .internal ul.related li a {display: block; height: 120px; background-repeat: no-repeat; background-position: 50%; text-decoration: none;}
article.sub .newsMain .internal ul.related li a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; filter: alpha(opacity=80); opacity: .8;}

article.sub .newsMain .internal ul.related li dl {height: 66px; padding: 27px 20px;}
article.sub .newsMain .internal ul.related li dt {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2; font-size: 20px; font-weight: 700; color: #333d49; letter-spacing: -1px;}
article.sub .newsMain .internal ul.related li dd {max-height: 36px; margin-top: 6px; overflow: hidden; line-height: 18px; font-size: 14px; color: #444;}

/*article.sub .newsMain .internal ul.related lmi.i01 a {background-image: url(../img/sub/imgNewsRetaled01.png);}
article.sub .newsMain .internal ul.related li.i02 a {background-image: url(../img/sub/imgNewsRetaled02.png);}
*/
article.sub .newsMain .internal ul.related li.i01 a {background-image: url(/assets/news/ad_banner.jpg);height:208px;}
article.sub .newsMain .internal ul.related li.i02 a {background-image: url(/assets/news/news_report.jpg);height:102px;}


article.sub .newsMain .internal ul.sns li {width: 80px;}
article.sub .newsMain .internal ul.sns li:first-child {width: 79px;}
article.sub .newsMain .internal ul.sns li a {display: block; height: 70px; background-repeat: no-repeat; background-position: 50%;}
article.sub .newsMain .internal ul.sns li a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; filter: alpha(opacity=80); opacity: .8;}

article.sub .newsMain .internal ul.sns li.i01 a {background-color: #284b6d; background-image: url(../img/sub/icnNewsSns01.png);}
article.sub .newsMain .internal ul.sns li.i02 a {background-color: #30a6fd; background-image: url(../img/sub/icnNewsSns02.png);}
article.sub .newsMain .internal ul.sns li.i03 a {background-color: #0dc412; background-image: url(../img/sub/icnNewsSns03.png);}

article.sub .newsMain .keyword h2 {margin-bottom: 20px;}
article.sub .newsMain .keyword ul {position: relative; width: 440px; height: 220px; margin: 0 auto; overflow: hidden;}
article.sub .newsMain .keyword li {float: left; position: absolute;}
article.sub .newsMain .keyword li a {display: block; background: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #fff; text-decoration: none;}
article.sub .newsMain .keyword li a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; filter: alpha(opacity=80); opacity: .8;}

article.sub .newsMain .keyword li.size1 a {width: 160px; height: 160px; border-radius: 160px; line-height: 160px; font-size: 24px;}
article.sub .newsMain .keyword li.size2 a {width: 140px; height: 140px; border-radius: 140px; line-height: 140px; font-size: 21px;}
article.sub .newsMain .keyword li.size3 a {width: 120px; height: 120px; border-radius: 120px; line-height: 120px; font-size: 18px;}
article.sub .newsMain .keyword li.size4 a {width: 100px; height: 100px; border-radius: 100px; line-height: 100px; font-size: 15px;}
article.sub .newsMain .keyword li.size5 a {width: 80px; height: 80px; border-radius: 80px; line-height: 80px; font-size: 13px;}

article.sub .newsMain .keyword li.color1 a {background: #1c86ea;}
article.sub .newsMain .keyword li.color2 a {background: #f4b518;}
article.sub .newsMain .keyword li.color3 a {background: #8666f1;}
article.sub .newsMain .keyword li.color4 a {background: #333d49;}
article.sub .newsMain .keyword li.color5 a {background: #ff2f00;}

article.sub .newsMain .external li {border-top: dotted 1px #bdc7d1;}
article.sub .newsMain .external li:first-child {border-top: 0;}
article.sub .newsMain .external li a {display: block; height: 28px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 28px; text-decoration: none;}
article.sub .newsMain .external li a:hover {background: #1c86ea; color: #fff;}


/* 12.2. News List */

article.sub .newsMajor {width: 856px; margin: 0 auto; padding: 0 51px; border: solid 1px #d8d8d8; background: #fff;}

article.sub .newsMajor a.prev {left: 0;}
article.sub .newsMajor a.prev,
article.sub .newsMajor a.next {top: 112px;}
article.sub .newsMajor a.next {right: 0;}

article.sub .newsMajor .listThumb {width: 837px; height: 256px; padding: 18px 0 0 18px;}
article.sub .newsMajor .listThumb li {width: 261px; padding: 0 18px 18px 0;}

article.sub .newsMajor .listThumb .thumb,
article.sub .newsMajor .listThumb .thumb img {width: 261px; height: 183px;}

article.sub .newsMajor .listThumb .subject {padding: 6px 10px; border: solid 1px #bdc7d1; border-top: 0; background: #fff; overflow: hidden; text-align: left; line-height: 21px; font-size: 15px; color: #333d49; text-decoration: none !important;}
article.sub .newsMajor .listThumb .subject span {display: block; height: 42px; overflow: hidden;}

article.sub .newsMajor .listThumb li a:hover .subject {border-color: #333d49; background: #333d49; color: #fff;}


/* "countAid" & "progSeries" */

article.sub .countAid {padding-top: 75px !important; background: url(../img/sub/icnBoxAid.png) no-repeat 50% 0; text-align: center; font-size: 16px;}

article.sub .countAid .text {max-height: 44px; overflow: hidden; line-height: 22px;}
article.sub .countAid .text a {text-decoration: underline;}
article.sub .countAid .text a,
article.sub .countAid .text em {font-weight: 500; color: #1c86ea;}

article.sub .countAid .amount {margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 32px; font-weight: bold; color: #d80027;}

article.sub .countAid .account {margin-top: 16px; padding: 5px 10px; border: solid 1px #bdc7d1; border-radius: 5px; background: #333; color: #fff;}
article.sub .countAid .account em {margin-left: 10px; font-weight: 500;}

article.sub .progSeries {margin-top: -55px;}
article.sub .progSeries .pack {margin-top: 40px; padding-top: 40px;}

article.sub .progSeries .info,
article.sub .progSeries .info a {color: #333;}
article.sub .progSeries .info .image {background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}
article.sub .progSeries .info .image img {width: 100%;}
article.sub .progSeries .info .subtitle {height: 18px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 18px; color: #666;}
article.sub .progSeries .info .subtitle:first-child {margin-top: 0;}
article.sub .progSeries .info .title {max-height: 70px;margin-top: 3px;overflow: hidden;line-height: 35px;font-size: 28px;font-weight: 700;letter-spacing: -2px;}
article.sub .progSeries .info .desc {max-height: 126px; margin-top: 15px; overflow: hidden; line-height: 21px; font-size: 15px;}

article.sub .progSeries .headline {box-shadow: 0 2px 2px #333; *zoom: 1;}
article.sub .progSeries .headline:after {content: ""; display: block; clear: both;}
article.sub .progSeries .headline > div {float: right;}
article.sub .progSeries .headline > div:first-child {float: left;}

article.sub .progSeries .headline .image {background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}
article.sub .progSeries .headline .image,
article.sub .progSeries .headline .image img {width: 960px; height: 540px;}

article.sub .progSeries .headline .info {position: relative; width: 270px; height: 490px; padding: 25px; background: #e8ebef;}
article.sub .progSeries .headline .info > a {text-decoration: none;}
article.sub .progSeries .headline .info > a:hover .title {color: #1c86ea;}

article.sub .progSeries .headline .info .add {position: absolute; bottom: 0; left: 0; width: 320px;}
article.sub .progSeries .headline .info .countAid {padding: 25px;}

article.sub .progSeries .normal {margin-top: 20px; *zoom: 1;}
article.sub .progSeries .normal:after {content: ""; display: block; clear: both;}
article.sub .progSeries .normal > a {float: left;width: 620px;margin-right: 40px;margin-bottom: 60px;text-decoration: none;}
article.sub .progSeries .normal > a:nth-child(2n) {margin-right: 0px;}
article.sub .progSeries .normal > a:hover .title {color: #1c86ea;}
article.sub .progSeries .normal .image {height: 348px; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}

article.sub .progSeries .normal.unit4 > a {width: 400px;}
article.sub .progSeries .normal.unit4 .image {height: 225px;}

article.sub .progSeries .vod {margin-top: 20px; *zoom: 1;}
article.sub .progSeries .vod:after {content: ""; display: block; clear: both;}
article.sub .progSeries .vod li {float: left; width: 400px; margin-left: 40px;}
article.sub .progSeries .vod li:first-child {margin-left: 0;}
article.sub .progSeries .vod li a {text-decoration: none;}
article.sub .progSeries .vod li a:hover {color: #1c86ea;}


/* "sctIcon" */

article.sub .sctIcon {padding-top: 200px; background-repeat: no-repeat; background-position: 50% 0; text-align: center;}
article.sub .sctIcon.security {background-image: url(../img/sub/icnSctSecurity.png);}

article.sub .sctIcon dl.input {width: 280px; margin: 30px auto 0; *zoom: 1;}
article.sub .sctIcon dl.input:after {content: ""; display: block; clear: both;}
article.sub .sctIcon dl.input dt,
article.sub .sctIcon dl.input dd {float: left;}
article.sub .sctIcon dl.input dt {width: 80px; line-height: 36px; font-size: 16px; font-weight: 500; color: #333d49;}
article.sub .sctIcon dl.input dt label {display: block;}


/* (Sermon Detail) */

article.sub .sermonVisual {height: 410px; margin-top: -100px; min-width: 1280px; padding-top: 90px; background: #333d49; background-repeat: no-repeat; background-position: 50% 0; text-align: center;}
article.sub .sermonVisual,
article.sub .sermonVisual a {color: #fff;}

article.sub .sermonVisual nav {position: relative;}
article.sub .sermonVisual nav > a {position: absolute; top: 0; background-repeat: no-repeat; white-space: nowrap; line-height: 25px; font-size: 18px; text-decoration: none;}
article.sub .sermonVisual nav > a.left {left: 0; padding-left: 15px; background-image: url(../img/common/icnArrowL.png); background-position: 0 50%;}
article.sub .sermonVisual nav > a.right {right: 0; padding-right: 15px; background-image: url(../img/common/icnArrowR.png); background-position: 100% 50%;}

article.sub .sermonVisual h1 {display: inline-block; line-height: 25px; font-size: 18px; font-weight: 400; *display: inline; *zoom: 1;}

article.sub .sermonVisual h2 {max-height: 90px; margin-top: 30px; line-height: 1; font-size: 40px; font-weight: 700; letter-spacing: -2px;}
article.sub .sermonVisual h2 > span {display: block; margin-top: 10px;}
article.sub .sermonVisual h2 > span:first-child {margin-top: 0;}

article.sub .sermonVisual .pastor {position: relative; width: 550px; height: 184px; margin: 20px auto 0; padding: 20px; padding-left: 190px; background: url(../img/common/bgMaskVisual.png);}

article.sub .sermonVisual .pastor .image {position: absolute; top: 20px; left: 20px; border-radius: 10px; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%; overflow: hidden;}
article.sub .sermonVisual .pastor .image,
article.sub .sermonVisual .pastor .image img {width: 140px; height: 184px;}

article.sub .sermonVisual .pastor .func {position: absolute; top: 20px; right: 20px;}
article.sub .sermonVisual .pastor .func a {margin-left: 10px;}

article.sub .sermonVisual .pastor .btnTab {min-width: 100%; height: auto; margin-top: 0; padding-bottom: 9px; border-bottom: solid 1px #aaa;}
article.sub .sermonVisual .pastor .btnTab li {width: auto; margin-left: 15px;}
article.sub .sermonVisual .pastor .btnTab li:first-child {margin-left: 0;}
article.sub .sermonVisual .pastor .btnTab li a {border: 0; background: 0; line-height: 1; font-size: 20px; font-weight: 500; color: #aaa;}
article.sub .sermonVisual .pastor .btnTab li.on a {color: #fff;}

article.sub .sermonVisual .pastor .contTab {margin-top: 20px; text-align: left;}
article.sub .sermonVisual .pastor .contTab .cont {height: 134px; overflow-y: auto;}

article.sub .sermonDetail {margin-top: 40px; padding-top: 40px; border-top: dotted 1px #bdc7d1;}
article.sub .sermonDetail.first {padding-top: 0; border-top: 0;}

article.sub .sermonDetail .btnTab {margin-top: 0; margin-bottom: 30px;}

article.sub .sermonDetail#current {*zoom: 1;}
article.sub .sermonDetail#current:after {content: ""; display: block; clear: both;}

article.sub .sermonDetail#current .video {float: left; width: 880px;}

article.sub .sermonDetail#current .info {float: right; position: relative; width: 373px; border: solid 1px #333d49;}

article.sub .sermonDetail#current .info .block {height: 526px; padding: 24px; overflow-y: auto;}

article.sub .sermonDetail#current .info .block .theme {font-size: 20px; font-weight: 500; color: #1c86ea; letter-spacing: -1px;}
article.sub .sermonDetail#current .info .block .theme,
article.sub .sermonDetail#current .info .block .date {line-height: 24px;}
article.sub .sermonDetail#current .info .block .date {font-size: 16px;}

article.sub .sermonDetail#current .info .block .subject {margin-top: 10px; line-height: 1.2; font-size: 32px; font-weight: 700; color: #333d49; letter-spacing: -2px;}

article.sub .sermonDetail#current .info .block .bible {margin-top: 10px; font-size: 16px; color: #333d49;}
article.sub .sermonDetail#current .info .block .bible li {padding-left: 10px; background: url(../img/common/objBullet.png) no-repeat 0 50%;}

article.sub .sermonDetail#current .info .block .desc {margin-top: 20px; padding-top: 20px; border-top: solid 1px #bdc7d1;}
article.sub .sermonDetail#current .info .block .desc p {margin-top: 15px;}
article.sub .sermonDetail#current .info .block .desc p:first-child {margin-top: 0;}

article.sub .sermonDetail#current .info .shareSns {display: block; padding: 7px 25px; background: #333d49; color: #fff;}
article.sub .sermonDetail#current .info .shareSns dt {padding-right: 20px;}

article.sub .churchInfo {position: relative; text-align: center; font-size: 18px;}

article.sub .churchInfo .image {margin: 0 auto; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}
article.sub .churchInfo .image,
article.sub .churchInfo .image img {width: 600px; height: 400px;}

article.sub .churchInfo .church {margin-top: 25px; line-height: 1; font-size: 36px; font-weight: 700; color: #333d49; letter-spacing: -2px;}
article.sub .churchInfo .body {margin-top: 11px;}

article.sub .churchInfo .pastor {margin-top: 20px; padding-top: 20px; background: url(../img/common/objDivTitle.png) no-repeat 50% 0; font-size: 20px; font-weight: 500; letter-spacing: -1px;}
article.sub .churchInfo .pastor,
article.sub .churchInfo .pastor a {color: #1c86ea;}

article.sub .churchInfo .desc {margin-top: 20px; font-size: 15px;}

article.sub .churchInfo .contact {margin-top: 25px;}
article.sub .churchInfo .contact li {margin-top: 5px;}
article.sub .churchInfo .contact li:first-child {margin-top: 0;}
article.sub .churchInfo .contact li > span {display: inline-block; padding-left: 22px; background-repeat: no-repeat; background-position: 0 50%; *display: inline; *zoom: 1;}
article.sub .churchInfo .contact li.phone > span {background-image: url(../img/sub/icnMapPhone.png);}
article.sub .churchInfo .contact li.address > span  {background-image: url(../img/sub/icnMapAddress.png);}

article.sub .churchInfo + #mapChurch {margin-top: 30px;}


/* "targetShow" */

article.sub .targetShow {display: none;}
article.sub .targetShow.on {display: block;}


/* C&C News */

article.sub .churchNews .churchList {margin-bottom: 20px; padding-bottom: 38px; background: url(../img/common/icnSelectNext.png) no-repeat 50% 100%;}

article.sub .churchNews .churchList .head {position: relative; height: 36px; margin-bottom: 10px;}
article.sub .churchNews .churchList .head .desc {padding-right: 153px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 36px; font-size: 18px; color: #333d49;}
article.sub .churchNews .churchList .head .btn {position: absolute; top: 0; right: 0; width: 147px; padding: 0; text-align: center;}

article.sub .churchNews .churchInfo {position: relative; height: 140px; margin-bottom: 30px; padding-left: 240px; text-align: left;}

article.sub .churchNews .churchInfo .image {position: absolute; top: 0; left: 0;}
article.sub .churchNews .churchInfo .image,
article.sub .churchNews .churchInfo .image img {width: 210px; height: 140px;}

article.sub .churchNews .churchInfo .pastor {background-position: 0 0;}

article.sub .churchNews .churchInfo .shareSns {position: absolute; top: 0; right: 0;}

article.sub .churchNews .churchInfo .search {display: inline-block; position: absolute; bottom: 0; right: 0; height: 30px; border: solid 3px #333d49; vertical-align: middle; line-height: 0; font-size: 0; *display: inline; *zoom: 1;}
article.sub .churchNews .churchInfo .search select {height: 30px; padding: 3px 5px; border: 0; border-right: solid 1px #bdc7d1; line-height: 16px;}
article.sub .churchNews .churchInfo .search input[type="text"] {width: 164px; height: 16px; padding: 7px 10px; border: 0; line-height: 16px;}
article.sub .churchNews .churchInfo .search input[type="submit"] {width: 53px; height: 30px; border: 0; background: #333d49; font-size: 16px; color: #fff; *margin-top: -2px;}

article.sub .churchNews .news {*zoom: 1;}
article.sub .churchNews .news:after {content: ""; display: block; clear: both;}

article.sub .churchNews .news .detail {float: left; width: 880px;}

article.sub .churchNews .news .list {float: right; position: relative; width: 373px; border: solid 1px #333d49;}

article.sub .churchNews .news .list .block {height: 395px; padding: 24px; overflow-y: auto;}

article.sub .churchNews .news .list .block li {margin-top: 15px; padding-top: 15px; border-top: solid 1px #bdc7d1;}
article.sub .churchNews .news .list .block li:first-child {margin-top: 0; padding-top: 0; border-top: 0;}
article.sub .churchNews .news .list .block li a {display: block; position: relative; padding-left: 65px; text-decoration: none;}
article.sub .churchNews .news .list .block li a:hover .subject {color: #1c86ea;}
article.sub .churchNews .news .list .block li.on a .number {border-color: #1c86ea; background: #1c86ea; color: #fff;}

article.sub .churchNews .news .list .block .number {position: absolute; top: 0; left: 0; width: 48px; border: solid 1px #bdc7d1; border-radius: 5px; background: #e8ebef; text-align: center; line-height: 40px; font-size: 18px; color: #333d49;}
article.sub .churchNews .news .list .block .subject {height: 42px; line-height: 21px; font-size: 18px; font-weight: 500; color: #333d49;}
article.sub .churchNews .news .list .block .date {margin-top: 5px; text-align: right; font-size: 13px;}

article.sub .churchNews .news .list .shareSns {display: block; padding: 7px 25px; background: #333d49; color: #fff;}
article.sub .churchNews .news .list .shareSns dt {padding-right: 20px;}


/* "areaPayment" */

article.sub .areaPayment {position: relative; margin-top: 30px; padding-top: 61px; border: solid 1px #bdc7d1;}
article.sub .areaPayment.tight {margin-top: 0;}

article.sub .areaPayment .head {position: absolute; top: 0; left: 0; width: 100%; height: 60px; border-bottom: solid 1px #bdc7d1; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);}
article.sub .areaPayment .head .title {padding: 0 30px; line-height: 60px; font-size: 24px; font-weight: 700; color: #333d49; letter-spacing: -1.5px;}

article.sub .areaPayment .head ul.step {position: absolute; top: 20px; right: 30px; line-height: 20px; font-size: 16px; letter-spacing: -1px; *zoom: 1;}
article.sub .areaPayment .head ul.step:after {content: ""; display: block; clear: both;}
article.sub .areaPayment .head ul.step li {float: left; margin-left: 9px; padding-left: 9px; background: url(../img/common/objDivLoca.png) no-repeat 0 50%;}
article.sub .areaPayment .head ul.step li:first-child {margin-left: 0; padding-left: 0; background: none;}
article.sub .areaPayment .head ul.step li {color: #333d49;}
article.sub .areaPayment .head ul.step li.on {font-weight: 500; color: #1c86ea;}

article.sub .areaPayment .body {padding: 30px;}

article.sub .areaPayment .body dl.notice {margin-top: 20px;}
article.sub .areaPayment .body dl.notice dt {padding-bottom: 5px; font-size: 24px; color: #333d49; letter-spacing: -2px;}
article.sub .areaPayment .body dl.notice dd {padding-left: 12px; background: url(../img/common/objBullet.png) no-repeat 0 8px;}

article.sub .areaPayment .body input[type="text"].basic.full,
article.sub .areaPayment .body input[type="password"].basic.full {width: 658px;}


/* Bible */

article.sub .areaBible .control {padding: 10px 20px 15px; border: solid 1px #333d49; border-radius: 5px; overflow: hidden; *zoom: 1;}
article.sub .areaBible .control:after {content: ""; display: block; clear: both;}
article.sub .areaBible .control fieldset {position: relative; border: 0;}
article.sub .areaBible .control legend {width: 100%; margin-bottom: 15px; padding-bottom: 8px; border-bottom: solid 1px #bdc7d1; font-size: 20px; font-weight: 500; color: #333d49; letter-spacing: -1px;}

article.sub .areaBible .control .announce {position: absolute; top: 5px; right: 0;}
article.sub .areaBible .control .announce p {margin-top: 0;}

article.sub .areaBible .control .condition {float: left; margin-right: 10px;}
article.sub .areaBible .control .condition select {width: 120px;}

article.sub .areaBible .control .condition.version {margin-right: 20px; padding: 8px 0;}

article.sub .areaBible .result {margin-top: 30px; *zoom: 1;}
article.sub .areaBible .result:after {content: ""; display: block; clear: both;}

article.sub .areaBible .result .head {position: relative;}
article.sub .areaBible .result .head .page {padding-bottom: 10px; border-bottom: solid 2px #333d49; line-height: 1; font-size: 36px; font-weight: 700; color: #333d49; letter-spacing: -2px;}
article.sub .areaBible .result .head .page em {color: #1c86ea;}
article.sub .areaBible .result .head .func {position: absolute; top: 0; right: 0;}

article.sub .areaBible .result .block {float: left; width: 48%; padding-top: 30px; text-align: left;}
article.sub .areaBible .result .block + .block {float: right;}
article.sub .areaBible .result .block.full {float: none; width: 100%;}

article.sub .areaBible .result .block h3.version {margin-bottom: 20px; font-size: 24px; font-weight: 700; color: #1c86ea;}

article.sub .areaBible .result .block p {margin-top: 10px; font-size: 15px;}
article.sub .areaBible .result .block p:first-child {margin-top: 0;}
article.sub .areaBible .result .block p em {display: inline-block; width: 20px; font-weight: 500; color: #333d49; *display: inline; *zoom: 1;}

article.sub .areaBible .result .block .subtitle {padding-bottom: 5px; font-size: 18px; font-weight: 500; color: #333d49; letter-spacing: -1px;}
article.sub .areaBible .result .block p + .subtitle {margin-top: 20px;}

article.sub .areaBible .result .block.search p {position: relative; padding-left: 300px;}
article.sub .areaBible .result .block.search p em {display: inline; width: auto; color: #1c86ea;}
article.sub .areaBible .result .block.search p .version {left: 0; width: 130px;}
article.sub .areaBible .result .block.search p .version,
article.sub .areaBible .result .block.search p .verse {display: inline-block; position: absolute; top: 0; white-space: nowrap; *display: inline; *zoom: 1;}
article.sub .areaBible .result .block.search p .verse {left: 130px; width: 100px;}

article.sub .areaBible .result .move {clear: both; padding-top: 30px; line-height: 0; font-size: 0;}
article.sub .areaBible .result .move ul {*zoom: 1;}
article.sub .areaBible .result .move ul:after {content: ""; display: block; clear: both;}
article.sub .areaBible .result .move li {float: left; width: 50%;}
article.sub .areaBible .result .move li a {display: block; border: solid 1px #bdc7d1; text-align: center; line-height: 48px; font-size: 16px; text-decoration: none;}
article.sub .areaBible .result .move li a em {font-weight: 500; color: #1c86ea;}
article.sub .areaBible .result .move li:first-child a {border-right: 0;}
article.sub .areaBible .result .move li:hover a {border-color: #1c86ea;}
article.sub .areaBible .result .move li:hover + li a {border-left-color: #1c86ea;}

article.sub .areaBible .result .move li.disabled a {border-color: #bdc7d1; background: #f1f1f1; color: #ccc; cursor: not-allowed;}
article.sub .areaBible .result .move li.disabled:hover + li a {border-left-color: #bdc7d1;}

article.sub .areaBible .result .boardList {margin-top: 30px; border-top: solid 1px #bdc7d1;}


/* Event & Promotion */

article.sub .businessTop {position: relative; width: 100%; height: 287px; margin-top: 30px;}
article.sub .businessTop .prev,
article.sub .businessTop .next {position: absolute; top: 0; width: 12px; height: 287px; padding: 0 15px; background-repeat: no-repeat; background-position: 50%; z-index: 20; line-height: 0; font-size: 0;}
article.sub .businessTop .prev {left: 0; background-image: url(../img/main/btnSlidePrev.png);}
article.sub .businessTop .next {right: 0; background-image: url(../img/main/btnSlideNext.png);}

article.sub .businessTop .slide > a {position: relative; background: #333;}
article.sub .businessTop .slide > a,
article.sub .businessTop .slide .thumb {width: 100%; height: 287px;}
article.sub .businessTop .slide .txt {position: absolute; top: 50px; left: 42px; width: 534px; z-index: 20;}
article.sub .businessTop .slide .txt .subject {height: 88px; overflow: hidden; line-height: 1.1; font-size: 40px; color: #fff; letter-spacing: -2px;}
article.sub .businessTop .slide .txt .desc {margin-top: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.1; font-size: 19px; color: #ddd;}
article.sub .businessTop .slide .txt .btn {display: inline-block; max-width: 494px; margin-top: 28px; padding: 0 20px; border-radius: 20px; background: #0053a1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 35px; font-size: 15px; font-weight: 500; color: #fff; *display: inline; *zoom: 1;}
article.sub .businessTop .slide > a:hover .txt .btn {text-decoration: underline;}

article.sub .businessTop .pager {position: absolute; top: 32px; right: 32px; z-index: 20; line-height: 0; font-size: 0;}
article.sub .businessTop .pager a {width: 8px; height: 8px; margin-left: 10px; background: url(../img/main/objSlidePager.png) no-repeat 50%;}
article.sub .businessTop .pager a:first-child {margin-left: 0;}
article.sub .businessTop .pager a.activeSlide {background-image: url(../img/main/objSlidePagerOn.png);}

article.sub ul.businessList {margin-top: 20px; border-top: solid 2px #333d49; border-bottom: solid 1px #bdc7d1; *zoom: 1;}
article.sub ul.businessList:after {content: ""; display: block; clear: both;}
article.sub ul.businessList > li {float: left; width: 320px; border-top: solid 1px #bdc7d1;}
article.sub ul.businessList > li:first-child,
article.sub ul.businessList > li:first-child + li,
article.sub ul.businessList > li:first-child + li + li {border-top: 0;}

article.sub ul.businessList > li a {display: block; padding: 20px; padding-left: 19px; border-left: solid 1px #bdc7d1; color: #fff; text-decoration: none;}
article.sub ul.businessList > li a:hover {background: #e8ebef;}
article.sub ul.businessList > li.first a {border-left-color: #fff;}

article.sub ul.businessList > li.noPost {width: 100%; padding: 100px 0; text-align: center; line-height: 1; font-size: 18px; font-weight: 500; color: #333d49; letter-spacing: -1px;}

article.sub ul.businessList > li .clamp {position: relative; height: 134px;background: url(../img/common/bgMaskText.png) repeat-x 0 100%;}
article.sub ul.businessList > li .clamp .packCheck {display: none;}

article.sub ul.businessList .thumb {width: 280px; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%; overflow: hidden;}
article.sub ul.businessList .thumb,
article.sub ul.businessList .thumb img {height: 134px;}
article.sub ul.businessList .subject {top: 30px; right: 25px; width: 230px; height: 48px; overflow: hidden; line-height: 24px; font-size: 18px;}
article.sub ul.businessList .subject,
article.sub ul.businessList .guide {position: absolute; text-align: right;}
article.sub ul.businessList .guide {bottom: 24px; right: 28px; font-size: 12px; color: #bbb;}
article.sub ul.businessList .empty {height: 174px; border-left: solid 1px #bdc7d1;}

article.sub ul.businessList.admin > li .clamp .packCheck {display: block; position: absolute; top: 10px; left: 10px; z-index: 10;}

article.sub.full ul.businessList > li:first-child + li + li + li {border-top: 0;}

article.sub ul.partnerList {margin-top: 20px; border-top: solid 2px #333d49; border-bottom: solid 1px #bdc7d1; *zoom: 1;}
article.sub ul.partnerList:after {content: ""; display: block; clear: both;}
article.sub ul.partnerList > li {float: left; width: 320px; border-top: solid 1px #bdc7d1;}
article.sub ul.partnerList > li:first-child,
article.sub ul.partnerList > li:first-child + li,
article.sub ul.partnerList > li:first-child + li + li {border-top: 0;}

article.sub ul.partnerList > li a {display: block; padding: 20px 30px; border-left: solid 1px #bdc7d1; text-decoration: none;}
article.sub ul.partnerList > li a:hover {background: #e8ebef;}
article.sub ul.partnerList > li.first a {border-left-color: #fff;}

article.sub ul.partnerList > li.noPost {width: 100%; padding: 100px 0; text-align: center; line-height: 1; font-size: 18px; font-weight: 500; color: #333d49; letter-spacing: -1px;}

article.sub ul.partnerList > li .clamp {position: relative; height: 64px; padding-left: 104px;}
article.sub ul.partnerList > li .clamp .packCheck {display: none;}

article.sub ul.partnerList .thumb {position: absolute; top: 0; left: 0; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%;}
article.sub ul.partnerList .thumb,
article.sub ul.partnerList .thumb img {width: 90px; height: 64px;}
article.sub ul.partnerList .desc {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #9c9c9c;}
article.sub ul.partnerList .subject {height: 44px; overflow: hidden; line-height: 22px; font-size: 16px; font-weight: 500; color: #0053a1;}
article.sub ul.partnerList .empty {height: 104px; border-left: solid 1px #bdc7d1;}

article.sub ul.partnerList.admin > li a {padding: 20px 15px;}
article.sub ul.partnerList.admin > li .clamp {padding-left: 134px;}
article.sub ul.partnerList.admin > li .clamp .packCheck {display: block; position: absolute; top: 22px; left: 0; z-index: 10;}
article.sub ul.partnerList.admin > li .thumb {left: 30px;}

article.sub.full ul.partnerList > li:first-child + li + li + li {border-top: 0;}


/* QT */

/* article.sub dl.boxAuthor {padding-bottom: 20px; border-radius: 5px; background: #284b6d; text-align: center; line-height: 0; font-size: 0;}
article.sub dl.boxAuthor dt {margin-bottom: 20px; border-bottom: solid 1px #536f8a; line-height: 54px; font-size: 25px; font-weight: 500; color: #fff; letter-spacing: -2px;}
article.sub dl.boxAuthor dt + dd {margin-left: 0;}
article.sub dl.boxAuthor dd {display: inline-block; width: 115px; margin-left: 30px; text-align: center; *display: inline; *zoom: 1;}
article.sub dl.boxAuthor dd a {display: block; color: #79a4ce; text-decoration: none;}
article.sub dl.boxAuthor dd a:hover {color: #fff;}

article.sub dl.boxAuthor .portrait {border-radius: 5px; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%; overflow: hidden;}
article.sub dl.boxAuthor .portrait,
article.sub dl.boxAuthor .portrait img {width: 115px; height: 87px;}
article.sub dl.boxAuthor .name {padding-top: 8px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 500;}

article.sub .boxAuthor {position: relative; padding: 12px 20px; border: solid 1px #bdc7d1; border-radius: 5px;}
article.sub .boxAuthor p {padding: 7px 0; line-height: 22px; font-size: 15px; font-weight: 500; color: #333d49;} */

article.sub ul.qtAuthor {margin-top: 30px; font-size: 15px;}
article.sub ul.qtAuthor:first-child {margin-top: 0;}
article.sub ul.qtAuthor li {margin-top: 30px; padding-top: 30px; border-top: solid 1px #333d49;}
article.sub ul.qtAuthor li:first-child {margin-top: 0; padding-top: 0; border-top: 0;}
article.sub ul.qtAuthor li .top {position: relative; min-height: 116px; padding-left: 178px;}

article.sub ul.qtAuthor .portrait {position: absolute; top: 0; left: 0; border-radius: 5px; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%; overflow: hidden;}
article.sub ul.qtAuthor .portrait,
article.sub ul.qtAuthor .portrait img {width: 153px; height: 116px;}
article.sub ul.qtAuthor .name {padding-bottom: 20px; background: url(../img/common/objDivTitle.png) no-repeat 0 100%; line-height: 1.2; font-size: 30px; font-weight: 700; color: #333d49; letter-spacing: -2px; text-indent: -1px;}
article.sub ul.qtAuthor .link {position: absolute; top: 0; right: 0;}
article.sub ul.qtAuthor .profile {margin-top: 18px;}
article.sub ul.qtAuthor .greeting {margin-top: 20px; padding-top: 20px; border-top: dotted 1px #bdc7d1;}

article.sub dl.boardAuthor {position: relative; min-height: 87px; padding: 5px 0 5px 130px;}
article.sub dl.boardAuthor dt {font-size: 18px; font-weight: 500; letter-spacing: -1px;}
article.sub dl.boardAuthor dt,
article.sub dl.boardAuthor dt a {color: #1c86ea;}
article.sub dl.boardAuthor dd {margin-top: 5px;}

article.sub dl.boardAuthor dd.portrait {position: absolute; top: 5px; left: 0; margin-top: 0; border-radius: 5px; background: #333 url(../img/common/imgThumbNo.png) no-repeat 50%; overflow: hidden;}
article.sub dl.boardAuthor dd.portrait,
article.sub dl.boardAuthor dd.portrait a,
article.sub dl.boardAuthor dd.portrait img {width: 115px; height: 87px;}

article.sub dl.boardAuthor dd .guide {position: absolute; top: 8px; right: 0; color: #888;}

article.sub .qtDaily {*zoom: 1;}
article.sub .qtDaily:after {content: ""; display: block; clear: both;}

article.sub .qtDaily .title {position: relative; height: 365px; background: url(../img/sub/bgQT.png) no-repeat 50% 100%; text-align: center;}
article.sub .qtDaily .title h1 {padding-top: 35px; font-size: 48px; font-weight: 700; color: #333d49; letter-spacing: -2px;}
article.sub .qtDaily .title .slogan {margin-top: 5px; font-size: 18px; font-weight: 500; color: #9c757b; letter-spacing: -1px;}
article.sub .qtDaily .title .desc {margin-top: 30px; margin-bottom: 15px; line-height: 1.5; font-size: 16px; color: #333d49;}

article.sub .qtDaily .title .func {position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 0; background: url(../img/sub/bgMaskQT.png); z-index: 10;}
article.sub .qtDaily .title .func dl.shareSns {padding: 0 20px; color: #fff;}

article.sub .qtDaily .title .func .date {padding: 0 20px; *zoom: 1;}
article.sub .qtDaily .title .func .date:after {content: ""; display: block; clear: both;}
article.sub .qtDaily .title .func .date h2 {float: left; margin-right: 20px; line-height: 36px; font-size: 24px; font-weight: 400; color: #fff; letter-spacing: -1px;}

article.sub .qtDaily .title .func .date .change {width: 48px; height: 36px; margin-right: 2px; border: solid 1px #fff; vertical-align: middle; text-align: center; line-height: 36px; font-size: 14px; font-weight: 500; color: #fff; text-decoration: none;}
article.sub .qtDaily .title .func .date .change:hover,
article.sub .qtDaily .title .func .date .change.on {background-color: #fff !important; color: #333d49;}
article.sub .qtDaily .title .func .date .change.datepicker {background: url(../img/common/icnCalendarLight.png) no-repeat 50%; line-height: 0; font-size: 0; cursor: pointer;}
article.sub .qtDaily .title .func .date .change.datepicker:hover {background-image: url(../img/common/icnCalendarOn.png);}

article.sub .qtDaily .type {float: left; position: relative; width: 425px; margin-top: 30px; padding: 74px 19px 0; border: solid 1px #bdc7d1;}
article.sub .qtDaily .type.even {margin-left: 30px;}

article.sub .qtDaily .type h3 {position: absolute; top: 19px; left: 19px;}
article.sub .qtDaily .type a.more {position: absolute; top: 19px; right: 19px; width: 22px; height: 36px; background: url(../img/common/btnMore.png) no-repeat 50%; line-height: 0; font-size: 0;}
article.sub .qtDaily .type a.more:hover {background-image: url(../img/common/btnMoreOn.png);}

article.sub .qtDaily .type.bible {float: none; width: auto !important;}

article.sub .qtDaily .packType {margin-top: 30px; *zoom: 1;}
article.sub .qtDaily .packType:after {content: ""; display: block; clear: both;}

article.sub .qtDaily .packType .type {margin-top: 0;}
article.sub .qtDaily .packType .expand {display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; border-top: solid 1px #bdc7d1; background: #f9f9f9 url(../img/common/icnSelectNext.png) no-repeat 50%; text-align: center; line-height: 0; font-size: 0;}

article.sub.full .qtDaily .type {width: 585px;}

article.sub .qtCurrent {max-width: 800px; margin: 0 auto; padding: 30px 0; text-align: center; font-size: 15px;word-break: break-word;}
article.sub .qtCurrent p {margin-top: 0;}
article.sub .qtCurrent img {max-width: 100%;}
article.sub .qtCurrent iframe {width: 100%;}

article.sub .qtCurrent > div {margin-top: 20px;}
article.sub .qtCurrent > div:first-child {margin-top: 0;}

article.sub .qtCurrent .date {text-align: center; font-size: 18px; font-weight: 500; color: #1c86ea;}

article.sub .qtCurrent .subject {padding-bottom: 20px; background: url(../img/common/objDivTitle.png) no-repeat 50% 100%; text-align: center; line-height: 1.2; font-size: 30px; font-weight: 700; color: #333d49; letter-spacing: -2px;}
article.sub .qtCurrent .subject + div {margin-top: 30px;}

article.sub .qtCurrent .label {line-height: 1.2; font-size: 27px; font-weight: 500; color: #8666f1; letter-spacing: -2px;}

article.sub .qtCurrent .image {text-align: center;}

article.sub .qtCurrent .quote {font-weight: 700; color: #333d49;}
article.sub .qtCurrent .text + .quote {margin-top: 5px;}

article.sub .qtCurrent.bible {max-width: 100%; text-align: left;}

article.sub .qtCurrent.bible .block {padding: 19px; border: dotted 1px #bdc7d1; background: #f9f9f9;}
article.sub .qtCurrent.bible .btnTab {margin-top: 20px;}

article.sub .qtCurrent.bible .head {position: relative; padding-bottom: 10px; border-bottom: solid 1px #333d49;}
article.sub .qtCurrent.bible .head .label {color: #1c86ea;}
article.sub .qtCurrent.bible .head .label,
article.sub .qtCurrent.bible .head .verse {display: inline-block; vertical-align: middle; font-size: 20px; font-weight: 400; letter-spacing: -1px; *display: inline; *zoom: 1;}
article.sub .qtCurrent.bible .head .verse {margin-left: 5px; color: #333d49;}
article.sub .qtCurrent.bible .head .version {position: absolute; top: 0; right: 0; padding: 0 9px; border: solid 1px #bdc7d1; background: #fff; line-height: 26px; color: #888;}

article.sub .qtCurrent.bible .body {margin-top: 20px;}

article.sub .qtCurrent.bible p {margin-top: 10px; font-size: 15px;}
article.sub .qtCurrent.bible p:first-child {margin-top: 0;}
article.sub .qtCurrent.bible p em {display: inline-block; width: 20px; font-weight: 500; color: #333d49; *display: inline; *zoom: 1;}

article.sub .qtCurrent.human {text-align: left;}

article.sub .qtDaily .qtCurrent {border-top: solid 1px #bdc7d1; overflow: hidden;}


/* Donate */

article.sub .donateCont {padding-top: 25px;}

article.sub .donateCont p {margin-top: 25px; line-height: 26px; font-size: 16px; font-weight: 500; color: #333d49; letter-spacing: -1px;}
article.sub .donateCont p:first-child {margin-top: 0;}

article.sub .donateCont .pack {border-top: 0; background: url(../img/common/objDivTitle.png) no-repeat 50% 0;}
article.sub .donateCont .pack:first-child {background: none;}

article.sub .donateCont.greeting p.image {padding-top: 80px; line-height: 0; font-size: 0;}

article.sub .donateCont.greeting p.head {width: 130px; padding-bottom: 65px; border-bottom: solid 2px #000; line-height: 0; font-size: 0;}
article.sub .donateCont.greeting p.head + p {margin-top: 45px;}

article.sub .donateCont.greeting p.sign {margin-top: 20px; padding-right: 55px; text-align: right; font-size: 18px; font-weight: 500; color: #999;}
article.sub .donateCont.greeting p.sign em {font-weight: 500; color: #333d49;}

article.sub .donateCont.ministry {text-align: center;}

article.sub .donateCont.ministry p.image img {border-radius: 10px;}

article.sub .donateCont.ministry .creed {display: inline-block; margin-top: 30px; *display: inline; *zoom: 1;}
article.sub .donateCont.ministry .creed + p {margin-top: 15px;}

article.sub .donateCont.ministry .creed dl {padding: 15px 0; border-top: dotted 1px #b4c6d8; *zoom: 1;}
article.sub .donateCont.ministry .creed dl:after {content: ""; display: block; clear: both;}
article.sub .donateCont.ministry .creed dl:first-child {padding-top: 0; border-top: 0;}

article.sub .donateCont.ministry .creed dt {width: 80px; border-radius: 80px; background: #0053a1; text-align: center; line-height: 80px; font-size: 20px; font-weight: 700; color: #fff;}
article.sub .donateCont.ministry .creed dt,
article.sub .donateCont.ministry .creed dd {float: left;}
article.sub .donateCont.ministry .creed dd {height: 57px; padding: 11px 20px 10px; text-align: left;}

article.sub .donateGuide .head {padding: 24px 39px; border-radius: 10px; border: solid 1px #fbb911; background: #fffbed;}
article.sub .donateGuide .head > .left,
article.sub .donateGuide .head > .right {width: 425px;}

article.sub .donateGuide .head dl {margin-top: 15px; padding-top: 15px; border-top: dotted 1px #fbb911; color: #333d49;}
article.sub .donateGuide .head dl:first-child {margin-top: 0; padding-top: 0; border-top: 0;}
article.sub .donateGuide .head dt {line-height: 1.3; font-size: 24px; font-weight: 700;}
article.sub .donateGuide .head dd {margin-top: 10px; font-size: 16px; font-weight: 300;}

article.sub .donateGuide .head img {width: 100%; box-shadow: 2px 2px 2px #333d49;}

article.sub .donateGuide .benefit .titleS {margin-bottom: 10px;}

article.sub .donateGuide .benefit dl {display: inline-block; margin-left: 10px; *display: inline; *zoom: 1;}
article.sub .donateGuide .benefit dl:first-child {margin-left: 0;}
article.sub .donateGuide .benefit dt {padding: 5px 10px; background: #333d49; font-size: 17px; font-weight: 500; color: #fff;}
article.sub .donateGuide .benefit dd {border: solid 1px #bdc7d1; border-top: 0;}


/* Program Mini-Site : About/Staff */

article.sub .miniAbout {position: relative; margin-top: 30px; font-size: 16px;}
article.sub .miniAbout.pack {padding: 40px 0;}
article.sub .miniAbout.center {text-align: center;}

article.sub .titleL + .miniAbout.pack {padding-top: 0; border-top: 0;}

article.sub .miniAbout p {margin-top: 25px;}
article.sub .miniAbout p:first-child {margin-top: 0;}
article.sub .miniAbout p.large {font-size: 20px; font-weight: 500; color: #333d49; letter-spacing: -1px;}
article.sub .miniAbout p em {font-weight: 500; color: #1c86ea;}

article.sub .miniAbout .titleM {padding-bottom: 20px; background: url(../img/common/objDivTitle.png) no-repeat 50% 100%; text-align: center; line-height: 1.2; font-size: 32px; font-weight: 500; color: #333d49; letter-spacing: -2px;}

article.sub .miniAbout .image {display: inline-block; max-width: 100%; margin-top: 30px; border-radius: 10px; overflow: hidden; *display: inline; *zoom: 1;}
article.sub .miniAbout .image:first-child {margin-top: 0;}
article.sub .miniAbout .image img {max-width: 100%;}

article.sub .miniAbout .slogan {margin-top: 30px; text-align: center; font-size: 24px; font-weight: 700; color: #0053a1; letter-spacing: -1px;}
article.sub .miniAbout .slogan:first-child {margin-top: 0;}

article.sub .miniAbout > .float {margin-top: 30px;}
article.sub .miniAbout > .float:first-child {margin-top: 0;}
article.sub .miniAbout > .float .slogan {text-align: left;}

article.sub .miniAbout .staff {margin-top: 50px; margin-left: -20px; *zoom: 1;}
article.sub .miniAbout .staff:after {content: ""; display: block; clear: both;}

article.sub .miniAbout .staff dl {float: left; position: relative; width: 300px; min-height: 300px; margin-top: 40px; padding-left: 345px;}
article.sub .miniAbout .staff dl:first-child,
article.sub .miniAbout .staff dl:first-child + dl {margin-top: 0;}
article.sub .miniAbout .staff dt {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; font-size: 27px; font-weight: 500; color: #333d49; letter-spacing: -2px;}
article.sub .miniAbout .staff dt em {font-weight: 500; color: #1c86ea;}

article.sub .miniAbout .staff dd.image {position: absolute; top: 0; left: 20px; margin-top: 0; background: #333 url(../img/common/imgThumbNo_300.png) no-repeat 50%; line-height: 0; font-size: 0;}
article.sub .miniAbout .staff dd.image,
article.sub .miniAbout .staff dd.image img {width: 300px; height: 300px;}
article.sub .miniAbout .staff dd.text {height: 250px; margin-top: 10px; overflow: auto;}

article.sub .miniAbout .staff dl.auto {width: 955px;}
article.sub .miniAbout .staff dl.auto + dl {margin-top: 40px;}
article.sub .miniAbout .staff dl.auto dd.text {height: auto; overflow: visible;}

article.sub .miniCont .staff {width: 830px; margin-left: auto; margin-right: auto;}
article.sub .miniCont .staff dl {float: none; width: auto !important; padding-left: 325px;}
article.sub .miniCont .staff dl.auto + dl {margin-top: 40px;}
article.sub .miniCont .staff dd.image {left: 0;}

/* vai 추가 */


/* Network */

article.sub .areaNetwork {position: relative; height: 500px; background: url(../img/sub/bgMap.png) no-repeat 50% 0; overflow: hidden;}
article.sub .areaNetwork > p {padding: 10px 15px; text-align: right; font-size: 15px; font-weight: 500; color: #333d49;}

article.sub .areaNetwork ul.map {position: absolute; line-height: 0; font-size: 0;}
article.sub .areaNetwork ul.map > li {position: absolute; white-space: nowrap;}

article.sub .areaNetwork ul.map > li .marker {position: absolute; width: 42px; height: 54px; background: url(../img/sub/imgMapMarker.png) no-repeat 17px 100%;}
article.sub .areaNetwork ul.map > li .marker > a {position: absolute; top: 35px; left: 17px; width: 19px; height: 19px; z-index: 10;}
/* article.sub .areaNetwork ul.map > li.large .marker {background: url(../img/sub/imgMapMarkerL.png) no-repeat 50%;}
article.sub .areaNetwork ul.map > li.large .marker > a {top: 0; left: 11px; width: 31px; height: 45px;} */

article.sub .areaNetwork ul.map > li .info {display: none; position: absolute; top: 54px; left: 25px; min-width: 200px; padding: 9px 14px; border: solid 1px #bdc7d1; border-radius: 5px; background: #fff; text-align: left; z-index: 10;}
article.sub .areaNetwork ul.map > li .info > div {white-space: nowrap; line-height: 1.2; font-size: 13px;}
article.sub .areaNetwork ul.map > li .info .type {position: absolute; top: 11px; right: 14px; text-align: right; font-weight: 700; color: #b71435;}
article.sub .areaNetwork ul.map > li .info .name {padding-bottom: 5px; border-bottom: solid 1px #333d49; font-size: 17px; font-weight: 500; color: #333d49;}
article.sub .areaNetwork ul.map > li .info .tel {margin-top: 9px; line-height: 1.4; font-size: 13px;}
article.sub .areaNetwork ul.map > li .info .tel em {font-weight: 500; color: #1c86ea;}
article.sub .areaNetwork ul.map > li .info .link {margin-top: 7px; padding-top: 7px; padding-bottom: 1px; border-top: dotted 1px #bdc7d1; font-size: 12px;}
article.sub .areaNetwork ul.map > li .info .link a {text-decoration: underline; color: #006621;}

article.sub .areaNetwork ul.map > li.on .info {display: block;}
/* article.sub .areaNetwork ul.map > li.large .info {top: 44px;} */
article.sub .areaNetwork ul.map > li.reverse .info {top: auto; bottom: -35px;}
article.sub .areaNetwork ul.map > li.reverse.large .info {bottom: -45px;}

article.sub .areaNetwork.korea {height: 470px;}
article.sub .areaNetwork.korea ul.map {bottom: 0; left: 284px; width: 392px; height: 447px; /* background: url(../img/sub/imgMapKorea.png) no-repeat 50%; */}

article.sub .areaNetwork.korea ul.map > li.i01 {top: 40px; left: 139px;}

article.sub .areaNetwork.korea ul.map > li.i02 {top: 79px; left: 152px;}
article.sub .areaNetwork.korea ul.map > li.i03 {top: 46px; left: 164px;}
article.sub .areaNetwork.korea ul.map > li.i04 {top: 17px; left: 110px;}
article.sub .areaNetwork.korea ul.map > li.i05 {top: 64px; left: 121px;}
article.sub .areaNetwork.korea ul.map > li.i06 {top: 43px; left: 90px;}
article.sub .areaNetwork.korea ul.map > li.i07 {top: 31px; left: 223px;}
article.sub .areaNetwork.korea ul.map > li.i08 {top: 117px; left: 136px;}
article.sub .areaNetwork.korea ul.map > li.i09 {top: 80px; left: 199px;}
article.sub .areaNetwork.korea ul.map > li.i10 {top: 114px; left: 185px;}
article.sub .areaNetwork.korea ul.map > li.i11 {top: 204px; left: 205px;}
article.sub .areaNetwork.korea ul.map > li.i12 {top: 129px; left: 239px;}
article.sub .areaNetwork.korea ul.map > li.i13 {top: 206px; left: 254px;}
article.sub .areaNetwork.korea ul.map > li.i14 {top: 151px; left: 260px;}
article.sub .areaNetwork.korea ul.map > li.i15 {top: 177px; left: 265px;}
article.sub .areaNetwork.korea ul.map > li.i16 {top: 220px; left: 114px;}
article.sub .areaNetwork.korea ul.map > li.i17 {top: 259px; left: 102px;}
article.sub .areaNetwork.korea ul.map > li.i18 {top: 232px; left: 141px;}
article.sub .areaNetwork.korea ul.map > li.i19 {top: 170px; left: 129px;}
article.sub .areaNetwork.korea ul.map > li.i20 {top: 360px; left: 90px;}

article.sub .areaNetwork.world ul.map {bottom: 0; left: 58px; width: 823px; height: 469px; background: url(../img/sub/imgMapWorld.png) no-repeat 50%;}


/* Radio JOY : About */

article.sub .radioAbout {text-align: center;}

article.sub .radioAbout .titleL {margin-top: 30px; padding-bottom: 40px; background: url(../img/common/objDivTitle01.png) no-repeat 50% 100%; font-size: 44px; color: #000;}
article.sub .radioAbout .titleM {margin-top: 50px; font-size: 32px; color: #ff5085; letter-spacing: -1px;}

article.sub .radioAbout .feature {padding-top: 20px; *zoom: 1;}
article.sub .radioAbout .feature:after {content: ""; display: block; clear: both;}

article.sub .radioAbout .feature dl {float: left; width: 50%; padding-top: 225px; background-repeat: no-repeat; background-position: 50% 0;}
article.sub .radioAbout .feature dt {line-height: 1.3; font-size: 25px; font-weight: 700; color: #222;}
article.sub .radioAbout .feature dd {margin-top: 15px; font-size: 16px;}

article.sub .radioAbout .feature dl.i01 {background-image: url(../img/sub/icnRadioAbout01_01.png);}
article.sub .radioAbout .feature dl.i02 {background-image: url(../img/sub/icnRadioAbout01_02.png);}

article.sub .radioAbout .download {margin-top: 25px;}

article.sub .radioAbout .download li {display: inline-block; margin-left: 30px; text-align: left; *display: inline; *zoom: 1;}
article.sub .radioAbout .download li:first-child {margin-left: 0;}
article.sub .radioAbout .download li a {padding: 20px; padding-left: 125px; background-repeat: no-repeat; background-position: 10px 50%; text-decoration: none;}
article.sub .radioAbout .download li a:hover dt {color: #1c86ea;}

article.sub .radioAbout .download dt {line-height: 1; font-size: 30px; font-weight: 300; color: #333d49;}
article.sub .radioAbout .download dd {margin-top: 10px;}

article.sub .radioAbout .download li.i01 a {background-image: url(../img/sub/icnRadioAbout02_01.png);}
article.sub .radioAbout .download li.i02 a {background-image: url(../img/sub/icnRadioAbout02_02.png);}


/* Captcha */

article.sub .packCaptcha img {width: 150px; height: 40px;}
article.sub .packCaptcha input[type="text"] {margin-left: 5px;}
article.sub .packCaptcha input[type="text"],
article.sub input#captcha_key {width: 140px; padding: 9px; border: solid 1px #bdc7d1;}


/* Poll */

article.sub .areaPoll {margin-top: 20px; padding: 19px 24px 24px; border: solid 1px #bdc7d1; border-radius: 5px; background: #fafafa;}

article.sub .areaPoll .title {line-height: 1.2; font-size: 25px; font-weight: 500; color: #333d49; letter-spacing: -2px;}

article.sub .areaPoll ul.desc {margin: 10px 0 20px; font-size: 14px; *zoom: 1;}
article.sub .areaPoll ul.desc:after {content: ""; display: block; clear: both;}
article.sub .areaPoll ul.desc > li {float: left;}

article.sub .areaPoll .packCheck.large {margin: 8px 0 0;}
article.sub .areaPoll .packCheck.large:first-child {margin-top: 0;}
article.sub .areaPoll .packCheck.large > label {height: auto; min-height: 40px; padding-left: 55px; background-position: 0 0; white-space: normal; font-size: 0;}
article.sub .areaPoll .packCheck.large > label > span {display: inline-block; margin-top: -3px; line-height: 1.3; vertical-align: middle; font-size: 18px; letter-spacing: -1px; *display: inline; *zoom: 1;}

article.sub .areaPoll #poll_result_ajax {margin-top: 20px;}

article.sub .pollWrite {margin-top: 7px; padding: 15px 19px; border: solid 1px #bdc7d1; border-radius: 5px; background: #fafafa;}
article.sub .pollWrite p {font-size: 14px;}

article.sub .pollWrite dl {margin-top: 15px;}
article.sub .pollWrite dl:first-child {margin-top: 0;}
article.sub .pollWrite dt {font-size: 16px; font-weight: 500; color: #333d49; letter-spacing: -1px;}
article.sub .pollWrite dd {margin-top: 5px;}
article.sub .pollWrite input[type="text"].full {width: 668px;}

article.sub .pollWrite ul.pollItem > li {margin-top: 5px;}
article.sub .pollWrite ul.pollItem > li:first-child {margin-top: 0;}
article.sub .pollWrite ul.pollItem + a.btn {display: block; margin-top: 5px; margin-left: 0; text-align: center;}

article.sub .pollWrite ul.pollOpt > li {display: inline-block; padding: 0 10px; background: url(../img/common/objDivCommon.png) no-repeat 0 50%; vertical-align: middle; *display: inline; *zoom: 1;}
article.sub .pollWrite ul.pollOpt > li:first-child {padding-left: 0; background: none;}

article.sub .miniBody .etc.e3 .block {width: 425px !important;}

article.sub table.basic td.story > div.bgtop {background: url(../img/sub/dstory_bg_top.png) no-repeat; width:960px; height:117px;}
article.sub table.basic td.story > div.bgmid {background: url(../img/sub/dstory_bg_mid.png) repeat-y; padding:0px 120px 0px 80px; font-size:30px; line-height:62px;font-family: 'Nanum Pen Script', serif;}
article.sub table.basic td.story > div.bgbottom {background: url(../img/sub/dstory_bg_bottom.png) no-repeat; width:960px; height:303px;}


/* No Thumbnail */

article.sub ul.boardList .thumb {background: url(../img/common/imgThumbNo_280.png) no-repeat 50%;} /* 279 X 197 */


/* Register > Foreigner (2019-09-02) */

.register_foreigner {padding: 30px 25px; border: solid 1px #d6d6d6; background: #f8f8f8;}

.register_foreigner .text_head {margin-bottom: 30px; font-size: 18px; font-weight: 500; color: #333; letter-spacing: -1px;}
.register_foreigner .text_head p {margin-top: 5px;}
.register_foreigner .text_head p:first-child {margin-top: 0;}

.register_foreigner .text_body {margin-top: 25px;}
.register_foreigner .text_body dt {margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #2c5c8b; letter-spacing: -0.8px;}
.register_foreigner .text_body dd {font-size: 14px;}
.register_foreigner .text_body dd + dd {margin-top: 5px;}

.joinComplete + .register_foreigner {margin-top: 25px;}