/*============????css ???================*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");


/* * {font-family: Pretendard, sans-serif, 'Nanum Pen Script', cursive ;} */
div.div_center{text-align: center}

.tbd_center tbody tr th, .tbd_center tbody tr td{text-align: center}
/*============????css ???================*/



/*login page*/
.login_form{max-width:300px;padding: 10px 0;margin: 0 auto}
.login_form ul{font-size: 12px}
.login_form .form_input{width: 294px;height: 35px;outline: none;border:1px solid #ddd;background-color: #fff;padding-left: 12px;margin: 0 3px 7px 3px;}
.login_form input[type="checkbox"]{vertical-align: sub}
.login_form .security{display: inline-block;}
.login_form .id_save{display: inline-block;}
.login_form .login_btn{margin-left: 3px; width: 294px;height: 40px;line-height:40px;margin-bottom: 5px;font-size: 18px;font-weight: 500;letter-spacing: -1.3px;color:#fff; border-radius: 12px}
.login_form .login_find {display: flex; justify-content: space-between;margin: 15px 30px;}
.login_form .login_find .idPassFind{display:block; text-align: center; background-size: initial;background-repeat:no-repeat;background-position: 0 20%;font-size: 13px;font-weight: 500;letter-spacing: -0.5px;color: #000;}
.login_form .logintext{
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 2em;
	color: #555;
	text-align: center;
	margin: 5px 0;
}
.login_form .border {
    background: #e7eaee;
    height: 1px;
    left: 0;
    width: 100%;
    margin: 10px 0 15px;
}

.login_form img {
	max-width: 294px;
	margin: 3px 0;
}



/*id_find*/
.id_find .login_form{padding:30px 0 90px 0;margin: 0 auto}
.login_form .login_find #id_find_title{display:block;padding-left:23px;background-image:url(/new_img/sub/icon_circleplus_blue.png);background-size: initial;background-repeat:no-repeat;background-position: 0 20%;font-size: 16px;font-weight: 500;letter-spacing: -1.3px;color: #000;margin-bottom: 20px}

/*reg_page*/
div.member_regist_body{float: none!important;}
.reg_top{margin-bottom: 20px;}
.regi_img{text-align: center}
.regi_form_title{display: none; padding-left:23px;background-image:url(/new_img/sub/icon_circleplus_red.png);background-size: initial;background-repeat:no-repeat;background-position: 0 50%;font-size: 16px;font-weight: 500;letter-spacing: -1.3px;color: #000;margin: 20px 0}
.regi_form_title.blue{background-image:url(/new_img/sub/icon_circleplus_blue.png);margin-top: 50px;}
.regi_form_title.orange{background-image:url(/new_img/sub/icon_circleplus_orange.png);margin-top: 50px;}
.btn_group{text-align: center}
.member_regist_body .login_btn{display: inline-block;width: 120px; height: 40px;line-height: 40px;font-size: 15px;font-weight: 500;letter-spacing: -1.3px;color:#fff;}
.big_btn{display: inline-block;width: 120px; height: 40px;line-height: 40px;font-size: 15px;font-weight: 500;letter-spacing: -1.3px;color:#fff;}
.rp_table{border-top:1px solid #ddd;width: 100%}
.rp_table dl{display: table;width: 100%;border-bottom:1px solid #ddd;}
.rp_table dl dt{display:table-cell;vertical-align:middle;background-color:#f9f9f9;width:100px;padding-left: 10px;font-size: 14px;color:#333; letter-spacing: -1.3px;font-weight: 500 }
.rp_table dl dd{display:table-cell;vertical-align:middle;padding:10px 0 10px 5px;margin-left: 100px;height: 50px;}
.rp_table dl dd span{display: inline-block}
.rp_table dl dd span.table_msg{margin:5px 0 0 0;display: inline-block}
.rp_table.grid_3{display: block;overflow: hidden}
.rp_table.grid_3 dl dt{float:left;width: 100px;height: 50px;line-height: 50px}
.rp_table.grid_3 dl dd{display:inline-block;width: calc(100% - 100px);margin-left: 0;line-height: 50px;padding:0 10px }



div.rp_full_width{display:table;width:100%;border-bottom:1px solid #ddd;background-color: #f9f9f9}
div.rp_full_width div{display:table-cell;padding:10px;height: 50px;vertical-align:middle;}

div.rp_full_width.point_block{text-align: left;font-size: 14px;letter-spacing: -1px;font-weight: 400}
div.rp_full_width.point_block .point_block_info{display: block;overflow: hidden}
div.rp_full_width.point_block strong{color:#333;float: left;font-weight: 400}
div.rp_full_width.point_block .num{color:#888;font-family: Verdana,sans-serif;margin-left:10px;float: right}
div.rp_full_width.point_block .symbol{color:#888;;margin:0 5px;display: none}

div.rp_full_width.title{vertical-align:middle;background-color:#f9f9f9;font-size: 14px;color:#333; letter-spacing: -1.3px;font-weight: 500 ;border-top:1px solid #ddd}
div.rp_full_width.title .sub_title{font-size: 12px;letter-spacing: normal;font-weight: normal;margin-left: 20px}
div.rp_full_width.title input[type=radio]{margin-right: 10px}
div.rp_full_width.content{background-color: #fff;font-size: 12px;letter-spacing: normal;color:#555}
div.rp_full_width.content div{padding: 20px 10px}
input[type="text"]:disabled{background: #f9f9f9}
div.rp_full_width.content div p{word-break: keep-all;line-height: 1.5}
div.rp_full_width.content div p.title{margin-bottom: 13px;color:#45a7f3;font-weight: bold}
div.rp_full_width.content div p .num{color:#000;font-family: Verdana,sans-serif;font-size: 14px;font-weight: bold;letter-spacing: -0.6px;}
div.rp_full_width.content div p.inquiry_txt{margin-top:20px;}
div.rp_full_width.content div p.inquiry_txt strong{font-size: 14px;font-weight: 500;letter-spacing: -0.6px;}
.blue_txt{color:#45a7f3}
.orange_txt{color:#F39A1A}

.total_price_wrap{text-align: right;margin-top:50px;margin-bottom: 50px;}
.total_price_wrap h3{font-size: 16px;letter-spacing: -1.2px;color: #333;font-weight: 700;margin-bottom: 12px}
.total_price_wrap span{font-size: 14px;color: #888;}
.total_price_wrap span.title{letter-spacing: -1.2px;color: #333;font-weight: 400;margin-right: 10px;}
.total_price_wrap span.symbol{color:#555;margin: 0 5px}
.total_price_wrap .price,.total_price .point{font-family:Verdana,sans-serif;letter-spacing: -1px;font-weight: 400;}
.total_price_wrap .total_price{text-align: right;font-size: 14px; letter-spacing: -1px;color: #888}
.total_price_wrap .total_price:before{content: "";display: block;margin: 10px 0 10px auto;width: 300px;height: 1px;background-color: #ddd;text-align: right}
.total_price_wrap .total_price .title{color: #333}
.total_price_wrap .total_price strong{font-size: 20px;letter-spacing: -1.5px;font-weight: bold}
.red_txt{color:#df2727}


.input_regi{width:100%;max-width:100%;height: 30px;line-height: 30px;border: 1px solid #ddd;padding-left: 5px;font-size: 12px;color:#555}
.input_regi.short{max-width:50px;}
textarea.input_regi.big{resize: none;max-width: 100%; height:80px;}
input[type="radio"],input[type="checkbox"]{vertical-align: sub}
select.input_regi{background: url(/new_img/sub/icon_select_arrow.png);background-repeat: no-repeat;background-size: 10px;background-position: top 50% right 5px;font-size: 12px;color:#555;margin-right: 2px;vertical-align: middle;-webkit-appearance: none}
/*Àͽº*/
*::-ms-backdrop,select.input_regi{vertical-align: bottom;}
#select_email{margin-top: 5px}
.btn_reg_form{display: inline-block;height: 30px;line-height: 30px;background-color: #555;border: 1px solid #ddd}
/*Àͽº*/
*::-ms-backdrop,.btn_reg_form{vertical-align: top}
.btn_reg_form:hover{font-weight:normal!important;}
.agreement_group{margin-top: 10px;}
.agreement_group span{display: inline-block;margin-right: 5px}
.agreement_group span.bar{margin: 0 20px;color:#ddd;display: none}
.btn_detail{height: 20px; background-color: #555;color:#fff;font-size: 12px;padding:5px 6px;cursor: pointer}
.btn_group{margin: 30px 0}
.member_regist_body #mem_submit{margin-right: 10px;}

/*mypage*/
.mypage_tab{position: relative;overflow: hidden}
.mypage_tab li{position:relative;width: 33.33%;float: left;background-color: #fff}/*25% to 33.33% 4ÅÇ ¿¡¼­ 3ÅÇ À¸·Î º¯°æÇÔ 2019.11.21*/
.mypage_tab li:after{position:absolute;top:15px;right:-4px;content:"";display: block;width: 5px;height: 12px;background-image: url(/new_img/sub/icon_next_off.png);background-size: initial;z-index: 10}
.mypage_tab li.on:after{background-image: url(/new_img/sub/icon_next_on.png);}
.mypage_tab li:last-child:after{content: none}
.mypage_tab li div{height: 40px;line-height: 40px;margin-right: 1px;background-color:#aaa;}
.mypage_tab  .txt{color:#fff;text-align: center;display: block}
.mypage_tab .icon{text-align: center;display: none}
.mypage_tab .icon img{vertical-align: middle;}
.mypage_tab li.on div{background-color:#df2727}

/*rp_board*/
.style_edu.rp_board{margin-top:40px;margin-bottom: 0}
.style_edu.rp_board.deliv{margin-top:0;}
.style_edu.rp_board>dl{border-bottom:0 }
.rp_board>dl>dt>div.subject.parcel{padding-left:20px;}
.style_edu.rp_board>dl>dd{position:relative;border-bottom: 1px solid #ddd;;font-size: 14px}
.style_edu.rp_board>dl>dd:first-of-type{border-top: 1px solid #ddd;}
.style_edu.rp_board>dl>dd .subject{text-align: left}
.style_edu.rp_board>dl>dd .subject .product{display:block;font-size: 16px; font-weight: 700;letter-spacing: -0.05em;color: #333;margin-bottom: 3px}
.style_edu.rp_board>dl>dd .subject .product strong{color:#333;font-weight: 500}
.style_edu.rp_board>dl>dd .subject .price{color:#df2727;font-weight: normal;font-family: Verdana ,sans-serif;letter-spacing: -0.05em;}
.style_edu.rp_board>dl>dd .subject .qty{color:#888;font-weight: normal;letter-spacing: -0.05em;}
.style_edu.rp_board>dl>dd .subject .bar{content:"";display:inline-block;width:1px;height:10px;margin: 0 5px;background-color:#ddd}
.style_edu.rp_board>dl>dd .del{position: absolute;top:40%;-webkit-transform:translateX(-50%);transform:translateX(-50%);right:0}
.style_edu.rp_board>dl>dd .del img{cursor: pointer}
.style_edu.rp_board>dl>dd .parcel_company{display: block; color:#c53838;letter-spacing: -0.05em;font-weight: 500;text-align: right;font-size: 14px;}
.style_edu.rp_board>dl>dd .parcel_num{display: block;font-family: Verdana,sans-serif;letter-spacing: -0.05em;color:#555;text-align: right;margin-bottom: 5px}
.style_edu.rp_board>dl>dd .tracking{display:flex;text-align: right;justify-content: end;
    font-size: 14px;}
.style_edu.rp_board>dl>dd .tracking a{font-size: 12px;color:#fff;background-color: #333;padding: 7px 10px; border-radius: 6px;}
.style_edu.rp_board>dl>dd .product span{color:#4b9cf8!important;}
.style_edu.rp_board>dl>dd .subject .product .month{font-size: 14px;color: #888!important;font-weight: 400}
.style_edu.rp_board>dl>dd .date{font-family: Verdana,sans-serif;font-size: 16px; line-height: 1.7rem; color:#888;letter-spacing: -0.05em;}
.style_edu.rp_board>dl>dd .point{font-family: Verdana,sans-serif;letter-spacing: -0.05em;color: #4c9df8;text-align: right;margin-top: 20px}
.style_edu.rp_board>dl>dd .price{font-family: Verdana,sans-serif;letter-spacing: -0.05em;color: #555;text-align: right}
.style_edu.rp_board>dl>dd .delivery{display: flex; justify-content: end; margin: 10px auto;}


.style_edu.rp_board>dl>dd .point:before,.style_edu.rp_board>dl>dd .price:before{content: attr(data-header);font-weight: 500;color:#555;margin-right: 5px}
.style_edu.rp_board>dl>dd span.state_txt{font-size: 11px;color: #fff!important;letter-spacing: -0.05em;text-align: center;padding: 5px 7px;vertical-align: middle}
.style_edu.rp_board .delivery {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}



/*table_total_info*/
.table_total_info{background-color: #f9f9f9;padding:20px;overflow: hidden;border-bottom: 1px solid #ddd}
.table_total_info .left_cont{float: left}
.table_total_info .left_cont dl{display: block;text-align: left;margin-bottom: 10px}
.table_total_info .left_cont dl>*{display: inline-block}
.table_total_info .left_cont dl dt{width: 155px;font-size: 14px;font-weight: 400;letter-spacing: -1px;color:#333}
.table_total_info .left_cont dl dd{font-size: 14px; font-weight: 400;letter-spacing: -1px; text-align: left; color: #888;margin-bottom: 8px;}
.table_total_info .left_cont dl dd img{vertical-align: sub;margin: 0 10px;}
.table_total_info .right_cont dl{text-align: right;font-size: 14px;font-weight: 400;letter-spacing: -1px;color:#888;margin-top: 10px}
.table_total_info .right_cont dl dt{margin-bottom: 5px;}
.table_total_info .right_cont dl dd .price{font-size:20px;color:#df2727;font-weight: 700;letter-spacing: -1.5px;font-family: Verdana,sans-serif;margin-right: 3px}
.table_total_info .right_cont{float: right}
.cart_list .btn_order a{margin: 20px auto 50px auto;width: 120px;height: 40px;line-height: 40px;font-size: 15px;font-weight: 500;letter-spacing: -1.3px;color: #fff; }
.delivery_info{text-align: center}

/*payment*/
.account_info{margin-top: 45px;text-align: center;font-size: 12px;color: #555;letter-spacing: normal}
.rp_board.part>dl>dd{font-size: 12px;!important;}
.rp_board.part>dl>dd>div:nth-child(3){text-align: right;margin-bottom: 10px}
.rp_board.part>dl>dd>div:last-child{text-align: right}

/*selpa(popup_msg)*/
.popup_msg{}
.popup_msg h1{height: 65px;line-height: 65px;font-size:26px;font-weight: 500;letter-spacing: -0.05em;color: #333;padding-left: 10px}
.popup_msg .top_wrap{position: relative;border: 1px solid #ddd;border-left: none;border-right: none;background-color: #f9f9f9;overflow: hidden;height: 50px;}
.popup_msg .tabs{float: left;padding-left: 10px}
.popup_msg .tabs li{float: left;margin-right: 18px;}
.popup_msg .tabs li a{display: inline-block;padding-top: 15px}
.popup_msg .tabs li span{position:relative;display: inline-block;font-size: 14px;font-weight: 300;letter-spacing: -0.05em;color:#888}
.popup_msg .tabs li span.on{font-weight: 500;color:#333}
.popup_msg .tabs li span.on:after{position:absolute;bottom:-13px;content:"";display: block;height:1px; width: 100%;background-color: #F39A1A}
.popup_msg .tabs li span.sub_title{font-weight: 500;color:#333}
.selpa.style_edu.rp_board>dl>dd .bar {display: none}
.selpa.style_edu.rp_board>dl>dd .writer{display: block;font-size: 14px;font-weight: 400;color:#F39A1A;letter-spacing: -0.05em}
.popup_msg .Now{font-size: 11px}

.popup_msg .rp_table{border-top:none}
.rp_table.selpa dl dt{width:120px;background-color: #fff;font-size: 14px;font-weight: 500;letter-spacing: -0.05em;padding-left: 10px}
.rp_table.selpa dl dd{margin-left: 120px;color:#666;font-size: 14px;}
.rp_table.selpa dl dd.dd_w100{margin: 0;padding: 20px 10px}
.rp_table.selpa dl dd textarea{resize: none;width: 100%;height: 250px;}
.input_selpa{border: 1px solid #ddd;outline: none;padding: 0 10px;width: 95%;line-height: 34px;height: 36px;}
input.input_selpa{border: 1px solid #ddd;outline: none;}
.pop_btn{display: inline-block;width: 120px; height: 45px;line-height: 45px;font-size: 14px;font-weight: 500;margin-right: 10px;}

.btn_send{float: right;height: 50px;line-height:50px;width: 100px;background-color: #333;font-size: 14px;font-weight: 400;letter-spacing: -0.05em;color: #fff;}
/*div#paging ul .Now{height: 22px!important;}*/


/*theme*/
.bg_orange{background-color: #F39A1A}
.bg_blue{background-color: #45a7f3}
.bg_red{background-color: #c53838}






@media (min-width: 544px) {
    .input_regi{width:100%;}
    /*selpa(popup_msg)*/
    .popup_msg h1{height:70px;line-height:70px;padding-left: 20px}
    .popup_msg .top_wrap{height: 67px;}
    .popup_msg .tabs{padding-left: 20px}
    .popup_msg .tabs li span{font-size: 16px;}
    .popup_msg .btn_send{height: 65px;line-height:65px;width: 132px;font-size: 16px;}
    .popup_msg .tabs li a{padding-top: 25px}
    .popup_msg .tabs li span.on:after{bottom:-16px;}
    .selpa dl div{float: left}
    .selpa .w10{width: 10%}
    .selpa .w15{width: 15%}
	.selpa .w20{width: 20%}
    .selpa .w25{width: 25%}
    .selpa .w30{width: 30%}
    .selpa .w70{width: 70%}
    .selpa .w100{width: 100%;text-align: center}
    .selpa.style_edu.rp_board>dl>dt{padding: 15px 0;;display: block;text-align: center;font-size: 14px;font-weight: 500;letter-spacing: -0.075em;}
    .selpa.style_edu.rp_board>dl>dt .num{display: block}
    .selpa.style_edu.rp_board>dl>dd .num{display: block}
    .selpa.style_edu.rp_board>dl>dd {position:relative;border-bottom: 1px solid #ddd;padding:0;}
    .selpa.style_edu.rp_board>dl>dd div{padding: 16px 0}
    .selpa.style_edu.rp_board>dl>dd .num{-webkit-transform: translate(0, 25%);transform: translate(0, 25%);text-align: center}
    .selpa.style_edu.rp_board>dl>dt .subject{text-align: left}
    .selpa.style_edu.rp_board>dl>dd .subject .product{font-size: 16px;}
    .selpa.style_edu.rp_board>dl>dd .bar {display: inline-block}
    .selpa.style_edu.rp_board>dl>dd .writer{display: inline-block;}
    .input_selpa{width: 98%}
    .pop_btn{display: inline-block;width: 140px; height: 54px;line-height: 54px;font-size: 16px;}

    .selpa.style_edu.rp_board>dl>dd .state{position: static;-webkit-transform:translate(0,25%);transform:translate(0,25%);text-align: center}
    .selpa.style_edu.rp_board>dl>dd .del{position: static;-webkit-transform:translate(0,34%);transform:translate(0,34%);text-align: center}
    .rp_table.selpa dl dt{width: 185px;padding-left: 20px}
    .rp_table.selpa dl dd {margin-left: 185px;}

}
@media (min-width: 769px) {
    #select_email{margin-top: 0px}
.login_form{padding:20px 0 90px 0;}


}

@media (min-width: 1025px) {
    /*login page*/
    .login_form{max-width:300px;padding:20px 0 0 0;margin: 0 auto}

    /*id_find */
    .id_find .login_form{padding:50px 0 0 0;margin: 0 auto}

    /*reg_page*/
    .reg_top{margin-bottom: 50px;}
    .member_regist_body .login_btn{display: inline-block;width: 200px; height: 64px;line-height: 64px;font-size: 18px;font-weight: 500;margin-right: 10px;}
    .big_btn{display: inline-block;width: 200px; height: 64px;line-height: 64px;font-size: 18px;font-weight: 500;margin-right: 10px;}
    .rp_table dl dt{width:200px;padding-left: 20px;font-size: 16px}
    .rp_table dl dd{margin-left: 200px;padding-left: 8px;padding-right:10px;height: 55px;}
    .rp_table.grid_3{display: table}
    .rp_table.grid_3 dl dt{display:table-cell;width: 16.6%;padding-left: 0;text-align: center;float: none;height: 55px;line-height: normal}
    .rp_table.grid_3 dl dd{display:table-cell;width: 16.6%}
    div.rp_full_width div{padding:10px 20px;height: 55px;}
    div.rp_full_width.point_block{text-align: right}
    div.rp_full_width.point_block .point_block_info{display: inline-block;}
    div.rp_full_width.point_block strong{float: none}
    div.rp_full_width.point_block .num{float: none}
    div.rp_full_width.point_block .symbol{display: inline-block}
    div.rp_full_width.title{font-size: 16px}
    div.rp_full_width.title input[type=radio]{vertical-align: baseline}
    div.rp_full_width.content div{padding: 20px}

    .rp_table dl dd span.table_msg{margin:0 0 0 7px;}
    .input_regi{height: 35px;line-height: 35px;max-width: 200px}
    .input_regi.short{max-width:100px;}
    .input_regi.middle{max-width:150px;}
    .input_regi.big{max-width:100%;}
    .agreement_group span{margin-right: 0}
    .agreement_group span.bar{display: inline-block}
    .btn_reg_form{height: 35px; line-height: 35px;width: 120px}
    .member_regist_body .btn_group{margin: 50px 0 100px 0}

    /*my_page*/
    .mypage_tab .txt{display:block;position: absolute;left:15px;}
    .mypage_tab .icon{display:block;position: absolute;right:15px;}

    /*rp_board*/
    .style_edu.rp_board>dl>dt{padding: 15px 0;}
    .style_edu.rp_board>dl>dd{border-bottom: 1px solid #ddd;}
    .style_edu.rp_board>dl>dd .num{-webkit-transform: translate(0, 25%);transform: translate(0, 25%)}
    .style_edu.rp_board>dl>dd .subject .product{font-size: 16px;}
    .style_edu.rp_board>dl>dd .subject.parcel{padding-left:20px}
    .style_edu.rp_board>dl>dd .del{position: static;-webkit-transform:translate(0,25%);transform:translate(0,25%);}
    /* .style_edu.rp_board>dl>dd .parcel_num{text-align: center} */
    .style_edu.rp_board>dl>dd .tracking{text-align: center}
    .table_total_info .left_cont dl{margin-bottom: 0}
    .table_total_info .right_cont dl{margin-top: 0}
    .cart_list .btn_order a{margin-top:37px;width: 200px;height: 64px;line-height: 64px;font-size: 18px;}
    .style_edu.rp_board>dl>dd .point:before,.style_edu.rp_board>dl>dd .price:before{content: none}
    .style_edu.rp_board>dl>dd .point{margin-top: 0}
    .style_edu.rp_board>dl>dd .point,.style_edu.rp_board>dl>dd .price{-webkit-transform:translate(0,25%);transform:translate(0,25%);text-align: center}
    .rp_board.part>dl>dd>div:nth-child(3){text-align: center;margin-bottom:0}
    .rp_board.part>dl>dd>div:last-child{text-align: center}
    .style_edu.rp_board>dl>dd .delivery .btn {margin: 0 auto;align-items: center;}


}
/* ??? vimeo??? */
.thispage_only .card .playbox {
    position: relative;
    padding-top: 56%;
    width: 100%;
    height: 0;
}

/* iframe */
.thispage_only .card .playbox > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}