@charset "utf-8";

/* main.css */
/*
.main .sec01 { position:relative; background:url('../images/main/main_visual_back.jpg') no-repeat center; background-size:cover; }
.main .sec01:after{ content:''; position:absolute; left:0; bottom:0; width:100%; min-width:1200px; height:358px; background:url('../images/main/sec01_back_img01.png') no-repeat center bottom; background-size:100% auto;}
.main .sec01 .back_text{ position:absolute; left:0; top:0; min-width:1230px; width:100%; height:100%; overflow:hidden; }
.main .sec01 .back_text span{ position:absolute; display:inline-block; font-size:500px; color:#fff; font-weight:bold;  }
.main .sec01 .back_text span.txt01{ top:-50px; left:5%; opacity:0.8; }
.main .sec01 .back_text span.txt02{ top:-4px; left:70%; opacity:0.5;}
.main .sec01 .back_text span.txt03{ top:520px; left:10%; opacity:0.8;}
.main .sec01 .back_text span.txt04{ top:380px; left:83%; opacity:0.9;}

.main .sec01 .layout{ position:relative;  z-index:1; min-height:750px; }
.main .sec01 .layout .txt_box{ padding-top:188px; text-align:center;}
.main .sec01 .layout .txt_box strong{ display:block; font-size:64px; line-height:70px; color:#fff; font-weight:700; }
.main .sec01 .layout .txt_box strong span{ display:block; margin-top:18px; font-size:30px; line-height:40px; }
.main .sec01 .layout .txt_box .type_box{ text-align:center; font-size:0; margin-top:30px; }
.main .sec01 .layout .txt_box .type_box dl{ display:inline-block; margin:0 20px; padding-top:12px; background:url('../images/main/sec01_type_back.png') no-repeat center;}
.main .sec01 .layout .txt_box .type_box dl dt{ display:block; width:240px; height:64px; font-size:22px; line-height:64px; color:#fff; font-weight:700; background:#1c1b20; text-align:center; }
.main .sec01 .layout .txt_box .type_box dl dd { text-align:center; }
.main .sec01 .layout .txt_box .type_box dl dd ul{ padding:25px 0 30px; display:inline-block; text-align:left;}
.main .sec01 .layout .txt_box .type_box dl dd ul li{ margin-bottom:8px; font-size:16px; line-height:26px; letter-spacing:-0.05em; color:rgba(255,255,255,0.7); font-family:"NanumSquareRound", sans-serif; }
.main .sec01 .layout .txt_box .type_box dl dd ul li:last-child{ margin-bottom:0; }
.main .sec01 .layout .txt_box p{ display:block; margin-top:33px; font-size:15px; line-height:30px; color:rgba(255,255,255,0.7); letter-spacing:-0.05em; font-family:"NanumSquareRound",  sans-serif;}
.main .sec01 .layout .txt_box p span{ border-bottom:1px solid rgba(255,255,255,0.7); }
.main .sec01 .layout .scroll_icon{ position:absolute; display:inline-block; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:50px; padding-bottom:35px; font-size:12px; line-height:22px; color:#fff;}
.main .sec01 .layout .scroll_icon:after{ content:''; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:0; width:21px; height:28px; background:url('../images/icon/icon_scroll.png') no-repeat center bottom; animation: mogocen 1s infinite ;}
*/
@keyframes mogocen {
	0% {
		bottom:-10px
	}
	50% {
		bottom:0
	}
	100% {
		bottom:-10px
	}
}
/* 비디오 */
/* 
.main .sec02 .video_contents{ background:url('../images/main/main_sec02_video_back.jpg') no-repeat center; background-size:cover; }
.main .sec03 .video_contents{ background:url('../images/main/main_sec03_video_back.jpg') no-repeat center; background-size:cover; }
.main .sec02 .video_contents .layout{ height:1254px; }
.main .sec03 .video_contents .layout{ height:804px; }
.main .video_contents .layout{ display:table; width:100%; }
.main .video_contents .layout .video_wrap{ display:table-cell; width:100%; vertical-align:middle; text-align:center;}
.main .video_contents .layout .video_wrap strong.tit{ display:inline-block; font-size:54px; line-height:56px; color:#fff; font-weight:700; border-bottom:2px solid #fff;}
.main .video_contents .layout .video_wrap p.txt{ margin:45px 0 0; font-size:16px; line-height:34px; letter-spacing:-0.05em; color:#fff; font-family:"NanumSquareRound", sans-serif;}
.main .video_box { margin-top:40px; display:inline-block; position:relative;height:400px; width:668px; }
.main .video_box img {width:100%;height:100%;}
.main .video_box .iframe_box{  }
.main .video_box iframe {display:none; width:668px; height:400px; }
.main .play-btn {position:absolute; z-index:10;top:50%;left:50%;transform:translate(-50%, -50%);background-color:transparent;border:0;}
.main .play-btn:hover {cursor:pointer;}
.main .play-btn:focus {outline:0;}
*/
/* .main .video_box:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2)} */

