@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Play:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('reset.css');

/* skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden}
#skipToContent a:focus, #skipToContent a:active {margin-top:0; height:auto; padding:10px 0px}

/* common */
.auto {margin:0 auto}
.img-responsive {display:block; max-width:100%; height:auto}
.float-right {float:right !important}
.width100 {width:100% !important}
.mt5 {margin-top:5px !important}
.mt1 {margin-top:10px !important}
.mt10 {margin-top:1% !important}
.mt20 {margin-top:2% !important}
.mt50 {margin-top:2.5% !important}
.mt60 {margin-top:3% !important}
.mt70 {margin-top:4% !important}
.mt80 {margin-top:5% !important}
.mt100 {margin-top:6% !important}
.mt130 {margin-top:7% !important}
.mt150 {margin-top:8% !important}
.mt180 {margin-top:12% !important}
.overflow {overflow:hidden}
.floatLeft {float:left}
.floatRight {float:right}
.ko{font-size:16px;font-weight:bold;}
.ko2{font-size:12px;font-weight:400;font-family: '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', 'AppleGothic', sans-serif;}
.ko2 span{font-weight:bold}
.ko3{font-size:20px;font-weight:bold;}
.ko4{font-size:22px;font-weight:bold;}
.fo13{font-size:13px;}
.fo14{font-size:14px;}

.mobile{display:none}
.mobile2{display:none}

