@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('/dept1/common/board.css');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap');

/* reset css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-family:'Noto Sans KR', sans-serif; /*letter-spacing:-0.45px*/}
body {line-height:normal !important/*;word-break: keep-all*/}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
dl,ul,ol,menu,li {list-style:none}
caption, legend {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none}
a:focus, a:hover, a:after {text-decoration:none !important}
ins {background-color:#ff9; color: #000; text-decoration:none}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del {text-decoration:line-through}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help}
table {border-collapse:collapse; border-spacing:0}
hr {display:block; height:1px; border:0; border-top: 1px solid #cccccc; margin:1em 0; padding:0}
input, select {vertical-align:middle}
i {vertical-align:middle}
/* reset bsslider*/
.bx-wrapper {box-shadow:none; border:none; background:none; margin:0; padding:0}

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

.auto {margin:0 auto !important}
.width100 {width:100% !important}
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mt100 {margin-top:100px !important}
.mt130 {margin-top:130px !important}
.mt200 {margin-top:200px}
.mb0 {margin-bottom:0 !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb60 {margin-bottom:60px !important}
.mb70 {margin-bottom:70px !important}
.mb80 {margin-bottom:80px !important}
.mb100 {margin-bottom:100px !important}
.mb130 {margin-bottom:130px !important}
.mb150 {margin-bottom:150px !important}
.pb0 {padding-bottom:0px !important}
.ml5{margin-left:18% !important}
.fontw300{font-weight:300}
.mt0auto { margin:0 auto 0 auto !important }
.mt50auto { margin:56px auto 0 auto !important }
.mt80auto { margin:80px auto 0 auto !important }
.mt90auto { margin:108px auto 0 auto !important }

.font_purple{color:#b123bc}
.bg_p{background:#ddc3f7}
.under{text-decoration:none; border-bottom:1px solid #545454; padding-bottom:1px;}
.brmobile{display:block}
.brmobile1440{display:block}
/*main버튼*/
.moreBtn {display:inline-block; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:600; padding:20px 55px; border-radius:35px; background-image:linear-gradient(#0db99b, #b0f33c); color:#fff; transition:.3s; margin-top:40px}
.moreBtn:hover { background-image:linear-gradient(#0db99b, #c3e04f); color:#fff}
 .center04 {  margin: 5% auto 0 auto; width: 68%; }

/*가운데 정렬버튼*/
.center{margin:0 auto; width:28%;}
.center02{margin:0 auto; width:20%;}
.center03{margin:5% auto 0 auto; width:100%;}
/*.center04{margin:5% auto 0 auto; width:100%;}*/
.center04 {  margin: 5% auto 0 auto; width: 68%; }
.center05{margin:0 auto; width:25%;}
.moreBtn02 {display:inline-block; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:600; padding:12px 55px; border-radius:35px; background-image:linear-gradient(#0db99b, #b0f33c); color:#fff; transition:.3s; margin:40px auto:}
.moreBtn02:hover {background-image:linear-gradient(#0db99b, #c3e04f); color:#fff}
.moreBtn02:visited{color:#fff}
/* 이슈브리프 버튼 */
.button_box { width:60%;margin:0 auto;  overflow:hidden; padding:0% 5%;  }
.button_box li { width:45%; margin-right:5%; float: left; text-align:center;  }
.button_box li.right { margin-right:0%;  }
.button_box li a { display:block; padding:5% 10%; color:#fff; background-image:linear-gradient(#0db99b, #d2f73c); border-radius:60px; }


.wrap_main{width:100%}

/*box*/
.box{width:85%;border:1px solid #adadad;margin:0 auto; padding: 2% 3%;}

/*top버튼*/
.top{position:fixed;right:3%; bottom:5%}

/*캡션*/
.caption{font-size:14px; color:#3399ff; line-height:180%; margin-bottom:5px; font-weight:500;}

/* header-Gnb */
#header-Gnb {position:fixed; top:0; left:0; width:100%; z-index:9999}
#header-Gnb section {width:100%; margin:0 auto; padding:60px; position:relative; }
#header-Gnb section:after {content:""; display:block; clear:both}
#header-Gnb section h1 {float:left;}
#header-Gnb section h1 > a.logo {font-size:27px; font-weight:700; color:#fff}
#header-Gnb section h1 > a.logo p {font-size:12px; font-weight:300; margin-top:10px; line-height:180%;}
#header-Gnb section h1 > a.logo p span {display:none}
#header-Gnb section h1 > a.btn_side {display:none; float:right; width:12%; color:#fff; font-size:24px; text-align:right; margin-top:3px}
#header-Gnb section > .gnb {list-style:none; font-family:'Open Sans', sans-serif; width:100%; text-align:center; text-transform:uppercase;padding-right:5%;}
#header-Gnb section > .gnb > li {position:relative; font-size:14px; margin:0 60px 0 0; cursor:pointer; display:inline-block;}
#header-Gnb section > .gnb > li > a {display:block; padding:5px 0; color:#fff; font-weight:500; transition:.3s;}
#header-Gnb section > .gnb > li:hover > a, #header-Gnb section > .gnb > li.active > a {border-bottom:3px solid #13ad6a}
#header-Gnb section > .gnb > li > ul {padding:5px 0; list-style:none; position:absolute; top:100%; right:0; z-index:1000; float:right; min-width:120px; display:none;}
#header-Gnb section > .gnb > li > ul > li > a {color:#fff; display:block; padding:5px 10px; font-size:13px; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(218, 218, 218,1) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
#header-Gnb section > .gnb > li > ul > li > a:hover {color:#000; background-position:-100% 0;}
#header-Gnb section .tit {display:none; padding:15px 20px; background:#fff; overflow:hidden; margin:0; font-size:18px; text-align:left}
#header-Gnb section .tit > i {float:right; font-size:20px}
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; background:rgba(0,0,0,0.6)}
#header-Gnb section > .vol {font-family:'Open Sans', sans-serif; font-size:16px; font-weight:700; color:#fff; position:absolute; top:58px; right:60px;text-transform:uppercase;}
.fp-viewing-02 #header-Gnb section h1 > a.logo, .fp-viewing-02 #header-Gnb section > .gnb > li > a, .fp-viewing-02 #header-Gnb section > .vol, .fp-viewing-02 #header-Gnb section h1 > a.btn_side {color:#313131}
.fp-viewing-03 #header-Gnb section h1 > a.logo, .fp-viewing-03 #header-Gnb section > .gnb > li > a, .fp-viewing-03 #header-Gnb section > .vol, .fp-viewing-03 #header-Gnb section h1 > a.btn_side {color:#313131}
.fp-viewing-05 #header-Gnb section h1 > a.logo, .fp-viewing-05 #header-Gnb section > .gnb > li > a, .fp-viewing-05 #header-Gnb section > .vol, .fp-viewing-05 #header-Gnb section h1 > a.btn_side {color:#313131}
.fp-viewing-06 #header-Gnb section h1 > a.logo, .fp-viewing-06 #header-Gnb section > .gnb > li > a, .fp-viewing-06 #header-Gnb section > .vol, .fp-viewing-06 #header-Gnb section h1 > a.btn_side {color:#313131}

.logo_b {display:none}
.fp-viewing-01 .logo_w, .fp-viewing-01 .logo_w {display:block}
.fp-viewing-01 .logo_b, .fp-viewing-01 .logo_b {display:none}
.fp-viewing-02 .logo_b, .fp-viewing-02 .logo_b {display:block}
.fp-viewing-02 .logo_w, .fp-viewing-02 .logo_w {display:none}
.fp-viewing-03 .logo_b, .fp-viewing-03 .logo_b {display:block}
.fp-viewing-03 .logo_w, .fp-viewing-03 .logo_w {display:none}
.fp-viewing-04 .logo_w, .fp-viewing-04 .logo_w {display:block}
.fp-viewing-04 .logo_b, .fp-viewing-04 .logo_b {display:none}
.fp-viewing-05 .logo_b, .fp-viewing-05 .logo_b {display:block}
.fp-viewing-05 .logo_w, .fp-viewing-05 .logo_w {display:none}
.fp-viewing-06 .logo_b, .fp-viewing-06 .logo_b {display:block}
.fp-viewing-06 .logo_w, .fp-viewing-06 .logo_w {display:none}
#header-Gnb.fixed section h1 > a .logo_w {display:none}
#header-Gnb.fixed section h1 > a .logo_b {display:block}
#header-Gnb2.fixed section h1 > a .logo_w {display:none}
#header-Gnb2.fixed section h1 > a .logo_b {display:block}


#header-Gnb2 {position:fixed; top:0; left:0; width:100%; z-index:9999}
#header-Gnb2 section {width:100%; margin:0 auto; padding:60px; position:relative}
#header-Gnb2 section:after {content:""; display:block; clear:both}
#header-Gnb2 section h1 {float:left;}
#header-Gnb2 section h1 > a.logo {font-size:27px; font-weight:700; color:#000}
#header-Gnb2 section h1 > a.logo p {font-size:12px; font-weight:300; margin-top:10px; line-height:180%;}
#header-Gnb2 section h1 > a.logo p span {display:none}
#header-Gnb2 section h1 > a.btn_side {display:none; float:right; width:12%; color:#000; font-size:24px; text-align:right; margin-top:3px}
#header-Gnb2 section > .gnb {list-style:none; font-family:'Open Sans', sans-serif; width:100%; text-align:center; text-transform:uppercase;padding-right:5%}
#header-Gnb2 section > .gnb > li {position:relative; font-size:14px; margin:0 60px 0 0; cursor:pointer; display:inline-block;}
#header-Gnb2 section > .gnb > li > a {display:block; padding:5px 0; color:#000; font-weight:500; transition:.3s;}
#header-Gnb2 section > .gnb > li:hover > a, #header-Gnb2 section > .gnb > li.active > a {border-bottom:3px solid #13ad6a }
#header-Gnb2 section > .gnb > li > ul {padding:5px 0; list-style:none; position:absolute; top:100%; right:0; z-index:1000; float:right; min-width:120px; display:none;}
#header-Gnb2 section > .gnb > li > ul > li > a {color:#000; display:block; padding:5px 10px; font-size:13px; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(218, 218, 218,1) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
#header-Gnb2 section > .gnb > li > ul > li > a:hover {color:#000; background-position:-100% 0;}
#header-Gnb2 section .tit {display:none; padding:15px 20px; background:#000; overflow:hidden; margin:0; font-size:18px; text-align:left}
#header-Gnb2 section .tit > i {float:right; font-size:20px}
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; background:rgba(0,0,0,0.6)}
#header-Gnb2 section > .vol {font-family:'Open Sans', sans-serif; font-size:16px; font-weight:700; color:#000; position:absolute; top:58px; right:60px;text-transform:uppercase;}
.fp-viewing-02 #header-Gnb2 section h1 > a.logo, .fp-viewing-02 #header-Gnb2 section > .gnb > li > a, .fp-viewing-02 #header-Gnb2 section > .vol, .fp-viewing-02 #header-Gnb2 section h1 > a.btn_side {color:#313131}
.fp-viewing-03 #header-Gnb2 section h1 > a.logo, .fp-viewing-03 #header-Gnb2 section > .gnb > li > a, .fp-viewing-03 #header-Gnb2 section > .vol, .fp-viewing-03 #header-Gnb2 section h1 > a.btn_side {color:#313131}
.fp-viewing-05 #header-Gnb2 section h1 > a.logo, .fp-viewing-05 #header-Gnb2 section > .gnb > li > a, .fp-viewing-05 #header-Gnb2 section > .vol, .fp-viewing-05 #header-Gnb2 section h1 > a.btn_side {color:#313131}
.fp-viewing-06 #header-Gnb2 section h1 > a.logo, .fp-viewing-06 #header-Gnb2 section > .gnb > li > a, .fp-viewing-06 #header-Gnb2 section > .vol, .fp-viewing-06 #header-Gnb2 section h1 > a.btn_side {color:#313131}



#header-Gnb.fixed {background:rgba(255,255,255,0.9); transition:.5s}
#header-Gnb.fixed section {width:100%; margin:0 auto; padding:25px 60px 25px 60px; position:relative}
#header-Gnb.fixed section h1 > a.logo {color:#000}
#header-Gnb.fixed section h1 > a.logo p {margin-top:10px}
#header-Gnb.fixed section h1 > a.logo p br {display:none}
#header-Gnb.fixed section h1 > a.logo p span {color:#000}
#header-Gnb.fixed section h1 > a.btn_side {color:#000}
#header-Gnb.fixed section > .gnb > li > a {color:#000}
#header-Gnb.fixed section > .vol {color:#000;font-size:16px; text-transform:uppercase;position:absolute; top:28px;}


#header-Gnb2.fixed {background:rgba(255,255,255,0.9); transition:.5s}
#header-Gnb2.fixed section {width:100%; margin:0 auto; padding:25px 60px 25px 60px; position:relative}
#header-Gnb2.fixed section h1 > a.logo {color:#000}
#header-Gnb2.fixed section h1 > a.logo p {margin-top:10px}
#header-Gnb2.fixed section h1 > a.logo p br {display:none}
#header-Gnb2.fixed section h1 > a.logo p span {color:#000}
#header-Gnb2.fixed section h1 > a.btn_side {color:#000}
#header-Gnb2.fixed section > .gnb > li > a {color:#000}
#header-Gnb2.fixed section > .vol {color:#000;font-size:16px; text-transform:uppercase;position:absolute; top:28px;}


/* main-sec01 */
#main-sec01 {background:url('../images/main-sec01_bg.jpg') no-repeat; background-size:cover;}
#main-sec01 .fp-tableCell {display:table; width:100%}
#main-sec01 .fp-tableCell section {max-width:1350px; margin:0 auto; display:table-cell; vertical-align:middle; word-break:break-all; padding-top:100px;}
#main-sec01 .fp-tableCell section .roundShap {text-align:center; background:url('../images/roundShap_bg.png') center top no-repeat; padding:60px 0; background-size:contain}
#main-sec01 .fp-tableCell section h2 {font-family:'Open Sans', sans-serif; font-size:100px; color:#fff; font-weight:800; letter-spacing:10px;}
#main-sec01 .fp-tableCell section h3 {font-size:36px; color:#fff; font-weight:700; margin-top:10px}
#main-sec01 .fp-tableCell section p {font-size:18px; color:#fff; font-weight:300; line-height:180%; margin-top:20px;}
#main-sec01 .fp-tableCell section .more {display:inline-block; font-family:'Open Sans', sans-serif; font-size:16px; color:#fff; font-weight:600; margin-top:30px; transition:.3s}
#main-sec01 .fp-tableCell section .more:hover {opacity:0.6}
/*스크롤다운*/
#main-sec01 .scroll{position:absolute;top:16%;width:100%; text-align:center;}
#main-sec01 .scroll img{margin:0 auto}


/* main-sec02 */
#main-sec02 {background:#fff}
#main-sec02 .fp-tableCell {display:table; width:100%; max-width:1350px; margin:0 auto}
#main-sec02 .fp-tableCell section {display:table-cell; vertical-align:middle; position:relative; padding-top:5%}
#main-sec02 .fp-tableCell section h2 {font-size:48px; font-weight:700; color:#000; text-align:center}
#main-sec02 .fp-tableCell section .row {margin-top:80px}

#main-sec02 .col-sm-info{ width:23%; float:left}
#main-sec02 .col-sm-arrow{ width:2.6%; float:left;margin-top:10%}
#main-sec02 .col-sm-info img{ margin:0 auto}
#main-sec02 .col-sm-arrow img{ vertical-align:middle;margin:0;}
.middle{vertical-align:middle}
#main-sec02 .fp-tableCell section h3 {font-size:22px; font-weight:400; color:#000; text-align:center; margin-bottom:40px}
#main-sec02 .fp-tableCell section .source {font-size:14px; font-weight:500; color:#8a8a8a; position:absolute; bottom:50px}
#main-sec02 .bx-wrapper .bx-prev {left:30px}
#main-sec02 .bx-wrapper .bx-next {right:30px}
.ani1 {-o-transform:translateY(-15%); -ms-transform:translateY(-15%); -moz-transform:translateY(-15%); -webkit-transform:translateY(-15%); transform:translateY(-15%); opacity:0; transition-delay:0.5s}
.ani2 {-o-transform:translateY(-15%); -ms-transform:translateY(-15%); -moz-transform:translateY(-15%); -webkit-transform:translateY(-15%); transform:translateY(-15%); opacity:0; transition-delay:0.5s}
.fp-viewing-02 .ani1 {-o-transform:translateY(0%); -ms-transform:translateY(0%); -moz-transform:translateY(0%); -webkit-transform:translateY(0%); transform:translateY(0%); opacity:1}
.fp-viewing-02 .ani2 {-o-transform:translateY(0%); -ms-transform:translateY(0%); -moz-transform:translateY(0%); -webkit-transform:translateY(0%); transform:translateY(0%); opacity:1}



/* main-sec03 */
#main-sec03 {background:#f3f9e8}
#main-sec03 .fp-tableCell {display:table; width:100%; max-width:1350px; margin:0 auto}
#main-sec03 .fp-tableCell section {display:table-cell; vertical-align:middle; padding-top:8%}
#main-sec03 .fp-tableCell section .focusWrap h2 {font-size:47px; font-weight:700; line-height:150%}


/* main-sec04 */
#main-sec04 {background:url('../images/main-sec04_bg.jpg') no-repeat; background-size:cover;}
#main-sec04 .fp-tableCell {display:table; width:100%; max-width:1350px; margin:0 auto}
#main-sec04 .fp-tableCell section {display:table-cell; vertical-align:middle; padding-top:5%}
#main-sec04 .fp-tableCell section .interview {}
#main-sec04 .fp-tableCell section h2 {font-size:48px; font-weight:700; color:#fff; line-height:140%; margin-top:20px}
#main-sec04 .fp-tableCell section h3 {font-size:24px; font-weight:500; color:#fff; margin-top:30px}
#main-sec04 .fp-tableCell section h4 {font-size:18px; font-weight:300; color:#fff; line-height:160%; margin-top:30px}


/* main-sec05 */
#main-sec05 { background:#ffff /*overflow:scroll*/}
#main-sec05 .fp-tableCell {display:table; width:100%; max-width:1050px; margin:0 auto}
#main-sec05 .fp-tableCell section {display:table-cell;vertical-align:middle;}
#main-sec05 .fp-tableCell section .issueWrap {margin-top:10%; padding-bottom:50px;}
#main-sec05 .fp-tableCell section .issueWrap a {/*background-color:#000000;*/}
#main-sec05 .fp-tableCell section .issueWrap a.issue_pc img {transition:.3s; margin:10px auto;}
#main-sec05 .fp-tableCell section .issueWrap a.issue_pc:hover img {opacity: 0.6;}
#main-sec05 .fp-tableCell section .issueWrap a.issue_pc {position:relative; display:block; color:#fff}
#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap {position:absolute; top:0; left:0; padding:30px 30px; width:100%; height:100%}
#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap h4 {font-family:'Open Sans', sans-serif; font-size:14px; font-weight:600}
#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap p {font-size:16px; font-weight:400; margin-top:10px}
#main-sec05 .fp-tableCell section .issueWrap a.issue_mobile {background:none;}
#main-sec05 .fp-tableCell section .issueWrap a.issue_mobile img {width:100%;background:#dcddee}
#main-sec05 .fp-tableCell section .issueWrap a.issue_mobile .infoWrap {margin-top:10px; position:relative; background:none; padding:10px; color:#313131}
#main-sec05 .bx-wrapper .bx-prev {left:30px}
#main-sec05 .bx-wrapper .bx-next {right:30px}

/* footer */
footer { clear:both; position:relative; height:auto !important; background:#000;}
footer .fp-tableCell {height:auto !important}
footer section {vertical-align:middle; max-width:1350px; margin:0 auto; padding:40px 0}
footer section .footerTopWrap {overflow:hidden}
footer section .snsList {float:left}
footer section .snsList li {float:left; margin-right:25px; font-size:14px}
footer section .snsList li a {color:#fff; transition:.3s}
footer section .snsList li a:hover {color:rgba(255,255,255,0.7)}
footer section .snsList li a img {vertical-align:bottom}
footer section .footerUtil {float:right}
footer section .footerUtil li {float:left; margin-left:30px; font-size:14px;line-height:180%}
footer section .footerUtil li a {color:#fff; transition:.3s}
footer section .footerUtil li a:hover {color:rgba(255,255,255,0.7)}
footer section .footerUtil li a i {vertical-align:sub; font-size:24px; padding-left:5px}
footer section .fLogo {margin-top:50px}
footer section address {font-size:13px; color:#898989; text-align:center; font-weight:500; margin-top:25px}
footer section .copy {font-family:'Open Sans', sans-serif; font-size:13px; color:#898989; text-align:center; font-weight:600; margin-top:10px}

/* fp-nav */
#fp-nav {position:fixed; top:50%; right:0; height:100%; z-index:9990; height:auto !important}
#fp-nav ul li {margin:20px 0}
#fp-nav ul li a {font-family:'Open Sans', sans-serif; font-weight:600; color:#aaa;font-size:12px}
#fp-nav ul li a span {display:inline-block; width:44px; height:1px; background:#000; opacity:0}
#fp-nav ul li a.active {color:#000}
#fp-nav ul li a.active span {opacity:1}
#fp-nav ul li:nth-child(6), #fp-nav ul li:nth-child(7), #fp-nav ul li:nth-child(8), #fp-nav ul li:nth-child(9), #fp-nav ul li:nth-child(10), #fp-nav ul li:nth-child(11) {display:none !important}

/* subVisual */
#subVisual {width:100%; height:100vh; display:table}
#subVisual.sub01 {background:url('../images/sub01_01.jpg') top center no-repeat; background-size:cover}
#subVisual.sub03 {background:url('../images/sub03_01.jpg') top center no-repeat; background-size:cover}
#subVisual.sub04 {background:url('../images/sub04_01.jpg') top center no-repeat; background-size:cover}
#subVisual.sub05 {background:url('../images/sub05_01.jpg') top center no-repeat; background-size:cover}
#subVisual.sub06 {background:url('../images/sub06_01.jpg') top center no-repeat; background-size:cover}
#subVisual.sub08 {background:url('../images/sub08_01_bg.jpg') top center no-repeat; background-size:cover}
#subVisual.sub08b {background:url('../images/sub08_01.jpg') top center no-repeat; background-size:cover}
#subVisual.sub_event {background:url('../images/sub08_01_bg.jpg') top center no-repeat; background-size:cover}


#subVisual.sub01 section {display:table-cell; vertical-align:middle; height:100%; width:100%; text-align:center}
#subVisual.sub01 section h2 {font-size:68px; font-weight:700; color:#fff; line-height:140%; position:relative}
#subVisual.sub01 section h2 span {position:absolute; top:50%; right:50px; font-family:'Open Sans', sans-serif; font-size:12px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); letter-spacing:2px;}
/*#subVisual.sub01 section h2 span:before {content:""; width:50px; height:1px; background:#fff; display:block; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); position:relative; left:40px;}*/
#subVisual.sub01 section h3 {font-size:24px; font-weight:500; color:#fff; margin-top:40px}

#subVisual.sub02 section {display:table-cell; vertical-align:middle; height:100%; width:100%; text-align:center}
#subVisual.sub02 section h2 {font-size:68px; font-weight:700; color:#1b1b1b; line-height:140%; position:relative;padding-top:13%}
#subVisual.sub02 section h3{display:table-cell; vertical-align:middle; height:100%; width:100%; text-align:center;font-weight:700;}
#subVisual.sub02 section h3 span {position:absolute; top:52%; right:30px; font-family:'Open Sans', sans-serif; font-size:12px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); letter-spacing:2px}
/*#subVisual.sub02 section h3 span:before {content:""; width:50px; height:1px; background:#000; display:block; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); position:relative; left:40px}*/

#subVisual.sub03 section {display:table-cell; vertical-align:middle; height:100%; width:100%; text-align:center}
#subVisual.sub03 section h2 {font-size:68px; font-weight:700; color:#fff; line-height:140%; position:relative}
#subVisual.sub03 section h2 span {position:absolute; top:50%; right:36px; font-family:'Open Sans', sans-serif; font-size:12px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); letter-spacing:2px;}
/*#subVisual.sub03 section h2 span:before {content:""; width:40px; height:1px; background:#fff; display:block; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); position:relative; left:45px;}*/
#subVisual.sub03 section h3 {font-size:24px; font-weight:500; color:#fff; margin-top:40px;line-height:180%;}

#subVisual.sub04 section {display:table-cell; vertical-align:middle; height:100%; width:100%; text-align:center}
#subVisual.sub04 section h2 {font-size:68px; font-weight:700; color:#fff; line-height:140%; position:relative}
#subVisual.sub04 section h2 span {position:absolute; top:58%; right:50px; font-family:'Open Sans', sans-serif; font-size:12px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); letter-spacing:2px}
/*#subVisual.sub04 section h2 span:before {content:""; width:50px; height:1px; background:#fff; display:block; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); position:relative; left:40px}*/
#subVisual.sub04 section h3 {font-size:24px; font-weight:500; color:#fff; margin-top:40px;line-height:140%;}
#subVisual.sub04 section h3 span{font-size:16px; font-weight:300;color:#fff;}

#subVisual.sub05 section {display:table-cell; vertical-align:middle; height:100%; width:100%; text-align:center}
#subVisual.sub05 section h2 {font-size:68px; font-weight:700; color:#fff; line-height:140%; position:relative}
#subVisual.sub05 section h2 span {position:absolute; top:50%; right:30px; font-family:'Open Sans', sans-serif; font-size:12px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); letter-spacing:2px}
/*#subVisual.sub05 section h2 span:before {content:""; width:50px; height:1px; background:#fff; display:block; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); position:relative; left:40px}*/
#subVisual.sub05 section h3 {font-size:24px; font-weight:500; color:#fff; margin-top:40px;line-height:140%;}
#subVisual.sub05 section h3 span{font-size:16px; font-weight:300;color:#fff;}

#subVisual.sub06 section {display:table-cell; vertical-align:middle; height:100%; width:100%; text-align:center}
#subVisual.sub06 section h2 {font-size:68px; font-weight:700; color:#fff; line-height:140%; position:relative}
#subVisual.sub06 section h2 span {position:absolute; top:50%; right:50px; font-family:'Open Sans', sans-serif; font-size:12px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); letter-spacing:2px;}
/*#subVisual.sub01 section h2 span:before {content:""; width:50px; height:1px; background:#fff; display:block; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); position:relative; left:40px;}*/
#subVisual.sub06 section h3 {font-size:24px; font-weight:500; color:#fff; margin-top:40px}


#subVisual.sub08 section {display:table-cell; vertical-align:middle; height:auto; width:100%; text-align:center; z-index:999}
/*#subVisual.sub08 section h2 {font-size:68px; font-weight:700; color:#fff; line-height:140%; position:relative}
#subVisual.sub08 section h2 span {position:absolute; top:50%; right:50px; font-family:'Open Sans', sans-serif; font-size:12px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); letter-spacing:2px;}
#subVisual.sub01 section h2 span:before {content:""; width:50px; height:1px; background:#fff; display:block; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); position:relative; left:40px;}*/
#subVisual.sub08 section h3 {font-size:35px; font-weight:500; color:#fff; margin-top:70px}
#subVisual.sub08 section h3 span { text-emphasis-style: dot; text-emphasis-position: over left; -webkit-text-emphasis-style: dot; -webkit-text-emphasis-position: over; color:#fffa6b;  }
#subVisual.sub08 section h1 {font-size:130px; font-weight:700; color:#fff; margin-top:3%}
#subVisual.sub08 section h1 span {color:#fffa6b; }
/* 이벤트 */
#subVisual.sub_event section {display:table-cell; vertical-align:middle; height:100%; width:100%; text-align:center}
#subVisual.sub_event section h2 {font-size:68px; font-weight:700; color:#fff; line-height:140%; position:relative}
#subVisual.sub_event section h2 span {position:absolute; top:50%; right:50px; font-family:'Open Sans', sans-serif; font-size:12px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); letter-spacing:2px;}
/*#subVisual.sub01 section h2 span:before {content:""; width:50px; height:1px; background:#fff; display:block; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); position:relative; left:40px;}*/
#subVisual.sub_event section h3 {font-size:35px; font-weight:500; color:#fff; margin-top:70px}
#subVisual.sub_event section h3 span { text-emphasis-style: dot; text-emphasis-position: over left; -webkit-text-emphasis-style: dot; -webkit-text-emphasis-position: over; color:#fffa6b;  }
#subVisual.sub_event section h1 {font-size:130px; font-weight:700; color:#fff; margin-top:3%}
#subVisual.sub_event section h1 span {color:#fffa6b; }
.sub08_04_bg { background-image:url('../images/sub08_04_bg.jpg'); background-size:100% auto; background-position:center center }


.event_detail { margin:3% auto; color:#fff; font-size:1.3em; line-height:190%; font-style:thin; padding-bottom:10%  }
.info_box { width:80%; margin:0 auto; font-size:1.5em; text-align:left; }
.info_box li {  margin:0% 0% 6% 0 ; font-weight:700; vertical-align:middle;}
.info_box li span.info_tit { border-radius:30px; padding:1% 6% 1.5% 6%; background-color:#3c3557; color:#fff; vertical-align:middle;margin-right:3%; vertical-align:middle;}
/* 유의사항 */
.noti_box { width:90%; margin:0 auto 0 10%; font-size:1.5em; text-align:left; position:relative; }
.noti_box p { font-size:0.8em; font-weight:700; color:#6666cc }
.noti_box .noti_list li {  list-style:none; color:#333; font-size:0.7em;}
.noti_box .noti_list li .color_block {  color:#6666cc; font-size:1.5em; vertical-align:middle; }
/* 구독 버튼 */
.btn_box { width:100%; overflow:hidden; margin-top:-0%  }
.btn_box li { width:47%; margin-right:6%; float:left;  text-align:center  }
.btn_box .right { margin-right:0 }
.btn_box li a {  display:block; color:#ffe84f; padding:7% 0; font-size:1.5em; background-color:#6666cc; border-radius:20px; transition:0.1s; font-weight:700}
.btn_box li a:hover { background-color:#8787f0; color:#fff }
.btn_box li.right a {  display:block; color:#ffe84f; padding:7% 0; font-size:1.5em; background-color:#3c3557; border-radius:20px; transition:0.1s; font-weight:700}
.btn_box li.right a:hover { background-color:#8787f0; color:#fff }
/* 커피 위치 */
.gift_coffee { display:block; position:absolute; z-index:100; right:-13%; top:20% }
/* 지난 호 당첨자 리스트 */
.gift_tit { text-align:center;  color:#6666cc; font-weight:700; font-size:58px; letter-spacing:-5px;line-height:150%; }
.gift_tit2 { text-align:center;  color:#000; font-weight:700; letter-spacing:-2px }
.win_box { margin-top:6%; }'
.win_box .gift_name { display:block;  width:200px; height:50px }
.win_box .gift_name h6 { background-color:#6c5b60; text-align:center;padding:1% 0; color:#fff; font-size:17px }
.win_box .row2 {  width:100%;padding:2% 0; background-color:#fff; overflow:hidden;  }
.win_box .row2 .line01 { width:100%; }
.win_box .row2 .line01 li { width:50%; float:left; text-align:center; line-height:150% }
.win_box .row2 .line02 { width:100%; }
.win_box .row2 .line02 li { width:20%; float:left; text-align:center; padding:1%}
.lucky { font-weight:bold; }

/*
.win_box .row2 ul { width:100%; height:0px; margin:0px 0;}
.win_box .row2 ul li { width:16%; margin-right:3%; padding:1% 0;  float:left;  text-align:center; background:#fff;}
.win_box .row2 ul li.first { clear:both; margin-left:3.1%}
.win_box .row2 ul li.last { margin-right:0%; }
*/

.coffee_box { max-width:60%;  margin:0 auto;}
.coffee_box p { margin:0 auto; width:100%;  }
.coffee_box p img { display:block; width:100%; height:auto; }
.event_btn_box { width:100%; margin:auto; }
.event_btn_box ul { width:60%; margin:auto; padding-left:3% }
.event_btn_box li { width:45%; margin-right:5%; float:left; background-color:#3c3557; border-radius:20px   }
.event_btn_box li.right { margin-right:0;  }
.event_btn_box li a { display:block; padding:8% 2%; color:#fff;  font-size:1.5em;  border-radius:20px; color:#ffe84f; transition:0.5s; font-weight:bold }
.event_btn_box li a:hover { background:#6666CC }

.gift_area_sec { background-image:url('../images/sub08_03.jpg'); background-size:100% auto;  background-repeat:no-repeat; padding-top:7% }

.subCon > section .con08_03{overflow:hidden;position:relative;width:31.5%; margin:0 auto; margin-top:1%; z-index:999;}
.subCon > section .con08_03 li{float:left; display:block;margin:0% 4% 4% 4%;}

.button03 {display:block; margin:3% auto; border-radius: 35px; background-color:#000;  border: none; color: #FFFFFF; text-align: center; font-size:16px; font-weight:500;padding: 19px 0; width: 200px; transition: all 0.5s; cursor: pointer;}
.button03:hover {  background-color:#97e487 }
.button03 a {color:#fff; font-size: 16px;}
.button03 span {cursor: pointer; display: inline-block; position: relative;}
.button03:hover a { color:#333; }
.button03:hover span {color:#db2ed5}
.button03:hover span:after {opacity: 1; right: 0;color:#db2ed5}



/* subCon */
.subCon {padding:100px 0;}
.subCon > section {max-width:1492px; margin:0 auto;}
.subCon > section h3 {font-size:48px; font-weight:700; margin-bottom:60px;line-height:150%;}
.subCon > section h4 {font-size:36px; font-weight:700}
.subCon > section h5 {font-size:24px; font-weight:700; margin-bottom:40px}
.subCon > section h6 {font-size:20px; font-weight:400; line-height:180%;color:#1b1b1b;padding-right:8%}
.subCon > section h6.read {font-size:22px; font-weight:400; line-height:180%;color:#1b1b1b;padding-right:0; text-align:center;}
.subCon > section h6.read .read_small {font-size:15px; text-align:center;}
.subCon > section p {font-size:18px; font-weight:400; line-height:190%;color:#1b1b1b; padding-top:0px}

.imageIndent100 {margin-top:50px;}
.imageIndent120 {margin-top:70px;}
.imageIndent180 {margin-top:200px;}
.imageIndent280 {margin-top:250px;}
.imageIndent300 {margin-top:300px;}
.imageIndent90 {margin-left:70px}
.bulletStyle {width:14px; height:14px; display:inline-block; border-radius:8px; background-image:linear-gradient(#0db972, #d2f73c); margin:0 10px}
.view_m{display:none}
.view_p{display:block}
.olList {}
.olList li {font-size:14px; color:#73b46d; line-height:180%; margin-bottom:5px;font-weight:300;}
.olList li span {display:table-cell; line-height:160%; width:22px; height:22px; box-sizing:border-box; font-weight:500; }
.olList li span i.bullet {font-style:normal; text-align:center; width:22px; height:22px; display:table-cell; border-radius:22px; background-image:linear-gradient(#1fab5a, #b8dc29);color:#fff; font-weight:300; vertical-align:text-top}
.olList li strong {display:table-cell; padding-left:7px; font-weight:500;}

.shareFix {display:none; position:fixed; top:45%; right:60px; font-size:12px; font-weight:700; text-align:center; z-index:9990}
.shareFix p {margin-bottom:10px}
.shareFix img {display:block; padding:7px 0}

/*주석*/
.subCon > section .camgo{font-size:14px; color:#808080; line-height:180%;font-weight:400;}
.subCon > section .camgo span{font-weight:500;}
.subCon > section .camgo02{font-size:14px; color:#808080; line-height:180%;font-weight:400;text-align:left;}
.subCon > section .camgo02 span{font-weight:500;}

/*포커스*/
.subCon02 {padding:100px 0;}
.subCon02 > section {max-width:1492px; margin:0 auto;}
.subCon02 > section h3 {font-size:48px; font-weight:700; margin-bottom:60px;line-height:150%;}
.subCon02 > section h4 {width:20%;font-size:20px; font-weight:500;display:block;float:left; line-height:150%; margin-top:2%}
.subCon02 > section h5 {width:75%; font-size:18px; font-weight:300;color:#707070;display:block;float:left;line-height:180%; padding-left:10px; margin-top:2%;}
.subCon02 > section dl{margin:2% 0}
.subCon02 > section dt {font-size:20px; font-weight:500;display:block;float:left; line-height:150%;margin-right:15px;}
.subCon02 > section dd {font-size:18px; font-weight:300;color:#707070;line-height:180%;}
.subCon02 > section dd ul{list-style:none;width:100%}
.f_video{margin-top:5%}

/*Q&A*/
.subCon > section .ques{font-size:48px; font-weight:700; margin-bottom:0%;line-height:150%;text-align:center}
.subCon > section .ques p { display:block; width:105px; height:105px; font-size:60px; font-weight:700; margin-bottom:5%;line-height:160%; text-align:center; 
background-image:url('../images/qna_icon1.png'); font-family: 'Raleway', sans-serif; color:#fff; margin:0 auto; } 
.subCon > section .ques p span { font-family: 'Work Sans' , sans-serif; font-size:60px; color:#fff; font-weight:500; }
.subCon > section .ques span{color:#61cf2a;font-family: 'Raleway', sans-serif;font-weight:700;font-size:60px;}
.subCon > section .qtxt{font-size:40px; font-weight:500; margin-bottom:5%;line-height:180%;text-align:center;color:#313131; /*border-top:1px solid #3399ff;*/ padding-top:8%}
.subCon > section .qtxt span{font-size:47px; color:#61cf2a; font-weight:500;vertical-align:bottom}
.subCon > section .answ{background:#f8fded; padding:10% 8%; margin:15% 0;text-align:center}
.subCon > section .answ .answ_bg p { display:block; width:105px; height:105px; font-size:60px; font-weight:700; margin-bottom:5%;line-height:160%; text-align:center; 
background-image:url('../images/qna_icon2.png'); font-family: 'Raleway', sans-serif; color:#429d15; margin:0 auto;  } 
.subCon > section .answ h3{font-size:30px; font-weight:500; text-align:center;}
.subCon > section .answ .atxt01{color:#61cf2a;font-family: 'Raleway', sans-serif;font-weight:700;font-size:60px; text-align:center }
.subCon > section .answ .atxt02{color:#48c10b;font-weight:500;font-size:30px;line-height:100%}
.subCon > section .a_stxt{font-size:20px; font-weight:400; line-height:180%;text-align:left;color:#313131; }
.subCon > section .a_sstxt{font-size:16px; font-weight:400; line-height:180%;text-align:center;color:#313131; }
.table_tit { width:300px; padding:1% 2%; margin:4% auto; text-align:center; background-color:#f9e6d1; border-radius:30px; }
.ta_orange{width:100%;padding:0;margin:4% 0 1% 0;border-top:3px solid #429d15; border-bottom:1px solid #92c17b}
.ta_orange th{padding:2% 1%;font-size:18px;color:#429d15;font-weight:500;background:#cef578;border-bottom:1px solid #92c17b; border-right:1px solid #92c17b;text-align:center;vertical-align:middle}
.ta_orange td{ padding:2% 1%; font-size:16px;color:#545454;font-weight:500;text-align:center;line-height:180%;border-bottom:1px solid #92c17b; border-right:1px solid #92c17b;text-align:center;vertical-align:middle}
.ta_orange td.tit { font-size:16px; font-weight:500; /*background:#f7f7f7*/}
.ta_orange td .ospan { color:#429d15; } 
.ta_orange .thle{ font-size:16px;color:#333333;font-weight:500;text-align:left;line-height:180%;border-bottom:1px solid #92c17b; border-right:0;text-align:center}
.ta_orange .tdle{ font-size:16px;color:#545454;font-weight:500;text-align:left;line-height:180%;border-bottom:1px solid #92c17b; border-right:0;text-align:center}
.ta_orange .orange { color:#429d15; font-weight:500; font-size:18px;  }

.rmt50 {margin-top:50px}
.rmt60 {margin-top:60px}
.rmt70 {margin-top:70px}
.rmt80 {margin-top:80px}
.report_title { position:relative; width:100%; height:100%; }
.report_sum { position:absolute; width:100%;  bottom:-55px; text-align:center;   }
.report_sum img { display:block; margin:0 auto;  }

.table_title { width:100%; text-align:center; margin:7% auto; font-size:20px; font-weight:bold; color:#ee5f08}

.sub05_table1 { width:95%;  text-align:center; margin:1% auto;  }
.sub05_table1 thead tr { border-top:3px solid #fd7a04; vertical-align:middle }
.sub05_table1 thead tr td { padding:2% 0; background-color:#ffcfa3; border-right:1px solid #fff; line-height:100%; color:#ee5f08; font-size:15px; font-weight:700 }
.sub05_table1 thead tr td.last_name { border-right:1px solid #ffe9a4; }
.sub05_table1 tbody tr { border-bottom:0;  }
.sub05_table1 tbody tr td { padding:3% 3%; border-bottom:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;  line-height:150%; vertical-align: middle; font-size:14px; color:#666  }
.sub05_table1 tbody tr td.left01 ul { text-align:left; margin-left:2% }
.sub05_table1 tbody tr td.left01 ul li { list-style:disc; margin:4% 1%}
.sub05_table1 tbody tr td.cell1 { color:#242424; }
.sub05_table1 tbody tr td.last_name { border-right:1px solid #fff; line-height:180%}

/*news*/
.subCon > section .news_tap{width:5.5%;font-size:14px; border-radius:50%; font-family:'Open Sans', sans-serif;font-weight:500; text-transform:uppercase;line-height:170%;padding:1% 1%;background-color:#13ad6a;color:#fff;text-align:center;text-transform:uppercase;margin:7% auto 3% auto;letter-spacing:0.05em;}
.subCon > section .news_tap span{font-size:36px;font-family:'Open Sans', sans-serif;font-weight:600;}

/*이벤트*/
.subCon08 {padding:50px 0 0 0; oveflow:hidden}
.subCon08 > section {max-width:1522px; margin:0 auto;}
.subCon08 > section h3 { font-size:3em; font-weight:800; text-align:center; background: linear-gradient(#009efd, #2af598);				    -webkit-background-clip: text;				    -webkit-text-fill-color: transparent;  }
.subCon08 > section h5 { font-size:1.5em; font-weight:800; text-align:center; line-height:2em }

/* 썸네일 글씨 컬러 */
.thumb2 .text_box h5 { color:#3399ff; }

/*동영상*/
.v_box{width:70%;margin:0 auto;}
/* 동영상2*/
.vimeoWrap03{position:relative;padding-bottom:56.25%; /* 16/9 ratio */padding-top:32.5px;/* IE6 workaround*/height:0;overflow:hidden;}
.vimeoWrap03 iframe, .vimeoWrap03 object, .vimeoWrap03 embed {position: absolute;top: 0;left: 0;width: 100%; height: 100%;border:0px}
/*신규이벤트*/
.eventnew{width:75%;margin:8% auto 0 auto}
/* 반응형 */


@media screen and (max-width:1880px) { 
 #subVisual.sub08 {background:url('../images/sub08_01.jpg') bottom center no-repeat; background-size:cover;}

}

@media screen and (max-width:1680px) {
	
	.box{width:90%; margin:0 auto}
	.subCon > section{width:80%}
	.moreBtn02{font-size:14px}
	.subCon > section .news_tap{font-size:12px;}
	.subCon > section .news_tap span{font-size:34px;}
	.subCon > section .con08_03{width:40%;margin:6% auto 3% auto;}

	.coffee_box { max-width:70%;  margin:0 auto;}
}

@media screen and (max-width:1560px) {
	.center{width:35%;}
	.moreBtn02{width:100%;padding:10px 20px;font-size:14px;text-align:center;margin:0 auto}
	.center04{ margin:2% auto 0 auto; width:80% }
}

@media screen and (max-width:1440px) {
   .brmobile1440{display:none}
	#main-sec01 {background:url('../images/main-sec01_bg.jpg') no-repeat; background-size:cover; background-position:30% center}	
	#main-sec02 .fp-tableCell {width:90%}
	#header-Gnb section, #header-Gnb2 section {padding:40px}
	#header-Gnb section > .vol, #header-Gnb2 section > .vol {top:42px}
	#header-Gnb section h1 > a.logo p span, #header-Gnb2 section h1 > a.logo p span {display:block; font-size:12px; margin-top:5px}
	#main-sec03 .fp-tableCell section {padding-right:40px; padding-left:40px}
    #main-sec04 .fp-tableCell section, footer section, .subCon {padding-right:40px; padding-left:80px}	
	.subCon {padding:5% 0;}
	.box{width:83%; margin:0 auto}
	.subCon > section .con08_03{width:43%;}
	.subCon > section .news_tap {width:5.8%;font-size:12px;}
	.subCon > section .news_tap span{font-size:32px;}
	.center{width:32%;}
	.center02{width:24%;}

	#main-sec02 .fp-tableCell {display:table; width:100%; max-width:1300px; margin:0 auto}
	#main-sec02 .fp-tableCell section {display:table-cell; vertical-align:middle; position:relative; padding-top:8%}
	#main-sec02 .fp-tableCell section h2 {font-size:45px; font-weight:700; color:#000; text-align:center}
	#main-sec02 .fp-tableCell section .row {margin-top:100px}
	#main-sec02 .fp-tableCell section .row div img.ml40 { margin-left:45px; }
	#main-sec02 .fp-tableCell section h3 {font-size:22px; font-weight:400; color:#000; text-align:center; margin-bottom:50px}

	#main-sec03 .fp-tableCell section .focusWrap h2{font-size:50px; line-height:160%}
	#main-sec04 .fp-tableCell section h2 {font-size:54px; line-height:150%;}
	#main-sec04 .fp-tableCell section h3 {font-size:22px;}
	#main-sec04 .fp-tableCell section h4 {font-size:16px; line-height:150%; margin-top:25px}

	}
/*노트북*/
@media screen and (max-width:1366px) {
	#main-sec03 .fp-tableCell section .focusWrap h2{font-size:48px}
	#main-sec02 .fp-tableCell {width:84%}
	#main-sec02 .col-sm-info{ width:20%;margin-left:1%;margin-right:1%}	
	.center{width:38%;}
	#subVisual.sub_event section h2 {font-size:75px; letter-spacing:-5px}
	.event_detail { font-size:1.1em }
	.info_box { font-size:1.2em; }
	.noti_box p { font-size:0.7em; }
	.noti_box .noti_list li { font-size:0.6em;}
	.gift_coffee { display:block; position:absolute; z-index:100; right:-20%; top:-5% }
}

@media screen and (max-width:1286px) {
	#main-sec03 .fp-tableCell section .focusWrap h2 {font-size:48px; line-height:180%}
	.center02{width:24%;}
}

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

	#main-sec01 {background-size:cover; background-position:30% center}
	#main-sec04 {background-size:cover; background-position:85% center}
	#header-Gnb section h1 > a.logo p, #header-Gnb2 section h1 > a.logo p {line-height:160%}
	#header-Gnb section > .gnb > li, #header-Gnb2 section > .gnb > li {margin:0 15px}
	.subCon > section h3, .subCon02 > section h3{font-size:42px;}
	#subVisual.sub02 section h2 {font-size:58px;}
	#main-sec03 .fp-tableCell section .focusWrap h2{font-size:42px}
	.subCon02 > section dt{font-size:18px;}
	.subCon02 > section dd {font-size:16px;}
	.subCon02 > section h4{font-size:18px;}
	.subCon02 > section h5{font-size:16px;}
	.subCon > section h6.read{font-size:20px;text-align:left}
	.center{width:40%;}
	.center02{width:28%;}
	.subCon section h3 { font-size:35px; } 
	.subCon > section .ques{font-size:42px}
	/*.subCon > section .qtxt{font-size:20px;}*/
	.subCon > section .a_stxt{font-size:18px;text-align:left}
	.subCon > section .answ h3{text-align:center;font-size:28px;}
	.subCon > section .answ .atxt01{font-size:48px}
	.brmobile{display:none}
	.subCon > section .news_tap{font-size:10px;}
	.subCon > section .news_tap span{font-size:24px;}
	.subCon > section .con08_03{width:48%;}
	.brmobile{display:block}

	.coffee_box { max-width:70%;  margin:0 auto;}
	.event_btn_box li a { display:block; padding:8% 2%; color:#fff;  font-size:1.5em;  border-radius:20px; color:#ffe84f; transition:0.5s; font-weight:bold }

}

@media screen and (max-width:1110px) {	
	#main-sec03 .fp-tableCell section .focusWrap h2{font-size:42px}
	.center{width:45%; }
	#subVisual.sub01 section h2 {font-size:50px;}
	.subCon section h3 { font-size:35px; } 


	

}
/*아이패드 미니-가로*/
@media screen and (max-width:1024px) {	
	#main-sec01 {background:url('../images/main-sec01_bg.jpg') no-repeat; background-size:cover; background-position:25% center}
	/*#wrap{width:90%; margin:0 auto}*/
	#header-Gnb section h1 {float:none}
	#header-Gnb section h1 > a.logo {float:left; width:88%; display:block}
	#header-Gnb section h1 > a.btn_side {display:block}
	#header-Gnb section > .gnb {display:none; position:fixed; top:0; right:0; width:300px; height:100%; z-index:999999; float:none; background:#141d29}
	#header-Gnb section > .gnb li {float:none; padding:0; margin:0; display:block}
	#header-Gnb section > .gnb > li > a {margin-left:0; border-bottom:1px solid rgba(255,255,255,0.5); color:#fff !important;  text-align:left; padding:12px 10px 12px 20px}
	#header-Gnb section > .gnb > li:hover > a, #header-Gnb section > .gnb > li.active > a {background:#fd7a04; color:#fff !important; border-bottom:1px solid rgba(255,255,255,0.5)}
	#header-Gnb2 section h1 {float:none}
	#header-Gnb2 section h1 > a.logo {float:left; width:88%; display:block}
	#header-Gnb2 section h1 > a.btn_side {display:block}
	#header-Gnb2 section > .gnb {display:none; position:fixed; top:0; right:0; width:300px; height:100%; z-index:999999; float:none; background:#141d29}
	#header-Gnb2 section > .gnb li {float:none; padding:0; margin:0; display:block}
	#header-Gnb2 section > .gnb > li > a {margin-left:0; border-bottom:1px solid rgba(255,255,255,0.5); color:#fff !important; display:block; text-align:left; padding:12px 10px 12px 20px}
	#header-Gnb2 section > .gnb > li:hover > a, #header-Gnb2 section > .gnb > li.active > a {background:#fd7a04; color:#fff !important; border-bottom:1px solid rgba(255,255,255,0.5)}	
	#header-Gnb section > .vol{right:90px; top:45px}
	#header-Gnb2 section > .vol{right:90px; top:45px}
	#main-sec01 .fp-tableCell section h2 {font-size:90px; letter-spacing:0}
	#main-sec01 .fp-tableCell section h3 {font-size:28px}1110
	#main-sec01 .fp-tableCell section p {font-size:16px}
	/*#main-sec02 .fp-tableCell {height:auto !important}*/
	#main-sec02 .fp-tableCell section {padding:5% 8% 0 8%}
	#main-sec02 .fp-tableCell section .row {margin-top:0px}
	/*#main-sec02 .fp-tableCell img {max-width:250px}*/
	#main-sec02 .fp-tableCell section .source {bottom:30px}
	#main-sec02 .fp-tableCell section h3 {margin:50px 0  10px 0}
	#main-sec02 .fp-tableCell section h2 {font-size:36px; padding-bottom:5%}
	#main-sec02 .fp-tableCell section .row img{width:90%;margin:7% auto}
	#main-sec02 .fp-tableCell section .row img .ml5{width:60%;margin:0 auto}
	.mb130{margin-bottom:3%}
	#main-sec02 .fp-tableCell {width:100%}
	#main-sec02 .fp-tableCell section .row {margin-top:10px;}
	#main-sec02 .fp-tableCell section h2 {font-size:36px}
	#main-sec02 .fp-tableCell section h3 {margin-bottom:0px}	
	#main-sec03 .fp-tableCell section .focusWrap h2{font-size:30px;line-height:160%}
	#main-sec04 {background:url(../images/main-sec04_bg.jpg) 70% center no-repeat; background-size:auto 100%}
	#main-sec04 .fp-tableCell section h2 {font-size:42px; line-height:56px}
	#main-sec04 .fp-tableCell section h3 {font-size:20px}
	#main-sec04 .fp-tableCell section h4 {font-size:16px} 
	#subVisual.sub01 section h2, #subVisual.sub02 section h2, #subVisual.sub03 section h2, #subVisual.sub04 section h2, #subVisual.sub05 section h2, #subVisual.sub06 section h2{font-size:54px}
	#main-sec05 .fp-tableCell {max-width:830px; margin:0 auto}
	.subCon > section .con08_03{width:58%;}
	.subCon > section h5 {font-size:20px; margin-bottom:20px}
	.subCon > section h6 {font-size:18px;}
	.center{width:50%;}
	.subCon02 {padding: 50px 0}
	.shareFix {right:15px}
	.scroll{display:none}


	.button_box { width:80%;margin:0 auto;  overflow:hidden; padding:0% 5%;  }
	.button_box li { width:45%; margin-right:5%; float: left; text-align:center;  }
	.button_box li.right { margin-right:0%;  }
	.button_box li a { display:block; padding:5% 10%; color:#fff; background-image:linear-gradient(#0db99b, #c3e04f); border-radius:60px; }


	/* QnA 부분 폰트 크기 조정 */
	.subCon > section .ques p { width:82px; height:82px; font-size:50px;  background-size:100% auto; } 
	.subCon > section .ques p span { font-size:49px; }
	.subCon > section .ques span{ font-size:60px;}
	.subCon > section .qtxt{font-size:40px; }
	.subCon > section .qtxt span{font-size:40px; color:#61cf2a; font-weight:500;vertical-align:bottom}
	.subCon > section .answ .answ_bg p { width:82px; height:82px; font-size:50px; background-size:100% auto;  } 
	.subCon > section .answ h3{font-size:25px; }
	.subCon > section .answ .atxt01{ font-size:25px;  }
	.subCon > section .answ .atxt02{ font-size:25px;}

	/* 이벤트 부분 */
	#subVisual.sub_event section {  padding:10% 0 8% 0}
	#subVisual.sub_event section h2 {font-size:55px; letter-spacing:-4px}

	.gift_area_sec { background-size:auto 100%; }
	.event_detail { font-size:1em }
	.info_box { font-size:1em; }
	.noti_box p { font-size:0.6em; }
	.noti_box .noti_list li { font-size:0.5em;}
	.gift_coffee {right:-30%; top:-15%; }
	.gift_tit {  font-size:55px;  }
	.win_box .row2 {  width:100%;padding:2% 0; background-color:#fff; overflow:hidden;  }
	.win_box .row2 .line01 { width:100%; }
	.win_box .row2 .line01 li { width:50%; float:left; text-align:center; line-height:150% }
	.win_box .row2 .line02 { width:100%; }
	.win_box .row2 .line02 li { width:50%; float:left; text-align:center; padding:1% 0}



}


@media screen and (max-width:991px) {
	/* main-sec02 */

	/*#main-sec02 .fp-tableCell {height:auto !important}*/
	#main-sec02 .fp-tableCell section {padding:5% 8% 0 8%}
	#main-sec02 .fp-tableCell section .row {margin-top:0px}
	/*#main-sec02 .fp-tableCell img {max-width:250px}*/
	#main-sec02 .fp-tableCell section .source {bottom:30px}
	#main-sec02 .fp-tableCell section h3 {margin:50px 0  10px 0}
	#main-sec02 .fp-tableCell section h2 {font-size:36px;}
	#main-sec02 .fp-tableCell section .row img{width:90%;margin:0 auto}
	#main-sec02 .fp-tableCell section .row img .ml5{width:80%;margin:0 auto}
	.mb130{margin-bottom:3%}
	#main-sec03, #main-sec04, #main-sec05 {height:auto !important}
	#main-sec03 .fp-tableCell {height:auto !important}
	#main-sec03 .fp-tableCell section {padding-top:200px; padding-bottom:50px}
	#main-sec03 .fp-tableCell section .focusImg {width:100%}
	#main-sec03 .fp-tableCell section .col-md-4 {margin-top:30px}
	.imageIndent180 {margin-top:0px}
	.imageIndent280 {margin-top:0px}
	.mobileTop50 {margin-top:50px !important}
	.subCon > section h6.read{font-size:18px;}
	#subVisual.sub03 section h2 {font-size:48px;}
	#subVisual.sub03 section h3 {font-size:20px;}
	.subCon > section h3 {font-size:42px;}
	.box{width:80%;}
	.f_video{width:82%; margin:8% auto 0 auto}
	#subVisual.sub01 section h2, #subVisual.sub02 section h2, #subVisual.sub03 section h2, #subVisual.sub04 section h2, #subVisual.sub05 section h2, #subVisual.sub06 section h2{font-size:54px}
	.subCon > section p{font-size:16px; margin-top:20px }
	.subCon > section{width:70%; margin:0 auto}
	.subCon > section h3{font-size:38px}
	.view_m{display:block;width:100%}
	.view_p{display:none}
	.imageIndent280{width:90%;margin:3% auto;}
	.imageIndent90{width:100%;margin:3% auto;}
	.center{width:60%;}
	.mobileTop50{float:left;margin-top:0;}
	.subCon02 > section dl{margin:2% 0 0 0;}
	.v_box{width:100%}
	.imageIndent300 {margin:3% auto;}
	.imageIndent120 {margin:3% auto;}
	.imageIndent90{margin:3% auto;}
	.center02{width:60%;}
	.subCon > section .a_sstxt{text-align:left;}
	.subCon > section .news_tap{width:8%;font-size:10px;padding:1% 1%;}
	.subCon > section .news_tap span{font-size:24px;}
	.subCon > section .con08_03{width:80%;} 
	.sub08_04_bg { background-image:url(''); background-color:#cbf298 }

	.dis_none{display:none}
	.subCon > section .qtxt{font-size:30px;text-align:center}
	.brmobile2{display:none}

	/* 이벤트 부분 */
	#subVisual.sub_event section h2 {font-size:55px; letter-spacing:-4px}
	#subVisual.sub_event section { width:100%; height:100%; position:relative; overflow:hidden; text-align:center; padding:10% 0 10% 0}

	.white_area { width:80%; margin:0 auto;}
	.event_detail { font-size:1em }
	.info_box { font-size:1em; }
	.noti_box p { font-size:0.6em; }
	.noti_box .noti_list li { font-size:0.5em;}
	.gift_coffee {right:-15%; top:-15%; }

	.win_box .row2 {  width:100%;padding:2% 0; background-color:#fff; overflow:hidden;  }
	.win_box .row2 .line01 { width:100%; }
	.win_box .row2 .line01 li { width:50%; float:left; text-align:center; line-height:150% }
	.win_box .row2 .line02 { width:100%; }
	.win_box .row2 .line02 li { width:50%; float:left; text-align:center; padding:1% 0}
	
	.gift_tit {  font-size:50px; line-height:150%; }
	.gift_tit2 { text-align:center;  color:#000; font-weight:700; }



}
@media screen and (max-width:850px) {
	.center{width:70%;}
	.center04{ margin:2% auto 0 auto; width:100% }

	.coffee_box { max-width:75%;  margin:0 auto;}

}

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

	.coffee_box { max-width:75%;  margin:0 auto;}


}

/*아이패드 미니-세로, 아이폰 XS-가로*/
@media screen and (max-width:768px) {
	/*html, body {overflow:visible !important; height:initial !important}720
	#main-sec02 {height:auto !important}*/
	#header-Gnb section, #header-Gnb2 section{padding:2%}
	#header-Gnb section > .gnb, #header-Gnb2 section > .gnb{overflow:auto}
	#header-Gnb.fixed section, #header-Gnb2.fixed section{padding:2%}
	#header-Gnb section > .vol{right:8%; top:28px}
	#header-Gnb2 section > .vol{right:8%; top:28px}
	#header-Gnb.fixed section > .vol, #header-Gnb2.fixed section > .vol {right:8%;} 
	#header-Gnb.fixed section h1 .fix_none{display:none}
	#fp-nav {display:none}
	#main-sec01 {background:url('../images/main-sec01_bg.jpg') no-repeat; background-size:cover; background-position:20% center}
	#main-sec01 .fp-tableCell section{height:auto !important}
	#main-sec01 .fp-tableCell section h2 {font-size:60px}
	#main-sec01 .fp-tableCell section h3 {font-size:18px}
	#main-sec01 .fp-tableCell section p {font-size:14px; line-height:18px}
	#main-sec03 .fp-tableCell section{padding-top:8%}
	#main-sec03 .fp-tableCell section .focusWrap h2 {font-size:36px;}
	#main-sec04 {background:url(../images/main-sec04_bg.jpg) 70% center no-repeat; background-size:auto 100%}
	#main-sec04 .fp-tableCell section {padding:8% 8%}
	#main-sec04 .fp-tableCell section h2 {font-size:36px; line-height:44px}
	#main-sec04 .fp-tableCell section h3 {font-size:18px}
	#main-sec04 .fp-tableCell section h4 {font-size:16px; line-height:24px}
	#subVisual.sub02 section h2 {font-size:48px; line-height:64px}
	#subVisual.sub02 section h3 {font-size:18px; margin-top:25px}
	#main-sec01 .fp-tableCell section .roundShap {margin-bottom:8%}
	.event_box img{width:100%}
	.subCon > section .con08_03{width:85%;}
	.button03{font-size:12px;width:180px}
	#subVisual {height:auto !important}
	#subVisual.sub01 {background:url('../images/sub01_01_m.jpg')}
	#subVisual.sub08 section {display:table-cell; vertical-align:middle; height:100%; width:auto; text-align:center}
	#subVisual section{padding:20% 0 20% 0}
	#subVisual.sub08 section{padding:20% 0 5% 0}
	#subVisual.sub02 section{padding: 0 0}
	#subVisual.sub02 section h2{font-size:34px;line-height:160%}
	#subVisual.sub01 section h2 span, #subVisual.sub02 section h2 span, #subVisual.sub03 section h2 span, #subVisual.sub04 section h2 span, #subVisual.sub05 section h2 span, #subVisual.sub06 section h2 span {display:none}
	#subVisual.sub01 section h2, #subVisual.sub03 section h2, #subVisual.sub04 section h2, #subVisual.sub05 section h2, #subVisual.sub06 section h2{font-size:34px;}
	#subVisual.sub01 section h3, #subVisual.sub02 section h3, #subVisual.sub03 section h3, #subVisual.sub04 section h3, #subVisual.sub05 section h3, #subVisual.sub06 section h3{font-size:18px;margin-top:2.5%}
	.moreBtn02{width:100%;padding:10px 20px;font-size:14px;text-align:center;margin:0 auto}
	.center{width:90%;}
	.subCon > section {width:80%}
	.subCon > section h3 {font-size:32px;}
	.subCon02 {padding: 3% 0 0 0}
	.subCon02 > section dt {font-size:18px;}
	.subCon02 > section dd {font-size:16px;}
	.subCon02 > section h4 {font-size:18px;width:100%}
	.subCon02 > section h5 {width:100%;padding-left:0; margin-bottom:2%;}
	.subCon02 > section ul li {font-size:16px;}
	.subCon > section .news_tap{width:10%; margin:25% auto 5% auto;}
	.shareFix {overflow:hidden;position:relative; font-size:12px; font-weight:700; text-align:center; z-index:9990; width:60%;margin:0 auto 0% auto;}
	.shareFix p {margin:0 10px}
	.shareFix img {display:block; padding:7px 7px; float:left}
	#main-sec01, #main-sec02, #main-sec04, #main-sec05 {height:auto !important}
	/*#main-sec02 .fp-tableCell {height:auto !important}*/
	#main-sec02 .fp-tableCell section {padding:5% 8% 0 8%}
	#main-sec05 .fp-tableCell section {padding:0 8%}
	#main-sec02 .fp-tableCell section .row {margin-top:0px}
	/*#main-sec02 .fp-tableCell img {max-width:250px}*/
	#main-sec02 .fp-tableCell section .source {bottom:30px}
	#main-sec02 .fp-tableCell section h3 {margin:50px 0  10px 0}
	#main-sec02 .fp-tableCell section h2 {font-size:36px;}
	#main-sec02 .fp-tableCell section .row img{width:60%;margin:0 auto}
	#main-sec02 .fp-tableCell section .row img .ml5{width:60%;margin:0 auto}
	.mb130{margin-bottom:3%}
	.shareFix {overflow:hidden;position:relative; font-size:12px; font-weight:700; text-align:center; z-index:9990;width:20%;margin:2% auto 4% 43%;}
	.shareFix p {  margin-left:-5%}
	.center04{ margin:2% auto 0 auto; width:90% }

	.report_title { position:relative; width:100%; height:100%; }
	.report_sum { position:absolute; width:100%;  bottom:-55px; text-align:center;   }
	.report_sum img { display:block; width:100%; margin:0 auto;  }
	.report_sum2 { position:absolute; width:100%;  bottom:-90px; text-align:center;   }
	.report_sum2 img { display:block; width:100%;  margin:0 auto;  }

	.gift_area_sec { background-size:auto 100%; }


}
@media screen and (max-width:720px) {
	/*.shareFix {overflow:hidden;position:relative; font-size:12px; font-weight:700; text-align:center; z-index:9990;width:21%;margin:0 auto 5% auto;}*/
	.shareFix {overflow:hidden;position:relative; font-size:12px; font-weight:700; text-align:center; z-index:9990;width:20%;margin:2% auto 4% 43%; }
	.shareFix p {  margin-left:0%}
	.center04{ margin:2% auto 0 auto; width:90% }

}
/*갤럭시8 가로*/
@media screen and (max-width:650px) {
	.shareFix {overflow:hidden;position:relative; font-size:12px; font-weight:700; text-align:center; z-index:9990; width:24%; margin:3% auto 5% auto; padding-left:20px}
	.shareFix p {  margin-left:10%}
	.center04{ margin:2% auto 0 auto; width:90% }

	.rmt50 {margin-top:20px}
	.rmt60 {margin-top:30px}
	.rmt70 {margin-top:40px}
	.rmt80 {margin-top:50px}
	.report_title { position:relative; width:100%; height:100%; }
	.report_sum { position:absolute; width:100%;  bottom:-35px; text-align:center;   }
	.report_sum img { display:block; margin:0 auto;  }
	.report_sum2 { position:absolute; width:100%;  bottom:-70px; text-align:center;   }
	.report_sum2 img { display:block; margin:0 auto;  }

	#subVisual.sub_event section { padding:10% 0 15% 0}
	
	.sub05_table1 tbody tr td.left01 ul { margin-left:8% }





	
}
@media screen and (max-width:520px) {
	#main-sec01 .fp-tableCell section h2 {font-size:50px}
	#main-sec01 .fp-tableCell section h3 {font-size:16px}
	#main-sec01 .fp-tableCell section p {font-size:12px; line-height:16px}
	#main-sec03 .fp-tableCell section .focusWrap h2 {font-size:34px; line-height:150%}
	/*#main-sec02 .fp-tableCell section .row img{width:90%;margin:0 auto}
	#main-sec02 .fp-tableCell section img.ml5{width:70%;margin:0 auto}*/
	#main-sec02 .col-sm-info { width:100%; float:left}
	#main-sec02 .col-sm-info img { margin:0 auto }
	#main-sec02 .fp-tableCell section {padding:15% 8% 5% 8%;}
	#main-sec02 .fp-tableCell section h2{font-size:35px;line-height:140% }
	#main-sec03 .fp-tableCell section {padding:18% 8% 17% 8%;}
	.subCon > section .news_tap{ margin:25% auto 5% auto;}
	.center04{ margin:5% auto 0 auto; width:100%; }
	#main-sec05 .fp-tableCell section .issueWrap {margin-top:18%; padding-bottom:50px;}
	#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap h4 {font-family:'Open Sans', sans-serif; font-size:14px; font-weight:600}
	#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap p {font-size:15px; font-weight:400; margin-top:10px}

	#subVisual section{padding:50% 0 50% 0}
	#subVisual.sub02 section{padding: 30% 0 5% 0}
	#subVisual.sub02 section h3 {font-size:16px; margin-top:20px}
	#subVisual.sub03{background:url('../images/sub03_01.jpg') 71% 30% no-repeat;}
	.eventnew{margin-top:25%}
	.subCon > section h3 {font-size:36px; font-weight:700; margin-bottom:60px}
	.subCon > section h4 {font-size:24px; font-weight:700}
	.subCon > section h5 {font-size:22px; font-weight:700; margin-bottom:40px}
	.subCon > section h6 {font-size:18px; font-weight:300; line-height:38px}
	.subCon > section p {font-size:16px; font-weight:300; line-height:34px}
	.subCon > section .con08_03{width:80%;}                
	.button03{font-size:11px;width:90%}
	#subVisual.sub01 section h2, #subVisual.sub02 section h2, #subVisual.sub03 section h2, #subVisual.sub04 section h2, #subVisual.sub05 section h2, #subVisual.sub06 section h2{font-size:36px}
	#subVisual.sub01 section h2 span, #subVisual.sub02 section h3 span, #subVisual.sub03 section h2 span, #subVisual.sub05 section h2 span, #subVisual.sub06 section h2 span{display:none;}
	#subVisual.sub01 section h3, #subVisual.sub03 section h3, #subVisual.sub04 section h3, #subVisual.sub05 section h3, #subVisual.sub06 section h3{font-size:20px}
	#subVisual.sub04 section h2 span {display:none;}
	.subCon > section h5{font-size:20px; margin:5% 0 2% 0; }
	.subCon > section h6{font-size:18px;line-height:170%; margin:0 auto}
	.subCon > section h6.read{width:90%;font-size:18px;text-align:left;line-height:170%; margin:0 auto}
	.subCon > section h3{font-size:26px;margin-bottom:3%;letter-spacing:-0.02em}
	.subCon > section p{font-size:16px;line-height:170%; margin-top:3%}
	.center{width:100%;font-size:10px}
	.center02{width:80%;font-size:10px}
	.moreBtn02{width:100%;padding:10px 20px; font-size:12px;text-align:center; margin:0 auto}
	.shareFix {overflow:hidden;position:relative; font-size:12px; font-weight:700; text-align:center; z-index:9990;width:32%; margin:5% auto 5% auto; padding-left:30px}
	.shareFix p {margin:0px 10px}
	.shareFix img {display:block; padding:7px 7px; float:left}
	.dis_none{display:none}
	.subCon > section .news_tap{width:13%;}
	.imageIndent120 {margin:0% auto;}
	.subCon > section {max-width:1492px; margin:10% auto;}
	.bulletStyle { margin-top:10%; margin-bottom:-10% }
	.subCon02 {padding:0px 0;}
	.subCon02 > section {max-width:1492px; margin:0 auto;}
	.mt100 { margin-top:7% !important }
	.mt80 { margin-top:10% !important }
	.mb130 {margin-bottom:10% !important}
	.mb20 { margin-bottom:0% !important}
	.mt50 { margin-top:0% !important }
	.mt25 { margin-top:0%; !important }
	footer section .snsList, footer section .footerUtil {float:none}
	footer section .snsList {width:40%;margin:0 auto}
	footer section .snsList li {float:none; margin:0 auto; width:33.333%;float:left; display:inline-block; text-align:center; line-height:160%;}
	footer section .footerUtil {width:100%;margin-top:50px;}
	footer section .footerUtil li {float:none; margin-left:0; width:32%; display:inline-block; text-align:center;font-size:12px; }
	footer section .footerUtil li a i {vertical-align:sub; font-size:12px; padding-left:3px}
	.top{position:fixed;right:1%; bottom:5%;width:8%}
	.subCon > section .a_sstxt{font-size:16px;}
	.center04{ margin:2% auto 0 auto; width:100% }

	.rmt50 {margin-top:40px}
	.rmt60 {margin-top:50px}
	.rmt70 {margin-top:60px}
	.rmt80 {margin-top:70px}
	.report_title { position:relative; width:100%; height:100%; }
	.report_sum { position:absolute; width:100%;  bottom:-25px; text-align:center;   }
	.report_sum img { display:block; margin:0 auto;  }
	.report_sum2 { position:absolute; width:100%;  bottom:-50px; text-align:center;   }
	.report_sum2 img { display:block; margin:0 auto;  }


	.sub05_table1 tbody tr td.left01 ul { margin-left:15px; }

		
	.coffee_box { max-width:95%;  margin:0 auto;}
	.event_btn_box ul { width:80%; }
	.event_btn_box li a {  font-size:1.2em; }


}




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

	#main-sec02 .fp-tableCell section {padding:15% 8% 5% 8%;}
	#main-sec02 .fp-tableCell section h2{font-size:35px;line-height:140% }
	#main-sec03 .fp-tableCell section {padding:18% 8% 17% 8%;}
	.subCon > section .news_tap{ margin:25% auto 5% auto;}
	.center04{ margin:5% auto 0 auto; width:100%; }
	#main-sec05 .fp-tableCell section .issueWrap {margin-top:18%; padding-bottom:50px;}
	#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap h4 {font-family:'Open Sans', sans-serif; font-size:14px; font-weight:600}
	#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap p {font-size:15px; font-weight:400; margin-top:10px}
	.eventnew{margin-top:20%;width:85%}
	#subVisual.sub08 section{padding:20% 0 0% 0}

	.shareFix {width:32%}
	.box {width:90%}
	.subCon02{padding:0 0 2% 0}
	.subCon02 > section dt {font-size:16px;width:100%}
	.subCon02 > section dd {font-size:14px;}
	.subCon02 > section ul li {font-size:14px;}
	.subCon > section .a_sstxt{font-size:14px;}
	.subCon > section .news_tap{width:13%;}
	.shareFix {overflow:hidden;position:relative; font-size:12px; font-weight:700; text-align:center; z-index:9990; width:35%; margin:5% auto 5% auto; padding-left:20px}
	.shareFix p {  margin-left:10%}
	.imageIndent120 {margin:0% auto;}
	.center04{ margin:2% auto 0 auto; width:100% }
	.subCon > section {max-width:1492px; margin:10% auto;}
	.bulletStyle { margin-top:10%; margin-bottom:-10% }
	.subCon02 {padding:0px 0;}
	.subCon02 > section {max-width:1492px; margin:0 auto;}
	.mt100 { margin-top:7% !important }
	.mt80 { margin-top:10% !important }
	.mb130 {margin-bottom:10% !important}
	.mb20 { margin-bottom:0% !important}
	.mt50 { margin-top:0% !important }
	.mt25 { margin-top:0%; !important }
	.subCon > section h3 {  margin-bottom:5%; }
	.bottombt { padding-top:50px; }
	.center05  { width:75%; margin:0 auto;  }
	.center05 .moreBtn02{ width:100%; padding:10px 20px; font-size:14px; text-align:center; margin:0 auto}



}
/*아이폰XS*/
@media screen and (max-width:425px) {	

	#main-sec01 {background:url('../images/main-sec01_bg_m.jpg') no-repeat; background-size:cover; background-position:-3% center}
	#header-Gnb section, #header-Gnb2 section{padding:20px;}
	#header-Gnb section > .vol{right:50px; top:25px}
	#header-Gnb2 section > .vol{right:50px; top:25px}
	#header-Gnb.fixed section, #header-Gnb2.fixed section{padding:20px}
	#header-Gnb2.fixed section > .vol, #header-Gnb.fixed section > .vol {color:#000;right:50px; top:25px} 
	#subVisual.sub01 section h2, #subVisual.sub02 section h2, #subVisual.sub03 section h2, #subVisual.sub04 section h2, #subVisual.sub05 section h2, #subVisual.sub06 section h2{font-size:34px}
	#subVisual.sub01 section h2 span, #subVisual.sub02 section h3 span, #subVisual.sub03 section h2 span, #subVisual.sub05 section h2 span, #subVisual.sub06 section h2 span{display:none;}

	#subVisual.sub04 section h2 span {display:none;}
	#header-Gnb2 section h1 > a.btn_side{top:20px}
	#main-sec01 .fp-tableCell section h2 {font-size:40px}
	.moreBtn {padding:15px 45px; margin-top:20px}
	#main-sec04 .fp-tableCell section h2 {font-size:32px; line-height:40px; margin-top:20px}
	#main-sec04 .fp-tableCell section h3 {font-size:14px; margin-top:20px}
	#main-sec04 .fp-tableCell section h4 {font-size:14px; line-height:22px; margin-top:20px}
	.subCon > section h5{font-size:20px; margin:5% 0 2% 0; }
	.subCon > section h6{font-size:16px;line-height:160%; margin:0;}
	.subCon > section h3{font-size:26px;margin-bottom:3%;letter-spacing:-0.02em}
	.subCon > section p{font-size:15px;line-height:160%; margin-top:3%}
	footer section .snsList, footer section .footerUtil {float:none}
	footer section .snsList {width:50%;margin:0 auto}
	footer section .snsList li {float:none; margin:0 auto; width:33.333%;float:left; display:inline-block; text-align:center; line-height:160%;}
	footer section .footerUtil {margin-top:50px}
	footer section .footerUtil li {float:none; margin-left:0; width:32%; display:inline-block; text-align:center}
	footer section .footerUtil li a i {vertical-align:sub; font-size:16px; padding-left:5px}
	.mt110{margin-top:5% !important}
	.mt100{margin-top:10% !important}
	.mt80{margin-top:30px !important}
	.mb100 { margin-bottom:10% !important; }
	.mb130 {margin-bottom:10% !important}
	.mb20 { margin-bottom:0% !important}
	.mt50 { margin-top:0% !important }
	.mt25 { margin-top:0%; !important }
	.olList li{font-size:11px;line-height:160%}
	.center{width:100%;margin:0 auto}
	.center02{width:70%;font-size:10px}
	.moreBtn02{width:100%; padding:10px 20px; font-size:12px; text-align:center; margin:0 auto}
	address{font-size:8px}
	.f_video{width:100%;}
	#subVisual.sub02 section h2{font-size:32px;padding:0px; margin:0px;}
	#subVisual.sub04 section h3{font-size:18px;line-height:150%}
	.subCon > section{width:85%;margin:5% auto}
	.subCon > section h6.read{font-size:16px;text-align:left}
	.subCon > section .camgo{font-size:12px}

	/* QnA 부분 폰트 크기 조정 */
	.subCon > section .ques p { width:67px; height:67px; font-size:40px;  background-size:100% auto; } 
	.subCon > section .ques p span { font-size:38px; }
	.subCon > section .ques span{ font-size:45px;}
	.subCon > section .qtxt{font-size:20px;  }
	.subCon > section .qtxt span{font-size:30px; color:#61cf2a; font-weight:500;vertical-align:bottom}
	.subCon > section .answ .answ_bg p { width:67px; height:67px; font-size:40px; background-size:100% auto; margin-bottom:10% } 
	.subCon > section .answ h3{font-size:20px; }
	.subCon > section .answ .atxt01{ font-size:30px;  }
	.subCon > section .answ .atxt02{ font-size:20px;}
	.subCon > section .a_stxt{font-size:14px;}

	.shareFix {overflow:hidden;position:relative; font-size:12px; font-weight:700; text-align:center; z-index:9990; width:36%; margin:5% auto 5% auto; padding-left:20px}
	.shareFix p {  margin-left:10%}
	.shareFix img {display:block; padding:7px 6px; float:left}
	.ta_01 th, .ta_01 td, .ta_01 .thle, .ta_01 .tdle {font-size:10px}
	.subCon > section .news_tap{width:13%;font-size:10px;padding:1% 1%;}
	.subCon > section .news_tap span{font-size:22px;}
	.subCon > section .alim{font-size:12px}
	/*.col-xs-6{position:relative;width:100%;}
	.col-xs-4{position:relative;width:100%;}*/
	.bxslider h3{margin:3% auto}
	.bxslider img{width:80%}
	#main-sec02 .fp-tableCell section {padding:15% 8% 0 8%;}
	#main-sec02 .fp-tableCell section .source {left:20px; bottom:30px}
	#main-sec02 .fp-tableCell section h3 {margin:50px 0  20px 0}
	#main-sec02 .fp-tableCell section h2 {font-size:30px;padding-top:2%}
	#main-sec02 .fp-tableCell section img.ml5{width:80%;margin:0 auto}

	.subCon > section .con08_03 .button03{font-size:10px;}
	#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap{padding:7% 7%}
	.center04{ margin:5% auto 0 auto; width:355px; }
	.bottombt { padding-top:50px; }
	.table_tit { width:80%; } 

	.ta_orange th, .ta_orange .orange{font-size:14px}
	.ta_orange td.tit, .ta_orange td, .ta_orange .tdle{font-size:13px}


	/* 이벤트 부분 */
		
	#subVisual.sub_event section h2 {font-size:35px; letter-spacing:-4px}
	.event_detail { font-size:0.8em; padding-bottom:30% } /*
	.info_box { width:90%; margin:0 auto; font-size:0.7em; text-align:left; }
	.info_box li span.info_tit { border-radius:30px; padding:1% 3% 1.5% 3%; background-color:#3c3557; color:#fff; vertical-align:middle;
margin-right:2%; vertical-align:middle;}

	.noti_box { width:90%; margin:0 auto 0 5%; font-size:1.5em; text-align:left; position:relative; }
	.noti_box p { font-size:0.5em; }
	.noti_box .noti_list li { font-size:0.5em;}
	.gift_coffee {right:0%; top:90%; }
	 .white_area { width:85%; margin:0 auto;}

	.btn_box li a {  display:block; color:#ffe84f; padding:7% 0; font-size:1em; background-color:#6666cc; border-radius:20px; transition:0.1s;  }
	.btn_box { width:100%; overflow:hidden; margin-top:-10%  }
	.btn_box li { width:47%; margin-right:6%; float:left;  text-align:center  }
	.btn_box .right { margin-right:0 }
	.btn_box li a { font-size:14px; }
	.btn_box li.right a { font-size:14px; } */

	.gift_tit {  font-size:40px;  }
	.win_box .row2 {  width:100%;padding:2% 0; background-color:#fff; overflow:hidden;  }
	.win_box .row2 .line01 { width:100%; }
	.win_box .row2 .line01 li { width:50%; float:left; text-align:center; line-height:150% }
	.win_box .row2 .line02 { width:100%; }
	.win_box .row2 .line02 li { width:50%; float:left; text-align:center; padding:1% 0}


	.coffee_box { max-width:95%;  margin:0 auto;}
	.coffee_box p { margin:0 auto; width:100%;  }
	.coffee_box p img { display:block; width:100%; height:auto; }
	.event_btn_box { width:100%; margin:auto; }
	.event_btn_box ul { width:80%; margin:auto; padding-left:3% }
	.event_btn_box li { width:45%; margin-right:5%; float:left; background-color:#3c3557; border-radius:20px   }
	.event_btn_box li.right { margin-right:0;  }
	.event_btn_box li a { display:block; padding:8% 2%; color:#fff;  font-size:0.8em;  border-radius:20px; color:#ffe84f; transition:0.5s; font-weight:bold }
	.event_btn_box li a:hover { background:#6666CC }




}


@media screen and (max-width:414px) {	
	
	.subCon > section .news_tap{width:13%;}

	#main-sec01 .fp-tableCell {display:table; width:100%}
	#main-sec01 .fp-tableCell section .roundShap {text-align:center; background:url('../images/roundShap_bg.png') center top no-repeat; padding:80px 0; background-size:78% auto}
	#main-sec01 .fp-tableCell section h2 {font-size:60px;}
	#main-sec01 .fp-tableCell section h3 {font-size:18px; color:#fff; font-weight:700; margin-top:10px}
	#main-sec01 .fp-tableCell section p {font-size:14px; color:#fff; font-weight:300; line-height:90%; margin-top:20px;}
	#main-sec01 .fp-tableCell section .more {margin-top:15px; }

	#main-sec02 .fp-tableCell section h2 {font-size:30px;}
	#main-sec02 .fp-tableCell section .row {margin-top:0px; padding-bottom:70px}
	#main-sec02 .fp-tableCell section h3 {font-size:21px; line-height:150%; margin-bottom:20px}
	#main-sec03 .fp-tableCell section .focusWrap h2 {font-size:30px; }

	#main-sec02 .fp-tableCell section h2{font-size:30px;}

	#subVisual {width:100%; height:100vh; display:table}
	#subVisual.sub01 {background:url('../images/sub01_01.jpg') -500px center no-repeat; background-size:cover}
	#subVisual.sub03 {background:url('../images/sub03_01.jpg') top center no-repeat; background-size:auto 100%}
	#subVisual.sub04 {background:url('../images/sub04_01.jpg') 20% center no-repeat; background-size:auto 100%}
	#subVisual.sub05 {background:url('../images/sub05_01.jpg') top center no-repeat; background-size:cover}
	#subVisual.sub06 {background:url('../images/sub06_01.jpg') top center no-repeat; background-size:cover}
	
	.sub04_table thead tr td { font-size:12px }
	.sub04_table tbody tr td {  font-size:10px} 

	.table_title {  font-size:15px; }
	/*.sub05_table1 { width:100%;  text-align:center; margin:1% 0 2% 0 }
	.sub05_table1 thead tr { border-top:3px solid #ee5f08; }*/
	.sub05_table1 thead tr td { font-size:10px;  }
	.sub05_table1 tbody tr td {  font-size:10px; }
	.sub05_table1 tbody tr td.left01 ul { margin-left:15px; }


	.sub05_table2 { width:95%;  text-align:center; margin:1% auto;  }
	.sub05_table2 thead tr td {  font-size:10px;  }
	.sub05_table2 tbody tr td { font-size:10px; }

	
	.button_box { width:80%;margin:0 auto;  overflow:hidden; padding:0% 5%;  }
	.button_box li { width:100%; margin-right:0%; float: left; text-align:center;  }
	.button_box li.right { margin-right:0%;   }
	.button_box li a { display:block; padding:5% 10%; color:#fff; background-image:linear-gradient(#0db99b, #c3e04f); border-radius:60px; margin-top:5%}




	/* QnA 부분 폰트 크기 조정 */
	.subCon > section .ques p { width:67px; height:67px; font-size:40px;  background-size:100% auto; } 
	.subCon > section .ques p span { font-size:38px; }
	.subCon > section .ques span{ font-size:45px;}
	.subCon > section .qtxt{font-size:18px;  }
	.subCon > section .qtxt span{font-size:26px; color:#61cf2a; font-weight:500;vertical-align:bottom}
	.subCon > section .answ .answ_bg p { width:67px; height:67px; font-size:40px; background-size:100% auto; margin-bottom:10% } 
	.subCon > section .answ h3{font-size:18px; }
	.subCon > section .answ .atxt01{ font-size:24px;  }
	.subCon > section .answ .atxt02{ font-size:18px;}
	.subCon > section .a_stxt{font-size:14px;}





	.shareFix {  width:37%; }
	.shareFix p {  margin-left:10%}
	.center04{ margin:2% auto 0 auto; width:350px; }

	.bottombt { padding-top:50px; }
     #main-sec04 {background:url('../images/main-sec04_bg.jpg') 72% center no-repeat}

	.mt40 { margin-top:5% !important }
	.mb40 { margin-bottom:5% !important }
	.mt70 { margin-top:6% !important }
	.mt80 { margin-top:10% !important }
	.mb80 { margin-bottom:10% !important;  }


}




/*아이폰X*/
@media screen and (max-width:375px) {	

	
	#main-sec01 {background:url('../images/main-sec01_bg_m.jpg') no-repeat; background-size:cover; background-position:-3% center}
	#main-sec01 .fp-tableCell {display:table; width:100%}
	#main-sec01 .fp-tableCell section .roundShap {text-align:center; background:url('../images/roundShap_bg.png') center top no-repeat; padding:60px 0; background-size:78% auto}
	#main-sec01 .fp-tableCell section h2 {font-size:45px;}
	#main-sec01 .fp-tableCell section h3 {font-size:18px; color:#fff; font-weight:700; margin-top:10px}
	#main-sec01 .fp-tableCell section p {font-size:14px; color:#fff; font-weight:300; line-height:90%; margin-top:20px;}
	#main-sec01 .fp-tableCell section .more {margin-top:15px; }

	#main-sec02 .fp-tableCell section h2 {font-size:30px;}
	#main-sec02 .fp-tableCell section .row {margin-top:0px; padding-bottom:70px}
	#main-sec02 .fp-tableCell section h3 {font-size:20px; line-height:150%; margin-bottom:20px}
	#main-sec03 .fp-tableCell section .focusWrap h2 {font-size:30px; }
	#main-sec04 .fp-tableCell section h2 {font-size:30px; line-height:150% }

	#subVisual.sub01 section h2, #subVisual.sub02 section h2, #subVisual.sub03 section h2, #subVisual.sub04 section h2, #subVisual.sub05 section h2, #subVisual.sub06 section h2{font-size:30px}
	#subVisual {width:100%; height:100vh; display:table}
	#subVisual.sub01 {background:url('../images/sub01_01.jpg') -500px center no-repeat; background-size:cover}
	#subVisual.sub03 {background:url('../images/sub03_01.jpg') -500px no-repeat; background-size:auto 100%}
	#subVisual.sub04 {background:url('../images/sub04_01.jpg') -200px no-repeat; background-size:auto 100%}
	#subVisual.sub05 {background:url('../images/sub05_01.jpg') top right no-repeat; background-size:cover}
	#subVisual.sub06 {background:url('../images/sub06_01.jpg') top center no-repeat; background-size:cover}
	
	
	
	.shareFix { width:42%;}
	.shareFix p {  margin-left:7%}
	.subCon > section .row h3 { font-size:1.4em; }
	.subCon > section .answ h3{font-size:18px; }
	.subCon > section .news_tap{width:14%; margin:25% auto 0 auto;}
	#main-sec02 .fp-tableCell section {padding:15% 8% 5% 8%;}
	#main-sec02 .fp-tableCell section h2{ line-height:140% }
	#main-sec03 .fp-tableCell section {padding:18% 8% 17% 8%;}
	#main-sec04 .fp-tableCell section h2 { line-height:150% }
	.center04{ margin:5% auto 0 auto; width:100%; }
	#main-sec05 .fp-tableCell section .issueWrap {margin-top:18%; padding-bottom:50px;}
	#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap h4 {font-family:'Open Sans', sans-serif; font-size:14px; font-weight:600}
	#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap p {font-size:15px; font-weight:400; margin-top:10px}
	.subCon > section .answ{padding:10% 8%; margin:15% 0; text-align:center}
	.subCon > section { margin:10% auto;}
	.bulletStyle { margin-top:10%; margin-bottom:-10% }
	.subCon02 {padding:0px 0;}
	.subCon02 > section {max-width:1492px; margin:0 auto;}

	.sub04_table thead tr td { font-size:10px }
	.sub04_table tbody tr td {  font-size:8px} 

	.mt40 { margin-top:5% !important }
	.mb40 { margin-bottom:5% !important }
	.mt80 { margin-top:10% !important }
	.mb80 { margin-bottom:5% !important;  }
	.mb100 { margin-bottom:10% !important; }
	.mb130 {margin-bottom:10% !important}
	.mb20 { margin-bottom:0% !important}
	.mt50 { margin-top:0% !important }
	.mt25 { margin-top:0%; !important }
	.subCon > section h3 {  margin-bottom:5%; }
	 #main-sec04 {background:url('../images/main-sec04_bg.jpg') 71% center no-repeat}
	.imageIndent180 {margin-top:0px;}

	.bottombt { padding-top:50px; }


	
	.center05  { width:80%; margin:0 auto;  }
	.center05 .moreBtn02{ width:100%; padding:10px 20px; font-size:14px; text-align:center; margin:0 auto;
	font-size:11px }
	.table_tit { width:90%; } 



	.table_title {  font-size:15px; }
	/*.sub05_table1 { width:100%;  text-align:center; margin:1% 0 2% 0 }
	.sub05_table1 thead tr { border-top:3px solid #ee5f08; }*/
	.sub05_table1 thead tr td { font-size:10px;  }
	.sub05_table1 tbody tr td {  font-size:10px; }
	.sub05_table1 tbody tr td.left01 ul { margin-left:15px; }

	.sub05_table2 { width:95%;  text-align:center; margin:1% auto;  }
	.sub05_table2 thead tr td {  font-size:10px;  }
	.sub05_table2 tbody tr td { font-size:10px; }


		
	/* 이벤트 부분 */
		
	/*#subVisual.sub_event section {  padding:20% 0 0% 0}
	
	.event_detail { font-size:0.8em; padding-bottom:20% }
	.info_box { width:90%; margin:0 auto; font-size:0.7em; text-align:left; }
	.info_box li span.info_tit { border-radius:30px; padding:1% 3% 1.5% 3%; background-color:#3c3557; color:#fff; vertical-align:middle;
margin-right:2%; vertical-align:middle;}

	.noti_box { width:90%; margin:0 auto 0 5%; font-size:1.5em; text-align:left; position:relative; }
	.noti_box p { font-size:0.5em; }
	.noti_box .noti_list li { font-size:0.5em;}
	.gift_coffee {right:-5%; top:90%; }
	 .white_area { width:85%; margin:0 auto;}
	.gift_tit {  font-size:40px;  }
	
	.btn_box li a {  display:block; color:#ffe84f; padding:7% 0; font-size:1em; background-color:#6666cc; border-radius:20px; transition:0.1s;  }
	.btn_box { width:100%; overflow:hidden; margin-top:-10%  }
	.btn_box li { width:47%; margin-right:6%; float:left;  text-align:center  }
	.btn_box .right { margin-right:0 }
	.btn_box li a { font-size:14px; }
	.btn_box li.right a { font-size:14px; }



	.win_box .row2 {  width:100%;padding:2% 0; background-color:#fff; overflow:hidden;  }
	.win_box .row2 .line01 { width:100%; }
	.win_box .row2 .line01 li { width:50%; float:left; text-align:center; line-height:150% }
	.win_box .row2 .line02 { width:100%; }
	.win_box .row2 .line02 li { width:50%; float:left; text-align:center; padding:1% 0} */
	
	#subVisual.sub_event section h2 {font-size:30px; letter-spacing:-4px}
	.gift_tit {  font-size:40px;  }
	.win_box .row2 {  width:100%;padding:2% 0; background-color:#fff; overflow:hidden;  }
	.win_box .row2 .line01 { width:100%; }
	.win_box .row2 .line01 li { width:50%; float:left; text-align:center; line-height:150% }
	.win_box .row2 .line02 { width:100%; }
	.win_box .row2 .line02 li { width:50%; float:left; text-align:center; padding:1% 0}


	.coffee_box { max-width:95%;  margin:0 auto;}
	.coffee_box p { margin:0 auto; width:100%;  }
	.coffee_box p img { display:block; width:100%; height:auto; }
	.event_btn_box { width:100%; margin:auto; }
	.event_btn_box ul { width:80%; margin:auto; padding-left:3% }
	.event_btn_box li { width:45%; margin-right:5%; float:left; background-color:#3c3557; border-radius:20px   }
	.event_btn_box li.right { margin-right:0;  }
	.event_btn_box li a { display:block; padding:8% 2%; color:#fff;  font-size:0.8em;  border-radius:20px; color:#ffe84f; transition:0.5s; font-weight:bold }
	.event_btn_box li a:hover { background:#6666CC }





}





/*갤럭시8*/
@media screen and (max-width:360px) {	

	#main-sec01 {background:url('../images/main-sec01_bg_m.jpg') no-repeat; background-size:cover; background-position:-3% center}
	#main-sec01 .fp-tableCell {display:table; width:100%}
	#main-sec01 .fp-tableCell section .roundShap {text-align:center; background:url('../images/roundShap_bg.png') center top no-repeat; padding:60px 0; background-size:80% auto}
	#main-sec01 .fp-tableCell section h2 {font-size:50px;}
	#main-sec01 .fp-tableCell section h3 {font-size:18px; color:#fff; font-weight:700; margin-top:10px}
	#main-sec01 .fp-tableCell section p {font-size:14px; color:#fff; font-weight:300; line-height:90%; margin-top:20px;}
	#main-sec01 .fp-tableCell section .more {margin-top:15px; }
	/*#main-sec01 .fp-tableCell section .more:hover {opacity:0.6}
*/


	#subVisual.sub01 section h2, #subVisual.sub02 section h2, #subVisual.sub03 section h2, #subVisual.sub04 section h2, #subVisual.sub05 section h2, #subVisual.sub06 section h2{font-size:32px}

	#subVisual {width:100%; height:100vh; display:table}
	#subVisual.sub01 {background:url('../images/sub01_01.jpg') -500px center no-repeat; background-size:cover}
	#subVisual.sub03 {background:url('../images/sub03_01.jpg') top center no-repeat; background-size:auto 100%}
	#subVisual.sub04 {background:url('../images/sub04_01.jpg') 20% center no-repeat; background-size:auto 100%}
	#subVisual.sub05 {background:url('../images/sub05_01.jpg') top center no-repeat; background-size:cover}
	#subVisual.sub06 {background:url('../images/sub06_01.jpg') top center no-repeat; background-size:cover}
	
	
	
	
	.shareFix { width:47%;}
	.shareFix p {  margin-left:7%}
	.subCon > section .row h3 { font-size:1.4em; }
	.subCon > section .answ h3{font-size:18px; }
	.subCon > section .news_tap{width:14%; margin:25% auto 3% auto;}
	#main-sec02 .fp-tableCell section {padding:15% 8% 5% 10%;}
	#main-sec02 .fp-tableCell section h2 {font-size:30px;}
	#main-sec02 .fp-tableCell section .row {margin-top:0px; padding-bottom:70px}
	#main-sec02 .fp-tableCell section h3 {font-size:17px; line-height:130%; margin-bottom:20px}
	#main-sec03 .fp-tableCell section .focusWrap h2 {font-size:30px; }
	#main-sec04 .fp-tableCell section h2 {font-size:30px; line-height:150% }
	.center04{ margin:5% auto 0 auto; width:100%; }
	#main-sec05 .fp-tableCell section .issueWrap {margin-top:18%; padding-bottom:50px;}
	#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap h4 {font-family:'Open Sans', sans-serif; font-size:14px; font-weight:600}
	#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap p {font-size:15px; font-weight:400; margin-top:10px}

	.subCon > section .answ{padding:10% 8%; margin:15% 0; text-align:center}


	.subCon > section { margin:10% auto;}
	.bulletStyle { margin-top:10%; margin-bottom:-10% }
	.subCon02 {padding:0px 0;}
	.subCon02 > section {max-width:1492px; margin:0 auto;}

	.sub04_table thead tr td { font-size:10px }
	.sub04_table tbody tr td {  font-size:8px} 

	.mt80 { margin-top:10% !important }
	.mb130 {margin-bottom:10% !important}
	.mb20 { margin-bottom:0% !important}
	.mt50 { margin-top:0% !important }
	.mt25 { margin-top:0%; !important }
	.subCon > section h3 {  margin-bottom:5%; }
	#main-sec04 {background:url('../images/main-sec04_bg.jpg') 71% center no-repeat}

	.mt80 { margin-top:10% !important}
	.mb80 { margin-bottom:10% !important; }
	.mb100 { margin-bottom:10% !important; }
	.mb130 {margin-bottom:10% !important}
	.mb20 { margin-bottom:0% !important}
	.mt30 { margin-top: 3% !important;
	.mt50 { margin-top:0% !important }
	.mt25 { margin-top:0% !important }
	.imageIndent120 {margin-top:20px;}
	.imageIndent180 {margin-top:0px;}
	.imageIndent100 {margin-top:20px !important}



	.subCon > section .ques{font-size:22px;text-align:left}
	.subCon > section .ques span{font-size:28px}
	.subCon > section .qtxt{font-size:16px;text-align:left}
	.subCon > section .answ .atxt01{font-size:28px}
	.subCon > section .answ .atxt02{font-size:20px;}
	.subCon > section .answ h3{font-size:20px;}
	.subCon > section .a_stxt{font-size:14px;}
	.subCon > section .answ{width:100%}

	 .table_tit {  width:40%; margin: 0 auto; padding:0 0; }

	.bottombt { padding-top:50px; }


}






/*아이폰5*/
@media screen and (max-width:320px) {	

	/*#subVisual.sub_event section {  padding:20% 0 65% 0}
	#subVisual.sub_event section h2 {font-size:40px; letter-spacing:-4px}
	.event_detail { font-size:0.8em; padding-bottom:20% }
	.info_box { width:90%; margin:0 auto; font-size:0.7em; text-align:left; }
	.info_box li span.info_tit { border-radius:30px; padding:1% 3% 1.5% 3%; background-color:#3c3557; color:#fff; vertical-align:middle;
margin-right:2%; vertical-align:middle;}

	.noti_box { width:90%; margin:0 auto 0 5%; font-size:1.5em; text-align:left; position:relative; }
	.noti_box p { font-size:0.5em; }
	.noti_box .noti_list li { font-size:0.5em;}
	.gift_coffee {right:-5%; top:90%; }

	#subVisual.sub_event section {  padding:20% 0 75% 0}
	#subVisual.sub_event section h2 {font-size:28px; letter-spacing:-2px}
	.event_detail { font-size:0.7em; padding-bottom:15% }
	.gift_coffee {right:-12%; top:90%; }
	.white_area { width:85%; margin:0 auto;}	*/
	
	.gift_tit { font-size: 35px; }

	.table_tit {    width: 90%; }


	

	
	
	#main-sec01 {background:url('../images/main-sec01_bg_m.jpg') no-repeat; background-size:cover; background-position:-3% center; }
	#main-sec04 {background:url('../images/main-sec04_bg.jpg') 69% center no-repeat}


	#main-sec02 {background:#f1f7fe}
	#main-sec02 .fp-tableCell section .row {margin-top:4%}
	#main-sec02 .fp-tableCell section .row div img { margin-left:5%; }
	#main-sec02 .fp-tableCell section .row div img.graph01 { padding-right:20px; }

	.mt50auto { margin:30px auto 0 auto !important }
	.mt80auto { margin:30px auto 0 auto !important }
	.mt90auto { margin:30px auto 0 auto !important }
	.center02 { margin-top:50px; }

	
	.sub04_table thead tr td { font-size:10px }
	.sub04_table tbody tr td {  font-size:8px} 



	#subVisual.sub01 section h2, #subVisual.sub02 section h2, #subVisual.sub03 section h2, #subVisual.sub04 section h2, #subVisual.sub05 section h2, #subVisual.sub06 section h2{font-size:32px}
	.shareFix { width:48%;}
	.shareFix p {  margin-left:7%} 
	.subCon > section .row h3 { font-size:1.4em; }
	.subCon > section .news_tap{width:14%; margin:25% auto 5% auto;}
	#main-sec02 .fp-tableCell section {padding:15% 8% 5% 8%;}
	#main-sec02 .fp-tableCell section h2 {font-size:27px;}
	#main-sec02 .fp-tableCell section .row {margin-top:0px; padding-bottom:50px}
	#main-sec02 .fp-tableCell section h3 {font-size:18px; line-height:150%; margin-bottom:20px}
	#main-sec03 .fp-tableCell section .focusWrap h2 {font-size:27px; }
	#main-sec03 .fp-tableCell section {padding:18% 8% 17% 8%;}
	#main-sec04 .fp-tableCell section h2 {font-size:25px; line-height:150% }
	.center04{ margin:5% auto 0 auto; width:100%; }
	#main-sec05 .fp-tableCell section .issueWrap {margin-top:18%; padding-bottom:50px;}
	#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap h4 {font-family:'Open Sans', sans-serif; font-size:14px; font-weight:600}
	#main-sec05 .fp-tableCell section .issueWrap a.issue_pc .infoWrap p {font-size:15px; font-weight:400; margin-top:10px}

	.subCon > section .answ{background:#f6f6f6; padding:10% 8%; margin:15% 0; text-align:center}
	.subCon > section {max-width:1492px; margin:10% auto;}

	.bulletStyle { margin-top:10%; margin-bottom:-10% }

	.subCon02 {padding:0px 0;}
	.subCon02 > section {max-width:1492px; margin:0 auto;}
	.mt80 { margin-top:10% !important}
	.mb80 { margin-bottom:10% !important; }
	.mb130 {margin-bottom:10% !important}
	.mb20 { margin-bottom:0% !important}
	.mt30 { margin-top: 3% !important;
	.mt50 { margin-top:0% !important }
	.mt25 { margin-top:0% !important }
	.imageIndent120 {margin-top:20px;}
	.imageIndent180 {margin-top:0px;}
	.imageIndent100 {margin-top:20px !important}
	.subCon > section h3 {  margin-bottom:5%; }
	#main-sec04 {background-size:cover; background-position:50% center}

	.subCon > section .ques{font-size:22px;text-align:left}
	.subCon > section .ques span{font-size:28px}
	.subCon > section .qtxt{font-size:15px;text-align:left}
	.subCon > section .answ .atxt01{font-size:28px}
	.subCon > section .answ .atxt02{font-size:18px;}
	.subCon > section .answ h3{font-size:18px;}
	.subCon > section .a_stxt{font-size:14px;}
	.subCon > section .answ{width:100%}


	.bottombt { padding-top:50px; }

	.center05  { width:80%; margin:0 auto;  }
	.center05 .moreBtn02 { width:80%; padding:10px 20px; font-size:14px; text-align:center; margin:0 auto;
	font-size:11px }



	}