@charset "utf-8";
/*
 * CSS Document
 *
 * Description :
 * File        : base.css
 * Client      : CHANGWON CITY HALL / TSSP - Tech Share Service Platform 
 * CSS Version : 1.0.4 (17.08.08)
 * Design      : WEB Agency - CMANIA (J.H.S)
 * Author      : WEB Agency - CMANIA
 */

*       {margin:0; padding:0;}
body    {font-family: 'NanumSquare', 'Open Sans' , sans-serif;
         font-size:15px; line-height:20px; font-weight:400; color:#555555;}
a       {color:#555555; text-decoration:none;}
img     {border:0; vertical-align:top;}
ul, ol  {list-style:none;}
address {font-style:normal;}
fieldset{border:0;}
input   {vertical-align:top;}
label   {vertical-align:top;}

/* 기본 스타일 정의 */
.hide, .hidden, .collapse, caption{display:none;}

/* 투명도 */
.opa00{opacity:0;}
.opa01{opacity:0.1;}
.opa02{opacity:0.2;}
.opa03{opacity:0.3;}
.opa04{opacity:0.4;}
.opa05{opacity:0.5;}
.opa06{opacity:0.6;}
.opa07{opacity:0.7;}
.opa08{opacity:0.8;}
.opa09{opacity:0.9;}
.opa10{opacity:1;}

/* 마진 */
.mg10{margin:10px 0;}
.mgw10{margin:0 10px;}

.mgt00{margin-top:0;}
.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}
.mgt80{margin-top:80px;}
.mgt90{margin-top:90px;}
.mgt100{margin-top:100px;}

.mgb00{margin-bottom:0;}
.mgb10{margin-bottom:10px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb50{margin-bottom:50px;}
.mgb60{margin-bottom:60px;}
.mgb70{margin-bottom:70px;}
.mgb80{margin-bottom:80px;}
.mgb90{margin-bottom:90px;}
.mgb100{margin-bottom:100px;}

.mgl00{margin-left:0;}
.mgl10{margin-left:10px;}
.mgl20{margin-left:20px;}
.mgl30{margin-left:30px;}
.mgl40{margin-left:40px;}
.mgl50{margin-left:50px;}
.mgl60{margin-left:60px;}
.mgl70{margin-left:70px;}
.mgl80{margin-left:80px;}
.mgl90{margin-left:90px;}
.mgl100{margin-left:100px;}

.mgr00{margin-right:0;}
.mgr10{margin-right:10px;}
.mgr20{margin-right:20px;}
.mgr30{margin-right:30px;}
.mgr40{margin-right:40px;}
.mgr50{margin-right:50px;}
.mgr60{margin-right:60px;}
.mgr70{margin-right:70px;}
.mgr80{margin-right:80px;}
.mgr90{margin-right:90px;}
.mgr100{margin-right:100px;}

/* 패딩 */
.pd10{padding:10px 0;}
.pdw10{padding:0 10px;}

.pdt00{padding-top:0;}
.pdt10{padding-top:10px;}
.pdt20{padding-top:20px;}
.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}
.pdt50{padding-top:50px;}
.pdt60{padding-top:60px;}
.pdt70{padding-top:70px;}
.pdt80{padding-top:80px;}
.pdt90{padding-top:90px;}
.pdt100{padding-top:100px;}

.pdb00{padding-bottom:0;}
.pdb10{padding-bottom:10px;}
.pdb20{padding-bottom:20px;}
.pdb30{padding-bottom:30px;}
.pdb40{padding-bottom:40px;}
.pdb50{padding-bottom:50px;}
.pdb60{padding-bottom:60px;}
.pdb70{padding-bottom:70px;}
.pdb80{padding-bottom:80px;}
.pdb90{padding-bottom:90px;}
.pdb100{padding-bottom:100px;}

.pdl00{padding-left:0;}
.pdl10{padding-left:10px;}
.pdl20{padding-left:20px;}
.pdl30{padding-left:30px;}
.pdl40{padding-left:40px;}
.pdl50{padding-left:50px;}
.pdl60{padding-left:60px;}
.pdl70{padding-left:70px;}
.pdl80{padding-left:80px;}
.pdl90{padding-left:90px;}
.pdl100{padding-left:100px;}

.pdr00{padding-right:0;}
.pdr10{padding-right:10px;}
.pdr20{padding-right:20px;}
.pdr30{padding-right:30px;}
.pdr40{padding-right:40px;}
.pdr50{padding-right:50px;}
.pdr60{padding-right:60px;}
.pdr70{padding-right:70px;}
.pdr80{padding-right:80px;}
.pdr90{padding-right:90px;}
.pdr100{padding-right:100px;}

/* 색상 */
.red{color:#ff0000;}
.green{color:#008600;}

/* 컨텐츠 */
#essential{position:relative;}