

/*****************************     IMPORT     *****************************/

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css);




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

* {
	-webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; box-sizing:border-box !important; margin: 0; padding: 0; word-spacing:0px;
}

body {background:#fff; min-width: 1280px; font-family:'Pretendard-Regular','Malgun Gothic', dotum, sans-serif; font-size:16px; line-height:28px; font-weight:400;word-spacing :4px; text-decoration: none;}


/*****************************     LAYOUT     *****************************/
#daegari { min-height:140px; background:#333;position: relative; z-index: 1000; color:#fff;}
#daegari a { color:#fff;}
#daegari a:hover { color:#333;}
#daegari .btn{ width:40px; float: left;}
#daegari .menu{ width:1160px; float: left;}

.logo_text { font-weight: 900; padding-left: 10px; letter-spacing:1px; }
.menub{ display: inline-block; font-weight: bold; padding: 0 15px;}


#jool { width: 100%; height: 40px;}
#jool2 { position: relative; width: 100%; height: 80px; line-height: 80px;}


#nerb { width: 1240px;; margin: 0 auto;}
.nerb { width: 1240px;; margin: 0 auto;}

.nerb_left { width: 930px; margin: 0 auto;}
#kaan90 { width: 90%; float: left;}
#kaan80 { width: 80%; float: left;}
#kaan70 { width: 70%; float: left;}
#kaan50 { width: 50%; float: left;}
#kaan30 { width: 30%; float: left;}
#kaan25 { width: 25%; float: left;}
#kaan10 { width:10%; float: left;}
#kaan5 { width:5%; float: left;}
#kaan3 { width:33.3%; float: left;}


/*****************************     TEXT     *****************************/
.title-lg { font-size:48px; }
.title-md { font-size:36px; }
.title-sm { font-size:24px;letter-spacing :-1px; }
/* 메인메뉴 */
#gnb {position:relative;}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {padding:0;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:40px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:#333;}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
.gnb_close_btn {width:40px;height:40px;background:none;color:#fff; border-radius:20px; border:2px solid #fff;vertical-align:top;font-size:18px}
#gnb .gnb_mnal {float:right;padding:0}

#gnb_all {display:none;position:fixed;top:0;width:100%;padding-top:80px;height:100%;background:rgba(0,0,0,0.9);z-index:999999;color:#fff;}
#gnb_all h2 {}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px 0;}
#gnb_all .gnb_al_li .gnb_al_a {z-index:999999;display:block;position:relative;margin-bottom:10px;color:#eee}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999999}

#hd_sch #sch_stx{float:left;width:90%;height:40px;border-radius:20px 0 0 20px;border:none; padding-left:40px; font-size:18px; }
#hd_sch #sch_submit{float:left;width:10%;height:40px;border-radius:0 20px 20px 0;border:none}

#search_all {display:none;position:fixed;top:0;width:100%;padding-top:40px;height:100%;background:rgba(0,0,0,0.9);z-index:1000;color:#fff;}
#search_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}
.search_close_btn {float:right;width:40px;height:40px;background:none;color:#fff; border-radius:20px; border:2px solid #fff;vertical-align:top;font-size:18px}
/*****************************     Direction     *****************************/

.atl { text-align: left; }
.atc { text-align: center; }
.atr { text-align: right; }



/*****************************     Padding     *****************************/

.pd { padding: 40px; }
.pdv { padding: 40px 0; }
.pdv_h { padding: 20px 0; }
.pdv_q { padding: 10px 0; }

.pdh { padding: 0 40px; }
.pdh_h { padding: 0 20px; }
.pdh_q { padding: 0 10px; }

.pdl { padding-left: 40px; }
.pdl_h { padding-left: 20px; }
.pdl_q { padding-left: 10px; }

.pdr { padding-right: 40px; }
.pdr_h { padding-right: 20px; }
.pdr_q { padding-right: 10px; }

#top_btn {position:fixed;bottom:50%;right:40px;width:40px;height:40px;line-height:36px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5);border-radius:20px;}
#top_btn:hover {background:#333;color:#fff}


/*****************************     Button     *****************************/
.btn_lg {display:inline-block; padding: 4px 16px; font-size:18px;border:1px solid #999;border-radius:10px;}