@charset "UTF-8";

.mobile_mini_show{display:none;}
.mobile_show{display:none;}
.tablet_show{display:none;}
.pc_mini_show{display:none;}
.pc_show{display:block;}

@media all and (max-width:1200px)
{
    .pc_mini_show{display:block;}
    .pc_mini_hidden{display:none;}
}
@media all and (max-width:1000px)
{
	.pc_show{display:none;}
    .tablet_show{display:block;}
    .tablet_hidden{display:none;}
}
@media all and (max-width:600px)
{
    .mobile_show{display:block;}
    .mobile_hidden{display:none;}
}
@media all and (max-width:400px)
{
    .mobile_mini_show{display:block;}
    .mobile_mini_hidden{display:none;}
}


.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"]){position:relative;margin:0;padding:5px 20px;-webkit-appearance:none;border:1px solid rgba(0,0,0,0.2);border-radius:0;height:58px;font-size:20px;font-weight:400;color:#000000;line-height:1.6;letter-spacing:0;background-color:#FFFFFF;box-sizing:border-box;transition:border-color ease 250ms,color ease 250ms,background-color ease 250ms;}
.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"])::placeholder{font-weight:300;color:rgba(0,0,0,0.4);}
.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"]):placeholder-shown{border-color:rgba(0,0,0,0.2);}
.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"]):focus{border-color:#000000;}
.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"],select):disabled,
.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"],select):read-only{border-color:rgba(0,0,0,0.2);background-color:#FAFAFA;color:#AAAAAA;}
.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"],select).small{padding:5px 10px;height:40px;font-size:16px;}
.component_input:is(select){padding-right:calc(15px + 13px + 10px) !important;background-image:url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.49512 7.5L-7.31349e-05 2.69824e-07L12.9903 -8.65831e-07L6.49512 7.5Z' fill='%23000000'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:13px;background-position:right 15px center;}
.component_input:is(textarea){padding:20px !important;height:200px !important;}
.component_input:is([type="checkbox"],[type="radio"]){display:none;}
.component_input:is([type="checkbox"],[type="radio"]) + label{position:relative;margin:0;padding:0;padding-left:30px;font-size:20px;font-weight:300;color:#000000;line-height:1.6;letter-spacing:0;white-space:nowrap;cursor:pointer;}
.component_input:is([type="checkbox"],[type="radio"]) + label:before,
.component_input:is([type="checkbox"],[type="radio"]) + label:after{content:"";position:absolute;display:block;left:0;top:50%;transform:translateY(-50%);border:1px solid #000000;width:20px;aspect-ratio:1/1;box-sizing:border-box;cursor:pointer;background-size:100%;background-repeat:no-repeat;background-position:center center;transition:opacity ease 250ms;}
.component_input:is([type="checkbox"],[type="radio"]) + label:before{z-index:0;opacity:1;}
.component_input:is([type="checkbox"],[type="radio"]) + label:after{z-index:1;opacity:0;border-width:0;background-color:#000000;background-image:url("../img/component/component_input_checkbox_check.svg");}
.component_input:is([type="checkbox"],[type="radio"]):checked + label:after{opacity:1;}
.component_input:is([type="radio"]) + label:before,
.component_input:is([type="radio"]) + label:after{border-radius:50%;}

@media all and (max-width:1000px)
{
	.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"]){padding:5px 10px;height:45px;font-size:14px;}
	.component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"],select).small{padding:5px 10px;height:35px;font-size:13px;}
	.component_input:is(select){padding-right:calc(8px + 10px + 10px) !important;background-size:10px;background-position:right 8px center;}
	.component_input:is(textarea){padding:10px !important;height:150px !important;}
	.component_input:is([type="checkbox"],[type="radio"]) + label{padding-left:20px;font-size:14px;}
	.component_input:is([type="checkbox"],[type="radio"]) + label:before,
	.component_input:is([type="checkbox"],[type="radio"]) + label:after{width:14px;}
}


.component_button{position:relative;margin:0;padding:5px 20px;-webkit-appearance:none;border:1px solid #000000;border-radius:0;height:58px;font-size:20px;font-weight:600;color:#000000;line-height:1.2;letter-spacing:0;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;box-sizing:border-box;background-color:#FFFFFF;display:inline-flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;transition:border-color ease 250ms,color ease 250ms,background-color ease 250ms;}
.component_button:hover{background-color:#FAFAFA;}
.component_button:active{background-color:#F5F5F5;}
.component_button.primary{border-color:#000000;color:#FFFFFF;background-color:#000000;}
.component_button.primary:hover{border-color:#111111;background-color:#111111;}
.component_button.primary:active{border-color:#222222;background-color:#222222;}
.component_button:disabled{border-color:transparent !important;background-color:#CCCCCC !important;color:#999999 !important;}
.component_button.small{padding:5px 10px;height:40px;font-size:16px;}
.component_button.like{padding:5px 20px;border-color:rgba(0,0,0,0.4);border-radius:20px;height:40px;font-size:16px;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:10px;}
.component_button.like .value{font-weight:400;}
.component_button.like:before{content:"\EE0F";position:relative;display:block;margin:0;padding:0;color:inherit;font-family:"remixicon";font-size:20px;color:rgba(0,0,0,0.4);line-height:1;font-weight:400;-webkit-text-stroke:0.4px #FFFFFF;}
.component_button.like:hover{border-color:#EF4444;}
.component_button.like:active{border-color:#EF4444;}
.component_button.like.active{border-color:#EF4444;}
.component_button.like.active:before{content:"\EE0E";color:#EF4444;}

@media all and (max-width:1000px)
{
	.component_button{padding:5px 10px;height:45px;font-size:15px}
	.component_button.small{padding:5px 10px;height:35px;font-size:14px;}
}


.component_buttons{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:10px;}
.component_buttons .divider{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:10px;}
.component_buttons .divider.left{margin-right:auto;}
.component_buttons .divider.right{margin-left:auto;}
.component_buttons.column{flex-direction:column;align-items:initial;}


.component_search{position:relative;margin:0 auto;padding:0;width:800px;max-width:100%;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:10px;}
.component_search select{width:150px;flex-shrink:0;}
.component_search [type="text"]{width:100%;flex-grow:1;flex-shrink:1;}
.component_search [type="submit"]{width:150px;flex-shrink:0;}

@media all and (max-width:1000px)
{
	.component_search{width:600px;}
	.component_search select{width:100px;}
	.component_search [type="submit"]{width:100px;}
}
@media all and (max-width:600px)
{
	.component_search{flex-wrap:wrap;gap:10px;}
	.component_search select{width:calc(50% - 5px);}
	.component_search [type="submit"]{width:calc(50% - 5px);}
	.component_search [type="text"]{width:100%;order:-1;}
}


.component_nolist{position:relative;margin:0;padding:20px;border:0;border-radius:25px;height:200px;font-size:20px;font-weight:300;color:#000000;line-height:1.6;letter-spacing:0;text-align:center;background-color:#FFFFFF;box-shadow:0px 0px 4px rgba(0,0,0,0.4);box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}

@media all and (max-width:1400px)
{
	.component_nolist{border-radius:15px;font-size:18px;}
}
@media all and (max-width:1200px)
{
	.component_nolist{font-size:16px;}
}
@media all and (max-width:1000px)
{
	.component_nolist{border-radius:10px;font-size:14px;}
}


.component_total_count{position:relative;margin:0;padding:0;font-size:16px;font-weight:300;color:rgba(0,0,0,0.4);line-height:1.6;letter-spacing:0;text-align:right;}

@media all and (max-width:1400px)
{
	.component_total_count{font-size:15px;}
}
@media all and (max-width:1200px)
{
	.component_total_count{font-size:14px;}
}
@media all and (max-width:1000px)
{
	.component_total_count{font-size:13px;}
}


.component_pagination{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:10px;}
.component_pagination > li{position:relative;margin:0;padding:0;}
.component_pagination .item{position:relative;margin:0;padding:5px;min-width:35px;height:35px;border:1px solid #000000;border-radius:0;font-size:14px;font-weight:300;line-height:1.4;color:#000000;text-decoration:none;white-space:nowrap;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;transition:background-color ease 250ms;}
.component_pagination .item:hover{background-color:#FAFAFA;}
.component_pagination .item:active{background-color:#F5F5F5;}
.component_pagination .item.active{color:#FFFFFF;background-color:#000000;}
.component_pagination .item.direction{padding:0;}
.component_pagination .item.direction:before{content:"";position:relative;margin:0;padding:0;font-family:"remixicon";font-size:24px;font-weight:100;line-height:1;-webkit-text-stroke:0.6px #FFFFFF;}
.component_pagination .item.direction.first:before{content:"\F2E3";}
.component_pagination .item.direction.prev:before{content:"\EA64";}
.component_pagination .item.direction.next:before{content:"\EA6E";}
.component_pagination .item.direction.last:before{content:"\F2E5";}
* + .component_pagination{margin-top:40px;}

@media all and (max-width:1000px)
{
	.component_pagination{gap:5px;}
	.component_pagination .item{min-width:30px;height:30px;font-size:13px;}
	.component_pagination .item.direction:before{font-size:20px;}
}


.component_message{position:relative;margin:0 auto;padding:30px;border-radius:20px;width:500px;max-width:100%;background-color:#FFFFFF;box-sizing:border-box;box-shadow:0 0 4px rgba(0,0,0,0.4);}
.component_message > fieldset{position:relative;margin:0;padding:0;border:0;}
.component_message,
.component_message > fieldset{display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;}
.component_message .message_header{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;}
.component_message .message_header .title{position:relative;margin:0;padding:0;font-size:20px;font-weight:600;color:#000000;line-height:1.6;letter-spacing:0;text-align:center;}
.component_message .message_header .description{position:relative;margin:0;padding:0;font-size:16px;font-weight:300;color:rgba(0,0,0,0.4);line-height:1.6;letter-spacing:0;text-align:center;}
.component_message .message_body{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:30px;}
.component_message .inputs{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;}
.component_message .inputs > li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:12px;}
.component_message .inputs > li.hidden{display:none;}
.component_message .inputs .row{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;gap:8px;}
.component_message .inputs .row > .title{position:relative;margin:0;padding:0;font-size:14px;font-weight:600;color:#000000;line-height:1.6;}
.component_message .inputs .row > .content{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_message .inputs .row > .content .component_input{width:100%;}
.component_message .inputs .row .group{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:10px;}
.component_message .inputs .row .group.password .component_input{width:100% !important;flex-grow:1;}
.component_message .inputs .row .group.password .component_button{padding:4px 12px;min-width:initial;width:100px;flex-shrink:0;}
.component_message .inputs .row .hidden{display:none;}
.component_message .message{position:relative;margin:0;padding:20px 10px;border:0;border-radius:10px;font-size:16px;font-weight:300;color:#000000;line-height:1.6;letter-spacing:0;text-align:center;background-color:rgba(0,0,0,0.02);}
.component_message .message p{position:relative;margin:0 !important;padding:0;}
.component_message .message .title{font-weight:600;}
.component_message .message .writer{font-size:14px;}

@media all and (max-width:1000px)
{
	.component_message{padding:30px 20px;border-radius:10px;}
	.component_message,
	.component_message > fieldset{gap:15px;}
	.component_message .message_header{gap:15px;}
	.component_message .message_header .title{font-size:16px;}
	.component_message .message_header .description{font-size:13px;}
	.component_message .message_body{gap:15px;}
	.component_message .message{padding:15px 10px;font-size:14px;}
}


.component_page_tab{position:relative;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;row-gap:20px;}
.component_page_tab > li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;}
.component_page_tab .item{position:relative;margin:0;padding:5px 20px;border:0;border-radius:28px;-webkit-appearance:none;height:55px;font-size:20px;font-weight:500;color:#777777;line-height:1.4;letter-spacing:0;word-break:keep-all;text-align:center;text-decoration:none;background-color:rgba(0,0,0,0.1);box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex:1;transition:background-color ease 250ms;}
.component_page_tab .item:hover{background-color:rgba(0,0,0,0.2);}
.component_page_tab .item:active{background-color:rgba(0,0,0,0.3);}
.component_page_tab .item.active{color:#FFFFFF;background-color:#000000;}
.component_page_tab.w3{display:grid;grid-template-columns:repeat(3,1fr);}
.component_page_tab.w4{display:grid;grid-template-columns:repeat(4,1fr);}
.component_page_tab.w5{display:grid;grid-template-columns:repeat(5,1fr);}
.component_page_tab.row{display:flex;gap:30px;}
.component_page_tab.row > li{flex:1;}

@media all and (max-width:1400px)
{
	.component_page_tab{gap:25px;row-gap:15px;}
	.component_page_tab .item{padding:5px 15px;border-radius:25px;height:50px;font-size:18px;}
	.component_page_tab.row{gap:25px;}
}
@media all and (max-width:1200px)
{
	.component_page_tab{gap:20px;row-gap:10px;}
	.component_page_tab .item{border-radius:23px;height:45px;font-size:16px;}
	.component_page_tab.row{gap:20px;}
}
@media all and (max-width:1000px)
{
	.component_page_tab{gap:10px;row-gap:10px;}
	.component_page_tab .item{padding:5px 10px;border-radius:20px;height:40px;font-size:14px;}
	.component_page_tab.row{gap:10px;}
}
@media all and (max-width:600px)
{
	.component_page_tab{grid-template-columns:repeat(2,1fr);}
	.component_page_tab.w3{grid-template-columns:repeat(2,1fr);}
	.component_page_tab.w4{grid-template-columns:repeat(2,1fr);}
	.component_page_tab.w5{grid-template-columns:repeat(4,1fr);}
	.component_page_tab.row{display:grid;grid-template-columns:repeat(3,1fr);}
}


.component_article_default_list{position:relative;margin:0;padding:0;list-style:none;border-top:2px solid #000000;border-bottom:1px solid rgba(0,0,0,0.2);background-color:#FFFFFF;display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_article_default_list > li{position:relative;margin:0;padding:0;border-bottom:1px solid rgba(0,0,0,0.2);}
.component_article_default_list > li.head{border-bottom:1px solid rgba(0,0,0,0.4);}
.component_article_default_list > li:last-child{border-bottom-width:0;}
.component_article_default_list .item{position:relative;margin:0;padding:0;min-height:65px;color:#000000;text-decoration:none;transition:background-color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;}
.component_article_default_list .item:hover{background-color:#FAFAFA;}
.component_article_default_list .item:active{background-color:#F5F5F5;}
.component_article_default_list .item .column{position:relative;margin:0;padding:15px 10px;font-size:20px;font-weight:300;color:#000000;line-height:1.6;text-align:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;}
.component_article_default_list .item .column.number{width:80px;font-variant-numeric:tabular-nums;}
.component_article_default_list .item .column.category{width:160px;}
.component_article_default_list .item .column.thumbnail{padding:10px;width:80px;}
.component_article_default_list .item .column.title{text-align:initial;transition:color ease 250ms;justify-content:initial;flex-grow:1;flex-shrink:1;}
.component_article_default_list .item .column.title .comment{font-size:16px;}
.component_article_default_list .item .column.date{width:140px;font-variant-numeric:tabular-nums;}
.component_article_default_list .item .column.count{width:80px;font-variant-numeric:tabular-nums;}
.component_article_default_list .item .column.name{width:120px;}
.component_article_default_list .item .column.name > span{width:100%;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.component_article_default_list .item .column.button{width:120px;}
.component_article_default_list .item .image{position:relative;margin:0;padding:0;width:60px;border:1px solid rgba(0,0,0,0.1);border-radius:5px;aspect-ratio:1/1;background-color:#F8F8F8;background-image:url("../img/component/noimage.png");background-size:100%;background-repeat:no-repeat;background-position:center center;box-sizing:border-box;overflow:hidden;flex-shrink:0;}
.component_article_default_list .item .image[style]{background-size:cover;}
.component_article_default_list .item .mobile{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;flex-direction:row;align-items:flex-start;gap:10px;display:none;}
.component_article_default_list .item .mobile .image{width:50px;flex-shrink:0;}
.component_article_default_list .item .mobile .text{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;flex-direction:column;gap:5px;flex-grow:1;}
.component_article_default_list .item .mobile .text .title{position:relative;margin:0;padding:0;font-size:14px;font-weight:400;color:#000000;line-height:1.6;}
.component_article_default_list .item .mobile .text .meta{position:relative;margin:0;padding:0;list-style:none;font-size:13px;font-weight:300;color:#777777;line-height:1.6;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:12px;row-gap:4px;}
.component_article_default_list .item .mobile .text .meta li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:2px;}
.component_article_default_list .item .mobile .text .meta li.date{font-variant-numeric:tabular-nums;}
.component_article_default_list .item .mobile .text .meta li.view{font-variant-numeric:tabular-nums;}
.component_article_default_list .item .mobile .text .meta li.icon:before{content:"";position:relative;top:-1px;margin:0;padding:0;font-family:"remixicon";color:#777777;font-weight:100;font-size:14px;line-height:1;-webkit-text-stroke:0.4px #FFFFFF;}
.component_article_default_list .item .mobile .text .meta li.icon.date:before{content:"\EB27";}
.component_article_default_list .item .mobile .text .meta li.icon.view:before{content:"\ECB5";}
.component_article_default_list .item .mobile .text .meta li.icon.member:before{content:"\F264";}
.component_article_default_list > li.head .item{min-height:60px;background-color:transparent !important;}
.component_article_default_list > li.head .item .column:nth-child(n+2):before{content:"";position:absolute;display:block;left:0;top:50%;transform:translate(-50%,-50%);width:1px;height:25px;background-color:rgba(0,0,0,0.4);}
.component_article_default_list > li.head .item .column.title{text-align:center;justify-content:center;}

@media all and (max-width:1400px)
{
	.component_article_default_list .item{min-height:60px;}
	.component_article_default_list .item .column{padding:10px 5px;font-size:18px;}
	.component_article_default_list .item .column.number{width:70px;}
	.component_article_default_list .item .column.category{width:140px;}
	.component_article_default_list .item .column.title .comment{font-size:14px;}
	.component_article_default_list .item .column.date{width:110px;}
	.component_article_default_list .item .column.count{width:70px;}
	.component_article_default_list .item .column.name{width:110px;}
	.component_article_default_list .item .column.button{width:110px;}
	.component_article_default_list > li.head .item{min-height:55px;}
}
@media all and (max-width:1200px)
{
	.component_article_default_list .item{min-height:55px;}
	.component_article_default_list .item .column{font-size:16px;}
	.component_article_default_list .item .column.number{width:60px;}
	.component_article_default_list .item .column.category{width:120px;}
	.component_article_default_list .item .column.title .comment{font-size:13px;}
	.component_article_default_list .item .column.date{width:100px;}
	.component_article_default_list .item .column.count{width:60px;}
	.component_article_default_list .item .column.name{width:100px;}
	.component_article_default_list .item .column.button{width:100px;}
	.component_article_default_list > li.head .item{min-height:50px;}
}
@media all and (max-width:1000px)
{
	.component_article_default_list .item{padding:10px;min-height:auto;flex-direction:column;gap:5px;}
	.component_article_default_list .item .column{margin:0;padding:0;font-size:14px;display:none;}
	.component_article_default_list .item .meta{display:flex;}
	.component_article_default_list .item .mobile{display:flex;}
	.component_article_default_list > li.head{display:none;}
}


.component_article_list{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_article_list .header{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:50px;}
.component_article_list .header .list_title{position:relative;margin:0;padding:0;font-size:36px;font-weight:600;color:#000000;line-height:1.6;letter-spacing:0;text-align:center;}
.component_article_list .body{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_article_list .body .component_total_count{margin-bottom:15px;}
.component_article_list * + .body{margin-top:40px;}
.component_article_list .footer{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_article_list * + .footer{margin-top:70px;}

@media all and (max-width:1400px)
{
	.component_article_list .header{gap:35px;}
	.component_article_list .header .list_title{margin-bottom:30px;font-size:32px;}
	.component_article_list * + .body{margin-top:35px;}
	.component_article_list * + .footer{margin-top:60px;}
}
@media all and (max-width:1200px)
{
	.component_article_list .header .list_title{margin-bottom:25px;font-size:28px;}
	.component_article_list * + .footer{margin-top:50px;}
}
@media all and (max-width:1000px)
{
	.component_article_list .header{gap:30px;}
	.component_article_list .header .list_title{margin-bottom:20px;font-size:24px;}
	.component_article_list .body .component_total_count{margin-bottom:10px;}
	.component_article_list * + .body{margin-top:30px;}
	.component_article_list * + .footer{margin-top:40px;}
}


.component_article_view{position:relative;margin:0;padding:0;border-top:2px solid #000000;display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_article_view .header{position:relative;margin:0;padding:0;border-bottom:1px solid rgba(0,0,0,0.2);display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_article_view .header .titles{position:relative;margin:0;padding:10px 0;min-height:60px;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;}
.component_article_view .header .titles .category_name{position:relative;margin:0;padding:0;font-size:20px;font-weight:500;color:#000000;line-height:1.6;}
.component_article_view .header .titles .title{position:relative;margin:0;padding:0;font-size:20px;font-weight:500;color:#000000;line-height:1.6;}
.component_article_view .header .meta{position:relative;margin:0;padding:10px 0;list-style:none;border-top:1px solid rgba(0,0,0,0.2);min-height:60px;font-size:16px;font-weight:300;color:#000000;line-height:1.6;letter-spacing:0;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:30px;}
.component_article_view .header .meta > li{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:10px;}
.component_article_view .header .meta b{font-weight:500;}
.component_article_view .body{position:relative;margin:0;padding:0;border-bottom:2px solid #000000;display:flex;flex-wrap:nowrap;flex-direction:column;gap:40px;}
.component_article_view .body > .divider{position:relative;margin:0;padding:0;display:flex;flex-direction:column;gap:20px;}
.component_article_view .body > .divider .divider_header{position:relative;margin:0;padding:0;}
.component_article_view .body > .divider .divider_header .title{position:relative;margin:0;padding:0;font-size:18px;font-weight:500;color:#000000;line-height:1.6;letter-spacing:0;}
.component_article_view .body > .divider .divider_body{position:relative;margin:0;padding:0;}
.component_article_view .footer{position:relative;margin:0;padding:0;margin-top:40px;}
.component_article_view .footer .component_buttons .component_button{min-width:5em;}
.component_article_view .content{position:relative;margin:0;padding:40px 0;overflow-x:auto;}
.component_article_view .attachments{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.component_article_view .attachments li{position:relative;margin:0;padding:0;}
.component_article_view .attachments .item{position:relative;margin:0;padding:15px 20px;border-radius:10px;text-decoration:none;background-color:rgba(0,0,0,0.02);display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:10px;}
.component_article_view .attachments .item:before{content:"\ECEB";position:relative;margin:0;padding:0;font-family:"remixicon";font-size:20px;font-weight:100;color:#000000;line-height:1;-webkit-text-stroke:0.4px #FFFFFF;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;}
.component_article_view .attachments .item .text{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;flex-grow:1;}
.component_article_view .attachments .item .text .title{position:relative;margin:0;padding:0;font-size:16px;font-weight:500;color:#000000;line-height:1.6;letter-spacing:0;}
.component_article_view .attachments .item .text .size{position:relative;margin:0;padding:0;font-size:14px;font-weight:400;color:rgba(0,0,0,0.4);line-height:1.6;letter-spacing:0;}
.component_article_view .attachments .item .button{position:relative;margin:0;padding:5px 10px;border:0;border-radius:5px;height:40px;font-size:14px;font-weight:500;color:#000000;line-height:1.6;text-align:center;white-space:nowrap;background-color:transparent;-webkit-appearance:none;box-sizing:border-box;transition:background-color ease 250ms;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:5px;}
.component_article_view .attachments .item .button:before{content:"\EC54";position:relative;margin:0;padding:0;font-family:"remixicon";font-size:18px;font-weight:100;color:#000000;line-height:1;-webkit-text-stroke:0.4px #FFFFFF;flex-shrink:0;}
.component_article_view .attachments .item .button:hover{background-color:#F0F0F0;}
.component_article_view .react{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:12px;}
.component_article_view .directions{position:relative;margin:0;padding:0;list-style:none;border-top:1px solid rgba(0,0,0,0.2);display:flex;flex-direction:column;}
.component_article_view .directions li{position:relative;margin:0;padding:0;}
.component_article_view .directions li:nth-child(n+2){border-top:1px solid rgba(0,0,0,0.2);}
.component_article_view .directions .item{position:relative;margin:0;padding:10px 0;height:60px;text-decoration:none;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:20px;}
.component_article_view .directions .item .direction{position:relative;margin:0;padding:0;width:80px;font-size:16px;font-weight:300;color:#000000;line-height:1.6;letter-spacing:0;white-space:nowrap;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:5px;flex-shrink:0;}
.component_article_view .directions .item .direction:before{content:"";position:relative;margin:0;padding:0;font-family:"remixicon";font-weight:100;font-size:24px;color:#000000;line-height:1;-webkit-text-stroke:0.6px #FFFFFF;}
.component_article_view .directions .item .direction.prev:before{content:"\EA78";}
.component_article_view .directions .item .direction.next:before{content:"\EA4E";}
.component_article_view .directions .item .title{position:relative;margin:0;padding:0;font-size:16px;font-weight:300;color:#000000;line-height:1.6;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-grow:1;}
.component_article_view .directions .item .title.disabled{color:rgba(0,0,0,0.4);}

@media all and (max-width:1400px)
{
	.component_article_view .header .titles .category_name{font-size:18px;}
	.component_article_view .header .titles .title{font-size:18px;}
	.component_article_view .header .meta{min-height:55px;font-size:15px;}
	.component_article_view .body{gap:35px;}
	.component_article_view .body > .divider{gap:15px;}
	.component_article_view .body > .divider .divider_header .title{font-size:16px;}
	.component_article_view .attachments .item{padding:10px 15px;}
	.component_article_view .attachments .item .text .title{font-size:15px;}
	.component_article_view .attachments .item .text .size{font-size:13px;}
	.component_article_view .footer{margin-top:35px;}
}
@media all and (max-width:1200px)
{
	.component_article_view .header .titles .category_name{font-size:16px;}
	.component_article_view .header .titles .title{font-size:16px;}
	.component_article_view .header .meta{min-height:50px;font-size:14px;}
	.component_article_view .body > .divider .divider_header .title{font-size:15px;}
	.component_article_view .attachments .item .text .title{font-size:14px;}
}
@media all and (max-width:1000px)
{
	.component_article_view .header .titles{min-height:45px;}
	.component_article_view .header .titles .category_name{font-size:14px;}
	.component_article_view .header .titles .title{font-size:14px;}
	.component_article_view .header .meta{font-size:13px;min-height:45px;gap:15px;}
	.component_article_view .header .meta > li{gap:5px;}
	.component_article_view .body{gap:30px;}
	.component_article_view .body > .divider{gap:10px;}
	.component_article_view .body > .divider .divider_header .title{font-size:14px;}
	.component_article_view .attachments .item{padding:10px 10px;}
	.component_article_view .attachments .item .text .title{font-size:13px;}
	.component_article_view .attachments .item .text .size{font-size:12px;}
	.component_article_view .attachments .item .button{font-size:12px;}
	.component_article_view .attachments .item .button:before{font-size:16px;}
	.component_article_view .footer{margin-top:30px;}
	.component_article_view .content{padding:20px 0;}
	.component_article_view .directions .item{height:45px;gap:10px;}
	.component_article_view .directions .item .direction{width:60px;font-size:13px;}
	.component_article_view .directions .item .direction:before{font-size:16px;}
	.component_article_view .directions .item .title{font-size:13px;}
}


.component_article_write{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:40px;}
.component_article_write .header{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_article_write .header .inputs{position:relative;margin:0;padding:0;border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2);display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_article_write .header .inputs > .row{position:relative;margin:0;padding:10px 0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;gap:20px;}
.component_article_write .header .inputs > .row > .title{position:relative;margin:0;padding:0;width:150px;height:58px;font-size:20px;font-weight:500;color:#000000;line-height:1.6;letter-spacing:0;word-break:keep-all;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;flex-shrink:0;}
.component_article_write .header .inputs > .row > .title em{position:relative;margin:0;padding:0;margin-right:5px;font-style:normal;color:#D80000;}
.component_article_write .header .inputs > .row > .content{position:relative;margin:0;padding:0;min-height:58px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;flex-grow:1;}
.component_article_write .header .inputs > .row + .row{border-top:1px solid rgba(0,0,0,0.2);}
.component_article_write .header .inputs [type="text"],
.component_article_write .header .inputs [type="tel"],
.component_article_write .header .inputs [type="password"],
.component_article_write .header .inputs select{width:100%;}
.component_article_write .header .inputs textarea{width:100%;height:200px !important;resize:none;}
.component_article_write .header .options{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:30px;}
.component_article_write .header .options > li{position:relative;margin:0;padding:0;}
.component_article_write .body{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_article_write .footer{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:40px;}

@media all and (max-width:1400px)
{
	.component_article_write{gap:35px;}
	.component_article_write .header .inputs > .row > .title{width:120px;height:55px;font-size:18px;}
	.component_article_write .header .options{gap:25px;}
	.component_article_write .footer{gap:35px;}
}
@media all and (max-width:1200px)
{
	.component_article_write .header .inputs > .row > .title{width:90px;height:50px;font-size:16px;}
	.component_article_write .header .options{gap:20px;}
}
@media all and (max-width:1000px)
{
	.component_article_write{gap:30px;}
	.component_article_write .header .inputs > .row{padding:5px 0;gap:10px;}
	.component_article_write .header .inputs > .row > .title{width:60px;height:45px;font-size:14px;}
	.component_article_write .header .inputs > .row > .content{min-height:45px;}
	.component_article_write .header .inputs textarea{height:150px !important;resize:none;}
	.component_article_write .header .options{gap:15px;}
	.component_article_write .footer{gap:30px;}
}


.component_comment{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:40px;}
.component_comment .comment_title{position:relative;margin:0;padding:0;}
.component_comment .comment_title .title{position:relative;margin:0;padding:0;font-size:20px;font-weight:500;color:#000000;line-height:1.6;letter-spacing:0;}
.component_comment .comment_body{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;}
* + .component_comment{margin-top:40px;}

@media all and (max-width:1400px)
{
	.component_comment{gap:35px;}
	.component_comment .comment_title .title{font-size:18px;}
	.component_comment .comment_body{gap:15px;}
	* + .component_comment{margin-top:35px;}
}
@media all and (max-width:1200px)
{
	.component_comment .comment_title .title{font-size:16px;}
}
@media all and (max-width:1000px)
{
	.component_comment{gap:30px;}
	.component_comment .comment_title .title{font-size:14px;}
	.component_comment .comment_body{gap:10px;}
	* + .component_comment{margin-top:30px;}
}


.component_comment_list{position:relative;margin:0;padding:0;list-style:none;}
.component_comment_list > li{position:relative;margin:0;padding:10px 0;}
.component_comment_list > li:not([class*="indent"]){border-top:1px solid rgba(0,0,0,0.1);}
.component_comment_list .item{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;flex-grow:1;}
.component_comment_list .item .top{position:relative;margin:0;padding:0;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;row-gap:5px;}
.component_comment_list .item .top .image{position:relative;margin:0;padding:0;min-width:0;border:0;border-radius:50%;width:28px;aspect-ratio:1/1;background-color:#F8F8F8;background-size:100%;background-repeat:no-repeat;background-position:center center;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
.component_comment_list .item .top .image:before{content:"\F25F";position:relative;margin:0;padding:0;font-family:"remixicon";font-size:14px;font-weight:100;color:#000000;}
.component_comment_list .item .top .image[style]{background-size:cover;}
.component_comment_list .item .top .image[style]:before{display:none;}
.component_comment_list .item .top .meta{position:relative;margin:0;padding:0;list-style:none;font-size:12px;font-weight:300;line-height:1.6;color:#000000;letter-spacing:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:10px;}
.component_comment_list .item .top .meta > li{position:relative;margin:0;padding:0;}
.component_comment_list .item .top .meta .name{font-weight:500;color:#000000;}
.component_comment_list .item .top .buttons{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:10px;}
.component_comment_list .item .top .buttons > li{position:relative;margin:0;padding:0;}
.component_comment_list .item .top .buttons .button{position:relative;margin:0;padding:0;display:block;-webkit-appearance:none;border-radius:0;border:0;font-size:12px;font-weight:300;line-height:1.6;color:#000000;letter-spacing:0;text-decoration:none;background-color:transparent;transition:color ease 250ms;}
.component_comment_list .item .top .buttons .button:hover{text-decoration:underline;}
.component_comment_list .item .top .buttons .button:active{text-decoration:underline;}
.component_comment_list .item .content{position:relative;margin:0;padding:0;margin-left:calc(28px + 10px);}
.component_comment_list .item .content .text{position:relative;margin:0;padding:0;font-size:14px;font-weight:400;line-height:1.6;color:#000000;letter-spacing:0;}
.component_comment_list .item .content .text p{position:relative;margin:0;padding:0;}
.component_comment_list .item .content .text .xe_content{position:relative;margin:0;padding:0;font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;}
.component_comment_list > li.comment_indent{display:flex;flex-wrap:nowrap;flex-direction:row;gap:10px;}
.component_comment_list > li.comment_indent.comment_indent1{margin-left:calc(28px + 10px);}
.component_comment_list > li.comment_indent:before{content:"\F309";position:relative;top:5px;margin:0;padding:0;font-family:"remixicon";font-size:16px;font-weight:400;color:rgba(0,0,0,0.4);line-height:1;-webkit-text-stroke:0.4px #FFFFFF;flex-shrink:0;}
.component_comment_list > li.comment_indent + li.comment_indent{border-top:1px dashed rgba(0,0,0,0.1);}
.component_comment_list  .component_comment_reply_write{margin-left:calc(28px + 10px);margin-top:20px;}

@media all and (max-width:1000px)
{
	.component_comment_list > li.comment_indent.comment_indent1{margin-left:0;}
}


.component_comment_write{position:relative;margin:0;padding:20px;border-radius:10px;background-color:#FFFFFF;box-shadow:0px 0px 4px rgba(0,0,0,0.4);display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;}
.component_comment_write .title{position:relative;margin:0;padding:0;font-size:20px;font-weight:500;color:#000000;line-height:1.6;letter-spacing:0;}
.component_comment_write .inputs{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:10px;}
.component_comment_write .inputs li{position:relative;margin:0;padding:0;}
.component_comment_write .inputs .component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"]){width:200px;}
.component_comment_write .editor{position:relative;margin:0;padding:0;}
.component_comment_write .editor .xeTextEditor{position:relative;margin:0;padding:0;}
.component_comment_write .editor textarea{position:relative;width:100%;height:100px !important;min-height:80px;box-sizing:border-box;resize:none;overflow-y:hidden;}
.component_comment_write .buttons{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:12px;align-self:flex-end;}

@media all and (max-width:1400px)
{
	.component_comment_write{padding:15px;}
	.component_comment_write .title{font-size:18px;}
}
@media all and (max-width:1200px)
{
	.component_comment_write .title{font-size:16px;}
}
@media all and (max-width:1000px)
{
	.component_comment_write{padding:10px;gap:10px;}
	.component_comment_write .title{font-size:14px;}
}


.component_comment_reply_write{position:relative;margin:0;padding:0;border-radius:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:5px;}
.component_comment_reply_write .inputs{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:10px;}
.component_comment_reply_write .inputs li{position:relative;margin:0;padding:0;}
.component_comment_reply_write .inputs .component_input:not([type="checkbox"],[type="radio"],[type="button"],[type="submit"],[type="reset"]){width:200px;}
.component_comment_reply_write .editors{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;gap:0;}
.component_comment_reply_write .editors .editor{position:relative;margin:0;padding:0;flex-grow:1;}
.component_comment_reply_write .editors .editor .xeTextEditor{position:relative;margin:0;padding:0;}
.component_comment_reply_write .editors .editor textarea{position:relative;border-top-right-radius:0;border-bottom-right-radius:0;height:100px !important;min-height:46px;width:100%;box-sizing:border-box;resize:none;overflow-y:hidden;}
.component_comment_reply_write .editors .component_button{border-top-left-radius:0;border-bottom-left-radius:0;height:auto;flex-shrink:0;}

@media all and (max-width:1000px)
{
	.component_comment_write{padding:10px;}
}


.component_policy{position:relative;font-size:20px;font-weight:300;color:#000000;line-height:1.8;}
.component_policy h1{position:relative;margin:0;padding:0;font-size:1.6em;font-weight:600;word-break:break-all;line-height:1.6;}
.component_policy h2{position:relative;margin:0;padding:0;font-size:1.4em;font-weight:600;word-break:break-all;line-height:1.6;}
.component_policy h3{position:relative;margin:0;padding:0;font-size:1.2em;font-weight:600;word-break:break-all;line-height:1.6;}
.component_policy h4{position:relative;margin:0;padding:0;font-size:1.1em;font-weight:600;word-break:break-all;line-height:1.6;}
.component_policy h5{position:relative;margin:0;padding:0;font-size:1.05em;font-weight:600;word-break:break-all;line-height:1.6;}
.component_policy h6{position:relative;margin:0;padding:0;font-size:1em;font-weight:600;word-break:break-all;line-height:1.6;}
.component_policy * + h1,
.component_policy * + h2,
.component_policy * + h3,
.component_policy * + h4,
.component_policy * + h5,
.component_policy * + h6{margin-top:2em;}
.component_policy * + h2{margin-top:3em;}
.component_policy * + h5{margin-top:1em;}
.component_policy * + h6{margin-top:1em;}
.component_policy h2 + h3{margin-top:1em;}
.component_policy p{position:relative;margin:0;padding:0;word-break:break-all;}
.component_policy *:not(p) + p{margin-top:0.5em;}
.component_policy *:is(ul,ol){position:relative;margin:0;padding-inline-start:1.25em;list-style:none;word-break:break-all;}
.component_policy * + *:is(ul,ol){margin-top:0.5em;}
.component_policy ul{list-style:disc;}
.component_policy ol{list-style:upper-alpha;}
.component_policy ol.number{list-style:decimal;}
.component_policy > ul{list-style:disc;}
.component_policy > ol{list-style:decimal;}
.component_policy img{max-width:100%;}

@media all and (max-width:1400px)
{
	.component_policy{font-size:18px;}
}
@media all and (max-width:1200px)
{
	.component_policy{font-size:16px;}
}
@media all and (max-width:1000px)
{
	.component_policy{font-size:14px;}
	.component_policy h1{font-size:1.4em;}
	.component_policy h2{font-size:1.3em;}
	.component_policy h3{font-size:1.2em;}
	.component_policy h4{font-size:1.1em;}
	.component_policy h5{font-size:1.05em;}
	.component_policy h6{font-size:1em;}
}


.component_article{position:relative;font-size:20px;font-weight:300;color:#000000;line-height:1.8;}
.component_article h1{position:relative;margin:0;padding:0;font-size:1.6em;font-weight:600;word-break:break-all;line-height:1.6;}
.component_article h2{position:relative;margin:0;padding:0;font-size:1.4em;font-weight:600;word-break:break-all;line-height:1.6;}
.component_article h3{position:relative;margin:0;padding:0;font-size:1.3em;font-weight:600;word-break:break-all;line-height:1.6;}
.component_article h4{position:relative;margin:0;padding:0;font-size:1.2em;font-weight:600;word-break:break-all;line-height:1.6;}
.component_article h5{position:relative;margin:0;padding:0;font-size:1.1em;font-weight:600;word-break:break-all;line-height:1.6;}
.component_article h6{position:relative;margin:0;padding:0;font-size:1em;font-weight:600;word-break:break-all;line-height:1.6;}
.component_article p{position:relative;margin:0;padding:0;word-break:keep-all;}
.component_article *:not(p) + p{margin-top:0.5em;}
.component_article *:is(ul,ol){position:relative;margin:0;padding-inline-start:1.25em;list-style:none;word-break:keep-all;}
.component_article * + *:is(ul,ol){margin-top:0.5em;}
.component_article ul{list-style:disc;}
.component_article ol{list-style:upper-alpha;}
.component_article > ul{list-style:disc;}
.component_article > ol{list-style:decimal;}
.component_article img{max-width:100%;}
.component_article figure{position:relative;margin:0;padding:0;}
.component_article table{position:relative;margin:0;padding:0;border-collapse:collapse;width:100%;border:1px solid rgba(0,0,0,0.2);font-size:inherit;color:inherit;line-height:1.4;background-color:#FFFFFF;}
.component_article table tr > *{padding:10px;border:1px solid rgba(0,0,0,0.2);word-break:break-all;text-align:center;}
.component_article .editor_video_view{position:relative;display:block;margin:0;padding:0;border-radius:10px;height:auto !important;aspect-ratio:16/9;background-color:#000000;max-width:100%;overflow:auto;}
.component_article .editor_video_view video,
.component_article .editor_video_view iframe{border:0;position:absolute;left:0;top:0;width:100%;height:100%;max-width:100%;min-height:100%;}
.component_article address{margin:0;padding:0;font-style:normal;font-size:0.9em;}
.component_article blockquote.q1,
.component_article blockquote.q2,
.component_article blockquote.q3,
.component_article blockquote.q4,
.component_article blockquote.q5,
.component_article blockquote.q6,
.component_article blockquote.q7{padding:10px;margin:0 15px}
.component_article blockquote.q1{padding:0 10px;border-left:2px solid #ccc}
.component_article blockquote.q2{padding:0 10px;background:url(./img/bg_qmark.gif) no-repeat left top}
.component_article blockquote.q3{border:1px solid #d9d9d9}
.component_article blockquote.q4{border:1px solid #d9d9d9;background:#fbfbfb;}
.component_article blockquote.q5{border:2px solid #707070}
.component_article blockquote.q6{border:1px dashed #707070}
.component_article blockquote.q7{border:1px dashed #707070;background:#fbfbfb;}

@media all and (max-width:1400px)
{
	.component_article{font-size:18px;}
}
@media all and (max-width:1200px)
{
	.component_article{font-size:16px;}
}
@media all and (max-width:1000px)
{
	.component_article{font-size:14px;}
	.component_article h1{font-size:1.4em;}
	.component_article h2{font-size:1.3em;}
	.component_article h3{font-size:1.2em;}
	.component_article h4{font-size:1.1em;}
	.component_article h5{font-size:1.05em;}
	.component_article h6{font-size:1em;}
}


.component_mainslide{position:relative;margin:0;padding:0;height:760px;overflow:hidden;}
.component_mainslide .list{position:relative;margin:0;padding:0;height:100%;}
.component_mainslide .list .slide{position:relative;margin:0;padding:0;height:760px;box-sizing:border-box;background:linear-gradient(to right, var(--bg-green) 60%, transparent 60%),var(--slide-img) right center / 40% auto no-repeat;}
.component_mainslide .list .slide .inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;flex:1;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;}
.component_mainslide .list .slide .text{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;gap:30px;}
.component_mainslide .list .slide .text .subtitle{position:relative;margin:0;padding:0;white-space:nowrap;width:220px;font-size:20px;font-weight:700;line-height:2.5;color:var(--primary);text-align:center;border:solid 1px var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:20px;}
.component_mainslide .list .slide .text .title{position:relative;margin:0;padding:0;white-space:nowrap;font-size:60px;font-weight:700;line-height:1.3;color:var(--white);}
.component_mainslide .list .slide .text .title span{color:var(--primary);}
.component_mainslide .list .slide .text .description{position:relative;margin:0;padding:0;font-size:18px;font-weight:400;color:var(--white);}
.component_mainslide .list .slide .button{width:220px;height:50px;font-size:18px;font-weight:700;color:var(--green);text-align:center;text-decoration:none;background-size:cover;background-repeat:no-repeat;background-position:center center;box-sizing:border-box;transition:background-color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:4px;flex-shrink:0;border-radius:5px;background-color:var(--primary);}
.component_mainslide .list .slide .button:hover{background-color:var(--white-dark);}
.component_mainslide .list .slide .button:active{background-color:var(--white-darker);}
.component_mainslide .list .slide .button:after{content:"\EA6C";position:relative;margin:0;padding:0;display:block;font-family:"remixicon";font-size:16px;font-weight:100;color:var(--black);line-height:1;flex-shrink:0;}
.component_mainslide .list .slide1{--slide-img:url("./layouts/sjjeil/img/component/component_mainslide_slide1_bg.jpg");}
.component_mainslide .list .slide2{--slide-img:url("./layouts/sjjeil/img/component/component_mainslide_slide2_bg.jpg");}
.component_mainslide .list .slide3{--slide-img:url("./layouts/sjjeil/img/component/component_mainslide_slide3_bg.jpg");}
.component_mainslide .list .slide4{--slide-img:url("./layouts/sjjeil/img/component/component_mainslide_slide4_bg.jpg");}

@media all and (max-width:1800px)
{
	.component_mainslide .list .slide{background-size:contain;}
}
@media all and (max-width:1400px)
{
	.component_mainslide{height:550px;}
	.component_mainslide .list .slide{height:550px;}
	.component_mainslide .list .slide .text .title{font-size:50px;}
}
@media all and (max-width:1000px)
{
	.component_mainslide{height:400px;}
	.component_mainslide .list .slide{height:400px;}
	.component_mainslide .list .slide .text{gap:20px;}
	.component_mainslide .list .slide .text .subtitle{width:160px;font-size:16px;border-radius:16px;}
	.component_mainslide .list .slide .text .title{font-size:40px;}
	.component_mainslide .list .slide .text .description{font-size:14px;}
	.component_mainslide .list .slide .button{width:160px;height:35px;font-size:14px;}
	.component_mainslide .list .slide .button:after{font-size:14px;}
}
@media all and (max-width:600px)
{
	.component_mainslide .list .slide{background-image:var(--slide-img);background-size:cover;background-position:center center;}
	.component_mainslide .list .slide:before{content:'';position:absolute;inset:0;background-color:rgba(0,0,0,.6);}
}


.component_doctors_infor{position:relative;margin:0 auto;padding:50px 80px;max-width:1000px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:120px;flex-shrink:0;border-radius:10px;background-color:var(--bg-primary);}
.component_doctors_infor .divider{position:relative;margin:0;padding:0;}
.component_doctors_infor .left{width:310px;}
.component_doctors_infor .left img{width:100%;}
.component_doctors_infor .right{width:calc(100% - 430px);display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;}
.component_doctors_infor .divider_header{position:relative;margin:0;padding:0;}
.component_doctors_infor .divider_header .title{position:relative;margin:0;padding:0;font-size:30px;font-weight:500;color:var(--black);}
.component_doctors_infor .divider_header .description{position:relative;margin:0;padding:0;font-size:18px;font-weight:400;color:var(--gray);}
.component_doctors_infor .divider_body{position:relative;margin:0;padding:0;}
.component_doctors_infor .divider_body ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_doctors_infor .divider_body ul li{position:relative;margin:0;padding:0;list-style:none;font-size:16px;font-weight:400;color:var(--gray);line-height:2;border-bottom:1px solid var(--border);}

@media all and (max-width:1000px)
{
	.component_doctors_infor{padding:35px 60px;max-width:600px;gap:60px;border-radius:5px;}
	.component_doctors_infor .left{width:250px;}
	.component_doctors_infor .right{width:calc(100% - 310px);gap:16px;}
	.component_doctors_infor .divider_header .title{font-size:20px;}
	.component_doctors_infor .divider_header .description{font-size:16px;}
	.component_doctors_infor .divider_body ul li{font-size:14px;}
}
@media all and (max-width:800px)
{
	.component_doctors_infor{padding:30px 40px;gap:40px;}
	.component_doctors_infor .left{width:200px;}
	.component_doctors_infor .right{width:calc(100% - 260px);gap:16px;}
	.component_doctors_infor .divider_header .title{font-size:20px;}
	.component_doctors_infor .divider_header .description{font-size:16px;}
	.component_doctors_infor .divider_body ul li{font-size:14px;}
}
@media all and (max-width:600px)
{
	.component_doctors_infor{flex:wrap;flex-direction:column;}
	.component_doctors_infor .right{width:100%;}
}


.component_clinic_list{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;gap:30px;}
.component_clinic_list > li{position:relative;margin:0;padding:50px 30px;display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;box-sizing:border-box;text-align:center;background-color:var(--white);border-radius:10px;}
.component_clinic_list .image{position:relative;margin:0 auto;padding:0;width:80px;}
.component_clinic_list .image img{width:100%;}
.component_clinic_list .text{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:flex-start;gap:20px;}
.component_clinic_list .text .title{position:relative;margin:0;padding:0;font-size:25px;font-weight:500;color:var(--black);word-break:keep-all;}
.component_clinic_list .text .description{position:relative;margin:0;padding:0;font-size:18px;font-weight:400;color:var(--gray);line-height:1.5;word-break:keep-all;}

@media all and (max-width:1200px)
{
	.component_clinic_list{flex-wrap:wrap;}
	.component_clinic_list > li{width:calc(50% - 15px);}
	.component_clinic_list > li:last-child{width:100%;}
}
@media all and (max-width:1000px)
{
	.component_clinic_list{gap:20px;}
	.component_clinic_list > li{padding:35px 20px;border-radius:5px;}
	.component_clinic_list .image{width:60px;}
	.component_clinic_list .text{gap:16px;}
	.component_clinic_list .text .title{font-size:20px;}
	.component_clinic_list .text .description{font-size:16px;}
}
@media all and (max-width:600px)
{
	.component_clinic_list > li{width:100%;}
}


.component_promise_list{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;gap:100px;}
.component_promise_list > li{position:relative;margin:0;padding:0;list-style:none;}
.component_promise_list .text{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;}
.component_promise_list .text .title{position:relative;margin:0;padding:0;font-size:40px;font-weight:700;color:var(--white);}
.component_promise_list .text .title span{font-size:50px;font-weight:900;}
.component_promise_list .text .description{position:relative;margin:0;padding:0;font-size:18px;font-weight:400;color:var(--white);}

@media all and (max-width:1000px)
{
	.component_promise_list{gap:60px;}
	.component_promise_list .text{gap:16px;}
	.component_promise_list .text .title{font-size:30px;}
	.component_promise_list .text .title span{font-size:35px;}
	.component_promise_list .text .description{font-size:16px;}
}
@media all and (max-width:600px)
{
	.component_promise_list{flex-direction:column;gap:30px;}
	.component_promise_list .text .title{font-size:25px;}
	.component_promise_list .text .title span{font-size:30px;}
}


.component_location{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:60px;}
.component_location .divider{position:relative;margin:0;padding:0;}
.component_location .left{width:50%;}
.component_location .root_daum_roughmap_landing{width:100%;}
.component_location .cont{display:none;}
.component_location .right{width:45%;}
.component_location .right > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;}
.component_location .right > ul > li{position:relative;margin:0;padding:0;list-style:none;}
.component_location .right .text{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_location .right .text .title{position:relative;margin:0 0 10px;padding:0;font-size:25px;font-weight:500;color:var(--black);}
.component_location .right .text .description{position:relative;margin:0;padding:0;font-size:18px;font-weight:400;color:var(--gray);line-height:1.5;word-break:keep-all;}
.component_location .right .text > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_location .right .text > ul > li{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;gap:20px;border-bottom:1px solid var(--border);}
.component_location .right .text .day{position:relative;margin:0;padding:0;width:100px;font-size:18px;font-weight:400;color:var(--gray);line-height:2;}
.component_location .right .text .time{position:relative;margin:0;padding:0;font-size:18px;font-weight:400;color:var(--gray);line-height:2;}
.component_location .right .text .time b{font-weight:700;color:var(--red);}

@media all and (max-width:1000px)
{
	.component_location{gap:40px;}
	.component_location .right > ul{gap:15px;}
	.component_location .right .text .title{margin:0 0 5px;font-size:18px;}
	.component_location .right .text .description{font-size:16px;}
	.component_location .right .text > ul > li{gap:16px;}
	.component_location .right .text .day{width:60px;font-size:16px;}
	.component_location .right .text .time{font-size:16px;}
}
@media all and (max-width:800px)
{
	.component_location{flex-wrap:wrap;flex-direction:column;}
	.component_location .divider{width:100%;}
	
}


.component_information{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:50px;}
.component_information .map{position:relative;margin:0;padding:0;width:100%;}
.component_information .root_daum_roughmap_landing{width:100%;}
.component_information .cont{display:none;}
.component_information .list{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;gap:30px;}
.component_information .list .item{position:relative;margin:0;padding:20px;list-style:none;width:calc(50% - 50px);box-sizing:border-box;background-color:var(--bg-primary);border-radius:10px;}
.component_information .list .text{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_information .list .text .title{position:relative;margin:0 0 10px;padding:0;font-size:25px;font-weight:700;color:var(--primary);}
.component_information .list .text .description{position:relative;margin:0;padding:0;font-size:16px;font-weight:400;color:var(--gray);line-height:1.5;word-break:keep-all;}
.component_information .list .text > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;}
.component_information .list .text > ul > li{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;gap:20px;border-bottom:1px solid var(--border);}
.component_information .list .text .day{position:relative;margin:0;padding:0;width:100px;font-size:16px;font-weight:400;color:var(--gray);line-height:2;}
.component_information .list .text .time{position:relative;margin:0;padding:0;font-size:16px;font-weight:400;color:var(--gray);line-height:2;}
.component_information .list .text .time b{font-weight:700;color:var(--red);}
.component_information .list .text .link{position:relative;margin:0 0 10px;padding:0;}
.component_information .list .text .link a{position:relative;margin:0;padding:10px;display:inline-block;font-size:14px;font-weight:400;color:var(--white);line-height:2;text-decoration:none;background-color:#03C75A;}
.component_information .list .text .link a:before{content:"\EB20";position:relative;margin:0 5px 0 0;padding:0;display:inline-block;font-family:"remixicon";font-size:16px;font-weight:100;color:var(--white);line-height:1;flex-shrink:0;}
.component_information .list .text > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_information .list .text .link + ul > li{position:relative;margin:0;padding:0;font-size:16px;font-weight:400;color:var(--gray);line-height:2;word-break:keep-all;}

@media all and (max-width:1000px)
{
	.component_information{gap:35px;}
	.component_information .list{gap:20px;}
	.component_information .list .item{padding:15px;width:calc(50% - 25px);border-radius:5px;}
	.component_information .list .text .title{margin:0 0 5px;font-size:18px;}
	.component_information .list .text .description{font-size:14px;}
	.component_information .list .text > ul > li{gap:16px;}
	.component_information .list .text .day{width:60px;font-size:14px;}
	.component_information .list .text .time{font-size:14px;}
	.component_information .list .text .link{margin:0 0 5px;}
	.component_information .list .text .link a{padding:5px;font-size:12px;}
	.component_information .list .text .link a:before{font-size:14px;}
	.component_information .list .text .link + ul > li{font-size:14px;}
}
@media all and (max-width:800px)
{
	.component_information .list .item{width:100%;}
}