@charset "utf-8";


/**************************************************
COMMON
***************************************************/
@media (min-width: 320px) { /* 컨테이버 너비 없음 (auto) */
 .col_xs { flex-basis: 0; flex-grow: 1; max-width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; } 
 .col_xs_1 { -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; -webkit-box-flex: 0; } 
 .col_xs_2 { -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; -webkit-box-flex: 0; } 
 .col_xs_3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; -webkit-box-flex: 0; } 
 .col_xs_4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; -webkit-box-flex: 0; } 
 .col_xs_5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; -webkit-box-flex: 0; } 
 .col_xs_6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-flex: 0; } 
 .col_xs_7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; -webkit-box-flex: 0; } 
 .col_xs_8 { -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; -webkit-box-flex: 0; } 
 .col_xs_9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; -webkit-box-flex: 0; } 
 .col_xs_10 { -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; -webkit-box-flex: 0; } 
 .col_xs_11 { -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%; -webkit-box-flex: 0; } 
 .col_xs_12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-flex: 0; } 
 
 
 .g_xs_0,
 .gx_xs_0 { --gutter-x: 0; } 
 .g_xs_0,
 .gy_xs_0 { --gutter-y: 0; } 
 .g_xs_1,
 .gx_xs_1 { --gutter-x: 1px; } 
 .g_xs_1,
 .gy_xs_1 { --gutter-y: 1px; } 
 .g_xs_2,
 .gx_xs_2 { --gutter-x: 2px; } 
 .g_xs_2,
 .gy_xs_2 { --gutter-y: 2px; } 
 .g_xs_3,
 .gx_xs_3 { --gutter-x: 3px; } 
 .g_xs_3,
 .gy_xs_3 { --gutter-y: 3px; } 
 .g_xs_4,
 .gx_xs_4 { --gutter-x: 4px; } 
 .g_xs_4,
 .gy_xs_4 { --gutter-y: 4px; } 
 .g_xs_5,
 .gx_xs_5 { --gutter-x: 5px; } 
 .g_xs_5,
 .gy_xs_5 { --gutter-y: 5px; } 
 .g_xs_6,
 .gx_xs_6 { --gutter-x: 6px; } 
 .g_xs_6,
 .gy_xs_6 { --gutter-y: 6px; } 
 .g_xs_7,
 .gx_xs_7 { --gutter-x: 7px; } 
 .g_xs_7,
 .gy_xs_7 { --gutter-y: 7px; } 
 .g_xs_8,
 .gx_xs_8 { --gutter-x: 8px; } 
 .g_xs_8,
 .gy_xs_8 { --gutter-y: 8px; } 
 .g_xs_9,
 .gx_xs_9 { --gutter-x: 9px; } 
 .g_xs_9,
 .gy_xs_9 { --gutter-y: 9px; } 
 .g_xs_10,
 .gx_xs_10 { --gutter-x: 10px; } 
 .g_xs_10,
 .gy_xs_10 { --gutter-y: 10px; } 
 .g_xs_11,
 .gx_xs_11 { --gutter-x: 11px; } 
 .g_xs_11,
 .gy_xs_11 { --gutter-y: 11px; } 
 .g_xs_12,
 .gx_xs_12 { --gutter-x: 12px; } 
 .g_xs_12,
 .gy_xs_12 { --gutter-y: 12px; } 
 .g_xs_13,
 .gx_xs_13 { --gutter-x: 13px; } 
 .g_xs_13,
 .gy_xs_13 { --gutter-y: 13px; } 
 .g_xs_14,
 .gx_xs_14 { --gutter-x: 14px; } 
 .g_xs_14,
 .gy_xs_14 { --gutter-y: 14px; } 
 .g_xs_15,
 .gx_xs_15 { --gutter-x: 15px; } 
 .g_xs_15,
 .gy_xs_15 { --gutter-y: 15px; } 
 .g_xs_16,
 .gx_xs_16 { --gutter-x: 16px; } 
 .g_xs_16,
 .gy_xs_16 { --gutter-y: 16px; } 
 .g_xs_17,
 .gx_xs_17 { --gutter-x: 17px; } 
 .g_xs_17,
 .gy_xs_17 { --gutter-y: 17px; } 
 .g_xs_18,
 .gx_xs_18 { --gutter-x: 18px; } 
 .g_xs_18,
 .gy_xs_18 { --gutter-y: 18px; } 
 .g_xs_19,
 .gx_xs_19 { --gutter-x: 19px; } 
 .g_xs_19,
 .gy_xs_19 { --gutter-y: 19px; } 
 .g_xs_20,
 .gx_xs_20 { --gutter-x: 20px; } 
 .g_xs_20,
 .gy_xs_20 { --gutter-y: 20px; } 
 .g_xs_21,
 .gx_xs_21 { --gutter-x: 21px; } 
 .g_xs_21,
 .gy_xs_21 { --gutter-y: 21px; } 
 .g_xs_22,
 .gx_xs_22 { --gutter-x: 22px; } 
 .g_xs_22,
 .gy_xs_22 { --gutter-y: 22px; } 
 .g_xs_23,
 .gx_xs_23 { --gutter-x: 23px; } 
 .g_xs_23,
 .gy_xs_23 { --gutter-y: 23px; } 
 .g_xs_24,
 .gx_xs_24 { --gutter-x: 24px; } 
 .g_xs_24,
 .gy_xs_24 { --gutter-y: 24px; } 
 .g_xs_25,
 .gx_xs_25 { --gutter-x: 25px; } 
 .g_xs_25,
 .gy_xs_25 { --gutter-y: 25px; } 
 .g_xs_26,
 .gx_xs_26 { --gutter-x: 26px; } 
 .g_xs_26,
 .gy_xs_26 { --gutter-y: 26px; } 
 .g_xs_27,
 .gx_xs_27 { --gutter-x: 27px; } 
 .g_xs_27,
 .gy_xs_27 { --gutter-y: 27px; } 
 .g_xs_28,
 .gx_xs_28 { --gutter-x: 28px; } 
 .g_xs_28,
 .gy_xs_28 { --gutter-y: 28px; } 
 .g_xs_29,
 .gx_xs_29 { --gutter-x: 29px; } 
 .g_xs_29,
 .gy_xs_29 { --gutter-y: 29px; } 
 .g_xs_30,
 .gx_xs_30 { --gutter-x: 30px; } 
 .g_xs_30,
 .gy_xs_30 { --gutter-y: 30px; } 
 .g_xs_31,
 .gx_xs_31 { --gutter-x: 31px; } 
 .g_xs_31,
 .gy_xs_31 { --gutter-y: 31px; } 
 .g_xs_32,
 .gx_xs_32 { --gutter-x: 32px; } 
 .g_xs_32,
 .gy_xs_32 { --gutter-y: 32px; } 
 .g_xs_33,
 .gx_xs_33 { --gutter-x: 33px; } 
 .g_xs_33,
 .gy_xs_33 { --gutter-y: 33px; } 
 .g_xs_34,
 .gx_xs_34 { --gutter-x: 34px; } 
 .g_xs_34,
 .gy_xs_34 { --gutter-y: 34px; } 
 .g_xs_35,
 .gx_xs_35 { --gutter-x: 35px; } 
 .g_xs_35,
 .gy_xs_35 { --gutter-y: 35px; } 
 .g_xs_36,
 .gx_xs_36 { --gutter-x: 36px; } 
 .g_xs_36,
 .gy_xs_36 { --gutter-y: 36px; } 
 .g_xs_37,
 .gx_xs_37 { --gutter-x: 37px; } 
 .g_xs_37,
 .gy_xs_37 { --gutter-y: 37px; } 
 .g_xs_38,
 .gx_xs_38 { --gutter-x: 38px; } 
 .g_xs_38,
 .gy_xs_38 { --gutter-y: 38px; } 
 .g_xs_39,
 .gx_xs_39 { --gutter-x: 39px; } 
 .g_xs_39,
 .gy_xs_39 { --gutter-y: 39px; } 
 .g_xs_40,
 .gx_xs_40 { --gutter-x: 40px; } 
 .g_xs_40,
 .gy_xs_40 { --gutter-y: 40px; } 





 .mb_hidden { display: none; } 
 .mb_only { display: block; } 



 .logo { display: none; } 
 .copyright { display: none; } 



