@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Play:400,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}
.mt20 {margin-top:2% !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}
.overflow {overflow:hidden}
.floatLeft {float:left}
.floatRight {float:right}
.ko{font-size:14px;font-weight:bold}
.mobile{display:none}
.mobile2{display:none}

/* header */
header.subList {height:100%; border-bottom:1px solid #ccc}
.logo {position:absolute; top:50px; left:75px; z-index:999}
.btn_side {position:absolute; top:50px; right:75px; z-index:999}
.btn_side i {font-size:40px; color:#000}
.btn_side:hover i {color:#707070}
header.subView img {}
header.subView .btn_side i {font-size:40px; color:#fff}
header.subView .btn_side:hover i {color:#e1e1e1}
.btn_side span {font-family:'Verdana', 'Geneva', sans-serif; font-size:12px; color:#fff; vertical-align:middle; margin:-20px 20px 0 0; display:inline-block;}
header.subList .btn_side span {color:#000}

/* gnb */
#side {display:none; z-index:9999; width:400px; right:-400px; height:100%; position:fixed; background:#fff;overflow:scroll;}
#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('../../img/btn_close.png'); background-position:0 0;background-size:35px 33px;text-indent:-9999px; opacity:1}
.gnb {margin-top:120px; padding-left:70px;height:100%; }
.gnb > li {font-size:20px; font-weight:normal; margin-bottom:12px;font-weight:600;}
.gnb > li > a {color:#010101}
.gnb > li > a:hover {color:#2994a3}

/* mainVisual */
#mainVisual section {width:100%; min-height:936px; height:100%; background:url('../images/mainVisualBg.jpg') #e9ebf7 center center no-repeat; background-size:cover; /*background-attachment:fixed;*/ box-sizing:border-box; z-index:9}
#mainVisual .mainTxt {position:absolute; top:17%; left:0; width:100%; text-align:center;font-size:150px;color:#242424;font-weight:bold; z-index:99}
#mainVisual .mainTxt02 {position:absolute; top:90%;left:0; width:100%; text-align:center;font-size:18px;color:#242424;font-weight:normal}
#mainVisual .maintitle{position:absolute; top:0;font-size:20px; left:0; width:100%;font-weight:700; text-align:center;font-weight:bold}
/*#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:30px; 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:40px; 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:28px; line-height:30px; font-weight:normal; margin-top:10px}
/* footer */
.footer_top{overflow:hidden; width:100%; background:#f4f4f4; padding:3% 0;}
.footer_top_box{width:82%;max-width:1562px;margin:0 auto}
.footer_btn{width:80%;margin:0}
.footer_btn li{list-style:none:display:block; float:left; text-align:center;width:20%;border:1px solid #0b0306; margin-right:10px;padding:13px 1%;font-family: 'Noto Sans', sans-serif; font-size:12px;color:#313131}
.footer_btn li:hover{background:#0b0306; color:#fff}
.footer_btn a{color:#313131}

.follow{float:right; width:170px;}
.follow ul {overflow:hidden;}
.follow ul li {list-style:none:display:block; float:left; margin-left:10px}
.tbs{float:right;margin:8px 3% 0 0}

footer {clear:both;width:100%;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}

/* 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 {margin:5% 0 3% 0}
#containerPeople h2 {font-size:50px; text-align:center; padding:3% 0 2% 0;font-weight:600;line-height:140%}
.peopleWrap {text-align:center; max-width:1480px; margin:0 auto;overflow:hidden;}
.peopleWrap .peopleCon {width:33.333%; height:600px;display:inline-block; text-align:left; padding:3% 5%; vertical-align:top; box-sizing:border-box;float:left;}
.peopleWrap .peopleCon .peopleTitle {font-size:18px; margin:10px 0; display:block; color:#1b1b1b;line-height:150%;font-weight:600}
.peopleWrap .peopleCon .peopleTitle i{font-weight:600}
.peopleWrap .peopleCon .peopleTxt {font-size:12px; line-height:150%; display:block; color:#707070}
.peopleWrap .peopleCon .peopleTxt2 {font-size:12px; line-height:150%; display:block; color:#707070;}
.peopleWrap .peopleCon .peoplevol { font-size:14px; line-height:150%; display:block; color:#e50065;margin:15px 0 5px 0;font-weight:400}
.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)}

sup{vertical-align:top;display:inline-block;height:10px;margin-top:-1px;font-family:'Verdana', 'Geneva', sans-serif; }
/* 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 {}
#container section.width848 {max-width:848px; margin:0 auto}
#container section.width1480 {max-width:1480px; margin:0 auto}
#container section.width1574 {max-width:1574px; margin:0 auto}
#container section.width1700 {max-width:1700px; margin:0 auto}
#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; border-bottom:1px solid #424242; max-width:870px; margin:5% 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;}
#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; margin-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:40px; font-style:italic}
#container section .sTxt2 {font-size:22px;line-height:160%; text-align:left; color:#434343; margin-top:5%;}
#container section .sTxt3 {font-size:22px; line-height:160%; text-align:center; color:#434343; margin-top:3%;}
#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 .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 .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:#424242; margin:7% 0}
.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:3% 0 0 0;max-width:1394px}
.storybox02{overflow:hidden; position:relative;width:72.60%;margin:0 auto;}
.story01{margin-top:8%}
.story02{margin-top:10px;overflow:hidden;}
.story03{float:left;width:49.6%}
.story04{float:right;width:49.6%}
.story05{float:left;width:60%;margin-top:8%}
.story06{float:right;width:33%;margin-top:25%}

.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}

/*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:65%; padding-right:70px}
.info > li.infoRight {width:35%; 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}

/* profile */
.profile {overflow:hidden; position:relative}
.profile > li {float:left; box-sizing:border-box}
.profile > li.proLeft {width:65%; padding-right:50px}
.profile > li.proRight {width:35%; position:absolute; top:0; right:0}
.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:bold; color:#8e565a; font-size:16px; margin-top:25px}
.profile > li.proRight .dList {margin-left:19px}
.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}
.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}

/* listWrap */
.listWrap {text-align:center; margin:80px auto}
.listWrap a {width:17%; display:inline-block; text-align:left; max-width:304px; padding:0 32px; margin-bottom:5%; 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:130%; 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)}

/*Travel*/
.Travelbox{overflow:hidden; position:relative;width:68.30%;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%}

.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-left: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:3% 0 5% 0}
.program {overflow:hidden; 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%; position:absolute; top:0; right:0}
.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-size:18px;clear:both;font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; /* text-indent:-2px; */ line-height:150%;margin:3% 0 5% 0}

#TravelTip {width:100%;background:#e9ebf6; margin:8% 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:3% 0 3% 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}
.Travelinfo p{clear:both;font-family:'Play', sans-serif; font-weight:normal; color:#8e565a; font-size:14px; /* text-indent:-2px; */ line-height:150%;margin:3% 0 5% 0}
.t_info {overflow:hidden; position:relative; padding-top:1%}
.t_info > li {width:27%; float:left; box-sizing:border-box;margin:0 3% 0 3%}
.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:5%}
.t_info > li h6 {font-family:'Play', sans-serif; font-weight:bold; color:#8e565a; font-size:16px; margin-top:2%}
.t_info > li .dList {margin-left:19px}
.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}
.t_info > li p a{color:#8e565a;}

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

/*동영상*/
.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;
}



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



/*top*/
.top {display:block; position:fixed;	bottom:100px; right:50px; z-index:200;}

@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}
	.footer_btn{width:85%;}
	.footer_btn li{width:18%;margin-right:10px;padding:10px 5px; font-size:11px;}
}
@media (max-width: 1681px) and (min-width: 1441px) {
	.hidden-lg {display:none !important}
	.peopleWrap .peopleCon {width:33.333%;float:left;}
	.hidden-lg {display:none !important}
	.footer_btn{width:85%;}
	.footer_btn li{width:18%;margin-right:10px;padding:10px 5px; font-size:11px;}
}


@media (max-width: 1440px) and (min-width: 1200px) {
	#container section.width1480 {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:885px}
	#mainVisual .mainTxt {top:20%;font-size:120px;}
	#mainVisual .mainTxt02 {top:90%;font-size:18px;}
	#mainVisual .maintitle{font-size:18px;}
	.peopleWrap .peopleCon {width:33.3%;float:left;height:570px}
	#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}
	.footer_btn{width:85%;}
	.footer_btn li{font-size:10px;width:17%;padding:8px 2px;}
	.follow{width:140px}
	.follow ul li{margin-left:3px}
	.follow ul li img{width:80%;}
	.tbs{margin:5px 1% 0 0}
	.tbs img{width:80%}
}

@media (max-width: 1199px) and (min-width: 992px) {
	#container section.width1480 {width:90%; margin:0 auto}
	#container section.width1574 {width:90%;margin:0 auto}
	#container section.width1700 {width:90%; margin:0 auto}
	.hidden-md {display:none !important}
	#mainVisual section {min-height:885px}
	#mainVisual .mainTxt {top:25%;font-size:95px;}
	#mainVisual .mainTxt02 {top:95%;font-size:16px;}
	#mainVisual .maintitle{font-size:16px;	}
	#conBox {padding:60px 50px}
	#footerTop {padding:60px 60px}
	#footerTop section .ftCon1 {width:35%; padding-right:40px}
	#footerTop section .ftCon2 {width:35%; padding-right:40px}
	#footerTop section .ftCon3 {width:30%}
	#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}
	#containerPeople {margin-top:5%}
	#containerPeople h2{margin:2% 0;font-size:52px}
	.peopleWrap .peopleCon {width:33.3%;height:500px}
	#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:18px; margin-top:3%;}
	#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}
	#container section .sTitle{font-size:28px;width:90%}
	#container section .sTitle2 {font-size:28px;width:90%}
	.footer_top_box{width:90%}
	.footer_btn{width:100%;margin-bottom:30px}
	.footer_btn li{width:23%;margin:0 0.5%;font-size:10px;padding:8px 2px;}
	.follow{clear:both;width:100%;float:left}
	.follow ul{width:200px;margin:30px auto;}
	.follow ul li img{width:70%;}
	.tbs{width:88px;margin:20px auto;float:none}
	.tbs img{width:80%}
}

@media (max-width: 991px) and (min-width: 768px) {
	#container section.width1480 {width:90%; margin:0 auto}
	#container section.width1574 {width:90%;margin:0 auto}
	#container section.width1700 {width:90%; margin:0 auto}
	.hidden-sm {display:none !important}
	.mobile{display:block}
	.mobile2{display:none}
	.logo {left:50px}
	.btn_side {right:50px}
	.close{background-size:30px 28px;width:30px; height:28px; }
	.gnb > li {font-size:18px}
	#mainVisual section {min-height:760px; background:url('../images/mainVisualBg780.jpg') #e9ebf6 center bottom no-repeat; background-size:cover;}
	#mainVisual .mainTxt {top:25%;font-size:85px;}
	#mainVisual .mainTxt02 {top:95%;font-size:16px;}
	#mainVisual .maintitle{font-size:15px;}
	#mainVisual .sideTxt {top:50%}
	#cover {padding:70px 100px}
	#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%}
	#SpecialTheme {padding:70px 100px; text-align:left}
	#SpecialTheme h3 {font-size:18px}
	#SpecialTheme h4 {margin-top:30px}
	#SpecialTheme p {margin-top:50px; font-size:22px; line-height:36px}
	#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:22px; line-height:28px}
	#footerTop {padding:60px 60px}
	#footerTop section .ftCon1 {width:36%; padding-right:20px}
	#footerTop section .ftCon2 {width:36%; padding-right:20px}
	#footerTop section .ftCon3 {width:28%}
	#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}
	#containerPeople {width:80%; margin:8% auto 8% auto}
	#containerPeople h2{margin:2% 0;font-size:42px; padding:80px 0 10px 0}
	.peopleWrap .peopleCon {width:50%; padding:4% 4%; height:470px;}
	#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:0 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 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;}
	.listWrap 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:18px; margin-top:3%;}
	#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:5%}
	#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}
	.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;}
	.footer_top_box{width:90%}
	.footer_btn{width:100%;margin-bottom:30px}
	.footer_btn li{width:22%;margin:0 0.5%;padding:5px 2px;}	
	.follow{clear:both;width:100%;float:left}
	.follow ul{width:180px;margin:30px auto;}
	.follow ul li img{width:60%;}
	.tbs{width:88px;margin:20px auto;float:none}
	.tbs img{width:80%}
	
}

@media (max-width: 767px) and (min-width: 480px) {
	#container section.width1480 {width:85%; margin:0 auto}
	#container section.width1574 {width:85%;margin:0 auto}
	#container section.width1700 {width:85%; margin:0 auto}
	.hidden-xs {display:none !important}
	.mobile{display:block}
	header.subList {height:100%}
	.logo {top:30px; left:30px}
	.logo a img {width:70%}
	.btn_side {top:20px; right:20px}
	.btn_side i {font-size:22px}
	.gnb {margin-top:80px; padding-left:70px}
	.gnb > li {font-size:16px; font-weight:normal; margin-bottom:20px;}
	.close{background-size:30px 28px;width:30px; height:28px; }
	#mainVisual section {min-height:600px; background:url('../images/mainVisualBg780.jpg') #e9ebf6 center bottom no-repeat}
	#mainVisual .mainTxt {top:15%;font-size:65px;}
	#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}
	.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}
	#SpecialTheme {padding:50px 40px; text-align:left}
	#SpecialTheme h3 {font-size:18px}
	#SpecialTheme h4 {margin-top:30px}
	#SpecialTheme p {margin-top:50px; font-size:20px; line-height:36px}
	#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: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}
	#containerPeople {width:70%; margin:0 auto 5% auto}
	.peopleWrap .peopleCon {width:100%; max-width:100%;height:100%;padding:5% 0;}
	#containerPeople h2 {font-size:40px; text-align:center; padding:80px 0 10px 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:0 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}
	#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%}
	#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:16px; margin-top:4%;}
	#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}
	.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;}
	.footer_top_box{width:90%}
	.footer_btn{width:100%;margin-bottom:30px}
	.footer_btn li{width:22%;margin:0 0.5%;padding:5px 2px;font-size:10px;}	
	.follow{clear:both;width:100%;float:left}
	.follow ul{width:180px;margin:30px auto;}
	.follow ul li img{width:50%;}
	.tbs{width:88px;margin:20px auto;float:none}
	.tbs img{width:80%}
}

@media (max-width: 480px) and (min-width: 361px) {
	#container section.width1480 {width:80%; margin:0 auto}
	#container section.width1574 {width:80%;margin:0 auto}
	#container section.width1700 {width:80%; margin:0 auto}
	.mobile{display:block}
	.mobile2{display:block}
	.logo {top:30px; left:30px}
	.logo a img {width:50%}
	.btn_side {top:30px; right:30px}
	.btn_side i {font-size:24px}
	.gnb {margin-top:40px; padding-left:100px}
	.gnb > li {font-size:16px; font-weight:normal; margin-bottom:15px;}
	.close{background-size:30px 28px;width:30px; height:28px; }
	#mainVisual section {min-height:600px; background:url('../images/mainVisualBg780.jpg') #e9ebf6 center bottom no-repeat}
	#mainVisual .mainTxt {top:22%;font-size:50px;}
	#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:18px}
	.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}
	#SpecialTheme {padding:50px 40px; text-align:left}
	#SpecialTheme h3 {font-size:18px}
	#SpecialTheme h4 {margin-top:30px}
	#SpecialTheme p {margin-top:20px; font-size:20px; }
	#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: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}
	#cover section {font-size:18px; line-height:160%;text-align:left}
	.story01{padding-top:7%}
	.storybox{width:85%}
	#container section.width848{width:80%}
	#container section > h2{font-size:33px;padding:3% 0 3% 0;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:14px; margin-top:5%;}
	#container section .sTxt3 {font-size:14px; margin-top:4%;text-align:left;}
	#container section .sWritten {font-size:12px; text-align:center; color:#898989; margin-top:6%;letter-spacing:0.06em}
	#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;}
	#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 section p{font-size:14px; text-align:left;margin:3% 0 3% 0}
	.top {display:block; position:fixed;	bottom:50px; right:20px; z-index:200;opacity:0.5}
	.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;}
	#containerPeople {width:70%; margin:0 auto}
	.peopleWrap .peopleCon {width:100%; max-width:100%; height:100%;padding:7% 0}
	#containerPeople h2 {font-size:32px; text-align:center; padding:80px 0 30px 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}
	#container section .sns2 a {margin:0 10px}
	.btnList {position:relative; top:0; margin:30px 0 !important; display:inline-block}
	.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}
	.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:80%; margin-top:20px}
	.ko{font-size:12px;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:0 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;}
	footer{padding:30px 0}
	.footer_top_box{width:60%; margin:0 auto}
	.footer_btn{width:100%;margin-bottom:30px}
