@charset "UTF-8";
/*음성 명령 이용하기*/
.title-voice-icons {
	width: 100%;
	text-align: right;
	font-size: 0;
}
.service-icon {
	display: inline-block;
	margin-left: 15px;
	vertical-align: bottom;
}
@media only screen and (max-width: 767px) and (min-width: 0) {
	.service-icon {
		margin-left: 7.5px;
	}
}
.service-icon.is-on .blind{
	display: block;
}
.service-icon .blind{
	display: none;
}
.service-icon.possible .blind{
	display: block;
}
.service-icon.possible {
	width: 140px;
	height: 26px;
	margin-bottom: -2px;
	background: url("../images/service-icon-possible.png") no-repeat;
	background-size: auto;
}

@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.possible {
		width: 70px;
		height: 13px;
		margin-bottom: -1px;
		background: url("../images/service-icon-possible.png") no-repeat;
		background-size: auto 13px;
	}
}
.service-icon.candle {
	width: 14px;
	height: 23px;
	background: url("../images/service-icon-candle-off.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.candle {
		width: 7px;
		height: 11.5px;
		background: url("../images/service-icon-candle-off.png") no-repeat;
		background-size: auto 11.5px;
	}
}
.service-icon.candle.is-on {
	background: url("../images/service-icon-candle.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.candle.is-on {
		background: url("../images/service-icon-candle.png") no-repeat;
		background-size: auto 11.5px;
	}
}
.service-icon.mini {
	width: 24px;
	height: 18px;
	background: url("../images/service-icon-mini-off.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.mini {
		width: 12px;
		height: 9px;
		background: url("../images/service-icon-mini-off.png") no-repeat;
		background-size: auto 9px;
	}
}
.service-icon.mini.is-on {
	background: url("../images/service-icon-mini.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.mini.is-on {
		background: url("../images/service-icon-mini.png") no-repeat;
		background-size: auto 9px;
	}
}
.service-icon.nugu {
	width: 15px;
	height: 23px;
	background: url("../images/service-icon-nugu-off.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.nugu {
		width: 7.5px;
		height: 11.5px;
		background: url("../images/service-icon-nugu-off.png") no-repeat;
		background-size: auto 11.5px;
	}
}
.service-icon.nugu.is-on {
	background: url("../images/service-icon-nugu.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.nugu.is-on {
		background: url("../images/service-icon-nugu.png") no-repeat;
		background-size: auto 11.5px;
	}
}
.service-icon.nemo {
	width: 25px;
	height: 25px;
	background: url("../images/service-icon-nemo-off.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.nemo {
		width: 12.5px;
		height: 12.5px;
		background: url("../images/service-icon-nemo-off.png") no-repeat;
		background-size: auto 12px;
	}
}
.service-icon.nemo.is-on {
	background: url("../images/service-icon-nemo.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.nemo.is-on {
		background: url("../images/service-icon-nemo.png") no-repeat;
		background-size: auto 12px;
	}
}

.service-icon.nemo2 {
	width: 30px;
	height: 26px;
	background: url("../images/service-icon-nemo2-off.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.nemo2 {
		width: 14px;
		height: 12.5px;
		background: url("../images/service-icon-nemo2-off.png") no-repeat;
		background-size: auto 12px;
	}
}
.service-icon.nemo2.is-on {
	background: url("../images/service-icon-nemo2.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.nemo2.is-on {
		background: url("../images/service-icon-nemo2.png") no-repeat;
		background-size: auto 12px;
	}
}

