@charset "utf-8";
/* color */
	[data-point="1"]{color:#547CDC !important;}
	[data-point="2"]{color:#EB5757 !important;}
	[data-point="3"]{color:#000 !important;}

/* Heading */
	h4{display:block; position:relative; line-height:1.3; margin-bottom:0.5em; font-size:1.5em; color:#222;}
	div + h4,
	ul + h4{margin-top:2em;}



/* button */
[data-skin="btn"]{
	display:inline-block; min-width:80px; height:34px; line-height:calc(34px - 4px); padding:0 15px; margin:0.1em 0; text-align:center; text-decoration:none; vertical-align:middle; border:1px solid #BDBDBD; color:#fff; background-color:#BDBDBD;
	-webkit-border-radius:17px;
	border-radius:17px;
	text-align: center;
}
	[data-skin="btn"]>span{display:inline-block; line-height:30px; font-size:15px;}

	[data-skin="btn"][data-type]{}
		[data-skin="btn"][data-type="1"]{
			-webkit-border-radius:3px;
			border-radius:3px;
		}
	
	[data-skin="btn"][data-icon]{}
		[data-skin="btn"][data-icon]>span:before{content:""; display:inline-block; width:16px; height:16px; margin-right:5px; vertical-align:middle; background-repeat:no-repeat; background-position:center center; background-size:contain;}
		[data-skin="btn"][data-icon="1"]>span:before{background-image:url(../img/layout/svg_icon_1.svg);}
		[data-skin="btn"][data-icon="2"]>span:before{background-image:url(../img/layout/svg_icon_2.svg);}
		[data-skin="btn"][data-icon="3"]>span:before{background-image:url(../img/layout/svg_icon_3.svg);}
		[data-skin="btn"][data-icon="4"]>span:before{background-image:url(../img/layout/svg_icon_4.svg);}
		[data-skin="btn"][data-icon="5"]>span:before{background-image:url(../img/layout/svg_icon_5.svg);}

		[data-skin="btn"][data-icon="cate_1"]>span:before{background-image:url(../img/content/svg_cate_1.svg);}
		[data-skin="btn"][data-icon="cate_2"]>span:before{background-image:url(../img/content/svg_cate_2.svg);}
		[data-skin="btn"][data-icon="cate_3"]>span:before{background-image:url(../img/content/svg_cate_3.svg);}
		[data-skin="btn"][data-icon="cate_4"]>span:before{background-image:url(../img/content/svg_cate_4.svg);}
		[data-skin="btn"][data-icon="cate_5"]>span:before{background-image:url(../img/content/svg_cate_5.svg);}
		[data-skin="btn"][data-icon="cate_6"]>span:before{background-image:url(../img/content/svg_cate_6.svg);}
		[data-skin="btn"][data-icon="cate_7"]>span:before{background-image:url(../img/content/svg_cate_7.svg);}

        [data-skin="btn"][data-icon="down"]>span{}
			[data-skin="btn"][data-icon="down"]>span:before{display:none;}
			[data-skin="btn"][data-icon="down"]>span:after{content:""; display:inline-block; width:16px; height:16px; margin-left:5px; vertical-align:middle; background-repeat:no-repeat; background-position:center center; background-size:contain;}
			[data-skin="btn"][data-icon="down"]>span:after{background-image:url(../img/content/icon-btn-down.svg);}
			[data-skin="btn"][data-icon="down"][data-color="3"]>span:after{background-image:url(../img/content/icon-btn-down_w.svg);}

			[data-skin="btn"][data-icon="print"]>span:before{background-image:url(../img/layout/icon-print.svg);}


	[data-skin="btn"][data-color]{}
		[data-skin="btn"][data-color="1"]{color:#fff !important; border-color:#2E5FCE !important; background-color:#2E5FCE !important;}
		[data-skin="btn"][data-color="2"]{color:#4F4F4F !important; border-color:#4F4F4F !important; background-color:transparent !important;}
		[data-skin="btn"][data-color="3"]{color:#fff !important; border-color:#fff !important; background-color:transparent !important;}
		[data-skin="btn"][data-color="4"]{color:#fff !important; border-color:#32B6A3 !important; background-color:#32B6A3 !important; background: linear-gradient(95.56deg, #0C7C6C 3.57%, #32B5A2 98.41%);}
		[data-skin="btn"][data-color="5"]{color:#fff !important; border-color:#127086 !important; background-color:#127086 !important;}
		[data-skin="btn"][data-color="6"]{color:#fff !important; border-color:#828282 !important; background-color:#828282 !important;}
		[data-skin="btn"][data-color="7"]{color:#000 !important; border-color:#fff !important; background-color:#fff !important;}
		[data-skin="btn"][data-color="8"]{color:#4f4f4f !important; border-color:#F6F6F6 !important; background-color:#F6F6F6 !important;}


	[data-skin="btn"][data-icon*="arrow-"]{position:relative; height:32px; line-height:30px; padding:0 32px 0 10px;}
	[data-skin="btn"][data-icon*="arrow-"]>span:before{display:none;}
	[data-skin="btn"][data-icon*="arrow-"]>span:after{
		content:""; display:block; position:absolute; right:0; top:50%; width:30px; height:30px; background-image:url(../img/layout/svg_icon_3.svg); background-repeat:no-repeat; background-position:center center; background-size:50% auto;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	[data-skin="btn"][data-icon="arrow-next"]>span:after{
		margin-left:5px; background-size:auto 25%;
		-webkit-transform:rotate(-90deg) translate(50%,0);
		transform:rotate(-90deg) translate(50%,0);
	}
	[data-skin="btn"][data-icon="arrow-up"],
	[data-skin="btn"][data-icon="arrow-down"]{min-width:10px; width:24px; height:24px; padding:0;}
	[data-skin="btn"][data-icon="arrow-up"]>span,
	[data-skin="btn"][data-icon="arrow-down"]>span{overflow:hidden; width:100%; height:100%; text-align:left; text-indent:-1000px;}
	[data-skin="btn"][data-icon="arrow-up"]>span:after,
	[data-skin="btn"][data-icon="arrow-down"]>span:after{width:100%; height:100%;}
	[data-skin="btn"][data-icon="arrow-up"]>span:after{
		-webkit-transform:rotate(180deg) translate(0,50%);
		transform:rotate(180deg) translate(0,50%);
	}

	[data-skin="btn"][data-icon*="arrow-"][data-type="2"]{border:none; background-color:transparent;}
	[data-skin="btn"][data-icon*="arrow-"][data-type="2"]>span:after{background-image:url(../img/layout/arrow_tri.svg); background-size:70% auto;}

	[data-skin="btn"][data-icon*="mod_"]{
		width:32px; min-width:10px; height:32px; padding:0;
		-webkit-border-radius:3px;
		border-radius:3px;
	}
	[data-skin="btn"][data-icon*="mod_"]>span,
	[data-skin="btn"][data-icon*="mod_"]>span:before{overflow:hidden; display:block; width:100%; height:100%; padding:0; text-align:left; text-indent:-1000px;}
	[data-skin="btn"][data-icon*="mod_"]>span:before{margin:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
	[data-skin="btn"][data-icon="mod_1"]>span:before{background-image:url(../img/layout/icon-mod_1.svg);}
	[data-skin="btn"][data-icon="mod_2"]>span:before{background-image:url(../img/layout/icon-mod_2.svg);}
	[data-skin="btn"][data-icon="mod_3"]>span:before{background-image:url(../img/layout/icon-mod_3.svg);}
	[data-skin="btn"][data-icon="mod_4"]>span:before{background-image:url(../img/layout/icon-mod_4.svg);}
	[data-skin="btn"][data-icon="mod_5"]>span:before{background-image:url(../img/layout/icon-mod_5.svg);}
	[data-skin="btn"][data-icon="mod_6"]>span:before{background-image:url(../img/layout/icon-mod_6.svg);}


/* form */
[data-skin="select"]{display:inline-block; margin:0.1em 0; vertical-align:middle;}
	[data-skin="select"]>select{
		width:100%; min-width:86px; height:34px; line-height:calc(34px - 2px); padding:0 30px 0 15px; font-size:16px; border:1px solid #4F4F4F; color:#4F4F4F; background-color:#fff; background-image:url(../img/layout/svg_icon_11.svg); background-repeat:no-repeat; background-position:right 5px center; background-size:auto 80%;
		-webkit-border-radius:17px;
		border-radius:17px;
	}

	[data-skin="select"][data-type="1"]>select{min-width:10px; padding-right:32px; border-color:transparent;}
	[data-skin="select"][data-type="2"]>select{
		-webkit-border-radius:3px;
		border-radius:3px;
	}
	[data-skin="select"][data-type="3"]>select{
		border:1px solid #E0E0E0; color:#828282; background-position:right 10px center; background-size:auto 50%;
		-webkit-border-radius:3px;
		border-radius:3px;
	}

	[data-skin="select"][data-icon="1"]>select{background-image:url(../img/layout/svg_icon_3.svg); background-position:right 12px center; background-size:auto 45%;}


[data-skin="input"]{display:inline-block; position:relative; width:100%; margin:0.1em 0; vertical-align:middle;}
	[data-skin="input"]>input[type="text"]{
		width:100%; height:34px; line-height:calc(34px - 2px); padding:0 15px; font-size:16px; border:1px solid #C4C4C4; color:#4F4F4F; background-color:#fff;
		-webkit-border-radius:3px;
		border-radius:3px;
	}
	[data-skin="input"]>input[type="text"]::placeholder{color:#828282;}

	[data-skin="input"]>input[type="text"][disabled]{background-color:#eee;}
	[data-skin="input"]>input[type="text"][readonly]{background-color:#eee;}

	[data-skin="input"]>input[type="text"][data-skin="cal"]{padding-right:41px; background-image:url(../img/layout/svg_icon_12.svg); background-repeat:no-repeat; background-position:right 10px center; background-size:auto 50%;}
/* 		[data-skin="input"]>input[type="text"][data-skin="cal"]+span{width:} */
	

[data-skin="cal-group"]{}
	[data-skin="cal-group"]:after{content:""; display:block; clear:both;}
	[data-skin="cal-group"]>[data-skin="input"],
	[data-skin="cal-group"]>span{float:left;}
	[data-skin="cal-group"]>[data-skin="input"]{width:calc((100% - 30px) / 2);}
	[data-skin="cal-group"]>span{width:30px; line-height:34px; text-align:center; vertical-align:middle;}

[data-skin="checkbox"]{position:relative; display:inline-block; margin:0.1em 0; vertical-align:middle;}
	[data-skin="checkbox"]>input[type="checkbox"]{opacity:0; position:absolute; left:0; top:0;}
	[data-skin="checkbox"]>label{display:block; position:relative; line-height:34px; padding:0 10px 0 22px; font-size:16px; color:#4F4F4F;}
	[data-skin="checkbox"]>label:before,
	[data-skin="checkbox"]>label:after{
		content:""; display:block; position:absolute; left:0; top:9px; width:16px; height:16px; background-repeat:no-repeat; background-position:center center; background-size:contain;
		-webkit-transition:opacity 0.3s ease;
		transition:opacity 0.3s ease;
	}
	[data-skin="checkbox"]>label:before{z-index:0; background-image:url(../img/layout/svg_checkbox.svg);}
	[data-skin="checkbox"]>label:after{opacity:0; z-index:10; background-image:url(../img/layout/svg_checkbox_on.svg);}

	[data-skin="checkbox"]>input[type="checkbox"]:checked + label:after{opacity:1;}

	[data-skin="checkbox"]>input[type="checkbox"][disabled] + label:before{background-image:url(../img/layout/svg_checkbox_g.svg);}
	[data-skin="checkbox"]>input[type="checkbox"]:checked[disabled] + label:after{background-image:url(../img/layout/svg_checkbox_on_g.svg);}

	[data-skin="checkbox"].no-text>label{overflow:hidden; width:16px; height:16px; padding:0; text-align:left; text-indent:-1000px;}
	[data-skin="checkbox"].no-text>label:before,
	[data-skin="checkbox"].no-text>label:after{top:0;}
	[data-skin="checkbox"]>input[type="checkbox"]:focus + label:before{outline:2px dotted #000;}
	[data-skin="radio"]>input[type="radio"]:focus + label:after{outline:2px dotted #000;}

[data-skin="radio"]{position:relative; display:inline-block; margin:0.1em 0; vertical-align:middle;}
	[data-skin="radio"]>input[type="radio"]{opacity:0; position:absolute; left:0; top:0;}
	[data-skin="radio"]>label{display:block; position:relative; line-height:34px; padding:0 10px 0 22px; font-size:16px; color:#4F4F4F;}
	/* 부가기능설정 */
	[data-name="pop_si6"] > [data-skin="radio"]>label{display:block; position:relative; line-height:34px; padding:0 10px 0 22px; font-size:14px; color:#4F4F4F;}
	
	
	[data-skin="radio"]>label:before,
	[data-skin="radio"]>label:after{
		content:""; display:block; position:absolute; left:0; top:9px; width:16px; height:16px; background-repeat:no-repeat; background-position:center center; background-size:contain;
		-webkit-transition:opacity 0.3s ease;
		transition:opacity 0.3s ease;
	}
	[data-skin="radio"]>label:before{z-index:0; background-image:url(../img/layout/svg_radiobox.svg);}
	[data-skin="radio"]>label:after{opacity:0; z-index:10; background-image:url(../img/layout/svg_radiobox_on.svg);}

	[data-skin="radio"]>input[type="radio"]:checked + label:after{opacity:1;}

	[data-skin="radio"].no-text>label{overflow:hidden; width:16px; height:16px; padding:0; text-align:left; text-indent:-1000px;}
	[data-skin="radio"].no-text>label:before,
	[data-skin="radio"].no-text>label:after{top:0;}

[data-skin="textarea"]{position:relative; display:block; margin:0.1em 0;}
	[data-skin="textarea"]>textarea{
		width:100%; height:200px; line-height:1.5; padding:15px; font-size:16px; border:1px solid #C4C4C4; color:#4F4F4F; background-color:#fff;
		-webkit-border-radius:3px;
		border-radius:3px;
	}
	[data-skin="textarea"]>textarea:hover,
	[data-skin="textarea"]>textarea:focus{padding:15px; }


/* textlist */
[data-skin="text-list"]{font-size:1em;}
	[data-skin="text-list"]>ul>li{position:relative; line-height:1.5; font-size:1em;}
	[data-skin="text-list"]>ul ul{margin:0.2em 0 0.5em 0;}
	
	[data-skin="text-list"][data-icon]{}
		[data-skin="text-list"][data-icon]>ul>li{padding-left:0.8em;}
			[data-skin="text-list"][data-icon]>ul>li:before{content:"-"; display:block; position:absolute; left:0; top:0;}
			
			[data-skin="text-list"][data-icon="1"]>ul>li:before{content:"-";}
			[data-skin="text-list"][data-icon="2"]>ul>li:before{content:"∙";}
			[data-skin="text-list"][data-icon="1"]>ul.list_number02>li:before{content:" ";}
			[data-skin="text-list"][data-icon="2"]>ul.list_number01>li:before{content:" ";}

/* table */
[data-skin="table"]{font-size:15px;border-top:2px solid #000;}
	[data-skin="table"]>table{width:100%;}
	[data-skin="table"]>table > thead th{background-color:#eee;}
	[data-skin="table"]>table th,
	[data-skin="table"]>table td{padding:0.8em 1em; font-size:1em; border-right:1px solid #ddd; border-bottom:1px solid #ddd;text-align:left;}
	[data-skin="table"]>table th:last-child,
	[data-skin="table"]>table td:last-child{border-right:none;}
	[data-skin="table"]>table th.left,
	[data-skin="table"]>table td.left{text-align:left;}
	[data-skin="table"]>table th.center,
	[data-skin="table"]>table td.center{text-align:center;}
	[data-skin="table"]>table th.right,
	[data-skin="table"]>table td.right{text-align:right;}

	div + [data-skin="table"]{margin-top:2em;}

	[data-skin="table"][data-mode="wrap"]{overflow-x:auto; overflow-y:visible;}
	[data-skin="table"][data-mode="wrap"]>table{min-width:1200px;}


	[data-skin="table"][data-type="2"]>table{width:100%; margin-top:20px; border-top:none;}
    [data-skin="table"][data-type="2"]>table th,
    [data-skin="table"][data-type="2"]>table td{position:relative; text-align:center; border-right:none;}
	[data-skin="table"][data-type="2"]>table thead th{font-weight:500; border-bottom-color:#333; background-color:#fff;}
	[data-skin="table"][data-type="2"]>table thead th:nth-child(n+2):before{
		content:""; display:block; position:absolute; left:0; top:50%; width:1px; height:40%; background-color:#BDBDBD;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
    [data-skin="table"][data-type="2"]>table td a{text-decoration:none; color:#404040;}
	[data-skin="table"][data-type="2"]>table td a:hover{text-decoration:underline; color:#000;}


	[data-skin="table"][data-type="2"]>table [data-skin="select"]>select{
		min-width:110px; border:1px solid #C4C4C4; color:#828282; background-image:url(../img/layout/svg_icon_11_g.svg); background-position:right 10px center; background-size:auto 30%;
		-webkit-border-radius:0;
		border-radius:0;
	}



[data-skin="select-plus"]{position:relative; margin-top:5px;}
	[data-skin="select-plus"]:after{content:""; display:block; clear:both;}
	[data-skin="select-plus"]>div:not(.control){float:left; width:calc((100% - 64px) / 2);}
	[data-skin="select-plus"]>div:not(.control):nth-child(1){margin-right:64px;}
	[data-skin="select-plus"]>div:not(.control)>.head{line-height:15px; margin-bottom:10px; font-size:15px;}
	[data-skin="select-plus"]>div:not(.control)>.head>strong{font-weight:normal;}
	[data-skin="select-plus"]>div:not(.control)>.midd>select{width:100%; padding:10px; border:1px solid #E0E0E0;}
	[data-skin="select-plus"]>div:not(.control)>.midd>select>option{line-height:24px; font-size:15px; color:#828282;}
	[data-skin="select-plus"]>div:not(.control)>.midd>select>option:nth-child(n+2){padding-top:5px;}
	[data-skin="select-plus"]>div.control{
		position:absolute; left:50%; top:calc(50% + 12px);
		-webkit-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
	}
	[data-skin="select-plus"]>div.control>button{display:block; width:24px; height:24px; cursor:pointer; border:none; background:none;}
	[data-skin="select-plus"]>div.control>button:nth-child(n+2){margin-top:3px;}
	[data-skin="select-plus"]>div.control>button>span{
		overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; border:1px solid #828282; background-repeat:no-repeat; background-position:center center; background-size:80% auto;
		-webkit-border-radius:3px;
		border-radius:3px;
	}
	[data-skin="select-plus"]>div.control>button[data-btn="move-all"]>span{background-image:url(../img/layout/sh_page_last.svg);}
	[data-skin="select-plus"]>div.control>button[data-btn="move-select"]>span{background-image:url(../img/layout/sh_page_next.svg);}
	[data-skin="select-plus"]>div.control>button[data-btn="del-all"]>span{background-image:url(../img/layout/sh_page_first.svg);}
	[data-skin="select-plus"]>div.control>button[data-btn="del-select"]>span{background-image:url(../img/layout/sh_page_before.svg);}

	[data-skin="select-plus"]:not(:last-child){margin-bottom:30px;}



[data-skin="table-box"]{display:table; table-layout:fixed; width:100%; padding:20px 0;}
	[data-skin="table-box"]>.td{display:table-cell;}
	[data-skin="table-box"]>.l{text-align:left;}
	[data-skin="table-box"]>.r{text-align:right;}
	[data-skin="table-box"]>.td [data-skin="btn"]:not(:last-child){margin-right:4px;}
	[data-skin="table-box"]>.td>span{display:inline-block;}
	[data-skin="table-box"]>.td>span:not(:last-child){margin-right:15px;}

@media all and (max-width : 1200px){
	[data-skin="table-box"]>.l{width:200px;}
}
@media all and (max-width : 700px){
	[data-skin="table-box"]>.l,
	[data-skin="table-box"]>.r{display:block; width:auto; text-align:left;}
	[data-skin="table-box"]>.r>span{margin-top:10px;}
}


[data-item="1"]{padding:16px; border:1px solid #E0E0E0;}
	[data-item="1"]>.item:not(:nth-child(n+3)){float:left; width:calc((100% - 10px) / 2); margin-bottom:20px;}
	[data-item="1"]>.item:not(:nth-child(n+3)) [data-skin="select"]{width:100%; margin-bottom:10px;}
	[data-item="1"]>.item:not(:nth-child(n+3)) [data-skin="checkbox"]{display:block;}
	[data-item="1"]>.item:nth-child(1){margin-right:10px;}
	[data-item="1"]>.item:nth-child(3){clear:both; display:table; table-layout:fixed; width:100%; padding:10px 20px; background-color:#F6F6F6;}
	[data-item="1"]>.item:nth-child(3)>strong,
	[data-item="1"]>.item:nth-child(3)>div{display:table-cell;}
	[data-item="1"]>.item:nth-child(3)>strong{width:80px; font-weight:normal;}


[data-item="2"]{padding:16px; border:1px solid #E0E0E0;}
	[data-item="2"]>ul>li{display:table; table-layout:fixed; width:100%; line-height:34px;}
	[data-item="2"]>ul>li:nth-child(n+2){margin-top:10px;}
	[data-item="2"]>ul>li>div{display:table-cell; width:auto; min-width:10px;}
	[data-item="2"]>ul>li>div:not(:last-child){padding-right:10px;}
	[data-item="2"]>ul>li:nth-child(1)>div:nth-child(1){width:120px;}
	[data-item="2"]>ul>li:nth-child(1)>div:nth-child(2){width:80px;}
	[data-item="2"]>ul>li:nth-child(2)>div:nth-child(1){width:30px;}
	[data-item="2"]>ul>li:nth-child(2)>div:nth-child(2){width:170px;}
	[data-item="2"]>ul>li:nth-child(2)>div:nth-child(3){width:130px;}
	[data-item="2"]>ul>li>div>select{min-width:10px;}
	[data-item="2"]>ul + div[data-point]{margin-top:10px; font-size:15px;}

@media all and (max-width : 500px){
	[data-item="2"]>ul>li>div{display:block;}
	[data-item="2"]>ul>li:nth-child(1)>div:nth-child(2),
	[data-item="2"]>ul>li:nth-child(1)>div:nth-child(3){display:inline-block;}
	[data-item="2"]>ul>li:nth-child(1)>div:nth-child(2){width:80px; margin-left:30px}
	[data-item="2"]>ul>li:nth-child(1)>div:nth-child(3){width:calc(100% - 110px);}
	[data-item="2"]>ul>li:nth-child(2)>div:nth-child(1),
	[data-item="2"]>ul>li:nth-child(2)>div:nth-child(2),
	[data-item="2"]>ul>li:nth-child(2)>div:nth-child(3){display:inline-block;}
	[data-item="2"]>ul>li:nth-child(2)>div:nth-child(2){width:80px;}
	[data-item="2"]>ul>li:nth-child(2)>div:nth-child(4){width:calc(100% - 30px); margin-left:30px;}
}


[data-item="3"]{position:relative; padding-left:40%;}
	[data-item="3"]>.item .foot{margin-top:20px; text-align:right;}
	[data-item="3"]>.item .foot>[data-skin="btn"]{min-width:10px;}
    [data-item="3"]>.item:nth-child(1){position:absolute; left:0; top:0; width:calc(40% - 20px); height:100%;}
    [data-item="3"]>.item:nth-child(1)>.midd{overflow:auto; height:calc(100% - 34px); padding:16px; border:1px solid #E0E0E0;}

    [data-item="3"]>.item:nth-child(2){width:100%;}
    [data-item="3"]>.item:nth-child(2) [data-skin="input"]{margin:0;}
    [data-item="3"]>.item:nth-child(2) [data-skin="input"] + .title{margin-top:20px;}

@media all and (max-width : 550px){
	[data-item="3"]{padding-left:0;}
	[data-item="3"]>.item:nth-child(1),
	[data-item="3"]>.item:nth-child(2){position:relative; width:100%; height:auto;}
	[data-item="3"]>.item:nth-child(2){margin-top:30px;}
}


[data-item="4"]{padding:20px 0; margin-top:20px; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0;}

[data-item="5"]{height:100%;}
	[data-item="5"]>.item{float:left; width:calc((100% - 20px) / 2); height:100%;}
	[data-item="5"]>.item:nth-child(1){margin-right:20px;}
	[data-item="5"]>.item>.head>a{display:block; position:relative; text-decoration:none; color:#2254B2;}
	[data-item="5"]>.item>.head>a:after{content:""; display:inline-block; width:16px; height:16px; margin-left:5px; vertical-align:middle; background-image:url(../img/layout/icon-blank.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
	[data-item="5"]>.item>.head>span{display:block; margin-top:5px;}
	[data-item="5"]>.item>.midd{margin-top:24px;}
	[data-item="5"]>.item>.midd>em{display:block; line-height:40px; padding:0 15px; font-style:normal; background-color:#E0E0E0;}
	[data-item="5"]>.item>.midd>.head{line-height:36px; padding:0 15px; border:1px solid #E0E0E0; border-top:none;}
	[data-item="5"]>.item>.midd>.head:after{content:""; display:block; clear:both;}
	[data-item="5"]>.item>.midd>.head>strong{display:block; position:relative; padding-left:20px; font-weight:normal; font-size:15px;}
	[data-item="5"]>.item>.midd>.head>strong:before{content:""; display:block; position:absolute; left:0; top:calc(50% - 8px); width:16px; height:16px; background-image:url(../img/layout/icon-check2.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
	[data-item="5"]>.item>.midd>.head>strong>span{display:block; position:absolute; right:10px; top:0;}
	[data-item="5"]>.item>.midd>.midd{height:100%; padding:16px; font-size:15px; border:1px solid #E0E0E0; border-top:none;}
	[data-item="5"]>.item>.midd>.midd>ul{display:block !important;}
	[data-item="5"]>.item>.midd>.midd>ul>li{position:relative; line-height:26px; padding-left:13px;}
	[data-item="5"]>.item>.midd>.midd>ul>li:before{content:"-"; display:block; position:absolute; left:0; top:-1px;}

    [data-item="5"]>.item:nth-child(1)>.midd{height:calc(100% - 100px);}
    [data-item="5"]>.item:nth-child(1)>.midd>.midd{height:calc(100% - 77px);}

    [data-item="5"]>.item:nth-child(2)>.midd{height:100%; margin-top:0;}
    [data-item="5"]>.item:nth-child(2)>.midd>.midd{height:calc(100% - 114px);}
	[data-item="5"]>.item:nth-child(2)>.midd>.head{position:relative; padding-right:70px;}
	[data-item="5"]>.item:nth-child(2)>.midd>.head>[data-skin="select"]{position:absolute; right:0; top:0; width:70px; margin:0; border-left:1px solid #E0E0E0;}
	[data-item="5"]>.item:nth-child(2)>.midd>.head>[data-skin="select"]>select{min-width:10px; padding:0 10px; border:none; background-image:url(../img/layout/icon-select2.svg); background-size:auto 50%;}



[data-align="left"]{text-align:left;}
[data-align="center"]{text-align:center;}
[data-align="right"]{text-align:right;}


.folder-list>li a{display:block; position:relative; padding-left:22px; text-decoration:none; font-size:15px; color:#000;}
	.folder-list>li a:before{content:""; display:block; position:absolute; left:0; top:6px; width:16px; height:16px; background-image:url(../img/layout/folder-green.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
	.folder-list>li ul{padding-left:22px; margin:2px 0 6px 0;}

.btn-tip{display:inline-block; position:relative; width:20px; height:20px; vertical-align:middle;}
	.btn-tip .open,
	.btn-tip .open>span{display:block; width:100%; height:100%;}
	.btn-tip .open>span{overflow:hidden; text-align:left; text-indent:-1000px; background-image:url(../img/layout/tip-blue.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
	.btn-tip .close,
	.btn-tip .close>span{display:block; width:100%; height:100%;}
	.btn-tip .close{position:absolute; right:10px; top:10px; width:16px; height:16px;}
	.btn-tip .close>span{
		overflow:hidden; text-align:left; text-indent:-1000px; background-image:url(../img/layout/svg_icon_7.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
		-webkit-transition:transform 0.3s ease;
		transition:transform 0.3s ease;
	}
	.btn-tip .close:hover>span{
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	.btn-tip .bx{
		display:none; position:absolute; left:50%; bottom:calc(100% + 10px); z-index:1000; width:300px; padding:10px 36px 10px 10px; background-color:#fff;
		-webkit-border-radius:5px;
		border-radius:5px;
		-webkit-box-shadow:3px 3px 20px rgba(0,0,0,0.1);
		box-shadow:3px 3px 20px rgba(0,0,0,0.1);
		-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
	}

.searchform{
	position:relative; width:100%; height:34px; line-height:calc(34px - 2px); padding:0 70px 0 130px; border:1px solid #4F4F4F; color:#4F4F4F;
	-webkit-border-radius:17px;
	border-radius:17px;
}
	.searchform select{position:absolute; left:0; top:0; width:125px; height:32px; line-height:30px; padding-left:15px; font-size:16px; border:none; color:#4F4F4F; background-color:transparent;  background-image:url(../img/layout/svg_icon_3.svg); background-repeat:no-repeat; background-position:right center; background-size:16px 16px;}
	.searchform input[type="text"]{width:100%; height:32px; line-height:32px; font-size:16px; border:none; background-color:transparent;}
	.searchform input[type="submit"]{position:absolute; right:0; top:0; width:65px; height:32px; font-size:16px; border:none; color:#4F4F4F; background:url(../img/layout/svg_icon_4.svg) no-repeat left center; background-size:16px 16px;}
	.searchform [data-skin="btn"]{width:100%; padding:0 0.5em 0 0.8em; margin:0; color:#4F4F4F;}
	.searchform [data-skin="btn"]>span{font-size:14px;}
	
/*211118 추가 */
[data-skin="btn"][data-icon="uplist"]>span:before{background-image:url(../img/layout/icon_uplist.png);} 
[data-skin="btn"][data-icon="basiclist"]>span:before{background-image:url(../img/layout/icon_basiclist.png);} 
[data-skin="btn"][data-color="5"] span {color:#fff!important;}


[data-skin="type-box-excel"] .buttonbox {display: inline-block;float: right; margin-top: -57px;width: 138px!important;}
[data-skin="type-box-excel"] .buttonbox [data-skin="btn"]{float: right;}


@media all and (max-width : 760px){
    
    [data-skin="type-box-excel"] .buttonbox {float: none; margin-top:0;margin-bottom: 5px;width: 100%!important;margin-top: -15px;}
    [data-skin="type-box-excel"] .buttonbox [data-skin="btn"]{float: none; display: inline-block; }

}