@charset "utf-8";

/*
@작업자			:김유진
@작업완료일		:2024.12.30
@최종수정일		:2024.12.30
*/

/* reset */
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,select,textarea,button{margin:0px;padding:0px;border:0;font:inherit;font-size:100%;letter-spacing:-0.15rem;vertical-align:baseline}
header,footer,nav,section,article,aside,details,figcaption,figure,menu,summary,hgroup,time,mark,canvas,video,audio{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:separate;border-spacing:0}
input,textarea{border:none;outline:none;resize:none}
label,button{cursor:pointer}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol,li,dl,dt,dd{list-style:none}
img,fieldset{border:none}
em,address{font-style:normal}
hr{display:none}
a{text-decoration:none}

/* common */
*{margin:0px;padding:0px;box-sizing:border-box}
html{font-size:62.6%}
body{background:#f4f4f9;font-family:'SCDream','Noto Sans KR',sans-serif,"s-core","Malgun Gothic","맑은 고딕",Dotum,"돋움",Helvetica,AppleGothic,"Tahoma","MS PGothic"; font-size:1.8rem; line-height:30px;font-weight:400;color:var(--txt-black);letter-spacing:0;word-break:keep-all}

a{color:#333;text-decoration:none;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s}
a:link,
a:visited{transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s}
a:hover{text-decoration:none;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s}
a:active{text-decoration:none;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s}

button{margin:0px;padding:0px;border:0px;background:transparent;font-family:'SCDream','Noto Sans KR',sans-serif,"s-core","Malgun Gothic","맑은 고딕",Dotum,"돋움",Helvetica,AppleGothic,"Tahoma","MS PGothic";letter-spacing:-0.05em;cursor:pointer}
button:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

.blind,caption{overflow:hidden;position:absolute;top:-10000px;left:-10000px;z-index:-999;width:1px;height:1px;margin:0;padding:0;text-indent:-10000px;font-size:1px;height:0.1rem}
img{max-width:100%}

/* 입력폼 */
input[type="text"],input[type="password"],input[type="date"]{height:60px;padding:20px 10px;border:1px solid #ccc;border-radius:10px;background:#fff;font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;letter-spacing:-.05em; -webkit-user-select:auto;}
input[type="date"]::-webkit-datetime-edit{color:#999;}
input::placeholder{color:#999}
input[type="radio"]{flex-shrink:0;appearance: none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:25px;height:25px;border:2px solid #ccc;border-radius:25px;cursor:pointer; margin-right:3px;}
input[type="radio"]:checked{border:2px solid #222;background:#222}
input[type="radio"]:checked:after{content:'';position:absolute;top:5px;left:3px;width:16px;height:12px;background:url(/img/content/btn_check.png) no-repeat center / 100%;filter: invert(1)}
input[type="checkbox"]{flex-shrink:0;appearance: none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:25px;height:25px;border:2px solid #ccc;border-radius:5px;cursor:pointer}
input[type="checkbox"]:checked{border:2px solid #222;background:#222}
input[type="checkbox"]:checked:after{content:'';position:absolute;top:5px;left:3px;width:16px;height:12px;background:url(/img/content/btn_check.png) no-repeat center / 100%;filter: invert(1)}
button{text-transform:none;vertical-align:middle}
button,
button[type="button"],
button[type="reset"],
button[type="submit"]{cursor:pointer}
select{font-size:inherit;font-family:inherit;color:inherit;text-transform:none;vertical-align:middle}
textarea{font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;resize:none}
input[disabled="disabled"]{background:#000;color:#626262}
select[disabled="disabled"]{background:#000;color:#626262}

.inner{width:1440px;margin:0 auto;padding:0 20px}

@media (max-width: 1919px){
	.inner{width:1280px}
}
@media (max-width: 1366px){
	.inner{width:100%}
}
@media screen and (max-width:1024px){
	body{font-size:1.6rem; line-height:26px;}
/* 
	.item{margin-top:50px}
	.item_bg{padding:50px 0} */
}
@media screen and (max-width:768px){
	/* 입력폼 */
	input[type="text"],input[type="password"],input[type="date"]{height:45px; border-radius:5px;}
}
@media screen and (max-width:480px){
	body{background:#fff; font-size:1.4rem; line-height:24px;}
	input[type="text"],input[type="password"],input[type="date"]{padding:10px}
}

/* 변수 */
:root{
	/* color */
	--color-primary:#015198;
	--color-secondary:#358E16;
	--color-gray5:#f8f8f8;
	--color-gray10:#f0f0f0;
	--color-gray20:#e4e4e4;
	--color-gray30:#d8d8d8;
	--color-gray40:#c6c6c6;
	--color-gray50:#444444;
	--color-orange:#ec6911;
	--color-green:#80b713;
	--color-red:#ea2e02;
	--color-green-dark:#3E7B27;

	/* text color */
	--txt-black:#222;
	--txt-white:#fff;
	--txt-orange:#ff8a42;
}

/* display */
.dn{display:none}
.dib{display:inline-block}
.db{display:block}
.df{display:flex}
.blind{position: absolute;overflow:hidden;width:1px;height:1px;margin:-1px;clip-path:polygon(0 0, 0 0, 0 0)}

@media screen and (max-width:768px){
	.dp_block{display:block;}
	.dp_none{display:none;}
}

.d_table{display:table;width:100%;height:100%}
.d_table_cell{display:table-cell;vertical-align:middle}

/* Flex */
.flex_col{display:flex;flex-direction:column}
.flex_row{display:flex;flex-direction:row}
.align_c{align-items:center}
.align_s{align-items:flex-start}
.align_e{align-items:flex-end}
.jcon_sb{justify-content:space-between}
.jcon_c{justify-content:center}
.jcon_e{justify-content:flex-end}
.flex-wrap{flex-wrap:wrap}

/* Overflow css start */
.o_hidden{overflow:hidden}
.o_auto{overflow:auto}
.o_visible{overflow:visible}

/* Float */
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.clearfix:after{content:"";display:block;clear:both}

/* Positions */
.p-relative{position:relative}
.p-absolute{position:absolute}
.p-static{position:static}
.p-fixed{position:fixed}
.pl{position:absolute;left:0;top:0}
.pc{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}
.pr{position:absolute;right:0;top:0}

/* width */
.w10p{width:10% !important}
.w15p{width:15% !important}
.w20p{width:20% !important}
.w30p{width:30% !important}
.w33p{width:33% !important}
.w40p{width:40% !important}
.w50p{width:50% !important}
.w60p{width:60% !important}
.w70p{width:70% !important}
.w80p{width:80% !important}
.w90p{width:90% !important}
.w100p{width:100% !important}

.w80{width:80px !important}
.w100{width:100px !important}
.w150{width:150px !important}
.w170{width:170px !important}
.w200{width:200px !important}
.w300{width:300px !important}
.w400{width:400px !important}
.w500{width:500px !important}
.w600{width:600px !important}
.w1200{width:1200px !important}

.min-w200{min-width:200px !important}
.min-w300{min-width:300px !important}
.min-w400{min-width:400px !important}
.min-w600{min-width:600px !important}
.min-w800{min-width:800px !important}
.min-w1000{min-width:1000px !important}

/* height */
.h100p{height:100% !important}

/* Vertical Align */
.valign_t{vertical-align:top !important}
.valign_m{vertical-align:middle !important}
.valign_b{vertical-align:bottom !important}

/* Margin */
/* top */
.mt_00{margin-top:0px !important}
.mt_04{margin-top:4px !important}
.mt_05{margin-top:5px !important}
.mt_08{margin-top:8px !important}
.mt_10{margin-top:10px !important}
.mt_12{margin-top:12px !important}
.mt_15{margin-top:15px !important}
.mt_16{margin-top:16px !important}
.mt_20{margin-top:20px !important}
.mt_25{margin-top:25px !important}
.mt_30{margin-top:30px !important}
.mt_35{margin-top:35px !important}
.mt_40{margin-top:40px !important}
.mt_45{margin-top:45px !important}
.mt_50{margin-top:50px !important}
.mt_55{margin-top:55px !important}
.mt_60{margin-top:60px !important}
.mt_65{margin-top:65px !important}
.mt_70{margin-top:70px !important}
.mt_75{margin-top:75px !important}
.mt_80{margin-top:80px !important}
.mt_85{margin-top:85px !important}
.mt_90{margin-top:90px !important}
.mt_95{margin-top:95px !important}
.mt_100{margin-top:100px !important}

/* right */
.mr_00{margin-right:0px !important}
.mr_04{margin-right:4px !important}
.mr_05{margin-right:5px !important}
.mr_08{margin-right:8px !important}
.mr_10{margin-right:10px !important}
.mr_12{margin-right:12px !important}
.mr_15{margin-right:15px !important}
.mr_16{margin-right:16px !important}
.mr_20{margin-right:20px !important}
.mr_25{margin-right:25px !important}
.mr_30{margin-right:30px !important}
.mr_35{margin-right:35px !important}
.mr_40{margin-right:40px !important}
.mr_45{margin-right:45px !important}
.mr_50{margin-right:50px !important}
.mr_55{margin-right:55px !important}
.mr_60{margin-right:60px !important}
.mr_65{margin-right:65px !important}
.mr_70{margin-right:70px !important}
.mr_75{margin-right:75px !important}
.mr_80{margin-right:80px !important}
.mr_85{margin-right:85px !important}
.mr_90{margin-right:90px !important}
.mr_95{margin-right:95px !important}
.mr_100{margin-right:100px !important}

/* bottom */
.mb_00{margin-bottom:0px !important}
.mb_04{margin-bottom:4px !important}
.mb_05{margin-bottom:5px !important}
.mb_08{margin-bottom:8px !important}
.mb_10{margin-bottom:10px !important}
.mb_12{margin-bottom:12px !important}
.mb_15{margin-bottom:15px !important}
.mb_16{margin-bottom:16px !important}
.mb_20{margin-bottom:20px !important}
.mb_25{margin-bottom:25px !important}
.mb_30{margin-bottom:30px !important}
.mb_35{margin-bottom:35px !important}
.mb_40{margin-bottom:40px !important}
.mb_45{margin-bottom:45px !important}
.mb_50{margin-bottom:50px !important}
.mb_55{margin-bottom:55px !important}
.mb_60{margin-bottom:60px !important}
.mb_65{margin-bottom:65px !important}
.mb_70{margin-bottom:70px !important}
.mb_75{margin-bottom:75px !important}
.mb_80{margin-bottom:80px !important}
.mb_85{margin-bottom:85px !important}
.mb_90{margin-bottom:90px !important}
.mb_95{margin-bottom:95px !important}
.mb_100{margin-bottom:100px !important}

/* left */
.ml_00{margin-left:0px !important}
.ml_04{margin-left:4px !important}
.ml_05{margin-left:5px !important}
.ml_08{margin-left:8px !important}
.ml_10{margin-left:10px !important}
.ml_12{margin-left:12px !important}
.ml_15{margin-left:15px !important}
.ml_16{margin-left:16px !important}
.ml_17{margin-left:17px !important}
.ml_20{margin-left:20px !important}
.ml_25{margin-left:25px !important}
.ml_30{margin-left:30px !important}
.ml_35{margin-left:35px !important}
.ml_40{margin-left:40px !important}
.ml_45{margin-left:45px !important}
.ml_50{margin-left:50px !important}
.ml_55{margin-left:55px !important}
.ml_60{margin-left:60px !important}
.ml_65{margin-left:65px !important}
.ml_70{margin-left:70px !important}
.ml_75{margin-left:75px !important}
.ml_80{margin-left:80px !important}
.ml_85{margin-left:85px !important}
.ml_90{margin-left:90px !important}
.ml_95{margin-left:95px !important}
.ml_100{margin-left:100px !important}

/* Padding */
/* top */
.pt_00{padding-top:0px !important}
.pt_04{padding-top:4px !important}
.pt_05{padding-top:5px !important}
.pt_08{padding-top:8px !important}
.pt_10{padding-top:10px !important}
.pt_12{padding-top:12px !important}
.pt_15{padding-top:15px !important}
.pt_16{padding-top:16px !important}
.pt_20{padding-top:20px !important}
.pt_25{padding-top:25px !important}
.pt_30{padding-top:30px !important}
.pt_35{padding-top:35px !important}
.pt_40{padding-top:40px !important}
.pt_45{padding-top:45px !important}
.pt_50{padding-top:50px !important}
.pt_55{padding-top:55px !important}
.pt_60{padding-top:60px !important}
.pt_65{padding-top:65px !important}
.pt_70{padding-top:70px !important}
.pt_75{padding-top:75px !important}
.pt_80{padding-top:80px !important}
.pt_85{padding-top:85px !important}
.pt_90{padding-top:90px !important}
.pt_95{padding-top:95px !important}
.pt_100{padding-top:100px !important}

/* right */
.pr_00{padding-right:0px !important}
.pr_04{padding-right:4px !important}
.pr_05{padding-right:5px !important}
.pr_08{padding-right:8px !important}
.pr_10{padding-right:10px !important}
.pr_12{padding-right:12px !important}
.pr_15{padding-right:15px !important}
.pr_16{padding-right:16px !important}
.pr_20{padding-right:20px !important}
.pr_25{padding-right:25px !important}
.pr_30{padding-right:30px !important}
.pr_35{padding-right:35px !important}
.pr_40{padding-right:40px !important}
.pr_45{padding-right:45px !important}
.pr_50{padding-right:50px !important}
.pr_55{padding-right:55px !important}
.pr_60{padding-right:60px !important}
.pr_65{padding-right:65px !important}
.pr_70{padding-right:70px !important}
.pr_75{padding-right:75px !important}
.pr_80{padding-right:80px !important}
.pr_85{padding-right:85px !important}
.pr_90{padding-right:90px !important}
.pr_95{padding-right:95px !important}
.pr_100{padding-right:100px !important}

/* bottom */
.pb_00{padding-bottom:0px !important}
.pb_04{padding-bottom:4px !important}
.pb_05{padding-bottom:5px !important}
.pb_08{padding-bottom:8px !important}
.pb_10{padding-bottom:10px !important}
.pb_12{padding-bottom:12px !important}
.pb_15{padding-bottom:15px !important}
.pb_16{padding-bottom:16px !important}
.pb_20{padding-bottom:20px !important}
.pb_25{padding-bottom:25px !important}
.pb_30{padding-bottom:30px !important}
.pb_35{padding-bottom:35px !important}
.pb_40{padding-bottom:40px !important}
.pb_45{padding-bottom:45px !important}
.pb_50{padding-bottom:50px !important}
.pb_55{padding-bottom:55px !important}
.pb_60{padding-bottom:60px !important}
.pb_65{padding-bottom:65px !important}
.pb_70{padding-bottom:70px !important}
.pb_75{padding-bottom:75px !important}
.pb_80{padding-bottom:80px !important}
.pb_85{padding-bottom:85px !important}
.pb_90{padding-bottom:90px !important}
.pb_95{padding-bottom:95px !important}
.pb_100{padding-bottom:100px !important}

/* left */
.pl_00{padding-left:0px !important}
.pl_04{padding-left:4px !important}
.pl_05{padding-left:5px !important}
.pl_08{padding-left:8px !important}
.pl_10{padding-left:10px !important}
.pl_12{padding-left:12px !important}
.pl_15{padding-left:15px !important}
.pl_16{padding-left:16px !important}
.pl_20{padding-left:20px !important}
.pl_25{padding-left:25px !important}
.pl_30{padding-left:30px !important}
.pl_35{padding-left:35px !important}
.pl_40{padding-left:40px !important}
.pl_45{padding-left:45px !important}
.pl_50{padding-left:50px !important}
.pl_55{padding-left:55px !important}
.pl_60{padding-left:60px !important}
.pl_65{padding-left:65px !important}
.pl_70{padding-left:70px !important}
.pl_75{padding-left:75px !important}
.pl_80{padding-left:80px !important}
.pl_85{padding-left:85px !important}
.pl_90{padding-left:90px !important}
.pl_95{padding-left:95px !important}
.pl_100{padding-left:100px !important}

/* Border-radius */
.br_04{border-radius:4px}
.br_05{border-radius:5px}
.br_10{border-radius:10px}
.br_15{border-radius:15px}
.br_20{border-radius:20px}
.br_25{border-radius:25px}
.br_30{border-radius:30px}

/* Text Align **/
.tl{text-align:left !important}
.tc{text-align:center !important}
.tr{text-align:right !important}

/* Line Height */
.line_h10{line-height:10px}
.line_h12{line-height:12px}
.line_h14{line-height:14px}
.line_h16{line-height:16px}
.line_h18{line-height:18px}
.line_h20{line-height:20px}
.line_h22{line-height:22px}
.line_h24{line-height:1.5em}
.line_h26{line-height:26px}
.line_h28{line-height:28px}
.line_h30{line-height:30px}
.line_h32{line-height:32px}
.line_h34{line-height:34px}
.line_h36{line-height:36px}
.line_h38{line-height:38px}
.line_h40{line-height:40px}
.line_h42{line-height:42px}
.line_h44{line-height:44px}
.line_h46{line-height:46px}
.line_h48{line-height:48px}
.line_h50{line-height:50px}
.line_h52{line-height:52px}
.line_h54{line-height:54px}
.line_h56{line-height:56px}
.line_h58{line-height:58px}
.line_h60{line-height:60px}
.line_h62{line-height:62px}
.line_h64{line-height:64px}
.line_h66{line-height:66px}
.line_h80{line-height:80px}

/* Font Color **/
/* Basic Color */
.txt_0{color:#000 !important}
.txt_1{color:#111 !important}
.txt_2{color:#222 !important}
.txt_3{color:#333 !important}
.txt_4{color:#444 !important}
.txt_5{color:#555 !important}
.txt_6{color:#666 !important}
.txt_7{color:#777 !important}
.txt_8{color:#888 !important}
.txt_9{color:#999 !important}
.txt_b{color:#bbb !important}
.txt_d{color:#ddd !important}
.txt_f{color:#fff !important}

/* Text-color css start */
.txt_primary{color:#015198 !important}
.txt_secondary{color:#358E16 !important}
.txt_orange{color:#ec6911 !important}

/* Font Weight */
.fw_2{font-weight:200}
.fw_3{font-weight:300}
.fw_4{font-weight:400}
.fw_5{font-weight:500}
.fw_6{font-weight:600}
.fw_7{font-weight:700}
.fw_8{font-weight:800}
.fw_9{font-weight:900}

/* Font Size ***/
.fs_10{font-size:10px}
.fs_12{font-size:12px}
.fs_13{font-size:13px}
.fs_14{font-size:14px}
.fs_15{font-size:15px}
.fs_16{font-size:16px}
.fs_17{font-size:17px}
.fs_18{font-size:18px}
.fs_19{font-size:19px}
.fs_20{font-size:20px}
.fs_22{font-size:22px}
.fs_24{font-size:24px}
.fs_26{font-size:26px}
.fs_28{font-size:28px}
.fs_30{font-size:30px}
.fs_32{font-size:32px}
.fs_34{font-size:34px}
.fs_36{font-size:36px}
.fs_38{font-size:38px}
.fs_40{font-size:40px;letter-spacing:-1px}
.fs_42{font-size:42px;letter-spacing:-1px}
.fs_44{font-size:44px;letter-spacing:-1px}
.fs_46{font-size:45px;letter-spacing:-1px}
.fs_48{font-size:48px;letter-spacing:-1px}
.fs_50{font-size:50px;letter-spacing:-2px}
.fs_52{font-size:52px;letter-spacing:-2px}
.fs_54{font-size:54px;letter-spacing:-2px}

.fs_11em{font-size:1.1em}
.fs_12em{font-size:1.2em}
.fs_13em{font-size:1.3em}
.fs_14em{font-size:1.4em}

/* Letter-spacing */
.ls_0{letter-spacing:0px !important}
.ls_1{letter-spacing:-1px !important}
.ls_2{letter-spacing:-2px !important}
.ls_10{letter-spacing:1px !important}
.ls_20{letter-spacing:2px !important}

/*trans */
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}


/* //common */