@charset "euc-kr"; 

:root {
    --black: #000;
    --primary: #155D9E;
    --secondary: #36C4F2;
    --accent: #ff3030;
    --white: #ffffff;
	/*system*/	
	--bb900:#283237;
	--bb800:#3A474E;
	--bb700:#495A63;
	--bb600:#596D79;
	--bb500:#667C89;
	--bb400:#7D8F9B;
	--bb300:#94A4AD;
	--bb200:#B3BEC4;
	--bb100:#D1D8DC;
	--bb50:#EDEFF1;
	
	/*bg*/
	--bg_light: #F7F7FB;
	--bg_regular:#F1F1F5;
	--bg_dark: #111;
	--bg_white: #fff;
	--bg_bl_op60: rgba(0,0,0,.6);
	--bg_bl_op50: rgba(0,0,0,.5);
	--bg_bl_op20: rgba(0,0,0,.2);
	--bg_bl_op3: rgba(0,0,0,.03);
	--bg_wt_op60: rgba(255,255,255,.6);
	--bg_wt_op20: rgba(255,255,255,.2);
	--bg_skyblue: #3A87CB;
	--bg_green: #04B014;
	--bg_yellow: #FA0;
	--bg_red: #DC0000;
	--bg_ds: #CACAD7;


    /*font*/
    --body_color: #111;
    --description: #767676;
	
	--f_w_regular:#F1F1F5;
	--f_dark: #111;
	--f_darkb: #3B3B3B;
	--f_gray01: #505050;
	--f_gray02: #767676;
	--f_gray_ds: #999999;
	--f_wt_op20: rgba(255,255,255,.2);
	--f_wt_op60: rgba(255,255,255,.6);
	--f_wt_op80: rgba(255,255,255,.8);
	--f_red: #DC0000;

    /*line*/
    --bd_light: #F1F1F5;
    --bd_regular: #E5E5EC;
    --bd_dark: #111;
	--bd_white: #fff;
	--bd_ds: #CACAD7;
	--bd_wt_op10: rgba(255,255,255,.1);
	
	/*shadow*/
	--shadow01:0px 0px 40px -5px rgba(0, 0, 0, 0.06);
	--shadow02: 0px 20px 20px -25px rgba(0, 0, 0, 0.15);
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,input,button,textarea {
    border: 0;
    font-family: 'Pretendard',-apple-system,sans-serif;
    letter-spacing: -.2px;
}

input,textarea,select,button {
    outline: 0;
    padding: 0;
    margin: 0;
}

html,body {
    width: 100%;
    height: 100%;

}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    font-size: 100%;
    line-height: 1;
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
    direction: ltr;
    color: var(--body_color);
	
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    padding: 0;
    margin: 0;
}

