@charset "euc-kr";
/*--------------------------------------*/
/*	¾ÅÅ©Á¸ - ¼­ºêÆäÀÌÁö °øÅë
/*  ÀÛ¼ºÀÚ : ÀÌ¿ø°æ
/*--------------------------------------*/
#middle{width:980px;margin:0 auto;overflow:hidden;}
/* CSS Document */
A { FONT-SIZE:12px; COLOR:#666666; TEXT-DECORATION:none; cursor:pointer;}
A:link{ FONT-SIZE:12px; COLOR:#666666; TEXT-DECORATION:none; cursor:pointer; }
A:visited { FONT-SIZE:12px; COLOR:#666666; TEXT-DECORATION:none; cursor:pointer; }
A:hover { FONT-SIZE:12px; TEXT-DECORATION:underline; cursor:pointer; border:0px none; }
img{border:0;vertical-align:middle;max-width:100%;}

.GNB .menu > li .sub .sub-menu li a,.GNB .menu > li .sub .sub-menu li a:hover{line-height:48px;}
.GNB .menu > li.share-data a:hover{color:#303030}
.GNB .menu > li.share-data a:hover span{color:#4770c2}
.GNB .menu > li.mall-data a:hover{color:#303030}
.GNB .menu > li.mall-data a:hover span{color:#56b737}

/* ¸®½ºÆ® */
.center .left_wrap {width:167px;float:left;padding-right:15px;}
.center .left_wrap, .center .left_wrap a{letter-spacing:-0.3px;}
.center .left_wrap h2{height:100px;padding:50px 0 30px;font-size:23px;line-height:1;font-weight:bold;color:#000;box-sizing:border-box;}
.center .left_wrap .category {border-top:2px solid #000;float:left; width:165px;}
.center .left_wrap .category .on a {color:#000;display:block;padding-left:17px;width:171px;height:33px;line-height:33px;border-top:1px solid #e1e1e1;}
.center .left_wrap .category .off a {color:#000;display:block;padding-left:17px;width:171px;height:33px;line-height:33px;border-top:1px solid #e1e1e1;}
.center .left_wrap .category ul {margin-bottom:15px;}
.center .left_wrap .category ul li a{display:inline-block;width:100%;height:52px;padding-left:10px;border-bottom:1px solid #dbdbdb;font-size:13px;line-height:52px;font-weight:bold;color:#000;box-sizing:border-box;text-decoration:none;}
.center .left_wrap .category ul li:last-child a{border-bottom:0;}

.center .left_wrap div.banner{clear:both; padding-top:10px;}
.center .left_wrap .state{padding:30px 0 10px 0; font-size:13px;}
.center .left_wrap .state span{color:#3f5aa5;}

/* ¿ìÃø */
.center .right_wrap {width:790px;float:right;letter-spacing:-0.3px;}

.center .right_wrap .menu_section{text-align:center;}
.center .right_wrap .menu_section .menu_tit{height:100px;padding:53px 0 30px;font-size:18px;line-height:1;font-weight:bold;color:#000;box-sizing:border-box;position:relative;}
.center .right_wrap .menu_section .menu_tit span.tit{display:block;}
.center .right_wrap .menu_section .menu_tit span.cate_depth{position:absolute;right:0;bottom:30px;font-size:13px;color:#b7b7b7;font-weight:normal;}
.center .right_wrap .menu_section .prev{display:inline-block;width:8px;height:12px;text-indent:-9999px;transform:rotate(180deg);}
.center .right_wrap .menu_section .next{display:inline-block;width:8px;height:12px;text-indent:-9999px;}

.center .right_wrap .category_box{display:flex;border-top:2px solid #000;border-bottom:1px solid #e4e5ed;overflow:hidden;}
.center .right_wrap .category_box .menu_btn{width:130px;float:left;padding-left:20px;background:#fafafc;box-sizing:border-box;font-size:13px;font-weight:bold;line-height:40px;color:#000;}
.center .right_wrap .category_box .menu_btn button{width:85px;height:40px;padding:0 30px 0 2px;font-size:13px;font-weight:bold;line-height:40px;color:#000;letter-spacing:-0.3px;}
.center .right_wrap .category_box .tab_menu{width:660px;float:right;overflow:hidden;background:url(//imgs.thinkzon.com/images/common/cate_line_bg.png)repeat-y 0 1px;}
.center .right_wrap .category_box .tab_menu:after{content:"";display:block;width:100%;clear:both;}
.center .right_wrap .category_box .tab_menu li{width:132px;height:40px;box-sizing:border-box;float:left;}
.center .right_wrap .category_box .tab_menu li a{display:inline-block;padding-left:20px;font-size:13px;line-height:40px;color:#898989;}
.center .right_wrap .category_box .tab_menu li a:hover,.center .right_wrap .category_box .tab_menu li.on a{color:#666;font-weight:bold;text-decoration:none;}

/* Ä«Å×°í¸® open & close */
.category_box.open .tab_menu{height:auto;}
.category_box.close .tab_menu,.category_box .tab_menu{height:40px;}
.category_box.open .menu_btn button{background:url(//imgs.thinkzon.com/images/common/up_btn.png) no-repeat right 18px;}
.category_box.close .menu_btn button{background:url(//imgs.thinkzon.com/images/common/down_btn.png) no-repeat right 18px;}

.center .right_wrap .best_form {width:790px;margin:30px auto 0;clear:both;overflow:hidden;}
.center .right_wrap .best_form ul li {width:180px;float:left;margin-left:14px;position:relative;}
.center .right_wrap .best_form ul li .thum_img {width:180px;height:232px;line-height:232px;text-align:center;vertical-align:middle;}
.center .right_wrap .best_form ul li .tit {overflow:hidden; height:20px; text-align:center;padding:7px 0 3px 0;}
.center .right_wrap .best_form ul li .tit a {font-weight:bold;color:#000;line-height:20px;}
.center .right_wrap .best_form ul li .info {line-height:140%;text-align:center;}
.center .right_wrap .best_form ul li .fontColorred{color:#d00000;}
.center .right_wrap .best_form .mouse-over a{width:182px;height:232px;}

/* .center .right_wrap .best_icon {width:62px; height:25px;text-align:center;  position:absolute;  vertical-align:middle;  left:5px; top:5px;} */

.center .right_wrap .result_none{margin:25px 0;font-size:16px;font-weight:bold;color:#000;}

/* ¹®¼­°øÀ¯ & ¹®¼­¸¶ÄÏ ¸®½ºÆ® */
.center .list_form {float:left; width:790px;padding-top:30px;padding-bottom:10px;}
.center .list_form .option {width:100%; float:left;}
.center .list_form .option span{padding-left:10px;  float:left;}
.center .list_form .option ul { float:right;margin:0 auto;padding-bottom:3px;}
.center .list_form .option ul li {float:left;}
.center .list_form dl { width:717px;}

.center .list_form .thum_img a {width:135px;height:172px;line-height:170px; text-align:center; display:block;  float:left;}
.center .list_form select::-ms-expand {display: none;}

/* °Ô½ÃÆÇÇü */
.center .list_board {float:left; margin-top:30px; padding:0; width:790px; border-top:1px solid #000;} 
.center .list_board table {background:#FFF;border-collapse:collapse; width:100%; }
.center .list_board table th {border-bottom:1px solid #e6e7e8; color:#010101;height:39px;line-height:39px;background:#f3f6fc;} 
.center .list_board table th.doc_tit{text-align:left;}
.center .list_board table td {padding:11px 0; border-bottom:1px solid #f1f2f2;overflow:hidden;font-size:13px; text-align:center; } 
.center .list_board table td, .center .list_board table td a{font-size:13px;}
.center .list_board table td.category {width:112px; text-align:center; font-family: dotum; color: #a9a9a9;}
.center .list_board table td.category a{color: #959595;text-decoration:none;}
.center .list_board table td.subject {text-align:left;}
.center .list_board table td.subject a{color:#666}
.center .list_board table td.subject a:hover{ color:#666; text-decoration:underline;}
.center .list_board table td.page { width:70px;color: #959595; }
.center .list_board table td.down { width:58px;}
.center .list_board table td.price { width:80px;}
.center .list_board table td.date { width:90px; padding:0px; color: #a9a9a9;}
.center .list_board table tr:last-child td{border-bottom:0;}

/* À̹ÌÁöÇü */
.center .list_imgView{width:790px;overflow:hidden;}
.center .list_imgView .item{padding:10px 0;overflow:hidden;}
.center .list_imgView .item .review_num {width:40px;height:45px;text-align:center;background-image:url(//imgs.thinkzon.com/images/gzon/icon_tie_p.png);z-index:1;position:absolute;top:0; left:0;vertical-align:middle;color:#fff;} /*¸®´º¾ó Àü*/
.center .list_imgView .item .review_num p{font-size:11px;}

.center .list_imgView .item .thum_img{float:left;display:table;width:135px;height:170px;border:1px solid #e8e8e8;text-align:center;position:relative;}
.center .list_imgView .item .thum_img img{vertical-align:middle;max-width:100%;max-height:170px;}

.center .list_imgView .item .right_txt{float:right;width:630px;padding:7px 0;}
.center .list_imgView .item .right_txt p{padding-bottom:7px;}
.center .list_imgView .item .right_txt p a{line-height:19px;color:#8b8b8b;}
.center .list_imgView .item .right_txt p img{vertical-align:top;}
.center .list_imgView .item .right_txt p .subject{font-size:14px;font-weight:bold;color:#000;/* line-height:20px; */padding-left:5px;}
.center .list_imgView .item .right_txt p.tag{height:20px;padding-bottom:0;overflow:hidden;}
.center .list_imgView .item .right_txt .cont{height:72px;overflow:hidden;}

.center .list_imgView .item .right_txt .info{margin:5px 0;}
.center .list_imgView .item .right_txt .info span{padding-right:10px;margin-right:10px;position:relative;}
.center .list_imgView .item .right_txt .info span:after{content:"";width:1px;height:7px;background-color:#5b5b5b;position:absolute;right:0;top:5px;}
.center .list_imgView .item .right_txt .info span.star{padding-right:0;}
.center .list_imgView .item .right_txt .info span.star:after,.center .list_imgView .item .right_txt .info span:last-child:after{display:none;}
/* .center .list_imgView .item .right_txt .info span a{color:#6699cc;} */
.center .list_imgView .item .right_txt .info,.center .list_imgView .item .right_txt .info a{color:#5b5b5b;}

.center .list_imgView .item .right_txt .tag span.tag_txt{display:inline-block;margin-right:10px;padding:0 5px;border:2px solid #e6e6e6;color:#a6a6a6;}
.center .list_imgView .item .right_txt .tag a{color:#999;}

/* º°Á¡ ¼öÁ¤ */
.center .list_imgView .item .right_txt .info{float:left;}
.center .list_imgView .starView_area{float:left;margin:5px 0;padding-left:10px;margin-left:-10px;position:relative;}
.center .list_imgView .starView_area .star_average{margin-top:0;}
.center .list_imgView .starView_area:before{content:"";position:absolute;top:5px;left:0;display:inline-block;width:1px;height:7px;background-color:#5b5b5b}
.center .list_imgView .item .right_txt p.tag{clear:both;}

.center .list_form .star{display:inline-block; height:11px; font-size:1px; color:#fff; vertical-align:middle; background:url('//imgs.thinkzon.com/images/main/icon_star_red2.gif') repeat-x 0 0}
.center .list_form .star--1{width:15px}
.center .list_form .star--2{width:30px}
.center .list_form .star--3{width:45px}
.center .list_form .star--4{width:60px}
.center .list_form .star--5{width:75px}

/* ºÐ·ù */
.center .list_titleBox{margin-top:20px;margin-bottom:10px;}
.center .list_titleBox .cate_tit{margin-right:15px;font-size:15px;font-weight:bold;color:#000;}
.center .list_titleBox span{font-size:13px;color:#757575}
.center .list_titleBox span.date{margin-right:8px;}

 /* Mail2026 - ¸ÞÀϸµ Àü¿ë ½ºÅ¸ÀÏ*/
.mail2026 * { margin: 0; padding: 0; box-sizing: border-box;  font-family: "Pretendard Variable", Arial, sans-serif;}
.mail2026 { font-family: "Pretendard Variable", Arial, sans-serif; background-color: #ffffff; color: #666; line-height: 1.6; font-weight: 500; max-width: 600px; margin: 0 auto; padding: 20px; }
.mail2026 .header { display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; }
.mail2026 .logo img { width: 125px; height: auto; }
.mail2026 .header-info { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #929292; }
.mail2026 .header-info > img{margin-top: -3px;}
.mail2026 .header-info a { color: #929292; text-decoration: underline; font-size: 13px;}
.mail2026 .divider { width: 1px; height: 12px; background-color: #d9d9d9; }
.mail2026 .hero { text-align: center; padding: 90px 0 60px; border-bottom: 1px solid #eaeaea; }
.mail2026 .hero h1 { font-size: 30px; font-weight: 700; color: #000000; margin-bottom: 40px; display: block;}
.mail2026 .hero p { font-size: 15px; color: #666666; line-height: 1.8; text-align: left; margin: 0 auto; }
.mail2026 .section-header { text-align: center; margin: 60px 0 20px 0; }
.mail2026 .section-header h2 { font-size: 20px; font-weight: 600; color: #000000; margin-bottom: 5px; }
.mail2026 .section-header .subtitle { font-size: 16px; font-weight: 600; color: #666666; }
.mail2026 .card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px 25px; margin: 20px 0; }
.mail2026 .card { overflow: hidden; text-decoration: none; color: inherit; transition: box-shadow 0.3s ease; height: 499px; display: flex; flex-direction: column; }
.mail2026 .card-image { position: relative; height: 398px; background-size: calc(100% - 20px); background-position: center; background-repeat: no-repeat; border: 1px solid #eaeaea; border-radius: 5px; }
.mail2026 .free-badge { position: absolute; top: 20px; left: 20px; background-color: rgba(4, 114, 227, 0.8); color: white; padding: 8px 16px; border-radius: 5px; font-size: 14px; font-weight: 600; width: 53px; height: 30px; display: flex; align-items: center; justify-content: center; }
.mail2026 .card-content { padding: 20px 0 0; flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.mail2026 .card-description { font-size: 14px; color: #666666; text-align: center; margin-bottom: 3px;}
.mail2026 .card-title { display: flex; align-items: center; gap: 4px; color: #000; font-size: 16px;}
.mail2026 .card-title img { width: 20px; height: 20px; }
.mail2026 .card-title a { font-size: 16px; color: #000000; text-decoration: underline; }
.mail2026 .card-price { font-size: 14px; color: #666666; text-align: center; }
.mail2026 .card-price .original { text-decoration: line-through; font-size: 15px;}
.mail2026 .card-price .free { color: rgba(4, 114, 227, 0.8); font-weight: 600; font-size: 16px;}
.mail2026 .banner { margin: 40px 0; text-align: center; }
.mail2026 .banner img { width: 100%; max-width: 600px; height: auto; }
.mail2026 .preview { text-align: center; padding: 40px 0 80px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.mail2026 .preview img { width: 136px; height: auto; margin-bottom: 20px; }
.mail2026 .preview-text { font-size: 18px; color: #000000; line-height: 22px; }
.mail2026 .preview-text .highlight { color: #0065e3; font-weight: 600; }
.mail2026 .navigation { display: flex; justify-content: center; gap: 25px; margin: 80px 0 0px; }
.mail2026 .nav-item { text-align: center; text-decoration: none; color: inherit; }
.mail2026 .nav-icon { width: 40px; height: 40px; background-color: #f7f7f7; border-radius: 15px; display: flex; align-items: center; justify-content: center; margin: 0 auto 8px auto; }
.mail2026 .nav-icon img { width: 18px; height: 18px; }
.mail2026 .nav-text { font-size: 13px; color: #666666; }
.mail2026 .footer { text-align: center; color: #929292; font-size: 13px; padding-top: 15px; margin-bottom: 80px;}
.mail2026 .footer h3 { font-size: 18px; font-weight: 600; color: #000000; margin-bottom: 10px; font-weight: 700;}
@media (max-width: 600px) {
    .mail2026 .container { padding: 10px; }
    .mail2026 .header { flex-direction: column; gap: 20px; }
    .mail2026 .card-grid { grid-template-columns: 1fr; }
    .mail2026 .navigation { flex-wrap: wrap; gap: 15px; }
    .mail2026 .hero h1 { font-size: 24px; }
}