@charset "utf-8";
@import url(style.css);


/* common */ 

body {min-width: 320px;}
.center_align {width: 1200px;}


/* input select textarea */

.fileB .fileB_btn:hover {background-color: #005dab;}


/* header */

header {position: relative; z-index: 100;}
header a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

header .inner {position: relative; width: 100%; background-color: #fff; text-align: right; z-index: 100;}
header .inner_top {background-color: #f0f0f0; text-align: right;}

header .logo {position: absolute; top: 21px; left: 0;}
header .logo a {width: 300px; height: 41px; font-size: 0; text-indent: -9999px; background: url(../img/common/logo.png) center center no-repeat; text-align: left;}

header .util {display: inline-block; vertical-align: top;}
header .util ul {padding: 12px 0;}
header .util ul li {position: relative; margin-left: 10px; padding-left: 10px;}
header .util ul li:before {display: block; content: ""; position: absolute; top: 50%; left: 0; margin-top: -1px; width: 2px; height: 2px; background-color: #5f5c5b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
header .util ul li:first-child::before {display: none;}
header .util ul li a {line-height: 24px; font-size: 12px; color: #5f5c5b;}
header .util ul li a:hover {color: #ff9b00;}

header .nav_btn {display: none; position: absolute; top: 0; left: 0; padding: 30px; width: 90px; height: 90px; line-height: 0; box-sizing: border-box; cursor: pointer;}
header .nav_btn span {display: inline-block; margin: 3px 0; width: 30px; height: 4px; background-color: #005dab; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; vertical-align: top;}
header .nav_btn.on .bar1 {-webkit-transform: rotate(-45deg) translate(-7px, 7px); transform: rotate(-45deg) translate(-7px, 7px);}
header .nav_btn.on .bar2 {opacity: 0;}
header .nav_btn.on .bar3 {-webkit-transform: rotate(45deg) translate(-7px, -7px); transform: rotate(45deg) translate(-7px, -7px);}

header .gnb {display: inline-block; vertical-align: top;}
header .gnb > ul {display: inline-block; vertical-align: top;}
header .gnb > ul > li {position: relative; padding: 20px 0; text-align: center;}
header .gnb > ul > li > a {display: block; position: relative; margin: 0 20px; padding: 10px; line-height: 30px; font-size: 22px; color: #1f1815; font-weight: bold;}
header .gnb > ul > li:hover > a,
header .gnb > ul > li > a:hover,
header .gnb > ul > li.on > a {color: #ff9b00;}

header .gnb .dep2 {display: none; position: absolute; top: 100%; left: 50%; margin-left: -70px; width: 140px; background-color: #fff; z-index: 1;}
header .gnb .dep2:before {display: block; content: ""; position: absolute; top: -20px; left: 50%; margin-left: -9px; width: 18px; height: 11px; background: url(../img/common/gnb_hover.png) center center no-repeat;}
header .gnb li.open .dep2 {display: block;}
header .gnb .dep2 li {}
header .gnb .dep2 li a {display: block; padding: 10px; line-height: 20px; font-size: 17px; color: #666;}
header .gnb .dep2 li a:hover,
header .gnb .dep2 li.on a {color: #1f1815; background-color: #e9b952;}

header .search_btn_m {display: none; position: absolute; top: 0; right: 0; width: 90px; height: 90px; font-size: 0; background: url(../img/common/search.png) center center no-repeat; text-align: left;}

header .search {display: inline-block; position: relative; margin: 30px 0 33px 10px; padding: 2px 25px 0 0; vertical-align: top;}
header .search_input {padding: 0; width: 180px; height: 25px; background-color: transparent; border: 0; border-bottom: 2px solid #747474;}
header .search_btn {position: absolute; top: 0; right: 0; width: 23px; height: 23px; font-size: 0; text-indent: -9999px; background: url(../img/common/search.png) center center no-repeat; text-align: left;}

	@media (max-width: 1280px){
		header {height: 90px;}
		header .inner {position: fixed; top: 0; left: 0;}
		header .inner_top {display: none;}
		body.mfixed header .inner {position: fixed; top: 0; left: 0;}
		header .inner {box-shadow: 0 0 5px rgb(0 0 0 / 0.3);}

		header .logo {position: relative; top: 0; text-align: center;}
		header .logo a {height: 90px; background-position: center 20px;}

		header .nav_btn,
		header .search_btn_m {display: block;}

		header .gnb {display: none;}

		header .search {display: none; position: absolute; top: 90px; left: 0; margin: 0; padding: 20px 100px 20px 30px; width: 100%; background-color: #f0f0f0;}
		header .search.on {display: block;}
		header .search_input {width: 100%;}
		header .search_btn {top: 20px; right: 30px; width: 60px; height: 25px; line-height: 25px; font-size: 16px; color: #fff; text-indent: 0; background: #747474; text-align: center;}
	}
	@media (max-width: 767px) {
		header,
		header .inner {height: 60px;}
		header .inner {position: fixed; top: 0; left: 0;}

		header .logo a {width: 200px; height: 60px; background-position: center 12px; -webkit-background-size: 100% auto; background-size: 100% auto;}

		header .nav_btn {padding: 15px; width: 60px; height: 60px;}

		header .search_btn_m {width: 60px; height: 60px;}

		header .search {top: 60px; padding: 20px 85px 20px 15px;}
		header .search_btn {right: 15px; font-size: 13px;}
	}
	@media (max-width: 320px) {
		header .logo a {width: 135px;}
	}


/* mobile nav */

.nav_wrap {display: none !important; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 98;}
.nav_wrap:after {display: block; content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba( 0, 0, 0, 0.5 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 )";}
.nav_wrap.on {display: block;}
.nav_wrap a,
.nav_wrap span {display: inline-block; vertical-align: top;}
.nav_wrap a {text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.nav_wrap .panel {position: relative; padding: 90px 0 60px; width: 400px; max-width: 80%; height: 100%; background-color: #fff; z-index: 1; overflow-y: auto;}

.nav_wrap .log {padding: 20px 30px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
.nav_wrap .log li {position: relative; margin-left: 10px; padding-left: 10px;}
.nav_wrap .log li + li:before {display: block; content: ""; position: absolute; top: 50%; left: 0; margin-top: -5px; width: 1px; height: 10px; background-color: #111418;}
.nav_wrap .log li a {line-height: 33px; font-size: 16px; color: #111418;}

.nav_wrap .depth {} 
.nav_wrap .depth > li {border-bottom: 1px solid #ccc;}
.nav_wrap .depth > li > a {display: block; position: relative; padding: 0 30px; line-height: 60px; font-size: 20px; color: #111418; font-weight: 500;}
.nav_wrap .depth > li > a:after {display: block; content: ""; position: absolute; top: 0; right: 30px; width: 15px; height: 100%; background: url(../img/common/gnb_depth_off.png) center center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;}
.nav_wrap .depth > li.on > a {color: #ff9b00;}
.nav_wrap .depth > li.on > a:after {background-image: url(../img/common/gnb_depth_on.png);}

.nav_wrap .depth ul.depth2 {display: none; padding: 20px 0; border-top: 1px solid #ccc;}
.nav_wrap .depth li.on ul.depth2 {display: block;}
.nav_wrap .depth ul.depth2 li {}
.nav_wrap .depth ul.depth2 li a {display: block; padding: 0 30px; line-height: 45px; font-size: 18px; color: #666;}
.nav_wrap .depth ul.depth2 li a:hover,
.nav_wrap .depth ul.depth2 li.on a {color: #1f1815; background-color: #e9b952;}

	@media (max-width: 1280px) {
		.nav_wrap.on {display: block !important;}
	}
	@media (max-width: 767px) {
		.nav_wrap .panel {padding-top: 60px;}

		.nav_wrap .log {padding: 10px 15px;}
		.nav_wrap .log li a {font-size: 15px;}

		.nav_wrap .depth > li > a {padding: 0 15px; line-height: 55px; font-size: 17px;}
		.nav_wrap .depth ul.depth2 li a {padding: 0 15px; line-height: 40px; font-size: 15px;}
	}


/* footer */

footer {background-color: #2e302f; text-align: center;}
footer a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

footer .inner {padding: 40px 0;}

footer .logo {position: relative; margin-bottom: 20px;}
footer .logo a {width: 202px; height: 35px; font-size: 0; text-indent: -9999px; background: url(../img/common/logo_footer.png) center center no-repeat; text-align: left;}

footer p {line-height: 1.6em; font-size: 14px; color: #fff; opacity: 0.3;}
footer p.copy {margin-top: 10px;}

	@media (max-width: 1280px) {
	}
	@media (max-width: 767px) {
		footer .logo a {width: 140px; -webkit-background-size: 100% auto; background-size: 100% auto;}

		footer p {font-size: 13px;}
	}
	@media (max-width: 320px) {
		footer p {font-size: 12px;}
	}



/* quick */

#quick {position: absolute;top: 150px;right: 50px;width: 115px;z-index: 99;}
#quick .box_ul {padding: 15px 0 35px; background-color: #fff; border: 1px solid #d1d1d1;}
#quick .box_ul ul {}
#quick .box_ul ul li {}
#quick .box_ul ul li a {display: block; padding: 65px 5px 5px; height: 95px; font-size: 16px; color: #666; font-weight: bold; background-position: center 15px; background-repeat: no-repeat; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#quick .box_ul ul li a:hover {color: #005dab; background-color: #f0f0f0;}
#quick .box_ul ul li.i01 a {background-image: url(../img/common/quick_icon_1.png);}
#quick .box_ul ul li.i02 a {background-image: url(../img/common/quick_icon_2.png);}
#quick .box_ul ul li.i03 a {background-image: url(../img/common/quick_icon_3.png);}
#quick .box_ul ul li.i04 a {background-image: url(../img/common/quick_icon_4.png);}

#quick .top_btn {display: block; margin: -25px auto 0; width: 50px; height: 50px; font-size: 0; background: url(../img/common/quick_top.png) center center no-repeat; border: 0; text-align: left;}

/* #quick .box_cs {margin-top: 20px; padding-top: 55px; background: url(../img/common/quick_icon_cs.png) center 0 no-repeat;} */
#quick .box_cs {margin-top: 20px; padding-top: 0px;}
#quick .box_cs dl {background-color: #fff; border: 1px solid #d1d1d1; text-align: center;}
#quick .box_cs dl dt,
#quick .box_cs dl dd {font-size: 16px; font-weight: 900;}
#quick .box_cs dl dt {line-height: 40px; color: #fff; background-color: #3f3f3f;}
#quick .box_cs dl dd {letter-spacing: -1px;}

	@media (max-width: 1280px) {
		#quick {right: 15px;}
	}
	@media (max-width: 991px) {
		#quick {display: none;}
	}


/* button */

.button,
.button > div {font-size: 0;}
.button {position: relative; margin-top: 50px; text-align: center;}
.button > .float_left {text-align: left;}
.button > .float_right {text-align: right;}

.btn {display: inline-block;min-width: 120px;max-width: 100%;padding: 5px 10px;height: 50px;line-height: 40px;font-size: 18px;color: #fff;background-color: #828282;border: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;vertical-align: top;}
.btn + .btn {margin-left: 10px;}


.btn.big {height: 80px; line-height: 70px; font-size: 24px;}

.btn.half {margin-left: 0 !important; width: 50% !important;}
.btn.full {margin-left: 0 !important; width: 100% !important;}

.btn.double {width: 49% !important;}
.btn.double + .btn.double {margin-left: 2% !important;}

.btn.triple {width: 23% !important;}
.btn.triple + .btn.triple {margin-left: 2% !important;}

.btn.color {background-color: #ff9b00 !important;}
.btn.color2 {background-color: #051e3e !important;}

.btn:hover {background: #ea5d27 !important;}

.btn.gray1 {background-color: #999 !important;}
.btn.gray2 {background-color: #666 !important;}
.btn.gray3 {background-color: #333 !important;}

	@media (max-width: 1280px) {
	}
	@media (max-width: 991px) {
		.btn.big {height: 70px; line-height: 60px; font-size: 22px;}
	}
	@media (max-width: 767px) {
		.button {margin-top: 30px;}

		.btn {font-size: 15px;}

		.btn.big {height: 60px; line-height: 50px; font-size: 17px;}
	}
	@media (max-width: 320px) {
		.btn {font-size: 13px;}

		.btn.big {height: 50px; line-height: 40px; font-size: 15px;}
	}


/* table basic */

table.basic {border-top: 2px solid #333;}
table.basic thead {}
table.basic tbody {}
table.basic tr {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
table.basic tr:hover {background-color: #fafafa;}
table.basic tr th,
table.basic tr td {position: relative; padding: 17px 10px; color: #111; border-bottom: 1px solid #ccc; text-align: center; vertical-align: middle;}
table.basic tr th {font-size: 18px;}
table.basic tr th.bg {background-color: #f0f0f0;}
table.basic thead tr th {font-weight: 900; border-bottom: 1px solid #333;}
table.basic tr td,
table.basic tr td a {font-size: 18px;}
table.basic tr td {}
table.basic tr td a {vertical-align: middle;}
table.basic tr td.text_left a:hover {color: #4f93b6; text-decoration: underline;}

	@media (max-width: 1280px) {
		table.basic tr th,
		table.basic tr td,
		table.basic tr td a {font-size: 17px;}
	}
	@media (max-width: 767px) {
		table.basic tr th,
		table.basic tr td {padding: 15px 5px;}
		table.basic tr th,
		table.basic tr td,
		table.basic tr td a {font-size: 15px;}
	}
	@media (max-width: 320px) {
		table.basic tr th,
		table.basic tr td {padding: 15px 2px;}
		table.basic tr th,
		table.basic tr td,
		table.basic tr td a {font-size: 13px;}
	}



/* pager */

.pager {position: relative; margin-top: 50px; font-size: 0; text-align: center;}
.pager a {margin: 0 2px; width: 45px; height: 45px; line-height: 43px; font-size: 18px; color: #111; border: 1px solid #ccc; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pager a:hover,
.pager a.on {border-color: #4f93b6;}
.pager a.on {color: #fff; background-color: #4f93b6;}

.pager a.prev {margin-right: 10px;}
.pager a.next {margin-left: 10px;}

	@media (max-width: 991px) {
		.pager a {width: 40px; height: 40px; line-height: 38px; font-size: 17px;}
	}
	@media (max-width: 767px) {
		.pager a {width: 35px; height: 35px; line-height: 33px; font-size: 15px;}
	}
	@media (max-width: 320px) {
		.pager a {width: 30px; height: 30px; line-height: 28px; font-size: 13px;}
	}


/* main */

article.main,
article.main section {position: relative;}
article.main section {background-position: center 0; background-repeat: no-repeat;}


/* main visual */

article.main .visual {}
article.main .visual .mv_slide {}
article.main .visual .center_align {width: 970px; height: 100%;}
article.main .visual .mv {height: 452px; background-position: center 0; background-repeat: no-repeat;}
article.main .visual .txt {position: relative; padding-top: 130px; z-index: 1;}
article.main .visual .txt h3 {line-height: 1.3em; font-size: 37px; color: #fff; font-weight: 900;}
article.main .visual .txt h4 {line-height: 1.3em; font-size: 25px; color: #fff; font-weight: 900;}
article.main .visual .txt ul {margin-top: 20px;}
article.main .visual .txt ul li {position: relative;margin-bottom: 5px;font-size: 21px;color: #fff;}
article.main .visual .txt ul li span {position: absolute; top: 0; left: 0; width: 30px; height: 30px; line-height: 30px; color: #fecf6a; font-weight: bold; background-color: #1d3350; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center;}
article.main .visual .thumb {position: absolute; bottom: 0; right: 30px;}

article.main .visual .bx-wrapper .bx-pager {display: none;}

	@media (max-width: 1280px) {
		article.main .visual .thumb {max-width: 50%;}
		article.main .visual .txt {padding-left: 50px;}
	}
	@media (max-width: 991px) {
		article.main .visual .thumb {max-width: 80%;}
		article.main .visual .txt {padding-left: 0;}
	}
	@media (max-width: 767px) {
		article.main .visual .txt {padding-top: 40px;}
		article.main .visual .txt h3 {font-size: 28px;}
		article.main .visual .txt ul li {/* padding-left: 30px; */font-size: 17px;}
		article.main .visual .txt ul li span {margin-top: -2px; width: 24px; height: 24px; line-height: 24px;}
	}
	@media (max-width: 320px) {

		article.main .visual .thumb {max-width: 60%;}
		article.main .visual .txt h3 {font-size: 24px;}
		article.main .visual .txt ul li {font-size: 15px;}
	}



/* main banner */

article.main .banner {}
article.main .banner a {display: block; position: relative;}
article.main .banner .center_align {width: 970px;}
article.main .banner .thumb {position: absolute; top: 0; left: 0;}
article.main .banner .txt {}
article.main .banner .txt.middle {display: inline-block; vertical-align: middle;}
article.main .banner .txt h3 {font-size: 23px; font-weight: bold;}

article.main .banner1 {background-color: #4d93b8;}
article.main .banner1 .center_align {height: 90px; line-height: 90px;}
article.main .banner1 .thumb {width: 1080px; text-align: left;}
article.main .banner1 .thumb:after {display: block; content: ""; position: absolute; top: -7px; left: 0; width: 70px; height: 38px; background: url(../img/main/label_new.png) 0 0 no-repeat;}
article.main .banner1 .txt {padding: 0 235px; width: 100%; text-align: center;}
article.main .banner1 .txt h3 {color: #fff;}
article.main .banner1 .more {position: absolute; top: 50%; right: 60px; margin-top: -18px; width: 140px; line-height: 34px; font-size: 17px; color: #fff; background-color: #175585; border: 1px solid #000; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}

	@media (max-width: 1280px) {
		article.main .banner .thumb {left: 30px;}
		article.main .banner .txt h3 {font-size: 20px;}

		article.main .banner1 .thumb {width: 180px;}
		article.main .banner1 .txt {padding: 0 180px 0 200px;}
		article.main .banner1 .more {right: 30px;}
	}
	@media (max-width: 991px) {
		article.main .banner1 .thumb {width: 160px;}
		article.main .banner1 .txt {padding: 0 160px 0 180px;}
		article.main .banner .txt h3 {font-size: 17px;}
	}
	@media (max-width: 767px) {
		article.main .banner .thumb {left: 15px;}
		article.main .banner .txt h3 {font-size: 15px;}

		article.main .banner1 .thumb {width: 100px;}
		article.main .banner1 .thumb:after {top: -5px; height: 22px; -webkit-background-size: auto 100%; background-size: auto 100%;}
		article.main .banner1 .txt {padding: 0 0 0 110px;}
		article.main .banner1 .more {top: 100%; right: 100%; margin: -31px -115px 0 0; width: 100px; line-height: 24px; font-size: 13px;}
	}
	@media (max-width: 320px) {
		article.main .banner .txt h3 {font-size: 13px;}
	}



/* main bible */

article.main .bible {padding: 100px 0;}

article.main .bible_tabcont_ul {}
article.main .bible_tabcont_ul ul {}
article.main .bible_tabcont_ul ul li {}
article.main .bible_tabcont_ul ul li > div,
article.main .bible_tabcont_ul ul li > a {display: block; position: relative;}
article.main .bible_tabcont_ul ul li .label_online {position: absolute; top: 0; left: 20px; top: 20px; padding-left: 30px; width: 85px; line-height: 25px; font-size: 13px; color: #fff; background-color: #b1b1b1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; overflow: hidden; z-index: 1;}
article.main .bible_tabcont_ul ul li .label_online:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 25px; background: #8e8e8e url(../img/main/label_online.png) center center no-repeat;}
article.main .bible_tabcont_ul ul li.color1 .label_online {background-color: #3c8ba0;}
article.main .bible_tabcont_ul ul li.color2 .label_online {background-color: #ac5656;}
article.main .bible_tabcont_ul ul li.color3 .label_online {background-color: #618045;}
article.main .bible_tabcont_ul ul li.color1 .label_online:before {background-color: #306f80;}
article.main .bible_tabcont_ul ul li.color2 .label_online:before {background-color: #8a4545;}
article.main .bible_tabcont_ul ul li.color3 .label_online:before {background-color: #4e6737;}

article.main .bible_tabcont_ul ul li .thumb {display: flex; position: relative; align-items: flex-end; overflow: hidden;}
article.main .bible_tabcont_ul ul li.color1 .thumb {background-color: #87bbc6;}
article.main .bible_tabcont_ul ul li.color2 .thumb {background-color: #d29a9a;}
article.main .bible_tabcont_ul ul li.color3 .thumb {background-color: #9db585;}

article.main .bible_tabcont_ul ul li .txt {position: relative; padding: 70px 20px 20px; max-height: 100%; overflow: hidden;}
article.main .bible_tabcont_ul ul li .txt h3 {position: relative; margin-bottom: 20px; padding-bottom: 20px; font-size: 25px; color: #1f1815;}
article.main .bible_tabcont_ul ul li .txt h3:after {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 42px; height: 3px; background-color: #1f1815;}
article.main .bible_tabcont_ul ul li .txt h4 {font-size: 20px; color: #1f1815;}
article.main .bible_tabcont_ul ul li .txt p {font-size: 18px; color: #1f1815;}
article.main .bible_tabcont_ul ul li .bottom {position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #b8b8b8;}
article.main .bible_tabcont_ul ul li .bottom:after {display: block; content: ""; position: absolute; top: 0; left: 50%; margin-left: -0.5px; width: 1px; height: 100%; background-color: #b8b8b8;}
article.main .bible_tabcont_ul ul li .bottom a {height: 58px;font-size: 0;text-indent: -9999px;background-position: center center;background-repeat: no-repeat;text-align: left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
article.main .bible_tabcont_ul ul li .bottom a.btn1 {background-image: url(../img/main/bible_btn_1.png);}
article.main .bible_tabcont_ul ul li .bottom a.btn2 {background-image: url(../img/main/bible_btn_2.png);}
article.main .bible_tabcont_ul ul li .bottom a.btn1:hover {background-image: url(../img/main/bible_btn_1_on.png);}
article.main .bible_tabcont_ul ul li .bottom a.btn2:hover {background-image: url(../img/main/bible_btn_2_on.png);}
article.main .bible_tabcont_ul ul li .bottom a.btn2.active {background-image: url(../img/main/bible_btn_2_active.png);}

article.main .bible_tabcont_ul ul li.all_more .txt {padding-top: 120px; text-align: center;}
article.main .bible_tabcont_ul ul li.all_more .txt h3 {margin-bottom: 0; padding-bottom: 105px;}
article.main .bible_tabcont_ul ul li.all_more .txt h3:after {left: 50%; margin-left: -40px; width: 80px; height: 80px; background-color: rgba( 0, 0, 0, 0.2 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#33000000, endColorStr=#33000000 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#33000000, endColorStr=#33000000 )"; background-image: url(../img/main/more.png); background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
article.main .bible_tabcont_ul ul li.all_more > div:hover .txt h3:after,
article.main .bible_tabcont_ul ul li.all_more > a:hover .txt h3:after {background-color: rgba( 0, 0, 0, 0.5 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 )";}



article.main .bible_tabs {margin-bottom: -1px;}
article.main .bible_tabs li {position: relative;}
article.main .bible_tabs li:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #fff; z-index: 1;}
article.main .bible_tabs li:first-child::before {display: none;}
article.main .bible_tabs li a {position: relative; width: 180px; line-height: 58px; color: #1f1815; background-color: #eaedf2; border: 1px solid #eaedf2;text-align: center; outline: none;}
article.main .bible_tabs li a:before {display: block; content: ""; position: relative; top: -1px; left: -1px; width: 180px; height: 6px; background-color: transparent;}
article.main .bible_tabs li.ui-tabs-active a {font-weight: bold; background-color: #fff; border-bottom-color: #fff; border-left-color: #d1d1d1; border-right-color: #d1d1d1; z-index: 2;}
article.main .bible_tabs li.ui-tabs-active a:before {background-color: #3f3f3f;}

article.main .bible_tabslide #bibletabs1,
article.main .bible_tabslide #bibletabs2,
article.main .bible_tabslide #bibletabs3 {position: relative; padding: 60px; border: 1px solid #d1d1d1; z-index: 1;}
article.main .bible_tabslide .bible_tabcont_ul {margin: 0 auto; width: 970px; max-width: 100%;}
article.main .bible_tabslide .bible_tabcont_ul ul {}
article.main .bible_tabslide .bible_tabcont_ul ul li {margin-right: 50px; width: 290px !important;}
article.main .bible_tabslide .bible_tabcont_ul ul li > div,
article.main .bible_tabslide .bible_tabcont_ul ul li > a {height: 420px; background-color: #eaedf2; border: 0;}
article.main .bible_tabslide .bible_tabcont_ul ul li .thumb {height: 330px;}
article.main .bible_tabslide .bible_tabcont_ul ul li .txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
article.main .bible_tabslide .bible_tabcont_ul ul li .txt h3,
article.main .bible_tabslide .bible_tabcont_ul ul li .txt h4 {color: #fff; font-weight: bold;}
article.main .bible_tabslide .bible_tabcont_ul ul li .txt h3 {line-height: 1.2em; margin-bottom: 20px; padding-bottom: 20px;}
article.main .bible_tabslide .bible_tabcont_ul ul li .txt h3:after {width: 35px; background-color: #fff;}
article.main .bible_tabslide .bible_tabcont_ul ul li .txt p {position: absolute; top: 330px; left: 0; padding: 22px 20px; width: 100%;}

article.main .bible_tabslide .bx-wrapper .bx-pager {display: none;}
article.main .bible_tabslide .bx-wrapper .bx-controls-direction a {top: -120px; margin-top: 0; width: 60px; height: 60px; border: 1px solid #d1d1d1;}
article.main .bible_tabslide .bx-wrapper .bx-controls-direction a.bx-prev {left: 100%; margin-left: -8px; background: #fff url(../img/main/bible_prev_2.png) center center no-repeat;}
article.main .bible_tabslide .bx-wrapper .bx-controls-direction a.bx-next {right: -115px; background: #fff url(../img/main/bible_next_2.png) center center no-repeat;}
article.main .bible_tabslide .bx-wrapper .bx-controls-direction a:hover {border-color: #3f3f3f; z-index: 1;}


article.main .bible_tablist {margin-top: 100px;}
article.main .bible_tablist .field_tab {margin-bottom: 60px; border-bottom: 5px solid #3f3f3f;}
article.main .bible_tablist .field_tab ul {}
article.main .bible_tablist .field_tab ul li {position: relative;}
article.main .bible_tablist .field_tab ul li:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #fff; z-index: 1;}
article.main .bible_tablist .field_tab ul li:first-child::before {display: none;}
article.main .bible_tablist .field_tab ul li a {padding: 5px 0 0; line-height: 50px; color: #1f1815; background-color: #eaedf2;}
article.main .bible_tablist .field_tab ul li.bibleli01 a {background-color: #dfefff;}
article.main .bible_tablist .field_tab ul li.bibleli02 a {background-color: #fadaf0;}
article.main .bible_tablist .field_tab ul li.bibleli03 a {background-color: #eed8c0;}
article.main .bible_tablist .field_tab ul li.bibleli04 a {background-color: #e5e9a2;}
article.main .bible_tablist .field_tab ul li.bibleli05 a {background-color: #c2e9cc;}

article.main .bible_tablist .field_tab ul li a:hover,
article.main .bible_tablist .field_tab ul li.on a {color: #fff; background-color: #3f3f3f;}
article.main .bible_tablist .field_tab ul li.on a:before {display: inline-block; content: ""; margin-right: 8px; width: 8px; height: 8px; background-color: #eaedf2; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; vertical-align: middle;}
article.main .bible_tablist .field_tab ul li.bibleli01.on a:before {background-color: #dfefff;}
article.main .bible_tablist .field_tab ul li.bibleli02.on a:before {background-color: #fadaf0;}
article.main .bible_tablist .field_tab ul li.bibleli03.on a:before {background-color: #eed8c0;}
article.main .bible_tablist .field_tab ul li.bibleli04.on a:before {background-color: #e5e9a2;}
article.main .bible_tablist .field_tab ul li.bibleli05.on a:before {background-color: #c2e9cc;}

article.main .bible_tablist .bible_tabcont_ul ul {}






article.main .bible_tablist .bible_tabcont_ul ul li {margin: 0 0 40px 40px; width: 270px;}
article.main .bible_tablist .bible_tabcont_ul ul li:nth-child(4n+1) {margin-left: 0;}
article.main .bible_tablist .bible_tabcont_ul ul li > div,
article.main .bible_tablist .bible_tabcont_ul ul li > a {height: 360px;border: 3px solid #b8b8b8;}

article.main .bible_tablist .biblediv01 .bible_tabcont_ul ul li > div,
article.main .bible_tablist .biblediv01 .bible_tabcont_ul ul li > a {border-color: #dfefff;}
article.main .bible_tablist .biblediv02 .bible_tabcont_ul ul li > div,
article.main .bible_tablist .biblediv02 .bible_tabcont_ul ul li > a {border-color: #fadaf0;}
article.main .bible_tablist .biblediv03 .bible_tabcont_ul ul li > div,
article.main .bible_tablist .biblediv03 .bible_tabcont_ul ul li > a {border-color: #eed8c0;}
article.main .bible_tablist .biblediv04 .bible_tabcont_ul ul li > div,
article.main .bible_tablist .biblediv04 .bible_tabcont_ul ul li > a {border-color: #e5e9a2;}
article.main .bible_tablist .biblediv05 .bible_tabcont_ul ul li > div,
article.main .bible_tablist .biblediv05 .bible_tabcont_ul ul li > a {border-color: #c2e9cc;}

article.main .bible_tablist .biblediv01 .bible_tabcont_ul ul li.all_more > div,
article.main .bible_tablist .biblediv01 .bible_tabcont_ul ul li.all_more > a {background-color: #dfefff;}
article.main .bible_tablist .biblediv02 .bible_tabcont_ul ul li.all_more > div,
article.main .bible_tablist .biblediv02 .bible_tabcont_ul ul li.all_more > a {background-color: #fadaf0;}
article.main .bible_tablist .biblediv03 .bible_tabcont_ul ul li.all_more > div,
article.main .bible_tablist .biblediv03 .bible_tabcont_ul ul li.all_more > a {background-color: #eed8c0;}
article.main .bible_tablist .biblediv04 .bible_tabcont_ul ul li.all_more > div,
article.main .bible_tablist .biblediv04 .bible_tabcont_ul ul li.all_more > a {background-color: #e5e9a2;}
article.main .bible_tablist .biblediv05 .bible_tabcont_ul ul li.all_more > div,
article.main .bible_tablist .biblediv05 .bible_tabcont_ul ul li.all_more > a {background-color: #c2e9cc;}
article.main .bible_tablist .biblediv06 .bible_tabcont_ul ul li.all_more > div,
article.main .bible_tablist .biblediv06 .bible_tabcont_ul ul li.all_more > a {background-color: #ececec;}

	@media (max-width: 1280px) {
		article.main .bible_tabs li a:before {left: 0; width: 100%;}

		article.main .bible_tabslide #bibletabs1,
		article.main .bible_tabslide #bibletabs2,
		article.main .bible_tabslide #bibletabs3 {padding: 60px;}
		article.main .bible_tabslide .bible_tabcont_ul ul li {margin-right: 20px;}

		article.main .bible_tabslide .bx-wrapper .bx-controls-direction a.bx-prev {margin-left: -62px;}
		article.main .bible_tabslide .bx-wrapper .bx-controls-direction a.bx-next {right: -61px;}

		article.main .bible_tablist .bible_tabcont_ul ul li,
		article.main .bible_tablist .bible_tabcont_ul ul li:nth-child(4n+1) {margin-left: 2%; width: 32%;}
		article.main .bible_tablist .bible_tabcont_ul ul li:nth-child(3n+1) {margin-left: 0;}
	}
	@media (max-width: 767px) {

        article.main .bible {padding: 20px 0;}
        article.main .bible_tablist {margin-top: 50px;}
        article.main .bible_tablist .field_tab {margin-bottom: 30px; }

		article.main .bible_tabcont_ul ul li .label_online {left: 15px; padding-left: 22px; width: 70px; line-height: 22px; font-size: 12px;}
		article.main .bible_tabcont_ul ul li .label_online:before {width: 22px; height: 22px;}
		article.main .bible_tabcont_ul ul li .txt {padding: 60px 15px 20px;}
		article.main .bible_tabcont_ul ul li .txt h3 {font-size: 17px;}
		article.main .bible_tabcont_ul ul li .txt h4 {font-size: 15px;}
		article.main .bible_tabcont_ul ul li .txt p {line-height: 1.6em; font-size: 15px;}
		article.main .bible_tabcont_ul ul li .bottom a {height: 55px;}
		article.main .bible_tabcont_ul ul li .bottom a.btn1 {-webkit-background-size: 24px auto; background-size: 24px auto;}
		article.main .bible_tabcont_ul ul li .bottom a.btn2 {-webkit-background-size: 22px auto; background-size: 22px auto;}

		article.main .bible_tabs li {max-width: 33.333333%;}
		article.main .bible_tabs li a {max-width: 100%; line-height: 48px; font-size: 15px;}

		article.main .bible_tabslide #bibletabs1,
		article.main .bible_tabslide #bibletabs2,
		article.main .bible_tabslide #bibletabs3 {padding: 40px 15px;}
		article.main .bible_tabslide .bible_tabcont_ul {width: 250px;}
		article.main .bible_tabslide .bible_tabcont_ul ul li {width: 250px !important;}
		article.main .bible_tabslide .bible_tabcont_ul ul li > div,
		article.main .bible_tabslide .bible_tabcont_ul ul li > a {height: 462px;}
		article.main .bible_tabslide .bible_tabcont_ul ul li .thumb {height: 284px;}
		article.main .bible_tabslide .bible_tabcont_ul ul li .txt p {top: 284px; padding: 15px;}

		article.main .bible_tabslide .bx-wrapper .bx-controls-direction a {top: 50%; margin-top: -18px; width: 36px; height: 36px;}
		article.main .bible_tabslide .bx-wrapper .bx-controls-direction a.bx-prev {left: -40px; margin-left: 0;}
		article.main .bible_tabslide .bx-wrapper .bx-controls-direction a.bx-next {right: -40px;}

		article.main .bible_tablist .field_tab ul li a {font-size: 15px;}
		article.main .bible_tablist .field_tab ul li.on a:before {margin-right: 4px;}
		
		article.main .bible_tablist .bible_tabcont_ul ul li,
		article.main .bible_tablist .bible_tabcont_ul ul li:nth-child(4n+1),
		article.main .bible_tablist .bible_tabcont_ul ul li:nth-child(3n+1) {margin-left: 2%; margin-bottom: 20px; width: 49%;}
		article.main .bible_tablist .bible_tabcont_ul ul li:nth-child(2n+1) {margin-left: 0;}
		article.main .bible_tablist .bible_tabcont_ul ul li > div,
		article.main .bible_tablist .bible_tabcont_ul ul li > a {border-width: 2px; height: 320px;}

	}
	@media (max-width: 320px) {
		article.main .bible_tabcont_ul ul li .label_online {left: 10px;}
		article.main .bible_tabcont_ul ul li .txt {padding: 60px 10px 20px;}
		article.main .bible_tabcont_ul ul li .txt h3 {font-size: 15px;}
		article.main .bible_tabcont_ul ul li .txt p {font-size: 13px;}

		article.main .bible_tabs li a {font-size: 13px;}

		article.main .bible_tabslide .bx-wrapper .bx-controls-direction a {width: 30px;}
		article.main .bible_tabslide .bx-wrapper .bx-controls-direction a.bx-prev {left: -33px;}
		article.main .bible_tabslide .bx-wrapper .bx-controls-direction a.bx-next {right: -33px;}

		article.main .bible_tablist .field_tab ul li a {font-size: 13px;}

	}


/* main cs */

article.main .cs {background-image: url(../img/main/cs_bg.png);}

article.main .cs_link_ul {padding: 65px 0;}
article.main .cs_link_ul ul {}
article.main .cs_link_ul ul li {margin-left: 20px;}
article.main .cs_link_ul ul li > a {display: block; padding: 95px 5px 5px; width: 160px; height: 160px; line-height: 42px; font-size: 16px; color: #fff; font-weight: bold; background-position: center 35px; background-repeat: no-repeat; border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center;}
article.main .cs_link_ul ul li.i02 > a {background-position: center 38px;}
article.main .cs_link_ul ul li.i03 > a {background-position: center 40px;}
article.main .cs_link_ul ul li.i05 > a {background-position: center 30px;}
article.main .cs_link_ul ul li span {line-height: 21px; vertical-align: middle;}

article.main .cs_tel {padding: 65px 0 60px 30px; width: 280px;}
article.main .cs_tel h3,
article.main .cs_tel p {font-size: 20px; color: #1f1815;}
article.main .cs_tel h3 {margin-bottom: 10px;}
article.main .cs_tel p.tel {padding-left: 33px; line-height: 1.1em; font-size: 35px; font-weight: 900; background: url(../img/main/cs_icon_tel.png) 0 4px no-repeat; letter-spacing: -4px;}
article.main .cs_tel .more {display: block; margin-top: 20px; width: 155px; line-height: 42px; color: #fff; background-color: #846833; text-align: center;}

	@media (max-width: 1280px) {
		article.main .cs {background: #8e8e8e;}
		article.main .cs .center_align {padding: 0 !important;}

		article.main .cs_link_ul {padding: 60px 30px; flex-basis: auto; text-align: center;}
		article.main .cs_link_ul ul {font-size: 0;}
		article.main .cs_link_ul ul li {display: inline-block; float: none; vertical-align: top;}

		article.main .cs_tel {padding: 30px; width: 100%; background: #e9b952; text-align: center;}
		article.main .cs_tel p.tel {display: inline-block; vertical-align: top; letter-spacing: -1px;}
		article.main .cs_tel .more {margin: 20px auto 0;}
	}
	@media (max-width: 767px) {
		article.main .cs_link_ul {padding: 30px 15px;}
		article.main .cs_link_ul ul {border: 1px solid #fff;}
		article.main .cs_link_ul ul li {margin: 0; width: 50%;}
		article.main .cs_link_ul ul li.i01 {width: 100%;}
		article.main .cs_link_ul ul li > a {width: 100%; font-size: 15px; border-width: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

		article.main .cs_tel {padding: 15px;}
		article.main .cs_tel h3 {font-size: 17px;}
		article.main .cs_tel p {font-size: 15px;}
		article.main .cs_tel p.tel {margin-bottom: 5px; padding-left: 20px; font-size: 22px; -webkit-background-size: 14px auto; background-size: 14px auto}
		article.main .cs_tel .more {margin-top: 10px; line-height: 35px; font-size: 15px;}
	}
	@media (max-width: 320px) {
		article.main .cs_link_ul ul li > a {font-size: 13px;}

		article.main .cs_tel h3 {font-size: 15px;}
		article.main .cs_tel p {font-size: 13px;}
		article.main .cs_tel p.tel {font-size: 17px;}
		article.main .cs_tel .more {line-height: 25px; font-size: 13px;}
	}





/* header simple + footer */

header.simple {position: absolute; top: 0; left: 0; width: 100%;}
header.simple .center_align {padding: 0 40px; width: 100%;}

header.simple .inner {background-color: transparent;}

header.simple .logo {position: fixed; left: 40px;}
header.simple .logo a {width: 192px; background-image: url(../img/common/logo_.png);}

header.simple .util {margin: 16px 0 15px 20px;}

header.simple .gnb {display: none;}

header.simple .search {margin: 25px 0 28px 10px;}

header.simple .nav_wrap {display: none !important;}

header.simple ~ footer {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 40;}

	@media (max-width: 1280px) {
		header.simple .inner {box-shadow: 0 0 0 transparent}

		header.simple .nav_btn,
		header.simple .search_btn_m {display: none;}
		header.simple .search {display: inline-block; position: relative; top: 0; padding: 2px 25px 0 0; width: auto; background-color: transparent;}
		header.simple .search_btn {top: 0; right: 0; width: 23px; height: 23px; font-size: 0; text-indent: -9999px; background: url(../img/common/search.png) center center no-repeat; text-align: left;}
	}
	@media (max-width: 991px) {
		header.simple .inner {background-color: #fff; box-shadow: 0 0 5px rgb(0 0 0 / 0.3);}

		header.simple .logo {position: relative; left: 0;}
		header.simple .logo a {width: 209px; height: 90px; background-image: url(../img/common/logo.png);}

		header.simple .util {display: none;}

		header.simple .nav_btn,
		header.simple .search_btn_m {display: block;}

		header.simple .search {display: none; position: absolute; top: 90px; left: 0; margin: 0; padding: 20px 100px 20px 30px; width: 100%; background-color: #f0f0f0;}
		header.simple .search.on {display: block;}
		header.simple .search_input {width: 100%;}
		header.simple .search_btn {top: 20px; right: 30px; width: 60px; height: 25px; line-height: 25px; font-size: 16px; color: #fff; text-indent: 0; background: #747474; text-align: center;}

		header.simple .nav_wrap.on {display: block !important;}

		header.simple ~ footer {position: relative;}
	}
	@media (max-width: 767px) {
		header.simple .logo a {width: 150px; height: 60px; background-position: center 12px; -webkit-background-size: 100% auto; background-size: 100% auto; }
	}
	@media (max-width: 320px) {
		header.simple .logo a {width: 135px;}
	}



/* sub */

article.sub {}
article.sub .container {padding: 80px 0px 250px 46%;}
article.sub .container section {padding: 70px 0 100px;width: 98%;}

	@media (min-width: 992px) {		
		article.sub .container {min-height: 1366px;}
	}

	@media (max-width: 1680px) {		
		article.sub .container section {width: 100%;}
	}
	@media (max-width: 1280px) {
		article.sub .container {padding-left: 46%;}
	}
	@media (max-width: 991px) {
		article.sub .container {padding: 0 30px;}
	}
	@media (max-width: 767px) {
		article.sub .container {padding: 0 15px;}
	}
	@media (max-width: 320px) {
	}


/* sub cover */

article.sub .cover {position: fixed; left: 0; top: 0; padding: 80px 100px 40px 40px; width: 42%; height: 100%; -webkit-background-size: cover !important; background-size: cover !important; z-index: 30;}
article.sub .cover:after {display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  
filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000 ); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000 )"; }
article.sub .cover .div {float: right;position: relative;padding-top: 70px;width: 300px;text-align: right;z-index: 1;}
article.sub .cover .lnb {}
article.sub .cover .lnb ul {position: relative;}
article.sub .cover .lnb ul:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: rgba( 255, 255, 255, 0.5 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#80ffffff, endColorStr=#80ffffff ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#80ffffff, endColorStr=#80ffffff )"; }

article.sub .cover .lnb > ul {}
article.sub .cover .lnb > ul > li {position: relative; padding-bottom: 1px;}
article.sub .cover .lnb > ul > li:after {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: rgba( 255, 255, 255, 0.5 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#80ffffff, endColorStr=#80ffffff ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#80ffffff, endColorStr=#80ffffff )"; }
article.sub .cover .lnb > ul > li > a {display: block;position: relative;padding: 15px 0;line-height: 50px;font-size: 26px;color: #fff;font-weight: bold;}
article.sub .cover .lnb > ul > li > a:after {display: inline-block; content: ""; margin: 7px 0 0 10px; width: 35px; height: 35px; background-color: rgba( 0, 0, 0, 0.5 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 )"; background-image: url(../img/common/lnb_depth_off.png); background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; vertical-align: top;}
article.sub .cover .lnb > ul > li.on > a:after {/*background-image: url(../img/common/lnb_depth_on.png);*/}

article.sub .cover .lnb .dep2 {display: none; padding: 30px 0; font-size: 0;}
article.sub .cover .lnb li.on .dep2 {display: block;}
article.sub .cover .lnb .dep2 li {}
article.sub .cover .lnb .dep2 li a {display: block; padding: 0 8px; line-height: 50px; font-size: 18px; color: #fff; font-weight: bold;}
article.sub .cover .lnb .dep2 li a:hover,
article.sub .cover .lnb .dep2 li.on a {color: #1f1815; background-color: #e9b952;}
article.sub .cover .lnb .dep2 li.on a:after {display: inline-block; content: ""; margin-top: 9px; width: 30px; height: 30px; background: url(../img/common/lnb_depth2_on.png) center center no-repeat; vertical-align: top;}

article.sub .cover .link {margin-top: 40px;}
article.sub .cover .link ul {font-size: 0;}
article.sub .cover .link ul li {display: inline-block; margin-left: 20px; vertical-align: top;}
article.sub .cover .link ul li a {width: 18px; height: 18px; font-size: 0; text-indent: -9999px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: auto 18px !important; background-size: auto 18px !important;}
article.sub .cover .link ul li.i01 a {background-image: url(../img/common/lnb_link_1.png);}
article.sub .cover .link ul li.i02 a {background-image: url(../img/common/lnb_link_2.png);}
article.sub .cover .link ul li.i03 a {background-image: url(../img/common/lnb_link_3.png);}

	@media (max-width: 1280px) {
		article.sub .cover {padding-right: 60px;}
	}
	@media (max-width: 991px) {
		article.sub .cover {position: relative; padding: 90px 30px 40px; width: 100%;}

		article.sub .cover .div {float: none; padding-top: 60px; width: 100%; text-align: center;}

		article.sub .cover .lnb .dep2 li {display: inline-block; vertical-align: top;}
		article.sub .cover .lnb .dep2 li a {padding: 0 15px;}
		article.sub .cover .lnb .dep2 li.on a:after {display: none;}

		article.sub .cover .link ul li {margin: 0 10px;}
		article.sub .cover .link ul li a {width: 30px; height: 30px; -webkit-background-size: auto 30px !important; background-size: auto 30px !important;}
	}
	@media (max-width: 767px) {
		article.sub .cover {padding: 60px 15px 40px;}

		article.sub .cover .lnb > ul > li > a {padding: 5px 0; font-size: 17px; line-height: 2.2em}
		article.sub .cover .lnb > ul > li > a:after {width: 25px; height: 25px; margin-top: 12px; -webkit-background-size: auto 6px;background-size: auto 6px;}

		article.sub .cover .lnb .dep2 li {width: 33.333333%;}
		article.sub .cover .lnb .dep2 li a {padding: 0 10px; line-height: 40px; font-size: 15px;}

		article.sub .cover .link ul li a {width: 20px; height: 20px; -webkit-background-size: auto 20px !important; background-size: auto 20px !important;}
	}
	@media (max-width: 320px) {
		article.sub .cover .lnb .dep2 li a {font-size: 13px;}
	}


/* sub section */

article.sub section .div {position: relative;}
article.sub section .div + .div {margin-top: 50px;}

article.sub section h2 {position: relative; margin-bottom: 40px; line-height: 1.1em; font-size: 50px; color: #1f1815; font-weight: bold;}
article.sub section h3 {position: relative; margin-bottom: 30px; font-size: 25px; color: #1f1815;}
article.sub section h3 .strong {display: inline-block; margin-bottom: 20px; line-height: 1.1em; font-size: 68px; color: #4f93b6; font-weight: 900; vertical-align: top;}
article.sub section p {position: relative; line-height: 1.6em;}

article.sub section .titleS {margin-bottom: 20px; line-height: 1.2em; font-size: 23px; font-weight: 900;}
article.sub section .titleM {margin-bottom: 40px; line-height: 1.1em; font-size: 36px; font-weight: 900;}

article.sub section .text_color {color: #4f93b6 !important;}
article.sub section .text_color_2 {color: #051e3e !important;}

article.sub section .text_gray {color: #999 !important;}
article.sub section .text_gray_2{color: #666 !important;}
article.sub section .text_gray_3 {color: #333 !important;}

article.sub section .text_bold {font-weight: bold;}
article.sub section .text_bold_eb {font-weight: 900;}

article.sub section .text_underline {display: inline-block; position: relative; background: url(../img/sub/text_underline.png) 0 bottom repeat-x; -webkit-background-size: auto 100%; background-size: auto 100%; vertical-align: top;}

article.sub section .text_diagonalline {display: inline-block; position: relative; padding: 0 20px 10px 5px; border-bottom: 1px solid #392f2c; vertical-align: top;}
article.sub section .text_diagonalline:before { display: block; content: ""; position: absolute; left: -19px; bottom: -8px; width: 1px; height: 52px; background-color: #392f2c; transform: rotate(-45deg);}

article.sub section .text_check {position: relative; padding-left: 45px;}
article.sub section .text_check:before {display: block; content: ""; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; background: url(../img/sub/text_check.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;}

article.sub section .center_align_972 {margin: 0 auto; width: 972px; max-width: 100%;}



article.sub section .borderT_dotted {margin-top: 50px; padding-top: 50px; border-top: 2px dotted #ccc;}

	@media (max-width: 1280px) {
		article.sub section h2 {font-size: 40px;}
		article.sub section h3 .strong {font-size: 56px;}
		article.sub section p {font-size: 17px;}

		article.sub section .titleM {font-size: 30px;}
	}
	@media (max-width: 991px) {
		article.sub section h2 {font-size: 32px;}
		article.sub section h3 {font-size: 22px;}
		article.sub section h3 .strong {font-size: 48px;}

		article.sub section .titleS {font-size: 22px;}
		article.sub section .titleM {font-size: 28px;}
	}
	@media (max-width: 767px) {
		article.sub section h2 {font-size: 26px;}
		article.sub section h3 {margin-bottom: 35px; font-size: 17px;}
		article.sub section h3 .strong {font-size: 36px;}
		article.sub section p {font-size: 15px;}

		article.sub section .titleS {font-size: 17px;}
		article.sub section .titleM {font-size: 22px;}
	}
	@media (max-width: 320px) {
		article.sub section h2 {font-size: 22px;}
		article.sub section h3 {font-size: 15px;}
		article.sub section h3 .strong {font-size: 30px;}
		article.sub section p {font-size: 13px;}

		article.sub section .titleS {font-size: 15px;}
		article.sub section .titleM {font-size: 17px;}

		article.sub section .text_check {padding-left: 30px;}
		article.sub section .text_check:before {width: 15px; height: 15px;}
	}



/* sub imgslideW */

article.sub .imgslideW {position: relative; margin-top: 90px; padding: 65px 0 0 80px;}
article.sub .imgslideW:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 760px; max-width: 90%; height: 500px; max-height: 90%; background-color: #f8eacb;}
article.sub .imgslideW h3 {margin-bottom: 15px;}

article.sub .imgslide {position: relative;}
article.sub .imgslide ul {}
article.sub .imgslide ul li {}
article.sub .imgslide ul li > div {}
article.sub .imgslide ul li > div:after {display: block; content: ""; clear: both;}
article.sub .imgslide ul li .image_caption {margin-top: 5px;}
article.sub .imgslide ul li .image_caption p {color: #1f1815;}
article.sub .imgslide ul li .image {float: right; margin: 30px 0 15px; padding: 0 15px; width: 731px; max-width: 100%; text-align: right;}
article.sub .imgslide ul li .image img {box-shadow: 2px 2px 10px rgb(0 0 0 / 0.3);}

article.sub #imgslidecounter,
article.sub #imgslidecounter .current-index {line-height: 25px; font-size: 16px;}
article.sub #imgslidecounter {position: absolute; top: 0; margin-top: 10px; right: 265px; color: #333;}
article.sub #imgslidecounter .current-index {display: inline-block; color: #fff; vertical-align: top;}

article.sub .imgslide .bx-wrapper .bx-pager {display: none;}
article.sub .imgslide .bx-wrapper .bx-controls-direction a {top: 0; margin-top: 0; width: 95px; height: 45px;}
article.sub .imgslide .bx-wrapper .bx-controls-direction a.bx-prev {display: none;}
article.sub .imgslide .bx-wrapper .bx-controls-direction a.bx-next {right: 150px; background: url(../img/sub/imgslide_next.png) center center no-repeat;}
article.sub .imgslide .bx-wrapper .bx-controls-direction a.bx-next:hover {background-image: url(../img/sub/imgslide_next_on.png);}

	@media (max-width: 1680px) {
		article.sub .imgslideW {padding: 50px 0 0 50px;}
		article.sub .imgslide ul li .image {margin-left: 30px;}

		article.sub #imgslidecounter {top: 100%; right: 130px;}
		article.sub #imgslidecounter .current-index {color: #ff9b00;}

		article.sub .imgslide .bx-wrapper .bx-controls-direction a {top: 100%;}
		article.sub .imgslide .bx-wrapper .bx-controls-direction a.bx-next {right: 15px;}
	}
	@media (max-width: 1280px) {
		article.sub .imgslideW {padding: 50px 0 0 30px;}
		article.sub .imgslide ul li .image {margin-left: 15px;}
	}
	@media (max-width: 767px) {
		article.sub .imgslideW {padding: 50px 0 0;}
		article.sub .imgslideW:before {max-width: 100%;}
		article.sub .imgslideW h3 {padding: 0 15px;}

		article.sub .imgslide ul li .image_caption {padding: 0 15px;}
	}
	@media (max-width: 320px) {
	}


/* list dl */

article.sub .list_dl {border-top: 1px solid #333;}
article.sub .list_dl dl {position: relative; padding: 17px 0; border-bottom: 1px solid #ccc; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
article.sub .list_dl dl:hover {background-color: #fafafa;}
article.sub .list_dl dl dt,
article.sub .list_dl dl dd {font-size: 18px; color: #111;}
article.sub .list_dl dl dt {width: 32%;}
article.sub .list_dl dl dd {text-align: left;}

	@media (max-width: 1280px) {
		article.sub .list_dl dl dt,
		article.sub .list_dl dl dd {font-size: 17px;}
	}
	@media (max-width: 767px) {
		article.sub .list_dl dl dt,
		article.sub .list_dl dl dd {font-size: 15px;}
	}
	@media (max-width: 320px) {
		article.sub .list_dl dl dt,
		article.sub .list_dl dl dd {font-size: 13px;}
	}


/* info dl */

article.sub .info_dl {}
article.sub .info_dl > div {position: relative; padding: 30px 0 0 250px;}
article.sub .info_dl .thumb {position: absolute; top: 0; left: -25px; width: 250px; text-align: right;}
article.sub .info_dl dl {}
article.sub .info_dl dl dt {position: relative; margin-bottom: 30px; font-size: 25px;}
article.sub .info_dl dl dd {color: #333;}

	@media (max-width: 1280px) {
		article.sub .info_dl > div {padding: 25px 0 0 220px;}
		article.sub .info_dl .thumb {left: -20px; width: 220px;}
		article.sub .info_dl dl dt {font-size: 17px;}
	}
	@media (max-width: 991px) {
		article.sub .info_dl .thumb {left: -10px; width: 200px;}
		article.sub .info_dl dl dt {font-size: 22px;}
	}
	@media (max-width: 767px) {
		article.sub .info_dl > div {padding: 0;}
		article.sub .info_dl .thumb {position: relative; left: 0; margin-bottom: 30px; width: 100%; text-align: center;}
		article.sub .info_dl dl dd {font-size: 15px;}
	}
	@media (max-width: 320px) {
		article.sub .info_dl dl dt {font-size: 15px;}
		article.sub .info_dl dl dd {font-size: 13px;}
	}


/* flex dl */

article.sub .flex_dl {}
article.sub .flex_dl dl {} 
article.sub .flex_dl dl dt,
article.sub .flex_dl dl dd {line-height: 1.6em;padding-right: 10px;}
article.sub .flex_dl dl dt {}
article.sub .flex_dl dl dd {}

	@media (max-width: 1280px) {
		article.sub .flex_dl dl dt,
		article.sub .flex_dl dl dd {font-size: 17px;}
	}
	@media (max-width: 767px) {
		article.sub .flex_dl dl dt,
		article.sub .flex_dl dl dd {font-size: 15px;}
	}
	@media (max-width: 320px) {
		article.sub .flex_dl dl dt,
		article.sub .flex_dl dl dd {font-size: 13px;}
	}



/* table.basic */

table.basic .btn_play {margin: -5px 0; width: 30px; height: 30px; font-size: 0; text-indent: -9999px; background: url(../img/sub/play.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; text-align: left; vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
table.basic .btn_play:hover {background-image: url(../img/sub/play_on.png);}

	@media (max-width: 320px) {
		table.basic .btn_play {width: 25px; height: 25px;}
	}


/* about */

article.sub section.about {}


/* timetable */

article.sub section.timetable {}


/* lecturer */

article.sub section.lecturer {}


/* board */

article.sub section.board {}



/* sub visual */

article.sub .visual {}
article.sub .visual .sv_slide {}
article.sub .visual .center_align {width: 970px; height: 100%;}
article.sub .visual .sv {display: table; width: 100%; height: 269px; background-position: center 0; background-repeat: no-repeat; text-align: center;}
article.sub .visual .sv > div {display: table-cell; height: 100%; vertical-align: middle;}
article.sub .visual .txt {position: relative; z-index: 1;}
article.sub .visual .txt h3 {line-height: 1.2em; font-size: 40px; color: #fff; font-weight: 900;}
article.sub .visual .txt p {margin-top: 20px; color: #fff; opacity: 0.9;}

	@media (max-width: 1280px) {
	}
	@media (max-width: 991px) {
	}
	@media (max-width: 767px) {
		article.sub .visual .txt h3 {font-size: 28px;}
		article.sub .visual .txt p {font-size: 17px;}
	}
	@media (max-width: 320px) {
		article.sub .visual .txt h3 {font-size: 24px;}
		article.sub .visual .txt p {font-size: 15px;}
	}


article.sub .visual ~ section {padding: 50px 0 20px;}


/* lecture */

article.sub section.lecture {}
article.sub section.lecture .button {margin-top: 95px;}
article.sub section.lecture .button .btn.big {width: 530px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}


/* selection ul */

article.sub .selection_ul {}
article.sub .selection_ul ul {font-size: 0;}
article.sub .selection_ul ul li {display: inline-block; position: relative; margin-left: 30px; vertical-align: top;}
article.sub .selection_ul ul li:first-child {margin-left: 0 !important;}
article.sub .selection_ul ul li:before {display: block; content: ""; position: absolute; top: 50%; left: -30px; margin-top: -10px; width: 30px; height: 30px; background: url(../img/sub/lecturer_selection_arrow.png) center center no-repeat;}
article.sub .selection_ul ul li:first-child::before {display: none;}
article.sub .selection_ul ul li > div {display: block; position: relative; padding: 103px 5px 5px; width: 165px; height: 165px; line-height: 42px; background-color: #051e3e; background-position: center 35px; background-repeat: no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center;}
article.sub .selection_ul ul li.i01 > div {background-image: url(../img/sub/lecturer_selection_1.png); background-position: center 28px;}
article.sub .selection_ul ul li.i02 > div {background-image: url(../img/sub/lecturer_selection_2.png); background-position: center 35px;}
article.sub .selection_ul ul li.i03 > div {background-image: url(../img/sub/lecturer_selection_3.png); background-position: center 35px;}
article.sub .selection_ul ul li.i04 > div {background-image: url(../img/sub/lecturer_selection_4.png); background-position: center 35px;}
article.sub .selection_ul ul li.i05 > div {background-image: url(../img/sub/lecturer_selection_5.png); background-position: center 30px;}
article.sub .selection_ul ul li p {display: inline-block; line-height: 21px; color: #fff; font-weight: 300; vertical-align: middle;}
article.sub .selection_ul ul li .step {display: none; position: absolute; top: 0; left: 0; width: 100%; color: #fff; text-align: center;}

	@media (max-width: 1280px) {
		article.sub .selection_ul ul li > div {padding-top: 95px; width: 155px; height: 155px;}
		article.sub .selection_ul ul li .step {font-size: 17px;}
	}
	@media (max-width: 991px) { 
		article.sub .selection_ul ul li {margin-left: 15px;}
		article.sub .selection_ul ul li:before {left: -15px; width: 15px; -webkit-background-size: 7px auto; background-size: 7px auto;}
		article.sub .selection_ul ul li > div {padding-top: 65px; width: 125px; height: 125px;}
		article.sub .selection_ul ul li.i01 > div {background-position: center 15px; -webkit-background-size: auto 45px; background-size: auto 45px;}
		article.sub .selection_ul ul li.i02 > div {background-position: center 22px; -webkit-background-size: auto 33px; background-size: auto 33px;}
		article.sub .selection_ul ul li.i03 > div {background-position: center 22px; -webkit-background-size: auto 32px; background-size: auto 32px;}
		article.sub .selection_ul ul li.i04 > div {background-position: center 22px; -webkit-background-size: auto 40px; background-size: auto 40px;}
		article.sub .selection_ul ul li.i05 > div {background-position: center 17px; -webkit-background-size: auto 39px; background-size: auto 39px;}
	}
	@media (max-width: 767px) {
		article.sub .selection_ul ul {text-align: center;}
		article.sub .selection_ul ul li {margin-left: 2%; margin-bottom: 10px; width: 32%;}
		article.sub .selection_ul ul li:before {display: none;}
		article.sub .selection_ul ul li > div {padding-top: 85px; width: 100%; height: 140px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		article.sub .selection_ul ul li.i01 > div {background-position: center 33px;}
		article.sub .selection_ul ul li.i02 > div {background-position: center 40px;}
		article.sub .selection_ul ul li.i03 > div {background-position: center 40px;}
		article.sub .selection_ul ul li.i04 > div {background-position: center 40px;}
		article.sub .selection_ul ul li.i05 > div {background-position: center 35px;}
		article.sub .selection_ul ul li .step {display: block; font-size: 15px;}
		
		article.main .visual .bx-controls-direction {display: none;}
		
	}
	@media (max-width: 320px) {
	}





/* 210201 */

article.main .bible_tabslide .bible_tabcont_ul ul li > div,
article.main .bible_tabslide .bible_tabcont_ul ul li > a {height: 420px;}
article.main .bible_tabslide .bible_tabcont_ul ul li .txt p {display: block;}

article.main .cs_link_ul ul li > a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
article.main .cs_link_ul ul li.i01 > a {background-image: url(../img/main/cs_link_1.png); background-position: center 33px;}
article.main .cs_link_ul ul li.i02 > a {background-image: url(../img/main/cs_link_2.png);}
article.main .cs_link_ul ul li.i03 > a {background-image: url(../img/main/cs_link_3.png);}
article.main .cs_link_ul ul li.i04 > a {background-image: url(../img/main/cs_link_4.png); background-position: center 31px;}
article.main .cs_link_ul ul li.i05 > a {background-image: url(../img/main/cs_link_5.png); background-position: center 27px;}

article.main .cs_link_ul ul li > a:hover {border-color: #e9b952;}

	@media (max-width: 1280px) {
		article.main .cs_link_ul {background: url(../img/main/cs_bg_m.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;}
	}
	@media (max-width: 767px) {
		article.main .bible_tabslide .bible_tabcont_ul ul li > div,
		article.main .bible_tabslide .bible_tabcont_ul ul li > a {height: 284px;}

		article.main .cs_link_ul ul li {width: 20% !important;}
		article.main .cs_link_ul ul li > a {padding: 30px 2px; height: 100px; font-size: 14px; background: none !important; letter-spacing: -1px;}
		article.main .cs_link_ul ul li > a:hover {color: #1f1815; background: #e9b952 !important; border-color: #fff;}
	}
	@media (max-width: 320px) {
		article.main .cs_link_ul ul li > a {padding: 30px 1px; font-size: 13px; letter-spacing: -2px;}
	}


/* */

article.sub section .titleS {line-height: 1.4em;}
article.sub section .titleS span {font-size: 20px;}

article.sub section .text_white {color: #fff !important;}
article.sub section .text_normal {font-weight: 400;}
article.sub section .text_underline_2 {display: inline-block; position: relative; background: url(../img/sub/text_underline_2.png) 0 bottom repeat-x; -webkit-background-size: auto 100%; background-size: auto 100%; vertical-align: top;}

article.sub section .center_align_1080 {margin: 0 auto; width: 1080px; max-width: 100%;}

	@media (max-width: 1280px) {
	}
	@media (max-width: 991px) {
		article.sub section .titleS span {font-size: 18px;}
	}
	@media (max-width: 767px) {
		article.sub section .titleS span {font-size: 15px;}
	}
	@media (max-width: 320px) {
		article.sub section .titleS span {font-size: 13px;}
	}



/* feature ul */

article.sub .feature_ul {margin-top: 10px; text-align: center;}
article.sub .feature_ul ul {}
article.sub .feature_ul ul li {margin-left: 2%; margin-bottom: 30px; width: 49%;}
article.sub .feature_ul ul li:nth-child(2n+1) {margin-left: 0;}
article.sub .feature_ul ul li > div {}
article.sub .feature_ul ul li .thumb {}
article.sub .feature_ul ul li .txt {margin-top: -85px; padding: 120px 15px 45px; height: 230px; background-color: #e7e7e7;}
article.sub .feature_ul ul li .txt h4 {margin-bottom: 0; letter-spacing: -2px;}

	@media (max-width: 1280px) {
	}
	@media (max-width: 991px) {
		article.sub .feature_ul ul li .txt {height: 260px;}
	}
	@media (max-width: 767px) {
		
	}
	@media (max-width: 320px) {
	}





/* 210204 */

table.basic tr th,
table.basic tr td {line-height: 1.4em;}

article.sub section.bible {padding-bottom: 80px;}

article.sub .tab_list {margin: 30px 0 80px;}
article.sub .tab_list .label {width: 120px; line-height: 45px; font-size: 20px; color: #fff; background-color: #333; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-align: center;}
article.sub .tab_list ul {position: relative; padding-top: 1px;}
article.sub .tab_list ul:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #333; z-index: 1;}
article.sub .tab_list ul li {width: 16.666666%;}
article.sub .tab_list ul li a {display: block; position: relative; margin: -1px -1px 0 0; height: 50px; line-height: 50px; font-size: 20px; color: #101010; font-weight: 900; border: 1px solid #c5c5c5; text-align: center; white-space: nowrap; overflow: hidden;}
article.sub .tab_list ul li a:hover,
article.sub .tab_list ul li.on a {background-color: #999;}

article.sub .tab_list.tabL1 .label,
article.sub .tab_list.tabL1 ul:before {background-color: #246ead;}
article.sub .tab_list.tabL2 .label,
article.sub .tab_list.tabL2 ul:before {background-color: #309096;}

.list_head {position: relative; margin: 60px 0 30px;}
.list_head h3 {margin-bottom: 0 !important;}
.list_head .btn {margin: 2px 0; padding: 3px 10px; width: 70px; min-width: auto; height: 30px; line-height: 22px; color: #111; font-weight: 900; background-color: #f0f0f0; border: 1px solid #929292; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center;}
.list_head .btn:hover {border-color: #111;}
.list_head .btn + .btn {margin-left: 5px;}

.pager a:hover,
.pager a.on {border-color: #051e3e;}
.pager a.on {background-color: #051e3e;}

	@media (max-width: 1280px) {
		article.sub .tab_list .label {font-size: 18px;}
		article.sub .tab_list ul li a {font-size: 18px;}
	}
	@media (max-width: 991px) {
		article.sub .tab_list .label {font-size: 17px;}
		article.sub .tab_list ul li {width: 20%;}
		article.sub .tab_list ul li a {font-size: 17px;}
	}
	@media (max-width: 767px) {
		article.sub .tab_list .label {width: 25%; font-size: 15px;}
		article.sub .tab_list ul li {width: 25%;}
		article.sub .tab_list ul li a {font-size: 15px; letter-spacing: -1px;}

		.list_head {margin: 30px 0 15px;}
		.list_head .float_left,
		.list_head .float_right {float: none; width: 100%;}
		.list_head .float_right {text-align: right;}
	}
	@media (max-width: 320px) {
		article.sub .tab_list .label {width: 33.333333%; font-size: 13px;}
		article.sub .tab_list ul li {width: 33.333333%;}
		article.sub .tab_list ul li a {font-size: 13px;}
	}


article.sub .tab_list ul li a {font-weight: 500;}

article.sub .tab_list.tabL1 ul li a:hover,
article.sub .tab_list.tabL1 ul li.on a {background-color: #d8ecf8;}
article.sub .tab_list.tabL1 ul li a:hover,
article.sub .tab_list.tabL1 ul li.on a {background-color: #d7f0f5;}

	
/* 210205 */

footer .link {margin-bottom: 50px; font-size: 0; text-align: center;}
footer .link li {display: inline-block; vertical-align: top;}
footer .link li a {margin: 0 10px; line-height: 1.6em; font-size: 18px; color: #fff; font-weight: 300; opacity: 0.7;}
footer .link li a:hover {opacity: 0.9;}

	@media (max-width: 1280px) {
	}
	@media (max-width: 991px) {
		footer .link li a {font-size: 17px;}
	}
	@media (max-width: 767px) {
		footer .link {margin-bottom: 30px;}
		footer .link li a {font-size: 13px;}

		article.main .cs_link_ul ul li {width: 25% !important;}
	}
	@media (max-width: 320px) {
		footer .link {margin-bottom: 30px;}
		footer .link li a {margin: 0 5px; font-size: 13px;}
	}


.flt:after {display: block; content: ""; clear: both;}
.flt > div {float: left;}
.flt > .flt_left {float: left;}
.flt > .flt_right {float: right;}

ul.flt > li {float: left;}
ul.flt > li:first-child {margin-left: 0 !important; padding-left: 0 !important; background: none !important;}

article.sub .cs_box {position: relative; margin-bottom: 60px; padding: 20px 45px; background-color: #95bfe1;}
article.sub .cs_box dl {margin: 0; padding-top: 15px;}
article.sub .cs_box dl dt,
article.sub .cs_box dl dd {margin: 0; color: #fff;}
article.sub .cs_box dl dt {margin-bottom: 15px; font-weight: 500;}
article.sub .cs_box ul {text-align: center;}
article.sub .cs_box ul li {margin-left: 20px;}
article.sub .cs_box ul li > a {padding: 90px 5px 5px; width: 140px; height: 142px; background-color: #fff; background-position: center 18px; background-repeat: no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
article.sub .cs_box ul li.i01 > a {background-image: url(../img/sub/cs_1.png);}
article.sub .cs_box ul li.i02 > a {background-image: url(../img/sub/cs_2.png);}
article.sub .cs_box ul li.i03 > a {background-image: url(../img/sub/cs_3.png);}
article.sub .cs_box ul li p {line-height: 1.2em; color: #494949;}
article.sub .cs_box ul li > a:hover p {color: #038bff;}


.csinfo {width: 896px; margin: 0 auto;}
.cs_step {width: 100%; text-align: center}




@media (max-width: 767px) {
	article.csinfo {max-width: 100%}
	article.csinfo .cs_box {padding: 20px 15px; text-align: center;}
	article.sub .cs_box > .flt_left,
	article.sub .cs_box > .flt_right {float: none;}
	article.sub .cs_box ul {margin-top: 20px; font-size: 0;}
	article.sub .cs_box ul li {display: inline-block; float: none; margin-left: 2%; max-width: 32%}
	article.sub .cs_box ul li:first-child {margin-left: 0 !important;}
	article.sub .cs_box ul li > a {max-width: 100%;}
}



/* 210208 */

#quick {padding-top: 39px;}
#quick .btn_onoff {position: absolute; top: 0; right: 0; width: 40px; height: 40px; font-size: 0; background-color: #fff; border: 1px solid #d1d1d1; text-align: left; z-index: 101;}
#quick .btn_onoff:after {display: block; content: "+"; position: absolute; top: 0; left: 0; width: 38px; height: 38px; line-height: 38px; font-size: 38px; color: #1f1815; font-weight: 300; text-align: center;}
#quick.on .btn_onoff:after {content: "-";}

#quick > div {display: none;}
#quick.on > div {display: block;}


	@media (max-width: 991px) {
		#quick {display: block;}
	}


/* 210209 */

article.main .bible_tabslide .bible_tabcont_ul ul li > div,
article.main .bible_tabslide .bible_tabcont_ul ul li > a {height: 420px;}
article.main .bible_tabslide .bible_tabcont_ul ul li .txt p {display: -webkit-box !important; margin: 22px 0; padding: 0 20px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

	@media (max-width: 767px){
		article.main .bible_tabslide .bible_tabcont_ul ul li > div,
		article.main .bible_tabslide .bible_tabcont_ul ul li > a {height: 362px;}
		article.main .bible_tabslide .bible_tabcont_ul ul li .txt p {margin: 15px 0; padding: 0 15px;}

		article.main .cs_link_ul ul {border: 0;}
		article.main .cs_link_ul ul li > a {margin: 0; padding: 0 5px; border: 0; height: auto;}
		article.main .cs_link_ul ul li > a:hover {background-color: transparent !important;}
	}





article.main .cs_link_ul {text-align: center;}
article.main .cs_link_ul ul {display: inline-block; vertical-align: top;}

@media (max-width: 1280px){
    article.main .cs_link_ul ul {display: block;}
}


article.main .bible_tabcont_ul .label_online.FIN {background-color: #3c8ba0;}
article.main .bible_tabcont_ul .label_online.OCN {background-color: #ac5656;}
article.main .bible_tabcont_ul .label_online.CTI {background-color: #618045;}


@media (max-width: 1280px) {
	.mhide {display: none !important;}
}



/* 210217 */

footer {position: relative; z-index: 50;}

header.header2 {position: fixed; top: 0; left: 0; width: 100%;}
header.header2 .inner {box-shadow: 0 0 5px rgb(0 0 0 / 30%);}

.btn.color_outline {color: #ff9b00 !important; background-color: #fff !important; border: 1px solid #ff9b00 !important;}
.btn.color_outline:hover {color: #fff !important; background-color: #ff9b00 !important;}

article.sub .cover .button {margin-top: 40px;}
article.sub .cover .button .btn {max-width: 49%;}

article.sub .cover .button .btn + .btn {margin-left: 2%;}


	@media (min-width: 1281px){		
		header.header2 .center_align {padding: 0 40px; width: 100%;}
		header.header2 .logo {left: 40px;}
		header.header2 .util {margin: 28px 0 0 10px;}
	}
	@media (min-width: 991px){		
		article.sub .cover {padding-right: 80px; padding-left: 60px; width: 396px;}
		article.sub .cover .div {width: 100%;}
		article.sub .cover .lnb .dep2 li a {line-height: 45px;}
		article.sub .cover .lnb .dep2 li.on a:after {margin-top: 6px;}
		article.sub .cover .button {margin-top: 20px;}
		article.sub .cover .button .btn {width: 49%;}

		article.sub .container {padding-left: 446px;}
	}
	@media (max-width: 1600px){
		header.header2 .logo {left: 30px;}
		header.header2 .gnb > ul > li > a {margin: 0 10px;}
		header.header2 .search_input {width: 150px;}
	}	
	@media (max-width: 1280px){
		header.header2 .logo {left: 0;}
		header.header2 .util {display: none;}
	}


/*[S]20210827 ����*/

article.sub section .center_align_800{margin: 0 auto; width: 800px; max-width: 95%;}



.intro--subject--txt{margin-bottom:5rem;}

.intro--subject--title{overflow:hidden; width:100%; padding:0 0.5rem;}

.intro--subject--title .title--txt--content{color:#32333b; font-weight:700; font-size:1.8rem; position:relative; display:inline-block; padding-top:0.6em;}

.intro--subject--title .title--txt--content::before{content:''; display:block; width:calc(100% + 2em + 0.5rem); height:4px; position:absolute; left:-0.5rem; top:0; background-color:#32333b;}

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

    .intro--subject--title .title--txt--content{font-size:1.4rem;}

}



.intro--subject--txt .intro--subject--desc{padding-left:2rem;}

.intro--subject--txt .intro--subject--desc li{display:flex;}

.intro--subject--txt .intro--subject--desc li + li{margin-top:0.3rem;}

.intro--subject--txt .intro--subject--desc li .subject--desc--marker{display:block; margin-right:0.4rem;}

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

    .intro--subject--txt .intro--subject--desc{padding-left:1rem;}

}



.intro--content--item--list{display:flex; display:-ms-flex; flex-flow: row wrap; -ms-flex-flow:row wrap; justify-content: center; padding-bottom:5rem;}

.intro--content--item--list .intro--content--item{width:calc((100% - 3rem * 2) / 3);}

.intro--content--item--list .intro--content--item + .intro--content--item{margin-left:auto;}

.intro--content--item--list .intro--content--item .intro--content--item--img--wrap .intro--content--item--img{max-width:90%; display:block; margin:auto;}

.intro--content--item--list .intro--content--item .intro--content--item--subject{font-size:1.2rem; font-weight:700; text-align:center; padding-top:0.8rem; margin-top:0.8rem; border-top:3px solid; margin-bottom:0.5rem;}

.intro--content--item--list .intro--content--item:nth-child(1) .intro--content--item--subject{color:#6a88af;}

.intro--content--item--list .intro--content--item:nth-child(2) .intro--content--item--subject{color:#a3c8d1;}

.intro--content--item--list .intro--content--item:nth-child(3) .intro--content--item--subject{color:#b4c9e6;}

.intro--content--item--list .intro--content--item .intro--content--item--description{text-align:center;}

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

    .intro--content--item--list .intro--content--item{width:calc((100% - 1rem * 2) / 3);}

    .intro--content--item--list .intro--content--item .intro--content--item--subject{font-size:1.1rem;}

}

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

    .intro--content--item--list .intro--content--item{width:100%;}

    .intro--content--item--list .intro--content--item + .intro--content--item{margin-top:1.2rem;}

}

/*신규작업 shwon*/

.list-type ul.list li {
	overflow: hidden;
}
.list-type ul.list li > div {
	float: left;
}
.list-type ul.list li .left{
	width: 320px;
}
.list-type ul.list li .left img{
	width: 100%;
	border-radius: 10px;
}
.list-type ul.list li .right{
	width: calc( 100% - 320px );
	padding-left: 30px;
}
.list-type ul.list li .right .tit {
	font-size: 25px;
	color: #051e3e;
	font-weight: bold;
}
.list-type ul.list li .right .price {
	font-size: 23px;
	font-weight: bold;
}
.list-type ul.list li .right .box{
	border: 1px solid #ccc;
	padding: 20px 30px;
	font-size: 16px ;
}
.list-type .tb.first{
	margin-bottom: 10px;
}
.list-type .tb{
	display: table;
	width: 100%;
}
.list-type .tb > div{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.list-type .tb > div:nth-of-type(2){
	text-align: right;
}
.list-type .tb > div:nth-of-type(2) button{
	color: #fff;
	border-radius: 50px;
	padding: 10px 30px;
	background: #051e3e;
}
.list-type .tb > div:nth-of-type(2) button:nth-of-type(1){
	background-color: #55667b;
	margin-right: 5px;
}
.tit-area .title {
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	margin: 50px 0;
}
.list-type  .tab {
	border-bottom: 1px solid #cccccc;
}
.list-type  .tab li .count{
	font-size: 18px;
	font-weight: 600;
	border-bottom: 2px solid #111;
}
.list-type .add-cmt {
	font-size: 14px;
	color: #999a9b;
	padding: 20px;
}
.list-type .list {
	margin-bottom: 80px;
}
.list-type .list > li {
	margin-bottom: 20px;
}
.location {
	background-color: #f8fafc ;
}
.location > div {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	color: #828282;
	font-size: 13px;
	padding: 10px 0 10px 30px;
}
.list-type ul.list li .right .tit > span{
	font-size: 16px;
	color: #666666;
	font-weight: 400;
	margin-left: 10px;
}
article.sub section.list-type p {
	font-size: 16px;
}
@media (max-width: 1280px) {
	.list-type .tb > div:nth-of-type(2){
		width: 65%;
	}
	.list-type .tb > div:nth-of-type(1){
		width: 35%;
	}

}
@media (max-width: 991px) {
	.list-type .tb > div:nth-of-type(2) button {
		font-size: 15px;
		margin: 0;
		margin-bottom: 5px;
	}
	.list-type .tb > div:nth-of-type(2) button:nth-of-type(1){
		margin-right: 0;
	}
}
@media (max-width: 767px) {

	.list-type .list > li {
		margin-bottom: 40px;
	}


	.list-type ul.list li .left {
		width: 100%;
		float: none;
	}
	.list-type ul.list li .right{
		width: 100%;
		float: none;
		padding-left: 0;
		padding-top: 10px;
	}

	.list-type .tb > div:nth-of-type(2){
		width: 40%;
	}
	.list-type .tb > div:nth-of-type(1){
		width: 60%;
	}
	article.sub section .box p{
		font-size: 13px;
	}
	.list-type ul.list li .right .tit {
		font-size: 20px ;
	}
	.list-type ul.list li .right .price{
		font-size: 18px;
	}
	.list-type .tb > div:nth-of-type(2) button{
		padding: 8px 20px;
		font-size: 14px;
	}
	.tit-area .title{
		font-size: 40px;
		margin: 30px 0;
	}
}
@media (max-width: 320px) {
	.list-type ul.list li .right .tit{
		font-size: 15px
	}
	.list-type ul.list li .right .tit > span{
		font-size: 13px;
		margin-left:5px
	}
	.list-type ul.list li .right .box{
		padding: 15px 20px;
	}
	.list-type ul.list li .right .price{
		font-size: 15px;
	}
}

article.sub section .list-type .box p {
	font-size: 16px;
}
article.sub.type2 .container {
	padding: 80px 0 0 440px;
}
article.sub.type2 .container section {
	width: 100%;
}
article.sub.type2 .parent-container{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
article.sub.type2 .cover{
	position: absolute;
}

article.sub.type2 .float{
		
}
article.sub.type2 .review ul {
	border-top: 1px solid #111;
}
article.sub.type2 .review ul li {
	position: relative;
	padding: 25px 30px 50px 30px;
	border-bottom: 1px solid #ccc;
}
article.sub.type2 .review ul li .time {
	position: absolute;
	right: 10px;
	top: 45px;
	font-size: 16px;
	color: #2e302f;
}
article.sub.type2 .review ul li .point {
	position: absolute;
    bottom: 20px;
    right: 10px;
    font-size: 14px;
    padding-left: 24px;
    background: url(../img/sub/icon04.png) no-repeat left center;
    padding-top: 5px;
} 
article.sub.type2 .review ul li .pf-area{
	overflow: hidden;
	margin-bottom: 10px;
}
article.sub.type2 .review ul li .pf-area > div {
	float: left;
}
article.sub.type2 .review ul li .pf-area .pf-img {
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
article.sub.type2 .review ul li .pf-area .user-name {
	font-size: 18px;
	font-weight: 600;
}
article.sub.type2 .review ul li .pf-area .user-pg {
	font-size: 14px;
	color: #828282;
	padding-left: 25px;
	background: url(../img/sub/icon01.png) no-repeat left center ;
	font-weight: 600;
}

article.sub.type2 .review ul li .review-cont{
	font-size: 16px;
}
article.sub.type2 .review ul li .star {
	color:#ffb400;
	padding-left: 20px;
	background: url(../img/sub/icon02.png) no-repeat left center ;
	margin-left: 4px;
}
article.sub.type2 .more button{
	width: 100%;
	border: 1px solid #111;
	font-size: 16px;
	padding: 10px 0;
	border-radius: 50px ;
	margin-top: 30px;
}
article.sub.type2 .qna {
	position: relative;
}
article.sub.type2 .qna .redir {
	color: #051e3e;
	border: 1px solid #051e3e;
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 16px;
}
table.basic.wh tr th.bg {
	background: #fff;
}
.register .toggle-cont .gray-box {
	border: 5px solid #eaeaea;
	margin-top: 60px;
}

.register .toggle-cont .gray-box .top .tit {
	font-size: 30px;
	font-weight: bold;
}
.register .rg-btn {
	width: 100%;
	font-size: 16px;
	padding: 10px 0;
	border-radius: 50px ;
	background-color: #051e3e;
	color: #fff;
}
.register .rg-btn .arrow{
	display: inline-block;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    margin-left: 10px;
    vertical-align: middle;
	margin-top: -4px;
	transition: all 0.2s ease;
}
.register .rg-btn.on .arrow{
	transform: rotate(135deg);
	margin-top: 0;
}
.register .rg-btn.on {
	 background-color: #8f8f8f;
}
.register .toggle-cont .gray-box .top {
	padding: 30px 45px;
	border-bottom :5px solid #eaeaea;
}
.register .toggle-cont .gray-box .bt {
	padding: 30px 45px;
}
.register .toggle-cont .gray-box .mid {
	font-size: 20px;
	font-weight: 600;
}
.register .toggle-cont .gray-box .bt .tb {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 15px 20px ;
}
.register .toggle-cont .gray-box .bt .tb > div {
	width: 50%;
	display: table-cell;
	
}
.register .toggle-cont .gray-box .bt .mid {
	padding-bottom: 15px;
	border-bottom: 1px solid #111;
}
.register .toggle-cont .gray-box .bt .tb > div:nth-of-type(1){
	font-weight: 600;
}
.register .toggle-cont .gray-box .bt .tb > div:nth-of-type(2){
	text-align: right;
}
.register .toggle-cont .gray-box .btn-wrap {
	width: 80%;
	margin: 0 auto;
	margin-top: 50px;
}
.register .toggle-cont .gray-box .time {
	padding-left: 34px;
	background: url(../img/sub/time.png) no-repeat left center ;
}
.register .toggle-cont .gray-box .btn-wrap button {
	width: calc( 50% - 5px );
	background: #051e3e;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	padding: 10px 0;
}
.register .toggle-cont .gray-box .btn-wrap button:first-child{
	background: #4d93b8;
	margin-right: 5px;
}
article.sub.type2 div{
	font-size: 16px;
}

.list_dl.type02 dl dt {
	font-weight: 600;
	padding-left: 15px;
}

article.sub.type2 .container section.register {
	padding: 0 0 100px ;
}

article.main .bible_tabcont_ul ul li .label_online.type01 {
	background-color:#3c8ba0
}


article.main .bible_tabcont_ul ul li .label_online.type03 {
	background-color:#005dab
}
article.main .bible_tabcont_ul ul li .label_online.type03:before{
	background:#004a89 url(../img/main/label_online.png) center center no-repeat;
}

article.main .bible_tabcont_ul ul li .label_online.type02 {
	background-color:#618045
}


.redir-btn a {
	border: 1px solid #051e3e;
	padding: 10px 20px;
	font-size: 16px;
	color: #051e3e;
	border-radius: 50px;
	margin-top: 17px;
}
.redir-btn a > span{
	position: relative;
	padding-right: 16px;
}
.redir-btn a > span:after{
	content: "";
	width: 6px;
	position: absolute;
	height: 6px;
	border-right: 1px solid #051e3e;
	border-bottom: 1px solid #051e3e;
	transform: rotate(-45deg);
	top: 7px;
	right: 0;
}

@media (max-width: 1280px) {
	article.sub.type2 .container {
		padding: 80px 20px 250px 440px;
	}

	article.sub section .box p {
		font-size: 16px;
	}

}


@media (max-width: 991px) {

	article.sub .container section {
		padding: 30px 0 40px ;
	}
	article.sub .cover {
		height: auto;
	}

	article.sub.type2 .container{
		padding: 240px 20px 30px 20px;
	}

	article.sub.type2 .cover{
		position: fixed;
		top: 90px;
		padding:20px 15px 7px;
	}
	article.sub.type2 .cover .lnb .dep2{
		padding: 15px 0;
	}
	article.sub.type2 .cover .div{
		padding-top: 0;
	}
	article.sub .cover .link {
		margin-top: 20px;
	}
	article.sub.type2 .cover .link ul li a {
		width: 15px;
		height: 15px;
		background-size: contain;
	}


	.register.for-mb .rg-btn {
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 0;
		border-radius: 0;
		padding: 15px 0;
		z-index: 99;
	}
	.register.for-mb .toggle-cont {
		position: fixed;
		bottom: 52px;
		width: 100%;
		left: 0;
		border-radius: 0;
		padding: 15px 0;
		z-index: 99;
		background-color: #fff;
		padding: 0;
		margin: 0;

	}
	.register.for-mb .toggle-cont .gray-box{
		margin-top: 0;
	}
	.register {
		display: none;
	}
	.register.for-mb{
		display: block;
	}
	.register.for-mb .toggle-cont .gray-box .btn-wrap{
		width: 95%;
	}

	article.sub.type2 .container section.register.for-mb{
		padding:0
	}

	
}
@media (max-width: 767px) {
	
	article.sub.type2 .cover{
		top: 60px;
	}

	article.sub.type2 div{
		font-size: 16px;
	}

	.register .toggle-cont .gray-box .top {
		padding: 20px;
	}
	.register .toggle-cont .gray-box .bt{
		padding: 20px;
	}

	article.sub.type2 .review ul li {
		padding: 20px 15px 30px 15px;
	}

	article.sub .cover .lnb li.on .dep2 {
		text-align: left;
	}
	article.sub .cover .lnb li.on .dep2 li {
		text-align: center;
		border: 1px solid #99999952;
	}


	table tr th:nth-of-type(4), table td:nth-of-type(4){

	}
	
}