@charset "UTF-8";

/* HTML Default STYLE set --------------------------------------------------------------------------------------- */
	/* HTML & BODY */
	html,body{overflow-x: auto;}
	body{font-family: "Pretendard", "돋움", Dotum, sans-serif, "Font Awesome 5 Free"; height: 100%; font-weight: 400; -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch;}
	.axi, [class^="axi-"], [class*=" axi-"]{font-family: "NotoSansCJKkr", "돋움", Dotum, sans-serif, "axicon";}
	.fa, [class^="fa-"], [class*=" fa-"]{font-family: "NotoSansCJKkr", "돋움", Dotum, sans-serif, "Font Awesome 5 Free";}
	.fa, .fas{font-weight: inherit;}
	.fa:before, .fas:before{font-weight: 900;}

/* Link Animation Effect set ------------------------------------------------------------------------------------ */
	/* Link Defalut set */
	.innerLink{width: 100%; height: 100%;}
	.innerLink.pointerNo{cursor: default;}
	.innerLink, .innerLink:hover, .innerLink:focus, .innerLink:active{color: inherit;}
	.fileLink, .fileLink:hover, .fileLink:focus, .fileLink:active{color: #2D8CF0; text-decoration: underline;}

	/* common container Default */
	a:hover{
		color: inherit;
		text-decoration: none;
		transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-webkit-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-moz-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-ms-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-o-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
	}
	a[data-type="outlink"]{color: #E45151; font-weight: normal; text-decoration: underline;}
	a[data-type="outlink"]:hover{text-decoration: none;}

	/* main container Default */
	.slider_info .d_btn>li:hover>a>div{
		color: inherit;
		text-decoration: none;
		transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-webkit-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-moz-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-ms-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-o-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
	}
	.arc_area .cate_c a:hover .imageOverlay, .arc_area .cate_c a:hover .INFOIMAGE, .arc_area .cate_c a:hover .info_area>div>p{
		color: inherit;
		text-decoration: none;
		transition: all 100ms cubic-bezier(0.420,0.000,0.580,1.000);
		-webkit-transition: all 100ms cubic-bezier(0.420,0.000,0.580,1.000);
		-moz-transition: all 100ms cubic-bezier(0.420,0.000,0.580,1.000);
		-ms-transition: all 100ms cubic-bezier(0.420,0.000,0.580,1.000);
		-o-transition: all 100ms cubic-bezier(0.420,0.000,0.580,1.000);
	}

/* HEADER ------------------------------------------------------------------------------------------------------- */
	/* HEADER // common */
	header{border-bottom: 1px solid #000; position: relative;}
	#snb .topMenuGrp{clear: both;}

	/* HEADER // PC */
	header.pcHder{min-width: 1200px}
	header.pcHder .logo_area{position: relative; width: 25%;}
	header.pcHder .logo_area .logo{background-position: center left;width: 368px;height: 45px;background-size: contain;position: absolute;margin-left:57px;}

	/* HEADER // mobile */
	.wrap.main header.mHder{height: 90px;}
	.wrap.sub header.mHder{height: 90px;}
	.wrap.main header.mHder>.grid, .wrap.main header.mHder>.grid .row, .wrap.main header.mHder .logo_area,
	.wrap.sub header.mHder>.grid, .wrap.sub header.mHder>.grid .row, .wrap.sub header.mHder .logo_area{height: 100%;}
	.wrap.sub .pcHder .grid.gnb-grid{margin-top:40px;}
	
	header.mHder .logo_area{position: relative;}
	header.mHder .logo_area .logo{height: 26px; width: 215px; background-position: center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
	.logo_area .logo{background-image: url("../../images/common/topLogo.png"); background-repeat: no-repeat;}
	.topMenuGrp .quickMenu{font-size: 17px; float: left;margin-right: 35px}
	.topMenuGrp .quickMenu li{float: left;line-height: 22px;margin-top: 14.8px;}
	.topMenuGrp .quickMenu li>.innerLink{width: 100%; color: #000;}
	.topMenuGrp .quickMenu li>.innerLink:after{content: "";border-right: 1px solid #000;margin-left: 19px;}
	.topMenuGrp .quickMenu li>.innerLink.en_btn:after{border:none;}
	.topMenuGrp .en_btn{font-size: 19px; text-align: center; float: left;}
	.mHder .topMenuGrp .quickMenu {margin-right: 0px;}
	
	.wrap.sub .topMenuGrp, .wrap.main .topMenuGrp {font-family: "Pretendard", sans-serif;}
	#gnb{position: relative;width: 100%}
	.main #gnb, .sub #gnb{position: relative;width: auto;float:right;text-align: right;margin-right: 57px;}
	#gnb .gnbMenu, .logo_area{height: 64px;}
	#gnb .gnbMenu{line-height: 64px; padding-top: 2px;}
	#gnb .gnbMenu>li{display: inline-block; margin: 0px 25px;}
	#gnb .gnbMenu>li>.innerLink{font-family: "Pretendard", "돋움", Dotum, sans-serif, "Font Awesome 5 Free"; color: #000; font-size: 23px; font-weight: 500; text-transform: uppercase; vertical-align: middle; line-height: 20px;}
	#gnb .gnbMenu>li.active>.innerLink{color:#FC572B;}
	#gnb .gnbMenu>li.search-menu-area>.innerLink{background-image: url(../../images/common/search_icon.png);background-position: center;width: 22px;height: 22px;background-size: contain;background-repeat: no-repeat;}
	/* .snsMenu{position: absolute;}
	.pcHder .snsMenu{top: 20px; right: 57px;} */
	
	#gnb .gnbMenu>li{display: inline-block; margin: 0px 30px;}
	#gnb .gnbMenu>li>.innerLink{font-family: "Pretendard", "돋움", Dotum, sans-serif, "Font Awesome 5 Free"; color: #000; font-size: 23px; font-weight: 500; text-transform: uppercase; vertical-align: middle; line-height: 20px;}
	#gnb .gnbMenu>li.active>.innerLink{color:#FC572B;}
	#gnb .gnbMenu>li.snsArea{margin-right: 0px;margin-left: 0px;}
	.snsArea .snsMenu li{width: 36px; height: 33px; background-image: url("../../images/common/sns.png"); background-repeat: no-repeat; display: inline-block; letter-spacing: -1px;vertical-align: middle;}
	.snsArea .snsMenu li a{width: 100%; height: 100%; color: transparent; font-size: 0; vertical-align: top;}
	.snsArea .snsMenu li.face{background-position: -3px -1px;}
	.snsArea .snsMenu li.face:hover{background-position: -45px -1px;}
	.snsArea .snsMenu li.rss{background-position: -2px -36px}
	.snsArea .snsMenu li.rss:hover{background-position: -46px -36px}
	
	/* #gnb .gnbMenu>li.menu08{margin-right: 0px;margin-left: 0px;}
	#gnb .gnbMenu>li.menu08>a{padding: 10px;font-size: 20px;border: 1px solid #000;background:#fff}
	#gnb .gnbMenu>li.menu08>a:hover{background: #c8c9ca;}
	.snsArea {display: inline-block;position: absolute;width: 50px;height: auto;z-index: 1000;}
	.snsArea .snsMenu{width: 50px;position: absolute;top: 55px;width: 42px;overflow: hidden; height: 0px;}
	.snsArea .snsMenu li{width: 33px; height: 33px; background-image: url("../../images/common/sns.jpg"); background-repeat: no-repeat; display: inline-block; letter-spacing: -1px;vertical-align: middle;float: left;border-top: 1px solid #000;border-left: 1px solid #000;border-right: 1px solid #000;width: 100%;}
	.snsArea .snsMenu li a{width: 100%; height: 100%; color: transparent; font-size: 0; vertical-align: top;}
	.snsArea .snsMenu li.face{background-position: -44px 1px;}
	.snsArea .snsMenu li.rss{background-position: -44px -37px; border-bottom:1px solid #000}
	.snsArea .snsMenu li.ytb{background-position: -44px -77px}
	.snsArea .snsMenu li.ytb.live{background-position: -44px -114px} */
	
	#snb{padding-top: 22px;}
	#snb{width: 100vw; height: 100vh; background: #F9F9F9; padding-left: 15px; padding-right: 15px; position: fixed; top: 0; z-index: 999;}
	#snb .close{height: 42px; background-image: url("../images/_new/iconSpr.png"); background-repeat: no-repeat; float: right;}
	#snb .gnbMenu{height: calc(100% - 49px - 36px - (23px + 25px + 32px)); font-size: 30px; font-weight: 700; border-left: 1px solid #B4B6BB; margin-top: 49px; padding-top: 27px;}
	#snb .gnbMenu>li{line-height: 1em; padding-top: 29px; padding-left: 40px; padding-bottom: 28px;}
	#snb .gnbMenu>li.active>.innerLink{color: #FC572B;}
	.mHder #snb .gnbMenu{margin-top: 83px;padding-top: 0px;}
	
	#snb .snsMenu{top: 133px; right: 3px;}/*기존에 relative영역 미적용으로 인해 레이웃 틀어져서 재적용, 모바일 top 위치 재확인 필요 ** 2021-11-25 ran */
	#seoul-gnb-plugin .seoul-gnb-holder{max-width: calc(100% - 67px) !important;}
	
	.mHder .searchBox input{font-size: 15px;}
	.mHder .searchBox button{background: #F9F9F9 url(../images/common/search_icon.png) no-repeat;height: 47px;}
	.mHder .searchBox button{background-position: center right 20px; background-size: 25px;}
	
/* SEARCH AREA -------------------------------------------------------------------------------------------------- */
	/* HEADER // Search Area */
	.search-area{width: 400px; display: inline-block;}
	.search-area .searchBox01{
		position: relative;
		display: inline-block;
		width: 25%; height: 44px; font-size: 16px;
		background: rgba(255, 255, 255, 0.3);
		border: 1px solid #000; border-right-width: 0; border-radius: 3px 0 0 3px; float: left;
	}
	.search-area .searchBox01:before{top: 55%; border-top: 5px solid #000;}
	.search-area .searchBox01 .txt{width: 100%; height: 44px; text-align: left; line-height: 44px; display: block; padding-left: 10px;}
	.search-area .searchBox01 label{width: 0; height: 0; line-height: 0; text-indent: -9999px; position: absolute; overflow: hidden;}
	.search-area .searchBox01 select{
		width: 100%; height: 44px; display: block; padding-left: 10px;
		position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); z-index: 10;
		-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;
	}
	.search-area .searchBox01.focus{
		border: 1px solid #000; border-right-width: 0; 
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
	}
	.searchArea {position: absolute;top: 0;width: 100%;text-align: right;background: #fff;}
	.searchBox{border-bottom: 1px solid #000; display: inline-block;}
	.searchBox input:-ms-input-placeholder, .searchBox input::-webkit-input-placeholder, .searchBox input::-moz-placeholder{color: #757575;}
	.searchBox input{width: calc(100% - 80px); height: 100%; background: transparent; color: #757575; border: 0px; padding: 12px 12px 12px 20px; outline: none;}
	.searchBox button{width: 80px; height: 100%; background: #FFF url("../images/common/search_icon.png") no-repeat center center; color: #FFF; border: 0px; float: right;}
	.searchArea .innerLink{display: initial;font-size: 2.2em;vertical-align: middle;margin-left: 5px;}
	input:focus::-webkit-input-placeholder{opacity: 0;}
	input:focus::-moz-placeholder{opacity: 0;}
	.searcPanel.col .fa-search{width: 100%;}
	.searcPanel .selectBox{background: #F5F4F4; border: 1px solid #F5F4F4; border-top: 1px solid #EBE9E7;}
	.searcPanel .selectBox label, .searcPanel .selectBox option{font-size: 15px; font-weight: 300; padding: 0 1em;}
	.searcPanel .fa-search, .searchGrp .fa-search{background: #E45151; color: #FFF; font-size: 18px;}
	.selectGrp .selectBox{border-width: 0;}
	.selectGrp .selectBox, .selectGrp .selectBox select, .selectGrp .selectBox label{height: 52px; line-height: 48px;}
	.selectGrp .selectBox label, .selectGrp .selectBox select{background: #F5F4F4; font-size: 15px; font-weight: 300;}
	.selectGrp .selectBox label{padding: 0 35px 0 1em;}
/* 	.selectGrp .selectBox select{padding: 0 35px 0 1.25em;} *//* 2021-08-11 접근성 */
	.searchGrp .textBox label, .searchGrp .textBox input[type="text"], .searchGrp .textBox input[type="password"]{background: transparent; font-size: 15px; font-weight: 300; padding: 0 1.3em;}
	.searchGrp .textBox label, .searchGrp .textBox input[type="text"]:not(:focus-within), .searchGrp .textBox input[type="password"]{border-width: 0;}
	.searchGrp .textBox label{line-height: 48px;}
	
	.mHder .search-area{width: auto;margin-top: 15px;}
	
	.mHder .subMenu{}
	.mHder .subMenu li{display: inline-block;float: left;}
	.mHder .subMenu li.snsArea{float: right;}
	.mHder .subMenu li.snsArea .snsMenu{position: absolute;}

/* common Design set -------------------------------------------------------------------------------------------- */
	/* accessibility Ui*/
	.skipNav .skipAnchor{
		width: 100%; height: 34px; background: #F7F7F7; color: #3A3D40; font-size: 14px; font-weight: 500; text-align: center; line-height: 34px;
		position: absolute; top: -100px; left: 0; display: block; z-index: 9999;
	}
	.skipNav .skipAnchor:focus{top: 0;}

	/* wrapper // Scroll Created */
	.scrollXY{overflow: auto;}
	.scrollX{white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
	.scrollY{overflow-y: auto; overflow-x: hidden;}

	/* wrapper // page scrolling Ui Area set */
	.scrollOff{height: 100%; overflow: hidden;position:fixed;width: 100%;}
	.scrollOff #wdg, .scrollOff #snb{overflow: hidden;overflow-y:scroll;}
	.mCustomScrollbar .mCSB_buttonUp, .mCustomScrollbar .mCSB_buttonDown{color: transparent; font-size: 0;}

	/* common // PAGE wrapper */
	.wrap{}
	.pcHder~#main_content{margin-top: 0;margin: 0 57px;z-index:0}
	.mHder~#main_content{margin-top: 20px;}
	#main_content{position: relative;} /* 웹접근성 때문에 추가 ws */
	/* #sub_content{margin: 0 auto;} */
	#sub_content{margin: 0 57px;}
	#sub_content:not(.full){max-width: 1400px;}
	#sub_content:not(.full) .grid{max-width: 1441px;}
	#sub_content .col.noGap{margin: 0;}
	/* .innerWrap, .dtlContPnl{max-width: 1400px; margin: 0 auto;} */
	.innerWrap, .dtlContPnl{margin: 0 57px;}
	
	/* common // size not in layout.css */
	.w_50{width: 50px;}
	.w_60{width: 60px;}
	.w_90{width: 90px;}
	.w_122{width: 122px;}
	.w_120{width: 120px;}
	.w_142{width: 142px;}
	.w_165{width: 165px;}
	.w_180{width: 180px;}
	.w_253{width: 253px;}
	.w_211{width: 211px;}
	.w_340{width: 340px;}
	.w_380{width: 380px;}
	.w_611{width: 611px;}
	.w_616{width: 616px;}
	.w_930{width: 930px;}

	/* pagination Ui // common */
	.pagination .pageLink{text-align: center; float: left;}

	/* pagination Ui // type01(only main page) :: page link default */
	#pagination.type01{margin-top: 100px;}
	#pagination.type01 .pageLink{width: 20px;height: 41px;font-size: 35px;font-weight: 300;line-height: 1.2;position: relative;}
	#pagination.type01 .pageLink.active{color: #000;}
	#pagination.type01 .pageLink.first+.prevPage{margin-right: 94px;}
	#pagination.type01 .pageLink.first,
	#pagination.type01 .pageLink.prevPage,
	#pagination.type01 .pageLink.nextPage,
	#pagination.type01 .pageLink.last{background-repeat: no-repeat;background-position: center;width: 30px;height: 30px; top: 7px}
	#pagination.type01 .pageLink.first{background-image: url("../../images/common/p_02.png");}
	#pagination.type01 .pageLink.prevPage{background-image: url("../../images/common/p_01.png");}
	#pagination.type01 .pageLink.nextPage{background-image: url("../../images/common/n_01.png");}
	#pagination.type01 .pageLink.last{background-image: url("../../images/common/n_02.png");}
	#pagination.type01 .pageLink.prevPage:not(.disabled){background-image: url("../../images/common/p_03.png");}
	#pagination.type01 .pageLink.nextPage:not(.disabled){background-image: url("../../images/common/n_03.png");}
	#pagination.type01 .pageLink.first:not(.disabled){background-image: url("../../images/common/p_04.png");}
	#pagination.type01 .pageLink.last:not(.disabled){background-image: url("../../images/common/n_04.png");}

	#pagination.type01 .pageLink:not(.prevPage):not(.nextPage):not(.first):not(.last):not(:hover):not(.active){color: #767676;}
	#pagination.type01 .pageLink:not(.prevPage):not(.nextPage):not(.first):not(.last):not(.active):hover{color: #000;}
	#pagination.type01 .pageLink:not(.prevPage):not(.nextPage)+.pageLink:not(.prevPage):not(.nextPage){margin-left: 75px;}
	#pagination.type01 .pageLink:not(.prevPage):not(.nextPage)+.pageLink.nextPage{margin-left: 94px;}
	#pagination.type01 .pageLink.prevPage:not(.disabled):hover{background-image: url("../../images/common/p_03.png");}
	#pagination.type01 .pageLink.nextPage:not(.disabled):hover{background-image: url("../../images/common/n_03.png");}
	#pagination.type01 .pageLink.first:not(.disabled):hover{background-image: url("../../images/common/p_04.png");}
	#pagination.type01 .pageLink.last:not(.disabled):hover{background-image: url("../../images/common/n_04.png");}
	#pagination.type01 .pageLink.first{margin-right: 49px;}
	#pagination.type01 .pageLink.last{margin-left: 49px;}

	/* pagination Ui // type02 */
	#pagination.type02{text-align: center; padding: 40px 20px 20px;}
	#pagination.type02 .pageLink{width: 36px; height: 36px; font-size: 18px; line-height: 20px; border: 2px solid #FFF; padding: 5px;}
	#pagination.type02 .pageLink:not(.disabled){color: #757575;}
	#pagination.type02 .pageLink.disabled{color: #CCC;}
	#pagination.type02 .pageLink.active{border: 2px solid #000;}
	#pagination.type02 .pageLink.active:not(.disabled){color: #1B1B1B;}
	#pagination.type02 .pageLink.first:before{content: "\F100";}
	#pagination.type02 .pageLink.prevPage:before{content: "\F104";}
	#pagination.type02 .pageLink.nextPage:before{content: "\F105";}
	#pagination.type02 .pageLink.last:before{content: "\F101";}
	
	/* pagination Ui // type03 */
	.pagination.type03{margin-top: 30px;}
	.pagination.type03 .pageLink{width: 18px;height: 18px;font-size: 18px;font-weight: 300;line-height: 1;position: relative;}
	.pagination.type03 .pageLink.active{color: #000;}
	.pagination.type03 .pageLink.first+.prevPage{margin-right: 30px;}
	.pagination.type03 .pageLink.first,
	.pagination.type03 .pageLink.prevPage,
	.pagination.type03 .pageLink.nextPage,
	.pagination.type03 .pageLink.last{background-repeat: no-repeat;background-position: center;background-size: contain;width: 15px;height: 15px; top: 1px}
	.pagination.type03 .pageLink.first{background-image: url("../../images/common/p_02.png");}
	.pagination.type03 .pageLink.prevPage{background-image: url("../../images/common/p_01.png");}
	.pagination.type03 .pageLink.nextPage{background-image: url("../../images/common/n_01.png");}
	.pagination.type03 .pageLink.last{background-image: url("../../images/common/n_02.png");}
	.pagination.type03 .pageLink.prevPage:not(.disabled){background-image: url("../../images/common/p_03.png");}
	.pagination.type03 .pageLink.nextPage:not(.disabled){background-image: url("../../images/common/n_03.png");}
	.pagination.type03 .pageLink.first:not(.disabled){background-image: url("../../images/common/p_04.png");}
	.pagination.type03 .pageLink.last:not(.disabled){background-image: url("../../images/common/n_04.png");}

	.pagination.type03 .pageLink:not(.prevPage):not(.nextPage):not(.first):not(.last):not(:hover):not(.active){color: #767676;}
	.pagination.type03 .pageLink:not(.prevPage):not(.nextPage):not(.first):not(.last):not(.active):hover{color: #000;}
	.pagination.type03 .pageLink:not(.prevPage):not(.nextPage)+.pageLink:not(.prevPage):not(.nextPage){margin-left: 15px;}
	.pagination.type03 .pageLink:not(.prevPage):not(.nextPage)+.pageLink.nextPage{margin-left: 30px;}
	.pagination.type03 .pageLink.prevPage:not(.disabled):hover{background-image: url("../../images/common/p_03.png");}
	.pagination.type03 .pageLink.nextPage:not(.disabled):hover{background-image: url("../../images/common/n_03.png");}
	.pagination.type03 .pageLink.first:not(.disabled):hover{background-image: url("../../images/common/p_04.png");}
	.pagination.type03 .pageLink.last:not(.disabled):hover{background-image: url("../../images/common/n_04.png");}
	.pagination.type03 .pageLink.first{margin-right: 15px;}
	.pagination.type03 .pageLink.last{margin-left: 15px;}

	/* SUB PAGE // title item */
	.subTit{color: #000; font-size: 22px; text-align: left;}
	.subTit:before{content:"\f105"; color: #4C4C4C; font-size: 28px; font-weight: 900; vertical-align: -2px; margin-right: 7px;}

	/* common // text item */
	.guide{color: #707376; font-size: 15px;}
	.guide2{color: #616161; font-size: 15px;}
	.guide3{color: #3C3C3C; font-size: 15px;}
	.guide4{color: #3F3F3F; font-size: 13px;}
	.guide4.asterisk{font-size: 14px;}
	.guide, .guide2, .guide3, .guide4, .guide4.asterisk, .board3.type1 dt.desc+dd p[class*="guide"]:not(:only-of-type){line-height: 1.3em;}
	.guide:not(:only-of-type):first-of-type, .guide2:not(:only-of-type):first-of-type, .guide3:not(:only-of-type):first-of-type, .guide4:not(:only-of-type):first-of-type{margin-top: 5px;}
	.guide:not(:only-of-type):last-of-type, .guide2:not(:only-of-type):last-of-type, .guide3:not(:only-of-type):last-of-type, .guide4:not(:only-of-type):last-of-type{margin-bottom: 5px;}
	.sum_box{background: #666; color: #FFF; padding: 2px 5px;}
	.sum_box a{color: #FFF;}
	
	/* common // 작품번호 표기 Ui */
	.prdctNo{line-height: 42px; margin-bottom: 15px;}
	.prdctNo h2.tit, .prdctNo .num{line-height: inherit; display: inline-block; float: left;}
	.prdctNo h2.tit{color: #2F2F2F; font-size: 26px; font-weight: 500;}
	.prdctNo h2.tit:before{content: ""; width: 5px; height: 21px; background: #000; display: inline-block; margin-right: 5px;}
	.prdctNo h2.tit+.num{margin-left: 12px;}
	.prdctNo .num{width: 70px; background: #E9E9E9; color: #D95151; font-size: 24px; font-weight: 700; border-radius: 5px;}

	/* score contents */
	.scroePnl .exmntRslt{font-size: 18px; line-height: 26px; margin-bottom: 10px;}
	.scroePnl .exmntRslt>*{display: inline-block; float: left;}
	.scroePnl .exmntRslt:before{content: "\F105\F105"; color: #9B9B9B; font-size: 20px; letter-spacing: -3px; margin: 0 7px 0 3px; float: left;}
	.scroePnl .exmntRslt .num{color: #D95151; font-weight: 500; display: inline-block; padding: 0 3px;}
	
	/* common // text symbol item */
	.minus, .unit:not(.importantChk):not(.slash):not(.atMark):not(.unit){margin: 0 5px 0;}
	.atMark{margin: 0 6px 0 5px;}
	.barMark:before{content: "-"; margin: 0 7px;}
	.asterisk.doubleUnit:not(.aftr):before{content:"**";}
	.asterisk.doubleUnit.aftr:after{content:"**";}
	.asterisk:not(.aftr):before{content:"*"; color: #F32626; vertical-align: -3px; margin-right: 5px;}
	.asterisk.aftr:after{content:"*"; color: #F32626; vertical-align: -3px; margin-right: 5px;}
	.asterisk.black:before{color: #3F3F3F;}
	.asterisk+p:not(.asterisk){margin-left: 12px;}
	.handMark:before{content: "\261E"; margin-right: 3px;}
	.referMark:before{content: "\203B"; margin-right: 5px;}
	.referMark+p{margin-left: 20px;}
	.circleMark:before{content: "\25CB"; margin-right: 5px;}
	.importantChk{color: #F32626;}
	.importantChk2{color: #EE5C50;}
	.importantChk3{color: #FF1300;}
	.importantChk4{color: #D74545;}
	.importantChk.blue{color: blue;}
	.importantChk.unit, .asterisk.unit{vertical-align: -3px;}
	.slash.unit{margin: 0 3px 0;}
	.pinNum.txt{text-align: center;}
	.pinNum.txt.type1{width: 30px; background: #EEE; color: #666; border: 1px solid #E2E2E2;}
	.pinNum.txt.type2{width: 29px; height: 29px; background: #6C6F73; color: #FFF; line-height: 26px; border: 1px solid #6C6F73;}
	.pinNum+.pinNum{margin-left: 10px;}
	.pinNum+.pinNum+.unit{margin: 0 10px;}
	.pinNum.txt.type1+.unit{line-height: 28px;}
	.pinNum.txt.type2+.unit{line-height: 26px;}
	.bracketTit:before{content: "<"; margin-right: 5px;}
	.bracketTit:after{content: ">"; margin-left: 5px;}
	
	/* common // text item whiteSpace by Layout */
	table ~ .guide{margin-top: 5px;}

	/* common // default result message text */
	.rsltMsg{color: #252525; text-align: center;}

	/* common // empty result message text */
	.emptyMsg{width: 100%; color: #676767; font-size: 15px; font-weight: 300; text-align: center;}
	.emptyMsgTile{color: #5E5E5E; font-weight: 400; text-align: center; line-height: 40px; border: 1px solid #EDEDED; padding: 35px 0 35px; margin: 55px auto;}
	.emptyMsgTile:before{content: "\F071"; font-size: 25px; color: rgba(228,81,81,.6); display: block;}
	.listView .emptyMsg{border-bottom: 1px solid #616366;}
	.board1.mini+.emptyMsg{height: 55px; line-height: 55px;}
	.board1.type1+.emptyMsg, .board1.type2+.emptyMsg, .board1.type4+.emptyMsg{height: 75px; line-height: 75px; border-bottom: 1px solid #ADB8C0;}
	.board1.type3+.emptyMsg{height: 55px; line-height: 55px;}
	table.tbl_attach_file .emptyMsg{height: 60px; line-height: 60px;}
	
	/* common // tooltip */
	[data-tooltip-text]:hover{position: relative;}
	[data-tooltip-text]:hover:before{content: attr(data-tooltip-text); width: auto; background: rgba(0,0,0,.7); color: #FFF; word-wrap: break-word; white-space: pre-wrap; border-radius: 5px; padding: 7px 12px; position: absolute; z-index: 9999; opacity: 1;}
	[data-tooltip-text]:before{opacity: 0;}
	[data-tooltip-position="top"]:before{top: -100%; transform: translate(0,-50%);}
	[data-tooltip-position="left"]:before{margin-right: 7px; top: 50%; right: 100%; transform: translate(0,-50%);}
	[data-tooltip-position="right"]:before{margin-left: 7px; top: 50%; left: 100%; transform: translate(0,-50%);}
	[data-tooltip-position="bottom"]:before{top: 50%; transform: translate(0,50%);}
	
	/* common // user account Area */
	.accntPnl .insrtArea [class*="guide"]{font-size: 15px; margin-bottom: 20px;}
	.accntPnl .guideArea{text-align: left; margin: 15px 0 20px;}
	.accntPnl .mailAgree{background: #F7F7F7; text-align: left;}
	.accntPnl .mailAgree>h5{background: #FFF; font-weight: 500; padding-bottom: 7px;}
	.accntPnl .mailAgree>.radioBox{line-height: 60px;}
	.accntPnl .mailAgree>.radioBox.black input[type="radio"]+label{font-size: 18px;}
	.accntPnl .mailAgree>.radioBox.black input[type="radio"]+label:before{top: 19px;}
	.accntPnl .mailAgree>.radioBox.black input[type="radio"]:checked+label:after{top: 24px;}
	.accntPnl .supptPnl{margin-top: 52px; margin-bottom: 20px;}
	.accntPnl .supptPnl .suppt{color: #373737; font-weight: 300; letter-spacing: -1.3px;}
	.accntPnl .supptPnl .suppt:not(:first-of-type):before{content: ""; width: 1px; height: 14px; background: #D95151; display: inline-block; margin: 1px 15px 0;}
	.accntPnl .checkBox input[type="checkbox"]+label:before{top: 3px; left: -20px;}
	 
	/* common // contactUs & infoPop(plzInfo) */
	.contactUs, .plzInfo{background: #F9F9F9; border: 1px solid #E2E2E2;}
	.contactUs{padding: 31px 23px;}
	.plzInfo~.board3.type1.ko dt.lg, .plzInfo~.board3.type1.en dt.lg{padding: 0;}
	.plzInfo~.board3.type1.en dt.lg+dd:not(:nth-of-type(-n+1)){margin-top: 10px;}
	.plzInfo~.board3.type1.en dt.lg.crrtPw{line-height: normal;}
    .plzInfo~.board3.type1.en dt.lg.newPw{line-height: 44px;}
    .plzInfo~.board3.type1.en dt.lg.cfrmNwPw{line-height: normal;}
	.rectangle:not(.button), .rectangle:not(.button)~dd{letter-spacing: -.5px; display: inline-block; float: left;}
	.rectangle:not(.button)~dd{padding: 6px 0;}
	.rectangle:not(.button){background: #FFF; color: #D95151; border: 1px solid #D95151; clear: left; padding: 5px 12px;}
	.rectangle:not(.button)+dd{color: #000; padding-left: 12px;}
	.rectangle:not(.button)+dd+dd{color: #737373; padding-left: 5px;}
	.rectangle:not(.button)~.rectangle:not(.button), .rectangle:not(.button)~.rectangle:not(.button)~dd{margin-top: 13px;}

	/* top UI */
	#back-top{font-size: 40px; position: fixed; right: 15px; bottom: 15px; opacity: .6; cursor: pointer; z-index:999999;}
	#back-top:hover{opacity:1.1}

	/* 폼 UI // common set */
	input[readonly]:not(.fileNm), input[disabled]:not(.fileNm),
	.textBox.readonly, .textBox.disable,
	.selectBox.readonly:not(.tag), .selectBox.disable:not(.tag),
	.selectBox.readonly:not(.tag) select[readonly], .selectBox.disable:not(.tag) select[disabled]{background: #E4E4E4!important; color: #616161!important; border: 1px solid #CACECE!important;}
	.textBox.readonly > label, .textBox.disable > label, .selectBox.readonly:not(.tag) > label, .selectBox.disable:not(.tag) > label{color: #616161!important;}
	.textBox.trans input[type="text"]:focus-within+label, .textBox.trans input[type="password"]:focus-within+label,
	.textBox input[type="text"]:focus-within, .textBox input[type="password"]:focus-within, .selectBox select:focus-within+label{border: 2px solid #000 !important; border-radius: 3px;}
	.textBox.focus-within{border: 2px solid #000 !important; border-radius: 3px;}
	.focus{border: 2px solid #3AB2E6 !important;}
	.focus label{margin: -1px;}
	.focus.selectBox:before{right: 14px;}

	/* 폼 UI // textBox, textAreaBox *** default */
	.textBox, .textareaBox{position: relative;}
	.textBox label, .textareaBox label{color: #313131;font-weight: 300; cursor: text; position: absolute; top: 1px; left: 1px;}
	.textBox input[type="text"], .textBox input[type="password"], .textareaBox textarea{
		width: 100%; height: 100%;
		font-family: inherit;
		border: 1px solid #999;
		border-radius: 0;
		outline-style: none;
		-webkit-appearance: none; -moz-appearance: none; appearance: none;
	}
	.textBox label, .textBox input[type="text"], .textBox input[type="password"],
	.textareaBox label, .textareaBox textarea{line-height: normal; padding: .35em .9em .55em;}
	.textBox.disable input[type="text"]{background: #FAFAFA; border: 1px solid #EBEBEB;}
	.textBox.disable label, .textareaBox.disable label{color: #848484; font-weight: 300; cursor: text;}
	.textareaBox.infoMarker>.txtLimit{font-size: 12px; font-weight: 300; position: absolute; bottom: 12px; z-index: 1;}
	.textareaBox.infoMarker textarea.isScroll+.txtLimit{right: 27px;}
	.textareaBox textarea:not(.isScroll)+.txtLimit{right: 10px;}

	/* 폼 UI // textBox, textAreaBox *** transparent design */
	.textBox.trans+.textBox.trans{margin-top: 30px;}
	.textBox.trans label{color: #666666;}
	.textBox.trans label, .textBox.trans input[type="text"], .textBox.trans input[type="password"]{background: transparent; font-size: 15px; letter-spacing: -.4px; line-height: normal; padding: .8em .9em;}
	.textBox.trans input[type="text"], .textBox.trans input[type="password"]{color: #606060; border: 0 solid #EEE; border-bottom-width: 1px;}
	.viewPnl .textBox.trans input[type="text"], .viewPnl .textBox.trans input[type="password"]{border-color: #DFDFDF;}
	.miniPop .textBox.trans label, .miniPop .textBox.trans input[type="text"], .miniPop .textBox.trans input[type="password"]{font-size: 13px;}
	.dtlInfo>dl .textBox.trans label{padding-left: 0;}
	.dtlInfo>dl .textBox.trans input[type="text"]{padding: 3px;}
	.textareaBox .descContent{font-size: 15px;}

	/* 폼 UI // selectBox */
	.selectBox{background: #FFF; position: relative; border: 1px solid #ABAFB8; z-index: 1;}
	.selectBox label{position: absolute; top: 1px; left: 5px; z-index: -1;}
	.selectBox select{width: 100%; height: 100%; font-family: inherit; /*border: 0; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;*/}/* 2021-08-11 접근성 */
	.selectBox label, .selectBox select{color: #3C3C3C; line-height: normal;}
	.selectBox label{padding: .35em .5em .35em;}
	.selectBox select{padding: .25em .9em .35em;}
	.selectBox option{color: #000;}

	/* 폼 UI // file upload */
	.fileBox{text-align: left;}
	.fileBox label{box-sizing: border-box;}
	.fileBox+.fileBox{margin-top: 5px;}
	.fileBox input[type="file"]{width: 0; height: 0; border: none; overflow: hidden; margin: -1px; padding: 0;}
	.fileBox input[type="file"]+label{font-family: inherit; vertical-align: middle; border-radius: 3px; display: inline-block; cursor: pointer;}
	.fileBox .fName{
		background: #FAFAFA;
		color: #848484;
		font-family: inherit; font-size: inherit;
		line-height: normal;
		vertical-align: middle;
		border: 1px solid #E1E1E1;
		-webkit-appearance: none; -moz-appearance: none; appearance: none;
		display: inline-block;
		padding: 4px 10px;
	}
	.board3.type1 .fileBox{border-bottom: 1px solid #EEE;}
	.board3.type1 .fileBox .fileNm{width: calc(100% - 100px); background: transparent; color: #999; border: 0;}
	.board3.type1 .fileBox label.button{margin-top: 7px;}
	.fileList{counter-reset: fileSeq 0;}
	.fileList .item>a{width: calc(100% - 75px); color: #848484;}
	.fileList .item:before{content: counter(fileSeq); counter-increment: fileSeq 1; width: 25px; height: 25px; background: #8A8A8A; color: #FFF; text-align: center; border-radius: 2px; line-height: 24px; display: inline-block; margin-right: 13px;}
	.board3.type1 .memberTr .del{vertical-align: 0px;}
	.board3.type1 .memberTr .memberNm{vertical-align: middle;}
	.board3.type1 .fileList .item>a, .board3.type1 .fileList .item:before{vertical-align: middle;}
	.board3.type1 .fileList .item>.del{margin-left: 12px;}
	
	.fileList .item.arc>a{width: calc(100% - 85px); border-bottom: 1px solid #8a8a8a;}

	/* 폼 UI // radioBox common */
	#containerWrap .radioBox input[type="radio"]+label:before, .modal-content:not(.type3) input[type="radio"]+label:before{top: -1px; left: 0;}
	#containerWrap .radioBox input[type="radio"]:checked+label:after, .modal-content:not(.type3) .radioBox input[type="radio"]:checked+label:after{top: 4px; left: 5px;}
	#sub_content .radioBox input[type="radio"]+label:before, .modal-content.type3 input[type="radio"]+label:before{top: -1px; left: -1px;}
	#sub_content .radioBox input[type="radio"]:checked+label:after, .modal-content.type3 input[type="radio"]:checked+label:after{top: 3px; left: 3px;}

	/* 폼 UI // checkBox common */
	#sub_content .checkBox input[type="checkbox"]+label,
	.modal-content.type3 .checkBox input[type="checkbox"]+label,
	.modal-content.type4 .checkBox input[type="checkbox"]+label,
	.modal-content.type6 .checkBox input[type="checkbox"]+label{padding-left: 24px;}
	#sub_content .checkBox input[type="checkbox"]+label:before{top: .1em; left: .5em;}
	.modal-content.type3 .checkBox input[type="checkbox"]+label, .modal-content.type4 .checkBox input[type="checkbox"]+label{color: #858585;}
	.modal-content.type3 .checkBox input[type="checkbox"]+label:before, .modal-content.type4 .checkBox input[type="checkbox"]+label:before{top: .9em; left: .5em;}
	.modal-content.type3 .miniPop .checkBox input[type="checkbox"]+label:before,
	.modal-content.type4 .miniPop .checkBox input[type="checkbox"]+label:before,
	.modal-content.type6 .miniPop .checkBox input[type="checkbox"]+label:before,
	.modal-content.type3 .miniPop.ko .checkBox input[type="checkbox"]+label:before,
	.modal-content.type4 .miniPop.ko .checkBox input[type="checkbox"]+label:before,
	.modal-content.type6 .miniPop.ko .checkBox input[type="checkbox"]+label:before{top: .9em; left: .5em;}
	.modal-content.type3 .miniPop.en .checkBox input[type="checkbox"]+label:before,
	.modal-content.type4 .miniPop.en .checkBox input[type="checkbox"]+label:before,
	.modal-content.type6 .miniPop.en .checkBox input[type="checkbox"]+label:before{top: .9em; left: .2em;}
	.modal-content.type3 .supptPnl .checkBox input[type="checkbox"]+label:before{top: .1em; left: .5em;}
	.modal-content.type4 .miniPop .checkBox input[type="checkbox"]+label,
	.modal-content.type4 .miniPop.ko .checkBox input[type="checkbox"]+label{padding-left: 25px;}
	.modal-content.type4 .miniPop.en .checkBox input[type="checkbox"]+label{padding-left: 22px;}
	.miniPop .checkBox+.checkBox{margin-left: 7px;}

	/* 폼 UI // checkBox - redorange Type */
	.checkBox{position: relative;}
	.checkBox input[type="checkbox"]{width: 1px; height: 1px; clip: rect(0,0,0,0); border: 0; overflow: hidden; position: absolute; padding: 0; margin: -1px;}
	.checkBox input[type="checkbox"]+label{cursor: pointer; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; position: relative; display: inline-block;}
	.checkBox input[type="checkbox"]+label:before{
		content: "";
		width: 15px;
		height: 15px;
		background: #FFF;
		text-align: center;
		line-height: 15px;			/* 세로정렬을 위해 height값과 일치 */
		border: 1px solid #cacece;
		border-radius : 3px;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		position: absolute;
	}
	#cpttMstFiles .checkBox input[type="checkbox"]+label:before{
		top: -12px;
	}
	.checkBox input[type="checkBox"]+label:active:before,
	.checkBox input[type="checkBox"]:checked+label:active:before{box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
	.checkBox input[type="checkbox"]:checked+label:before{
		content: "\F1AE";			/* 체크표시 axicon 사용 */
		font-family: "axicon";
		color: #D95151;
		background: #FFF;
		text-shadow: 1px 1px #fff;
		border-color: #adb8c0;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	}
	.modal-content.type6 .checkBox input[type="checkbox"]+label:before{
		width: 18px;
		height: 18px;
		margin-left: -26px;
	}

	
	/* 폼 UI // radioBox - black Type */
	.radioBox.black{line-height: normal;}
	.radioBox.black{position: relative;}
	.radioBox.black input[type="radio"]{width: 1px; height: 1px; clip: rect(0,0,0,0); border: 0; overflow: hidden; position: absolute; margin: -1px; padding: 0;}
	.radioBox.black input[type="radio"]+label{
		color: #555;
/* 		user-select: none; */
/* 		-ms-user-select: none; */
/* 		-moz-user-select: none; */
/* 		-webkit-user-select: none; */
		cursor: pointer;
		position: relative;
		display: inline-block;
		padding-left: 30px;
	}
	.radioBox.black input[type="radio"]+label:before{
		content: " ";
		width: 21px;
		height: 21px;
		background: #fafafa;
		text-align: center;
		border: 1px solid #CACECE;
		border-radius: 100%;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		position: absolute;
	}
	.radioBox.black input[type="radio"]+label:active:before,
	.radioBox.black input[type="radio"]:checked+label:active:before{box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
	.radioBox.black input[type="radio"]:checked+label:before{background: #E9ECEE; border-color: #ADB8C0;}
	.radioBox.black input[type="radio"]:checked+label:after{
		content: " ";
		width: 13px;
		height: 13px;
		background: #3A3A3A;
		border-radius: 100%;
		box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
		position: absolute;
	}

	/* 폼 UI // radioBox - redorange Type */
	.radioBox.redOrge{line-height: normal;}
	.radioBox.redOrge{position: relative;}
	.radioBox.redOrge input[type="radio"]{width: 1px; height: 1px; clip: rect(0,0,0,0); border: 0; overflow: hidden; position: absolute; margin: -1px; padding: 0;}
	.radioBox.redOrge input[type="radio"]+label{
		color: #555;
		user-select: none;
		-ms-user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		cursor: pointer;
		position: relative;
		display: inline-block;
		padding-left: 30px;
	}
	.radioBox.redOrge input[type="radio"]+label:before{
		content: " ";
		width: 21px;
		height: 21px;
		background: #fafafa;
		text-align: center;
		border: 1px solid #CACECE;
		border-radius: 100%;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		position: absolute;
	}
	.radioBox.redOrge input[type="radio"]+label:active:before,
	.radioBox.redOrge input[type="radio"]:checked+label:active:before{box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
	.radioBox.redOrge input[type="radio"]:checked+label:before{background: #E9ECEE; border-color: #ADB8C0;}
	.radioBox.redOrge input[type="radio"]:checked+label:after{
		content: " ";
		width: 13px;
		height: 13px;
		background: #F97947;
		border-radius: 100%;
		box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
		position: absolute;
	}
	.radioBox.redOrge input[type="radio"]:focus-within+label{border: 2px solid #000; border-radius: 3px;}
	.radioBox.redOrge.focus-within input[type="radio"]:focus-within+label{border: 2px solid #000; border-radius: 3px;}
	
	/* 폼 UI // radioBox - skyblue Type */
	.radioBox.skBlue{line-height: normal;}
	.radioBox.skBlue{position: relative;}
	.radioBox.skBlue input[type="radio"]{width: 1px; height: 1px; clip: rect(0,0,0,0); border: 0; overflow: hidden; position: absolute; margin: -1px; padding: 0;}
	.radioBox.skBlue input[type="radio"]+label{
		color: #555;
		user-select: none;
		-ms-user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		cursor: pointer;
		position: relative;
		display: inline-block;
		padding-left: 30px;
	}
	.radioBox.skBlue input[type="radio"]+label:before{
		content: " ";
		width: 21px;
		height: 21px;
		background: #FAFAFA;
		text-align: center;
		border: 1px solid #cacece;
		border-radius: 100%;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		position: absolute;
	}
	.radioBox.skBlue input[type="radio"]+label:active:before,
	.radioBox.skBlue input[type="radio"]:checked+label:active:before{box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
	.radioBox.skBlue input[type="radio"]:checked+label:before{background: #E9ECEE; border-color: #ADB8C0;}
	.radioBox.skBlue input[type="radio"]:checked+label:after{
		content: " ";
		width: 13px;
		height: 13px;
		background: #2DBFFF;
		border-radius: 100%;
		box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
		position: absolute;
	}
	.radioBox.skBlue input[type="radio"]:focus-within+label{border: 1px solid #000; border-radius: 3px;}
	.radioBox.skBlue.focus-within input[type="radio"]:focus-within+label{border: 1px solid #000; border-radius: 3px;}

	/* 폼 UI // radioBox accessibility support */
	.radioBox input[type="radio"]:focus-within+label{border: 2px solid #000; border-radius: 3px;}
	.radioBox.focus-within input[type="radio"]+label{border: 2px solid #000; border-radius: 3px;}

	/* 폼 UI // numberBox 공통 */
	.numberBox{position: relative;}
	.numberBox input[type="number"]::-webkit-inner-spin-button, .numberBox input[type="number"]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}
	.numberBox input[type="number"]{color: #3A3D40; text-align: left; border: 1px solid #D5D5D5; line-height: 1.65; padding-left: 7px; padding-right: 20px; -moz-appearance: textfield;}
	.numberBox input[type="number"]:focus{outline: 0;}
	.cntNav{height: 100%; position: absolute; top: 0; right: 1px;}
	.cntbtn{
		width: 100%; text-align: center; line-height: 15px; border-left: 1px solid #D5D5D5;
		-webkit-transform: translateX(-100%); transform: translateX(-100%);
		-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
		position: absolute; cursor: pointer;
	}
	.cntbtn.numUp{top: 0;}
	.cntbtn.numUp:before{content: "\F0D8";}
	.cntbtn.numDown{bottom: 0;}
	.cntbtn.numDown:before{content: "\F0D7";}
	
	/* 폼 UI // numberBox 기본 design */
	.numberBox input[type="number"]{width: 80px; height: 37px; background: #F5F5F5;}
	.cntNav{width: 20px; height: calc(100% - 2px); background: #FFF; border-right: 1px solid #FFF; top: 1px; right: 2px;}
	.cntbtn{width: 100%; height: calc(50% - .5px); background: #5F6467; color: #FFF; font-size: 13px; border-top: 1px solid #8F9395; border-left-color: #8F9395; right: -20px;}
	
	/* BUTTON // Default UI Design */
	.button{text-align: center; vertical-align: top; border-radius: 3px;}
	.button:not([class*="round"]):not(.fa-search):not(.mini2){min-width: 65px;}
	.button.shd{box-shadow: 2px 2px 10px rgba(0,0,0,.2);}
	label.button{display: inline-block;}

	/* BUTTON // size */
	.button.wide{width: 250px; height: 85px; font-size: 22px; line-height: 84px; padding: 0 30px;}
	.button.big{width: auto; height: 48px; font-size: 20px; font-weight: 300; line-height: 46px; padding: 0 30px;}
	.button.big2{width: auto; min-width: 70px; height: 56px; font-size: 18px; font-weight: 300; line-height: 54px; letter-spacing: -.6px; border-radius: 7px; padding: 0 18px;}
	.button.medium{width: auto; height: 38px; font-size: 18px; font-weight: 300; line-height: 36px; padding: 0 20px;}
	.button.mini{width: auto; height: 34px; font-size: 15px; font-weight: 300; line-height: 32px; padding: 0 15px;}
	.button.mini2{width: auto; height: 30px; font-size: 15px; font-weight: 400; line-height: 28px; padding: 0 17px;}
	.button.mini3{width: auto; height: auto; font-size: 15px; font-weight: 400; line-height: inherit; padding: 0 7px;}
	.button.rectangle{width: auto; min-width: 133px; height: 45px; font-size: 16px; font-weight: 400; line-height: 42px; border-radius: 0; padding: 0 20px;}
	:not(.addItem)>.button.mini2{min-width: 88px;}
	.modal-footer .button.save{width: 119px;}
	.modal-footer .button:not([class*="round"]):not(.fa-search):not(.mini2){min-width: 120px;}

	/* BUTTON // shape, icon */
	.button.capsule{min-width: 92px; border-radius: 100px; padding: 0 25px;}
	.button.capsule2{min-width: 92px; font-weight: 400; line-height: 38px; border-radius: 100px; padding: 0 25px;}
	.button.capsule2.add{text-align: right; padding: 0 20px;}
	.button.icoAdd{background-image: url("../../images/common/iconSpr.png"); background-repeat: no-repeat; background-position: 13px -176px;}

	/* BUTTON // color (bootstrap_modalCustom.css에 flat클래스에서 사용한 컬러정보와 동일합니다.) */
	.button.black{background-color: #161616; color: #FFF; border: 1px solid #161616;}
	.button.black:hover{background-color: #161616; color: #FFF; border: 1px solid #161616;}
	.button.black:active{background-color: #161616; color: #FFF; border: 1px solid #161616;}
	.button.black2{background-color: #000; color: #FFF; border: 1px solid #000;}
	.button.black2:hover{background-color: #000; color: #FFF; border: 1px solid #000;}
	.button.black2:active{background-color: #000; color: #FFF; border: 1px solid #000;}
	.button.blueGraphite{background-color: #373B43; color: #FFF; border: 1px solid #373B43;}
	.button.blueGraphite:hover{background-color: #373B43; color: #FFF; border: 1px solid #373B43;}
	.button.blueGraphite:active{background-color: #373B43; color: #FFF; border: 1px solid #373B43;}
	.button.graphite{background-color: #3A3D40; color: #FFF; border: 1px solid #3A3D40;}
	.button.graphite:hover{background-color: #3A3D40; color: #FFF; border: 1px solid #3A3D40;}
	.button.graphite:active{background-color: #3A3D40; color: #FFF; border: 1px solid #3A3D40;}
	.button.graphite.line{background-color: #FFF; color: #3A3D40; border: 1px solid #3A3D40;}
	.button.graphite.line:hover{background-color: #FFF; color: #3A3D40; border: 1px solid #3A3D40;}
	.button.graphite.line:active{background-color: #FFF; color: #3A3D40; border: 1px solid #3A3D40;}
	.button.darkGray{background-color: #4F5156; color: #FFF; border: 1px solid #4F5156;}
	.button.darkGray:hover{background-color: #5E6065; color: #FFF; border: 1px solid #5E6065;}
	.button.darkGray:active{background-color: #3F3F42; color: #FFF; border: 1px solid #3F3F42;}
	.button.gray{background-color: #6D6E70; color: #FFF; border: 1px solid #6D6E70;}
	.button.gray:hover{background-color: #7F7F7F; color: #FFF; border: 1px solid #7F7F7F;}
	.button.gray:active{background-color: #606060; color: #FFF; border: 1px solid #606060;}
	.button.gray2{background-color: #777E86; color: #FFF; border: 1px solid #777E86;}
	.button.gray2:hover{background-color: #7F7F7F; color: #FFF; border: 1px solid #7F7F7F;}
	.button.gray2:active{background-color: #606060; color: #FFF; border: 1px solid #606060;}
	.button.disabled.gray{background-color: #6D6E70; color: #FFF; border: 1px solid #6D6E70;cursor:default;}
	.button.disabled.gray:hover{background-color: #6D6E70; color: #FFF; border: 1px solid #6D6E70;cursor:default;}
	.button.disabled.gray:active{background-color: #6D6E70; color: #FFF; border: 1px solid #6D6E70;cursor:default;}
/*	.button.semiLightGray{}
	.button.semiLightGray:hover{}
	.button.semiLightGray:active{}*/
	.button.lightGray{background-color: #B4B6B8; color: #FFF; border: 1px solid #B4B6B8;}
	.button.lightGray:hover{background-color: #B4B6B8; color: #FFF; border: 1px solid #B4B6B8;}
	.button.lightGray:active{background-color: #B4B6B8; color: #FFF; border: 1px solid #B4B6B8;}
	.button.semiWhiteGray3{background-color: #DCD9D9; color: #666; border: 1px solid #B4AEAE;}
	.button.semiWhiteGray3:hover{background-color: #D1CFCF; color: #666; border: 1px solid #B4AEAE;}
	.button.semiWhiteGray3:active{background-color: #E5E3E3; color: #666; border: 1px solid #B4AEAE;}
	.button.semiWhiteGray2{background-color: #EDEDED; color: #666; border: 1px solid #D5D5D5;}
	.button.semiWhiteGray2:hover{background-color: #F3F3F3; color: #666; border: 1px solid #D5D5D5;}
	.button.semiWhiteGray2:active{background: #E6E6E6; color: #666; border: 1px solid #D5D5D5;}
	.button.semiWhiteGray{background-color: #E7E7E7; color: #353535; border: 1px solid #D5D5D5;}
	.button.semiWhiteGray:hover{background-color: #E7E7E7; color: #353535; border: 1px solid #D5D5D5;}
	.button.semiWhiteGray:active{background-color: #E7E7E7; color: #353535; border: 1px solid #D5D5D5;}
	.button.whiteGray{background-color: #F7F7F7; color: #000; border: 1px solid #99A0A2;}
	.button.whiteGray:hover{background-color: #F7F7F7; color: #000; border: 1px solid #99A0A2;}
	.button.whiteGray:active{background-color: #F7F7F7; color: #000; border: 1px solid #99A0A2;}
	.button.white{background-color: #FFF; color: #5E5E5E; border: 1px solid #373B43;}
	.button.white:hover{background-color: #EDEDED; color: #5E5E5E; border: 1px solid #373B43;}
	.button.white:active{background-color: #F7F7F7; color: #5E5E5E; border: 1px solid #373B43;}
	.button.white2{background-color: #FFF; color: #434343; border: 1px solid #868686;}
	.button.white2:hover{background-color: #EDEDED; color: #434343; border: 1px solid #868686;}
	.button.white2:active{background-color: #F7F7F7; color: #434343; border: 1px solid #868686;}
	.button.whiteShd{background-color: #FFF; color: #3A3A3A; border: 1px solid #DBDBDB; box-shadow: 0px 0px 8px rgba(0,0,0,.1)}
	.button.whiteShd:hover{background-color: #EDEDED; color: #3A3A3A; border: 1px solid #D5D5D5;}
	.button.whiteShd:active{background-color: #F7F7F7; color: #3A3A3A; border: 1px solid #DBDBDB;}
	.button.redOrge{background-color: #D95151; color: #FFF; border: 1px solid #D95151;}
	.button.redOrge:hover{background-color: #EF5858; color: #FFF; border: 1px solid #EF5858;}
	.button.redOrge:active{background-color: #DC4747; color: #FFF; border: 1px solid #DC4747;}
	.button.redOrge.line{background-color: #FFF; color: #D95151; border: 1px solid #D95151;}
	.button.redOrge.line:hover{background-color: #FFF; color: #EF5858; border: 1px solid #EF5858;}
	.button.redOrge.line:active{background-color: #FFF; color: #DC4747; border: 1px solid #DC4747;}
	.button.redOrge.line2{background-color: #FFF; color: #000; border: 1px solid #D95151;}
	.button.redOrge.line2:hover{background-color: #FFF; color: #000; border: 1px solid #D95151;}
	.button.redOrge.line2:active{background-color: #FFF; color: #000; border: 1px solid #D95151;}
	.button.sysGray.type1{height: 28px; background: #7D7E80 url("../../images/common/btnGra1.png") repeat-x 0 0; color: #FFF; font-size: 13px; font-weight: 300; line-height: 26px; border-radius: 3px; padding: 0 28px;}
	.button.sysGray.type2{height: 33px; background: #EEE url("../../images/common/btnGra2.png") repeat-x 0 0; color: #000; font-size: 15px; font-weight: 300; line-height: 32px; border: 1px solid #ADADAD; border-radius: 3px; padding: 0 20px;}

	/* BUTTON // Accessibility */
	.button.blueGraphite:focus-within, .button.graphite:focus-within, .button.black2:focus-within{border: 3px solid #E45150;}
	.button.blueGraphite.focus-within, .button graphite.focus-within, .button.black2.focus-within{border: 3px solid #E45150;}

	/* BUTTON // by purpose */
	.button.listBack{
		background-image: url("../../images/common/iconSpr.png"); background-repeat: no-repeat; background-position: top -213px left 82px;
		font-weight: 400; letter-spacing: 1.4px; padding-left: 69px;
	}
	.pluginSkinLight ._2vmz:focus-within, .pluginSkinLight ._89n_:focus-within{border: 2px solid #000;}
	.i_right.focus-within{border: 2px solid #000;}
	.refresh{color: #373B43;}
	.refresh:before{content: ""; background: #FFF url(../../images/_new/iconSpr.png) no-repeat; border-radius: 100%; position: absolute; left: -8px;}
	.button.download{height: 40px; background-image: url("../../images/_new/iconSpr.png"); background-repeat: no-repeat; background-position: top -307px right 10px; font-size: 16px; letter-spacing: -.4px; line-height: 38px; padding-left: 24px; padding-right: 54px;}

	/* BUTTON // by purpose :: common */
	.button.more .listCnt,
	.button.more .listCnt #currentCnt,
	.button.more .listCnt #ot_currentCnt{background: inherit;}
	.button.more .listCnt{width: auto; font-size: 13px; font-weight: 300; letter-spacing: -1px; padding: 0;}
	.button.more .listCnt .currentCnt, .button.more .listCnt #ot_currentCnt{padding-left: 3px;}
	.button.more .listCnt .currentCnt+.totalCnt, .button.more .listCnt #ot_currentCnt+#ot_totalCnt{padding-right: 3px;}
	.button.more .listCnt .currentCnt+.totalCnt:before, .button.more .listCnt #ot_currentCnt+#ot_totalCnt:before{margin: 0 .25em;}
	
	/* BUTTON // by purpose :: 더보기 (큰거) */
	.button.more.type1{font-family: "NanumSquare", sans-serif; background: #000; color: #FFF; text-align: left; position: relative; padding-right: 0;}
	.button.more.type1:before{content: "More"; height: 100%; background-color: #FFF; background-image: url("../../images/_new/more.png"); background-repeat: no-repeat; color: #232628; font-weight: 700; border: 1px solid #000; display: inline-block; left: 0; position: absolute;}
	.button.more.type1 .a11y.bldVoice{position: fixed;}
	.button.more.type1 .listCnt{width: 100%; height: 100%; font-weight: 900; text-align: center; vertical-align: middle; display: inline-block; margin-left: 5px; padding: 0 10px;}
	.button.more.type1 .listCnt .currentCnt, .button.more.type1 .listCnt #ot_currentCnt,
	.button.more.type1 .listCnt .totalCnt, .button.more.type1 .listCnt #ot_totalCnt{display: inline-block; float: right;}
	.button.more.type1 .listCnt .currentCnt, .button.more.type1 .listCnt #ot_currentCnt{color: #FF6000;}
	.button.more.type1 .listCnt .totalCnt:before, .button.more.type1 .listCnt #ot_totalCnt:before{content: "/"; margin: 0 .15em;}
	.button.more.type1 .listCnt.bracket:before, .button.more.type1 .listCnt.bracket:after{vertical-align: top;}
	.button.more.type1 .listCnt.bracket:before{content: "\2768";}
	.button.more.type1 .listCnt.bracket:after{content: "\2769"; margin-left: .2em;}

	/* BUTTON // by purpose :: 더보기 (작은거) */
	.button.more.type2{width: 100%; height: 45px; font-size: 16px; font-weight: 400; line-height: 42px; border-radius: 0; padding: 0 20px;}
	.button.more.type2:before{content: "More"; font-weight: 700;}
	.button.more.type2 .a11y.bldVoice{position: fixed;}
	.button.more.type2 .listCnt{height: 25px; text-align: center; line-height: 24px; vertical-align: middle; display: inline-block; margin-left: 5px;}
	.button.more.type2 .listCnt #currentCnt, .button.more.type2 .listCnt #ot_currentCnt,
	.button.more.type2 .listCnt #totalCnt, .button.more.type2 .listCnt #ot_totalCnt{display: inline-block; float: right;}
	.button.more.type2 .listCnt #currentCnt, .button.more.type2 .listCnt #ot_currentCnt{color: #FF7070; font-weight: 400;}
	.button.more.type2 .listCnt #totalCnt:before, .button.more.type2 .listCnt #ot_totalCnt:before{content: "/"; margin: 0 .15em;}
	.button.more.type2 .listCnt.bracket:before, .button.more.type2 .listCnt.bracket:after{vertical-align: top;}
	.button.more.type2 .listCnt.bracket:before{content: "\2768";}
	.button.more.type2 .listCnt.bracket:after{content: "\2769"; margin-left: .2em;}

	/* Tabs UI // Select Category Tabs type1 :: Tooltip shape */
	.sltCtgry.type1{margin-bottom: 55px;}
	.sltCtgry.type1>ul{width: 100%; table-layout: fixed; display: table;}
	.sltCtgry.type1 .item{font-family: "NanumSquare", sans-serif; height: 74px; font-size: 24px; font-weight: 700; line-height: 74px; display: table-cell; margin-left: 40px;}
	.sltCtgry.type1 .item:not(:first-of-type){padding-left: 20px;}
	.sltCtgry.type1 .item:not(:last-of-type){padding-right: 20px;}
	.sltCtgry.type1 .item>.innerLink{position: relative;}
	.sltCtgry.type1 .item>.innerLink:not(.active){background: #E5E6E8; color: #373B43;}
	.sltCtgry.type1 .item>.innerLink.active{background: #EE5250; color: #FFF;}
	.sltCtgry.type1 .item>.innerLink.active:before{content: ""; width: 0; height: 0; border: 11px solid transparent; border-top: 11px solid #EE5250; position: absolute; left: 50%; bottom: -22px;}

	/* Tabs UI // Select Category Tabs type2 :: Black line shape */
	.sltCtgry.type2{}
	.sltCtgry.type2>ul .item:not(.active){background: #F3F4F6; border: 1px solid #DBDBDB;}
	.sltCtgry.type2>ul .item.active{background: #FFF; color: #1B1B1B; border: 2px solid #000;}
	.sltCtgry.type2>ul .item.active .innerLink{position: relative; z-index: 1;}
	.sltCtgry.type2>ul .item .innerLink:not(.active){padding-top: 1px; padding-bottom: 1px;}
	.sltCtgry.type2>ul .item .innerLink{width: calc(100% + 1px); height: 70px; font-size: 20px; text-align: center; line-height: 70px;}
	.sltCtgry.type2>ul .item .innerLink .ctgryNm, .sltCtgry>ul .item .innerLink .cnt{display: inline-block;}

	/* Tile Ui // image thumbnail */
	.thumbWrap{overflow: hidden;}
	.thumbWrap .innerImg:not(.outterFrame){width: 100%; height: 100%; background-size: cover!important;background-position: center;}
	.ARCH .thumbWrap .innerImg:not(.outterFrame){width: 100%; height: calc(100% - 140px); object-fit: cover;}

	/* Tile Ui // image Crop Frame */
	.outterFrame{position: relative; overflow: hidden}
	.outterFrame .innerItem{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -57%);}
	.outterFrame .innerItem.wFit{width: 100%; max-width: 100%;}
	.outterFrame .innerItem.hFit{height: 100%; max-height: 100%;}

	/* board1 // column group size set */
	.board1 .colsize .col_auto{width: auto;}
	.board1 .colsize .colPer_25{width: 25%;}
	.board1 .colsize .colPer_42{width: 42%;}
	.board1 .colsize .colPx_75{width: 75px;}
	.board1 .colsize .colPx_90{width: 90px;}
	.board1 .colsize .colPx_102{width: 102px;}
	.board1 .colsize .colPx_100{width: 100px;}
	.board1 .colsize .colPx_120{width: 120px;}
	.board1 .colsize .colPx_126{width: 126px;}
	.board1 .colsize .colPx_130{width: 130px;}
	.board1 .colsize .colPx_150{width: 150px;}
	.board1 .colsize .colPx_170{width: 170px;}
	.board1 .colsize .colPx_200{width: 200px;}
	.board1 .colsize .colPx_230{width: 230px;}
	.board1 .colsize .colPx_295{width: 295px;}
	.board1 .colsize .newsNm_ko{width: calc((100% - 150px) / 2);}
	.board1 .colsize .newsNm_en{width: calc((100% - 150px) / 2);}
	.board1.mini .colsize .cntNo{width: 42px;}
	.board1:not(.mini) .colsize .chkCell, .board1:not(.mini) .colsize .cntNo{width: 50px;}
	
	/* board1 // type1(innerLink), type2(dtailLink), type3(barDeco/innerLink), type4(barDeco/dtailLink) */
	.board1{width: 100%; border-top: 1px solid #616366; display: table;}
	.board1:not(.unFixed){table-layout: fixed;}
	.board1 .colsize{display: table-column-group;}
	.board1 .colsize>*{display: table-column;}
	.board1 .columnHeader{display: table-header-group;}
	.board1 .columnHeader>*{background: #F2F2F2; color: #3A3D40; text-align: center; border-bottom: 1px solid #D4D4D4; vertical-align: middle; display: table-cell;}
	.board1 .columnHeader>* .dtailLink, .board1 .columnHeader>* .dtailLink:hover, .board1 .columnHeader>* .dtailLink:active{color: inherit;}
	.board1 .columnHeader+.list .innerLink>*{border-top: none;}
	.board1 .chkCell .checkBox input[type="checkbox"]+label:before{top: -14px; left: -10px;}
	.board1.type1 .columnHeader>*, .board1.type2:not(.thick) .columnHeader>*{height: 40px;}
	.board1.type2.thick .columnHeader>*{height: 51px;}
	.board1.type3 .columnHeader>*, .board1.type4 .columnHeader>*{height: 48px; line-height: 20px;}
	.board1.type1 .columnHeader>*:not(:first-of-type), .board1.type2 .columnHeader>*:not(:first-of-type){border-left: 1px solid #D4D4D4;}
	.board1.type3 .columnHeader .decoBar, .board1.type4 .columnHeader .decoBar{width: 100%; border-left: 1px solid #FFF; border-right: 1px solid #D4D4D4;}
	.board1.type3 .columnHeader :first-of-type .decoBar, .board1.type4 .columnHeader :first-of-type .decoBar{border-left: none;}
	.board1.type3 .columnHeader :last-of-type .decoBar, .board1.type4 .columnHeader :last-of-type .decoBar{border-right: none;}
	.board1.type2 .columnHeader>* .dtailLink[class*="fa-sort"]:before{float: right}
	.board1.type2 .columnHeader>*:not(:first-of-type) .dtailLink[class*="fa-sort"]:before{margin-right: -1em;}
	.board1.type2 .columnHeader>* .dtailLink.fa-sort:before{}
	.board1.type2 .columnHeader>* .dtailLink.fa-sort-up:before{}
	.board1.type2 .columnHeader>* .dtailLink.fa-sort-down:before{}
	.board1 .list+.list .innerLink>*, .board1 .list+.list>*{border-top: 1px solid #F0F0F0;}
	.board1.type1 .list:last-of-type .innerLink>*, .board1.type1 .list:last-of-type>*, 
	.board1.type2 .list:last-of-type .innerLink>*, .board1.type2 .list:last-of-type>*{border-bottom: 1px solid #616366;}
	.board1.type3 .list:last-of-type .innerLink>*, .board1.type3 .list:last-of-type>*,
	.board1.type4 .list:last-of-type .innerLink>*, .board1.type4 .list:last-of-type>*{border-bottom: 1px solid #D4D4D4;}
	.board1.type1 .list, .board1.type3 .list{display: table-row-group;}
	.board1.type3 .list:nth-of-type(odd), .board1.type4 .list:nth-of-type(odd){background: #FFF;}
	.board1.type3 .list:nth-of-type(even), .board1.type4 .list:nth-of-type(even){background: #FCFBFB;}
	.board1.type1 .list .innerLink, .board1.type3 .list .innerLink{display: table-row;}
	.board1.type1 .list .innerLink:hover{background: #FEFEFE;}
	.board1.type1 .list .innerLink:hover>*{background: #F9F9F9;}
	.board1.type1 .list .innerLink:active>*{background: #F6F6F6;}
	.board1.type1 .list .innerLink>*, .board1.type3 .list .innerLink>*{height: 40px; color: #838383; font-weight: 300; vertical-align: middle; display: table-cell;}
	.board1.type1 .list .innerLink>*:not(:first-of-type){border-left: 1px solid #D4D4D4;}
	.board1.type2 .list, .board1.type4 .list{display: table-row;}
	.board1.type2 .list>*, .board1.type4 .list>*{vertical-align: middle; display: table-cell;}
	.board1.type2:not(.thick) .list>*{height: 40px;}
	.board1.type2.thick .list>*{height: 46px;}
	.board1.type4 .list>*{height: 51px;}
	.board1.type2 .list>*, .board1.type4 .list>*, .board1.type2 .list>* .dtailLink, .board1.type4 .list>* .dtailLink{color: #838383; font-weight: 300;}
	.board1.type2 .list>*, .board1.type4 .list>*{font-weight: 300;}
	.board1.type2 .list>* .dtailLink, .board1.type4 .list>* .dtailLink{font-weight: 400;}
	.board1.type2 .list>* .dtailLink:hover, .board1.type2 .list>* .dtailLink:active, .board1.type4 .list>* .dtailLink:hover, .board1.type4 .list>* .dtailLink:active{color: #D95151;}
	.board1.type4 .list>*, .board1.type4 .list>* .dtailLink{font-size: 16px;}
	.board1.type2 .list>* .dtailLink, .board1.type4 .list>* .dtailLink{width: 100%;}
	.board1.type2 .list>*:not(:first-of-type){border-left: 1px solid #D4D4D4;}

	/* board2 // Table List Data */
	.board2{width: 100%; border-top: 1px solid #616366; table-layout: fixed; position: relative;}
	.board2 
	.board2:before{content: ""; width: calc(100% - 1px); height: 1px; background: #616366; position: absolute; top: 0; left: 1px;}
	.board2:after{content: ""; width: calc(100% - 1px); height: 1px; background: #616366; position: absolute; bottom: 0; left: 1px;}
	.board2 thead th{height: 48px; background: #DCD9D9; color: #000; font-size: 16px; text-align: center;}
	.board2 thead th:not(:first-of-type), .board2 tfoot th:not(:first-of-type){border-left: 1px solid #FFF;}
	.board2 thead tr:not(:first-of-type) th, .board2 tfoot tr:not(:first-of-type) th{border-top: 1px solid #FFF;}
	.board2 tbody>*{vertical-align: middle;}
	.board2 tbody tr:not(:first-child)>*{border-top: 1px solid #E4E4E4;}
	.board2 tbody tr>*:last-child{padding: 17px 13px;}
	.board2 tbody tr>*:not(:first-child){border-left: 1px solid #E4E4E4;}
	.board2 tbody th{background: #F2F2F2; color: #5B5B5B; font-size: 15px; text-align: center; padding: 0; word-break: keep-all;}
	.board2 tbody td{background: #FFF; color: #808081; font-size: 15px; font-weight: 300;}
	.board2 tbody.thin td{height: 42px;}
	.board2 tbody.thick td{height: 52px;}
	.board2 tbody .dtilTxt{text-align: left; padding: 0 15px;}
	.board2 .chkCell .checkBox input[type="checkbox"]+label:before{top: -15px; left: -7px;}
	.board2 .textareaBox textarea{background: #F9F9F9; border-color: #E1E1E1; border-radius: 3px;}
	.board2 tbody.zebra tr:nth-of-type(even) td{background: #FBFBFB;}
	.board2 tbody td .textareaBox textarea, .board2 tbody td .textBox input[type="text"], .board2 tbody td .selectBox{background: #F9F9F9; font-weight: 300; border: 1px solid #D5D5D5;}
	.board2 tbody td .textBox input[type="text"], .board2 tbody td .textBox input[type="password"], .board2 tbody td .selectBox select{height: 35px;}
	.board2 tbody td .txt, .board2 tbody td .unit{line-height: 35px}
	.board2 tfoot{border-top: 1px solid #616366;}
	.board2 tfoot th, .board2 tfoot td{height: 53px; font-size: 15px;}
	.board2 tfoot th{background: #E7E7E7; color: #5B5B5B;}
	.board2 tfoot td{background: #FFF; color: #000; border-left: 1px solid #E4E4E4;}

	/* board3 // common */
	.board3 .textareaBox label{color: #666666; font-size: 15px; font-weight: 300; letter-spacing: -.4px; line-height: normal; padding: .7em .9em 1.1em;}
	.board3 .textareaBox textarea{background: #FBFBFB; color: #666666; border-color: #EEE;}
	.board3 .selectBox{height: 45px; background: #F2F2F2; border: none;}
	.board3 .selectBox label, .board3 .selectBox select, .board3 .selectBox option{font-size: 15px; font-weight: 400; color: #606060;}
	.board3 .selectBox label{color: #606060; padding: .6em .5em .35em;}
	.board3 .selectBox select{padding-left: .7em;}
	.miniPop .board3 .selectBox{height: 34px; margin-top: 3px;}

	/* board3 // define list type1(no-bullet) */
	.board3.type1, .board3.type2{width: 100%;}
	.board3.type1{padding-bottom: 17px;}
	.board3.type1 .mCSB_container{padding-right: 25px;}
	.board3.type1 dt:not(:nth-of-type(-n+1)), .board3.type1 dd:not(:nth-of-type(-n+1)){margin-top: 10px;}
	.board3.type1 dt, .board3.type1 dd{min-height: 44px; max-height: inherit; text-align: left; display: inline-block; float: left;}
	.board3.type1.ko dt, .board3.type1.ko dd, .board3.type1.en dd{line-height: 44px;}
	.board3.type1.ko dt.remaining{line-height: normal;}
	.board3.type1.ko dt{font-size: 16px;}
	.board3.type1.en dt{line-height: 26px; word-break: break-word; padding: 10px 15px 10px 0;}
	.board3.type1.en dt{font-size: 15px;}
	.board3.type1 dt{color: #111; font-weight: 500; clear: left; padding: 10px 0;}
	.board3.type1 dd{color: #606060; font-size: 16px; font-weight: 400; line-height: 44px;}
	.board3.type1 dd.btnArea{text-align: right; position: relative;}
	.board3.type1 dd .pinNum.txt.type2, .board3.type1 dd .pinNum.txt.type2+.unit{margin-top: 6px;}
	.board3.type1 dt+dd>.button{margin-top: 7px;}
	.board3.type1 dt+dd+dd{width: 100%;}
	.board3.type1 dt+dd [class*="guide"]{line-height: inherit;}
	.board3.type1 dt+dd.popup [class*="guide"]{line-height: initial;letter-spacing: -0.1px;}
	.board3.type1 dt.sm{width: 45px;}
	.board3.type1 dt.sm+dd{width: calc(100% - 45px);}
	.board3.type1 dt.rg{width: 105px;}
	.board3.type1 dt.rg+dd{width: calc(100% - 105px);}
	.board3.type1 dt.lg{width: 135px;}
	.board3.type1 dt.lg+dd{width: calc(100% - 135px);}
	.board3.type1 dt.dvHalf+dd .innerLeft, .board3.type1 dt.dvHalf+dd .innerRight{width: calc((100% / 2) - 21px); display: inline-block;}
	.board3.type1 dt.dvHalf+dd .innerLeft{float: left;}
	.board3.type1 dt.dvHalf+dd .innerRight{float: right; margin-left: 21px;}
	.board3.type1 dt.dvHalf+dd .innerBttm{text-align: right; float: none; clear: both;}
	.board3.type1 dt.dvHalf+dd .innerBttm>[class*="guide"]:not(:only-of-type){text-align: left;}
	.board3.type1 dt.desc+dd+dt:not(.desc), .board3.type1 dt.desc+dd+dt:not(.desc)+dd{margin-top: 0;}
	.board3.type1 dt.desc+dd p[class*="guide"]:not(:only-of-type){line-height: 1.5em;}
	.board3.type1 dt.addMemBox, .board3.type1 dt.addMemBox+dd{margin-bottom: 10px; display: none;}
	.board3.type1 dt.addMemBox+dd{min-height: 57px; line-height: 56px;}
	.board3.type1 dt.addMemBox+dd>ul{width: 100%; background: #FCFCFC; line-height: 26px; border: 1px solid #A7A7A7; padding: 5px 20px 15px;}
	.board3.type1 dt.addMemBox+dd>ul>li{color: #363636; line-height: 22px; display: inline-block; float: left; margin-top: 10px; margin-right: 13px;width:100%}
	.board3.type1 dt.payAmount+dd{color: #D95151; font-size: 18px; font-weight: 500;}
	.board3.type1 .del{width: 25px; height: 25px; background: url("../../images/common/controls.png") no-repeat -4px -424px; color: #D95151; text-align: center; vertical-align: 8px; border: 1px solid #D95151; border-radius: 3px; margin-left: 5px;}

	/* board3 // define list type1(no-bullet) > detail information box design */
	.dtlInfo>dl{background: #FCFCFC; border: 1px solid #A7A7A7; padding: 20px 25px;}
	.board3.type1 .dtlInfo>dl dt, .board3.type1 .dtlInfo>dl dd, .dtlInfo>dl.board3.type1 dt, .dtlInfo>dl.board3.type1 dd{min-height: 30px; max-height: inherit; line-height: 30px; margin-top: 0; padding: 0;}
	.dtlInfo>dl.board3.type1 dt, .dtlInfo>dl.board3.type1 dd{color: #363636; font-size: 15px;}
	.dtlInfo>dl dt{font-weight: 500;}
	.dtlInfo.ko>dl dt{width: 125px;}
	.dtlInfo.en>dl dt{width: 245px;}
	.dtlInfo.ko>dl dt+dd{width: calc(100% - 125px);}
	.dtlInfo.en>dl dt+dd{width: calc(100% - 245px);}
	.board3.type1 .dtlInfo>dl dt+dd+dd.message{line-height: 20px; margin-top: 12px;}
	.dtlInfo>dl dt+dd, .board3.type1 .dtlInfo>dl dt+dd{font-weight: 300; position: relative;}
	.dtlInfo>dl dt+dd:before{content: ""; width: 1px; height: 14px; background: #A7A7A7; display: inline-block; position: absolute; left: -15px;}
	.dtlInfo.ko>dl dt+dd:before{top: 7px;}
	.dtlInfo.en>dl dt+dd:before{top: 10px;}
	.dtlInfo>[class*="guide"]{text-align: left; padding: 15px 0;}
	.dtlInfo>[class*="guide"]>p{line-height: 20px;}
	.dtlInfo>[class*="guide"]>p+p{margin-top: 5px;}
	.finishTxt{color: #111; font-size: 22px; font-weight: 500; padding: 40px 0;}
	.finishTxt+.dtlInfo{border-top: 2px solid #EEE; margin-top: 20px; padding-top: 32px;}
	.finishTxt+.dtlInfo.ko>dl dt{width: 170px;}
	.finishTxt+.dtlInfo.en>dl dt{width: 255px;}
	.finishTxt+.dtlInfo.ko>dl dt+dd{width: calc(100% - 170px);}
	.finishTxt+.dtlInfo.ko>dl dt+dd>span{width: 100%;}
	.finishTxt+.dtlInfo.en>dl dt+dd{width: calc(100% - 270px);}
	.finishTxt+.dtlInfo.ko>dl dt+dd>span{width: 100%;}

	/* board3 // define list type1(no-bullet) > modal inner mini panel */
	.miniPop .board3.type1{padding-bottom: 0;}
	.miniPop .board3.type1 dt, .miniPop .board3.type1 dd{min-height: 40px;}
	.miniPop .board3.type1 dt.sm{width: 77px;}
	.miniPop .board3.type1 dt.sm+dd{width: calc(100% - 77px);}
	.miniPop .board3.type1 dt{font-size: 14px;}
	.miniPop .board3.type1 dd{font-size: 13px; line-height: 40px;}
	.miniPop.ko .btnArea{padding-top: 16px;}
	.miniPop.en .btnArea{padding-top: 0;}
	.miniPop .btnArea .button{line-height: 44px;}
	.miniPop.ko .board3.type1 dt{line-height: 40px;}
	.miniPop.en .board3.type1 dt{line-height: 20px; word-break: break-word; padding: 12px 0;}
	.miniPop .board3.type1 dt:not(:nth-of-type(-n+1)), .miniPop .board3.type1 dd:not(:nth-of-type(-n+1)){margin-top: 0;}

	/* board3 // define list type2(bullet) */
	.board3.type2 dt:not(:nth-of-type(-n+1)), .board3.type2 dd:not(:nth-of-type(-n+1)){margin-top: 30px;}
	.board3.type2 dt, .board3.type2 dd{min-height: 44px; max-height: inherit; text-align: left; line-height: 44px; display: inline-block; float: left;}
	.board3.type2 dt:before{content: ""; width: 10px; height: 10px; background: #D95151; border-radius: 100%; display: inline-block; margin-right: 10px;}
	.board3.type2 dt{color: #202020; font-weight: 500; clear: left;}
	.board3.type2 dd{color: #666666; font-size: 15px; font-weight: 300;}

	/* All PAGE common // Pagination */
	.pagiPanel{text-align: center;}
	.pagination{display: inline-block;}
	.btnArea.pg{text-align: center; margin-top: 27px;}
	.btnArea.pg+.btnArea{margin-top: 22px;}
	.board1+.pagination, .emptyMsg+.pagination, table.tbl_data+.pagination, table.tbl_list+.pagination{margin-top: 25px;}

	/* custom popup & panel */
	.miniPop{background: #FFF; border: 1px solid #787878; display: none; position: absolute; z-index: 100;}
	.miniPop.shdBox{box-shadow: 3px 3px 2px -1px rgba(0,0,0,.35);}
	.miniPop.addMemPanel{width: 360px; right: -230px; bottom: 4px;}
	.miniPop.addMemPanel.ko{height: 325px !important; padding: 25px 30px 19px;}
	.miniPop.addMemPanel.en{height: 325px !important; padding: 15px;}
	.miniPop.addMemPanel.ui-draggable.ui-draggable-handle{cursor: move;}
	.miniPop .close{width: 46px; height: 46px; background: url("../../images/common/controls.png") no-repeat center -352px; position: absolute; top: -1px; right: -1px; z-index: 100;}
	
	a:has(.seoul), a:has(.spool){position: relative;}
	.seoul, .spool{color: #FFF;background: #191919;font-size: 16px;font-weight: 400;position: absolute;top: 0;right: 0;height: 35px;display: flex;align-items: center;justify-content: center;padding: 0px 10px;min-width: 90px;}
	.seoul-bg{background: #f5f5f5 !important;}
	.spool{top:0px;background:#0052A4;font-weight: 500;}
	.seoul+.spool{top:35px;}
	
	a:has(.spool):hover {background-color: #1B2F4A;}
	@media screen and (max-width: 1379px){
		.seoul, .spool{font-size: 13px;height: 25px;min-width: 80px;}
		.seoul+.spool{top:25px;}
	}

/* jquery-confirm Ui responsive support set --------------------------------------------------------------------- */
@media screen and (max-width: 1920px){
	.jconfirm .jcfwidth>.jconfirm-box{width: 92vw; max-width: 500px; margin: 0 auto;}
}
@media screen and (min-width: 1921px){
	.jconfirm .jcfwidth>.jconfirm-box{width: 40vw; margin: 0 auto;}
}

/* jquery Plug-in set ------------------------------------------------------------------------------------------- */
	/* jquery Ui custom // common */
	.ui-draggable .ui-dialog-titlebar{cursor: move;}
	.ui-widget-overlay{background: #000; opacity: .4; filter: Alpha(Opacity=30);}
	.ui-widget-overlay{width: 100%; height: 100%; position: fixed; top: 0; left: 0;}

	/* jquery Ui custom // accordion */
	.accPanel .accBox{padding: 20px 0;}
	.accPanel .accHeader{font-size: 15px; border: 1px solid #DFE3E6; outline: none; display: block; padding: 9px 16px; cursor: pointer;}
	.accPanel .accHeader:not(:first-of-type){margin-top: 5px;}
	.accPanel .accHeader.ui-state-default{background: #DCD9D9; color: #000;}
	.accPanel .accHeader.ui-state-active{background: #4F5156; color: #FFF;}
	.accPanel .accHeader .accTit:first-of-type{margin-top: 0;}
	.accPanel .accHeader .ui-icon{width: 25px; height: 25px; background: url("../../images/common/blltSpr.png") no-repeat; vertical-align: top; display: inline-block; position: relative;}
	.accPanel .accHeader .ui-icon.ui-icon-triangle-1-e{background-position: top -3px right 0;}
	.accPanel .accHeader .ui-icon.ui-icon-triangle-1-s{background-position: top -63px right 0;}
	.accPanel .accHeader .accIcon{width: 20px; height: 20px; background: url("../images/common/iconSpr.png") no-repeat; border: 1px solid; border-radius: 2px; display: inline-block; float: right;}
	.accPanel .accHeader.ui-state-default .accIcon{background-position: top -6px left -5px; border-color: #FFF;}
	.accPanel .accHeader.ui-state-active .accIcon{background-position: top -66px left -6px; border-color: #9B9A9A;}
	.accPanel .accHeader .ui-state-active{background: #F9F9F9; font-weight: normal; border: 1px solid #27A0DB;}
	.accPanel .accCont{padding-top: 0;}
	.togglLine{min-height: 35px; background: #3A3D40; color: #FFF; margin-top: 1px; padding: 5px;}

	/* jquery Ui custom // sortable */
	.widgetList .item{font-size: 15px; border: 1px solid #DFE3E6; outline: none; display: block; padding: 9px 16px; position: relative;}
	.widgetList .item:after{content: ""; width: 30px; height: 30px; background: url("../../images/common/iconSpr.png") top -120px center no-repeat; display: inline-block; position: absolute; top: calc(50% - 16px); right: 10px;}
	.widgetList .item:not(:first-of-type){margin-top: 5px;}
	.widgetList .item.ui-sortable-handle{background: #DCD9D9; color: #000;}
	.widgetList .item.ui-sortable-helper{background: #4F5156; color: #FFF;}
	.widgetList .moveFocusArea{height: 45px; background: #FFF1F1; border: 1px solid #FF9C9C; margin-top: 5px; outline: none; display: block;}

	/* jquery Ui custom // dialog */
	.ui-dialog.custom-dialog .ui-dialog-titlebar{height: 60px; background: #3A3D40; line-height: 60px; padding-left: 25px;}
	.ui-dialog.custom-dialog .ui-dialog-titlebar .deco{width: 100%; height: 30px; background: rgba(255,255,255,.04); position: absolute; top: 0; left: 0;}
	.ui-dialog.custom-dialog .ui-dialog-titlebar .ui-dialog-title{color: #FFF; font-size: 20px;}
	.ui-dialog.custom-dialog .ui-dialog-content{background: #FFF; color: #3A3D40; font-size: 18px; text-align: center; padding: 30px 40px;}
	.ui-dialog.custom-dialog .ui-dialog-buttonpane{background: #FFF; padding: 30px 20px 20px;}
	.ui-dialog.custom-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{text-align: center; border-top: 1px solid #3A3D40; padding: 16px 0;}
	.ui-dialog.custom-dialog .ui-widget-header .ui-state-default{background: #000 url(../images/close.png) no-repeat; color: #959595; font-weight: normal; border: 0px;}

	/* jquery Ui custom // datepicker */
	.ui-datepicker{width: 17em; padding: .2em .2em 0; display: none;}
	.ui-datepicker .ui-state-default,
	.ui-datepicker .ui-widget-content .ui-state-default,
	.ui-datepicker .ui-widget-header .ui-state-default{background: #ECECEC; color: #000; font-weight: normal; border: 0px; /* border-top: 1px solid #252525; border-bottom: 1px solid #252525; */}
	.ui-datepicker .ui-icon, .ui-datepicker .ui-widget-content .ui-icon{background-image: url("../../images/jqueryui/ui-icons_444444_256x240.png");}
	.ui-datepicker .ui-icon-circle-triangle-w{background-image: url(../../images/common/p_03.png);background-position: center;background-size: cover;}
	.ui-datepicker .ui-icon-circle-triangle-e{background-image: url(../../images/common/n_03.png);background-position: center;background-size: cover;}
	.ui-datepicker .ui-icon{width: 16px; height: 16px; background-repeat: no-repeat; text-indent: -99999px; overflow: hidden; display: block;}
	.ui-datepicker .ui-datepicker-title{background: #E9E9E9; border: 1px solid #DDD;}
	.ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight{background: #e45151c4;color: #fff;border: 1px solid #e45151;}
	.ui-datepicker .ui-state-active, .ui-datepicker.ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active{background: #252525; color: #FFF; font-weight: normal; border: 0px; border-top: 1px solid #252525; border-bottom: 1px solid #252525;}
	.ui-datepicker .ui-state-disabled, .ui-datepicker.ui-widget-content .ui-state-disabled, .ui-datepicker .ui-widget-header .ui-state-disabled{background-image: none; opacity: .35; filter: Alpha(Opacity=35);}
	.ui-datepicker.ui-widget-content{background: #FFF; color: #333; border: 1px solid #DDD;}
	.ui-datepicker .ui-datepicker-header{position: relative; padding: .2em 0;}
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width: 30px; height: 30px; position: absolute; cursor: pointer;}
	.ui-datepicker .ui-datepicker-prev{left: 2px;}
	.ui-datepicker .ui-datepicker-next{right: 2px;}
	.ui-datepicker .ui-datepicker-prev span,
	.ui-datepicker .ui-datepicker-next span{display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;}
	.ui-datepicker .ui-datepicker-title{margin: 0 2.3em; line-height: 1.8em; text-align: center;}
	.ui-datepicker .ui-datepicker-title select{font-size: 1em; margin: 0 2px 2px;}
	.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: 45%; vertical-align: middle;}
	.ui-datepicker table{width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em;}
	.ui-datepicker th{padding: .7em .3em; text-align: center; font-weight: bold; border: 0;}
	.ui-datepicker td{border: 0; padding: 1px;}
	.ui-datepicker td span,
	.ui-datepicker td a{display: block; padding: .2em; text-align: right; text-decoration: none;}
	.ui-datepicker .ui-datepicker-buttonpane{background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0;}
	.ui-datepicker .ui-datepicker-buttonpane button{float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible;}
	.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float: left;}
	.ui-datepicker.ui-datepicker-multi{width: auto;}
	.ui-datepicker-multi .ui-datepicker-group{float: left;}
	.ui-datepicker-multi .ui-datepicker-group table{width: 95%; margin: 0 auto .4em;}
	.ui-datepicker-multi-2 .ui-datepicker-group{width: 50%;}
	.ui-datepicker-multi-3 .ui-datepicker-group{width: 33.3%;}
	.ui-datepicker-multi-4 .ui-datepicker-group{width: 25%;}
	.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
	.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width: 0;}
	.ui-datepicker-multi .ui-datepicker-buttonpane{clear: left;}
	.ui-datepicker-row-break{clear: both; width: 100%; font-size: 0;}
	.ui-datepicker-rtl{direction: rtl;}
	.ui-datepicker-rtl .ui-datepicker-prev{right: 2px; left: auto;}
	.ui-datepicker-rtl .ui-datepicker-next{left: 2px; right: auto;}
	.ui-datepicker-rtl .ui-datepicker-prev:hover{right: 1px; left: auto;}
	.ui-datepicker-rtl .ui-datepicker-next:hover{left: 1px; right: auto;}
	.ui-datepicker-rtl .ui-datepicker-buttonpane{clear: right;}
	.ui-datepicker-rtl .ui-datepicker-buttonpane button{float: left;}
	.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
	.ui-datepicker-rtl .ui-datepicker-group{float: right;}
	.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
	.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width: 0; border-left-width: 1px;}
	.selectCtgry .innerRight .tile:before{content: "\F03E"; color: rgba(255,255,255,.1); font-size: 130px; margin-top: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; cursor: pointer;}
	.selectCtgry .innerRight .tile:not(:first-of-type){margin-top: 20px;}
	.selectCtgry .innerRight .tile .tileName{float: right; padding: 30px 40px;}
	.selectCtgry .innerRight .tile .tileName:before{color: #FFF; position: absolute; top: 50%; right: 40px; transform: translateY(-50%);}
	.selectCtgry .tile{border: 2px dashed #E5E5E5; padding: 10px; position: relative;}
	.selectCtgry .tile:hover{border: 2px solid #D95151;}
	.selectCtgry .tile>[class*="menu"]{width: 100%; height: 100%; background: #BBB; color: #FFF; font-size: 18px; position: relative;}
	.selectCtgry .tile>[class*="menu"]:before{content: "\F044"; color: #FFF; font-size: 28px; position: absolute; top: 0; left: 15px;}
	.selectCtgry .tile .tileName{height: 100%; font-size: 18px; position: relative;}
	.selectCtgry .tile .tileName:before{color: #FFF; position: absolute;}
	.selectCtgry .tile>.menu1 .tileName:before{content: "\F0DB"; font-size: 74px;}
	.selectCtgry .tile>.menu2 .tileName:before{content: "\F24D"; font-size: 72px;}
	.selectCtgry .tile>.menu3 .tileName:before{content: "\F468"; font-size: 72px;}
	.selectCtgry .tile>.menu4 .tileName:before{content: "\F55B"; font-size: 76px;}
	
	.progressbar .bar{height: 10px;margin: 10px 130px;border: 1px solid #3a3d40;}
	.progressbar .progress{height: 100%;background-color: #D95151;width: 0px;}

/* MEDIA QUERY set  --------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1799px) and (min-width: 1700px){
	#gnb .gnbMenu>li {margin: 0px 22px;}
}
@media screen and (max-width: 1699px) and (min-width: 1600px){
	#gnb .gnbMenu>li {margin: 0px 25px;}
	#gnb .gnbMenu>li>.innerLink {font-size: 20px;}
}
@media screen and (max-width: 1599px){
	#gnb .gnbMenu>li {margin: 0px 10px;}
	#gnb .gnbMenu>li>.innerLink {font-size: 20px;}
}
@media screen and (max-width: 1399px){
	header.pcHder .logo_area .logo {margin-left: 27px;width: 300px;}
	.main #gnb {margin-right: 27px;}
	#sub_content{margin: 0 auto;}
	.innerWrap, .dtlContPnl{margin: 0 27px;}
}
@media screen and (max-width: 1299px){
	#gnb .gnbMenu>li>.innerLink {font-size: 18px;}
	#pagination.type01 .pageLink.first+.prevPage {margin-right: 70px;}
	#pagination.type01 .pageLink:not(.prevPage):not(.nextPage)+.pageLink.nextPage {margin-left: 70px;}
	#pagination.type01 .pageLink:not(.prevPage):not(.nextPage)+.pageLink:not(.prevPage):not(.nextPage) {margin-left: 70px;}
}
@media screen and (min-width: 769px){
	.wrap.main>header .searchArea .searchBox{max-width: 490px;}
	.wrap.sub>header .searchArea{}
	.wrap.sub>header .searchArea .searchBox{width: 490px; max-width: 490px;}
	.wrap.sub>header{}
	.wrap.sub .topMenuGrp, .wrap.main .pcHder .topMenuGrp{float: right;}
	.wrap.ko #snb .topMenuGrp .quickMenu li>.innerLink{padding-left: 12px; padding-right: 12px;}
	.topMenuGrp .quickMenu, .topMenuGrp .en_btn{}
	.topMenuGrp .quickMenu{border-bottom-width: 4px;}
	.topMenuGrp .en_btn{}
	footer{margin-top: 160px;}
	#footer.footer{margin-top: 0px;}
	footer .fTop{padding: 25px 50px 20px;}
	footer .fTop .f_menu{}
	footer .fTop .f_menu li{font-size: 16px;}
	footer .fTop .f_menu li:not(:first-of-type)>.innerLink{padding-left: 22px;}
	footer .fTop .f_menu>li:not(:last-of-type)>.innerLink{padding-right: 22px;}
	footer .fTop .f_menu li:before, footer .fTop .f_menu>li:after{height: 18px;}
	footer .fTop .d_count{color: #FFF; font-size: 16px; float: right;}
	footer .fTop .d_count span{width: 120px; background: #BDBDBD; color: #222; text-align: right; display: inline-block; margin-left: 8px; padding: 0px 8px;}
	footer .fTop .d_count span:not(:last-of-type){margin-right: 20px;}
	footer .fBttm{padding: 24px 52px 72px;}
	footer .fBttm .address{font-size: 14px; text-align: left;}
	footer .fBttm .logo{text-align: right;}
	.subWrap.noBc{padding-top: 80px;}
	.refresh{font-size: 16px; line-height: 44px; padding-left: 45px;}
	.refresh:before{width: 45px; height: 45px; background-position: center -504px;}
	.searcPanel.col .selectBox, .searcPanel.col .selectBox label, .searcPanel.col .fa-search{height: 52px; line-height: 52px;}
	.button.listBack{background-position: top -213px left 82px; padding-left: 69px;}
	.button.more.type1 .listCnt .currentCnt, .button.more.type1 .listCnt #ot_currentCnt,
	.button.more.type1 .listCnt .totalCnt, .button.more.type1 .listCnt #ot_totalCnt{line-height: 60px;}
	.button.more.type1{width: 300px;height: 60px;line-height: 58px;font-size: 24px;padding-left: 165px;}
	.button.more.type1:before{width: 170px;background-position: right 36px top 50%;padding-left: 44px;}
	.button.more.type1 .listCnt{font-size: 20px; line-height: 60px;}
	.sltCtgry.type2>ul{width: 100%; display: table; table-layout: fixed;}
	.sltCtgry.type2>ul .item{vertical-align: middle; display: table-cell;}
	.modal-content.type3 .modal-body.accntPnl{padding-top: 15px;}
	.accntPnl .mailAgree{margin: 54px 0 16px;}
	.accntPnl .mailAgree>h5{font-size: 22px;}
	.plzInfo{padding: 15px 20px;}
	.plzInfo~.board3.type1 dt.lg+dd:not(:nth-of-type(-n+1)){margin-top: 10px;}
	.board3.type1 dt+dd [class*="guide"]{line-height: inherit; margin-right: 25px;}
	.board3.type2 dt{width: 165px; font-size: 20px;}
	.board3.type2 dt:before{vertical-align: 3px;}
	.board3.type2 dd{width: calc(100% - 165px);}
}
@media screen and (max-width: 768px){
	header.mHder #seoul-common-gnb, header.mHder #gnb{display: none;}
	#snb .topMenuGrp .en_btn{width: 52px;}
	#snb .topMenuGrp .quickMenu, #snb .topMenuGrp .en_btn{}
	.wrap.ko #snb .topMenuGrp .quickMenu li>.innerLink{padding-left: 10px; padding-right: 10px;font-size:15px}
	.wrap.en #snb .topMenuGrp .quickMenu li>.innerLink{padding-left: 9px; padding-right: 9px;font-size:15px}
	.wrap.sub:not(.noGap)~footer{margin-top: 50px;}
	footer .fTop{padding: 28px 28px 20px;}
	footer .fTop>[class*='col-']{float: none; text-align: center;}
	footer .fTop .f_menu li{font-size: 13px;}
	footer .fTop .f_menu li:not(:first-of-type)>.innerLink{padding-left: 18px;}
	footer .fTop .f_menu>li:not(:last-of-type)>.innerLink{padding-right: 18px;}
	footer .fTop .f_menu li:before, footer .fTop .f_menu>li:after{height: 15px;}
	footer .fBttm{padding: 25px 28px 72px;}
	footer .fBttm .address{font-size: 13px; text-align: center; line-height: 20px;}
	footer .fBttm .logo{display: none;}
	.subWrap.noBc{padding-top: 30px;}
	.refresh{font-size: 15px; line-height: 32px; padding-left: 28px;}
	.refresh:before{width: 30px; height: 30px; background-position: center -364px; background-size: 36px;}
	.searcPanel.col .selectBox, .searcPanel.col .selectBox label, .searcPanel.col .fa-search{height: 38px; line-height: 38px;}
	.button.more.type1 .listCnt .currentCnt, .button.more.type1 .listCnt #ot_currentCnt,
	.button.more.type1 .listCnt .totalCnt, .button.more.type1 .listCnt #ot_totalCnt{line-height: 60px;}
	.button.more.type1{width: 276px; height: 60px; line-height: 59px; font-size: 20px; padding-left: 138px;}
	.button.more.type1:before{width: 138px; background-position: right 27px top 50%; padding-left: 27px;}
	.button.more.type1 .listCnt{font-size: 18px; line-height: 60px;}
	.sltCtgry.type2{overflow-x: auto; overflow-y: hidden;}
	.sltCtgry.type2>ul{width: calc(220px * 5)}
	.sltCtgry.type2>ul .item{width: 220px; height: 70px; line-height: 70px; display: inline-block; float: left;}
	.modal-content.type3 .modal-body.accntPnl{padding-top: 1.9vw; padding-bottom: 7.5vw;}
	.modal-content.type3 .modal-body .board3.type1.scrollbarUi, .modal-content.type4 .modal-body .board3.type1.scrollbarUi{height: 35vh;}
	.accntPnl .mailAgree{margin: 7vw 0 2vw;}
	.accntPnl .supptPnl{margin-top: 10vw;}
	.contactUs{font-size: 2.2vw; padding: 4vw 3vw;}
	.miniPop.addMemPanel{width: 100%; right: 0; bottom: 0;}
	.miniPop .checkBox+.checkBox{margin-left: 0;}
	.plzInfo{padding: 2vw;}
	.plzInfo .finishTxt+.localeKo{text-align: center;}
	.board3.type1.localeKo{padding: 3vw 2vw;}
	.board3.type1.localeKo>dd{font-size: 2vw;}
	.board3.type2 dt:before{vertical-align: 0;}
	.board3.type1 dt.desc+dd p[class*="guide"]{line-height: 1.5em;}
	
	#pagination.type01 {margin-top: 50px;}
	#pagination.type01 .pageLink{font-size: 23px;}
	#pagination.type01 .pageLink.first, 
	#pagination.type01 .pageLink.prevPage, 
	#pagination.type01 .pageLink.nextPage, 
	#pagination.type01 .pageLink.last {width: 30px;height: 24px;top: 2px;background-size: contain;}
	#pagination.type01 .pageLink:not(.prevPage):not(.nextPage)+.pageLink:not(.prevPage):not(.nextPage) {margin-left: 35px;}
	#pagination.type01 .pageLink.first {margin-right: 30px;}
	#pagination.type01 .pageLink.first+.prevPage {margin-right: 40px;}
	#pagination.type01 .pageLink:not(.prevPage):not(.nextPage)+.pageLink.nextPage {margin-left: 40px;}
	#pagination.type01 .pageLink.last {margin-left: 30px;}
}
@media screen and (max-width: 768px) and (min-width: 514px){
	.button.wide:not(.more){width: 35.04vw; max-width: 255px; height: 11.75vw; font-size: 22px; line-height: 11.75vw; padding: 0 35px;}
	.emptyMsgTile{font-size: 18px;}
	.board3.type2 dt{width: 21.87vw; font-size: 2.5vw;}
	.board3.type2 dd{width: calc(100% - 21.87vw);}
	.board3.type1 dt+dd [class*="guide"]{margin-right: 15px;}
	.accntPnl .mailAgree>h5{font-size: 22px;}
}
@media screen and (max-width: 640px){
	.guide, .guide2, .guide3, .guide4, .guide4.asterisk{font-size: 10px;}
	.pinNum.txt.type2{width: 22px; height: 22px; line-height: 22px;}
	.pinNum+.pinNum{margin-left: 1px;}
	.pinNum+.pinNum+.unit{margin: 0 8px;}
	.button.capsule2{font-size: 11px; line-height: 32px;}
	.textBox.trans label, .textBox.trans input[type="text"], .textBox.trans input[type="password"],
	.board3 .selectBox label, .board3 .selectBox select, .board3 .selectBox option{font-size: 13px;}
	.board3 .selectBox{height: 40px;}
	.board3 .selectBox select, .board3 .selectBox label{line-height: 40px; padding-top: 0; padding-bottom: 0;}
	.board3.type1.scrollbarUi{padding-bottom: 0;}
	.board3.type1 .mCSB_container{padding-right: 7px;}
	.board3.type1.ko dt{font-size: 13px;}
	.board3.type1 dt, .board3.type1 dt.rg{line-height: normal;}
	.board3.type1 dd, .board3.type1 dt.rg+dd{font-size: 12px;}
	.board3.type1 dt+dd [class*="guide"]{margin-top: -3px; margin-right: 10px;}
	.board3.type1 dt.rg{width: 90px; font-size: 12.5px; padding-left: 7px; padding-right: 5px;}
	.board3.type1 dt.rg+dd{width: calc(100% - 90px);}
	.board3.type1 dd .pinNum.txt.type2, .board3.type1 dd .pinNum.txt.type2+.unit{margin-top: 10px;}
	.board3.type1 dt.addMemBox+dd>ul{padding: 5px 15px 10px;}
	.board3.type1 dt.addMemBox+dd>ul>li{width: 100%; line-height: 24px; display: block; float: none; margin-right: 0;}
	.board3.type1 dt.addMemBox+dd>ul>li:not(:first-of-type):not(:nth-of-type(6n+1)){margin-left: 0;}
	.board3.type1 dt.addMemBox+dd>ul>li>.memberNm:not(.data){width: calc(100% - 30px);}
	.board3.type1 dt.addMemBox+dd>ul>li>.memberNm+.del{float: right;}
	.board3.type1 dt.addMemBox.insrt+dd>ul>li:first-of-type{margin-top: 7px;}
	.board3.type1 dt.dvHalf+dd .innerLeft, .board3.type1 dt.dvHalf+dd .innerRight{width: 100%; display: block; float: none;}
	.board3.type1 dt.dvHalf+dd .innerRight{margin-left: 0;}
	.board3.type1 dd.btnArea .button.capsule2{font-size: 11px;}
	.board3.type1 dd.btnArea .button + .button{margin-left: 0;}
	.dtlInfo>dl.board3.type1 dt, .dtlInfo>dl.board3.type1 dd{font-size: 13px;}
	.dtlInfo>dl{padding: 10px 15px;}
	.dtlInfo.payment>dl dt+dd, .board3.type1 .dtlInfo.payment>dl dt+dd{width: 100%; display: block;}
	.dtlInfo.payment>dl dt{width: auto; display: inline; position: relative;}
	.dtlInfo.payment>dl dt:before{content: ""; width: 1px; height: 14px; background: #A7A7A7; display: inline-block; position: absolute; top: 8px; right: -5px;}
	.dtlInfo.payment.en>dl dt{font-size: 12px;}
	.dtlInfo.payment>dl dt+dd:before{display: none;}
	.finishTxt{max-width: 70%; color: #111; font-size: 22px; font-weight: 500; margin: 0 auto; padding: 10px 0;}
	.finishTxt+.dtlInfo.ko>dl dt{width: 140px;}
	.finishTxt+.dtlInfo.en>dl dt{width: auto; position: relative;}
	.finishTxt+.dtlInfo.en>dl dt:before{content: ""; width: 1px; height: 14px; background: #A7A7A7; display: inline-block; position: absolute; top: 9px; right: -12px;}
	.finishTxt+.dtlInfo.ko>dl dt+dd{width: calc(100% - 140px);}
	.finishTxt+.dtlInfo.en>dl dt+dd{width: 100%;}
	.finishTxt+.dtlInfo.en>dl dt+dd:before{display: none;}
	.finishTxt+.dtlInfo.en>dl dt+dd>.payerNm, .finishTxt+.dtlInfo.en>dl dt+dd>.payerEmail{width: 100%; display: inline-block;}
	.miniPop.addMemPanel.ko{padding-left: 1.56vw; padding-right: 1.56vw;}
	.miniPop .board3 .selectBox{height: 40px;}
	.miniPop.ko .btnArea{padding-top: 0;}
	.contactUs{font-size: 15px;}
	.plzInfo~.board3.type1.en dt.lg.crrtPw{line-height: 44px;}
    .plzInfo~.board3.type1.en dt.lg.newPw{line-height: 44px;}
    .plzInfo~.board3.type1.en dt.lg.cfrmNwPw{line-height: normal;}
    .plzInfo .rectangle:not(.button)+dd{font-size: 14px;}
	.contactUs .rectangle:not(.button), .contactUs .rectangle:not(.button)+dd:last-of-type{width: 70%; margin: 0 auto; float: none; clear: both; display: block; margin: 0 auto;}
	.contactUs .rectangle:not(.button)+dd.tel{width: calc(50% - 1.55em); text-align: right; padding-right: 10px;}
	.contactUs .rectangle:not(.button)+dd.tel+dd{width: calc(50% + 1.55em); text-align: left;}
	.contactUs .rectangle:not(.button)~dd{width: 100%; text-align: center; padding-left: 0;}
}
@media screen and (min-width: 514px){
	.searchGrp .textBox label, .searchGrp .textBox input[type="text"], .searchGrp .textBox input[type="password"]{height: 52px;}
	.rsltMsg{font-size: 26px; margin-top: 80px; margin-bottom: 40px;}
}
@media screen and (max-width: 513px){
	.searchGrp .textBox label, .searchGrp .textBox input[type="text"], .searchGrp .textBox input[type="password"]{height: 36px;}
	.button.wide:not(.more){width: 180px; max-width: 255px; height: 60px; font-size: 18px; line-height: 60px; padding: 0 35px;}
	.emptyMsgTile{font-size: 16px;}
	.accntPnl .mailAgree>h5{font-size: 16px;}
	.accntPnl .mailAgree>.radioBox.black input[type="radio"]+label{font-size: 13px;}
	.board3.type2 dt{width: 110px; font-size: 13px;}
	.board3.type2 dd{width: calc(100% - 110px);}
	.rsltMsg{font-size: 20px; margin-top: 35px; margin-bottom: 35px;}
	
	#pagination.type01 .pageLink{font-size: 20px;}
	#pagination.type01 .pageLink.first, 
	#pagination.type01 .pageLink.prevPage, 
	#pagination.type01 .pageLink.nextPage, 
	#pagination.type01 .pageLink.last {width: 20px;height: 20px;top: 2px;background-size: contain;}
	#pagination.type01 .pageLink:not(.prevPage):not(.nextPage)+.pageLink:not(.prevPage):not(.nextPage) {margin-left: 20px;}
	#pagination.type01 .pageLink.first {margin-right: 20px;}
	#pagination.type01 .pageLink.first+.prevPage {margin-right: 25px;}
	#pagination.type01 .pageLink:not(.prevPage):not(.nextPage)+.pageLink.nextPage {margin-left: 25px;}
	#pagination.type01 .pageLink.last {margin-left: 20px;}
}
@media screen and (max-width: 420px) and (min-width: 375px){
	.accntPnl .textBox label, .accntPnl .textBox input[type="text"], .accntPnl .textBox input[type="password"]{font-size: 3.4vw; letter-spacing: -.5px;}
	.accntPnl .supptPnl{font-size: 14px;}
}
@media screen and (max-width: 375px){
	#snb .topMenuGrp{width: 100%;}
	#snb .topMenuGrp .quickMenu{width: calc(100% - 52px);}
}
@media screen and (max-width: 374px){
	.emptyMsgTile{font-size: 14px;}
	.accntPnl .textBox+.textBox{margin-top: 5vw;}
	.accntPnl .textBox label, .accntPnl .textBox input[type="text"], .accntPnl .textBox input[type="password"]{font-size: 11px; letter-spacing: -.5px;}
	.accntPnl .supptPnl{font-size: 4vw;}
	.accntPnl .insrtArea .textBox.trans label.en{font-size: 11px;}
	.contactUs .rectangle:not(.button), .contactUs .rectangle:not(.button)+dd:last-of-type{width: 100%;}
	.modal-content.type4 .miniPop .checkBox input[type="checkbox"]+label, .modal-content.type4 .miniPop.ko .checkBox input[type="checkbox"]+label{font-size: 11px;}
	.board3.type1.ko dt.lg{width: 85px; line-height: normal;}
	.board3.type1.ko dt.lg+dd{width: calc(100% - 85px);}
	.board3.type1 dt.en.lg{width: 95px;}
	.board3.type1 dt.en.lg+dd{width: calc(100% - 95px);}
	.board3.type1 dt.addMemBox+dd>ul>li{line-height: 26px;}
	.contactUs{font-size: 13px;}
	.plzInfo~.board3.type1 dt.lg.crrtPw, .plzInfo~.board3.type1 dt.lg.newPw, .plzInfo~.board3.type1 dt.lg.cfrmNwPw{line-height: normal;}
}

/* 20210127 추가 */
.hide {display: none;}
.hide-important {display: none !important;}

/* Legacy Resource ---------------------------------------------------------------------------------------------- */
table{border-collapse:collapse}
img{border:0}
.w32px{width:32px!important}
.w120px{width:120px!important}
.w145px{width:145px!important}
.w15{width:15%!important}
.w24_5{width:24.5%!important}
.w29{width:29%!important}
.w30{width:30%!important}
.w35{width:35%!important}
.w44{width:44%!important}
.w45{width:45%!important}
.w49_5{width:49.5%!important}
.w50{width:50%!important}
.w63{width:63%!important}
.w68{width:68%!important}
.w70{width:70%!important}
.w75{width:75%!important}
.w78{width:78%!important}
.w80{width:80%!important}
.w85{width:85%!important}
.w86{width:86%!important}
.w89{width:89%!important}
.w95{width:95%!important}
.w96{width:96%!important}
.w98{width:98%!important}
.w98_5{width:98.5%!important}
.w98_6{width:98.6%!important}
.w99{width:99%!important}
.w100{width:100%!important}
.mt0{margin-top:0!important}
.mt2{margin-top:2px!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.ml4{margin-left:3px!important}
.ml5{margin-left:5px!important}
.ml10{margin-left:10px!important}
.ml20{margin-left:20px!important}
.mr0{margin-right:0!important}
.mr2{margin-right:2px!important}
.mr8{margin-right:8px!important}
.mr10{margin-right:10px!important}
.mr15{margin-right:15px!important}
.mr17{margin-right:17px!important}
.mb0{margin-bottom:0!important}
.mb10{margin-bottom:10px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb50{margin-bottom:50px!important}
.pt10{padding-top:10px!important}
.pb10{padding-bottom:10px!important}
.pb15{padding-bottom:15px!important}
.pl0{padding-left:0!important}
.pl10{padding-left:10px!important}
.pr10{padding-right:10px!important}
.p0{padding:0!important}
.p10{padding:10px!important}
.tal{text-align:left!important}
.tac{text-align:center!important}
.tar{text-align:right!important}
.fs13{font-size:13px!important}
.fs15{font-size:15px!important}
.tcb{color:#000;text-decoration:none}
.thdu:hover{text-decoration:underline}
div.page_num{clear:both;position:relative;margin-top:7px;text-align:center}
div.page_num > ul > li{display:inline-block;padding:0 3px;vertical-align:top}
div.page_num > ul > li > a,div.page_num > ul > li > a visited{line-height:1.2em;font-size:1.1em;padding:2px 5px;color:#666;text-decoration:none;cursor:pointer}
div.page_num > ul > li > a:hover,div.page_num > ul > li > a:active{color:#000;text-decoration:underline}
div.page_num > ul > li > a > img{display:inline-block;padding-bottom:3px;text-decoration:none}
div.page_num > ul > li.on > strong{line-height:1.2em;padding:2px 5px;font-size:1.1em;font-weight:700}
.accountTable{width:98.5%;border:none!important}
.accountTable a.btn{color:#fff;font-size:12px;text-align:center}
.accountTable input[type="text"],.accountTable input[type="password"]{font-size:12px;-webkit-box-shadow:1px 2px 3px 1px rgba(220,213,213,1) inset;-moz-box-shadow:1px 2px 3px 1px rgba(220,213,213,1) inset;box-shadow:1px 2px 3px 1px rgba(220,213,213,1) inset;height:28px;border:0;padding-left:5px}
#back-top{position:fixed;right:15px;bottom:15px;font-size:40px;opacity:.6;cursor:pointer;z-index:999999}
#back-top:hover{opacity:1.1}
.RadioStyle{margin:5px 0 13px}
.RadioStyle input[type="radio"]{display:none}
.RadioStyle label{display:inline-block;position:relative;padding:10px 17px 10px 30px;cursor:pointer;line-height:12px}
.RadioStyle label:before{content:'';position:absolute;top:5px;left:0;background:#fff;border:1px solid #000;width:20px;height:20px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.RadioStyle label:after{content:'';background:#000;position:absolute;top:5px;left:0;width:20px;height:20px;opacity:0;filter:alpha(opacity=0);transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.RadioStyle input[type="radio"]:checked + label:before{border-color:#000}
.RadioStyle input[type="radio"]:checked + label:after{opacity:1;filter:alpha(opacity=100);width:12px;height:12px;top:10px;left:5px}
.checkBoxStyle{display:inline-block;width:11%;vertical-align:top}
.checkBoxStyle input[type="checkbox"]{display:none}
.checkBoxStyle label{display:inline-block;position:relative;cursor:pointer;line-height:12px;vertical-align:top}
.checkBoxStyle label:before{content:'';position:absolute;top:0;left:0;background:#fff;border:1px solid #000;width:11px;height:11px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.checkBoxStyle label:after{content:'';background:#000;position:absolute;top:0;left:0;width:11px;height:11px;opacity:0;filter:alpha(opacity=0);transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.checkBoxStyle input[type="checkbox"]:checked + label:before{border-color:#000}
.checkBoxStyle input[type="checkbox"]:checked + label:after{opacity:1;filter:alpha(opacity=100);width:7px;height:7px;top:3px;left:3px}
.main-dialog #insertDialog{background-color:#E4E4E4;font-family:'Roboto-Regular','NotoSansCJKkr_Regular','돋움';font-size:1.2em}
.main-popup-dialog{background-color:#E4E4E4;font-family:'Roboto-Regular','NotoSansCJKkr_Regular','돋움';font-size:1.2em}
.popSubject{font-family:'Roboto-Bold','NotoSansCJKkr_Bold'}
.popContents{margin:12px 0}
.popCloseBtn{float:right;margin-top:11px;display:inline-block}
.popCloseBtn button{background-color:#000;border:0;color:#e4e4e4;font-family:'Roboto-Regular','NotoSansCJKkr_Regular','돋움';padding:0 25px;line-height:25px;cursor:pointer}
.popCloseBtn button:hover{color:#fff}
.main-dialog .checkBoxStyle{display:inline-block}
.verticalTop{vertical-align:top}
.verticalBottom{vertical-align:bottom}
.fontBold{font-weight:700}
.inline{display:inline-block}
.pointer{cursor:pointer;text-decoration:underline;font-weight:700}
.fontsize_2x{font-size:1.2em}
.bs{box-sizing:border-box}
.psR{position:relative}
.psA{position:absolute}
.zi99{z-index:99}
.ftR{float:right;}
.ftL{float:left;}