html {overflow-y:scroll;}

      .text_l {
font: 12px "verdana", "¸¼Àº °íµñ", "Malgun Gothic", 'Nanum Gothic', "³ª´®°íµñ", "NanumGothic", "µ¸¿ò", "dotum";
color: #666;
      }
      .text_s {
font: 11px "verdana", "¸¼Àº °íµñ", "Malgun Gothic", 'Nanum Gothic', "³ª´®°íµñ", "NanumGothic", "µ¸¿ò", "dotum";
color: #333;
padding-top:3px;
padding-bottom:3px;
      }

      .title_big {
font: 15px "verdana", "¸¼Àº °íµñ", "Malgun Gothic", 'Nanum Gothic', "³ª´®°íµñ", "NanumGothic", "µ¸¿ò", "dotum";
color: #000;
font-weight:bold;
      }

A:link    {color:#222222;text-decoration:none}
A:visited {color:#222222;text-decoration:none}
A:active  {color:#222222;text-decoration:none}
A:hover   {color:#000000;text-decoration:none}



@media(min-width: 1000px) {

#form-box {width:100%;  padding: 0px; margin:0 auto;}
#formleft-box {
position:fixed;
    width: 260px;
    max-width: 400px;
    padding: 0px 20px 0px 20px;
    background-color: white;
    height: 100%;
    float: left;
    line-height:180%;
    margin: 0 auto;
z-index:999999999;
}
#formright-box {
position:absolute;
    width: 100%;
    height: 100%;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: left;
    line-height:180%;
    margin: 0 auto;
border-left: solid 5px #eee;
border-right: solid 0px #eee;
border-top: solid 0px #eee;
border-bottom: solid 0px #eee;
}

.formleft-pc {display:visible;}
.formleft-mobile {display:none;}
.formright-pc {width: 260px; display:visible;}
}

@media(max-width: 999px) {
#form-box {width:100%;  padding: 0px; margin:0 auto;}
#formleft-box {
    width: 100%;
    background-color: white;
    text-align: center;
    line-height:180%;
    margin: 0px auto;
    border-bottom: solid 1px #fff;
    padding-bottom:20px;
}
#formright-box {
    width: 100%;
    background-color: #fff;
    text-align: center;
    line-height:180%;
    margin: 0 auto;
}


.formleft-pc {display:none;}
.formleft-mobile {display:visible;}
.formright-pc {width: 0px; display:none;}


}


.drop-in-underline {
  position: relative;
  padding-bottom: 7px;
font: 14px "verdana", "¸¼Àº °íµñ", "Malgun Gothic", 'Nanum Gothic', "³ª´®°íµñ", "NanumGothic", "µ¸¿ò", "dotum";
color: #111;
}
.drop-in-underline:before{
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0; right: 0;
  height: 2px;
  background-color: #222;
}
.drop-in-underline:before{
  opacity: 0;
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-transition: opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s;
    transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.drop-in-underline:hover:before{
  opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.drop-in-underline-done{
font: 14px "verdana", "¸¼Àº °íµñ", "Malgun Gothic", 'Nanum Gothic', "³ª´®°íµñ", "NanumGothic", "µ¸¿ò", "dotum"; line-height:19px;color: #000000; padding-bottom:3px; border-bottom:2px solid #000000;}