/*=========================================================================================================================
* 프로젝트: 
* 파일명: base.css  사이트 전체에 적용되는 기본 설정값
* 작업자: 한정성
* 작업일: 2018. 4 ~ 
=========================================================================================================================*/

/*========================================================================================================================================================================
	1: fonts styles
=========================================================================================================================================================================*/
@charset "utf-8"; 
/* @import url( "https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css" ); */

 @import url( "/assets/css/font-awesome.css" ); 

@font-face {font-family:'Noto Sans KR';font-weight:100;font-style:normal;src:url('/assets/font/NotoSansKR-Thin.woff2') format('woff2'),url('/assets/font/NotoSansKR-Thin.woff') format('woff'),url('/assets/font/NotoSansKR-Thin.otf') format('opentype');}
@font-face {font-family:'Noto Sans KR';font-weight:normal;font-style:normal;src:url('/assets/font/NotoSansKR-Light.woff2') format('woff2'),url('/assets/font/NotoSansKR-Light.woff') format('woff'),url('/assets/font/NotoSansKR-Light.otf') format('opentype');}
@font-face {font-family:'Noto Sans KR';font-weight:300;font-style:normal;src:url('/assets/font/NotoSansKR-Regular.woff2') format('woff2'),url('/assets/font/NotoSansKR-Regular.woff') format('woff'),url('/assets/font/NotoSansKR-Regular.otf') format('opentype');}
@font-face {font-family:'Noto Sans KR';font-weight:500;font-style:normal;src:url('/assets/font/NotoSansKR-Medium.woff2') format('woff2'),url('/assets/font/NotoSansKR-Medium.woff') format('woff'),url('/assets/font/NotoSansKR-Medium.otf') format('opentype');}
@font-face {font-family:'Noto Sans KR';font-weight:700;font-style:normal;src:url('/assets/font/NotoSansKR-Bold.woff2') format('woff2'),url('/assets/font/NotoSansKR-Bold.woff') format('woff'),url('/assets/font/NotoSansKR-Bold.otf') format('opentype');}



/*========================================================================================================================================================================
	2: General setting
=========================================================================================================================================================================*/


