@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('/data/font/pretendard.css');

*{margin:0;padding:0;border:0;outline:0;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*behavior:url("boxsizing.htc")}
html{height:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-3dLight-Color:#333;scrollbar-arrow-color:#777;scrollbar-base-color:#333;scrollbar-Face-Color:#fff;scrollbar-Track-Color:#333;scrollbar-DarkShadow-Color:#333;scrollbar-Highlight-Color:#333;scrollbar-Shadow-Color:#fff}
a:link, a:visited, a:hover, a:active{color:#333; text-decoration:none;}
strong, b { font-weight:700 !important; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-size:14px; font-family:'Lato','NotoSansKR', 'NanumBarunGothic', 'Dotum', sans-serif; color:#454545; background:#fff; letter-spacing: -1px;}
button { cursor:pointer; font-family:'Lato','NotoSansKR', 'NanumBarunGothic', 'Dotum', sans-serif; }
input,img { vertical-align:middle; }
input { border:none; font-family:'Lato','NotoSansKR', 'NanumBarunGothic', 'Dotum', sans-serif; }
input:focus { outline: none; }
::-webkit-file-upload-button { cursor:pointer; }
img { border:0 none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: '';content: none; }
table { border-collapse: collapse;border-spacing: 0; }
select {font-family:'Lato','NotoSansKR', 'NanumBarunGothic', 'Dotum', sans-serif; -moz-appearance: none; -webkit-appearance: none; }
a { display:block;cursor:pointer; }
p{margin:0;}

.ft-pt {font-family: 'Pretendard';}
.fc-ns {color:#082A66;}
/* --------------------------------------------
 * skip
/* ------------------------------------------ */
.skipNavi{position:relative;z-index: 9999999}
.skipNavi li{position:absolute;width:100%;top:0;left:0}
.skipNavi li a{display:block;height:1px;width:1px;overflow:hidden;font-size:1em}
.skipNavi li a:active,
.skipNavi li a:focus{width:100%;height:auto;padding:7px 0;text-align:center;font-size:15px;color:#fff;background-color:#262424;border:0}

.blind{text-indent:-9999px; font-size:0px; width:0px; height:0px;}
#wrap:after, #container:after, #footer:after, #header:after, .inner:after, .clear:after, ul:after, ol:after , dl:after{display:block;clear:both;content:'';}
#wrap{width:100%;position:relative; min-width:1280px;}
.inner{width:1280px; min-width:1280px; margin:0 auto;}

#modal-wrapper {display: none;}
#modal-wrapper #modal-overlay {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.3);
}
#modal-wrapper #modal-content {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 100;
	transform: translate3d(-50%, -50%, 0);
	background: #fff;
	box-shadow: 0 0 5px #000;
	border-radius:2px;
    width: 30%;
    height: auto;
	padding: 10px;
}

/*btn_style*/
.btn-style01{overflow:hidden; position:relative; display:inline-block;   letter-spacing:-0.5px;color:#333;}   
.btn-style01 span{position:relative; z-index:1;; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.btn-style01 b{position:absolute; top:-1px; right:10px;}
.btn-style01:before{display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#04193d; /* opacity:0;filter:Alpha(opacity=0); */ transform:skew(-20deg); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.btn-style01:hover span{ color:#fff;}
.btn-style01:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}

/*btn_style*/
.btn-style02{overflow:hidden; position:relative; display:inline-block; font-size:15px; letter-spacing:-0.5px;color:#333;} 
.btn-style02 span{position:relative; z-index:1;; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.btn-style02 b{position:absolute; top:-1px; right:10px;}
.btn-style02:before{display:block; position:absolute; right:-230%; bottom:0; content:""; width:210%; height:150%; background:#111d3c; /* opacity:0;filter:Alpha(opacity=0); */ transform:skew(45deg); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.btn-style02:hover span{ color:#fff;}
.btn-style02:hover:before{right:-10%; opacity:1;filter:Alpha(opacity=100);}


.clfix{clear:both;}
.MRN{margin-right:0 !important;}
.BRN{border-right:none !important;}
.BBN{border-bottom:none !important;}
.font_blue{color:#0975c8 !important;vertical-align:top;}
.font_lblue{color:#52a8ef !important;}
.font_black{color:#222 !important; vertical-align:top;}
.font_org{color:#ffa800 !important;vertical-align:top;}
.font_red{color:#e60000 !important;vertical-align:top;}
.font_ylw {color: #fff600 !important;vertical-align: top;}
.fl{float:left;}
.fr{float:right;}
.MR0{margin-right:0 !important;}
.bgn{background:none !important;}
.PL20{padding-left:20px !important;}
.bg_White{background:#fff;}
.bg_Gray{background:#e8e8e8 !important;}
.PL0{padding-left:0 !important;}
.PR0{padding-right:0 !important;}
.BR1{border-right:1px solid #d7d7d7;}
.tl{text-align:left !important;}
.w90{width:90px !important;}
.w110{width:110px !important;}
.w155{width:155px !important;}
.w175{width:175px !important;}
.w220{width:220px !important;}
.w225{width:225px !important;}
.w300{width:300px !important;}

.text-center{text-align:center;}
.PL20{padding-left:20px;}
.TaL{text-align:left !important;}
.TAC{text-align:center;}
.TAR{text-align:right;}
.MB20{margin-bottom:20px !important;}
.mT20{margin-top:20px !important;}
.mT80{margin-top:100px !important;}
.mt80{margin-top:80px !important;}
.blN{border-left:none !important;}
.brN{border-right:none !important;}
.fw500{font-weight:500 !important;}
.mb15{margin-bottom:15px; display:block;}
.mgl30{margin-left:30px !important;}
.fs17{font-size:17px !important;padding: 5px 0; display: block;}
.fs18{font-size:18px !important;}
.fs20{font-size:20px !important;}
.fs15{font-size:15px !important; }
.fs19{font-size:19px !important; }
.a_btn{width:100px; display:block; border: 1px solid #777;/*padding: 5px 10px;*/border-radius: 3px;color: #777;margin: 0 auto;}
.lh30{line-height:30px !important; }
.w140{width:140px !important;}
.f600{font-weight:600 !important;}
.f700{font-weight:700 !important;}
.f800{font-weight:800 !important;}
.btit{
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 500;
    letter-spacing: -1.2px;
}
.blueColor{color:#082A66 !important;}
.taC{text-align:center !important;}
.diB{display:inline-block !important;}
::selection{background:#082A66; color:#fff; text-shadow:none;}

/* input box color */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent  inset ; -webkit-text-fill-color: #aaa; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
input::-webkit-input-placeholder{color:#aaa}
input:-moz-placeholder{color:#aaa;opacity:1}
input::-moz-placeholder{color:#aaa;opacity:1}
input:-ms-input-placeholder{color:#aaa}
input:placeholder-shown{color:#aaa}
textarea:placeholder-shown{color:#aaa !important; box-sizing:border-box;}

/*input[type="checkbox"]{ position: absolute; top: 0;left: 0;margin: 0;padding: 0;z-index: -1;width: 16px;height: 16px;-webkit-appearance: none; cursor: pointer}*/

.loading span{display:inline-block;animation:loading .7s}
.loading span:nth-child(2){animation-delay:.1s}
.loading span:nth-child(3){animation-delay:.2s}
.loading span:nth-child(4){animation-delay:.3s}
.loading span:nth-child(5){animation-delay:.4s}
.loading span:nth-child(6){animation-delay:.5s}
.loading span:nth-child(7){animation-delay:.6s}
.loading span:nth-child(8){animation-delay:.7s}
.loading span:nth-child(9){animation-delay:.8s}
.loading span:nth-child(10){animation-delay:.85s}
.loading span:nth-child(11){animation-delay:.9s}
.loading span:nth-child(12){animation-delay:.95s}

@keyframes loading {
	0%,100%{transform:translateY(0);filter:blur(0);opacity:1}
	50%{transform:translateY(15px);filter:blur(5px);opacity:.2}
}


/* --------------------------------------------
 * skip
/* ------------------------------------------ */
.skipNavi{position:relative;z-index: 9999999}
.skipNavi li{position:absolute;width:100%;top:0;left:0}
.skipNavi li a{display:block;height:1px;width:1px;overflow:hidden;font-size:1em}
.skipNavi li a:active,
.skipNavi li a:focus{width:100%;height:auto;padding:7px 0;text-align:center;font-size:15px;color:#fff;background-color:#262424;border:0}


/* --------------------------------------------
 * table
/* ------------------------------------------ */
/* table_st1 */
.table_st1 table{border-top:2px solid #555555;border-bottom:1px solid #e1e1e1}
.table_st1 td,
.table_st1 th{text-align:left;border-left:1px solid #f0f0f0}
.table_st1 tr:first-child td:first-child,
.table_st1 tr:first-child th:first-child{border-left:0}
.table_st1 th{font-size:18px;line-height:26px;color:#222;font-weight:400;padding:16px 0 16px 30px}
.table_st1 td{font-size:14px;line-height:26px;color:#555;font-weight:400;border-top:1px solid #f0f0f0;padding:16px 30px 30px;vertical-align:top}
.table_st1 td p{margin-bottom:10px}
.table_st1 td li{position:relative;padding-left:8px}
.table_st1 td li.mark{color:#aaa}
.table_st1 td li:before{content:'';width:4px;height:1px;display:inline-block;background:#777;position:absolute;top:12px;left:0}
.table_st1 .dot{width:6px;height:6px;display:inline-block;background-position:-74px -90px;vertical-align:middle;margin:0 4px}
.table_st1 .table_desc{margin-top:20px;font-size:14px;line-height:26px;color:#777}

/* table_st2 */
.table_st2 ul{overflow:hidden}
.table_st2 span{display:table-cell;padding-right:20px;box-sizing:border-box}
.table_st2 span.no{width:16%}
.table_st2 span.tit{width:64%}
.table_st2 span.prs{width:20%}
.table_st2 .thead{display:table;width:100%;border-bottom:2px solid #d9d9d9;color:#878787;font-size:13px;line-height:1.25;letter-spacing:0}
.table_st2 .thead span{position:relative;padding:2px 0 6px}
.table_st2 .thead span:before{content:'';width:1px;height:16px;position:absolute;left:-20px;top:0;background:#d9d9d9}
.table_st2 li>a{position:relative;display:table;table-layout:fixed;width:100%;padding:16px 0;font-size:15px;color:#878787;border-bottom:1px solid #d9d9d9;cursor:default}
.table_st2 li>a span.tit,
.table_st2 span.prs.prs_ing{color:#222}
.table_st2 li>a:hover,
.table_st2 li>a:hover span{color:#33ccff !important;border-color:#33ccff}

/* table_st3 */
.table_st3 table{border-top:1px solid}
.table_st3 thead th{font-size:18px;line-height:26px;color:#222;font-weight:600;padding:15px; background:#f2f3f6; border-bottom:1px solid #e4e4e4}
.table_st3 tbody tr { border-bottom:1px solid #ebebeb;}
.table_st3 td{font-size:14px;line-height:26px;color:#555;font-weight:400;padding:15px;}
.table_st3 td p.phone {
    line-height: 24px;
    text-align: center;
    font-size: 23px;
    font-weight: 500;
}
.table_st3 td p.phone i {margin:2px 7px 0 0; color:#e32733;}
.table_st3 td li{position:relative;padding-left:8px}
.table_st3 td li.mark{color:#aaa}
.table_st3 td li:before{content:'';width:4px;height:1px;display:inline-block;background:#777;position:absolute;top:12px;left:0}
.table_st3 .dot{width:6px;height:6px;display:inline-block;background-position:-74px -90px;vertical-align:middle;margin:0 4px}
.table_st3 .table_desc{margin-top:20px;font-size:14px;line-height:26px;color:#777}


/* form */
.input-checkbox {
	display: inline-block;
	height: 20px;
	line-height:1;
}
.input-checkbox input {display:none; appearance:none;}
/*
.input-checkbox input {
	border: 0;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute
}
*/
.input-checkbox .txt {
	display: inline-block;
	line-height: 1;
	font-weight: 400
}
.input-checkbox label {
	display: inline-block;
	padding: 0 10px 0 10px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.input-checkbox label:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border: 1px solid #d9d9d9;
	background: #fff;
	text-align: center
}
.input-checkbox label:after {
	content: '';
	position: absolute;
	top: 45%;
	left: 5px;
	width: 8px;
	height: 4px;
	margin-top: -4px;
	border-top: 0;
	border-right: 0;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.input-checkbox.right label {
	padding: 0 0 0 27px
}
.input-checkbox.right a {display:inline-block;}

.input-checkbox.left label {
	padding: 0 28px 0 0
}
.input-checkbox.left label:before {
	left: auto;
	right: 0;
	margin-top: -12px
}
.input-checkbox.left label:after {
	left: auto;
	right: 5px;
	margin-top: -6px
}
.input-checkbox.up label {
	padding: 0 0 23px 0
}
.input-checkbox.up label:before {
	top: auto;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	margin-top: 0
}
.input-checkbox.up label:after {
	top: auto;
	bottom: 8px;
	left: 50%;
	margin-left: -5px;
	margin-top: 0
}
.input-checkbox.down label {
	padding: 23px 0 0 0
}
.input-checkbox.down label:before {
	top: 0;
	left: 50%;
	margin-left: -10px;
	margin-top: 0
}
.input-checkbox.down label:after {
	top: 6px;
	left: 50%;
	margin-left: -5px;
	margin-top: 0
}
.input-checkbox input:focus+label:before {
	border-color: #000
}
.input-checkbox input:hover+label:before {
	border-color: #000
}
.input-checkbox input:disabled:focus+label:before {
	border-color: grey
}
.input-checkbox input:disabled:hover+label:before {
	border-color: grey
}
.input-checkbox input:disabled+label:before {
	opacity: 0.5
}
.input-checkbox input:disabled+label:after {
	opacity: 0.5
}
.input-checkbox label:after {
	-webkit-transform: rotate(-45deg) scale(0);
	transform: rotate(-45deg) scale(0);
	transition: none
}
.input-checkbox input:checked+label:after {
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition: transform 200ms ease-out, -webkit-transform 200ms ease-out
}
.input-checkbox input:checked+label:before {
	background: #082A66;
	border: 0
}

.input-checkbox.chRed input:checked+label:before {background:#082A66; }

.input-radio {
	display: inline-block;
	height: 20px
}
.input-radio input {
	border: 0;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute
}
.input-radio .txt {
	display: inline-block;
	line-height: 1;
	font-weight: 400
}
.input-radio label {
	display: inline-block;
	position: relative;
	padding: 0 10px 0 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.input-radio label:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border: 1px solid #d9d9d9;
	background: #fff;
	text-align: center;
	border-radius: 50%
}
.input-radio label:after {
	content: '';
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 5px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-left: 1px;
	border-radius: 50%
}
.input-radio.right label {
	padding: 0 0 0 25px
}
.input-radio.right label:before {
	margin-top: -12px
}
.input-radio.right label:after {
	margin-top: -6px
}
.input-radio.left label {
	padding: 0 28px 0 0
}
.input-radio.left label:before {
	left: auto;
	right: 0;
	margin-top: -12px
}
.input-radio.left label:after {
	left: auto;
	right: 5px;
	margin-top: -6px;
	margin-right: 1px
}
.input-radio.up label {
	padding: 0 0 23px 0
}
.input-radio.up label:before {
	top: auto;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	margin-top: 0
}
.input-radio.up label:after {
	top: 50%;
	bottom: 5px;
	left: 50%;
	margin-left: -4px;
	margin-top: 9px
}
.input-radio.down label {
	padding: 23px 0 0 0
}
.input-radio.down label:before {
	top: 0;
	left: 50%;
	margin-left: -10px;
	margin-top: 0
}
.input-radio.down label:after {
	top: 5px;
	left: 50%;
	margin-left: -4px;
	margin-top: 1px
}
.input-radio input:focus+label:before {
	border-color: #000
}
.input-radio input:hover+label:before {
	border-color: #000
}
.input-radio input:disabled:focus+label:before {
	border-color: grey
}
.input-radio input:disabled:hover+label:before {
	border-color: grey
}
.input-radio input:disabled+label:before {
	opacity: 0.5
}
.input-radio input:disabled+label:after {
	opacity: 0.5
}
.input-radio label:after {
	-webkit-transform: rotate(-45deg) scale(0);
	transform: rotate(-45deg) scale(0);
	transition: none
}
.input-radio input:checked+label:after {
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition: transform 200ms ease-out, -webkit-transform 200ms ease-out
}
.input-radio input:checked+label:before {
	background: #082A66;
	border: 0
}
.input-txt {
	display: inline-block;
	position: relative;
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background-color: #fff
}
.input-txt input {
	display: inline-block;
	padding: 0 0 0 15px;
	width: 100%;
	font-size: 12px;
	height: 38px;
	line-height: 38px;
	border: none;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0
}
.input-txt input:-moz-read-only {
	opacity: 0.5
}
.input-txt input:read-only {
	opacity: 0.5
}
.input-txt input::-webkit-input-placeholder {
	font-size: 12px;
	color: #999;
	background: transparent;
	opacity: 1
}
.input-txt input::-moz-placeholder {
	font-size: 12px;
	color: #999;
	background: transparent;
	opacity: 1
}
.input-txt input:-ms-input-placeholder {
	font-size: 12px;
	color: #999;
	background: transparent;
	opacity: 1
}
.input-txt input::-ms-input-placeholder {
	font-size: 12px;
	color: #999;
	background: transparent;
	opacity: 1
}
.input-txt input::placeholder {
	font-size: 12px;
	color: #999;
	background: transparent;
	opacity: 1
}
.input-txt input:-ms-input-placeholder {
	position: relative;
	top: 1px
}
.input-txt input::-ms-input-placeholder {
	position: relative;
	top: 1px
}
.selectbox {
	position: relative;
	z-index: 0;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	border: 1px solid #ebebeb;
	box-sizing: border-box
}
.selectbox:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -3px;
	background: url(/_img/select_arrow.png)no-repeat;
	width: 22px;
	height: 6px;
	background-size: 9px 5px;
}
.selectbox select {
	vertical-align: middle;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	width: 100%;
	padding: 0 0 0 15px;
	box-sizing: border-box;
	height: 38px;
	line-height: 38px;
	background-color: transparent;
	position: relative;
	z-index: 1;
	font-size:14px;
}
.selectbox select::-ms-expand {
	display: none
}
.selectbox select:disabled {
	opacity: 0.5
}
.ie9 select {
	width: calc(100% + 20px);
	padding: 12px 0 10px 15px;
	height: auto
}

/* --------------------------------------------
 * pagination
/* ------------------------------------------ */
.pagination{padding:20px 0 0px;text-align:center}
.pagination *{display:inline-block}
.pagination a:hover{background:#d52021; display:block; color:#fff;}
.pagination p a{color:#888;}
.pagination p{vertical-align: top;background:#fff;border:1px solid #DBDCDE;margin:0 1px; width: 32px;height: 32px;font-size: 14px; line-height: 32px;}
.pagination ol{margin:0 6px;overflow:hidden}
.pagination ol li{float:left;margin:0 1px;}
.pagination ol li a{font-size:12px;width:32px; cursor:pointer; height:32px;line-height:30px; box-sizing:border-box; background:#fff; border:1px solid #e4e4e4; color:#636363; font-weight:500}
.pagination ol li a.on,
.pagination ol li a:hover{background:#082A66; color:#fff; font-weight:700;  width:32px; height:32px; border:1px solid #082A66; box-sizing:border-box;  /*  line-height: 17px;*/}
.pagination ol li a:hover {background:#fff; color:#082A66; }


#healthContent .pagination{padding:40px 0 20px;text-align:center}
#healthContent .pagination *{display:inline-block}
#healthContent .pagination a:hover{background:#f26c0e; display:block; color:#fff;}
#healthContent .pagination p{box-sizing: border-box;vertical-align: top;background:#fff;border:1px solid #DBDCDE;margin:0 1px; width: 32px;height: 32px;font-size: 14px; line-height: 32px; color:#f26c0e;}
#healthContent .pagination ol{margin:0 6px;overflow:hidden}
#healthContent .pagination ol li{float:left;margin:0 1px}
#healthContent .pagination ol li a{font-family:'Noto Sans KR','Roboto';font-size:14px;width:32px;height:32px;box-sizing:border-box;line-height:30px;background:#fff;border:1px solid #E2E3E7;border-bottom:1px solid #CCCDD0;color:#999;font-weight:500}
#healthContent .pagination ol li a.on,
#healthContent .pagination ol li a:hover{background:#f26c0e;color:#fff;font-weight:700;border-color:#f26c0e;cursor:default; width:32px; height:32px; padding:8px; font-size:14px; border:1px solid #f26c0d; box-sizing:border-box;    line-height: 17px;}

/* --------------------------------------------
 * layerPopup
/* ------------------------------------------ */
.layerPopup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;overflow:hidden}
.layerPopup.open{display:block}
.layerPopup .bg_mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#131316;opacity:0.6;filter: alpha(opacity=60);-moz-opacity:0.6;z-index:999}
.layerPopup .layerBody{position:absolute;left:50%;top:50%;z-index:9999; width:800px; height:500px;}
.layerPopup .layerBody.fadeIn{-webkit-animation-duration:0.5s;animation-duration:0.5s}
.layerPopup .layerBody .close{width:80px;height:80px;line-height:80px;display:inline-block;position:absolute;right:0;top:0;text-align:center;z-index:100; opacity:0.7;background:url("/_img/icon_close.png") no-repeat center center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-o-background-size:20px 20px;background-size:20px 20px}
.layerPopup .layerBody .close span{display:none;}
.layerPopup .layerBody .close.dark{background:url("/_img/icon_close2.png") no-repeat center center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-o-background-size:20px 20px;background-size:20px 20px; opacity:1;}
.layerPopup .layerBody h2.tit{color:#2d2d36;line-height:80px;height:80px;padding-left:30px;font-size:24px;border-bottom:1px solid #dfe0e4;background:#f5f5f7}
.layerPopup .layerBody h2.tit .desc{display:inline-block;font-size:13px;margin-left:10px;color:#808189; font-weight:400;}
.layerPopup .layerBody .contPop{width:100%;min-height:400px; background:#fff; overflow:auto;overflow-y:auto; position:relative;  }
.layerPopup .layerBody .contPop .mCSB_inside > .mCSB_container {margin-right:0;}
.layerPopup#catalogPop .layerBody {width:1280px; height:600px; overflow:hidden;}

.layerPopup .btm-btnPop{display:flex;}
.layerPopup .btm-btnPop a{
	display:block; position:relative; width:50%; height:55px; line-height:55px; background:none;
	font-size:18px; font-weight:500; text-align:center; color:#222;
}
.layerPopup .btm-btnPop a:first-child{border-right:1px solid #ABABAB;}

/* --------------------------------------------
 * layerPopup_Policy
/* ------------------------------------------ */
#policyUse .contPop,
#policyPersonal .contPop,
#policyMarketing .contPop{width: 800px; height: 420px; padding: 40px;}

/*policyPersonalV3*/
#policyPersonalV3 .contPop{width: 800px; height: 420px; padding: 40px 35px;  word-break:keep-all;}
#policyPersonalV3.layerPopup .layerBody h2.tit {font-size:20px;}
#policyPersonalV3 .pvCon p {font-size:14px; line-height:1.7; font-weight:400;}
#policyPersonalV3 .pvCon h3.tit {margin:30px 0 10px 0; font-size:18px; font-weight:600; letter-spacing:-1px; }
#policyPersonalV3 .pvCon h4 {margin:20px 0 7px; font-size:14px; font-weight:600;}
#policyPersonalV3 .pvCon table {margin-top:20px; width:100%; }
#policyPersonalV3 .pvCon table th {padding:10px 5px; background:#f4f4f4; text-align:center;}
#policyPersonalV3 .pvCon table tr td {padding:12px; font-size:13px; line-height:1.5; word-break:keep-all; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
#policyPersonalV3 .pvCon table tr td:last-child {border-right:none;}
#policyPersonalV3 .pvCon table .list {margin:0;}
#policyPersonalV3 .pvCon .list {margin:20px 0 0 0;}
#policyPersonalV3 .pvCon .list.mtbottom {margin:0 0 20px 0;}
#policyPersonalV3 .pvCon .list li {display:flex; gap:7px; margin-bottom:5px; line-height:1.6; align-items:baseline;}
#policyPersonalV3 .pvCon .list li:last-child {margin:0;}
#policyPersonalV3 .pvCon .list.squre .ico {display:flex; align-items:center; font-size:10px; color:#878787;}
#policyPersonalV3 .pvCon .list.squre .text {font-size:13px; color:#515151;}
/*policyPersonalV3 End*/

#consultForm.layerPopup .layerBody {border-radius: 30px; width:500px; overflow:hidden;height:500px;}
#consultForm.layerPopup .layerBody h2.tit {background:#f2f3f6; }
#consultForm.layerPopup .layerBody .consultForm {padding:33px; font-size:14px;}
#consultForm.layerPopup .layerBody .consultForm #agr_close_s{display:none;right: 35px;margin-top: 15px; font-style: normal; color: red;cursor: pointer; border:1px solid; font-size:11px; padding:0 10px;}
#consultForm.layerPopup .layerBody .consultForm button {padding: 14px 0 16px 0; font-size: 17px;}
#consultForm.layerPopup .layerBody .consultForm input {padding:15px 15px 15px 100px; }
#consultForm.layerPopup .layerBody .consultForm .inputBox span{top:19px;}
#consultForm.layerPopup .policy_con .privacy_top{padding-top:15px;}
#consultForm .contPop  {width:500px; height:500px;}
#consultForm.layerPopup .layerBody .consultForm .input-checkbox {margin-top:5px;}
#consultForm.layerPopup .layerBody .consultForm .input-checkbox label:before {top:55%;}
#consultForm.layerPopup .layerBody .consultForm .input-checkbox label:after {top:50%;}
#consultForm.layerPopup .layerBody .consultForm .input-checkbox a {color:#a6a6a6;}

#bestPeopleForm .layerBody{height:800px;width:600px; }
#reviewView .layerBody {height:800px;width:800px;border-radius:10px; }
#bestPeopleForm .layerBody h2.tit {
    background: #cdced6;
    color: #333;
    font-weight: 400;
    border-bottom: none;
}
#bestPeopleForm .contPop { height:720px; background:#b2c3d9;}
#reviewView .contPop { height:800px; border-radius:30px;}
#reviewView.layerPopup .layerBody .close {background:url("/_img/icon_close2.png") no-repeat center center #082A66; background-size:20px; right:-100px; border-radius:50%; }

.layerPopup#overlapPop .layerBody {width:90%; max-width:500px; height:fit-content; min-height:300px; max-height:560px; border-radius: 30px; top:50%; overflow-y:hidden; overflow-x:hidden;}
.layerPopup#overlapPop .layerBody .contPop {position:initial; }
.layerPopup#overlapPop .policy_con {padding:30px 20px 90px 20px; height:55vh; overflow-y:scroll; overflow-x:hidden;}
.layerPopup#overlapPop .ovtxt {font-size:15px; line-height:24px; font-weight:400; color:#777777; }
.layerPopup#overlapPop .ovtxt span {font-weight:600; color:#222;}
.layerPopup#overlapPop .input-checkbox {height:auto;}
.layerPopup#overlapPop .input-checkbox label {padding:0 10px 0 27px; font-size:14px;}
.layerPopup#overlapPop .input-checkbox input:checked+label:after {margin-top:-6px;}
.layerPopup#overlapPop .ovcheck {background:#fff; padding:10px 0  15px 12px; position:absolute; bottom:45px; left:50%; width:100%; transform:translate(-50%,0);}
.layerPopup#overlapPop .layerBody .close {position:absolute; top:inherit; bottom:0; left:50%; transform:translate(-50%,0); padding:12px 0;
width:100%; color:#fff; border-radius:0; font-size:16px; line-height:22px; height:fit-content; font-weight:500; background:#777777; opacity:1;}

.layerPopup .policy_con {
	word-break: keep-all;
	font-size: 13px;
	line-height: 21px;
	color: #6a6c73;
}
.layerPopup .policy_con pre {
	white-space: pre-wrap;
	color:#666;
	font-family:'Lato','NotoSansKR','Rajdhani',sans-serif;
	font-size:13px;
	border:none;
}
.layerPopup .policy_con .table_st1 td {
	font-size: 13px;
	line-height: 21px;
}
.layerPopup .policy_con .table_st1 {
	margin: 30px 0;
}
.layerPopup .policy_con h3 {
	margin: 30px 0 10px;
	color: #2d2d36;
	font-size: 15px;
}
.layerPopup .policy_con h4 {
	margin: 20px 0 5px;
	font-size: 15px;
}
.layerPopup .policy_con .policy_txt {
	font-size: 13px;
	line-height: 21px;
	color: #6a6c73;
}
.layerPopup .policy_con .policy_txt:after {
	display: block;
	clear: both;
	content: '';
}
.layerPopup .policy_con .policy_txt strong {
	display: block;
	color: #2d2d36;
	font-size: 13px;
	line-height: 30px;
	letter-spacing: -0.025em;
}
.layerPopup .policy_con .policy_txt ul.col_2 {
	float: left;
	width: 50%;
	padding-right: 20px;
}
.layerPopup .policy_con .policy_txt ul.col_2:last-child {
	padding-right: 0;
	padding-left: 20px;
}
.layerPopup .policy_con .policy_txt ul.col_2 li {
	margin-bottom: 15px;
}
.layerPopup .policy_con .policy_txt ul.col_2 li:last-child {
	margin-bottom: 0;
}
.layerPopup .policy_con .policy_txt ul.indent {
	margin: 5px 0 15px;
}
.layerPopup .policy_con .policy_txt ul.indent li {
	position: relative;
	padding-left: 16px;
}
.layerPopup .policy_con .policy_txt ul.indent li:before {
	content: '';
	width: 2px; height: 2px;
	display: inline-block;
	background: #6a6c73;
	position: absolute;
	top: 10px; left: 10px;
}
.layerPopup .policy_con .privacy_top {
	padding: 30px 0 50px;
	border-bottom: 1px solid #555;
	margin-bottom: 50px;
}
.layerPopup .policy_con .policy_part {
	padding: 0 0 50px;
	border-bottom: 1px dotted #555;
	margin-bottom: 50px;
}
.layerPopup .policy_con .policy_part ul li {
	margin-bottom: 10px !important;
}
.layerPopup .policy_con .policy_part ul li a {
	font-size: 15px;
	color: #000;
}
.layerPopup .policy_con .policy_part ul li a:hover {
	text-decoration: underline;
}
.layerPopup .policy_con table {
	table-layout: fixed;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 20px 0;
}
.layerPopup .policy_con table thead th {
	
	padding: 15px 12px;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #ddd;
	text-align: center;
	color: #333333;
	font-weight: normal;
}
.layerPopup .policy_con table thead tr:first-child th:first-child {
	border-left: none;
}
.layerPopup .policy_con table tbody tr th {
	
	padding: 15px 12px;
	border-top: 1px solid #ddd;
	color: #333333;
	font-weight: normal;
}
.layerPopup .policy_con table tbody td {
	padding: 15px 12px;
	border-top: 1px solid #d4d4d7;
	border-left: 1px solid #d4d4d7;
	color: #777;
	background: #fff;
}
.layerPopup .policy_con table tbody tr:first-child th,
.layerPopup .policy_con table tbody tr:first-child td {
	border-top: none;
}
.layerPopup .policy_con table tbody td:first-child {
	border-left: none;
}


.layerPopup .policy_con table .list {margin:0;}
.layerPopup .policy_con .list {margin:15px 0 0 0;}
.layerPopup .policy_con .list.mtbottom {margin:0 0 15px 0;}
.layerPopup .policy_con .list li {display:flex; gap:5px; margin-bottom:3px; line-height:1.4; align-items:baseline; font-size:13px;}
.layerPopup .policy_con .list li:last-child {margin:0;}
.layerPopup .policy_con .list.squre .ico {display:flex; align-items:center; font-size:8px; color:#878787;}
.layerPopup .policy_con .list.squre .text {font-size:13px; color:#515151;}

/* layerView */
.layerView .layerBody{width:960px;height:100%;top:0;padding-top:80px;position:fixed}
.layerView .layerBody .fixTop{width:960px;height:80px;border-bottom:1px solid #dedede;position:fixed;top:0;left:50%}
.layerView .layerBody .fixTop ul.left{float:left}
.layerView .layerBody .fixTop ul.right{float:right}
.layerView .layerBody .fixTop ul li{height:80px;line-height:80px;float:left}
.layerView .layerBody .fixTop ul.left li{border-right:1px solid #dedede}
.layerView .layerBody .fixTop ul.right li{background:#000}
.layerView .layerBody .fixTop ul li a{display:block;text-indent:initial;width:80px;height:80px;position:initial;background:none;line-height:80px;text-align:center}
.layerView .layerBody .fixTop ul.left li a:hover{background:#f1f1f1}
.layerView .layerBody .fixTop ul li a span{width:29px;height:23px;display:inline-block;background:url("/_img/layerView_icon.png") no-repeat;text-indent:-999999em;vertical-align:middle}
.layerView .layerBody .fixTop ul li a.top span{background-position:0 0}
.layerView .layerBody .fixTop ul li a.prev span{background-position:-29px 0}
.layerView .layerBody .fixTop ul li a.next span{background-position:-58px 0}
.layerView .layerBody .fixTop ul li a.close span{background-position:-87px 0}
.layerView .layerBody .contPop{height:100%;min-height:initial}
.layerView .view_con .view_con_txt{font-size:15px !important;line-height:25px !important;color:#555 !important;word-break:keep-all !important}
.layerView .view_con .view_con_txt img{max-width:100% !important}


/* 설문조사 */
#surveyPop .layerBody{transform:translate(-50%, -50%);border-radius:15px;width: 420px;height:auto;}
#surveyPop .contPop{border-radius:15px;}

#surveyPop .step-common{position:relative;padding: 25px 30px;height: 580px;letter-spacing:-1.5px;color:#222;}
#surveyPop .step-common > .close{top:30px; right:30px; width:30px; height:30px; filter:brightness(0); background-size:18px;}
#surveyPop .step-common .pagePrev{
	position:absolute;
	left: 25px;
	z-index:100;
	width:30px;
	height:30px;
	filter:brightness(0);
	background:url("/_img/arrow_icon.png") no-repeat center center;
	background-size:11px;
	transform:rotate(180deg);
}

#surveyPop .surveyWrap1 .img-box{display:block;}
#surveyPop .surveyWrap1 .img-box img{border-radius:15px 15px 0 0; width:100%;}

#surveyPop .surveyWrap2 .process h3{margin-top: 30px;font-size:18px;font-weight:400;}
#surveyPop .surveyWrap2 .process .tit{position:relative;margin-top:20px;padding-left:26px;font-size: 22px;}
#surveyPop .surveyWrap2 .process .tit:before{content:'Q.'; display:block; position:absolute; left:0; top:0;}
#surveyPop .surveyWrap2 .process .txt{margin:14px 0 16px; font-size:14px; font-weight:500; color:#707070;}
#surveyPop .surveyWrap2 .process .processBar{
    position:relative; width:100%; height:6px; margin-top:8px; background:#ededed; border-radius:4px;
}
#surveyPop .surveyWrap2 .process .processBar .bar-step{
	position:absolute; top:0; left:0; height:6px; background:#04193d; border-radius:4px;
    transition: all 0.3s linear;
}
#surveyPop .surveyWrap2 .process .processBar .bar-step.step-1{width:16%;}
#surveyPop .surveyWrap2 .process .processBar .bar-step.step-2{width:32%;}
#surveyPop .surveyWrap2 .process .processBar .bar-step.step-3{width:48%;}
#surveyPop .surveyWrap2 .process .processBar .bar-step.step-4{width:64%;}
#surveyPop .surveyWrap2 .process .processBar .bar-step.step-5{width:80%;}
#surveyPop .surveyWrap2 .process .processBar .bar-step.step-6{width:100%;}

#surveyPop .surveyWrap3 h1{margin: 70px 0 15px;font-size: 28px;font-weight:700;text-align:center;color:#222;}
#surveyPop .surveyWrap3 .txt01{margin-bottom: 30px;font-size: 15px;font-weight:500;text-align:center;color:#707070}
#surveyPop .surveyWrap3 .txt01 b{font-weight:600; color:#04193d;}
#surveyPop .surveyWrap3 ul li label{display:block;margin:20px 0 10px;font-size: 20px;}
#surveyPop .surveyWrap3 ul li input{width:100%;padding: 15px;border:1px solid #c4c4c4;border-radius:10px;font-size:16px;}
#surveyPop .surveyWrap3 .agreeWarp{margin: 30px 0;display:flex;flex-direction:column;gap:7px;}
#surveyPop .surveyWrap3 .agreeWarp .greenCheck{justify-content:space-between;}

#surveyPop .surveyWrap4 img{display:block;margin:70px auto 30px;}
#surveyPop .surveyWrap4 h2{font-size: 26px;font-weight:700;}
#surveyPop .surveyWrap4 .finish-txt{padding:40px 30px;font-size: 17px;font-weight:500;line-height:1.6;}
#surveyPop .surveyWrap4 .btm-btnPop{position:absolute;left: 30px;right: 30px;bottom:25px;height: 50px;}
#surveyPop .surveyWrap4 .btm-btnPop .close2{width:100%;background:#e0e0e0;border:0;border-radius:7px;font-weight:800;height: 50px;line-height: 50px;}

#surveyPop .form-btn{display:flex;position:absolute;left: 30px;right: 30px;bottom: 25px;gap:12px;}
#surveyPop .form-btn button{
    flex:1;
    height: 50px;
    line-height: 48px;
    border-radius:7px;
    font-size: 17px;
    font-weight:600;
    text-align:center;
}
#surveyPop .form-btn button.prevBtn{border:1px solid #04193d; background:#fff; color:#04193d;}
#surveyPop .form-btn button.nextBtn{background:#04193d; color:#fff;}

.surveyCheck {margin-top:8px}
.surveyCheck input {display:none; appearance:none;}
.surveyCheck input + label {
    position:relative;
    display:block;
    width:100%;
    padding: 12px 37px 12px 16px;
    border:1px solid #C4C4C4;
    border-radius:10px;
    cursor:pointer;
    font-size: 17px;
    color:#222;
    font-weight:400;
    letter-spacing:-1px;
    transition: border 0.1s linear;
}
.surveyCheck input:hover + label,
.surveyCheck input:checked + label {border:1px solid #04193d; transition: border 0.1s linear;}
.surveyCheck input + label:before {
    content:''; position:absolute; top:50%; right:15px; transform:translate(0,-50%); width:22px; height:22px;
    border:1px solid #c4c4c4; border-radius:100%;
	background:url('/_img/ico_check_off.png') no-repeat center center; background-size:12px;
}
.surveyCheck input:hover + label:before,
.surveyCheck input:checked + label:before {
	border:1px solid #04193d;
	background:url('/_img/ico_check.png') no-repeat center center #04193d; background-size:12px;
}

.greenCheck {display:flex; align-items:center; gap:13px; }
.greenCheck input {display:none; appearance:none;}
.greenCheck input + label {position:relative; display:block; padding: 0 0 0 28px; font-size:17px; color:#494949; font-weight:500; letter-spacing:-1px; cursor:pointer;}
.greenCheck input + label:before {
	content:''; position:absolute; top:50%; left:0; transform:translate(0,-50%); width:20px; height:20px;
	border-radius:3px; background:url('/_img/ico_check.png') no-repeat center center #d0d0d0; background-size:10px;
}
.greenCheck input:checked + label:before {background:url('/_img/ico_check.png') no-repeat center center #082A66; background-size:10px;}
.greenCheck a {display:inline-block; padding:6px 9px; border-radius:5px; background:#494949; font-size:14px; line-height:14px; font-weight:500; color:#fff;}
.greenCheck a:hover {background:#222;}

/* 팝업 2개이상 일때 */
.layerPopup#mainPop .layerBody{transform:translate(-50%, -50%); width:auto; height:auto;}
.layerPopup#mainPop .popup-group{
	display:flex; justify-content:center; align-items:center; gap:40px;
	position:relative; width:100%; height:100%;
}
.layerPopup#mainPop .popup-group .contPop{border-radius:15px; width:420px;}
.layerPopup#mainPop .popup-group .img-box img{width:100%}

.layerPopup#mainPop .all-close{
	overflow: hidden; position: absolute; right:0; top: -60px; width: 40px; height: 40px; line-height: 40px;
	font-size:16px; margin: 0 auto 15px; text-indent: -110px; transition: all .4s;
	border:1px solid #fff; border-radius: 25px; background: url('/_img/ico-all-close.png') no-repeat 100% 50%; background-size: 38px; 
}
.layerPopup#mainPop .all-close:hover{ width: 105px; text-indent: 0; background-position: 100% 50%; padding: 0 0 0 10px; color:#fff}

/* animation frame */
@keyframes bounceInDown2 {
    0%, 100%, 60% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0);
    }

    75% {
        opacity: 1;
        transform: translate3d(0,-40px,0);
    }
    100% {
        transform: none;
    }
}

.bounceInDown2 {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: bounceInDown2;
}

@keyframes bounceOutUp2 {
    20% {
        opacity: 1;
        transform: translate3d(0,-40px,0);
    }

    100% {
        opacity: 0;
        transform: translate3d(0,2000px,0);
    }
}

.bounceOutUp2 {
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-name: bounceOutUp2;
}

@keyframes bounce1 {
    0% {
        transform: translate3d(0,-3px,0);
    }
	50% {
        transform: translate3d(0,3px,0);
    }
	100% {
        transform: translate3d(0,-3px,0);
    }
}

.bounce1 {
    animation-duration: 1.5s;
    animation-fill-mode: both;
	animation-iteration-count: infinite;
    animation-name: bounce1;
}

@keyframes move {
    0%   {transform:rotate(25deg);}
    50% {transform:rotate(0);}
	100% {transform:rotate(25deg);}
}

.move{
	animation: move 1.2s infinite;
}





.boardTableWrap{margin-bottom:60px;}

.table-responsive table{width:100%;margin:20px 0;}
.table-responsive table th{font-size:18px; font-weight:600; background:#137bcc; color:#fff;}
.table-responsive table th, .table-responsive table td{padding-top: 12px; box-sizing: border-box;}
.table-responsive table td{text-align:center;font-size:16px; border-bottom:1px solid #d7d7d7; }

.col-lg-1 .selectpicker, .col-lg-4 .selectpicker{width:120px; height: 40px; padding: 10px;border: 1px solid #d7d7d7;}
.col-lg-4 .form-control{height:40px; border:1px solid #d7d7d7;padding: 10px;box-sizing: border-box;vertical-align: top;}
.input-group-append button[type='submit']{width:100px; height:40px; border:none; background:#137bcc; color:#fff; vertical-align:top;}

.col-lg-10 .btn-group button{border:1px solid #454545; width: 30px;height: 30px; border-radius: 1px;}
.col-lg-10 .btn-group button.active{border:none; background: #227bcc;color: #fff;border-radius: 1px;}

.col-lg-2 .btn-info{ border: 1px solid #d7d7d7;padding:5px; display: block; width: 65px; height: 22px;font-size: 16px;text-align: center; color:#777;}

/*bordwirte*/
.col-md-6{margin:20px 0 60px;}
.col-md-6 .row{width:426px; margin:0 auto;}
.col-md-6 .row .col-md-12 button[type='submit']{ padding:21px 0 21px; border:none; background:#137bcc; color:#fff;margin-left:0;}
.col-md-6 .row .col-md-12 .btn{margin-left:18px;width:200px; text-align:center; color:#454545; border:1px solid #454545; display:inline-block; padding:20px 0;font-size:18px; vertical-align:top; font-weight:600; border-radius:2px;}
.col-md-6 .row .col-md-12 .btn-success{margin-left:0;background:#137bcc;color:#fff;border:none;padding:21px 0 21px;}

.row label{font-size:18px; font-weight:600; margin-bottom:10px; display:block;}
.row .col-md-11 input[type='file']{width:150px; border:none; background:#d7d7d7;}
.card-header h4{font-size:20px; font-weight:600;}

.col-md-11{font-size:18px;}
.col-md-11 input{font-size:18px; width:100%; background:#efefef; padding:15px; line-height:18px; box-sizing: border-box;}
.form-group{padding:10px 0;}

.w50 > div{float:left; width:49%;}
.w50 > div:first-child{margin-right:2%;}

.w50_02 > div{float:left; width:49%;}
.w50_02 > div:first-child{margin-right:2%;}

.w50_02 .col-md-5{width:99%; box-sizing:border-box;  font-size:18px; margin-bottom:10px;}

.w50 .col-md-5{background:#efefef; width:99%;height:50px; box-sizing:border-box; line-height:50px; font-size:18px;}

/** Carousel **/
.jcarousel {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 290px;
}
.jcarousel img {
	display: block;
}
.jcarousel ul {
	width: 100%;
	height: 10000em;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
.jcarousel li {
	margin:5px 0;
	width:100%;
	float: left;
}

/* searchWrap*/
.searchWrap{width:100%; background:#fff;box-shadow: 0 5px 25px -16px #252525;position: absolute;z-index: 9999; top:137px; min-height:462px;}
.searchWrap .inner div{padding:20px 0;}
.searchWrap .inner div:after{content:'';display:block; clear:both;}
.searchWrap .inner div h3{font-size:20px; color:#252525; font-weight:800; margin:0 0 15px 0;float: left;}
.searchWrap .inner div div{ width:80%; padding:0 0 10px 0; border-bottom:1px solid #e8e8e8; float:right;}
.searchWrap .inner div div ul li{ float:left; text-align:center; margin:0 40px 10px 0;}
.searchWrap .inner div div ul li img{width:200px; height:180px; background:#ddd; margin-bottom:10px;}
.searchWrap .inner div div ul li p{font-size:17px; font-weight:600; color:#454545;width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*board*/
.lock_icon{background:url(/_img/lock.png) no-repeat center; display:inline-block; width:14px; height:16px; content:''; margin-right:10px;float: left; padding: 3px 0;}


/*�α��ιڽ�*/
.loginBox{width:500px; margin:0 auto; text-align:center; padding: 60px 50px; background:#fff;}
.loginBox h2{font-size:30px;margin-bottom: 25px;}
.loginBox input{width:100%; padding:15px;box-sizing: border-box;border-bottom:1px solid #e1e1e1;}
.loginBox button{width:100%;border:none;}

/*ȸ�����Թڽ�*/
.joinBox{width:500px; margin:0 auto; text-align:center; padding: 60px 50px; background:#fff;}
.joinBox p{margin-bottom:0 !important;}
.joinBox h2{font-size:30px;margin-bottom: 25px;}
.joinBox input, .joinBox select{padding:15px;box-sizing: border-box;border-bottom:1px solid #e1e1e1;}
.joinBox input[type="radio"]{margin:0 5px 0 10px !important; display:inline-block !important;}
.joinBox button{width:100%;border:none;}
.join_agreeBox{margin-top:20px;}
.memberJoin2 .checksWrap_st4 {position:relative;}
.memberJoin2 a.detailVeiw {
    position: absolute;
    right: 15px;
    top: 14px;
    z-index: 11;
    padding: 5px 20px;
    border: 1px solid #ddd;
    border-radius: 30px;
    background: #fff;
    color: #888;
}
.agreebox{font-weight:500; border-top:2px solid #333;}
.memberJoin2 .step_Wrap h2 {margin:20px 0 10px 0; font-size:19px; font-weight:500; letter-spacing:-0.75px;}
/*��й�ȣ ã��*/
.findBox p{margin-top:10px;}

.sns_btn a{font-size:17px; color:#6d6d6d; text-align:center; width:100%; border:1px solid #e1e1e1; background:#fff; padding:14px 0; display:block; margin:10px 0;}
.sns_btn i{width:115px; height:20px; background:url(/_img/my_logo_bg.png) no-repeat; display:inline-block;}
.n_btn i{background-position:0 0;}
.k_btn i{background-position:0 -20px;}
.tabContent{margin-top:40px;}
.tabContent .findBox {border:1px solid #e1e1e1; border-bottom:none;}


/*���󺰾��ڽ�*/
/*.countryLayerBox{width:276px; background:#fff; position:absolute; z-index:2; padding:15px; box-sizing:border-box; left:50%; margin-left:-138px; border-radius:2px;}*/
.countryLayerBox h2{text-align:center; font-size:17px; font-weight:500; margin-bottom:20px;}
.countryLayerBox ul{-moz-columns: 4 115px; -webkit-columns: 4 115px; columns: 4 115px; padding:0 30px;box-sizing: border-box;}
.countryLayerBox ul li{display:block; width:auto; margin-bottom:10px;}
.countryLayerBox ul li a{color:#454545;}
.countryLayerBox ul li a span{display:inline-block; width:100%; height:100%; padding: 10px;  }
.countryLayerBox ul li a span{margin-right:5px; margin-bottom:2px; vertical-align:middle;}
.countryLayerBox ul li a span.sprites{width:16px; height:3px; background-image:url(../_img/country.png);/*background-size: 76px 711px;*/}
.countryLayerBox ul li a span.flag-ko{background-position:0px 0px;}
.countryLayerBox ul li a span.flag-ti{background-position:0px -32px;}

.right_quick{top:0;right:0;width: 120px;height:100%;font-size: 14px;background:#fff;border-left:1px solid #ddd;position:fixed;z-index:9998;}
.right_quick .quick_call{width:100%;height:50px;line-height:50px;font-size: 18px;font-weight:600;font-family:'NanumSquare', sans-serif;text-align:center;color:#fff;background:#de0000;}
.right_quick .banner{margin:0 auto;width: 100px;}
.right_quick .banner h3{padding: 10px 0;font-size: 14px;font-weight:400;background:#4c4c4c;color:#fff;text-align:center;}
.right_quick .banner .pd_list{padding:5px; height:370px; background:#f6f6f6; border-bottom:1px solid #ddd;}
.right_quick .banner .topArw{background:url(/_img/quick_arrow01.png) no-repeat center; display:block; height:36px;padding:10px 0; cursor:pointer;}
.right_quick .banner .bottomArw{background:url(/_img/quick_arrow01.png) no-repeat center;display:block;height:36px;padding:10px 0;cursor:pointer; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg)}
.right_quick .banner li{display:block;}
.right_quick .banner li a{margin:0px auto; width:100%; height:86px; display:block; position:relative;}
.right_quick .banner li a span{bottom:0; left:0; right:0; line-height:20px; text-align:center; background:rgba(0,0,0,0.7); font-size:12px; color:#fff; position:absolute; display:block;}
.right_quick .banner .quick_mn{width:100%;font-size: 14px;border-bottom:1px solid #ddd;line-height: 40px;display:block;}
.right_quick .banner .quick_mn i{margin-right: 7px;display:inline-block;}
.right_quick .banner .quick_k{margin: 10px auto;width:100%;height: 38px;line-height: 38px;border-radius:5px;background:#ffe715;}
.right_quick .banner .quick_k img, .right_quick .banner .quick_n img{padding: 0 7px;}
.right_quick .banner .quick_k a{color:#47292b;}
.right_quick .banner .quick_n a{color:#fff;}
.right_quick .rq{top:50%; transform:translateY(-50%); left:-34px; width:34px; height:120px; text-indent:-99999px; overflow:hidden; cursor:pointer; position:absolute;}
.right_quick .ad_open{background:url(/_img/ad_open.png) no-repeat center center #de0000;}
.right_quick .ad_close{background:url(/_img/ad_close.png) no-repeat center center #de0000;}
.right_quick .quick_top{margin:70px auto 0; padding-top:26px; width:60px; height:60px; text-align:center; color:#fff; border-radius:100%; background:url(/_img/quick_arrow02.png) no-repeat center 15px #333; cursor:pointer;}

.totop{
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #697792;
    box-shadow:  0px 10px 15px 0px rgba(0,13,56,0.1);;
    position: fixed;
    bottom: 23px;
    left: 50%;
    margin-left: 670px;
    color: #fff;
    text-align: center;
    padding-top: 11px;
    font-weight: bold;cursor:pointer;
	z-index:999;
}
.totop i {
	display: block;
    font-size: 24px;
    line-height: 20px;
}
.w100{width:100% !important;}
.w90{width:90px !important;}
.w80{width:80px !important;}
.w70{width:70px !important;}
.select-design.w90{padding-left:0;}
#btnSendCertNo{
	display: inline-block;
    height: 32px;
    margin-left: 5px;
    width: 130px;
    text-align: center;
    /* line-height: 23px; */
    padding: 0 10px;
}

/* checkbox st4 */
.checksWrap_st4{position:relative;border-bottom:1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
.checksWrap_st4 .checks{height:60px;position:relative}
.checksWrap_st4 .checks input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:9;width:60px;height:60px;-webkit-appearance:none}
.checksWrap_st4 .checks label{background:url("/_img/check3_off.png") 0 0 no-repeat #fff; width:100%;display:block;position:relative;top:0;right:0;height:60px;line-height:26px;font-size:16px;color:#555;padding:17px 0 17px 80px;z-index:10}
.checksWrap_st4 .checks label:hover{background:url("/_img/check3_hover.png") 0 0 no-repeat #fff}
.checksWrap_st4 .checks label.on{background:url("/_img/check3_on.png") 0 0 no-repeat #fff}
.checksWrap_st4 .checks label strong{color:#e95247}
.checksWrap_st4 .checks label span{color:#aaa}


.agreementWrap h3 {
	margin: 30px 0 10px;
	color: #2d2d36;
	font-size: 15px;
}
.agreementWrap h4 {
	margin: 20px 0 5px;
	font-size: 15px;
}
.agreementWrap .policy_txt {
	font-size: 13px;
	line-height: 21px;
	color: #6a6c73;
}
.agreementWrap .policy_txt:after {
	display: block;
	clear: both;
	content: '';
}
.agreementWrap .policy_txt strong {
	display: block;
	color: #2d2d36;
	font-size: 13px;
	line-height: 30px;
	letter-spacing: -0.025em;
}
.agreementWrap .policy_txt ul.col_2 {
	float: left;
	width: 50%;
	padding-right: 20px;
}
.agreementWrap .policy_txt ul.col_2:last-child {
	padding-right: 0;
	padding-left: 20px;
}
.agreementWrap .policy_txt ul.col_2 li {
	margin-bottom: 15px;
}
.agreementWrap .policy_txt ul.col_2 li:last-child {
	margin-bottom: 0;
}
.agreementWrap .policy_txt ul.indent {
	margin: 5px 0 15px;
}
.agreementWrap .policy_txt ul.indent li {
	position: relative;
	padding-left: 16px;
}
.agreementWrap .policy_txt ul.indent li:before {
	content: '';
	width: 2px; height: 2px;
	display: inline-block;
	background: #6a6c73;
	position: absolute;
	top: 10px; left: 10px;
}
.agreementWrap .privacy_top {
	padding: 30px 0 50px;
	border-bottom: 1px solid #555;
	margin-bottom: 50px;
}
.agreementWrap .policy_part {
	padding: 0 0 50px;
	border-bottom: 1px dotted #555;
	margin-bottom: 50px;
}
.agreementWrap .policy_part ul li {
	margin-bottom: 10px !important;
}
.agreementWrap .policy_part ul li a {
	font-size: 15px;
	color: #000;
}
.agreementWrap .policy_part ul li a:hover {
	text-decoration: underline;
}
.agreementWrap table {
	table-layout: fixed;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 20px 0;
}
.agreementWrap table thead th {
	font-family: 'NanumBarunGothicBold', 'NanumBarunGothic', sans-serif;
	padding: 15px 12px;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #ddd;
	text-align: center;
	color: #333333;
	font-weight: normal;
}
.agreementWrap table thead tr:first-child th:first-child {
	border-left: none;
}
.agreementWrap table tbody tr th {
	font-family: 'NanumBarunGothicBold', 'NanumBarunGothic', sans-serif;
	padding: 15px 12px;
	border-top: 1px solid #ddd;
	color: #333333;
	font-weight: normal;
}
.agreementWrap table tbody td {
	padding: 15px 12px;
	border-top: 1px solid #d4d4d7;
	border-left: 1px solid #d4d4d7;
	color: #777;
	background: #fff;
}
.agreementWrap table tbody tr:first-child th,
.agreementWrap table tbody tr:first-child td{border-top: none;}
.agreementWrap table tbody td:first-child{border-left: none;}
.arrBtn {text-align: center;}
.arrBtn button {
	width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 7px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 5px 10px 0px rgba(0,13,56,0.1)
}
.arrBtn button:hover{background: #697792; color:#fff;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.arrBtn button i{font-size:30px;}
.arrBtn3 {position:absolute; right:2px; top:10px;z-index: 8;}
.arrBtn3 button {
	width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ebebeb;
	z-index:111;
	margin:-2px;
}
.arrBtn3 button:hover{background: #333; color:#fff;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.arrBtn3 button i{font-size:16px;}

.arrBtn4 button {
	font-size: 30px;
    position: absolute;
    top: 50%;
	margin-top:-15px;
    width: 30px;
    height: 30px;
	z-index:1111;
	background:transparent;
}
.arrBtn4 .arrPre4{left:-15px;}
.arrBtn4 .arrNext4{right:-30px;}

.btnWrap{text-align:center;}
.btnWrap .btn{display:inline-block; font-size:18px; font-weight:600; padding:15px 70px; border-radius:30px; background:#697792; color:#fff;line-height: 26px;}
.btnWrap .btn i {padding:4px 0 0 5px;}

.colorItem input {display:none;}
.colorItem label {display:block;cursor:pointer;text-align:center; width:100%;}
.colorItem label .colorchip {display:inline-block;border:1px solid #ddd;height:60px;width:60px;border-radius:50%;}
.colorItem label .colorName {display:inline-block;font-size:15px;text-align:center;width:80px;overflow:hidden;color:#222; line-height:18px; margin-top:10px; word-break:keep-all;}
.colorItem input:checked + label .colorchip {border-color:#082A66;}
.colorItem input:checked + label .colorName {color:#082A66; font-weight:bold;}

.car-none{width: 100%; padding: 18px 0; border: 1px solid #e0e0e0; border-radius: 8px; background: #fbfbfb; font-size: 15px; text-align: center; color: #888;}