@charset "utf-8";

#contents{ position:relative; width:100%; margin:10% auto 5%; color:#000; z-index:2;}
.topArea {position:relative; width:100%; z-index:3;}
.mainTypo {position:absolute; width:40%; left:40%; top:45%; text-align:center; z-index:3;}
.mainTypo img { width:100%; max-width:896px; vertical-align:top;}
.mainCon { position:relative;  }
.mainCon:after {content:"";display:block;clear:both;}
.mainCon01 {width:96%; max-width:1400px; margin:0 auto 10%; }

.main01_01, .main02_01 { position:relative; display:block; width:55%; vertical-align:top; z-index:1;}
.main01_01 { float:left; }
.main02_01 { float:right;}
.mainText { position:relative; float:left; width:45%; z-index:2;}
.mainText dt { font-family: 'Montserrat', sans-serif; font-size:3em; line-height:1.2em; color:#262626; font-weight:300; letter-spacing:0.05em;}
.mainText dt .line { position:relative; display:block; width:60%; height:1px; background:#000; margin:0.5em 0 0.8em; }
.mainText dd { font-size:1.45em; color:#000; line-height:1.5em; font-weight:100;}
.mainText dd p { margin-bottom:15%;}
.mainText dd .btn_view { display:inline-block; font-size:13px; color:#bc7f7f; font-weight:600;}
.mainText dd .btn_view img { display:inline-block; vertical-align:middle; margin-left:20px;}
.main01_02 { padding:8% 0 0 8%;}
.main02_02 { padding:8% 8% 0 0; text-align: right;}
.main01_02.mainText dt .line { left:-45%;}
.main02_02.mainText dt .line { right:-85%; }

.mainVideo { position:relative; width:96%; max-width:1400px;  margin:0 auto 10%; overflow:hidden;}
.mainVideo iframe { position:absolute; width:100%; height:100%; left:0; top:0; z-index:2;}

.mainCon02 { margin-bottom:5%;}
.main03_01, .main03_02 { position:relative; float:left; width:50%; z-index:1;}
.main03_02_text { position:absolute; width:72%; left:28%; top:50%;  z-index:2;}
.main03_02_text .text01 { font-size:1.45em; color:#000; line-height:1.5em; font-weight:100; margin:-2.5em 0 10%;}
.main03_02_text .text02 { font-size:10px; line-height:1.2em; color:#a7a7a7; font-weight:100;}
.main03_03 { position:absolute; width:50%; left:25%; top:50%; margin-top:-0.8em; font-family: 'Sree Krushnadevaraya', serif; font-size:3.5em; line-height:0.8em; color:#000; text-align:center; z-index:3;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto; width:100%; max-width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right; }
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}



@media  (max-width: 1480px){
}

@media  (max-width: 1280px){
.main01_02 { padding:5% 0 0 5%;}
.main02_02 { padding:5% 5% 0 0;}
.mainText dt {font-size:2em; line-height:1.2em; letter-spacing:0.05em;}
.mainText dd { font-size:1.25em;line-height:1.5em; }
.mainText dd p { margin-bottom:10%;}
}

@media  (max-width: 1024px){
}

@media  (max-width: 768px){
.mainCon01 { width:90%;}
.main01_01, .main02_01 { float:none; width:100%;}
.main01_02, .main02_02 { padding:5% 0;}
.mainText { position:relative; float:none; width:100%; margin:0 auto; z-index:2;}
.mainText dt {font-size:1.6em; line-height:1.2em; letter-spacing:0.05em;}
.main01_02.mainText dt .line { left:0;}
.main02_02.mainText dt .line { right:-40%; }
.mainText dd { font-size:1.05em;line-height:1.5em; }
.mainText dd .btn_view img { width:50px; margin-left:10px;}

.main03_01, .main03_02 { position:relative; float:none; width:100%; z-index:1;}
.main03_02_text { width:90%; left:5%; text-align:center;}
.main03_02_text .text01 { display:inline-block; font-size:1.25em; line-height:1.5em; margin:-2.5em 0 0 5%; text-align:left;}
.main03_02_text .text02 { display:none;}
.main03_03 {width:80%; left:10%; margin-top:-1em; font-size:2.8em; line-height:0.8em; color:#000; text-align:center; z-index:3;}


}

@media  (max-width: 768px){
}

@media  (max-width: 560px){
}

@media  (max-width: 480px){
}