@charset "UTF-8";

/* 탭 :공통 */
div[class^="tab_prfsr"]{ position:relative; font-family:'SCDream'; font-weight:600; text-align:left; margin-bottom:2.5rem; }
div[class^="tab_prfsr"]:after { display:block; clear:both; content:""; }
ul[class^="tab_prfsr"]:after { display:block; clear:both; content:""; }
ul[class^="tab_prfsr"] + *[class^="tit"]{ margin-bottom:0; }
ul[class^="tab_prfsr"] a[target='_blank'] > span:after { font-size:.89rem; content:"\e980"; font-family:'xeicon'; display:inline-block; padding-left:0.35rem; }
ul[class^="tab_prfsr"] a{-webkit-transition:background 0.3s ease, filter 0.3s ease; transition:background 0.3s ease, filter 0.3s ease; }

/* 탭 :1차 탭 */
.tab_prfsr1 { margin:-.125rem; }
.tab_prfsr1 > li { font-size:0.95rem; line-height:1; padding:.125rem; float:left; width:25%; }
.tab_prfsr1 > li a {position:relative; display:table; table-layout:fixed; width:100%; height:3.25rem; padding:0 1rem 0 .5rem; color:#555; background:#fff; border:2px solid #dcdcdc; line-height:1.2; }
.tab_prfsr1 > li a:after { position:absolute; top:50%; right:.5rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:'xeicon'; color:#797979; font-size:1rem; content:'\e936'; -webkit-transition:color .3s; transition:color .3s; }
.tab_prfsr1 > li a > span {position:relative; display:table-cell; width:100%; overflow:hidden;vertical-align: middle;}
.tab_prfsr1 > li.on a:before { color:#fff; }
.tab_prfsr1 > li.on a[target='_blank']:before { color:#fff; }
.tab_prfsr1 > li.on a { border:2px solid #2856a4; background:#2856a4; box-shadow:0 0 10px rgba(34, 73, 157, 0.5); }
.tab_prfsr1 > li a:hover,
.tab_prfsr1 > li a:focus { color:#2c51a1; border-color:#285ba7; }
.tab_prfsr1 > li a:hover:after,
.tab_prfsr1 > li a:focus:after { color:#2c51a1; }
.tab_prfsr1 > li.on a { color:#fff; }
.tab_prfsr1 > li.on a:after,
.tab_prfsr1 > li.on a:hover:after,
.tab_prfsr1 > li.on a:focus:after { color:#fff; }

/* 탭 :2차 탭 */
.tab_prfsr2{ margin:-.25rem; }
.tab_prfsr2 li { position:relative; width:25%; float:left; padding:.25rem; }
.tab_prfsr2 li a { position:relative; display:block; padding:1rem 2rem 1rem 1rem; line-height:1; font-size:.9rem; color:#555;  border:1px solid #dcdcdc; }
.tab_prfsr2 li a:after { position:absolute; top:50%; right:.5rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:'xeicon'; color:#797979; font-size:1rem; content:'\e936'; -webkit-transition:color .3s; transition:color .3s; }
.tab_prfsr2 li a:hover,
.tab_prfsr2 li a:focus,
.tab_prfsr2 li a:hover:before,
.tab_prfsr2 li a:focus:before { color:#333; border:1px solid #999; background:#f7f7f7; }
.tab_prfsr2 li.on a,
.tab_prfsr2 li.on a:hover,
.tab_prfsr2 li.on a:focus,
.tab_prfsr2 li.on a:before { color:#2856a4; font-weight:600; border:1px solid #2856a4; background:#f5f8ff; }
.tab_prfsr2 li.on a:hover:after,
.tab_prfsr2 li.on a:focus:after,
.tab_prfsr2 li.on a:after { color:#2856a4; font-weight:600; }

@media screen and (max-width:1184px){
	/* 탭 :반응형 */
	ul[class^="tab_prfsr"]{ margin-bottom:1.5rem; }
	
	/* 탭 :개수 지정 */
	.Tab_w20 > li { width:25%; }

	/* 탭 :1차 탭 */
	.tab_prfsr1 > li { width:50%; }
}