html {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    background: #f1f1f1;
}.news1{overflow:hidden;}
.a11y{position:absolute;width:10px;height:10px;overflow:hidden;top:-10px;text-indent:-9999px;}
.wrap{z-index:100;position:relative;font-size:13px;}
.wrap.off{position:absolute;height:80%;overflow:hidden;top:10%;}
.news1.on{visibility:visible;height:auto;}
.ir{display:block;overflow:hidden;text-indent:-99999px;}
.header.type_scrolldown{z-index:99999;position:fixed;top:0;background:#fff;}
.news1 .main_slide .page{display:block;position:relative;overflow:hidden;padding-bottom:13%;}
.wrap_m_gnb_menu{display:none;z-index:1;position:fixed;width:100%;height:100%;top:0;bottom:0;transition:.3s;}
.wrap_m_gnb_menu.on{z-index:100000;}
#body_wrap{font-family:'notokr-regular';color:#1e1e1e;}
#body_wrap.on{opacity:1;}

/*wrap_m_gnb_menu*/
.wrap_m_gnb_menu .m_gnb_dim{width:100%;height:100%;transition:.5s;opacity:.1;background:rgba(0,0,0,.1);}
.wrap_m_gnb_menu.on .m_gnb_dim{position:fixed;width:100%;height:100%;opacity:1;background:rgba(0,0,0,.9);}
.wrap_m_gnb_menu.on .m_gnb_menu{position:fixed;overflow:scroll;top:0;bottom:0;left:0;}
.wrap_m_gnb_menu .m_gnb_menu{z-index:100;position:fixed;width:300px;height:100%;left:-310px;transition:.3s;border:1px solid #999;border-top:none;border-left:none;background:#f1f1f1;box-shadow:0 8px 4px rgba(198,198,198,.3);}
.wrap_m_gnb_menu .navigation_top{position:relative;border-top:1px solid #eee;border-bottom:4px solid #e64b24;background:#fff;box-shadow:0 4px 7px rgba(90,90,90,.35);}
.wrap_m_gnb_menu .navigation_top .nav_logo{position:relative;width:60%;height:54px;margin:10px 18%;background:url(../img/logo_h1_2024.gif) no-repeat #fff;background-size:contain;}
.wrap_m_gnb_menu .m_gnb_list li{font-size:15px;line-height:45px;border-bottom:1px solid #d9d9d9;}
.wrap_m_gnb_menu .m_gnb_list li:last-of-type{border-bottom:none;}
.wrap_m_gnb_menu .m_gnb_list li.no_arrow{
    height: auto;
}
.wrap_m_gnb_menu .m_gnb_list li.no_arrow span
{
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    line-height: 46px;
    padding-left: 10px;
    letter-spacing: 1px;
    color: #444;
    height: 25px;
    }
.wrap_m_gnb_menu .m_gnb_list li.no_arrow a{
    font-weight: normal;
}
.wrap_m_gnb_menu .m_gnb_list li a{display:block;position:relative;font-size:15px;font-weight:bold;line-height:46px;padding-left:10px;letter-spacing:1px;color:#444;}
.wrap_m_gnb_menu .m_gnb_list li a:after{position:absolute;width:10px;height:20px;top:50%;right:15px;margin-top:-10px;content:'';color:#000;background:url(../img/icon_btn02.png) no-repeat -76px -20px;background-size:91px 41px;}
.wrap_m_gnb_menu .mmenu_close{display:block;z-index:1601;position:absolute;top:0;right:0;}
.wrap_m_gnb_menu .mmenu_close a{display:block;position:relative;width:49px;height:56px;top:10px;}
.wrap_m_gnb_menu .mmenu_close a:before{display:block;position:absolute;width:25px;height:25px;top:50%;right:0;left:0;margin:-13px auto 0;content:'';background:url(../img/icon_btn02.png) no-repeat 0 0;background-size:91px 41px;}
.wrap_m_gnb_menu .navigation_footer{display:block;}
.wrap.fix{position:fixed;height:90%;}


.wrap_m_gnb_menu .m_gnb_list2 li{height:45px;font-size:15px;line-height:45px;border-bottom:1px solid #d9d9d9;}
.wrap_m_gnb_menu .m_gnb_list2 li.no_arrow{
    height: auto;
}
.wrap_m_gnb_menu .m_gnb_list2 li.no_arrow span
{
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    line-height: 46px;
    padding-left: 10px;
    letter-spacing: 1px;
    color: #444;
    height: 25px;
    }
.wrap_m_gnb_menu .m_gnb_list2 li.no_arrow a{
    font-weight: normal;
}
.wrap_m_gnb_menu .m_gnb_list2 li a{display:block;position:relative;font-size:15px;font-weight:bold;line-height:46px;padding-left:10px;letter-spacing:1px;color:#444;}
.wrap_m_gnb_menu .m_gnb_list2 li a:after{position:absolute;width:10px;height:20px;top:50%;right:15px;margin-top:-10px;content:'';color:#000;background:url(../img/icon_btn02.png) no-repeat -76px -20px;background-size:91px 41px;}


/*wrap_pop_area*/
.wrap_pop_area.on .pop_dim{opacity:1;}
.wrap_pop_area .pop_dim{width:100%;height:100%;opacity:0;}
.wrap_pop_area.on{display:block;position:absolute;overflow:scroll;}
.wrap_pop_area{display:none;z-index:9999999;position:fixed;top:0;right:0;bottom:0;left:0;background:black;background:rgba(0,0,0,.4);}
.wrap_pop_area.on .pop_area{transform:scale(1);opacity:1;}
.pop_area .tit_area{height:60px;padding:12px 10px 12px 20px;background:#35393d;}
.pop_area h2{display:inline-block;float:left;font-family:'notokr-regular';font-size:24px;line-height:1.5;letter-spacing:0;color:#fff;}
.pop_area{z-index:999999;position:absolute;width:90%;height:550px;top:0;bottom:0;margin:10px 5%;transition:.3s;transform:scale(.6);opacity:0;background:#eee;}
.pop_area > p{font-size:16px;line-height:1.5;margin-top:50px;padding:10px;text-align:left;}
.pop_area p span{font-size:16px;}
.pop_area p strong{font-weight:normal;color:#e84b24;}
.pop_area .tit_area .btn_cl{float:right;position:relative;width:45px;height:45px;margin-top:-7px;background:none;}
.pop_area .tit_area .btn_cl:before{display:block;float:right;position:absolute;width:25px;height:25px;left:12px;margin:auto;content:'';background:url(../img/icon_btn02.png) no-repeat -31px 0;background-size:91px 41px;}
.pop_area .txt_area{height:440px;top:0;bottom:0;overflow-y:scroll;margin:10px;border:1px solid #ddd;background:#fff;}
.pop_area .txt_area p{font-size:14px;line-height:1.5;padding:10px;}
.pop_area .box_type_01{display:block;float:none;width:80%;line-height:1;box-sizing:border-box;margin:20px auto;padding:10px;text-align:center;color:#333;border:1px solid #ddd;border-radius:50px;background:#eee;}
.pop_area .box_type_02{position:relative;width:178px;margin:10px auto;padding:10px;padding-right:40px;text-align:center;color:#fff;border:1px solid #84645b;background:#84645b;}
.pop_area .link_email:before{display:block;float:right;position:absolute;width:13px;height:22px;top:8px;right:7px;margin:auto;content:'';background:url(../img/icon_btn02.png) no-repeat -22px -56px;}
.pop_area.v02 .txt_area{overflow-y:scroll;}

/*pop_area*/
.pop_area .tit_area{height:60px;padding:12px 10px 12px 20px;background:#35393d;}
.pop_area h2{display:inline-block;float:left;font-family:'notokr-regular';font-size:24px;line-height:1.5;letter-spacing:0;color:#fff;}
.pop_area .tit_area .btn_cl{float:right;position:relative;width:45px;height:45px;margin-top:-7px;background:none;}
.pop_area .tit_area .btn_cl:before{display:block;float:right;position:absolute;width:25px;height:25px;left:12px;margin:auto;content:'';background:url(../img/icon_btn02.png) no-repeat -31px 0;background-size:91px 41px;}
.pop_area{z-index:999999;position:fixed;width: 320px;height:550px;top:0;bottom:0;left:50%;margin-top:10%;margin-left: -160px;background:#eee;}
.wrap_pop_area.on{position:fixed;overflow:visible;}
.pop_area.v01 .txt_area{overflow:hidden;}
.pop_area .txt_area{height:440px;top:0;bottom:0;margin:30px;text-align:left;border:1px solid #ddd;background:#fff;}
.pop_area > p{font-size:15px;line-height:1.8;margin-top:10px;text-align:left;}
.pop_area p span{text-align:center;}
.pop_area p strong{font-weight:normal;color:#e84b24;}
.pop_area .ico_email:before{display:block;width:96px;height:96px;margin:0 auto 20px;content:'';background:url(../img/ico_email.gif) no-repeat;}
.pop_area .box_type_01{font-size:18px;text-align:center;}
.pop_area .box_type_02{width:178px;line-height:18px;margin:10px auto;padding:10px;padding-right:40px;text-align:center;color:#fff;border:1px solid #84645b;background:#84645b;}
.pop_area .link_email{position:relative;}

/*header*/
.wrap_header{z-index:100;position:fixed;width:100%;top:0;background:#fff;box-shadow:1px 2px 5px #ddd;}
.header{width:100%;overflow:hidden;}
.header .wrap_logo_row{clear:both;position:relative;overflow:hidden;border-bottom:1px solid #d6d6d6;}
.header .btn_gnb{position:relative;width:54px;height:55px;left:10px;}
.header .btn_gnb:before{position:absolute;width:30px;height:20px;top:50%;left:12px;margin-top:-10px;content:'';background:url(../img/btn_topmenu.png)no-repeat 0 -3px;background-size:170px 26px;}
.header h1{z-index:100000000000000000000;position:absolute;width:150px;height:44px;top:50%;left:50%;margin:0 auto;margin:-17px 0 0 -75px;}
.header h1 a{z-index:10;position:relative;width:100%;height:100%;}
.header .logo:before{display:block;position:absolute;width:150px;height:44px;top:0;content:'';background:url(../img/logo_h1_2024.gif) no-repeat;background-size:contain;}
.header .gnb{display:block;overflow:hidden;line-height:44px;text-align:center;letter-spacing:0;color:#777;border-bottom:2px solid #cc3524;}
.header .gnb li{display:inline-block;position:relative;padding:0 18px;}
.header .gnb li:first-child:before{display:none;}
.header .gnb li:before{display:block;position:absolute;width:6px;height:10px;top:17px;left:0;content:'';border-left:1px solid #ddd;}
.header .gnb li a,.header .gnb li button{cursor:pointer;}

/*content*/
#content{width:100%;min-height: 425px;margin:100px auto 0;background: #f1f1f1;}
#content .main_img{position:relative;height:0;padding-bottom:52%;background:url(../img/main_img_m.png?20250814) no-repeat;background-size:cover;border-bottom: 1px solid #ccc;box-shadow:1px 2px 5px #ddd;}
#content .main_img:before{display:block;position:absolute;width:180px;height:284px;/* top: 50%; *//* margin: -142px 0 0px 0; */
bottom:6px;left:117px;content:'';}
#content .page{
    display: none;
}
#content .page.on{
    display: block;
}

#content .page.v_01 .btn_area{max-width:320px;margin:10px auto;overflow: hidden;}
#content .page.v_01 .btn_area > a,
#content .page.v_01 .btn_area > button
{display:inline-block;width: 49%;font-size:16px;font-weight:bold;line-height:32px;min-width:64px;padding:0 6px;text-align:center;text-align:center;letter-spacing:0;color:#343434;border:1px solid #ddd;background:#fff;height: 60px;line-height: 60px;max-width: 160px;}
#content .page.v_01 .btn_area > a:last-child{float: right;}
#content .page.on{
    display: block;
}
#content .page.v_02, #content .page.v_03, #content .page.v_04, #content .page.v_05{
    background: #fff;
    margin-top: 10px;
}
#content .page .wrap_row{
    background: #fff;
    border: 1px solid #cecece;
    border-left: none;
    padding: 20px 15px;
    line-height: 25px;
    letter-spacing: 0;
    margin-bottom: 10px;
    border-right: 0;
    overflow: hidden;
} 
#content .page .wrap_row h3{
    font-size: 17px;
    color: #343434;
    padding-bottom: 5px;
    display: inline-block;
} 
#content .page .wrap_row p{} 
#content .page .wrap_row h3 strong{}
#content .page .wrap_row h3 span{
    margin-left: 6px;
    font-size: 12px;
    color: #b2b2b2;
}
#content .page .wrap_row .type_00{
    overflow: hidden;
}
#content .page .wrap_row .type_00.toggle {
    height: auto;
}
#content .page .wrap_row .type_00 li{
    letter-spacing: 0px;
}
#content .page.v_03 .wrap_row .type_00 li{
    font-weight: bold;
}
#content .page .wrap_row .type_00 p {
    padding-left: 15px;
}
#content .page .wrap_row .more_btn{
    position: relative;
    color: #fff;
    background-color: #333;
    float: right;
    border-radius: 7px;
    padding: 0 8px;
    font-size: 10px;
}
/*
#content .page .wrap_row .more_btn.toggle {
    color:#888;
}

#content .page .wrap_row .more_btn:before{
    content:'';
    background:url(../img/gnb.gif) no-repeat;
    position: absolute;
    width: 16px;
    height: 11px;
    left: 57px;
    top: 5px;
}

#content .page .wrap_row .more_btn.toggle:before{
    content:'';
    background:url(../img/gnb.gif) -16px 0 no-repeat;
    position: absolute;
    width: 16px;
    height: 11px;
    left: 57px;
    top: 5px;
}
*/

#content .page .thum_book{position:relative;/* margin:0 20px; */}
#content .page .thum_book .img_area{float: right;position: relative;width:101px;height:148px;right: -9px;top: -30px;display: inline;}
#content .page .thum_book .img_area:before{display:block;position:absolute;width:101px;height:148px;top:15px;left:0;margin:-9px 0;content:'';background:url(../img/img_goods_01.png?20250814) no-repeat;}
#content .page .thum_book .info_area{overflow: hidden;display: inline;}
#content .page .thum_book .info_area.toggle{height: auto;}
#content .page .info_area h4{font-size:20px;font-weight:bold;line-height:26px;margin-top: 0;margin-bottom: 5px;color: #1e1e1e;}
#content .page .info_area .info{font-size:13px;line-height:21px;}
#content .page .info_area .info span{margin-right:10px;letter-spacing: -1px;line-height: 1.5;}
#content .page .info_area .contents{margin-top: 15px;}
#content .page .info_area .contents strong{font-weight: bold; line-height: 35px;  font-size: 15px;}
#content .page .price{font-size:13px;line-height: 13px;}
#content .page .price strong{font-weight:bold;letter-spacing:0;}
#content .page .price .red{color:#cc3524;}
#content .page .link_area{margin-top: 24px;}
#content .page{position:relative;/* width:830px; */margin:0 auto;/* padding:36px 0 20px; */border-top:2px;clear: both;overflow: hidden;}
#content .page .wrap_row .wrap_01 .txt{width:100%;}
#content .page .wrap_row .pic_area{float:left;margin-right:20px;}
#content .page .wrap_row .wrap_01{float:left;width:20px;width:610px;overflow:hidden;}
#content .page .wrap_row .ex_more{margin-top:14px;letter-spacing:0;}
#content .page .wrap_row .ex_more strong{font-size: 13px;font-weight:bold;color: #1e1e1e;padding-right: 5px;}
#content .page .wrap_row .ex_more span{font-size: 12px;letter-spacing:0;color: #777777;}
#content .page .wrap_row .txt{float:left;/* width:720px; */font-size:13px;line-height:24px;margin:10px 0;letter-spacing:0;color: #1e1e1e;}


/*order_area*/
.order_area{font-family:'Nanum Gothic Coding';font-size:14px;line-height:1.5;padding:10px 14px;}
.order_area .ex_txt{font-weight:bold;padding:5px 10px;text-align:center;color:#666;border:1px solid #e6e6e6;}
.order_area .ex_txt strong{display:inline-block;color:#ee765e;}
.order_list li{min-height: 60px;font-size:14px;line-height: 60px;border-bottom:1px solid #e1e1e1;}
.order_list .tit_order{float:left;width:80px;font-weight:bold;padding-left:4px;color:#333;}
.order_list .ex_order{letter-spacing:0;}
.order_list .ex_order.line_2{
    line-height: 1.4;
    display: flex;
    height: 60px;
    overflow: hidden;
    vertical-align: middle;
    align-items: center;
}
.order_list .ex_order.big{font-size:24px;font-weight:bold;letter-spacing:0;color:#ee765e;}
.order_list{margin-top:28px;border-top:3px solid #ff8c75;}
.order_area .ex_txt.type_02{font-size:13px;font-weight:normal;padding:14px 0;padding-left:0;text-align:left;color:#666;border:none;}
.order_area .btn_area{display:block;float:none;clear:both;width:100%;text-align:center;}
.order_area  .box_type_02{display:inline-block;position:relative;width:178px;font-size:15px;line-height:18px;margin:8px auto;margin-left:10px;padding:10px;padding-right:40px;text-align:center;letter-spacing:0;color:#fff;border:1px solid #84645b;background:#84645b;}
.order_area .box_type_02:before{display:block;float:right;position:absolute;width:13px;height:22px;top:8px;right:7px;margin:auto;content:'';background:url(../img/icon_btn02.png) no-repeat -22px -56px;}
.ex_order input{width:42px;height:26px;line-height:26px;text-align:center;border:1px solid #ddd;}
.ex_order button{width:42px;height:28px;line-height:26px;text-align:center;border:1px solid #ddd;background:linear-gradient(to bottom,rgba(255,255,255,1) 1%,rgba(246,247,249,0) 100%);}


/*footer*/
.wrap_footer{overflow:hidden;background: #3c3c3c;width: 100%;color: #fff;height: 115px;}
.wrap_footer.fixed{position: fixed;bottom: 0;}
#footer{overflow:hidden;font-size:11px;margin:0 auto;letter-spacing:0;color:#666;}
#footer .row_01{/* height:55px; */font-size:13px;letter-spacing:0;max-width: 320px;margin: 16px auto 6px;text-align: center;}
#footer .row_01 > a,
#footer .row_01 > button{
    display: block;
    display: inline-block;
    color: #f9f9f9;
    font-size: 13px;
    width: 76px;
    text-align: center;
    border: 1px solid #161616;
    background: #262626;
    height: 35px;
    line-height: 35px;
}
#footer .tel{float:left;position:relative;font-weight:bold;color:#666;}
#footer .tel span{font-weight:bold;color:#666;}
#footer .tel .ico_tel{position:relative;padding-left:26px;color:#666;}
#footer .tel .ico_tel:before{display:block;position:absolute;width:18px;height:18px;top:50%;left:8px;margin:-8px 0;content:'';background:url(../img/comon.png) -31px -52px;}
#footer .link_area{float:right;}
#footer .link_area  a,#footer .link_area button{display:inline-block;float:left;position:relative;padding-left:20px;cursor:pointer;color:#666;}
#footer .link_area button:before{display:block;position:absolute;width:1px;height:10px;top:22px;left:10px;content:'';border-right:1px solid #d6d6d6;}
#footer .row_02{clear:both;overflow:hidden;line-height:21px;padding: 10px 0;letter-spacing:1px;text-align: center;}
#footer .row_02 p{letter-spacing:0;}
#footer .row_02 .txt_01{font-size:11px;letter-spacing:0;color: #ffffff;text-align: center;}

/*btn*/
.btn_00{display:inline-block;float:left;height:32px;font-size:12px;line-height:32px;margin-right:10px;padding:0 6px;letter-spacing:0;color:#fff;border:1px solid #848484;background:#989898;}
.btn_01{display:inline-block;height:32px;font-size:15px;line-height:32px;min-width:80px;padding:0 6px;text-align:center;letter-spacing:0;color:#fff;border:1px solid #b71f16;background:#cf0700;}

/*ico*/
.ico_num_01:before,.ico_num_02:before,.ico_num_03:before,.ico_num_04:before,.ico_num_05:before{display:block;position:absolute;width:18px;height:18px;top:50%;left:28px;margin:-9px 0;content:'';background:url(../img/comon.png) -1px -54px;}
.ico_list,.ico_book{position:relative;padding-left:80px;}
.ico_list:before,.ico_book:before{display:block;position:absolute;width:48px;height:48px;top:9px;left:20px;content:'';background:url(../img/comon.png)no-repeat;}
.ico_book:before{background:url(../img/comon.png)no-repeat -52px 0;}
.ico_num_02:before{background-position:-1px -80px;}
.ico_num_03:before{background-position:-1px -106px;}
.ico_num_04:before{background-position:-1px -132px;}
.ico_num_05:before{background-position:-1px -158px;}

/*tit_area*/
.tit_area.type_01{font-family:'notokr-regular';font-size:28px;line-height:62px;margin-bottom:20px;color:#333;}
.tit_area.type_01:after{display:block;height:6px;content:'';background:url(../img/line_01.gif) repeat-x;}
.tit_area.type_01 h2{padding-left:20px;}
.tit_area.type_01 h2 strong{color:#e84b24;}


/*bookBtn */
.bookBtn2{display: block; position: relative;letter-spacing: 1px; background: url("../img/go_next1_2.jpg?20250814"); background-size: cover; width: 100%; height: 0; padding-bottom:14%; margin-bottom: 5px; }
.bookBtn3{display: block; position: relative;letter-spacing: 1px; background: url("../img/go_next3_4.jpg?20250814"); background-size: cover; width: 100%; height: 0; padding-bottom:14%; margin-bottom: 5px; }
.bookBtn4{display: block; position: relative;letter-spacing: 1px; background: url("../img/go_next5_6.png?20250814"); background-size: cover; width: 100%; height: 0; padding-bottom:14%; margin-bottom: 5px; }


@media (max-width:330px){

    #content .page .wrap_row{
        background: #fff;
        border: 1px solid #cecece;
        border-left: none;
        padding: 20px 10px;
        line-height: 25px;
        letter-spacing: 0;
        margin-bottom: 10px;
        border-right: 0;
        overflow: hidden;
    }

}