/* header */
header.subList {height:150px; border-bottom:1px solid #ccc}
.logo {position:absolute; top:50px; left:75px; z-index:999;color:#fff;font-family:'Verdana', 'Geneva', sans-serif; font-size:14px;font-weight:bold;}
.logo a img {width:90%}
.btn_side {position:absolute; top:50px; right:75px; z-index:999}
.btn_side span {/*position:fixed;top:55px; right:80px;*/font-family:'Verdana', 'Geneva', sans-serif; font-size:16px; color:#000; vertical-align:middle; margin:-20px 20px 0 0; display:inline-block;/*font-weight:bold;*/}
.btn_side i {font-size:35px; color:#000}
.btn_side:hover i {color:#707070}
header.subView img {}
header.subView .btn_side i {/*position:fixed;*/font-size:35px; color:#fff}
header.subView .btn_side:hover i {color:#e1e1e1}
header.subView .btn_side span {/*position:fixed;top:55px; right:80px;*/font-family:'Verdana', 'Geneva', sans-serif; font-size:16px; color:#fff; vertical-align:middle; margin:-20px 20px 0 0; display:inline-block;/*font-weight:bold;*/}
header.subList .btn_side span {color:#000}

/* gnb */
/*#side {display:none; z-index:9999; width:400px; right:-400px; height:100%; position:fixed; background:#fff}*/
#side{display:none; z-index:9999; width:100%; right:-100%; height:100%; position:fixed; background:#fff}
#mask {position:absolute; z-index:999; background:rgba(0,0,0,0.8) 0 0; display:none; left:0; top:0; width:100%; height:100%; overflow:hidden}
/*.close {display:none; position:absolute; top:50px; left:30px; width:35px; height:33px; background-image:url('../images/btn_close.png'); background-position:0 0;background-size:35px 33px;text-indent:-9999px; opacity:1}*/
.close {display:none; position:absolute; top:50px; right:30px; width:35px; height:33px; background-image:url('../images/btn_close.png'); background-position:0 0;background-size:35px 33px;text-indent:-9999px; opacity:1}
.gnb {margin-top:180px; padding-left:70px}
.gnb > li {font-size:28px; font-weight:normal; margin-bottom:20px;}
.gnb > li > a {color:#010101}
.gnb > li > a:hover {color:#2994a3}

.sidetitile{font-size:38px;color:#000;text-align:center;padding-top:4%}

/*메인 지난웹진보기*/
#backnumber{ position:absolute; top:55px; right:150px; z-index:999; display: inline-block;  vertical-align: baseline;  font-family:'Verdana', 'Geneva', sans-serif;}
#backnumber ul{}
#backnumber ul.volume li{ position:relative; float:left; width:100%; list-style-type:none; font-size:16px; font-family:'Verdana', 'Geneva', sans-serif;}
#backnumber ul.volume li a{ display:block; width:100%; height:100%; line-height:150%; color:#1b1b1b; font-weight:normal; text-decoration:none; font-size: 16px;}
/*#backnumber ul.volume li a:hover{ background:#fff; }
.volume li:before{content:""; display:block; float:left;height: 16px;  width: 12px;  background: url("../img/toggle.png") 0 8px no-repeat;margin-right:10px}*/
#backnumber ul.volume li img{display:inline-block;margin-right:10px}
#backnumber ul.volume li .sub {background:#eeeeee;position:absolute; top:30px;left:0px;}
#backnumber ul.volume li .sub li a{ position:relative; float:left; display:block; width:100%; z-index:999; background:#eeeeee; font-size: 14px; padding:10px 15px }
#backnumber ul.volume li .sub a:hover{ background:#444; color:#fff; padding:10px 15px}

/*서브 지난웹진보기*/
#backnumber2{ position:absolute; top:55px; right:150px; z-index:999; display: inline-block;  vertical-align: baseline;  font-family:'Verdana', 'Geneva', sans-serif;}
#backnumber2 ul{}
#backnumber2 ul.volume li{ position:relative; float:left; width:100%; list-style-type:none; font-size:16px; font-family:'Verdana', 'Geneva', sans-serif;}
#backnumber2 ul.volume li a{ display:block; width:100%; height:100%; line-height:150%; color:#fff; font-weight:normal; text-decoration:none; font-size: 16px;}
/*#backnumber ul.volume li a:hover{ background:#fff; }
.volume li:before{content:""; display:block; float:left;height: 16px;  width: 12px;  background: url("../img/toggle.png") 0 8px no-repeat;margin-right:10px}*/
#backnumber2 ul.volume li img{display:inline-block;margin-right:10px}
#backnumber2 ul.volume li .sub {background:#eeeeee;position:absolute; top:30px;left:0px;}
#backnumber2 ul.volume li .sub li a{ position:relative; float:left; display:block; width:100%; z-index:999; background:#eeeeee; font-size: 14px; padding:10px 15px;color:#1b1b1b }
#backnumber2 ul.volume li .sub a:hover{ background:#444; color:#fff; padding:10px 15px}

/*메인 지난웹진보기*/
.dropdown {
	position:absolute; top:50px; right:130px; z-index:999
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  /*border: 1px solid;
  
  border-color: #272c33 #242930 #22272d;
  border-radius: 3px;
  */
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
}
.dropdown a {
  font-size: 16px;
  text-decoration: none;
  font-family:'Verdana', 'Geneva', sans-serif;
 /* text-shadow: 0 1px black;*/
}
.dropdown > a {
  float: left;
  position: relative;
  height: 27px;
  line-height: 26px;
  padding: 0 0;
  color: #1b1b1b;
 /* border-radius: 2px 0 0 2px;*/
}
.dropdown > a:before {
  content: '';
  display: inline-block;
  vertical-align: -2px;
  width: 10px;
  height: 11px;
  margin-right: 10px;
  /*background: url("../img/settings.png") 0 0 no-repeat;*/
}

.dropdown > a:hover {
  background: none;
  /*background: rgba(255, 255, 255, 0.04);*/
}
.dropdown > a:active {
  background: none;
}
.dropdown div {
  float: left;
  height: 27px;
  width: 26px;
  background: url("../../../img/toggle.png") 9px 9px no-repeat;

}
.dropdown div:hover {

}
.dropdown div:hover ul {
  display: block;
}

.dropdown div:active ul {
  display: block;
}
.dropdown ul {
  display: none;
  position: absolute;
  top: 27px;
  left: 0px;
  right: -1px;
  background: #fff;
  

}
.dropdown ul li {
  display: block;
  margin:5px 0;
}
.dropdown ul li:last-child a {
}
.dropdown ul a {
  display: block;
  line-height: 28px;
  padding: 0 20px 0 20px;
  color: #1b1b1b;
}
.dropdown ul a:hover {
  color: #983a9f;
  /*background: #426ebf;
  border-color: #78aad5;
  background-image: -webkit-linear-gradient(top, #5e9ace, #416cb8);
  background-image: -moz-linear-gradient(top, #5e9ace, #416cb8);
  background-image: -o-linear-gradient(top, #5e9ace, #416cb8);
  background-image: linear-gradient(to bottom, #5e9ace, #416cb8);*/
}

/*서브 지난웹진보기*/

header.subView .dropdown {
	position:absolute; top:50px; right:130px; z-index:999
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  /*border: 1px solid;
  
  border-color: #272c33 #242930 #22272d;
  border-radius: 3px;
  */
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
}
header.subView .dropdown a {
  font-size: 16px;
  text-decoration: none;
  font-family:'Verdana', 'Geneva', sans-serif;
 /* text-shadow: 0 1px black;*/
}
header.subView .dropdown > a {
  float: left;
  position: relative;
  height: 27px;
  line-height: 26px;
  padding: 0 0;
  color: #fff;
 /* border-radius: 2px 0 0 2px;*/
}
header.subView .dropdown > a:before {
  content: '';
  display: inline-block;
  vertical-align: -2px;
  width: 10px;
  height: 11px;
  margin-right: 10px;
  /*background: url("../img/settings.png") 0 0 no-repeat;*/
}

header.subView .dropdown > a:hover {
  background: none;
  /*background: rgba(255, 255, 255, 0.04);*/
}
header.subView .dropdown > a:active {
  background: none;
}
header.subView .dropdown div {
  float: left;
  height: 27px;
  width: 26px;
  background: url("../../../img/toggle_sub.png") 9px 9px no-repeat;

}
header.subView .dropdown div:hover {

}
header.subView .dropdown div:hover ul {
  display: block;
}
header.subView .dropdown ul {
  display: none;
  position: absolute;
  top: 27px;
  left: 0px;
  right: -1px;
  background: #fff;
  

}
header.subView .dropdown ul li {
  display: block;
  margin:5px 0;
}
header.subView .dropdown ul li:last-child a {
}
header.subView .dropdown ul a {
  display: block;
  line-height: 28px;
  padding: 0 20px 0 20px;
  color: #1b1b1b;
}
header.subView .dropdown ul a:hover {
  color: #983a9f;
  /*background: #426ebf;
  border-color: #78aad5;
  background-image: -webkit-linear-gradient(top, #5e9ace, #416cb8);
  background-image: -moz-linear-gradient(top, #5e9ace, #416cb8);
  background-image: -o-linear-gradient(top, #5e9ace, #416cb8);
  background-image: linear-gradient(to bottom, #5e9ace, #416cb8);*/
}


/* mainVisual */
#mainVisual section {width:100%;min-height:920px; height:100%;background:url('../images/mainVisualBg.jpg') #f7f7f5 center center no-repeat; background-size:cover; /*background-attachment:fixed;*/ box-sizing:border-box; z-index:9;}
#mainVisual .mainTxt {position:absolute; top:13%; left:0; width:100%; text-align:center;font-size:70px;color:#242424;font-weight:bold; z-index:99;}
#mainVisual .mainTxt02 {position:absolute; top:95%;left:0; width:100%; text-align:center;font-size:18px;color:#242424;font-weight:normal; line-height:130%}
#mainVisual .maintitle{position:absolute; top:-23px;font-size:18px; left:0; width:100%;font-weight:700; text-align:center;line-height:150%;}
/*#mainVisual .mainTxt {position:absolute; top:320px; left:0; width:100%; z-index:99}
#mainVisual .mainTxt img {margin:0 auto}*/
#mainVisual .sideTxt {position:absolute; top:65%; left:75px; z-index:99}
.scroll{position:absolute; bottom:4%; width:100%; text-align:center;}
.scroll img{margin:0 auto}

/* cover */
#cover {background:#eee; padding:130px 20px; text-align:center; font-size:28px; line-height:38px}
#cover section {font-size:32px; line-height:160%}
.cover_name{font-size:22px;}

/* special */
#special {overflow:hidden}
.sp_con {position:relative; width:33.33%; display:block; float:left; background:#000}
.sp_con img {opacity:1; -webkit-transition:opacity 0.35s; transition:opacity 0.35s}
.sp_con:hover img {opacity:0.7}
.sp_con a span {position:absolute; bottom:40px; left:0; padding:0 40px; -webkit-transition:transform 0.35s ease-in; transition:transform 0.35s ease-in; color:#fff}
.sp_con:hover a span {-webkit-transform:translate(0,-20px); transform:translate(0,-20px)}
.sp_con a span h2 {font-size:28px}
.sp_con a span p {font-size:18px; margin-top:5px}


/* SpecialTheme */
#SpecialTheme {padding:7% 20px; text-align:center}
#SpecialTheme h3 {font-size:24px; font-weight:700; text-align:center;font-weight:bold;}
#SpecialTheme h4 {margin-top:30px}
#SpecialTheme p {/*margin-top:50px;*/ font-size:28px; line-height:160%}

/* conBox */
#conBox {overflow:hidden; padding:130px 100px}
#conBox section {max-width:1550px; margin:0 auto; overflow:hidden}
.conBox_con {position:relative; width:30.3%; display:block; float:left; background:#000; margin:0 1.5% 3% 1.5%}
.conBox_con img {opacity:1; -webkit-transition:opacity 0.35s; transition:opacity 0.35s}
.conBox_con:hover img {opacity:0.7}
.conBox_con a span {position:absolute; top:35px; left:0; padding:0 40px; -webkit-transition:transform 0.35s ease-in; transition:transform 0.35s ease-in; color:#fff}
.conBox_con a span p {font-size:18px}
.conBox_con a span h2 {font-size:26px; line-height:30px; font-weight:normal; margin-top:10px}

.event01{margin:0 auto; overflow:hidden }
.event01_con{position:relative; width:97%;margin:0 3% 3% 1.5%;background:#009dc6;padding-bottom:2%}
.event01_title{text-align:center;font-size:95px; color:#fee600;font-family:'Open Sans', sans-serif;font-weight:600;line-height:120%;padding-top:2%}
.event01_txt1{text-align:center;font-size:35px; color:#434343;font-weight:500;padding-top:3%}
.event01_txt2{text-align:center;font-size:36px; color:#434343;line-height:120%;padding:3% 0 1% 0}
.event01_txt3{text-align:center;font-size:28px; color:#434343;line-height:130%;font-family:'Open Sans', sans-serif;font-weight:500;margin:3% auto}
.event01_txt4{text-align:center;font-size:16px; color:#707070;line-height:150%;padding-top:2%;font-family:'Open Sans', sans-serif;}
.event01_txt5{text-align:center;font-size:14px; color:#252525;line-height:150%;/*padding-top:2%;margin-top:5%;*/font-family:'Open Sans', sans-serif;font-weight:600;}
.event01_txt6{text-align:center;font-size:12px; color:#707070;line-height:150%;padding-top:1%;font-family:'Open Sans', sans-serif;}

/*
.event_btn:hover{background-color:#000;color:#83b4cc;border:1px solid #434343}
.event_btn a:hover{background-color:#000;color:#83b4cc;}
*/
.event01_txt3 sup{font-size:20px; }
.event01_txt3 span{font-size:20px;font-family:'Open Sans', sans-serif;}
.event01_gift{max-width:533px;text-align:center;margin:2% auto 0 auto}

.winners_g{border:1px solid #252525;padding:2% 0;margin-top:5%;}

/*main event banner*/
.event03{margin:0 auto; overflow:hidden }
.event03_con{position:relative; width:97%;margin:0 3% 3% 1.5%;background:#000;padding:5% 0}
.event03_title{text-align:center;font-size:55px; color:#ffbe66;font-family:'Open Sans', sans-serif;font-weight:600;line-height:120%;}
.event03_txt1{text-align:center;font-size:24px; color:#c1c1c1;font-weight:400;padding-top:2%}
.event03_txt2{text-align:center;font-size:18px; color:#c1c1c1;line-height:180%;padding-top:2%;font-family:'Open Sans', sans-serif;}
.event03_txt3{text-align:center;font-size:18px; color:#c1c1c1;line-height:180%;/*padding-top:1%;*/font-family:'Open Sans', sans-serif;}
.event_btn{width:20%;background:#ffbe66; color:#000;margin:2% auto 1% auto;text-align:center;font-size:24px;padding:5px 3px;font-weight:600;font-family:'Open Sans', sans-serif}
.event_btn a{color:#000; display:block;}
.event_btn:hover{background-color:#434343;color:#ffbe66;}
.event_btn a:hover{background-color:#434343;color:#ffbe66;}

/*
.event03 .event_btn a{color:#000; display:block;}
.event03 .event_btn:hover{background-color:#434343;color:#83b4cc;}
.event03 .event_btn a:hover{background-color:#434343;color:#83b4cc;}
*/

.event_img{width:100%;margin:0 auto;padding:0;border:0}
.event_img2{width:100%;margin:0 auto;padding:0;border:0}
.event_img2 img{display:block;float:left;margin:0;padding:0;border:0}


.event02{margin:0 auto; overflow:hidden; width:80%;margin:8% auto}
.event02_con{position:relative; width:100%;background:#009dc6;padding-bottom:2%;}
.event02_title{text-align:center;font-size:95px; color:#fee600;font-family:'Open Sans', sans-serif;font-weight:600;line-height:120%;padding-top:5%}
.event02_txt1{text-align:center;font-size:52px; color:#fee600;font-weight:600;padding-top:3%}
.event02_txt2{text-align:center;font-size:24px; color:#fff;line-height:130%;margin:1% 0 5% 0;}
.event02_txt2 span{color:#fee600;font-weight:600}
.winner_box{position:relative;overflow:hidden;width:70%;border-top:1px solid #fff; padding:3% 0;margin:2% auto 0 auto;}
.event02_txt3{text-align:center;font-size:36px; color:#fff;line-height:130%;padding:2% 2% 2% 2%;font-family:'Open Sans', sans-serif;font-weight:700;}
.event02_txt3 span{font-size:24px;font-family:'Open Sans', sans-serif;font-weight:500;}
.event02_txt4{width:100%; list-style:none;margin:3% auto}
.event02_txt4 li{float:left;width:25%;display:block; color:#fff;line-height:200%;text-align:center;font-size:16px;font-family:'Open Sans', sans-serif;/*margin-right:8.5%*/}
.event02_txt4 .last{margin:0;}
.event02_txt5{text-align:center;font-size:16px; color:#fff;line-height:150%;margin:3% 0 8% 0;font-family:'Open Sans', sans-serif;color:#fee600;font-weight:600;}
.event02_txt6{color:#fff;line-height:200%;text-align:center;font-size:16px;font-family:'Open Sans', sans-serif;}
.event02_txt7{text-align:center;font-size:24px; color:#fee600;line-height:130%;margin:1% 0 0 0;}


/* footerTop */
#footerTop {background:#ebebeb; padding:60px 0}
#footerTop section {max-width:1500px; margin:0 auto; overflow:hidden}
#footerTop section div h5 {font-family:'Verdana', 'Geneva', sans-serif; font-size:14px; color:#313131; font-weight:normal}
#footerTop section div h6 {font-family:'Verdana', 'Geneva', sans-serif; font-size:12px; color:#919090; line-height:16px; font-weight:normal; margin-top:15px}
#footerTop section div .btnStyl1 {font-family:'Verdana', 'Geneva', sans-serif; font-size:12px; background:#515151; padding:5px 0; text-align:center; display:inline-block; width:105px; color:#fff; margin-top:15px;font-weight:bold;}
#footerTop section div .btnStyl1:hover {background:#707070}
#footerTop section .ftCon1 {float:left; width:15%; box-sizing:border-box;}
#footerTop section .ftCon2 {float:left; width:18%; box-sizing:border-box;}
#footerTop section .ftCon3 {float:right; width:35%; overflow:hidden; box-sizing:border-box;}
#footerTop section .ftCon3 ul.pyeong {overflow:hidden; float:left;}
#footerTop section .ftCon3 ul.pyeong li {float:left; margin-right:30px}
#footerTop section .ftCon3 ul.pyeong li:last-child {margin-right:0}
#footerTop section .ftCon3 .Follow {float:right; width:160px;}
#footerTop section .ftCon3 .Follow ul {overflow:hidden; margin-top:15px}
#footerTop section .ftCon3 .Follow ul li {float:left; margin-left:10px}
#footerTop section .ftCon3 .Follow ul li a {font-size:15px; color:#000}
#footerTop section .ftCon3 .Follow ul li:last-child {margin-right:0}

/* footer */
footer {padding:60px 0; text-align:center}
footer .copy {clear:both;font-family:'Verdana', 'Geneva', sans-serif; font-size:11px; color:#686868; margin-top:15px}
footer .flogo{overflow:hidden; max-width:500px; margin:0 auto;}
footer .flogo a{float:left; margin: 0 10px 0 10px}
.f1{padding: 5px 0 0 10px}

/* containerPeople */
#containerPeople {}
#containerPeople h2 {font-size:100px; text-align:center; padding:50px 0}
.peopleWrap {text-align:center; max-width:1542px; margin:0 auto}
.peopleWrap .peopleCon {width:20%; display:inline-block; text-align:left; max-width:310px; padding:0 20px; margin-bottom:80px; vertical-align:top; box-sizing:border-box}
.peopleWrap .peopleCon .peopleTitle {font-size:20px; margin:15px 0; display:block; color:#000}
.peopleWrap .peopleCon .peopleTxt {font-size:16px; line-height:20px; display:block; color:#000}
.peopleWrap .peopleCon div {overflow:hidden; background:000}
.peopleWrap .peopleCon div img {transition: all 0.3s ease-in-out}
.peopleWrap .peopleCon div img:hover {transform:scale(1.1,1.1)}

/* subVisual */
#subVisual01 section {width:100%; height:100%;/* background:url('../images/subVisualBg01.jpg') center center no-repeat; background-size:100%; box-sizing:border-box; */z-index:9}
#subVisual05 section {width:100%; height:100%; background:url('../images/subVisualBg05.jpg') center center no-repeat; background-size:cover; box-sizing:border-box; z-index:9}

/* container */
#container {}
#container section {clear:both}
#container section.width500 {max-width:500px; margin:0 auto}
#container section.width848 {max-width:848px; margin:0 auto}
#container section.width1480 {max-width:1480px; margin:0 auto}
#container section.width1394 {max-width:1394px; margin:0 auto}
#container section.width1574 {max-width:1574px; margin:0 auto}
#container section.width1700 {max-width:1700px; margin:0 auto}
#container section.width1250 {max-width:1250px; margin:0 auto;background:#009dc6;}
#container section > h2 {margin-top:7%;font-size:72px;line-height:130%;text-align:center;color:#424242;font-weight:bold;}
#container section > h3 {font-size:48px; text-align:center; color:#424242;margin:4% auto 0 auto; padding-bottom:30px;font-weight:bold;}
#container section > h4 {font-size:48px; text-align:center; color:#424242; margin-top:7%;font-weight:bold;line-height:130%}
#container section > h5 {font-size:30px; text-align:center; color:#272727; margin-top:4%}
#container section .sTitle {font-size:32px; text-align:center; color:#424242; border-top:1px solid #424242;width:52%;margin:2% auto 4% auto; padding-top:2%}
#container section .sTitle2 {font-size:32px; text-align:center; color:#424242; border-top:1px solid #424242;width:52%;margin:2% auto 4% auto; padding-top:2%}
#container section .sTxt {font-size:28px; line-height:160%; text-align:center; color:#424242; margin-top:50px; font-style:italic}
#container section .sTxt span{font-weight:bold}
#container section .sTxt2 {font-size:22px;line-height:160%; text-align:left; color:#434343; margin-top:5%;}
#container section .sTxt2  a:link, a:hover, a:visited{color:#434343;}
#container section .sTxt3 {font-size:28px; line-height:160%; text-align:center; color:#313131; margin-top:5%;}
#container section .sTxt4 {font-size:22px; line-height:160%; text-align:left; color:#434343; margin-top:3%;width:55%;margin:3% auto 0 auto;}
#container section .sTxt5 {font-size:20px; text-align:center; color:#424242; /*padding-top:2%;*/margin:0 auto 4% auto}
#container section .sTxt6 {font-family:'Roboto', sans-serif;font-size:26px;color:#305c98;font-weight:bold;text-align:center;line-height:130%}
#container section .sTxt7 {font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif;line-height:150%;font-size:38px;font-weight:700;color:#305c98;text-align:center; padding-top:8%}
#container section .sTxt8 {font-family:'Roboto', sans-serif;line-height:140%;font-size:18px;color:#305c98;text-align:center; padding-top:1%;font-weight:400;}
#container section .sTxt9 {font-size:18px; text-align:center; color:#434343; margin-top:3%;letter-spacing:0.06em;margin:0 auto 15% auto}
#container section .sWritten {font-size:14px; text-align:center; color:#434343; margin-top:3%;letter-spacing:0.06em}
#container section .life {font-size:35px; line-height:160%; text-align:center; color:#000; margin-top:7%; }
#container section .sWritten span{font-weight:bold}
#container section .s_font{font-size:18px}
#container section .s_font2{font-size:16px}


#container section .sns {text-align:center; margin-top:6%}
#container section .sns a {font-size:30px; color:#595959; margin:0 20px}
#container section .sns a:hover {color:#000}
#container section .sns2 {text-align:left; border-bottom:1px solid #858585; padding-bottom:25px; position:relative}
#container section .sns2 a {font-size:30px; color:#595959; margin-right:40px}
#container section .sns2 a:hover {color:#000}
#container section hr {border-color:#8e565a; margin:7% 0;clear:both;}
.column3 {margin-top:70px }
.column3 span {display:inline-block; padding:0 45px; width:33%; box-sizing:border-box; vertical-align:top; font-size:20px; line-height:30px; color:#434343}


/*Photo Essay*/
.storybox{overflow:hidden; position:relative;width:72.60%;margin:0 auto;padding:0 0 0 0;max-width:1394px}
.storybox02{overflow:hidden; position:relative;width:72.60%;margin:0 auto;} 
.story01{margin-top:8%; font-size:13px;line-height:180%;font-family:'Open Sans', sans-serif;text-align:center;font-weight:400;color:#959595}
.story02{margin-top:10px;overflow:hidden;font-size:13px;line-height:180%;font-family:'Open Sans', sans-serif;text-align:center;font-weight:400;color:#959595}
.story01 img{margin-bottom:10px}
.story02 img{margin-bottom:10px}
.story03{float:left;width:49.6%}
.story04{float:right;width:49.6%}
.story05{float:left;width:62%;margin-top:6%}
.story06{float:right;width:33%;margin-top:18%}
.story07{float:left;width:34%;margin-top:8%}
.story08{float:right;width:53%;margin-top:14%;}
.story09{float:right;width:53%;margin-top:18%;}
.story05 img{margin-bottom:10px}
.story06 img{margin-bottom:10px}
.story07 img{margin-bottom:10px}
.story08 img{margin-bottom:10px}
.story09 img{margin-bottom:10px}
.story10{float:left;width:49.5%;margin-bottom:10px;font-size:13px;line-height:180%;font-family:'Open Sans', sans-serif;text-align:center;font-weight:400;color:#959595;}
.story11{float:right;width:49.5%;margin-bottom:10px;font-size:13px;line-height:180%;font-family:'Open Sans', sans-serif;text-align:center;font-weight:400;color:#959595}

.storybox03{position:relative;width:72.60%;overflow:hidden;margin:2% auto;max-width:1394px}

.button {/*background:#313131;*/ color:#313131; max-width:400px;font-size:18px; font-weight:normal; padding:13px 35px; display:block; border:2px solid #313131;box-sizing:border-box; /*border-radius:32px;*/ text-align:center; margin:7% auto 7% auto; animation:fadeIn3 10s; -moz-animation:fadeIn3 10s; -webkit-animation:fadeIn3 10s; -o-animation:fadeIn3 10s; animation-fill-mode:backwards; position:relative; z-index:999}
.button:hover {background:#313131; color:#fff}
.chamgo{clear:both;font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; line-height:150%;}
.chamgo03{clear:both;font-family:'Play', sans-serif; font-weight:normal; color:#7d7d7d; font-size:14px; line-height:140%;}
.chamgo_title{font-family:'Play', sans-serif; font-weight:500; font-size:14px; line-height:150%; color:#535353;}
.chamgo04{clear:both;font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; line-height:130%;margin:0 0 0 10px}
.chamgo04_title{clear:both;font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:16px; line-height:130%;margin-top:5%}


.caption01{overflow:hidden;margin-top:10px;font-size:11px;line-height:160%;font-family:'Open Sans', sans-serif;text-align:right;font-weight:400;color:#959595}
.caption01 img{margin-bottom:10px}
.caption02{overflow:hidden;font-size:11px;line-height:160%;font-family:'Open Sans', sans-serif;text-align:right;font-weight:400;color:#959595}
.caption03{overflow:hidden;margin-top:10px;font-size:11px;line-height:160%;font-family:'Open Sans', sans-serif;text-align:center;font-weight:400;color:#959595}
.caption03 img{margin-bottom:10px}

/*info*/
.info {clear:both; overflow:hidden; position:relative;border-top:1px solid #8e565a; padding:5% 0 5% 0}
.info > li {float:left; box-sizing:border-box;padding-top:7%;}
.info > li.infoLeft {width:60%; padding-right:70px}
.info > li.infoRight {width:40%; position:absolute; top:0; right:0;padding-top:12%}
.info > li.infoRight h5 {font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:24px; background:url('../images/info.png') no-repeat 0 7px; padding-left:35px}
.info > li.infoRight h6 {font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:16px; margin-top:25px}
.info > li.infoRight p{font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; list-style:disc;/* text-indent:-2px; */ line-height:150%;margin-top:12px;letter-spacing:0.02em}

/*coffee info*/
.coffeeinfo {clear:both;overflow:hidden; position:relative;border-bottom:1px solid #8e565a; padding:0 0 3% 0;max-width:848px;margin:0 auto;}
.coffeeinfo h6 {font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:16px;padding-bottom:1%}
.coffeeinfo p{clear:both;font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; /* text-indent:-2px; */ line-height:150%;/*margin:0 0 1% 0*/}

/* profile */
.profile {clear:both;overflow:hidden; position:relative;}
.profile > li {float:left; box-sizing:border-box; }
.profile > li.proLeft {width:50%; padding-right:50px;height:100%;float:left;margin:1% 0 5% 0}
.profile > li.proRight {width:50%; position:absolute;  right:0;float:right}
.profile > li.proRight h5 {font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:24px;}
.profile > li.proRight h6 {font-family:'Play', sans-serif; font-weight:600; color:#8e565a; font-size:14px; margin:18px 0 8px 0}
.profile > li.proRight .dList {margin-left:19px}
.profile > li.proRight .dList li{width:100%}
/*.profile > li.proRight .dList li {font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; list-style:disc; text-indent:-2px; line-height:24px;margin:3% 0}*/
.pro_year{clear:both;}
.year_txt{list-style:none;float:right;width:78%;font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px;text-indent:-2px; line-height:20px;}
.year{width:20%;float:left; font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px;line-height:20px;display:block;}
/*
.pro_year{clear:both;}
.year_txt{list-style:none;float:right;width:95%;font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px;text-indent:-2px; line-height:130%;padding-bottom:4%}
.year{width:5%;float:left; font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px;line-height:130%;display:block;}
*/
.btnList {font-family:'Verdana', 'Geneva', sans-serif; font-size:18px !important; border:2px solid #1c1c1c; margin-right:0 !important; padding:10px 25px; border-radius:30px; position:absolute; top:-10px; right:0}
/*.btnList {font-family:'Verdana', 'Geneva', sans-serif; font-size:14px !important; border:2px solid #1c1c1c; margin-right:0 !important; padding:10px 10px; border-radius:30px; position:fixed; bottom:300px; right:0px} */

/* listWrap */
.listWrap {text-align:center; margin:5% auto}
.listWrap a {width:17%; display:inline-block; text-align:left; max-width:304px; padding:0 32px; margin-bottom:80px; vertical-align:top; box-sizing:border-box}
.listWrap a .listTitle {font-size:14px; margin:15px 0 10px 0; display:block; color:#000;font-weight:bold;}
.listWrap a .listTxt {font-size:18px; line-height:24px; display:block; color:#707070}
.listWrap a div {overflow:hidden; background:000}
.listWrap a div img {transition: all 0.3s ease-in-out}
.listWrap a div img:hover {transform:scale(1.1,1.1)}

/*main listWrap */
.listWrap02 {text-align:center; margin:2% auto 5% auto; width:90%}
.listWrap02 a {width:17%; display:inline-block; text-align:left; max-width:304px; padding:0 32px; margin-bottom:80px; vertical-align:top; box-sizing:border-box}
.listWrap02 a .listTitle {font-size:14px; margin:15px 0 10px 0; display:block; color:#000;font-weight:bold;}
.listWrap02 a .listTxt {font-size:18px; line-height:24px; display:block; color:#707070}
.listWrap02 a div {overflow:hidden; background:000}
.listWrap02 a div img {transition: all 0.3s ease-in-out}
.listWrap02 a div img:hover {transform:scale(1.1,1.1)}


/*Travel*/
.Travelbox{overflow:hidden; position:relative;width:75%;margin:0 auto;padding:3% 0 0 0}
.Travel01{float:left;width:35.3%;margin-top:8%}
.Travel02{float:right;width:50.4%;margin-top:20%}
.Travel03{margin-top:8%}
.Travel04{float:left;margin-top:8%;width:62%;}
.Travel05{float:right;margin-top:20%;width:33%;}

.progbox{clear:both;overflow:hidden; position:relative;border-top:1px solid #8e565a; border-bottom:1px solid #8e565a; padding:5% 0 5% 0}
.progbox h5 {text-align:left; font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:24px; background:url('../images/info.png') no-repeat 0 7px; padding:0 0 5% 35px}
.progbox p{clear:both;font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; /* text-indent:-2px; */ line-height:150%;margin:2% 0 5% 0}

.progbox2{clear:both;overflow:hidden; position:relative;border-top:1px solid #8e565a;  padding:5% 0 5% 0}
.progbox2 h5 {text-align:left; font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:24px; background:url('../images/info.png') no-repeat 0 7px; padding-left:35px}
.progbox2 p{clear:both;font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; line-height:150%;margin:3% 0 5% 0}
.program2 {overflow:hidden; position:relative; padding-bottom:3%;}
.program2 > li {float:left; box-sizing:border-box}
.program2 > li.programLeft {width:18%;margin-left:10%;margin-top:15px}
.program2 > li.programRight {width:60%; position:absolute; top:0; right:7%}
.program2 > li.programRight p{font-family:'Play', sans-serif; font-weight:400; color:#8e565a; font-size:14px; list-style:disc; line-height:150%;margin-bottom:5%}
.program2 > li.programRight h6 {font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:16px; margin-bottom:10px;}

.program3 {overflow:hidden; position:relative; padding-bottom:3%;}
.program3 > li {float:left; box-sizing:border-box}
.program3 > li.programLeft {width:45%;margin-right:10%;}
.program3 > li.programLeft p{font-family:'Play', sans-serif; font-weight:400; color:#8e565a; font-size:14px; list-style:disc; line-height:150%;margin-bottom:5%}
.program3 > li.programLeft h6 {font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:16px; margin-bottom:10px;}
.program3 > li.programRight {width:40%; position:absolute; top:0; right:0%}

.mbt5 {margin-bottom:5% !important}

.program { clear:both; position:relative; padding-bottom:3%}
.program > li {float:left; box-sizing:border-box}
.program > li.programLeft {width:43%; padding-right:50px;margin-top:15px}
.program > li.programRight {width:50%; float:right;}
.program > li.programRight p{font-family:'Play', sans-serif; font-weight:400; color:#8e565a; font-size:14px; list-style:disc;/* text-indent:-2px; */ line-height:150%;margin-bottom:5%}
.program > li.programRight h6 {font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:16px; margin-bottom:10px}
.progbox .program01{font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:16px; margin-bottom:10px}
.programRight .dList3 {margin:0 0 30px 19px}
.programRight .dList3 li {font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; list-style:disc; text-indent:-2px; line-height:24px}

#TravelTip {width:100%;background:#f0f8f4; margin:5% 0; padding:1% 0 5% 0;}
#TravelTip section{overflow:hidden; position:relative; width:70%;margin:0 auto}
#TravelTip section .part01{float:left;width:46%}
#TravelTip section .part02{float:right;width:46%}
#TravelTip section .part01 a .button{margin:5% auto;width:80%;text-align:center;}
#TravelTip section .part02 a .button{margin:5% auto;width:80%;text-align:center;}
#TravelTip h4{font-size:32px; font-weight:bold;text-align:center;line-height:130%}
#TravelTip section h5{font-size:24px; font-weight:bold;text-align:center;line-height:130%}
#TravelTip section p{font-size:18px; text-align:left;margin:3% 0 3% 0}
#TravelTip section .last{font-size:24px; font-weight:bold;text-align:center;line-height:130%;padding-bottom:5%}


.chamgo{font-size:14px;text-align:left;color:#898989;line-height:200%}

.Travelinfo{clear:both;overflow:hidden; position:relative;border-top:1px solid #8e565a; padding:4% 0 0 0;max-width:1394px;margin:0 auto;}
.Travelinfo h5 {text-align:left; font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:24px; background:url('../images/info.png') no-repeat 0 7px; padding-left:35px;line-height:150%}
.Travelinfo p{clear:both;font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; line-height:150%;margin:3% 0 5% 0}
.Travelinfo_ri{overflow:hidden;float:right;width:83%;margin-top:-5%}
.Travelinfo_ri .tinfo_title {font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:24px;}
.t_info {overflow:hidden; position:relative;}
.t_info > li {width:27%; float:left; box-sizing:border-box;margin:2% 6% 0 0}
.t_info > li p{font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; list-style:disc;/* text-indent:-2px; */ line-height:150%;margin-bottom:4%}
.t_info > li h6 {font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:18px; padding:4% 0 0 0}
.t_info > li .dList {margin-left:19px;padding-top:3%}
.t_info > li .dList li {font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; list-style:disc; text-indent:-2px; line-height:24px;margin-bottom:2%}
.t_info > li .dList li .button03 {/*background:#313131;*/color:#ffffff; max-width:400px;font-size:12px; font-weight:normal; padding:6px 25px; display:block;background:#8e565a;border:2px solid #8e565a;box-sizing:border-box; /*border-radius:32px;*/ text-align:center; margin:1% 0 1% 0; animation:fadeIn3 10s; -moz-animation:fadeIn3 10s; -webkit-animation:fadeIn3 10s; -o-animation:fadeIn3 10s; animation-fill-mode:backwards; position:relative; z-index:999}
.t_info > li .dList li .button03:hover { background:#fff;color:#8e565a;border:2px solid #8e565a;box-sizing:border-box;}
.t_info > li p a{color:#8e565a;}
.t_info > li .dList li a{color:#8e565a;}
.t_info > li .dList li a:hover{color:#434343;}

.t_info .button02 {/*background:#313131;*/color:#ffffff; max-width:400px;font-size:12px; font-weight:normal; padding:6px 25px; display:block;background:#8e565a;border:2px solid #8e565a;box-sizing:border-box; /*border-radius:32px;*/ text-align:center; margin:1% 0 0 0; animation:fadeIn3 10s; -moz-animation:fadeIn3 10s; -webkit-animation:fadeIn3 10s; -o-animation:fadeIn3 10s; animation-fill-mode:backwards; position:relative; z-index:999}
.t_info .button02:hover { background:#fff;color:#8e565a;border:2px solid #8e565a;box-sizing:border-box;}

.Travelinfo02{clear:both;overflow:hidden; position:relative;border-top:1px solid #8e565a; border-bottom:1px solid #8e565a;padding:3% 0 3% 0;max-width:1480px;margin:0 auto;}
.Travelinfo02 h5 {text-align:left; font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:24px; background:url('../images/info.png') no-repeat 0 7px; padding-left:35px;line-height:150%}
.t_info02 {overflow:hidden; position:relative; padding-top:1%}
.t_info02 > li {width:27%; float:left; box-sizing:border-box;margin:0 3% 3% 3%}
.t_info02 > li h6 {font-family:'Play', sans-serif; font-weight:600; color:#8e565a; font-size:17px; margin:2% 0}
.t_info02 > li .dList {margin-left:19px; padding-top:3%}
.t_info02 > li .dList li {font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; list-style:disc; text-indent:-2px; line-height:24px}
.t_info02 > li p a{color:#8e565a;}


.map{clear:both;width:100%; height:500px; padding:5% 0 5%0}

/*flavor*/
.flavorinfo { clear:both;overflow:hidden; position:relative;border-top:1px solid #8e565a; padding:4% 0 3% 0;max-width:848px;margin:0 auto;}
.flavorinfo h5 {text-align:left; font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:24px; background:url('../images/info.png') no-repeat 0 7px; padding-left:35px;}
.flavorinfo h6 {font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:16px;}
.flavorinfo p{clear:both;font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; /* text-indent:-2px; */ line-height:150%;/*margin:0 0 1% 0*/}
.flavorinfo .tipLeft {width:47%; position:relative;left:0; float:left;}
.flavorinfo .tipRight {width:47%; position:relative;  right:0;float:right;}
.flavorinfo p{font-family:'Play', sans-serif; font-weight:400; color:#8e565a; font-size:14px; list-style:disc; line-height:150%;margin-bottom:5%}



.flavor_num{clear:both;overflow:hidden; position:relative;}
.num_txt{list-style:none;float:right;width:93%;font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; /*text-indent:-2px;*/ line-height:20px;}
.num_txt span{font-family:'Play', sans-serif; font-weight:600}
.num{width:7%;float:left; font-family:'Play', sans-serif; font-weight:600; color:#8e565a; font-size:14px;line-height:20px;display:block;}


/*Korea & I*/
.KoI_con01{position:relative;margin-top:-23%;}
.KoI_con01 h4{font-size:48px; text-align:center; color:#424242; font-weight:bold;line-height:130%}


.copy01{font-size:12px;font-family:'Verdana', 'Geneva', sans-serif;color:#434343;margin-top:10px;text-align:right}

/*동영상*/
.vimeoWrap{
     position: relative;
    padding-bottom: 54.3%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin: 0;
  }
.vimeoWrap iframe,
.vimeoWrap object,
.vimeoWrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: 0px;
}

.vimeoWrap02{
     position: relative;
    padding-bottom: 54.3%; /* 16/9 ratio */
    padding-top: 17px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin: 0;
  }
.vimeoWrap02 iframe,
.vimeoWrap02 object,
.vimeoWrap02 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: 0px;
}

.vimeoWrap03{
     position: relative;
    padding-bottom: 54.2%; /* 16/9 ratio */
    padding-top: 32.5px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin: 0;
  }
.vimeoWrap03 iframe,
.vimeoWrap03 object,
.vimeoWrap03 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: 0px;
}

/*Policy Review*/
.Policy01{font-size:20px;text-align:center;color:#7d7d7d;margin-top:3%}

/*event winners*/
#winners_tb{position:relative;width:100%;border-bottom:1px solid #575757;margin:3% 0 5% 0}
#winners_tb th{border-top:3px solid #575757;border-bottom:1px solid #575757;border-right:1px solid #dadada;text-align:center;font-size:18px; color:#1b1b1b;font-family:'Open Sans', sans-serif;font-weight:600;line-height:180%;padding:1% 0;/*background:#eeeeee*/}
#winners_tb td{border-bottom:1px solid #dadada;border-right:1px solid #dadada;text-align:center;font-size:16px; color:#535353;font-family:'Open Sans', sans-serif;font-weight:400;line-height:180%;padding:1% 0}
#winners_tb .thle{border-right:0;}

/*top*/
.top {display:block; position:fixed; bottom:70px; right:50px; z-index:200;opacity:0.4}
.top img{padding:0 0 3px 25px}

/*list*/
.listbtn {display:block; position:fixed;	bottom:120px; right:50px; z-index:200;opacity:0.4}

/*Invitation*/
.inv_box{margin:0 auto;border-bottom:1px solid #000;border-top:1px solid #000;padding:5% 0}
.inv_box h5{font-family:'Open Sans', sans-serif;font-weight:600;line-height:180%;text-align:left;font-size:20px;color:#1b1b1b;}
.inv_con{position:relative;width:100%;margin:1% 0 4% 0}
.inv_con li{background:url('../images/inv_bullet.gif') no-repeat 0 15px; padding-left:10px;text-align:left;font-family:'Open Sans', sans-serif;font-weight:400;line-height:180%;color:#434343;font-size:18px;}
.inv_con .mb2{margin-bottom:2%}
.inv_txt{font-size:36px;color:#1b1b1b;text-align:left;font-weight:600;padding:8% 0 2% 0}
.inv_btn{width:50%;background-color:#000;margin:5% 0;color:#fff;text-align:center;font-size:20px;padding:10px 0;font-weight:600;font-family:'Open Sans', sans-serif;}
.inv_btn a{color:#83b4cc; display:block; }
.inv_btn:hover{background-color:#83b4cc;color:#000;}
.inv_btn a:hover{;background-color:#83b4cc;color:#000;}

@media (min-width: 1680px) {
	.hidden-lg {display:none !important}
	#container section.width1480 {width:90%; margin:0 auto}
	#container section.width1574 {width:90%;margin:0 auto}
	#container section.width1700 {width:90%; margin:0 auto}
	.event03_title{font-size:45px}

	
}


@media (min-width: 1441px) {
	.hidden-lg {display:none !important}
	.event01_txt3{width:40%;font-size:30px;}
	.event01_title{font-size:130px;}
	.event01_txt1{font-size:32px;}
	.event01_txt2{font-size:24px;}
	.event03_title{font-size:45px}
	.event_btn{width:25%}

}

@media (max-width: 1440px) and (min-width: 1200px) {
	.logo {top:40px; left:40px}
	.logo a img {width:80%}
	.btn_side {top:40px; right:40px}
	.btn_side i {font-size:30px}
	.btn_side span{font-size:16px;margin:-10px 15px 0 0}
	header.subView .btn_side{top:40px; right:40px}
	header.subView .btn_side i {font-size:30px}
	header.subView .btn_side span{font-size:16px;margin:-10px 15px 0 0}
	#container section.width1480 {width:90%; margin:0 auto}
	#container section.width1394 {width:90%; margin:0 auto}
	#container section.width1574 {width:90%;margin:0 auto}
	#container section.width1700 {width:90%; margin:0 auto}
	#cover section {font-size:22px;}
	#SpecialTheme p{font-size:22px;} 
	.hidden-lg {display:none !important}
	#mainVisual section {min-height:830px}
	#mainVisual .mainTxt {top:13%;font-size:52px;}
	#mainVisual .mainTxt02 {top:90%;font-size:18px;}
	#mainVisual .maintitle{font-size:18px;}
	#footerTop section {max-width:1208px}
	#footerTop section div h5 {font-size:12px}
	#footerTop section div h6 {font-size:10px; line-height:13px; margin-top:10px}
	#footerTop section div .btnStyl1 {font-size:10px; padding:9px 0; width:87px; margin-top:10px}
	/*
	#footerTop section .ftCon1 {width:35%}
	#footerTop section .ftCon2 {width:35%}
	#footerTop section .ftCon3 {width:30%}
	#footerTop section .ftCon4 ul li a {font-size:13px}
	*/
	#container section {padding:0 30px}
	.event01_txt3{width:40%;font-size:30px;}
	.event01_title{font-size:130px;}
	.event01_txt1{font-size:32px;}
	.event01_txt2{font-size:24px;}
	.event02_txt4 li{width:50%}
	.event02_txt3{text-align:center;font-size:32px; color:#fff;line-height:130%;padding:2% 2% 2% 2%;font-family:'Open Sans', sans-serif;font-weight:700;}
	.event02_txt3 span{font-size:20px;font-family:'Open Sans', sans-serif;font-weight:500;}
	.ai_map{width:90%; margin:0 auto}
	.event03_title{font-size:40px}
	.event03_txt1{font-size:20px}
	.event03_txt2 .event03_txt2{font-size:18px}
	.event_btn{width:25%}


}

@media (max-width: 1199px) and (min-width: 992px) {
	.logo {top:40px; left:40px}
	.logo a img {width:80%}
	.btn_side {top:40px; right:40px}
	.btn_side i {font-size:30px}
	.btn_side span{font-size:16px;margin:-10px 15px 0 0}
	header.subView .btn_side{top:40px; right:40px}
	header.subView .btn_side i {font-size:30px}
	header.subView .btn_side span{font-size:16px;margin:-10px 15px 0 0}
	#container section.width1480 {width:90%; margin:0 auto}
	#container section.width1394 {width:90%; margin:0 auto}
	#container section.width1574 {width:90%;margin:0 auto}
	#container section.width1700 {width:90%; margin:0 auto}
	#SpecialTheme p{font-size:20px}
	.hidden-md {display:none !important}
	#mainVisual section {min-height:885px}
	#mainVisual .mainTxt {top:15%;font-size:48px;}
	#mainVisual .mainTxt02 {top:95%;font-size:16px;}
	#mainVisual .maintitle{font-size:16px;	}
	#conBox {padding:60px 50px}
	#footerTop {padding:60px 60px}
	#footerTop section .ftCon1 {width:18%; padding-right:40px}
	#footerTop section .ftCon2 {width:20%; padding-right:40px}
	#footerTop section .ftCon3 {width:35%}
	#footerTop section .ftCon3 .Follow {float:left; width:100%}
	#footerTop section .ftCon3 ul.pyeong {margin-top:20px}
	#footerTop section .ftCon3 .Follow ul li {margin-right:12px}
	#footerTop section .ftCon3 .Follow ul li a {font-size:17px}
	.peopleWrap .peopleCon {width:33.3%}
	#container section {padding:0 30px}
	#subVisual section {min-height:300px; background-position:center bottom}
	.listWrap a {width:19.5%; display:inline-block; text-align:left; max-width:304px; padding:0 15px; margin-bottom:80px; vertical-align:top; box-sizing:border-box}
	#container section > h2{font-size:58px;}
	#container section .sTxt {font-size:22px;  margin-top:40px; font-style:italic}
	#container section .sTxt2 {font-size:18px; margin-top:5%;}
	#container section .sTxt3 {font-size:22px; margin-top:5%;}
	#container section .sTxt5 {font-size:16px;}
	#container section .sTxt6 {font-size:18px}
	#container section .sTxt7 {font-size:24px}
	#container section .sTxt8 {font-size:20px}
	#container section .sTxt9 {font-size:14px;}
	#container section .sWritten {font-size:12px; text-align:center; color:#898989; margin-top:3%;letter-spacing:0.06em}
	#container section > h4{font-size:40px;margin-top:10%}
	#TravelTip section .part01 a .button{width:100%}
	#TravelTip section .part02 a .button{width:100%}
	#container section .sTitle2 {font-size:28px; width:80%}
	#TravelTip section{width:80%;}
	.mobile{display:block}
	.ko{font-size:13px;font-weight:normal}
	.ko2{font-size:12px;font-weight:normal}
    .ko3{font-size:16px;font-weight:normal}	
	.conBox_con a span {top:20px; padding:0 20px}
	.conBox_con a span p {font-size:14px}
	.conBox_con a span h2 {font-size:18px; line-height:24px}
	#container section .sTitle{font-size:28px;width:90%}
	#container section .sTitle2 {font-size:28px;width:90%}
	.event01_txt3{width:40%;font-size:30px;margin-bottom:5%}
	.event01_title{font-size:100px;}
	.event01_txt1{font-size:30px;}
	.event01_txt2{font-size:20px;}
	.event02_txt4 li{width:50%}
	.event02_txt3{text-align:center;font-size:28px; color:#fff;line-height:130%;padding:2% 2% 2% 2%;font-family:'Open Sans', sans-serif;font-weight:700;}
	.event02_txt3 span{font-size:18px;font-family:'Open Sans', sans-serif;font-weight:500;}
	.event03_title{font-size:35px}
	.event03_txt1{font-size:20px}
	.event03_txt2{font-size:18px}
	.event03_txt3{font-size:18px;margin-bottom:5%}
	.event_btn{width:35%}
	.Travel04{float:left;margin-top:8%}
	.Travel05{float:right;margin-top:25%}
	.ai_map{width:90%; margin:0 auto}
	.inv_box h5{font-size:18px;}
	.inv_con li{font-size:16px;}	



}

@media (max-width: 991px) and (min-width: 768px) {
	#container section.width1480 {width:90%; margin:0 auto}
	#container section.width1394 {width:90%; margin:0 auto}
	#container section.width1574 {width:90%;margin:0 auto}
	#container section.width1700 {width:90%; margin:0 auto}
	#container section.width500 {width:90%; margin:0 auto}
	.hidden-sm {display:none !important}
	.mobile{display:block}
	.mobile2{display:none}
	header.subList {height:140px}
	.logo {top:30px; left:30px}
	.logo a img {width:70%}
	.btn_side {top:30px; right:30px}
	.btn_side i {font-size:28px}
	.btn_side span{font-size:14px;margin:-10px 15px 0 0}
	header.subView .btn_side{top:30px; right:30px}
	header.subView .btn_side i {font-size:28px}
	header.subView .btn_side span{font-size:14px;margin:-10px 15px 0 0}
	#mainVisual section {min-height:760px; background:url('../images/mainVisualBg780.jpg') #e9ebf6 center bottom no-repeat; background-size:cover;}
	#mainVisual .mainTxt {top:13%;font-size:42px;}
	#mainVisual .mainTxt02 {top:90%;font-size:16px;}
	#mainVisual .maintitle{font-size:15px;}
	#mainVisual .sideTxt {top:50%}
	#cover {padding:70px 100px}
	.cover_name{font-size:18px;}
	#cover section {text-align:left; font-size:22px; line-height:36px}
	.sp_con {width:50%; height:320px}
	.sp_con.mSize {height:640px}
	.sp_con img {width:100%}
	.sp_con_4 {width:50%; height:320px}
	.sp_con_4 img {width:100%}
	#SpecialTheme {padding:70px 100px; text-align:left}
	#SpecialTheme h3 {font-size:18px}
	#SpecialTheme h4 {margin-top:30px}
	#SpecialTheme p {margin-top:0px; font-size:20px; line-height:32px}
	#conBox {padding:80px 30px}
	.conBox_con {width:47%}
	.conBox_con img {height:325px; width:100%}
	.conBox_con img.mSize {height:671px}
	.conBox_con a span {top:30px; padding:0 30px}
	.conBox_con a span p {font-size:14px}
	.conBox_con a span h2 {font-size:18px; line-height:24px}
	#footerTop {padding:60px 60px}
	#footerTop section .ftCon1 {width:18%; padding-right:20px}
	#footerTop section .ftCon2 {width:20%; padding-right:20px}
	#footerTop section .ftCon3 {width:35%}
	#footerTop section .ftCon3 .Follow {float:left; width:100%}
	#footerTop section .ftCon3 ul.pyeong {margin-top:20px}
	#footerTop section .ftCon3 ul.pyeong li {margin-right:20px}
	#footerTop section .ftCon3 .Follow ul li {margin-right:10px}
	#footerTop section .ftCon3 .Follow ul li a {font-size:17px}
	.peopleWrap .peopleCon {width:50%}
	#container section {padding:0 30px}
	#subVisual section {min-height:200px; background-position:center bottom}
	.column3 {margin-top:5%;width:100%; }
	.column3 span {width:100%;font-size:18px;line-height:150%; padding:2% 10%; }
	.profile > li.proLeft {width:80%; padding-right:0px;}
	.profile > li.proRight {width:100%; position:relative; margin-top:50px;}
	#container section .sns2 {text-align:center}
	#container section .sns2 a {margin:0 30px}
	.btnList {position:relative; top:0; margin:30px 0 !important; display:inline-block}
	.listWrap a {width:50%; padding:0 15px;margin-bottom:8%}
	.listWrap{margin:8% auto;}
	#side{overflow:scroll}
	.listWrap a .listTitle {margin:10px 0 5px 0}
	.listWrap02 a {width:30%; padding:0 15px;margin-bottom:5%}
	.listWrap02{margin:5% auto;}
	.listWrap02 a .listTitle {margin:10px 0 5px 0}
	#container section.width848{width:70%}
	#container section > h2{font-size:52px;line-height:130%;padding:5% 0 3% 0;}
	#container section .sTxt {font-size:22px;  margin-top:40px; font-style:italic;text-align:left;padding:0 10%}
	#container section .sTxt2 {font-size:18px; margin-top:5%;}
	#container section .sTxt3 {font-size:22px; margin-top:5%;}
	#container section .sTxt5 {font-size:15px;}
	#container section .sTxt6 {font-size:18px;width:90%;}
	#container section .sTxt7 {font-size:22px;width:90%;}
	#container section .sTxt8 {font-size:20px;width:90%;}
	#container section .sTxt9 {font-size:16px;width:80%;text-align:left}
	#container section .sWritten {font-size:14px; text-align:center; color:#898989; margin-top:3%;letter-spacing:0.06em}
	#container section > h4{font-size:35px;margin-top:8%}
	#TravelTip section{width:80%;margin-top:5%}
	#TravelTip section h5{font-size:22px; font-weight:bold;text-align:center;line-height:130%}
	#TravelTip section p{font-size:14px; text-align:left;margin:3% 0 3% 0}
	#container section .sTitle2 {font-size:28px; width:80%; padding-top:5%}
	.ko{font-size:12px;font-weight:normal}
	.ko2{font-size:12px;font-weight:normal}
    .ko3{font-size:17px;font-weight:normal}	
	.button{width:100%; padding:13px 15px; font-size:15px;}
	#TravelTip section .part01 a .button{width:100%}
	#TravelTip section .part02 a .button{width:100%}
	#container section > h3 {font-size:30px}
	#container section > h2 img{width:25%}
	#container section .sTitle{font-size:24px;width:90%}
	#container section .sTitle2 {font-size:24px;width:90%}
	.info {border:0}
	.info > li.infoLeft {position:relative; width:100%;padding:0}
	.info > li.infoRight {position:relative; width:100%;}
	.Policy01{font-size:18px;text-align:left;}
	.listbtn{right:20px}
	.top{right:20px}
	#backnumber{right:80px;top:30px}
	#backnumber2{right:80px;top:30px}
	/*.dropdown{right:80px;top:30px}
	header.subView .dropdown{right:80px;top:30px}*/
	.event01_txt3{width:40%;font-size:24px;margin-bottom:5%}
	.event01_title{font-size:95px;}
	.event01_txt1{font-size:28px;}
	.event01_txt2{font-size:18px;padding:2% 8%}
	.event_btn{width:50%}
	.event01_gift{width:60%}
	.program > li.programLeft {position:relative;width:100%;}
	.program > li.programRight {position:relative;width:100%;margin-top:3%}
	.event02{width:90%}
	.event02_title{text-align:center;font-size:75px; color:#fee600;font-family:'Open Sans', sans-serif;font-weight:600;line-height:120%;padding-top:5%}
	.event02_txt1{text-align:center;font-size:32px; color:#fee600;font-weight:600;padding-top:3%}
	.event02_txt2{text-align:center;font-size:20px; color:#fff;line-height:130%;margin:1% 0 5% 0;}
	.event02_txt4 li{width:50%}
	.event02_txt3{text-align:center;font-size:24px; color:#fff;line-height:130%;padding:2% 2% 2% 2%;font-family:'Open Sans', sans-serif;font-weight:700;}
	.event02_txt3 span{font-size:18px;font-family:'Open Sans', sans-serif;font-weight:500;}
	.event02_txt7{font-size:16px;}
	.flavorinfo { padding:4% 0 5% 0}
	.ai_map{width:90%; margin:0 auto}	
	.event03_title{font-size:35px}
	.event03_txt1{font-size:20px}
	.event03_txt2{font-size:18px}
	.event03_txt3{font-size:18px;margin-bottom:5%}
	.inv_box h5{font-size:16px;}
	.inv_con li{font-size:14px;}
	.inv_txt{font-size:30px;}
	.inv_btn{font-size:18px;width:60%}
}

@media (max-width: 767px) and (min-width: 480px) {
	#container section.width1480 {width:85%; margin:0 auto}
	#container section.width1394 {width:85%; margin:0 auto}
	#container section.width1574 {width:85%;margin:0 auto}
	#container section.width1700 {width:85%; margin:0 auto}
	#container section.width500 {width:85%; margin:0 auto}
	.hidden-xs {display:none !important}
	.mobile{display:block}
	header.subList {height:90px}
	.logo {top:20px; left:20px}
	.logo a img {width:50%}
	.btn_side {top:20px; right:20px}
	.btn_side i {font-size:26px}
	.btn_side span{font-size:14px;margin:-10px 7px 0 0}
	header.subView .btn_side{top:20px; right:20px}
	header.subView .btn_side i {font-size:26px}
	header.subView .btn_side span{font-size:14px;margin:-10px 7px 0 0}
	.gnb {margin-top:80px; padding-left:70px}
	.gnb > li {font-size:24px; font-weight:normal; margin-bottom:20px;}
	.close{left:20px;top:20px}
	#mainVisual section {min-height:600px; background:url('../images/mainVisualBg780.jpg') #e9ebf6 center bottom no-repeat;background-size:cover;}
	#mainVisual .mainTxt {top:10%;font-size:38px;}
	#mainVisual .mainTxt02 {top:85%;font-size:14px;}
	#mainVisual .maintitle{font-size:14px;}
	#mainVisual .sideTxt {position:absolute;font-family:'Verdana', 'Geneva', sans-serif; font-size:16px; top:70%; left:0; width:100%; text-align:center; color:#fff}
	#cover {padding:50px 40px}
	#cover section {text-align:left; font-size:20px; line-height:36px}
	.cover_name{font-size:16px;}
	.sp_con {width:100%}
	.sp_con img {width:100%}
	.sp_con a span h2 {font-size:20px}
	.sp_con a span p {font-size:14px; margin-top:5px}
	.sp_con_4 {width:100%}
	.sp_con_4 img {width:100%}
	.sp_con_4 a span h2 {font-size:20px}
	.sp_con_4 a span p {font-size:14px; margin-top:5px}
	#SpecialTheme {padding:50px 40px; text-align:left}
	#SpecialTheme h3 {font-size:18px}
	#SpecialTheme h4 {margin-top:30px}
	#SpecialTheme p {margin-top:10px; font-size:18px; line-height:30px}
	#conBox {padding:60px 40px}
	.conBox_con {width:100%; margin:0 0 7% 0}
	.conBox_con img{width:100%}
	.conBox_con a span {top:20px; padding:0 20px}
	.conBox_con a span p {font-size:14px}
	.conBox_con a span h2 {font-size:22px; line-height:28px}
	#footerTop {padding:60px 40px}
	#footerTop section .ftCon1 {width:100%; margin-bottom:30px}
	#footerTop section .ftCon2 {width:100%; margin-bottom:30px}
	#footerTop section .ftCon3 {width:100%}
	#footerTop section .ftCon3 .Follow {float:left; width:100%}
	#footerTop section .ftCon3 ul.pyeong {margin-top:20px}
	#footerTop section .ftCon3 ul.pyeong li {margin-right:20px}
	#footerTop section .ftCon3 .Follow ul li {margin-right:10px}
	#footerTop section .ftCon3 .Follow ul li a {font-size:17px}
	footer {padding:40px 0}
	.peopleWrap .peopleCon {width:100%; max-width:100%; padding:0 40px}
	#containerPeople h2 {font-size:60px; text-align:center; padding:50px 0}
	#container section {padding:0 30px}
	#subVisual section {min-height:200px; background-position:center bottom}
	.column3 {margin-top:5%;width:100%; }
	.column3 span {width:100%;font-size:16px;line-height:150%; padding:2% 10%; }
	.profile > li.proLeft {width:100%; padding-right:0px}
	.profile > li.proRight {width:100%; position:relative; margin-top:50px}
	#container section .sns2 {text-align:center}
	#container section .sns2 a {margin:0 10px}
	.btnList {position:relative; top:0; margin:30px 0 !important; display:inline-block}
	.listWrap a {width:80%; max-width:100%; padding:0 10px;margin-bottom:10%}
	.listWrap{margin:8% auto;}
	.listWrap a .listTitle {margin:10px 0 5px 0}
	#side{overflow:scroll}
	.listWrap02 a {width:80%; max-width:100%; padding:0 10px;margin-bottom:10%}
	.listWrap02{margin:8% auto;}
	.listWrap02 a .listTitle {margin:10px 0 5px 0}
	#container section .sTxt3{font-size:18px; text-align:left; line-height:150%;padding-top:5%}
	#container section > h4{font-size:37px;margin-top:15%}
	.story01{padding-top:7%}
	.storybox{width:85%}
	.caption01{font-size:10px;color:#999999;line-height:150%}
	.caption02{font-size:10px;color:#999999;line-height:150%}
	.caption03{font-size:10px;color:#999999;line-height:150%}
	.story05{width:100%}
	.story06{clear:both;width:80%;float:left;}
	.story07{width:100%}
    .story08{width:100%}
	.story09{width:100%}
	#container section.width848{width:75%}
	#container section > h2{font-size:45px;line-height:55px;padding:3% 0 3% 0;}
	#container section .sTxt {font-size:20px;  margin-top:7%; font-style:italic;text-align:left;padding:0 7%}
	#container section .sTxt2 {font-size:16px; margin-top:5%;}
	#container section .sTxt3 {font-size:20px; margin-top:5%;}
	#container section .sTxt5 {font-size:14px;}
	#container section .sTxt6 {font-size:16px;width:90%;}
	#container section .sTxt7 {font-size:24px;width:90%;}
	#container section .sTxt8 {font-size:18px;width:90%;}
	#container section .sTxt9 {font-size:16px;width:85%;text-align:left;letter-spacing:0.02em}
	#container section .sWritten {font-size:13px; text-align:center; color:#898989; margin-top:6%;letter-spacing:0.06em}
	#container section > h4{font-size:28px;margin-top:10%}
	#TravelTip section .part01{float:left;width:100%;margin-top:5%}
	#TravelTip section .part02{float:left;width:100%;margin-top:5%}
	#TravelTip section h5{font-size:20px; font-weight:bold;text-align:center;line-height:130%}
	#TravelTip section p{font-size:14px; text-align:left;margin:3% 0 3% 0}
	.t_info > li {width:80%;margin:0 auto}
	#container section .sTitle{font-size:22px;width:90%; padding-top:5%}
	#container section .sTitle2 {font-size:22px;width:90%;padding-top:5%}
	.ko{font-size:14px;font-weight:normal}
	.ko2{font-size:11px;font-weight:normal}
    .ko3{font-size:15px;font-weight:normal}	
	.button{width:100%; padding:13px 15px; font-size:14px;}
	#TravelTip section .part01 a .button{width:100%}
	#TravelTip section .part02 a .button{width:100%}
	#container section > h3 {font-size:26px}
	#container section > h2 img{width:40%}
	.info {border:0}
	.info > li.infoLeft {position:relative; width:100%;padding:0}
	.info > li.infoRight {position:relative; width:100%;}
	.Policy01{font-size:16px;text-align:left;}
	.listbtn{right:10px}
	.top{right:10px}
	#backnumber{right:60px;top:20px;font-size:14px}
	#backnumber2{right:60px;top:20px;font-size:14px}
	.event01_txt3{width:40%;font-size:20px;margin-bottom:5%}
	.event01_title{font-size:85px;}
	.event01_txt1{font-size:24px;}
	.event01_txt2{font-size:16px;padding:2% 8%}
	.event_btn{width:60%;font-size:20px;}
	.event01_gift{width:60%}
	.program3 > li.programLeft {position:relative;width:100%;}
	.program3 > li.programRight {position:relative;width:100%}
	.program > li.programLeft {position:relative;width:100%;}
	.program > li.programRight {position:relative;width:100%;margin-top:3%}
	.num_txt{width:97%}
    .num{width:3%}
	.flavorinfo { padding:4% 0 5% 0}
    .flavorinfo .tipLeft {width:85%;margin-bottom:0%}
    .flavorinfo .tipRight {width:85%;float:left}
	.flavorinfo h5{}
	.flavorinfo h6
	.flavorinfo p
	.ai_map{width:90%; margin:0 auto}
	.event03_con{width:100%;margin:0 3% 3% 0;}
	.event03_title{font-size:30px;}
	.event03_txt1{font-size:16px;width:80%;margin:0 auto}
	.event03_txt2{font-size:14px}
	.event03_txt3{font-size:14px;margin-bottom:5%}
	.inv_box h5{font-size:14px;}
	.inv_con li{font-size:12px;}
	.inv_txt{font-size:24px;}
	.inv_btn{font-size:14px;width:70%}
}

@media (max-width: 480px) and (min-width: 361px) {
	#container section.width1480 {width:80%; margin:0 auto}
	#container section.width1394 {width:80%; margin:0 auto}
	#container section.width1574 {width:80%;margin:0 auto}
	#container section.width1700 {width:80%; margin:0 auto}
	#container section.width500 {width:80%; margin:0 auto}
	.mobile{display:block}
	.mobile2{display:block}
	.logo {top:20px; left:20px}
	.logo a img {width:50%}
	.btn_side {top:20px; right:20px}
	.btn_side i {font-size:24px}
	.btn_side span{font-size:12px;margin:-10px 7px 0 0}
	header.subView .btn_side{top:20px; right:20px}
	header.subView .btn_side i {font-size:24px}
	header.subView .btn_side span{font-size:12px;margin:-10px 7px 0 0}
	.gnb {margin-top:60px; padding-left:100px}
	.gnb > li {font-size:24px; font-weight:normal; margin-bottom:10px;}
	.close{left:20px;top:20px}
	#mainVisual section {min-height:600px; background:url('../images/mainVisualBg780.jpg') #e9ebf6 center bottom no-repeat;background-size:cover;}
	#mainVisual .mainTxt {top:14%;font-size:32px;line-height:100%;padding-bottom:4%}
	#mainVisual .mainTxt02 {top:92%;font-size:12px;}
	#mainVisual .maintitle{font-size:12px;}
	#mainVisual .mainTxt img {width:60%}
	#mainVisual .sideTxt {position:absolute; font-family:'Verdana', 'Geneva', sans-serif; font-size:16px;top:85%; left:0; width:100%; text-align:center; color:#fff}
	.hidden-xs {display:none !important}
	#cover {padding:50px 40px}
	#cover section {text-align:left; font-size:20px;}
	.cover_name{font-size:16px}
	.sp_con {width:100%}
	.sp_con img {width:100%}
	.sp_con a span h2 {font-size:20px}
	.sp_con a span p {font-size:14px; margin-top:5px}
	.sp_con_4 {width:100%}
	.sp_con_4 img {width:100%}
	.sp_con_4 a span h2 {font-size:20px}
	.sp_con_4 a span p {font-size:14px; margin-top:5px}
	#SpecialTheme {padding:50px 40px; text-align:left}
	#SpecialTheme h3 {font-size:18px}
	#SpecialTheme h4 {margin-top:30px}
	#SpecialTheme p {margin-top:0px; font-size:16px; }
	#conBox {padding:60px 40px}
	.conBox_con {width:100%; margin:0 0 7% 0}
	.conBox_con a span {top:20px; padding:0 20px}
	.conBox_con a span p {font-size:14px}
	.conBox_con a span h2 {font-size:18px; line-height:24px}
	#footerTop {padding:10px 40px 50px 40px;}
	#footerTop section div h5 {font-size:12px}
	#footerTop section .ftCon1 {width:100%; margin-bottom:30px}
	#footerTop section .ftCon2 {width:100%; margin-bottom:30px}
	#footerTop section .ftCon3 {width:100%}
	#footerTop section .ftCon3 .Follow {float:left; width:100%}
	#footerTop section .ftCon3 ul.pyeong {margin-top:20px}
	#footerTop section .ftCon3 ul.pyeong li {margin-right:20px}
	#footerTop section .ftCon3 .Follow ul li {margin-right:10px}
	#footerTop section .ftCon3 .Follow ul li a {font-size:17px}
	footer {padding:30px 0 40px 0}
	footer .flogo{margin:0 auto;width:50%;}
	footer .flogo a{position:relative;overflow:hidden;width:100%;margin:2% auto;text-align:center}
	#cover section {font-size:18px; line-height:160%;text-align:left}
	.cover_name{font-size:14px;}
	.story01{padding-top:7%;font-size:12px;color:#7d7d7d;line-height:120%;text-align:left}
	.story02{font-size:11px;color:#7d7d7d;line-height:120%;text-align:left}
	.story10{font-size:11px;color:#7d7d7d;line-height:120%;text-align:left}
	.story11{font-size:11px;color:#7d7d7d;line-height:120%;text-align:left}
	.storybox{width:80%}
	.caption01{font-size:10px;color:#999999;line-height:130%;text-align:left}
	.caption02{font-size:10px;color:#999999;line-height:130%;text-align:left}
	.caption03{font-size:10px;color:#999999;line-height:130%;text-align:left}
	#container section.width848{width:80%}
	#container section > h2{font-size:32px;padding:3% 5% 3% 5%;line-height:130%;}
	#container section .sTxt {font-size:16px;  margin-top:7%; font-style:italic;text-align:left;padding:0 7%}
	#container section .sTxt2 {font-size:16px; margin-top:5%;}
	#container section .sTxt3 {font-size:18px; margin:15% 0 10% 0; text-align:left;line-height:110%}
	#container section .sTxt5 {font-size:12px;width:90%;text-align:left}
	#container section .sTxt6 {font-size:16px;width:90%;}
	#container section .sTxt7 {font-size:20px;width:90%;}
	#container section .sTxt8 {font-size:16px;width:90%;}
	#container section .sTxt9 {font-size:14px;width:85%;text-align:left;letter-spacing:0.02em}
	#container section .sWritten {font-size:12px; text-align:center; color:#898989; margin-top:6%;letter-spacing:0.06em;padding:0 10%}
	#container section > h4{font-size:22px;margin-top:10%;text-align:center;padding:0 10%}
	#container section > h5{font-size:24px;}
	.story05{width:100%}
	.story06{clear:both;width:80%;float:left;}
	.story07{width:100%}
    .story08{width:100%}
	.story09{width:100%}
	#TravelTip section .part01{float:left;width:100%;margin-top:5%}
	#TravelTip section .part02{float:left;width:100%;margin-top:5%}
	#TravelTip section .part01 a .button{width:100%}
	#TravelTip section h5{font-size:20px; font-weight:bold;text-align:center;line-height:130%}
	#TravelTip h4{font-size:24px;}
	#TravelTip section p{font-size:14px; text-align:left;margin:3% 0 3% 0}
	.top {display:block; position:fixed;	bottom:50px; right:10px; z-index:200;opacity:0.3}
	.listbtn{right:10px;bottom:95px}
	.Travelinfo{width:90%;margin:0 auto;}
	.t_info{width:90%;margin:0 auto;padding:0 5% 0 5%}
	.t_info > li {width:100%;margin:0 auto;}
	.t_info > li .dList li { font-size:12px}
	.peopleWrap .peopleCon {width:100%; max-width:100%; padding:0 40px}
	#containerPeople h2 {font-size:60px; text-align:center; padding:50px 0}
	.listWrap a {width:80%; max-width:100%; padding:0 10px}
	#container section .sns {text-align:center}
	#container section .sns a {margin:0 10px}
	#container section .sns2 {text-align:center;margin-top:15%}
	#container section .sns2 a {margin:0 10px;}
	.btnList {position:relative; top:0; margin:30px 0 !important; display:inline-block;font-size:14px !important; border:2px solid #1c1c1c; margin-right:0 !important; padding:5px 15px; border-radius:20px; }
	.button{width:100%; padding:13px 15px; }
	#container section .sTitle{font-size:18px;width:90%;padding-top:5%;text-align:center;margin:0 auto}
	#container section .sTitle2 {font-size:18px;width:90%;padding-top:5%;margin:0 auto}
	.listWrap{margin:8% auto;}
	.listWrap a {margin-bottom:10%}
	.listWrap a .listTitle {margin:10px 0 5px 0}
	#side{overflow:scroll}
	.listWrap02 a {width:80%; padding:0 15px;margin-bottom:5%}
	.listWrap02{margin:5% auto;}
	.listWrap02 a .listTitle {margin:10px 0 5px 0}
	.progbox{padding:7% 0 7% 0}
	.progbox h5 {font-size:18px;}
	.progbox p{font-size:12px;}
	.progbox .program01{font-size:13px;}
	.program > li.programLeft {position:relative;width:100%}
	.program > li.programRight {position:relative;width:100%; margin-top:20px}
	.program3 > li.programLeft {position:relative;width:100%;}
	.program3 > li.programRight {position:relative;width:100%}
	.chamgo03{font-size:11px; line-height:140%;}
	.chamgo_title{font-size:11px;}
	.ko{font-size:12px;font-weight:normal}
	.ko2{font-size:11px;font-weight:normal}
    .ko3{font-size:14px;font-weight:normal}	
	#TravelTip section .part01 a .button{width:100%}
	#TravelTip section .part02 a .button{width:100%}
	#container section > h2 img{width:30%}
	#container section > h3 {font-size:24px; width:80%; margin:5% auto 0 auto; padding-bottom:10px;font-weight:bold;}
	.column3 {margin-top:5%;width:100%; }
	.column3 span {width:100%;font-size:14px;line-height:150%; padding:10px 5px; }
	.profile > li.proLeft {width:100%; padding-right:0px}
	.profile > li.proRight {width:100%; position:relative; margin-top:50px}
	.info {border:0}
	.info > li.infoLeft {position:relative; width:100%;padding:0}
	.info > li.infoRight {position:relative; width:100%;}
	.Policy01{font-size:14px;text-align:left;}
	#backnumber{right:50px;top:20px}
	#backnumber2{right:50px;top:20px}
	#backnumber ul.volume li{font-size:14px}
	#backnumber ul.volume li a{font-size:14px}
	.event01{width:100%}
	.event01_con{width:95%;padding:10px 10px 10px 8px}
	.event01_title{font-size:55px;}
	.event01_txt1{font-size:14px;}
	.event01_txt2{font-size:12px;padding:5% 2%;}
	.event01_txt3{width:80%;font-size:16px;padding:2% 2%;margin:0 auto}
	.event01_txt3 span{font-size:14px;}
	.event01_txt3 img{width:2%}
	.event_btn{width:60%;padding:1% 1%;margin:3% auto;font-size:18px;}
	.event_btn img{width:4%;vertical-align:middle}
	.event01_gift{width:80%}
	.event_img2{width:100%;margin:0 auto;padding:0;border:0;background:#009dc6;}
	.event_img2 img{width:33.33%;display:block;float:left;margin:0;padding:0;border:0;background:#009dc6;}
	.event01_txt3 sup{font-size:12px;}
	.event02{width:100%}
	.event02_con{padding:0 5%}
	.event02_title{text-align:center;font-size:35px; color:#fee600;font-family:'Open Sans', sans-serif;font-weight:600;line-height:120%;padding-top:5%}
	.event02_txt1{width:90%;text-align:center;font-size:22px; color:#fee600;font-weight:600;padding-top:3%}
	.event02_txt2{width:90%;text-align:center;font-size:16px; color:#fff;line-height:130%;margin:1% 0 5% 0;}
	.event02_txt4 li{width:90%}
	.event02_txt3{width:90%;text-align:center;font-size:18px; color:#fff;line-height:150%;padding:7% 2% 2% 2%;font-family:'Open Sans', sans-serif;font-weight:700;}
	.event02_txt3 span{font-size:14px;font-family:'Open Sans', sans-serif;font-weight:500;}
	.event02_txt7{width:90%;font-size:14px;}
	#container section .s_font{font-size:14px}
	#container section .s_font2{font-size:12px}
    .num_txt{width:95%}
    .num{width:5%}
	.flavorinfo { padding:4% 0 5% 0}
    .flavorinfo .tipLeft {width:85%;margin-bottom:0%}
    .flavorinfo .tipRight {width:85%;float:left}
	.flavorinfo h5{font-size:20px;}
	.flavorinfo h5{font-size:20px;}
	.flavorinfo h6{font-size:16px;}
	.flavorinfo p{font-size:12px;}
	.ai_map{width:90%; margin:0 auto}
	.year_txt{font-size:12px}
	.fo14{font-size:12px;}
	.fo13{font-size:11px;}
	.event03_con{width:100%;margin:0 3% 3% 0;}
	.event03_title{font-size:24px;width:90%;margin:0 auto}
	.event03_txt1{font-size:16px;width:85%;margin:0 auto}
	.event03_txt2{font-size:12px;width:85%;margin:0 auto}
	.event03_txt3{font-size:12px;width:85%;margin:0 auto}
	.inv_box h5{font-size:14px;}
	.inv_con li{font-size:12px;}
	.inv_txt{font-size:20px;}
	.inv_btn{font-size:14px;width:100%}
	
}


@media screen and (max-width: 360px) {
	#container section.width1480 {width:80%; margin:0 auto}
	#container section.width1394 {width:80%; margin:0 auto}
	#container section.width1574 {width:80%;margin:0 auto}
	#container section.width1700 {width:80%; margin:0 auto}
	#container section.width500 {width:80%; margin:0 auto}
	.mobile{display:block}
	.mobile2{display:block}
	.logo {top:20px; left:20px}
	.logo a img {width:50%}
	.btn_side {top:20px; right:20px}
	.btn_side i {font-size:20px}
	.btn_side span{font-size:12px;margin:-10px 10px 0 0}
	header.subView .btn_side{top:20px; right:20px}
	header.subView .btn_side i {font-size:20px}
	header.subView .btn_side span{font-size:12px;margin:-10px 10px 0 0}
	#side{width:100%}
	.gnb {margin-top:60px; padding-left:50px}
	.gnb > li {font-size:18px; font-weight:normal; margin-bottom:5px;}
	.close {top:20px; left:30px; width:35px; height:33px;}
	#mainVisual section {min-height:600px; background:url('../images/mainVisualBg780.jpg') #e9ebf6 center bottom no-repeat;background-size:cover;}
	#mainVisual .mainTxt {top:13%;font-size:30px;}
	#mainVisual .mainTxt02 {top:95%;font-size:12px;}
	#mainVisual .maintitle{font-size:12px;}
	#mainVisual .mainTxt img {width:60%}
	#mainVisual .sideTxt {position:absolute; font-family:'Verdana', 'Geneva', sans-serif; font-size:16px;top:90%; left:0; width:100%; text-align:center; color:#fff}
	.hidden-xs {display:none !important}
	#cover {padding:50px 40px}
	#cover section {text-align:left; font-size:12px;}
	.cover_name{font-size:11px}
	.sp_con {width:100%}
	.sp_con img {width:100%}
	.sp_con a span h2 {font-size:18px}
	.sp_con a span p {font-size:12px; margin-top:5px;}
	.sp_con_4 {width:100%}
	.sp_con_4 img {width:100%}
	.sp_con_4 a span h2 {font-size:18px}
	.sp_con_4 a span p {font-size:12px; margin-top:5px}
	#SpecialTheme {padding:50px 40px; text-align:left}
	#SpecialTheme h3 {font-size:14px}
	#SpecialTheme h4 {margin-top:30px}
	#SpecialTheme p {margin-top:0px; font-size:12px;}
	#conBox {padding:60px 40px}
	.conBox_con {width:100%; margin:0 0 7% 0}
	.conBox_con a span {top:20px; padding:0 20px}
	.conBox_con a span p {font-size:12px}
	.conBox_con a span h2 {font-size:14px; line-height:18px}
	#footerTop {padding:10px 40px 50px 40px;}
	#footerTop section div h5 {font-size:12px}
	#footerTop section .ftCon1 {width:100%; margin-bottom:30px}
	#footerTop section .ftCon2 {width:100%; margin-bottom:30px}
	#footerTop section .ftCon3 {width:100%}
	#footerTop section .ftCon3 .Follow {float:left; width:100%}
	#footerTop section .ftCon3 ul.pyeong {margin-top:20px}
	#footerTop section .ftCon3 ul.pyeong li {margin-right:20px}
	#footerTop section .ftCon3 .Follow ul li {margin-right:10px}
	#footerTop section .ftCon3 .Follow ul li a {font-size:15px}
	footer .flogo a{position:relative;width:80%;margin:2% auto;text-align:center}
	#cover section {font-size:16px; line-height:160%;text-align:left}
	.story01{padding-top:7%;font-size:11px;color:#7d7d7d;line-height:120%;text-align:left}
	.story02{font-size:11px;color:#7d7d7d;line-height:120%;text-align:left}
	.story10{font-size:11px;color:#7d7d7d;line-height:120%;text-align:left}
	.story11{font-size:11px;color:#7d7d7d;line-height:120%;text-align:left}
	.storybox{width:80%}
	.caption01{font-size:10px;color:#999999;line-height:130%;text-align:left}
	.caption02{font-size:10px;color:#999999;line-height:130%;text-align:left}
	.caption03{font-size:10px;color:#999999;line-height:130%;text-align:left}
	#container section.width848{width:80%}
	#container section > h2{font-size:26px;padding:5% 5% 0 5%;line-height:120%}
	#container section .sTxt {font-size:12px;  margin-top:7%; font-style:italic;text-align:left;padding:0 7%}
	#container section .sTxt2 {font-size:14px; margin-top:5%;}
	#container section .sTxt3 {font-size:18px; margin:15% 0 10% 0;text-align:left;line-height:110%}
	#container section .sTxt5 {font-size:12px;width:90%;text-align:left}
	#container section .sTxt6 {font-size:14px;width:90%;}
	#container section .sTxt7 {font-size:18px;width:90%;}
	#container section .sTxt8 {font-size:14px;width:90%;}
	#container section .sTxt9 {font-size:13px;width:85%;text-align:left;letter-spacing:0.02em}
	#container section .sWritten {font-size:10px; text-align:center; color:#898989; margin-top:6%;letter-spacing:0.06em;padding:0 10%}
	#container section > h4{font-size:20px;margin-top:10%;text-align:center;padding:0 10%}
	#container section .sTitle{font-size:14px;width:90%;margin:0 auto}
	#container section .sTitle2 {font-size:14px;width:90%;padding-top:5%;margin:0 auto}
	.story05{width:100%}
	.story06{clear:both;width:80%;float:left;}
	.story07{width:100%}
    .story08{width:100%}
	.story09{width:100%}
	#TravelTip section .part01{float:left;width:100%;margin-top:5%}
	#TravelTip section .part02{float:left;width:100%;margin-top:5%}
	#TravelTip section .part01 a .button{width:100%}
	#TravelTip section h5{font-size:18px; font-weight:bold;text-align:center;line-height:130%}
	#TravelTip h4{font-size:20px;}
	#TravelTip section p{font-size:12px; text-align:left;margin:3% 0 3% 0}
	.top {display:block; position:fixed;	bottom:50px; right:10px; z-index:200;opacity:0.5}
	.listbtn{right:10px;bottom:95px}
	.Travelinfo{width:90%;margin:0 auto;}
	.Travelinfo h5{font-size:18px;}
	.t_info{width:90%;margin:0 auto;padding:0 5% 0 5%}
	.t_info > li {width:100%;margin:0 auto;}
	.t_info > li p{font-size:12px;}
	.t_info > li h6 {font-size:14px;}
	.t_info > li .dList li { font-size:12px}
	.peopleWrap .peopleCon {width:100%; max-width:100%; padding:0 40px}
	#containerPeople h2 {font-size:58px; text-align:center; padding:50px 0}
	.listWrap a {width:80%; max-width:100%; padding:0 10px}
	#container section .sns a {margin:0 7px}
	#container section .sns2 {text-align:center}
	#container section .sns2 a {margin:0 7px}
	.btnList {position:relative; top:0; margin:30px 0 !important; display:inline-block}
	.button{width:100%; padding:12px 15px;font-size:12px }
	#TravelTip section .part01 a .button{width:100%}
	#TravelTip section .part02 a .button{width:100%}
	.listWrap{margin:8% auto;}
	.listWrap a {margin-bottom:10%}
	.listWrap a .listTitle {margin:10px 0 5px 0;font-size:12px}
	.listWrap a .listTxt {font-size:14px}
	#side{overflow:scroll}
	.listWrap02{width:80%;margin:8% auto;}
	
	/*.listWrap02 a {margin-bottom:10%}
	.listWrap02 a .listTitle {margin:10px 0 5px 0;font-size:12px}
	.listWrap02 a .listTxt {font-size:14px}
	*/
	.listWrap02 a {width:80%; padding:0 15px;margin-bottom:5%}
	.listWrap02{margin:5% auto;}
	.listWrap02 a .listTitle {margin:10px 0 5px 0;font-size:12px}

	.progbox{padding:7% 0 7% 0}
	.progbox h5 {font-size:18px;}
	.progbox p{font-size:12px;}
	.progbox .program01{font-size:13px;}
	.program > li.programLeft {position:relative;width:100%}
	.program > li.programRight {position:relative;width:100%; margin-top:20px}
	.program3 > li.programLeft {position:relative;width:100%;}
	.program3 > li.programRight {position:relative;width:100%;}

	#container section > h2 img{width:30%}
	#container section > h3 {font-size:20px; WIDTH:80%; margin:5% auto 0 auto; padding-bottom:10px;font-weight:bold;}
	.column3 {margin-top:5% }
	.column3 span {width:100%;font-size:12px;line-height:150%; padding:10px 5px;}
	.profile > li.proLeft {width:100%; padding-right:0px}
	.profile > li.proRight {width:100%; position:relative; margin-top:50px}
	.profile > li.proRight h5{font-size:16px;}
	.profile > li.proRight h6{font-size:12px;}
	.profile > li.proRight .dList li {font-size:12px;}
	.info > li.infoLeft {position:relative;width:100%;padding:0}
	.info > li.infoRight {position:relative;width:100%;}
	.Policy01{font-size:12px;text-align:left;}
	#container section > h5{font-size:20px;}
	.ko{font-size:11px;font-weight:normal}
	.ko2{font-size:10px;font-weight:normal}
    .ko3{font-size:12px;font-weight:normal}	
	.chamgo{font-size:11px;line-height:130%}
	#container section .life {font-size:20px;}
	#backnumber{right:50px;top:20px}
	#backnumber2{right:50px;top:20px}
	#backnumber ul.volume li{font-size:14px}
	#backnumber ul.volume li a{font-size:14px}
	.event01{width:100%}
	.event01_con{width:95%;padding:10px 10px 10px 8px}
	.event01_title{font-size:55px;}
	.event01_txt1{font-size:12px;}
	.event01_txt2{font-size:12px;padding:5% 2%;}
	.event01_txt3{width:80%;font-size:14px;padding:2% 2%;margin:0 auto}
	.event01_txt3 span{font-size:12px;}
	.event01_txt3 img{width:2%}
	.event_btn{width:80%;padding:1% 1%;margin:3% auto;font-size:16px;}
	.event_btn img{width:4%;vertical-align:middle}
	.event01_gift{width:80%}
	.event01_txt3 sup{font-size:12px;}
	.event_img2{width:100%;margin:0 auto;padding:0;border:0;background:#009dc6;}
	.event_img2 img{width:33.33%;display:block;float:left;margin:0;padding:0;border:0;background:#009dc6;}
    .num_txt{width:94%}
    .num{width:6%}
	.flavorinfo { padding:4% 0 5% 0}
    .flavorinfo .tipLeft {width:85%;margin-bottom:0%}
    .flavorinfo .tipRight {width:85%;float:left}
	.ai_map{width:90%; margin:0 auto}
	.year_txt{font-size:12px}
	.flavorinfo h5{font-size:20px;}
	.flavorinfo h6{font-size:16px;}
	.flavorinfo p{font-size:12px;}
	.fo14{font-size:12px;}
	.fo13{font-size:11px;}
	.event03_con{width:100%;margin:0 3% 3% 0;}
	.event03_title{font-size:24px;width:90%;margin:0 auto}
	.event03_txt1{font-size:16px;width:85%;margin:0 auto}
	.event03_txt2{font-size:12px;width:85%;margin:0 auto}
	event03_txt3{font-size:12px;width:85%;margin:0 auto}
	.inv_box h5{font-size:14px;}
	.inv_con li{font-size:12px;}
	.inv_txt{font-size:20px;}
	.inv_btn{font-size:14px;width:100%}

}



@media screen and (max-width: 320px) {
	#container section.width1480 {width:80%; margin:0 auto}
	#container section.width1394 {width:80%; margin:0 auto}
	#container section.width1574 {width:80%;margin:0 auto}
	#container section.width1700 {width:80%; margin:0 auto}
	#container section.width500 {width:80%; margin:0 auto}
	.mobile{display:block}
	.mobile2{display:block}
	.logo {top:20px; left:20px}
	.logo a img {width:50%}
	.btn_side {top:20px; right:20px}
	.btn_side i {font-size:20px}
	.btn_side span{font-size:12px;margin:-10px 10px 0 0}
	header.subView .btn_side{top:20px; right:20px}
	header.subView .btn_side i {font-size:20px}
	header.subView .btn_side span{font-size:12px;margin:-10px 10px 0 0}
	#side{width:100%}
	.gnb {margin-top:40px; padding-left:50px}
	.gnb > li {font-size:18px; font-weight:normal; margin-bottom:5px;}
	.close {top:20px; left:30px; width:35px; height:33px;}
	#mainVisual section {min-height:600px; background:url('../images/mainVisualBg780.jpg') #e9ebf6 center bottom no-repeat;background-size:cover;}
	#mainVisual .mainTxt {top:12%;font-size:24px;}
	#mainVisual .mainTxt02 {top:95%;font-size:12px;}
	#mainVisual .maintitle{font-size:12px;}
	#mainVisual .mainTxt img {width:60%}
	#mainVisual .sideTxt {position:absolute; font-family:'Verdana', 'Geneva', sans-serif; font-size:16px;top:90%; left:0; width:100%; text-align:center; color:#fff}
	.hidden-xs {display:none !important}
	#cover {padding:50px 40px}
	#cover section {text-align:left; font-size:12px;}
	.cover_name{font-size:11px}
	.sp_con {width:100%}
	.sp_con img {width:100%}
	.sp_con a span h2 {font-size:18px}
	.sp_con a span p {font-size:12px; margin-top:5px;}
	.sp_con_4 {width:100%}
	.sp_con_4 img {width:100%}
	.sp_con_4 a span h2 {font-size:18px}
	.sp_con_4 a span p {font-size:12px; margin-top:5px}
	#SpecialTheme {padding:50px 40px; text-align:left}
	#SpecialTheme h3 {font-size:14px}
	#SpecialTheme h4 {margin-top:30px}
	#SpecialTheme p {margin-top:0px; font-size:12px;}
	#conBox {padding:60px 40px}
	.conBox_con {width:100%; margin:0 0 7% 0}
	.conBox_con a span {top:20px; padding:0 20px}
	.conBox_con a span p {font-size:12px}
	.conBox_con a span h2 {font-size:14px; line-height:18px}
	#footerTop {padding:60px 40px}
	#footerTop section .ftCon1 {width:100%; margin-bottom:30px}
	#footerTop section .ftCon2 {width:100%; margin-bottom:30px}
	#footerTop section .ftCon3 {width:100%}
	#footerTop section .ftCon3 .Follow {float:left; width:100%}
	#footerTop section .ftCon3 ul.pyeong {margin-top:20px}
	#footerTop section .ftCon3 ul.pyeong li {margin-right:20px}
	#footerTop section .ftCon3 .Follow ul li {margin-right:10px}
	#footerTop section .ftCon3 .Follow ul li a {font-size:15px}
	footer .flogo a{position:relative;width:80%;margin:2% auto;text-align:center}
	#cover section {font-size:16px; line-height:160%;text-align:left}
	.story01{padding-top:7%;font-size:10px;color:#7d7d7d;;text-align:left}
	.story02{font-size:10px;color:#7d7d7d;text-align:left}
	.story10{font-size:10px;color:#7d7d7d;text-align:left}
	.story11{font-size:10px;color:#7d7d7d;text-align:left}
	.storybox{width:80%}
	.caption01{font-size:10px;color:#999999;line-height:130%;text-align:left}
	.caption02{font-size:10px;color:#999999;line-height:130%;text-align:left}
	.caption03{font-size:10px;color:#999999;line-height:130%;text-align:left}
	#container section.width848{width:80%}
	#container section > h2{font-size:24px;padding:5% 5% 5% 5%;line-height:120%;}
	#container section .sTxt {font-size:12px;  margin-top:7%; font-style:italic;text-align:left;padding:0 7%}
	#container section .sTxt2 {font-size:12px; margin-top:5%;}
	#container section .sTxt3 {font-size:16px; margin-top:5%;text-align:left;}
	#container section .sTxt5 {font-size:10px;width:90%;}
	#container section .sTxt6 {font-size:14px;width:90%;}
	#container section .sTxt7 {font-size:16px;width:90%;}
	#container section .sTxt8 {font-size:13px;width:90%;}
	#container section .sTxt9 {font-size:12px;width:90%;text-align:left;letter-spacing:0.02em}
	#container section .sWritten {font-size:10px; text-align:center; color:#898989; margin-top:6%;letter-spacing:0.06em;padding:0 10%}
	#container section > h4{font-size:20px;margin-top:10%;text-align:center;padding:0 10%}
	#container section .sTitle{font-size:14px;width:90%;margin:0 auto;padding-top:5%;}
	#container section .sTitle2 {font-size:14px;width:90%;padding-top:5%;margin:0 auto}
	.story05{width:100%}
	.story06{clear:both;width:80%;float:left;}
	.story07{width:100%}
    .story08{width:100%}
	.story09{width:100%}
	#TravelTip section .part01{float:left;width:100%;margin-top:5%}
	#TravelTip section .part02{float:left;width:100%;margin-top:5%}
	#TravelTip section .part01 a .button{width:100%}
	#TravelTip section h5{font-size:18px; font-weight:bold;text-align:center;line-height:130%}
	#TravelTip h4{font-size:20px;}
	#TravelTip section p{font-size:12px; text-align:left;margin:3% 0 3% 0}
	.top {display:block; position:fixed;	bottom:50px; right:10px; z-index:200;opacity:0.5}
	.listbtn{right:10px;bottom:95px}
	.Travelinfo{width:90%;margin:0 auto;}
	.Travelinfo h5{font-size:18px;}
	.Travelinfo h6{font-size:14px;}
	.t_info{width:90%;margin:0 auto;padding:0 5% 0 5%}
	.t_info > li {width:100%;margin:0 auto;}
	.t_info > li .dList li { font-size:12px}
	.peopleWrap .peopleCon {width:100%; max-width:100%; padding:0 40px}
	#containerPeople h2 {font-size:58px; text-align:center; padding:50px 0}
	.listWrap a {width:80%; max-width:100%; padding:0 10px}
	#container section .sns a {margin:0 7px}
	#container section .sns2 {text-align:center}
	#container section .sns2 a {margin:0 7px}
	.btnList {position:relative; top:0; margin:30px 0 !important; display:inline-block}
	.button{width:100%; padding:12px 15px;font-size:12px }
	#TravelTip section .part01 a .button{width:100%}
	#TravelTip section .part02 a .button{width:100%}
	.listWrap{margin:8% auto;}
	.listWrap a {margin-bottom:10%}
	.listWrap a .listTitle {margin:10px 0 5px 0;font-size:12px}
	.listWrap a .listTxt {font-size:14px}
	#side{overflow:scroll}
	.listWrap02 a {width:80%; padding:0 15px;margin-bottom:5%}
	.listWrap02{margin:5% auto;}
	.listWrap02 a .listTitle {margin:10px 0 5px 0;font-size:12px}
	/*
	.listWrap02{width:80%;margin:8% auto;}
	.listWrap02 a {margin-bottom:10%}
	.listWrap02 a .listTitle {margin:10px 0 5px 0;font-size:12px}
	.listWrap02 a .listTxt {font-size:14px}
	*/
	.progbox{padding:7% 0 7% 0}
	.progbox h5 {font-size:18px;}
	.progbox p{font-size:12px;}
	.progbox .program01{font-size:13px;}
	.program > li.programLeft {position:relative;width:100%}
	.program > li.programRight {position:relative;width:100%; margin-top:20px}
	.program3 > li.programLeft {position:relative;width:100%;}
	.program3 > li.programRight {position:relative;width:100%;padding:0}

	#container section > h2 img{width:30%}
	#container section > h3 {font-size:20px; WIDTH:80%; margin:5% auto 0 auto; padding-bottom:10px;font-weight:bold;}
	.column3 {margin-top:5% }
	.column3 span {width:100%;font-size:12px;line-height:150%; padding:10px 5px;}
	.profile > li.proLeft {width:100%; padding-right:0px}
	.profile > li.proRight {width:100%; position:relative; margin-top:50px}
	.info > li.infoLeft {position:relative;width:100%;padding:0}
	.info > li.infoRight {position:relative;width:100%;}
	.Policy01{font-size:12px;text-align:left;}
	#container section > h5{font-size:20px;}
	.ko{font-size:11px;font-weight:normal}
	.ko2{font-size:9px;font-weight:normal}
    .ko3{font-size:11px;font-weight:normal}	
	.event01{width:100%}
	.event01_con{width:95%;padding:10px 10px 10px 8px}
	.event01_title{font-size:45px;}
	.event01_txt1{font-size:14px;}
	.event01_txt2{font-size:12px;padding:5% 2%;}
	.event01_txt3{width:80%;font-size:16px;padding:2% 2%;margin:0 auto}
	.event01_txt3 span{font-size:14px;}
	.event01_txt3 img{width:2%}
	.event_btn{width:80%;padding:1% 1%;margin:3% auto;font-size:16px;}
	.event_btn img{width:4%;vertical-align:middle}
	.event01_gift{width:80%}
	.event_img2{width:100%;margin:0 auto;padding:0;border:0;background:#009dc6;}
	.event_img2 img{width:33.33%;display:block;float:left;margin:0;padding:0;border:0;background:#009dc6;}
	.event01_txt3 sup{font-size:12px;}
    .num_txt{width:93%}
    .num{width:7%}
	.flavorinfo { padding:4% 0 5% 0}
    .flavorinfo .tipLeft {width:85%;margin-bottom:0%}
    .flavorinfo .tipRight {width:85%;float:left}
	.ai_map{width:90%; margin:0 auto}
	.year_txt{font-size:12px}
	.flavorinfo h5{font-size:20px;}
	.flavorinfo h6{font-size:16px;}
	.flavorinfo p{font-size:12px;}   
	.fo14{font-size:12px;}
	.fo13{font-size:11px;}
	.inv_box h5{font-size:14px;}
	.inv_con li{font-size:12px;}
	.inv_txt{font-size:28px;}
	.inv_btn{font-size:16px}
	.inv_txt{font-size:18px;}
	.inv_btn{font-size:12px;width:100%}


}