@charset 'UTF-8';

/************************************************************************************************** Background Set */
.bg_fff { background-color:#ffffff !important }
.bg_eef { background-color:#eef0f4 !important }
.bg_406 { background-color:#4067e0 !important }
.bg_e7e { background-color:#e7e7e7 !important }
.bg_f3f { background-color:#f3f3f3 !important }

/************************************************************************************************** Font Set */

/* font : 1rem = 16px */
.fs-kor-Noto { font-family:"Noto Sans KR"; font-size:0.85rem; letter-spacing:-1px; }
.fs-kor1 { font-family:"Nanum Gothic"; font-size:0.85rem; letter-spacing:-1px; }
.fs-kor2 { font-family:"Montserrat"; font-size:0.85rem; letter-spacing:-1px; }

.fs-eng-lato { font-family:"Lato"; font-size:0.85rem; }
.fs-eng { font-family:"Dinpro"; font-size:0.85rem; }

/* font-size */
.fs-04 { font-size:0.4rem !important }
.fs-06 { font-size:0.6rem !important }
.fs-07 { font-size:0.7rem !important }
.fs-075 { font-size:0.75rem !important }
.fs-08 { font-size:0.8rem !important }
.fs-085 { font-size:0.85rem !important }
.fs-09 { font-size:0.9rem !important }
.fs-095 { font-size:0.95rem !important }
.fs-10 { font-size:1.0rem !important }
.fs-11 { font-size:1.1rem !important }
.fs-12 { font-size:1.2rem !important }
.fs-13 { font-size:1.3rem !important }
.fs-14 { font-size:1.4rem !important }
.fs-15 { font-size:1.5rem !important }
.fs-16 { font-size:1.6rem !important }
.fs-17 { font-size:1.7rem !important }
.fs-18 { font-size:1.8rem !important }
.fs-19 { font-size:1.9rem !important }
.fs-20 { font-size:2.0rem !important }
.fs-25 { font-size:2.5rem !important }
.fs-28 { font-size:2.8rem !important }
.fs-30 { font-size:3.0rem !important }
.fs-40 { font-size:4.0rem !important }
.fs-50 { font-size:5.0rem !important }

.fw-bold { font-weight:bold }

.fs-c0 { color:#111111 }
.fs-c1 { color:#ffffff }
.fs-c2 { color:#666666 }
.fs-c2a { color:#777 }
.fs-c3 { color:#999999 }
.fs-c4 { color:#BBBBBB }
.fs-c4a { color:#eeeeee }
.fs-c5 { color:#eb0000 } /* red */
.fs-c6 { color:#296bb0 } /* blue */
.fs-c6a { color:#4c70e1 } /* blue2 */
.fs-c6b { color:#5469ab } /* blue3 */
.fs-c7 { color:#f0ff00 } /* yellow */
.fs-c8 { color:#555f7d } /* dark navy */
.fs-c9 { color:#ff6e00 } /* orange */

/*** div blank ***/
.x-div-blank-h05rem { height:0.5rem; }
.x-div-blank-h1rem { height:1rem; }
.x-div-blank-h2rem { height:2rem; }

.x-div-blank-w05rem { width:0.5rem; }
.x-div-blank-w1rem { width:1rem; }
.x-div-blank-w2rem { width:2rem; }

/*** div  ***/
.x-div-center { display:flex; justify-content:center; align-items:center; }
.x-div-center-h { display:flex; align-items:center; }
.x-div-right { display:flex; justify-content:right; align-items:center; }

.x-div-line1 { height:2px; border-top:1px solid #383838; border-bottom:1px solid #555 }
.x-div-line2 { height:2px; border-top:1px solid #282828; border-bottom:1px solid #444 }
.x-div-line3 { height:2px; border-top:1px solid #d9d9d9; border-bottom:1px solid #fff }
.x-div-line4 { height:1px; border-top:1px solid #efefef }

.ch { cursor:pointer }


/************************************************************************************************** Font Set */
.fs-tm0 { font-family:"Noto Sans KR"; font-size:0.85rem; letter-spacing:-1px; color:#ffffff }
.fs-tm1 { font-family:"Noto Sans KR"; font-size:0.95rem; letter-spacing:-1px; color:#ffffff }


/************************************************************************************************** Link Set */
.ls-0 { color:#ffffff }
.ls-0:hover { color:#aec1ff }
.ls-0:focus { color:#ffffff }

.ls-1 { color:#fffc00 }
.ls-1:hover { color:#aec1ff }
.ls-1:focus { color:#ffffff }

.ls-2 { color:#8c8e97 }
.ls-2:hover { color:#aec1ff }
.ls-2:focus { color:#aec1ff }

.ls-3 { color:#ffffff }
.ls-3:hover { color:#ffffff }
.ls-3:focus { color:#ffffff }

.ls-4 { color:#5a637f }
.ls-4:hover { color:#4b6dd7 }
.ls-4:focus { color:#aec1ff }

.ls-7 { color:#ffffff }
.ls-7:hover { color:#ffb0b0 }
.ls-7:focus { color:#ffffff }

.ls-8 { color:#ffffff }
.ls-8:hover { color:#7dd998 }
.ls-8:focus { color:#ffffff }


.a-set0 { color:#f4f4f4 }
.a-set0:hover, .a-set1:focus { color:#fa6000 }
.a-set1 { color:#fa6000 }
.a-set1:hover, .a-set1:focus { color:#fa6000 }
.a-set2 { color:#1c7bdc }
.a-set2:hover, .a-set2:focus { color:#1c7bdc }

.link-set1 { color:#999 }
.link-set1:hover, .link-set1:focus { color:#efefef }
.link-set2 { color:#666 }
.link-set2:hover, .link-set2:focus { color:#74899e }
.link-set3 { color:#f1e800 }
.link-set3:hover, .link-set3:focus { color:#f1e800 }
.link-set4 { color:#ffffff }
.link-set4:hover, .link-set4:focus { color:#ffffff }
.link-set5 { color:#1abc9c }
.link-set5:hover, .link-set5:focus { color:#1abc9c; text-decoration:underline }
.link-set6 { color:#333 }
.link-set6:hover, .link-set2:focus { color:#74899e }

/************************************************************************************************** Line */
.td_a1 { border:1px solid #e1e1e1 }
.td_a2 { border:1px solid #cbcbcb }
.td_a3 { border:1px solid #efefef }


.td_t3 { border-top:1px solid #efefef }

.td_r1 { border-right:1px solid #6e8be7 }
.td_r2 { border-right:1px solid #e0e0e0 }
.td_r3 { border-right:1px solid #efefef }
.td_r4 { border-right:1px solid #444444 }
.td_r5 { border-right:1px solid #666666 }

.td_b1 { border-bottom:1px solid #e1e1e1 }
.td_b2 { border-bottom:1px solid #e0e0e0 }
.td_b3 { border-bottom:1px solid #efefef }
.td_b4 { border-bottom:1px solid #8d9ccc }

.td_l1 { border-right:1px solid #e1e1e1 }
.td_l2 { border-right:1px solid #e0e0e0 }


.td_ov1:hover { background-color:#f4f4f4; }


/************************************************************************************************** Etc Color Set */
.mo-0 { background-color:transparent }
.mo-0:hover { background-color:#f4f4f4 }


/************************************************************************************************** Box Set */

.bx-tp0 { background-color:#ffffff; border:1px solid #cfcfcf; border-radius:4rem }

.bx-tp1 { background-color:#ffffff; border:1px solid #e0e0e0; border-radius:4rem; color:#74899e }
.bx-tp1:hover { background-color:#999999; border:1px solid #ffffff; color:#ffffff }
.bx-tp1-on { background-color:#777; border:1px solid #b7b7b7; border-radius:4rem; color:#ffffff }
.bx-tp1-on:hover { background-color:#e1e1e1; border:1px solid #b7b7b7 }

.bx-tp1a { background-color:#ffffff; border:1px solid #e0e0e0; border-radius:4rem; color:#74899e }

.bx-tp2 { background-color:#4c91d8; border:1px solid #4e8cce; border-radius:4rem; color:#ffffff; background:linear-gradient(#4c91d8,#296bb0); }

.bx-tp2-on { background-color:#777; border:1px solid #b7b7b7; border-radius:4rem; color:#ffffff }
.bx-tp2-on:hover { background-color:#e1e1e1; border:1px solid #b7b7b7 }

.bx-tp22 { background-color:#2d79c8; border:1px solid #185799; border-radius:100%; color:#ffffff }
.bx-tp32 { background-color:#999999; border:1px solid #888888; border-radius:100%; color:#ffffff }
.bx-tp42{ background-color:#CCCCCC; border:1px solid #BBBBBB; border-radius:100%; color:#ffffff }
.bx-tp52 { background-color:#ffffff; border:1px solid #e0e0e0; border-radius:10rem; color:#74899e }
.bx-tp62 { background-color:#4067e0; border:0; border-radius:4rem; color:#ffffff }
.bx-tp72 { background-color:#cc1717; border:0; border-radius:4rem; color:#ffffff }
.bx-tp72:hover { background-color:#cc1717; border:0; border-radius:4rem; color:#ffcdc8 }
.bx-tp82 { background-color:#4da366; border:0; border-radius:4rem; color:#ffffff }
.bx-tp82:hover { background-color:#4da366; border:0; border-radius:4rem; color:#d3ffde }

/************************************************************************************************** button */
.bt-x1 { font-family:"Noto Sans KR"; font-size:0.85rem; letter-spacing:-1px; width:100%; background-color:#ffffff; border:1px solid #dfdfdf; border-radius:.3rem; padding:4px 0 4px 0; color:#888888 }
.bt-x2 { font-family:"Noto Sans KR"; font-size:0.85rem; letter-spacing:-1px; width:100%; background-color:#4067e0; border:0; border-radius:.3rem; padding:4px 0 4px 0; color:#ffffff }


/************************************************************************************************** Main Top Menu */
.set_menu > ul { overflow: hidden; }
.set_menu > ul > li { float: left; }
.set_menu > ul > li > a { display: inline-block; }

.sub_menu { display:none; position:absolute; text-align: center; background-color:#ffffff; z-index:99; }
.sub_menu > li > a { display:inline-block; }




.tap_s1 > ul { overflow: hidden; }
.tap_s1 > ul > li { float:left; width:50%; height:32px; background-color:#e8e8e8 }

.tap_s1 .active { background-color:#3468b8; color:#ffffff }


/************************************************************************************************** main etc */
.lgb1 {
	height:200px;
	background:linear-gradient(to right, #4dcf15, #31850e);
	border-top-left-radius:20px;
}

.lgb2 {
	height:200px;
	background:linear-gradient(to right, #5a97e2, #10488c);
}

.lgb3 {
	height:200px;
	background:linear-gradient(to right, #dfb95d, #a57b15);
}

.lgb4 {
	height:200px;
	background:linear-gradient(to right, #c875ea, #7e1da6);
	border-bottom-right-radius:20px;	 
}


/************************************************************************************************** @media */
@media (min-width:330px) {
	.main_s { width:100%; }
	.main_s1 { display:block }
	.main_s1a { display:block; justify-content:center; align-items:center; }
	.main_s1b { display:flex; justify-content:center; align-items:center; }
	.main_s2 { padding:0 15px; }
	.main_banner { display:none; }

	.head_l { width:100%; }
	.head_m { display:none; }
	.head_r { width:40px; display:block }

	.set_w { width:100%; }
	.set_b { display:none; }
	.set_m { display:none }
	.set_c { width:100%; }
	.set_c_con { width:100%; padding:10px 15px; }

	.con_h { height:70px; display:flex; justify-content:center; align-items:center; }
	.con_cor1 { display:block; }
	.con_cor1a { width:100%; }

	.etc_padding_t40 { padding-top:40px }
}

@media (min-width:380px) and (max-width:767px) {
	.main_s { width:100%; }
	.main_s1 { display:block }
	.main_s1a { display:block; justify-content:center; align-items:center; }
	.main_s1b { display:flex; justify-content:center; align-items:center; }
	.main_s2 { padding:0 15px; }
	.main_banner { display:none; }

	.head_l { width:100%; }
	.head_m { display:none; }
	.head_r { width:40px; display:block }

	.set_w { width:100%; }
	.set_b { display:none; }
	.set_m { display:none }
	.set_c { width:100%; }
	.set_c_con { width:100%; padding:10px 15px; }

	.con_h { height:70px; display:flex; justify-content:center; align-items:center; }
	.con_cor1 { display:block; }
	.con_cor1a { width:100%; }

	.etc_padding_t40 { padding-top:40px }
}

@media (min-width:767px) and (max-width:991px) {
	.main_s { width:100%; }
	.main_s1 { display:block }
	.main_s1a { padding:0 15px; display:block; justify-content:center; align-items:center; }
	.main_s1b { display:flex; justify-content:center; align-items:center; }
	.main_s2 { padding:0 15px; }
	.main_banner { display:none; }

	.head_l { width:100%; }
	.head_m { display:none; }
	.head_r { width:40px; display:block }

	.set_w { width:100%; }
	.set_b { display:none; }
	.set_m { display:none }
	.set_c { width:100%; }
	.set_c_con { width:100%; padding:10px 15px; }

	.con_h { height:70px; display:flex; justify-content:center; align-items:center; }
	.con_cor1 { display:block; }
	.con_cor1a { width:100%; }

	.etc_padding_t40 { padding-top:40px }
}

@media (min-width:991px) {
	.main_s { width:1270px; }
	.main_s1 { display:flex !important }
	.main_s1a { display:block; text-align:right }
	.main_s1b { display:flex; justify-content:right; align-items:center; }
	.main_s2 { padding:0; }
	.main_banner { display:block; }

	.head_l { width:255px; }
	.head_m { width:1015px; display:block; }
	.head_r { display:none }

	.set_w { width:1270px; }
	.set_b {  width:50px; display:block; }
	.set_m { width:255px; display:block; }
	.set_c { width:965px; display:block; }
	.set_c_con { width:100%; }

	.con_h { height:140px; display:flex; justify-content:flex-start; align-items:center; text-align:start }
	.con_cor1 { display:flex !important }
	.con_cor1a { width:50%; }

	.etc_padding_t40 { padding-top:0 }
}