/*
layout.css
*/

label { display:none; }



.fl { float:left; }
.fr { float:right; }

.textAlignL { text-align:left;}
.textAlignR { text-align:right;}
.textAlignC { text-align:center;}

.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }

.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }

.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }

.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }

.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }
.pr50 { padding-right:50px; }

.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }

.w10 { width:10%; }
.w20 { width:20%; }
.w30 { width:30%; }
.w40 { width:40%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w100 { width:100%; }

.error_sq { width:50%; margin:100px auto; background:#e0e0e0 url("/scourt/common/images/img_error.png") 40px 90px no-repeat; padding: 50px 50px 50px 170px; }
.error_sq .tit { font-size:16px; line-height:22px; color:#333; padding-bottom:20px; }
.error_sq .con { font-size:14px; line-height:20px; color:#666; }
.error_sq .btnBox { margin-top:20px; text-align:left; }
.error_sq .blueBtn { display:inline-block; background:#36536a; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin:3px; line-height:30px; }
.error_sq .blueBtn:hover, .contentIn .tableHorV tr td.tit .blueBtn:hover { color:#fff; text-decoration: none; }
.error_sq .redBtn { display:inline-block; background:#871517; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin:3px; line-height:30px; }
.error_sq .redBtn:hover { color:#fff; text-decoration: none; }

/*************************************************/
/* default */   
/*************************************************/
.hide { float:left; z-index:1; font-size:0px;}
h1 { margin-top:0px;}
h2 { float:left;}
h3 { float:left;}

body { position:relative; }

.back { }
	.back.layerPopBg { position:fixed; left:0px; top:0px; width:100%; height:100%; background:url("/supreme/common/images/black.png") repeat; z-index:19; }

.vis { display:block; }
.unVis { display:none; }

.headerout { height:100px; width:100%; background:#fff none;  }
.header { position:relative; max-width:1160px; width:100%; margin:0 auto;  }
.header:after { content:""; display:block; clear:both; }
.header .logo { float:left; margin-left:10px; }

.header .search { display:block; }
.header .search.vis { display:block; }
.header .search { position:absolute; right:180px; top:40px; vertical-align:top; }
.header .search .searchInput { height:24px; width:150px; border:1px solid #7f7f7f; vertical-align:top; padding:0; margin:0;line-height: 24px;}
.header .search .searchBtn { display:inline-block; height:24px;  border:1px solid #004e97; background:#004e97;  color:#fff; padding:0px 10px; line-height:24px; margin-left:-3px; }

.header .util { float:right; padding-top:40px; margin-right:10px;}
.header .util a { vertical-align:middle; }
.header .searchicon { display:inline-block; width:40px; height:26px; background:#7f7f7f url("/scourt/common/images/searchicon.png") 10px 3px no-repeat; margin-right:15px; }
.header span { padding:0px 10px; }
.header .util2 {display:none;}

.mainOut { width:100%;  background:#eeecec;}
.mainIn {  margin:0 auto; max-width:1160px; position:relative; }
	.mainIn {  margin:0 auto; width:100%; }
	.mainIn .dummy {  }
	.mainIn .dummy img { max-width:100%; width:inherit; }
	.mainIn .gateimg { }
	.mainIn .gateimg li { position:absolute; left:0; top:0;  }
	.mainIn .gateimg li img { max-width:100%; width:inherit; }
	
	.mainIn .banner { position:absolute;  left:0px; top:60px; width:100%;  }
	.mainIn .bannerImg { position:absolute; width:100%; text-align:center; }
/* 2018.01.12 modify & add
	.mainIn .bannerImg img { max-width:670px; width:100%; }
*/
	.mainIn .bannerImg img { max-width:750px; width:100%; max-height:180px;}
	.mainIn .mbanner { display:none;  }
	
	.mainIn .anc { position:absolute; max-width:1160px; width:100%; top:250px; margin:0 auto; }
	.mainIn .anc .ancL { position:absolute; left:20px; top:0px; }
	.mainIn .anc .ancR { position:absolute; right:20px; top:0px; }
	
	/* 2017.12.15 main image control */
	.mainIn .control2 { position:absolute; top:20px;  right:20px; }
	.mainIn .control2 .pause { display:inline-block; width:28px; height:28px; background:url("/scourt/common/images/sbtn_player_stop.png") left top no-repeat; }
	.mainIn .control2 .pause.stop { background:url("/scourt/common/images/sbtn_player_play.png") left top no-repeat; }

	.mainIn .linkArea { position:absolute; top:400px;  max-width:1160px; width:100%; margin:0 auto; text-align:center; }
	.mainIn .linkArea > div { display:inline-block;  width:20%; }
	.mainIn .linkArea .linkImg { display:block; width:100%; text-align:center; position:relative; }
	.mainIn .linkArea .linkImg img { margin:0 auto; text-align:center; width:152px; }
	.mainIn .linkArea .linkImg .linkTxt { display:block; position:absolute; top:110px; color:#fff; font-size:20px; width:100%;  text-align:center; }



.footerOut {  width:100%; height:80px; text-align:center; }
.footer {   max-width:1160px; width:100%; margin:0 auto; }
.footer .info { float:left; text-align:left; margin-top:10px; }
.footer .info .footLink span { padding:0 10px;}
.footer .info .address { margin-top:10px; line-height:18px; }
.footer .sns { float:right; text-align:left;  }




.footer .sns ul li { float:left; margin-right:5px; margin-top:20px;}
	.footer .sns ul li a { display:inline-block; width:24px; height:24px; overflow:hidden; text-indent:-999px;}
	.footer .sns .facebook { background:url("/scourt/common/images/icon_facebook.gif") left top no-repeat; }
	.footer .sns .facebook:hover { background:url("/scourt/common/images/icon_facebook.gif") left -25px no-repeat; }
	.footer .sns .twitter { background:url("/scourt/common/images/icon_twitter.gif") left top no-repeat; }
	.footer .sns .twitter:hover { background:url("/scourt/common/images/icon_twitter.gif") left -25px no-repeat; }
	.footer .sns .naverblog { background:url("/scourt/common/images/icon_naver.gif") left top no-repeat; }
	.footer .sns .naverblog:hover { background:url("/scourt/common/images/icon_naver.gif") left -25px no-repeat; }
	.footer .sns .daumblog { background:url("/scourt/common/images/icon_daum.gif") left top no-repeat; }
	.footer .sns .daumblog:hover { background:url("/scourt/common/images/icon_daum.gif") left -25px no-repeat; }
	.footer .sns .youtube { background:url("/scourt/common/images/icon_youtube.gif") left top no-repeat; }
	.footer .sns .youtube:hover { background:url("/scourt/common/images/icon_youtube.gif") left -25px no-repeat; }
	.footer .sns .instagram { background:url("/supreme/common/images/icon_insta.gif") left top no-repeat; }
	.footer .sns .instagram:hover { background:url("/supreme/common/images/icon_insta.gif") left -25px no-repeat; }
	.footer .sns .kakao { background:url("/supreme/common/images/icon_kakao.gif") left top no-repeat; }
	.footer .sns .kakao:hover { background:url("/supreme/common/images/icon_kakao.gif") left -25px no-repeat; }

/* layer */

.layer { position:absolute; left:0; top:0; width:80%; margin:10% 8%; background:#fff; border-top: 14px solid #2f1e28; border-bottom:38px solid #2f1e28; padding-bottom: 50px; clear:both; z-index:21; }
		.contentIn .layer:after { content:""; display:block; clear:both; }

		.layerHeader { background:#f8f4ed; height:60px; border-bottom:1px solid #9f9c9b; }
		.layerHeader .tit { font-size:36px; line-height:60px; }
		.layerHeader > a { float:right; margin:20px 20px 0px 0px;}
		
		.layerCon > div { float:left; }
		.layerCon .photo {  display:inline-block; padding:5px; border:1px solid #c7b6a6; margin-top:20px; margin-right:30px; margin-left:10px; }
		.layerCon .photo .name { text-align:center; padding-top:5px; font-size:12px; }
		
		.layerCon .career { display:inline-block; width:95%; margin-top:30px; margin-left:10px; }
		.layerCon .career .title {display:block; font-size:24px; color:#222222; margin-bottom:20px; }
		.layerCon .career .subTit { display:block; font-size:18px; color:#892305; }
		
		.contArea .movieArea { display:inline-block; background:#e1e1e1; width:480px; height:320px;  }
		.contArea .summary { display:inline-block; overflow-y:scroll;  width:43%; height:298px; margin-left:20px; border:1px solid #cccccc; padding:10px; }
		.contArea .movietextBox { margin-top:20px; }

 		.sitemapClose{ position:absolute;top:10px;right:10px;}
 		
/* tab  */
		.tab { margin-top: 20px; width:100%;}
		.tab .tabTitle { background:url("/eng/common/images/tabBg.gif") left bottom repeat-x; }
		.tab .tabTitle:after { content:""; display:block; clear:both; }
		.tab .tabTitle li.first { border-left:1px solid #c9c9c9; }
		.tab .tabTitle li { float:left; cursor:pointer;  padding:15px 15px; font-size:14px; background:#f2f2f2; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
		.tab .tabTitle li.active { color:#9a2d06; border-top:2px solid #9a2d06; background:#fff; border-bottom:none; }
		
		.tab .tabContents { border:1px solid #c9c9c9; border-top:none; padding:20px 2%; }
		.tab .tabContents .tabContent { display:none; }
		.tab .tabContents .tabContent.active { display:block; }

/* menu allMenu  */
	.btnMenuAll_m { display:none; }
	.allMenu.unVis { display:none; }
	

	.allMenu { background:#244a6e; width:100%; }
	.allMenu:after { content:""; display:block; clear:both; }

	.allMenu .dep1 > li { float:left; padding-top:30px; padding-bottom:20px;  }
	#tab1 .dep1 > li { width:16.6%; }
	#tab2 .dep1 > li { width:16.6%; }
	#tab3 .dep1 > li { width:25%; }
	#tab4 .dep1 > li { width:16.6%; }
	.allMenu .dep1 > li.last { background:none; }
	.allMenu .dep1 > li > a { display:inline-block; color:#fff; font-size:18px; padding:20px 20px 15px 20px;}
	
	.allMenu .dep2 > li > a { display:inline-block; color:#89c7ff; font-size:14px; padding:10px 5px 3px 20px;}
	.allMenu .dep2 .mPlus { background:none; }
	.allMenu .dep2 .mMinus { background:none; }

	.allMenu .dep3 > li > a { display:inline-block; color:#c7c7c7; font-size:12px; padding:7px 5px 3px 30px; background:url("/portal/common/images/allMenuD3Dot.png") 16px 11px no-repeat; } 

	.dep3.unVis { display:none; }



/*************************************************/
/* Mobile Device */   
/*************************************************/

@media all and (min-width:1px) and (max-width:767px) {
	
body { position:relative; }

.headerout { height:100px; width:100%; background:#fff none;  }
.header { position:relative; max-width:1160px; width:100%; margin:0 auto;  }
.header:after { content:""; display:block; clear:both; }
.header .logo { float:left; margin-left:10px; }

.header .search { display:none; }
.header .search.vis { display:none; }
.header .search { position:absolute; right:0px; top:100px; vertical-align:top; z-index:3; }
.header .search .searchInput { height:24px; width:200px; border:3px solid #004e97; vertical-align:top; padding:0; margin:0; }
.header .search .searchBtn { display:inline-block; height:24px;  border:3px solid #004e97; background:#004e97;  color:#fff; padding:0px 10px; line-height:24px; margin-left:-3px; }

.header .util { float:right; padding-top:0px; margin-top:40px; margin-bottom:10px;  display:none;}
.header .util a { vertical-align:middle; }
.header .util eng { display:block; }
.header .searchicon {   width:40px; height:26px; background:#7f7f7f url("/scourt/common/images/searchicon.png") 10px 3px no-repeat; margin-right:15px; }
.header span { padding:0px 10px; }
.header .util2 { float:right; padding-top:0px; margin-top:40px; margin-bottom:10px;  margin-right:20px; display:block}

.mainOut { width:100%;  background:#eeecec; }
.mainIn {  margin:0 auto; max-width:1160px; position:relative; }

	/*.mainIn {  margin:0 auto; width:100%; }*/
	
	.mainIn .dummy {width:100%;}
	.mainIn .dummy img { max-width:100%; width:inherit; }
	.mainIn .gateimg { }
	.mainIn .mimg{width:100%;}
	
/* 2018.01.12 modify
	.mainIn .banner { position:absolute;  left:0px; top:110px; width:100%;  }
	.mainIn .bannerImg { position:absolute; width:100%; text-align:center; }
	.mainIn .bannerImg img { max-width:670px; width:100%; }
*/
	.mainIn .banner {display:none;}
	.mainIn .mbanner {display:inline-block; position:relative;top:0;left:0;}
	.mainIn .mbannerImg { position:relative; width:100%; text-align:center; }
	.mainIn .mbannerImg img { max-width:670px; width:100%; }
	.mainIn .mbanner li {float:left;width:25%;}
	.mainIn .mbanner li img {width:100%}	
	
	.mainIn .anc { position:absolute; max-width:1160px; width:100%; top:50px; margin:0 auto; }
	.mainIn .anc .ancL { position:absolute; left:20px; top:0px; }
	.mainIn .anc .ancR { position:absolute; right:20px; top:0px; }
	
	.mainIn .control2 { display:none; }
	
	.mainIn .linkArea { position:relative; left:0; top:0;  max-width:1160px; width:100%; margin:0 auto; text-align:left; }
	.mainIn .linkArea > div { display:inline-block;  width:100%; }
	.mainIn .linkArea .linkImg { display:block; width:100%; text-align:center; position:relative; }
	.mainIn .linkArea .linkImg img { margin:0 auto; text-align:center; display:none;}
	.mainIn .linkArea .linkImg .linkTxt { display:block; position:relative; top:0px; color:#fff; font-size:14px; width:97%;  padding:15px 0px 15px 3%; }
	.mainIn .linkArea .linkImg .linkTxt.t01 { background:#194d79; }
	.mainIn .linkArea .linkImg .linkTxt.t02 { background:#863163; }
	.mainIn .linkArea .linkImg .linkTxt.t03 { background:#12879a; }
	.mainIn .linkArea .linkImg .linkTxt.t04 { background:#456cbd; }


.footerOut {  width:100%; height:80px; text-align:center; }
.footer {   max-width:1160px; width:100%; margin:0 auto; }
.footer .info { float:left; text-align:left; margin-top:30px; margin-left:10px; }
.footer .info .footLink a { display:block; margin:5px 0px; display:none;}
.footer .info .footLink span { display:none;  padding:0 10px;}
.footer .info .address { margin-top:10px; line-height:18px; display:none;}
.footer .sns { float:right; text-align:left;  }

.footer .sns ul li { float:left; margin-right:5px; margin-top:20px; display:none;}
	.footer .sns ul li a { display:inline-block; width:24px; height:24px; overflow:hidden; text-indent:-999px;}
	.footer .sns .facebook { background:url("/scourt/common/images/icon_facebook.gif") left top no-repeat; }
	.footer .sns .facebook:hover { background:url("/scourt/common/images/icon_facebook.gif") left -25px no-repeat; }
	.footer .sns .twitter { background:url("/scourt/common/images/icon_twitter.gif") left top no-repeat; }
	.footer .sns .twitter:hover { background:url("/scourt/common/images/icon_twitter.gif") left -25px no-repeat; }
	.footer .sns .naverblog { background:url("/scourt/common/images/icon_naver.gif") left top no-repeat; }
	.footer .sns .naverblog:hover { background:url("/scourt/common/images/icon_naver.gif") left -25px no-repeat; }
	.footer .sns .daumblog { background:url("/scourt/common/images/icon_daum.gif") left top no-repeat; }
	.footer .sns .daumblog:hover { background:url("/scourt/common/images/icon_daum.gif") left -25px no-repeat; }
	.footer .sns .youtube { background:url("/scourt/common/images/icon_youtube.gif") left top no-repeat; }
	.footer .sns .youtube:hover { background:url("/scourt/common/images/icon_youtube.gif") left -25px no-repeat; }





}




/*************************************************/
/* Tablet Device */   
/*************************************************/

@media all and (min-width:767px) and (max-width:1023px) {
	
body { position:relative; }

.split { display:none; }
.layerBtn { display:none; }
.layer { display:none; }
.layer.unVis { display:none; }
.back { display:none; }

.headerout { height:100px; width:100%; background:#fff none;  }
.header { position:relative; max-width:1160px; width:100%; margin:0 auto;  }
.header:after { content:""; display:block; clear:both; }
.header .logo { float:left; margin-left:10px; }

.header .search { display:block; }
.header .search.vis { display:block; }
.header .search { position:absolute; right:105px; top:40px; vertical-align:top; }
.header .search .searchInput { height:24px; width:150px; border:1px solid #7f7f7f; vertical-align:top; padding:0; margin:0;line-height: 24px;}
.header .search .searchBtn { display:inline-block; height:24px;  border:1px solid #004e97; background:#004e97;  color:#fff; padding:0px 10px; line-height:24px; margin-left:-3px; }

.header .util { float:right; padding-top:40px; margin-right:10px;}
.header .util a { vertical-align:middle; }
.header .searchicon { display:inline-block; width:40px; height:26px; background:#7f7f7f url("/scourt/common/images/searchicon.png") 10px 3px no-repeat; margin-right:15px; }
.header span { padding:0px 10px; }

.mainOut { width:100%;  background:#eeecec;}
.mainIn {  margin:0 auto; max-width:1160px; position:relative; }
	.mainIn {  margin:0 auto; width:100%; }
	.mainIn .dummy {width:100%;}
	.mainIn .dummy img { max-width:100%; width:inherit; }
	.mainIn .gateimg { }
	.mainIn .mimg{width:100%;}
	
	
	.mainIn .banner { position:absolute;  left:0px; top:40px; width:100%;  }
	.mainIn .bannerImg { position:absolute; width:100%; text-align:center; }
	.mainIn .bannerImg img { max-width:670px; width:100%; }
	
	.mainIn .anc { position:absolute; max-width:1160px; width:100%; top:150px; margin:0 auto; }
	.mainIn .anc .ancL { position:absolute; left:20px; top:0px; }
	.mainIn .anc .ancR { position:absolute; right:20px; top:0px; }
	
	.mainIn .linkArea { position:absolute; top:250px;  max-width:1160px; width:100%; margin:0 auto; text-align:center; }
	.mainIn .linkArea > div { display:inline-block;  width:20%; }
	.mainIn .linkArea .linkImg { display:block; width:100%; text-align:center; position:relative; }
	.mainIn .linkArea .linkImg img { margin:0 auto; text-align:center; }
	.mainIn .linkArea .linkImg .linkTxt { display:block; position:absolute; top:110px; color:#fff; font-size:20px; width:100%;  text-align:center; }



.footerOut {  width:100%; height:80px; text-align:center; }
.footer {   max-width:1160px; width:100%; margin:0 auto; }
.footer .info { float:left; text-align:left; margin-top:10px; }
.footer .info .footLink span { padding:0 10px;}
.footer .info .address { margin-top:10px; line-height:18px; }
.footer .sns { float:right; text-align:left;  }

.footer .sns ul li { float:left; margin-right:5px; margin-top:20px;}
	.footer .sns ul li a { display:inline-block; width:24px; height:24px; overflow:hidden; text-indent:-999px;}
	.footer .sns .facebook { background:url("/scourt/common/images/icon_facebook.gif") left top no-repeat; }
	.footer .sns .facebook:hover { background:url("/scourt/common/images/icon_facebook.gif") left -25px no-repeat; }
	.footer .sns .twitter { background:url("/scourt/common/images/icon_twitter.gif") left top no-repeat; }
	.footer .sns .twitter:hover { background:url("/scourt/common/images/icon_twitter.gif") left -25px no-repeat; }
	.footer .sns .naverblog { background:url("/scourt/common/images/icon_naver.gif") left top no-repeat; }
	.footer .sns .naverblog:hover { background:url("/scourt/common/images/icon_naver.gif") left -25px no-repeat; }
	.footer .sns .daumblog { background:url("/scourt/common/images/icon_daum.gif") left top no-repeat; }
	.footer .sns .daumblog:hover { background:url("/scourt/common/images/icon_daum.gif") left -25px no-repeat; }
	.footer .sns .youtube { background:url("/scourt/common/images/icon_youtube.gif") left top no-repeat; }
	.footer .sns .youtube:hover { background:url("/scourt/common/images/icon_youtube.gif") left -25px no-repeat; }

	
	
}