@charset "utf-8";



html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;background:#f6f6f6;}
.db1000{display:none;}
.db768{display:none;}
.db480{display:none;}
.vh{visibility:hidden;}
div{max-width: 100%;}

/* * reset css*/
.con * {box-sizing: border-box; margin: 0;}

/* * 공통 */
.con .inner {margin: auto; max-width:1040px; padding:0 20px;}
/* .con .inner * {outline: 1px dashed #ccc;} */

/* * section */
.con {width: 100%;}
.con p {font-size: 16px;}

/* ! top */
.top {height: 1263px; background: url('images_au/bg1.jpg') no-repeat center / cover;}
.top_box {padding-top: 100px;}
.top_box .heading {color: #fff;}
.top_box .heading em {display: inline-block; margin: auto; padding: 5px 20px; font-size: 19px; border-radius: 25px; background-color: #75482b;}
.top_box .heading span {margin: 10px 0; display: block; font-size: 30px;}
.top_box .heading h1 {font-size: 62px; line-height: 1em; text-transform: uppercase;}

/* ! con1 */
.con1 {padding: 96px 0; background:url('images_au/bg2.jpg') center top / cover;}
.con1_box > div{display:inline-block; vertical-align:middle;}
.con1_box .left {text-align:left}
.con1_box .left img{box-shadow:10px 10px 0 #ffd49e}
.con1_box .right {padding:20px 40px}
.con1_box .right .heading {display:block; position:relative;}
.con1_box .right .heading em{position:absolute;}
.con1_box .right .heading em.quo1 {left:0; top:-10px}
.con1_box .right .heading em.quo2 {right:0; bottom:-10px; transform: rotate(180deg);}
.con1_box .right .heading h2 {padding: 10px 20px; font-size: 34px; line-height: 1.2em; color: #ff640e; }
.con1_box .right p {margin-top: 20px; letter-spacing: -1px; color: #9c8d7d;}

/* ! con2 pdt */
.con2 {height: 1320px; background-color: #ffa53b;}
.con2_box {padding: 0 60px; padding-top: 120px;}
.con2_box .heading {color: #fff;}
.con2_box .heading em {padding: 1px 25px; font-size: 24px; border: 1px solid #fff; border-radius: 20px;}
.con2_box .heading h2 {font-size: 44px;}
/* pd 공통 */
.con2_box .pd {background-color: #fff; font-size:0;}
.con2_box .pd > div {display:inline-block; position:relative; height:435px; width: 50%; vertical-align:top;}

.con2_box .pd > div.left {width: 50.5%;}
.con2_box .pd > div.right {width: 49.5%;}

/* 텍스트 정렬용 박스 */
.con2_box .pd > div > div{position:absolute; left:0; top:50%; width:100%; height:auto; transform:translateY(-50%);}

.con2_box .pd > div.left h3 {font-size: 32px; line-height: 1.2em; letter-spacing: -1px; color: #7e310f;}
.con2_box .pd > div.left h3 span {display: block; padding: 10px 0 30px; font-size: 44px; color: #ff6917;}
.con2_box .pd > div.left hr {display: block; margin: auto; width: 80%; height: 1px; background-color: #fff; border-top: 1px dashed #ddd; }
.con2_box .pd > div.left p {padding-top: 20px; color: #888}

.con2_box .pd1 {margin: 20px 0;}

/* pd2 좌,우 위치 변경 */
/* .con2_box .pd2 {height:440px; position:relative}
.con2_box .pd2:after {content''; display:block; clear:both}
.con2_box .pd2 > div.left {float:right}
.con2_box .pd2 > div.right {position:absolute; left:0; top:0; width: 100%; height: 100%;} */
.con2_box .pd .mbl {display: none;}

.con2_box .pd > div.right {overflow: hidden;}
.con2_box .pd > div.right img {width: 100%;}

.con2_box p {padding:20px 0; color: #a36f32;}



@media (max-width:1040px) {
  .con .inner {width: 100%;}
  .con1_box{max-width:450px; margin:0 auto}
  .con1_box > div{margin-top:20px; display:block}
  .con1_box .right {padding:20px 20px;}
  .con1_box .right .heading h2{font-size:28px}
  .con1_box .right p {font-size:15px;}
  .con1_box .right p br{display:none}

  /* * con2 */
  .con2 {height:auto; padding-bottom:0px}
  .con2_box .heading h2 {margin-top: 5px; font-size: 40px; margin-bottom: 15px;}

  .con2_box .pd {max-width:440px; margin:0 auto; height:auto;}
  /* .con2_box .pd {max-width:100%; margin:0 auto; height:auto;} */
  .con2_box .pd > div{display:block; width:100%; height:auto; margin: auto;}
  /* .con2_box .pd > div {width: 100%;} */
  .con2_box .pd > div.left{padding:20px 10px;}
  .con2_box .pd > div.left{width: 100%;} 
  .con2_box .pd > div.right{width: 100%;}
  .con2_box .pd > div > div{position:relative; left:auto; top:auto; transform:none;}
  /* 텍스트 상하 여백 주기 */
  .con2_box .pd1 > div.left {padding: 35px 0;}
  .con2_box .pd2 > div.left {padding: 35px 0;}

  .con2_box .pd2{margin-top:30px}
  /* .con2_box .pd2 > div.left{float:none;} */
  .con2_box .pd2 > div.right{position:relative; left:auto; top:auto}

  /* 텍스트 정렬용 박스 */
  .con2_box .pd > div > div{z-index: 1;}

  /* pd2 좌,우 위치 변경 */
  .con2_box .pd .mbl {display: block;}
  .con2_box .pd .pc {display: none;}

  .con2_box > p {padding-bottom: 100px;}

  /* pd2 좌,우 위치 변경 */
  /* .con2_box .pd1 {position:relative; height: 500px;border: 1px solid #000;}
  .con2_box .pd1:after {content''; display:block; clear:both}
  .con2_box .pd1 > div.left {float:right}
  .con2_box .pd1 > div.right {display: block; position:absolute; left:0; top:0; width: 100%; height: 100%;} */
  
}




@media (max-width:768px) {
  .con .br {display: none;}
  .con p {font-size: 13px;}

  /* ! top */
  .top {height: 100%;}
  .top_box {padding-top: 50px;}
  .top_box .heading em {font-size: 13px;}
  .top_box .heading span {font-size: 15px;}
  .top_box .heading h1 {font-size: 28px;}
  .top_box .photo {padding-bottom: 15px;}

  /* ! con1 */
  .con1 {padding: 30px 0;}
  .con1_box .right {padding: 0 15px; margin-top:35px}
  .con1_box .right .heading{display:inline-block}
  .con1_box .right .heading em {width: 7%;}
  .con1_box .right .heading h2 {font-size: 22px;}
  .con1_box .right p {margin-top: 10px;}

  /* ! con2 */
  .con2 {height: 100%; padding:0px; padding-top: 30px; }
  .con2_box {padding: 0; padding-top: 20px;}
  .con2_box .heading{padding:0 0 -15px 0;}
  .con2_box .heading em {font-size: 13px;}
  .con2_box .heading h2 {margin-top: 5px; font-size: 21px; letter-spacing: -1px;}
  .con2_box .pd > div {margin: auto; text-align: center;}

  .con2_box .pd > div.left h3{font-size:20px}
  .con2_box .pd > div.left h3 span{font-size:24px; padding:5px 0 15px 0}
  .con2_box .pd > div.left p{padding-top:10px; margin:10px 0}

  /* 텍스트 상하 여백 주기 */
  .con2_box .pd1 > div.left {padding: 35px;}
  .con2_box .pd2 > div.left {padding: 35px;}
}