@charset "utf-8";

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 100;
	src: url('/fonts/NotoSansKR-Light.woff2') format('woff2'),
		url('/fonts/NotoSansKR-Light.woff') format('woff')
}

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 400;
	src: url('/fonts/notosanskr-regular.woff2') format('woff2'),
		url('/fonts/notosanskr-regular.woff') format('woff')
}

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 500;
	src: url('/fonts/notosanskr-medium.woff2') format('woff2'),
		url('/fonts/notosanskr-medium.woff') format('woff')
}

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 700;
	src: url('/fonts/notosanskr-bold.woff2') format('woff2'),
		url('/fonts/notosanskr-bold.woff') format('woff')
}

@font-face {
	font-family: 'ggg';
	font-weight: 700;
	src: url('/fonts/gmarketsansbold.woff2') format('woff2'),
		url('/fonts/gmarketsansbold.woff') format('woff')
}

@font-face {
	font-family: 'ggs';
	font-weight: 500;
	src: url('/fonts/ggs.woff2') format('woff2'),
		url('/fonts/ggs.woff') format('woff')
}

* { margin: 0; padding: 0; box-sizing: border-box; position: relative; font-family: "Noto Sans KR", sans-serif; letter-spacing: -1px; outline: none !important; word-break: break-all; }
*:focus { outline: none; }
*::selection { background-color: #000; color: #FFF; }
html, body { width: 100%; min-width: 1400px; height: 100%; float: left; color: #000; font-size: 14px; }
#wrap { width: 100%; /*height: 100%;*/ float: left; }

.gmarket { font-family: "ggg"; }

/* 버튼 */
.typeBtn { width: 150px; height: 40px; line-height: 40px; float: left; font-weight: bold; font-size: 14px; border: 1px solid #666; background-color: #666; color: #FFF; text-align: center; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; }
.typeBtn.small { width: 120px; font-size: 13px; }
.typeBtn > i { margin-right: 6px; }

.btnBlack01 { border: 1px solid #000; background-color: #000; color: #FFF; }
.btnBlack02 { border: 1px solid #000; background-color: #FFF; color: #000; }
.btnWhite01 { border: 1px solid #FFF; background-color: #FFF; color: #AAA; }
.btnWhite02 { border: 1px solid #DDD; background-color: #FFF; color: #AAA; }
.btnOrange01 { border: 1px solid #FF7818; background-color: #FF7818; color: #FFF; }
.btnOrange02 { border: 1px solid #FF7818; background-color: #FFF; color: #FF7818; }
.btnGray01 { border: 1px solid #999; background-color: #999; color: #FFF; }
.btnGray02 { border: 1px solid #999; background-color: #FFF; color: #999; }

/* 엘리먼트 초기화 */
a { color: inherit; text-decoration: none; }
img { max-width:100%; vertical-align: top; }
ul, li { list-style: none; }
button { border: 0; cursor: pointer; }
label { cursor: pointer; }
table { table-layout: fixed; border-collapse: separate; border-spacing: 0; }
tspan { letter-spacing: -0.5px !important; }

i.click { cursor: pointer; }

.bb-tooltip { table-layout : auto; }

/* 텍스트 정렬 */
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }

/* 스크롤바 커스텀 */
*::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5; }
*::-webkit-scrollbar-thumb { border-radius: 50px; background-color: #AAA; border: 1px solid #F5F5F5; }

/* 체크박스 커스텀 */
input[type="checkbox"] { display: none; }
label.ch { font-size: 25px; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; }
label.ch > .on { display: none; color: #006cfc; }
label.ch > .off { display: inline-block; color: #CCC; }

input[type="checkbox"]:checked + label.ch > .on { display: inline-block; }
input[type="checkbox"]:checked + label.ch > .off { display: none; }

/* 라디오박스 커스텀 */
input[type="radio"] { display: none; }
.radioBox { cursor: pointer; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; margin-right: 15px; }
.radioBox > i { font-size: 18px; margin-right: 5px; vertical-align: middle; top: -1px; }
.radioBox > .on { color: #3366CC; display: none; }
.radioBox > .off { color: #CCC; display: inline; }
.radioBox { font-size: 13px; letter-spacing: -0.5px; font-weight: 500; color: #666; }

input[type="radio"]:checked + .radioBox > i.on { display: inline; }
input[type="radio"]:checked + .radioBox > i.off { display: none; }

/* 파일업로드 커스텀 */
input[type="file"] { display: none; }

/* float 값 */
.left { float: left; }
.right { float: right; }

/* se2 */
.se2Plugin { height: 350px; vertical-align: top; }
.se2Plugin > textarea { opacity: 0; }
.se2Plugin > iframe { height: 349px !important; }

/* cursor */
.cp { cursor: pointer; }

/* txtBox */
select.txtBox { min-width: 140px; height: 35px; float: left; color: #666; border: 1px solid #E1E1E1; padding: 0 10px; letter-spacing: -0.5px; }
select.listSet { width: 140px; height: 35px; float: left; color: #666; border: 1px solid #E1E1E1; padding: 0 10px; letter-spacing: -0.5px; }
input.txtBox { width: 100%; height: 35px; float: left; color: #666; border: 1px solid #E1E1E1; padding: 0 10px; letter-spacing: -0.5px; }
textarea.txtBox { width: 100%; height: 100px; float: left; color: #666; border: 1px solid #E1E1E1; padding: 10px; letter-spacing: -0.5px; resize: none; }

.txtBox::placeholder { color: #CCC; }
.txtBox::-webkit-input-placeholder { color: #CCC; }
.txtBox::-ms-input-placeholder { color: #CCC; }
.txtBox::-mos-input-placeholder { color: #CCC; }
.txtBox:focus { border: 1px solid #CCC; }


.readOnlyInp { background-color:#f5f5f5; color:#b3b3b3; }

/* 드래그 금지 */
.drag { -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; }
.drag * { -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; }

/* letter spacing */
.lp05 { letter-spacing: -0.5px; }
.lp05 * { letter-spacing: -0.5px; }

/* loading */
#loadingWrap { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999999; display: none; background-color:rgba(0,0,0,0.7); }
#loadingWrap > #loading { position: absolute; width: 50px; height: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 50%; animation: loading 1s ease-in-out infinite; -webkit-animation: loading 1s ease-in-out infinite; border-top-color:#cc3333; }

@keyframes loading { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes loading { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/* toggle */
label.toggle { cursor: pointer; background-color: #EEE; width: 60px; height: 30px; float: left; transition: all 0.5s; padding: 5px 7px; border-radius: 25px; }
label.toggle > div { width: 20px; height: 20px; background-color: #FFF; border-radius: 100%; float: left; transition: all 0.5s; left: 0; }
input.toggle { display: none; }
input.toggle:checked + label.toggle { background-color: #2790FF; }
input.toggle:checked + label.toggle > div { left: 26px; }

/* 미니 가이드 */
.miniGuideWrap { display: inline-block; margin-left: 5px; text-align: left !important; }
.miniGuideWrap > .guideBtn { color: #CCC; cursor: pointer; }

.miniGuideWrap > div { position: absolute; width: 300px; left: 100%; top: 0; background-color: #FFF; border: 1px solid #EEE; border-radius: 6px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); padding: 10px; z-index: 20; margin-left: 10px; }
.miniGuideWrap > div > .title { width: 100%; float: left; font-size: 13px; font-weight: bold; color: #333; line-height: 20px; margin-bottom: 2px; }
.miniGuideWrap > div > .info { width: 100%; float: left; font-size: 12px; color: #333; font-weight: 500; line-height: 18px; padding-left: 3px; }

.miniGuideWrap.typeRight > div { right: 0; left: inherit; }

/* minicolors */
.minicolors-theme-default .minicolors-input { width: 100% !important; height: 35px !important; padding-left: 36px; }
.minicolors-theme-default .minicolors-swatch { top: 50% !important; margin-top: -9px; left: 9px; }
.minicolors-position-bottom .minicolors-panel { top: 100% !important; }

/* datepicker */
.ui-widget.ui-widget-content { border: 0 !important; border-radius: 5px !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important; padding: 0 !important; overflow: hidden; margin-top: 5px; width: 220px !important; }
.ui-datepicker .ui-datepicker-header { border: 0 !important; border-radius: 0 !important; background-color: #333 !important; padding: 8px 50px !important; margin: 0 !important; }
.ui-datepicker .ui-datepicker-title { margin: 0 !important; }
.ui-datepicker table { margin: 5px 0 !important; }
.ui-datepicker td a { text-align: center !important; font-weight: 500 !important; border: 0 !important; background: none !important; font-size: 12px !important; color: #333 !important; border-radius: 3px; transition: background-color 0.2s; }
.ui-datepicker td a:hover { background-color: #F2F2F2 !important; }
.ui-datepicker td span { text-align: center !important; font-weight: 500 !important; border: 0 !important; background: none !important; font-size: 12px !important; color: #CCC !important; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { background-color: #F2F2F2 !important; }
.ui-state-active, .ui-widget-content .ui-state-active { color: #FFF !important; font-weight: bold !important; background-color: #666 !important; }
.ui-state-active:hover, .ui-widget-content .ui-state-active:hover { color: #FFF !important; font-weight: bold !important; background-color: #666 !important; }
.ui-datepicker th { font-size: 12px !important; }

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { cursor: pointer; width: 35px !important; height: 35px !important; line-height: 35px !important; text-align: center !important; top: 0 !important; }
.ui-datepicker .ui-datepicker-next { right: 0 !important; }
.ui-datepicker .ui-datepicker-next::after { content: "\f0a9"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #FFF; opacity: 0.2; transition: opacity 0.5s; }
.ui-datepicker .ui-datepicker-next:hover::after { opacity: 1; }
.ui-datepicker .ui-datepicker-next > span { display: none !important; }

.ui-datepicker .ui-datepicker-prev { left: 0 !important; }
.ui-datepicker .ui-datepicker-prev::after { content: "\f0a8"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #FFF; opacity: 0.2; transition: opacity 0.5s; }
.ui-datepicker .ui-datepicker-prev:hover::after { opacity: 1; }
.ui-datepicker .ui-datepicker-prev > span { display: none !important; }

.ui-datepicker .ui-datepicker-next-hover { background-color: #333 !important; border: 0 !important; top: 0 !important; right: 0 !important; }
.ui-datepicker .ui-datepicker-prev-hover { background-color: #333 !important; border: 0 !important; top: 0 !important; left: 0 !important; }

.ui-datepicker select { border: none !important; background-color: #333 !important; font-weight: bold; color: #FFF !important; font-size: 15px !important; cursor: pointer !important; letter-spacing: -0.5px !important; margin: 0 !important; float: left; width: 50% !important; }

/* 홈페이지 기본 */

.absolute { position:absolute; }
.fixed { position:fixed; }
.common_wrap { width:100%; float:left; }

.common_box { width:100%; float:left; min-width:1200px; }
.common_box > div { width:1200px; margin:0 auto; }
.common_box > div > div { width:100%; float:left; }

.common_box2 { width:100%; float:left; min-width:1400px; }
.common_box2 > div { width:1400px; margin:0 auto; }
.common_box2 > div > div { width:100%; float:left; }


/* 페이징 */
.pagingWrap { width: 100%; float: left; margin: 150px 0 70px 0; text-align:center; }
.pagingWrap > ul { width:auto; vertical-align: middle; text-align: center;  border: 1px solid #e1e1e1; border-radius: 20px; display:inline-block; }
.pagingWrap > ul > li { width:auto; display: inline-block; vertical-align: middle; margin-left:-3px; }
.pagingWrap > ul > li > a { float: left; color: #333; font-weight: 500; font-size: 16px; padding:0 20px; width:100%; line-height:55px; }
.pagingWrap > ul > li > a > i { color: #ccc; }
.pagingWrap > ul > li > span { float: left; color: #006cfc; font-weight: 500; font-size: 13px; padding:0 10px; width:100%; line-height:30px; }
.pagingWrap > ul > .first { border-right: 1px solid #e1e1e1; margin-left:0; }
.pagingWrap > ul > .last { border-left: 1px solid #e1e1e1; margin-left:0; }


/* 검색 */
.searchBox { width:100%; float:left; margin-top:50px; background-color:#ebebeb; }
.searchBox > form { width:100%; float:left; }
.searchBox > form > div { width:100%; float:left; text-align:center; padding:35px 15px; }
.searchBox > form > div > ul { width:auto; display:inline-block; vertical-align: top; }
.searchBox > form > div > ul > li { width:auto; float:left; margin:0 10px; }
.searchBox > form #ST { width:90px; height:40px; float:left; }
.searchBox > form #SV { width:250px; height:40px; float:left; }
.searchBox > form #SB { width:75px; height:40px; float:left; background-color:#cc3333; color:white; }


/* 팝업 영역 */
#popupWrap { width: 100%; height: calc(100% - 95px); float: left; overflow: auto; padding: 30px 50px; }
#popupBtnWrap { position: fixed; width: 100%; left: 0; bottom: 0; padding: 30px 0; background-color: #FFF; z-index: 10; text-align: center; }
#popupBtnWrap > * { display: inline-block; float: none !important; margin: 0 1px; }

#popupWrap .guideWrap { width: 100%; float: left; margin-top: 80px; }
#popupWrap .guideWrap > div { width: 100%; display: table; background-color: #EFEFEF; }
#popupWrap .guideWrap > div > * { display: table-cell; vertical-align: middle; }

#popupWrap .guideWrap > div > .iconWrap { width: 220px; text-align: center; color: #FFF; font-size: 45px; }
#popupWrap .guideWrap > div > .conWrap { padding: 30px 0; }
#popupWrap .guideWrap > div > .conWrap > li { float: left; }
#popupWrap .guideWrap > div > .conWrap > li.basic { width: 100%; color: #646464; font-size: 13px; }
#popupWrap .guideWrap > div > .conWrap > li.basic > span { font-weight: 500; }


/* 팝업 영역 */
.popupWrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.4); display: none; }
.popupWrap > .popupBox { position: absolute; width: 1200px; height: 700px; left: 50%; top: 50%; margin-top: -350px; margin-left: -600px; background-color: #FFF; }

.popupWrap .guideWrap { width: 100%; float: left; margin-top: 50px; }
.popupWrap .guideWrap > div { width: 100%; display: table; background-color: #EFEFEF; }
.popupWrap .guideWrap > div > * { display: table-cell; vertical-align: middle; }

.popupWrap .guideWrap > div > .iconWrap { width: 220px; text-align: center; color: #FFF; font-size: 45px; }
.popupWrap .guideWrap > div > .conWrap { padding: 30px 0; }
.popupWrap .guideWrap > div > .conWrap > li { float: left; }
.popupWrap .guideWrap > div > .conWrap > li.basic { width: 100%; color: #646464; font-size: 13px; }
.popupWrap .guideWrap > div > .conWrap > li.basic > span { font-weight: 500; }

.popupWrap > .popupBox > .titWrap { width: 100%; float: left; padding: 25px 0; border-bottom: 1px solid #EBEBEB; }
.popupWrap > .popupBox > .titWrap > .left { padding-left: 50px; font-size: 21px; color: #333; font-weight: bold; }
.popupWrap > .popupBox > .titWrap > .left > .guide { font-size: 13px; color: #BBB; font-weight: 500; margin-left: 15px; top: -3px; }
.popupWrap > .popupBox > .titWrap > .right { height: 31px; }
.popupWrap > .popupBox > .titWrap > .right > i { position: absolute; font-size: 40px; right: 30px; top: 50%; margin-top: -20px; color: #CCC; cursor: pointer; }
.popupWrap > .popupBox > .titWrap > .right > i:hover { color: #BBB; }

.popupWrap > .popupBox > .frameWrap { width: 100%; height: 587px /* calc(100% - 82px) */; float: left; padding: 0; overflow-y: auto; }

.popupBox .popupContentsWrap { width: 100%; height: calc(100% - 80px); float: left; overflow-y: auto; padding: 30px 60px; }
.popupBox .popupContentsWrap::-webkit-scrollbar { background-color: #FFF; }
.popupBox .popupContentsWrap .tit { margin-top: 35px; }
.popupBox .popupContentsWrap .tit:first-of-type { margin-top: 0; }

.popupBox .popupBtnWrap { width: 100%; height: 80px; line-height: 80px; float: left; text-align: center; }
.popupBox .popupBtnWrap > * { float: none; display: inline-block; margin: 0 2px; }

/* 메인팝업영역 */
.popupViewBox { position: absolute; width: 500px; background-color: #FFF; left: 0; top: 0; z-index: 101; overflow: hidden; }
.popupViewBox > .conWrap { width: 100%; float: left; }
.popupViewBox > .conWrap img { max-width: 100%; }
.popupViewBox > .btnWrap { width: 100%; float: left; background-color: #333; padding: 5px 10px; }
.popupViewBox > .btnWrap > a { height: 23px; line-height: 23px; font-size: 12px; color: #FFF; font-weight: 500; }
.popupViewBox > .btnWrap > a.left { float: left; opacity: 0.6; }
.popupViewBox > .btnWrap > a.right { float: right; }

/* 공용검색영역 */
.top_search_popup { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.88); z-index: 999999999; opacity: 0; transition: opacity 0.5s; display: none; }

.top_search_popup #searchCloseBtn { position: absolute; top: 25px; right: 30px; opacity: 0; transition: top 0.5s 0.65s,opacity 0.5s 0.65s; }
.top_search_popup .frmWrap { width: 100%; height: 65px; float: left; border: 1px solid #FFF; padding: 20px; border-radius: 50px; top: -20px; opacity: 0; transition: top 0.8s 0.25s,opacity 0.8s 0.25s; margin-top:250px; }
.top_search_popup .frmWrap form { width:100%; float:left; }
.top_search_popup .frmWrap input { width: calc(100% - 50px); height: 100%; float: left; border: none; outline: none; background-color: rgba(0,0,0,0); color: #FFF; letter-spacing: -0.5px; font-size: 18px; }
.top_search_popup .frmWrap i { position: absolute; font-size: 30px; color: #FFF; right: 30px; top: 50%; margin-top: -15px; cursor: pointer; }

.top_search_popup.active { opacity: 1; }
.top_search_popup > div { width:800px; }
.top_search_popup.active .frmWrap { top: 0; opacity: 1; }
.top_search_popup.active #searchCloseBtn { top: 30px; opacity: 1; }

.top_search_popup .textWrap { top: 210px; opacity: 0; transition: top 0.8s 0.25s,opacity 0.8s 0.25s; /*top: 230px;*/ text-align: center; width: 100%; float: left; font-size: 20px; font-weight: 500; }
.top_search_popup .textWrap > a { padding: 0 5px; }
.top_search_popup.active .textWrap { top: 230px; opacity: 1; }

.top_search_popup .infoWrap { width: 100%; float: left; color: #fff; text-align: center; margin-top: 30px; font-size: 15px; font-weight: 100; }
.top_search_popup .infoWrap > i { font-size: 20px; margin-right: 10px; top: 2px; }

/* 공통 - 상담완료 팝업 */
.csSuccessPopup { width:100%; height:100%; z-index:999; display:none; }
.csSuccessPopup .cont { width:770px; height:420px; top:50%; left:50%; margin: -210px 0 0 -385px; z-index:2; background-color:white; border-radius:10px; box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.35); padding:72px 115px 82px 122px; text-align:center;  }
.csSuccessPopup .cont > div { width:100%; float:left; }
.csSuccessPopup .cont > div > ul { width:100%; float:left; }
.csSuccessPopup .cont > div > ul > li { width:100%; float:left; }

.csSuccessPopup .cont .cs_success_img {  }
.csSuccessPopup .cont .cs_success_main_tit { font-size:25px; font-weight: bold; color:#333; margin-top:30px; }
.csSuccessPopup .cont .cs_success_main_tit .point { color:#cc3333; }
.csSuccessPopup .cont .cs_success_sub_tit { color:#333333; font-size:18px; margin-top:10px; letter-spacing: -2px; }
.csSuccessPopup .cont .cs_success_move { margin-top:44px; }
.csSuccessPopup .cont .cs_success_move a { width:360px; height:50px; line-height:50px; display:inline-block; border-radius:5px; border:1px solid #dcdcdc; font-size:15px; font-weight: 500; color:#666; }
.csSuccessPopup .back { width:100%; height:100%; background-color:rgba(0,0,0,0.82); }


/* 공통 - 개인정보보호정책 팝업 */
.privacyBtn { cursor: pointer; }
.privacy_popup { position: fixed; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 99999999999999; background-color: rgba(0, 0, 0, 0.6); display: none; }
.privacy_popup > #privacyContent { position: absolute; width: 800px; height: 500px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
#privacyContent > div { width: 100%; float: left; }

#privacyContent > .titWrap { height: 45px; line-height: 45px; background-color: #F8F8F8; padding: 0 15px; color: #000; position: relative; }
#privacyContent > .titWrap > span { width: calc(100% - 35px); float: left; font-size: 15px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#privacyContent > .titWrap > i { font-size: 21px; position: absolute; cursor: pointer; right: 15px; top: 50%; margin-top: -10.5px; }

#privacyContent > .conWrap { height: calc(100% - 45px); padding: 15px; background-color: #FFF; color: #000; overflow-y: auto; font-size: 13px; letter-spacing: -0.5px; }


/* TOP_LOGIN */
.topLogin { border-bottom: 1px solid rgba(0,0,0,0.15); padding: 15px 40px 15px 0; }
.topLogin .tL_box { width: 100%; float: right; }
.topLogin .tL_box > ul { width: 100%; float: right; }
.topLogin .tL_box > ul > li { float: right; line-height: 15px; line-height: 24px;}
.topLogin .tL_box > ul > li.line { width: 2px; height: 15px; background-color: rgba(0,0,0,0.1); margin: 0 20px; }
.topLogin .tL_box > ul > li > a { font-size: 13px; font-weight: 500; color: #333; }



/* TOP */
.top_boxs { width: 100%; float: left; padding: 40px 0 ; background-color: #fff; }
.top_boxs > div { float: left; }
.top_boxs > .logo { width: 25%;}
.top_boxs > .logo > a > img { width: 50%; }
.top_boxs > .menu_bt { width: 75%; }
.top_boxs > .menu_bt > div { float: left; }
.top_boxs > .menu_bt > div > ul { width: 100%; float: left; }
.top_boxs > .menu_bt > div > ul > li { float: left; text-align: center; }

.top_boxs > .menu_bt > .mb01 { width: 70%; }
/* .top_boxs > .menu_bt > .mb01 > ul > li { width: 18%; font-size: 15px; font-weight: 600; color: #000; line-height: 40px; } */
.top_boxs > .menu_bt > .mb01 > ul > li { width: 18%; font-size: 20px; font-weight: 600; color: #000; line-height: 40px; }

.top_boxs > .menu_bt > .mb02 { width: 15%; border: 1px solid #006cfc; height: 30px; padding: 0 7px; margin-top: 6px;  border-radius: 15px;}
.top_boxs > .menu_bt > .mb02.mln { margin-left:-1px; }
.top_boxs > .menu_bt > .mb02 > ul  { padding: 1px 0; }
/* .top_boxs > .menu_bt > .mb02 > ul > li { width: 100%; font-size: 13px; font-weight: 600; color: #006cfc; line-height: 28px; } */
.top_boxs > .menu_bt > .mb02 > ul > li { width: 100%; font-size: 16px; font-weight: 600; color: #006cfc; line-height: 28px; }


/* footer */
.footer_s1 { background-color: #000; border-bottom: 1px solid rgba(255,255,255,0.1); }
.footer_s1 .fs_boxs { width: 100%; float: left; }
.footer_s1 .fs_boxs > ul { float: left; padding: 25px 0;}
.footer_s1 .fs_boxs > ul > li { float: left; color: #fff; text-align: center; }
.footer_s1 .fs_boxs > ul > .line { width: 2px; height: 15px; background-color: rgba(255,255,255,0.5); margin: 0 20px; margin-top: 3px; }
.footer_s1 .fs_boxs > .top_bt { width: 100px; float: right; border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(255,255,255,0.1); }
.footer_s1 .fs_boxs > .top_bt > li { width: 100%; }
.footer_s2 { background-color: #000; padding: 45px 0 55px 0; }
.footer_s2 .fs_boxs { float: left; }
.footer_s2 .left { width: 70%; }
.footer_s2 .left > div { width: 100%; float: left; }
.footer_s2 .left > div > p { width: 100%; float: left; font-size: 14px; font-weight: 300; color: #fff; letter-spacing: 0;}
.footer_s2 .left > .logo { margin-bottom: 10px; }
.footer_s2 .left > .logo > p { font-size: 23px; font-weight: 600; letter-spacing: 1px; color: #fff; }
.footer_s2 .left > .logo > p > span { color: #006cfc; }
.footer_s2 .right { width: 30%; padding-top: 30px; }
.footer_s2 .right > div { width: 100%; float: left; }
.footer_s2 .right > div > p { width: 100%; float: left; font-size: 16px; font-weight: 400; color: #fff; }
.footer_s2 .right > div > p > i { font-size: 16px; color: rgba(255,255,255,0.7); margin-right: 5px; }
.footer_s2 .right > div > .icon { padding-left: 10px; }
.footer_s2 .right > div > .rbox { background-color: rgba(255,255,255,0.2); border-radius: 50px; padding: 5px 0; text-align: center; margin-top: 10px; }
.footer_s2 .right > div > .rbox > span { margin-left: 10px; }

/* 플로팅 */
.floating_menu > div > div { position: relative; }
.fm_boxs {position: absolute;transform: translateY(0px);margin-left: 1250px;width: 140px;z-index: 99;transition: transform 0.5s;top: 300px;}
.fm_boxs > div { width: 100%; float: left; border-radius: 23px; border: 1px solid #006cfc; background-color: #fff; box-shadow: 3px 3px 0px 0px rgba(204,204,204,30%); }
.fm_boxs > div > ul { width: 100%; float: left; padding: 0 15px; }
.fm_boxs > div > ul > li {width: 100%;float: left;text-align: center;font-size: 14px;font-weight: 600;color: #006cfc;padding: 10px 0;border-bottom: 1px solid #006cfc;}
.fm_boxs > div > ul:nth-last-child(1) > li { border-bottom: none; }
.fm_boxs > .flot_number {margin: 10px 0;padding: 15px 0;}
.fm_boxs > .flot_number > ul > li { font-size: 21px; font-weight: 700; padding: 0; }
.fm_boxs > .flot_number > ul > li > i { font-size: 25px; }
.fm_boxs > .flot_top { border: none; width: 60px; height: 60px; border-radius: 50%; left: 40px; background-color: #006cfc; text-align: center; cursor: pointer; }
.fm_boxs > .flot_top > p { width: 100%; float: left; font-size: 16px; font-weight: 700; color: #fff; line-height: 60px; }

/* 서브_비주얼 */
.sub_visual > div { width: 100%; }
/* .sub_visual .img { width: 100%; float: left; } */
.sub_visual .img { display: none; width: 100%; float: left; }
.sub_visual .sv_title { width: 100%; top: 45px; right: 425px; position: absolute; text-align: right; }
.sub_visual .sv_title > p { width: 100%; float: left; font-size: 23px; color: rgba(255,255,255,0.2); font-weight: 800; letter-spacing: 0; }

/* 서브_타이틀 */
.subj_title { border-bottom: none; padding: 0 !important; }
.subj_title > div > div { border-bottom: 1px solid #ebebeb; padding: 60px 0 45px 0; }

/*.subs_title { border-bottom: none; margin-bottom: 80px; padding-bottom: 60px; }*/
.sub_title { padding-bottom:10px; }
.sub_title > div > div { padding: 60px 0 45px 0; /*border-bottom: 1px solid #ebebeb;*/ }
.sub_title .st_txt { width: 100%; float: left; }
.sub_title .st_txt > ul { width: 100%; float: left; }
.sub_title .st_txt > ul > li { width: 100%; float: left; font-size: 35px; color: #333; font-weight: 100; text-align: center; }
.sub_title .st_txt > ul > li > span { color: #006cfc; font-weight: 900; }
.sub_title .st_txt > ul > .tt { letter-spacing: 0; }
.sub_title .st_txt > ul > .ss { font-size: 20px; color: #555; font-weight: 100; line-height: 25px; margin-top: 5px; }



@media screen and ( max-width:1600px ){
	.fm_boxs { display:none; }
}

/* 개인정보처리방침 팝업 */
.membersBoxWrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.65); overflow-y: auto; display: none; }
.membersBoxWrap > .membersBox { position: absolute; width: 35%; left: 32.5%; background-color: #FFF; border-radius: 10px; overflow: hidden; top: 50px; opacity: 0; transition: top 0.5s, opacity 0.5s; }
.membersBoxWrap > .membersBox.active { top: 155px; opacity: 1; }
.membersBoxWrap > .membersBox > div { width: 100%; float: left; display: block; padding: 80px 50px 50px 50px; }

.membersBoxWrap > .membersBox > .popupCloseBtn { position: absolute; font-size: 42px; color: #DDD; cursor: pointer; top: 30px; right: 30px; z-index: 2; transition: color 0.5s; }
.membersBoxWrap > .membersBox > .popupCloseBtn:hover { color: #CCC; }

.membersBoxWrap > .membersBox > div > .titWrap { width: 100%; float: left; font-weight: 800; color: #998675; font-size: 27px; text-align: center; margin-bottom: 30px; }
.membersBoxWrap > .membersBox > div > .titWrap > .point { color: #333; font-size: 27px; font-weight: 800; }

.membersBoxWrap > .membersBox > div > .btnWrap { width: 100%; float: left; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-top: 30px; }
.membersBoxWrap > .membersBox > div > .btnWrap > button { width: 100%; height: 50px; float: left; border-radius: 3px; color: #FFF; font-weight: 500; background-color: #998675; font-size: 17px; }
.membersBoxWrap > .membersBox > div > .btnWrap > .checkCustomLabel { float: left; margin-top: 20px; }
.membersBoxWrap > .membersBox > div > .btnWrap > .checkCustomLabel > i { font-size: 21px; vertical-align: middle; }
.membersBoxWrap > .membersBox > div > .btnWrap > .checkCustomLabel > .on { color: #998675; }
.membersBoxWrap > .membersBox > div > .btnWrap > .checkCustomLabel > .off { color: #DDD; }
.membersBoxWrap > .membersBox > div > .btnWrap > .checkCustomLabel > span { font-size: 15px; color: #333; font-weight: 500; margin-left: 5px; vertical-align: middle; }

.membersBoxWrap > .membersBox > div > .linkWrap { width: 100%; float: left; padding: 20px 0; text-align: right; }
.membersBoxWrap > .membersBox > div > .linkWrap > a { font-size: 15px; color: #333; font-weight: 500; }
.membersBoxWrap > .membersBox > div > .linkWrap > span { font-size: 15px; color: #333; font-weight: 500; margin: 0 5px; }

.membersBoxWrap > .membersBox > div > form { width: 100%; float: left; }
.membersBoxWrap > .membersBox > div > form > ul { width: 100%; float: left; }
.membersBoxWrap > .membersBox > div > form > ul > li { width: 100%; float: left; margin-bottom: 12px; }
.membersBoxWrap > .membersBox > div > form > ul > li > input { width: 100%; height: 50px; float: left; padding-left: 15px; font-size: 16px; color: #333; border: 1px solid #ccc; border-radius: 3px; }
.membersBoxWrap > .membersBox > div > form > ul > li > input:focus { border: 1px solid #BBB; }
.membersBoxWrap > .membersBox > div > form > ul > li > button { width: 100px; height: 50px; float: right; text-align: center; font-size: 17px; color: #FFF; font-weight: 500; border-radius: 3px; background-color: #888; }

.membersBoxWrap > .membersBox > div > form > ul > .input2 > input { width: calc(50% - 2.5px); margin-right: 5px; }
.membersBoxWrap > .membersBox > div > form > ul > .input2 > input:last-of-type { margin-right: 0; }

.membersBoxWrap > .membersBox > div > form > ul > .btn > input { width: calc(100% - 105px); }

.membersBoxWrap > .membersBox > .privacyWrap > .conWrap { width: 100%; height: 220px; float: left; overflow-y: auto; padding: 25px; border: 1px solid #DDD; border-radius: 5px; font-size: 12px; line-height: 20px; color: #999; letter-spacing: -0.5px; }

.membersBoxWrap > .membersBox > .privacyWrap > .checkWrap { width: 100%; float: left; text-align: center; padding: 20px 0; }
.membersBoxWrap > .membersBox > .privacyWrap > .checkWrap > input { display: none; }
.membersBoxWrap > .membersBox > .privacyWrap > .checkWrap > label > i { display: inline-block; width: 25px; height: 25px; border-radius: 5px; border: 1px solid #DDD; vertical-align: middle; line-height: 24px; color: #FFF; font-size: 12px; }
.membersBoxWrap > .membersBox > .privacyWrap > .checkWrap > label > span { display: inline-block; height: 25px; line-height: 25px; font-size: 15px; color: #333; font-weight: 500; vertical-align: middle; margin-left: 5px; }

.membersBoxWrap > .membersBox > .privacyWrap > .checkWrap > input:checked + label > i { color: #BBB; }

#membersJoinWrap > .membersBox { height: 630px; overflow: auto; }
.membersBoxWrap .membersBox .privacyWrap > .fyg_title > ul > li { font-size: 26px; font-weight: 700; color: #333; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; margin-bottom: 5px; }
.membersBoxWrap .membersBox .privacyWrap > .fyg_sub { padding-top: 15px; }
.membersBoxWrap .membersBox .privacyWrap > .fyg_sub > ul > li { font-size: 17px; font-weight: 500; color: #555; line-height: 25px; padding-top: 5px; }
.membersBoxWrap .membersBox .privacyWrap > .fyg_sub > ul > .tit { font-size: 18px; font-weight: 600; color: #333; padding-top: 30px; }


.borderGreen {
    border: 1px solid #207244;
}

.BgGreen {
    background-color: #207244;
}

/* 엑셀 */
#excelFileName {
    height: 35px;
    line-height: 35px;
    float: left;
    color: #999;
    margin-left: 10px;
    font-size: 13px;
}