.service-icon.btv {
	width: 19px;
	height: 26px;
	background: url("../images/service-icon-btv-off.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.btv {
		width: 9.5px;
		height: 13px;
		background: url("../images/service-icon-btv-off.png") no-repeat;
		background-size: auto 13px;
	}
}
.service-icon.btv.is-on {
	background: url("../images/service-icon-btv.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.btv.is-on {
		background: url("../images/service-icon-btv.png") no-repeat;
		background-size: auto 13px;
	}
}
.service-icon.btvai {
	width: 38px;
	height: 26px;
	background: url("../images/service-icon-ai2-off.png") no-repeat 0 2px;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.btvai {
		width: 22.5px;
		height: 13px;
		background: url("../images/service-icon-ai2-off.png") no-repeat;
		background-size: auto 13px;
	}
}
.service-icon.btvai.is-on {
	background: url("../images/service-icon-ai2.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.btvai.is-on {
		background: url("../images/service-icon-ai2.png") no-repeat;
		background-size: auto 13px;
	}
}
.service-icon.btvuhd {
	width: 25px;
	height: 25px;
	background: url("../images/service-icon-uhd-off.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.btvuhd {
		width: 12.5px;
		height: 12.5px;
		background: url("../images/service-icon-uhd-off.png") no-repeat;
		background-size: auto 12.5px;
	}
}
.service-icon.btvuhd.is-on {
	background: url("../images/service-icon-uhd.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.btvuhd.is-on {
		background: url("../images/service-icon-uhd.png") no-repeat;
		background-size: auto 12.5px;
	}
}
.service-icon.atv {
	width: 28px;
	height: 26px;
	background: url("../images/service-icon-atv-off.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.atv {
		width: 14px;
		height: 13px;
		background: url("../images/service-icon-atv-off.png") no-repeat;
		background-size: auto 12px;
	}
}
.service-icon.atv.is-on {
	background: url("../images/service-icon-atv.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.atv.is-on {
		background: url("../images/service-icon-atv.png") no-repeat;
		background-size: auto 12px;
	}
}

.service-icon.albert {
	width: 17px;
	height: 26px;
	background: url("../images/service-icon-albert-off.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.albert {
		width: 8.5px;
		height: 13px;
		background: url("../images/service-icon-albert-off.png") no-repeat;
		background-size: auto 12px;
	}
}
.service-icon.albert.is-on {
	background: url("../images/service-icon-albert.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.albert.is-on {
		background: url("../images/service-icon-albert.png") no-repeat;
		background-size: auto 12px;
	}
}


.service-icon.ttel {
	width: 26px;
	height: 26px;
	background: url("../images/service-icon-ttel-off.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.ttel {
		width: 13px;
		height: 13px;
		background: url("../images/service-icon-ttel-off.png") no-repeat;
		background-size: auto 12px;
	}
}
.service-icon.ttel.is-on {
	background: url("../images/service-icon-ttel-on.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.ttel.is-on {
		background: url("../images/service-icon-ttel-on.png") no-repeat;
		background-size: auto 12px;
	}
}


.service-icon.buds {
	width: 26px;
	height: 26px;
	background: url("../images/service-icon-buds-off.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.buds {
		width: 13px;
		height: 13px;
		background: url("../images/service-icon-buds-off.png") no-repeat;
		background-size: auto 12px;
	}
}
.service-icon.buds.is-on {
	background: url("../images/service-icon-buds-on.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.buds.is-on {
		background: url("../images/service-icon-buds-on.png") no-repeat;
		background-size: auto 12px;
	}
}


.service-icon.aIsoundmax {
	width: 38px;
	height: 26px;
	background: url("../images/service-icon-aIsoundmax.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.aIsoundmax {
		width: 19px;
		height: 13px;
		background: url("../images/service-icon-aIsoundmax.png") no-repeat;
		background-size: auto 12px;
	}
}
.service-icon.aIsoundmax.is-off {
	background: url("../images/service-icon-aIsoundmax-off.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.aIsoundmax.is-off {
		background: url("../images/service-icon-aIsoundmax-off.png") no-repeat;
		background-size: auto 12px;
	}
}