/* 폰트 컨텐츠 */
.main .sec02 .font_box .layout{ max-width:1080px; }
.main .sec02 .font_box .top{ font-size:0; padding:215px 0 95px; }
.main .sec02 .font_box .top > div{ display:inline-block; vertical-align:top; }
.main .sec02 .font_box .top > div.tit_box{ width:380px;}
.main .sec02 .font_box .top > div.tit_box strong{ display:block; font-size:32px; line-height:42px; letter-spacing:-0.05em; font-weight:700; }
.main .sec02 .font_box .top > div.tit_box span{ display:block; margin-top:2px; font-size:22px; line-height:32px; letter-spacing:-0.05em;  }
.main .sec02 .font_box .top > div.ex_box{ width:700px;}
.main .sec02 .font_box .top > div.ex_box p{ margin-top:-3px; font-size:16px; line-height:34px; letter-spacing:-0.05em; font-family:"NanumSquareRound",  sans-serif; word-break: keep-all;}
.main .sec02 .font_box .top > div.ex_box ul{ font-size:0; margin-right:-52px; margin-top:50px;}
.main .sec02 .font_box .top > div.ex_box ul li{ display:inline-block; vertical-align:top; width:199px; margin-right:50px;}
.main .sec02 .font_box .top > div.ex_box ul li:last-child{ margin-right:0; }
.main .sec02 .font_box .top > div.ex_box ul li p{ margin-top:17px; font-size:15px; line-height:24px; letter-spacing:-0.05em; text-align:center;}