.step_area { display: flex; align-items: center; } 
.step_bar { display: block; flex: 1; position: relative; overflow: hidden; height: 4px; border-radius: 10px; background-color: #ECEEF0; } 
.step_bar span { position: absolute; top: 0; left: 0; height: 4px; border-radius: 10px; background: linear-gradient(0deg, var(--primary), var(--primary)), linear-gradient(90deg, var(--primary) 0%, #FF5C01 100%); } 

.multi_steps { position: relative; } 
.multi_steps > li { position: static; } 
.multi_steps > li span { display: none; position: absolute; right: 0; bottom: -10px; font-size: 13px; white-space: nowrap; } 
.multi_steps > li.is_active span { display: block; } 
.multi_steps > li:before { width: 18px; height: 18px; margin: 11px 3px 12px; line-height: 18px; } 
.multi_steps > li::after { display: none; } 


.info_list_area .info_cont .info_detail .info + .info { margin-top: 6px; } 

.popup_area.popup_addr .scroll_y { height: 65.56vw;  }
 }/* 320px */



















































 






@media (max-width: 359px) {
#container { padding-top: 13.89vw; padding-bottom: 19.44vw; } 



/**************************************************
COMMON
***************************************************/

/* GRID LAYOUT */
.guide_grid_column { padding: 3.61vw; font-size: 3.61vw; } 
.grid_container.guide_bg { border: 1px solid #99abff; } 


.g_0,
.gx_0 { --gutter-x: 0; } 
.g_0,
.gy_0 { --gutter-y: 0; } 
.g_1,
.gx_1 { --gutter-x: .28vw; } 
.g_1,
.gy_1 { --gutter-y: .28vw; } 
.g_2,
.gx_2 { --gutter-x: .56vw; } 
.g_2,
.gy_2 { --gutter-y: .56vw; } 
.g_3,
.gx_3 { --gutter-x: .83vw; } 
.g_3,
.gy_3 { --gutter-y: .83vw; } 
.g_4,
.gx_4 { --gutter-x: 1.11vw; } 
.g_4,
.gy_4 { --gutter-y: 1.11vw; } 
.g_5,
.gx_5 { --gutter-x: 1.39vw; } 
.g_5,
.gy_5 { --gutter-y: 1.39vw; } 
.g_6,
.gx_6 { --gutter-x: 1.67vw; } 
.g_6,
.gy_6 { --gutter-y: 1.67vw; } 
.g_7,
.gx_7 { --gutter-x: 1.94vw; } 
.g_7,
.gy_7 { --gutter-y: 1.94vw; } 
.g_8,
.gx_8 { --gutter-x: 2.22vw; } 
.g_8,
.gy_8 { --gutter-y: 2.22vw; } 
.g_9,
.gx_9 { --gutter-x: 2.5vw; } 
.g_9,
.gy_9 { --gutter-y: 2.5vw; } 
.g_10,
.gx_10 { --gutter-x: 2.78vw; } 
.g_10,
.gy_10 { --gutter-y: 2.78vw; } 
.g_11,
.gx_11 { --gutter-x: 3.06vw; } 
.g_11,
.gy_11 { --gutter-y: 3.06vw; } 
.g_12,
.gx_12 { --gutter-x: 3.33vw; } 
.g_12,
.gy_xs_12 { --gutter-y: 3.33vw; } 
.g_13,
.gx_13 { --gutter-x: 3.61vw; } 
.g_13,
.gy_13 { --gutter-y: 3.61vw; } 
.g_14,
.gx_14 { --gutter-x: 3.89vw; } 
.g_14,
.gy_14 { --gutter-y: 3.89vw; } 
.g_15,
.gx_15 { --gutter-x: 4.17vw; } 
.g_15,
.gy_15 { --gutter-y: 4.17vw; } 
.g_16,
.gx_16 { --gutter-x: 4.44vw; } 
.g_16,
.gy_16,
.gy_xs_16 { --gutter-y: 4.44vw; } 
.g_17,
.gx_17 { --gutter-x: 4.72vw; } 
.g_17,
.gy_17 { --gutter-y: 4.72vw; } 
.g_18,
.gx_18 { --gutter-x: 5vw; } 
.g_18,
.gy_18 { --gutter-y: 5vw; } 
.g_19,
.gx_19 { --gutter-x: 5.28vw; } 
.g_19,
.gy_19 { --gutter-y: 5.28vw; } 
.g_20,
.gx_20 { --gutter-x: 5.56vw; } 
.g_20,
.gy_xs_20 { --gutter-y: 5.56vw; } 
.g_21,
.gx_21 { --gutter-x: 5.83vw; } 
.g_21,
.gy_21 { --gutter-y: 5.83vw; } 
.g_22,
.gx_22 { --gutter-x: 6.11vw; } 
.g_22,
.gy_22 { --gutter-y: 6.11vw; } 
.g_23,
.gx_23 { --gutter-x: 6.39vw; } 
.g_23,
.gy_23 { --gutter-y: 6.39vw; } 
.g_24,
.gx_24 { --gutter-x: 6.67vw; } 
.g_24,
.gy_24 { --gutter-y: 6.67vw; } 
.g_25,
.gx_25 { --gutter-x: 6.94vw; } 
.g_25,
.gy_25 { --gutter-y: 6.94vw; } 
.g_26,
.gx_26 { --gutter-x: 7.22vw; } 
.g_26,
.gy_26 { --gutter-y: 7.22vw; } 
.g_27,
.gx_27 { --gutter-x: 7.5vw; } 
.g_27,
.gy_27 { --gutter-y: 7.5vw; } 
.g_28,
.gx_28,
.g_xs_28,
.gx_xs_28 { --gutter-x: 7.78vw; } 
.g_28,
.gy_28 { --gutter-y: 7.78vw; } 
.g_29,
.gx_29 { --gutter-x: 8.06vw; } 
.g_29,
.gy_29 { --gutter-y: 8.06vw; } 
.g_30,
.gx_30 { --gutter-x: 8.33vw; } 
.g_30,
.gy_30 { --gutter-y: 8.33vw; } 
.g_31,
.gx_31 { --gutter-x: 8.61vw; } 
.g_31,
.gy_31 { --gutter-y: 8.61vw; } 
.g_32,
.gx_32 { --gutter-x: 8.89vw; } 
.g_32,
.gy_32 { --gutter-y: 8.89vw; } 
.g_33,
.gx_33 { --gutter-x: 9.17vw; } 
.g_33,
.gy_33 { --gutter-y: 9.17vw; } 
.g_34,
.gx_34 { --gutter-x: 9.44vw; } 
.g_34,
.gy_34 { --gutter-y: 9.44vw; } 
.g_35,
.gx_35 { --gutter-x: 9.72vw; } 
.g_35,
.gy_35 { --gutter-y: 9.72vw; } 
.g_36,
.gx_36 { --gutter-x: 10vw; } 
.g_36,
.gy_36 { --gutter-y: 10vw; } 
.g_37,
.gx_37 { --gutter-x: 10.28vw; } 
.g_37,
.gy_37 { --gutter-y: 10.28vw; } 
.g_38,
.gx_38 { --gutter-x: 10.56vw; } 
.g_38,
.gy_38 { --gutter-y: 10.56vw; } 
.g_39,
.gx_39 { --gutter-x: 10.83vw; } 
.g_39,
.gy_39 { --gutter-y: 10.83vw; } 
.g_40,
.gx_40 { --gutter-x: 11.11vw; } 
.g_40,
.gy_40 { --gutter-y: 11.11vw; } 





.section { padding: 0 5.56vw; } 




/* FORM */
.form_control.no_border { height: 7.78vw; font-size: 6.11vw; } 
.form_control.no_border::-webkit-input-placeholder { font-size: 6.11vw; } 
.form_control.no_border::-moz-placeholder { font-size: 6.11vw; } 
.form_control.no_border:-ms-input-placeholder { font-size: 6.11vw; } 


select.form_control.no_border { padding-right: 4.72vw; background-size: 3.89vw auto; } 




.form_check_wrap { gap: .56vw 3.33vw } 
.form_check label,
.form_check input + label {  font-size: 3.89vw; line-height: 5.56vw; } 
.form_check label::before,
.form_check input + label::before { width: 5.56vw; height: 5.56vw;  vertical-align: -1.11vw; } 

.form_check.ty02 input[type='checkbox'] + label { font-size: 3.89vw; line-height: 4.64vw; } 
.form_check.ty02 input[type='checkbox'] + label::before { margin-right: 1.39vw; vertical-align: -1.39vw; } 



.title_area + .form_field_area { margin-top: 6.94vw; } 




.form_field_area .form_item .input_field { padding: 4.44vw 4.44vw; border-radius: 3.33vw; outline: 1px solid #D4D7DC; outline-offset: -1px; } 








.form_field_area .form_item .input_field:focus-within { outline: 2px solid #2E3033; outline-offset: -2px; } 
.form_field_area .form_item .input_field.error { outline: 2px solid #F71010; outline-offset: -2px; } 


.valid_text { margin-top: 2.22vw; font-size: 3.61vw; } 



.form_field_area .form_item + .form_item { margin-top: 6.67vw; } 
.form_field_area .form_item .input_field .form_tit_area { margin-bottom: 2.78vw } 
.form_field_area .form_item .input_field .form_tit_area .left .tit { font-size: 3.33vw; line-height: 3.89vw; } 
.form_field_area .form_item .input_field .form_tit_area .left .tit.req { padding-right: 1.67vw; } 
.form_field_area .form_item .input_field .form_tit_area .left .tit.req:after { width: 1.11vw; height: 1.11vw; margin-left: .56vw; vertical-align: 1.11vw; } 


.form_field_area .form_item .input_field.ty02 > input + label { padding: 4.44vw; border-radius: 3.33vw; outline: 1px solid #D4D7DC; } 
.form_field_area .form_item .input_field.ty02 > input:checked + label { outline: 2px solid #2E3033; } 


.form_field_area .form_item .input_field.ty02 > input + label .form_tit_area {padding: 1.67vw 0; } 
.form_field_area .form_item .input_field.ty02 > input + label .form_tit_area .tit { font-size: 4.44vw; } 


.form_field_area .form_item .input_field.ty02 > input:checked + label .form_tit_area { margin-bottom: 3.33vw; } 
.form_field_area .form_item .input_field.ty02 > input:checked + label .form_tit_area .tit { font-size: 3.33vw; line-height: 3.89vw; } 


.input_group .text_field { padding-right: 1.94vw; font-size: 6.11vw; line-height: 6.11vw; } 
.input_group.detail { margin: 4.44vw -4.17vw 0; padding: 4.44vw 15px 0; border-top: 1px solid #D4D7DC; } 
.input_guide { margin-top: 1.67vw; } 
.input_guide > li { font-size: 3.61vw; font-weight: 500; line-height: 4.44vw; } 
.input_guide > li + li { margin-top: 1.11vw; } 


.valid_chk_text {  margin-top: 2.22vw; gap: 3.33vw; } 
.valid_chk_text > span { padding-left: 5.56vw; font-size: 3.61vw; background-size: 4.44vw auto; line-height: 4.44vw; } 


.btn_clear { width: 4.44vw; height: 4.44vw; background-size: 2.22vw auto; } 
.btn_clear + .btn_check { margin-left: 4.44vw; } 


.btn_check { height: 7.78vw; padding: 0 2.78vw; border-radius: 1.67vw;  font-size: 3.61vw; line-height: 4.44vw; } 
.btn_check.ty02 { padding: 0 3.89vw; border-radius: 13.89vw; font-size: 3.89vw; } 

 


/**************************************************
MAIN
***************************************************/


/**************************************************
SUB
***************************************************/





 
#header .section { height: 13.89vw; } 
#header .section .left .btn_back { width: 6.67vw;  height: 6.67vw; } 

.header_title .title {  font-size: 4.44vw; line-height: 5.28vw; } 









.title_area { margin-top: 2.08vw; } 
.title_area .title { font-size: 6.11vw; line-height: 7.78vw; } 
.title_area .desc { margin-top: 2.22vw; font-size: 4.44vw; line-height: 6.11vw; } 

.title_area.center .desc { margin-top: 2.22vw;} 


.multi_steps > li.is_active:before { font-size: 2.78vw; } 
.multi_steps > li.is_active ~ li:before {font-size: 2.78vw; } 

.multi_steps > li {font-size: 3.89vw; } 
.multi_steps > li:before { width: 6.11vw; height: 6.11vw; margin: 0 auto 3.33vw; font-size: 2.78vw; line-height: 6.11vw; } 
.multi_steps > li:after { top: 2.78vw; height: 1.11vw; } 


.sub_title_area { margin-top: 5.56vw; margin-bottom: 2.22vw; } 
.sub_title_area .left .sub_title { font-size: 4.44vw; line-height: 5.28vw; } 



.box_line {  border-radius: 3.33vw; } 



/**************************************************
FOOTER
**************************************************/
#footer { padding-top: 2.78vw; padding-bottom: 5.56vw; } 




.btm_btn_area { margin-top: 11.11vw; } 
.btn_step { width: 20.83vw; height: 20.83vw; font-size: 5vw; line-height: 7.78vw; } 
.btm_btn_area .btm_area { margin-top: 2.78vw; } 




/* 로그인 */
.section.bg_login::after { top: -5.56vw; width: 40.83vw; height: 51.39vw; } 

.login_save {  margin-top: 2.78vw; } 
.login_save .form_check input + label::before { margin-right: 1.39vw; } 
.login_save .btn_login_info { font-size: 3.61vw;  line-height: 5.56vw; } 

.login_save .btn_login_info_list > li + li { margin-left: 1.67vw; padding-left: 1.67vw; } 
.login_save .btn_login_info_list > li + li::before { width: .28vw; height: 2.78vw; margin-top: -1.39vw; } 


.login_sns_area { margin-top: 46.94vw; } 
.tooltip_sns { top: -15.56vw; min-width: 67.78vw; height: 8.89vw; border-radius: 11.11vw; } 

.tooltip_sns p { font-size: 3.61vw; line-height: 4.44vw; } 
.tooltip_sns p strong { margin-left: .56vw; } 


/**************************************************
BUTTON
**************************************************/


.btn { height: 14.44vw; border-radius: 27.78vw; font-size: 4.44vw; line-height: 14.44vw; } 
.btn::before {border-radius: 27.78vw; } 


.btn.sm { height: 12.22vw; font-size: 3.89vw; line-height: 11.11vw; } 

.btn .ico { width: 4.44vw; height: 4.44vw; margin-right: 1.67vw; } 

/* LINE BUTTON */
.btn.line { border: 1px solid var(--primary); line-height: 13.89vw;} 



/* TEXT BUTTON */
.btm_area { margin-top: 2.78vw; } 
.btn_txt { font-size: 3.89vw;  line-height: 6.11vw; } 

.ico_sns { width: 13.33vw; height: 13.33vw; } 
.ico_sns.xs { width: 4.44vw; height: 4.44vw; } 
.ico_sns.sm { width: 6.67vw; height: 6.67vw; } 
.ico_sns.md { width: 8.89vw; height: 8.89vw; } 


.btn.sns i { left: 6.67vw; width: 7.78vw; height: 7.78vw;  } 
.login_sns_area .btn_group { gap: 5.56vw; } 


.form_check_box > input + label { min-height: 22.22vw; padding: 3.89vw 5vw 4.17vw 15.56vw; border-radius: 3.33vw; outline: 1px solid #D4D7DC; } 
.form_check_box > input + label::before { top: 50%; left: 5.56vw; width: 5.56vw; height: 5.56vw; margin-top: -2.78vw; } 

.form_check_box > input:checked + label { outline: 2px solid #2E3033; outline-offset: -1px; } 

.form_check_box > input + label .grid_container > .row > .col_xs_12 { gap: 0 1.39vw; }

.form_check_box > input + label .id { font-size: 5.56vw; line-height: 6.11vw; } 

.form_check_box > input + label .tag { margin-top: 1.11vw; padding: .83vw 2.22vw; border-radius: 2.22vw; font-size: 3.33vw;  line-height: 4vw; }

.form_check_box > input + label .txt_sns { margin-top: 2.78vw; font-size: 3.33vw; line-height: 3.89vw;  } 

.form_check_box .company_list .company { width: 6.67vw; height: 6.67vw;  }
.form_check_box .company_list .company + .company { margin-left: -2.78vw; }

.form_check_box .connection_list .txt {  font-size: 3.89vw;  line-height: 4.72vw; }
.form_check_box .connection_list .btn_group { margin-top: 1.94vw;  gap: 0 1.39vw; }

.tooltip_box { margin-left: 1.11vw; }
.tooltip_box .tooltip_open_btn { width: 4.44vw; height: 4.44vw; }
.tooltip_box .tooltip_close_btn { top: 1.94vw; right: 2.78vw; width: 3.33vw; height: 3.33vw; }
.tooltip_box .tooltip_cont { top: calc(100% + 1.94vw); left: -12.78vw; padding: 1.94vw 6.67vw 1.94vw 2.78vw; border-radius: 2.22vw; }
.tooltip_box .tooltip_cont p { font-size: 3.06vw; line-height: 3.67vw }


.title_area + .fixed_content { margin-top: 8.89vw; } 

.fixed_content { max-width: 100vw; margin: 0 auto; }
.fixed_content + .join_btn_group { margin-top: 5.56vw; }







.tooltip { margin-top: 4.17vw; padding: 2.5vw 6.11vw; border-radius: 13.89vw; } 
.tooltip::before { top: -2.5vw; width: 2.78vw; height: 3.06vw; } 
.tooltip.btm::before { margin-top: -0.56vw; margin-left: -2.78vw; } 

.tooltip p { font-size: 3.61vw; line-height: 4.44vw; } 

.btn_group.btm .tooltip { margin-bottom: 4.17vw;} 
.btn_group.btm .tooltip::before { bottom: -2.5vw; } 

/* 추가정보 */
.form_box_check_area { margin-top: 6.94vw; } 
.form_box_check > input + label { padding: 4.44vw; border-radius: 3.33vw; outline: 1px solid #D4D7DC; } 

.form_box_check > input + label .txt { font-size: 4.44vw; line-height: 5.28vw; } 

.form_box_check:hover > input + label { outline: 1px solid var(--primary); outline-offset: -1px; } 

.form_box_check > input:checked + label { outline: 2px solid var(--primary); outline-offset: -2px; } 





.form_box_check > input + label .img_box { margin-bottom: 2.5vw; } 
.form_box_check > input + label .img_box .img {width: 16.67vw; height: 16.67vw;  } 

.form_box_check_area + .form_field_area { margin-top: 5.56vw; } 
.form_field_area + .form_check_wrap { margin-top: 3.33vw; } 
.form_field_area + .section_divider { margin: 4.17vw -5.56vw; } 



/* 약관동의 */

.terms_chk_area { margin-top: 6.94vw; border: 1px solid #D4D7DC; border-radius: 3.33vw; }
.form_check.all_check input + label { height: 19.17vw; padding: 0 4.17vw; border-bottom: 1px solid #D4D7DC; font-size: 5vw;  } 
.form_check.all_check input[type='checkbox'] + label::before { width: 6.67vw; height: 6.67vw; margin-right: 2.78vw; } 


.terms_chk_area .terms_chk_list { padding: 0 3.06vw 6.39vw; } 


.terms_chk_list > li .form_check_inner { height: 13.33vw; padding: 0 .56vw; } 
.form_check input + label em { margin-left: 1.11vw; } 

.terms_chk_list > li .form_check_inner .btn_view { font-size: 3.33vw; line-height: 3.89vw; } 
.terms_chk_list > li .form_check_inner + .grid_container { margin-top: 1.67vw; padding-left: 12.22vw; } 


.form_check_depth { margin: 1.39vw 1.67vw 0; padding: 2.78vw 2.22vw; border-top: 1px solid #ECEEF0; } 
.terms_depth_chk .top_frm { margin-bottom: 1.39vw; padding: 0 1.67vw; } 
.terms_depth_chk .top_frm .btn_toggle { height: 6.11vw } 
.terms_depth_chk .top_frm .btn_toggle .tit { font-size: 3.61vw; line-height: 4.44vw; } 
.terms_depth_chk .top_frm .btn_toggle::after { top: 1.39vw; width: 3.33vw; height: 3.33vw; } 

.terms_depth_chk .btm_frm .depth_chk_box { padding: 3.89vw; border-radius: 3.33vw; } 

.terms_depth_chk .form_check.ty02 input[type='checkbox'] + label { font-size: 3.61vw; line-height: 4.44vw; } 
.terms_depth_chk .form_check.ty02 input[type='checkbox'] + label::before { width: 4.44vw; height: 4.44vw; margin-right: 1.11vw; vertical-align: -1.11vw;  } 



.form_check.ty03 input[type='checkbox'] + label { font-size: 3.61vw; line-height: 4.44vw; } 
.form_check.ty03 input[type='checkbox'] + label::before { width: 4.44vw; height: 4.44vw; margin-right: 1.11vw; vertical-align: -0.83vw; } 


.form_check.ty04 input[type='checkbox'] + label { font-size: 3.89vw; line-height: 4.72vw; } 
.form_check.ty04 input[type='checkbox'] + label::before { width: 4.44vw; height: 4.44vw; margin-right: 1.11vw; vertical-align: -0.83vw; } 
.depth_chk_box_item { align-items: flex-start; }

.input_field + .form_check.ty04 { margin-top: 1.53vw; } 


.depth_chk_box_item .btn_view { font-size: 3.33vw; line-height: 4.44vw; } 

.terms_chk_area .terms_text { font-size: 3.61vw; line-height: 4.44vw; }

/* 개인정보 */
.round_check_area { margin-top: 5.56vw;  } 

.round_check_area .check_item > input + label { height: 13.33vw; border-radius: 3.33vw; font-size: 4.44vw; line-height: 4.72vw; outline: 2px solid #ECEEF0; outline-offset: -2px; } 
.round_check_area .check_item > input:checked + label { height: 13.89vw; margin: -0.28vw;  outline-offset: -2px; outline: 2px solid var(--primary); line-height: 6.67vw; } 







.title_area + .round_check_area { margin-top: 6.94vw; } 
.round_check_area + .info_list_area { margin-top: 6.94vw; } 


.info_list_area + .form_field_area { margin-top: 5.56vw; } 

.sub_title_area + .img_license_guide { margin-top: 6.94vw; } 
.img_license_guide { margin: 8.89vw 0; padding: 0 2.78vw; } 
.img_license_guide .img_box .img_license { width: 77.78vw; height: 43.89vw;} 



.img_license_guide .img_box img { max-width: 77.78vw; } 
.img_license_guide .img_box::before {top: -2.78vw; width: 83.33vw; height: 49.44vw;} 
.img_license_guide .btn_area { max-width: 77.78vw; margin-top: 6.94vw; padding: 0 2.78vw; } 

.form_check.all_check.sm { padding: 5.56vw 0 3.33vw; border-bottom: 1px solid #ECEEF0; } 
.form_check.all_check.sm input + label { height: 5.56vw; font-size: 4.44vw; } 
.form_check.all_check.sm input + label::before { width: 5.56vw; height: 5.56vw; margin-right: 2.22vw; } 

.terms_chk_list.ty02 { padding: 3.33vw 0 0; } 
.terms_chk_list.ty02 > li + li { margin-top: 4.44vw; } 

.terms_chk_list.ty02 > li .form_check_inner { height: 5.56vw; } 


.terms_chk_list.ty03 { margin-top: 4.44vw; }
.terms_chk_list.ty03 > li .form_check_inner { height: 5.56vw; }

.terms_chk_list.ty04 { padding: 3.06vw; }
.terms_chk_area.complete .terms_chk_list { padding: 3.06vw; }
.terms_chk_list.ty04 li:last-child .terms_depth_chk .top_frm { margin-bottom: 0; }

.terms_chk_area.complete .terms_chk_list > li + li::before { right: 3.33vw; left: 3.33vw; }

.img_motion_area { max-width: 88.89vw; margin-top: 2.22vw; }



.join_btn_group { max-width: 100vw; margin-top: 11.11vw; } 

.item_sns_btn .tooltip { max-width: 71.67vw; margin-top: 8.33vw; margin-bottom: 4.17vw; } 
.item_sns_btn .btn.sns + .btn.sns { margin-top: 3.33vw; } 

.item_sns_btn.ty02 .btn.sns { margin-top: 3.33vw; } 
.connection_area .connection_txt { margin: 6.94vw 0; font-size: 4.44vw; line-height: 6.11vw; } 
.connection_area .btn_group { margin-top: 3.33vw; } 


.toast { bottom: -26.67vw; max-width: 53.61vw; padding: 3.33vw 5.56vw; border-radius: 13.89vw; } 
.toast p { font-size: 3.89vw; line-height: 4.72vw; } 

.toast.show_toast { bottom: 37.22vw; } 

.form_field_area + .join_btn_group { margin-top: 5.56vw; }
.connection_txt.line { margin: 6.67vw 0; font-size: 3.61vw; line-height: 4.44vw; }
.connection_txt.line::before,
.connection_txt.line::after { width: 37.78vw; height: 1px; }

.join_btn_group .connection_area + .btn_group {margin-top: 5.56vw; gap: 0 5.56vw; }

/**************************************************
POPUP
**************************************************/
.pop_open_group { max-width: 88.89vw; } 
.layer_popup .popup_area { max-width: 177.78vw; max-height: 177.78vw; padding: 5.56vw; transform:translate(-50%,calc(-50% - .14vw)); } 


.popup_area .popup_head { padding: 5.56vw; border-bottom: 1px solid #D4D7DC; border-radius: 3.33vw 3.33vw 0 0; } 
.popup_area .popup_head .left { width: calc(100% - 5.56vw); } 
.popup_area .popup_head .title { font-size: 5vw; line-height: 6.11vw; letter-spacing: -0.28vw; } 
.popup_area .popup_head .title em { margin-left: 1.39vw; line-height: 6.11vw; } 
.popup_area .popup_head .right { width: 5.56vw; } 
.popup_area .popup_head .pop_close { width: 4.44vw; height: 4.44vw; } 

.popup_area .popup_body { max-height: calc(100% - 31.94vw); padding: 5.56vw 5.56vw 11.11vw; } 
.popup_area .popup_footer { margin-top: -0.28vw; border-radius: 0 0 3.33vw 3.33vw; } 
.popup_area .popup_footer .btn {  height: 14.44vw;  font-size: 4.44vw; line-height: 14.44vw; } 
.popup_cont .scroll_y { margin-right: -4.44vw; padding-right: 4.44vw; } 

/* AGREE */
.agree_tit { font-size: 3.61vw; line-height: 5.56vw; } 
.agree_txt { font-size: 3.61vw; line-height: 5.56vw; } 


/* SCROLL */
.scroll_y::-webkit-scrollbar { width: 1.11vw; } 
.scroll_y::-webkit-scrollbar-thumb { border-radius: 27.78vw; } 

/**************************************************
ALERT
**************************************************/
.alert_area { width: 77.78vw; } 
.alert_area .alert_body { padding: 9.72vw 5.56vw; border: 1px solid #EAEAEA; border-radius: 3.33vw 3.33vw 0 0; } 
.alert_cont .alert_tit {min-height: 21.67vw; font-size: 5vw; line-height: 7.22vw; } 
.alert_cont .alert_txt { font-size: 4.44vw; line-height: 6.11vw; } 
.alert_cont .alert_tit + .alert_txt { margin-top: 2.22vw; } 
.alert_area .alert_footer { margin-top: -0.28vw; border-radius: 0 0 3.33vw 3.33vw; } 
.alert_area .alert_footer .btn { height: 14.44vw; font-size: 4.44vw; } 
.alert_area .alert_footer .btn + .btn {  width: 46.67vw; } 

.alert_txt + .faild_count_box { margin-top: 3.89vw; } 
.faild_count_box .faild_count { padding: 3.06vw 8.61vw 3.06vw 8.33vw; border-radius: 6.39vw; font-size: 4.44vw; line-height: 5vw; } 
.faild_count_box .faild_count em { margin-left: 1.67vw; } 

.alert.ty02 .alert_area { padding-top: 22.5vw; } 
.alert.ty02 .alert_area::before { width: 23.89vw; height: 26.11vw; background-size: 23.89vw auto; } 
.alert.ty02 .alert_area .alert_body { min-height: 48.33vw; padding: 11.11vw 5.56vw 7.22vw; }

/**************************************************
SUB CONTENTS 
**************************************************/
.illust_img_box { margin-top: 5.56vw; } 
.illust_img_box img { max-width: 66.67vw } 
.illust_img_box.ty02 img { max-width: 38.89vw; } 
.illust_img_box + .info_list_area { margin-top: 6.94vw; } 
.title_area + .info_list_area { margin-top: 6.94vw; } 

.info_list_area.first { margin-top: 5.56vw; }

.info_list_area { padding: 5.56vw; } 
.info_list_area .info_cont .info_label .txt { font-size: 3.33vw; line-height: 4.17vw; } 
.info_list_area .info_cont .info_detail { margin-top: 1.11vw; } 
.info_list_area .info_cont .info_detail .info { font-size: 5vw; line-height: 6.11vw; } 
.info_list_area .info_cont .info_detail .info .ico_sns { margin-left: 1.11vw; vertical-align: -1.67vw; } 



.intro_img_area { margin: 11.11vw -5.56vw 0; } 


.intro_img_box { height: 16.67vw; } 
.intro_img_box + .intro_img_box { margin-top: 4.17vw; } 
.marquee_right_second { left: 341.01vw; } 
.marquee_left_second { right: 341.01vw; } 

.marquee_area { width: 341.01vw; height: 16.67vw; } 
.marquee_area img { height: 16.67vw; margin: 0 1.94vw; } 




/* Mypage */

.title_area + .list_item_info_box { margin-top: 2.22vw; } 
.list_item_info_box { padding: 5.56vw 0; } 
.list_item_info_box .tit_area { margin-bottom: 3.33vw; } 
.list_item_info_box .tit_area .tit { font-size: 5vw; line-height: 6.11vw; }
.list_item_info_box .item_list > li + li { margin-top: 2.78vw; } 
.list_item_info_box .item_list > li .txt { font-size: 3.33vw; line-height: 3.89vw; } 
.list_item_info_box .item_list > li .cont { font-size: 3.89vw; line-height: 4.72vw; } 
.list_item_info_area + .btm_btn_area { margin-top: 5vw; } 
.btm_btn_area .btn_underline { font-size: 3.89vw; line-height: 6.11vw; } 
.section_divider { margin: 0 -5.56vw; border-width: 2.78vw 0 0 0; } 

.inner_scroll > .section { max-height: calc(100vh - 33.33vw); }
.inner_scroll .list_item_info_area { margin-right: -2.78vw; padding-right: 2.78vw; }


.title_area + .filter_area { margin-top: 6.94vw; } 
.filter_area .right .txt_filter { margin-right: 2.78vw; font-size: 3.61vw; line-height: 4.33vw; } 
.filter_area .right .btn_filter {  width: 10vw; height: 10vw; border-radius: 3.33vw;  background-size: 5.56vw auto;  } 
select.form_control.ty02 { height: 10vw; padding: 0 8.61vw 0 3.33vw; border-radius: 3.33vw; font-size: 3.89vw; background-size: 3.33vw auto; background-position: right 3.33vw center; line-height: 4.67vw;  } 

.filter_area .right{ min-width: 55.56vw; }


.form_box_check.ty03 > input + label { padding: 3.61vw 8.33vw; border-radius: 138.89vw; outline: 1px solid #D4D7DC; } 
.form_box_check.ty03 > input + label .txt { font-size: 5vw; line-height: 6.11vw; } 

.form_box_check.ty03:hover > input + label { outline: 1px solid #000; }

.form_box_check.ty03 > input:checked + label { outline: 2px solid #000; }

.form_check.direct_input { margin-top: 4.17vw; padding-top: 5vw; border-top: 1px dashed #ddd; } 


.form_check.direct_input { margin-top: 4.17vw; padding-top: 5vw; border-top: 1px dashed #ddd; } 


.direct_input_box { margin-top: 2.78vw; } 
.form_check.direct_input input + label { font-size: 5vw; line-height: 5.56vw; } 
.form_check.direct_input input + label::before { width: 5.56vw; height: 5.56vw; margin-right: 2.22vw; vertical-align: -1.39vw; }



textarea.form_control { padding: 4.44vw 5.56vw; border: 0; border-radius: 3.33vw; font-size: 4.44vw; outline: 1px solid #D4D7DC; line-height: 6.67vw; } 
textarea.form_control::-webkit-input-placeholder { font-size: 4.44vw; } 
textarea.form_control::-moz-placeholder { font-size: 4.44vw; } 
textarea.form_control:-ms-input-placeholder { font-size: 4.44vw; } 
textarea.form_control:focus { outline: 2px solid #000; outline-offset: -2px; } 




.guidance_list { margin-top: 6.94vw; } 
.guidance_cont { padding: 5.56vw; border-radius: 3.33vw; } 
.guidance_cont .guidance_title { padding-left: 8.33vw; font-size: 4.44vw; line-height: 6.67vw; } 
.guidance_cont .guidance_title::before { width: 6.67vw; height: 6.67vw; } 
.guidance_cont .guidance_txt { margin-top: 2.78vw; } 
.guidance_cont .guidance_txt .txt { font-size: 3.89vw; line-height: 5.56vw; }

.guidance_list + .guidance_chk { margin-top: 6.67vw; }



/* ERROR */
.center_cont { padding: 0 5.56vw; }
.error_wrap .illust_img_box + .title_area { margin-top: 6.94vw; } 
.error_wrap .title_area .desc { line-height: 6.11vw; }



/* 주소검색 */
.popup_area.popup_addr { max-width: 133.33vw; } 
.popup_area.popup_addr .popup_body { max-height: calc(100% - 17.5vw); border-radius: 0 0 3.33vw 3.33vw; }

.list_address_guide .desc { font-size: 4.44vw; line-height: 5.83vw; } 
.list_address_guide .info_list { margin-top: 5.56vw; padding-bottom: 11.11vw; } 
.list_address_guide .info_list > li + li { margin-top: 3.33vw; } 
.list_address_guide .info_list > li em { padding-left: 2.5vw; font-size: 3.89vw; line-height: 5.56vw; } 
.list_address_guide .info_list > li em::before { width: 1.11vw; height: 1.11vw; } 

.list_address_guide .info_list > li p { padding-left: 2.5vw; font-size: 3.89vw; line-height: 5.56vw; } 



.popup_area.popup_addr .scroll_y { /* height: 87.78vw;  */ }
.total { font-size: 3.89vw; }

.list_address_area { margin-top: -0.56vw; } 

.list_address_area > #list > ul > li { padding: 3.33vw 0; } 
.list_address_area > #list > ul > li + li { border-top: 1px solid #D4D7DC } 

.list_address_area > #list > ul > li .no { margin-bottom: 1.39vw; font-size: 3.89vw; line-height: 4.72vw; } 


.list_address_area > #list > ul > li .road_addr { gap: 1.94vw; } 
.list_address_area > #list > ul > li .road_addr .info { padding-top: .28vw; font-size: 3.61vw; line-height: 5.56vw; } 
.list_address_area > #list > ul > li .road_addr.ty02 .info { padding-left: 2.5vw; } 

.list_address_area > #list > ul > li .road_addr + .road_addr{ margin-top: 1.67vw; }
.list_address_area > #list > ul > li .road_addr .tit_addr { height: 5.83vw; padding: 0 2.22vw; border-radius: 13.89vw; font-size: 3.06vw; }




.pagination_area { margin-top: 5.56vw; padding: 1.11vw 0; }
.pagination button { width: 6.67vw; height: 6.67vw; margin: 0 .56vw; border:1px solid transparent; font-size: 3.61vw; line-height: 6.11vw; background-size: 6.67vw auto; }
.pagination button.prev { text-indent: -2777.5vw; }
.pagination button.next { text-indent: -2777.5vw; }
.pagination button.first { text-indent: -2777.5vw; }
.pagination button.last { text-indent: -2777.5vw; }



/* LOADING */
.loading_area{ width:55.56vw; height: 55.56vw; }





.step_bar { height: 1.11vw; border-radius: 2.78vw;  } 
.step_bar span { height: 1.11vw; border-radius: 2.78vw; } 

.multi_steps > li span { bottom: -2.78vw; font-size: 3.61vw;  } 
.multi_steps > li:before { width: 5vw; height: 5vw; margin: 3.06vw .83vw 3.33vw; line-height: 5vw; } 


.info_list_area .info_cont .info_detail .info + .info { margin-top: 1.67vw; } 

/* 탈퇴불가 */
.desc_box { margin-top: 5.56vw; padding: 5.56vw; border-radius: 3.33vw; }
.desc_box .desc { font-size: 4.44vw; line-height: 6.11vw; }

/* 약관 변경 */
.title_area + .agree_area { margin-top: 6.94vw; }

.agree_area .agree_title { font-size: 4.44vw; line-height: 5.28vw; }
.agree_area .agree_title span { margin-left: 1.11vw; font-size: 4.44vw; line-height: 5.28vw }
.agree_area .agree_box { margin-top: 2.78vw; padding: 2.5vw 2.78vw 2.78vw; }
.agree_area .agree_sub_title { font-size: 3.89vw; line-height: 4.72vw;  }
.agree_area .agree_cont { max-height: 47.78vw; margin-top: 2.78vw; padding: 3.89vw; border-radius: 3.33vw; }
.agree_area .agree_cont p { font-size: 3.61vw; line-height: 5.56vw; }
.agree_area .agree_cont strong { font-size: 3.61vw; line-height: 5.56vw; }

.agree_area.ty02 .agree_cont { max-height: 100vw; }


.btn_pw_view { width: 5.56vw; height: 5.56vw; background-size: 5.56vw auto; }
.btn_pw_view + .btn_clear { margin-left: 3.06vw; }

} /* // 359px */







@media (max-width: 640px) {
    /* 약관 */
    .new_agree_tit { font-size: 14px; }
    .new_agree_sub_tit { font-size: 13px; }
    .new_agree_desc { font-size: 12px; } 
    .new_agree_desc_btm { font-size: 12px; } 
    .new_agree_list li { font-size: 12px; } 
    .new_agree_list li p { font-size: 12px; } 
    .terms_chk_area .terms_info p.new_agree_desc { font-size: 12px; } 
    .terms_chk_area .terms_info p.new_agree_desc_btm { font-size: 12px; } 
    .terms_chk_area .terms_info .new_agree_list li { font-size: 12px; }
    .terms_chk_area .terms_info .new_agree_list li p { font-size: 12px; }
    .tbl_style02 thead th { font-size: 12px; }
    .tbl_style02 tbody th, 
    .tbl_style02 tbody td {  font-size: 12px; }
    .tbl_style02 tbody td strong {font-size: 12px; }

    .agree_area.ty02 .agree_cont { max-height: 360px; }
    .new-cont {
      color: #828991;
      font-size: 12px;
      margin-top: 16px;
      font-weight: 400;
      padding-left: 6px;
      text-indent: -6px;
      line-height: 20px;
    }
    .new-cont br {
      display: block;
    }
    .new-cont span {
      text-decoration: underline;
      cursor: pointer;
    }
} /* //640px */





































 @media (min-width: 576px){
 .col_sm { flex-basis: 0; flex-grow: 1; max-width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; } 
 .col_sm_1 { -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; -webkit-box-flex: 0; } 
 .col_sm_2 { -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; -webkit-box-flex: 0; } 
 .col_sm_3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; -webkit-box-flex: 0; } 
 .col_sm_4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; -webkit-box-flex: 0; } 
 .col_sm_5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; -webkit-box-flex: 0; } 
 .col_sm_6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-flex: 0; } 
 .col_sm_7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; -webkit-box-flex: 0; } 
 .col_sm_8 { -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; -webkit-box-flex: 0; } 
 .col_sm_9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; -webkit-box-flex: 0; } 
 .col_sm_10 { -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; -webkit-box-flex: 0; } 
 .col_sm_11 { -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%; -webkit-box-flex: 0; } 
 .col_sm_12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-flex: 0; } 
 
 
 .g_sm_0,
 .gx_sm_0 { --gutter-x: 0; } 
 .g_sm_0,
 .gy_sm_0 { --gutter-y: 0; } 
 .g_sm_1,
 .gx_sm_1 { --gutter-x: 1px; } 
 .g_sm_1,
 .gy_sm_1 { --gutter-y: 1px; } 
 .g_sm_2,
 .gx_sm_2 { --gutter-x: 2px; } 
 .g_sm_2,
 .gy_sm_2 { --gutter-y: 2px; } 
 .g_sm_3,
 .gx_sm_3 { --gutter-x: 3px; } 
 .g_sm_3,
 .gy_sm_3 { --gutter-y: 3px; } 
 .g_sm_4,
 .gx_sm_4 { --gutter-x: 4px; } 
 .g_sm_4,
 .gy_sm_4 { --gutter-y: 4px; } 
 .g_sm_5,
 .gx_sm_5 { --gutter-x: 5px; } 
 .g_sm_5,
 .gy_sm_5 { --gutter-y: 5px; } 
 .g_sm_6,
 .gx_sm_6 { --gutter-x: 6px; } 
 .g_sm_6,
 .gy_sm_6 { --gutter-y: 6px; } 
 .g_sm_7,
 .gx_sm_7 { --gutter-x: 7px; } 
 .g_sm_7,
 .gy_sm_7 { --gutter-y: 7px; } 
 .g_sm_8,
 .gx_sm_8 { --gutter-x: 8px; } 
 .g_sm_8,
 .gy_sm_8 { --gutter-y: 8px; } 
 .g_sm_9,
 .gx_sm_9 { --gutter-x: 9px; } 
 .g_sm_9,
 .gy_sm_9 { --gutter-y: 9px; } 
 .g_sm_10,
 .gx_sm_10 { --gutter-x: 10px; } 
 .g_sm_10,
 .gy_sm_10 { --gutter-y: 10px; } 
 .g_sm_11,
 .gx_sm_11 { --gutter-x: 11px; } 
 .g_sm_11,
 .gy_sm_11 { --gutter-y: 11px; } 
 .g_sm_12,
 .gx_sm_12 { --gutter-x: 12px; } 
 .g_sm_12,
 .gy_sm_12 { --gutter-y: 12px; } 
 .g_sm_13,
 .gx_sm_13 { --gutter-x: 13px; } 
 .g_sm_13,
 .gy_sm_13 { --gutter-y: 13px; } 
 .g_sm_14,
 .gx_sm_14 { --gutter-x: 14px; } 
 .g_sm_14,
 .gy_sm_14 { --gutter-y: 14px; } 
 .g_sm_15,
 .gx_sm_15 { --gutter-x: 15px; } 
 .g_sm_15,
 .gy_sm_15 { --gutter-y: 15px; } 
 .g_sm_16,
 .gx_sm_16 { --gutter-x: 16px; } 
 .g_sm_16,
 .gy_sm_16 { --gutter-y: 16px; } 
 .g_sm_17,
 .gx_sm_17 { --gutter-x: 17px; } 
 .g_sm_17,
 .gy_sm_17 { --gutter-y: 17px; } 
 .g_sm_18,
 .gx_sm_18 { --gutter-x: 18px; } 
 .g_sm_18,
 .gy_sm_18 { --gutter-y: 18px; } 
 .g_sm_19,
 .gx_sm_19 { --gutter-x: 19px; } 
 .g_sm_19,
 .gy_sm_19 { --gutter-y: 19px; } 
 .g_sm_20,
 .gx_sm_20 { --gutter-x: 20px; } 
 .g_sm_20,
 .gy_sm_20 { --gutter-y: 20px; } 
 .g_sm_21,
 .gx_sm_21 { --gutter-x: 21px; } 
 .g_sm_21,
 .gy_sm_21 { --gutter-y: 21px; } 
 .g_sm_22,
 .gx_sm_22 { --gutter-x: 22px; } 
 .g_sm_22,
 .gy_sm_22 { --gutter-y: 22px; } 
 .g_sm_23,
 .gx_sm_23 { --gutter-x: 23px; } 
 .g_sm_23,
 .gy_sm_23 { --gutter-y: 23px; } 
 .g_sm_24,
 .gx_sm_24 { --gutter-x: 24px; } 
 .g_sm_24,
 .gy_sm_24 { --gutter-y: 24px; } 
 .g_sm_25,
 .gx_sm_25 { --gutter-x: 25px; } 
 .g_sm_25,
 .gy_sm_25 { --gutter-y: 25px; } 
 .g_sm_26,
 .gx_sm_26 { --gutter-x: 26px; } 
 .g_sm_26,
 .gy_sm_26 { --gutter-y: 26px; } 
 .g_sm_27,
 .gx_sm_27 { --gutter-x: 27px; } 
 .g_sm_27,
 .gy_sm_27 { --gutter-y: 27px; } 
 .g_sm_28,
 .gx_sm_28 { --gutter-x: 28px; } 
 .g_sm_28,
 .gy_sm_28 { --gutter-y: 28px; } 
 .g_sm_29,
 .gx_sm_29 { --gutter-x: 29px; } 
 .g_sm_29,
 .gy_sm_29 { --gutter-y: 29px; } 
 .g_sm_30,
 .gx_sm_30 { --gutter-x: 30px; } 
 .g_sm_30,
 .gy_sm_30 { --gutter-y: 30px; } 
 .g_sm_31,
 .gx_sm_31 { --gutter-x: 31px; } 
 .g_sm_31,
 .gy_sm_31 { --gutter-y: 31px; } 
 .g_sm_32,
 .gx_sm_32 { --gutter-x: 32px; } 
 .g_sm_32,
 .gy_sm_32 { --gutter-y: 32px; } 
 .g_sm_33,
 .gx_sm_33 { --gutter-x: 33px; } 
 .g_sm_33,
 .gy_sm_33 { --gutter-y: 33px; } 
 .g_sm_34,
 .gx_sm_34 { --gutter-x: 34px; } 
 .g_sm_34,
 .gy_sm_34 { --gutter-y: 34px; } 
 .g_sm_35,
 .gx_sm_35 { --gutter-x: 35px; } 
 .g_sm_35,
 .gy_sm_35 { --gutter-y: 35px; } 
 .g_sm_36,
 .gx_sm_36 { --gutter-x: 36px; } 
 .g_sm_36,
 .gy_sm_36 { --gutter-y: 36px; } 
 .g_sm_37,
 .gx_sm_37 { --gutter-x: 37px; } 
 .g_sm_37,
 .gy_sm_37 { --gutter-y: 37px; } 
 .g_sm_38,
 .gx_sm_38 { --gutter-x: 38px; } 
 .g_sm_38,
 .gy_sm_38 { --gutter-y: 38px; } 
 .g_sm_39,
 .gx_sm_39 { --gutter-x: 39px; } 
 .g_sm_39,
 .gy_sm_39 { --gutter-y: 39px; } 
 .g_sm_40,
 .gx_sm_40 { --gutter-x: 40px; } 
 .g_sm_40,
 .gy_sm_40 { --gutter-y: 40px; } 
 }/* 576 */
 
 


 
 
 @media (min-width: 768px){
 .col_md { flex-basis: 0; flex-grow: 1; max-width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; } 
 .col_md_1 { -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; -webkit-box-flex: 0; } 
 .col_md_2 { -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; -webkit-box-flex: 0; } 
 .col_md_3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; -webkit-box-flex: 0; } 
 .col_md_4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; -webkit-box-flex: 0; } 
 .col_md_5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; -webkit-box-flex: 0; } 
 .col_md_6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-flex: 0; } 
 .col_md_7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; -webkit-box-flex: 0; } 
 .col_md_8 { -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; -webkit-box-flex: 0; } 
 .col_md_9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; -webkit-box-flex: 0; } 
 .col_md_10 { -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; -webkit-box-flex: 0; } 
 .col_md_11 { -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%; -webkit-box-flex: 0; } 
 .col_md_12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-flex: 0; } 
 
 
 .g_md_0,
 .gx_md_0 { --gutter-x: 0; } 
 .g_md_0,
 .gy_md_0 { --gutter-y: 0; } 
 .g_md_1,
 .gx_md_1 { --gutter-x: 1px; } 
 .g_md_1,
 .gy_md_1 { --gutter-y: 1px; } 
 .g_md_2,
 .gx_md_2 { --gutter-x: 2px; } 
 .g_md_2,
 .gy_md_2 { --gutter-y: 2px; } 
 .g_md_3,
 .gx_md_3 { --gutter-x: 3px; } 
 .g_md_3,
 .gy_md_3 { --gutter-y: 3px; } 
 .g_md_4,
 .gx_md_4 { --gutter-x: 4px; } 
 .g_md_4,
 .gy_md_4 { --gutter-y: 4px; } 
 .g_md_5,
 .gx_md_5 { --gutter-x: 5px; } 
 .g_md_5,
 .gy_md_5 { --gutter-y: 5px; } 
 .g_md_6,
 .gx_md_6 { --gutter-x: 6px; } 
 .g_md_6,
 .gy_md_6 { --gutter-y: 6px; } 
 .g_md_7,
 .gx_md_7 { --gutter-x: 7px; } 
 .g_md_7,
 .gy_md_7 { --gutter-y: 7px; } 
 .g_md_8,
 .gx_md_8 { --gutter-x: 8px; } 
 .g_md_8,
 .gy_md_8 { --gutter-y: 8px; } 
 .g_md_9,
 .gx_md_9 { --gutter-x: 9px; } 
 .g_md_9,
 .gy_md_9 { --gutter-y: 9px; } 
 .g_md_10,
 .gx_md_10 { --gutter-x: 10px; } 
 .g_md_10,
 .gy_md_10 { --gutter-y: 10px; } 
 .g_md_11,
 .gx_md_11 { --gutter-x: 11px; } 
 .g_md_11,
 .gy_md_11 { --gutter-y: 11px; } 
 .g_md_12,
 .gx_md_12 { --gutter-x: 12px; } 
 .g_md_12,
 .gy_md_12 { --gutter-y: 12px; } 
 .g_md_13,
 .gx_md_13 { --gutter-x: 13px; } 
 .g_md_13,
 .gy_md_13 { --gutter-y: 13px; } 
 .g_md_14,
 .gx_md_14 { --gutter-x: 14px; } 
 .g_md_14,
 .gy_md_14 { --gutter-y: 14px; } 
 .g_md_15,
 .gx_md_15 { --gutter-x: 15px; } 
 .g_md_15,
 .gy_md_15 { --gutter-y: 15px; } 
 .g_md_16,
 .gx_md_16 { --gutter-x: 16px; } 
 .g_md_16,
 .gy_md_16 { --gutter-y: 16px; } 
 .g_md_17,
 .gx_md_17 { --gutter-x: 17px; } 
 .g_md_17,
 .gy_md_17 { --gutter-y: 17px; } 
 .g_md_18,
 .gx_md_18 { --gutter-x: 18px; } 
 .g_md_18,
 .gy_md_18 { --gutter-y: 18px; } 
 .g_md_19,
 .gx_md_19 { --gutter-x: 19px; } 
 .g_md_19,
 .gy_md_19 { --gutter-y: 19px; } 
 .g_md_20,
 .gx_md_20 { --gutter-x: 20px; } 
 .g_md_20,
 .gy_md_20 { --gutter-y: 20px; } 
 .g_md_21,
 .gx_md_21 { --gutter-x: 21px; } 
 .g_md_21,
 .gy_md_21 { --gutter-y: 21px; } 
 .g_md_22,
 .gx_md_22 { --gutter-x: 22px; } 
 .g_md_22,
 .gy_md_22 { --gutter-y: 22px; } 
 .g_md_23,
 .gx_md_23 { --gutter-x: 23px; } 
 .g_md_23,
 .gy_md_23 { --gutter-y: 23px; } 
 .g_md_24,
 .gx_md_24 { --gutter-x: 24px; } 
 .g_md_24,
 .gy_md_24 { --gutter-y: 24px; } 
 .g_md_25,
 .gx_md_25 { --gutter-x: 25px; } 
 .g_md_25,
 .gy_md_25 { --gutter-y: 25px; } 
 .g_md_26,
 .gx_md_26 { --gutter-x: 26px; } 
 .g_md_26,
 .gy_md_26 { --gutter-y: 26px; } 
 .g_md_27,
 .gx_md_27 { --gutter-x: 27px; } 
 .g_md_27,
 .gy_md_27 { --gutter-y: 27px; } 
 .g_md_28,
 .gx_md_28 { --gutter-x: 28px; } 
 .g_md_28,
 .gy_md_28 { --gutter-y: 28px; } 
 .g_md_29,
 .gx_md_29 { --gutter-x: 29px; } 
 .g_md_29,
 .gy_md_29 { --gutter-y: 29px; } 
 .g_md_30,
 .gx_md_30 { --gutter-x: 30px; } 
 .g_md_30,
 .gy_md_30 { --gutter-y: 30px; } 
 .g_md_31,
 .gx_md_31 { --gutter-x: 31px; } 
 .g_md_31,
 .gy_md_31 { --gutter-y: 31px; } 
 .g_md_32,
 .gx_md_32 { --gutter-x: 32px; } 
 .g_md_32,
 .gy_md_32 { --gutter-y: 32px; } 
 .g_md_33,
 .gx_md_33 { --gutter-x: 33px; } 
 .g_md_33,
 .gy_md_33 { --gutter-y: 33px; } 
 .g_md_34,
 .gx_md_34 { --gutter-x: 34px; } 
 .g_md_34,
 .gy_md_34 { --gutter-y: 34px; } 
 .g_md_35,
 .gx_md_35 { --gutter-x: 35px; } 
 .g_md_35,
 .gy_md_35 { --gutter-y: 35px; } 
 .g_md_36,
 .gx_md_36 { --gutter-x: 36px; } 
 .g_md_36,
 .gy_md_36 { --gutter-y: 36px; } 
 .g_md_37,
 .gx_md_37 { --gutter-x: 37px; } 
 .g_md_37,
 .gy_md_37 { --gutter-y: 37px; } 
 .g_md_38,
 .gx_md_38 { --gutter-x: 38px; } 
 .g_md_38,
 .gy_md_38 { --gutter-y: 38px; } 
 .g_md_39,
 .gx_md_39 { --gutter-x: 39px; } 
 .g_md_39,
 .gy_md_39 { --gutter-y: 39px; } 
 .g_md_40,
 .gx_md_40 { --gutter-x: 40px; } 
 .g_md_40,
 .gy_md_40 { --gutter-y: 40px; } 
 }/* 768PX */
 
 



 
 
 @media (min-width: 992px){
 .col_lg { flex-basis: 0; flex-grow: 1; max-width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; } 
 .col_lg_1 { -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; -webkit-box-flex: 0; } 
 .col_lg_2 { -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; -webkit-box-flex: 0; } 
 .col_lg_3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; -webkit-box-flex: 0; } 
 .col_lg_4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; -webkit-box-flex: 0; } 
 .col_lg_5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; -webkit-box-flex: 0; } 
 .col_lg_6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-flex: 0; } 
 .col_lg_7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; -webkit-box-flex: 0; } 
 .col_lg_8 { -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; -webkit-box-flex: 0; } 
 .col_lg_9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; -webkit-box-flex: 0; } 
 .col_lg_10 { -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; -webkit-box-flex: 0; } 
 .col_lg_11 { -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%; -webkit-box-flex: 0; } 
 .col_lg_12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-flex: 0; } 
 
 .col_lg_auto { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: none; width: auto; -webkit-box-flex: 0; } 
 
 .g_lg_0,
 .gx_lg_0 { --gutter-x: 0; } 
 .g_lg_0,
 .gy_lg_0 { --gutter-y: 0; } 
 .g_lg_1,
 .gx_lg_1 { --gutter-x: 1px; } 
 .g_lg_1,
 .gy_lg_1 { --gutter-y: 1px; } 
 .g_lg_2,
 .gx_lg_2 { --gutter-x: 2px; } 
 .g_lg_2,
 .gy_lg_2 { --gutter-y: 2px; } 
 .g_lg_3,
 .gx_lg_3 { --gutter-x: 3px; } 
 .g_lg_3,
 .gy_lg_3 { --gutter-y: 3px; } 
 .g_lg_4,
 .gx_lg_4 { --gutter-x: 4px; } 
 .g_lg_4,
 .gy_lg_4 { --gutter-y: 4px; } 
 .g_lg_5,
 .gx_lg_5 { --gutter-x: 5px; } 
 .g_lg_5,
 .gy_lg_5 { --gutter-y: 5px; } 
 .g_lg_6,
 .gx_lg_6 { --gutter-x: 6px; } 
 .g_lg_6,
 .gy_lg_6 { --gutter-y: 6px; } 
 .g_lg_7,
 .gx_lg_7 { --gutter-x: 7px; } 
 .g_lg_7,
 .gy_lg_7 { --gutter-y: 7px; } 
 .g_lg_8,
 .gx_lg_8 { --gutter-x: 8px; } 
 .g_lg_8,
 .gy_lg_8 { --gutter-y: 8px; } 
 .g_lg_9,
 .gx_lg_9 { --gutter-x: 9px; } 
 .g_lg_9,
 .gy_lg_9 { --gutter-y: 9px; } 
 .g_lg_10,
 .gx_lg_10 { --gutter-x: 10px; } 
 .g_lg_10,
 .gy_lg_10 { --gutter-y: 10px; } 
 .g_lg_11,
 .gx_lg_11 { --gutter-x: 11px; } 
 .g_lg_11,
 .gy_lg_11 { --gutter-y: 11px; } 
 .g_lg_12,
 .gx_lg_12 { --gutter-x: 12px; } 
 .g_lg_12,
 .gy_lg_12 { --gutter-y: 12px; } 
 .g_lg_13,
 .gx_lg_13 { --gutter-x: 13px; } 
 .g_lg_13,
 .gy_lg_13 { --gutter-y: 13px; } 
 .g_lg_14,
 .gx_lg_14 { --gutter-x: 14px; } 
 .g_lg_14,
 .gy_lg_14 { --gutter-y: 14px; } 
 .g_lg_15,
 .gx_lg_15 { --gutter-x: 15px; } 
 .g_lg_15,
 .gy_lg_15 { --gutter-y: 15px; } 
 .g_lg_16,
 .gx_lg_16 { --gutter-x: 16px; } 
 .g_lg_16,
 .gy_lg_16 { --gutter-y: 16px; } 
 .g_lg_17,
 .gx_lg_17 { --gutter-x: 17px; } 
 .g_lg_17,
 .gy_lg_17 { --gutter-y: 17px; } 
 .g_lg_18,
 .gx_lg_18 { --gutter-x: 18px; } 
 .g_lg_18,
 .gy_lg_18 { --gutter-y: 18px; } 
 .g_lg_19,
 .gx_lg_19 { --gutter-x: 19px; } 
 .g_lg_19,
 .gy_lg_19 { --gutter-y: 19px; } 
 .g_lg_20,
 .gx_lg_20 { --gutter-x: 20px; } 
 .g_lg_20,
 .gy_lg_20 { --gutter-y: 20px; } 
 .g_lg_21,
 .gx_lg_21 { --gutter-x: 21px; } 
 .g_lg_21,
 .gy_lg_21 { --gutter-y: 21px; } 
 .g_lg_22,
 .gx_lg_22 { --gutter-x: 22px; } 
 .g_lg_22,
 .gy_lg_22 { --gutter-y: 22px; } 
 .g_lg_23,
 .gx_lg_23 { --gutter-x: 23px; } 
 .g_lg_23,
 .gy_lg_23 { --gutter-y: 23px; } 
 .g_lg_24,
 .gx_lg_24 { --gutter-x: 24px; } 
 .g_lg_24,
 .gy_lg_24 { --gutter-y: 24px; } 
 .g_lg_25,
 .gx_lg_25 { --gutter-x: 25px; } 
 .g_lg_25,
 .gy_lg_25 { --gutter-y: 25px; } 
 .g_lg_26,
 .gx_lg_26 { --gutter-x: 26px; } 
 .g_lg_26,
 .gy_lg_26 { --gutter-y: 26px; } 
 .g_lg_27,
 .gx_lg_27 { --gutter-x: 27px; } 
 .g_lg_27,
 .gy_lg_27 { --gutter-y: 27px; } 
 .g_lg_28,
 .gx_lg_28 { --gutter-x: 28px; } 
 .g_lg_28,
 .gy_lg_28 { --gutter-y: 28px; } 
 .g_lg_29,
 .gx_lg_29 { --gutter-x: 29px; } 
 .g_lg_29,
 .gy_lg_29 { --gutter-y: 29px; } 
 .g_lg_30,
 .gx_lg_30 { --gutter-x: 30px; } 
 .g_lg_30,
 .gy_lg_30 { --gutter-y: 30px; } 
 .g_lg_31,
 .gx_lg_31 { --gutter-x: 31px; } 
 .g_lg_31,
 .gy_lg_31 { --gutter-y: 31px; } 
 .g_lg_32,
 .gx_lg_32 { --gutter-x: 32px; } 
 .g_lg_32,
 .gy_lg_32 { --gutter-y: 32px; } 
 .g_lg_33,
 .gx_lg_33 { --gutter-x: 33px; } 
 .g_lg_33,
 .gy_lg_33 { --gutter-y: 33px; } 
 .g_lg_34,
 .gx_lg_34 { --gutter-x: 34px; } 
 .g_lg_34,
 .gy_lg_34 { --gutter-y: 34px; } 
 .g_lg_35,
 .gx_lg_35 { --gutter-x: 35px; } 
 .g_lg_35,
 .gy_lg_35 { --gutter-y: 35px; } 
 .g_lg_36,
 .gx_lg_36 { --gutter-x: 36px; } 
 .g_lg_36,
 .gy_lg_36 { --gutter-y: 36px; } 
 .g_lg_37,
 .gx_lg_37 { --gutter-x: 37px; } 
 .g_lg_37,
 .gy_lg_37 { --gutter-y: 37px; } 
 .g_lg_38,
 .gx_lg_38 { --gutter-x: 38px; } 
 .g_lg_38,
 .gy_lg_38 { --gutter-y: 38px; } 
 .g_lg_39,
 .gx_lg_39 { --gutter-x: 39px; } 
 .g_lg_39,
 .gy_lg_39 { --gutter-y: 39px; } 
 .g_lg_40,
 .gx_lg_40 { --gutter-x: 40px; } 
 .g_lg_40,
 .gy_lg_40 { --gutter-y: 40px; } 
 .g_lg_48,
 .gx_lg_48 { --gutter-x: 48px; } 


.d_flex_lg { display: flex; } 

.justify_start_lg { justify-content: flex-start; } 
.justify_end_lg { justify-content: flex-end; } 
.justify_center_lg { justify-content: center; } 
.justify_between_lg { justify-content: space-between; } 
.justify_around_lg { justify-content: space-around; } 


.align_start_lg { align-items: start; } 
.align_end_lg { align-items: end; } 
.align_center_lg { align-items: center; } 
.align_baseline_lg { align-items: baseline; } 
.align_stretch_lg { align-items: stretch; } 


.flex_row_lg { flex-direction: row; } 
.flex_row_reverse_lg { flex-direction: row-reverse; } 
.flex_column_lg { flex-direction: column; } 
.flex_column_reverse_lg { flex-direction: column-reverse; } 



.text_start_lg { text-align: start; } 
.text_center_lg { text-align: center; } 
.text_end_lg { text-align: end; } 
 



 /* Web 해상도 */

 #wrapper { padding-bottom: 80px; } 
 #container { padding-bottom: 70px !important; } 
 .section { padding: 0 40px; } 
 

 .dt_hidden { display: none; } 
 .dt_only { display: block; } 

 #header { border-bottom: 1px solid #D4D7DC; } 
 #header .section { max-width: 1280px; height: 70px; margin: 0 auto; } 

 .logo { display: block; } 
 .logo a { display: flex; align-items: center; } 
 .logo a span { position: relative; margin-top: 20px; padding-right: 22px; color: #50555C; font-size: 18px; font-weight: 600; text-align: left; font-family: Pretendard; line-height: 21.6px; } 
 .logo a span::after { content: ''; position: absolute; top: 4px; right: 11px; width: 1px; height: 14px; background-color: rgba(0, 13, 77, 0.49); } 
 .logo a em { width: 70px; height: 32px; font-size: 0; background-image: url('../images/common/img_skr.svg'); background-position: 50%; background-repeat: no-repeat; background-size: 100% auto; } 
 

 .header_title { justify-content: start; position: relative; left: 20px; } 
 .header_title .title { font-size: 18px; line-height: 22px; } 
 #header .section .left .btn_back { width: 32px; height: 32px; background-size: 100%; } 



 #content { max-width: 840px; margin: 0 auto; } 

 
 .title_area::before { content: ''; position: absolute; top: 70px; right: 0; left: 0; height: 165px; background-color: #F4F6F8; z-index: -1; } 
 .title_area.line_1::before { height: 128px; } 
 .title_area.line_3::before { height: 192px; } 
 .title_area.bg_none::before { display: none; } 
 .title_area { margin-top: 0; padding: 45px 0; } 
 .title_area.ty02 { max-width: 100%; } 
 .title_area.ty02::before { height: 128px; }
 
 
 .title_area .title { font-size: 32px; text-align: center; line-height: 38px; } 
 .title_area .title br { display: none; text-align: center; } 
 .title_area .title br.dt_only { display: block; }
 .title_area .desc { margin-top: 12px; font-size: 20px; text-align: center; line-height: 26px; } 
 .title_area .desc br { display: none; } 
 .title_area .desc br.dt_only { display: block; }
 .title_area .btn_group { margin-top: 40px; } 
 .title_area .btn_group .btn { max-width: 230px; margin: 0 auto; } 
 .title_area + .form_field_area { /* margin-top: 40px; */ margin-top: 0; } 
 .title_area + .form_box_check_area { /* margin-top: 40px; */ margin-top: 0; } 
 .title_area + .form_box_check_area.ty02 { margin-top: 40px; } 
 .title_area + .form_field_area.ty02 { margin-top: 40px; } 
 .title_area + .img_license_guide { margin: -13px 0 32px; }  
 .title_area + .info_list_area { margin-top: 40px; }
 .title_area + .fixed_content { margin-top: 40px; }




 .sub_title_area { justify-content: center; margin: 60px 0 50px; } 
 .sub_title_area .left .sub_title { font-size: 32px; font-weight: 700; text-align: center; line-height: 38.4px; } 
 .sub_title_area .right { display: none; } 




 .step_area { margin-top: 50px; } 
 .step_area + .title_area { margin-top: 56px; } 
 .step_area ~ .img_license_guide { margin-top: 0; /* margin-top: 3px; */ } 
 .step_area ~ .img_license_guide .img_box { padding-top: 0; }


 
 .copyright { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; text-align: center; background-color: #F4F6F8; } 
 .copyright p { color: #999999; font-size: 13px; font-weight: 400; text-align: center; font-family: Pretendard; line-height: 15.51px; } 
 .copyright.dt_hidden { display: none; }












.step_area { display: block; overflow: hidden; } 
.step_area .step_bar { display: none; } 
.multi_steps { overflow: visible; margin: 0 -104px; } 
.multi_steps > li { position: relative; } 
.multi_steps > li span { display: block; position: relative; bottom: 0; color: #858B93; font-size: 16px; font-weight: 400; } 
.multi_steps > li:first-child span { margin-left: 42px; } 
.multi_steps > li:last-child span { margin-right: 62px; } 
.multi_steps > li::after { display: block; top: 14px; background-color: var(--tertiary); } 
.multi_steps > li:before { width: 30px; height: 30px; margin: 0 auto 10px; font-size: 14px; background-image: url('../images/common/img_step_dt_checked.svg'); line-height: 30px; background-size: 16px auto; } 
.multi_steps > li.is_active ~ li:before{ border: 1px solid #D4D7DC; font-size: 14px; background-color: #fff; }
.multi_steps > li.is_active:before{ border: 1px solid var(--primary); font-size: 14px; }
.multi_steps > li.before span { color: var(--tertiary); } 
.multi_steps > li.line::after { background-color: var(--primary); } 
.multi_steps > li.is_active span { color: var(--primary); font-weight: 600; } 
.multi_steps.step3 { margin: 0 -166px; } 
.multi_steps.step3 > li:first-child span { margin-left: 58px; } 
.multi_steps.step2 { margin: 0 -346px; } 
.multi_steps.step2 > li:first-child span { margin-left: 58px; } 



.info_list_area.first { margin-top: 40px; }
.info_list_area { padding: 40px; } 
.info_list_area .info_cont .info_label .txt { font-size: 14px; } 
.info_list_area .info_cont .info_detail { margin-top: 4px; } 
.info_list_area .info_cont .info_detail .info { font-size: 22px; line-height: 26px; } 




.intro_img_area { position: relative; margin-top: 75px; } 
.intro_img_area:before { content: ''; position: absolute; top: 0; bottom: 0; left: -60%; width: 600px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 19.34%); z-index: 7; transform: rotate(180deg); } 
.intro_img_area:after { content: ''; position: absolute; top: 0; right: -60%; bottom: 0; width: 600px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 19.34%); z-index: 7; } 
.intro_img_box.intro_third { display: none; } 

/* .info_list_area .info_cont .info_detail { display: flex; align-items: center; } */
.info_list_area .info_cont .info_detail .info + .info { margin-top: 0; margin-left: 24px; } 




.round_check_area { margin-top: 60px; border: 0; border-radius: 0; } 
.round_check_area .check_item > input + label { height: 56px; font-size: 20px; } 
.round_check_area .check_item > input:checked + label { height: 56px; font-size: 20px; } 

.img_license_guide { margin: 0 0 20px 0; padding: 0; } 
.img_license_guide .img_box { width: 100%; padding: 30px 0; border-radius: 20px; } 
.img_license_guide .img_box::before { display: none; } 
.img_license_guide .img_box img { max-width: 480px; width: 100%; } 
.sub_title_area + .img_license_guide { margin-top: 50px; } 




.form_check.all_check.sm { padding: 40px 0 16px; } 
.form_check.all_check.sm input + label { font-size: 20px; } 
.form_check.all_check.sm input + label::before { width: 24px; height: 24px; } 


.toast.show_toast { /* bottom: 84px; */ bottom: 250px; } 




.img_license_guide .img_box .img_license { width: 480px; height: 270px; } 
.box_line { border: 2px solid #EE7E17; box-shadow: 0px 4px 20px 0px #0000001A; } 
.box_line.ty02 { border: 1px solid #D4D7DC; box-shadow: 0 0 0 0 #0000001A; } 

.img_license_guide .btn_area { margin-top: 0; }

 #footer { position: relative; } 
 #footer .btn_group.btm { justify-content: center; } 
 #footer .btn_group.btm .btn { max-width: 320px; } 


 /* FORM */
 .form_check.ty02 input[type='checkbox'] + label { font-size: 16px; } 
.terms_chk_list.ty02 > li .form_check_inner { height: auto; } 
 .terms_chk_list.ty02 > li + li { margin-top: 20px; } 

 .terms_chk_list.ty03 { margin-top: 20px; }


 /* BUTTON */
.btn { height: 56px; line-height: 56px; } 

.btm_area { margin-top: 20px; } 
.btn_txt { font-size: 18px; } 

/* POPUP */


/* SUB */
.intro_img_box + .intro_img_box { margin-top: 28px; } 
.info_list_area.single { max-width: 400px; margin-right: auto; margin-left: auto; } 
.illust_img_box { margin-top: 40px; } 

.info_list_area .info_cont .info_detail .info .ico_sns { vertical-align: -5px; } 


.form_check_box > input + label:hover { outline-color: #000; } 
.form_box_check.ty02 > input + label { display: flex; justify-content: center; align-items: center; padding: 28px; } 
.form_box_check.ty02 > input + label .img_box { margin-right: 20px; margin-bottom: 0; margin-left: 0; } 
.form_box_check.ty02 > input + label .txt { font-size: 22px; line-height: 26px; } 







 /* 약관동의 */
.form_check.all_check input + label { padding: 0 32px; font-size: 20px; line-height: 24px; } 
.form_check label { font-size: 16px; line-height: 19px; } 
.form_check input + label::before { transition: all .3s; }

.terms_chk_area  { margin-top: 40px; }
.terms_chk_area .terms_chk_list { padding: 12px 32px 20px; } 
.terms_depth_chk .top_frm .btn_toggle .tit { font-size: 14px; line-height: 17px; } 
/* .depth_chk_box .col_xs_6 + .col_xs_6 { padding-left: 30px; }  */
.form_check_depth { margin: 0px 0 0; padding: 10px 14px; }
.form_check.ty03 input[type='checkbox'] + label { font-size: 14px; line-height: 17px; } 

.terms_chk_list > li .form_check_inner { height: 44px; margin-top: 5px; padding: 0; } 
.terms_depth_chk .top_frm { padding: 0; }
.terms_chk_list > li:first-child { margin-top: 0; } 
 /* .form_check input[type='checkbox']:hover + label::before { background-image: url('../images/common/ico_chk_hover.svg'); }  */
.form_check input[type='checkbox']:checked + label::before { border: 0; background-color: transparent; background-image: url('../images/common/ico_chk_on.svg'); } 

.terms_chk_area.complete .terms_chk_list > li + li::before { right: 0; left: 0; }

.terms_chk_area.complete .terms_chk_list { padding-top: 20px; }

 /* Mypage */
 .section_divider { margin: 0; } 
.list_item_info_area { margin-top: 40px; } 
.list_item_info_area .list_item_info_box { padding: 20px 24px 27px; border: 1px solid #D4D7DC; border-radius: 12px; } 
.list_item_info_area .section_divider { display: none; } 
.list_item_info_area .list_item_info_box .tit_area { margin-bottom: 16px; } 
.list_item_info_area + .btm_btn_area { /* display: none; */ margin-top: 48px; } 
.loader_area{ display: none; }

.inner_scroll > .section { display: block; max-height: initial; }
.inner_scroll .list_item_info_area { margin-right: 0; padding-right: 0; overflow-y: initial; }

.btm_btn_area .btn_underline { font-size: 16px; line-height: 22px; }

.form_check.direct_input { margin-top: 23px; padding-top: 24px; } 
.guidance_list { margin-top: 40px; }
.guidance_cont { padding: 22px; border: 2px solid #D4D7DC; background-color: #fff; } 
.guidance_cont .guidance_title { padding-left: 34px; font-size: 18px; line-height: 28px; } 
.guidance_cont .guidance_title::before { width: 28px; height: 28px; background-size: 100%; } 
.guidance_cont .guidance_txt .txt { font-size: 16px; line-height: 24px; } 
.form_check.guidance_chk input + label { font-size: 16px; }  





/* ERROR */
.center_cont { position: static; width: auto; padding: 0; transform: none; }
.error_wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 !important; }
.error_wrap #container { padding: 0 !important; }
.error_wrap .illust_img_box { margin: 0; }
.error_wrap .illust_img_box + .title_area { margin-top: 40px; padding: 0; }
.error_wrap .title_area .desc .dt_only { display: block; }
.error_wrap .title_area .desc { line-height: 26px; }
.error_wrap #footer { max-width: 530px; width: 100%; margin: 40px auto 0; padding: 0; } 
.error_wrap #footer .btn_group.btm .grid_container { width: 100%; }




/* 주소검색 */
.popup_area.popup_addr{ max-width: 500px;}
.popup_area.popup_addr .popup_body{ min-height: 427px; padding-bottom: 40px; }
.popup_area.popup_addr .scroll_y{ overflow:visible; height: auto;  }
.form_field_area + .section_divider { margin: 20px -20px; } 

.list_address_area > #list > ul > li .road_addr .info{ padding-top: 0; font-size: 14px; }
.pagination_area{ display: block;}


/* 탈퇴불가 */
.desc_box .desc br{ display: none; }

/* 약관 변경 */
.title_area + .agree_area { margin-top: 40px; }

}/* 992PX */

@media (min-width: 641px) {
  .new-cont {
    color: #828991;
    font-size: 14px;
    margin-top: 16px;
    font-weight: 400;
  }
  .new-cont br {
    display: none;
  }
  .new-cont span {
    text-decoration: underline;
    cursor: pointer;
  }
}







 
 



@media (min-width: 1200px){
 .col_xl { flex-basis: 0; flex-grow: 1; max-width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; } 
 .col_xl_1 { -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; -webkit-box-flex: 0; } 
 .col_xl_2 { -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; -webkit-box-flex: 0; } 
 .col_xl_3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; -webkit-box-flex: 0; } 
 .col_xl_4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; -webkit-box-flex: 0; } 
 .col_xl_5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; -webkit-box-flex: 0; } 
 .col_xl_6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-flex: 0; } 
 .col_xl_7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; -webkit-box-flex: 0; } 
 .col_xl_8 { -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; -webkit-box-flex: 0; } 
 .col_xl_9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; -webkit-box-flex: 0; } 
 .col_xl_10 { -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; -webkit-box-flex: 0; } 
 .col_xl_11 { -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%; -webkit-box-flex: 0; } 
 .col_xl_12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-flex: 0; } 
 .g_xl_0,
 .gx_xl_0 { --gutter-x: 0; } 
 .g_xl_0,
 .gy_xl_0 { --gutter-y: 0; } 
 .g_xl_1,
 .gx_xl_1 { --gutter-x: 1px; } 
 .g_xl_1,
 .gy_xl_1 { --gutter-y: 1px; } 
 .g_xl_2,
 .gx_xl_2 { --gutter-x: 2px; } 
 .g_xl_2,
 .gy_xl_2 { --gutter-y: 2px; } 
 .g_xl_3,
 .gx_xl_3 { --gutter-x: 3px; } 
 .g_xl_3,
 .gy_xl_3 { --gutter-y: 3px; } 
 .g_xl_4,
 .gx_xl_4 { --gutter-x: 4px; } 
 .g_xl_4,
 .gy_xl_4 { --gutter-y: 4px; } 
 .g_xl_5,
 .gx_xl_5 { --gutter-x: 5px; } 
 .g_xl_5,
 .gy_xl_5 { --gutter-y: 5px; } 
 .g_xl_6,
 .gx_xl_6 { --gutter-x: 6px; } 
 .g_xl_6,
 .gy_xl_6 { --gutter-y: 6px; } 
 .g_xl_7,
 .gx_xl_7 { --gutter-x: 7px; } 
 .g_xl_7,
 .gy_xl_7 { --gutter-y: 7px; } 
 .g_xl_8,
 .gx_xl_8 { --gutter-x: 8px; } 
 .g_xl_8,
 .gy_xl_8 { --gutter-y: 8px; } 
 .g_xl_9,
 .gx_xl_9 { --gutter-x: 9px; } 
 .g_xl_9,
 .gy_xl_9 { --gutter-y: 9px; } 
 .g_xl_10,
 .gx_xl_10 { --gutter-x: 10px; } 
 .g_xl_10,
 .gy_xl_10 { --gutter-y: 10px; } 
 .g_xl_11,
 .gx_xl_11 { --gutter-x: 11px; } 
 .g_xl_11,
 .gy_xl_11 { --gutter-y: 11px; } 
 .g_xl_12,
 .gx_xl_12 { --gutter-x: 12px; } 
 .g_xl_12,
 .gy_xl_12 { --gutter-y: 12px; } 
 .g_xl_13,
 .gx_xl_13 { --gutter-x: 13px; } 
 .g_xl_13,
 .gy_xl_13 { --gutter-y: 13px; } 
 .g_xl_14,
 .gx_xl_14 { --gutter-x: 14px; } 
 .g_xl_14,
 .gy_xl_14 { --gutter-y: 14px; } 
 .g_xl_15,
 .gx_xl_15 { --gutter-x: 15px; } 
 .g_xl_15,
 .gy_xl_15 { --gutter-y: 15px; } 
 .g_xl_16,
 .gx_xl_16 { --gutter-x: 16px; } 
 .g_xl_16,
 .gy_xl_16 { --gutter-y: 16px; } 
 .g_xl_17,
 .gx_xl_17 { --gutter-x: 17px; } 
 .g_xl_17,
 .gy_xl_17 { --gutter-y: 17px; } 
 .g_xl_18,
 .gx_xl_18 { --gutter-x: 18px; } 
 .g_xl_18,
 .gy_xl_18 { --gutter-y: 18px; } 
 .g_xl_19,
 .gx_xl_19 { --gutter-x: 19px; } 
 .g_xl_19,
 .gy_xl_19 { --gutter-y: 19px; } 
 .g_xl_20,
 .gx_xl_20 { --gutter-x: 20px; } 
 .g_xl_20,
 .gy_xl_20 { --gutter-y: 20px; } 
 .g_xl_21,
 .gx_xl_21 { --gutter-x: 21px; } 
 .g_xl_21,
 .gy_xl_21 { --gutter-y: 21px; } 
 .g_xl_22,
 .gx_xl_22 { --gutter-x: 22px; } 
 .g_xl_22,
 .gy_xl_22 { --gutter-y: 22px; } 
 .g_xl_23,
 .gx_xl_23 { --gutter-x: 23px; } 
 .g_xl_23,
 .gy_xl_23 { --gutter-y: 23px; } 
 .g_xl_24,
 .gx_xl_24 { --gutter-x: 24px; } 
 .g_xl_24,
 .gy_xl_24 { --gutter-y: 24px; } 
 .g_xl_25,
 .gx_xl_25 { --gutter-x: 25px; } 
 .g_xl_25,
 .gy_xl_25 { --gutter-y: 25px; } 
 .g_xl_26,
 .gx_xl_26 { --gutter-x: 26px; } 
 .g_xl_26,
 .gy_xl_26 { --gutter-y: 26px; } 
 .g_xl_27,
 .gx_xl_27 { --gutter-x: 27px; } 
 .g_xl_27,
 .gy_xl_27 { --gutter-y: 27px; } 
 .g_xl_28,
 .gx_xl_28 { --gutter-x: 28px; } 
 .g_xl_28,
 .gy_xl_28 { --gutter-y: 28px; } 
 .g_xl_29,
 .gx_xl_29 { --gutter-x: 29px; } 
 .g_xl_29,
 .gy_xl_29 { --gutter-y: 29px; } 
 .g_xl_30,
 .gx_xl_30 { --gutter-x: 30px; } 
 .g_xl_30,
 .gy_xl_30 { --gutter-y: 30px; } 
 .g_xl_31,
 .gx_xl_31 { --gutter-x: 31px; } 
 .g_xl_31,
 .gy_xl_31 { --gutter-y: 31px; } 
 .g_xl_32,
 .gx_xl_32 { --gutter-x: 32px; } 
 .g_xl_32,
 .gy_xl_32 { --gutter-y: 32px; } 
 .g_xl_33,
 .gx_xl_33 { --gutter-x: 33px; } 
 .g_xl_33,
 .gy_xl_33 { --gutter-y: 33px; } 
 .g_xl_34,
 .gx_xl_34 { --gutter-x: 34px; } 
 .g_xl_34,
 .gy_xl_34 { --gutter-y: 34px; } 
 .g_xl_35,
 .gx_xl_35 { --gutter-x: 35px; } 
 .g_xl_35,
 .gy_xl_35 { --gutter-y: 35px; } 
 .g_xl_36,
 .gx_xl_36 { --gutter-x: 36px; } 
 .g_xl_36,
 .gy_xl_36 { --gutter-y: 36px; } 
 .g_xl_37,
 .gx_xl_37 { --gutter-x: 37px; } 
 .g_xl_37,
 .gy_xl_37 { --gutter-y: 37px; } 
 .g_xl_38,
 .gx_xl_38 { --gutter-x: 38px; } 
 .g_xl_38,
 .gy_xl_38 { --gutter-y: 38px; } 
 .g_xl_39,
 .gx_xl_39 { --gutter-x: 39px; } 
 .g_xl_39,
 .gy_xl_39 { --gutter-y: 39px; } 
 .g_xl_40,
 .gx_xl_40 { --gutter-x: 40px; } 
 .g_xl_40,
 .gy_xl_40 { --gutter-y: 40px; } 
 }