.markdown-section .title-imageMainWrap {
	position: relative;
	margin: -20px auto 0;
}
.markdown-section .title-imageMainWrap .title-imageMain {
	position: relative;
	min-height: 0;
	padding: 30px 0 46px;
	border-bottom: 2px solid #e3e3e3;
	margin-bottom: 56px;
	background: none;
}
.markdown-section .title-imageMainWrap .title-imageMain .title {
	margin-bottom: 15px;
	font-size: 1.063em;
}
.markdown-section .title-imageMainWrap .title-imageMain .sub {
	font-size: 2.8em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
	.markdown-section .title-imageMainWrap .title-imageMain .sub {
		font-size: 2em;
	}
}
.markdown-section .title-imageMainWrap .title-imageMain .image {
 top: 50%;
 right: 8px;
 bottom: unset;
 bottom: auto;
 margin-top: -3em;
}
.markdown-section .title-imageMainBg {
	height: auto;
}
.image-lg .imageInner-anchor2 {
	background: rgba(255,255,255,0);
}

/*190513 추가*/
.book-gnb {
	height: 140px;
}
.book-gnb .logo-img {
	height: 25px;
}
@media (max-width: 375px) {
	.book-gnb .logo-img {
		height: 21px;
	}
}
.gnb-pdf-link {
	display: block;
	margin: 20px 0 0 -10px;
}
.gnb-pdf-img {
	height: 35px;
}
#book-search-input {
	top: 143px;
}
.book-summary nav[role="navigation"] {
	top: 185px;
}

/*190801추가*/
.tbl-mo-style table {
	display:none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
	.tbl-web-style table {
		display:none;
	}
	.tbl-mo-style table {
		display:table;
	}
}
/*191105*/
.service-icon.chips {
	width: 24px;
	height: 26px;
	background: url("../images/service-icon-chips-off.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.chips {
		width: 12px;
		height: 13px;
		background: url("../images/service-icon-chips-off.png") no-repeat;
		background-size: auto 12px;
	}
}
.service-icon.chips.is-on {
	background: url("../images/service-icon-chips-on.png") no-repeat;
	background-size: auto;
}
@media only screen and (max-width: 980px) and (min-width: 0) {
	.service-icon.chips.is-on {
		background: url("../images/service-icon-chips-on.png") no-repeat;
		background-size: auto 12px;
	}
}
/* 20201006 */
.ctn_imgtextbox {position: relative; margin-bottom: 20px;}
.ctn_imgtextbox .imgbox_left {border: 1px solid #ccc; width: 400px; float: left; margin-right: 30px;}
.ctn_imgtextbox .imgbox_left img {width: 100%;}
.ctn_imgtextbox .textbox_right {float: right; width: calc(100% - 450px);}
.ctn_imgtextbox .textbox_right .title-content {margin-top: 0;}
.ctn_imgtextbox:after {content:""; display: block; height: 0; font-size: 0; clear: both;}
@media only screen and (max-width: 1200px) and (min-width: 0) {
	.ctn_imgtextbox .imgbox_left {border: 1px solid #ccc; width: 50%; float: left; margin-right: 30px;}
	.ctn_imgtextbox .textbox_right {float: right; width: calc(50% - 30px);}
}

.ctn_imgtextbox .textbox_left {width: calc(100% - 550px); float: left; margin-right: 25px;}
.ctn_imgtextbox .imgbox_right {float: right; width: 500px; margin-bottom: 35px; text-align: center;}
.ctn_imgtextbox .textbox_left .title-content {margin-top: 0;}
.ctn_imgtextbox .imgbox_right > p {display: inline-block; vertical-align: top; margin: 0 40px; text-align: center;}
.ctn_imgtextbox .imgbox_right > p img {display: inline-block;}
.ctn_imgtextbox .imgbox_right > p span {display: block; text-align: center; font-size: 14px; margin-top: 10px;}
.ctn_imgtextbox:after {content:""; display: block; height: 0; font-size: 0; clear: both;}
@media only screen and (max-width: 1200px) and (min-width: 0) {
	.ctn_imgtextbox .textbox_left {width: auto; float: none; margin-right: 25px;}
	.ctn_imgtextbox .imgbox_right {float: none; width:auto; margin-bottom: 35px; margin-top: 15px;}
}