@charset "utf-8";
/*
 *
 * CSS Document
 *
 *
 * Description :
 * File        : base.css
 * Client      : 사단법인 창공우암
 * CSS Version : 1.0.1
 * Design      : (J.H.S)
 * Author      : 
 * License     :
 * URI         :
 *
 *
 */

/* **************************************** *
 * BASE
 * **************************************** */

*        {margin:0; padding:0;}
body     {font-family:'Open Sans' , 'Nanum Square' , sans-serif;
          font-size:14px; line-height:1em; font-weight:400; color:#111111;}
a        {color:#333333; 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;}


/* **************************************** *
 * STYLE
 * **************************************** */

div                        {display:block;}
.hide, .hidden, .collapse,
 caption, none, close      {display:none;}

/* FONT WEIGHT */
.normal                    {font-weight:400 !important;}
.bold                      {font-weight:700 !important;}
.bolder                    {font-weight:900 !important;}
.light                     {font-weight:300 !important;}

/* ETC */
.red                       {color:#f2685e;}
.blue                      {color:#0076ff;}
.lightblue                 {color:#677eff;}
.grey                      {color:#dddddd;}
.color1                    {color:#00aeef;}
.color2                    {color:#1e83eb;}
.ftl                       {float:left;}
.ftr                       {float:right;}
.ta_inherit                {text-align:inherit;}
.ta_left                   {text-align:left;}
.ta_right                  {text-align:right;}
.ta_center                 {text-align:center;}
.ta_justify                {text-align:justify;}


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

/* MARGIN */
.mgh10 {margin:10px 0 !important;}
.mgw10 {margin:0 10px !important;}

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

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

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

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

/* PADDING */
.pdh10 {padding:10px 0 !important;}
.pdw10 {padding:0 10px !important;}

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

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

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

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


/* **************************************** *
 * CONTENTS
 * **************************************** */

.clear:after{content: "";display: block;clear: both}
.tablet{display: none !important}
.pc{display: none !important}
.mobile{display: block !important}

@media screen and (min-width:768px){
    .mobile_br{display: none !important}
    .mobile{display: none !important}
    .tablet{display: block !important}
}

@media screen and (min-width:1000px){
}

@media screen and (min-width:1200px){
    .inner{position: relative; width: 1100px; margin: 0 auto}
    .tablet{display: none !important}
    .pc{display: block !important}
    table.pc{display: table !important}
}