@charset "utf-8";

/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,700&display=swap');

/* link */

a { color: #333; text-decoration: none; }
a:hover, a:focus, a:active, a:visited { text-decoration: none; }

a { text-decoration: none; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
a:link { text-decoration: none; color: #333333 }
a:hover { text-decoration: none;  !important color: #333333 }
a:visited { text-decoration: none; color: #333333 }


/* align */

.txt-left {text-align: left !important;}
.txt-right { text-align: right !important;}
.txt-center {text-align: center !important;}
.txt-center td {text-align: center;}
.txt-left tbody th {padding-left: 10px !important;text-align: left;}


/* common */

.clearfix::after {clear: both;content: '';display: block;visibility: hidden;}
.for-a11y {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0 0 0 0);overflow: hidden;text-indent: -5000em;}
.ellipsis {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;/* 라인수 */
-webkit-box-orient: vertical;word-wrap: break-word;}
.double-line {-webkit-line-clamp: 2;}
.hidden,
.u_skip {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden}


/* Hide Set */
.hide {overflow: hidden;position: absolute;left: -1000% !important;top: 0;width: 1px;height: 1px;font-size: 0.1%;line-height: 0.1%;}
.none {display: block;text-indent: -999em;width: 0;height: 0;overflow: hidden;font-size: 0}
.sp-hd {overflow: hidden;display: inline-block;font-size: 0;color: transparent;}
.invisible {display: none;overflow: hidden;clip: rect(0 0 0 0);margin: -1px;width: 1px;height: 1px;}
.text-hidden {display: inline-block;overflow: hidden;color: transparent;white-space: nowrap;}
.bd-none {border: none !important;}


/*
책읽는 사람들의 생활용품연구소
 */

.goods-wrap-out div {text-align: inherit;}
.goods-wrap-out img {width: 100%;vertical-align: top;border: 0 none;}

.goods-wrap-out {background: #ececec;margin-top: -9px;}
.goods-wrap {width: 720px;margin: 0 auto;background-color: #ececec;padding-bottom: 40px;}
.goods-section {padding-bottom: 25px;background: #fff;margin-top: 20px;border-top: 1px solid #e0e0e0;}
.goods-section + .goods-section {margin-top: 20px;border-top: 1px solid #e0e0e0;}
.goods-section h2{margin: 0;}
.goods-section.goods-header{padding: 0;margin: 0;border: 0;}
.itemcard {width: 100%;}
.item-info {padding: 0 10px;font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif;}
.item-info .item-title h2 {height: 73px;line-height: 72px;margin: 0;font-size: 27px;font-weight: bold;letter-spacing: -.20px;}
.item-info .item-img {margin: 0 -10px;}
.item-info dt {padding: 10px 0;padding-top: 0;margin-top: 15px;font-size: 27px;line-height: 35px;font-weight: bold;letter-spacing: -1.5px;word-break: keep-all;}
.typeB .item-info dt {margin-top: 15px;}
.item-info dd {padding: 10px 0;font-size: 16px;line-height: 26px;letter-spacing: -0.5px;}
.item-info dd.sub-title {padding-top: 0;font-size: 22px;line-height: 32px;}
.item-info dd.product-row:last-child {padding-bottom: 0;}
.item-info dd.add-desc {text-align: right;color: #545454;}
.item-info dd em {display: block;text-align: left;}
.item-info .product-row {border-top: 1px solid #e0e0e0;}


/* 2020 팝업추가 */
.goods_popup_out{width:700px; margin:0 auto}
.goods_popup_title{ width:90%; margin:20px auto 0 auto; font-size:18px; line-height:160%; padding:3%; text-align:left;font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; }
.goods_popup_t_pink{color:#df307f;}
.goods_bottom_text{ font-size:15px;line-height:150%; width:90%; margin:0 auto; padding:20px 0 30px 0}
.goods_bottom_text_s{font-size:12px;line-height:190%; padding-left:15px}
.goods_out1{padding:0px 0 20px 0; width:96%;  margin:0px auto; background:#fff; border:1px solid #dddcdc}
.goods_pop1{padding:20px 0 20px 0; margin:0 auto; width:100%;}
.goods_pop1 ul{width:90%; margin:0 auto;clear:both; padding:0}
.goods_pop1 ul li{display:inline;}
.goods_pop1 .li1{ float:left;width:28%; padding:17px 0 0 5px;font-size:14px}
.goods_pop1 .li2{ float:left;width:66%;padding:10px 0 0px 0; line-height:30px; vertical-align:middle;}
.goods_pop1 .li4{ float:left;width:13%; padding:15px 0 0 5px; text-align:left;font-size:14px}
.goods_pop1 .li5{ float:left;width:25%; padding:10px 0 0 0px; text-align:left}
.goods_pop1 .t1{padding:5px 0 0 0; font-size:15px; line-height:14px; color:#333; font-weight:normal; letter-spacing:-1px; text-align:left}
.goods_pop1 .t2{text-align:right; font-size:12px; padding-right:15px; color:#555}
.goods_pop1 .line1{clear:both;border-bottom:1px solid #e9e5e5; padding:25px 0 0 0; width:100%; margin:0 auto}
.goods_pop1 .input1{ border:1px solid #dcdcdc; padding:4% 3%; width:90%}
.goods_pop1 .input2{ border:1px solid #dcdcdc; padding:2% 3%; width:90%}
.goods_clear{ clear:both}

@media (min-width:640px) {.cartoon-flex{    display: block;    width: 70%;    margin: 0 auto;}
}
.item-info dd.product-row h3 {margin-bottom: 10px;font-size: 18px;font-weight: 400;}
.item-info .product-box li {position: relative;float: left;width: 50%;text-align: center;}
.item-info .product-box2 li {position: relative;float: left;width: 33.3%;text-align: center;}
.item-info .product-box2 li img {width: 105px;}
.item-info .product-box3 li {position: relative;float: left;width: 100%;text-align: center;}
.item-info .product-box3 li img {width: 115px;}
.item-info .product-box3 li .product-name {padding: 0 13px;margin-top: 5px;font-size: 16px;line-height: 26px;}
.item-info .product-scroll-wrap .product-name{text-align: center;}
.multi-line-box li {height: 170px;margin-top: 10px;}

.multi-line-box li:nth-child(1),
.multi-line-box li:nth-child(2) {margin-top: 0;}
.item-info .product-box li img {width: 115px;}
.item-info .product-box li .product-name {padding: 0 13px;margin-top: 5px;font-size: 16px;line-height: 26px;}
.product-row>div {overflow: hidden;height: 135px;}
.product-row>div.product-scroll-wrap {height: 170px;}
.product-row .api-list-scroll-wrap {overflow-x: auto;overflow-y: hidden;position: relative;z-index: 1;-webkit-overflow-scrolling: touch;}
.product-row .api-list-scroll-wrap>div {position: relative;height: 100%;}
.product-row .api-list-scroll {position: relative;height: 100%;margin-bottom: 20px;font-size: 0;line-height: 0;white-space: nowrap;}
.product-row .api-list-scroll li {float: none;display: inline-block;width: 105px;vertical-align: top;white-space: normal;}

@media (min-width:360px) {.product-row .api-list-scroll li {    width: 115px;}.product-row>div {    height: 145px;}.product-row>div.product-scroll-wrap {    height: 175px;}
}

@media (min-width:375px) {.product-row .api-list-scroll li {    width: 130px;}.product-row>div {    height: 160px;}.product-row>div.product-scroll-wrap {    height: 190px;}
}

.product-row .api-list-scroll li+li {margin-left: 25px;}
.product-row .api-list-scroll li img {width: 100%;}
.product-row .api-list-scroll li .product-name {padding: 0;}
.item-info dd.product-text ul {margin-left: 20px;}
.item-info dd.product-text li {list-style: disc;line-height: 26.775px;}
.item-info dd.product-color {text-align: right;}
.item-info dd.product-color span {display: inline-block;font-size: 16px;line-height: 30px;text-transform: uppercase;vertical-align: text-bottom;margin-right: 5px;}
.item-info dd.product-color ul {display: inline-block;}
.item-info dd.product-color li {display: inline-block;}
.item-info dd.product-color .color-circle {width: 25px;height: 25px;border-radius: 50%;background-color: #000;}
.item-info dd.product-color li:last-child .color-circle {width: 25px;height: 25px;border-radius: 50%;background-color: #ffb6d5;}
.menu-list {padding: 0 10px;}
.menu-list ul {width: 100%;}
.menu-list>ul>li {display: inline-block;position: relative;width: 48.5%;margin-top: 10px;background-size: cover;background-position: center;vertical-align: top;}
.menu-list>ul>li a {display: block;position: relative;width: 100%;height: 90px;}
.menu-list>ul>li span {display: none;justify-content: center;align-items: center;position: absolute;width: 100%;height: 100%;color: #fff;font-size: 20px;letter-spacing: -.10px;background-color: rgba(0, 0, 0, .65);}
.menu-list>ul>li:nth-child(odd) {margin-right: 4px;}
.menu-list>ul>li:nth-child(even) {float: right;margin-left: 4px;}
.menu-list>ul>li:first-child,
.menu-list>ul>li:nth-child(2) {margin-top: 0;}
.menu-list>ul>li:nth-child(1) {background-image: url(http://image.aladin.co.kr/product/11601/78/Cover/scm64255481466.jpg);}
.menu-list>ul>li:nth-child(2) {background-image: url(http://image.aladin.co.kr/product/11113/71/Cover/scm64255296162.jpg);}
.menu-list>ul>li:nth-child(3) {background-image: url(http://image.aladin.co.kr/product/9859/95/Cover/scm64254985723.jpg);}
.menu-list>ul>li:nth-child(4) {background-image: url(http://image.aladin.co.kr/product/10453/95/Cover/scm64254997599.jpg);}
.menu-list>ul>li:nth-child(5) {background-image: url(http://image.aladin.co.kr/product/10928/9/Cover/scm64255200353.jpg);}
.menu-list>ul>li:nth-child(6) {background-image: url(http://image.aladin.co.kr/product/10696/7/Cover/scm64255089435.jpg);}


/*알라딘 메이커스*/
.makers_top { background:url(//image.aladin.co.kr/img/aladinonly/aladinMakers_bg.jpg) repeat-x; height:290px; margin-top:-9px;}
.makers_top h2 {background:url(//image.aladin.co.kr/img/aladinonly/aladinMakers_top_1.jpg) no-repeat center;  height:290px; margin:0; text-indent:-9999px;}
.makers_cont { width:930px; margin:0 auto 20px auto;}
.makers_cont h3 { border-bottom:2px #282828 solid; font-size:22px; font-weight:normal; line-height: 45px; font-family: 'Noto Sans KR', sans-serif;}
.makers_cont h3>span { color: #f0228b; font-size:16px; display:inline-block; vertical-align: top;}

.makers_form {font-family: 'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; margin-bottom:80px;}
.makers_form dl {margin:0 0 20px 0;}
.makers_form dt {width:240px; float: left; font-size:18px; line-height:30px; position: relative;}
.makers_form dt>em {font-style: normal;  color: #f0228b; vertical-align: middle;}
.makers_form dt .m_question { vertical-align: middle;}
.makers_form dt .check_info { font-size:16px; display: block; padding-left:15px; box-sizing: border-box; margin-top:-5px;}
.makers_form dt .answer_box {background: #fff; position: relative; margin: 0; padding: 25px 20px; border: 1px solid #ccc; box-shadow: 0 3px 3px rgba(0, 0, 0, .15); font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; width: 400px; position: absolute; top:30px; left:0; font-size:15px;}
.makers_form dt .answer_box .close {position: absolute; right:10px; top:10px;}
.makers_form dt .answer_box h4 { margin:0; text-align: center; font-size:18px; padding-bottom:15px;}
.makers_form dt .answer_box .layer_text {margin:0; line-height:20px; padding:10px 0;}
.makers_form dt .answer_box p {margin:0; padding-bottom:10px;}

.makers_form dd {width:690px; float: left; font-size:16px;}
.makers_form dl::after {content:''; display: block; clear: both;}
.makers_form dd .info_t { display: inline-block; background:url(//image.aladin.co.kr/img/svg/dot_gray.svg) no-repeat left 11px; background-size:3px 3px; padding-left:8px; line-height:22px; vertical-align: middle; font-size:15px; margin-bottom:14px;}
.makers_form dd .text_count { display:inline-block; width:100%; text-align: right; padding-top:5px; font-size:15px; color:#666;}

.makers_form input , .makers_form button {border:0; -webkit-appearance:none; outline-style: none; vertical-align: middle; }
.makers_form input[type=radio] {border-radius:24px 24px; width:24px; height:24px; border:1px solid #cfcfcf; background:#ffffff; cursor:pointer;}
.makers_form input[type=radio]:checked {border:1px solid #33afe9; position:relative;}
.makers_form input[type=radio]:checked:after { content:''; display:block; position:absolute; background-color:#33afe9; border-radius:13px 13px; width:16px; height:16px; left:50%; top:50%; transform: translate(-50%, -50%);}
.makers_form input[type=radio]:disabled {background: #e6e6e6; }
.makers_form input[type=radio] + label { display: inline-block; vertical-align: middle; padding-left:4px; margin-right:10px; cursor: pointer; width:120px; box-sizing:border-box;}

.makers_form input[type=text] { border:1px solid #cfcfcf; height:45px; font-size:16px; padding:0 10px; margin-bottom:10px; box-sizing: border-box;}
.makers_form textarea {border:1px solid #cfcfcf; outline-style: none; vertical-align: middle; width:690px; padding:10px; box-sizing: border-box;}
.makers_form input[type=text]:focus , .makers_form textarea:focus { border:1px #33afe9 solid;}
.makers_form .type1 { width:300px; margin-right:15px;}
.makers_form .type2 { width:690px;}
.makers_form .type3 { width:610px; vertical-align:top; margin-left:5px;}
.makers_form .type4 { width:505px; vertical-align:top; margin-left:5px; margin-top:-8px;}

.makers_form input[type=checkbox] {background:url(//image.aladin.co.kr/img/common/check_blue.png) no-repeat; background-size:24px; width:24px; height:24px; border-radius:0; cursor: pointer;}
.makers_form input[type=checkbox]:checked {background:url(//image.aladin.co.kr/img/common/check_blue_on.png) no-repeat; background-size:24px;width:24px; height:24px;}
.makers_form input[type=checkbox]:checked:disabled {width:24px; height:24px; background:#999999  }
.makers_form input[type=checkbox]+label {cursor: pointer; padding-left:5px;}

.makers_form .hope_field li { float: left; width:50%; padding-bottom:10px;}
.makers_form .hope_field li:last-child { width:100%;}
.makers_form .hope_field::after {content:''; display: block; clear: both;}

.makers_form .gray_btn { display: block; font-family: 'Noto Sans KR', sans-serif; font-size:16px; width:230px; background-color:#c5c5c5; height:50px; line-height:45px; text-align: center; color:#fff; cursor: pointer; margin-bottom: 10px;}
.makers_form .gray_btn:hover {background-color:#a9a9a9;}

.makers_form .personal_agree { border-top:1px #d4d4d4 solid; font-size:16px; padding:40px 20px 50px 20px;}
.makers_form .personal_agree p { line-height:24px; padding:5px 0 0 40px; font-size:15px; margin:0;}

.makers_form .makers_apply { display: block; font-family: 'Noto Sans KR', sans-serif; font-size:20px; width:380px; background-color:#0fa8ff; height:60px; line-height:45px; text-align: center; color:#fff; cursor: pointer; margin:0 auto;}
.makers_form .makers_apply:hover { background-color:#099ef2;}

.makers_cont .event_goodsbn { margin-bottom:50px;}
.makers_cont .event_goodsbn li { float: left; width:33.3%;}
.makers_cont .event_goodsbn::after {content:''; display: block; clear: both;}

.makers_cont .being_guide { margin:40px 0 50px 0;}
.makers_cont .being_guide li { float: left; width:230px; height:230px; background-color:#daf2ff; border-radius:50%; margin:0 40px; text-align: center; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; padding:60px 10px 10px 10px; position: relative;}
.makers_cont .being_guide li::after { content:''; display: block; width:13px; height:23px; background: url(//image.aladin.co.kr/img/aladinonly/makers_arrow.gif) no-repeat; background-size:100% auto; position: absolute; right:-45px; top:50%; transform:translateY(-50%); }
.makers_cont .being_guide li:last-child::after {content:''; background:none;}
.makers_cont .being_guide li h4 { font-size:22px; color:#1092f6; letter-spacing:-1px; position: relative; font-weight:normal; margin:0;}
.makers_cont .being_guide li h4::after { content:''; display: block; width:20px; height:2px; background-color:#1092f6; position: absolute; bottom:-25px; left:50%; transform: translateX(-50%);}
.makers_cont .being_guide li p { margin:0; padding-top:45px; font-size:16px;}
.makers_cont .being_guide::after {content:''; display: block; clear: both;}

.makers_cont .info_box { background-color:#f5f5f5; padding:40px 30px; box-sizing: border-box; font-family: 'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; margin-bottom:80px;}
.makers_cont .info_box h4 {margin:0; font-size:18px; letter-spacing:-1px; padding-bottom:10px;}
.makers_cont .info_box li {background:url(//image.aladin.co.kr/img/svg/dot_black.svg) no-repeat left 9px; background-size:3px 3px; padding-left:8px; line-height:22px; font-size:14px; padding-bottom: 5px;}