@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
* { font-family:"Nanum Gothic" !important }

  *{margin:0; padding:0;}
  html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea { margin:0; padding:0; }
  img{border:none;}
  html, body{height:100%;}
  body{font-size:9pt; font-family:'Nanum Gothic', 'Dotum' ,"돋움",sans-serif; color:#282828; line-height:130%;overflow-x:hidden; background-color:#fff; max-width:1920px; margin:0 auto; width:100%;}
  ul, ol, li { list-style:none; }
  a:link, a:visited{text-decoration:none; color:#282828;}
  a:hover, a:active{text-decoration:none; color:#282828;}
  hr, .skip{width:0; height:0; line-height:0; font-size:0;  position:absolute;}
  input{vertical-align: middle;}

  /*layout*/
  #wrapper{position:relative; width:100%; height:100%; margin:0; padding:0; }
  #header{position:relative; width:100%; background-color:#fff; height:80px; z-index:1000; overflow:hidden;} 
  
  #contents{position:relative; width:100%;  }
  #footer{position:relative; width:100%; padding:50px 0; font-weight:bold; background-color:#444444; z-index: 1000; text-align:center;  overflow:none; }

  #header h1{position:relative; float:left; }
  #header .gnb{position:relative; top:-48px; width:200px;  float:right;}
  #header .gnb li{display:inline; right:0; }
  #header .gnb li a{color:#000; font-size:11pt;  }
   #header .logo img{position:relative; width:248px; height:80px; left:25%; z-index:1000000;}

  .main{position:relative; width:100%;}
  .main_sub{width:1200px; margin:0 auto;z-index:11111111111111111111111; cursor:pointer;}

  #main14 .main_sub{height:900px;} 
  #main15_2 .main_sub{height:996px;} 
  
  
  #bg01 .main_sub{height:1862px;} 
  #bg02 .main_sub{height:1808px;} 
  #bg03 .main_sub{height:4672px;} 
  #bg04 .main_sub{height:1770px;}
  #bg05 .main_sub{height:1000px;}
  #bg06 .main_sub{height:1100px;}
  #bg07 .main_sub{height:1827px;}
  #bg08 .main_sub{height:2368px;}
  #bg09 .main_sub{height:1680px;}
  #bg10 .main_sub{height:760px;}
  #bg11 .main_sub{height:2820px;}
  #bg12 .main_sub{height:510px;}
  #bg13 .main_sub{height:1267px;}

  
  #bg18 .main_sub{height:996px;}
 


  .alliance{position:relative; width:1176px; margin:0 auto; padding:0 12px; color:#a3a1a1; font-size:13px; line-height:25px;  }
  .alliance.studio{top:60px;}

  .alliance.dress{top:92px;}
  .alliance.hair{top:125px;}
  .alliance.etc{top:165px;}

  .advice{position:relative; width:1200px;height:400px; top:250px;margin:0 auto;}
  .advice .inner{position:absolute; width:1039px; padding:0 60px; height:270px; top:20px; left:20px;}
  .advice .inner ul{position:relative;width:513px; height:270px; float:left;}
  .advice .inner .right{position:relative;width:473px;right:0; padding-left:0px;}
  .advice .inner .line{position:relative;  width:100%; height:25px;padding-bottom:30px;font-size:11.5pt; font-weight:bold; }
  .advice .inner .line p{position:relative;float:left;}
  .advice .inner .aptxt{ text-align:left; width:100px; height:35px; font-size:11.5pt; font-weight:bold; line-height:30px}
  .advice .inner .aptxt.right{ text-align:left; width:390px;  padding:0 10px;}
  .advice .inner .aptxt.indi{width:185px; } 
  .advice .inner .line .abox{width:100px; height:35px; padding:0 10px; /*border:none;*/ margin-left:10px;}
  .advice .inner .line .abox.date{width:150px;}
  .advice .inner .line .abox.area{width:130px;}
  .advice .inner .line .abox.name{width:250px;}
  .advice .inner .line .abox.select{height:35px;}
  .advice .inner .line .abox.marry{width:80px; margin-right:5px;}
  .advice .inner .line .check2{font-size:11.5pt; font-weight:bold; padding-top:8px; padding-left:10px;}

@media only screen and (max-width:1440px){ 

  #header .logo img{left:15%;} 
  
}

@media only screen and (max-width:1200px){ 

  #header .logo img{left:10%;} 
  
}