.footer_btn li{font-size:10px;width:100%; margin:1% auto;padding:10px 0}
	.follow{clear:both;width:100%;float:left}
	.follow ul{width:170px;margin:30px auto;}
	.follow ul li img{width:50%;}
	.tbs{width:88px;margin:20px auto;float:none}
	.tbs img{width:80%}
	footer .flogo a{position:relative;width:100%;margin:1% auto;text-align:center}

}


@media (max-width: 360px) {
	.mobile{display:block}
	.mobile2{display:block}
	.logo {top:30px; left:30px}
	.logo a img {width:50%}
	.btn_side {top:30px; right:30px}
	.btn_side i {font-size:20px}
	#side{width:70%}
	.gnb {margin-top:50px; 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}
	#mainVisual .mainTxt {top:22%;font-size:46px;}
	#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: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;}
	#SpecialTheme {padding:50px 40px; text-align:left}
	#SpecialTheme h3 {font-size:14px}
	#SpecialTheme h4 {margin-top:30px}
	#SpecialTheme p {margin-top:18px; 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:18px; 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:15px}
	#cover section {font-size:16px; line-height:160%;text-align:left}
	.story01{padding-top:7%}
	.storybox{width:85%}
	#container section.width848{width:80%}
	#container section > h2{font-size:28px;margin-top:12%;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:12px; margin-top:4%;text-align:left;}
	#container section .sWritten {font-size:10px; text-align:center; color:#898989; margin-top:6%;letter-spacing:0.06em;padding:0 5%}
	#container section > h4{font-size:20px;margin-top:10%;text-align:center;padding:0 10%}
	#container section .sTitle{font-size:16px;width:90%;margin:0 auto}
	#container section .sTitle2{font-size:16px;width:90%;margin:0 auto}
	.story05{width:100%}
	.story06{clear:both;width:80%;float:left;}
	#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 section p{font-size:12px; text-align:left;margin:3% 0 3% 0}
	.top {display:block; position:fixed;	bottom:50px; right:20px; z-index:200;opacity:0.5}
	.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;}
	#containerPeople {width:80%; margin:0 auto}
	.peopleWrap .peopleCon {width:100%; max-width:100%; height:100%;padding:8% 0}
	#containerPeople h2 {font-size:28px; text-align:center; padding:80px 0 30px 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:13px 15px; }
	#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}
	.program > li.programLeft {position:relative;width:100%}
	.program > li.programRight {position:relative;width:80%; margin-top:20px}
	#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%}
	.profile > li.proLeft {width:100%; padding-right:0px}
	.profile > li.proRight {width:100%; position:relative; margin-top:50px}
	.info > li.infoLeft {width:100%;padding:0}
	.info > li.infoRight {width:100%;}
	.Policy01{font-size:12px;text-align:left;}
	.footer_top_box{width:70%; margin:0 auto}
	.footer_btn li{font-size:10px;width:100%; margin:1% auto;padding:10px 0}
	footer{padding:30px 0}
	.footer_top_box{width:60%; margin:0 auto}
	.footer_btn{width:100%;margin-bottom:30px}
