@charset "euc-kr";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

body,html {font-family:'Pretendard', sans-serif;}
/* ���� */
#header,
.visualWrap,
#section,
#contents,
#bottomBanner,
#footer .inner {width:1260px; margin:0 auto;}
html{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
/* [����] ��Ʈ�÷� */
.fc_blu, .fc_blu a:link, .fc_blu a:visited, a.fc_blu, a.fc_blu:link, a.fc_blu:visited {color:#0071ff !important;}
.fc_blu a:hover, a.fc_blu:hover {color:#0071ff !important;}
.fc_ora06, .fc_ora06 a:link, .fc_ora06 a:visited, a.fc_ora06, a.fc_ora06:link, a.fc_ora06:visited{color:#ff5400 !important;}
.fc_ora06 a:hover, a.fc_ora06:hover {color:#ff5400 !important;}

/* select */
span.selectbox{position:relative;display:inline-block;height:36px;overflow:hidden;vertical-align:middle;}
span.selectbox span{display:block;height:auto;line-height:34px;overflow:hidden;padding:0 38px 0 10px;background:#fff url(../images/members/ico_form.png) no-repeat 100% -1166px;border:1px solid #dbdbdb;color:#999;font-size:13px;letter-spacing:-0.075em;}
span.selectbox select{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;opacity:0;filter:alpha(opacity=0);}
span.selectbox:focus span {color:#000;}
span.selectbox span.on {border:1px solid #081657;color:#000;}

/* select style */
.select_box {display:inline-block;vertical-align:middle;}
.select_box.disabled {pointer-events: none;opacity: 0.4;border:none;}
.select_box.disabled .sel {display:none;}
.select_box .name {height: 40px;background:#fff url(../images/members/ico_form.png) no-repeat 100% -1166px;border:1px solid #ccc;box-sizing:border-box;border-radius:5px;}
.select_box .name a {display:block;line-height:40px;padding:0 38px 0 10px;color:#999;font-size:13px;letter-spacing:-0.075em}
.select_box .name a span {display:inline-block;line-height:38px;padding:0;text-indent:0;}
.select_box .sel {position:relative;}
.select_box .sel ul {display:none;position:absolute;top:-1px;left:0;width:100%;max-height: 225px;padding:3px 0;overflow-y:auto;background:#fff;border:1px solid #dcdcdc;box-sizing:border-box;z-index:500;}
.select_box .sel ul li a {display:block;padding:10px 20px;color:#666;font-size:13px;}
.select_box .sel ul li:first-child a {color:#999;padding:10px 20px;}
.select_box.on .sel ul {display:block;}

/* check,radio */
label.radiobox,
label.checkbox{line-height:20px;vertical-align:middle;}
label.radiobox{display:inline-block;zoom:1;*display:inline;height:20px;margin:0 0 0 18px;background:url(../images/common/radio_off.png) no-repeat 0 50%;line-height:18px;}
label.radiobox.lb,
label.radiobox:first-child {margin-left:0;}
label.radiobox input.rdi{width:20px;height:20px;margin-right:5px;opacity:0;filter:alpha(opacity=0);vertical-align:top;cursor: pointer;}
label.radiobox span {display:inline-block;line-height:20px;font-size: 14px;color: #666;vertical-align:top;}
label.radiobox.on{background-image:url(../images/common/radio_on.png);}
label.radiobox.on span {color:#081657;}
label.checkbox{display:inline-block;zoom:1;*display:inline;width:auto;height:20px;margin-right:15px;font-size:0;background:url(../images/common/chk_off.jpg) no-repeat 0 50%;line-height:18px;box-sizing:border-box;}
label.checkbox.lb,
label.checkbox:first-child{margin-left:0;}
label.checkbox input.chk{width:20px;height:20px;margin-right:5px;opacity:0;filter:alpha(opacity=0);vertical-align:top;cursor: pointer;}
label.checkbox span{display:inline-block;line-height:20px;font-size: 14px;color: #666;vertical-align:top;}
label.checkbox.on{background:url(../images/common/chk_on.jpg) no-repeat 0 50%;}
label.checkbox.on span {color:#081657;}
label.checkbox.all{background-position: 0px 0px;}
label.checkbox.all.on{background-position:0 -48px;}

/* input */
input[type="text"],
input[type="number"],
input[type="password"] {height:36px;line-height:36px;font-size:14px;color:#000 !important;text-indent:10px;border:1px solid #dbdbdb;box-sizing:border-box;}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus {color:#000;border:1px solid #081657; outline: none;}
input[type=text]::-ms-clear,
input[type=number]::-ms-clear,
input[type=password]::-ms-clear,
input[type=password]::-ms-reveal{display: none !important;}

/* textarea */
textarea {padding:20px;line-height:1.5;font-size:18px;color:#999;box-sizing:border-box;border:1px solid #dbdbdb;}
textarea:focus {color:#000;border:1px solid #081657; outline: none;}

/* button */
button {outline: none;}

/* placeholder */
/* IE9 ���ϸ� ���� css */
.placeholder {color: #999;}
/* IE10 �̻��� ���� css */
input::placeholder,
textarea::placeholder {color: #999;opacity: 1; /* ���̾��������� �ѿ��� ������ ������ �����ϱ� ���� css */}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999;}
/* IE */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999;}
/* Firefox */
input:-mos-input-placeholder,
textarea:-mos-input-placeholder {color: #999;}

/* filebox */
span.filebox {position:relative; display:inline-block; *display:inline; zoom:1; width:100%; height:66px; margin:0 0 12px;vertical-align:middle;}
span.filebox span {z-index:2; position:absolute; right:-1px; top:0; height:66px;line-height:66px;font-size:18px;padding:0 25px; background-color:#19416e;color:#fff; cursor:default;}
span.filebox input.txt,
span.filebox input.file {position:absolute; left:0; top:0;}
span.filebox input.txt {z-index:1; width:100%;height:66px; margin:0; background-color:transparent; border-color:#e5e5e5; text-indent:10px; *text-indent:0;}
span.filebox input.file {z-index:3; width:100%;height:66px;margin:0; padding:0; opacity:0; filter:alpha(opacity=0);}

/* �����ܰ��� */
.company_icon {display:block;zoom:1;margin:0;padding:5px 0 0;;font-size:0;}
.company_icon em, em.icon{display:inline-block;line-height:20px;margin:5px 3px 0 0;padding:0 5px;font-size:11px;color:#9e9e9e;border:1px solid #e2e2e2;border-radius: 5px;box-sizing:border-box;}
.company_icon em.on, em.icon.on {color:#2384ff;}
.company_icon em.icon.i-kosdaq.on {color:#fe6000;}

/* �ֿ� ��Ʈ ���� */
.fc_white, .fc_white a:link, .fc_white a:visited, a.fc_white, a.fc_white:link, a.fc_white:visited {color:#fff !important;}
.fc_white a:hover, a.fc_white:hover {color:#fff !important;}
.fc_black, .fc_black a:link, .fc_black a:visited, a.fc_black, a.fc_black:link, a.fc_black:visited {color:#000 !important;}
.fc_black a:hover, a.fc_black:hover {color:#000 !important;}

.fc_red, .fc_red a:link, .fc_red a:visited, a.fc_red, a.fc_red:link, a.fc_red:visited {color:#1e53a2 !important;}
.fc_red a:hover, a.fc_red:hover {color:#f00 !important;}
.fc_red2, .fc_red2 a:link, .fc_red2 a:visited, a.fc_red2, a.fc_red2:link, a.fc_red2:visited {color:#ff1e00 !important;}
.fc_red2 a:hover, a.fc_red2:hover {color:#ff1e00 !important;}

.fc_ora, .fc_ora a:link, .fc_ora a:visited, a.fc_ora, a.fc_ora:link, a.fc_ora:visited {color:#ff4800 !important;}
.fc_ora a:hover, a.fc_ora:hover {color:#ff4800 !important;}
.fc_ora02, .fc_ora02 a:link, .fc_ora02 a:visited, a.fc_ora02, a.fc_ora02:link, a.fc_ora02:visited {color:#e14f00 !important;}
.fc_ora02 a:hover, a.fc_ora02:hover {color:#e14f00 !important;}
.fc_ora03, .fc_ora03 a:link, .fc_ora03 a:visited, a.fc_ora03, a.fc_ora03:link, a.fc_ora03:visited {color:#f26522 !important;}
.fc_ora03 a:hover, a.fc_ora03:hover {color:#f26522 !important;}
.fc_ora04, .fc_ora04 a:link, .fc_ora04 a:visited, a.fc_ora04, a.fc_ora04:link, a.fc_ora04:visited {color:#ff7300 !important;}
.fc_ora04 a:hover, a.fc_ora04:hover {color:#ff7300 !important;}
.fc_ora05, .fc_ora05 a:link, .fc_ora05 a:visited, a.fc_ora05, a.fc_ora05:link, a.fc_ora05:visited{color:#d57b67 !important;}
.fc_ora05 a:hover, a.fc_ora05:hover {color:#d57b67 !important;}
.fc_ora06, .fc_ora06 a:link, .fc_ora06 a:visited, a.fc_ora06, a.fc_ora06:link, a.fc_ora06:visited{color:#ff5400 !important;}
.fc_ora06 a:hover, a.fc_ora06:hover {color:#ff5400 !important;}

.fc_blu, .fc_blu a:link, .fc_blu a:visited, a.fc_blu, a.fc_blu:link, a.fc_blu:visited {color:#081657 !important;}
.fc_blu a:hover, a.fc_blu:hover {color:#006cff !important;}
.fc_blu02, .fc_blu02 a:link, .fc_blu02 a:visited, a.fc_blu02, a.fc_blu02:link, a.fc_blu02:visited {color:#1568E0 !important;}
.fc_blu02 a:hover, a.fc_blu02:hover {color:#1568E0 !important;}
.fc_blu03, .fc_blu03 a:link, .fc_blu03 a:visited, a.fc_blu03, a.fc_blu03:link, a.fc_blu02:visited{color:#1f81fc !important;}
.fc_blu03 a:hover, a.fc_blu03:hover {color:#1f81fc !important;}
.fc_blu04, .fc_blu04 a:link, .fc_blu04 a:visited, a.fc_blu04, a.fc_blu04:link, a.fc_blu04:visited{color:#0096ff !important;}
.fc_blu04 a:hover, a.fc_blu04:hover {color:#0096ff !important;}
.fc_blu05, .fc_blu05 a:link, .fc_blu05 a:visited, a.fc_blu05, a.fc_blu05:link, a.fc_blu05:visited{color:#00a2ff !important;}
.fc_blu05 a:hover, a.fc_blu05:hover {color:#00a2ff !important;}
.fc_blu06, .fc_blu06 a:link, .fc_blu06 a:visited, a.fc_blu06, a.fc_blu06:link, a.fc_blu06:visited{color:#005aff !important;}
.fc_blu06 a:hover, a.fc_blu06:hover {color:#005aff !important;}
.fc_blu07, .fc_blu07 a:link, .fc_blu07 a:visited, a.fc_blu07, a.fc_blu07:link, a.fc_blu07:visited{color:#529fff !important;}
.fc_blu07 a:hover, a.fc_blu07:hover {color:#529fff !important;}
.fc_blu08, .fc_blu08 a:link, .fc_blu08 a:visited, a.fc_blu08, a.fc_blu08:link, a.fc_blu08:visited{color:#00baff !important;}
.fc_blu08 a:hover, a.fc_blu08:hover {color:#00baff !important;}
.fc_blu09, .fc_blu09 a:link, .fc_blu09 a:visited, a.fc_blu09, a.fc_blu09:link, a.fc_blu09:visited{color:#42a4e9 !important;}
.fc_blu09 a:hover, a.fc_blu09:hover {color:#42a4e9 !important;}


.fc_navy, .fc_navy a:link, .fc_navy a:visited, a.fc_navy, a.fc_navy:link, a.fc_navy:visited{color:#2f69b7 !important;}
.fc_navy a:hover, a.fc_navy:hover {color:#2f69b7 !important;}

.fc_gren, .fc_gren a:link, .fc_gren a:visited, a.fc_gren, a.fc_gren:link, a.fc_gren:visited{color:#48a100 !important;}
.fc_gren a:hover, a.fc_gren:hover {color:#48a100 !important;}

.fc_gra3, .fc_gra3 a:link, .fc_gra3 a:visited, a.fc_gra3, a.fc_gra3:link, a.fc_gra3:visited {color:#333 !important;}
.fc_gra3 a:hover, a.fc_gra3:hover {color:#333 !important;}
.fc_gra5, .fc_gra5 a:link, .fc_gra5 a:visited, a.fc_gra5, a.fc_gra5:link, a.fc_gra5:visited {color:#555 !important;}
.fc_gra5 a:hover, a.fc_gra5:hover {color:#555 !important;}
.fc_gra6, .fc_gra6 a:link, .fc_gra6 a:visited, a.fc_gra6, a.fc_gra6:link, a.fc_gra6:visited {color:#666 !important;}
.fc_gra6 a:hover, a.fc_gra6:hover {color:#666 !important;}
.fc_gra7, .fc_gra7 a:link, .fc_gra7 a:visited, a.fc_gra7, a.fc_gra7:link, a.fc_gra7:visited {color:#747474 !important;}
.fc_gra7 a:hover, a.fc_gra7:hover {color:#747474 !important;}
.fc_gra9, .fc_gra9 a:link, .fc_gra9 a:visited, a.fc_gra9, a.fc_gra9:link, a.fc_gra9:visited {color:#999 !important;}
.fc_gra9 a:hover, a.fc_gra9:hover {color:#999 !important;}
.fc_graA, .fc_graA a:link, .fc_graA a:visited, a.fc_graA, a.fc_graA:link, a.fc_graA:visited {color:#aaa !important;}
.fc_graA a:hover, a.fc_graA:hover {color:#aaa !important;}
.fc_graB, .fc_graB a:link, .fc_graB a:visited, a.fc_graB, a.fc_graB:link, a.fc_graB:visited {color:#bbb !important;}
.fc_graB a:hover, a.fc_graB:hover {color:#bbb !important;}

.fc_01, .fc_01 a:link, .fc_01 a:visited, a.fc_01, a.fc_01:link, a.fc_01:visited {color:#666;} /* �׷��� 666 */
.fc_01 a:hover, a.fc_01:hover {color:#666; text-decoration:underline;}
.fc_02, .fc_02 a:link, .fc_02 a:visited, a.fc_02, a.fc_02:link, a.fc_02:visited {color:#2255AA;} /* ���2 */
.fc_02 a:hover, a.fc_02:hover {color:#2255AA; text-decoration:underline;}
.fc_03, .fc_03 a:link, .fc_03 a:visited, a.fc_03, a.fc_03:link, a.fc_03:visited {color:#1155DD;} /* ���3 */
.fc_03 a:hover, a.fc_03:hover {color:#1155DD; text-decoration:underline;}
.fc_04, .fc_04 a:link, .fc_04 a:visited, a.fc_04, a.fc_04:link, a.fc_04:visited {color:#2288CC;} /* ���4 */
.fc_04 a:hover, a.fc_04:hover {color:#2288CC; text-decoration:underline;}
.fc_05, .fc_05 a:link, .fc_05 a:visited, a.fc_05, a.fc_05:link, a.fc_05:visited {color:#229900;} /* ��� */
.fc_05 a:hover, a.fc_05:hover {color:#229900; text-decoration:underline;}
.fc_06, .fc_06 a:link, .fc_06 a:visited, a.fc_06, a.fc_06:link, a.fc_06:visited {color:#444;} /* �׷��� 444 */
.fc_06 a:hover, a.fc_06:hover {color:#444; text-decoration:underline;}
.fc_07, .fc_07 a:link, .fc_07 a:visited, a.fc_07, a.fc_07:link, a.fc_07:visited {color:#FF3311;} /* ����2 */
.fc_07 a:hover, a.fc_07:hover {color:#FF3311; text-decoration:underline;}
.fc_08, .fc_08 a:link, .fc_08 a:visited, a.fc_08, a.fc_08:link, a.fc_08:visited {color:#5555FF;} /* ���5 */
.fc_08 a:hover, a.fc_08:hover {color:#5555FF; text-decoration:underline;}
.fc_09, .fc_09 a:link, .fc_09 a:visited, a.fc_09, a.fc_09:link, a.fc_09:visited {color:#999;} /* #999999 */
.fc_09 a:hover, a.fc_09:hover {color:#999; text-decoration:underline;}
.fc_10, .fc_10 a:link, .fc_10 a:visited, a.fc_10, a.fc_10:link, a.fc_10:visited {color:#4455CC;} /* ���6 */
.fc_10 a:hover, a.fc_10:hover {color:#4455CC; text-decoration:underline;}
.fc_11, .fc_11 a:link, .fc_11 a:visited, a.fc_11, a.fc_11:link, a.fc_11:visited {color:#222299;} /* ���7 */
.fc_11 a:hover, a.fc_11:hover {color:#222299; text-decoration:underline;}
.fc_12, .fc_12 a:link, .fc_12 a:visited, a.fc_12, a.fc_12:link, a.fc_12:visited {color:#000066;} /* ���8 */
.fc_12 a:hover, a.fc_12:hover {color:#000066; text-decoration:underline;}
.fc_13, .fc_13 a:link, .fc_13 a:visited, a.fc_13, a.fc_13:link, a.fc_13:visited {color:#ffdb4d;} /* ���ο� */
.fc_13 a:hover, a.fc_13:hover {color:#ffdb4d; text-decoration:underline;}
.fc_14, .fc_14 a:link, .fc_14 a:visited, a.fc_14, a.fc_14:link, a.fc_14:visited {color:#4150c3;} /* ���9 */
.fc_14 a:hover, a.fc_14:hover {color:#4150c3; text-decoration:underline;}
.fc_15, .fc_15 a:link, .fc_15 a:visited, a.fc_15, a.fc_15:link, a.fc_15:visited {color:#000063;} /* ���10 */
.fc_15 a:hover, a.fc_15:hover {color:#000063; text-decoration:underline;}
.fc_16, .fc_16 a:link, .fc_16 a:visited, a.fc_16, a.fc_16:link, a.fc_16:visited {color:#036c7f;}
.fc_16 a:hover, a.fc_16:hover {color:#036c7f; text-decoration:underline;}
.fc_17, .fc_17 a:link, .fc_17 a:visited, a.fc_17, a.fc_17:link, a.fc_17:visited {color:#5d65f3;}
.fc_17 a:hover, a.fc_17:hover {color:#5d65f3; text-decoration:underline;}
.fc_18, .fc_18 a:link, .fc_18 a:visited, a.fc_18, a.fc_18:link, a.fc_18:visited {color:#538800;}
.fc_18 a:hover, a.fc_18:hover {color:#5d65f3; text-decoration:underline;}  /* �׸� */
.fc_19, .fc_19 a:link, .fc_19 a:visited, a.fc_19, a.fc_19:link, a.fc_19:visited {color:#f2a114;}
.fc_19 a:hover, a.fc_19:hover {color:#5d65f3; text-decoration:underline;}  /* ���������� */
.fc_20, .fc_20 a:link, .fc_20 a:visited, a.fc_20, a.fc_20:link, a.fc_20:visited {color:#9714f2;}
.fc_20 a:hover, a.fc_20:hover {color:#5d65f3; text-decoration:underline;}  /* ���� */
.fc_21, .fc_21 a:link, .fc_21 a:visited, a.fc_21, a.fc_21:link, a.fc_21:visited {color:#f26522;}
.fc_21 a:hover, a.fc_21:hover {color:#f26522; text-decoration:underline;}
.fc_22, .fc_22 a:link, .fc_22 a:visited, a.fc_22, a.fc_22:link, a.fc_22:visited {color:#fcffa9;}
.fc_22 a:hover, a.fc_22:hover {color:#fcffa9; text-decoration:underline;}
.fc_23, .fc_23 a:link, .fc_23 a:visited, a.fc_23, a.fc_23:link, a.fc_23:visited {color:#0b8086;}
.fc_23 a:hover, a.fc_23:hover {color:#0b8086; text-decoration:underline;}
.fc_24, .fc_24 a:link, .fc_24 a:visited, a.fc_24, a.fc_24:link, a.fc_24:visited {color:#4e7404;}
.fc_24 a:hover, a.fc_24:hover {color:#4e7404; text-decoration:underline;}
.fc_25, .fc_25 a:link, .fc_25 a:visited, a.fc_25, a.fc_25:link, a.fc_25:visited {color:#a0420e;}
.fc_25 a:hover, a.fc_25:hover {color:#a0420e; text-decoration:underline;}

/* btn_area */
.btn_area {display:block;padding:0;text-align:center;font-size:0;}
.btn_area .btn {height:50px;line-height:50px;padding:0 50px;margin:0 5px;font-size:20px;text-align:center;border:none;box-sizing:border-box;vertical-align: middle;}
.btn_area .btn.blue {color:#fff;background:#206ca8;}
.btn_area .btn.gray {color:#fff;background:#999;}
.btn_area .btn.red {color:#fff;background:#B83440;}
.btn_area .btn.white {color:##666;background:#fff;border: 1px solid #dbdbdb;}

/*datePick*/
.datePick {float:left;margin-left:5px;}
.datePick:after {content:"";display:block;clear:both;}
.datePick input[type=text] {width:86px;height:34px;margin-right:2px;border:1px solid #dcdcdc;font-family:"NanumGothic";font-size:13px;color:#000;line-height:34px;text-indent:10px;vertical-align:middle;}
.datePick button {width:26px;height:36px;background:url(../images/icon/calendar_icon.png) no-repeat 0 3px;border:none;font-size:0;text-indent:-9999em;vertical-align:middle;}
.datePick .hyphen {padding:0 3px;}
.datePick + .inp {margin-left:10px;}
.datePick button.btn.reset {width: 63px;height: 34px;line-height: 34px;padding: 0;margin-left: 10px;font-size: 13px;color: #fff;text-indent: 0;background:#081657;border:none;vertical-align:middle;box-sizing:border-box;}

.ui-widget-header{background:none;border:0;}
.ui-datepicker{z-index:10;padding:.58em;margin-top:-1px;}
.ui-datepicker .ui-datepicker-title select{
    -webkit-appearance:none;/* ����Ƽ�� ���� ���߱� */
    -moz-appearance:none;
    appearance:none;
    background:url(../images/calendar/arrow_select_s.png) #fff no-repeat 100% 50%;/* ȭ��ǥ ����� �̹��� */
	border:1px solid #c4c4c4;
	height:30px;
	color:#999999;
	font-size:13px;
	padding-left:5px;
	vertical-align: middle;
}
.ui-datepicker .ui-datepicker-title select::-ms-expand{
    display:none;
}
.ui-icon{width:13px;height:14px;}
.ui-widget-header .ui-icon{background-image:url(../images/calendar/dataarricon.png);}
.ui-icon-circle-triangle-e{background-position:-8px 2px;}
.ui-icon-circle-triangle-w{background-position:5px 2px;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{top:6px;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{
	border:0/*{borderColorHover}*/;
	background:none/*{bgColorHover}*/;
	font-weight:normal/*{fwDefault}*/;
	color:#212121/*{fcHover}*/;
}
.ui-datepicker-month{margin-left:2px !important;}
.ui-datepicker select.ui-datepicker-month {width:41%;}
.ui-datepicker select.ui-datepicker-year {width:48%;margin-left:5px;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-radius:0;}
.ui-widget-content{border-color:#c4c4c4;}
.ui-datepicker th{border:1px solid #e5e5e5;padding:.4em .3em;font-weight:normal;background:#f7f7f7;font-size:12px;}
.ui-datepicker-calendar > thead th.ui-datepicker-week-end:first-child span,
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a{ color:#ff0000 !important;}
.ui-datepicker-calendar > thead th.ui-datepicker-week-end:last-child span,
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a{ color:#0048ff !important;}
.ui-datepicker td{ border:1px solid #e5e5e5;padding:0;font-size:12px;}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{
	border:0/*{borderColorDefault}*/;
	background:none;
	font-weight:normal/*{fwDefault}*/;
	color:#555555/*{fcDefault}*/;
}
.ui-datepicker td span,.ui-datepicker td a{text-align:center;}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{
	background:#fee984;
}
.ui-datepicker .ui-datepicker-header{padding:.3em 0 .5em;}
.ui-datepicker td span,.ui-datepicker td a{padding:.42em .3em;}

/* ��� */
#header {width:100%;position:relative;z-index:100;}
#header .header-wrap {position:relative;width:100%;margin:auto;}


/* °íÁ¤ Çì´õ */
.navigation_wrap{
  position: relative;
  top:0; left:50%; transform:translateX(-50%);
  width:100%; max-width:100vw; height:90px; z-index:150;
}


/* ³»ºÎ 3¿µ¿ª: ÁÂ-Áß¾Ó-¿ì */
.container_Nwrap{
  max-width:1980px; height:100%; margin:0 auto;
  display:grid;
  grid-template-columns: 1fr auto 1fr; /* Á auto ¿ì Æø°ú ¹«°üÇÏ°Ô Áß¾Ó °íÁ¤ */
  align-items:center;                  /* ¼¼·Î Áß¾Ó */
  column-gap:20px;
}

/* ¿ÞÂÊ ·Î°í: ÁÂÃø ³¡ + ¼¼·Î Áß¾Ó */
.mb_nav{justify-self:start; display:flex; align-items:center;padding-left:35px;}
.mb_nav .logo_btn{display:flex; align-items:center; height:100%;}

/* Áß¾Ó ¸Þ´º: Á¤È®È÷ Áß¾Ó */
.pc_nav{justify-self:center;}
.pc_nav .gnb{display:flex; align-items:center; gap:120px; margin:0; padding:0;}
.pc_nav .gnb li{list-style:none;}
.pc_nav .gnb li > a{
  color:#fff; font-size:18px; font-weight:700; padding:0 0 12px;
  border-bottom:2px solid transparent;
}
.pc_nav .gnb li:hover > a,
.pc_nav .gnb li > a.active{
  color:#1564fb;
}

/* ¿À¸¥ÂÊ ·Î±×ÀÎ ¿µ¿ª: ¿ìÃø ³¡ + ¼¼·Î Áß¾Ó */
.log_nav{justify-self:end; display:flex; align-items:center; gap:12px;padding-right:35px;}
.log_nav > div{color:#fff; font-size:14px; padding:8px 14px; border:1px solid rgba(255,255,255,.6); border-radius:9999px;}
.log_nav .login_btn{
  border:1px solid rgba(247, 255, 0, 0.6); 
  color:#F7FF00;
}

.onheader{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 10px 15px #0000000F;
	opacity: 1;
}

/* onheader »óÅÂÀÏ ¶§ ¸Þ´º ±ÛÀÚ»ö */
.navigation_wrap.onheader .pc_nav .gnb li a{
  color:#333333;
  font-weight:700; 
  
}

/* ÇÊ¿ä ½Ã ·Î±×ÀÎ ¿µ¿ªµµ */
.navigation_wrap.onheader .log_nav > div{
  color:#333333 !important;
  padding:8px 14px; 
  border:1px solid rgba(51,51,51,0.6); 
  border-radius:9999px;
  font-weight:400; 
}

/* ÇÊ¿ä ½Ã ·Î±×ÀÎ ¿µ¿ªµµ */
.navigation_wrap.onheader .log_nav .login_btn{
  color:#FF7700 !important;
  padding:8px 14px; 
  border:1px solid rgba(255, 119, 0, 0.6); 
  border-radius:9999px;
}

/* È£¹ö/È°¼º */
.navigation_wrap.onheader .pc_nav .gnb li a:hover,
.navigation_wrap.onheader .pc_nav .gnb li a.active{
  color:#005DFF;
}



/* ÆгÎ: À§Ä¡¡¤Å©±â ±×´ë·Î */
.subnav_panel{
  position: fixed; 
  left:0; 
  right:0;
  transform:none; 
  top:90px;
  width:100%; 
  background:#fff;
  box-shadow:0 12px 24px rgba(0,0,0,.06); border-top:1px solid rgba(0,0,0,.06);
  opacity:0; visibility:hidden; max-height:0;
  transition:opacity .18s, max-height .18s, visibility .18s;
  z-index:140;
  border-top:1px solid rgba(0,0,0,.06); position:fixed;
}
.navigation_wrap.nav-open .subnav_panel{ 
	opacity:1; 
	visibility:visible; 
	max-height:350px; 
}

/* ±×¸®µå ¡æ Ç÷º½º. GNB¿Í µ¿ÀÏ °£°Ý°ú Áß¾Ó Á¤·Ä */
.subnav_grid{
  position:relative;
  max-width:1280px;
  margin:0 auto;
  padding:22px 0 20px 60px;      /* »ó´Ü Á¿ì Æеù(·Î°í/·Î±×ÀÎ 20px)°ú ¸ÂÃã */
  display:flex;
  justify-content:center;      /* Áß¾Ó ±âÁØ */
  align-items:flex-start;
  gap:120px;                   /* GNB gap°ú µ¿ÀÏ */
}


/* °¢ Ä÷³Àº ³»¿ë Æø¸¸ Â÷Áö */
.subnav_group{
  position:relative;
  color:#000000;
  list-style:none; margin:0; padding:0;
  opacity:1; flex:0 0 auto; width:max-content; text-align:left;
}
.subnav_group.is-active{opacity:1;}
.subnav_group li + li{margin-top:10px;}
.subnav_group a{display:block; color:#000000; font-weight:300; font-size:15px; line-height:1.6; padding:2px 0; text-align:center;}

/* ºó Ä®·³Àº ÀÚ¸®¸¸ À¯Áö */
/*.subnav_group[data-for="3"]{ visibility:hidden; pointer-events:none; }*/

.subnav_grid .subnav_group:nth-of-type(4){
  transform: translateX(-15px);
}

.subnav_grid .subnav_group:nth-of-type(5){
  transform: translateX(-44px);
}

/* È°¼º Ä÷³ À§¿¡ ÆĶõ ¹Ù */
.subnav_group.is-active::before{
  content:""; 
  position:absolute;
  top:-25px; left:50%; 
  transform:translateX(-50%) scaleX(0);
  transform-origin:center;
  width:80px; height:4px; 
  background:#1564fb; border-radius:2px;

  /* Ãʱ⠻óÅ */
  transform:translateX(-50%) scaleX(0);
  transform-origin:center;
  opacity:1;

  transition:transform .25s ease, opacity .25s ease;
}

/* is-activeÀÏ ¶§ °¡¿îµ¥¼­ Á¿ì·Î ÆîÄ¡¸ç ³ªÅ¸³² */
.subnav_group.is-active::before{
  transform:translateX(-50%) scaleX(1);
  opacity:1;
}

/* Á¢±Ù¼º: Å°º¸µå Æ÷Ä¿½º ¶§µµ Ç¥½Ã */
.navigation_wrap.nav-open .subnav_group a:focus{outline:2px solid #1564fb; outline-offset:2px;}














/*
#header .header_top {width:1980px;height:90px;margin:auto; display:flex; align-items: center; justify-content: space-between;}
#header .logo {box-sizing:border-box;}

#header .gnb-wrap {background-color:#DA2128;}
#header .gnb-wrap .inner {position:relative; width:1260px;margin:auto;z-index:900}
#header .gnb-wrap .logo {padding:65px 0 0 0;}

#header .gnb-wrap .util {position:absolute; top:-36px; right:0;z-index:550;}
#header .gnb-wrap .util .gnbUtil {zoom:1;}
#header .gnb-wrap .util .gnbUtil:after {content:''; display:block; clear:both;}
#header .gnb-wrap .util .gnbUtil li {float:left;padding:0 15px;margin:3px 0 4px;font-size:0;border-left:1px solid #e6e6e6;}
#header .gnb-wrap .util .gnbUtil li:first-child {border-left:none;}
#header .gnb-wrap .util .gnbUtil li:last-child {padding:0 0 0 15px;}
#header .gnb-wrap .util .gnbUtil li a {display:inline-block;line-height:1;font-size:13px;color:#fff;vertical-align: middle;}
#header .gnb-wrap .util .gnbUtil li.my {position:relative;padding:0 15px;border-left: 1px solid #e6e6e6;}
#header .gnb-wrap .util .gnbUtil li.my .my_area {display:block;width:135px;position:absolute;right:-5px;top:16px;padding:20px 10px;background:#fff;border: 1px solid #dcdcdc;z-index:550;}
#header .gnb-wrap .util .gnbUtil li.my .my_area a {display:block;font-size:14px;color:#57585a;margin-top:10px;}
#header .gnb-wrap .util .gnbUtil li.my .my_area a:first-child {margin-top:0;}
#header .gnb-wrap .util .gnbUtil li.my .my_area button {position:absolute;right:5px;top:8px;width:10px;height:10px;font-size:0;background:#fff url(../images/result_item_close.png) no-repeat 50% 50%;border:none;cursor: pointer;}


#header .gnb-wrap .util .gnbUtil li.faq {padding:0;margin:0 0 0 5px;}
#header .gnb-wrap .util .gnbUtil li.faq .faq_btn {width: 69px;height: 20px;line-height: 20px;text-align:center;font-size: 13px; color:#333;}


#header .gnb-wrap .gnb {display:block;width:100%;z-index:500;}
#header .gnb-wrap .gnb ul:after {content:''; display:block; clear:both;}
#header .gnb-wrap .gnb ul li {float:left;position:relative;margin:0 0 0 80px;font-size:0;}
#header .gnb-wrap .gnb[data-gnb-length="5"]>ul>li{margin-left: 80px;}
#header .gnb-wrap .gnb ul li:first-child {margin:0;}
#header .gnb-wrap .gnb[data-gnb-length="5"]>ul>li:first-child{margin-left: 0;}
#header .gnb-wrap .gnb[data-gnb-length="5"]>ul>li.my{margin-left: 0;}
#header .gnb-wrap .gnb ul .m > a {display:block;height:auto;line-height:60px;padding:0;font-size:16px;font-family: 'Pretendard'; color:#fff;box-sizing: border-box;}
#header .gnb-wrap .gnb ul .m:hover > a {color:#fdfb61;}
#header .gnb-wrap .gnb ul li > ul.depth2 {display:none;position:absolute;left:50%;top:100%;width:150px;margin:-3px 0 0 -75px;padding:0;border-width:0 1px 1px;overflow:hidden;box-sizing:border-box;border-top:3px solid #fdfb61;}
#header .gnb-wrap .gnb ul li > ul.depth2 > li {width:100%;line-height:1;margin:0;background:#fff;box-sizing:border-box;border-bottom:1px solid #eaeaea;}
#header .gnb-wrap .gnb ul li > ul.depth2 > li:last-child {margin:0;border-width:0 1px 1px;border-bottom:none;}
#header .gnb-wrap .gnb ul li > ul.depth2 > li a {display:block;padding:15px 0;text-align:center;font-size: 15px;font-family: 'Pretendard';color: #333;}
#header .gnb-wrap .gnb ul li > ul.depth2 > li > ul.depth3 {display:block;position: initial;margin:-5px 0 0;}
#header .gnb-wrap .gnb ul li > ul.depth2 > li > ul.depth3 > li {width:100%;line-height:1;margin:0;background:#fff;box-sizing:border-box;border:none;}
#header .gnb-wrap .gnb ul li > ul.depth2 > li > ul.depth3 > li:last-child {padding:0 0 10px;}
#header .gnb-wrap .gnb ul li > ul.depth2 > li > ul.depth3 > li a {display:block;padding:5px 0;text-align:center;font-size: 13px;font-family: 'Pretendard';color: #333;}

#header .gnb-wrap .gnb ul .my {float:right;position:relative;height: 60px;padding:0;margin:0;font-size: 0;text-align:center;box-sizing:border-box;background:#BB2328;}
#header .gnb-wrap .gnb ul .my a {display:inline-block;line-height:1;padding:22px 20px;font-size: 16px; color: #fff;vertical-align:top;}
#header .gnb-wrap .gnb ul .my .menu {position:relative;display:inline-block;vertical-align: top;margin:0;padding:0;}
#header .gnb-wrap .gnb ul .my .menu > a {position:relative;height:60px;padding:23px 40px 21px 40px;box-sizing:border-box;}
/* #header .gnb-wrap .gnb ul .my .menu > a.member:before {background-position:0 0;}
#header .gnb-wrap .gnb ul .my .menu > a.partners:before {background-position:0 -92px;} * /
#header .gnb-wrap .gnb ul .my .menu + .menu {margin:0;padding:0;}
#header .gnb-wrap .gnb ul .my .menu + .menu:before,
#header .gnb-wrap .gnb ul .my a.appli + .menu:before,
#header .gnb-wrap .gnb ul .my a.enroll + .menu:before {content:'';display:inline-block;width:1px;height:19px;margin:21px 0;background:#e5e5e5;}
#header .gnb-wrap .gnb ul .my .menu + .menu .my_box {right:-5px;}

#header .gnb-wrap .gnb ul .my .my_box {display:none;position:absolute;top:50px;right:0;width:270px;padding:17px 0 0;box-sizing:border-box;}
#header .gnb-wrap .gnb ul .my .my_box:before {content:'';position:absolute;right:35px;top:10px;width:15px;height:15px;background:#fff;border:1px solid #dcdcdc;border-width:1px 1px 0 0;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#header .gnb-wrap .gnb ul .my .my_box > ul {padding:0 6px;background:#fff;border:1px solid #dcdcdc;border-width:0 1px 1px;}
#header .gnb-wrap .gnb ul .my .my_box > ul > li {width:100%;height:40px;margin:0;text-align:left;border-bottom:1px solid #dcdcdc;background: #fff;}
#header .gnb-wrap .gnb ul .my .my_box > ul > li:last-child {border-bottom:none;}
#header .gnb-wrap .gnb ul .my .my_box > ul > li > a {width:100%;display:block;height:40px;line-height:40px;padding:0 10px;font-size:15px;color:#333;box-sizing:border-box;}
#header .gnb-wrap .gnb ul .my .my_box > div {display:block;padding:25px 20px 15px;border:1px solid #dcdcdc;background:#fff;}
#header .gnb-wrap .gnb ul .my .my_box > div > p {line-height:1;padding:0 0 15px;font-size:16px;color:#333;}
#header .gnb-wrap .gnb ul .my .my_box > div > .btn_area > .btn {display:inline-block;width:107px;height:36px;line-height:36px;padding:0;margin-right:7px;font-weight:normal;font-size:14px;color:#fff;text-align:center;}
#header .gnb-wrap .gnb ul .my .my_box > div > .btn_area > .btn.blue {background:#006cff;}
#header .gnb-wrap .gnb ul .my .my_box > div > .btn_area > .btn.gray {background:#999;}
#header .gnb-wrap .gnb ul .my .my_box > div > .btn_area > .btn:last-child {margin:0;}
#header .gnb-wrap .gnb ul .my .my_box > .info {text-align:left;}
#header .gnb-wrap .gnb ul .my .my_box > .info p {display:inline-block;line-height:36px;padding:0;font-size:15px;}
#header .gnb-wrap .gnb ul .my .my_box > .info p > span {font-size:20px;}
#header .gnb-wrap .gnb ul .my .my_box > .info .btn_area {float:right;display:inline-block;padding:0;margin:0;}
#header .gnb-wrap .gnb ul .my .my_box > .info .btn_area .btn {margin:0;}
*/

/* contents sub visual */
#contents .sub_visual {width:100%;height:195px;background-size:1920px;}
#contents .sub_visual .visual_area {position:relative;width:1260px;height:100%;margin:auto;}
#contents .sub_visual .visual_area h2 {position:absolute;left:50%;top:50%;line-height:1;line-height:1;margin:-41px 0 0 -143px;}
#contents .sub_visual .visual_area h2 {margin: 0 !important; transform: translate(-50%,-50%) !important;}
#contents .sub_visual.hire {background:url(../images/jobs/sub_hire.jpg) no-repeat 50%;}
#contents .sub_visual.hire .visual_area h2 {margin:-42px 0 0 -143px;}
#contents .sub_visual.interview {background:url(../images/jobs/sub_interview.jpg) no-repeat 50%;}
#contents .sub_visual.interview .visual_area h2 {margin:-42px 0 0 -112px;}
#contents .sub_visual.talent {background:url(../images/resume/sub_talent.jpg) no-repeat 50%;}
#contents .sub_visual.talent .visual_area h2 {margin:-42px 0 0 -93.5px;}
#contents .sub_visual.partner {background:url(../images/company/sub_partner.jpg) no-repeat 50%;}
#contents .sub_visual.partner .visual_area h2 {margin:-41px 0 0 -117.5px;}
#contents .sub_visual.faq {background:url(../images/sub_faq.jpg) no-repeat 50%;}
#contents .sub_visual.faq .visual_area h2 {margin:-42px 0 0 -143px;}
#contents .sub_visual.info {background:url(../images/jobs/sub_info.jpg) no-repeat 50%;}
#contents .sub_visual.info .visual_area h2 {margin:-42px 0 0 -118px;}
#contents .sub_visual.on_tact {background:url(../images/sub_on_tact.jpg) no-repeat 50%;}
#contents .sub_visual.on_tact .visual_area h2 {margin:-41px 0 0 -174px;}
#contents .sub_visual.notice {background:url(../images/sub_notice.jpg) no-repeat 50%;}
#contents .sub_visual.notice .visual_area h2 {margin:-41px 0 0 -155px;}
#contents .sub_visual.movie {background:url(../images/sub_movie.jpg) no-repeat 50%;}
#contents .sub_visual.movie .visual_area h2 {margin:-41px 0 0 -142px;}
#contents .sub_visual.consulting {background:url(../images/sub_consulting.jpg) no-repeat 50%;}
#contents .sub_visual.consulting .visual_area h2 {margin:-40px 0 0 -116px;}
#contents .sub_visual.intern {background:url(../images/sub_intern.jpg) no-repeat 50%;}
#contents .sub_visual.intern .visual_area h2 {margin:-42px 0 0 -261px;}
#contents .sub_visual.employment {background:url(../images/sub_employment.jpg) no-repeat 50%;}
#contents .sub_visual.employment2 {background:url(../images/sub_employment2.jpg) no-repeat 50%;}
#contents .sub_visual.employment3 {background:url(../images/sub_employment3.jpg) no-repeat 50%;}
#contents .sub_visual.employment .visual_area h2 {margin:-42px 0 0 -166px;}
#contents .sub_visual.banner1 {background:url(../images/sub_banner1.jpg) no-repeat 50%;}
#contents .sub_visual.banner1 .visual_area h2 {margin:-33px 0 0 -182px;}
#contents .sub_visual.banner2 {background:url(../images/sub_banner2.jpg) no-repeat 50%;}
#contents .sub_visual.banner2 .visual_area h2 {margin:-33px 0 0 -164px;}
#contents .sub_visual.biz_intern {background:url(../images/sub_intern.jpg) no-repeat 50%;}
#contents .sub_visual.biz_intern .visual_area h2 {margin:-42px 0 0 -306px;}
#contents .sub_visual.tools {background:url(../images/sub_tools.jpg) no-repeat 50%;}
#contents .sub_visual.tools .visual_area h2 {margin:-45px 0 0 -225px;}
#contents .sub_visual.ai {background:url(../images/sub_ai.jpg) no-repeat 50%;}
#contents .sub_visual.ai {background:url(../images/sub_ai.jpg) no-repeat 50%;}
#contents .sub_visual.employ_succ_per {background:url(../images/employ_succ_per.jpg) no-repeat 50%;}


/*AI �����˻�*/
.as_ai{}
.as_ai .amm{}
.as_ai .ami{font-size: 20px; font-weight: 600; height: 60px; line-height: 60px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #0072bb; color: #fff; margin-top: 23px;}
.as_ai .amic{font-size: 15px; line-height: 24px; background: #eff7ff; color: #333; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px; min-height: 112px;}

@media all and (min-width:1920px) {
    #contents .sub_visual {background-size:100% !important;}
}

@media all and (max-width:1260px) {
    #contents .sub_visual {background-position: -337px 50% !important;}
}

/* ��ũ�� ž */
.bn_top {position: fixed;z-index:100;right: 3rem;bottom: 2rem;}
.bn_top a {display:inline-block; width:4rem; height:4.6rem; background:url(https://moti.career.co.kr/images/btn_top.png) no-repeat 0 0; background-size:100%; font-size:0; text-indent:-9999rem; vertical-align:top;}
.bn_top a img {width:7.5rem;height:auto;}

/* �˾� */
.pop_dim {display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:500;background: #000;opacity: .5;}
.pop_dim.double {background:none;}
.popup {display:none;position:absolute;left:50%;z-index:600;width:970px;margin-left:-485px;background:#fff;border: 1px solid #c0b7d3;}
.popup.double {width:750px;margin-left:-375px;}
.popup .pop_wrap {position:relative;padding: 50px 30px 80px;}
.popup .pop_head h3 {line-height:1;padding:0 0 15px;font-size:30px;font-weight:normal;border-bottom:3px solid #434343;}
.popup .pop_head .layer_close {position:absolute;width:25px;height:25px;right:30px;top:45px;;font-size:0;background: url(../images/popup_close.png)no-repeat;}

.popup .pop_con {padding:30px 0 55px;}
.popup .pop_con input {height:40px;text-indent: 10px;}
.popup .pop_con span.selectbox {height:40px;}
.popup .pop_con span.selectbox span {line-height:38px;padding: 0 38px 0 15px;}
.popup .pop_con textarea {width:100%;line-height:1.5;padding:15px 20px;font-size:14px;color:#333;}
.popup .pop_con .tb_area {display:block;padding:50px 20px 0;}
.popup .pop_con .tb_area .tb {width:100%;border:1px solid #dbdbdb;border-width:1px 0 0 1px;}
.popup .pop_con .tb_area .tb th,
.popup .pop_con .tb_area .tb td {min-height:50px;height:50px;padding:0;line-height:1.3;border:1px solid #dbdbdb;border-width:0 1px 1px 0;font-size:15px;color:#333;}
.popup .pop_con .tb_area .tb th {font-weight:normal;font-size:16px;background:#e4e8ee;}
.popup .pop_con .tb_area .tc {text-align:center;}
.popup .pop_con .pagingArea{clear:both;padding:10px 0 0;text-align:center;font-size:0;}
.popup .pop_con .pagingArea *{vertical-align:top;}
.popup .pop_con .pagingArea span,
.popup .pop_con .pagingArea strong,
.popup .pop_con .pagingArea a {display:inline-block;width:38px;height:38px;line-height:38px;position:relative;;font-size:15px;color:#999;line-height:28px;}
.popup .pop_con .pagingArea strong{margin-left:5px;font-weight:bold;color:#1f81fc;line-height:38px;border:1px solid #1f81fc;}
.popup .pop_con .pagingArea a {line-height:38px;margin-left:5px;background-color:#fff;border:1px solid #cfcfcf;}
.popup .pop_con .pagingArea a:first-child{margin-left:0;}
.popup .pop_con .pagingArea span{font-size:0;text-indent:-9999em;}
.popup .pop_con .pagingArea span:after{content:"";display:inline-block;clear:both;width:6px;height:9px;background:url(../images/jobs/sprite_bg.png) no-repeat;vertical-align:middle;}
.popup .pop_con .pagingArea .prev:after{position:absolute;top:15px;right:18px;background-position:-59px -129px;}
.popup .pop_con .pagingArea .next:after{position:absolute;top:15px;left:18px;background-position:-49px -129px;}

.popup .pop_footer .btn_area {display:block;text-align:center;font-size:0;}
.popup .pop_footer .btn_area .btn{display:inline-block;width:212px;height:53px;margin:0 5px;line-height:53px;font-size:16px;color:#fff;}
.popup .pop_footer .btn_area .btn.sky {background:#b5b5b5;}
.popup .pop_footer .btn_area .btn.blue {background:#206ca8;}
.popup .pop_footer .btn_area .btn.gray {background:#999;}
.popup .pop_footer .btn_area.right {text-align:right;}
.popup .pop_footer .btn_area.right a.btn {margin:0 18px 0 10px;text-align:center;}

/* ��ũ�� ������� */
.popup .pop_con .sign_up.complete {display:block;padding:60px 0 0px;}
.popup .pop_con .sign_up.complete p {line-height:2;text-align:center;font-size:22px;color:#717171;}
.popup .pop_con .sign_up.complete p span {display:block;font-weight:bold;font-size:24px;color:#717171;}
.popup .pop_con .sign_up.complete .btn_area {padding:40px 0 65px;text-align:center;}
.popup .pop_con .sign_up.complete .btn_area .btn {display:inline-block;width:272px;height:68px;line-height:68px;text-align:center;font-size:18px;color:#fff;}
.popup .pop_con .sign_up.complete .btn_area .btn.blue {background:#206ca8;}
.popup .pop_con .sign_up.complete .chk_area {display:block;padding:15px 0 0;border-top:1px solid #dcdcdc;}

/* �����˻� */
.popup .pop_con .conti_test{text-align: center;}
.popup .pop_con .conti_test .c_tit{font-size: 26px; line-height: 40px; letter-spacing: -.25px; color: #000; text-align: center; padding-left: 56px; display: inline-block; position: relative; margin-top: 20px;}
.popup .pop_con .conti_test .c_tit .poi{color: #0087f1;}
.popup .pop_con .conti_test .c_tit .strong{font-weight: bold; font-size: 24px;}
.popup .pop_con .conti_test .c_tit:after{content: ''; width: 46px; height: 46px; position: absolute; left: 0; top: 0; background: no-repeat center center url(../images/ico_circleType001.png);}
.popup .pop_con .conti_test .link{color: #3495e1 !important; text-decoration: underline;}
.popup .pop_con .conti_test .sign_up_lst{margin-top: 55px; text-align: left; padding-left: 15px;}
.popup .pop_con .conti_test .sign_up_lst .tp{font-size: 16px; line-height: 24px; text-indent: -13px; margin-left: 13px; color: #000;}
.popup .pop_con .conti_test .sign_up_lst .tp+.tp{margin-top: 18px;}
.popup .pop_con .conti_test .btn_area .btn{display: inline-block;}
.popup .pop_con .conti_test .btn_area{padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #ccc;}

/* ��������, �̿��� */
.layer_popup {display:none;}
.layer_popup .layer_dim {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .5;z-index:600;}
.layer_popup .layer_pop {position:absolute;left:50%;z-index:700;width:875px;margin-left:-437.5px;background:#fff;border: 1px solid #c0b7d3;background:#fff;}
.layer_popup .layer_pop .layer_wrap {position:relative;padding: 55px 28px 100px;box-sizing:border-box;}
.layer_popup .layer_pop .pop_head {display:block;}
.layer_popup .layer_pop .pop_head  h3 {line-height:1;padding:0 0 15px;font-size:24px;font-weight:normal;border-bottom:1px solid #e8e8e8;}
.layer_popup .layer_pop .pop_head .layer_close {position:absolute;width:25px;height:25px;right:30px;top:45px;;font-size:0;background: url(../images/popup_close.png)no-repeat;}
.layer_popup .layer_pop .pop_con {padding: 25px 0 30px;}
.layer_popup .layer_pop .pop_con .txt_area {display:block;padding:20px;max-height:300px;overflow-y:auto;border: 1px solid #ccc;}
.layer_popup .layer_pop .pop_con .txt_area h4,
.layer_popup .layer_pop .pop_con .txt_area strong {line-height:1.5;font-size:18px;}
.layer_popup .layer_pop .pop_con .txt_area h5 {line-height:1.5;font-size:16px;}
.layer_popup .layer_pop .pop_con .txt_area h6,
.layer_popup .layer_pop .pop_con .txt_area p,
.layer_popup .layer_pop .pop_con .txt_area li,
.layer_popup .layer_pop .pop_con .txt_area a {line-height:1.5;font-size:15px;font-weight:normal;}
.layer_popup .layer_pop .pop_con .txt_area table {width:100%;margin:5px 0;font-size:15px;border: 1px solid #c0b7d3;border-width:1px 0 0 1px;}
.layer_popup .layer_pop .pop_con .txt_area table th,
.layer_popup .layer_pop .pop_con .txt_area table td {padding:10px 5px;font-weight:normal;border: 1px solid #c0b7d3;border-width:0 1px 1px 0;text-align:center;}
.layer_popup .layer_pop .pop_con .txt_area table th {background: #eceded;}


/* footer */
/* #footer {background:#fff; margin:0; padding:30px 0 30px;border-top:1px solid #dadada;}
#main #footer{border-color: #fff;} */
#footer > img {width:100%;}
#footer .footer-wrap {position:relative;overflow:hidden;width:1260px;margin:auto;}
/*#footer .footer-wrap:before{content: ''; width: 100px; height: 100px; border-radius: 50%; background: #fff; position: absolute; left: 0; top: 0;}*/
#footer .footer-wrap .footer_logo {display:none;}
#footer .footer-wrap .privacyArea {float:left;padding:0 200px 0 5px;}
#footer .footer-wrap .privacyArea a {display:inline-block;line-height:1;font-weight:bold;margin:0 10px 0 0;padding:16px 0 5px;font-size:16px;color:#333;}
#footer .footer-wrap .privacyArea p {line-height:1.5;font-size:13px;color:#333;}
#footer .footer-wrap .privacyArea .company_info,
#footer .footer-wrap .privacyArea .copyright {color:#333;}
#footer .footer-wrap .InternetSafe {float:left;margin:15px 0 15px 0;padding:20px 0 20px 135px;background:url(../images/safe_img.png) no-repeat 20px 50%;border-left:1px solid #dadada;}
#footer .footer-wrap .InternetSafe > strong {display:block;line-height:1;padding:0 0 5px;font-size:16px;font-weight:bold;color:#333;}
#footer .footer-wrap .InternetSafe > p {line-height:1.5;font-size:13px;color:#333;}

/* //CSS */



.mntWrap .csTop{position: relative; padding-bottom: 27px; border-bottom: 1px solid #cacbcc;}
.mntWrap .csTop .cstit{font-size: 33px; font-weight: 800; text-align: left; color: #333; line-height: 1;}
.mntWrap .csTop .csstit{font-size: 18px; font-weight: 400; text-align: left; color: #333; line-height: 27px; margin-top: 12px;}
.mntWrap .csTop .csbtnsWrap{position: absolute; right: 0; bottom: 27px;}
.mntWrap .csTop .csbtnsWrap .csbtn{display: inline-block; width: 230px; line-height: 76px; text-align: center; font-size: 21px; font-weight: bold; background: #1a3f70; color: #fff;}
.mntWrap .csTop .csbtnsWrap .csbtn.tp2{background: #0172b4;}
.mntWrap .csTop .csbtnsWrap .csbtn+.csbtn{margin-left: 15px;}
.mntWrap .csList{margin-top: 35px;}
.mntWrap .csList .cstp{}
.mntWrap .csList .cstp+.cstp{margin-top: 25px;}
.mntWrap .csList .csListTop{background: #eaf1f6; border-top: 5px solid #1b6398; padding-left: 30px;}
.mntWrap .csList .csListTop .csListTit{font-size: 25px; line-height: 96px; color: #333; text-align: left; font-weight: bold;}
.mntWrap .csList .csListTop .csListTit .ci{height: 96px; width: 124px; display: inline-block; position: relative; margin-left: -30px; border: 1px solid #eaf1f6; border-top: none; background: #fff; vertical-align: top;}
.mntWrap .csList .csListTop .csListTit .ci img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 80%;}
.mntWrap .csList .csListCont{padding: 33px 40px;}
.mntWrap .csList .csListCont .inner{padding-left: 248px; padding-right: 260px; position: relative;}
.mntWrap .csList .csListCont .cslt{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.mntWrap .csList .csListCont .csct{}
.mntWrap .csList .csListCont .csrt{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.mntWrap .csList .csListCont .csLab{font-weight: 800; font-size: 24px; color: #4a6ccb; text-align: center; line-height: 68px; border-radius: 68px; border: 1px solid #5994ef; display: block; width: 200px;}
.mntWrap .csList .csListCont .csListBtn{display: block; font-size: 20px; color: #fff; line-height: 55px; text-align: center; font-weight: bold; border-radius: 55px; background: #5994ef; width: 222px;}
.mntWrap .csList .csListCont .csListBtn.gray{background: #a6a7ac;}
.mntWrap .csList .csListCont .csListBtn+.csListBtn{margin-top: 11px;}
.mntWrap .csList .csListCont .csrdoWrap{font-size: 0; min-height: 113px; padding-top: 20px;}
.mntWrap .csList .csListCont .csrdoWrap *{box-sizing: border-box;}
.mntWrap .csList .csListCont .csrdoWrap .tp{width: 25%; display: inline-block; vertical-align: top; text-align: left; padding: 12px 0;}
.mntWrap .csList .csListCont .csrdoWrap .tp .lb{font-size: 17px; color: #333; vertical-align: middle; position: relative; padding-left: 40px; line-height: 24px; cursor: pointer; display: inline-block;}
.mntWrap .csList .csListCont .csrdoWrap .tp .lb:before{content: ''; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #e0e0e0; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.mntWrap .csList .csListCont .csrdoWrap .tp .lb:after{content: none; width: 11px; height: 11px; border-radius: 50%; background: #206ca8; position: absolute; left: 8px; top: 50%; transform: translateY(-50%);}
.mntWrap .csList .csListCont .csrdoWrap .tp input:checked+.lb:after{content: '';}
.mntWrap .csList .csListCont .csrdoWrap .tp input:disabled+.lb:before{background: #e0e0e0;}
.mntWrap .csList .csListCont .csrdoWrap .tp input:disabled+.lb:after{content: ''; left: auto; right: 0; width: 100%; width: calc(100% - 40px); height: 1px; background: #333; transform: translateY(0);}
.mntWrap .csList .csListCont .csrdoWrap .tp input{position: absolute; left: -999em; width: 0; height: 0; overflow: hidden; visibility: hidden;}

.btnss{height: 36px; line-height: 34px; border: 1px solid transparent; border-radius: 4px; padding: 0 18px; font-size: 13px; color: #000; text-align: center; display: inline-block; vertical-align: middle; white-space: nowrap; letter-spacing: -.75px; font-weight: 600; box-sizing: border-box;}
.btnss.navy{background-color: #6a788c; color: #fff;}
.btnss.blue{background-color: #1770fc; color: #fff;}
.btnss.blue2{background-color: #0072bb; color: #fff;}
.btnss.blue3{background-color: #4cb0f0; color: #fff;}
.btnss.gray{background-color: #9a9a9a; color: #fff;}
.btnss.puple{background-color: #7a7888; color: #fff;}
.btnss.puple2{background-color: #3348b6; color: #fff;}
.btnss.org{background-color: #ff5a00; color: #fff;}
.btnss.gray-2{background-color: #d2d2d2; color: #fff;}
.btnss.gray-2.outline{background: transparent; border-color: #d2d2d2; color: #333;}
.btnss.blue.outline{background: transparent; border-color: #1770fc; color: #1770fc;}
.btnss.xxsm{height: 17px; line-height: 15px; padding: 0 7px;}
.btnss.xsm{height: 25px; line-height: 23px; padding: 0 13px;}
.btnss.sm{height: 32px; line-height: 30px; padding: 0 13px;}
.btnss.md{height: 43px; line-height: 41px; font-size: 15px;}
.btnss.lg{height: 50px; line-height: 48px; font-size: 14px;}
.btnss.xlg{height: 55px; line-height: 53px; font-size: 14px;}
.btnss.radius{border-radius: 36px;}
.btnss.radius.sm{border-radius: 30px; }
.btnss.radius.md{border-radius: 43px;}
.btnss.radius.lg{border-radius: 50px;}
.btnss.noradius{border-radius: 0;}
.btnss.inbg{background-color: #fff !important;}

/* add style */
.followBtn {box-sizing:border-box; position:fixed; bottom:5%; right:5%; font-size:14px; padding-top:38px; text-align:center; display:block; 
width:72px; height:72px; border-radius:50%; border:1px solid #ececec; background:#ffffff url('../images/add/followTop.png')no-repeat; 
background-position:center 18px; background-size:15px 15px; z-index:150;}
address {font-style: normal;}
.footer {padding:50px 0; background:#f6f7f9; letter-spacing:-0.2px;}
.footer_wrap {width:1260px; margin:0 auto; display:flex; align-items: center;}
.footer_wrap .footerLogo {margin-right:50px;}
.footer_wrap .rightBox .link {margin-bottom:14px; display:flex; align-items:center; gap: 15px;}
.footer_wrap .rightBox .link > a {font-size:14px; color:#333; font-weight:700; position:relative; padding-right:15px;}
.footer_wrap .rightBox .link > a::after {content:""; width:1px; height:100%; background:#7e7e80; position:absolute; top:0; right:0;}
.footer_wrap .rightBox .link > a:last-child::after {display:none;}
.footer_wrap .rightBox address {font-size:12px; color:#7e7e80; font-weight:500;}
.footer_wrap .rightBox address strong {color:#333;}
.footer_wrap .rightBox address .top {margin-bottom:10px;}
.footer_wrap .rightBox address .middle {display:flex; align-items: center; margin-bottom:10px;}
.footer_wrap .rightBox address .middle span {display:inline-block; padding-right:15px; position:relative;}
.footer_wrap .rightBox address .middle span::after {content:""; width:1px; height:11px; background:#7e7e80; position:absolute; top:1px; right:0;}
.footer_wrap .rightBox address .middle span:last-child::after {display:none;}
.footer_wrap .rightBox address .middle span + span {padding:0 15px;}
.footer_wrap .rightBox address .bottom {color:#bbbdbc;}

.subcoNt h5 {font-size:20px; margin:50px 0 10px;}
.mBottom40 {margin-bottom:40px;}
.tblType01 {border-spacing:0; border-collapse:collapse; width:100%;}
.tblType01 thead th, .tblType01 tbody th {background:#f9f9f9;}
.tblType01 thead th, .tblType01 tbody th, .tblType01 tbody td {border:1px solid #e4e4e4; padding:12px 20px; text-align:center; font-size:14px; line-height:180%;}
.tblType01 thead th:first-child {border-left:0;}
.tblType01 thead th:last-child {border-right:0;}
.tblType01 tbody th:first-child {border-left:0;}
.tblType01 tbody td:first-child {border-left:0;}
.tblType01 tbody td:last-child {border-right:0;}
.tblType01 tbody td.alginLeft {text-align:left;}
.tblType01 .w15p {width:15%;}
.tblType01 .w20p {width:20%;}
.tblType01 .w25p {width:25%;}
.tblType01 .w30p {width:30%;}
.tblType01 .w45p {width:45%;}
.tblType01 .w85p {width:85%;}

.company_List {display:flex; flex-wrap:wrap; gap:17px;}
.company_List > li {width:calc(25% - 20px); position:relative; border:1px solid #ddd; border-radius:10px; text-align:center; height:155px; display:flex; align-items:center; justify-content:center; box-shadow:1px 2px 3px 1px #ddd;}
.company_List > li > .inIMG {width:165px; padding:20px; box-sizing:border-box; display:inline-block;}
.company_List > li > .inIMG > img {width:100%;}
.company_List > li > .inTxt {position:absolute; top:10px; left:0; background:rgba(238, 238, 238, 0.7); font-size:16px; padding:10px; }

/* add style */
#header .header-wrap {background:#fff;}
.footer {position:relative; z-index:50;}