a:link{text-decoration:none;color:#006ebd} /* 방문하지 않은 링크 */
a:visited{text-decoration:none;color:#006ebd} /* 방문했던 링크 */
a:hover,a:active{text-decoration:none;color:#006ebd} /* 마우스 오버시와 클릭시 */


/* 웹 접근성 지침 Web Content Accessibility TTS(Text To Speech) Code */
.tts{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:100px;white-space:nowrap}
.hide{overflow:hidden;position:absolute;left:-9999px;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;margin:0 !important;padding:0 !important}
.none{display:none !important;} 
.clear{clear:both !important;}
.clear:after{content:'';display:block;clear:both}
.fl{float:left !important;}
.fr{float:right !important;}
.o_h{overflow:hidden !important;}
.clearfix{display:block;}
.Mask {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:8888;background-color:#000;background-color:rgba(0,0,0,0.5);}

/*============================================================================================================================================================================
	3. font-size styles and font-weight and width
=============================================================================================================================================================================*/
/*상대단위 (px, em, ex, %, rem)
px : pixel을 기준으로 브라우저에는 고정적이지만 표시장치(기기의 해상도)에 따라서 상대적인 크기를 갖는다.
1px = 1dot
em : 해당폰트의 대문자 M의 너비를 기준으로 값을 가진다.
% : 기본글꼴의 크기에 대해 상대적으로 값을 가진다.*/



.fs10 { font-size:10px !important; } .fs11 { font-size:11px !important; } .fs12 { font-size:12px !important; } 
.fs13 { font-size:13px !important; } .fs14 { font-size:14px !important; } .fs15 { font-size:15px !important; } 
.fs16 { font-size:16px !important; } .fs17 { font-size:17px !important; } .fs18 { font-size:18px !important; } 
.fs19 { font-size:19px !important; } .fs20 { font-size:20px !important; } .fs21 { font-size:21px !important; } 
.fs22 { font-size:22px !important; } .fs23 { font-size:23px !important; } .fs24 { font-size:24px !important; } 
.fs25 { font-size:25px !important; } .fs26 { font-size:26px !important; } .fs27 { font-size:27px !important; }
.fs28 { font-size:28px !important; } .fs29 { font-size:29px !important; } .fs30 { font-size:30px !important; } 
.fs31 { font-size:31px !important; } .fs32 { font-size:32px !important; } .fs33 { font-size:33px !important; }
.fs34 { font-size:34px !important; } .fs35 { font-size:35px !important; } .fs36 { font-size:36px !important; } 
.fs37 { font-size:37px !important; } .fs38 { font-size:38px !important; } .fs39 { font-size:39px !important; }
.fs40 { font-size:40px !important; } .fs50 { font-size:50px !important; } .fs60 { font-size:60px !important; } 
.fs70 { font-size:70px !important; } .fs80 { font-size:80px !important; }
.fs90 { font-size:90px !important; } .fs100 { font-size:100px !important; }

/*
11px = 0.688em = 68.8% 	= 8pt    
12px = 0.75em = 75% = 9pt 
13px = 0.8em = 80% = 10pt
14px = 0.875em  = 87.5%  = 11pt 
15px = 0.95em = 95%  = 11pt
16px = 1em = 100% = 12pt  
17px = 1.05em = 105% = 13pt
*/

.fw400{ font-weight:400 !important; }
.fw500{ font-weight:500 !important; }
.fw600{ font-weight:600 !important; }
.fw700{ font-weight:700 !important; }
.fw{font-weight:bold !important;;}

/* width size */
.w5 {width:5% !important;} 
.w10 {width:10% !important;} 
.w11 {width:11% !important;} 
.w12 {width:12% !important;} 
.w13 {width:13% !important;} 
.w14 {width:14% !important;} 
.w15 {width:15% !important;} 
.w16 {width:16% !important;} 
.w17 {width:17% !important;} 
.w18 {width:18% !important;} 
.w19 {width:19% !important;} 
.w20 {width:20% !important;} 
.w25 {width:25% !important;} 
.w26 {width:26% !important;} 
.w27 {width:27% !important;} 
.w28 {width:28% !important;} 
.w29 {width:29% !important;}  
.w30 {width:30% !important;} 
.w35 {width:35% !important;}
.w40 {width:40% !important;} 
.w45 {width:45% !important;} 
.w50 {width:50% !important;} 
.w52 {width:52% !important;} 
.w55 {width:55% !important;}
.w60 {width:60% !important;} 
.w65 {width:65% !important;} 
.w70 {width:70% !important;} 
.w75 {width:75% !important;} 
.w80 {width:80% !important;}
.w85 {width:85% !important;} 
.w90 {width:90% !important;} 
.w95 {width:95% !important;}
.w100 {width:100% !important;} 

/*============================================================================================================================================================================
	4. text-align styles  
============================================================================================================================================================================*/


.tac{text-align:center !important;}
.tal{text-align: left !important;}
.tar{text-align: right !important;}
.taj{text-align:justify !important;}
.vam{vertical-align:middle !important;}
.vat{vertical-align:top !important;}



/*============================================================================================================================================================================
	5. backgruound and color styles  
============================================================================================================================================================================
/*칼라 추가할경우 color 앞글자 co or bg에 색상코드 앞2글자를 따서 클래스 지정 할것*/



/*================================================================================================================================================================================
	padding setting  안쪽여백
    값이 한 개 : '상하좌우'             값이 두 개 : '상하' '좌우'
    값이 세 개 : '상' '좌우' '하'       값이 네 개 : '상' '우' '하' '좌'
  
=================================================================================================================================================================================*/


/*padding-left: 안쪽여백 왼쪽*/
.pl0{padding-left:0px !important;}  
.pl1{padding-left:1px !important;} 
.pl2{padding-left:2px !important;} 
.pl3{padding-left:3px !important;} 
.pl4{padding-left:4px !important;} 
.pl5{padding-left:5px !important;}  
.pl6{padding-left:6px !important;} 
.pl7{padding-left:7px !important;} 
.pl8{padding-left:8px !important;} 
.pl9{padding-left:9px !important;} 
.pl10{padding-left:10px !important;} 
.pl11{padding-left:11px !important;} 
.pl12{padding-left:12px !important;} 
.pl13{padding-left:13px !important;} 
.pl14{padding-left:14px !important;} 
.pl15{padding-left:15px !important;} 
.pl16{padding-left:16px !important;} 
.pl17{padding-left:17px !important;} 
.pl18{padding-left:18px !important;} 
.pl19{padding-left:19px !important;} 
.pl20{padding-left:20px !important;} 
.pl21{padding-left:21px !important;} 
.pl22{padding-left:22px !important;} 
.pl23{padding-left:23px !important;} 
.pl24{padding-left:24px !important;} 
.pl25{padding-left:25px !important;} 
.pl26{padding-left:26px !important;} 
.pl27{padding-left:27px !important;} 
.pl28{padding-left:28px !important;} 
.pl29{padding-left:29px !important;} 
.pl30{padding-left:30px !important;} 
.pl31{padding-left:31px !important;} 
.pl32{padding-left:32px !important;} 
.pl33{padding-left:33px !important;} 
.pl34{padding-left:34px !important;} 
.pl35{padding-left:35px !important;}
.pl36{padding-left:36px !important;} 
.pl37{padding-left:37px !important;} 
.pl38{padding-left:38px !important;} 
.pl39{padding-left:39px !important;} 
.pl40{padding-left:40px !important;} 
.pl50{padding-left:50px !important;} 




/*padding-left: 안쪽여백 오른쪽*/
.pr0{padding-right:0px !important; }
.pr1{padding-right:1px !important; }
.pr2{padding-right:2px !important; }
.pr3{padding-right:3px !important; }
.pr4{padding-right:4px !important; }
.pr5{padding-right:5px !important; }
.pr6{padding-right:6px !important; }
.pr7{padding-right:7px !important; }
.pr8{padding-right:8px !important; }
.pr9{padding-right:9px !important; }
.pr10{padding-right:10px !important; }
.pr11{padding-right:11px !important; }
.pr12{padding-right:12px !important; }
.pr13{padding-right:13px !important; }
.pr14{padding-right:14px !important; }
.pr15{padding-right:15px !important; }
.pr16{padding-right:16px !important; }
.pr17{padding-right:17px !important; }
.pr18{padding-right:18px !important; }
.pr19{padding-right:19px !important; }
.pr20{padding-right:20px !important; }
.pr21{padding-right:21px !important; }
.pr22{padding-right:22px !important; }
.pr23{padding-right:23px !important; }
.pr24{padding-right:24px !important; }
.pr25{padding-right:25px !important; }
.pr26{padding-right:26px !important; }
.pr27{padding-right:27px !important; }
.pr28{padding-right:28px !important; }
.pr29{padding-right:29px !important; }
.pr30{padding-right:30px !important; }
.pr31{padding-right:31px !important; }
.pr32{padding-right:32px !important; }
.pr33{padding-right:33px !important; }
.pr34{padding-right:34px !important; }
.pr35{padding-right:35px !important; }
.pr36{padding-right:36px !important; }
.pr37{padding-right:37px !important; }
.pr38{padding-right:38px !important; }
.pr39{padding-right:39px !important; }
.pr40{padding-right:40px !important; }
.pr50{padding-right:50px !important; }



/*padding-left: 안쪽여백 하단*/
.pb0{padding-bottom:0px !important; }
.pb1{padding-bottom:1px !important; }
.pb2{padding-bottom:2px !important; }
.pb3{padding-bottom:3px !important; }
.pb4{padding-bottom:4px !important; }
.pb5{padding-bottom:5px !important; }
.pb6{padding-bottom:6px !important; }
.pb7{padding-bottom:7px !important; }
.pb8{padding-bottom:8px !important; }
.pb9{padding-bottom:9px !important; }
.pb10{padding-bottom:10px !important; }
.pb11{padding-bottom:11px !important; }
.pb12{padding-bottom:12px !important; }
.pb13{padding-bottom:13px !important; }
.pb14{padding-bottom:14px !important; }
.pb15{padding-bottom:15px !important; }
.pb16{padding-bottom:16px !important; }
.pb17{padding-bottom:17px !important; }
.pb18{padding-bottom:18px !important; }
.pb19{padding-bottom:19px !important; }
.pb20{padding-bottom:20px !important; }
.pb21{padding-bottom:21px !important; }
.pb22{padding-bottom:22px !important; }
.pb23{padding-bottom:23px !important; }
.pb24{padding-bottom:24px !important; }
.pb25{padding-bottom:25px !important; }
.pb26{padding-bottom:26px !important; }
.pb27{padding-bottom:27px !important; }
.pb28{padding-bottom:28px !important; }
.pb29{padding-bottom:29px !important; }
.pb30{padding-bottom:30px !important; }
.pb31{padding-bottom:31px !important; }
.pb32{padding-bottom:32px !important; }
.pb33{padding-bottom:33px !important; }
.pb34{padding-bottom:34px !important; }
.pb35{padding-bottom:35px !important; }
.pb36{padding-bottom:36px !important; }
.pb37{padding-bottom:37px !important; }
.pb38{padding-bottom:38px !important; }
.pb39{padding-bottom:39px !important; }
.pb40{padding-bottom:40px !important; }
.pb50{padding-bottom:50px !important; }


/*padding-top: 안쪽여백 상단*/
.pt0{padding-top:0px !important; }
.pt1{padding-top:1px !important; }
.pt2{padding-top:2px !important; }
.pt3{padding-top:3px !important; }
.pt4{padding-top:4px !important; }
.pt5{padding-top:5px !important; }
.pt6{padding-top:6px !important; }
.pt7{padding-top:7px !important; }
.pt8{padding-top:8px !important; }
.pt9{padding-top:9px !important; }
.pt10{padding-top:10px !important; }
.pt11{padding-top:11px !important; }
.pt12{padding-top:12px !important; }
.pt13{padding-top:13px !important; }
.pt14{padding-top:14px !important; }
.pt15{padding-top:15px !important; }
.pt16{padding-top:16px !important; }
.pt17{padding-top:17px !important; }
.pt18{padding-top:18px !important; }
.pt19{padding-top:19px !important; }
.pt20{padding-top:20px !important; }
.pt21{padding-top:21px !important; }
.pt22{padding-top:22px !important; }
.pt23{padding-top:23px !important; }
.pt24{padding-top:24px !important; }
.pt25{padding-top:25px !important; }
.pt26{padding-top:26px !important; }
.pt27{padding-top:27px !important; }
.pt28{padding-top:28px !important; }
.pt29{padding-top:29px !important; }
.pt30{padding-top:30px !important; }
.pt31{padding-top:31px !important; }
.pt32{padding-top:32px !important; }
.pt33{padding-top:33px !important; }
.pt34{padding-top:34px !important; }
.pt35{padding-top:35px !important; }
.pt36{padding-top:36px !important; }
.pt37{padding-top:37px !important; }
.pt38{padding-top:38px !important; }
.pt39{padding-top:39px !important; }
.pt40{padding-top:40px !important; }
.pt50{padding-top:50px !important; }





/*==========================================================================================================================================================================
	margin setting  바깥족 여백

  값이 한 개 : '상하좌우'             값이 두 개 : '상하' '좌우'
    값이 세 개 : '상' '좌우' '하'       값이 네 개 : '상' '우' '하' '좌'
  
===========================================================================================================================================================================*/

/* margin-top: 바깥여백 상단*/
.mt0{margin-top:0px !important;}
.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt9{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt11{margin-top:11px !important;}
.mt12{margin-top:12px !important;}
.mt13{margin-top:13px !important;}
.mt14{margin-top:14px !important;}
.mt15{margin-top:15px !important;}
.mt16{margin-top:16px !important;}
.mt17{margin-top:17px !important;}
.mt18{margin-top:18px !important;}
.mt19{margin-top:19px !important;}
.mt20{margin-top:20px !important;}
.mt21{margin-top:21px !important;}
.mt22{margin-top:22px !important;}
.mt23{margin-top:23px !important;}
.mt24{margin-top:24px !important;}
.mt25{margin-top:25px !important;}
.mt26{margin-top:26px !important;}
.mt27{margin-top:27px !important;}
.mt28{margin-top:28px !important;}
.mt29{margin-top:29px !important;}
.mt30{margin-top:30px !important;}
.mt31{margin-top:31px !important;}
.mt32{margin-top:32px !important;}
.mt33{margin-top:33px !important;}
.mt34{margin-top:34px !important;}
.mt35{margin-top:35px !important;}
.mt36{margin-top:36px !important;}
.mt37{margin-top:37px !important;}
.mt38{margin-top:38px !important;}
.mt39{margin-top:39px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}



/* margin-bottom: 바깥여백 하단*/
.mb0{margin-bottom:0px !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb7{margin-bottom:7px !important;}
.mb8{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb11{margin-bottom:11px !important;}
.mb12{margin-bottom:12px !important;}
.mb13{margin-bottom:13px !important;}
.mb14{margin-bottom:14px !important;}
.mb15{margin-bottom:15px !important;}
.mb16{margin-bottom:16px !important;}
.mb17{margin-bottom:17px !important;}
.mb18{margin-bottom:18px !important;}
.mb19{margin-bottom:19px !important;}
.mb20{margin-bottom:20px !important;}
.mb21{margin-bottom:21px !important;}
.mb22{margin-bottom:22px !important;}
.mb23{margin-bottom:23px !important;}
.mb24{margin-bottom:24px !important;}
.mb25{margin-bottom:25px !important;}
.mb26{margin-bottom:26px !important;}
.mb27{margin-bottom:27px !important;}
.mb28{margin-bottom:28px !important;}
.mb29{margin-bottom:29px !important;}
.mb30{margin-bottom:30px !important;}
.mb31{margin-bottom:31px !important;}
.mb32{margin-bottom:32px !important;}
.mb33{margin-bottom:33px !important;}
.mb34{margin-bottom:34px !important;}
.mb35{margin-bottom:35px !important;}
.mb36{margin-bottom:36px !important;}
.mb37{margin-bottom:37px !important;}
.mb38{margin-bottom:38px !important;}
.mb39{margin-bottom:39px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}




/* margin-right: 바깥여백 오른쪽*/
.mr0{margin-right:0px !important;}
.mr1{margin-right:1px !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr7{margin-right:7px !important;}
.mr8{margin-right:8px !important;}
.mr9{margin-right:9px !important;}
.mr10{margin-right:10px !important;}
.mr11{margin-right:11px !important;}
.mr12{margin-right:12px !important;}
.mr13{margin-right:13px !important;}
.mr14{margin-right:14px !important;}
.mr15{margin-right:15px !important;}
.mr16{margin-right:16px !important;}
.mr17{margin-right:17px !important;}
.mr18{margin-right:18px !important;}
.mr19{margin-right:19px !important;}
.mr20{margin-right:20px !important;}
.mr21{margin-right:21px !important;}
.mr22{margin-right:22px !important;}
.mr23{margin-right:23px !important;}
.mr24{margin-right:24px !important;}
.mr25{margin-right:25px !important;}
.mr26{margin-right:26px !important;}
.mr27{margin-right:27px !important;}
.mr28{margin-right:28px !important;}
.mr29{margin-right:29px !important;}
.mr30{margin-right:30px !important;}
.mr31{margin-right:31px !important;}
.mr32{margin-right:32px !important;}
.mr33{margin-right:33px !important;}
.mr34{margin-right:34px !important;}
.mr35{margin-right:35px !important;}
.mr36{margin-right:36px !important;}
.mr37{margin-right:37px !important;}
.mr38{margin-right:38px !important;}
.mr39{margin-right:39px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}




/* margin-left: 바깥여백 왼쪽*/
.ml0{margin-left:0px !important; }
.ml1{margin-left:1px !important; }
.ml2{margin-left:2px !important; }
.ml3{margin-left:3px !important; }
.ml4{margin-left:4px !important; }
.ml5{margin-left:5px !important; }
.ml6{margin-left:6px !important; }
.ml7{margin-left:7px !important; }
.ml8{margin-left:8px !important; }
.ml9{margin-left:9px !important; }
.ml10{margin-left:10px !important; }
.ml11{margin-left:11px !important; }
.ml12{margin-left:12px !important; }
.ml13{margin-left:13px !important; }
.ml14{margin-left:14px !important; }
.ml15{margin-left:15px !important; }
.ml16{margin-left:16px !important; }
.ml17{margin-left:17px !important; }
.ml18{margin-left:18px !important; }
.ml19{margin-left:19px !important; }
.ml20{margin-left:20px !important; }
.ml21{margin-left:21px !important; }
.ml22{margin-left:22px !important; }
.ml23{margin-left:23px !important; }
.ml24{margin-left:24px !important; }
.ml25{margin-left:25px !important; }
.ml26{margin-left:26px !important; }
.ml27{margin-left:27px !important; }
.ml28{margin-left:28px !important; }
.ml29{margin-left:29px !important; }
.ml30{margin-left:30px !important; }
.ml31{margin-left:31px !important; }
.ml32{margin-left:32px !important; }
.ml33{margin-left:33px !important; }
.ml34{margin-left:34px !important; }
.ml35{margin-left:35px !important; }
.ml36{margin-left:36px !important; }
.ml37{margin-left:37px !important; }
.ml38{margin-left:38px !important; }
.ml39{margin-left:39px !important; }
.ml40{margin-left:40px !important; }
.ml50{margin-left:50px !important; }