body,h2,h3,h4,p {margin:0; padding:0;}
ul,li {margin:0; padding: 0; list-style: none;}
.onesentence_wrap h2 {font-size:0; position: absolute; left:-1000px;}
.scale {box-shadow:none!important; transform: scale(0.95); transition: all 0.3s ease!important; }
.noscale {transform: scale(1); transition: all 0.3s ease!important;}

/*모바일용 css*/
@media all and (min-width:320px) {
.onesentence_bg {background-color: #4b4d63; padding:0 25px 15px 25px; margin-top:0;}
.onesentence_wrap { width:100%; margin:0 auto; padding:130px 0 0 0; position: relative; font-size:16px; line-height: 24px; text-align: left;}
.onesentence_wrap .tit {display: block; position: fixed; top:55px; left:0px; width:170px; height:100px; background: url(//image.aladin.co.kr/img/recommend/2020/one_sentence_mtop.png); background-size:100% auto; transition: top 0.3s ease;}
.onesentence_wrap section {width:100%; min-height:470px; background-color:#fff; border-radius:20px; overflow: hidden; margin-bottom: 40px; box-shadow:5px 5px 8px rgba(0, 0, 0, 0.5); position:sticky; position: -webkit-sticky; top:130px; transform-origin: center top; transition: top 0.3s ease;}
.onesentence_wrap section .cover {width:100%; height:235px; overflow: hidden;}
.onesentence_wrap section .cover img {width:100%;}
.onesentence_wrap section .text {width:100%; position: relative;  height:100%;} 
.onesentence_wrap section .text {padding:20px 20px 60px 20px; box-sizing: border-box; word-break: keep-all;}
.onesentence_wrap section .text p { min-height:140px; overflow: hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8;}
.onesentence_wrap section .text span { display: inline-block; padding:10px 0 0 0; font-weight: bold;}
.onesentence_wrap section .text span a {color: #333; text-decoration: none;}
.onesentence_wrap section .text ul { position: absolute; bottom:20px; right:20px; line-height:0; }
.onesentence_wrap section .text ul li {float: left; margin:0 0 0 8px;}
.onesentence_wrap section .text ul li img {width:35px;}
.onesentence_wrap section .text ul::after {content:''; display: block; clear: both;}

/*알라딘 모바일 헤더*/
.aladin-gnb {position: fixed!important; top:0; width:100%; background:#fff; transition:top 0.5s ease; z-index:10;}
.hd_up { top:-55px!important;}
.hd_down {top:0px!important; }
.top_position1 {top:0px!important; }
.top_position2 {top:64px!important; }
.virtual_box { width: 100%; height:153px;}
}
@media all and (min-width:400px) {
.onesentence_wrap section .cover {width:100%; height:250px; overflow: hidden;}
}

/*pc용 css*/
@media all and (min-width:800px) {
.onesentence_bg {background-color: #4b4d63; padding:0 0 20px 0; }
.onesentence_wrap { width:750px; margin:0 auto; padding:273px 0 0 0; position: relative; font-family:'malgun gothic','Apple SD Gothic Neo','돋움',Sans-serif; font-size:14px; line-height: 24px; text-align: left;}
.onesentence_bg .tit {display: block; position:fixed; top:153px; left:50%; transform: translateX(-145%); width:323px; height:179px; background: url(//image.aladin.co.kr/img/recommend/2020/one_sentence_top.png); transition: top 0.3s ease; z-index:1;}
.onesentence_wrap section {width:750px; height:500px; background-color:#fff; border-radius:20px;  overflow: hidden; margin-bottom: 60px; box-shadow:5px 5px 8px rgba(0, 0, 0, 0.5); position:sticky; position: -webkit-sticky; top:273px; transform-origin: center top; transition: top 0.3s ease;  z-index:9;}
.onesentence_wrap section::after {content:''; display: block; clear: both;}
.onesentence_wrap section .cover {width:50%; height:500px; float:right;}
.onesentence_wrap section .cover img {width:100%;}
.onesentence_wrap section .text {width:50%; float: left;  position: relative; height:100%;} 
.onesentence_wrap section .text {padding:40px 30px; box-sizing: border-box; word-break: keep-all;}
.onesentence_wrap section .text p {height:290px; overflow: hidden;-webkit-line-clamp:12;}
.onesentence_wrap section .text span { display: inline-block; padding:30px 0 0 0; font-weight: bold;}
.onesentence_wrap section .text span a:link {color: #333; text-decoration: none;}
.onesentence_wrap section .text span a:hover {color: #333; text-decoration: underline;}
.onesentence_wrap section .text span a:visited {color: #333; text-decoration: none;}
.onesentence_wrap section .text ul { position: absolute; bottom:40px; left:30px;  line-height:0;}
.onesentence_wrap section .text ul li {float: left; margin:0 10px 0 0;}
.onesentence_wrap section .text ul li img {width:46px;}
.onesentence_wrap section .text ul::after {content:''; display: block; clear: both;}
/*알라딘 pc 헤더*/
#header_headerTop {position: fixed; top:0; width:100%; background:#fff; transition: top 0.3s ease; z-index:10;}
.hd_up { top:-153px!important;}
.hd_down {top:0px!important; }
.top_position1 {top:0px!important; }
.top_position2 {top:120px!important; }
.virtual_box { width: 100%; height:153px;}
}



/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .onesentence_bg .tit {display: block; position:fixed; top:153px; left:0; transform: translateX(0)!important;   width:100%; height:100px; background: url(//image.aladin.co.kr/img/recommend/2020/one_sentence_top_ie.png) #4b4d63 no-repeat 35% top; transition: top 0.3s ease; z-index:18;}
    .scale {box-shadow:none!important; transform: scale(1); transition: all 0.3s ease!important;}
}