@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Muli:400,600');
@import url('reset.css');
@import url('main.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');

/*공통*/
.width848{width:54%;margin:0 auto;overflow:hidden}
#wrap02{width:100%;}
/*코너명*/
.written{overflow:hidden;width:100%; border-top:1px solid #b2b2b2;font-size:14px;text-transform:uppercase;font-weight:700;padding-top:20px;font-family:'Open Sans', sans-serif;}
.written span{font-size:12px; color:#818181;text-transform:none; font-weight:300;}
.written span.txt_l{font-weight:300; font-style:italic}
.written span.txt_b{font-weight:600}
.written span.txt_n{font-weight:400}


/*제목*/
#container h2{width:100%; font-size:65px; font-weight:700;padding:8% 0 2% 0;color:#303030;text-align:center;}
#container h2 i{font-weight:700}
#container h3{width:100%;margin:0 auto; font-size:36px; font-weight:700;padding:12% 0 4% 0;text-align:center;}
#container h3 i{font-weight:bold}
#container h3.nextimg{width:100%;margin:0 auto; font-size:36px; font-weight:700;padding:2% 0 4% 0;text-align:center}
#container h4{width:100%;margin:0 auto; font-size:48px; font-weight:700;padding:0 0 5% 0;text-align:center}
#container h5{width:100%;margin:0 auto; font-size:24px; font-weight:700;padding:5% 0 5% 0;text-align:left}
#container h6{width:100%;margin:0 auto; font-size:18px; font-weight:600;padding:0 0 8% 0;text-align:left}
#container h4 span{font-size:36px; font-weight:600;color:#92b614}

#container02 h2{text-align:left; color:#212121;font-weight:800;font-size:75px;margin-top:13%; line-height:120%}
#container02 h3{width:100%; font-size:65px; font-weight:800;padding:0 0 2% 0;color:#131313;text-align:center;}
#container02 h4{width:100%;font-size:24px; font-weight:800;padding:0 0 7% 0;color:#131313;text-align:left;line-height:200%}
#container02 h4 i{ font-weight:800;}
#container02 h4 img{float:left; margin-right:2%;}
.mtitle{width:100%; font-size:28px; font-weight:600;padding:0 0 3% 0;text-align:center;color:#4b4b4b;}
.mtitle i{font-weight:600;}
/*발문*/
.txt01{width:100%; font-size:18px;color:#4b4b4b;text-align:center;line-height:180%;padding-bottom:7%;font-weight:400;}
/*people 발문*/
.txt01_01{width:100%; font-size:18px;color:#4b4b4b;text-align:center;line-height:180%;padding-bottom:4%;font-weight:400;}


/*서문*/
.preface{width:54%;margin:0 auto;font-size:16px;line-height:180%;color:#4b4b4b;padding:6% 0 0 0;}
.preface p:first-of-type::first-letter{font-size:72px; font-weight:600; font-style:normal; float:left;padding:10px 7px 13px 0;vertical-align:middle;color:#050505;font-family:'Noto Sans KR', sans-serif;text-transform:uppercase}
.preface p:first-of-type::first-letter span{font-style:italic}
.preface p{padding-bottom:8%}
.preface2{width:54%;margin:0 auto;font-size:16px;line-height:180%;color:#4b4b4b;padding:6% 0 0 0;}
.preface2 p:first-of-type::first-letter{font-style:italic;font-size:72px; font-weight:600; float:left;padding:10px 13px 13px 0;vertical-align:middle;color:#050505;font-family:'Noto Sans KR', sans-serif;text-transform:uppercase}
.preface2 p{padding-bottom:8%}
.preface02_02{font-size:16px;color:#4b4b4b;line-height:1;}
/*따옴표 처음에 나오는 서문*/
.preface02{width:54%;margin:0 auto;font-size:16px;line-height:180%;color:#4b4b4b;padding:6% 0 0 0;}
.preface02 p:first-of-type::first-letter{font-size:72px; font-weight:600; font-style:normal; float:left;margin:10px 7px 13px 0;color:#050505;font-family:'Noto Sans KR', sans-serif;text-transform:uppercase;}
.preface02 p{padding-bottom:8%;margin-top:-15px}
.preface03{width:54%;margin:0 auto;font-size:16px;line-height:180%;color:#4b4b4b;padding:6% 0 0 0;}
.preface03 p:first-of-type::first-letter{font-size:72px; font-weight:600; font-style:italic; float:left;margin:10px 10px 13px 0;color:#050505;font-family:'Noto Sans KR', sans-serif;text-transform:uppercase;}

/*본문*/
.txt02{width:100%; font-size:16px;color:#4b4b4b;line-height:180%;padding-bottom:8%;}
.txt03{width:100%; font-size:16px;color:#4b4b4b;line-height:180%;padding-bottom:8%; font-weight:400;}
.txt04{width:100%; font-size:16px;color:#737373;line-height:180%;padding-bottom:8%; font-weight:400;text-align:center}
.txt05{width:100%; font-size:16px;color:#4b4b4b;line-height:180%;padding:8% 0 10% 0}
.txt06{width:100%; font-size:16px;color:#4b4b4b;line-height:180%;padding-top:8%}
.txt07{width:100%; font-size:14px;color:#4b4b4b;line-height:180%;padding-bottom:8%; font-weight:400;}
.txt08{width:100%; font-size:16px;color:#4b4b4b;line-height:180%;padding-bottom:0;}


/*캡션*/
.caption{font-size:12px;color:#a7a7a7;margin-top:10px;line-height:150%}
.caption02{font-size:12px;color:#a7a7a7;margin-top:0px;line-height:150%}
.caption03{position:relative;font-size:12px;color:#a7a7a7;margin-top:0px;line-height:150%;text-align:center}
.caption04{position:relative;font-size:12px;color:#a7a7a7;margin-top:10px;line-height:150%;width:40%;float:left}
.caption05{position:relative;font-size:12px;color:#a7a7a7;margin:0 0 0 35%;line-height:180%;float:left}
.caption06{font-size:12px;color:#a7a7a7;margin:10px 0 15px 0;line-height:150%}
.caption07{font-size:12px;color:#a7a7a7;margin:10px 0 7% 0;line-height:150%}

/*다른 기사 보기*/
.other{overflow:hidden;width:100%;border-top:1px solid #b2b2b2;margin-top:8%;padding-top:5%;}
.other h4{font-size:30px;font-weight:600;text-align:center;padding-bottom:2%}
.listWrap01 {text-align:center; margin:2% auto 5% auto; width:100%;}
.listWrap01 a {width:19%; max-width:290px; display:inline-block; text-align:left; padding:0 2%; margin-bottom:4%; vertical-align:top; box-sizing:border-box}
.listWrap01 a .listTitle {font-size:14px; margin:15px 0 10px 0; display:block; color:#000;font-weight:700;}
.listWrap01 a .listTxt {font-size:13px; line-height:150%; display:block; color:#707070;font-weight:400;}
.listWrap01 a div {overflow:hidden; background:#fff}
.listWrap01 a div img {transition: all 0.3s ease-in-out}
.listWrap01 a div img:hover {transform:scale(1.1,1.1)}

/*비녀 다른기사보기*/
.other03{overflow:hidden;width:100%;border-top:1px solid #b2b2b2;padding-top:5%;}
.other03 h4{font-size:30px;font-weight:600;text-align:center;padding-bottom:2%}


/*글로벌코리아 다른기사보기*/
.other02{overflow:hidden;width:100%;/*border-top:1px solid #b2b2b2;*/padding-top:5%;}
.other02 h4{font-size:30px;font-weight:600;text-align:center;padding-bottom:2%}

/*Glimpse*/
.glimpse_top{overflow:hidden;float:left;width:100%;}
.glimpse_top_txt{float:right;width:35%;margin:0 6% 0 7%;}
.glimpse_top_txt span{display:block;width:1px; height:177px; background-color:#8a8a8a;margin:6% auto;}
.glimpsetxt01{font-size:16px;text-align:left;color:#131313;margin:5% 2% 0 0;line-height:180%}
.glimpse_top_img{float:left;width:51%;padding-top:6%;font-size:12px;color:#a7a7a7;}
.glimpse_top_img img{margin-bottom:10px}
.txt_ko{font-size:97px;text-align:center;color:#d9d9d9;font-weight:100;font-family: 'Noto Sans KR', sans-serif;}
.glimpse01{position:relative;float:right;width:100%;padding:8% 0}
.glimpse01_ri{float:right;width:69%;}
.glimpse01_le{float:left;font-size:12px;color:#a7a7a7;width:30%;text-align:right; position:absolute; right:70%;bottom:13%;}
.glimpse02{position:relative;float:left;width:90%;padding:0 0 8% 8%}
.glimpse02_ri{float:right;width:23%;font-size:12px;color:#a7a7a7;text-align:left; position:absolute; right:6%;bottom:16%;}
.glimpse02_le{float:left;width:67%;}
.essentials{overflow:hidden;float:left;width:76%; background-color:#f3fafe;padding:8% 12%;margin:8% auto}
.ess01{float:left;width:100%;padding:5% 0 5% 0;}
.ess01_le{float:left;width:47%;margin:0 2% 0 0;}
.ess01_ri{float:right;width:45%;}
.ess01_le .esstxt01{font-size:16px;color:#131313;line-height:180%}
.ess02{float:left;width:100%;padding:5% 0 5% 0;}
.ess02_le{float:left;width:41%;margin:0 2% 0 0;}
.ess02_ri{float:right;width:50%;}
.ess02_ri .esstxt02{font-size:16px;color:#131313;line-height:180%}

/*Focus*/
/*작은 이미지가 오른쪽*/
.subimg01{position:relative; width:66%; max-width:1030px; display:block; float:left; margin:0 2% 0 0;font-size:12px;color:#a7a7a7;}
.subimg02{position:relative; width:32%; max-width:497px; display:block; float:left; margin:0;font-size:12px;color:#a7a7a7;}
.subimg03{width:100%;margin:0 0 10px 0;float:left;margin:0;font-size:12px;color:#a7a7a7;margin:0 0 2% 0;}
.subimg01 img{margin-bottom:10px}
.subimg02 img{margin-bottom:10px}
.subimg03 img{margin-bottom:10px}

/*작은 이미지가 오른쪽+하단 풀이미지*/
.subimg04{position:relative; width:66%; max-width:1030px; display:block; float:left; margin:0 2% 2% 0;font-size:12px;color:#a7a7a7;}
.subimg05{position:relative; width:32%; max-width:497px; display:block; float:left; margin:0 0 2% 0;font-size:12px;color:#a7a7a7;}
.subimg09{width:100%;margin:0 0 10px 0;float:left;font-size:12px;color:#a7a7a7;margin:0 0 2% 0;}


/*작은 이미지가 왼쪽*/
.subimg01_01{position:relative; width:32%; max-width:497px; display:block; float:left; margin:0 2% 0 0;font-size:12px;color:#a7a7a7;}
.subimg02_01{position:relative; width:66%; max-width:1030px; display:block; float:left; margin:0;font-size:12px;color:#a7a7a7;}
.subimg01_01 img{margin-bottom:10px}
.subimg02_01 img{margin-bottom:10px}

/*작은 이미지가 왼쪽+하단 풀이미지*/
.subimg04_01{position:relative; width:32%; max-width:497px; display:block; float:left; margin:0 2% 1% 0;font-size:12px;color:#a7a7a7;}
.subimg05_01{position:relative; width:66%; max-width:1030px; display:block; float:left; margin:0 0 1% 0;font-size:12px;color:#a7a7a7;}
.subimg10{width:100%;margin:0 0 10px 0;float:left;font-size:12px;color:#a7a7a7;}
.subimg04_01 img{margin-bottom:10px}
.subimg05_01 img{margin-bottom:10px}
.subimg10 img{margin-bottom:10px}

/*이미지 두개 크기 같은 경우*/
.subimg10_01{position:relative; width:49%; max-width:764px; display:block; float:left; margin:0 2% 2% 0;font-size:12px;color:#a7a7a7;}
.subimg10_02{position:relative; width:49%; max-width:764px; display:block; float:left; margin:0 0 2% 0;font-size:12px;color:#a7a7a7;}
.subimg10_01 img{margin-bottom:10px}
.subimg10_02 img{margin-bottom:10px}
/*이미지 두개 크기 같은 경우-여백없이*/
.subimg10_03{position:relative; width:50%; max-width:780px; display:block; float:left; margin:0 0 2% 0;font-size:12px;color:#a7a7a7;}

/*이미지 3개 경우*/
.subimg09_01, .subimg09_02{position:relative; width:30%; max-width:495px; display:inline; float:left; margin:0 2% 2% 0;font-size:12px;color:#a7a7a7;}
.subimg09_01 img{margin-bottom:10px}

/*이미지3개가 불규칙*/
.subimg10_04{position:relative; width:51%; max-width:798px; display:block; float:left; margin:0 2% 2% 0;font-size:12px;color:#a7a7a7;}
.subimg10_04_01{margin-bottom:1%;display:block;}
.subimg10_05{position:relative; width:47%; max-width:729px; display:block; float:left; margin:0 0 2% 0;font-size:12px;color:#a7a7a7;}
.subimg10_04 img{margin-bottom:10px}
.subimg10_05 img{margin-bottom:10px}

/*이미지 넓이가 848 미만*/
.smallimg{max-width:552px;margin:0 auto}
.smallimg02{max-width:379px;margin:0 auto}

/*비녀 마지막 이미지*/
.subimg07_01{position:relative; width:40%; max-width:527px; display:block; float:left; margin:0 0 0 25%;font-size:12px;color:#a7a7a7;}
.subimg07_02{position:relative;width:30%; display:block;float:left;margin:32% 0 0 0;font-size:12px;color:#a7a7a7;line-height:180%}


.subimg_box02{width:100%; float:left;margin:8% 0 10% 0;font-size:12px;color:#a7a7a7;}
.subimg_box03{width:100%; float:left;margin:2% 0 8% 0;}
.subimg_box04{width:100%; margin-top:5%;font-size:12px;color:#a7a7a7;}
.subimg_box05{position:relative;width:90%; margin:3% auto 0 auto;font-size:12px;color:#a7a7a7;}
.subimg_box06{width:100%; float:left;margin:5% 0 10px 0;font-size:12px;color:#a7a7a7;}
.subimg_box07{width:100%; float:left;margin-top:0;}

/*Local Taste*/
.subimg_box{width:100%; float:left;}

/*spotlight*/
.spotlight{overflow:hidden;float:left;width:80%; background-color:#fbffed;padding:6% 10%;margin:7% auto}
.width745_le{width:46%;max-width:745px;float:left;margin-right:8%}
.width745_ri{width:46%;max-width:745px;float:left;}
#container .width745_ri h3{font-size:30px}
#container .width745_le h3{font-size:30px}

.spot01{float:left;width:100%;padding:6% 0 5% 0;}
.spot01_le{float:left;width:39%;margin:0 6% 0 0;border-top:3px solid #131313}
.spot01_ri{float:right;width:53%;}
.spot02{float:left;width:100%;padding:6% 0 5% 0;}
.spot02_le{float:left;width:53%;margin:0 6% 0 0;}
.spot02_ri{float:right;width:39%;border-top:3px solid #131313}
.subimg06{position:relative; width:49%; max-width:323px; display:block; float:left; margin:0 1.5% 1% 0;font-size:12px;color:#a7a7a7;}
.subimg07{position:relative; width:49%; max-width:323px; display:block; float:left; margin:0 0 1.5% 0;font-size:12px;color:#a7a7a7;}
.subimg08{width:100%;margin-bottom:10px;max-width:656px;}
.subimg11{position:relative; width:62.5%; max-width:412px; display:block; float:left; margin:0 1.5% 1% 0;font-size:12px;color:#a7a7a7;}
.subimg12{position:relative; width:35.5%; max-width:234px; display:block; float:left; margin:0 0 1% 0;font-size:12px;color:#a7a7a7;}
.subimg13{position:relative; width:65%; max-width:430px; display:block; float:left; margin:0 1.5% 1% 0;font-size:12px;color:#a7a7a7;}
.subimg14{position:relative; width:33%; max-width:216px; display:block; float:left; margin:0 0 1.5% 0;font-size:12px;color:#a7a7a7;}


/*링크버튼*/
.site_btn{list-style:none;display:block; float:left; text-align:center;width:80%;border:2px solid #0b0306; margin:7% 0;font-family: 'Noto Sans', sans-serif; font-size:12px;color:#313131}
.site_btn:hover{background:#0b0306; color:#fff}
.site_btn a{display:block; color:#313131;padding:8px 0;}
.site_btn a:hover{color:#fff}

.site_btn02{clear:both;overflow:hidden; list-style:none;display:block; text-align:center;width:30%;border:2px solid #0b0306; margin:5% auto 0 auto;font-family: 'Noto Sans', sans-serif; font-size:12px;color:#313131}
.site_btn02:hover{background:#0b0306; color:#fff}
.site_btn02 a{display:block; color:#313131;padding:15px 0;}
.site_btn02 a:hover{color:#fff}

/*Historic Anniversary*/
.ha_txt{font-size:24px;font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif;font-style:oblique;font-weight:normal;text-align:center;line-height:180%;margin:3% 0 5% 0}

/*people*/
.people{overflow:hidden;float:left;width:76%; background-color:#fbffed;padding:8% 12%;margin:8% auto}
.people_name{width:35%; max-width:397px;margin:0 auto 4% auto}
 /*.peo01{float:left;width:100%;padding:5% 0 5% 0;}*/
.peo01_le{float:left;width:30%;margin:0 3% 0 0;}
.peo01_ri{float:right;width:65%;}
.peo01_ri .pt01{font-size:16px;color:#4b4b4b;line-height:180%;text-transform:uppercase;text-align:left;font-weight:700}
.peo01_ri .pt02{font-size:36px;color:#4b4b4b;line-height:180%;margin-top:-3%;font-style:oblique;font-family:"Times New Roman", serif;margin-top:2%}
.peo01_ri .year{float:left;width:100%;margin-top:7%}
.peo01_ri .year ul{display:inline-block;float:left;}
.peo01_ri .year ul li{font-size:14px;color:#4b4b4b;line-height:200%}
/*people profil*/
.peo01_ri ul{float:left;width:100%;margin:5% 0 0 2%;}
.peo01_ri li{list-style:cercle;font-size:14px;color:#595959;margin:0 0 2% 0;line-height:150%}
.peo01_ri li span{font-weight:600;color:#252525;}

.peo01_ri dl{float:left;width:100%;margin-top:5%;}
.peo01_ri dt{float:left;width:10%;display:block;margin:0 3% 1% 0;font-weight:600;color:#252525;}
.peo01_ri dd{float:left;display:block;width:87%;}

.table01{width:100%;margin:10% 0 0 0;}
.table01 td{margin:0 0 2% 0;line-height:210%;font-size:14px;}

.table01 td:nth-child(1){width:25%;font-weight:600;color:#252525}
.table01 td:nth-child(2){padding-left:2%;width:75%;color:#545454}
/*crafts*/
.Process{overflow:hidden;position:relative;float:left;width:80%; background-color:#f5f2ed;padding:8% 10%;margin:8% auto}
.Process_title{width:100%;color:#8a6341;font-size:34px;margin-bottom:4%;text-align:center;font-weight:700}
.Process_title i{font-weight:700}
.Process_txt{width:100%;color:#4b4b4b;font-size:16px;margin-bottom:8%;text-align:center;line-height:180%}
.Process_box{width:100%;position:relative;}
.Pro_outbox{display:flex;width:100%;flex-direction: row;justify-content: center;align-items: flex-start;display:-webkit-flex; display:-moz-flex;}
.Pro_box{width:25%;margin:0 5%;text-align:center;}
.Pro_outbox span{font-size:14px; color:#8a6341;}
.Pro_box img{margin:0 auto 10% auto;width:80%;}
.Pro_box_sub{width:100%;	height:100%;display:flex;position:absolute;justify-content:center; flex-direction: row;align-items: flex-start;top:30%;}
.Pro_box_sub li{margin:0 15.5%}
/*Media Click*/
.media_title01{font-size:24px; text-align:left;padding:10% 0 3% 0;font-weight:700}
.media_title02{font-size:24px; text-align:left;padding:0 0 3% 0;font-weight:700}
.media_title01 i{font-weight:700}
.media_title02 i{font-weight:700}

/*While in Korea*/

/*While in Korea*/
.sub10_top{overflow:hidden;float:left;width:82%;padding:10% 9%;}
.sub10_top_txt{float:left;width:47%;margin:0 3% 0 2%;}
#container .sub10_top_txt h2{width:80%;margin:0 auto;max-width:480px;padding:0}
.sub10_top_hr{display:block;width:35%px; height:1px; background-color:#8a8a8a;margin:9% auto;}
/*.sub10_top_txt span{display:block;width:35%px; height:1px; background-color:#8a8a8a;margin:9% auto;}*/
.sub10_top_img{float:left;width:45%;max-width:611px;}
.sub10_mtitle{width:100%; font-size:24px; font-weight:600;padding:0 0 10% 0;text-align:center;color:#4b4b4b;}
.sub10_mtitle span{font-style:italic;font-weight:600}
.sub10_txt01{width:100%; font-size:16px;color:#4b4b4b;line-height:180%;}
.sub10_box{width:80%;overflow:hidden;border:3px solid #0c0306;padding:10% 10%}

.sub10_box_01{float:left;width:100%;margin-bottom:8%;}
.sub10_box_01_le{float:left;width:47%;max-width:605px}
.sub10_box_01_ri{float:right;width:48%;font-size:16px;color:#595959;line-height:160%;/*position:absolute; right:1%;bottom:15%;*/margin-top:0%}
.sub10_box_01_ri span{font-weight:700;color:#313131}
.sub10_box_02{float:left;width:100%;margin-bottom:8%;}
.sub10_box_02_ri{float:right;width:47%;max-width:605px;margin-right:1%;margin-top:2%}
.sub10_box_02_le{float:left;width:47%;font-size:16px;color:#595959;line-height:160%;/*position:absolute; left:1%;top:2%;*/margin-top:0%}
.sub10_box_02_le span{font-weight:700;color:#313131}
.sub10_box_03{float:left;width:100%;margin-bottom:0%;/*last; margin-bottom:0% default;margin-bottom:8%*/}
.sub10_box_03_le{float:left;width:44%;max-width:605px;margin-top:0}
.sub10_box_03_ri{float:right;width:48%;font-size:16px;color:#595959;line-height:160%}
.sub10_box_03_ri a{color:#595959}
.sub10_box_03_ri a:hover{color:#595959}
.sub10_box_03_ri span{font-weight:700;color:#313131}



.sub10_box_04{float:left;width:100%;}
.sub10_box_04_ri{float:right;width:47%;max-width:605px;margin-left:3%}
.sub10_box_04_le{float:left;width:45%;font-size:16px;color:#595959;line-height:160%;/*position:absolute; left:1%;top:2%;margin-top:5%*/}
.sub10_box_04_le span{font-weight:700;color:#313131}

.sns_total{display:block; position:fixed; top:35%; right:5%; z-index:200;}
.sns_total li{list-style:none; margin-bottom:10px}

/*Global Korea*/
#wrap03{width:100%; background:#eee9f1 ;overflow:hidden}
#container03 {width:82%;max-width:1562px;margin:0 auto 5% auto}
#container03 h2{width:100%; font-size:60px; font-weight:700;padding:8% 0 6% 0;color:#303030;text-align:center;}
#container03 h3{width:100%; font-size:36px; font-weight:700;padding:7% 0 2% 0;color:#303030;text-align:center;line-height:120%}
#container03 h3 i{font-weight:700;}
#container03 h4{width:100%; font-size:24px; font-weight:500;padding:3% 0 2% 0;color:#303030;text-align:center;}
.written02{overflow:hidden;width:100%;/*border-top:1px solid #b2b2b2;*/font-size:14px;text-transform:uppercase;font-weight:700;padding:3% 0;font-family:'Open Sans', sans-serif;}
.written02 span{font-size:12px; color:#818181;text-transform:none; font-weight:300;}
.written02 span.txt_l{font-weight:300; font-style:italic}
.written02 span.txt_b{font-weight:600}

.gk_box01{position:relative;width:100%;float:left;border-top:1px solid #1c1e1f;border-bottom:1px solid #1c1e1f;margin:0 0 4% 0}
.gk_box01_left{position:relative;float:left;width:30%;background:#e6dde9;padding:4.5% 2%;height:100%}
.gk_box01_right{width:46%;padding:5% 6% 5% 9%;float:left;font-size:16px;line-height:180%;color:#4b4b4b;border-left:1px solid #1c1e1f;}
.gk_img01{overflow:hidden;width:38%;margin:10% auto 8% auto;max-width:212px;}
.gk_box02{position:relative;width:100%;float:left;border-top:1px solid #1c1e1f;border-bottom:1px solid #1c1e1f;margin:0 0 8% 0}
.gk_box02_left{float:left;width:30%;background:#e6dde9;padding:4.5% 2%;height:100%}
.gk_box02_right{width:46%;padding:6% 6% 6% 9%;float:left;font-size:16px;line-height:180%;color:#4b4b4b;border-left:1px solid #1c1e1f;}


/*동영상*/
.video{margin:0 0 5% 0;}
/*story 동영상*/
.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;
}
/*Local Taste 동영상,people,media click*/
.vimeoWrap04{
     position: relative;
    padding-bottom:52.5%; /* 16/9 ratio */
    padding-top: 32.5px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin: 0;
  }
.vimeoWrap04 iframe,
.vimeoWrap04 object,
.vimeoWrap04 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: 0px;
}

/*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;}

@media screen and (max-width:1680px) {
	.listWrap01 a{padding:0 1%;width:19%}
	.preface, .preface2, .preface02, .preface03 {width:62%}
	.width848{width:62%}
	#container02 h2{font-size:68px;}
	.glimpse_top_txt span{height:100px}
	.txt_ko{font-size:90px;}
	.glimpsetxt01{font-size:15px}
	.Pro_box_sub{top:25%;}
	.peo01_ri .pt01{font-size:14px;}
	.peo01_ri .pt02{font-size:32px;margin-top:1%}
	.peo01_ri dl{margin-top:3%;}
	.peo01_ri dt{width:10%;font-size:12px;}
	.peo01_ri dd{width:87%;font-size:12px;}
	.table01 td{font-size:13px}
	.table01{margin:8% 0 0 0;}
	.sub10_top_txt{width:40%}
	.sub10_top_img{width:45%;}
	.sub10_txt01{font-size:14px;}
	.sub10_mtitle{font-size:20px;}
	.sub10_box_01_ri{margin-top:10%;font-size:14px;}
	.sub10_box_02_le, .sub10_box_03_ri, .sub10_box_04_le {font-size:14px;}
	.site_btn{font-size:11px;width:80%}
	.gk_box01_left{padding:9.6% 2%;}
	.gk_box01_right{padding:3% 9%}
	.gk_box02_left{padding:9.2% 2%;}
	.gk_box02_right{padding:3% 9%}
}
@media screen and (max-width:1440px) {
	#container h2{font-size:60px}
	#container h4{font-size:38px}
	#container h5{font-size:20px}
	#container h6{font-size:16px}
	.txt03{font-size:13px}
	#container02 h2{font-size:60px;}
	#container02 h3{font-size:55px;}
	#container02 h4{font-size:20px}
	#container03 h2{font-size:60px;}
	.preface, .preface2, .preface02, .preface03{width:68%}
	.width848{width:68%}
	.glimpse_top_txt{width:39%;margin:0 5% 0 5%;}
	.txt_ko{font-size:85px;}
	.glimpse_top_txt span{height:80px;margin:3% auto;}
	.ess01_le .esstxt01{font-size:14px}
	.ess02_ri .esstxt02{font-size:14px}
	.sub10_box_01_ri{margin-top:8%;font-size:13px;}
	.sub10_box_02_le, .sub10_box_03_ri , .sub10_box_04_le {font-size:13px;}
	.gk_box01_left{padding:6.8% 2%;}
	.gk_box01_right{width:51%;padding:3% 7%;font-size:14px;}
	.gk_box02_left{padding:6.2% 2%;}
	.gk_box02_right{width:51%;padding:3% 7%;font-size:14px;}
	.subimg07_01{width:40%;margin:0 0 0 10%}
	.subimg07_02{width:40%;margin:28% 0 0 0;}	
	.table01{margin:5% 0 0 0;}
	.table01 td{line-height:180%}
}
/*노트북*/
@media screen and (max-width:1366px) {
	#container h2{font-size:55px}
	#container h3{font-size:34px}
	#container h3.nextimg{font-size:34px}
	#container h4{font-size:32px}
	.txt01{font-size:16px;}
	.txt01_01{font-size:16px;}
	.listWrap01 a{padding:0 1%;width:19%}
	.glimpsetxt01{font-size:14px}
	.Pro_box_sub{top:23%;}
	.people{padding:8% 8%;width:84%;}
	.gk_box01_left{padding:7.7% 2%;}
	.gk_box01_right{width:52%;padding:3% 6.5%;font-size:14px;}
	.gk_box02_left{padding:8.1% 2%;}
	.gk_box02_right{width:52%;padding:3% 6.5%;font-size:14px;}
	
}
@media screen and (max-width:1280px) {
	.sns_total{right:3%}
	#container h2{font-size:50px}
	#container h3{font-size:32px}
	#container h3.nextimg{font-size:32px}
	#container h4{font-size:28px}
	#container h4 span{font-size:24px}
	#container h5{font-size:18px}
	#container h6{font-size:14px}
	#container03 h2{font-size:50px}
	#container03 h3{font-size:30px}
	.txt03, .txt04{font-size:12px}
	.site_btn{font-size:11px;width:100%}
	.site_btn02{font-size:11px;width:40%}
	#container02 h2{font-size:55px;}
	#container02 h3{font-size:45px;}
	#container02 h4{font-size:18px}
	.width848{width:73%}
	.glimpse02_ri{width:29%;right:0;}
	.txt_ko{font-size:70px;}
	.glimpse_top_txt span{height:70px;margin:5% auto 0 auto;}
	.Pro_box_sub{top:20%;}
	.Pro_box_sub img{width:80%}
	.Pro_box_sub li{margin:0 14.5%}
	h2.sub10_top{max-width:600px}
	/*.sub10_top{padding:10% 6%;width:70%}*/
	.sub10_txt01{font-size:12px;}
	.sub10_box{padding:10% 8%;}
	#container .width745_ri h3{font-size:26px}
	#container .width745_le h3{font-size:26px}
	.peo01_ri .pt02{font-size:24px;}
	.peo01_ri dt{width:10%;font-size:11px}
	.peo01_ri dd{width:87%;font-size:11px}
	.gk_box01_left{padding:11.8% 2%;}
	.gk_box01_right{width:52%;padding:3% 6.5%;font-size:14px}
	.gk_box02_left{padding:11.3% 2%;}
	.gk_box02_right{width:52%;padding:3% 6.5%;font-size:14px}
	.ha_txt{font-size:20px}

}
/*아이패드 미니-가로*/
@media screen and (max-width:1024px) {
	#container h2{font-size:45px}
	#container02 h2{font-size:45px;}
	#container02 h3{font-size:35px;}
	#container02 h4{font-size:18px}
	#container03 h2{font-size:45px}
	.mtitle{font-size:20px}
	.txt_ko{font-size:60px;}
	.glimpse_top_txt span{height:50px;margin:5% auto 0 auto;}
	.ess01_le, .ess01_ri{float:none;width:80%;margin:3% auto;}
	.ess02_le, .ess02_ri{float:none;width:80%;margin:3% auto;}
	.peo01_ri .pt02{font-size:20px;}
	.Process_txt{font-size:14px}
	.Pro_outbox span{font-size:12px}
	.Pro_box{line-height:120%}
	.Pro_box img{width:90%}
	.Pro_box_sub img{width:70%}
	h2.sub10_top{max-width:500px}
	/*.sub10_top{padding:10% 4%;width:92%}*/
	.sub10_mtitle{font-size:18px;}
	.sub10_top_txt{width:45%;margin:0 5% 0 5%;}
	.sub10_top_img{width:43%;}
	.sub10_box_01_le{width:80%;float:none;margin:0 auto; }
	.sub10_box_01_ri{width:80%;float:none;margin:5% auto}
	.sub10_box_02_ri{width:80%;float:none;margin:0 auto; }
	.sub10_box_02_le{width:80%;float:none;margin:5% auto}
	.sub10_box_03_le{width:80%;float:none;margin:0 auto; }
	.sub10_box_03_ri{width:80%;float:none;margin:5% auto}
	.sub10_box_04_le{width:80%;float:none;margin:0 auto; }
	.sub10_box_04_ri{width:80%;float:none;margin:5% auto}
	.sub10_box_05_ri{width:80%;float:none;margin:0 auto; }
	.sub10_box_05_le{width:80%;float:none;margin:5% auto}
	.gk_box01_left{padding:14% 2%;}
	.gk_box01_right{width:52%;padding:5% 6.5%;}
	.gk_box02_left{padding:12.5% 2%;}
	.gk_box02_right{width:52%;padding:5% 6.5%;}
	.peo01_le{width:80%;float:none;margin:5% auto;}
	.peo01_ri{width:80%;float:none;margin:5% auto;}
}
@media screen and (max-width:960px) {
	.listWrap01 a {width:30%;margin-bottom:6%;}
	.txt01{font-size:16px;width:85%;margin:0 auto; }
	.txt01_01{font-size:16px;}
	.glimpsetxt01{font-size:13px}
	.peo01_ri dt{width:10%}
	.peo01_ri dd{width:85%}
	.spot01_le{width:100%;margin:3% auto;float:none;}
	.spot01_ri{width:100%;margin:0 auto 3% auto;float:none}
	.spot02_ri{width:100%;margin:3% auto;float:none}
	.spot02_le{width:100%;margin:3% auto;float:none}
	.site_btn{font-size:11px;width:70%}
	.site_btn02{font-size:11px;width:60%}
	.brmobile{display:none}
	.gk_box01_left{padding:13.5% 2%;}
	.gk_box01_right{width:52%;padding:5% 6.5%;font-size:13px}
	.gk_box02_left{padding:12% 2%;}
	.gk_box02_right{width:52%;padding:5% 6.5%;font-size:13px}
	.subimg_box05{width:100%}
	.subimg07_01{width:40%;margin:0 0 0 10%}
	.subimg07_02{width:40%;margin:25% 0 0 0;}
	.ha_txt{width:80%;font-size:18px;margin:8% auto 3% auto}
}
/*아이패드 미니-세로, 아이폰 XS-가로*/
@media screen and (max-width:768px) {
	#container02{width:90%;margin:0 auto}
	#container h2{font-size:42px}
	#container h3{font-size:28px}
	#container h3.nextimg{font-size:28px}
	#container h4{font-size:24px}
	#container h4 span{font-size:22px}
	#container h5{padding:2% 0 3% 0;}
	#container h6{padding:0 0 5% 0;}
	#container03 h2{font-size:42px}
	#container03 h3{font-size:26px}
	#container03 h4{font-size:20px}
	.txt03{padding-bottom:0;font-size:14px}
	.mtitle{font-size:16px}
	#container02 h2{text-align:center}
	.other h4{font-size:35px}
	.mtitle{font-size:18px}
	.txt01{width:85%; margin:0 auto; font-size:16px;}
	.txt01_01{width:85%; margin:0 auto;font-size:16px;}
	.txt02, .txt08, .txt05{font-size:16px;}
	.sns_total{right:8px;}
	.brmobile{display:none}
	.preface, .preface2, .preface02, .preface03{width:80%}
	.width848{width:80%}
	.preface p:first-of-type::first-letter{font-size:65px}
	.preface02 p:first-of-type::first-letter{font-size:65px}
	.preface03 p:first-of-type::first-letter{font-size:65px}
	.glimpsetxt01{font-size:16px}
	.glimpse_top_txt{width:100%;float:none;margin:0 auto;}
	.glimpse_top_img{width:100%;margin:3% auto;float:none}
	.glimpse01{width:100%;margin:3% auto;float:none;padding:2% 0}
	.glimpse02{width:100%;margin:3% auto;float:none;padding:2% 0}
	.glimpse01_ri{width:100%;margin:0 auto 10px auto;float:none}
	.glimpse02_le{width:100%;margin:0 auto 10px auto;float:none;}
	.glimpse01_le {width:100%;margin:0 auto;float:none;position:relative;right:0;text-align:left}
	.glimpse02_ri{width:100%;margin:0 auto;float:none;position:relative;right:0;text-align:left}
	.essentials{width:84%;padding:8% 8%;}
	#container02 h4{font-size:22px;text-align:center}
	#container02 h4 img{float:none; margin:0 auto}
	.ess01_le, .ess01_ri{float:none;width:100%;margin:3% auto;}
	.ess02_le, .ess02_ri{float:none;width:100%;margin:3% auto;}
	.ess01_le .esstxt01{font-size:12px;}
	.ess02_ri .esstxt02{font-size:12px;}
	.people{width:84%;padding:8% 8%;}
	.peo01_ri .pt01{font-size:14px}
	.peo01_ri .pt02{font-size:30px}	
	.peo01_ri .year ul li{font-size:10px}
	.Pro_outbox{flex-direction:column;align-items:flex-end;justify-content:space-around;}
	.Pro_box{width:90%; margin: 7% auto;}
	.Pro_box img{width:50%;margin:0 auto 4% auto;}
	.Pro_box_sub{display:none}
	.Process_title{font-size:22px}
	.width745_le{width:100%;margin:0 auto;float:none;}
	.width745_ri{width:100%;margin:0 auto;float:none;}
	#container .width745_ri h3{font-size:24px}
	#container .width745_le h3{font-size:24px}
	.spot01{padding: 6% 0 5% 0;}
	.spot01_le{width:100%;margin:3% auto;float:none;}
	.spot01_ri{width:100%;margin:0 auto 3% auto;float:none}
	.spot02_ri{width:100%;margin:3% auto;float:none}
	.spot02_le{width:100%;margin:3% auto;float:none}
	.media_title01{font-size:18px}
	.media_title02{font-size:18px}
	.vimeoWrap03{padding-bottom: 50%;}
	h2.sub10_top{max-width:400px}
	.sub10_top_txt{width:80%;float:none;margin:0 auto;}
	.sub10_top_img{width:70%;float:none;margin:10% auto;}
	#container .width745_ri h3{font-size:24px}
	#container .width745_le h3{font-size:24px}
	.people_name{width:50%}
	.print{display:none}
	.subimg10_03{width:100%; margin:0}
	.gk_box01_left{width:96%;padding:5% 2%;}
	.gk_box01_right{width:90%;padding:5% 5%;font-size:16px;border-left:0px; border-top:1px solid #1c1e1f}
	.gk_box02_left{width:96%;padding:5% 2%;}
	.gk_box02_right{width:90%;padding:5% 5%;font-size:16px;border-left:0px; border-top:1px solid #1c1e1f}
	.gk_img01{margin:1% auto;width:25%}
	.subimg07_02{font-size:11px;margin:20% 0 0 0;}
	.subimg10_04{width:49%}
	.subimg10_05{width:49%}
	.subimg10_04_01{margin-bottom:2%}
}

@media screen and (max-width:570px) {
	#container02{width:90%;margin:0 auto}
	#container h2{font-size:28px;}
	#container h3{font-size:24px;}
	#container h3.nextimg{font-size:24px}
	#container h4 span{font-size:18px}
	#container02 h2{text-align:center}
	#container03 h2{font-size:28px}
	#container03 h3{font-size:24px}
	#container03 h4{font-size:18px}
	.mtitle{font-size:14px}
	.width848{width:90%}
	.written{font-size:11px}
	.written span{font-size:10px}
	.txt01{font-size:14px;}
	.txt01_01{font-size:14px;}
	.txt02{font-size:12px;}
	.txt05, .txt06, .txt07, .txt08{font-size:12px;}
	.listWrap01{width:95%;margin:4% auto 5% auto;}
	.listWrap01 a {width:45%;margin-bottom:6%;padding:0 2%;}
	.preface, .preface2, .preface02, .preface03 {font-size:12px}
	.caption{font-size:11px;margin-top:7px}
	.caption02{font-size:11px;margin-top:7px}
	.caption03{font-size:11px;width:90%; margin:7px auto}
	.other h4{font-size:22px;}
	.glimpsetxt01{font-size:13px}
	.glimpse_top_txt{width:100%;float:none;margin:0 auto;}
	.glimpse_top_img{width:100%;margin:3% auto;float:none}
	.glimpse01{width:100%;margin:3% auto;float:none;padding:2% 0}
	.glimpse02{width:100%;margin:3% auto;float:none;padding:2% 0}
	.glimpse01_ri{width:100%;margin:0 auto 10px auto;float:none}
	.glimpse02_le{width:100%;margin:0 auto 10px auto;float:none;}
	.glimpse01_le {width:100%;margin:0 auto;float:none;position:relative;right:0;text-align:left}
	.glimpse02_ri{width:100%;margin:0 auto;float:none;position:relative;right:0;text-align:left}
	.essentials{width:84%;padding:8% 8%;}
	#container02 h4{font-size:16px;text-align:center}
	#container02 h4 img{float:none; margin:0 auto}
	.ess01_le, .ess01_ri{float:none;width:100%;margin:3% auto;}
	.ess02_le, .ess02_ri{float:none;width:100%;margin:3% auto;}
	.ess01_le .esstxt01{font-size:12px;}
	.ess02_ri .esstxt02{font-size:12px;}
	.other h4{font-size:24px}
	.Process_txt{font-size:12px}
	.subimg01, .subimg02, .subimg01_01, .subimg02_01, .subimg04_01, .subimg05_01, .subimg03, .subimg09, .subimg10, .subimg10_01, .subimg10_02{width:90%;float:none;margin:5% auto;font-size:11px}
	.subimg01_01, .subimg02_01{width:90%;float:none;margin:5% auto;font-size:11px}
	.subimg09_01{width:90%;float:none}
	.subimg09_02{width:90%;float:none;margin:5% auto}
	.subimg01 img{margin-bottom:7px}
	.subimg02 img{margin-bottom:7px}
	.subimg10_04{width:90%;float:none;margin:5% auto;font-size:11px}
	.subimg10_05{width:90%;float:none;margin:5% auto;font-size:11px}
	.subimg10_04_01{margin:5% auto;font-size:11px}
	.preface p:first-of-type::first-letter{font-size:55px;padding:10px 7px 10px 0;}
	.preface02 p:first-of-type::first-letter{font-size:55px;padding:10px 7px 10px 0;}
	.preface03 p:first-of-type::first-letter{font-size:55px;padding:10px 7px 10px 0;}
	#container .width745_ri h3{font-size:22px; padding-top:3%}
	#container .width745_le h3{font-size:22px}
	.peo01_ri li{font-size:11px;}
	.table01 td{font-size:11px}
	.table01 td:nth-child(2){padding-left:5%}
	.people{padding:12% 8%}
	.media_title01{font-size:16px}
	.media_title02{font-size:16px}
	.site_btn{width:100%}
	.site_btn02{width:100%}
	.site_btn02 a{padding:8px 0}
	h2.sub10_top{max-width:370px}
	.sub10_box_01_ri, .sub10_box_02_le, .sub10_box_03_ri, .sub10_box_04_le {line-height:170%;font-size:12px}
	.sub10_box_01_le{width:90%;float:none;margin:0 auto; }
	.sub10_box_01_ri{width:90%;float:none;margin:5% auto}
	.sub10_box_02_ri{width:90%;float:none;margin:0 auto; }
	.sub10_box_02_le{width:90%;float:none;margin:5% auto}
	.sub10_box_03_le{width:90%;float:none;margin:0 auto; }
	.sub10_box_03_ri{width:90%;float:none;margin:5% auto}
	.sub10_box_04_le{width:90%;float:none;margin:0 auto; }
	.sub10_box_04_ri{width:90%;float:none;margin:5% auto}
	.sub10_box_05_ri{width:90%;float:none;margin:0 auto; }
	.sub10_box_05_le{width:90%;float:none;margin:5% auto}
	#winners_tb th{font-size:12px;}
	#winners_tb td{font-size:11px;}
	.gk_box01_right, .gk_box02_right{font-size:12px}
	.subimg07_01{width:70%; margin:0 auto;float:none}
	.subimg07_02{width:90%;margin:5% auto;font-size:11px;float:none}
	.ha_txt{font-size:16px}
	#container .width745_ri h3{font-size:24px}
	#container .width745_le h3{font-size:24px}

}
/*아이폰XS*/
@media screen and (max-width:425px) {
	#container h2{font-size:26px;}
	#container h3{font-size:20px;}
	#container h3.nextimg{font-size:20px}
	#container h4{font-size:20px}
	#container h5{font-size:16px;}
	#container h6{font-size:12px}
	.txt03{font-size:12px}
	.mtitle{font-size:13px}
	#container02 h2{text-align:center;font-size:36px;}
	#container h3.nextimg{font-size:20px;}
	.mtitle{font-size:14px;color:#313131}
	.glimpsetxt01{font-size:13px;}
	.txt01{font-size:12px;}
	.txt01_01{font-size:12px;}
	/*.sns_total{display:none}*/
	.sns_total{position:relative;width:75%;overflow:hidden;margin:10% auto; display:block;z-index:200;}
	.sns_total li{list-style:none;float:left; margin:0 2%;}
	.peo01_ri .pt01{font-size:12px}
	.peo01_ri .pt02{font-size:25px}
	.peo01_ri .year ul li{font-size:9px}
	.peo01_ri dt{width:10%;font-size:9px;}
	.peo01_ri dd{width:87%;font-size:9px;}
	.Pro_box{width:90%; margin: 7% auto;}
	.caption{font-size:11px;margin-top:7px;}
	.caption02{font-size:11px;margin-top:7px;}
	.caption03{font-size:11px;width:90%; margin:7px auto}
	.subimg04, .subimg05, .subimg06, .subimg07, .subimg08, .subimg04_01, .subimg05_01, .subimg10_01, .subimg10_02{font-size:11px}
	.subimg01 img{margin-bottom:7px}
	.subimg02 img{margin-bottom:7px}
	.spot01_le, .spot02_ri{margin:5% auto;}
	.subimg08{margin-bottom:7px}
	.preface p:first-of-type::first-letter{font-size:45px;padding:10px 7px 8px 0;}
	.preface2 p:first-of-type::first-letter{font-size:45px;padding:10px 7px 8px 0;}
	.preface02 p:first-of-type::first-letter{font-size:45px;padding:10px 0 8px 0;}
	.preface03 p:first-of-type::first-letter{font-size:45px;padding:10px 0 8px 0;}
	.preface02 p{margin-top:-20px}
	.sub10_box_01_ri, .sub10_box_02_le, .sub10_box_03_ri, .sub10_box_04_le {line-height:170%;font-size:12px}
	.gk_box01_right, .gk_box02_right{font-size:12px}
	.gk_box01_left{padding:5% 8%;width:84%}
	.gk_box02_left{padding:5% 8%;width:84%}
	.ha_txt{font-size:14px}
	h2.sub10_top{max-width:300px}
	#container .width745_ri h3{font-size:20px}
	#container .width745_le h3{font-size:20px}
}
@media screen and (max-width:360px) {
	#container02 h2{text-align:center;font-size:30px;}
	#container02 h3{font-size:24px;}
	#container02 h4{font-size:14px;}
	.listWrap01 a{width:80%; margin:5% auto}
	.glimpsetxt01{font-size:12px}
	.mtitle{font-size:14px}
	h2.sub10_top{max-width:280px}

}
@media screen and (max-width:320px) {
}