@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css'); 
body { overflow:hidden;}
#wrap { }
#contents {position:relative; margin:0 auto; zoom:1;}
#contents:after {clear:both;content:"";display:block;}
.mainCon { position:relative; width:96%; max-width:1450px; margin:0 auto;}
.section { position:relative;}

.mainTypo { margin:3.8em 0 3em; text-align:center; color:#313131; text-transform:uppercase;}
.mainTyop01 { width:90%; max-width:690px; margin:0 auto;}
.mainTyop02 {  font-size:12px; line-height:1.5em; margin:0.5em  0 3.5em 0;}
.mainTyop02 span { color:#377eb0; }
/*.mainTyop03 {font-family: 'Georgia', serif; font-size:23px; line-height:1em; letter-spacing:0.01em; margin:1em 0;}*/
.mainTyop03 { position:relative; text-align:center; margin-bottom:2em; }
.mainTyop03 span { position:relative; background:#fff; padding:0 10px; font-size:12px; font-weight:400; color:#5c5c5c; z-index:2;}
.mainTyop03 .line { position:absolute; width:100%; height:1px; background:#666; left:0; top:50%; z-index:1;}

.main_01 { width:90%; max-width:960px; margin:10em auto;}
.main_01:after {content:"";display:block;clear:both;}
.main_0101 { width:100%; margin-top:50px;  }
.main_0101 > dt { width:90%; max-width:490px; margin:0 auto 1em; border-top:1px solid #727374; border-bottom:1px solid #727374; text-align:center; font-family:Georgia, serif; font-size:18px; color:#666; line-height:1.5em; padding:2px 0;}
.main_0101 > dd { text-align:center;}
.main_0101 dd dt { font-family: 'Georgia', serif; font-size: 30px; line-height:1em;color: #313131; text-transform:uppercase; margin-bottom:0.5em; }
.main_0101 dd dd { font-size:12.5px; line-height:1.5em; color:#797979; margin-bottom:1em;}
.main_0101 dd dd p { color:#333; margin-bottom:0.3em;}
.main_0102 { position:relative; float:none; width:100%; }
.btn_blog { position:absolute; right:2%; bottom:-44px; z-index:5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.btn_blog img { width:100px;}
.btn_blog:hover, .btn_blog:focus { bottom:-60px; }
.main_0103 { position:relative;} 
.main_0103_btn { position:absolute; background: #313131; color:#fff; width:190px; padding: 4px 4px; left:50%; bottom:10px; margin-left:-85px; text-align:center;}

.mainSlider { position:relative; width:96%; max-width:980px; margin:2em auto;}
.mainSlider h2 { position:relative; text-align:center; margin-bottom:0.5em; }
.mainSlider h2 span { position:relative; background:#fff; padding:0 10px; font-size:12px; font-weight:400; color:#5c5c5c; text-transform:uppercase; z-index:2;}
.mainSlider h2 .line { position:absolute; width:100%; height:1px; background:#666; left:0; top:50%; z-index:1;}
.mainSlider .lightSlider { position:relative; z-index:1;}
.mainSlider .ms_con { position:relative;}
.mainSlider .ms_con .img { position:relative; z-index:1;}
.ms_text { position:relative; width:80%; max-width:680px; background:#fff; margin:-2em auto 0; text-align:center; z-index:2;}
.ms_text dt { font-family: 'Georgia','Jeju Myeongjo', serif; font-size:6vw; line-height:2em; color:#27334e; text-transform:uppercase;}
.ms_text dd div { font-size:12px; line-height:18px; color:#000; margin-bottom:5px; }
.ms_text .btn_more { display:inline-block; margin:5px auto 30px; padding:0 20px; text-transform:uppercase; font-size:11px; line-height:36px; color:#313131; letter-spacing:0.1em; border:1px solid #000; z-index:2;}
.mainSlider .lSAction {position:absolute; width:100%; left:0;  top:50%; margin-top:-80px; opacity:1; z-index:5;}
.mainSlider .lSAction a {  display:block; width:40px; height:80px;background:url(../images/main/ms_arrow.png);}
.mainSlider .lSAction a.lSPrev { left:0;}
.mainSlider .lSAction a.lSNext { right:0; background-position:-40px 0;}


.specialPre {padding:3em 0 0; /*background-image:url(../images/main/img03.jpg);background-position:center bottom; background-size:cover;*/}
.specialPre dt, .main_02 dt { text-align:center; text-transform: uppercase; margin-bottom:1em;}
.specialPre dt .title01, .main_02 dt .title01 {display:block; font-weight: 300; font-size: 22px; line-height:1em; color: #000; letter-spacing: 2px; padding:2px;}
.specialPre dt .title02, .main_02 dt .title02 {display:block; font-family: 'Georgia', serif; font-size: 36px; line-height:1em;color: #313131; margin-bottom:0.5em;}
.specialPre dt .title02 { margin-bottom:1em;}
.specialPre_list { width:100%; max-width:1450px; margin:0 auto;}
.specialPre_list:after { content:"";display:block;clear:both;}
.specialPre_list li { float:left; width:23.5%; margin-left:2%; text-align:center;}
.specialPre_list li:first-child {margin-left:0;}
.specialPre_list li a { display:block;}
.specialPre_list li img { width:100%; vertical-align:top; max-height:193px;}
.specialPre_list li .text { display:block; font-family: 'Georgia','Jeju Myeongjo', serif; margin:1.5em 0 0.5em; font-size:14px; text-transform: uppercase; padding-bottom: 2px; color: #313131;  overflow: hidden;}
.specialPre_list li .text strong.text01 { font-weight:400; color:#cd7646;}
.specialPre_list li .text strong.text02 { font-weight:400; color:#458839;}
.specialPre_list li .btn_more {  position:relative; display:block; margin:-35px auto 0; width:80px; font-size:8px; line-height:22px; color:#fff; letter-spacing:0.1em; border:1px solid #fff; z-index:2;}
.blog_go { max-width:16px; margin-left:0.7em;}



.mainPreview { position:relative; margin-bottom:3.5em;}
.mainPreview_new { width:100%; vertical-align:top; opacity:0.6;}
.mainPreview:hover .mainPreview_new { opacity:0.8;}
/* .mainPreview_text { position:absolute; width:80%; left:10%; top:38%; text-align:center; z-index:2;} */
.mainPreview_text {text-align:center; padding: 40px 0; position: relative}
.mainPreview_text:before{content:""; display: block; background: #fff; opacity: 0.2; position: absolute; left:0; top: 0; right: 0; bottom:0; }
.mainPreview_text div {font-family: 'Georgia', serif; font-size:20px; line-height:1em;color: #091a41; margin-bottom:0.5em; position: relative; z-index: 10 }
.mainPreview_text a {display:inline-block; margin:10px auto 10px; padding:0 20px; text-transform:uppercase; font-size:8px; line-height:22px; color:#313131; letter-spacing:0.1em; border:1px solid #000; position: relative; z-index: 10}


.main_02 { width:92%; max-width:760px; margin:2em auto 0; text-align:center; color:#666; }
.main_02 dt { display:block; font-family: 'Georgia', serif; font-size:16px; line-height:1.3em;color: #313131; margin-bottom:0.5em; margin-bottom:1em; border-top:1px solid #000;  border-bottom:1px solid #000; padding:10px 0; }
.main_02 dt .title_line { display:block; width:150px; height:1px; background:#727374;margin:1.5em auto;}
.main_02 dt .title03 { display:block; font-family: Georgia, serif; padding:0 10px 10px; font-size: 15px; margin-bottom: 15px; color:#666;}
.main_02 dd {  font-size:12px; line-height:1.86em; letter-spacing:-0.01em; }
.main_02 dd p { max-width:420px; margin:1em auto; font-family: 'Georgia', serif; padding: 10px; font-size: 18px;  border-top:1px solid #727374; border-bottom:1px solid #727374; text-transform:uppercase;   }
.main_02 dd span {  color:#62a2cf; }

@media  (max-width: 1720px){

}

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

@media  (max-width: 1280px){

}

@media  (max-width: 1024px){


}


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

@media  (max-width: 559px){

.mainTypo { margin:2em 0 1.4em;}
.mainTyop03 { font-size:20px; margin:0.5em 0 0.5em;}
.main_01 { margin:3em auto;}
.main_0101 > dt { font-size:13px; color:#666; line-height:1.5em;}
.main_0101 dd dt { font-size: 16px; line-height:1em;}
.main_0101 dd dd { font-size:11px; line-height:1.5em; }

.specialPre {padding:2em 0 1.5em;}
.specialPre dt, .main_02 dt { margin-bottom:1em;}
.specialPre dt .title01, .main_02 dt .title01 {font-size: 13px; line-height:1em; }
.specialPre dt .title02, .main_02 dt .title02 {font-size: 18px; line-height:1em;}
.specialPre_list { width:94%;}
.specialPre_list:after { content:"";display:block;clear:both;}
.specialPre_list li { float:left; width:48%; margin-left:4%; margin-bottom:4%; text-align:center;}
.specialPre_list li:nth-child(2n+1) {margin-left:0;}
.specialPre_list li a { display:block;}
.specialPre_list li img { width:100%; }
.specialPre_list li a > span { font-size:15px; line-height:1.2em; margin:0.5em 0;}


}