@charset "utf-8";
/* CSS Document */
body,table,input,textarea,select,button{font-family: 'Pretendard Variable','Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif;}


    .comment_btn_gray_s a:link {text-decoration: none!important; color: #01aef3; font-size: 14px;  line-height:1.4; display: block; margin: 0; padding: 5px 10px 5px 0; border:0;}
    .comment_btn_gray_s a:hover { text-decoration: none!important; color: #01aef3!important;}
    .comment_btn_gray_s a:visited { text-decoration: none!important; color: #01aef3; font-size: 14px; display: block;  margin: 0; border: 0;}
    .comment_bt1{ display:inline-block}
    .comment_bt1 img{ width:25px ; border:0}
    .comment_bt2{ display:inline-block; padding-left:5px; vertical-align: middle;}
    #fileUploader::-webkit-file-upload-button { cursor:pointer; }


    .comment_wrap {width: 100%; margin: 0 auto; font-family: 'Pretendard Variable','Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif;}
    #comment2019 { width:90%; margin:0 auto}
    #comment2019 h1{font-size:25px; letter-spacing:-2px; color:#000;  font-weight:bold; padding:45px 0 0 0; text-align:left; line-height:160%}
    #comment2019 h3{ font-size:17px; font-weight:normal; letter-spacing:-1px;text-align:left}

    #comment2019 .comment-tit {font-size:25px; letter-spacing:-2px; color:#000;  font-weight:bold; padding:45px 0 0 0; text-align:left; line-height:160%}
    #comment2019 .comment-sub { font-size:17px; font-weight:normal; letter-spacing:-1px;text-align:left}

    #comment2019 .comment_number{text-align:left;font-size:1em; text-align:left; line-height:130%; padding:25px 0 5px 3px; box-sizing: content-box;}
    #comment2019 .login_message{text-align:left;font-size:1em; text-align:left;}
    #comment2019 .name{ font-weight:bold}

    #comment2019 .box1{ border:1px solid #d5d5d5; padding:12px 20px 12px 20px; background:#f4f4f4; position:relative;}
    #comment2019 .box2{ border:1px solid #d5d5d5; padding:12px 10px 12px 10px; position:relative;}
    #comment2019 .box2 .rightbox{ float:right; width:100%;color:#000 ;letter-spacing:-0.5px; font-size:1em; line-height:160%; text-align:left}
    #comment2019 .box3{border:1px solid #d5d5d5; padding:0 0px 0 0;position:relative;background:#ffffff }
    #comment2019 .box3 .leftbox{ float:left; width:30%; color:#000;}
    #comment2019 .box3 .leftbox img{ overflow:hidden;width:100%;vertical-align:top;}
    #comment2019 .box3 .rightbox{ float:right; width:64%;color:#000 ;letter-spacing:-0.5px; font-size:1em; line-height:160%; padding:3% 3% 3% 3%; background:#fff; text-align:left }
    #comment2019 .box4{ border:1px solid #d5d5d5; padding:12px 10px 10px 10px; background:#f4f4f4; position:relative; }

    #comment2019 .comment_list1{ text-align:left; font-size:1em; line-height:160%; padding:20px 0 0 3px; letter-spacing:-0.5px; word-break: break-all;}
    #comment2019 .comment_list1 .top{font-size:14px;letter-spacing:0}
    #comment2019 .comment_list1 .gray{color:#888888; padding:0 10px 0 10px; vertical-align:middle;font-size:1em;letter-spacing:-0.5px}
    #comment2019 .comment_list1 .blue_text a{text-decoration: none!important; color: #01aef3;font-size:1em;}
    #comment2019 .endline{ border-bottom:1px solid #d5d5d5; padding:38px 0 0 0; }
    #comment2019 .comment_list1 .comment {display: flex; justify-content: space-between;}
    #comment2019 .comment_list1 .c_text {width: calc(100% - 70px);}
    #comment2019 .comment_list1 .thum_img {width: 60px; height: 60px; border: 1px #d5d5d5 solid; flex-shrink: 0; position: relative; margin-left: 10px; margin-top: 4px; cursor: pointer;}
    #comment2019 .comment_list1 .thum_img img {width: 100%;}
    #comment2019 .comment_list1 .thum_img .number {min-width: 22px; height: 22px; position: absolute; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); color: #fff; font-size: 13px; padding:0 4px; box-sizing: border-box; text-align: center; line-height: 23px; font-weight: bold;}
    
    #comment2019 .comment_list2 {padding:20px 0 0 0}
    #comment2019 .comment_list2 .left{ float:left; width:22%;}
    #comment2019 .comment_list2 .right{float:right; width:71%;  text-align:left; font-size:15px; line-height:160%; padding:0px 0 0 3%; letter-spacing:-0.5px}
    #comment2019 .comment_list2 .right .top{font-size:14px;letter-spacing:0}
    #comment2019 .comment_list2 .right .gray{color:#888888; padding:0 10px 0 10px; vertical-align:middle;font-size:1em;letter-spacing:-0.5px}
    #comment2019 .comment_list2 .right .blue_text a{text-decoration: none!important; color: #01aef3;font-size:1em;}

    #comment2019 .comment_list3{padding:20px 0 0 0}
    #comment2019 .comment_list3 .left{ float:left; width:22%; padding:10px 0 0 0}
    #comment2019 .comment_list3 .left .circle{ -webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius: 50px; overflow:hidden; width:70px; height:70px}
    #comment2019 .comment_list3 .left img{ width:70px;}
    #comment2019 .comment_list3 .right{float:right; width:70%;  text-align:left; font-size:15px; line-height:160%; padding:0px 0 0 3px; letter-spacing:-0.5px}
    #comment2019 .comment_list3 .right .top{font-size:14px;letter-spacing:0}
    #comment2019 .comment_list3 .right .gray{color:#888888; padding:0 10px 0 10px; vertical-align:middle;font-size:1em;letter-spacing:-0.5px}
    #comment2019 .comment_list3 .right .blue_text a{text-decoration: none!important; color: #01aef3;font-size:1em;}
    
    #comment2019 .comment_list1::after, #comment2019 .comment_list2::after, #comment2019 .comment_list3::after {content: ''; display: block; clear: both;}

    .comment_text1{text-align:left; font-size:1.1em; line-height:170%;padding:10px 0 0px 3px; letter-spacing:-0.5px; font-weight:bold; color:#000 }
    .comment_text2{text-align:left; font-size:0.95em; line-height:170%;padding:10px 0 10px 3px; letter-spacing:-0.5px; color:#000}
    .comment_text2 .circle{ -webkit-border-radius: 80px; -moz-border-radius: 80px;border-radius: 80px; overflow:hidden; width:70px; height:70px}
    .comment_text2 .circle img{ width:70px;}
    .comment_text2 ul li{ display:inline;}
    .comment_text2 .li1{ width:30%; min-width: 95px; float:left}
    .comment_text2 .li1 img {width: 85px;}
    .comment_text2 .li2{ width:70%;float:left}
    .comment_textblue{color:#01aef3;}

    #comment2019  .btnleft{ float:left; width:60%; padding:15px 0 10px 0}
    #comment2019  .btnleft .gray{color:#888888; padding:0 10px 0 0px; vertical-align:middle;font-size:0.9em;letter-spacing:-1px}
    #comment2019  .btnleft2{float:left; width:20%; padding:10px 0 0 0 }
    #comment2019  .btnleft2 .left1{width:10%; padding-top:7px}
    #comment2019  .btnleft2 .left2{ display:none}
    #comment2019  .btnleft2 .left2_bar_blue{width:90%; height:3px; background:#dfe1e1}
    #comment2019  .btnleft2 .left2_bar_gray{background:#09C; width:50%; height:3px}

    #comment2019  .btnleft3 {float:left; width:20%; padding:15px 0 0 0 }
    #comment2019  .btnleft3 .left1{width:10%; padding-top:7px}
    #comment2019  .btnleft3 .left2{width:50%; padding-top:3px}
    #comment2019  .btnleft3 .left2_bar_blue{width:90%; height:3px; background:#dfe1e1}
    #comment2019  .btnleft3 .left2_bar_gray{background:#09C; width:50%; height:3px}

    #comment2019  .btnright{float:right; width:80%; text-align:right; padding-top:15px;color:#888888; vertical-align:middle;font-size:0.9em;letter-spacing:-1px; }
    #comment2019  .btnright strong{ color:#000}

    /*버튼*/
    .comment_btn_blue_s {display: inline-block; padding: 0; vertical-align: middle; text-align: center;  text-decoration: none!important;  background: #01aef3; margin:0 0 0px 8px;}
    .comment_btn_blue_s a:link {text-decoration: none!important; color: #fff; font-size: 0.9em;  line-height:1.4; display: block; margin: 0; border: 0; padding: 5px 16px 7px 16px}
    .comment_btn_blue_s a:hover { text-decoration: none!important; background: #0c89bb; color: #FFFFFF!important;}
    .comment_btn_blue_s a:visited { text-decoration: none!important; color: #fff; font-size:  0.9em; display: block;  margin: 0; border: 0;}

    .comment_btn_blue_s2 {display: inline-block; padding: 0; vertical-align: middle; text-align: center;  text-decoration: none!important;  background: #01aef3; position:absolute; z-index:9; bottom:0; left:0; width:30%}
    .comment_btn_blue_s2 a:link {text-decoration: none!important; color: #fff; font-size:  1em;  line-height:1.4; display: block; margin: 0; border: 0; padding: 8px 0px 8px 0px;}
    .comment_btn_blue_s2 a:hover { text-decoration: none!important; background: #0c89bb; color: #FFFFFF!important;}
    .comment_btn_blue_s2 a:visited { text-decoration: none!important; color: #fff; font-size:  1em; display: block;  margin: 0; border: 0;}


    .comment_btn_white_s {display: inline-block; padding: 0; vertical-align: middle; text-align: center;  text-decoration: none!important;  background: #fff; margin:0 0 0px 8px; border:1px solid #01aef3;}
    .comment_btn_white_s a:link {text-decoration: none!important; color: #01aef3; font-size: 1em;  line-height:1.4; display: block; margin: 0; border: 0; padding: 4px 16px 5px 16px}
    .comment_btn_white_s a:hover { text-decoration: none!important; background: #e8f0f4; color: #01aef3!important;}
    .comment_btn_white_s a:visited { text-decoration: none!important; color: #01aef3; font-size: 1em; display: block;  margin: 0; border: 0;}

    .comment_btn_pink_s {display: inline-block; padding: 0; vertical-align: middle; text-align: center;  text-decoration: none!important;  background: #fcfcfc; margin:0 0 1px 0px;border:1px solid #e1e1e1;}
    .comment_btn_pink_s a:link {text-decoration: none!important; color: #ef3c97; font-size: 1em;  line-height:1.4; display: block; margin: 0; border: 0; padding: 0px 5px 2px 5px}
    .comment_btn_pink_s a:hover { text-decoration: none!important; background: #e8e7e7; color: #ef3c97!important;}
    .comment_btn_pink_s a:visited { text-decoration: none!important; color: #ef3c97; font-size:  1em; display: block;  margin: 0; border: 0;}

    .comment_btn_gray_s {display: inline-block; padding: 0; vertical-align: middle; text-align: center;  text-decoration: none!important; margin:0 0 1px 0px;}
    .comment_btn_gray_s a:link {text-decoration: none!important; color: #333; font-size: 0.9em;  line-height:1.4; display: block; margin: 0; padding: 3px 3px; border:0}
    .comment_btn_gray_s a:hover { text-decoration: none!important; color: #333!important;}
    .comment_btn_gray_s a:visited { text-decoration: none!important; color: #333; font-size:  0.9em; display: block;  margin: 0; border: 0;}
    .comment_bt1{ display:inline-block}
    .comment_bt1 img{ width:20px; border:0}
    .comment_bt2{ display:none}

    #comment2019 .imgtext1{ text-align:left; padding:5px 0; border-top:1px solid #CCC}
    #comment2019 .imgtext1 img{padding:0 5px}

    #comment2019 .imglist{ position:relative;width:100%; height:95px; overflow:hidden;}
    #comment2019 .imglist ul{ padding:0; margin:0;}
    #comment2019 .imglist ul li{padding:15px 10px 0 0; float:left;}
    #comment2019 .imglist img{ height:80px;}
    #comment2019 .imglist a{display:block; position:relative;}
    #comment2019 .imglist .bt_x{position:absolute; z-index:99; bottom:0;right:0px}
    #comment2019 .imglist .bt_x img{width:20px; height:20px;}

    #comment2019 .imglist .prewbt{position:absolute; z-index:999; top:35%; left:0}
    #comment2019 .imglist .prewbt img{width:30px; height:36px}
    #comment2019 .imglist .nextbt{position:absolute; z-index:999; top:35%; right:0}
    #comment2019 .imglist .nextbt img{width:30px; height:36px}


    .comm_page{ padding:20px 0 30px 0;}
    .comm_page table{ margin:0 auto;}
    .comm_pagenum {text-align: center;width: 30px;padding: 0 2px 0 2px;}
    .comm_pagenum a {display: block; padding:3px 0 4px 0;}
    .comm_pagenum_on {border: 1px solid #3fb9f4;padding: 3px 2px 4px 2px;width: 30px;background: #fff;font-weight: bold;color: #3fb9f4;text-align: center;}
    .comm_pagenum_off{padding: 3px 2px 4px 2px;width: 30px;background: #fff;color: #666;text-align: center;}

    /*이미지 크게보기 추가*/

    .cr_layer_bg { position:fixed; background:rgba(0,0,0, 0.9); width:100%; height:100%; z-index:10000; top:0; padding-bottom:20px;}

    .cr_layer_cont { position:absolute; z-index:10001; width:100%; height:100%; top:0; overflow-x:hidden; overflow-y:scroll; background:rgba(0,0,0, 0.9);}
    .cr_layer_cont2 { position:absolute; background:rgba(0,0,0, 0.9); z-index:11; top:0; left:0; width:100%;}
    .cr_layer_close { position:absolute; z-index:12; right:10px; padding-top:20px;}
    .cr_layer_book {float:left; padding:20px 0 15px 10px; color:#fff;}
    .cr_layer_book a:link {color:#fff; text-decoration:none;}
    .cr_layer_book a:hover {color:#fff; text-decoration:none;}
    .cr_layer_book a:visited {color:#fff; text-decoration:none;}
    .cr_layer_btn {float:right; padding:42px 10px 0 0; color:#36c1ff;}
    .cr_layer_btn a:link { color:#36c1ff; text-decoration:none;}
    .cr_layer_btn a:visited { color:#36c1ff; text-decoration:none;}
    .cr_img li {padding-bottom:8px;}
    .cr_img li img {width:100%;}
    .cr_img2 { clear:both;  position:relative; padding-bottom:40%;width:100%;}
    .cr_img2 li img {width:100%;}
    .cr_sns { float:right; padding:5px 5px 15px 0;}
    .cr_sns li { float:left; padding-right:6px;}
    .cr_like { float:right; padding:8px 10px 0 0; color:#fff;}
    .cr_nav_pre { position:absolute; left:0; top:35%;z-index:9;}
    .cr_nav_next { position:absolute; right:0; top:35%;z-index:9;}
    .view_guide {position:absolute; top:40%; left:30%; z-index:10;}
    .endPage_guide {position:absolute; top:40%; left:20%; z-index:10;}

    .cr_close_btn1{ float:right; padding-top:30px;}

    .layer_grid_box { background:#505050; height:8px;}

    .cr_layer_tt1 {float:left; padding:10px 0 10px 10px; color:#36d2ff;}
    .cr_layer_more { float:right; padding:10px;}
    .cr_layer_more a:link { color:#FFFFFF; text-decoration:none;}
    .cr_layer_more a:hover { color:#FFFFFF; text-decoration:none;}
    .cr_layer_more a:visited { color:#FFFFFF; text-decoration:none;}

    .cr_layer_book2 { padding:8px 10px 15px 10px; color:#ffffff;}
    .cr_layer_book2 a:link { color:#FFFFFF; text-decoration:none;}
    .cr_layer_book2 a:hover { color:#FFFFFF; text-decoration:none;}
    .cr_layer_book2 a:visited { color:#FFFFFF; text-decoration:none;}

    #comment2019_Layer_out2{border:1px solid #CCC; box-shadow:2px 2px 0px rgba(0,0,0,.1); width:90%!important; }
    #comment2019_Layer2{ width:95%; margin:0 auto; padding:15px 0 15px 0}
    #comment2019_Layer2 h3{ font-size:1.2em; font-weight:normal; padding-left:20px;line-height:200%;  }
    #comment2019_Layer2 ul{ width:85%; margin:0 auto}
    #comment2019_Layer2 ul li{ list-style:url(//image.aladin.co.kr/img/events/img/2019_comment_icon_gray.jpg); font-size:1em; line-height:150%; text-align:left; }

    /* 이미지 보기 모달 팝업 */
    .comment_imgmodal_wrap {position: fixed; width: 100vw; height: 100vh; z-index: 1200;}
    .comment_imgmodal_wrap .dim { position: fixed; left:0; top:0; width:100%; height: 100%; background: rgba(0, 0, 0, .8); z-index:-1; overflow: hidden; display: block;}
    .comment_imgmodal_wrap .imgmodal_in {position: fixed; left:0; top: 50%; transform: translateY(-50%); width: 100%; height:100%; padding-top: 50px; box-sizing: border-box;}
    .comment_imgmodal_wrap .imgmodal_in .close_btn {position: absolute; right: 20px; top: 20px; font-size: 0; width: 30px; height: 30px; background: url(https://image.aladin.co.kr/img/svg/close_w.svg) no-repeat center / 25px auto; border: 0; cursor: pointer;}
    .comment_imgmodal_wrap .imgmodal_in .swiper-slide {width: 100%; height: calc(100vh - 150px); display: flex; justify-content: center; align-items: center;}
    .comment_imgmodal_wrap .imgmodal_in .swiper-slide img {max-width: 100%; max-height: 100%;}
    .comment_imgmodal_wrap .imgmodal_in .swiper-button-next, .comment_imgmodal_wrap .imgmodal_in .swiper-button-prev {width: 40px; height: 200px; margin: 0;}
    .comment_imgmodal_wrap .imgmodal_in .swiper-button-next {background: url(https://image.aladin.co.kr/img/svg/arrow_go_w.svg) no-repeat right center / 20px auto; cursor: pointer; transform: translateY(-50%);}
    .comment_imgmodal_wrap .imgmodal_in .swiper-button-prev {background: url(https://image.aladin.co.kr/img/svg/arrow_go_w.svg) no-repeat right center / 20px auto; transform: translateY(-50%) rotate(180deg);  cursor: pointer;}





@media all and (min-width:750px) {
    .comment_wrap {width: 930px; margin: 0 auto;}
    #comment2019 {}
    #comment2019 h1{font-size:26px; letter-spacing:-2px; color:#000;  font-weight:bold; padding:45px 0 0 0; text-align:left}
    #comment2019 h3{ font-size:17px; font-weight:normal; letter-spacing:-1px;text-align:left}

    #comment2019 .comment-tit {font-size:26px; letter-spacing:-2px; color:#000;  font-weight:bold; padding:45px 0 0 0; text-align:left}
    #comment2019 .comment-sub{ font-size:17px; font-weight:normal; letter-spacing:-1px;text-align:left}

    #comment2019 .comment_number{text-align:left;font-size:16px; text-align:left; line-height:130%; padding:25px 0 5px 3px; box-sizing: content-box;}
    #comment2019 .login_message{text-align:left;font-size:16px; text-align:left;}
    #comment2019 .name{ font-weight:bold}

    #comment2019 .box1{ border:1px solid #d5d5d5; padding:12px 30px 12px 30px; background:#f4f4f4; position:relative; }
    #comment2019 .box2{ border:1px solid #d5d5d5; padding:0 5px 0 5px;}
    #comment2019 .box2 .rightbox{width:94%;color:#000; padding:3%  ;letter-spacing:-0.5px; font-size:15px; text-align:left; line-height:28px; margin:0 auto; border:0;}
    #comment2019 .box3{border:1px solid #d5d5d5; padding:0 ;position:relative;background:#fff}
    #comment2019 .box3 .leftbox{ float:left; width:15%; color:#000; background:#f2f2f2}
    #comment2019 .box3 .leftbox img{ overflow:hidden}
    #comment2019 .box3 .rightbox{ float:right; width:79%;color:#000 ;letter-spacing:-0.5px; font-size:15px; text-align:left;line-height:28px;padding:3% 3% 1% 3%;  background:#FFF;  position:relative;; min-height:110px}
    #comment2019 .box4{ border:1px solid #d5d5d5; padding:12px 30px 50px 30px; background:#f4f4f4; position:relative; }

    #comment2019 .comment_list1{ text-align:left; font-size:15px; line-height:28px; padding:25px 0 0 3px; letter-spacing:-0.5px}
    #comment2019 .comment_list1 .top{font-size:14px;letter-spacing:0}
    #comment2019 .comment_list1 .gray{color:#888888; padding:0 10px 0 10px; vertical-align:middle;font-size:13px;letter-spacing:0}
    #comment2019 .comment_list1 .blue_text a{text-decoration: none!important; color: #01aef3;}
    #comment2019 .endline{ border-bottom:1px solid #d5d5d5; padding:38px 0 0 0; }
    #comment2019 .comment_list1 .thum_img {width: 70px; height: 70px; margin-left: 20px; margin-top: 7px;}
    #comment2019 .comment_list1 .thum_img .number {line-height: 22px;}

    #comment2019 .comment_list2{padding:25px 0 0 0}
    #comment2019 .comment_list2 .left{ float:left; width:12%;}
    #comment2019 .comment_list2 .right{float:right; width:85%;  text-align:left; font-size:15px; line-height:28px; padding:0px 0 0 2%; letter-spacing:-0.5px}
    #comment2019 .comment_list2 .right .top{font-size:14px;letter-spacing:0}
    #comment2019 .comment_list2 .right .gray{color:#888888; padding:0 10px 0 10px; vertical-align:middle;font-size:13px;letter-spacing:-0.5px}
    #comment2019 .comment_list2 .right .blue_text a{text-decoration: none!important; color: #01aef3;}

    #comment2019 .comment_list3{padding:25px 0 0 0}
    #comment2019 .comment_list3 .left{ float:left; width:11%; padding:10px 0 0 0}
    #comment2019 .comment_list3 .left .circle{ -webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius: 50px; overflow:hidden; width:80px; height:80px}
    #comment2019 .comment_list3 .left img{ width:80px;}
    #comment2019 .comment_list3 .right{float:right; width:85%;  text-align:left; font-size:15px; line-height:28px; padding:0px 0 0 3px; letter-spacing:-0.5px}
    #comment2019 .comment_list3 .right .top{font-size:14px;letter-spacing:0}
    #comment2019 .comment_list3 .right .gray{color:#888888; padding:0 10px 0 10px; vertical-align:middle;font-size:13px;letter-spacing:-0.5px}
    #comment2019 .comment_list3 .right .blue_text a{text-decoration: none!important; color: #01aef3;}


    .comment_text1{text-align:left; font-size:17px; line-height:28px;padding:10px 0 0px 3px; letter-spacing:-0.5px; font-weight:bold; color:#000 }
    .comment_text2{text-align:left; font-size:15px; line-height:28px;padding:10px 0 10px 3px; letter-spacing:-0.5px; color:#000}
    .comment_text2 .circle{ -webkit-border-radius: 80px; -moz-border-radius: 80px;border-radius: 80px; overflow:hidden; width:90px; height:90px}
    .comment_text2 .circle img{ width:90px;}
    .comment_text2 ul li{ display:inline;}
    .comment_text2 .li1{ width:15%;float:left}
    .comment_text2 .li2{ width:80%;float:left}
    .comment_textblue{color:#01aef3;}

    #comment2019  .btnleft{ float:left; width:60%; padding:15px 0 10px 0}
    #comment2019  .btnleft .gray{color:#888888; padding:0 10px 0 10px; vertical-align:middle;font-size:13px;letter-spacing:-0.5px}
    #comment2019  .btnleft2{float:left; width:40%; padding:10px 0 0 0; text-align:left}
    #comment2019  .btnleft2 .left1{float:left; width:10%; padding-top:7px}
    #comment2019  .btnleft2 .left2{float:left; width:90%; padding-top:20px; display:block}
    #comment2019  .btnleft2 .left2_bar_blue{width:90%; height:3px; background:#dfe1e1}
    #comment2019  .btnleft2 .left2_bar_gray{background:#09C; width:50%; height:3px}

    #comment2019  .btnleft3{ position:absolute; z-index:99; bottom:15px; left:15px; width:40%; padding:10px 0 0 0; text-align:left}
    #comment2019  .btnleft3 .left1{float:left; width:10%; padding-top:7px}
    #comment2019  .btnleft3 .left2{float:left; width:90%; padding-top:20px}
    #comment2019  .btnleft3 .left2_bar_blue{width:90%; height:3px; background:#dfe1e1}
    #comment2019  .btnleft3 .left2_bar_gray{background:#09C; width:50%; height:3px}

    #comment2019  .btnright{float:right; width:50%; text-align:right; padding-top:15px;color:#888888; vertical-align:middle;font-size:13px;letter-spacing:-0.5px; position:absolute; z-index:99; bottom:15px; right:17px; }
    #comment2019  .btnright strong{ color:#000}

    /*버튼*/

    .comment_btn_blue_s {display: inline-block; padding: 0; vertical-align: middle; text-align: center;  text-decoration: none!important;  background: #01aef3; margin:0 0 0px 8px;}
    .comment_btn_blue_s a:link {text-decoration: none!important; color: #fff; font-size: 12px;  line-height:1.4; display: block; margin: 0; border: 0; padding: 8px 25px 8px 25px}
    .comment_btn_blue_s a:hover { text-decoration: none!important; background: #0c89bb; color: #FFFFFF!important;}
    .comment_btn_blue_s a:visited { text-decoration: none!important; color: #fff; font-size: 12px; display: block;  margin: 0; border: 0;}

    .comment_btn_blue_s2 {display: inline-block; padding: 0; vertical-align: middle; text-align: center;  text-decoration: none!important;  background: #01aef3; position:absolute; z-index:8; bottom:0; left:0; width:15%}
    .comment_btn_blue_s2 a:link {text-decoration: none!important; color: #fff; font-size: 12px;  line-height:1.4; display: block; margin: 0; border: 0; padding: 8px 0px 8px 0px;}
    .comment_btn_blue_s2 a:hover { text-decoration: none!important; background: #0c89bb; color: #FFFFFF!important;}
    .comment_btn_blue_s2 a:visited { text-decoration: none!important; color: #fff; font-size: 12px; display: block;  margin: 0; border: 0;}


    .comment_btn_white_s {display: inline-block; padding: 0; vertical-align: middle; text-align: center;  text-decoration: none!important;  background: #fff; margin:0 0 0px 8px; border:1px solid #01aef3;}
    .comment_btn_white_s a:link {text-decoration: none!important; color: #01aef3; font-size: 12px;  line-height:1.4; display: block; margin: 0; border: 0; padding: 8px 25px 8px 25px}
    .comment_btn_white_s a:hover { text-decoration: none!important; background: #e8f0f4; color: #01aef3!important;}
    .comment_btn_white_s a:visited { text-decoration: none!important; color: #01aef3; font-size: 12px; display: block;  margin: 0; border: 0;}

    .comment_btn_pink_s {display: inline-block; padding: 0; vertical-align: middle; text-align: center;  text-decoration: none!important;  background: #fcfcfc; margin:0 0 1px 0px;border:1px solid #e1e1e1;}
    .comment_btn_pink_s a:link {text-decoration: none!important; color: #ef3c97; font-size: 12px;  line-height:1.4; display: block; margin: 0; border: 0; padding: 0px 5px 2px 5px}
    .comment_btn_pink_s a:hover { text-decoration: none!important; background: #e8e7e7; color: #ef3c97!important;}
    .comment_btn_pink_s a:visited { text-decoration: none!important; color: #ef3c97; font-size: 12px; display: block;  margin: 0; border: 0;}

    .comment_btn_grayk {display: inline-block; padding: 0; vertical-align: middle; text-align: center;  text-decoration: none!important;  margin:0 0 1px 0px;}
    .comment_btn_gray_s a:link {text-decoration: none!important; color: #01aef3; font-size: 14px;  line-height:1.4; display: block; margin: 0; padding: 5px 10px 5px 10px; border:0;}
    .comment_btn_gray_s a:hover { text-decoration: none!important; color: #01aef3!important;}
    .comment_btn_gray_s a:visited { text-decoration: none!important; color: #01aef3; font-size: 14px; display: block;  margin: 0; border: 0;}
    .comment_bt1{ display:inline-block}
    .comment_bt1 img{ width:25px ; border:0}
    .comment_bt2{ display:inline-block; padding-left:5px;}

    #comment2019 .imgtext1{ text-align:left; padding-top:5px; border-top:1px solid #CCC}
    #comment2019 .imgtext1 img{padding:0 5px}

    #comment2019 .imglist{ position:relative;width:100%; height:130px; overflow:hidden;}
    #comment2019 .imglist ul{ padding:0; margin:0;}
    #comment2019 .imglist ul li{ display:inline-block; padding:10px 10px 0 0; float:left;position:relative;}
    #comment2019 .imglist img{ height:120px;}
    #comment2019 .imglist a{display:inline-block; position:relative;}
    #comment2019 .imglist .bt_x{position:absolute; z-index:99px; bottom:0;right:0px}
    #comment2019 .imglist .bt_x img{width:25px; height:25px;}

    #comment2019 .imglist .prewbt{position:absolute; z-index:999; top:35%; left:0}
    #comment2019 .imglist .prewbt img{width:42px; height:50px}
    #comment2019 .imglist .nextbt{position:absolute; z-index:999; top:35%; right:0}
    #comment2019 .imglist .nextbt img{width:42px; height:50px}


    .comm_page{ padding:20px 0 30px 0}
    .comm_pagenum {text-align: center;width: 27px;padding: 2px 0 1px 0;}
    .comm_pagenum_on {border: 1px solid #3fb9f4;padding: 2px 0 1px 0;width: 23px;background: #fff;font-weight: bold;color: #3fb9f4;text-align: center;}
    .comm_pagenum_off {padding: 2px 0 1px 0;width: 27px;background: #fff;color: #666;text-align: center;}

    /*이미지 크게보기 추가*/
    .cr_layer_bg { position:fixed; background:rgba(0,0,0, 0.9); width:100%; height:100%; z-index:10000; margin-top:-9px; padding-bottom:20px;top:0;}

    .cr_layer_cont { position:absolute; z-index:10001; width:100%; height:100%; top:0; overflow-x:hidden; overflow-y:scroll;}
    .cr_layer_cont .cont_wrap {width:700px; margin:70px auto 0 auto;}
    .cr_layer_cont .cont_wrap .close_btn { float:right; padding-top:10px;}
    .cr_layer_cont .cont_wrap .view_btn { float:left; padding-top:25px;}
    .cr_layer_cont .cont_wrap .cr_img { position:relative;}
    .cr_layer_cont .cont_wrap .cr_img li { padding-bottom:15px;}
    .cr_layer_cont .cont_wrap .cr_img2 { clear:both;  position:relative; padding-bottom:40%;}
    .cr_layer_cont .cont_wrap .cr_sns { float: right; padding:5px 0 30px 0;}
    .cr_layer_cont .cont_wrap .cr_sns li { float:left; padding-right:6px;}
    .cr_layer_cont .cont_wrap .cr_like { float:right; padding:10px 0px 0 15px; color:#fff; font-size:14px;}
    .cr_close_btn1{ float:right; padding-top:10px;}

    .cr_layer_tt1 {float:left; padding:20px 0 10px 0; color:#36d2ff; font-size:20px; font-weight:bold;}
    .cr_layer_more { float:right; padding:25px 0 0 0;}
    .cr_layer_more a:link { color:#FFFFFF; text-decoration:none;}
    .cr_layer_more a:hover { color:#FFFFFF; text-decoration:underline;}
    .cr_layer_more a:visited { color:#FFFFFF; text-decoration:none;}

    .other_cr { margin-top:10px;}
    .other_cr li { float:left; margin-right:20px;}
    .other_cr li:last-child { margin:0;}
    .other_cr li img { width:220px;}

    .cr_nav_pre { position:absolute; left:0px; top:0; z-index:9;}
    .cr_nav_next { position:absolute; right:0px; top:0; z-index:9;}
    .view_guide_fold {position:absolute; top:280px; left:240px; z-index:10;}
    .view_guide_unfold {position:absolute; top:280px; left:285px; z-index:10;}
    .endPage_guide {position:absolute; top:280px; left:240px; z-index:10;}

    #comment2019_Layer_out2{border:1px solid #CCC; box-shadow:2px 2px 0px rgba(0,0,0,.1); width:430px}
    #comment2019_Layer2{ width:97%; margin:0 auto; padding:0 0 15px 0}
    #comment2019_Layer2 h3{ font-size:18px; font-weight:normal; padding-left:20px; }
    #comment2019_Layer2 ul{ width:85%; margin:0 auto}
    #comment2019_Layer2 ul li{ list-style:url(//image.aladin.co.kr/img/events/img/2019_comment_icon_gray.jpg); font-size:15px; line-height:150%; text-align:left; }

    /* 이미지 보기 모달 팝업 */
    .comment_imgmodal_wrap {position: fixed; width: 100vw; height: 100vh; z-index: 100;}
    .comment_imgmodal_wrap .dim { position: fixed; left:0; top:0; width:100%; height: 100%; background: rgba(0, 0, 0, .8); z-index:-1; overflow: hidden;}
    .comment_imgmodal_wrap .imgmodal_in {position: fixed; top: 180px; left: 50%; transform: translateX(-50%); width: 750px; height: calc(100vh - 280px); padding-top: 30px;}
    .comment_imgmodal_wrap .imgmodal_in .close_btn {position: absolute; right: 0; top: 0; font-size: 0; width: 30px; height: 30px; background: url(https://image.aladin.co.kr/img/svg/close_w.svg) no-repeat center; border: 0; cursor: pointer;}
    .comment_imgmodal_wrap .imgmodal_in .swiper-slide {width: 100%; height: calc(100vh - 280px); display: flex; justify-content: center; align-items: center;}
    .comment_imgmodal_wrap .imgmodal_in .swiper-slide img {max-width: 100%; max-height: 100%;}
    .comment_imgmodal_wrap .imgmodal_in .swiper-button-next, .comment_imgmodal_wrap .imgmodal_in .swiper-button-prev {width: 40px; height: 200px; margin: 0;}
    .comment_imgmodal_wrap .imgmodal_in .swiper-button-next {background: url(https://image.aladin.co.kr/img/svg/arrow_go_w.svg) no-repeat right center / 30px auto; cursor: pointer; transform: translateY(-50%);}
    .comment_imgmodal_wrap .imgmodal_in .swiper-button-prev {background: url(https://image.aladin.co.kr/img/svg/arrow_go_w.svg) no-repeat right center / 30px auto; transform: translateY(-50%) rotate(180deg);  cursor: pointer;}
    /* .comment_imgmodal_wrap .imgmodal_in .swiper-button-disabled {opacity: 0;}  */

}

#comment2019_Layer_out{border:1px solid #01aef3; box-shadow:2px 2px 0px rgba(0,0,0,.1); width:100%; height:100%}
#comment2019_Layer{ width:90%; margin:0 auto; padding:0 0 15px 0}
#comment2019_Layer .area { float:left; margin:0; padding:0;width:100%; }
#comment2019_Layer .area_list { float:left; margin:0; padding:12px 0px; width:100%; border:1px solid #d5d5d5; color:#222;font-size: 14px;  line-height:1.4;}
#comment2019_Layer .title{ font-size: 20px;  line-height:1.4; padding:20px 0 7px 0; font-weight:bold; letter-spacing:-2px}
#comment2019_Layer .input1{border:1px solid #d5d5d5; font-size: 14px;  line-height:1.4; color:#01aef3; height:45px; padding:0 10px; width:90%}
#comment2019_Layer .search_left{ float:left; width:68%;}
#comment2019_Layer .search_right{ float:right; width:31%;}
#comment2019_Layer .search_sp{ clear:both; padding-top:12px; width:100%;}

#comment2019_Layer_out2{border:1px solid #CCC; box-shadow:2px 2px 0px rgba(0,0,0,.1); width:430px}
#comment2019_Layer2{ width:97%; margin:0 auto; padding:0 0 15px 0}
#comment2019_Layer2 h3{ font-size:1.1em; font-weight:normal; padding-left:20px}
#comment2019_Layer2 ul{ width:85%; margin:0 auto}
#comment2019_Layer2 ul li{ list-style:url(//image.aladin.co.kr/img/events/img/2019_comment_icon_gray.jpg); font-size:0.9em; line-height:150%; text-align:left}

.searchbook{ width:100%; padding:10px 0; overflow-y:scroll ;height:430px;}
.searchbook ul{width:96%; margin:0 auto ; padding:0}
.searchbook ul li{display:inline-block; float:left; width:30%; text-align:center;  min-height:200px; padding:0 2% 0 1%; vertical-align:bottom}
.searchbook ul li .align1{width:85px; margin:0 auto; position:relative;min-height:140px;}
.searchbook ul li .align1 img{ position:absolute; z-index:999; bottom:0; left:0}
.searchbook ul li .align2{ font-size:1.1em; text-decoration:none; color:#000;padding:7px 0 0 0; text-align:center;white-space: normal; line-height: 20px;-webkit-line-clamp: 2;height: 38px;word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden; }
.searchbook ul li a{color:#000;}

.searchbook2{ width:100%; padding:10px 0; overflow-y:scroll ;height:420px;}
.searchbook2 ul{width:90%; margin:0 auto ; padding:15px 0 0 0}
.searchbook2 ul li{display:inline-block;}
.searchbook2 .li1{ width:27%;float:left;}
.searchbook2 .li1 img{ width:80px;}
.searchbook2 .li2{ width:71%;float:left;color:#888;font-size: 0.9em;  white-space: normal; line-height: 20px;-webkit-line-clamp: 2;height: 67px;word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden; text-align:left}
.searchbook2 .li2 a{ text-decoration:none;color:#888;}
.searchbook2 .circle{ -webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius: 50px; overflow:hidden; width:80px; height:80px; margin:0 auto}
.searchbook2 .text1{color:#000;font-size: 1.1em;  line-height:1.4; padding-bottom:10px; text-align:left}
.searchbook2 .text1 a{ text-decoration:none;color:#000;}
.searchbook2 .endclear{ clear:both; padding-bottom:20px}


.searchbook a.on_img:link { display: block; margin: 0; padding:5px; width:85px}
.searchbook a.on_img:hover {display: block;border:5px solid #fff;padding:0; }
.searchbook a.on_img:visited { display: block;margin: 0; padding:5px;}

.comment_btn_blue {display: inline-block; padding: 0; vertical-align: middle; text-align: center;  text-decoration: none!important;  background: #01aef3; width:100%; height:47px}
.comment_btn_blue a:link {text-decoration: none!important; color: #fff; font-size: 14px;  line-height:47px; vertical-align:middle; display: block; margin: 0; border: 0;}
.comment_btn_blue a:hover { text-decoration: none!important; background: #0c89bb; color: #FFFFFF!important;}
.comment_btn_blue a:visited { text-decoration: none!important; color: #fff; font-size: 14px; display: block;  margin: 0; border: 0;}


#comment2019_Layer_out .comm_page{ padding:15px 0 20px 0}
#comment2019_Layer_out .comm_pagenum {text-align: center;width: 27px;padding: 2px 0 1px 0;}
#comment2019_Layer_out .comm_pagenum_on {border: 1px solid #3fb9f4;padding: 2px 0 1px 0;width: 23px;background: #fff;font-weight: bold;color: #3fb9f4;text-align: center;}
#comment2019_Layer_out .endline{ border-bottom:1px solid #d5d5d5; padding:0; }
.clear{ clear:both}

.check_comment1{ padding:5px; font-size:0.9em;}
a.check_comment1_blue{ color:#01aef3; padding-left:5px}

/* 댓글 */
.p_category {width: 100%; height:45px; border: 1px solid #d5d5d5; -webkit-appearance: none;  -moz-appearance: none; appearance: none; color:#333; background: url(//image.aladin.co.kr/img/svg/arrowbold_down_b.svg) no-repeat right 10px center / 20px auto; padding: 0 10px;}
.p_category::-ms-expand {display: none;}