/* ºñÀüÅ뵶 vision01 */ 
.vision .white-back{background: #fff;}
.vision .gray-back{background: #f0f0f0;}
.vision .green-back{background: #F0F7EF}
.vision .yellow-back{background: #FFFDF0!important;}
.vision .pink-back{background: #F8EEEC!important;}

.vision .italic{font-style: italic; font-size: inherit; color: inherit; font-weight: inherit;}
.vision .fw-200{font-weight: 200;}
.vision .fw-400{font-weight: 400;}
.vision .fw-500{font-weight: 500;}
.vision .fs-14{font-size: 14px;}
.vision .fs-15{font-size: 15px;}
.vision .fs-16{font-size: 16px;}
.vision .dis-bl{display: block;}
.vision .pt-30{padding-top: 30px;}
.sky-under{
	-webkit-box-shadow: inset 0 -9px 0 #b4e7f8;
	-moz-box-shadow: inset 0 -9px 0 #b4e7f8;
	box-shadow: inset 0 -9px 0 #b4e7f8;
	font-size: inherit;
}
.books-lnb .semo{right: 372px!important;}


.vision span{font-size: inherit; color: inherit; font-weight: inherit; display: inline-block;}
.vision h2{padding: 0; margin: 0; line-height: 1.2em; color: #284963; letter-spacing: -2px; text-align: center;}
.vision h2 span{padding: 0; margin: 0; line-height: 1.2em; letter-spacing: -2px;}
.vision .h2-1{font-size: 46px; font-weight: 500; padding-bottom: 30px;}
.vision .pink-text{color: #D6677D; font-size: inherit; font-weight: inherit; display: inline;}
.vision .sky-text{color: #559BD3; font-size: inherit; font-weight: inherit; display: inline;}
.vision .underline{text-decoration: underline;}
.vision .fw-500{font-weight: 500; color: inherit;}
.vision .sub-text{font-size: 18px; color: #284963; font-weight: 200;}
.vision h3.h3-1{color: #284963; font-size: 26px; font-weight: 500; line-height: 1em; vertical-align: middle; padding-bottom: 30px;}
.vision h3.h3-1:before{content: ""; display: inline-block; width: 3px; height: 26px; line-height: 1em; background: #63A3D6; vertical-align: middle; margin-right: 8px; margin-top: -6px;}

.vision section{padding: 65px 0;}
.vision section .w100{max-width: 990px;}

/* »ó´Ü ž °øµ¿½ºÅ¸ÀÏ */
.vision section.top{background: #F0F0F0; padding-bottom: 0;}
.vision section.top .w100{max-width: 990px;}
.vision section.top .list button:first-child{margin-left: 0;}
.vision section.top .list button{display: block; float: left; height: 62px; line-height: 62px; font-size: 16px; color: #416A8B; text-align: center; /* width: 16.666%; */ width: 20%; background: #fff; border: 1px solid #dedede; box-sizing: border-box; letter-spacing: -1px;}
.vision section.top .list button.on{background: #6F7D8F; border: 1px solid #6F7D8F; color: #fff;}

.vision section.middle .discribe .left{width: 35%; padding-right: 20px; box-sizing: border-box;}
.vision section.middle .discribe .left img{width: 100%; max-width: 192px;}
.vision section.middle .discribe .right{width: 65%; color: #284963; font-size: 18px;}
.vision section.middle .discribe .right h3{font-size: 30px; font-weight: 500; padding-top: 30px; letter-spacing: -1.5px; color: #559BD3; line-height: 1.2em; word-break: keep-all;}
.vision section.middle .discribe .right p{font-size: inherit; color: inherit; font-weight: inherit; line-height: 1.38em; font-weight: 200;}
.vision section.middle .discribe .right .link{width: 100%; padding-top: 45px; text-align: right;}
.vision section.middle .discribe .right .link button{background-color: #728195; height: 40px; line-height: 40px; font-size: 14px; color: #fff; padding: 0 23px; box-sizing: border-box; text-align: center; border-radius: 20px; display: inline-block; width: 23.5%; margin-left: 1%;}
.vision section.middle .discribe .right .link button:first-child{margin-left: 0;}
.vision button.read-btn{background: #559BD3!important;}
.vision button.buy-btn{background: #747DBC!important;}
.vision section.middle .discribe .right .link button .icon.more{display: inline-block; width: 12px; height: 11px; background: url(/bible/img/vision-icon.svg) no-repeat -11px -239px; background-size: 54px; float: right; margin-top: 14px;}
/*.vision section.middle .discribe .right .link button.reading-list{padding: 0; text-align: center; margin-left: 0;}
.vision section.middle .discribe .right .link button.gray-btn{background: #728195;}*/
.vision section.middle .discribe .right .link button em{color: #fff;}
/*
.vision section.middle .discribe .right .link.one button{float: right;}

.vision section.middle .discribe .right .link.two button{float: right; margin-left: 10px;}
.vision section.middle .discribe .right .link.two button:last-child{margin-left: 0;}

.vision section.middle .discribe .right .link.three button{float: right; margin-left: 10px;}
.vision section.middle .discribe .right .link.three button:last-child{margin-left: 0;}*/


.vision section.bottom{padding: 35px 0 100px;}


.vision .sns-link{text-align: center;}
.vision .sns-link li button{width: 40px; height: 40px; background-size: 40px;}
.vision .sns-link li button.tw{background-position: 0 -40px}
.vision .sns-link li button.kt{background-position: 0 -80px;}
.vision .sns-link li button.lk{background-position: 0 -120px;}

.vision section.play{background: #6A6A6A}
.vision section.play .inner{position: relative; width: 100%; height: 100%; padding-bottom: 56.25%; margin: 0 auto;}
.vision section.play .inner iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.vision section.guide{ background: #F0F7EF}
.vision section.guide.bobo-1{border-bottom: 1px solid #C9D1C7;}
.vision section.guide h2{font-size: 30px; font-weight: 500; color: #33648C; padding-bottom: 50px; line-height: 1em;}
.vision section.guide h2 .sky-text{color: #2574C5;}
.vision section.guide h2 .number{width: 26px; height: 26px; line-height: 26px; color: #fff; background: #33648C; border-radius: 50%; display: inline-block; font-size: 21px; font-weight: 500; vertical-align: middle;} 
.vision section.guide h2 span{vertical-align: middle;}
.vision section.guide img{width: 100%; margin: 0 auto;}
.vision .img-wrap{position: relative; display: block;}
.vision .icon.zoom{display: block; position: absolute; top: 0px; right: 10px; width: 34px; height: 34px; background: url(/bible/img/vision-icon.svg) 0 -155px no-repeat;}
.vision .img-wrap img{width: 100%;}
.vision .img-wrap span{color: #284963; text-align: center; display: block; width: 100%; margin-top: 10px; letter-spacing: -1px; height: 44px}

.vision section.guide .discribe{padding-top: 30px;}
.vision section.guide .discribe ul li:before{content: ""; display: inline-block; width: 5px; height: 5px; margin-left: -20px; border-radius: 50%; background: #7E8B94; vertical-align: middle; margin-right: 15px;}
.vision section.guide .discribe ul li{font-size: 16px; color: #284963; font-weight: 400; line-height: 1.8em; padding-left: 20px;}
.vision section.guide .discribe ul li a{font-size: inherit; color: inherit; font-weight: inherit;}
.vision section.guide .discribe ul li .icon.bookmark{display: inline-block; width: 20px; height: 26px; background: url(/bible/img/vision-icon.svg) -3px -190px no-repeat; vertical-align: middle;}

.vision section.guide .discribe dl{cursor: pointer;}
.vision section.guide .discribe dl{text-align: center;}
.vision section.guide .discribe dl img{width: 97px; display: block;}
.vision section.guide .discribe dl span{margin-top: 10px;}
.vision section.guide .discribe dl span.icon.more.color{display: inline-block; width: 12px; height: 11px; background: url(/bible/img/vision-icon.svg) no-repeat 0 -239px; margin-left: 5px;}


/* ºñÀüÅ뵶 ÀεµÀÚ vision02 */ 

.vision section.download{background: #E1EEF5; border-top: 2px dotted #559BD3; border-bottom: 2px dotted #559BD3}
.vision section.download .w100{max-width: 480px;}
.vision section.download h3{font-size: 30px; color: #416A8B; font-weight: 500; text-align: center; padding-bottom: 50px; line-height: 1.2em;}
.vision section.download .discribe .icon.help{display: inline-block; width: 47px; height: 47px; background: url(/bible/img/vision-icon.svg) 0 -109px no-repeat; vertical-align: middle; margin-right: 10px;}
.vision section.download .discribe .file-wrap{padding: 25px; box-sizing: border-box; border-radius: 20px; border: 2px solid #fff; margin: 25px auto;}
.vision section.download .discribe .file-wrap .icon{display: block; background: url(/bible/img/vision-icon.svg) 0 0 no-repeat;}
.vision section.download .discribe .file-wrap .icon.pdf{width: 54px; height: 54px; background-position: 0 0;}
.vision section.download .discribe .file-wrap .icon.hwp{width: 54px; height: 54px; background-position: 0 -54px;}
.vision section.download .discribe .file-wrap .icon.down{width: 23px; height: 23px; background-position: 0 -216px;}
.vision section.download .discribe .file-wrap .left{width: 50%; padding-right: 0;}   
.vision section.download .discribe .file-wrap .left:first-child{border-right: 1px solid rgba(255,255,255,0.8); box-sizing: border-box;}
.vision section.download .discribe .file-wrap dl dt{width: 110px; height: 110px; line-height: 148px; margin: 0 auto; text-align: center; background: #fff; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); border-radius: 50%;}
.vision section.download .discribe .file-wrap dl dt .icon{display: inline-block;}
.vision section.download .discribe .file-wrap dl dd{margin-top: 20px; text-align: center;}
.vision section.download .discribe .file-wrap dl dd a{font-size: 17px; color: #284963; font-weight: 400;}
.vision section.download .discribe .file-wrap dl dd .icon{display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: -8px;}


.vision section.download .discribe .code{padding: 0;}
.vision section.download .discribe .code h2{font-size: 18px; text-align: left;}
.vision section.download .discribe .code .input-area{width: 100%; margin: 15px auto 0;}
.vision section.download .discribe .code .input-area input{width: 70%; margin-right: 2%; display: block; float: left; box-sizing: border-box; height: 55px; border-radius: 0; border: 1px solid #ccc; background: #fff; }
.vision section.download .discribe .code .input-area button{width: 28%; display: block; float: left; box-sizing: border-box; height: 55px; border-radius: 0; color: #fff; font-size: 16px; background: #747DBC}

.vision section.feature{background: #F0F7EF;}
.vision section.feature h2{color: #33648C; padding-left: 20px; font-size: 28px; font-weight: 500; text-align: left; margin-bottom: 20px;}
.vision section.feature ul{background: #FAFEF9; border-radius: 20px; padding: 35px;}
.vision section.feature ul li{display: table;}
.vision section.feature ul li:last-child{margin-bottom: 0;}
.vision section.feature ul li .cell{display: table-cell;}
.vision section.feature ul li .text{font-size: 16px; font-weight: 400; color: #284963; line-height: 2em;}
.vision section.feature ul li .sub-text{font-size: 15px; font-weight: 400;}
.vision section.feature ul li .number{display: inline-block; width: 22px; height: 22px; line-height: 22px; color: #fff; background: #33648C; font-size: 15px; font-weight: 500; text-align: center; border-radius: 50%; margin-right: 10px;}

/* ºñÀü,¸»Åë ÀεµÀÚ °øÅë */
.vision02 section.guide,
.vision04 section.guide{background: #F8EEEC;}
.vision02 section.guide2{background: #FFFDF0;}
.vision04 section.guide2{border-top: 1px solid #ddd;}
.vision02 section.guide h2 .number,
.vision04 section.guide h2 .number{width: 110px; border-radius: 25px; height: 42px;; line-height: 42px; margin-bottom: 20px; box-sizing: border-box; font-size: 24px; font-weight: 400;}

/*  ¿ª»çÁö¸®·Î º¸´Â ¼º°æ */
.geo section.middle .discribe .left img{max-width: 228px;}
.geo .feature-wrap section.feature{padding-bottom: 0;}
.geo .feature-wrap section.feature:last-child{padding-bottom: 65px;}
.vision section.feature.add-img dl{background: #FAFEF9; border-radius: 20px; padding: 35px;}
.vision section.feature.add-img dl .cell{display: table-cell; vertical-align: top;}
.vision section.feature.add-img dl dt{padding-right: 35px; text-align: center;}
.vision section.feature.add-img dl dt button{background-color: #747DBC;  height: 40px; line-height: 40px; font-size: 14px; color: #fff; padding: 0 23px; box-sizing: border-box; text-align: center; border-radius: 20px; display: inline-block; width: 124px; margin-top: 20px;}
.vision section.feature.add-img dl ul{background: transparent; border-radius: 0; padding: 20px 0;}
.vision section.feature.add-img dl ul li{font-size: 16px; line-height: 1.75em; margin-bottom: 30px;}
.vision section.feature.add-img dl ul li:last-child{margin-bottom: 0;}
.vision section.feature.add-img dl ul li .bold{font-size: 17px; color: #284963; line-height: 1.3em; padding-bottom: 6px;}

/* ´õ¹ÙÀ̺í */
.vision .guide ul.title-list li{margin-bottom: 50px;}
.vision .guide ul.title-list li .title{font-size: 20px; font-weight: 500; color: #416A8B; display: block; padding-bottom: 20px;}
.vision .guide ul.title-list li .number{font-weight: 500; color: #fff; display: inline-block; width: 22px; height: 22px; border-radius: 50%; background: #A27450; text-align: center; margin-top: -3px; line-height: 22px; margin-right: 5px; font-size: 15px; font-weight: 400; vertical-align: middle;}
.vision .guide ul.title-list li .box{font-size: 16px; font-weight: 400; color: #284963; line-height: 2em; background: #FBF5EE; padding: 30px; box-sizing: border-box; display: block; border-radius: 20px; }
.vision .gold-text{color: #A27450; font-size: inherit; font-weight: inherit;}


/* ¸»¾¸°üÅë vision03 */

.vision03 section.preview{background: #F0F7EF;}
.vision03 section.preview .list1 li:before{content: ""; display: inline-block; width: 5px; height: 5px; background: #999; vertical-align: middle; border-radius: 50%; margin-right: 15px; margin-top: -2px;}
.vision03 section.preview .list1 li{text-indent: -20px; margin-left: 24px; color: #284963; font-size: 16px; line-height: 1.7em;}
.vision03 section.preview .list2{background: #FAFEF9; padding: 30px 30px; border-radius: 20px; margin-top: 30px;}
.vision03 section.preview .list2 li{color: #284963; font-size: 16px; font-weight: 400; line-height: 1.8em;}
.vision03 section.preview .list2 li .text{font-size: inherit; font-weight: inherit; color: inherit; margin-left: 10px; display: inline-block;}
.vision03 section.preview .list2 li .number{font-size: inherit; color: #A27450; font-weight: 500;}

.vision03 section.guide{background: #FFFDF0;}
.vision03 section.guide h3 .number{font-weight: 500; color: #fff; display: inline-block; width: 22px; height: 22px; border-radius: 50%; background: #A27450; text-align: center; margin-top: -3px; line-height: 22px; margin-right: 5px;}
.vision03 section.guide h3{font-size: 20px; font-weight: 500; color: #33648C; margin-bottom: 30px;}
.vision03 section.guide h3 span{vertical-align: middle; color: inherit; font-weight: inherit; font-size: inherit;}
.vision03 section.guide h3 .brown-text{color: #A27450; font-size: inherit; font-weight: inherit; vertical-align: middle;}

.vision03 section.guide h3{margin-top: 50px;}
.vision03 section.guide h3:first-of-type{margin-top: 0;}
.vision03 section.guide.bobo-1 .img-wrap{border: 1px solid #e1e1e1;}

.vision .mt-20{margin-top: 20px;}


/* ¸»¾¸°üÅë ÀεµÀÚ vision04 */
.vision04 .structure{background: #FFFDF0;}
.vision04 .structure .right{width: 49%;}
.vision04 .structure .left{width: 49%;}
.vision04 .structure h4{background: #F5EEE6; padding: 6px 20px; border-radius: 10px; font-size: 20px; font-weight: 500; color: #416A8B;}
.vision04 .structure h4 em{vertical-align: middle; font-size: inherit; color: inherit; font-weight: inherit;}
.vision04 .structure h4 em.bold{color: #A27450; padding-right: 12px;}
.vision04 .structure ul{padding: 20px 20px 0;}
.vision04 .structure ul li{font-size: 16px; color: #284963; line-height: 1.62em;}
.vision04 .structure .left ul li{text-indent: -25px; padding-left: 50px;}
.vision04 .structure ul li .week{color: #33648C; padding-right: 5px;}
.vision04 .structure ul li .circle{display: inline-block; width: 5px; height: 5px; line-height: 5px; background: #999999; vertical-align: middle; border-radius: 50%; margin-right: 10px;}


/* ¿ì¸®¸»¼º°æ */
.woori section.top .list button{width: 25%}
.woori section.about{background: #fff;} 
.woori section.about h3.h3-1{padding-top: 50px;}
.woori section.about .context{color: #284963; font-size: 18px; line-height: 1.8em;}
.woori section.about .box{background: #FBF5EE; border-radius: 20px; padding: 30px; box-sizing: border-box;}
.woori section.about ol li{color: #284963; font-size: 16px; padding-left: 36px; line-height: 2em;}
.woori section.about ol li:last-child{margin-bottom: 0;}
.woori section.about ol li .circle{background: #BC9B82; width: 22px; height: 22px; line-height: 22px; color: #fff; font-size: 15px; font-weight: 400; text-align: center; display: inline-block; border-radius: 50%; margin-right: 14px; margin-left: -36px;}
.woori section.about .article ul li{font-size: 16px; color: #284963; line-height: 1.8em;}
.woori section.about .article ul li:before{content: ""; display: inline-block; width: 5px; height: 5px; background: #7E8B94; border-radius: 50%; vertical-align: middle; margin-right: 12px;}
.woori section.about .article .inner{padding: 30px 0; border-bottom: 1px dashed #E2E2E2;}
.woori section.about .article .inner:nth-of-type(1){padding-top: 0;}
.woori section.about .article .inner:last-of-type{border-bottom: 0; padding-bottom: 0;}
.woori section.about dl{width: 50%; float: left;}
.woori section.about dl:first-child,
.woori section.about dl:nth-child(2){margin-top: 0;}
.woori section.about dl dt{color: #284963; margin-bottom: 10px;}
.woori section.about dl dt span{font-size: 18px; font-weight: 500; padding-right: 10px; color: #284963;}
.woori section.about dl dt em{font-size: 15px; font-weight: 400; padding-left: 10px; color: #284963;;}
.woori section.about dl dd{font-size: 15px; font-weight: 400; color: #284963;}


/* ±×¸®´Â ¼º°æ/ÇÊ»ç ¼º°æ css Ãß°¡_201201_HYB */

/* ±×¸®´Â ¼º°æ */
.drawing section.middle .discribe .left img{width: 100%; max-width: 206px;}
.drawing section.middle .discribe .right p em{font-size: 18px; font-weight: 400; color: #284963;}

.drawing section.feature.first {background-color: #fff;}
.drawing section.feature.second {background-color: #FFFFFD;}
.drawing section.guide {background-color: #FFFDF0;}
.drawing section.feature.first .bible-img {margin-top: 30px; margin-left: 40px;}
.drawing section.feature.first .intro{overflow: hidden; margin-top: 35px;}
.drawing section.feature.first .intro h3{background-color: #EFF5F8; font-size: 20px; color: #33648C; height: 42px; line-height: 42px; border-radius: 10px; font-family: "Noto Sans CJK KR"; font-weight: 500;}
.drawing section.feature.first .intro h3 em{font-family: "Roboto";font-size: 24px; color: #559BD3; line-height: 42px; margin-left: 20px; margin-right: 8px;}
.drawing section.feature.first .intro .left{width: 40%; padding-left: 60px; float: none; display: inline-block;}
.drawing section.feature.first .intro .right{width: 40%; padding-left: 60px;}
.drawing section.feature.first .intro > div {margin-top: 21px; vertical-align: top;}
.drawing section.feature.first .intro > div h5{color: #559BD3; margin-top: 62px; font-weight: 400; font-size: 16px;}
.drawing section.feature.first .intro > div h5:first-child{margin-top: 0;}
.drawing section.feature.first .intro > div > div {margin-top: 22px;}
.drawing section.feature.first .intro > div > div:first-child {margin-top: 0px;}
.drawing section.feature.first .contents {background-color: #fff; margin-top: 4px;}
.drawing section.feature.first .contents p {color: #284963; display: block; font-size: 16px;}


.drawing section.feature.second .bible-img {margin-top: 30px; margin-left: 40px;}
.drawing section.feature.second .intro{overflow: hidden; margin-top: 35px;}
.drawing section.feature.second .intro h3{background-color: #EFF5F8; font-size: 20px; color: #33648C; height: 42px; line-height: 42px; border-radius: 10px; font-family: "Noto Sans CJK KR"; font-weight: 500;}
.drawing section.feature.second .intro h3 em{font-family: "Roboto";font-size: 24px; color: #559BD3; line-height: 42px; margin-left: 20px; margin-right: 8px;}
.drawing section.feature.second .intro .left{width: 40%; padding-left: 60px; float: none; display: inline-block;}
.drawing section.feature.second .intro .right{width: 40%; padding-left: 60px;}
.drawing section.feature.second .intro > div {margin-top: 21px;}
.drawing section.feature.second .intro > div h5{color: #559BD3; margin-top: 62px; font-weight: 400; font-size: 16px;}
.drawing section.feature.second .intro > div h5:first-child{margin-top: 0;}
.drawing section.feature.second .intro > div > div {margin-top: 25px;}
.drawing section.feature.second .intro > div > div:first-child {margin-top: 0px;}
.drawing section.feature.second .contents {margin-top: 4px;}
.drawing section.feature.second .contents p {color: #284963; display: block; font-size: 16px;}

.drawing section.guide {background-color: #FFFDF0;}

.drawing section.guide h3 .number{font-weight: 500; color: #fff; display: inline-block; width: 22px; height: 22px; border-radius: 50%; background: #A27450; text-align: center; margin-top: -3px; line-height: 22px; margin-right: 5px; font-size: 15px;}
.drawing section.guide h3{font-size: 20px; font-weight: 500; color: #416A8B; margin-bottom: 30px; letter-spacing: -1px;}
.drawing section.guide h3 span{vertical-align: middle; color: inherit; font-weight: inherit; font-size: inherit; display: inline;}
.drawing section.guide h3 span:last-child {margin-left: 5px;}
.drawing section.guide h3 .brown-text{color: #A27450; font-size: inherit; font-weight: inherit; vertical-align: middle;}

.drawing section.guide h3{margin-top: 42px;}
.drawing section.guide h3:first-of-type{margin-top: 0;}

.drawing section.guide img {border: 1px solid #ccc;}

.drawing section.bottom{padding: 105px 0 100px;}



/* ÇÊ»ç ¼º°æ */
.writing section.middle .discribe .left img{width: 100%; max-width: 206px;}
.writing section.middle .discribe .right p em{font-size: 18px; font-weight: 400; color: #284963;}

.writing section.feature.textbook {background-color: #fff;}
.writing section.guide {background-color: #FFFDF0;}

.writing section.feature .cell.text em {color: #284963;}

.writing section.textbook{background: #fff;}
.writing section.textbook .img-wrap{margin-top: 0; background-color: #fff;}
.writing section.textbook .img-wrap li{width: 20%; float: left; padding-left: 0; margin-right: 5%; margin-top: 30px;}
.writing section.textbook .img-wrap li:nth-child(1),
.writing section.textbook .img-wrap li:nth-child(2),
.writing section.textbook .img-wrap li:nth-child(3),
.writing section.textbook .img-wrap li:nth-child(4) {margin-top: 0;}

.writing section.textbook .img-wrap li:last-of-type{margin-right: 0;}
.writing section.textbook .img-wrap li span {font-size: 15px;}
.writing section.textbook .img-wrap li img {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);}


.writing section.guide {background-color: #FFFDF0;}

.writing section.guide h3 .number{font-weight: 500; color: #fff; display: inline-block; width: 22px; height: 22px; border-radius: 50%; background: #A27450; text-align: center; margin-top: -3px; line-height: 22px; margin-right: 5px; font-size: 15px;}
.writing section.guide h3{font-size: 20px; font-weight: 500; color: #416A8B; margin-bottom: 30px; letter-spacing: -1px;}
.writing section.guide h3 span{vertical-align: middle; color: inherit; font-weight: inherit; font-size: inherit; display: inline;}
.writing section.guide h3 span:last-child {margin-left: 5px;}
.writing section.guide h3 .brown-text{color: #A27450; font-size: inherit; font-weight: inherit; vertical-align: middle;}

.writing section.guide h3{margin-top: 52px;}
.writing section.guide a img {border: 1px solid #ccc;}

.writing section.bottom{padding: 46px 0 52px;}



/* º¸¶ó Å뵶 */
.bora section.middle .discribe .left img {width: 100%; max-width: 220px;}

.bora section.middle .discribe .left {width: 33%;}
.bora section.middle .discribe .right {width: 66.5%;} 

.bora .feature .text {letter-spacing: -0.6px;}

.bora .structure {background-color: #fff;}
.bora .structure .w800:last-child h3.h3-1 {margin-top: 84px;}
.bora .structure .w800 > div {width: 49%; margin-bottom: 28px;}
.bora .structure .w800:last-child div:nth-of-type(3) {margin-bottom: 0;}
.bora .structure h4 {width: 100%; height: auto; background-color: #EFF5F8; border-radius: 10px; font-size: 18px; font-weight: 400;}
.bora .structure h4 em {font-family: "Noto Sans CJK KR"; font-size: 18px; font-weight: 500; color: #33648C; margin-left: 8px; line-height: 42px;}
.bora .structure h4 em.bold {font-family: "Roboto"; font-size: 22px; font-weight: 400; color: #559BD3; margin-left: 13px;}
.bora .structure .w800 > div ul {margin-top: 21px; padding: 0 18px;}
.bora .structure ul li {font-size: 16px; font-weight: 400; color: #284963; line-height: 27px;}
.bora .structure .left li:first-of-type span,
.bora .structure .left li:last-of-type span,
.bora .structure .right li:first-of-type span,
.bora .structure .right li:last-of-type span,
.bora .structure .left li:first-of-type em,
.bora .structure .left li:last-of-type em,
.bora .structure .right li:first-of-type em,
.bora .structure .right li:last-of-type em {font-size: 16px; font-weight: 400; color: #559BD3; display: inline;}
.bora .structure ul li span:last-of-type {vertical-align: top;}
.bora .structure ul li p {display: inline-block; width: 15%; margin-right: 5px;} 
.bora .structure ul li span {width: 80%;} 

.bora section.guide{background: #FFFDF0;}
.bora .guide h3 .number{font-weight: 500; color: #fff; display: inline-block; width: 22px; height: 22px; border-radius: 50%; background: #A27450; text-align: center; margin-top: -3px; line-height: 22px; margin-right: 5px;}
.bora .guide h3{font-size: 20px; font-weight: 500; color: #33648C; margin-bottom: 30px;}
.bora .guide h3 span{vertical-align: middle; color: inherit; font-weight: inherit; font-size: inherit; letter-spacing: -2px;}
.bora .guide h3 .brown-text{color: #A27450; font-size: inherit; font-weight: inherit; vertical-align: middle; margin-right: 8px;}
.bora section.guide a {border: 1px solid #ccc; margin-bottom: 42px;}
.bora section.guide a:last-child {margin-bottom: 0;}

.bora section.bottom {padding: 100px 0;}



/*Á¾·ù*/
.woori .kinds{background: #fff; padding-left: 40px; padding-right: 40px; padding-bottom: 65px; box-shadow: 0 2px 3px rgba(0,0,0,0.16); margin-bottom: 30px;}
.woori .kinds h3.h3-1{padding-top: 65px;}
.woori .kinds ul li{float: left; width: 22%; margin-left: 4%;}
.woori .kinds ul li:first-child{margin-left: 0;}
.woori .kinds ul li img{border: 1px solid #e2e2e2; width: 100%; box-sizing: border-box;}


.vision .btn-area{text-align: center;}
.vision .btn-area button{text-align: center; width: 222px; height: 55px; line-height: 55px; background: #9DA8B7; color: #fff; font-size: 16px; font-weight: 200;}

/*Àбâ*/
.woori .read{width: 100%; max-width: 800px; margin: 0 auto;}
.woori .read2{padding-top: 65px;}
.woori .read .bible{background: url(/bible/img/woori02-bg.png) 0 0 no-repeat; height: 535px; margin-bottom: 0}
.woori .read .bible ul{width: 50%; box-sizing: border-box;}
.woori .read .bible ul.left{padding: 45px 33px 0 63px;}
.woori .read .bible ul.right{padding: 45px 63px 0 33px;}
.woori .read .bible ul li{text-align: left; color: #284963; font-size: 15px; padding-left: 32px; line-height: 1.9em; letter-spacing: -0.5px;}
.woori .read .bible ul li span{color: #284963; font-size: 15px; width: 20px; text-align: center; margin-right: 12px; margin-left: -32px;}
.woori .read .bible ul li .small-title{color: #33648C; font-weight: 500; font-size: 15px; display: inline-block; margin: 10px 0 5px}
.woori .read .bible ul li:nth-of-type(1) .small-title{margin-top: 0;}

/*ºÎ·Ï*/
.woori .read .pray{background: #fff; border-radius: 20px; box-shadow: 0px 2px 4px rgba(0,0,0,0.16); padding: 45px 0; box-sizing: border-box; margin: 0 0 15px;}
.woori .read .pray dl{text-align: left; border-left: 1px solid #D9E5EB; padding: 0 45px; width: 50%; box-sizing: border-box;}
.woori .read .pray dl:first-child{border-left: 0;}
.woori .read .pray dl dt{color: #33648C; font-size: 16px; font-weight: 400;}
.woori .read .pray dl dd{color: #284963; font-size: 15px; font-weight: 400; margin-top: 25px; line-height: 1.8em;}
.woori .read sup{font-size: 11px; color: #33648C;}
.woori .read .sup-list li{font-size: 13px; color: #33648C; text-align: left; margin-left: 15px;}

.woori .read .slick-prev:before{background: url(/bible/img/vision-icon.svg) 0 -250px no-repeat; width: 30px; height: 30px; }
.woori .read .slick-next:before{background: url(/bible/img/vision-icon.svg) 0 -250px no-repeat; width: 30px; height: 30px; transform: rotate(180deg);}

.woori .read .slick-prev{left: 23px; width: 30px; height: 30px; margin-top: -15px;}
.woori .read .slick-next{right: 23px; width: 30px; height: 30px; margin-top: -15px;}
.woori .read .pray.ten{padding: 40px 52px;}
.woori .read .pray.ten .sub-text{font-size: 15px; color: #33648C; text-align: left;}
.woori .read .pray.ten table{margin-top: 25px;}
.woori .read .pray.ten th{color: #33648C; font-weight: 500; width: 75px; text-align: left; line-height: 1.6em; padding-bottom: 25px; vertical-align: top;}
.woori .read .pray.ten td{color: #33648C; font-weight: 400; color: #284963; text-align: left; line-height: 1.6em; padding-bottom: 25px; vertical-align: top;}

.dic.vision section.top .list button{width: 50%;}


.dic h3.h3-1{text-align: center; font-size: 30px; padding-bottom: 0;}
.dic h3.h3-1:before{display: none;}
.dic .box{background: #fff; padding: 40px; border-radius: 10px; box-shadow: 0px 2px 3px rgba(0,0,0,0.15); margin-bottom: 30px;}
.dic .box:first-of-type{margin-top: 65px;}
.dic .box:last-child{margin-bottom: 0;}
.dic .box img{float: left; width: 33%; max-width: 250px; box-sizing: border-box;}
.dic .box h3{float: right; width: 67%; font-weight: 500; letter-spacing: -1px; font-size: 30px; /* margin-left: 50px; */ margin-left: 0; box-sizing: border-box; margin-bottom: 30px; line-height: 1.2em;}
.dic .box h3:before{display: none;}
.dic .box h4{float: right; width: 67%; font-size: 18px; line-height: 1.4em; color: #284963; font-weight: 200; /* margin-left: 50px; */ margin-left: 0; box-sizing: border-box;}
.dic .box h5{float: right; width: 67%; font-size: 16px; font-weight: 400; line-height: 1.6em; color: #284963; margin-top: 30px;}
.dic .box ol{float: right; width: 67%; /* margin-left: 50px; */ margin-left: 0; margin-top: 30px; box-sizing: border-box; background: #FBF5EE; padding: 30px; box-sizing: border-box; border-radius: 10px;}
.dic .box ol li{color: #284963; font-size: 16px; padding-left: 36px; line-height: 2em;}
.dic .box ol li:last-child{margin-bottom: 0;}
.dic .box ol li .circle{background: #BC9B82; width: 22px; height: 22px; line-height: 22px; color: #fff; font-size: 15px; font-weight: 400; text-align: center; display: inline-block; border-radius: 50%; margin-right: 14px; margin-left: -36px;}
.dic .box ol li .sub-text{font-size: 14px; color: #33648c; font-weight: 400; text-align: left;}
.dic .inner-btn{clear: both; padding-top: 15px; text-align: right;}
.dic .inner-btn button{background-color: #747DBC; height: 40px; line-height: 40px; font-size: 14px; color: #fff; padding: 0 23px; box-sizing: border-box; text-align: center; border-radius: 20px; display: inline-block; width: 124px; margin-left: 6px;}
.dic .inner-btn button .icon.more{display: inline-block; width: 12px; height: 11px; background: url(/bible/img/vision-icon.svg) no-repeat -11px -239px; background-size: 54px; float: right; margin-top: 14px;}
.dic .inner-btn button.app{background: #728195;}
.dic .inner-btn button em{color: #fff;}

.dic .basic h3 .pink-text{border-bottom: 1px solid #D6677D; display: inline-block; line-height: 19px;}
.dic .basic select{background: url(/duranno/img/brand-select.png) 90% 50% no-repeat; border-radius: 0; font-size: 14px; color: #666; border: 1px solid rgba(153,153,153,0.6); height: 30px; line-height: 30px; background-color: rgba(255,255,255,0.5); padding-right: 30px; float: right; margin: 16px 0; width: auto;}
.dic .basic .qna{margin-bottom: 10px;}
.dic .basic .qna:last-of-type{margin-bottom: 0;}
.dic .basic .qna .question{display: table; background: #fff; padding: 16.5px 18px; box-sizing: border-box; width: 100%; border-radius: 10px; transition: 0.2s all; cursor: pointer; }
.dic .basic .qna .question p{display: table-cell;}
.dic .basic .qna .question .text{font-size: 18px; color: #284963; vertical-align: top; padding-right: 10px; font-weight: 200;}
.dic .basic .qna .question .icon.toggle{display: inline-block; height: 17px; width: 17px; background: url(/bible/img/vision-icon.svg) 0 -297px;}
.dic .basic .qna .question.on{background: #84B6DE; border-radius: 10px 10px 0 0;}
.dic .basic .qna .question.on .text{color: #fff;}
.dic .basic .qna .question.on .letter{color: #fff;}
.dic .basic .qna .question.on .icon.toggle{background-position: 0 -280px;}
.dic .basic .qna .letter{font-size: 24px; font-weight: 400; width: 34px;}
.dic .basic .qna .answer{display:none; padding: 38px 50px 50px 18px; background: #fff; border-radius: 0 0 10px 10px;}
.dic .basic .qna .answer .table{display: table;}
.dic .basic .qna .answer .letter{display: table-cell;}
.dic .basic .qna .answer .answer-area{display: table-cell;}
.dic .basic .qna .answer .answer-area em{display: inline-block; margin-right: 30px; color: #33648C; font-size: 16px; font-weight: 500; margin-bottom: 5px;}
.dic .basic .qna .answer .answer-area .tag{display: inline-block; background: #747DBC; padding: 2px 8px; color: #fff; margin-right: 7px; font-weight: 400; font-size: 15px;}
.dic .basic .qna .answer .answer-area .tag.new{background: #6789A5;}
.dic .basic .qna .answer .answer-area .text-area{margin-top: 23px; font-size: 16px;}
.dic .basic .qna .answer .answer-area .text-area .title{display:block; margin-bottom: 8px; color: #284963;}
.dic .basic .qna .answer .answer-area .text-area .text{line-height: 1.8em; color: #656565;}


/* ¾çÀ°°ú ±³Àç  - °¡½ºÆç */
/* .study section.top .list button{width: 50%;} */
.study section.top .list button{width: 25%;}

.study section.curri{background: #fff;}
.study section.curri h3.h3-1{padding-top: 65px;}
.study section.curri .article:nth-of-type(1) h3.h3-1{padding-top: 0;}
.study section.curri .curri-wrap:nth-of-type(1){border-bottom: 1px dashed #E2E2E2; padding-bottom: 30px; margin-bottom: 20px; padding-top: 15px;}
.study section.curri dl{width: 14.583333%; margin-right: 2.5%; float: left;}
.study section.curri dl:nth-child(6n){margin-right: 0;}
.study section.curri dl dt{text-align: center; font-size: 16px; padding-bottom: 10px; color: #284963;}
.study section.curri dl dd{display: table; position:relative; width:100%; background: #E6EDF5; border-radius: 10px; height: 90px; color: #929CAA; text-align: center; font-size: 15px; padding: 5px; box-sizing: border-box; overflow: hidden;}
.study section.curri dl.old1 dd{color: #fff; cursor: pointer; background: #F1C40F;}
.study section.curri dl.old2 dd{color: #fff; cursor: pointer; background: #C1B688;}
.study section.curri dl.old3 dd{color: #fff; cursor: pointer; background: #8CB498;}
.study section.curri dl.old4 dd{color: #fff; cursor: pointer; background: #FFA7A7;}
.study section.curri dl.old5 dd{color: #fff; cursor: pointer; background: #84BAD4;}
.study section.curri dl.old6 dd{color: #fff; cursor: pointer; background: #C4A4CB;}
.study section.curri dl.new1 dd{color: #fff; cursor: pointer; background: #D4DE7E;}
.study section.curri dl.new2 dd{color: #fff; cursor: pointer; background: #A7D8DC;}
.study section.curri dl.new3 dd{color: #fff; cursor: pointer; background: #f8b74a;}
.study section.curri dl.new4 dd{color: #fff; cursor: pointer; background: #85AEA6;}
.study section.curri dl dd:after{content: "Ãâ°£¿¹Á¤"; display: block; width: 100%; height: 90px; background: rgba(114,129,149,0.7); color: #fff; position: absolute; top: 0; left: 0; border-radius: 10px; padding-top: 33px; box-sizing:border-box; transition: 0.1s all; opacity: 0;}
.study section.curri dl.open dd:after{content: "¹Ù·Î°¡±â > "; background: rgba(0,0,0,0.7);}

.study section.curri dl dd:hover:after{opacity: 1;}
.study section.curri dl dd:focus:after{opacity: 1;}

.study section.curri dl dd span{display: table-cell;  vertical-align: middle; word-break: keep-all; font-size: inherit; color: inherit;}

.discipling h4{font-size: 20px; background: #EFF5F8; padding: 6px 20px; border-radius: 10px; font-size: 20px; font-weight: 400; color: #33648C;}
.discipling h4 span.sky-text{font-size: 24px; vertical-align: middle;}
.discipling h4 em{vertical-align: middle; font-size: inherit; color: inherit;}
.discipling section.about .menu-list .left{width: 49%; margin-right: 2%}
.discipling section.about .menu-list .right{width: 49%;}
.discipling section.about .menu-list ul{padding: 25px 0 30px;}
.discipling section.about .menu-list ul li:before{display: none;}
.discipling section.about .menu-list ul li{color: #284963; padding-left: 55px; line-height: 1.6em;}
.discipling section.about .menu-list ul li span{color: #33648C}
.discipling section.about .menu-list .half ul{width: 50%; margin-right: 0;}
.discipling section.books{background: #fff; padding-top: 0;}
.discipling section.books .img-wrap{margin-top: 0;}
.discipling section.books .img-wrap li{width: 18.8%; float: left; padding-left: 0; margin-right: 1.5%;}
.discipling section.books .img-wrap li:last-of-type{margin-right: 0;}

/* ¾çÀ°°ú ±³Àç  - ¼º°æŽÇè */
.vision.adventure section.middle .discribe .left img {max-width: 218px;}

.adventure .structure {background-color: #fff;}
.adventure .structure .w800 > div {width: 48%;}
.adventure .structure h4 {width: 100%; height: 42px; background-color: #EFF5F8; border-radius: 10px;}
.adventure .structure h4 em {font-family: "Noto Sans CJK KR"; font-size: 20px; font-weight: 500; color: #33648C; margin-left: 9px; line-height: 42px;}
.adventure .structure h4 em.bold {font-family: "Roboto"; font-size: 24px; font-weight: 500; color: #559BD3; margin-left: 20px;}
.adventure .structure .w800 > div ul {margin-top: 21px; margin-left: 20px;}
.adventure .structure ul li {font-size: 16px; font-weight: 400; color: #284963; line-height: 27px;}
.adventure .structure ul li .week {font-size: 16px; font-weight: 400; color: #33648C; width: 20%; /* border: 1px solid green; */}
.adventure .structure ul li span:last-of-type {/* border: 1px solid red; */ vertical-align: top;} 
.adventure .structure .left ul li:first-of-type span {margin-bottom: 25px; width: 100%;}
.adventure .structure .right ul li:last-of-type span {margin-top: 25px; width: 100%;}

.adventure section.guide{background: #FFFDF0;}
.adventure .guide h3 .number{font-weight: 500; color: #fff; display: inline-block; width: 22px; height: 22px; border-radius: 50%; background: #A27450; text-align: center; margin-top: -3px; line-height: 22px; margin-right: 5px;}
.adventure .guide h3{font-size: 20px; font-weight: 500; color: #33648C; margin-bottom: 30px;}
.adventure .guide h3 span{vertical-align: middle; color: inherit; font-weight: inherit; font-size: inherit;}
.adventure .guide h3 .brown-text{color: #A27450; font-size: inherit; font-weight: inherit; vertical-align: middle; margin-right: 8px;}
.adventure section.guide a {border: 1px solid #ccc;}
.adventure section.guide a:first-of-type {margin-bottom: 42px;}

.adventure section.bottom {padding: 100px 0;}

/* ¾çÀ°°ú ±³Àç  - ±ô³î È÷ºê¸®¾î */
.vision.amazing section.middle .discribe .left img {max-width: 218px;}

.vision.amazing section.feature {background: #fff;}
.vision.amazing section.feature p {font-family: "Noto Sans CJK KR"; font-size: 18px; font-weight: 400; color: #284963; line-height: 1.8em;}
.vision.amazing section.feature p.second {margin-top: 14px;}

.amazing .structure {background-color: #fff; padding-top: 0;}
.amazing .structure .structure-img img {max-width: 156px; margin-top: 16px;}
.amazing .structure .structure-wrap {margin-top: 35px;}
.amazing .structure .structure-wrap .set{overflow: hidden; margin-bottom: 28px;}
.amazing .structure .structure-wrap .set div{width: 49%;}


.amazing .structure h4 {width: 100%; background-color: #EFF5F8; border-radius: 10px; box-sizing: border-box;}
.amazing .structure h4 em {display: inline-block; font-family: "Noto Sans CJK KR"; font-size: 20px; font-weight: 500; color: #33648C; line-height: 42px;}
.amazing .structure h4 em:last-of-type {vertical-align: top; display: inline-block; height: auto; width: 85%;}
.amazing .structure h4 em.bold {font-family: "Roboto"; font-size: 24px; font-weight: 500; color: #559BD3; margin-left: 20px; vertical-align: top; width: 9%;}
.amazing .structure .w800 > div ul {margin-top: 21px; width: 314px; margin-left: 60px; box-sizing: border-box;}
.amazing .structure ul li {font-size: 16px; font-weight: 400; color: #284963; line-height: 27px;}


.amazing section.guide{background: #FFFDF0;}
.amazing .guide h3 .number{font-weight: 500; color: #fff; display: inline-block; width: 22px; height: 22px; border-radius: 50%; background: #A27450; text-align: center; margin-top: -3px; line-height: 22px; margin-right: 5px;}
.amazing .guide h3{font-size: 20px; font-weight: 500; color: #33648C; margin-bottom: 30px;}
.amazing .guide h3 span{vertical-align: middle; color: inherit; font-weight: inherit; font-size: inherit;}
.amazing .guide h3 .brown-text{color: #A27450; font-size: inherit; font-weight: inherit; vertical-align: middle; margin-right: 8px;}
.amazing section.guide a {border: 1px solid #ccc; margin-bottom: 42px;}
.amazing section.guide a:last-of-type {margin-bottom: 0px;}

.amazing section.bottom {padding: 100px 0}

/* Âü°í µµ¼­ */
.books-list-set  h2{text-align: center; position: relative; font-size: 26px; text-align: center; letter-spacing: -1px; word-break: keep-all; font-weight: 500; line-height: 1.4em;}
.books-list-set  h2>select{font-size: inherit; color: inherit; background-color: transparent; background-image: url(/duranno/img/bible-h2-select.svg); background-position: 88% 50%; border: 0; font-weight: inherit; border: 1px solid #bbb; border-radius: 0; margin-bottom: 10px; padding-left: 15px;}
.books-list-set h2 span{display: block; padding: 5px; font-weight: 400; font-size: 18px; color: #666666; letter-spacing: -1px; line-height: 1.7em;}
.books-list-set .point{font-size: inherit; font-weight: inherit; color: #E46287}
.books-list-set .list{padding: 35px 25px; background: rgba(255,255,255,1); box-shadow: 0 3px 4px rgba(0,0,0,0.16);}
.books-list-set .list dl{width: 20%; float: left; padding: 25px 20px; box-sizing:border-box; text-align: center;}
.books-list-set .list dl dt img{width: 100%; box-sizing: border-box; border: 1px solid #e1e1e1;}
.books-list-set .list dl{font-size: 16px; color: #333;}
.books-list-set .list dl dd{font-size: inherit; color: inherit; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; height: 24px; font-weight: 500;}
.books-list-set .list dl dd.dd2{font-size: 0.875em; margin-top: 0; line-height: 20px; height: 20px; color: #666; font-weight: 400; margin-top: 5px;}
.books-list-set .list dl dd.dd2.tag{display: inline-block; width: auto; padding: 2px 15px; margin-top: 7px; background: #E0F0FC; color: #3683C1; font-size: 12px; font-weight: 400; border-radius: 12px;}

@media screen and (max-width: 1023px){

	/* ºñÀüÅ뵶 */
	.vision section{padding-left: 16px; padding-right: 16px; box-sizing: border-box;}
	
	.vision section > div {padding: 0 23px; box-sizing: border-box;}


	.woori .read-web{display: none;}
	.woori .read-mobile{display: block;}
	.woori .read .bible{background: #fff; height: auto; padding: 45px 16px; box-sizing: border-box;}
	.woori .read .bible ul{width: 100%;}
	.woori .read2{padding-top: 50px;}

	.dic .box h3,
	.dic .box h4,
	.dic .box h5,
	.dic .box ol{margin-left: 5%; width: 62%;}

}
@media screen and (max-width: 649px){

	/* ºñÀüÅ뵶 */
	.vision section{padding: 50px 16px;}
	.vision section.top{padding-top: 15px; }
	.vision section.top .list{margin-bottom: 0;}
	.vision section.top .list button{width: 33.3333%; font-size: 14px; height: 50px; line-height: 50px;}
	.vision .h2-1{font-size: 30px; padding-bottom: 40px;}
	.vision section.middle .discribe .left{float: none; width: 100%; padding-right: 0;}
	.vision section.middle .discribe .left img{margin: 0 auto; display: block;}
	.vision section.middle .discribe .right{float: none; width: 100%; text-align: center;}
	.vision section.middle .discribe .right h3{padding-top: 40px; font-size: 24px;}
	.vision section.middle .discribe .right .big{font-size: 30px;}
	.vision section.middle .discribe .right .link{padding: 40px 30px 0; box-sizing: border-box; text-align: center;}
	.vision section.middle .discribe .right .link button{width: 47.5%; margin-bottom: 18px; margin-left: 3%;}
	.vision section.middle .discribe .right .link button:nth-child(3){margin-left: 0; margin-bottom: 0;}
	.vision section.middle .discribe .right .link button:nth-child(4){margin-bottom: 0;}
	.vision section.middle .discribe .right .link.one button{float: none; margin-right: auto; margin-left: auto; width: 47.5%;}
	.vision section.middle .discribe .right .link.two button:nth-child(2){float: left; margin-left: 0;}
	.vision section.middle .discribe .right .link.three button{float: left; margin-left: 0;}
	.vision section.middle .discribe .right .link.three button:nth-child(2){float: right;}
	.vision section.middle .discribe .right .link.three button:last-child{width: 47.5%; margin: 0 auto; float: none; display: block;}
	.vision section.middle .discribe .right .bold{padding: 40px 30px 0; word-break: keep-all;}
	.vision section.bottom{padding: 5px 0 70px;}

	.vision section.guide{overflow-x: hidden;}
	.vision section.guide h2{font-size: 24px; line-height: 1.6em; padding-bottom: 40px;}
	.vision section.guide img.web{display: none;}
	.vision section.guide img.mobile{display: block; width: 110%; margin-left: -5%; box-sizing: content-box;}
	.vision section.guide .discribe ul{float: none;}
	.vision section.guide .discribe dl{float: none; padding-top: 50px;}
	.vision section.download h3{font-size: 24px; padding-bottom: 40px;}
	.vision section.download h3 span{display: inline-block;}
	.vision section.download .discribe .icon.help{margin-bottom: 10px;}
	.vision section.download .discribe .file-wrap{padding: 25px 0; margin: 30px auto;}
	.vision section.download .discribe .file-wrap dl dt{width: 94px; height: 94px;}
	.vision .sub-text{text-align: center;}
	.vision .sub-text span{display: inline-block;}
	.vision h3.h3-1{font-size: 22px;}
	.vision h3.h3-1:before{height: 22px; margin-top: -4px;}
	.vision section.feature ul{background: #F0F7EF; padding: 0;}
	.vision section.feature ul li{margin-bottom: 15px; font-size: 15px;}
	.vision section.feature ul li .sub-text{text-align: left;}
	.vision section.feature ul li .text{line-height: 1.6em;}
	.vision02 section.guide h2 .number{width: 90px; height: 36px; line-height: 36px; font-size: 20px;}
	.vision03 section.guide h3{font-size: 18px; margin-top: 40px; margin-bottom: 20px;}
	.vision03 section.preview .list2{background: #F0F7EF; padding: 0; margin-top: 40px;}
	.vision03 section.preview .list2 li{margin-bottom: 10px;}
	.vision03 section.preview .list2 li:last-child{margin-bottom: 0px;}
	.vision03 section.preview .list2 li span{display: block;}
	.vision04 .structure .left{width: 100%;}
	.vision04 .structure .right{width: 100%; margin-top: 50px;}

	/* ¿ª»çÁö¸® */
	.geo section.feature.add-img{background: #FAFEF9;}
	.geo section.feature.add-img.mobile-botop{border-top: 1px solid #C9D1C7;}
	.geo .feature-wrap section.feature,
	.geo .feature-wrap section.feature:last-child{padding-bottom: 50px;}
	.vision section.feature.add-img dl{padding: 0;}
	.vision section.feature.add-img dl .cell{display: block;}
	.vision section.feature.add-img dl dt{padding-right: 0;}
	.vision section.feature.add-img dl ul{padding: 30px 0 0;}
	.vision section.feature.add-img dl ul li{margin-bottom: 20px;}


	/* ´õ¹ÙÀ̺í */
	.vision .guide ul.title-list li{margin-bottom: 40px;}
	.vision .guide ul.title-list li .title{font-size: 18px; padding-bottom: 15px;}
	.vision .guide ul.title-list li .box{padding: 20px 16px; border-radius: 10px;}


	/* ±×¸®´Â ¼º°æ */
	.drawing section.feature.first .bible-img {margin-left: 0; text-align: center;}
	.drawing section.feature.second .bible-img {margin-left: 0; text-align: center;}
	.drawing section.feature.first .intro{overflow: hidden; margin-top: 35px;}
	.drawing section.feature.first .intro .left{width: 80%; padding: 0 40px 0;}
	.drawing section.feature.first .intro .right{width: 80%; padding: 0 40px 0; float: none;}
	.drawing section.feature.second .intro .left{width: 80%; padding: 0 40px 0;}
	.drawing section.feature.second .intro .right{width: 80%; padding: 0 40px 0; float: none;}


	/* ÇÊ»ç ¼º°æ */
	.writing section.textbook .img-wrap li{width: 49%; margin-right: 2%; margin-top: 30px;}
	.writing section.textbook .img-wrap li:first-child{margin-top: 0;}
	.writing section.textbook .img-wrap li:nth-child(2){margin-top: 0;}
	.writing section.textbook .img-wrap li:nth-child(3),
	.writing section.textbook .img-wrap li:nth-child(4)	{margin-top: 30px;}
	.writing section.textbook .img-wrap li:nth-child(even){margin-right: 0;}


	/* º¸¶ó Å뵶 */
	.bora .structure .w800 > div {width: 100%;}
	.bora .structure .w800:last-child div:nth-of-type(3) {margin-bottom: 28px;}
	.bora .structure h4 em {display: inline-block; margin-left: 0; font-size: 17px;}
	.bora .structure h4 em.bold {margin-left: 10px; width: 27%; vertical-align: top; font-size: 20px;}
	.bora .structure h4 em:last-of-type {width: 66%; margin-left: 3px;}
	.bora .structure .w800 > div ul {padding: 0 10px;}
	.bora .structure ul li:first-of-type span,
	.bora .structure ul li:last-of-type span {display: inline;}
	.bora .structure ul li p {width: 18%; margin-right: 2px;} 
	.bora .structure ul li span {width: 79.5%;}
	

	/* ¿ì¸®¸» ¼º°æ */
	.woori section.top .list button{width: 50%;}
	.woori section.about .context{font-size: 16px;}
	.woori section.about .article{overflow-x: 0;}
	.woori section.about .box{width: 110%; margin-left: -5%; border-radius: 0;}
	.woori section.about ol li{margin-bottom: 15px; font-size: 15px; line-height: 1.6em;}
	.woori section.about h3.h3-1{padding-top: 40px; padding-bottom: 20px;}
	.woori section.about .inner dl{width: 100%; padding: 30px 0; border-bottom: 1px dashed #E2E2E2;}
	.woori section.about .inner:first-of-type dl:first-of-type{padding-top: 0;}
	.woori section.about .inner:last-of-type dl:last-of-type{padding: 30px 0 0; border-bottom: 0;}
	.woori section.about .article .inner{padding: 0; border-bottom: 0;}
	.woori .read h3.h3-1{padding-left: 16px; padding-right: 16px;}
	.woori section.middle{padding-left: 0; padding-right: 0;}
	.woori section.middle.pd-16{padding-left: 16px; padding-right: 16px;}
	.woori .kinds{padding: 0 16px 45px; box-shadow: none;}
	.woori .kinds h3.h3-1{padding-top: 45px;}
	.woori .kinds ul li{width: 49%; margin-right: 2%; margin-left: 0; margin-bottom: 2%;}
	.woori .kinds ul li:nth-child(even){margin-right: 0; margin-bottom: 0;}
	.woori .kinds ul li:nth-child(3n){margin-bottom: 0;}
	.woori .read .pray{border-radius: 0; box-shadow: none;}
	.woori .read .pray dl{float: none; width: 100%; padding: 0 30px; margin-bottom: 45px;}
	.woori .read .pray dl:last-child{margin-bottom: 0;}
	.woori .read .sub-text{font-weight: 400;}



	.dic .box{position: relative; border-radius: 0; box-shadow: none; padding: 103px 16px 30px; margin-bottom: 20px}
	.dic .box:first-of-type{margin-top: 50px;}
	.dic h3.h3-1{font-size: 24px;}
	.dic .box h3{width: 100%; float: none; text-align: center; margin-left: 0; position: absolute; top: 45px; left: 0; font-size: 24px;}
	.dic .box img{float: none; width: 100%; display: block; margin: 0 auto; max-width: 250px;}
	.dic .box h4{float: none; width: 100%; margin: 0; margin-top: 30px;text-align: center;font-size: 18px;}
	.dic .box h5{float: none; width: 100%; margin: 0; margin-top: 30px;}
	.dic .box ol{float: none; width: 100%; margin: 0; margin-top: 30px; padding: 20px 16px;}
	.dic .box ol li{margin-bottom: 0; line-height: 1.6em;}
	.dic .inner-btn{text-align: center;}
	.dic .inner-btn button:nth-child(3){margin-top: 10px;}
	.dic.woori section.middle.basic{padding-left: 16px; padding-right: 16px;}
	.dic .basic.blue-back{padding-left: 16px; padding-right: 16px; padding-bottom: 100px; box-sizing: border-box;}
	.dic .basic h3{font-size: 18px;}
	.dic .basic h3 .pink-text{line-height: 17px;}	
	.dic .basic select{margin-bottom: 10px;}
	.dic .basic .qna .question .text{font-size: 17px;}
	.dic .basic .qna .answer{padding: 20px 16px;}
	.dic .basic .qna .answer .answer-area em{display: block;}
	.dic .basic .qna .answer .answer-area .text-area span{margin-left: -32px;}


	/* ¾çÀ°°ú ±³Àç */
	.study section.middle{padding-left: 16px; padding-right: 16px;}
	.study section.no1 .discribe .left img{padding-top: 110px;}
	.study section.no1 .discribe .right img{width: 90%; max-width: 270px; position: absolute; top: 40px; left: 50%; margin-left: -135px;}
	.study section.no1 .discribe .right .bold{padding-top: 0;}
	.study section.no1{padding-bottom: 55px}
	.study section.curri dl{margin-right: 4%; width: 30.66666%;}
	.study section.curri dl:nth-child(1){margin-bottom: 25px;}
	.study section.curri dl:nth-child(2){margin-bottom: 25px;}
	.study section.curri dl:nth-child(3){margin-bottom: 25px;}
	.study section.curri dl:nth-child(3n){margin-right: 0;}
	.study section.curri dl dd:hover:after{opacity: 0;}
	.study section.curri dl dd:focus:after{opacity: 0;}

	.discipling section.no1 .discribe .left img{padding-top: 70px;}
	.discipling section.about .menu-list .left{float: none; width: 100%;}
	.discipling section.about .menu-list .right{float: none; width: 100%;}
	.discipling section.about .menu-list .right h4{margin-bottom: 40px;}
	.discipling section.about .menu-list ul li{padding-left: 20px;}
	.discipling section.about .menu-list .half ul:nth-of-type(1){padding-bottom: 0; width: 100%;}
	.discipling section.about .menu-list .half ul:nth-of-type(2){padding-top: 0; width: 100%;}
	.discipling section.about .menu-list .img-wrap{margin-top: 20px;}
	.discipling section.books .img-wrap li{width: 49%; margin-right: 2%; margin-top: 30px;}
	.discipling section.books .img-wrap li:first-child{margin-top: 0;}
	.discipling section.books .img-wrap li:nth-child(2){margin-top: 0;}
	.discipling section.books .img-wrap li:nth-child(even){margin-right: 0;}

	/* ¾çÀ°°ú ±³Àç  - ¼º°æŽÇè */
	.study section.top .list button{width: 50%;}
	.adventure .structure .w800 > div {width: 100%;}
	.adventure .structure .w800 .right {margin-top: 42px;}
	.adventure .structure ul li .week {width: 30%;}
	.adventure .structure ul li span:last-of-type {width: 70%;}
	.vision.adventure section.bottom {padding: 50px 0 50px}

	/* ¾çÀ°°ú ±³Àç  - ±ô³î È÷ºê¸®¾î */
	/* .amazing .structure .structure-wrap {border: 1px solid blue;} */
	.amazing .structure .structure-wrap .set{margin-bottom: 0;}
	.amazing .structure .structure-wrap .set div{width: 100%; margin-bottom: 28px;}

	.amazing .structure h4 {height: 100%; background-color: #EFF5F8; border-radius: 10px;}
	.amazing .structure h4 em:last-of-type{ width: 80%; margin-left: 8px;}
	.amazing .structure h4 em.bold {margin-left: 10px;}
	.amazing .structure .w800 > div ul {width: 100%; padding-left: 50px; margin-left: 0;}

	/* Âü°íµµ¼­ */
	.books-list-set section.top{padding-top: 50px;}
	.books-list-set section.middle{padding-left: 0; padding-right: 0;}
	.books-list-set .list{padding: 30px 5px; box-shadow: none;}
	.books-list-set .list dl{width: 50%; padding: 15px;}
}