@charset "utf-8";
/**/
/* @import url("/css/common.css");
@import url("/css/basic.css"); */


@font-face {
	font-family:'NotoKrL';
	font-style:normal;
	font-weight:100;
	src:local('Noto Sans Light'), local('NotoSans-Light'), url(/font/NotoSans-Light.eot);
	src:url(/font/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
	url(/font/NotoSans-Light.woff2) format('woff2'),
	url(/font/NotoSans-Light.woff) format('woff');
}
@font-face {
	font-family:'NotoKrR';
	font-style:normal;
	font-weight:300;
	src:local('Noto Sans Regular'), local('NotoSans-Regular'), url(/font/NotoSans-Regular.eot);
	src:url(/font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
	url(/font/NotoSans-Regular.woff2) format('woff2'),
	url(/font/NotoSans-Regular.woff) format('woff');
}
@font-face {
	font-family:'NotoKrM';
	font-style:normal;
	font-weight:500;
	src:local('Noto Sans Medium'), local('NotoSans-Medium'), url(/font/NotoSans-Medium.eot);
	src:url(/font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
	url(/font/NotoSans-Medium.woff2) format('woff2'),
	url(/font/NotoSans-Medium.woff) format('woff');
}
@font-face {
	font-family:'NotoKrB';
	font-style:normal;
	font-weight:700;
	src:local('Noto Sans Bold'), local('NotoSans-Bold'), url(/font/NotoSans-Bold.eot);
	src:url(/font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
	url(/font/NotoSans-Bold.woff2) format('woff2'),
	url(/font/NotoSans-Bold.woff) format('woff');
}

/*==================================
Common : common.css
==================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	
}
form, input, ul, li, ol, dl, dt, dd, fieldset {margin:0; padding:0;list-style:none}
img, fieldset, iframe {border:none}
hr{display:none;}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
input, select, textarea, button, img, label {vertical-align:middle}*/

html, body {height:100%;}
body {padding-top:0px;font-family: 'NotoKrR'; font-size:13px; color:#666;}

table { border-collapse:collapse; border-spacing:0; width:100%; text-align:justify;}
/* input[type="text"]::-ms-clear {display:none;} */

.wrap{position:relative;width:100%; box-sizing: border-box; margin-top:83px; margin-bottom: 50px;}


a {font-family:'NotoKrR'; color:#666666; text-decoration:none; font-weight:normal;}
a:link, a:visited, a:active {font-family:'NotoKrR';color: #666666;text-decoration:none;font-weight:normal;}
a:hover {text-decoration:none;}
a img, fieldset {border:0;}


/* common */
#_loding {overflow: hidden; }
.descript{margin:0px 0 0 10px; padding:0px 0px 0 10px; font-family:'NotoKrR'; color:#4747b3; font-size:0.7em;  line-height:1.4em;}
.descript2{margin:0px 0 0 0px; padding:0px 0px 0 0px; font-family:'NotoKrR'; color:#4747b3; font-size:1.0em;  line-height:1.2em; }
.point_line01{padding:30px 20px; background-color:#f7f7f7; border:1px solid #4747b3 }
.point_line01 > label { font-size: 16px; }
.point_line01 p { font-family:'NotoKrL'; margin-top:6px; }
.point_line01 p.para_point { border-top: 1px solid #d8d8d8; padding-top:14px;}
.point_line01 .li_point { margin:4px 0; font-size:15px;}
.point_line01 .divForm_board { background: #fff; width:960px; position:relative; margin:0 auto;}
.point_line01 .divForm_board .sec_index_box { font-family: 'NotoKrL'; font-size: 16px; padding:30px;}
.point_line01 .divForm_board .sec_index_box2 { padding:0px 30px;}
.point_line01 .divForm_board .sec_index_box2 > p { font-size: 17px;}
.point_line01 .divForm_board .sec_index_box3 { display: flex; justify-content: space-around; align-items: center;padding:20px 0;}
.necessary{display:inline-block; position:relative; padding-left:10px; left:6px; background:url('/images/asterisk.gif') no-repeat; width:5px; height:6px; font-size:0; vertical-align:middle;}
#realContents{clear:both;padding-top:0px;}
.pro_btm { clear:both; display:block; overflow:hidden; margin-bottom:20px; }
.pro_btm p { line-height: 1.6em;}
.fr {float:right;}
.inpCom { border: 0; background:transparent; border-bottom: 1px solid #ff0000; height:26px; width:auto; }

/* Form */
.form_control {min-height:35px; padding:0px 10px; color:#495057; border:1px solid #ced4da; border-radius:3px; vertical-align:middle; font:300 14px 'NotoKrR'}
input, select, textarea {box-sizing:border-box; padding:5px 10px; border:1px solid #d0d1d6; background:#fff; border-radius:2px; color:#000; font-weight:100; font-size: 14px; font-family:  'NotoKrL'}
input:focus, textarea {outline: none;}
.blind, caption  { font-size: 0px; line-height: 0; text-indent: -10000px;overflow:hidden;}
button { font-family: 'NotoKrR'; border-radius: 2px; background-color: transparent; border: none; cursor: pointer;}

input[type=checkbox], input[type=radio]{margin-right:5px;}
input[type=file] { border:none; padding:0; font-size: 12px; font-family: dotum; }

.border_none{border:0px solid #000; margin:0; padding:0; }

input:hover, textarea:hover, select:hover { outline:none;  border:1px solid #4747b3;}
input:focus, textarea:focus, select:focus { outline:none;  border:1px solid #4747b3;}
input[disabled], textarea[disabled], select[disabled],
input[readonly], textarea[readonly], select[readonly] {border:1px solid #C0C0C0; background:#F0F0F5; }

input[disabled], textarea[disabled], select[disabled]{border:1px solid #C0C0C0; background:#E3E3E3; vertical-align:middle; color:#575757; }
input[readonly]:hover, textarea[readonly]:hover, select[readonly]:hover{border:1px solid #C0C0C0; background:#F0F0F5; }
input[readonly]:focus, textarea[readonly]:focus, select[readonly]:focus{border:1px solid #C0C0C0; background:#F0F0F5; }

input[type=checkbox]:focus, input[type=radio]:focus{outline:auto;}

/***** 일반 button *****/
button {transition:all .2s}
.btngroup {clear:both; margin-top:10px; font-weight:bold;}
a.btn_type01 {
	display:inline-block;height:32px; padding:0 12px; background:#4747b3;line-height:32px;text-decoration:none !important;
	white-space:nowrap; color:rgba(255,255,255, .87); font-size:12px;border-radius:2px; vertical-align:middle; transition:all .2s}
a.btn_type01:hover, a.btn_type03:active, a.btn_type03:focus {color:#fff; background: #595bba}
a.btn_type01 span{display:block;}
a.btn_type02 {
	display:inline-block;height:30px; padding:0 12px; background:#f9f9f9;line-height:32px;text-decoration:none !important;
	white-space:nowrap; color:rgba(0,0,0, 0.8); font-size:12px;border:1px solid #d0d1d6; border-radius:2px; vertical-align:middle; transition:all .2s}
a.btn_type02:hover {color:rgba(0,0,0,1); background: #f0f0f0;}
a.btn_type02 span{display:block;}

a.fileDownTxt {text-decoration: underline; color:#4747b3;}



/* skip-navi 바로가기 */
#skip_navi {position:absolute; top:0px; left:0; width:100%; text-indent:-9999px; z-index:999999; height:0px}
#skip_navi li {width:0px; height:0px}
#skip_navi a {display:inline-block; width:0px; height:20px; transition:.2s all;}
#skip_navi a:hover,
#skip_navi a:focus,
#skip_navi a:active {position:absolute; top:0px; left:0px;display:block; width:100%; height:25px; padding-top:7px; text-indent:0px; opacity:0.8; text-align:center; background:#3e3e7b;  color:#fff; font-size:13px; text-align:center; }


/* 팝업이슈 */
.sec_suddenly_pop {display:none;position:fixed; top:0px; left:0; width:100%; z-index:999990;}
.sec_suddenly_pop a {display:block; width:100%; line-height:30px; text-indent:0px; text-align:center; background:#000; color:#fff; font-size:12px; text-align:center; opacity: 0.7; filter:alpha(opacity=70)}
.sec_suddenly_pop a:focus { border:2px solid #f0f0ff;}


/* Button Layout */
.subtitle_button_group {margin-top:15px; display:flex; justify-content: space-between; align-items: flex-end;}
.subtitle_button_group > button { margin-bottom:4px;}
.desNbutton {display:flex; justify-content: space-between; align-items: center;}
.buttonGroup { float:none; margin:20px 0 0 0; font-size:14px; display: flex; justify-content: center;}
.buttonGroup > button { margin:0 2px;}
.buttonGroup.right { justify-content: flex-end; }
.buttonGroup.mbottom { margin:0 0 5px}


.buttonGroup .leftGroup { float:none; display:inline; }
.buttonGroup .rightGroup { float:right; display:inline; }
.buttonGroup .centerGroup { text-align:center; display:inline; }
.buttonGroup .align_right {width:100%; display:flex; flex-direction: row-reverse;}

.buttonGroup .bt_s1 { }
.buttonGroup .bt_s2 { }
/* button */
.button,.button a {overflow:hidden;height:38px;display:inline-block; margin:0 0px;}

.buttonGroup .leftGroup .bt_s1 > button { min-width:150px;height:38px; background:#4747b3; color:rgba(255,255,255, .87); border:1px solid #4747b3; }
.buttonGroup .leftGroup .bt_s2 > button { min-width:150px;height:38px; background:#f8f8f8; color:rgba(0,0,0, .87); border:1px solid #d0d1d6; }
.buttonGroup .rightGroup .bt_s1 > button { min-width:150px;height:38px; background:#4747b3; color:rgba(255,255,255, .87); border:1px solid #4747b3; }
.buttonGroup .rightGroup .bt_s2 > button { min-width:150px;height:38px; background:#f8f8f8; color:rgba(0,0,0, .87); border:1px solid #d0d1d6; }


.button.bt_s1 > button {height:32px; background:#4747b3; color:rgba(255,255,255, .87);transition:all .2s  }
.button.bt_s1 > button:hover { color:#fff; background: #595bba}
.button.bt_s2 > button {height:32px; background:#4747b3; color:rgba(255,255,255, .87);transition:all .2s  }
.button.bt_s2 > button:hover { color:#fff; background: #595bba}
.button.bt2 > button {height:32px; background:#4747b3; color:rgba(255,255,255, .87);transition:all .2s  }
.button.bt2 > button:hover { color:#fff; background: #595bba}

/* new btn */
.btnPrimary { height:38px; border-radius:2px; padding:0 25px; background:#4747b3; color:rgba(255,255,255, .87);line-height:15px; transition:all .2s }
.btnPrimary:hover { color:rgba(255,255,255, 1); background: #595bba }
.btnDefault { height:38px; border-radius:2px; padding:0 25px; background:#f9f9f9; color:rgba(0,0,0,0.8);border:1px solid #d0d1d6; transition:all .2s }
.btnDefault:hover { background:#f0f0f0; color:rgba(0,0,0,1);border:1px solid #d0d1d6;}
.btn150 { min-width:150px;}
.button.bg150 > button { height:38px; width:150px;background:#f8f8f8; color:rgba(0,0,0, .87); border:1px solid #d0d1d6; }
.button.bg150 > button:hover { background:#f0f0f0; color:rgba(0,0,0,1);}
.topRight {position:absolute; right:20px; top:80px;}


/* placeholder color */
*::-webkit-input-placeholder { color: #888; } /* Chrome/Opera/Safari */ 
*::-moz-placeholder { color: #888; } /* firefox 19+ */ 
*:-ms-input-placeholder { color: #888; } /* ie */
*::-ms-input-placeholder { color: #888; } /* Microsoft Edge */ 
*:-moz-placeholder { color: #888; opacity: 1;} /*below firefox 4-18 */
*::-moz-placeholder { color: #888; opacity: 1;} /*below firefox 19 */
*::placeholder {  color: #888;}     /* modern browser */




/********************** header start ***********************/

.headerWrap { padding: 0; margin: 0}
.headerWrap #header {
	position:fixed; width:100%;  top:0; 
	background:#fff; z-index:9999; height:83px; border-bottom: 1px solid #dedfe2;
	box-shadow: rgba(0,0,0,0.086) 0px 2px 5px;
}
.headerWrap #header.none { box-shadow:none;} 
.headerWrap #header .header_area {
	position:relative;width:100%; min-width:1440px; height:83px; display:flex; 
	align-items: center; justify-content:space-between; flex-basis: 0;
}
.headerWrap #header .header_area .top_logo {position:relative; margin-left: 80px;}
.headerWrap #header .header_area .top_left {display:flex; align-items: center;}
.headerWrap #header .header_area .top_left .lnb_basic_btn {
	float:left; display:block; width: 50px; height:50px; 
	background: url("/images/btn_hamberg.gif") center center no-repeat; margin:12px 0 0 30px;
}

.headerWrap #header .header_area .nav_wrap { flex-grow: 1; margin: 0 40px 0 60px; }
.headerWrap #header .header_area .nav_wrap .nav	{ min-width:600px; display:flex; justify-content: space-around;  }
.headerWrap #header .header_area .nav_wrap .nav .ttt   { height:83px; color:#888; flex-grow:1; margin:0 7px; border-bottom: 3px solid #fff; box-sizing: border-box; transition:all 0.1s}
.headerWrap #header .header_area .nav_wrap .nav .ttt   a { 
	position: relative; display: block; white-space: nowrap; font-size: 18px; font-family: "NotoKrR";
	box-sizing: border-box; height: 84px; line-height: 83px; color:inherit; text-align: center;
}
.headerWrap #header .header_area .nav_wrap .nav .ttt :hover {color: #000; border-bottom: 3px solid #4747b3;}
.headerWrap #header .header_area .nav_wrap .nav .ttt .active {color: #000; border-bottom: 3px solid #4747b3;}

.headerWrap #header .header_area .top_mu01 { width:500px; min-width:450px;  display:flex; flex-basis:auto; align-items: center; justify-content: space-between;
}
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap { position:relative; }
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .form_control { width:170px; height: 38px; background:url('/images/icon_search.png') right top 8px no-repeat;}
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .form_control:focus {background:url('/images/icon_search_on.png') right top 8px no-repeat;}
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .form_control::-ms-clear { display: none;}
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .form_language { height:40px; margin-left:20px;}
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .gnb_srch_btn { position:absolute; top:4px; width:35px; height:35px; margin-left:-40px; color:rgba(0,0,0,.45)}
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .gnb_srch_btn i {font-size:18px}
.headerWrap #header .header_area .top_mu01 .userInfo { display:flex; align-items: center;}
.headerWrap #header .header_area .top_mu01 .userInfo:after {
	content: ''; display:inline-block; width:22px; height: 17px; 
	background:url(/images/combo_arrow.png) 0px -18px no-repeat; margin-left:4px;}
.headerWrap #header .header_area .top_mu01 .userInfo.close:after {
	content: ''; display:inline-block; width:22px; height: 17px; 
	background:url(/images/combo_arrow.png) 0px 0px no-repeat; margin-left:4px;}
.headerWrap #header .header_area .top_mu01 .userInfo .userImg {
	display:inline-block; width:40px; height:40px; min-width:40px; border-radius:25px; margin-left:25px;
 	border:1px solid #fff; background-size: cover; background-repeat: no-repeat; background-position: 50%; margin-right:6px;
 }
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .filter_wrap { height:250px; width:252px; box-sizing:border-box; background:#fff; border:1px solid #dfdfdf; position: absolute; top:40px; box-shadow: 1px 2px 3px rgba(150, 150, 150, .5);}
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .filter_wrap ul {padding:0px;}
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .filter_wrap ul li { border-bottom:1px solid #dfdfdf; padding:10px; transition:all 0.1s;}
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .filter_wrap ul li:hover {background: #e2e4fb; cursor: pointer;}
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .filter_wrap ul li p:last-child { font-family: 'NotoKrL'; font-size: 12px; color:#999;}
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .filter_wrap .filter_link {display:block; border-bottom:1px solid #dfdfdf; padding:10px; transition:all 0.1s;}
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .filter_wrap .filter_link:hover {background: #e2e4fb; cursor: pointer;}
/*
웹 접근성 처리로 인한 변경 20240123 - sonys
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .filter_wrap .filter_link p:last-child { font-family: 'NotoKrL'; font-size: 12px; color:#999;}
*/
.headerWrap #header .header_area .top_mu01 .gnb_sch_wrap .filter_wrap .filter_link p:last-child { font-family: 'NotoKrL'; font-size: 12px;}

.headerWrap #header .header_area .top_mu01 .top_logout { border:1px solid #ddd; padding:4px 15px; border-radius: 6px; margin:0 20px 0 20px; }
.headerWrap #header .header_area .top_mu01 .top_logout:hover { background:#f9f9f9; color:#F26A07}


.topDropdown_wrap {display:flex; opacity:0; padding:18px 0; min-height:250px; min-width:1440px; background:#fff; position:fixed; top:-400px; width:100%; padding-left:500px; z-index: 9997; border-bottom: 1px solid #dedfe2; box-shadow: rgba(0,0,0,0.086) 0px 2px 5px; }
.topDropdown_wrap.show { display: flex; opacity:1; top:84px;}
/* .topDropdown_wrap:after { content: 'close Ｘ'; display:block; font-family:'NotoKrL'; position: absolute; bottom:0px; left:50%;  border:1px solid  #eee; font-size:0.8rem; border-bottom:none; padding:3px 8px; cursor: pointer; color:#aaa;} 
 */
.topDropdown_wrap:after:hover {color:#000;}
.topDropdown_wrap .leftTitle {  width:290px; border-right:2px solid #f1f1f1; margin-right:50px; position: relative; }
.topDropdown_wrap .leftTitle:after { content: ''; display:block; position:absolute;right:-12px; top:19px; width:20px; height:20px; transform:rotate(45deg); border-top:2px solid #f1f1f1; border-right: 2px solid #f1f1f1; background: #fff;}
.topDropdown_wrap .leftTitle > label { color:#8989D9; font-size:28px; position: absolute; right:30px; top:10px;}
.topDropdown_wrap .submenu_wrap { position: relative; margin:10px 0; white-space: nowrap;/*  overflow: hidden; */ }
.topDropdown_wrap .submenu_wrap .submenu { display:inline-block; vertical-align: top; margin-right:45px;}
.topDropdown_wrap .submenu_wrap .submenu li { margin-bottom:4px;}

.topDropdown_wrap .submenu_wrap .submenu li a { font-size:14px; color:#777777; display:block; padding:3px 10px;transition: all 0.1s }
.topDropdown_wrap .submenu_wrap .submenu li a:before { content:''; display:inline-block; vertical-align:middle; margin-right:4px; width:4px; height: 4px; border-radius:2px; background: #d6d6d6;}
.topDropdown_wrap .submenu_wrap .submenu li a:hover { background: #4747b3;color:#fff;}
.topDropdown_wrap .submenu_wrap .submenu li:first-child  {font-family:'NotoKrM'; font-size:16px; color:#333; padding-left:17px; box-sizing: border-box;}

.topDropdown_wrap .btn_topDropdown_close { position: absolute; bottom:0px; left:60%; transform:translate(-50%, 0%); border:1px solid  #eee; font-size:0.8rem; border-bottom:none; padding:3px 8px; cursor: pointer; color:#797676;}
.topDropdown_wrap .btn_topDropdown_close:after { content:'▲'; font-size: 0.6rem; margin-left:6px; display: inline-block;}
.topDropdown_wrap .btn_topDropdown_close:hover {color:#000;}

.drop_wrap { display:block; border-radius:0 0 4px 4px; box-shadow:0px 2px 5px rgba(0,0,0,0.086); position: fixed; right:55px;
 		 padding:20px; background:#fff; opacity:0; top:-150px; width:200px; border:1px solid #ddd; z-index:9998; border-top:none;;
}
 .drop_wrap.show { top: 83px; opacity:1;}
 .drop_wrap ul { padding:0; margin:0;}
 .drop_wrap ul li { margin:10px; color:#666; float:none; display: flex; align-items: center;}
 .drop_wrap ul li span:first-child { margin-right:6px; }
 .drop_wrap ul li:last-child { border-top:1px solid #eee; margin-top:15px; padding-top:15px;}
 .drop_wrap ul li a:hover { color:#000;}
   			

/********************** header end ***********************/






/**********************  contants wrap start ***********************/


/* 조회 */
#search_area {clear:both; margin:15px 0 20px 0; padding:0px; background:#F8F8F8; border:1px solid #d0d1d6; /* overflow:hidden; */}
#search_area .search_content{clear:both; margin-top:0px; padding:10px 20px 0px 20px; background-color:#f8f8f8; position: relative;  /* overflow:hidden; */}
.searchGroup .centerGroup {text-align:center; padding:10px 0;}
.mb10 { margin-bottom: 10px;}

/* 조회 게시판 */
table.view_board01 {clear:both; margin:0px 0 8px 0; padding:0}
table.view_board01 th {padding:2px 0 3px 12px; text-align:left; color:#000; border:none; font-size: 14px; font-weight: normal; height:32px; }
table.view_board01 th.site_type { height: 38px;}
table.view_board01 td {padding:4px; color:#777; border:none;}
table.view_board01 td  input[type="text"] {}
table.view_board01 .search_td_wrap {box-sizing:border-box; display:flex;  width:90%; justify-content:space-between; align-items: center;}
table.view_board01 .td_100 { width:100%}
table.view_board01 .td_50 { width:50%;}
table.view_board01 .search_td_wrap > * { margin:0 0 0 3px;}
table.view_board01 .search_td_wrap > *:first-child {margin-left:0px;}
table.view_board01 .search_td_wrap .spanBetween {display:block; width:40px; text-align: center;}
table.view_board01 .search_td_wrap  input, 
table.view_board01 .search_td_wrap  select, 
table.view_board01 .search_td_wrap textarea {width:100%; flex-basis:100%; display:flex;align-items: center;}


#search_area .search_content > table { border-collapse: collapse;}
#search_area .search_content > table.view_board01  tr { border-top:1px solid #e8e8e8}
#search_area .search_content > table.view_board01  tr:first-child { border-top:none;}

 

.bt_l1 {}
.bt_l2 {}
.st_l1 {}
.st_l2 {}
.bt_l1 > button { min-width:150px;height:38px; font-size:14px; background:#4747b3; color:rgba(255,255,255, .87); border:1px solid #4747b3; }
.bt_l2 > button { min-width:150px;height:38px; font-size:14px; background:#f8f8f8; color:rgba(0,0,0, .87); border:1px solid #d0d1d6; }
.st_l1 > button { min-width:80px; height:34px; font-size:13px; background:#4747b3; color:rgba(255,255,255, .87); border:1px solid #4747b3; }
.st_l2 > button { min-width:80px; height:34px; font-size:13px; background:#f8f8f8; color:rgba(0,0,0, .87); border:1px solid #d0d1d6; }

.sec_plan_type {width:100%;}
.sec_plan_type ul {overflow:hidden;border-top:1px solid #e8e8e8; display:flex;}
.sec_plan_type ul:first-child {border-top:none}
.sec_plan_type ul li { padding:4px 0; line-height: 30px;}
.sec_plan_type ul li.tit {padding-left:12px; color:#000; width:12%; font-family:'NotoKrR'; font-size:14px; font-weight:normal;}
.sec_plan_type ul li.con { width: 40%;display:flex; align-items: center; justify-content: space-between;}
.sec_plan_type ul li.con  input, .sec_plan_type ul li.con select, .sec_plan_type ul li.con textarea, .sec_plan_type ul li.con > div.inp_cal {width:100%; flex-basis:100%; display:flex;align-items: center;}
.sec_plan_type ul li.con .spanBetween {display:block; width:40px; text-align: center;}

.sec_info_type {overflow:hidden;}
.sec_info_type2 {width:100%; clear:both; border-top:1px solid #616161; margin:10px 0 20px 0; padding:0;}
.sec_info_type2 ul {overflow:hidden; display:flex;}
.sec_info_type2 ul li.con {flex-grow:1; padding:14px 0px 14px 10px; text-align:left; vertical-align:top; border-bottom:1px solid #D8D8D8; word-break:break-all; word-wrap:break-word;}
.sec_info_type2 ul li.tit {padding:14px 0px 14px 10px; width:13%; color:#000; font-size:14px; text-align:left;  border-bottom:1px solid #D8D8D8;  background-color:#F9F9F9;  word-break:break-all; word-wrap:break-word; line-height:1.4em;}



/* point_color  */
.point{color:#4747b3;}
.point_b {color:#4747b3; font-family:'NotoKrM';}
.point_red { color:#B25757 !important;}
.point_red_b { color:#ff0000; font-family:'NotoKrM'; font-size:15px;}
.caution_wrap { margin:10px 0; display:flex; flex-direction: column; align-items:flex-end; }
.caution_wrap span {display:inline-block;font-size:1em;line-height:1.4em; padding:2px 0 2px 23px; background:url('/images/icon_warning.png') no-repeat 0 center;}

.contentWrap { margin:40px auto 0 auto;position:relative;padding-bottom:120px;z-index:99; border:0px solid #000;}
#content_area { position:relative; display:flex; zoom:1; min-width: 1360px;}
#contentsArea { margin:0 80px 0 372px; flex-grow:1; padding-top:30px;transition: margin 0.4s ease; }
#contentsArea.show {margin:0 80px 0 80px; }
#contentsArea h3 { font-size: 22px; color:#676767; padding:0 0 2px 0;}

.txt_title01 { 	margin:0; font-size:18px; font-weight:normal; color:#5a52df; padding:20px 0 8px 15px;}
.txt_title01 span.descript { display:inline-block; vertical-align: middle;}
.txt_title02 { font-size:16px; color:#555; padding:15px 0 5px 15px;  }



table.view_board {clear:both; border-top:1px solid #616161; margin:10px 0 20px 0; padding:0;}
table.view_board.popview,
table.view_board.lineview { border-top:none; }
table.view_board.popview  tbody .line,
table.view_board.lineview  tbody .line { border-top:1px solid #616161; }
table.view_board th {padding:12px 10px; color:#000; font-size:14px; font-weight:normal; text-align:left; vertical-align:top; border-bottom:1px solid #D8D8D8; background-color:#F9F9F9;  word-break:break-all; word-wrap:break-word; line-height:1.6em;}
table.view_board th.lineno {padding:5px 10px 5px 10px;  text-align:left; vertical-align:top; border-bottom:1px solid #D8D8D8; background:url('') no-repeat right top; background-color:#F9F9F9;  word-break:break-all; word-wrap:break-word; line-height:1.6em;}
table.view_board th.t01 {width:700px; padding:15px 10px 5px 10px; font-weight:bold; text-align:left; vertical-align:top; border-bottom:1px solid #D8D8D8; word-break:break-all; word-wrap:break-word; line-height:1.6em; }
table.view_board th.t01 p{ font-weight:normal; padding-left:0px; line-height:1.6em; margin-top:5px; font-size:1em; word-break:break-all; word-wrap:break-word; }
table.view_board td {padding:12px 10px; text-align:left; font-family:'NotoKrL'; font-size:14px; vertical-align:top; border-bottom:1px solid #D8D8D8; word-break:break-all; word-wrap:break-word;}
table.view_board th.t01:hover {background:#fff;}
table.view_board td dt{float:left; color:#DD9619; }
table.view_board td dd{float:right; color:#484848; text-decoration:none;}
table.view_board td p{clear:both; line-height:1.6em; margin-top:5px; font-size:0.9em; word-break:break-all; word-wrap:break-word; }
table.view_board tr.line01 th{height:0px; padding:1px 0 0 0; border-bottom:1px solid #55AAEA; background:#fff;}
table.view_board tr.line02 th{height:0px; padding:1px 0 0 0; border-bottom:1px solid #36F4B3; background:#fff;}
table.view_board tr.line03 th{height:0px; padding:1px 0 0 0; border-bottom:2px dotted #FFC528; background:#fff;}

table.view_board_t {clear:both; border-top:1px solid #616161; margin:0px 0 20px 0; padding:0;}
table.view_board_t th {padding:12px 10px; color:#000; text-align:center; font-size:14px; font-weight:normal; border-bottom:1px solid #D8D8D8; background-color:#F9F9F9;  /* word-break:break-all; */ word-wrap:break-word; line-height:1.6em;}
table.view_board_t td {padding:12px 10px; text-align:center; font-family:'NotoKrL'; font-size:14px; border-bottom:1px solid #D8D8D8; word-break:break-all; word-wrap:break-word; background: #fff;}
table.view_board_t td.num { text-align:center; }
table.view_board_t input, table.view_board_t select { width:100%}

table.view_board_s {clear:both; border-top:1px solid #616161; margin:0px 0 20px 0; padding:0;}
table.view_board_s th {padding:8px 10px; color:#000; text-align:center; font-size:14px; font-weight:normal; border-bottom:1px solid #D8D8D8; background-color:#F9F9F9;  word-break:break-all; word-wrap:break-word; line-height:1.6em;}
table.view_board_s td {padding:8px 10px; text-align:left; font-family:'NotoKrL'; font-size:14px; border-bottom:1px solid #D8D8D8; word-break:break-all; word-wrap:break-word;}
table.view_board_s td.num { text-align:center; }
table.view_board_s input, table.view_board_s select { width:100%}

table.view_board_c {clear:both; border-top:1px solid #616161; margin:0px 0 20px 0; padding:0;}
table.view_board_c th {padding:12px 10px; color:#000; text-align:left; font-size:14px; font-weight:normal; border-bottom:1px solid #D8D8D8; background-color:#F9F9F9;  word-break:break-all; word-wrap:break-word; line-height:1.6em;}
table.view_board_c td {padding:12px 10px; text-align:left; font-family:'NotoKrL'; font-size:14px; border-bottom:1px solid #D8D8D8; word-break:break-all; word-wrap:break-word;}
table.view_board_c td.num { text-align:center; }
table.view_board_c input, table.view_board_s select { width:100%}

table.view_board_m {clear:both;  margin:0px 0 0px 0; padding:0;}
table.view_board_m th {padding:8px 10px; color:#000; text-align:center; font-size:16px; font-weight:normal; border:1px solid #D8D8D8;border-top:1px solid #616161; background-color:#F9F9F9;  word-break:break-all; word-wrap:break-word; line-height:1.6em;}
table.view_board_m td {padding:8px 10px; background:#fff; text-align:left; font-family:'NotoKrL'; font-size:14px; border:1px solid #D8D8D8; word-break:break-all; word-wrap:break-word;}

table.view_board_n {clear:both;  margin:0px 0 0px 0; padding:0;}
table.view_board_n th {padding:8px 10px; color:#000; text-align:center; font-size:16px; font-weight:normal; border:1px solid #D8D8D8;border-top:1px solid #616161; background-color:#F9F9F9;  word-break:break-all; word-wrap:break-word; line-height:1.6em;}
table.view_board_n td {padding:8px 10px; background:#fff; text-align:center; font-family:'NotoKrL'; font-size:14px; border:1px solid #D8D8D8; word-break:break-all; word-wrap:break-word;}

table.view_board_p {clear:both; width:100%;  margin:0px 0 0px 0; padding:0;}
table.view_board_p th {padding:4px 2px; color:#000; text-align:center; font-size:13px; font-weight:normal; border:1px solid #D8D8D8;border-top:1px solid #616161; background-color:#ededf8;  word-break:break-all; word-wrap:break-word;}
table.view_board_p td {padding:3px 2px; background:#fff; text-align:center; font-family:'NotoKrL'; font-size:12px; border:1px solid #D8D8D8; word-break:break-all; word-wrap:break-word;}
table.view_board_p .td_up { background: #e9e9fe; color:#333;}
table.view_board_p .td_height { height:36px;text-align:center;}
table.fontSize td {font-size:14px; text-align:left; padding:6px;}
table.fontSize th { font-size:15px;}
table.view_board_p label { font-size:11px; position: relative; top:-3px; }
	
table.view_board_type2 {position:relative; clear:both; margin:0px 0 20px 0; padding:0; border-collapse:separate !important; }
table.view_board_type2 .topLine { border-top:1px solid #616161; }
table.view_board_type2 tbody .line { border-top:1px solid #616161; }	
table.view_board_type2 th {
	padding:14px 0px 14px 10px; font-weight:100; font-family:'NotoKrR';  color:#000; text-align:left; font-size:14px;
	vertical-align:middle; border-bottom:1px solid #D8D8D8; background:rgba(0,0,0,.025);  /* word-break:break-all; */ word-wrap:break-word;}
table.view_board_type2 th.lineno {padding:5px 10px 5px 10px;  text-align:left; vertical-align:top; border-bottom:1px solid #D8D8D8; background:url('') no-repeat right top; background-color:#F9F9F9;  word-break:break-all; word-wrap:break-word;}
table.view_board_type2 th.th_border_top_c { border-top:1px solid #616161; text-align: center;}
table.view_board_type2 th.t01 {width:700px; padding:15px 10px 5px 10px; font-weight:bold; text-align:left; vertical-align:top; border-bottom:1px solid #D8D8D8; background:url('') no-repeat right bottom; word-break:break-all; word-wrap:break-word; line-height:1.4em; }
table.view_board_type2 th.t01 p{ font-weight:normal; padding-left:0px; line-height:1.6em; margin-top:5px; font-size:1em; word-break:break-all; word-wrap:break-word; }
table.view_board_type2 td { background:#fff; font-size:14px; padding:8px 10px; font-family:'NotoKrL'; text-align:left; border-bottom:1px solid #D8D8D8; word-break:break-all; word-wrap:break-word;}
table.view_board_type2 th.t01:hover {background:#fff;}
table.view_board_type2 th.sTitle { text-align: center;  font-size: 15px; }
table.view_board_type2 td dt{float:left; color:#DD9619; }
table.view_board_type2 td dd{float:right; color:#484848; text-decoration:none;}
table.view_board_type2 td p{clear:both; line-height:1.6em; margin-top:5px; font-size:0.9em; word-break:break-all; word-wrap:break-word; }
table.view_board_type2 tr.line01 th{height:0px; padding:1px 0 0 0; border-bottom:1px solid #55AAEA; background:#fff;}
table.view_board_type2 tr.line02 th{height:0px; padding:1px 0 0 0; border-bottom:1px solid #36F4B3; background:#fff;}
table.view_board_type2 tr.line03 th{height:0px; padding:1px 0 0 0; border-bottom:2px dotted #FFC528; background:#fff;}


/* Table Type2 */
.table_type2 {margin:0px; border-top:2px solid #616161;}
.table_type2 table {width:100%;}
.table_type2 table th { background:#f8f8f8; border-bottom:1px solid #adadad; font-family:'NotoKrR';font-weight:normal; text-align:center; padding:8px 0; color:#5C5C5C; font-size:14px;}
.table_type2 table th.first {border-left:0 none;}
.table_type2 table td {border-bottom:1px solid #ddd; border-left:0px solid #ddd;line-height:1.6em; padding:6px 5px;font-family:'NotoKrL'; font-size:14px; word-break:break-all}
.table_type2 table td.result_td {border-bottom:1px solid #ddd; border-left:0px solid #ddd; padding:4px 10px 4px; line-height:1.6em;}
.table_type2 table td.first {border-left:0 none;}
.table_type2 table td.center {text-align:center;}
.table_type2 table td.right {text-align:right;}
.table_type2 table td.bg {background-color:#f9f9f9;}
.table_type2 table tbody tr:hover {background:#f9f9f9;}
.table_type2 table tbody tr td.result_td:hover {background:#fff;}
.table_type2 table tbody#JBody input, .table_type2 table tbody#JBody select{width: 100%}

.table_type3 {margin:0px; border-top:1px solid #616161;}
.table_type3 table {width:100%;}
.table_type3 table th { background:#f8f8f8; border-bottom:1px solid #adadad; font-family:'NotoKrR';font-weight:normal; text-align:center; padding:8px 0; color:#5C5C5C; font-size:14px;}
.table_type3 table th.first {border-left:0 none;}
.table_type3 table td {border-bottom:1px solid #ddd; border-left:0px solid #ddd;line-height:1.6em; padding:6px 5px;font-family:'NotoKrL'; font-size:14px; word-break:break-all}
.table_type3 table td.result_td {border-bottom:1px solid #ddd; border-left:0px solid #ddd; padding:4px 10px 4px; line-height:1.6em;}
.table_type3 table td.first {border-left:0 none;}
.table_type3 table td.center {text-align:center;}
.table_type3 table td.bg {background-color:#f9f9f9;}
.table_type3 table tbody tr:hover {background:#f9f9f9;}
.table_type3 table tbody tr td.result_td:hover {background:#fff;}
.table_type3 table tbody.picbody td { text-align: center;}
.table_type3 table tbody.picbody input, .table_type2 table tbody.picbody input { width: 100%;}


.table_type4 {margin:0px 0 20px 0; border-top:1px solid #616161;}
.table_type4 table {width:100%;}
.table_type4 table th {border:1px solid #adadad; border-top:1px solid #616161; text-align:center; padding:4px 0 6px 0; color:#5C5C5C; font-size:1em; background:#f8f8f8; line-height:1.8em;word-break:break-word;}
.table_type4 table th label { word-wrap:break-word; word-break:break-word;}
.table_type4 table th.bgno {border:1px solid #adadad; border-top:1px solid #616161; text-align:center; padding:4px 0 6px 0; color:#5C5C5C; font-size:1em; background:#f8f8f8;; line-height:1.8em;}
.table_type4 table th.first {border-left:0 none;}
.table_type4 table th.last {border-right:0 none;}
.table_type4 table td {border:1px solid #ddd; padding:2px 4px 2px 4px; line-height:1.6em;}
.table_type4 table td.first {border-left:0 none;}
.table_type4 table td.last {border-right:0 none;}
.table_type4 table td.center {text-align:center;}

.grid_border {border-bottom: 1px dotted #ADADAD;}

.td_flexDir_wrap {width: 100%; display:flex; flex-direction:column; }
.td_flex_wrap {box-sizing:border-box; display:flex;  width:90%; justify-content:space-between; align-items: center;}
.td_100 { width:100%}
.td_flex_wrap > .spanBetween { display:inline-block; width:40px; text-align: center;}
.td_flex_wrap > * { margin:0 0 0 3px;}
.td_flex_wrap > *:first-child {margin-left:0px;}
.td_flex_wrap  input, .td_flex_wrap  select, .td_flex_wrap textarea, .td_flex_wrap > div.inp_cal {width:100%; flex-basis:100%; display:flex;align-items: center;}
.basic100 { width:100%}
.basic70 { width: 70%;}
.basic50 { width: 45%;}
.basic30 { width: 37.5%;} 
.spanML10 { margin-left:10px;}
.td_float_wrap { box-sizing:border-box; display:flex;  width:90%; align-items: center; }
.td_float_wrap > .spanBetween { display:inline-block; width:30px; text-align: center; }
.td_float_wrap > input[type='radio'] { margin:0 4px 0 15px}
.td_float_wrap > input[type='text'] {margin:0 3px 0}
.td_input_wrap { box-sizing:border-box; display:flex;  width:90%; align-items: center; }
.td_input_wrap > input[type='radio'], .td_input_wrap > input[type='checkbox'] { margin:0 4px 0 0px; }
.td_input_wrap > label { margin:0 15px 0 0px; }
.td_input_wrap > input[type='radio'] ~ label { white-space:nowrap }
.td_input_wrap > input[type='text'] {margin:0 3px 0; }
.radio_wrap { position:relative;}
.radio_wrap > input[type='radio'], .radio_wrap > input[type='checkbox'] { margin:0 4px 0 0px; }
.radio_wrap label { margin:0 15px 0 0px; }
.radio_wrap > input[type='text'] {margin:0 3px 0; }

/* Table type add */
table.add_table { width:100%; border-collapse: collapse; text-align: left;}
table.add_table th { border:1px solid #eee;}
table.add_table td { border:1px solid #eee;}
table.add_table input[type='text'], table.add_table select { width:100%;}
table.add_table .a_icon_device { position:relative; vertical-align: middle; margin: 0 5px; }

/* calendar */
.apply_wrap {/* position:absolute; */ z-index:5000; }
.popcals { border:1px solid #787878; float:left; width:196px !important; padding:2px; background-color:#ffffff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; top:0; left:0px; z-index:5000; }
#popCal, #popCal3 { border:1px solid #787878; /* float:left; */ width:196px !important; padding:2px; background-color:#ffffff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; top:16px; margin:25px 0 0 -160px; /* left:0px; */ z-index:5000; }
#popCal2, #popCal4 { border:1px solid #787878; /* float:left; */ width:196px !important; padding:2px; background-color:#ffffff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; top:16px; margin:25px 0 0 -160px; /* left:0px; */ z-index:5000; }
.popCal_poz { border:1px solid #787878; float:left; width:196px !important; padding:2px; background-color:#ffffff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; top:0; left:-90px; z-index:5000; }
*:first-child+html #popCal, * html #popCal, *:first-child+html #popCal2, * html #popCal2 { top:21px; left:-115px; } /* under ie7 */
*:first-child+html .popcals, * html .popcals { top:21px; left:-115px; } /* under ie7 */
*:first-child+html #popCal3, * html #popCal3, *:first-child+html #popCal4, * html #popCal4 { top:21px; left:-115px; } /* under ie7 */
.calendarPosition { position: relative; }

#pop_wrap { padding-bottom:35px; position:relative; }
/*
#pop_wrap .calendar_wrap { border-bottom:1px solid #787878; }*/
#pop_wrap .calendar_wrap .btn_close { position:absolute; bottom:4px; right:5px; display:block; width:44px; height:24px; }

#poptable .top { border-bottom:none !important; padding:0px !important; }
#poptable .top .btn_wrap { height:30px; line-height:28px;display:flex; align-items:center; text-align:center; background:url('/images/eSecurity/common_user/calendar/bg_cal_top.gif') repeat-x; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#poptable .top button img { width:22px; height:22px; }
#poptable .top select { padding:0 !important; width:60px; max-width:70px; height:22px !important; }
#poptable .calendar { padding:0 !important; }
#poptable .calendar .list th, .list td { text-align:center !important; }
#poptable .calendar .list th { background-image:none !important; padding:5px 0 !important; }
#poptable .calendar .list td * { float:left; width:23px; height:22px; text-align:center; vertical-align:middle; }
#poptable .calendar .list .cellText { color:#959595; }

.modal { opacity: 0; filter:alpha(opacity=0); position: fixed; top: 0; left:0 ; right: 0; bottom: 0; z-index: 4000; background-color: #000;}

.calendar {border:none !important; font-size:13px !important;}
.calendar .list { border:1px solid #fff !important; border-collapse:collapse; }
.calendar .list caption { /*visibility: hidden !important; position:*/ overflow:hidden; position:absolute; top:0;left:-3000px; width:.1%; height:.1%; line-height:.1%; font-size:0px;}
.calendar .list tr { border: 1px solid #fff !important;}
.calendar .list th { border: 1px solid #fff !important;}
.calendar .list td { border: 1px solid #fff !important; }




/* jqgrid */
.jqgrid_type1 { width:100% !important;  border-top:2px solid #616161;}
.jqgrid_type1 th {  
	border-bottom:1px solid #adadad;background:#f8f8f8; text-align: center; color: #5C5C5C; 
	font-weight:normal; vertical-align:middle;font-size:14px; height: 26px; padding: 4px 0 4px 0;
}
.jqgrid_type1 td { vertical-align : middle; padding:6px 5px;font-family:'NotoKrL'; font-weight:normal; font-size:14px; color:#666; border-bottom: 1px solid #dedede;}
.jqgrid_cursor {cursor:pointer;}
.ui-jqgrid-btable { width:100% !important;/* table-layout:fixed; */}
.ui-jqgrid .ui-jqgrid-htable { width:100% !important;table-layout:fixed;margin:0em; border-top:2px solid #616161; }
.ui-jqgrid .ui-jqgrid-htable th { border-bottom:1px solid #adadad;background:#f8f8f8; text-align: center; color: #5C5C5C; 
	font-weight:normal; vertical-align:middle;font-size:14px; height: 26px; padding: 4px 0 4px 0;}
.ui-jqgrid .ui-jqgrid-htable td { vertical-align : middle; padding:6px 5px;font-family:'NotoKrL'; font-weight:normal; font-size:14px; color:#666;}

/* no_list */
.search_result {display:block; height:24px; padding:20px 0 10px 0; margin:0 auto; text-align:center; font-size:1em;  background:url('/images/eSecurity/common/no_list.png') no-repeat center center;}
.search_result span{background:#fff;}
.search_result2 {display:block; height:24px; padding:35px 0 35px 0;  margin:0px auto; text-align:center; font-size:1em;  background:url('/images/eSecurity/common/no_list.png') no-repeat center center;}
.search_result2 span{background:#fff;}
.search_result3 {display:block; margin:0 auto; text-align:center; font-size:1.2em; font-weight:bold;}


/* paging */
.paging{ clear:both; padding:15px 0 20px 0; font-size:13px; text-align:center; line-height:1.8em;}
.paging a, .paging strong{ vertical-align:top; color:#4747b3; margin-right:1px; display:inline-block; }
/*
웹 접근성 처리로 인한 수정 20240123 - sonys
.paging a{ color:rgba(0,0,0,.3); min-width:20px; padding:3px 6px; border:1px solid #fff; }
*/
.paging a{min-width:20px; padding:3px 6px; border:1px solid #fff; }
.paging a:hover{ color:#4747b3; text-decoration:none; background:#e7e6ff; border:1px solid #e7e6ff; border-radius: 2px; }
.paging strong{ color:#4747b3; padding:3px 6px; border:1px solid #616161; }
.paging a span, .paging strong span{ position:absolute; width:0; height:0; overflow:hidden; }
.paging a.prev, .paging a.next{  min-width:30px; padding:11px 6px 8px 6px; border:none; overflow:hidden;  box-sizing: border-box;}
.paging a.prev:hover, .paging a.next:hover{ border:0px solid #e4e4e4; }
.paging a.prev:hover img, .paging a.next:hover img{ margin-top:0px; }
.paging a.prev{ margin-right:-1px;}
.paging a.next{ margin-left:1px;}
/*
웹 접근성 처리로 인한 수정 20240123 - sonys
.paging a[title=현재페이지], .paging a b {color:#4747b3;}
*/
.paging a[title=현재페이지], .paging a b {font-size:20px; color:#4747b3;}



/* guide page */
.guide_wrap { margin-top:20px; position: relative; min-width:1100px;}
.guide_wrap .guide_conBox { border:1px solid #4747b3; padding:35px;}
.guide_wrap .guide_conBox > p { font-size:20px; background:url(/images/icon_guide.png) 0 5px no-repeat; padding:0 0 0 27px; margin:0 0 25px 0;}
.guide_wrap .guide_conBox .guide_exp { display:flex; justify-content:space-between; align-items: center; border-bottom:1px solid #d0d1d6; padding-bottom:20px; margin-bottom:35px; }
.guide_wrap .guide_conBox .guide_exp ol {flex:1; list-style-type:decimal; margin:0 0 0 20px; padding:0 30px 0 0;}
.guide_wrap .guide_conBox .guide_exp ol li { list-style: inherit; font-size: 14px; color:#4747b3; margin-bottom:8px;}
.guide_wrap .guide_conBox .guide_exp .btn_wrap {position:relative; display: flex}
.guide_wrap .guide_conBox .step_item_title { padding:14px 0 10px 0; width:100%; text-align: center; }
.guide_wrap .guide_conBox .step_item_title > label {display: inline-block; padding:4px 20px; background:#c1c1fc; border-radius: 16px; font-size:15px; color:#222;}
.guide_wrap .guide_conBox .guide_step { display: flex; justify-content: space-around; padding:0 3%; position: relative;}
.guide_wrap .guide_conBox .guide_step .step_item {flex:1 1; display:flex; flex-direction:column;  margin:0 2%; }
.guide_wrap .guide_conBox .guide_step .step_item * { align-self: center; }
.guide_wrap .guide_conBox .guide_step .step_item > span { background: #4747b3;display:block;margin:3px 0 4px 0; padding:0px 6px 1px 6px; color:#fff; border-radius:10px;}
.guide_wrap .guide_conBox .guide_step .step_item > p {font-size:15px; color:#000; margin-bottom:-2px;  }
.guide_wrap .guide_conBox .guide_step .step_item > ul {}
.guide_wrap .guide_conBox .guide_step .step_item > ul li { font-size:13px; color:#4747b3; font-family: 'NotoKrL'; margin: 0; padding:0;} 
.guide_wrap .guide_conBox .guide_step:before {content: ''; display: block; left:30%; height: 1px; width:70%; background:#4747b3; position: absolute; z-index: -1; top:35px; transform:translate(-20%, 0%); }

.guide_wrap .guide_imgBox { background:#e7e7f7; padding:40px 0px; position: relative; display: flex; justify-content: center;}
.guide_wrap .guide_imgBox > img { position: relative; /* box-shadow: 0px 10px 30px rgba(0, 0, 0, .7) */}
.guide_wrap .process_contact { display:block; padding:10px 0 0; vertical-align: middle;}
.guide_wrap .process_contact span {background:#aea9f1;display:inline-block;padding:0px 4px; border-radius: 2px; color:#000; vertical-align: middle; margin:-3px 0 0 20px;}
/**********************  contants wrap end ***********************/



.main_wrap { position:relative; width:100%; min-width:1320px;background:#f8f8f8; border-top:1px solid #dfdfdf; line-height:normal}
.footer_wrap{margin-top:40px;overflow:hidden;}
.footer_wrap:before {content: ''; display: block; clear: both;}
.main_wrap .footer { 
	width:100%; width:1320px;height:114px; margin:0 auto; display:flex;
	flex-direction:row-reverse;  position:relative; align-items: center; justify-content:space-between;
}
.main_wrap .footer .copy {font-family:'Noto Sans KR R'; font-size:14px; color:#acacac;  position:relative; }
.main_wrap .footer .relation{}

#mcontents{float:right; width:470px;}
.visit {margin:25px 0 13px 0;}
.visit dt{font-size:0;}
.visit dd{font-size:0;}



/***********************  Left wrap start *******************************/

#leftarea {
	width:292px; border-right:1px solid #dadada; height:100vh; box-sizing: border-box; left:0px; z-index:9; background:#fff;
	box-shadow: 2px 0 5px rgba(0,0,0,0.086); position: fixed; font-family: 'NotoKrR'; transition: left 0.4s ease;
}
#leftarea.hide { left:-292px}

.btn_folder_wrap {position:absolute; top:0px; right:-21px; display:inline-block; width:20px;}
.btn_folder_wrap .lnb_basic_btn_folder {width:20px; height:51px; background-position:0 0; }
.btn_folder_wrap .lnb_btn_folder {width:20px; height:51px; background-position:-50px 0; }
.btn_folder_wrap .lnb_basic_btn {display:inline-block; vertical-align:middle; background-image:url('/images/lnb_basic.png');}


#leftarea .lnb_sch_wrap { position: relative; margin-bottom: 30px;}
#leftarea .lnb_sch_wrap .form_control { width:252px; height: 38px; box-sizing: border-box;   }
#leftarea .lnb_sch_wrap .form_control::-ms-clear { display:none}
#leftarea .lnb_sch_wrap .gnb_srch_btn { position:absolute; top:4px; right:0px; width:35px; height:35px; margin-left:-40px; color:rgba(0,0,0,.45)}
#leftarea .lnb_sch_wrap .gnb_srch_btn i {font-size:18px}

#leftarea .filter_wrap { max-height:250px; width:252px; box-sizing:border-box; background:#fff; border:1px solid #dfdfdf; position: absolute; box-shadow: 1px 2px 3px rgba(150, 150, 150, .5);}
#leftarea .filter_wrap ul {padding:0px;}
#leftarea .filter_wrap ul li { border-bottom:1px solid #dfdfdf; padding:10px; transition:all .2s}
#leftarea .filter_wrap ul li:hover {background: #e2e4fb; cursor: pointer;}
#leftarea .filter_wrap ul li p:last-child { font-family: 'NotoKrL'; font-size: 12px; color:#999;}
#leftarea .filter_wrap .filter_link {display:block; border-bottom:1px solid #dfdfdf; padding:10px; transition:all .2s;}
#leftarea .filter_wrap .filter_link:hover {background: #e2e4fb; cursor: pointer;}
#leftarea .filter_wrap .filter_link p:last-child { font-family: 'NotoKrL'; font-size: 12px; color:#999;}


#security_gnb { position:relative; padding:30px 20px;}
#security_gnb h2 { font-size:18px; font-family:'NotoKrM'; color:#222; margin: 0 0 0 20px; }
#security_gnb .dep1_title { font-size:18px; font-family:'NotoKrM'; color:#222; margin: 0 0 0 20px; }

#security_gnb .left_nav	{position:relative; padding:0px;height:auto; }
#security_gnb .left_nav .dep2_title {display:flex; width:100%; position:relative; font-size:15px; height:40px; padding-top:12px; color:#333; border-bottom:1px solid rgba(0,0,0, .035); justify-content: space-between;align-items: center;}
#security_gnb .left_nav .dep2_title .title_txt:before {content: ''; display: inline-block; width:20px; height: 20px; background: url(/images/ico_left.png) 0 4px no-repeat;}
#security_gnb .left_nav .dep2_title .title_arr {transform: rotate(90deg); margin-right:5px; transition:all .2s; }
#security_gnb .left_nav .dep2_title .rotate {transform: rotate(0deg); }
#security_gnb .left_nav .dep2_title:hover { color:#4747b3;}
#security_gnb .left_nav .dep2_menu { background:rgba(0,0,0, .035); padding:5px 0;}
#security_gnb .left_nav li { height:36px; line-height: 36px; /* overflow: hidden; */ }
#security_gnb .left_nav li a { display:block; font-size:14px; padding:0 0 0 20px; box-sizing: border-box; color:#777;width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:color .2s }
#security_gnb .left_nav li a:hover { background:#8c8c8c; color:#fff;}
#security_gnb .left_nav li a.on { background:#7d7987; color:#fff;}
#security_gnb .left_nav li a:before {}
#security_gnb .left_nav li.group_line { padding-bottom:10px; margin-bottom: 8px}
#security_gnb .left_nav li.group_line:after { content:''; display: block; width:100%; height:8px; border-bottom:1px solid #dfdfdf }
#security_gnb .left_nav li div	{ display:none; position:absolute; top:68px; left:230px; text-align:center; height:185px; border:0px solid #000; }
#security_gnb .left_nav li ul	{ position:relative; padding-top:10px; }
#security_gnb .left_nav li ul li	{ height:29px; padding:0 15px 0 15px; background:url('') no-repeat right center; border:0px solid #000;}
#security_gnb .hscroll {position:relative; overflow:hidden; }
#security_gnb .hscroll.auto { overflow-y: scroll;}
#security_gnb .hscroll::-webkit-scrollbar { width: 5px; /*스크롤바의 너비*/ }
#security_gnb .hscroll::-webkit-scrollbar-thumb { background-color:rgba(0,0,0, .05); border-radius:3px; /*스크롤바 색상*/ }
#security_gnb .hscroll::-webkit-scrollbar-track { background-color:rgba(0,0,0, .0); border-radius:3px; position:absolute; }
#security_gnb .hscroll:hover::-webkit-scrollbar-thumb { background-color:rgba(0,0,0, .2);}


/***********************  Left wrap end *******************************/



/***********************  서약서 wrap start *******************************/

.pledge_wrap { background:#e6e9f2;border-left:30px solid #e6e9f2; border-right:30px solid #e6e9f2; margin-top:15px;  padding:30px 0; display: flex; justify-content: center; width:100%; box-sizing: border-box; }
.pledge_wrap_mgzero { margin:0px; }
.pledge_wrap .pledge_area { position: relative; width:70%; flex-basis:70%; min-width: 900px;background: #fff; border-radius:25px;padding:40px; /* box-shadow: rgba(0,0,0,.2) 2px 5px 15px */ }
/* 
.pledge_wrap .pledge_area:before { content: ''; position: absolute; right:0px; top:0px; display:block; width:120px; height: 60px;background: linear-gradient(-153deg, #e6e9f2 50%, #fff 50%); border-radius: 0 25px 0 0px;   }
.pledge_wrap .pledge_area:after { content: ''; position: absolute; left:0px; bottom:0px; display:block; width:120px; height: 60px;background: linear-gradient(-153deg, #fff 50%, #e6e9f2 50%); border-radius: 0 25px 0 0px;  }
*/

.pledge_box {position:relative; font-size:1rem; width:100%; padding:0 20px; box-sizing: border-box;z-index:1; background: url(/images/sk_doc.png) center 20% no-repeat; }
.pledge_box .ple_title { margin:30px 0 50px 0; display:flex; flex-direction:column; align-items:center;padding-bottom:15px; border-bottom:1px solid #999; }
.pledge_box .ple_title span {display:block;color:#333;padding:4px;  }
.pledge_box .ple_title span:first-child {font-family: 'NotoKrM'; font-size: 2rem; }
.pledge_box .ple_title span:last-child {font-family: 'NotoKrR'; font-size: 1.3rem; }
.pledge_box .ple_intro { font-family:'NotoKrL'; font-size:1rem; margin:0 0 10px 0;}
.pledge_box .ple_subIntro { font-family:'NotoKrL'; font-size:0.9rem; padding:5px 10px 10px; }
.pledge_box .ple_next { color:#333; padding:10px 0; text-align: center; word-spacing: 0px; letter-spacing: 5px;}
.pledge_box .ple_subTitle { margin:20px 0 5px 0; color:#333; font-size:1.1rem;}
.pledge_box .ple_subTitle.pCircle:before { content:'';display:inline-block; width:8px; height: 8px; background: #333; border-radius: 4px;position:relative; top:-3px; margin-right: 4px; }
.pledge_box .ple_list { font-family: 'NotoKrL';margin-left:20px;}
.pledge_box .ple_inp { display:flex; height: 100px;}
.pledge_box .ple_inp > * {flex:1;}
.pledge_box .ple_transparent { background: transparent !important;}
.pledge_box .ple_date {text-align: center;padding:10px 0;}
.pledge_box .ple_hynix {margin:50px 0 15px 0; text-align: center; font-size:1.6rem; color:#333;}
.pledge_box .emp_wrap { display:flex; justify-content: flex-end; margin-top: 30px;}
.pledge_box .emp_wrap .emp_box {display: inline-block;}
.pledge_box .emp_wrap .emp_box > p { display: flex;color:#888;}
.pledge_box .emp_wrap .emp_box > p span {display: inline-block; font-size: 0.9rem;  }
.pledge_box .emp_wrap .emp_box > p span.span01 {margin-right:5px; color:#333; font-family: 'NotoKrM'}
.pledge_box .emp_wrap .emp_box > p span.span02 {margin-right:20px;}
.pledge_box .emp_wrap .emp_box .ple_sign {display: flex; margin-top:8px; justify-content: space-between; align-items: center;}
.pledge_box .emp_wrap .emp_box .ple_sign input[type='text'] {flex-grow:1;}
.pledge_box .emp_wrap .emp_box .ple_sign > span { color:#333;margin-right:5px;  font-family: 'NotoKrM';font-size: 0.9rem; } 
.pledge_box .emp_wrap .emp_box .ple_sign > label { flex-grow:1; }
.pledge_box .ple_sos { font-size: 1.1rem; text-align: right; font-family: 'NotoKrM'; color:#F26A07; margin-top: 10px;}
.pledge_box .ple_btn { background: #4747b3; border:1px solid #4747b3; color:#fff; cursor: pointer;}
.pledge_box .ple_btn_dis { background: #ddd; border:1px solid #ccc; color:#777;}
.pledge_box .ple_ol { list-style-type: decimal; margin-top: 30px;}
.pledge_box .ple_ol > li { list-style-type: inherit; font-size: 1.1rem; margin-top: 10px; margin-left:20px;}
.pledge_box .ple_ol li .ple_ol_dep2 {list-style-type:disc; padding:0 0 0 20px;}
.pledge_box .ple_ol li .ple_ol_dep2 li { list-style-type: inherit; font-size: 0.9rem; margin-top:4px; color:#888;}
.pledge_box .ple_swear {font-family:'NotoKrL'; font-size:1rem; border-top:1px solid #ccc; margin-top:30px; padding:30px 0 0 0;}
.pledge_box .ple_imgBack { background: #e6e9f2; margin-top:-50px; padding:40px 0; display: flex; justify-content: center;}
.pledge_box .ple_listBack { padding:25px; border:1px solid #dedede;}
.pledge_box .ple_listBack .ple_question { display:flex; justify-content: space-between; margin: 0 0 15px 0; font-family: 'NotoKrM' }
.pledge_box .ple_listBack .ple_question span:nth_child(1) {display:block;padding-right:4px;}
.pledge_box .ple_listBack .ple_question span:nth-child(2) { flex:1;}
.pledge_box .ple_listBack .ple_question span:nth-child(3) { padding:0 0 0 20px; }
.pledge_box .ple_listBack .ple_question span label { margin:0 5px;}
.pledge_box .ple_question_line {border-bottom:1px dotted #dedede; height:1px;margin:8px 0 16px 0;}
.pleBorder { border-top:15px solid #4747b3;border-left:0px solid #aaa;border-right:0px solid #aaa;border-bottom:1px solid #aaa;}
.destroy_warning { padding:10px;}
.destroy_warning span { display: block;}

/***********************  서약서 wrap end *******************************/

/***********************  하이닉스생활안내 s *********************************/
	.tabLife_wrap {position:relative; margin:20px 0; border-bottom:1px solid #ccc}
	.tabLife_wrap .tab-life {display:flex; width:100%;}
	.tabLife_wrap .tab-life li {position:relative; justify-content:center; display:flex; align-items:center;
	word-break: keep-all; bottom:-1px; background: #eaeaed;  padding:0px 15px; box-sizing:border-box;
	 border:1px solid #d0d1d6; min-width:200px; width:16%; min-height:40px; margin:0 4px 0 0; font-size: 16px; color:#6b6b6b; }
	.tabLife_wrap .tab-life li:hover { background: #fff; border-bottom:1px solid #fff;}
	.tabLife_wrap .tab-life li a {color:#7E6462}
	.tabLife_wrap .tab-life li.active {background: #fff; border-bottom:1px solid #fff; overflow:hidden;}
	.tabLife_wrap .tab-life li.active a {color:#000}
	.life_con_wrap { position: relative; margin-top:20px;}
	.life_con_wrap .life_con_box { position:relative; display:block; width:100%; border:1px solid #4747b3;}
	/* .life_con_wrap .fadein {display:blcok;} */
	.life_con_wrap .lifebox1 { background: url('/images/life_back_1.png') right 85px top 60px no-repeat;}
	.life_con_wrap .lifebox2 { background: url('/images/life_back_2.png') right 85px top 60px no-repeat;}
	.life_con_wrap .lifebox3 { background: url('/images/life_back_3.png') right 85px top 60px no-repeat;}
	.life_con_wrap .lifebox4 { background: url('/images/life_back_4.png') right 85px top 60px no-repeat;}
	.life_con_wrap .lifebox5 { background: url('/images/life_back_5.png') left 45px top 40px no-repeat;}
	.life_con_wrap .life_con_box .index_area { position: relative; margin: 36px 0px 0 36px; width:70%; min-height: 150px;}
	.life_con_wrap .life_con_box .index_area ol { padding:0 0 0 20px;  }
	.life_con_wrap .life_con_box .index_area ol > li { list-style-type: disc; margin:0 0 15px 0;font-size:15px; color:#4747b3;}
	.life_con_wrap .life_con_box .index_area ol > li > ul { text-indent: 0px; padding:0 0 0 10px;}
	.life_con_wrap .life_con_box .index_area ol > li > ul li {display: flex; font-size:14px; color:#666; margin: 3px 0 3px 0;}
	.life_con_wrap .life_con_box .index_area ol > li > ul li:before {content:'-'; display: inline-block; margin:0 5px 0 0; }
	.life_con_wrap .life_con_box .index_area2 { position: relative; margin: 70px 0px 0 270px; width:70%;}
	.life_con_wrap .life_con_box .index_area2 ol { padding:0 0 0 20px;  }
	.life_con_wrap .life_con_box .index_area2 ol > li { list-style-type: disc; margin:0 0 15px 0;font-size:15px; color:#4747b3;}
	.life_con_wrap .life_con_box .index_area2 ol > li > ul { text-indent: 0px; padding:0 0 0 10px;}
	.life_con_wrap .life_con_box .index_area2 ol > li > ul li {display: flex; font-size:14px; color:#666; margin: 3px 0 3px 0;}
	.life_con_wrap .life_con_box .index_area2 ol > li > ul li:before {content:'-'; display: inline-block; margin:0 5px 0 0; }
	
	.life_con_wrap .life_con_box .pic_area { background: #f3f3f6; margin-top:30px; padding:25px 0; display: flex; justify-content: center;}
	.life_con_wrap .life_con_box .pic_area img { margin: 0 10px;}
	.life_con_wrap .skLiftTab > .life_con_box {margin-top:12px;}
	.life_con_wrap .skLiftTab { text-align: center;}
	.life_con_wrap .skLiftTab .sklife_tablist { margin:0; padding:0; height:40px; display:flex; justify-content: center;}
	.life_con_wrap .skLiftTab .sklife_tablist li { float:left;}
	.life_con_wrap .skLiftTab .sklife_tablist li a { display:inline-block;font-size:1rem; margin: 0 5px; padding:5px 40px; color:#4747b3; border: 1px solid #4747b3; border-radius: 25px; }
	.life_con_wrap .skLiftTab .sklife_tablist li a:hover { background:#4747b3; color:#fff; border: 1px solid #4747b3; }
	.life_con_wrap .skLiftTab .sklife_tablist li a.clickOn { background:#4747b3; color:#fff; border: 1px solid #4747b3; }
	
	/* .life_con_wrap .skLiftTab input { opacity: 0;}
	.life_con_wrap .skLiftTab label { display:inline-block;font-size:1rem; margin: 0 5px; padding:5px 40px; color:#4747b3; border: 1px solid #4747b3; border-radius: 25px; }
	.life_con_wrap .skLiftTab label:hover { background:#4747b3; color:#fff; border: 1px solid #4747b3; }
	.life_con_wrap .skLiftTab input:checked + label { background:#4747b3; color:#fff; border: 1px solid #4747b3;}
	.life_con_wrap .skLiftTab input:focus + label {outline:auto} */
	.life_con_wrap .skLiftTab .lifebox5 {display: none; text-align: left;}
	.life_con_wrap .skLiftTab .activeOn {display: block;}
	.life_con_wrap #sk_life1:checked ~ #lifeContent1, 
	.life_con_wrap #sk_life2:checked ~ #lifeContent2,
	.life_con_wrap #sk_life3:checked ~ #lifeContent3 { display: block;}
	.life_con_wrap .skLiftTab .map_wrap { display: flex; justify-content: center; margin:40px 0;}
	.life_con_wrap .skLiftTab .map_wrap > img {width:85%;}
/***********************  하이닉스생활안내 end *********************************/

.secInfo_wrap { display: flex; justify-content: center; margin:20px 0 0 0; align-items: center;}
.secInfo_wrap .container { position: relative; width:953px; height:670px; overflow: hidden;}
.secInfo_wrap .slider-container { position: absolute; width: 100%;}
.secInfo_wrap .slide { position: absolute; width: 100%;  box-sizing: border-box;overflow: hidden;}
.secInfo_wrap .slider-container.animated {-webkit-transition: left .3s ease-in;transition: left .3s ease-in;}
.secInfo_wrap #prev, .secInfo_wrap #next, .secInfo_wrap #first, .secInfo_wrap #end {
	display:block; width: 47px; height:64px; background-position: center center; background-repeat: no-repeat; margin: 0 5px; text-indent:-9999px;
}
.secInfo_wrap #first.disabled, .secInfo_wrap #prev.disabled, .secInfo_wrap #next.disabled, .secInfo_wrap #end.disabled { opacity:0.2; cursor: default;}
.secInfo_wrap #prev { background-image: url('/images/ico_prev.png'); }
.secInfo_wrap #prev:hover { background-image: url('/images/ico_prev_on.png');}
.secInfo_wrap #next { background-image: url('/images/ico_next.png');}
.secInfo_wrap #next:hover { background-image: url('/images/ico_next_on.png');}
.secInfo_wrap #first { background-image: url('/images/ico_first.png');}
.secInfo_wrap #first:hover { background-image: url('/images/ico_first_on.png');}
.secInfo_wrap #end { background-image: url('/images/ico_end.png');}
.secInfo_wrap #end:hover { background-image: url('/images/ico_end_on.png');}


/****************** 팝업 ******************/
#popBody {width:100%; height:100%; }
#popArea {width:100%; background:#4747b3;  margin:0 auto; border:0px solid #000000; overflow:hidden; }
.pop_title{float:left; width:85%; height:48px; text-align:left; padding:13px 0 0 20px; color:#fff;letter-spacing:-1px;}
.pop_title h1{padding:0; color:#fff;  font-size:1.6em; font-weight: normal; font-family: 'NotoKrR'}
#popArea .close{float:right; padding:20px 20px 0 0px;}
.pop_content{width:95%; margin:20px auto 10px auto; border:0px solid #000000; overflow:hidden;}
.pop_content2{width:95%; margin:auto; border:0px solid #000000; overflow:hidden;}
.pop_copyright{position:absolute; bottom:2px; width:100%; text-align:center; color:#C8C8C8; font-size:0.85em;}

#wrapper input::-webkit-input-placeholder,
#popBody .pop_content {color:#666; font-weight:normal}
#pop_wrap .calendar  table.view_board01 tr { border:none;}
#popBody .pop_content .srh_scroll {max-height:280px; overflow-y:auto; border-top:1px solid #616161; }
#search_area .search_content .searchGroup,
#popBody .pop_content #search_area .search_content .searchGroup {margin:5px -20px 0; background:#fff; border-top:1px solid #d0d1d6}
#popBody .pop_content h1.privacy_title { color:#222; font-size:24px; margin-bottom:10px; }
#popBody .pop_content h2.privacy_subtitle { font-size:18px; color:#222; margin:20px 0 10px 0}
#popBody .pop_content .privacy_intro {padding:20px 20px; background-color:#f7f7f7; border:1px solid #4747b3}
#popBody .pop_content .privacy_intro p { margin:0px;}
#popBody .pop_content .section_title {margin:5px 0}
#popBody .pop_content .p_section { color:#666; font-family: 'NotoKrL' }
#popBody .pop_content .p_section ol {margin: 0 0 0 20px; list-style-type: decimal;}
#popBody .pop_content .p_section ol > li { list-style-type:inherit; color:#333; font-family: 'NotoKrR'; padding:5px 0;}
#popBody .pop_content .p_section ol li ul { margin-top:5px;}
#popBody .pop_content .p_section ol li ul li { font-family: 'NotoKrL'; color:#666; margin-bottom: 4px;}
#popBody .pop_content .p_section ol.disc { margin: 0 0 0 20px; list-style-type:disc;}
#popBody .pop_content .p_section ol li ul li ol.subdecimal {margin:0 0 0 10px; list-style-type: lower-roman;}
#popBody .pop_content .p_section ol li ul li ol.subdecimal li { list-style-type:inherit; margin: 0; padding: 0}
#popBody .pop_content .privacy_Date { margin-top:20px; text-align:right; padding:8px 0 40px 0; border-top:1px solid #ccc}

#sec_popup_area {display:inline-block; margin:0px; padding:0px; overflow:hidden; font-size:0;}
#sec_popup_area img {display:block;padding:0; margin:0;}

.sec_popup_wrap { position: relative; padding:15px; }
.sec_popup_wrap .sec_popup_con { position: relative; margin: 0 0 10px 0 }
.sec_popup_wrap h2 {margin:14px 0 3px 0;font-size:18px; font-weight: normal; color:#000}
.sec_popup_wrap h3 {margin:14px 0 3px 0; font-weight: normal; color:#000}

.sec_popup_wrap .sec_popup_con .sec_title { font-size: 24px; text-align: center; padding: 10px 0 5px 0}
.sec_popup_wrap .p_cen { text-align: center; word-spacing: 15px }
.sec_popup_wrap ul li { margin-left: 20px; font-size: 14px;  }
.sec_popup_wrap ul li:before { content: '-'; display:inline-block;}
.sec_popup_wrap ul li a { color:#4747b3; text-decoration: underline;}
.sec_popup_wrap ol li { list-style-type: decimal; margin: 10px 0 0 20px; }
.sec_popup_wrap .company_goods_list { display: flex; flex-direction: column; gap: 10px; font-size: 18px; }

.popDefault_wrap { position: relative; margin: 0px; padding: 0px; }
.popDefault_wrap .conBack { background:#f3f3fa; padding:20px; box-sizing: border-box;}
.popDefault_wrap .conBack .conbackTitle {background:#c4c4f6; border:1px solid #b7b7f0; margin:0 0 20px 0; padding:15px; box-sizing: border-box; color:#000; font-size:18px;}
.popDefault_wrap .conBack .popUL_wrap { border:1px solid #c4c4f6; padding:30px; height:320px; display: flex; align-items: center;}
.popDefault_wrap .conBack .popUL_wrap	.popUL { position: relative; margin: 0px; padding: 0px; }
.popDefault_wrap .conBack .popUL_wrap	.popUL li { list-style-type: disc; margin: 0 0 10px 0px; padding:0 0 0 0px; text-indent: -5px; font-size: 15px}
.popDefault_wrap .conBack .popUL_wrap	.popUL li p { font-size:18px; color:#4747b3; }



/*****************************************************************************************************************/
/*******************************************     main wrap     ***************************************************/
/*****************************************************************************************************************/
.wrapMain{position:relative;width:100%; box-sizing: border-box; margin:0px;margin-top:83px; overflow-x:hidden; }
.main_contentsArea{ position:relative; }

.welcome_main_wrap { position:relative; width:100%; min-width:1280px; margin-top:0px; line-height:normal}

.welcome_main_wrap .mainArea {position: relative; width:100%;}
.welcome_main_wrap .mainArea.visual { width:100%; height: 380px; overflow: hidden; background: #e8f3f9}
.visual_line { position:absolute; right:0; bottom: 0; width:67%; height: 0; border-bottom: 2px solid #648ebe;z-index: 98; }

.welcome_main_wrap .mainArea .nav { position:absolute; width:1280px;margin:0 auto;  height:372x; z-index: 991; left: 0; right: 0;bottom:0; overflow: hidden;}
.welcome_main_wrap .mainArea .highlight { position: absolute; top:24px; left:365px; transition: 0.4s cubic-bezier(0.65, 0, 0.35, 1);}
.welcome_main_wrap .mainArea .tab-menu {width: 400px;}
.welcome_main_wrap .mainArea .tab-menu li { height: 66px; cursor: pointer; background: #fff;border-right:2px solid rgba(255,255,255, 1); border-bottom: 2px solid #e8f3f9; box-sizing: border-box; }
.welcome_main_wrap .mainArea .tab-menu li:last-child {border-bottom: 0px solid rgba(255,255,255, 0);}
.welcome_main_wrap .mainArea .tab-menu li a { 
	position:relative;width:365px; display: flex; height: 66px; font-family:"NotoKrR";  padding: 0 0 0 35px;  
	font-weight: normal; font-size: 17px; line-height:17px; color: #8989c1; box-sizing: border-box; align-items: center;transition: all 0.3s;}
.welcome_main_wrap .mainArea .tab-menu li a:after {content: ''; position: absolute; display: block; width:17px; height: 17px; top:24px; right:-17px; background: url(/images/ico_arr.png) no-repeat;}
.welcome_main_wrap .mainArea .tab-menu li a:hover {  color: #30306c;}
.welcome_main_wrap .mainArea .tab-menu li.active { background: none; border-right: none; border-bottom: 2px solid #648ebe;}
.welcome_main_wrap .mainArea .tab-menu li.active a { color:#30306c; }
.welcome_main_wrap .mainArea .tab-menu li.rightBorder { border-right: 2px solid #648ebe;}
.welcome_main_wrap .mainArea .tab-menu li:first-child.active a:after {content: ''; position: absolute; display: block; width:17px; height: 17px; right:17px; background: none; }
.welcome_main_wrap .mainArea .tab-menu:after {content: ''; display: block; width:100%; height: 18px; background: #fff; border-right:2px solid #648ebe; box-sizing: border-box;}

.welcome_main_wrap .mainArea #tab-content {position: relative; height: 380px; background: #e8f3f9; overflow: hidden;}
.welcome_main_wrap .mainArea #tab-content .tab-list {width:1280px; height: 380px; margin: 0 auto; position: relative;}
.welcome_main_wrap .mainArea #tab-content .tab-list .tabGuide_wrap {
	width:1280px; height: 380px;  position: absolute; box-sizing: border-box; 
    padding-left:450px; padding-top: 40px; opacity: 0; box-sizing: border-box; }
.welcome_main_wrap .mainArea #tab-content .tab-list .tabGuide_wrap .guide_box {
	position:relative; overflow: hidden;}
.welcome_main_wrap .mainArea .nav .guide_button_wrap {
	position:absolute; width:auto; bottom:30px; right:0px; width:670px;
}
.welcome_main_wrap .mainArea .nav .guide_button_wrap .btnMoving { position: absolute; bottom:0;right:-1000px; display: flex;}
.welcome_main_wrap .mainArea .nav .guide_button_wrap a {
	display:inline-block;padding:10px 30px;  border-radius:4px; font-family: 'NotoKrL'; font-size:20px; 
	text-align: center; box-sizing: border-box; cursor: pointer; white-space: nowrap; margin-left:5px;
}
.welcome_main_wrap .mainArea .nav .guide_button_wrap a.btnLink_order {
	background:#4747b3; color:rgba(255,255,255,.7);
}
.welcome_main_wrap .mainArea .nav .guide_button_wrap a.btnLink_guide {
	background:#5f5fd9; color:rgba(255,255,255,.7);
}
.welcome_main_wrap .mainArea .nav .guide_button_wrap a.btnLink_order:hover {
	background:#4747b3; color:rgba(255,255,255,1);
}
.welcome_main_wrap .mainArea .nav .guide_button_wrap a.btnLink_guide:hover {
	background:#5f5fd9; color:rgba(255,255,255,1);
}
.welcome_main_wrap .guide_ul_index { position: relative;margin:0 0 30px 10px; }
.welcome_main_wrap .guide_ul_index li { font-size: 16px; color:#4747b3}
.welcome_main_wrap .guide_step_wrap { display:flex; justify-content:space-between;}
.welcome_main_wrap .guide_step_wrap .guide_step {display: flex; flex-wrap:wrap; align-content: space-between; justify-content:center; margin:0 6px}
.welcome_main_wrap .guide_step_wrap .guide_step .step_title { display: flex; justify-content: center;}
.welcome_main_wrap .guide_step_wrap .guide_step .step_title > span { background:#4747b3; color:#fff; display:block; width:21px; height:21px; min-width:21px; border-radius: 50%; text-align: center; margin-right:5px; }
.welcome_main_wrap .guide_step_wrap .guide_step .step_title > ul { max-width:200px; }
.welcome_main_wrap .guide_step_wrap .guide_step .step_title > ul li {font-size:12px; color:#4F56B1; padding:0; margin:0; font-family: 'NotoKrL';/* word-break:break-all; */ word-wrap:break-word;}
.welcome_main_wrap .guide_step_wrap .guide_step .step_title > ul li:first-child {font-size:14px; color:#4747b3; font-family:'NotoKrR'}
.welcome_main_wrap .guide_step_wrap .guide_step .step_title > ul li:last-child {line-height: 13px;}
.welcome_main_wrap .guide_step_wrap .guide_step > div:last-child{text-align:center; margin-top:10px;}
.welcome_main_wrap .guide_step_wrap .guide_step2 { flex:1; margin:-10px 5px 0px 5px; }
.welcome_main_wrap .guide_step_wrap .guide_step2 > div:first-child { text-align: center;font-size:14px; color:#4747b3; font-family:'NotoKrR';}
.welcome_main_wrap .guide_step_wrap .guide_step2 > div img {margin-bottom:3px;}
.welcome_main_wrap .guide_step_wrap .guide_step2 > ul {padding:10px 0 0px 17px;}
.welcome_main_wrap .guide_step_wrap .guide_step2 > ul li {position:relative; font-size:12px; color:#4F56B1; padding:0; margin:0; font-family: 'NotoKrL';word-break:break-all; word-wrap:break-word; line-height: 13px; margin-bottom:8px; }
.welcome_main_wrap .guide_step_wrap .guide_step2 > ul li:before {content: '1';background:#4747b3; text-align:center; color:#fff; display:block;position:absolute; left:-19px; width:17px;line-height:17px; height:17px; min-width:17px; border-radius: 50%; }
.welcome_main_wrap .guide_step_wrap .guide_step2 > ul li:nth-child(2):before {content: '2';}
.welcome_main_wrap .guide_step_wrap .guide_step2 > ul li:nth-child(3):before {content: '3';}
.welcome_main_wrap .guide_step_wrap .guide_step2 > ul li:nth-child(4):before {content: '4';}
.welcome_main_wrap .guide_step_wrap .guide_step2 > ul li:nth-child(5):before {content: '5';}


.welcome_main_wrap .mainArea #tab-content.mainback {/*background-image: url(/images/welcome4_main1.png); background-size: cover;*/}


.pledge_common .emp_wrap { display:flex; justify-content: space-between;}
.pledge_common .emp_wrap .ple_date {margin:0 40px 0 0; font-size: 0.9rem;}
.pledge_common .emp_wrap .emp_box {display: inline-block;}
.pledge_common .emp_wrap .emp_box > p { display: flex;color:#888;}
.pledge_common .emp_wrap .emp_box > p span {display: inline-block; font-size: 0.9rem;  }
.pledge_common .emp_wrap .emp_box > p span.span01 {margin-right:5px; color:#333; font-family: 'NotoKrM'}
.pledge_common .emp_wrap .emp_box > p span.span02 {margin-right:20px;}
.pledge_common .emp_wrap .emp_box .ple_sign {display: flex; margin-top:8px; justify-content: space-between; align-items: center;}
.pledge_common .emp_wrap .emp_box .ple_sign input[type='text'] {flex:1;}
.pledge_common .emp_wrap .emp_box .ple_sign > span { color:#333;margin-right:5px;  font-family: 'NotoKrM';font-size: 0.9rem; } 
.pledge_common .emp_wrap .emp_box .ple_sign > label { flex:1; }



.fadein { -webkit-animation:fadein 1s ; animation: fadein 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; animation-fill-mode: forwards;} 
@-webkit-keyframes fadein {
    from { opacity: 0;}
    to { opacity: 1;}
}
@keyframes fadein {
    from { opacity: 0;}
    to { opacity: 1;}
}
.moving {animation: moving 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; ;
    position: absolute; right: 0px;}
@-webkit-keyframes moving {
    from { right: -600px;}
    to { right: 0px;}
}

@keyframes moving {
    from { right: -600px;}
    to { right: 0px;}
}

.mbuilding {animation: move1 1s; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    position: absolute; left: 193px;}

@keyframes move1 {
    from { bottom: -1000px;}
    to { bottom: 0px;}
}
.maincopy1 {
    animation: copy1 8s; 
    animation-iteration-count: infinite; 
    animation-delay: 1s;
    position: absolute; top:40px; left: 400px; opacity: 0;}
@-webkit-keyframes copy1 {
    0%{ left: 400px; opacity: 0;}
    20% { left: 750px; opacity: 1;}
    90% {left: 750px; opacity: 1;}
    100% {left: 600px; opacity: 0;}
}
@keyframes copy1 {
    0%{ left: 400px; opacity: 0;}
    20% { left: 750px; opacity: 1;}
    90% {left: 750px; opacity: 1;}
    100% {left: 600px; opacity: 0;}
}
.maincopy2 {
    animation: copy2 8s; 
    animation-iteration-count: infinite; 
    animation-delay: 1.5s;
    position: absolute; top:40px; left: 1040px; opacity: 0;}
@-webkit-keyframes copy2 {
    0%{ left: 1300px; opacity: 0;}
    20% { left: 1040px; opacity: 1;}
    90% {left: 1040px; opacity: 1;}
    100% {left: 1100px; opacity: 0;}
}
@keyframes copy2 {
    0%{ left: 1300px; opacity: 0;}
    20% { left: 1040px; opacity: 1;}
    90% {left: 1040px; opacity: 1;}
    100% {left: 1100px; opacity: 0;}
}


.welcome_main_wrap .mainDashboard {position:relative; padding:52px 0px;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap { position: relative; width:1280px; margin:0px auto;display:flex; justify-content:space-between;}

.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap { position: relative; width: 700px; }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .userInfo { position: relative; display:flex; width:100%; background: #f2f2f2; border-radius: 4px; height: 280px;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .userInfo .affil_area {
	background: #8c8c8c; width:170px; min-width:170px; padding:30px 18px 20px 18px; box-sizing:border-box;border-radius: 4px 0 0 4px; display:flex; flex-direction:column;
	position:relative; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .userInfo .affil_area:after {content:''; display:inline-block; width:1px; height: 1px; position:absolute;top:17px; right:-10px;border-left:10px solid #8c8c8c;border-top:10px solid transparent;border-bottom:10px solid transparent;  }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .userInfo .affil_area .userPicture {display:block;position: relative; margin:0 auto; width:96px; height: 96px; border-radius: 48px; background-repeat:no-repeat; background-size:cover; background-position:0px; }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .userInfo .affil_area .affil { position: relative;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .userInfo .affil_area .affil span { display: block; color:rgba(255,255,255, 1); font-family:'NotokrL'; margin-top:2px; font-size:13px; text-align: center; }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .userInfo .affil_area  > ul { position:relative;width:100%;background: #6e6e6e; border-top:1px solid #b8b8b8;border-bottom:1px solid #b8b8b8}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .userInfo .affil_area  > ul li { height:32px; line-height: 32px; display: flex; color:#fff; font-size: 14px; justify-content:space-between; }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .userInfo .affil_area  > ul li {border-bottom:1px solid #818181;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .userInfo .affil_area  > ul li span{ width:60%; text-align: center; box-sizing: border-box; display: inline-block;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .userInfo .affil_area  > ul li span:nth-child(2) {width:40%; text-align:right; padding-right:15px; background: #686868;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .userInfo .affil_area  > ul li span a {color:#fbe658; }

.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .link_wrap { position:relative;display:flex; flex-basis:0; justify-content: space-around; margin-top:30px;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .link_wrap a { 
	display:block;flex-basis:0; flex-grow:1; height: 90px; border-right:1px solid #dbdbdb; background-position:center; background-repeat:no-repeat;
	display:flex; justify-content: center; box-sizing: border-box; padding:90px 0 0 0; transition:all .2s}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .link_wrap a:hover {color:#F26A07;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .link_wrap a:last-child { border-right:none;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .link_wrap a.link01 { background-image: url('/images/icon_link_01.png')}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .link_wrap a.link01:hover { background-image: url('/images/icon_link_01_on.png')}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .link_wrap a.link02 { background-image: url('/images/icon_link_02.png')}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .link_wrap a.link02:hover { background-image: url('/images/icon_link_02_on.png')}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .link_wrap a.link03 { background-image: url('/images/icon_link_03.png')}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .link_wrap a.link03:hover { background-image: url('/images/icon_link_03_on.png')}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .link_wrap a.link04 { background-image: url('/images/icon_link_04.png')}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .link_wrap a.link04:hover { background-image: url('/images/icon_link_04_on.png')}

.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area { position:relative;padding:12px 20px 20px 20px; flex-grow:1; box-sizing: border-box; display: flex; flex-wrap: wrap; align-content: space-between;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .tit_box {position:relative; display:block; height:30px;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .tit_box .tit { 
	display:inline-block;position:absolute; bottom:5px; left:20px; font-size:16px; font-family:'NotoKrM'; color:#000;
}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .tit_box a {display:block; position:absolute; right:18px; top:0px;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .check_wrap {display:flex;  justify-content: space-between; width:100%; box-sizing: border-box; margin-top: 8px;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .check_wrap ul {width:220px; box-sizing: border-box; padding:5px 0 0 0;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .check_wrap ul li { display: flex; height:22px; font-family:'NotoKrL'; justify-content: space-between; color:#666; }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .check_wrap ul li span:first-child { width:155px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .check_wrap ul li span:last-child { font-size: 12px; }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .check_wrap ul li img {margin-right:5px;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .check_wrap .check_important {position:relative; width:253px; height:70px; margin-top:13px; background:url('/images/check_wrap.png') no-repeat;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .check_wrap .check_important > span { display:block; overflow:hidden; padding:3px 0 0 5px; width:218px; height:24px; position: absolute; top:33px; left: 18px;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .check_wrap .check_important > span a { color:#666; cursor: default;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .check_wrap .check_important > span a:hover {/* text-decoration: underline; */}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .Info_wrap .progress_area .check_wrap .check_important_eng { background:url('/images/check_wrap_eng.png') no-repeat; }

.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .board_wrap { position: relative; width:540px; }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .board_wrap .notice { position: relative; border:1px solid #dedfe2; border-radius:2px; }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .board_wrap .faq { position: relative; border:1px solid #dedfe2; border-radius:2px; margin-top:30px; }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .board_wrap .tit_box {position:relative; border-bottom:1px solid #dedfe2; height:58px; padding:0 30px; }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .board_wrap .tit_box .tit { 
	position:absolute; bottom:0px; width:95px; font-size:18px; text-align:center; height:38px; font-family:'NotoKrM'; 
	color:#000; border-bottom:3px solid #000;
}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .board_wrap .tit_box a {display:block; position:absolute; right:30px; top:15px;  margin-bottom:10px;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .n_more {display:block; background: url(/images/icon_more.png) center center no-repeat;width:30px; height: 30px;text-indent: -10000px; transition:all .2s}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .n_more:hover {background: url(/images/icon_more_on.png) center center no-repeat;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .board_wrap .bUl { padding: 15px 30px;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .board_wrap .bUl li { display:flex; justify-content:space-between; padding: 7px 0;color:#666;}
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .board_wrap .bUl li span { display:block;font-family: 'NotoKrL';  }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .board_wrap .bUl li span:first-child { width:380px; }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .board_wrap .bUl li a:link { font-family: 'NotoKrL'; font-size:14px; color:#666; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.welcome_main_wrap .mainDashboard .Dashboard_con_wrap .board_wrap .bUl li a:hover { color:#F26A07; }

.quick-qr { position: absolute; right:0px; top:433px; z-index: 9999; width:90px; height:210px; background:#fff; border:1px solid #648ebe; border-right:none; transition:all .5s;}
.quick-qr > div { position: relative; margin: 10px auto; text-align: center; line-height: 13px;}
.quick-qr > div img { display: block; margin: 3px auto;}
.quick-qr .btn_qr { position: absolute; left: -24px; top:-1px; width:24px; height:58px; font-size:10px; color: #fff;background:#648ebe }
.quick-qr .btn_qr .qr_arr {transform: rotate(0deg); display:block; width:13px; height:13px; margin-right:1px; transition:all .2s; background: url('/images/ico_qr_arr.png') no-repeat; }
.quick-qr .btn_qr .rotate {transform: rotate(180deg); }
.quick-qr.sliding { right:-90px;}

.mainfooter_wrap{ 
	position:relative; width:100%; min-width:1320px;background:#f8f8f8; border-top:1px solid #dfdfdf; 
	line-height:normalmargin-top:40px;overflow:hidden;
}
.mainfooter_wrap:before {content: ''; display: block; clear: both;}
.mainfooter_wrap .footer { 
	width:100%; width:1320px;height:114px; margin:0 auto; display:flex; background:url('/images/logo.png') 0 25px no-repeat;
	flex-direction:row-reverse;  position:relative; align-items: center; justify-content:space-between;
}
.mainfooter_wrap .footer .copy {font-family:'NotoKrL'; font-size:14px; color:#6E605F;  position:relative; margin-left: 140px; }
.mainfooter_wrap .footer .copy label {display:inline-block; font-size:12px;position:relative; margin:-3px 0 0 30px;}
.mainfooter_wrap .footer .relation{margin-top: 4px;}


table.mainView {width:100%; border:none;}
table.mainView th { background: #dfdfdf; font-weight: normal; font-size: 14px; color:#333; height: 30px; text-align: center;}
table.mainView th:first-child {border-radius: 3px 0 0 0;}
table.mainView th:last-child {border-radius: 0px 3px 0 0;}
table.mainView td {position:relative; font-family: 'NotoKrL'; text-align:center; font-size: 13px; color:#666; height: 30px; border-bottom:1px solid #dfdfdf; }
table.mainView tr:last-child td { border-bottom:1px solid #c5c5c5;}
table.mainView td.light {font-family:'NotoKrR'; color:#49ad21; }
table.mainView td.light:after { content: ''; display:block; position:absolute; right:10px; top:12px; width:8px; height:8px; background:#49ad21; border-radius: 4px;}


/**** 회원가입  ****/
#membershipBody {position:relative; width:100%;}
#membershipArea {width:1280px; margin:0 auto;}
.membership_logo { display: flex; justify-content:space-between; align-items:flex-end; }
.membership_logo h1{text-indent:-5000px; width:100px; height:82px; background:url('/images/eSecurity/common_user/membership_logo.png') no-repeat left 0 ; margin-left:50px;}
.membership_logo h1 a{display:block; width:100px; height:82px;}
.membership_title{font-family: 'NotoKrL'; color:#8e8e8e; font-size:42px; letter-spacing:4px; }
.membership_title01{display:flex; height:86px; background:#4747b3; align-items: center;}
.membership_title01 h2 {color:#fff; font-family:'NotoKrL'; font-size: 32px; letter-spacing: 2px; margin: 0 0 0px 50px;}
.membership_title01 img{position:relative; top:30px; left:20px;}
.me_title{margin:0 0px 0px 50px; color:rgba(255,255,255, 0.85)}
.me_title li { font-family: 'NotoKrL';}
.me_title li:first-child { font-size: 18px; word-spacing: 0px; letter-spacing: 1px;}
.me_title li:last-child { word-spacing: 2px;}
.member_box {padding:30px 120px; margin:20px 0 20px 0; overflow:hidden; background: #f7f7f7; /* background:url('/images/eSecurity/common_user/mem_btm.jpg') no-repeat left bottom; */}
.mbox_margin0 { margin:0px;} 
.member_box01 {width:1040px; padding-bottom:10px; margin:10px 0 20px 0;  background:url('/images/eSecurity/common_user/mem_btm.jpg') no-repeat left bottom;}
.member_box .top {height:19px; font-size:0; background:url('/images/eSecurity/common_user/mem_top.jpg') no-repeat left top;}
.member_box01 .top {height:19px; font-size:0; background:url('/images/eSecurity/common_user/mem_top.jpg') no-repeat left top;}
.membership_content{width:100%; margin:0 auto;}
.membership_content h1 {color:#000; letter-spacing: 3px; margin-bottom:20px;}
.membership_content .divForm { font-size: 16px; font-family: 'NotoKrL'}
.membership_content .divForm .mB0 { margin:10px 0 0;}
.membership_content .divForm .mB10 { margin:10px 0;}
.membership_content .divForm .mB40 { margin:0 0 40px 0;}
.membership_content .divForm .mTitle { font-size:18px; color:#000;}
.membership_content .divForm .tdTitle { font-size:15px; color:#000; text-align:center; font-family: 'NotoKrR'}
.membership_content .divForm .ul_type {display:flex; margin-bottom:10px; color:#000;}
.membership_content .divForm .ul_type div:first-child {margin-right:10px; font-family: 'NotoKrM'}
/* .membership_content .divForm .ul_type:before {content:'1.'; display:inline-block; width:25px; margin:0 0 0 -25px;} */
.membership_content .divForm .pledge_content { background: #fff; border:1px solid #dedede; padding:45px;}
.membership_content .divForm .pledge_content_tran { border:1px solid #dedede; padding:25px;}
.membership_content .divForm ul.tdul {}
.membership_content .divForm ul.tdul li { margin:0 0 5px 0;}
.membership_content .divForm  ol { list-style-type: decimal; margin: 0 0 0 20px;}
.membership_content .divForm  ol li { list-style: inherit; margin-bottom:16px;}
.membership_content .divForm  ol li.num01 { color:#333; font-family: 'NotoKrR'}
.membership_content .divForm  ol li.margin0 { margin-bottom:0px;}
.membership_content .divForm  ol li.marginbm { margin-bottom:40px;} 
.membership_content .divForm  ol li .sub_ul {padding:10px 0 20px 30px;  list-style-type:disc;}
.membership_content .divForm  ol li .sub_ul li { list-style: inherit;margin:0 0 5px -10px; font-size: 14px; color:#666;font-family: 'NotoKrL'}
.membership_content .divForm  ol li:last-child .sub_ul {padding-bottom:0px;}
.membership_content .divForm .agree_content { padding:0px; margin:0 0 40px}
.membership_content .divForm .agree > label { vertical-align: baseline;}
.membership_content .divForm2 {width:800px; margin:0 auto; min-height: 200px; display: flex; align-items: center;}
#membershipBody .act_refer { margin-bottom:10px; font-size:16px;}
#membershipBody .member_ol { list-style-type: decimal; margin: 0 0 0 20px;}
#membershipBody .member_ol > li { list-style: inherit; margin-bottom:16px; }
#membershipBody .member_ol > li .sub_ol { padding:0px 0 0px 30px;  list-style-type:disc;}
#membershipBody .member_ol > li .sub_ol li { list-style: inherit;margin:0 0 0px -10px; font-size: 14px; color:#666;font-family: 'NotoKrL'}
#membershipBody .member_ol > li:last-child {margin-bottom:0px;}
.membership_sign{ width:100%; text-align:center;}
.membership_sign li{font-size:1.6em; margin:20px 0;}
#today_show{font-size:1.2em;}
.membership_sign li.membership_sign02 { color:#000;}
.agree{margin:20px 0; border:2px dotted #4747b3; padding:15px; text-align:right; font-size:18px; color:#000; font-family:'NotoKrR'; background:#ececfc;}

.membership_footer{border-top:1px solid #D7D9D8; padding:30px 0; margin-top:50px;}
.membership_footer_area{width:1280px; margin:0 auto; display:flex; justify-content:space-between; align-items: center;}
.membership_footer_logo{text-indent:-5000px; width:87px; height:41px; background:url('/images/eSecurity/common_user/membership_footer_logo.jpg') no-repeat left 0 ;}
.membership_footer_copyright{color:#888; }


.welcome_test_wrap {width:1140px; height:768px; margin:50px auto 20px auto; border:1px solid #ccc}
.welcome_test_wrap #content_wrap{width:1100px; padding-left:50px; margin-top:40px; position: relative; overflow: hidden;}
.welcome_test_wrap #content_wrap #question_wrap{width:48%; padding:0 0 0 0px; float:left;}
.welcome_test_wrap #content_wrap #question_wrap02{width:48%; padding:0 0 0 0px; float:right;  }
.welcome_test_wrap #content_wrap .question{width:460px; margin:0 auto;}
.welcome_test_wrap #content_wrap dt{ font-size:14px; padding-bottom:8px; color:#000; font-family: 'NotoKrM'}
.welcome_test_wrap #content_wrap dd{ font-size:14px;}
.welcome_test_wrap #content_wrap dd input[type='text'] { height:26px; padding:3px;}
.welcome_test_wrap #content_wrap dd > div {margin-left:43px;}



/* error */
.error_wrap	{clear:both; width:705px; margin:0 auto; padding-top:86px; font-size:1em;}
.error_wrap	h1	{margin-bottom:12px;}
.error_msg1	{padding:65px 13px 45px 13px;border:3px solid #4747b3; background:#f5f4f8; overflow:hidden;}
.mail_left{float:left; margin:0 20px 0 10px;}
.mail_right{float:left; width:430px; border-left:1px dotted #B0A891; padding-left:20px; font-size:1em;}
.mail_right > p {font-size: 24px;}
.mail_right dl{width:100%; border-top:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; padding:10px 0 10px 0; overflow:hidden; margin:10px 0 10px 0; color:#888; }
.mail_right dt{float:left;}
.mail_right dd{float:left; margin-left:10px;}
.err_detail{clear:both; position:relative; top:20px; height:200px; padding:10px; border:2px solid #D3D3D3; font-size:0.9em; background:#F6F6F6;}
.err_detail pre{clear:both; width:100%; word-break:break-all; word-wrap:break-word; font-family:nanum;}
.mail_bottom{width:100%; font-family:'NotoKrL';padding:5px 0;  text-align:center; font-size:0.9em;}

/* 페이지없음 */
.nopage_wrap {width:96%;  margin:0px auto; top:50%; left:50%; transform:translate(-50%, -50%); position:absolute;}
.nopage_wrap .nopage_logo { text-align: center;padding:10px 0}
.nopage_wrap .sw_box { margin:0px auto;  border-radius:6px;  border-radius:6px; padding:30px 0px;}
.nopage_wrap .sw_1 { font-size:1.2rem; color:#202020; font-weight:bold; text-align:center;}
.nopage_wrap .sw_2 { font-size:.8rem; margin-top:15px; text-align:center;}	
.nopage_wrap .sw_btn {text-align:center; margin-top:4px;}





/* IE9, IE10, IE11 */
@media screen and (min-width:0\0) {
	/* 업체물품신청안내  */
	.guide_wrap .guide_conBox .guide_step .step_item > p {font-size:15px; color:#000; margin-bottom:-2px; max-width: 170px; }
    .guide_wrap .guide_conBox .guide_step .step_item > ul li { font-size:13px; color:#4747b3; font-family: 'NotoKrL'; margin: 0; padding:0; max-width: 170px;} 

	.ie_desNbutton { display:block; overflow: hidden; position: relative;}
	.ie_desNbutton .descript2 { float: left; width:65%; position: relative; top:50%; transform:translate(0%, -50%)}
	.ie_desNbutton .ie_size { float: right; width:30%;}
	
	.life_con_wrap .life_con_box .index_area ol > li > ul li {display: block; font-size:14px; color:#666; margin: 3px 0 3px 0;}
}