ol,ul,li,dt,dd,dl {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,caption legend {
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
}

button {
    background: transparent;
    cursor: pointer;
    overflow: visible;
    border: 0;
}

select optgroup {
}

select optgroup option {
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after, caption:after {
    content: '';
    content: none;
}

a,a:active,a:focus,a:visited {
    color: var(--body_color);
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

address {
    font-style: normal;
    text-decoration: normal;
}

*,
*::before,
*::after{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*ios input select*/
input {-webkit-border-radius: 0;}

select {
    -webkit-border-radius: 0;
    padding-right: 20px;
    -webkit-appearance: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath  d='M10.36,13.7c-.29.29-.77.29-1.06,0l-5.17-5.17c-.29-.29-.29-.77,0-1.06.29-.29.77-.29,1.06,0l4.64,4.64,4.64-4.64c.29-.29.77-.29,1.06,0,.29.29.29.77,0,1.06l-5.17,5.17Z' fill='%23111' /%3E%3C/svg%3E");
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

/* À̹ÌÁö */
img {}

/*overflow*/
.ovh {overflow: hidden;}
.ovih { overflow: inherit;}

/*opacity*/
.op_3 {opacity: .3;}
.op_4 {opacity: .4;}
.op_5 {opacity: .5;}
/*text-align*/
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}

/**/
.ti-999{text-indent:-999999px;}
/*¾ÆÀÌÄÜ*/
i {overflow: hidden;}
[class*=ico_] {
    background-position: 50% 50%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: block;
}
/*flex*/
.flex-lg-grow1{flex-grow:1;}

[class*=flex-] {display:flex;}
.flex-lg-col{flex-direction:column;}
.flex-lg-row{flex-direction:row;}
.flex-lg-nowrap{flex-wrap:nowrap;}
.flex-lg-wrap{flex-wrap:wrap;}
.flex-lg-aifs{align-items:flex-start;}
.flex-lg-aicn{align-items:center;}
.flex-lg-aife{align-items:flex-end;}
.flex-lg-aist{align-items:stretch;}
.flex-lg-acfs{align-content:flex-start;}
.flex-lg-accn{align-content:center;}
.flex-lg-acfe{align-content:flex-end;}
.flex-lg-acsb{align-content:space-between;}

.flex-lg-jcfs{justify-content:flex-start;}
.flex-lg-jccn{justify-content:center;}
.flex-lg-jcfe{justify-content:flex-end;}
.flex-lg-jcsb{justify-content:space-between;}

@media (max-width:991.98px){
.flex-md-col{flex-direction:column;}
.flex-md-row{flex-direction:row;}
.flex-md-nowrap{flex-wrap:nowrap;}
.flex-md-wrap{flex-wrap:wrap;}
.flex-md-aifs{align-items:flex-start;}
.flex-md-aicn{align-items:center;}
.flex-md-aife{align-items:flex-end;}
.flex-md-aist{align-items:stretch;}
.flex-md-acfs{align-content:flex-start;}
.flex-md-accn{align-content:center;}
.flex-md-acfe{align-content:flex-end;}
.flex-md-acsb{align-content:space-between;}

.flex-md-jcfs{justify-content:flex-start;}
.flex-md-jccn{justify-content:center;}
.flex-md-jcfe{justify-content:flex-end;}
.flex-md-jcsb{justify-content:space-between;}

}


@media (max-width:767.98px){
.flex-sm-col{flex-direction:column;}
.flex-sm-row{flex-direction:row;}
.flex-sm-nowrap{flex-wrap:nowrap;}
.flex-sm-wrap{flex-wrap:wrap;}
.flex-sm-aifs{align-items:flex-start;}
.flex-sm-aicn{align-items:center;}
.flex-sm-aife{align-items:flex-end;}
.flex-sm-aist{align-items:stretch;}
.flex-sm-acfs{align-content:flex-start;}
.flex-sm-accn{align-content:center;}
.flex-sm-acfe{align-content:flex-end;}
.flex-sm-acsb{align-content:space-between;}

.flex-sm-jcfs{justify-content:flex-start;}
.flex-sm-jccn{justify-content:center;}
.flex-sm-jcfe{justify-content:flex-end;}
.flex-sm-jcsb{justify-content:space-between;}

}

@media (max-width:575.98px){
.flex-xs-col{flex-direction:column;}
.flex-xs-row{flex-direction:row;}
.flex-xs-nowrap{flex-wrap:nowrap;}
.flex-xs-wrap{flex-wrap:wrap;}
.flex-xs-aifs{align-items:flex-start;}
.flex-xs-aicn{align-items:center;}
.flex-xs-aife{align-items:flex-end;}
.flex-xs-aist{align-items:stretch;}
.flex-xs-acfs{align-content:flex-start;}
.flex-xs-accn{align-content:center;}
.flex-xs-acfe{align-content:flex-end;}
.flex-xs-acsb{align-content:space-between;}

.flex-xs-jcfs{justify-content:flex-start;}
.flex-xs-jccn{justify-content:center;}
.flex-xs-jcfe{justify-content:flex-end;}
.flex-xs-jcsb{justify-content:space-between;}

}

/*gap*/

.rgap-lg-80{row-gap:80px;}
.rgap-lg-52{row-gap:52px;}
.rgap-lg-40{row-gap:40px;}
.rgap-lg-20{row-gap:20px;}
.rgap-lg-16{row-gap:16px;}
.rgap-lg-12{row-gap:12px;}
.rgap-lg-8{row-gap:12px;}
.cgap-lg-4{column-gap:4px;}
.cgap-lg-8{column-gap:8px;}
.cgap-lg-12{column-gap:12px;}
.cgap-lg-16{column-gap:16px;}
.cgap-lg-20{column-gap:20px;}
.cgap-lg-32{column-gap:32px;}
.cgap-lg-40{column-gap:40px;}

@media (max-width:991.98px) {
.rgap-md-40{row-gap:40px;}
.rgap-md-20{row-gap:20px;}
.rgap-md-16{row-gap:16px;}
.rgap-md-12{row-gap:12px;}
.rgap-md-8{row-gap:8px;}

.cgap-md-8{column-gap:8px;}
.cgap-md-12{column-gap:12px;}
.cgap-md-20{column-gap:20px;}
}

@media (max-width:767.98px) {
.rgap-sm-40{row-gap:40px;}
.rgap-sm-20{row-gap:20px;}
.rgap-sm-16{row-gap:16px;}
.rgap-sm-12{row-gap:12px;}
.rgap-sm-8{row-gap:8px;}
.cgap-sm-4{column-gap:4px;}
.cgap-sm-8{column-gap:8px;}
.cgap-sm-12{column-gap:12px;}
.cgap-sm-16{column-gap:16px;}
.cgap-sm-20{column-gap:20px;}
}
@media (max-width:575.98px) {

.rgap-xs-8{row-gap:8px;}
.rgap-xs-16{row-gap:16px;}
.rgap-xs-40{row-gap:40px;}

.cgap-xs-8{column-gap:8px;}
.cgap-xs-4{column-gap:4px;}
}
/*margin paddig*/
.mt-lg-3{margin-top: 3px;}
.mt-lg-4{margin-top: 4px;}
.mt-lg-8{margin-top: 8px;}
.mt-lg-40{margin-top: 40px;}
.mt-lg-80{margin-top: 80px;}

.mb-lg-20{margin-bottom: 20px;}
.mb-lg-24{margin-bottom: 24px;}
.mb-lg-28{margin-bottom: 28px;}
.mb-lg-40{margin-bottom: 40px;}
.mb-lg-60{margin-bottom: 60px;}
.mb-lg-80{margin-bottom: 80px;}
.mb-lg-100{margin-bottom: 100px;}

.pt-lg-4{padding-top: 4px;}
.pt-lg-5{padding-top: 5px;}

@media (max-width:991.98px){
.mt-md-60{margin-top: 60px;}
.mt-md-40{margin-top: 40px;}

.mb-md-16{margin-bottom: 16px;}
.mb-md-12{margin-bottom: 12px;}

.pr-md-40{padding-right: 40px;}
}

@media (max-width:767.98px){
.mt-sm-100{margin-top: 100px;}
.mt-sm-24{margin-top: 24px;}
.mt-sm-8{margin-top: 8px;}
.mt-sm-0{margin-top: 0px;}

.mb-sm-60{margin-bottom: 60px;}
.mb-sm-40{margin-bottom: 40px;}
.mb-sm-24{margin-bottom: 24px;}
.mb-sm-20{margin-bottom: 20px;}
.mb-sm-16{margin-bottom: 16px;}
.mb-sm-12{margin-bottom: 12px;}
.mb-sm-8{margin-bottom: 8px;}
.mb-sm-0{margin-bottom: 0;}
.pr-sm-40{padding-right: 0px;}
.pb-sm-0{padding-bottom:0 !important;}

}
@media (max-width:575.98px) {
.mt-xs-80{margin-top: 80px;}
.mt-xs-100{margin-top: 100px;}
.mb-xs-24{margin-bottom: 24px;}
.mb-xs-12{margin-bottom: 12px;}
.mb-xs-8{margin-bottom: 8px;}
.mb-xs-0{margin-bottom: 0;}
.pb-xs-0{padding-bottom:0;}
}
/*hidden*/
@media (min-width:992px){
.hidden_lg{display:none !important;overflow:hidden !important;visibility:hidden !important;}

}

@media (min-width:768px) and (max-width:991.98px){
.hidden_md{display:none !important;overflow:hidden !important;visibility:hidden !important;}
}

@media (min-width:576px) and (max-width:767.98px){
.hidden_sm{display:none !important;overflow:hidden !important;visibility:hidden !important;}
}

@media (max-width:575.98px) {
.hidden_xs{display:none !important;overflow:hidden !important;visibility:hidden !important;}

}


/*grid*/
@media (min-width:992px){
.col-lg-12{width: 100%;}
.col-lg-11{width: 91.66666667%;}
.col-lg-10{width: 83.33333333%;}
.col-lg-9{width: 75%;}
.col-lg-8{width: 66.66666667%;;}
.col-lg-7{width: 58.33333333%;}
.col-lg-6{width: 50%;}
.col-lg-5{width: 41.66666667%;}
.col-lg-4{width: 33.33333333%;}
.col-lg-3{width: 25%;}
.col-lg-2_5{width: 20%;}
.col-lg-2{width: 16.66666667%;}
.col-lg-1{width: 8.33333333%;}
}

@media (min-width:768px) and (max-width:991.98px){
.col-md-12{width: 100%;}
.col-md-11{width: 91.66666667%;}
.col-md-10{width: 83.33333333%;}
.col-md-9{width: 75%;}
.col-md-8{width: 66.66666667%;;}
.col-md-7{width: 58.33333333%;}
.col-md-6{width: 50%;}
.col-md-5{width: 41.66666667%;}
.col-md-4{width: 33.33333333%;}
.col-md-3{width: 25%;}
.col-md-2_5{width: 20%;}
.col-md-2{width: 16.66666667%;}
.col-md-1{width: 8.33333333%;}
}

@media (min-width:576px) and (max-width:767.98px){
.col-sm-12{width: 100%;}
.col-sm-11{width: 91.66666667%;}
.col-sm-10{width: 83.33333333%;}
.col-sm-9{width: 75%;}
.col-sm-8{width: 66.66666667%;;}
.col-sm-7{width: 58.33333333%;}
.col-sm-6{width: 50%;}
.col-sm-5{width: 41.66666667%;}
.col-sm-4{width: 33.33333333%;}
.col-sm-3{width: 25%;}
.col-sm-2{width: 16.66666667%;}
.col-sm-1{width: 8.33333333%;}

}

@media (max-width:575.98px) {
.col-xs-12{width: 100%;}
.col-xs-11{width: 91.66666667%;}
.col-xs-10{width: 83.33333333%;}
.col-xs-9{width: 75%;}
.col-xs-8{width: 66.66666667%;;}
.col-xs-7{width: 58.33333333%;}
.col-xs-6{width: 50%;}
.col-xs-5{width: 41.66666667%;}
.col-xs-4{width: 33.33333333%;}
.col-xs-3{width: 25%;}
.col-xs-2{width: 16.66666667%;}
.col-xs-1{width: 8.33333333%;}

}

@media (max-width:340px) {
.col-xxs-12{width: 100%;}
.col-xxs-11{width: 91.66666667%;}
.col-xxs-10{width: 83.33333333%;}
.col-xxs-9{width: 75%;}
.col-xxs-8{width: 66.66666667%;;}
.col-xxs-7{width: 58.33333333%;}
.col-xxs-6{width: 50%;}
.col-xxs-5{width: 41.66666667%;}
.col-xxs-4{width: 33.33333333%;}
.col-xxs-3{width: 25%;}
.col-xxs-2{width: 16.66666667%;}
.col-xxs-1{width: 8.33333333%;}

}