@charset "utf-8";
/* CSS Document */
html, body, div,  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, sub, sup, tt, var,
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 {
 margin: 0;
 padding: 0;color:#000;
 border: 0;
 font-size: 18px;
 font-family: "Noto Sans KR", '맑은고딕','Malgun Gothic','돋움','Dotum','굴림','Gulim','Arial', Sans-serif;
box-sizing: border-box;font-weight: 300;letter-spacing: -0.5px;
word-wrap: break-word; word-break: keep-all;line-height:1.5;
}
@media screen and (max-width:560px){
	html, body, div,  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, u, 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 {font-size:15px;}

}

strong, b {font-weight:500;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}

ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse:collapse; border-spacing: 0;}
caption{position:absolute; left:-3000%;}
input{transition:all 0.3s;}

a {text-decoration:none; color:#000;}
a:hover {text-decoration:none; color:#000;}
button{transition:all 0.5s ease;border: none; cursor: pointer; }
address{ font-style: normal;}
br {opacity:0;}

/* common */
.text_l {text-align:left !important; }
.text_r  {text-align:right !important; }
.text_c {text-align:center !important; }
.fl{float: left;}
.fr{float: right;}
.oh{ overflow: hidden;}
.clearfix:after, .clearfix:before {content: ""; display: block; clear: both;}
.fw500 {font-weight: 500;}

/* select */
select {
    padding: 5px 40px 5px 10px;
    font-family: inherit;
    background: #fff url('../images/ico_down.png') no-repeat;
    background-position: right 10px top 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #aaa;
    cursor: pointer;
    color: #000;
    font-family: inherit;
    font-size: 1em;
    font-weight: 300;
    border-radius: 3px;
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
}
select:hover, select:focus{ color: #000;}
select::-ms-expand {
    display: none;
}


select, button, input[type="text"], input[type="password"], input[type="submit"], input[type="number"], .ip_dft,
textarea, a.btn_dft
{height:40px;font-size:0.9em; box-sizing: border-box;
	font-family:inherit;
	border:1px solid #ddd;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
a.btn_dft {display:inline-block;line-height:48px;}

@media screen and (max-width:1200px){
	select, button, input[type="text"], input[type="password"], input[type="submit"], input[type="number"], .ip_dft,
textarea, a.btn_dft  {font-size:0.9em;}
}
@media screen and (max-width:850px){
	select, button, input[type="text"], input[type="password"], input[type="submit"], input[type="number"], .ip_dft,
textarea, a.btn_dft{height:45px;}
}

.w100 {width:100%;}
.w50 {width:50%;}
.w30 {width:30%;}


/*margin*/
.mt5	{margin-top:5px !important ;}
.mt10	{margin-top:10px !important ;}
.mt15	{margin-top:15px !important ;}
.mt20	{margin-top:20px !important ;}
.mt25	{margin-top:25px !important ;}
.mt30	{margin-top:30px !important ;}
.mt35	{margin-top:35px !important ;}

.mt40	{margin-top:40px !important ;}
.mt45	{margin-top:45px !important ;}
.mt50	{margin-top:50px !important ;}
.mt55	{margin-top:55px !important ;}
.mt60	{margin-top:60px !important ;}
.mt65	{margin-top:65px !important ;}
.mt70	{margin-top:70px !important ;}
.mt75	{margin-top:75px !important ;}
.mt80	{margin-top:80px !important ;}
.mt85	{margin-top:85px !important ;}
.mt90	{margin-top:90px !important ;}
.mt95	{margin-top:95px !important ;}
.mt100	{margin-top:100px !important ;}

.mb5	{margin-bottom:5px !important ;}
.mb10	{margin-bottom:10px !important ;}
.mb15	{margin-bottom:15px !important ;}
.mb20	{margin-bottom:20px !important ;}
.mb25	{margin-bottom:25px !important ;}
.mb30	{margin-bottom:30px !important ;}
.mb35	{margin-bottom:35px !important ;}
.mb40	{margin-bottom:40px !important ;}
.mb45	{margin-bottom:45px !important ;}
.mb50	{margin-bottom:50px !important ;}
.mb55	{margin-bottom:55px !important ;}
.mb60	{margin-bottom:60px !important ;}
.mb65	{margin-bottom:65px !important ;}
.mb70	{margin-bottom:70px !important ;}
.mb75	{margin-bottom:75px !important ;}
.mb80	{margin-bottom:80px !important ;}
.mb85	{margin-bottom:85px !important ;}
.mb90	{margin-bottom:90px !important ;}
.mb95	{margin-bottom:95px !important ;}
.mb100	{margin-bottom:100px !important ;}

.ml5	{margin-left:5px !important ;}
.ml10	{margin-left:10px !important ;}
.ml15	{margin-left:15px !important ;}
.ml20	{margin-left:20px !important ;}
.ml25	{margin-left:25px !important ;}
.ml30	{margin-left:30px !important ;}
.ml35	{margin-left:35px !important ;}
.ml40	{margin-left:40px !important ;}
.ml45	{margin-left:45px !important ;}
.ml50	{margin-left:50px !important ;}
.ml55	{margin-left:55px !important ;}
.ml60	{margin-left:60px !important ;}
.ml65	{margin-left:65px !important ;}
.ml70	{margin-left:70px !important ;}
.ml75	{margin-left:75px !important ;}
.ml80	{margin-left:80px !important ;}
.ml85	{margin-left:85px !important ;}
.ml90	{margin-left:90px !important ;}
.ml95	{margin-left:95px !important ;}
.ml100	{margin-left:100px !important ;}

.mr5	{margin-right:5px !important ;}
.mr10	{margin-right:10px !important ;}
.mr15	{margin-right:15px !important ;}
.mr20	{margin-right:20px !important ;}
.mr25	{margin-right:25px !important ;}
.mr30	{margin-right:30px !important ;}
.mr35	{margin-right:35px !important ;}
.mr40	{margin-right:40px !important ;}
.mr45	{margin-right:45px !important ;}
.mr50	{margin-right:50px !important ;}
.mr55	{margin-right:55px !important ;}
.mr60	{margin-right:60px !important ;}
.mr65	{margin-right:65px !important ;}
.mr70	{margin-right:70px !important ;}
.mr75	{margin-right:75px !important ;}
.mr80	{margin-right:80px !important ;}
.mr85	{margin-right:85px !important ;}
.mr90	{margin-right:90px !important ;}
.mr95	{margin-right:95px !important ;}
.mr100	{margin-right:100px !important ;}


@media screen and (max-width:980px){
	.mb15 {margin-bottom:2% !important;}
	.mt30 {margin-top:3% !important;}
	.mt50 {margin-top:7% !important;}
}


.sound_only {display: inline-block !important;position: absolute;
    top: 0;left: 0;margin: 0 !important;padding: 0 !important;font-size: 0;
    line-height: 0;border: 0 !important;overflow: hidden !important;}


/*skipnavi*
a.skipnavi{display:block;left:-2000px;position:absolute;text-align:center;width:100%;z-index:2000;}
a.skipnavi:hover{background-color:#000;color:#fff;left:0;margin-left:0px;padding:10px 0 10px 0;position:absolute;top:0px;z-index:2000;}
a.skipnavi:focus{background-color:#000;color:#fff;left:0;margin-left:0px;padding:10px 0 10px 0;position:absolute;top:0px;z-index:2000;}
a.skipnavi:active{background-color:#000;color:#fff;left:0;margin-left:0px;padding:10px 0 10px 0;padding-top:5px;position:absolute;top:0px;z-index:2000;}

/* Skip */
a.skipnavi {width:100%;z-index:10000; overflow:hidden;height:0;font-size:1px; display: block; position: absolute; top: -50px; left: 0; width: 100%; height: 40px; background: #000; font-size: 13px; color: #fff; text-align: center; line-height: 38px; transition: all 0.2s ease; z-index: 10000;}
a.skipnavi:hover,
a.skipnavi:focus {position:relative; top:0; border:2px dotted #fff;}



/*공통*/
#content {position:relative;}
.inner {width:100%;padding:0 65px;position:relative;}
.max_width  {max-width:1600px;margin:0 auto;}

@media screen and (max-width:1700px){
	.inner {padding:0 40px;}
}
@media screen and (max-width:1400px){
	.inner {padding:0 2%;}
}

/*폰트*/
.g_mk {font-family: 'G_mk'; }
.nm_sq {font-family: 'NanumSquare';}


/*폰트사이즈*/
.ft20 {font-size:20px !important;}
.ft18 {font-size:18px !important;}
.ft16 {font-size:16px !important;}

@media screen and (max-width:650px){
	.ft20 {font-size:18px;}
	.ft18 {font-size:16px;}
	.ft16 {font-size:14px;}
}
@media screen and (max-width:560px){
	.ft20 {font-size:16px;}
	.ft18 {font-size:15px;}
}


/*컬러*/
.c_nv {color:#0f3f81;}/*메인-네이비*/
.c_blue {color:#126cb9;}/*블루*/
.c_green {color:#0a847a}/*그린*/
.c_gray {color:#777;/*그레이*/}



/*배경컬러*/
.bg_nv {background-color:#0f3f81;color:#fff;}/*메인-네이비*/
.bg_blue {background-color:#126cb9;color:#fff;}/*블루*/
.bg_green {background-color:#0a847a;color:#fff;}/*그린 */
.bg_blue2 {background-color:#4174a5;color:#fff;}/*블루2*/
.bg_green2 {background-color:#23778a;color:#fff;}/*그린2*/
.bg_green3 {background-color:#017c96;color:#fff;}/*그린3*/
.bg_83 {background-color:#838383;color:#fff;}


/*버튼타입*/
.btn_1 {background-color:#126cb9;border-color:#126cb9 !important;color:#fff;}/*메인컬러*/
.btn_2 {background-color:#777;border-color:#777 !important;color:#fff;}/*그레이*/
.btn_3 {background-color:#0a847a;border-color:#0a847a !important;color:#fff;}/*그린*/

.btn_1:hover {background-color:#126cb9;border-color:#126cb9 !important;color:#fff;}/*메인컬러*/
.btn_2:hover {background-color:#777;border-color:#777 !important;color:#fff;}/*그레이*/
.btn_3:hover {background-color:#0a847a;border-color:#0a847a !important;color:#fff;}/*그린*/

.sch_js {
    background: url(../img/sub/keyboard_btn_icon.png);border: 0;border-radius: 0;color: white;cursor: pointer;
    font-weight: bold;width: 29px !important;height: 16px;vertical-align: middle;z-index: 22229;
	position:absolute;right:15px;top:12px;
}

/*컨텐츠 공통*/
.dot {position: relative;padding-left:18px;}
.dot:before {width:5px;height:5px;border-radius: 50%;border:4px solid #0f3f81;content: "";display: block;top:calc(50% - 7px);left:0;position:absolute;}
.dl_sytle dt {display: inline-block;vertical-align: top;border-radius: 50px;margin-right:7px;}
.dl_sytle dd {display: inline-block;vertical-align: top;}
.line_box {padding:80px;border:1px solid #ddd;}
.top_dot.dot:before {top:7px;}
.radius_style {border-radius: 50px;text-align: center;color:#fff;display: inline-block;line-height:1;}

@media screen and (max-width:1600px){
	.line_box {padding:4%;}
}
@media screen and (max-width:560px){
	.line_box {padding:7% 5%;}
	.top_dot.dot:before {top:5px;}
}

/*박스중앙정렬*/
.bot_ct {}
.bot_ct:after {display: inline-block;vertical-align: middle;content: "";width:1px;height:100%;}


/* select */
select {
    padding: 5px 40px 5px 10px;
    font-family: inherit;
    background: #fff url('../img/sub/ar_1.png') no-repeat;
    background-position: right 10px top 50%;
    cursor: pointer;
    border-radius:0;
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
}
select:hover, select:focus{ color: #222;}
select::-ms-expand {
    display: none;
}

/*input*/
input[type="text"] {padding:5px 10px;}

/*button*/
button {}




/*상단공통*/
.head {}
.head h1 {padding-top:6px;float:left;}
.head h1 a {font-size:0;width:500px;height:53px;display:inline-block;;background:url("../img/main/top_logo.png") no-repeat center; }
.top_menu {float:right;padding-top:30px;}
.nav_li {position: relative; display: inline-block;vertical-align: middle;}
.nav_li:after {width:1px;height:20px;background-color:#aaa;display: inline-block;vertical-align: -2px;content: "";}
.nav_li:nth-child(5):after {display:none;}
.nav_li.last:after {display: none;}
.nav_li.last {padding-right:0;}
.nav_li a {display:inline-block;font-size:20px;padding:0 20px 32px;}
.nav_li a:hover {font-weight:500;color:#000;}

@media screen and (max-width:1700px){
	.nav_li a {font-size:18px;}
}
@media screen and (max-width:1450px){
	.head h1 {width:100%;height:auto;text-align:center;padding-top:0;margin-bottom:5px;float:none;}
	.top_menu {float:none;width:100%;text-align:center;padding-top:15px;}
}
@media screen and (max-width:1110px){
	.top_menu {display: none;}
	.head h1 {text-align: left;line-height:0;margin:10px 0 14px;}
}
@media screen and (max-width:768px){
	.head h1 {margin:6px 0 14px;}
	.head h1 a {width: 100%;height:27px;background-size:auto 48px;background-position:center left;}
}


/*드롭다운메뉴*/
.dr_mn { position: absolute;left: 65px;right:65px;width:calc(100% - 130px);opacity: 0; z-index: -99;
	top:85px;background:rgba(0,25,85,0.95);padding:35px 65px 50px;box-shadow: 0px 12px 7px 6px rgb(0 0 0 / 40%);transition: all 0.3s linear;}
.main .dr_mn {width:calc(100% - 65px);right:0;}
.dr_mn .box {width:20%;display:block;float:left;padding:0 10px;}
.dr_mn a {color:#fff;}
.dr_mn .box .tit a {display: block;border-radius: 7px;border:1px solid rgba(255,255,255,0.5);text-align: center;width:100%;padding:10px 0;font-size:18px;}
.dr_mn .box .tit  {margin-bottom:15px;}
.dr_mn .box:hover .tit a, .dr_mn .box:active .tit a, .dr_mn .box:focus .tit a {border-color:#fdff6d; color:#fdff6d;}
.dr_mn .box ul li {padding:0 15px;opacity: 0.8;}
.dr_mn .box ul li a {font-size:18px;padding:5px 0 5px 20px;display: block;font-weight: 300;position:relative;}
.dr_mn .box ul li a:before {width:7px;height:7px;border-radius: 50%;border:3px solid #fff;content: "";
display: block;position:absolute;left:0;top:13px;}
.dr_mn .box ul li a:hover { color:#fdff6d;}
.dr_mn .box ul li a:hover:before {border-color:#fdff6d;}
.dr_mn .box ul li:hover {opacity: 1;}


.dropdown-visible .dr_mn, .top_menu:hover .dr_mn  { opacity: 1;transition: all 0.3s linear;z-index: 99;}

@media screen and (max-width:1700px){
	.dr_mn {top:80px;padding: 25px 50px 30px;left:40px;}
	.dr_mn .box .tit a {font-size:16px;}
	.dr_mn .box ul li a {font-size:15px;}
	.main .dr_mn {width:calc(100% - 40px);}
}
@media screen and (max-width:1450px){
	.dr_mn {top:120px;text-align:left;}
	.main .dr_mn, .dr_mn {width:100%;left:0;}
}
@media screen and (max-width:1110px){
	.main .dr_mn, .dr_mn {display: none;}
}


/* 모바일 메뉴 */
.mobile_open #mobile_gnb {transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);}
.menu_open {display:none;z-index:5;cursor:pointer;position: absolute;top:0;bottom:0;background:none;right:2%;font-size:0;border:none;height:auto;}
.menu_open span {position:relative;display: block;}
.menu_open span:before, .menu_open span:after {position:absolute;content: "";display:block;}
.menu_open span:before, .menu_open span:after, .menu_open span {width:38px;height:7px;border-radius: 7px;background-color:#0f3f81;}
.menu_open span:before {top:-12px;}
.menu_open span:after {bottom:-12px;}

@media screen and (max-width:768px){
	.menu_open {top:6px;}
	.menu_open span:before {top:-10px;}
	.menu_open span:after {bottom:-10px;}
	.menu_open span:before, .menu_open span:after, .menu_open span {height:6px;width:33px;}
}


#mobile_gnb {display:none;position:fixed;top:0px;left:0px;margin:0;padding-top:0px;overflow:hidden;overflow-y:auto;z-index:999;height:100%;width:100%;height:100%;background-color:#fff;}
#mobile_gnb {transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
#mobile_gnb .utile {padding:8px 12px;background-color:#f1f1f1}
#mobile_gnb .utile li {float:left;width:50%;}
#mobile_gnb .utile li:first-child {padding-right:1.75px}
#mobile_gnb .utile li:last-child {padding-left:1.75px}
#mobile_gnb .utile li a {display:block;width:100%;background-color:#fff;font-size:14px;color:#333;line-height:40px;text-align:center}
#mobile_gnb .utile li .u_ico {display:inline-bslock;position:relative;vertical-align:middle;background-repeat:no-repeat;background-position:0 0;background-size:auto}
#mobile_gnb .gnb_body {position:relative;}
#mobile_gnb .mgnb_list {width:100%;}
#mobile_gnb .mgnb_menu {border-bottom: 1px dashed #ddd;}
#mobile_gnb .mgnb_menu .mgnb_tit {display:block;position:relative;padding:0 12px 0 35px;font-size:18px;color:#333;line-height:55px;}
#mobile_gnb .mgnb_menu .mgnb_tit:before {width: 7px;height: 7px;border-radius: 50%;
    border: 5px solid #0f3f81;content: "";display: block;top: 19px;left: 11px;position: absolute;}
#mobile_gnb .mgnb_menu .mlnb {display:none;background-color:#2c6c9a;padding:7px 0;}
#mobile_gnb .mgnb_menu .mlnb ul li {line-height:40px;padding:0 20px;}
#mobile_gnb .mgnb_menu .mlnb ul li a.mlnb_tit
{display:block;padding:9px 27px;font-size:16px;color:#fff;position:relative;}
#mobile_gnb .mgnb_menu .mlnb ul li a.mlnb_tit:before {    width: 5px;
    height: 5px;
    position: absolute;
    left: 15px;
    top: 16px;
    content: "";
    display: block;
    background: #ffffff;
}

#mobile_gnb .mgnb_menu .mlnb ul li ul li {line-height:30px;color:#fff}
#mobile_gnb .mgnb_menu .mlnb ul li ul li {display:block;padding:0 30px;font-size:13px;color:#fff;}
#mobile_gnb .mgnb_menu .mlnb ul li ul li a {color:#fff}
#mobile_gnb .mgnb_menu .mlnb ul li p a {    color: #fff;
    font-size: 1em;
    background: #1e547b;
    padding: 7px 40px;
    width: 100%;
    display: block;}





#mobile_gnb .mobile_close {font-size: 0;position: absolute;right: 1.5%;width: 35px;height: 60px;top: 0;background-color: transparent;border:none; }
#mobile_gnb .mobile_close .fas {font-size:35px;color:#fff;}
#mobile_gnb .login_btn {position:relative;}
#mobile_gnb .login_btn a {    display: block;
    color: #fff;
    font-size: 1em;
    padding-left: 30px;
    background: url(../images/common/login_ico_wt.png) no-repeat 96% center;
    font-weight: 600;
    margin: 1% auto 0;
    width: 96%;
    background-size: auto 20px;
    background-color: #777;
    padding: 17px 3%;}

#mobile_gnb .login_member {    display: block;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    margin: 1% auto 0;
    width: 96%;
    background-size: auto 20px;
    background-color: #0d7e89;
    padding: 18px 3%;position:relative;}
#mobile_gnb .login_member span  {background: url("../images/common/login_ico_2_wt.png") no-repeat left center;padding-left:28px;background-size:auto 100%;}
#mobile_gnb .login_member .logout {display: inline-block;
    padding: 7px 15px;
    border: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    position: absolute;
    right: 16px;
    top: 10px;
    font-size: 14px;}

#mobile_gnb .gnb_head {background:#0f3f81;height:60px;padding:0 15px;}
#mobile_gnb .gnb_head .logo span {font-size:0;}
#mobile_gnb .gnb_head .logo {width:200px;
    height: 60px;
    background-image: url(../img/main/top_logo_wt.png);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;}

#mobile_gnb .mgnb_menu .mgnb_tit:after {
    display: block;
    content: "";
    position: absolute;
    top: 21px;
    right: 12px;
    width: 9px;
    height: 15px;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i6rKp66asX+uqqOuTnCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA4LjIzIDE1LjQ1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4LjIzIDE1LjQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojOTk5OTk5O30NCjwvc3R5bGU+DQo8cGF0aCBpZD0iWE1MSURfMTU3XyIgY2xhc3M9InN0MCIgZD0iTTAuNSwxNS40NWMtMC4xMywwLTAuMjYtMC4wNS0wLjM1LTAuMTVjLTAuMi0wLjItMC4yLTAuNTEsMC0wLjcxbDYuODctNi44N0wwLjE1LDAuODUNCgljLTAuMi0wLjItMC4yLTAuNTEsMC0wLjcxYzAuMi0wLjIsMC41MS0wLjIsMC43MSwwbDcuMjMsNy4yM2MwLjIsMC4yLDAuMiwwLjUxLDAsMC43MUwwLjg1LDE1LjNDMC43NiwxNS40LDAuNjMsMTUuNDUsMC41LDE1LjQ1eiINCgkvPg0KPC9zdmc+DQo=);
    transition: all 0.3s ease;
}
#mobile_gnb .mgnb_menu.active .mgnb_tit:after {
    top:24px;
    transform:rotate(90deg);
}


@media screen and (max-width:1110px){
    .menu_open,	#mobile_gnb {display:block;}
}

/*하단공통*/
.tail {padding:15px 0;background-color:#f1f1f1;}
.main .tail {padding:0 0 15px;background-color:#fff;}
.main .tail p, .main .tail a {color:#777;word-wrap: break-word;word-break: keep-all;}
.tail p.fr img {vertical-align: -5px;margin-left:5px;}
.tail p {font-size:0.85em;}
.tail a  {font-size:1em;display: inline-block;vertical-align: middle;} 
.tail .fl  {padding-top:12px;} 
.tail .fl a {display: inline-block;padding: 3px 15px;
    border-radius: 50px;color:#fff;
    font-size: 0.9em;background-color:#0d335f;}
.tail .fl a#site_map {background-color:#777;}

.tail .fl a:focus,
.tail .fl a:hover {border:2px dotted #fff;}

@media screen and (max-width:1700px){
	.tail p {float:none !important;width:100%;text-align: center;margin:5px 0;padding:0;}
	.tail p.fr img {display: block;margin:1% auto 0;}

}

@media screen and (max-width:650px){
	.main .tail, .tail {padding:3% 0 7%;}
}



/*테이블공통*/
table {border-spacing: 0px;border-collapse: collapse;width:100%;}
table tr th {border-top:1px solid #000;font-weight: 500;padding:10px 0;vertical-align: middle;}
table tr td {border:1px solid #ddd;padding:10px 15px;vertical-align: middle;}
table tr td:first-child {border-left:none;}
table tr td:last-child {border-right:none;}


/*게시판공통탭*/
.bbs_tab {text-align:center;margin-bottom:1.5%;}
.bbs_tab a {display:inline-block;width:170px;height:50px;line-height:47px;border-radius: 5px;border:1px solid #ddd;font-size:18px;margin:0 1px;}
.bbs_tab a:hover {font-weight: 500;}
.bbs_tab a.active {background-color:#126cb9;color:#fff;border-color:#126cb9;font-weight:500;}
.sub_tab.bbs_tab a.active {background: #1862b5;
    background: -moz-linear-gradient(to right, #1862b5, #012d63);
    background: -webkit-linear-gradient(to right, #1862b5, #012d63);
    background: linear-gradient(to right, #1862b5, #012d63);
	color:#fff;border-color:#0f3f81;font-weight:500;}
.sub_tab.bbs_tab {display: none;}

@media screen and (max-width:1400px){
	.sub_tab.bbs_tab {display: block;}
}
@media screen and (max-width:650px){
	.bbs_tab a {height:43px;line-height:40px;}
	.bbs_tab {margin-bottom:3%;}
}





/*검색영역*/
.sch_box {background:#f1f1f1;padding:40px;}
.sch_box .date_sch {float:left;width:45%;}
.sch_box .txt_sch {float:right;width:54%;}
.sch_box ul li {float:left;}
.sch_box ul li input, .sch_box ul li select, .sch_box ul li button {width:100%;box-sizing: border-box;}

.sch_box .date_sch ul li {width:calc(50% - 15px);}
.sch_box .date_sch ul li:nth-child(2) {width:30px;text-align:center;line-height:43px; }
.sch_box .date_sch ul li input[type="text"] {background:url("../img/sub/cal_ico_1.png") no-repeat ;background-color:#fff;background-position:right 10px bottom 50%;}

.sch_box .txt_sch ul li:nth-child(1) {width:30%;}
.sch_box .txt_sch ul li:nth-child(2) {width:55%;padding:0 5px;position:relative;}
.sch_box .txt_sch ul li:nth-child(3) {width:15%;}
.sch_box .txt_sch .btn_1#btnSearch {width:100% !important;}

.sch_box2 {margin:2% 0 1%;}
.sch_box2 .bbs_total {float:left;width:45%;margin:0;padding-top:15px;}
.sch_box2 .txt_sch  {float:right;width:54%;}
.sch_box2 ul li {float:left;}
.sch_box2 .txt_sch ul li:nth-child(1) {width:30%;}
.sch_box2 .txt_sch ul li:nth-child(2) {width:55%;padding:0 5px;position:relative;}
.sch_box2 .txt_sch ul li:nth-child(3) {width:15%;}
.sch_box2 ul li input, .sch_box2 ul li select, .sch_box2 ul li button {width:100%;}

.local_sch.sch_box .date_sch {width:30%;padding:0 1%;}
.local_sch.sch_box .lc_sch {width:25%;padding:0;float:left;}
.local_sch.sch_box .txt_sch {width:45%;}
.local_sch.sch_box .lc_sch select {width:100%;}




@media screen and (max-width:1700px){
	.bbs_tab a {width:calc(20% - 5px);}
	.sub_5_1 .bbs_tab a {width:calc(50% - 5px);} 
	.bbs_tab.tab_4 a {width:calc(25% - 5px);}
	.bbs_tab.tab_5 a {width:calc(16.666% - 5px);}
}

@media screen and (max-width:950px){
	.local_sch.sch_box .date_sch {padding-left:0;width:40%;}
	.local_sch.sch_box .txt_sch {width:60%;}
	.local_sch.sch_box .lc_sch {width:100%;float:none;padding-bottom:1%;}
	.sch_box {padding:2.5%;}
	.bbs_tab a, .bbs_tab a span {font-size:0.8em;}
}
@media screen and (max-width:650px){
	.sch_box .date_sch, .sch_box2 .txt_sch, .local_sch.sch_box .txt_sch, .local_sch.sch_box .date_sch  {float:none;width:100%;padding-right:0;}
	.sch_box .txt_sch {float:none;width:100%;}
	.sch_box2 .bbs_total {displa:none;padding-bottom:10px;}
	.bbs_tab a span {display:none;}
}


/*게시판리스트*/
.bbs_total {margin:4% 0 1%; font-size: 16px;}
.bbs_total b {color:#126cb9;font-weight:600;font-size:1em;font-family: 'G_mk';}
.bbs_total span {display:inline-block;border-left:1px solid #ddd;padding-left:10px;margin-left:7px;font-size:1em;font-family: 'G_mk';font-weight: 400;}
.bbs_list table {width:100%;margin-bottom:15px;}
.bbs_list table tr td {border-left:none;border-right:none;padding:15px;}
.bbs_list table tr:hover td {background-color:#f1f1f1;}
.bbs_list td.sbj {text-align:left; }
.bbs_list td.sbj p {display:inline-block;vertical-align:top;}
.bbs_list .sbj a { display:block; padding:0 20px;}
.bbs_list td.num {width:5%;text-align: center;}
.bbs_list td.file {width:5%;text-align: center;}
.bbs_list td.date {width:15%;text-align: center;}
.bbs_list td.counter {width:10%;text-align: center;}
.bbs_list td.cta {text-align:center;width:20%;}

.bbs_list .cate {display: inline-block;color:#fff;font-size:15px;padding:3px 15px;border-radius: 5px;margin-right:2px;}
.bbs_list .cate_type1 {background-color:#4b8300;}
.bbs_list .cate_type2 {background-color:#8f6c0c;}
.bbs_list .cate_type3 {background-color:#005398;}
.bbs_list .cate_type4 {background-color:#5e05b2;}
.bbs_list .cate_type5 {background-color:#777;}

.bbs_list .lc_type1 {background-color:#ba5304;}
.bbs_list .lc_type2 {background-color:#126cb9;}
.bbs_list .lc_type3 {background-color:#807300;}
.bbs_list .lc_type4 {background-color:#008368;}
.bbs_list .lc_type5 {background-color:#4a4ea3;}
.bbs_list .lc_type6 {background-color:#777777;}
.bbs_list .lc_type7 {background-color:#017e8d;}
.bbs_list .lc_type8 {background-color:#993593;}


@media screen and (max-width:1200px){
	.bbs_list .sbj a {white-space: inherit;text-overflow: inherit;width:auto;line-height: 1.4;}
	.bbs_list .num, .bbs_list .file, .bbs_list .counter {display:none;}
}
@media screen and (max-width:600px){
	.bbs_total {margin-top:5%}
	.bbs_list table td.date {font-size:14px;padding:18px 7px;}
	.bbs_list table tr td {padding:10px;}
	.bbs_list .sbj a {padding:0;}
	.bbs_list td.sbj p {display:block;}
	.bbs_list td.cta {width:auto;}
}



/*게시판리스트-갤러리형*/
.gall_list ul {margin:0 -8.5px;}
.gall_list ul li {float:left;width:33.3%;padding:0 8.5px 17px;}
.gall_list ul li .line {border:1px solid #ddd;position:relative;padding:10px;}
.gall_list ul li .line a.img {display: block;position: relative;overflow: hidden;height:200px;}
.gall_list ul li .line a.img img {width:100%;height:auto;}
/*
.gall_list ul li .line a.img img {position: absolute;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.gall_list ul li .line a.img video {position: absolute;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.gall_list ul li .line a.img .thum  {position: absolute;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.gall_list ul li .line a.img audio.thum {background:url(../images/common/audio_bg.png) no-repeat 50% 35%;background-color:#f1f1f1;}
*/

.gall_list ul li .line .cate {display:inline-block;position:absolute;left:0;top:0;text-align:center;font-size:1em;z-index: 9;padding:7px 0;letter-spacing: -2px;color:#fff;width:100px;}

.gall_list ul li .txt {padding:0 5px;}
.gall_list ul li .line .tit {font-weight: 500;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis ;display:block;width:100%;font-size:1em;margin:10px 0 7px;}
.gall_list ul li .line .ctt {font-size:0.9em;display:none;height:60px;}
.gall_list ul li .line  span {font-size:15px;color:#777;display:block;font-family: 'G_mk';font-weight: 500;}
.gall_list ul li .line  span:before {/*content:"\f073";font-family: "Font Awesome 5 Free";display:inline-block;font-weight:300;color:#777;vertical-align:middle;margin-right:7px;*/}
.gall_list ul li .line:hover {border-color:#1c4dac;}

.lb_green1 {background-color:#059d7b;}
.lb_pup1 {background-color:#6417b2;}
.lb_yellow1 {background-color:#bd8e1d;}

@media screen and (max-width:1100px){
	.gall_list ul li .line .ctt {height:75px;}
	.gall_list ul li .line a.img audio.thum {background-size:auto 70px;}
}

@media screen and (max-width:980px){
	.gall_list ul {margin:0 -3px}
	.gall_list ul li {width:50%;padding:0 3px 7px;}
	.gall_list ul li .line a.img audio.thum {background-size:auto;}
}

@media screen and (max-width:980px){
	.gall_list ul li .line a.img audio.thum {background-size:auto 70px;}
}

@media screen and (max-width:460px){
	.gall_list ul {margin:0}
	.gall_list ul li {width:100%;float:none;padding:0 0 2%;}
	.gall_list ul li .line .ctt {margin-bottom:15px;height:auto;}
}


/*게시판 버튼*/
.bbs_btn .btn_dft {padding:0 13px;height:40px;line-height:38px;}
.bbs_btn .btn_dft.btn_1 {padding:0 45px;}


/*페이징*/
.page {text-align:center;}
.page a {width:30px;height:30px;display:inline-block;vertical-align: middle;text-align:center;line-height:33px;font-size:14px;margin:0 -1.5px;border-radius: 50%; font-family: 'G_mk';font-weight: 400;
background-position:center;background-repeat: no-repeat;}
.page span.txt {margin:0 7px;}
.page a.active {background:#0f3f81;color:#fff;}
.page a.active:focus,
.page a.active:hover {border:2px dotted #fff;}
.page a .fas {color:#777;padding-top: 6px;}
.page a .fas:hover {color:#0f3f81;}

@media screen and (max-width:768px){
	.page {margin-top:7%;}
}
@media screen and (max-width:460px){
	.page a {width:20px;height:20px;line-height:20px;font-size:12px;}
	.page a .fas {padding-top:2px;}
}


/*글쓰기*/
.wrt_box h4 {font-size: 30px;position:relative;padding-left:39px;margin-bottom:20px;}
.wrt_box h4:before {width:14px;height:14px;border-radius: 50%;border:9px solid #0e9284;
	display:block;content: "";position:absolute;left:0;top:0;}

.wrt_box .f_box textarea {height:200px;}
.wrt_btn {text-align: center;margin-top:3%;}
.wrt_btn button, .wrt_btn .btn_dft {width:250px;font-size:1em;text-align:center;display: inline-block;height:50px;line-height:46px;}

@media screen and (max-width:1100px){
	.wrt_btn button, .wrt_btn .btn_dft {width:150px;}
}
@media screen and (max-width:950px){
	.wrt_box h4 {font-size:25px;padding-left:34px;margin-bottom:16px;}
	.wrt_box h4:before {width:10px;height:10px;border:8px solid #0e9284}
	.wrt_btn button, .wrt_btn .btn_dft {height:55px;line-height:55px;}
	.wrt_box .f_box textarea {height:200px;}
}


/*폼 기본*/
.f_box {border:1px solid #ddd;}
.f_box  dl {display:table;border-bottom:1px solid #ddd;width:100%;border-spacing: 0px;
    border-collapse: collapse;}
.f_box div:last-child dl {border-bottom:none;}
.f_box .last dl {border-bottom:none;}
.f_box  dl dt {display: table-cell;width:20%;background:#f1f1f1;text-align:center;font-weight:500;min-width:250px;
	vertical-align: middle;word-break:break-all;box-sizing: border-box;}
.f_box  dl dd {display: table-cell;vertical-align: middle;padding:10px 35px;word-break:break-all;width:80%;box-sizing: border-box;}
.f_box  dl dd span {padding:5px 0;display:inline-block;}
.f_box  dl dd label {font-size:0.9em;}
.f_box  dl dd .name {float:none;width:100%;margin-bottom:5px;}
.f_box div.w100:before, .f_box div.w100:after
{content: ""; display: block; clear: both;}
.f_box div dl.w50 {float:left;width:50%;}
.f_box dl.file p {font-size:0.8em;color:#666;line-height:1.4;margin-top:7px;}
.f_box dl.file .btn_2 {width:100px;border:1px solid #999;margin-left:3px;}
.f_box .e_mail {overflow: hidden;}
.f_box .e_mail p {float:left;width:45%;padding:0 2px;}
.f_box .e_mail p.at {width:10%;line-height:45px;text-align:center;}

.f_box .f_2 {overflow: hidden;}
.f_box .f_2 p {float:left;width:50%;padding:0 2px;}
.f_box .f_3 {overflow: hidden;}
.f_box .f_3 p {float:left;width:33.3%;padding:0 2px;}
.f_box .f_4 {overflow: hidden;}
.f_box .f_4 p {float:left;width:25%;padding:0 2px;}

.f_box div dl.dd_2 dd {width:40%;}
.f_box textarea {height:200px;}

@media screen and (max-width:1100px){
	.f_box dl dt {min-width:170px;}
}
@media screen and (max-width:950px){
	.f_box dl dd {padding:10px;}
	.f_box dl dd span {padding:0 0;}
}
@media screen and (max-width:600px){
	.f_box .w100 dl dd .w30, .f_box .w100 dl dd .w50 {width:100% !important;}
	.f_box textarea {height:150px;}
	.f_box dl dt {min-width:130px;}
	.f_box dl.dd_2 dd {width:100% !important;display:block;}


}
@media screen and (max-width:460px){
	.f_box dl dt {min-width:100px;}
	.f_box div dl.w50 {width:100% !important;float:none;}

}
@media screen and (max-width:380px){
	.f_box dl.file .btn_2 {width:70px;}
}


/*글보기*/
.view_box .top {border-top:1px solid #222;}
.view_box .subject {font-size:1.3em;letter-spacing: -1px;padding:1.5% 20px;
	word-wrap: break-word; word-break: keep-all;line-height:1.5;}
.view_box .info {background:#777;padding:9px 20px 11px;}
.view_box .info p {display:inline-block;font-size:16px;color:#fff;position:relative;margin-right:10px;}
.view_box .info p:before {display:inline-block;width:5px;height:5px;content: "";vertical-align: 1px;margin-right:7px;border-radius: 50%;border:3px solid #fff; }
.view_box .info p span {font-weight:500;color:#fff;font-size:1em;}
.view_box .file {border:1px solid #ddd;padding:8px 19px 11px;margin-top:7px;}
.view_box .file dt {display:inline-block;vertical-align: middle;font-weight: 500;font-size:16px;margin-right:10px;position:relative;}
.view_box .file dd {display:inline-block;vertical-align: middle;}
.view_box .file dd a {font-size:16px;}
.view_box .file dd img {display:inline-block;vertical-align: middle;margin-right:2px;}
.view_box .file dt.dot:before {top:calc(50% - 6px);border-color:#777;}
.view_box .cont {padding:3% 2%;line-height:1.6;min-height:350px;margin-bottom:1%;}
.view_box .cont img {max-width:100%;height:auto;}
.view_box .article {border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:4%;}
.view_box .article  li.prv {border-bottom:1px dashed #ddd;}
.view_box .article  li:hover {background:#f1f1f1;}
.view_box .article  li a {display:block;padding:15px 20px;}
.view_box .article  li a p {font-weight: 500;float:left;width:7%}
.view_box .article  li a p.sbj {font-weight:300;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:93%;padding-left: 10px;}
.view_box .article  li a:after, .view_box .article  li a:before {content: ""; display: block; clear: both;}


@media screen and (max-width:768px){
         .view_box .cont iframe, video {max-width:100%!important;height:350px !important;}
	.view_box .info p, .view_box .file dt, .view_box .file dd a, .view_box .article li a {font-size:16px;}
	.view_box .article  li a p {float:none;width:100%}
	.view_box .article  li a p.sbj {width:100%;margin-top:5px;position:relative}
	.view_box .article  li a p.sbj:before {position:absolute;left:0;content: "";display:block;width:5px;height:5px;border-radius: 50%;background:#ddd;top:5px;}
	.view_box .subject {font-size:1.2em;}
}



/*완료*/
.complete {border:5px solid #eee;padding:7% 0 9%;text-align:center;}
.complete dl {background:url("../img/sub/complete.png") no-repeat center top;padding-top:125px;}
.complete dl dt {font-size:2em;font-weight: 700;letter-spacing: -2px;font-family: 'G_mk';}
.complete dl i {font-size:1em;font-weight: inherit;}
.complete dl dd {font-size:25px;color:#555;}
.complete .btn_dft {width:250px;font-size:20px;margin-top:2%;height:48px;}

@media screen and (max-width:768px){
	.complete dl dt {font-size:1.5em;}
	.complete dl dd {font-size:1.1em;}
	.complete .btn_dft  {font-size:1em;}
}




/*댓글*/
.cmt_area {margin-bottom:2%;}
.cmt_area .tit {background:#f1f1f1;padding:10px 20px;margin-bottom:10px;}
.cmt_area .tit span {position:relative;padding-left:22px;font-size:1.05em;font-weight: 500;}
.cmt_area .tit span:before {width:5px;height:5px;border-radius: 50%;border:5px solid #0b3972;position:absolute;
	left:0;top:7px;content: "";display:block;}
.cmt_area .cmt_view {margin-bottom:10px;}
.cmt_area .inner_box {border:1px solid #ddd;padding:25px 30px;border-top:2px solid #222;}
.cmt_btn_area .cmt_btn {padding:5px 15px;font-size:0.8em;}
.commnet_write textarea {height:100px;width:100%;box-sizing: border-box;}

.comment_wrap{border-top: 1px solid #ddd; padding: 15px 10px;}
.comment_wrap:first-of-type{border-top:none; padding-top: 8px;}
.comment_wrap .comment_name{width:100%;}
.comment_wrap .comment_name .left {display: inline-block;width:60%; font-weight:500; vertical-align: middle;}
.comment_wrap .comment_name .left .fas {color:#0c3972;}
.comment_wrap .comment_name .right{display: inline-block; width:39%;text-align:right;}
.comment_wrap .comment_name .date {color:#888;font-size:0.9em}
.comment_wrap .comment_name .btn_comment_delete{margin-left: 10px;}
.comment_wrap .comment{margin-top:14px; line-height: 1.4em;font-size:0.9em;color:#777}

.commnet_write .comment_info{margin-bottom: 8px;}
.commnet_write .comment_txt{float: left; font-size: 0.9em; padding:1px 0 6px 18px;}
.commnet_write .check_secret{display: inline-block; margin-right: 12px}
.commnet_write .check_secret.wrap_check label {font-size: 0.8rem;}
 

@media screen and (max-width:768px){
	.cmt_area .inner_box {padding:10px;}
}

/*팝업영역*/
.pop_area {position:absolute;z-index:999;top:20px !important;}
.popup_dft {display:inline-block;width:auto;height:auto;background-color:#333;}
.popup_dft .pop_ctt img {max-width:100%;height:auto;}
.popup_dft .layer_closed {overflow:hidden;padding:0px 8px 9px;}
.popup_dft .layer_closed input[type="checkbox"] {margin:0;vertical-align:0;}
.popup_dft .layer_closed label, .popup_dft .layer_closed a {color:#fff;font-size:13px;}
.popup_dft .layer_closed a {float:right;background-color:#555;padding:2px 14px;margin-top:3px;}

@media screen and (max-width:560px){
	.pop_area {right:10px !important;left:10px !important;top:10px !important;}
       .popup_dft .pop_ctt img {height:auto !important;}
}














/* 2022-12-09 */

.hide { display: none !important; }


.head .inner { text-align: right; }
.head h1 { padding-top: 0; }

.dr_mn .box ul li a { text-align: left; }

.sub_nv .nv_tit { display: flex; justify-content: center; align-items: center; }
.bot_ct:after { display: none; }

.sub_top { display: flex; justify-content: flex-end; align-items: center; }
@media screen and (max-width: 1400px) { 
	.sub_top { justify-content: center; } 
}

.sub1_1 .sec2 h5 { top: 50% !important; transform: translateY(-50%); }
@media screen and (max-width: 980px) { 
	.sub1_1 .sec2 h5 { position: static; transform: none; } 
}

.sub1_2 .sec2 .tit { display: flex; justify-content: center; align-items: center; }

.sub2_3 .cont_box .box { height: 880px; }


.sub3_1 .map_top dt { display: flex; justify-content: center; align-items: center; }
.sub3_1 .map_top dd { display: flex; justify-content: center; align-items: center; }



.gnb { display: inline-block; height: 80px; }
.gnb::before { position: absolute; left: 0; right: 0; top: 100%; z-index: 100; content: ""; display: none; width: 100%; height: 480px; background-color: rgba(0,25,85,0.95); box-shadow: 0 4px 16px rgba(0,0,0,0.5); }
.gnb .mainMenu { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 20px; padding: 0 32px; }
.gnb .mainMenu::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: block; width: 1px; height: 16px; background-color: #000; opacity: 0.3; }
.gnb .mainMenu:hover { font-weight: 500; }

.gnb .subMenu { position: relative; display: block; color: #fff; font-size: 18px; font-weight: 300; text-align: left; padding: 8px; padding-left: 24px; }
.gnb .subMenu::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: block; width: 8px; height: 8px; border: 3px solid #fff; border-radius: 50%; }
.gnb .subMenu:hover { color: #fdff6d; }
.gnb .subMenu:hover::before { border-color: #fdff6d; }

.gnb .dropBox { position: absolute; top: 100%; left: 0; z-index: 200; display: none; flex-direction: column; width: calc((100% - (65px * 2)) / 5); height: 480px; padding: 32px 8px; }
.gnb .dropBox .tit { flex: none; display: block; color: #fff; font-size: 18px; text-align: center; border: 1px solid rgba(256,256,256,0.5); border-radius: 8px; padding: 8px 16px; }
.gnb .dropBox ul { flex: auto; display: block; padding: 16px; }
.gnb .dropBox li { display: block; padding: 0 8px; }
.gnb .dropBox:hover .tit { color: #fdff6d; border-color: #fdff6d; }

.gnb ul { display: inline-flex; height: 100%; }
.gnb li { display: inline-flex; padding-top: 16px; }
.gnb li:nth-of-type(1) .mainMenu::before { display: none; }
.gnb li:nth-of-type(1) .dropBox { left: 65px; }
.gnb li:nth-of-type(2) .dropBox { left: calc(((100% - (65px * 2)) / 5) + 65px); }
.gnb li:nth-of-type(3) .dropBox { left: calc((((100% - (65px * 2)) / 5) * 2) + 65px); }
.gnb li:nth-of-type(4) .dropBox { left: calc((((100% - (65px * 2)) / 5) * 3) + 65px); }
.gnb li:nth-of-type(5) .dropBox { left: calc((((100% - (65px * 2)) / 5) * 4) + 65px); }

.gnb:hover::before { display: block; }
.gnb:hover .dropBox { display: flex; }

.gnb.on::before { display: block; }
.gnb.on .dropBox { display: flex; }

@media screen and (max-width:1700px){
	.head .inner { text-align: left; }
	.head h1 { float: none; }
	
	.gnb { display: block; text-align: right; }
	.gnb .mainMenu { font-size: 18px; }
	.gnb > ul { display: inline-flex; }
	.gnb > ul > li { display: inline-flex; padding-top: 16px; }
}
@media screen and (max-width:1450px){
	.gnb { text-align: center; }
}
@media screen and (max-width:1110px){
	.gnb { display: none; }
}