.footer_btn li{font-size:10px;width:100%; margin:1% auto;padding:10px 0}
	.follow{clear:both;width:100%;float:left}
	.follow ul{width:170px;margin:30px auto;}
	.follow ul li img{width:50%;}
	.tbs{width:88px;margin:20px auto;float:none}
	.tbs img{width:80%}
	footer .flogo a{position:relative;width:100%;margin:1% auto;text-align:center}
}



@media (max-width: 320px) {
	.hidden-xs {display:none !important}
	#container section.width1480 {width:80%; margin:0 auto}
	#container section.width1574 {width:80%;margin:0 auto}
	#container section.width1700 {width:80%; margin:0 auto}
	.mobile{display:block}
	.mobile2{display:block}
	.logo {top:30px; left:30px}
	.logo a img {width:50%}
	.btn_side {top:30px; right:30px}
	.btn_side i {font-size:20px}
	#side{width:70%}
	.gnb {margin-top:50px; 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}
	#mainVisual .mainTxt {top:22%;font-size:46px;}
	#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:90%; left:0; width:100%; text-align:center; color:#fff}
	#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;}
	#SpecialTheme {padding:50px 40px; text-align:left}
	#SpecialTheme h3 {font-size:14px}
	#SpecialTheme h4 {margin-top:30px}
	#SpecialTheme p {margin-top:18px; 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:18px; 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:15px}
	#cover section {font-size:16px; line-height:160%;text-align:left}
	.story01{padding-top:7%}
	.storybox{width:85%}
	#container section.width848{width:80%}
	#container section > h2{font-size:28px;padding:8% 0 5% 0;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:12px; margin-top:4%;text-align:left;}
	#container section .sWritten {font-size:10px; text-align:center; color:#898989; margin-top:6%;letter-spacing:0.06em;padding:0 5%}
	#container section > h4{font-size:20px;margin-top:10%;text-align:center;padding:0 10%}
	#container section .sTitle{font-size:16px;width:90%;margin:0 auto}
	#container section .sTitle2 {font-size:16px;width:90%;padding-top:5%;margin:0 auto}
	.story05{width:100%}
	.story06{clear:both;width:80%;float:left;}
	#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 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{display:none !important}
	.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;}
	.peopleWrap .peopleCon {width:100%; max-width:100%; height:100%;padding:8% 0}
	#containerPeople h2 {font-size:32px; 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}
	.program > li.programLeft {position:relative;width:100%}
	.program > li.programRight {position:relative;width:80%; margin-top:20px}
	#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:0 5px;}
	.profile > li.proLeft {width:100%; padding-right:0px}
	.profile > li.proRight {width:100%; position:relative; margin-top:50px}
	.info > li.infoLeft {width:100%;padding:0}
	.info > li.infoRight {width:100%;}
	.Policy01{font-size:12px;text-align:left;}
	#container section > h5{font-size:20px;}
	footer{padding:30px 0}
	.footer_top_box{width:60%; margin:0 auto}
	.footer_btn{width:100%;margin-bottom:30px}
.footer_btn li{font-size:10px;width:100%; margin:1% auto;padding:10px 0}
	.follow{clear:both;width:100%;float:left}
	.follow ul{width:170px;margin:30px auto;}
	.follow ul li img{width:50%;}
	.tbs{width:88px;margin:20px auto;float:none}
	.tbs img{width:80%}
	footer .flogo a{position:relative;width:100%;margin:1% auto;text-align:center}

}