.main .sec02 .font_box .bottom{ padding: 20px 0 140px;}
.main .sec02 .font_box .bottom .text_box{ position:relative; height:410px;}
.main .sec02 .font_box .bottom .text_box .alert_box{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); padding-top:20px; width:220px; height:86px; font-size:15px; line-height:24px; color:#444; font-weight:700; letter-spacing:-0.05em; text-align:center;  font-family:"NanumSquareRound", sans-serif; background:rgba(255,255,255,0.85); border-radius:10px; box-shadow: 0 0 30px rgba(0,0,0,0.14); z-index:10; font-weight:700; box-sizing:border-box; }
.main .sec02 .font_box .bottom .text_box .box{ max-height:250px; overflow:hidden; position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.main .sec02 .font_box .bottom .text_box p{ letter-spacing:-0.05em; text-align:center; outline:none; }
.main .sec02 .font_box .bottom .text_box p.f_s_16{ font-size:16px; line-height:26px;}
.main .sec02 .font_box .bottom .text_box p.f_s_24{ font-size:24px; line-height:36px;}
.main .sec02 .font_box .bottom .text_box p.f_s_56{ font-size:56px; line-height:76px;}
.main .sec02 .font_box .bottom .text_box p.f_s_68{ font-size:68px; line-height:96px;}
.main .sec02 .font_box .bottom .text_box p.f_s_96{ font-size:96px; line-height:126px; }
.main .sec02 .font_box .bottom .text_box span{ color:#f3c130; vertical-align:middle; opacity:1; -webkit-animation-name:pointer; animation-name:pointer; -webkit-animation-duration:0.9s; -webkit-animation-timing-function:ease; -webkit-animation-iteration-count:infinite; animation-duration:0.9s;animation-timing-function:ease;animation-iteration-count:infinite}
@-webkit-keyframes pointer{0%{opacity:0}50%{opacity:0}70%{opacity:1}100%{opacity:1}}
/* Standard syntax */
@keyframes pointer{
	0%{opacity:0}
	50%{opacity:0}
	70%{opacity:1}
	100%{opacity:1}
}
.main .sec02 .font_box .bottom .set_box{ font-size:0; text-align:center;}
.main .sec02 .font_box .bottom .set_box .select_box{ position:relative; display:inline-block; vertical-align:top; width:220px; padding-right:25px; box-sizing:border-box; text-align:left; }
.main .sec02 .font_box .bottom .set_box .select_box:after{ content:''; position:absolute; right:0; top:7px; width:1px; height:16px; background:#d7d7d7;}
.main .sec02 .font_box .bottom .set_box .select_box > a{ display:block; font-size:20px; line-height:30px; font-weight:700; background:url('../images/btn/arrow_img01.png') no-repeat right center;}
.main .sec02 .font_box .bottom .set_box .select_box ul{ position:absolute; display:none; left:0; top:100%; width:100%; border:1px solid #333; box-sizing:border-box; z-index:1; background:#fff;}
.main .sec02 .font_box .bottom .set_box .select_box ul li{ border-bottom:1px solid #333; }
.main .sec02 .font_box .bottom .set_box .select_box ul li:last-child{ border-bottom:0; }
.main .sec02 .font_box .bottom .set_box .select_box ul a{ display:block; padding:0 10px; font-size:16px; line-height:30px; font-weight:700; color:#333; }

.main .sec02 .font_box .bottom .set_box .scale_box{ display:inline-block; vertical-align:top; font-size:0; }
.main .sec02 .font_box .bottom .set_box .scale_box strong{ display:inline-block;vertical-align:top; padding:0 20px; font-size:20px; line-height:30px; font-weight:700; }
.main .sec02 .font_box .bottom .set_box .scale_box .radio{ display:inline-block; position:relative; margin-right:30px; }
.main .sec02 .font_box .bottom .set_box .scale_box .radio:last-of-type{ margin-right:0;}
.main .sec02 .font_box .bottom .set_box .scale_box label{ display:inline-block;vertical-align:top; padding-left:30px; font-size:16px; line-height:30px; color:#666; font-family:"NanumSquareRound", sans-serif; cursor:pointer }
.main .sec02 .font_box .bottom .set_box .scale_box input[type="radio"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.main .sec02 .font_box .bottom .set_box .scale_box input[type="radio"] + label:before{ content:''; position:absolute; left:0;top:50%; transform:translateY(-50%); width:24px; height:24px; background:url('../images/btn/radio_icon01.png') no-repeat center; background-size:24px auto; }

.main .sec02 .font_box .bottom .set_box .scale_box input[type="text"] { margin-left:8px; width:120px; }

.main .sec02 .font_box .bottom .down_btn{ position:relative; display:block; margin:57px auto 0; width:396px; height:94px; font-size:24px; line-height:88px; font-weight:700; letter-spacing:-0.05em; text-align:center; box-sizing:border-box; background:#fff;}
.main .sec02 .font_box .bottom .down_btn:after{ content:''; position:absolute; width:396px; height:10px; left:0; bottom:-13px; }
.main .sec02 .font_box .bottom .down_btn span{ display:inline-block; padding-left:51px; }
.main .sec02 .font_box .bottom .last_info{ margin-top:34px; font-size:15px; line-height:28px; color:#999; letter-spacing:-0.05em; font-family:"NanumSquareRound", sans-serif; text-align:center; }
.main .sec02 .font_box .bottom .last_info span.arrow{ display:inline-block; vertical-align:middle; margin:0 10px; width:6px; height:11px; background:url('../images/icon/icon_lastinfo_ar.png') no-repeat center; }
/* 고딕 */
.main .sec02 .mice_gothic{ position:relative; overflow:hidden; }
.main .sec02 .mice_gothic .layout{ position:relative; z-index:1; }
.main .sec02 .mice_gothic .back_text{ position:absolute; left:0; top:0; width:100%; height:100%; }
.main .sec02 .mice_gothic .back_text span{ position:absolute; display:inline-block; font-size:260px; color:#f7f7f7; font-weight:bold; }
.main .sec02 .mice_gothic .back_text span.txt01{ top:160px; left:-100px; opacity:1}
.main .sec02 .mice_gothic .back_text span.txt02{ top:350px; left:-100px; opacity:0.4}
.main .sec02 .mice_gothic .back_text span.txt03{ top:720px; left:120px; opacity:0.6}
.main .sec02 .mice_gothic .back_text span.txt04{ top:1300px; left:320px; opacity:0.8}
.main .sec02 .mice_gothic .back_text span.txt05{ top:-50px; right:500px; opacity:1}
.main .sec02 .mice_gothic .back_text span.txt06{ top:870px; right:200px; opacity:1}
.main .sec02 .mice_gothic .back_text span.txt07{ top:1100px; right:-100px; opacity:0.6}

.main .sec02 .mice_gothic .top > div.tit_box strong{ color:#1c1b20; }
.main .sec02 .mice_gothic .top > div.tit_box span{ color:#1c1b20; }
.main .sec02 .mice_gothic .top > div.ex_box p { color:#666; }
.main .sec02 .mice_gothic .top > div.ex_box ul li p{ color:#999; }

.main .sec02 .mice_gothic .bottom .text_box p{ font-family:"MICEGothic", sans-serif; color:#ff5851;/*  font-weight:700;  */}
.main .sec02 .mice_gothic .bottom .text_box .gothic_r p{ font-weight:400; }
.main .sec02 .mice_gothic .bottom .text_box .gothic_b p{ font-weight:700; }
.main .sec02 .mice_gothic .bottom .set_box .select_box > a{ color:#1c1b20; }
.main .sec02 .mice_gothic .bottom .set_box .scale_box strong{ color:#1c1b20; }
.main .sec02 .mice_gothic .bottom .set_box .scale_box input[type="radio"]:checked + label{ color:#ff5851;}
.main .sec02 .mice_gothic .bottom .set_box .scale_box input[type="radio"]:checked + label:before{ background:url('../images/btn/radio_icon01_on.png') no-repeat center; background-size:24px auto; } 
.main .sec02 .mice_gothic .bottom .down_btn{ position:relative; border:3px solid #ff5851; color:#ff5851; }
.main .sec02 .mice_gothic .bottom .down_btn:before{ content:''; position:absolute; left:0; top:0; height:100%; width:0; background:#ff5851; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
.main .sec02 .mice_gothic .bottom .down_btn:after{ background:url('../images/btn/down_btn01_back.png') no-repeat center;}
.main .sec02 .mice_gothic .bottom .down_btn span{ position:relative; z-index:1; background:url('../images/btn/down_btn01.png') no-repeat left center; -webkit-transition:all 0.1s; -moz-transition:all 0.1s; transition:all 0.1s;}

.main .sec02 .mice_gothic .bottom .down_btn:hover{ color:#fff;}
.main .sec02 .mice_gothic .bottom .down_btn:hover:before{ width:100%; }
.main .sec02 .mice_gothic .bottom .down_btn:hover span{ background:url('../images/btn/down_btn_hover.png') no-repeat left center;}

/* 명조 */
.main .sec02 .mice_myungjo{ position:relative; overflow:hidden; background:url('../images/main/sec02_myungjo_back.jpg') no-repeat center; background-size:cover; }
.main .sec02 .mice_myungjo .layout{ position:relative; z-index:1; }
.main .sec02 .mice_myungjo .back_text{ position:absolute; left:0; top:0; width:100%; height:100%; }
.main .sec02 .mice_myungjo .back_text span{ position:absolute; display:inline-block; font-size:260px; color:#fff; font-family:"MICEMyungjo", sans-serif; font-weight:bold; }
.main .sec02 .mice_myungjo .back_text span.txt01{ top:160px; left:-100px; opacity:0.3}
.main .sec02 .mice_myungjo .back_text span.txt02{ top:350px; left:295px; opacity:0.1}
.main .sec02 .mice_myungjo .back_text span.txt03{ top:855px; left:120px; opacity:0.2}
.main .sec02 .mice_myungjo .back_text span.txt04{ top:290px; right:90px; opacity:0.2}
.main .sec02 .mice_myungjo .back_text span.txt05{ top:615px; right:-80px; opacity:0.2}
.main .sec02 .mice_myungjo .back_text span.txt06{ top:1200px; right:450px; opacity:0.4}

.main .sec02 .mice_myungjo .top > div.tit_box strong{ color:#414a6b; }
.main .sec02 .mice_myungjo .top > div.tit_box span{ color:#414a6b; }
.main .sec02 .mice_myungjo .top > div.ex_box p { color:#847d68; }
.main .sec02 .mice_myungjo .top > div.ex_box ul li p{ color:#847d68; }

.main .sec02 .mice_myungjo .bottom .text_box p{ font-family:"MICEMyungjo", sans-serif; color:#414a6b; }
.main .sec02 .mice_myungjo .bottom .text_box .myungjo_r{ font-weight:400;}
.main .sec02 .mice_myungjo .bottom .text_box .myungjo_b{ font-weight:700; }

.main .sec02 .mice_myungjo .bottom .set_box .select_box > a{ color:#414a6b; }
.main .sec02 .mice_myungjo .bottom .set_box .scale_box strong{ color:#414a6b; }
.main .sec02 .mice_myungjo .bottom .set_box .scale_box input[type="radio"]:checked + label{ color:#414a6b;}
.main .sec02 .mice_myungjo .bottom .set_box .scale_box input[type="radio"]:checked + label:before{ background:url('../images/btn/radio_icon02_on.png') no-repeat center; background-size:24px auto; } 
.main .sec02 .mice_myungjo .bottom .down_btn{ border:3px solid #414a6b; color:#414a6b; background:#fff; }
.main .sec02 .mice_myungjo .bottom .down_btn:after{ background:url('../images/btn/down_btn02_back.png') no-repeat center;}
.main .sec02 .mice_myungjo .bottom .down_btn span{ position:relative; z-index:1; background:url('../images/btn/down_btn02.png') no-repeat left center; -webkit-transition:all 0.1s; -moz-transition:all 0.1s; transition:all 0.1s;}

.main .sec02 .mice_myungjo .bottom .down_btn:before{ content:''; position:absolute; left:0; top:0; height:100%; width:0; background:#414a6b; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
.main .sec02 .mice_myungjo .bottom .down_btn:hover{ color:#fff;}
.main .sec02 .mice_myungjo .bottom .down_btn:hover:before{ width:100%; }
.main .sec02 .mice_myungjo .bottom .down_btn:hover span{ background:url('../images/btn/down_btn_hover.png') no-repeat left center; }

/* 앨범 */
.main .sec03 .album_box{ padding:80px 0 140px; background:#f8f8f8; }
.main .sec03 .album_box .layout{ position:relative; padding-top:140px;}
.main .sec03 .album_top .video_wrap{ position:relative; text-align:center;}
.main .sec03 .album_top .video_wrap:after{ content:''; position:absolute; left:0; top:250px; width:100%; height:1px; background:#fe5851;}
.main .sec03 .album_top .video_wrap .video_box{ margin-top:0; width:1000px; height:540px; z-index:1; box-shadow: 52px 0 62px rgba(0,0,0,0.14);}
.main .sec03 .album_top .video_wrap .video_box iframe{ width:1000px; height:540px; }
.main .sec03 .album_top .tit_box{ padding:90px 0 50px; border-bottom:1px solid #e9e9e9; text-align:center; width:1080px; box-sizing:border-box; margin:0 auto; }
.main .sec03 .album_top .tit_box strong{ display:block; font-size:54px; line-height:64px; color:#1c1b20; font-weight:bold; }
.main .sec03 .album_top .tit_box p.txt01{ font-size:24px; line-height:34px; color:#b49a85; margin-top:23px; font-weight:700;}
.main .sec03 .album_top .tit_box p.txt02{ font-size:14px; line-height:24px; color:#999; margin-top:5px; font-weight:700;}
.main .sec03 .album_top .album_info{ display:table; width:100%; width:1080px; box-sizing:border-box; margin:0 auto;}
.main .sec03 .album_top .album_info > div{ display:table-cell; vertical-align:middle; box-sizing:border-box; }
.main .sec03 .album_top .album_info > div.img_box{ width:180px; padding:40px;}
.main .sec03 .album_top .album_info > div.txt_box{ width:auto; color:#414a6b; }
.main .sec03 .album_top .album_info > div.txt_box strong{ font-size:30px; line-height:40px; font-weight:700;}
.main .sec03 .album_top .album_info > div.txt_box span{ font-size:24px; line-height:40px; font-weight:700; padding-left:12px; }
.main .sec03 .album_top .album_info > div.btn_box{ width:260px; padding:0 40px 0 0;}
.main .sec03 .album_top .album_info > div.btn_box a{ display:block; width:220px; height:65px; background:url('../images/btn/album_btn_back.png') no-repeat center; font-size:18px; line-height:65px; color:#fff; text-align:center; }
.main .sec03 .album_top .album_info > div.btn_box a span{ padding-left:30px; background:url('../images/btn/album_down_btn01.png') no-repeat left center;}


.main .sec03 .album_box .album_list_box{ padding:0 60px;}
.main .sec03 .album_box .album_list_box table{ width:100%; border-top:3px solid #1c1b20; }
.main .sec03 .album_box .album_list_box table thead tr{ border-bottom:1px solid #1c1b20; }
.main .sec03 .album_box .album_list_box table thead tr th{ font-size:18px; line-height:60px; color:#1c1b20; letter-spacing:-0.05em; font-weight:700; text-align:center; }
.main .sec03 .album_box .album_list_box table tbody tr{ border-bottom:1px solid #e9e9e9; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s;}
.main .sec03 .album_box .album_list_box table tbody tr td{ vertical-align:middle; padding:25px 0 22px; font-size:16px; line-height:26px; color:#666; letter-spacing:-0.05em; text-align:center; font-family:"NanumSquareRound", sans-serif; }
.main .sec03 .album_box .album_list_box table tbody tr td strong.tit{ display:inline-block; font-size:22px; line-height:32px; color:#1c1b20; font-weight:700; letter-spacing:0; font-family:"MICEGothic", sans-serif;}
.main .sec03 .album_box .album_list_box table tbody tr td .hash_tag{ float:right; display:inline-block; font-size:16px; line-height:26px; color:#b49a85; letter-spacing:-0.05em; font-family:"NanumSquareRound", sans-serif; text-align:right;}
.main .sec03 .album_box .album_list_box table tbody tr td p.txt{ margin-top:8px; font-size:15px; line-height:28px; word-break: keep-all;}
.main .sec03 .album_box .album_list_box table tbody tr td:nth-of-type(2){ text-align:left; padding-right:55px; padding-left:20px; }
.main .sec03 .album_box .album_list_box table tbody tr td a.down_btn{ display:inline-block; width:30px; height:26px; text-indent:-9999px; background:url('../images/btn/down_btn01.png') no-repeat center;}
.main .sec03 .album_box .album_list_box table tbody tr:hover{ background:#fff; }


/* 메인 메뉴 스크롤 포커스 */
.menu-on {color: rgb(255, 88, 81); }