@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

input:focus{outline:0;}
textarea:focus{outline:0;}
div:focus{outline:0;}
a{cursor:pointer}
img{width:100%; max-width:1180px; height:auto;}

html, body{height:100%;}
html{text-align:center;}
body{position:relative; height:auto; display:inline-block; width:100%; min-height:100%; font-family:'Pretendard','Poppins','sans-serif'; font-size:14px; font-weight:400; color:#666666; text-align:left; line-height:1.3; min-width:320px; background-color:#f5f5f5;}

a:link, a:visited {color:#666666; text-decoration:none; outline:0;}
a:hover, a:active {color:#1C1C1B; text-decoration:none}

.font_en{font-family:'Poppins','sans-serif';}
.font_kr{font-family:'Pretendard','sans-serif';}

/*font_color*/
.text_black{color:#1C1C1B;}
.text_white{color:#ffffff;}

.text_gray500{color:#666666;}
.text_gray400{color:#BDBDBD;}
.text_gray300{color:#E0E0E0;}
.text_gray200{color:#EEEEEE;}
.text_gray100{color:#F5F5F5;}

.text_red500{color:#e30613;}
.text_red400{color:#FF4B41;}
.text_red300{color:#FF5F56;}
.text_red200{color:#FF7972;}
.text_red100{color:#FF958F;}

.pop_red500{color:#ff0066;}

.text_blue500{color:#207cde;}
.text_blue400{color:#5C6BC0;}
.text_blue300{color:#7986CB;}
.text_blue200{color:#9FA8DA;}
.text_blue100{color:#C5CAE9;}

.text_skyblue500{color:#0099ff;}

.text_yellow500{color:#FFD306;}
.text_yellow400{color:#FEE440;}
.text_yellow300{color:#FEEB70;}
.text_yellow200{color:#FEF2A0;}
.text_yellow100{color:#FFF8CF;}

.text_green500{color:#00694a;}
.text_green400{color:#73bf43;}
.text_green300{color:#81C784;}
.text_green200{color:#A5D6A7;}
.text_green100{color:#C8E6C9;}

.text_ygreen500{color:#33cc00;}

.text_purple500{color:#943AC1;}
.text_purple400{color:#AB57D6;}
.text_purple300{color:#BE76E3;}
.text_purple200{color:#D196EF;}
.text_purple100{color:#E1B4F9;}

.text_pink{color:#ef5faa;}

/*background*/
.bgcolor_black{background-color:#333333;}
.bgcolor_white{background-color:#ffffff;}

.bgcolor_gray500{background-color:#666666;}
.bgcolor_gray400{background-color:#BDBDBD;}
.bgcolor_gray300{background-color:#E0E0E0;}
.bgcolor_gray200{background-color:#EEEEEE;}
.bgcolor_gray100{background-color:#F5F5F5;}

.bgcolor_red500{background-color:#e30613;}
.bgcolor_red400{background-color:#FF4B41;}
.bgcolor_red300{background-color:#FF5F56;}
.bgcolor_red200{background-color:#FF7972;}
.bgcolor_red100{background-color:#FF958F;}

.bgcolor_blue500{background-color:#207cde;}
.bgcolor_blue400{background-color:#5C6BC0;}
.bgcolor_blue300{background-color:#7986CB;}
.bgcolor_blue200{background-color:#9FA8DA;}
.bgcolor_blue100{background-color:#C5CAE9;}

.bgcolor_yellow500{background-color:#FFD306;}
.bgcolor_yellow400{background-color:#FEE440;}
.bgcolor_yellow300{background-color:#FEEB70;}
.bgcolor_yellow200{background-color:#FEF2A0;}
.bgcolor_yellow100{background-color:#FFF8CF;}

.bgcolor_purple500{background-color:#943AC1;}
.bgcolor_purple400{background-color:#AB57D6;}
.bgcolor_purple300{background-color:#BE76E3;}
.bgcolor_purple200{background-color:#D196EF;}
.bgcolor_purple100{background-color:#E1B4F9;}

.bgcolor_pink{background-color:#ef5faa;}

/*font_weight*/
.text_w100{font-weight:100;}
.text_w300{font-weight:300;}
.text_w400{font-weight:400;}
.text_w500{font-weight:500;}
.text_w600{font-weight:600;}
.text_w700{font-weight:700;}
.text_w900{font-weight:900;}

/*font_size*/
.f_size10{font-size:10px;}
.f_size11{font-size:11px;}
.f_size12{font-size:12px;}
.f_size13{font-size:13px;}
.f_size14{font-size:14px;}
.f_size15{font-size:15px;}
.f_size16{font-size:16px;}
.f_size17{font-size:17px;}
.f_size18{font-size:18px;}
.f_size19{font-size:19px;}
.f_size20{font-size:20px;}
.f_size21{font-size:21px;}
.f_size22{font-size:22px;}
.f_size23{font-size:23px;}
.f_size24{font-size:24px;}
.f_size25{font-size:25px;}
.f_size26{font-size:26px;}
.f_size27{font-size:27px;}
.f_size28{font-size:28px;}
.f_size29{font-size:29px;}
.f_size30{font-size:30px;}
.f_size31{font-size:31px;}
.f_size32{font-size:32px;}
.f_size33{font-size:33px;}
.f_size34{font-size:34px;}
.f_size35{font-size:35px;}
.f_size36{font-size:36px;}
.f_size37{font-size:37px;}
.f_size38{font-size:38px;}
.f_size39{font-size:39px;}
.f_size40{font-size:40px;}
.f_size45{font-size:45px;}
.f_size48{font-size:48px;}
.f_size54{font-size:54px;}
.f_size65{font-size:65px;}

/*border*/
.border_lgray{border:1px solid #e6e6e6;}
.border_t_lgray{border-top:1px solid #e6e6e6;}
.border_l_lgray{border-left:1px solid #e6e6e6;}
.border_r_lgray{border-right:1px solid #e6e6e6;}
.border_b_lgray{border-bottom:1px solid #e6e6e6;}

.border_dgray{border:1px solid #212121;}
.border_t_dgray{border-top:1px solid #212121;}
.border_l_dgray{border-left:1px solid #212121;}
.border_r_dgray{border-right:1px solid #212121;}
.border_b_dgray{border-bottom:1px solid #212121;}

.linethrough{text-decoration:line-through;}
.underline{text-decoration:underline;}

/*padding*/
.p_0{padding:0;}
.p_10{padding:10px;}
.p_20{padding:20px;}
.p_30{padding:30px;}
.p_40{padding:40px;}
.p_50{padding:50px;}
.p_60{padding:60px;}
.p_70{padding:70px;}
.p_80{padding:80px;}
.p_90{padding:90px;}
.p_100{padding:100px;}

.pl_10{padding-left:10px;}
.pl_20{padding-left:20px;}
.pl_30{padding-left:30px;}
.pl_40{padding-left:40px;}
.pl_50{padding-left:50px;}
.pl_60{padding-left:60px;}
.pl_70{padding-left:70px;}
.pl_80{padding-left:80px;}
.pl_90{padding-left:90px;}
.pl_100{padding-left:100px;}

.pr_10{padding-right:10px;}
.pr_20{padding-right:20px;}
.pr_30{padding-right:30px;}
.pr_40{padding-right:40px;}
.pr_50{padding-right:50px;}
.pr_60{padding-right:60px;}
.pr_70{padding-right:70px;}
.pr_80{padding-right:80px;}
.pr_90{padding-right:90px;}
.pr_100{padding-right:100px;}

.pt_10{padding-top:10px;}
.pt_20{padding-top:20px;}
.pt_30{padding-top:30px;}
.pt_40{padding-top:40px;}
.pt_50{padding-top:50px;}
.pt_60{padding-top:60px;}
.pt_70{padding-top:70px;}
.pt_80{padding-top:80px;}
.pt_90{padding-top:90px;}
.pt_100{padding-top:100px;}

.pb_0{padding-bottom:0px;}
.pb_10{padding-bottom:10px;}
.pb_20{padding-bottom:20px;}
.pb_30{padding-bottom:30px;}
.pb_40{padding-bottom:40px;}
.pb_50{padding-bottom:50px;}
.pb_60{padding-bottom:60px;}
.pb_70{padding-bottom:70px;}
.pb_80{padding-bottom:80px;}
.pb_90{padding-bottom:90px;}
.pb_100{padding-bottom:100px;}

/*margin*/
.m_0{margin:0px;}
.m_5{margin:5px;}
.m_10{margin:10px;}
.m_20{margin:20px;}
.m_30{margin:30px;}
.m_40{margin:40px;}
.m_50{margin:50px;}
.m_60{margin:60px;}
.m_70{margin:70px;}
.m_80{margin:80px;}
.m_90{margin:90px;}
.m_100{margin:100px;}

.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.ml_20{margin-left:20px;}
.ml_30{margin-left:30px;}
.ml_40{margin-left:40px;}
.ml_50{margin-left:50px;}
.ml_60{margin-left:60px;}
.ml_70{margin-left:70px;}
.ml_80{margin-left:80px;}
.ml_90{margin-left:90px;}
.ml_100{margin-left:100px;}

.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_20{margin-right:20px;}
.mr_30{margin-right:30px;}
.mr_40{margin-right:40px;}
.mr_50{margin-right:50px;}
.mr_60{margin-right:60px;}
.mr_70{margin-right:70px;}
.mr_80{margin-right:80px;}
.mr_90{margin-right:90px;}
.mr_100{margin-right:100px;}

.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_30{margin-top:30px;}
.mt_35{margin-top:35px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
.mt_52{margin-top:52px;}
.mt_60{margin-top:60px;}
.mt_70{margin-top:70px;}
.mt_80{margin-top:80px;}
.mt_90{margin-top:90px;}
.mt_100{margin-top:100px;}

.mb_0{margin-bottom:0px;}
.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}
.mb_40{margin-bottom:40px;}
.mb_50{margin-bottom:50px;}
.mb_60{margin-bottom:60px;}
.mb_70{margin-bottom:70px;}
.mb_80{margin-bottom:80px;}
.mb_90{margin-bottom:90px;}
.mb_100{margin-bottom:100px;}

/*button*/
input[type="button"].btn_red_w84{width:84px; height:52px; background-color:#e30613; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_red_w124{width:124px; height:52px; background-color:#e30613; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_red_w170{width:170px; height:52px; background-color:#e30613; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_red_w210{width:210px; height:52px; background-color:#e30613; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_red_w218{width:218px; height:52px; background-color:#e30613; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_red_w255{width:255px; height:52px; background-color:#e30613; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_red_w300{width:300px; height:52px; background-color:#e30613; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_red_w370{width:370px; height:52px; background-color:#e30613; font-size:14px; font-weight:500; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_red_w100p{width:100%; height:52px; background-color:#e30613; font-size:14px; font-weight:500; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="submit"].btn_red_w100p{width:100%; height:52px; background-color:#e30613; font-size:14px; font-weight:500; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}

input[type="button"].btn_blue_w84{width:84px; height:52px; background-color:#207cde; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_blue_w124{width:124px; height:52px; background-color:#207cde; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_blue_w210{width:210px; height:52px; background-color:#207cde; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_blue_w218{width:218px; height:52px; background-color:#207cde; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_blue_w255{width:255px; height:52px; background-color:#207cde; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_blue_w300{width:300px; height:52px; background-color:#207cde; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_blue_w370{width:370px; height:52px; background-color:#207cde; font-size:14px; font-weight:500; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_blue_w100p{width:100%; height:52px; background-color:#207cde; font-size:14px; font-weight:500; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="submit"].btn_blue_w100p{width:100%; height:52px; background-color:#207cde; font-size:14px; font-weight:500; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}

input[type="button"].btn_black_w77{width:77px; height:52px; background-color:#1C1C1B; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_black_w84{width:84px; height:52px; background-color:#1C1C1B; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_black_w124{width:124px; height:52px; background-color:#1C1C1B; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_black_w210{width:210px; height:52px; background-color:#1C1C1B; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_black_w218{width:218px; height:52px; background-color:#1C1C1B; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_black_w255{width:255px; height:52px; background-color:#1C1C1B; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_black_w300{width:300px; height:52px; background-color:#1C1C1B; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_black_w370{width:370px; height:52px; background-color:#1C1C1B; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_black_w430{width:430px; height:52px; background-color:#1C1C1B; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_black_w100p{width:100%; height:52px; background-color:#1C1C1B; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="submit"].btn_black_w100p{width:100%; height:52px; background-color:#1C1C1B; font-size:14px; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}

input[type="button"].btn_gray_w84{width:84px; height:52px; background-color:#BDBDBD; font-size:14px; color:#212121; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_gray_w124{width:124px; height:52px; background-color:#BDBDBD; font-size:14px; color:#212121; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_gray_w180{width:180px; height:52px; background-color:#BDBDBD; font-size:14px; color:#212121; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_gray_w210{width:210px; height:52px; background-color:#BDBDBD; font-size:14px; color:#212121; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_gray_w218{width:218px; height:52px; background-color:#BDBDBD; font-size:14px; color:#212121; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_gray_w255{width:255px; height:52px; background-color:#BDBDBD; font-size:14px; font-weight:500; color:#212121; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_gray_w300{width:300px; height:52px; background-color:#BDBDBD; font-size:14px; font-weight:500; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_gray_w370{width:370px; height:52px; background-color:#BDBDBD; font-size:14px; font-weight:500; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_gray_w100p{width:100%; height:52px; background-color:#BDBDBD; font-size:14px; font-weight:500; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_gray_w50p{width:50%; height:52px; background-color:#BDBDBD; font-size:14px; font-weight:500; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="submit"].btn_gray_w100p{width:100%; height:52px; background-color:#BDBDBD; font-size:14px; font-weight:500; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="submit"].btn_gray_w50p{width:50%; height:52px; background-color:#BDBDBD; font-size:14px; font-weight:500; color:#fff; border:0; box-sizing:border-box; border-radius:6px; cursor:pointer;}

input[type="button"].btn_white_w84{width:84px; height:52px; background-color:#fff; font-size:14px; color:#212121; border:1px solid #212121; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_white_w124{width:124px; height:52px; background-color:#fff; font-size:14px; color:#212121; border:1px solid #212121; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_white_w170{width:170px; height:52px; background-color:#fff; font-size:14px; color:#212121; border:1px solid #212121; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_white_w210{width:210px; height:52px; background-color:#fff; font-size:14px; color:#212121; border:1px solid #212121; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_white_w218{width:218px; height:52px; background-color:#fff; font-size:14px; color:#212121; border:1px solid #212121; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_white_w255{width:255px; height:52px; background-color:#fff; font-size:14px; font-weight:500; color:#212121; border:1px solid #212121; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_white_w300{width:300px; height:52px; background-color:#fff; font-size:14px; font-weight:500; color:#212121; border:1px solid #212121; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_white_w370{width:370px; height:52px; background-color:#fff; font-size:14px; font-weight:500; color:#212121; border:1px solid #212121; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="button"].btn_white_w100p{width:100%; height:52px; background-color:#fff; font-size:14px; font-weight:500; color:#212121; border:1px solid #212121; box-sizing:border-box; border-radius:6px; cursor:pointer;}
input[type="submit"].btn_white_w100p{width:100%; height:52px; background-color:#fff; font-size:14px; font-weight:500; color:#212121; border:1px solid #212121; box-sizing:border-box; border-radius:6px; cursor:pointer;}


/*text_box*/
.input_box{position:relative; clear:both; float:left; width:100%; height:52px; padding:10px 10px; border-radius:6px; box-sizing:border-box;}
.input_box .input_title{float:left;}
input[type="text"].input_text{float:left; width:100%; height:100%; font-size:14px; border:0; border-radius:3px; color:#212121; background:none; box-sizing:border-box;}
input[type="text"].input_box_line{float:left; width:100%; height:100%; font-size:14px; border:0; color:#212121; padding:16px; border:1px solid #e6e6e6; border-radius:5px; box-sizing:border-box;}
input[type="password"].input_pw{float:left; width:100%; height:100%; font-size:14px; border:0; border-radius:3px; color:#212121; background:none; box-sizing:border-box;}
input[type="password"].input_pw_line{float:left; width:100%; height:100%; font-size:14px; border:0; color:#212121; padding:16px; border:1px solid #e6e6e6; border-radius:5px; box-sizing:border-box;}
input[type="tel"]{float:left; width:100%; height:100%; font-size:14px; border:0; border-radius:5px; color:#212121; background:none; box-sizing:border-box;}
input[type="text"].captcha_box{float:left; width:calc(100% - 90px); font-size:14px; border:0; border-radius:5px; color:#212121; margin-left:5px; background:none; box-sizing:border-box;}
input[type="search"].sch_input{float:left; width:100%; height:100%; font-size:14px; border:0; border-radius:5px; color:#212121; background:none; box-sizing:border-box;}
textarea{width:100%; border:0; border-radius:8px; color:#212121; font-size:14px; padding:10px; border:1px solid #e6e6e6; border-radius:5px; background:none; box-sizing:border-box; resize:vertical;}


/*radiokbox*/
input.radio_style {display: none;}
input.radio_style + label em{display:inline-block; width:20px; height:20px; margin-top:-3px; margin-right:5px; background:url('../images/radio_off.svg') 0 0 no-repeat; background-size:20px; vertical-align: middle; overflow:hidden; cursor: pointer;}
input.radio_style + label{color:#212121; font-weight:400; cursor:pointer; font-size:14px;}
input.radio_style:checked + label em{background:url('../images/radio_on.svg') 0 0 no-repeat; background-size:20px;}

input.radio_style_y {display: none;}
input.radio_style_y + label em{display:inline-block; width:20px; height:20px; margin-top:-3px; margin-right:5px; background:url('../images/radio_off.svg') 0 0 no-repeat; background-size:20px; vertical-align: middle; overflow:hidden; cursor: pointer;}
input.radio_style_y + label{color:#212121; font-weight:400; cursor:pointer; font-size:14px;}
input.radio_style_y:checked + label em{background:url('../images/radio_on_y.svg') 0 0 no-repeat; background-size:20px;}

input.radio_style_b {display: none;}
input.radio_style_b + label em{display:inline-block; width:20px; height:20px; margin-top:-3px; margin-right:5px; background:url('../images/radio_off.svg') 0 0 no-repeat; background-size:20px; vertical-align: middle; overflow:hidden; cursor: pointer;}
input.radio_style_b + label{color:#212121; font-weight:400; cursor:pointer; font-size:14px;}
input.radio_style_b:checked + label em{background:url('../images/radio_on_b.svg') 0 0 no-repeat; background-size:20px;}

input.radio_style_p {display: none;}
input.radio_style_p + label em{display:inline-block; width:20px; height:20px; margin-top:-3px; margin-right:5px; background:url('../images/radio_off.svg') 0 0 no-repeat; background-size:20px; vertical-align: middle; overflow:hidden; cursor: pointer;}
input.radio_style_p + label{color:#212121; font-weight:400; cursor:pointer; font-size:14px;}
input.radio_style_p:checked + label em{background:url('../images/radio_on_p.svg') 0 0 no-repeat; background-size:20px;}

/*checkbox*/
input.chk_style {display: none;}
input.chk_style + label em{display:inline-block; width:20px; height:20px; margin-top:-2px; margin-right:5px; background:url('../images/check_off.svg') 0 0 no-repeat; background-size:20px; vertical-align: middle; overflow:hidden; cursor:pointer;}
input.chk_style + label{color:#212121; font-weight:400; cursor:pointer; font-size:14px;}
input.chk_style:checked + label em{background:url('../images/check_on.svg') 0 0 no-repeat; background-size:20px;}

input.chk_style_y {display: none;}
input.chk_style_y + label em{display:inline-block; width:20px; height:20px; margin-top:-2px; margin-right:5px; background:url('../images/check_off.svg') 0 0 no-repeat; background-size:20px; vertical-align: middle; overflow:hidden; cursor:pointer;}
input.chk_style_y + label{color:#212121; font-weight:400; cursor:pointer; font-size:14px;}
input.chk_style_y:checked + label em{background:url('../images/check_on_y.svg') 0 0 no-repeat; background-size:20px;}

input.chk_style_b {display: none;}
input.chk_style_b + label em{display:inline-block; width:20px; height:20px; margin-top:-2px; margin-right:5px; background:url('../images/check_off.svg') 0 0 no-repeat; background-size:20px; vertical-align: middle; overflow:hidden; cursor:pointer;}
input.chk_style_b + label{color:#212121; font-weight:400; cursor:pointer; font-size:14px;}
input.chk_style_b:checked + label em{background:url('../images/check_on_b.svg') 0 0 no-repeat; background-size:20px;}

/*placeholder*/
input::placeholder {color:#a0a0a0; font-weight:300;}
input::-webkit-input-placeholder {color:#a0a0a0; font-weight:300;}  /* 크롬 구버전 */
input:-ms-input-placeholder {color:#a0a0a0; font-weight:300;} /* IE적용 */
textarea::placeholder {color:#a0a0a0; font-weight:300;}

/*파일업로드*/
.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}

.filebox label {
  width:68px;
  display: inline-block;
  padding: 17px 16px;
  color: #fff;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #212121;
  cursor: pointer;
  border-radius:5px;
  text-align:center;
}

/* named upload */
.filebox .upload-name {
  width:calc(100% - 110px);
  display: inline-block;
  padding: 17px 16px; /* label의 패딩값과 일치 */
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #F5F5F5;
  border:0;
  border-radius: 5px;
  margin-right: 6px;
  color: #999999;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none; appearance: none;
  box-sizing: border-box;
}
.filebox input:disabled{background-color:#F5F5F5; opacity:1;}

h1{font-size:24px; font-weight:700; color:#333333; line-height:1;}
h2{font-size:22px; font-weight:500; color:#333333; line-height:1;}
h3{font-size:20px; font-weight:400; color:#333333; line-height:1;}

/*하단메뉴*/
.bottom_main_menu{position: fixed; bottom: 0; z-index: 60; width: 100%; max-width:420px; padding: 4px 0; border-radius: 20px 20px 0 0; box-sizing: border-box; box-shadow: 0px -5px 5px rgb(0 0 0 / 6%);}
.bottom_main_menu .bottom_menu_box{width: 100%; display: inline-block; float: left;}
.bottom_main_menu .bottom_menu_box li{float:left; width:20%; height:54px; display:flex; justify-content:center; align-items:center;}
.bottom_main_menu .bottom_menu_box li .m_bottom_btn{display:flex; text-align:center; color:#212121; justify-content:center; align-items:center; padding:10px; box-sizing:border-box;}
.bottom_main_menu .bottom_menu_box li.shop a{color:#e52713;}

/*스크롤탑*/
.scroll_top{position:fixed; bottom:35px; right:15px; z-index:52; width:42px; height:42px; border-radius:42px; text-align:center; box-shadow: 0 3px 9px rgb(0 0 0 / 15%); opacity: 0.9;}
.scroll_top a{display:block; width:100%; height:100%; color:#212121; line-height:42px;}

/*스크롤 모션*/
.fromTopIn{transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0;}
.fromTopOut{transition: transform 1.0s ease, opacity 1.0s ease;	transform: translate(0,-10px); opacity: 0.0;}

.fromBottomIn{transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0;}
.fromBottomOut{transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,10px); opacity: 0.0;}

.fromLeftIn{transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(25px,0); opacity: 1.0;}
.fromLeftOut{transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 0.0;}

.fromRightIn{transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(-25px,0); opacity: 1.0;}
.fromRightOut{transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0, 0); opacity: 0.0;}

.scaleUpIn{transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.0,1.0); opacity: 1.0;}
.scaleUpOut{transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.3,1.3); opacity: 0.0;}

.scaleDownIn{transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.0,1.0); opacity: 1.0;}
.scaleDownOut{transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(0.7,0.7); opacity: 0.0;}


/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  text-align: center;
  min-width: 3em;
  width: 15em;
  white-space:normal;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1.2ch 1.5ch;
  line-height:1.3;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@-webkit-keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@-webkit-keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  -webkit-animation: tooltips-vert 300ms ease-out forwards;
          animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  -webkit-animation: tooltips-horz 300ms ease-out forwards;
          animation: tooltips-horz 300ms ease-out forwards;
}

/* 스위치 버튼 */
.switch {
  visibility: hidden;
  position: absolute;
  margin-left: -9999px;
}

.switch + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

.switch--flat + label {
  padding: 2px;
  width: 50px;
  height: 30px;
  background-color: #dddddd;
  border-radius: 50px;
  transition: background 0.4s;
}
.switch--flat + label:before,
.switch--flat + label:after {
  display: block;
  position: absolute;
  content: "";
}
.switch--flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 50px;
  transition: background 0.4s;
}
.switch--flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 26px;
  background-color: #dddddd;
  border-radius: 52px;
  transition: margin 0.4s, background 0.4s;
}
.switch--flat:checked + label {
  background-color: #207cde;
}
.switch--flat:checked + label:after {
  margin-left: 20px;
  background-color: #207cde;
}