@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 *
 * 기존 css와의 충돌로 인하여 모달만 분리 2019-01-03 (원본파일명 ) bootstrap-3.3.2-dist.zip -> bootstrap.css
 */

	/* modal Ui // common */
	.modal .close{position: absolute;}
	.modal .close:not(.type1){font-size: 0;}
	.modal .close:hover, .modal .close:focus{color: #000; text-decoration: none; filter: alpha(opacity=50); opacity: .5; cursor: pointer;}
	.modal button.close{background: transparent; border: 0; padding: 0; -webkit-appearance: none; cursor: pointer;}
	.modal-open{overflow: hidden;}
	.modal{text-align: center; outline: 0; overflow: hidden; display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1050; -webkit-overflow-scrolling: touch;}
	.modal.fade .modal-dialog{
	  -webkit-transition: -webkit-transform .3s ease-out;
	       -o-transition:      -o-transform .3s ease-out;
	          transition:         transform .3s ease-out;
	  -webkit-transform: translate(0, -25%);
	      -ms-transform: translate(0, -25%);
	       -o-transform: translate(0, -25%);
	          transform: translate(0, -25%);
	}
	.modal.in .modal-dialog{
	-webkit-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	     -o-transform: translate(0, 0);
	        transform: translate(0, 0);
	}
	.modal-open .modal{overflow-x: hidden; overflow-y: auto;}
	.modal-dialog{width: auto; text-align: center; vertical-align: middle; display: inline-block; margin: 10px; position: relative;}
	.modal-content{
		background-color: #FFF;
		-webkit-background-clip: padding-box;
				background-clip: padding-box;
		border: 1px solid #999;
		border: 1px solid rgba(0, 0, 0, .2);
		outline: 0;
		-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
				box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
		position: relative;
	}
	.modal-backdrop{background-color: #000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040;}
	.modal-backdrop.fade{filter: alpha(opacity=0); opacity: 0;}
	.modal-backdrop.in{filter: alpha(opacity=50); opacity: .5;}
	.modal-header{position: relative;}
	.modal-header .close{margin-top: -2px;}
	.modal-title{line-height: 1.42857143; margin: 0;}
	.modal-body{position: relative;}
	.modal-body .template-wrap{width: 620px; height: 275px; white-space: nowrap; overflow-x: scroll; overflow-y: hidden;}
	.modal-body .template{display: inline; margin: 0px; padding-right: 30px;}
	.modal-body .template img{border : 1px solid #CECECE; cursor: pointer;}
	:not(.type3) .modal-footer{text-align: right;}
	.modal-footer .btn + .btn{margin-left: 5px; margin-bottom: 0;}
	.modal-footer .btn-group .btn + .btn{margin-left: -1px;}
	.modal-footer .btn-block + .btn-block{margin-left: 0;}
	.modal-scrollbar-measure{width: 50px; height: 50px; position: absolute; top: -9999px; overflow: scroll;}
	
	/* modal Ui // design type0(design guide not header) */
	.modal-content.type0{border-radius: 10px;}
	.modal-content.type0 .modal-body{padding: 25px 24px;}
	.modal-content.type0 .modal-footer{padding: 15px 25px 45px;}
	
	/* modal Ui // design type1(bootstrap original design) */
	.modal-content.type1{border-radius: 6px;}
	.modal-content.type1 .modal-header{border-bottom: 1px solid #E5E5E5; padding: 15px;}
	.modal-content.type1 .modal-header>.close{color: #000; font-size: 21px; font-weight: bold; line-height: 1; text-shadow: 0 1px 0 #FFF; filter: alpha(opacity=20); opacity: .2; transform: translateY(-50%); top: 50%; right: 20px;}
	.modal-content.type1 .modal-body{padding: 15px;}
	.modal-content.type1 .modal-footer{border-top: 1px solid #E5E5E5; padding: 15px;}
	
	/* modal Ui // design type2(design guide for admin & judge) */
	.modal-content.type2{border-radius: 0;}
	.modal-content.type2 .mCSB_container:not(.mCS_no_scrollbar){padding-right: 15px;}
	.modal-content.type2 .modal-header{min-height: 60px; background: #3A3D40; box-shadow: 3px 3px 3px rgba(0,0,0,.13); padding: 13px 25px;}
	.modal-content.type2 .modal-header>h4{color: #FFF; font-size: 20px; text-align: left;}
	.modal-content.type2 .modal-header>.deco{width: 100%; height: 30px; background: rgba(255,255,255,.04); position: absolute; top: 0; left: 0;}
	.modal-content.type2 .modal-header>.close{width: 60px; height: 60px; background-image: url("../../images/common/controls.png"); background-repeat: no-repeat; background-size: auto; background-position: 0 -164px; color: transparent; position: absolute; transform: translateY(-50%); top: 50%; right: 0;}
	.modal-content.type2 .modal-body{margin: 35px 0 0; padding: 0 25px;}
	.modal-content.type2 .modal-body.scrollbarUi{max-height: calc(70vh - 42px);}
	.modal-content.type2 .modal-footer{padding: 15px 25px 45px;}
	.modal-content.type2 .modal-footer.divsLine{padding-top: 45px; position: relative;}
	.modal-content.type2 .modal-footer.divsLine:before{content: ""; width: calc(100% - 50px); height: 1px; background: #3A3D40; display: inline-block; position: absolute; top: 28px; left: 25px;}

	/* modal Ui // design type3(design guide) */
	.modal-content.type3{border-radius: 0;}
	.modal-content.type3 .modal-header{background: #FFF; padding: 43px 45px 20px;}
	.modal-content.type3 .modal-header>h4{color: #111; font-size: 30px; font-weight: 700; border-bottom: 2px solid #D95151; padding-bottom: 15px;}
	.modal-content.type3 .modal-header>.deco{display: none;}
	.modal-content.type3 .modal-header>.close{width: 32px;height: 32px;background-image: url(../../images/common/controls.png);background-repeat: no-repeat;background-size: auto;background-position: 0 -180px;color: transparent;top: -44px;right: 0px;}
	.modal-content.type3 .modal-body{padding: 0 45px 30px;}
	.modal-content.type3 .modal-body .titMsg{color: #111; font-weight: 500;}
	.modal-content.type3 .modal-footer{padding: 0;}
	.modal-content.type3 .modal-footer:after{content: " "; display: table; table-layout: fixed; clear: both !important;}

	/* modal Ui // design type4(design guide) */
	.modal-content.type4{border-radius: 0;}
	.modal-content.type4 .modal-header{background: #FFF; padding: 43px 45px 10px;}
	.modal-content.type4 .modal-header>h4{color: #111; font-size: 32px; font-weight: 500; padding-bottom: 15px;}
	.modal-content.type4 .modal-header>.deco{display: none;}
	.modal-content.type4 .modal-header>.close:not(.foot){width: 60px; height: 60px; background-image: url("../../images/common/controls.png"); background-repeat: no-repeat; background-size: auto; background-position: 0 -164px; color: transparent; top: -60px; right: -30px;}
	.modal-content.type4 .close.foot{font-family: "NanumSquare", sans-serif; width: 100%; height: 65px; background: #000; color: #FFF; font-size: 18px; line-height: 64px; left: 0; bottom: 0; z-index: 1;}
	.modal-content.type4 .close.foot:focus-within, .modal-content.type4 .close.foot.focus-within, .modal-content.type4 .close.foot:hover{opacity: .85;}
	.modal-content.type4 .close.foot:focus-within, .modal-content.type4 .close.foot.focus-within{border: 3px solid #E45151; border-top-width: 4px; line-height: 56px;}
	.modal-content.type4 .modal-body{padding: 0 45px 30px;}
	.modal-content.type4 .modal-body [class*="tab"]{padding-bottom: 30px;}
	.modal-content.type4 .modal-footer{padding: 0;}
	.modal-content.type4 .modal-footer:after{content: " "; display: table; table-layout: fixed; clear: both !important;}
	
	/* modal Ui // design type5(design guide for only judge) */
	.modal-content.type5{border-radius: 0;}
	.modal-content.type5 .mCSB_container:not(.mCS_no_scrollbar){padding-right: 15px;}
	.modal-content.type5 .modal-header{min-height: 60px; background: #3A3D40; box-shadow: 3px 3px 3px rgba(0,0,0,.13); padding: 13px 25px;}
	.modal-content.type5 .modal-header>h4{color: #FFF; font-size: 20px; text-align: left;}
	.modal-content.type5 .modal-header>.deco{width: 100%; height: 30px; background: rgba(255,255,255,.04); position: absolute; top: 0; left: 0;}
	.modal-content.type5 .modal-header>.close{width: 60px; height: 60px; background-image: url("../../images/common/controls.png"); background-repeat: no-repeat; background-size: auto; background-position: 0 -164px; color: transparent; position: absolute; transform: translateY(-50%); top: 50%; right: 0;}
	.modal-content.type5 .modal-body{margin: 35px 0 0; padding: 0 25px;}
	.modal-content.type5 .modal-body .evalListPnl.scrollbarUi{height: calc(70vh - 42px);}
	.modal-content.type5 .modal-body .evalListPnl.scrollbarUi table{width: auto;}
	.modal-content.type5 .modal-footer{padding: 15px 25px 45px;}
	.modal-content.type5 .modal-footer.divsLine{padding-top: 45px; position: relative;}
	.modal-content.type5 .modal-footer.divsLine:before{content: ""; width: calc(100% - 50px); height: 1px; background: #3A3D40; display: inline-block; position: absolute; top: 28px; left: 25px;}
	
	/* modal Ui // design type6(design guide) */
	.modal-dialog.type6{width: auto !important;}
	.modal-content.type6{border-radius: 0;}
	.modal-content.type6 .modal-header{background: #FFF;}
	.modal-content.type6 .modal-header>h4{color: #111; font-size: 30px; font-weight: 500; padding-bottom: 15px;}
	.modal-content.type6 .modal-header>.deco{display: none;}
	.modal-content.type6 .modal-header>.close{width: 32px;height: 32px;background-image: url(../../images/common/controls.png);background-repeat: no-repeat;background-size: auto;background-position: 0 -180px;color: transparent;top: -44px;right: 0px;}
	.modal-content.type6 .modal-body{padding: 0px;}
	.modal-content.type6 .modal-body [class*="tab"]{padding-bottom: 30px;}
	.modal-content.type6 .modal-footer{padding: 10px; text-align:left;}
	.modal-content.type6 .modal-footer:after{content: " "; display: table; table-layout: fixed; clear: both !important;}
	
	/* modal Ui // design type8(design guide) */
	/* 2021-10-22 감리전 리뉴얼화면 적용을 위한 css ** 미란 작성
	.modal-content.type8{border-radius: 0;}
	.modal-content.type8 .modal-header{}
	.modal-content.type8 .modal-header>.close{width: 60px; height: 60px; background-image: url("../../images/common/controls.png"); background-repeat: no-repeat; background-size: auto; background-position: 0 -164px; color: transparent; top: -60px; right: -30px;}
	.modal-content.type8 .modal-body{padding: 0 45px 30px;}
	.modal-content.type8 .modal-body .titMsg{color: #111; font-weight: 500;}
	.modal-content.type8 .modal-footer{padding: 0;}
	.modal-content.type8 .modal-footer:after{content: " "; display: table; table-layout: fixed; clear: both !important;}
	*/
	.modal-content.type8{background: #FCFCFC; border-radius: 0; border-top: 5px solid #E45151;}
	.modal-content.type8 .modal-header{}
	.modal-content.type8 .modal-header>.close{width: 32px; height: 32px; background-image: url("../../images/common/controls.png"); background-repeat: no-repeat; background-size: auto; background-position: 0 -180px; color: transparent; top: -44px; right: 0px;}
	.modal-content.type8 .modal-body{padding: 0 45px 30px;}
	.modal-content.type8 .modal-body .titMsg{color: #111; font-weight: 500;}
	.modal-content.type8 .modal-footer{padding: 0;}
	.modal-content.type8 .modal-footer:after{content: " "; display: table; table-layout: fixed; clear: both !important;}

	/*  modal Ui // button */
	.flat{height: 65px; font-size: 18px; font-weight: 500; text-align: center; line-height: 70px;}
	.flat:only-of-type{width: 100%; clear: both;}
	.flat:not(:only-of-type){width: 50%; float: left;}

	/*  modal Ui // button color (common.css에 button클래스에서 사용한 컬러정보와 동일합니다.) */
	.flat.black{background-color: #161616; color: #FFF; border: 1px solid #161616;}
	.flat.black:hover{background-color: #161616; color: #FFF; border: 1px solid #161616;}
	.flat.black:active{background-color: #161616; color: #FFF; border: 1px solid #161616;}
	.flat.blueGraphite{background-color: #373B43; color: #FFF; border: 1px solid #373B43;}
	.flat.blueGraphite:hover{background-color: #373B43; color: #FFF; border: 1px solid #373B43;}
	.flat.blueGraphite:active{background-color: #373B43; color: #FFF; border: 1px solid #373B43;}
	.flat.graphite{background-color: #3A3D40; color: #FFF;}
	.flat.graphite:hover{background-color: #3A3D40; color: #FFF;}
	.flat.graphite:active{background-color: #3A3D40; color: #FFF;}
	.flat.darkGray{background-color: #4F5156; color: #FFF;}
	.flat.darkGray:hover{background-color: #5E6065; color: #FFF;}
	.flat.darkGray:active{background-color: #3F3F42; color: #FFF;}
	.flat.gray{background-color: #6D6E70; color: #FFF;}
	.flat.gray:hover{background-color: #7F7F7F; color: #FFF;}
	.flat.gray:active{background-color: #606060; color: #FFF;}
/*	.flat.semiLightGray{}
	.flat.semiLightGray:hover{}
	.flat.semiLightGray:active{}*/
	.flat.lightGray{background-color: #B4B6B8; color: #FFF;}
	.flat.lightGray:hover{background-color: #B4B6B8; color: #FFF;}
	.flat.lightGray:active{background-color: #B4B6B8; color: #FFF;}
	.flat.semiWhiteGray2{background-color: #EDEDED; color: #666; border: 1px solid #D5D5D5;}
	.flat.semiWhiteGray2:hover{background-color: #F3F3F3; color: #666; border: 1px solid #D5D5D5;}
	.flat.semiWhiteGray2:active{background-color: #E6E6E6; color: #666; border: 1px solid #D5D5D5;}
	.flat.semiWhiteGray{background-color: #E7E7E7; color: #353535; border: 1px solid #D5D5D5;}
	.flat.semiWhiteGray:hover{background-color: #E7E7E7; color: #353535; border: 1px solid #D5D5D5;}
	.flat.semiWhiteGray:active{background-color: #E7E7E7; color: #353535; border: 1px solid #D5D5D5;}
	.flat.whiteGray2{background-color: #EDEDED; color: #666;}
	.flat.whiteGray2:hover{background-color: #F3F3F3; color: #666;}
	.flat.whiteGray2:active{background-color: #E6E6E6; color: #666;}
	.flat.whiteGray{background-color: #F7F7F7; color: #000;}
	.flat.whiteGray:hover{background-color: #F7F7F7; color: #000;}
	.flat.whiteGray:active{background-color: #F7F7F7; color: #000;}
	.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;}
	.flat.redOrge{background-color: #D95151; color: #FFF;}
	.flat.redOrge:hover{background-color: #EF5858; color: #FFF;}
	.flat.redOrge:active{background-color: #DC4747; color: #FFF;}
	.flat.redOrge.line{background-color: #FFF; color: #D95151;}
	.flat.redOrge.line:hover{background-color: #FFF; color: #EF5858;}
	.flat.redOrge.line:active{background-color: #FFF; color: #DC4747;}
	.flat.redOrge.line2{background-color: #FFF; color: #000;}
	.flat.redOrge.line2:hover{background-color: #FFF; color: #000;}
	.flat.redOrge.line2:active{background-color: #FFF; color: #000;}

	/* modal Ui // Pagination */
	.modal-content .pagination .pageLink{width: 28px; height: 28px; font-size: 15px;}
	.modal-content.type4 .modal-body [class*="tab"].scrollbarUi .mCSB_container:not(.mCS_no_scrollbar){padding-right: 15px;}
	.modal-content.type4 .modal-body [class*="tab"].scrollbarUi .mCustomScrollBox .mCS_no_scrollbar{padding-right: 0;}
	.modal-content.type4 .modal-body [class*="tab"].scrollbarUi .mCustomScrollBox .mCS_touch{padding-right: 15px;}
@media screen and (min-width: 992px){
	/* desktop device support */
	.modal-dialog.modal-sm2{width: 652px;}
	.modal-dialog.modal-md{width: 752px;}
	.modal-dialog.modal-lg{width: 902px;}
	.modal-dialog.modal-xl{width: 56vw; max-width: 1055px;}
	.modal-dialog.modal-full{width: 90vw;}
	
	/* 202103 메인 팝업 시작, 기간 완료 후 삭제 */
	.modal.mainModal2 .modal-dialog.modal-sm2{width: 582px;}
	/* 202103 메인 팝업 끝, 기간 완료 후 삭제 */
}
@media screen and (min-width: 769px){
	/* supporting desktop device to Tablet device */
	.modal:before{content: ""; height: 100%; vertical-align: middle; display: inline-block;}
	.modal-dialog{width: 602px; margin: 30px auto;}
	.modal-dialog.type3, .modal-dialog.type4{margin: 60px auto 30px;}
	.modal-content{
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
				box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
	.modal-dialog.modal-sm{width: 300px;}
	.modal-nHead{width: 452px;}
	.modal-content.type3.scrollbarUi.modal-body{max-height: 680px;}
	.modal-content.type3 .modal-body .board3.type1.scrollbarUi{height: 28vw;}
	.modal-content.type4 .modal-body [class*="tab"].scrollbarUi{height: 50vh;}
	.modal-content.type3 .modal-body .titMsg{font-size: 22px;}
}

@media screen and (max-width: 768px){
	/* all Moblie device support ** modal Ui // design type3(design guide) */
	.modal-dialog.type3, .modal-dialog.type4{margin-top: 60px;}
	.modal-content.type3 .modal-header{padding: 5.59vw 5vw 2.6vw;}
	.modal-content.type3 .modal-header>h4{font-size: 3.9vw;}
	.modal-content.type3 .modal-body{padding-top: 15px; padding-left: 5vw; padding-right: 5vw;}
	.modal-content.type3 .modal-body.scrollbarUi.mCustomScrollbar .mCustomScrollBox .mCS_touch{padding-right: 17px;}
	.modal-content.type3 .modal-body.noScrllWrap{padding-top: 0;}
	.modal-content.type4 .modal-header{padding: 5.59vw 5.85vw 1.3vw;}
	.modal-content.type4 .modal-body{padding: 0 5vw 0;}
	.modal-content.type6 .modal-body{padding: 0 5vw 0;}
	.modal-content.type8 .modal-header>.close{width: 50px; height: 50px; background-color: #E45151; background-position: center -172px; top: 2px; right: -1px; opacity: 1; z-index: 1;}
}
@media screen and (max-width: 768px) and (min-width: 641px){
	.modal-dialog{width: 80vw;}
	.modal-content.type3 .modal-body .titMsg{font-size: 20px;}
	.modal-content.type3 .modal-body.scrollbarUi:not(.noScrllWrap):not(.accntPnl){height: 62vh;}
	.modal-content.type4 .modal-body [class*="tab"].scrollbarUi{height: 50vh;}
	.modal-content.type4 .modal-header>h4{font-size: 3.9vw;}
}
@media screen and (max-width: 640px){
	/* wide Moblie device support */
	.modal-dialog{width: 95vw;}
	.modal-dialog.type3, .modal-dialog.type4{margin-top: 10px;}
	.modal-content.type3 .modal-header>.close, .modal-content.type4 .modal-header>.close, .modal-content.type6 .modal-header>.close{width: 9.5vw; height: 9.5vw; background-color: rgba(228, 81, 81, .7); background-size: 50%; background-position: center -26vw; top: 2px; right: 0;}
	.modal-content.type6 .modal-header>.close{background-color: rgba(228, 81, 81, 1);z-index: 2;}
	.modal-content.type3 .modal-header>h4{font-size: 20px;}
	.modal-content.type4 .modal-header>h4{font-size: 22px;}
	.modal-content.type4 .modal-body{padding: 0 1.56vw 0;}
	.modal-content.type6 .modal-body{padding: 0 1.56vw 0;}
	.modal-content.type3 .modal-body .titMsg+.desc{font-size: 14px; padding-top: 5px;}
	.modal-content.type3 .modal-body.scrollbarUi:not(.noScrllWrap):not(.accntPnl){height: calc(60vh - 25px);}
	.modal-content.type4 .modal-body [class*="tab"].scrollbarUi{height: calc(60vh - 20px);}
	.modal-content.type6 .modal-body #pop-img-detail{font-size: 12px !important;font-weight: 100 !important;letter-spacing: 0px !important;}
}
@media screen and (max-width: 374px){
	/* 4in iPhone(5/5s/SE) support */
	.modal-content.type3 .modal-header{padding: 25px 20px;}
	.modal-content.type4 .modal-header{padding-top: 14px; padding-bottom: 0;}
	.modal-content.type4 .modal-header>h4{font-size: 20px;}
	.modal-content.type4 .modal-body [class*="tab"]{padding-bottom: 15px;}
	.modal-content.type4 .modal-body [class*="tab"].scrollbarUi{height: calc(60vh - 50px);}
	.modal-content.type4 .modal-body [class*="tab"].scrollbarUi .mCustomScrollBox .mCS_touch{padding-right: 7px;}
	.flat{height: 45px; font-size: 15px; line-height: 46px;}
	.modal-content.type6 .modal-header{padding-top: 14px; padding-bottom: 0;}
	.modal-content.type6 .modal-body [class*="tab"]{padding-bottom: 15px;}
	.modal-content.type6 .modal-body #pop-img-detail{font-size: 10px !important;font-weight: 100 !important;letter-spacing: 0px !important;}
}