@charset "utf-8";

/* Font */

/* NotoSans */
@font-face {font-family:noto; font-weight:100; src:url('font/NotoSans-Light.woff') format('woff'), url('font/NotoSans-Light.woff2') format('woff2'), url('font/NotoSans-Light.otf') format('OpenType')}
@font-face {font-family:noto; font-weight:200; src:url('font/NotoSans-DemiLight.woff') format('woff'), url('font/NotoSans-DemiLight.woff2') format('woff2'), url('font/NotoSans-DemiLight.otf') format('OpenType')}
@font-face {font-family:noto; font-weight:400; src:url('font/NotoSans-Regular.woff') format('woff'), url('font/NotoSans-Regular.woff2') format('woff2'), url('font/NotoSans-Regular.otf') format('OpenType')}
@font-face {font-family:noto; font-weight:700; src:url('font/NotoSans-Medium.woff') format('woff'), url('font/NotoSans-Medium.woff2') format('woff2'), url('font/NotoSans-Medium.otf') format('OpenType')}
@font-face {font-family:noto; font-weight:800; src:url('font/NotoSans-Bold.woff') format('woff'), url('font/NotoSans-Bold.woff2') format('woff2'), url('font/NotoSans-Bold.otf') format('OpenType')}

/* NanumMyeongjo */
@font-face {font-family:nm; font-weight:800; src:url('font/NanumMyeongjoBold.woff') format('woff'), url('font/NanumMyeongjoB.woff2') format('woff2'), url('font/NanumMyeongjoBold.otf') format('OpenType')}

/* style reset */
* {margin:0; padding:0; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

html {width:100%; font-size:14px; font-family:noto, sans-serif;}

body {margin:0;font-family:noto;font-size:1.0rem;font-weight:400;line-height:1.5;color:#666;text-align:left;background-color:#fff}
/*ul, ol, li {list-style:none}*/
a {color:inherit; text-decoration:none !important; cursor:pointer}
a:focus {outline:none}

em, address, i {font-style:normal}
caption {visibility:hidden; width:0; height:0; overflow:hidden; font-size:0}
hr {font-size:0; line-height:0}
select {border-radius:0; color:rgba(102,102,102,0.9); -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
select::-ms-expand {display:none}
button {background:transparent; border:0; vertical-align:middle; cursor:pointer}
button:focus {outline:none}
pre {white-space:pre-line; word-break:break-all}
img {border:0; vertical-align:middle}


/* skipnavi */
.skipnavi {position:relative}
.skipnavi p {display:none}
.skipnavi p a {position:absolute; left:0; top:-50px; font-size:0}
.skipnavi p a:active, p.skipnavi p a:focus {display:block; left:0; top:0; z-index:51; width:400px; height:30px; padding-top:-50px; text-align:center; background:#666; line-height:14px; text-decoration:none; color:#fff; font-size:12px; font-weight:600}

/* Slick Slider */
.slick-slider {position:relative; display:block; height:100%; font-size:0; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list {position:relative; display:block; overflow:hidden; width:100%; height:100%; margin:0; padding:0}
.slick-list.dragging {cursor:pointer; cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track {position:relative; top:0; left:0; display:block; width:100%; height:100%}
.slick-track:before,.slick-track:after {display:table; content:""}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {display:none;float:left; width:auto; height:100%; min-height:1px}
[dir='rtl'] .slick-slide {float:right}
.slick-slide img {display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block; height:auto}
.slick-arrow.slick-hidden {display:none}


/* common */
.hide {overflow:hidden; position:absolute; left:-1000%; top:0; width:0; height:0; font-size:0.1%; line-height:0.1%}
.transparents-layer {position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50)}
.nocontents {width:100%; padding:5rem; text-align:center; font-size:1.6rem}
.tab-hiddencontents {display:none}
.tab-hiddencontents.on {display:block}
.pc-only {display:block !important}
.mobile-only {display:none !important}
.pull-left {float:left !important; clear:none !important}
.pull-right {float:right !important; clear:none !important}
.pull-none {float:none !important; clear:none !important; overflow:hidden; display:block}

.box-width {width:84.3rem;  margin:0 auto 0rem;}
.page-title {margin:0 0 3rem 0; font-family:nm; font-size:3.8rem; color:#333; line-height:4.5rem}

/* layout */
#wrap {width:100%;  opacity:0}
.btn-gotop {position:fixed; right:2%; bottom:2%; z-index:60; width:3rem; height:3rem; padding:0; background:url('/images/btn_gotop_m.png') no-repeat 100% 50%; background-size:100% auto; border:0; font-size:0; text-indent:-99999rem}

/* body#main .header {z-index:10} */
body#main .header {}
body#main .header .topmenu .subdepth-layer {box-shadow:0 0.3rem 0.6rem rgba(0,0,0,0.1)}
body#main .section-footer .footer .btn-gotop {display:none}

.header {z-index:50; position:absolute; width:100%; height:7rem; background:url('/images/bg_headerline.png') repeat-x 0 100%;}
.header:after {content:""; display:block; clear:both; overflow:hidden}
.header h1 {float:left; width:9rem; height:7rem; margin-left:2rem;}
.header h1 a {display:block; width:100%; height:100%; background:url('/images/logo.png') no-repeat 50%; font-size:0; text-indent:-99999rem}
.header .topmenu {display:inline-block; height:7rem; margin-left:15rem; padding-top:2.7rem;}
.header .topmenu > ul {height:4.3rem; list-style:none;}
.header .topmenu > ul:after {content:""; display:block; clear:both; overflow:hidden}
.header .topmenu > ul > li {float:left; position:relative; height:4.3rem; padding:0; margin:0;}
.header .topmenu > ul > li > a {display:block; width:100%; height:4.3rem; padding:0 4rem; color:#fff; font-size:1.4rem; font-weight:700;}
.header .topmenu > ul > li:hover > a {border-bottom:3px solid #febb00; color:#febb00}
.header .topmenu > ul > li.on > a,
.header .topmenu > ul > li > ul > li.on a {color:#febb00}
.header .topmenu > ul > li ul {display:none; position:absolute; left:0; top:3.0rem; width:102%; height:25rem; padding-top:3.5rem; padding-left:4rem; z-index:52;}
.header .topmenu > ul > li:last-child ul {width:60rem}
.header .topmenu > ul > li ul li {float:none; margin:0.5rem 0 0 0}
.header .topmenu > ul > li ul li:first-child {margin-top:0}
.header .topmenu > ul > li ul li a {color:#333; font-size:1.2rem; font-weight:400; line-height:2.2rem}
.header .topmenu > ul > li ul li a:hover {color:#f3b60a}
.header .topmenu .subdepth-layer {position:absolute; left:0; top:7rem; z-index:51; width:100%; height:20rem; background:#fff; opacity:0;}
.header .utilmenu {float:right; margin-right:6.4rem; padding-top:37px;}
.header .utilmenu:after {content:""; display:block; clear:both; overflow:hidden}
.header .utilmenu ul:after {content:""; display:block; clear:both; overflow:hidden}
.header .utilmenu ul.othermenu {float:left; height:2.7rem; list-style:none}
.header .utilmenu ul.othermenu li {float:left; margin-left:4rem}
.header .utilmenu ul.othermenu li:first-child {margin-left:0}
.header .utilmenu ul.othermenu li a {color:#000; font-size:1.4rem; font-weight:700}
.header .utilmenu ul.othermenu li:hover a {color:#febb00}
.header .utilmenu ul.snsmenu {float:left; position:relative; height:2.7rem; margin-left:4rem; padding-left:4.7rem;list-style:none}
.header .utilmenu ul.snsmenu:before {content:""; display:block; position:absolute; top:50%; left:0; width:0.1rem; height:2.2rem; margin-top:-1.1rem; background:rgba(255,255,255,0.2)}
.header .utilmenu ul.snsmenu li {float:left; margin-left:3rem;}
.header .utilmenu ul.snsmenu li:first-child {margin-left:0}
.header .utilmenu ul.snsmenu li a {display:block; width:2.4rem; height:2.4rem; font-size:0}
.header .utilmenu ul.snsmenu li.facebook a {background:url('/images/icon_facebook_off.png') no-repeat 50%}
.header .utilmenu ul.snsmenu li.facebook a:hover,
body.fp-viewing-section-2 .header .utilmenu ul.snsmenu li.facebook a:hover{background:url('/images/icon_facebook_on.png') no-repeat 50%}
.utilmenu ul.snsmenu li.instagram a {background:url('/images/icon_instagram_off.png') no-repeat 50%}
.header .utilmenu ul.snsmenu li.instagram a:hover,
body.fp-viewing-section-2 .header .utilmenu ul.snsmenu li.instagram a:hover {background:url('/images/icon_instagram_on.png') no-repeat 50%}
.header .btn-allmenu {position:absolute; top:50%; right:1.5rem; z-index:55; width:2.5rem; height:2.5rem; font-size:0; margin-top:-1.2rem}
.header .btn-allmenu i {position:absolute; left:0; top:50%; margin-top:-0.1rem; width:100%; height:0.2rem; background-color:#000; right:0; transition:background-color 0.3s 0s, opacity 0.3s 0.3s, margin 0.3s 0.3s, transform 0.3s 0s}
.header .btn-allmenu i:nth-child(1) {margin-top:-1.1rem}
.header .btn-allmenu i:nth-child(3) {margin-top:0.9rem}
.header .btn-allmenu:hover i {background-color:#f2b303}
.header.expand {background:#fff url('/images/bg_headerline_on.png') repeat-x 0 100%}
.header.expand ul{list-style:none}
.header.expand h1 a {background:url('/images/logo_b.png') no-repeat 50%}
.header.expand .topmenu > ul > li > a {color:#333; }
.header.expand .topmenu > ul > li:hover > a {color:#febb00}
.header.expand .btn-allmenu i {background-color:#fff; transition-delay:0.4s, 0.4s, 0.4s, 0.6s}
.header.expand .btn-allmenu i:nth-child(1) {margin-top:-0.1rem; transform:rotate(-45deg)}
.header.expand .btn-allmenu i:nth-child(2) {opacity:0}
.header.expand .btn-allmenu i:nth-child(3) {margin-top:-0.1rem; transform:rotate(45deg)}
.header.expand .btn-allmenu i {background-color:#fff}
.header.expand .btn-allmenu:hover i {background-color:#fff}

.container {clear:both; overflow:hidden; margin:0; padding:0}
.container:after {content:""; display:block; clear:both; overflow:hidden}
.container .subvisual {position:relative; z-index:40; height:30.3rem; overflow:hidden; background-repeat:no-repeat; background-position:left top; background-attachment:fixed; animation:imgScale 3s both;}
.container .subvisual h2 {position:absolute; left:0%; top:50%; width:100%; margin:0 0 0 0; text-align:center; color:#fff;}
.container .subvisual h2 strong {display:block; margin: 0; font-size:5.8rem; font-weight:500; font-family:nm; line-height:6rem}
.container .subvisual h2 span {display:block; margin-top:1.6rem; font-size:1.8rem; font-weight:200}
.container .pagenavi {z-index:41; position:relative; width:100%; min-width:84.3rem; height:5.1rem; background:#fff; border-bottom:1px solid #ddd; transform:translateZ(0);}
.container .pagenavi .btn-fontsize {display:block; position:absolute; left:50%; top:0; z-index:61; width:84.3rem; height:5rem; margin:0 0 0 -59rem; border-right:1px solid #ddd}
.container .pagenavi .btn-fontsize button {float:right; width:7rem; height:5rem; border-left:1px solid #ddd; font-size:0; text-indent:-99999rem}
.container .pagenavi .btn-fontsize .btn-font-large {background:url('/images/icon_fontsize_large.png') no-repeat 50%}
.container .pagenavi .btn-fontsize .btn-font-small {background:url('/images/icon_fontsize_small.png') no-repeat 50%}
.container .pagenavi:after {content:""; display:block; overflow:hidden; z-index:-10; position:absolute; top:0; right:0; width:50%; height:5rem; background:#fff; transform:translateX(-50%)}
.container .pagenavi:before {content:""; display:block; overflow:hidden; z-index:-10; position:absolute; top:0; left:0; width:50%; height:5rem; background:#fff;  transform:translateX(50%);}
.container .pagenavi > ul {position:relative; z-index:62; width:84.3rem; margin:0 auto; padding:0 14rem 0 0; border-left:1px solid #ddd;list-style:none}
.container .pagenavi > ul:after {content:""; display:block; float:left; overflow:hidden}
.container .pagenavi > ul > li {float:left; position:relative; height:5rem; border-left:1px solid #ddd}
.container .pagenavi > ul > li.home {width:7rem;text-align:center;text; }
.container .pagenavi > ul > li.home a {display:block; width:100%; height:100%;  /*background:url('/images/icon_home.png') no-repeat 50%; font-size:0; text-indent:-99999rem*/}
.container .pagenavi > ul > li .holder {display:block; position:relative; z-index:41; width:18.5rem; height:100%; line-height:5.1rem}
.container .pagenavi > ul > li .holder > a {display:block; padding:0 3rem; background:url('/images/icon_arr_02.png') no-repeat 90% 50%; font-size:1.2rem}
.container .pagenavi > ul > li:last-child {border-right:1px solid #ddd}
.container .pagenavi > ul > li:last-child .holder > a {background:url('/images/icon_arr_03.png') no-repeat 90% 50%; color:#fff; font-weight:500}
.container .pagenavi > ul > li:last-child ul {left:0; width:100%; border-width:0;}
.container .pagenavi > ul > li ul {display:none;  z-index:40; width:18.5rem; padding:0; border-width:0 1px 1px 1px; border-style:solid; border-color:#ddd; transition:all 0.2s linear}
.container .pagenavi > ul > li ul {background:#fff; list-style:none}
.container .pagenavi > ul > li ul li {height:3rem; line-height:3rem}
.container .pagenavi > ul > li ul li a {display:block; height:3rem; padding:0 3rem; line-height:2.5rem; font-size:1.2rem}
.container .pagenavi > ul > li ul li a:hover {background:#f7f7f7}
.container .pagenavi.topFixed {z-index:60; position:fixed; top:0; box-shadow:0 10px 15px -15px rgba(0,0,0,0.3)}
.container .pagenavi.topFixed > ul {background:#fff}
.container .pagenavi.topFixed:before {background:#fff; transform:translateX(0); transition:transform 0.5s}
.container .pagenavi.topFixed:after {background:#fff; transform:translateX(0); transition:transform 0.5s }
.container .contentsarea {width:84.3rem; min-height:50rem; margin:0 auto 10rem; padding:10rem 0 4rem 0;}
.container .contentsarea:after {content:""; display:block; clear:both; overflow:hidden}
.container .contentsarea.wideType {width:100%}

.footer {background:#222}
.footer .innerbox {position:relative; width:calc(100% - 28.8rem - 6.4rem); max-width:134.4rem; margin:0 0 0 28.8rem !important; padding:5rem 0 !important}
.footer .innerbox:after {content:""; display:block; clear:both; overflow:hidden}
.footer ul.bmenu {margin-bottom:2rem}
.footer ul.bmenu:after {content:""; display:block; clear:both; overflow:hidden}
.footer ul.bmenu li {float:left; position:relative; margin-left:1.5rem; padding-left:1.5rem}
.footer ul.bmenu li:after {content:""; display:block; position:absolute; top:50%; left:0; width:0.1rem; height:1.2rem; margin-top:-0.6rem; background:#454545}
.footer ul.bmenu li:first-child {margin-left:0; padding-left:0}
.footer ul.bmenu li:first-child:after {display:none}
.footer ul.bmenu li a {color:#fff}
.footer ul.familysite {position:absolute; top:5rem; right:0; margin-bottom:2rem}
.footer ul.familysite:after {content:""; display:block; clear:both; overflow:hidden}
.footer ul.familysite li {float:left; position:relative; margin-left:1.5rem; padding-left:1.5rem}
.footer ul.familysite li:after {content:""; display:block; position:absolute; top:50%; left:0; width:0.1rem; height:1.2rem; margin-top:-0.6rem; background:#454545}
.footer ul.familysite li:first-child {margin-left:0; padding-left:0}
.footer ul.familysite li:first-child:after {display:none}
.footer ul.familysite li a {color:#fff}
.footer p {clear:both; overflow:hidden; font-size:0}
.footer p > span {display:inline-block; position:relative; margin-left:1.5rem; padding-left:1.5rem; vertical-align:middle; color:#7e7e7e; font-size:1.0rem}
.footer p > span a:hover {text-decoration:underline}
.footer p > span:after {content:""; display:block; position:absolute; top:50%; left:0; width:0.1rem; height:1.2rem; margin-top:-0.6rem; background:#454545}
.footer p > span:first-child {margin-left:0; padding-left:0}
.footer p > span:first-child:after {display:none}
.footer p.copyright {margin-top:2rem; color:#7e7e7e; font-size:1.0rem}

/* btn */
.btncenter {display:block; clear:both; text-align:center; font-size:0}
.btncenter button {margin:0 0 0 1rem}
.btncenter button:first-child {margin-left:0}
.btnright {display:block; position:relative; clear:both; text-align:right; font-size:0}
.btnright:after {content:""; display:block; clear:both; overflow:hidden}
.btnright .txt-bottom {position:absolute; left:0; top:-0.5rem; display:inline-block; height:2.5rem; padding:0 0 0 1.2rem; font-size:1.6rem; font-weight:400; line-height:2.5rem}
.btnright .txt-bottom:before {position:absolute; left:0; top:50%; width:0.3rem; height:0.3rem; margin-top:-0.15rem; background:#f8b908; border-radius:50%; content:""}
.btnright span.btnleft {float:left}
.btnright button {margin:0 0 0 1rem}
.btnright button:first-child {margin-left:0}
.btn-moreview {margin:3rem 2rem 0 2rem}
.btn-moreview button {width:100%; height:5rem; padding:0; text-align:center; line-height:5rem; background:#f6f6f6; border:0.1rem solid #ddd; color:#999; font-size:1.7rem; font-weight:700}
.btn-moreview button:only-child {float:none; width:100%}
.btn-list {width:6rem; height:6rem; background:#666 url('/images/btn_listgo.png') no-repeat 50%; font-size:0; text-indent:-99999rem}
.btn-gray {padding:0 2rem; text-align:center; background:#666; color:#fff}
.btn-white {padding:0 2rem; text-align:center; background:#fff; border:1px solid #aeaeae; color:#666}
.btn-black {padding:0 2rem; text-align:center; background:#333; color:#fff}
.btn-green-border {height:3.5rem; padding:0 2rem; text-align:center; background:#fff; border:1px solid #39b06c; color:#39b06c}
.btn-green-border:hover {background:#39b06c; color:#fff}


.btn-gray-border {height:3.5rem; padding:0 2rem; text-align:center; background:#fff; border:1px solid #ddd; color:#999}
.btn-reaction {width:5rem; height:5rem; background:#fff url('/images/icon_moreview.png') no-repeat 50%; border:1px solid #ddd; font-size:0; text-indent:-99999rem}
.btn-border {padding:0 2rem; text-align:center; background:#fff; border:1px solid #666; color:#666}
.btn-large {min-width:10rem; height:5rem; padding:0 3rem; font-size:1.6rem; font-weight:600}
button .filter {display:inline-block; padding:0 3rem 0 0; background:url('/images/icon_filter.png') no-repeat 100% 50%; background-size:2.2rem auto}
.btn-ok {padding:0 2rem; text-align:center; background:#666; color:#fff}
.btn-cancel {padding:0 2rem; text-align:center; background:#fff; border:1px solid #ddd; color:#666}
.btn-print {width:5rem !important; height:5rem; background:url('/images/icon_print.png') no-repeat 50%; border:1px solid #ddd; font-size:0}																					  
.btn-yellow {background:#ffa211; color:#fff}

/* main */

/*기본 검정*/
body.fp-viewing-section-1 .header.expand .utilmenu > ul > li > a {color:#000}
/*서브메뉴 팝없시 snsmenu 검정*/
body.fp-viewing-section-1 .header.expand .utilmenu > ul.snsmenu > li.facebook > a {background:url('/images/icon_facebook_b.png') no-repeat 48%}
body.fp-viewing-section-1 .header.expand .utilmenu > ul.snsmenu > li.instagram > a {background:url('/images/icon_instagram_b.png') no-repeat 48%}

/*기본 검정*/
body.fp-viewing-section-2 .header .utilmenu ul.othermenu li a:not(:hover) {color:#000}
body.fp-viewing-section-2 .header .utilmenu ul.snsmenu li.facebook a {background:url('/images/icon_facebook_b.png') no-repeat 48%}
body.fp-viewing-section-2 .header .utilmenu ul.snsmenu li.instagram a {background:url('/images/icon_instagram_b.png') no-repeat 50%}




/*서브메뉴 팝없시 snsmenu 검정*/
body.fp-viewing-section-3 .header.expand .utilmenu > ul > li > a {color:#000}
body.fp-viewing-section-3 .header.expand .utilmenu > ul.snsmenu > li.facebook > a {background:url('/images/icon_facebook_b.png') no-repeat 48%}
body.fp-viewing-section-3 .header.expand .utilmenu > ul.snsmenu > li.instagram > a {background:url('/images/icon_instagram_b.png') no-repeat 48%}

/*서브메뉴 팝없시 snsmenu 검정*/
body.fp-viewing-section-4 .header.expand .utilmenu > ul > li > a {color:#000}
body.fp-viewing-section-4 .header.expand .utilmenu > ul.snsmenu > li.facebook > a {background:url('/images/icon_facebook_b.png') no-repeat 48%}
body.fp-viewing-section-4 .header.expand .utilmenu > ul.snsmenu > li.instagram > a {background:url('/images/icon_instagram_b.png') no-repeat 48%}



body.fp-viewing-footer .header {background:rgb(34, 34, 34, 0.7) !important}
body.fp-viewing-footer .header.expand .topmenu > ul > li > a {color:#fff}

body.fp-viewing-footer .header.expand .topmenu > ul > li:hover > a {color:#febb00}
body.fp-viewing-footer .header.expand .topmenu > ul > li.on > a {color:#febb00}

.navi-main {display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; z-index:10; position:fixed; left:6.4rem; height:100%; min-height:73.5rem; -webkit-flex-direction:column; -moz-flex-direction:column; -msflex-direction:column; flex-direction:column; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center;}
.navi-main ul li {position:relative; margin-top:1rem; padding-left:2.8rem;list-style:none;}
.navi-main ul li:first-child {margin-top:0}
.navi-main ul li:before {content:""; display:block; position:absolute; top:50%; left:0.2rem; width:0.7rem; height:0.7rem; margin-top:-0.35rem; border-radius:50%; background:#fff; opacity:0.2}
.navi-main ul li:after {content:""; display:block; position:absolute; top:1.8rem; left:0.5rem; width:0.1rem; height:3.3rem; background:#fff; opacity:0.15}
.navi-main ul li a {color:#fff; font-size:1.2rem; opacity:0.3}
.navi-main ul li.active:before {left:0; width:1.1rem; height:1.1rem; opacity:1}
.navi-main ul li.active a {opacity:1}
.navi-main ul li:last-child:after {display:none}

/**/


/*메인 배경*/
.maincontentsarea .section {min-height:73.5rem; }/*50% / 50% auto; transition:background 2s 1s*/
.maincontentsarea .section.section-1 {background-size:100% auto}
.maincontentsarea .section.section-2 {background-size:100% auto}
.maincontentsarea .section.section-3 {background-size:100% auto}
.maincontentsarea .section.section-4 {background-size:100% auto}
.maincontentsarea .tab_hiddencontents {display:none}
.maincontentsarea .tab_hiddencontents.on {display:block}
.maincontentsarea .tab_hiddencontents.on .btn-more {display:block}

.maincontentsarea .fp-tableCell button.mouse {content:""; display:block; position:absolute; bottom:4rem; left:50%; width:2.2rem; height:3.4rem; background:url('/images/icon_mouse_w.png') no-repeat 50%; transform:translate(-50%, -50%); font-size:0; text-indent:-99999rem}
.maincontentsarea .section:after {content:""; display:block; position:absolute; bottom:4.5rem; left:50%; width:1.3rem; height:0.8rem; margin-left:-0.65rem; background:url('/images/icon_mouse_arr_w.png') no-repeat 50%; animation:arrUpDown 1s infinite}
.maincontentsarea .section .innerbox {margin-top:9rem; padding-left:20.8rem;}
.maincontentsarea .section .innerbox:after {content:""; display:block; clear:both; overflow:hidden}
.maincontentsarea .section .contentsbox {float:left}
.maincontentsarea .section .contentsbox .slick-list {padding:0 0 0 0 !important}
.maincontentsarea .section .contentsbox .slick-track {display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-align-items:flex-end; -ms-align-items:flex-end; -moz-align-items:flex-end; align-items:flex-end}
.maincontentsarea .section .contentsbox .slick-slide { margin-right:2rem; box-shadow:1rem 1rem 2rem -1rem rgba(0,0,0,0.05); cursor:pointer}
.maincontentsarea .section.section-footer {min-height:auto; margin:0}
.maincontentsarea dl.title {float:left; width:24rem; margin-right:8.4rem;} /*16.4rem 박스여백 공통*/
.maincontentsarea dl.title dt em {display:block; width:5rem; height:5rem; margin-bottom:4rem; background:url('/images/bg_main_title_01.png') no-repeat 50%; text-align:center; line-height:5rem; color:#fff; font-size:1.6rem}
.maincontentsarea dl.title dt strong {display:block; line-height:1.25; color:#000; font-size:3.6rem; font-family:nm; font-weight:800}
.maincontentsarea dl.title dd {position:relative; margin-top:1.8rem}
.maincontentsarea dl.title dd > p {color:#fff; font-size:1.6rem}


.maincontentsarea .slide-arrs {display:block; width:8rem; height:4rem; margin-top:3.5rem; font-size:0}
.maincontentsarea .slide-arrs > button {width:50%; height:100%; margin-left:-0.1rem; border:1px solid rgba(255,255,255,0.7); font-size:0; text-indent:-99999px}
.maincontentsarea .slide-arrs > button.slick-prev {margin-left:0; background:url('/images/icon_slide_prev_01.png') no-repeat 50%}
.maincontentsarea .slide-arrs > button.slick-next {background:url('/images/icon_slide_next_01.png') no-repeat 50%}


/*.maincontentsarea dl.title dd .page {position:absolute; bottom:1.3rem; left:13rem}*/


.maincontentsarea .section-1 {background-image:url('/images/bg_main_01.jpg')}
.maincontentsarea .section-2 {background-image:url('/images/bg_main_02.jpg')}
.maincontentsarea .section-3 {background-image:url('/images/bg_main_03.jpg')}
.maincontentsarea .section-4 {background-image:url('/images/bg_main_04.jpg')}



.maincontentsarea .section-1 .contentsbox {position:relative;width:900px;  padding-top:0; overflow:hidden;}
/*.maincontentsarea .section-1 dl.title {float:left; width:34rem; margin-right:16.4rem} */
.maincontentsarea .section-1 dl.title dd > .list-link {margin-top:6rem;}
.maincontentsarea .section-1 dl.title dd > .list-link ul:after {content:""; display:block; clear:both; overflow:hidden;list-style:none;}
.maincontentsarea .section-1 dl.title dd > .list-link ul li {float:left; position:relative; margin-left:1.4rem; padding-left:1.9rem}
.maincontentsarea .section-1 dl.title dd > .list-link ul li:before {content:""; display:block; position:absolute; top:50%; left:0; width:0.4rem; height:0.4rem; margin-top:-0.2rem; border-radius:50%; background:#85868a; vertical-align:middle}
.maincontentsarea .section-1 dl.title dd > .list-link ul li:first-child {margin-left:0; padding:0}
.maincontentsarea .section-1 dl.title dd > .list-link ul li:first-child:before {display:none}
.maincontentsarea .section-1 dl.title dd > .list-link ul li a {display:block; border-bottom:2px solid transparent; color:#666; font-size:1.4rem}
.maincontentsarea .section-1 dl.title dd > .list-link ul li.on a {color:#2876b2; border-color:#2876b2; font-weight:600}
.maincontentsarea .section-1 dl.title dd > .list-link ul li:hover a {color:#2876b2}
.maincontentsarea .section-1 dl.title dd .slide-arrs {display:none}
.maincontentsarea .section-1 dl.title dd .slide-arrs.on {display:block}

.maincontentsarea .section-1 .slide-book {margin-right:-2reml; }
.maincontentsarea .section-1 .slide-book li {position:relative; width:280px; height:445px;!important;overflow:hidden; background-color:#fff;}
.maincontentsarea .section-1 .slide-book li .pic {display:block; position:relative; width:100%; height:220px; background:#f4f4f4; font-size:0}
.maincontentsarea .section-1 .slide-book li .pic img {position:absolute; top:50%; left:50%;  box-shadow:8px 8px 8px -2px rgba(0,0,0,0.25); transform:translate3d(-50%, -50%, 0)}

.maincontentsarea .section-1 .slide-book li .pic1 {display:block; position:relative; width:100%; height:446px; background:#f4f4f4; overflow:hidden;}
.maincontentsarea .section-1 .slide-book li .pic1 img {box-shadow:8px 8px 8px -2px rgba(0,0,0,0.25);}


.maincontentsarea .section-1 .slide-book li .info {width:100%; height:15rem; padding:2.2rem 3.5rem 3.5rem 3.2rem; background:#fff;}
.maincontentsarea .section-1 .slide-book li .info > .cate {display:block; overflow:hidden; width:100%; margin-bottom:1rem; color:#aeaeae; font-size:1rem; font-weight:400; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-1 .slide-book li .info > .cate > i {display:inline; position:relative; vertical-align:middle; color:inherit; font-size:1rem}
.maincontentsarea .section-1 .slide-book li .info > .cate > i:before {content:""; display:inline-block; width:0.5rem; height:1rem; margin:0 0.8rem; background:url('/images/icon_arr_01.png') no-repeat 50%}
.maincontentsarea .section-1 .slide-book li .info > .cate > i:first-child {margin-left:0}
.maincontentsarea .section-1 .slide-book li .info > .cate > i:first-child:before {display:none}
.maincontentsarea .section-1 .slide-book li .info > .title {display:block; height:3.6rem; overflow:hidden; line-height:1.33; color:#333; font-size:1.4rem; font-family:nm; font-weight:800}
.maincontentsarea .section-1 .slide-book li .info1 > .title1 {display:block; height:2.0rem; overflow:hidden; line-height:1.33; color:#333; font-size:1.4rem; font-family:nm; font-weight:800;}
.maincontentsarea .section-1 .slide-book li .info > .writer {display:block; overflow:hidden; width:100%; margin-top:1rem; vertical-align:middle; color:#999; font-size:1rem; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-1 .slide-book li .info > .writer > i {display:inline; position:relative; margin-left:0.6rem; padding-left:1.1rem; color:inherit; font-size:inherit}
.maincontentsarea .section-1 .slide-book li .info > .writer > i:before {content:""; display:block; position:absolute; top:50%; left:0; width:0.1rem; height:1.2rem; margin-top:-0.6rem; background:#ddd}
.maincontentsarea .section-1 .slide-book li .info > .writer > i:first-child {margin-left:0; padding-left:0}
.maincontentsarea .section-1 .slide-book li .info > .writer > i:first-child:before {display:none}
.maincontentsarea .section-1 .slide-book li .info > p {overflow:hidden; display:block; height:8rem; margin-top:1rem; line-height:1.6; color:rgba(102,102,102,0.8); font-size:1rem}
.maincontentsarea .section-1 .slide-book.type-cate li .info > .title {height:3.5rem; min-height:3.5rem; max-height:3.5rem}
.maincontentsarea .section-1 .slide-book.type-cate li .info > p {height:5.5rem}
.maincontentsarea .section-1 .slide-book > .btn-more {display:none; position:absolute; top:0; right:0; height:3rem; padding-right:2.2rem; background:url('/images/icon_plus_01.png') no-repeat 100% 30%; color:#fff; font-size:1.5rem; font-weight:400}
.maincontentsarea .section-1 .tab_hiddencontents.tab1 .slide-book li .pic {overflow:hidden}
.maincontentsarea .section-1 .tab_hiddencontents.tab1 .slide-book li .pic img {width:10rem;  }/*11rem*/
.maincontentsarea .section-1 .tab_hiddencontents.tab2 .slide-book li .pic img {width:10rem;  }/*11rem*/
.maincontentsarea .section-1 .tab_hiddencontents.tab3 .slide-book li .pic img {height:100%; width:100%; }/*11rem*/
.maincontentsarea .section-1 .tab_hiddencontents.tab3 .slide-book li .info > p { height:5rem;}/*전시 3줄 설명*/


.maincontentsarea .section-2:before {display:none}
.maincontentsarea .section-2:after {display:none}
.maincontentsarea .section-2 .contentsbox {position:relative;width:68%;  padding-top:0rem; overflow:hidden;}/*width:calc(100% - 83.7rem - 16.4rem);*/

.maincontentsarea .section-2 .contentsbox .slick-slide {box-shadow:0.4rem 0.4rem 0.7rem rgba(0,0,0,0.08), -0.2rem 0 0.3rem rgba(0,0,0,0.05)}
.maincontentsarea .section-2 dl.title dt em {background-image:url('/images/bg_main_title_02.png'); color:#e0831e}
.maincontentsarea .section-2 dl.title dd .btn-place {width:13.5rem; height:4.8rem; margin-top:3.5rem; border-radius:2.4rem; background:#dd6801; color:#fff; font-size:2.0rem;}
.maincontentsarea .section-2 dl.title dd .btn-place:hover {background-color:#fff; color:#dd6801}

/*.maincontentsarea .section-2 .slide-place li {position:relative; width:43rem !important; height:50rem}*/
.maincontentsarea .section-2 .slide-place li {position:relative; width:25rem !important; height:35rem}
.maincontentsarea .section-2 .slide-place li .pic {display:block; position:relative; width:100%; height:23rem; overflow:hidden; background:#f4f4f4; font-size:0}
.maincontentsarea .section-2 .slide-place li .pic img {width:100%; height:100%; overflow:hidden;}
.maincontentsarea .section-2 .slide-place li .info {width:100%; height:17rem; padding:3rem 2.4rem 3rem 3rem; background:#fff;}
.maincontentsarea .section-2 .slide-place li .info > .title {display:block; overflow:hidden; width:100%; margin-bottom:2rem; color:#333; font-size:1.4rem; font-family:nm; font-weight:800; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-2 .slide-place li .info > .address {display:block; overflow:hidden; color:rgba(102,102,102,0.8); font-size:1.0rem; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-2 .slide-place li .info > .time {display:block; overflow:hidden; color:rgba(102,102,102,0.8); font-size:1.0rem; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-2 .slide-place li .info > .time > b {color:inherit; font-size:inherit; font-weight:inherit}
.maincontentsarea .section-2 .slide-place li .info > .time > i {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:inherit; font-size:inherit; font-weight:inherit}
.maincontentsarea .section-2 .slide-place li .info > .time > i:before {content:""; display:block; position:absolute; top:50%; left:0; width:0.1rem; height:1.2rem; margin-top:-0.6rem; background:#c7c7c7}



.maincontentsarea .section-3 button.mouse {background:url('/images/icon_mouse_w.png') no-repeat 50%}
.maincontentsarea .section-3:after {background-image:url('/images/icon_mouse_arr_w.png')}
.maincontentsarea .section-3 dl.title {height:auto;}
.maincontentsarea .section-3 dl.title dt em {background-image:url('/images/bg_main_title_03.png'); color:#fff}
.maincontentsarea .section-3 dl.title dt strong {color:#fff}
.maincontentsarea .section-3 dl.title dd {}
.maincontentsarea .section-3 dl.title dd > p {color:#fff}
.maincontentsarea .section-3 dl.title dd > .list-link {margin-top:3rem}
.maincontentsarea .section-3 dl.title dd > .list-link ul:after {content:""; display:block; clear:both; overflow:hidden;list-style:none;}
.maincontentsarea .section-3 dl.title dd > .list-link ul li {float:left; width:55%; margin-top:1rem;list-style:none;}
.maincontentsarea .section-3 dl.title dd > .list-link ul li:nth-child(even) {width:45%}
.maincontentsarea .section-3 dl.title dd > .list-link ul li a {display:block; position:relative; padding-left:1.3rem; color:#333; font-size:1.0rem}
.maincontentsarea .section-3 dl.title dd > .list-link ul li a:before {content:""; display:block; position:absolute; top:50%; left:0; width:0.5rem; height:0.7rem; margin-top:-0.35rem; background:url('/images/icon_bullet_01.png') no-repeat 0 50%}
.maincontentsarea .section-3 dl.title dd > .list-link ul li:hover a {color:#f55521; font-weight:800}
.maincontentsarea .section-3 dl.title dd > .list-link ul li:hover a:before {background-image:url('/images/icon_bullet_02.png')}

.maincontentsarea .section-3 .contentsbox {position:relative;width:66%;  padding-top:0; overflow:hidden;}
.maincontentsarea .section-3 .slide-interview li {position:relative; width:23.6rem !important; height:31.8rem;}/*53.8*/

.maincontentsarea .section-3 .slide-interview li .pic {display:block; position:relative; width:100%; height:22rem; background:#f4f4f4; font-size:0}
.maincontentsarea .section-3 .slide-interview li .pic img {width:100%; height:100%}
.maincontentsarea .section-3 .slide-interview li .info {width:100%; height:31.8rem; padding:3.5rem 3rem; background:#fff}
.maincontentsarea .section-3 .slide-interview li .info > .title {display:block; overflow:hidden; width:100%; height:6.2rem; margin-bottom:2rem; color:#333; font-size:2.0rem; font-family:nm; font-weight:800; }
.maincontentsarea .section-3 .slide-interview li .info > .place {display:block; overflow:hidden; color:#999; font-size:1.0rem; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-3 .slide-interview li .info > .member {display:block; overflow:hidden; color:#999; font-size:1.0rem; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-3 .slide-interview li .info > p {overflow:hidden; height:12rem; margin-top:2rem; line-height:1.625; color:#666; font-size:1.0rem}
.maincontentsarea .section-3 .slide-interview li.newest {position:relative; width:42rem !important; overflow:hidden}
.maincontentsarea .section-3 .slide-interview li.newest .member {color:#fff}
.maincontentsarea .section-3 .slide-interview li.newest .pic {height:100%}
.maincontentsarea .section-3 .slide-interview li.newest .pic img {height:auto}
.maincontentsarea .section-3 .slide-interview li.newest .info {position:absolute; bottom:0; left:0; height:20rem; padding:5rem 4rem; background:none}
.maincontentsarea .section-3 .slide-interview li.newest .info > .subtitle {display:block; color:#fff; font-size:1.8rem}
.maincontentsarea .section-3 .slide-interview li.newest .info > .title {margin-top:2rem; color:#fff}




.maincontentsarea .section-4 button.mouse {background:url('/images/icon_mouse_w.png') no-repeat 50%}
.maincontentsarea .section-4:after {background-image:url('/images/icon_mouse_arr_w.png')}
.maincontentsarea .section-4 dl.title {height:; }
.maincontentsarea .section-4 dl.title dt em {background-image:url('/images/bg_main_title_04.png'); color:#fff}
.maincontentsarea .section-4 dl.title dd .btn-place {width:10.0rem; height:3.0rem; margin-top:3.5rem; border-radius:2.4rem; background:#dd6801; color:#fff; font-size:1.6rem}
.maincontentsarea .section-4 dl.title dd .btn-place:hover {background-color:#fff; color:#dd6801}
/*
.maincontentsarea .section-4 .slide-banner {position:relative; width:auto; height:23rem; margin:7.8rem -4rem 0 0; background:rgba(255,255,255,0.1)}
.maincontentsarea .section-4 .slide-banner li > a {display:block; width:100%; height:100%; padding:3rem 5rem}
.maincontentsarea .section-4 .slide-banner li > a em {display:inline-block; width:auto; height:2.8rem; margin-bottom:1rem; padding:0 1rem; border:1px solid rgba(255,255,255,0.8); font-size:1.35rem; border-radius:1.4rem; color:#fff; line-height:2.7rem}
.maincontentsarea .section-4 .slide-banner li .title {display:block; overflow:hidden; height:6rem; margin-bottom:2.5rem; color:#fff; font-size:2rem; font-weight:700}
.maincontentsarea .section-4 .slide-banner li span {display:block; overflow:hidden; color:rgba(255,255,255,0.5); font-size:1.6rem; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-4 .slide-banner li span:before {content:""; display:inline-block; width:0.3rem; height:0.3rem; margin-right:0.7rem; background:rgba(255,255,255,0.3); border-radius:50%; vertical-align:middle}
*/
.maincontentsarea .section-4 .contentsbox {position:relative;width:900px;  padding-top:0rem; overflow:hidden; }
.maincontentsarea .section-4 .list-board ul {margin:-2% 0 0 -2%;list-style:none;}
.maincontentsarea .section-4 .list-board ul:after {content:""; display:block; clear:both; overflow:hidden}
.maincontentsarea .section-4 .list-board ul li {float:left; position:relative; width:48%; height:20rem; margin:2% 0 0 2%; background:#fff}
.maincontentsarea .section-4 .list-board ul li:after {content:""; display:block; position:absolute; bottom:3.6rem; right:3rem; width:6.9rem; height:5.9rem}
.maincontentsarea .section-4 .list-board ul li a {display:block; width:100%; height:100%; padding:5rem 4rem}
.maincontentsarea .section-4 .list-board ul li a > strong {display:block; margin-bottom:2rem; color:#333; font-size:1.8rem; font-family:nm; font-weight:800}
.maincontentsarea .section-4 .list-board ul li a > span {display:block; font-size:1.0rem}
.maincontentsarea .section-4 .list-board ul li.board-1:after {background:url('/images/icon_maing_board_01.png') no-repeat 50%}
.maincontentsarea .section-4 .list-board ul li.board-2:after {background:url('/images/icon_maing_board_02.png') no-repeat 50%}
.maincontentsarea .section-4 .list-board ul li.board-3:after {background:url('/images/icon_maing_board_03.png') no-repeat 50%}
.maincontentsarea .section-4 .list-board ul li.board-4:after {background:url('/images/icon_maing_board_04.png') no-repeat 50%}
.maincontentsarea .section-footer:before {display:none}
.maincontentsarea .section-footer:after {display:none}



body#etc .container .pagenavi {display:none}

#cornet .container .pagenavi > ul > li:last-child .holder > a {background-color:#00bed6}
#cornet .container .pagenavi > ul > li:last-child:hover .holder > a {background-color:#00bed6}
#cornet .container .subvisual {background-image:url('/images/img_subvisual_01.jpg')}
#cornet .container .pagenavi > ul > li.on ul {background:#00bed6; color:#fff}
#cornet .container .pagenavi > ul > li.on ul li a {background:#00bed6; color:#fff}
#cornet .container .pagenavi > ul > li.on ul li a:hover {text-decoration:none}
/*서브메뉴 팝업 메뉴 색상변경*/
#cornet .header.expand .utilmenu > ul > li > a {color:#666}
#cornet .header.expand .utilmenu > ul.snsmenu > li.facebook > a {background:url('/images/icon_facebook_b.png') no-repeat 48%}
#cornet .header.expand .utilmenu > ul.snsmenu > li.instagram > a {background:url('/images/icon_instagram_b.png') no-repeat 48%}


#topik .container .pagenavi > ul > li:last-child .holder > a {background-color:#fe541e}
#topik .container .pagenavi > ul > li:last-child:hover .holder > a {background-color:#fe541e}
#topik .container .subvisual {background-image:url('/images/img_subvisual_02.jpg')}
#topik .container .pagenavi > ul > li.on ul {background:#fe541e; color:#fff}
#topik .container .pagenavi > ul > li.on ul li a {background:#fe541e; color:#fff}
#topik .container .pagenavi > ul > li.on ul li a:hover {text-decoration:none}
/*서브메뉴 팝업 메뉴 색상변경*/
#topik .header.expand .utilmenu > ul > li > a {color:#666}
#topik .header.expand .utilmenu > ul.snsmenu > li.facebook > a {background:url('/images/icon_facebook_b.png') no-repeat 48%}
#topik .header.expand .utilmenu > ul.snsmenu > li.instagram > a {background:url('/images/icon_instagram_b.png') no-repeat 48%}




#about .container .pagenavi > ul > li:last-child .holder > a {background-color:#6639b6}
#about .container .pagenavi > ul > li:last-child:hover .holder > a {background-color:#6639b6}
#about .container .subvisual {background-image:url('/images/img_subvisual_03.jpg')}
#about .container .pagenavi > ul > li.on ul {background:#6639b6; color:#fff}
#about .container .pagenavi > ul > li.on ul li a {background:#6639b6; color:#fff}
#about .container .pagenavi > ul > li.on ul li a:hover {text-decoration:none}
/*서브메뉴 팝업 메뉴 색상변경*/
#about .header.expand .utilmenu > ul > li > a {color:#666}
#about .header.expand .utilmenu > ul.snsmenu > li.facebook > a {background:url('/images/icon_facebook_b.png') no-repeat 48%}
#about .header.expand .utilmenu > ul.snsmenu > li.instagram > a {background:url('/images/icon_instagram_b.png') no-repeat 48%}


#board .container .pagenavi > ul > li.on ul {background:#fc074f; color:#fff}
#board .container .pagenavi > ul > li.on ul li a {background:#fc074f; color:#fff}
#board .container .pagenavi > ul > li.on ul li a:hover {text-decoration:none}
#board .container .pagenavi > ul > li:last-child .holder > a {background-color:#fc074f}
#board .container .pagenavi > ul > li:last-child:hover .holder > a {background-color:#fc074f}
#board .container .subvisual {background-image:url('/images/img_subvisual_04.jpg')}
/*서브메뉴 팝업 메뉴 색상변경*/
#board .header.expand .utilmenu > ul > li > a {color:#666}
#board .header.expand .utilmenu > ul.snsmenu > li.facebook > a {background:url('/images/icon_facebook_b.png') no-repeat 48%}
#board .header.expand .utilmenu > ul.snsmenu > li.instagram > a {background:url('/images/icon_instagram_b.png') no-repeat 48%}



#member .container .subvisual {background-image:url('/images/img_subvisual_03.jpg')}
#member .container .pagenavi > ul > li.on ul {background:#18ba9b; color:#fff}
#member .container .pagenavi > ul > li.on ul li a {background:#18ba9b; color:#fff}
#member .container .pagenavi > ul > li.on ul li a:hover {text-decoration:underline}
#member .container .pagenavi > ul > li:last-child .holder > a {background-color:#18ba9b}
#member .container .pagenavi > ul > li:last-child:hover .holder > a {background-color:#18ba9b}
/*서브메뉴 팝업 메뉴 색상변경*/
#member .header.expand .utilmenu > ul > li > a {color:#666}
#member .header.expand .utilmenu > ul.snsmenu > li.facebook > a {background:url('/images/icon_facebook_b.png') no-repeat 48%}
#member .header.expand .utilmenu > ul.snsmenu > li.instagram > a {background:url('/images/icon_instagram_b.png') no-repeat 48%}


/* modalpopup */
.modalpop {display:block; opacity:0; top:-99999rem; left:-99999rem}
.popupwrap {position:fixed; left:-99999rem; top:-99999rem; z-index:110; overflow:hidden; width:60rem; background:#fff; opacity:0}
.popupwrap .btn-popclose {position:absolute; right:3rem; top:2.3rem; width:2.6rem; height:2.5rem; background:url('../images/icon_popclose1.png') no-repeat 50%; font-size:0; text-indent:-99999rem; z-index:60}
.popupwrap h1 {height:7rem; padding:0 4rem; background:#f8b908; line-height:7rem; color:#fff; font-size:2.4rem; font-weight:600}
.popupwrap .popcontents {clear:both; overflow-y:auto; padding:4rem}
.popupwrap .paging {height:2.4rem; margin:1.5rem 0 0 0}
.popupwrap .paging button {width:2.4rem; height:2.4rem; border:0; font-size:0; text-indent:-99999rem}
.popupwrap .paging button.btn-paging-prev {background:url('../images/icon_paging_prev.png') no-repeat 50% 60%}
.popupwrap .paging button.btn-paging-next {background:url('../images/icon_paging_next.png') no-repeat 50% 60%}
.popupwrap .paging span {height:2.4rem; margin:0 1rem; line-height:2.4rem}
.popupwrap .paging span a {width:2rem; height:2.4rem; margin:0 0.3rem; color:#999; font-size:1.3rem; font-weight:200; line-height:2.4rem}
.popupwrap .paging span a.on {font-size:1.5rem; color:#222; font-weight:600}
.popupwrap .paging span a:hover {font-size:1.5rem; color:#222; font-weight:600}
.popupwrap fieldset {clear:both; overflow:hidden; margin-bottom:2.5rem}
.popupwrap fieldset h2 {display:block; margin:0 0 1rem 0; color:#333; font-size:1.6rem}
.popupwrap fieldset .optionbox {float:left; width:12rem; height:4.5rem; margin:0 1rem 0 0}
.popupwrap fieldset p {position:relative; float:none; overflow:hidden; width:auto; height:4.5rem; padding:0 5rem 0 0; background:#f6f6f6}
.popupwrap fieldset p button {position:absolute; right:0; top:0; width:4.5rem; height:4.5rem; background:url('../images/icon_search_02.png') no-repeat 50%; font-size:0; text-indent:-99999rem}
.popupwrap fieldset .inpbox {height:4.5rem}
.popupwrap .resultbox {clear:both; overflow:hidden; height:39rem; margin-bottom:3rem}
.popupwrap .resultbox h2 {margin:0 0 1rem 0; color:#999; font-size:1.5rem; font-weight:400}
.popupwrap .resultbox .scrollbox {width:100%; height:32rem; padding:3rem; overflow-x:hidden; overflow-y:auto; border:1px solid #ddd}
.popupwrap .resultbox .scrollbox dl:only-child dt:only-child {float:none; clear:both; width:100%; overflow:hidden; text-align:center}
.popupwrap .resultbox dl {clear:both; overflow:hidden; margin-top:3rem}
.popupwrap .resultbox dl:first-child {margin-top:0}
.popupwrap .resultbox dl dt {float:left; width:8rem; margin:0 3rem 0 0}
.popupwrap .resultbox dl dt .pic {display:block; width:100%}
.popupwrap .resultbox dl dt .pic img {width:100%; transition: transform .35s}
.popupwrap .resultbox dl dt .pic img:hover {width:100%; transform:scale(1.05)}
.popupwrap .resultbox dl dd {float:none; overflow:hidden; padding:0.5rem 0 0 0}
.popupwrap .resultbox dl dd strong {display:block; margin-bottom:0.8rem; color:#222; font-size:1.6rem; font-weight:700}
.popupwrap .resultbox dl dd strong a {color:#222; font-size:1.6rem; font-weight:700}
.popupwrap .resultbox dl dd strong a:hover {text-decoration:underline}
.popupwrap .resultbox dl dd ul li {color:#666; font-size:1.4rem; line-height:2.4rem}
.popupwrap.pop-newsletter {width:70rem}
.popupwrap.pop-newsletter .popcontents {padding:3rem 3.5rem}
.popupwrap.pop-newsletter .rulebox {margin-bottom:1rem; padding:2.5rem 3rem;border:1px solid #ddd; background-color:#f7f7f7}
.popupwrap.pop-newsletter .rulebox strong {display:block; margin-bottom:1rem; color:#333; font-size:1.5rem}
.popupwrap.pop-newsletter .rulebox ul li {line-height:1.714}
.popupwrap.pop-newsletter .boardwrite {margin-left:0; margin-right:0}
.popupwrap.pop-newsletter .boardwrite > div > ul {margin-bottom:2rem}
.popupwrap.pop-newsletter .boardwrite > div > ul > li > label {width:15%}
.popupwrap.pop-newsletter .boardwrite > div > ul > li {width:100%; padding:2rem 2rem 0}
.popupwrap.pop-newsletter input[type="checkbox"] + label {padding-top:0.1rem; font-size:1.4rem}
.popupwrap.pop-mailto {width:76rem}
.popupwrap.pop-mailto .rulebox {clear:both; overflow:hidden; padding:2.2rem 2.5rem; background:#f7f7f7; border:1px solid #ddd}
.popupwrap.pop-mailto .rulebox strong {display:block; margin-bottom:1rem; color:#333; font-size:1.6rem; font-weight:700}
.popupwrap.pop-mailto .rulebox ul li {font-size:1.4rem; line-height:2.2rem}
.popupwrap.pop-mailto .txt-agree {margin-top:1rem}
.popupwrap.pop-mailto .txt-agree label {font-size:1.5rem; color:#666}
.popupwrap.pop-mailto input[type="checkbox"]:checked + label:before {background:url('../images/bg_icheck_on.png') no-repeat 0 50% !important; color:#666}
.popupwrap.pop-mailto input[type="checkbox"]:checked + label:after {background:url('../images/bg_icheck_on.png') no-repeat 0 50% !important; color:#666}
.popupwrap.pop-mailto .boardwrite {margin-top:1.5rem; margin-bottom:3rem}
.popupwrap.pop-mailto .boardwrite > div > ul > li {float:none; width:auto; padding:0.6rem 0 2rem; border-top:0}
.popupwrap.pop-mailto .boardwrite > div > ul > li:nth-child(2) {padding-top:0}
.popupwrap.pop-mailto .boardwrite > div > ul > li .optionbox select {font-size:1.4rem}
.popupwrap.pop-mailto .boardwrite > div > ul > li .inpbox input {font-size:1.4rem}
.popupwrap.pop-mailto .boardwrite > div > ul > li .txtbox textarea {font-size:1.4rem}
.popupwrap.pop-mailto .boardwrite > div > ul > li .email .optionbox {width:32.4%}
.popupwrap.pop-mailto .boardwrite > div > ul > li.ntxt > div span {line-height:3rem}

.popupwrap.pop-authcheck {width:68rem; height:44rem}
.popupwrap.pop-authcheck h2 {font-size:1.6rem; font-weight:400}
.popupwrap.pop-authcheck .boardwrite {margin-top:1.5rem; margin-bottom:3rem}
.popupwrap.pop-authcheck .boardwrite > div > ul > li > label {width:8rem}
.popupwrap.pop-authcheck .boardwrite > div > ul > li {float:none; width:auto; padding:0.6rem 0; border-top:0}
.popupwrap.pop-authcheck .boardwrite > div > ul > li:nth-child(2) {padding-top:0}
.popupwrap.pop-authcheck .boardwrite > div > ul > li .optionbox select {font-size:1.4rem}
.popupwrap.pop-authcheck .boardwrite > div > ul > li .inpbox input {font-size:1.4rem}
.popupwrap.pop-authcheck .boardwrite > div > ul > li .email .optionbox {width:32.4%}
.popupwrap.pop-authcheck .boardwrite p {margin-top:2rem; text-align:center}
.popupwrap.pop-authcheck .boardwrite p a {display:inline-block; border-bottom:1px solid #999; font-size:1.5rem}

.popupwrap.pop-pw {width:68rem}
.popupwrap.pop-pw h2 {font-size:1.6rem; font-weight:400}
.popupwrap.pop-pw .boardwrite {margin-top:1.5rem; margin-bottom:3rem}
.popupwrap.pop-pw .boardwrite > div > ul > li > label {width:8rem}
.popupwrap.pop-pw .boardwrite > div > ul > li {float:none; width:auto; padding:0.6rem 0; border-top:0}
.popupwrap.pop-pw .boardwrite > div > ul > li .optionbox select {font-size:1.4rem}
.popupwrap.pop-pw .boardwrite > div > ul > li .email .optionbox {width:32.4%}

.popupwrap.pop-password {width:68rem; height:39rem}
.popupwrap.pop-password h2 {font-size:1.6rem; font-weight:400}
.popupwrap.pop-password .boardwrite {margin-top:1.5rem; margin-bottom:3rem}
.popupwrap.pop-password .boardwrite > div > ul > li > label {width:8rem}
.popupwrap.pop-password .boardwrite > div > ul > li {float:none; width:auto; padding:0.6rem 0; border-top:0}
.popupwrap.pop-password .boardwrite > div > ul > li:nth-child(2) {padding-top:0}
.popupwrap.pop-password .boardwrite > div > ul > li .optionbox select {font-size:1.4rem}
.popupwrap.pop-password .boardwrite > div > ul > li .inpbox input {font-size:1.4rem}
.popupwrap.pop-password .boardwrite > div > ul > li .email .optionbox {width:32.4%}

.popupwrap.pop-booksearch {width:59rem}
.popupwrap.pop-clubsearch {width:59rem}
.popupwrap.pop-clubsearch fieldset .optionbox {float:left; width:14rem; height:4.5rem; margin:0 1rem 0 0}
.popupwrap.pop-clubsearch .resultbox dl {margin-top:2rem}
.popupwrap.pop-clubsearch .resultbox dl:first-child {margin-top:0}
.popupwrap.pop-clubsearch .resultbox dl dt {float:none; width:auto; margin:0}
.popupwrap.pop-clubsearch .resultbox dl dt strong {display:block; margin-bottom:0; color:#222; font-size:1.6rem; font-weight:700}
.popupwrap.pop-clubsearch .resultbox dl dt strong a {color:#222; font-size:1.6rem; font-weight:700}
.popupwrap.pop-clubsearch .resultbox dl dt strong a:hover {text-decoration:underline}
.popupwrap.pop-clubsearch .resultbox dl dd ul li {clear:both; overflow:hidden}
.popupwrap.pop-clubsearch .resultbox dl dd ul li span {display:inline-block; line-height:2.4rem}
.popupwrap.pop-clubsearch .resultbox dl dd ul li span:first-child {position:relative; padding-right:1rem; margin-right:1rem}
.popupwrap.pop-clubsearch .resultbox dl dd ul li span:first-child:after {position:absolute; right:0; top:50%; width:0.1rem; height:1.2rem; margin-top:-0.6rem; background:#ddd; content:""}
.popupwrap.pop-clubsearch .resultbox {height:29rem}
.popupwrap.pop-clubsearch .resultbox .scrollbox {height:22rem; padding:2.4rem}
.popupwrap.pop-postsearch {width:59rem}
.popupwrap.pop-postsearch .resultbox ul li {clear:both; overflow:hidden; margin-top:2rem}
.popupwrap.pop-postsearch .resultbox ul li:first-child {margin-top:0}
.popupwrap.pop-postsearch .resultbox ul li a {display:block; line-height:2.4rem}
.popupwrap.pop-postsearch .resultbox ul li a strong {display:block; font-size:1.4rem; color:#333}
.popupwrap.pop-postsearch .resultbox ul li a span {display:block; font-size:1.4rem; color:#333}
.popupwrap.pop-postsearch .resultbox {height:29rem}
.popupwrap.pop-postsearch .resultbox .scrollbox {height:22rem; padding:2.4rem}
.popupwrap.pop-filtercheck h1 {padding-left:1.6rem; background:#fff; border-bottom:1px solid #ddd; color:#333}
.popupwrap.pop-filtercheck .popcontents {padding:2.5rem 1.5rem}
.popupwrap.pop-filtercheck dl dt {margin:0 0 1.2rem 0; color:#333; font-size:1.6rem; font-weight:600}
.popupwrap.pop-filtercheck dl dd {font-size:0}
.popupwrap.pop-filtercheck dl dd .btn-white {display:block; width:100%; height:4.2rem; border-width:0 1px 1px 1px; border-style:solid; border-color:#ddd; color:#666; font-size:1.5rem}
.popupwrap.pop-filtercheck dl dd .btn-white:first-child {border-width:1px}
.popupwrap.pop-filtercheck dl dd .btn-white.on {border:1px solid #ffa211; color:#ffa211}
.popupwrap.pop-filtercheck .boardwrite {margin:3rem 0}
.popupwrap.pop-filtercheck .boardwrite > ul > li {margin-top:2rem}
.popupwrap.pop-filtercheck .boardwrite > ul > li:first-child {margin-top:0}
.popupwrap.pop-filtercheck .boardwrite > ul > li > label {display:block; margin-bottom:0.7rem; color:#333; font-size:1.6rem; font-weight:600}
.popupwrap.pop-filtercheck .boardwrite > ul > li .optionbox select {background-position:95% 50%}
.popupwrap.pop-filtercheck .btn-reset {display:inline-block; width:auto; height:2.5rem; line-height:2.5rem}
.popupwrap.pop-filtercheck .btn-reset a {display:inline-block; width:100%; height:2.5rem; padding-right:2rem; background:url('../images/icon_reset.png') no-repeat 100% 50%; background-size:1.5rem; font-weight:400}
.popupwrap.pop-filtercheck .btncenter {margin-top:3rem}
.popupwrap.pop-filtercheck .btncenter button:only-child {width:100%}

.popupwrap.pop-alert {width:49rem}
.popupwrap.pop-alert .msgbox {margin:0 0 3rem 0; font-size:1.5rem; line-height:1.8}

.popupwrap.pop-pin {width:68rem}
.popupwrap.pop-pin h2 {font-size:1.6rem; font-weight:400}
.popupwrap.pop-pin .boardwrite > div > ul > li {width:100%; padding:2rem 0 }
.popupwrap.pop-pin .boardwrite > div > ul > li > label {width:10rem}
.popupwrap.pop-pin .boardwrite {margin-bottom:1rem}

.popupwrap.pop-confirm {width:68rem}
.popupwrap.pop-confirm h2 {font-size:1.6rem; font-weight:400; line-height:1.875}
.popupwrap.pop-confirm h2 span {color:#333; font-weight:600}
.popupwrap.pop-confirm .boardwrite > div > span {display:block; margin:1rem 0 3rem; text-align:center}
.popupwrap.pop-confirm .boardwrite > div > span > a {padding-bottom:0.5rem; border-bottom:1px solid #666}
.popupwrap.pop-confirm .boardwrite > div > ul {margin-top:1.8rem}
.popupwrap.pop-confirm .boardwrite > div > ul > li {width:100%; padding:0.7rem 0; border-top:0}
.popupwrap.pop-confirm .boardwrite > div > ul > li > label {width:9rem}
.popupwrap.pop-confirm .boardwrite > div > ul > li .email .inpbox {width:29% !important}
.popupwrap.pop-confirm .boardwrite > div > ul > li .email .optionbox {width:33% !important; margin:0 0 0 2% !important}

.popupwrap.pop-confirm-club {width:68rem}
.popupwrap.pop-confirm-club h2 {font-size:1.6rem; font-weight:400; line-height:1.875}
.popupwrap.pop-confirm-club h2 span {color:#333; font-weight:600}
.popupwrap.pop-confirm-club .boardwrite > div > span {display:block; margin:1rem 0 3rem; text-align:center}
.popupwrap.pop-confirm-club .boardwrite > div > span > a {padding-bottom:0.5rem; border-bottom:1px solid #666}
.popupwrap.pop-confirm-club .boardwrite > div > ul {margin-top:1.8rem}
.popupwrap.pop-confirm-club .boardwrite > div > ul > li {width:100%; padding:0.7rem 0; border-top:0}
.popupwrap.pop-confirm-club .boardwrite > div > ul > li > label {width:9rem}
.popupwrap.pop-confirm-club .boardwrite > div > ul > li .email .inpbox {width:29% !important}
.popupwrap.pop-confirm-club .boardwrite > div > ul > li .email .optionbox {width:33% !important; margin:0 0 0 2% !important}

.popupwrap.pop-main {width:47rem; height:48rem; text-align:center; line-height:1.75}
.popupwrap.pop-main .btn-popclose {background:url('../images/icon_popclose2.png') no-repeat 50%}
.popupwrap.pop-main .maintext {margin-top:3.5rem; font-size:1.6rem}
.popupwrap.pop-main .maintext span {display:block; margin-bottom:3rem}
.popupwrap.pop-main .maintext strong {display:block; margin-bottom:3rem; color:#333; font-size:3.8rem; font-family:nm; line-height:1.315}
.popupwrap.pop-main .maintext p {margin-bottom:3rem}
.popupwrap.pop-main .maintext em {color:#ffa211}

.popupwrap.pop-expense {width:97.5rem}
.popupwrap.pop-expense .boardwrite ul > li:first-child {padding-top:0 !important}
.popupwrap.pop-expense .boardwrite ul > li .txtbox {width:100% !important}
.popupwrap.pop-expense .boardwrite ul > li:last-child {border-bottom:1px solid #ddd}
.popupwrap.pop-expense .btnright {margin-top:2rem}

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify;}



@media screen and (max-width:1700px) {
	.maincontentsarea .section-1 .innerbox > .contentsbox {width:calc(100% - 34rem - 16.4rem)}
	.maincontentsarea .section-2 .innerbox > .contentsbox {width:calc(100% - 34rem - 16.4rem)}
	.maincontentsarea .section-3 .innerbox > .contentsbox {width:calc(100% - 34rem - 16.4rem)}
	.maincontentsarea .section-1 .slide-book > .btn-more {display:none}
	.maincontentsarea .section-4 .innerbox > .contentsbox {width:calc(100% - 34rem - 16.4rem)}	
	.container .pagenavi > ul > li:hover ul {display:block; top:5.0rem;}
    .popupwrap.pop-main {top:27% !important}


}

@media screen and (min-width:1600px) {
	.container .pagenavi > ul > li:hover ul {display:block; top:7rem; background:#fff}
	.container .pagenavi > ul > li:hover .holder > a {background:#f7f7f7 url('/images/icon_arr_02.png') no-repeat 90% 50%}
	.container .pagenavi > ul > li:last-child:hover .holder > a {background:url('/images/icon_arr_03.png') no-repeat 90% 50%}
	.maincontentsarea .section-4 .innerbox > .contentsbox {width:calc(100% - 34rem)}

}



@media screen and (max-width:1599px) { 
	.header .topmenu {margin-left:5rem}
	.header .utilmenu ul.othermenu li {margin-left:3rem}
	.header .utilmenu ul.snsmenu {margin-left:3rem; padding-left:2.7rem}
	.header .utilmenu ul.snsmenu li {margin-left:2.5rem}
	.header .utilmenu > .btn-fontup {margin-left:2rem}
	.footer .innerbox {width:calc(100% - 22.9rem - 6.4rem); margin-left:22.9rem !important}
	.maincontentsarea .section-4 .innerbox > .contentsbox {width:calc(100% - 34rem)}
	/*.maincontentsarea .section .innerbox {margin-top:8rem; padding-left:22.9rem}
	.maincontentsarea .section .innerbox > .contentsbox {width:calc(100% - 34rem - 11rem)}
	.maincontentsarea dl.title {margin-right:11rem}
	.maincontentsarea .section-1 .contentsbox {height:49.7rem}
	.maincontentsarea .section-4 .innerbox > .contentsbox {width:calc(100% - 34rem - 11rem - 6.4rem)}*/
	.navi-main{display:none;}
	.maincontentsarea .section .innerbox {margin-top:9rem; padding-left:1rem;}
	
	/*.maincontentsarea dl.title {display:none; }
	.maincontentsarea .section-4 .innerbox > .contentsbox {width:100%;}*/

}

@media screen and (max-width:1300px) {
	.header .topmenu {margin-left:3rem}
	.box-width {width:100%;   margin:0 auto ; padding-left:15px; padding-right:15px;}
	.maincontentsarea .section .innerbox {margin-top:9rem; padding-left:1rem;}
	/*아이콘 숨기기*/		
    .maincontentsarea .section-4 .list-board ul li.board-1:after {background:url('') no-repeat 50%}
	.maincontentsarea .section-4 .list-board ul li.board-2:after {background:url('') no-repeat 50%}
	.maincontentsarea .section-4 .list-board ul li.board-3:after {background:url('') no-repeat 50%}
	.maincontentsarea .section-4 .list-board ul li.board-4:after {background:url('') no-repeat 50%}
}


@media screen and (min-width:1024px;) and (max-width:1279px;) {
	.header .topmenu {margin-left:0rem}
	.header .topmenu > ul > li > a {padding:0 2.1rem; font-size:1.4rem}
	.header .topmenu > ul > li ul {padding-left:3rem}
	.header .topmenu > ul > li:first-child ul li:last-child a {font-size:1.4rem}
	.header .topmenu > ul > li ul li a {font-size:1.4rem}
	.header .utilmenu {margin-right:3rem}
	.header .utilmenu ul.othermenu li {margin-left:1rem}
	.header .utilmenu ul.snsmenu {margin-left:1rem; padding-left:1rem}
	.header .utilmenu ul.snsmenu li {margin-left:1rem}
	.header .utilmenu > .btn-fontup {margin-left:1rem}
	.footer .innerbox {width:calc(100% - 20rem - 3rem); margin-left:20rem !important}
	
	.navi-main {left:3.2rem}
	.maincontentsarea .section .innerbox {margin-top:8rem; padding-left:20rem}
	.maincontentsarea .section .innerbox > .contentsbox {width:calc(100% - 30rem - 2rem)}
	.maincontentsarea dl.title {width:; margin-right:2rem}
	.maincontentsarea dl.title dd > p {font-size:1.6rem}
	.maincontentsarea .section-1 dl.title dd > .list-link ul li a {font-size:1.6rem; list-style:none;}
	.maincontentsarea .section-1 .slide-book > .btn-more {right:3rem}
	.maincontentsarea .section-1 .slide-book.type-cate li .info > p {height:5rem}
	.maincontentsarea .section-3 .slide-interview li .info > .title {height:6.5rem}

	.maincontentsarea .section-4 .innerbox > .contentsbox {width:calc(100% - 30rem - 2rem - 3rem)}
	.maincontentsarea .section-4 .slide-banner {width:100%; margin:10rem 0 0}
	.maincontentsarea .section-4 .list-board ul li a {padding:2.5rem 2rem}
	.maincontentsarea .section-4 .list-board ul li a > strong {font-size:2.2rem}

	.maincontentsarea .section .innerbox {margin-top:9rem; padding-left:1rem;}
    
	

}	

@media screen and (max-width:1023px) {
	html {font-size:10px}
	body {font-size:1.4rem}
	.pc-only {display:none !important}
	.mobile-only {display:block !important}
	#wrap {min-width:32rem}
	.btnright span.btnleft .btn-ok {padding:0 3.5rem !important}
	.box-width {width:100%;   margin:0 auto ; padding-left:15px; padding-right:15px;}


	.header {position:fixed; height:6rem; background:#fff}
	.header h1 {width:6rem; height:5.9rem; margin-left:1.4rem}
	.header h1 a {margin-left:0; background-image:url('/images/logo_b.png'); background-size:5.5rem auto}
	.header.topFixed {background:#fff; border-bottom:1px solid #eee}
	.header .topmenu {position:absolute; right:-120%; top:0; z-index:53; width:90%; height:100%; padding-top:6rem; background:#fff; box-shadow:-0.5rem 0 0.7rem rgba(0,0,0,0.15)}
	.header .topmenu > ul {height:100%; overflow-y:auto; overflow-x:hidden; background:#fff}
	.header .topmenu > ul > li {float:none; width:auto; height:auto; margin-left:0; padding-left:0}
	.header .topmenu > ul > li:first-child {margin-left:0}
	.header .topmenu > ul > li > a {position:relative; height:5.5rem; padding-left:2rem; color:#333; line-height:5.5rem; font-size:1.8rem}
	.header .topmenu > ul > li > a:after {position:absolute; right:5%; top:50%; width:1.8rem; height:1.8rem; margin-top:-0.9rem; background:url('/images/icon_arr_09.png') no-repeat 50%; background-size:1.2rem auto; content:""; -ms-transition:all 0.5s; transition:all 0.5s}
	.header .topmenu > ul > li.on > a:after {transform:rotate(180deg)}
	.header .topmenu > ul > li:hover a {border:0; color:#333}
	.header .topmenu > ul > li.on > a {color:#f2b303}
	.header .topmenu > ul > li.on a {/* transition-delay:0.5s, 0.5s, 0.5s, 0.7s */}
	.header .topmenu > ul > li ul {display:none; position:static; left:0; top:0; height:auto}
	.header .topmenu > ul > li ul {padding:1rem 0; background:#f6f6f6}
	.header .topmenu > ul > li ul li {margin:0}
	.header .topmenu > ul > li ul li a {display:block; width:100%; height:3.6rem; padding:0 2rem 0 3rem; line-height:3.3rem; font-size:1.5rem; color:#666}
	.header .topmenu > ul > li ul li a:hover {color:#f2b303}
	.header .topmenu > ul > li ul li.on a {color:#f2b303}
	.header .btn-allmenu:hover i {background-color:#000}
	.header .transparents-layer {position:fixed; z-index:52}
	.header .utilmenu {position:absolute; right:-120%; top:0; z-index:54; float:none; width:90%; height:6rem; margin:0; padding:1.5rem 0 0 0; background:#f2b303}
	.header .utilmenu ul.othermenu {height:3rem; margin-left:0}
	.header .utilmenu ul.othermenu li {height:3rem; margin-left:1rem !important}
	.header .utilmenu ul.snsmenu li.facebook a:hover {background-image:url('/images/icon_facebook_b.png')}
	.header .utilmenu ul.snsmenu li.instagram a:hover {background-image:url('/images/icon_instagram_b.png')}
	.header .utilmenu ul.othermenu li a {display:block; padding:0 1rem; height:3rem; border:1px solid #fff; border-radius:1.5rem; color:#fff !important; font-size:1.4rem; line-height:2.8rem; font-weight:400}
	.header .utilmenu ul.othermenu li a:hover {color:#fff}
	.header .utilmenu ul.snsmenu {height:3rem; margin-left:1rem; padding-left:0.5rem; padding-top:0}
	.header .utilmenu ul.snsmenu:before {height:2rem; margin-top:-1rem}
	.header .utilmenu ul.snsmenu li {margin-left:0.5rem}
	.header .utilmenu ul.snsmenu li:first-child {margin-left:0}
	.header .utilmenu ul.snsmenu li a {width:4rem; height:3rem}
	.header.expand .btn-allmenu i {transition-delay:0.3s, 0.3s, 0.3s, 0.5s}
	.header.expand h1 a {background-image:url('/images/logo.png'); background-size:5.5rem auto}
	.header .topmenu .subdepth-layer {position:absolute; left:-99999rem; top:-99999rem; z-index:-1; width:0; height:0; background:0; border-top:1px solid 0; opacity:0}
	
	.footer ul.bmenu {margin-bottom:1rem}
	.footer p.contact span {float:left}
	.footer p.contact span:first-child {margin-right:1rem}
	
	.container .subvisual {height:22.2rem; margin-top:6rem; background-position:50% 0; background-size:cover;}
	.container .subvisual h2 {top:35%; width:100%; height:5rem; margin:0 0 0 0; }
	.container .subvisual h2 strong {font-size:3.1rem; line-height:4.5rem}
	.container .subvisual h2 span {margin-top:0; font-size:1.7rem}

	.inpbox {height:5rem}
	/*.inpbox input[type="text"], .inpbox input[type="password"] {padding:0 1rem; font-size:1.4rem}*/
	

	#cornet .container .subvisual {background-image:url('/images/img_subvisual_01_m.jpg')}
	#topik  .container .subvisual {background-image:url('/images/img_subvisual_02_m.jpg')}
	#about  .container .subvisual {background-image:url('/images/img_subvisual_03_m.jpg')}
	#board  .container .subvisual {background-image:url('/images/img_subvisual_04_m.jpg')}
	#member .container .subvisual {background-image:url('/images/img_subvisual_03_m.jpg')}

	
	
	
	.container .contentsarea {width:100%; margin:0 auto 5rem; padding:5rem 0 2rem 0}
	.container .pagenavi {width:100%; min-width:100%; height:4.5rem; border-bottom:0}
	.container .pagenavi:after {content:""; display:block; overflow:hidden; z-index:-10; position:absolute; top:0; right:0; width:50%; height:4.5rem; background:#fff; transform:translateX(-50%)}
	.container .pagenavi:before {content:""; display:block; overflow:hidden; z-index:-10; position:absolute; top:0; left:0; width:50%; height:4.5rem; background:#fff;  transform:translateX(50%)}
	.container .pagenavi {height:4.5rem; border-bottom:0}
	.container .pagenavi > ul {width:100%; height:4.5rem; margin:0; padding:0; border-left:0; border-bottom:1px solid #ddd}
	.container .pagenavi > ul > li {width:50%; height:4.5rem; border-left:0}
	.container .pagenavi > ul > li.home {display:none}
	.container .pagenavi > ul > li .holder {width:100%; height:100%; line-height:4.5rem}
	.container .pagenavi > ul > li .holder > a {padding:0 2rem; background:url('/images/icon_arr_02_m.png') no-repeat 90% 50%; background-size:1rem auto; font-size:1.5rem}
	.container .pagenavi > ul > li:last-child {border-right:0}
	.container .pagenavi > ul > li:last-child .holder > a {background:url('/images/icon_arr_03_m.png') no-repeat 90% 50%; background-size:1rem auto}
	.container .pagenavi > ul > li ul {display:none; position:absolute; left:0; top:-25rem; z-index:40; width:100%; padding:0; border-width:0; transition:all 0.2s linear}
	.container .pagenavi > ul > li:hover ul {display:block; top:4.5rem; background:#fff; box-shadow:0.3rem 0.3rem 0.6rem rgba(0,0,0,0.1)}
	.container .pagenavi > ul > li ul {background:#fff}
	.container .pagenavi > ul > li ul li {height:4rem; line-height:4rem}
	.container .pagenavi > ul > li ul li a {display:block; height:4rem; padding:0 2rem; line-height:4rem}
	.container .pagenavi > ul > li ul li a:hover {background:#f7f7f7}
	.container .pagenavi > ul > li:hover .holder > a {background:#f7f7f7 url('/images/icon_arr_02_m.png') no-repeat 90% 50%; background-size:1rem auto}
	.container .pagenavi > ul > li:last-child:hover .holder > a {background:url('/images/icon_arr_03_m.png') no-repeat 90% 50%; background-size:1rem auto}

	.footer .innerbox {position:relative; width:100%; max-width:100%; margin:0 !important; padding:3rem 2rem !important}
	.footer ul.bmenu li {margin-left:1rem; padding-left:1rem}
	.footer ul.bmenu li:after {width:0.1rem; height:1rem; margin-top:-0.5rem}
	.footer ul.bmenu li:first-child {margin-left:0; padding-left:0}
	.footer ul.bmenu li:first-child:after {display:none}
	.footer ul.bmenu li a {color:#aaa; font-size:1.3rem}
	.footer ul.familysite {position:static; top:0; right:none; float:left; margin-bottom:1rem}
	.footer ul.familysite li {margin-left:1rem; padding-left:1rem}
	.footer ul.familysite li:after {width:0.1rem; height:1rem; margin-top:-0.5rem}
	.footer ul.familysite li a {font-size:1.3rem}
	.footer p > span {display:block; position:relative; margin-left:0; padding-left:0; font-size:1.3rem}
	.footer p > span:after {content:""; background:0}	
	.footer p > span.fax:after {width:0.1rem; height:1rem; margin-top:-0.5rem; background:#454545}
	.footer p > span.email {clear:both}
	.footer p.copyright {margin-top:1rem; font-size:1.3rem}

	/* main */
	body#main .header {background:transparent; box-shadow:0 0 0; border-bottom:1px solid rgba(255,255,255,0.5)}
	body#main .header.shadow {background:rgba(255,255,255,0.05)}
	body#main .header .btn-allmenu i {background-color:#fff}
	body#main .header h1 a {margin-left:0; background-image:url('/images/logo.png'); background-size:5.5rem auto}
	
	body#main.fp-viewing-section-1 .header {border-bottom:1px solid rgba(255,255,255,0.2)}
	body#main.fp-viewing-section-3 .header h1 a {background-image: url('/images/logo.png'); background-size:5.5rem auto}
	body#main.fp-viewing-section-4 .header {border-bottom:1px solid rgba(255,255,255,0.2)}
	body#main.fp-viewing-section-2 .header .utilmenu ul.snsmenu li.facebook a {background-image:url('/images/icon_facebook_off.png')}
	body#main.fp-viewing-section-2 .header .utilmenu ul.snsmenu li.instagram a {background-image:url('/images/icon_instagram_off.png')}

	.navi-main {display:none}

	body.searchMobile .subvisual {display:none}
	body.searchMobile .pagenavi {display:none}
	body.searchMobile .header.topFixed {background:#fff; box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.1)}
	body.searchMobile .header.topFixed h1 {display:block}
	body.searchMobile .container .contentsarea {padding-top:7rem; padding-bottom:0; margin:0}
	body.fp-viewing-section-3 .header h1 a {background:url('/images/logo.png') no-repeat 50%; background-size:6rem auto}	
	body.fp-viewing-footer .header {background:rgb(34, 34, 34, 0.2) !important}
	body.fp-viewing-footer .header.expand .topmenu > ul > li > a {color:#333}

	.maincontentsarea .section-1 {background:url('/images/bg_main_01_m.jpg')}
	.maincontentsarea .section-2 {background:url('/images/bg_main_02_m.jpg')}
	.maincontentsarea .section-3 {background:url('/images/bg_main_03_m.jpg')}
	.maincontentsarea .section-4 {background:url('/images/bg_main_04_m.jpg')}
	.maincontentsarea .section {min-height:auto}
	.maincontentsarea .section:before {display:none}
	.maincontentsarea .section:after {display:block; bottom:2rem; left:50%; width:1.8rem; height:1.8rem; margin-left:-0.85rem; background:url('/images/icon_mouse_m.png') no-repeat 50% / 100% auto}
	.maincontentsarea .section .innerbox {position:relative; /* height:calc(100% - 11rem); */ margin-top:4.5rem; padding-right:0; padding-left:1.8rem}
	.maincontentsarea .section .innerbox > .contentsbox {height:30rem !important; width:100%; height:auto; padding-top:0}
	.maincontentsarea .section .contentsbox .slick-list {padding-bottom:0 !important}
	.maincontentsarea .fp-tableCell button.mouse {bottom:3.5rem; left:50.4%; width:1.8rem; height:2.5rem; background:url('/images/icon_mouse_w.png') no-repeat 50%; background-size:90% auto}
	.maincontentsarea dl.title {float:none; width:100%;  !important;  margin:0}
	.maincontentsarea dl.title dt em { width:4rem; height:4rem; margin-bottom:2rem; background-size:4rem auto !important; line-height:4rem; font-size:1.35rem}
	.maincontentsarea dl.title dd {position:static; height:auto; margin-top:0.5rem}
	.maincontentsarea dl.title dt strong {font-size:2.8rem}
	.maincontentsarea dl.title dd > p {font-size:1.45rem}
	.maincontentsarea dl.title dd .slide-arrs {z-index:10; position:absolute; left:1.8rem; bottom:2rem; width:calc(100% - 2.5rem); height:auto; margin-top:0}
	.maincontentsarea dl.title dd .slide-arrs a.moreview {position:absolute; right:1rem; bottom:-0.4rem; display:inline-block; height:2rem; padding:0 1.8rem 0 0; background:url('/images/icon_plus_02.png') no-repeat 100% 50%; background-size:1rem auto; color:#fff; line-height:2rem; font-size:1.3rem}
	.maincontentsarea dl.title dd .slide-arrs ul.slick-dots {font-size:0}
	.maincontentsarea dl.title dd .slide-arrs ul.slick-dots li {display:inline-block; overflow:hidden; width:0.9rem; height:0.9rem; margin-left:1.2rem; border-radius:50%; vertical-align:middle}
	.maincontentsarea dl.title dd .slide-arrs ul.slick-dots li:first-child {margin-left:0}
	.maincontentsarea dl.title dd .slide-arrs ul.slick-dots li button {width:100%; height:100%; background:rgba(255,255,255,0.2); font-size:0; text-indent:-99999rem}
	.maincontentsarea dl.title dd .slide-arrs ul.slick-dots li.slick-active {width:1.1rem; height:1.1rem; border:2px solid #fff}
	.maincontentsarea dl.title dd .slide-arrs ul.slick-dots li.slick-active button {background:none}

	.maincontentsarea  .slide-arrs {z-index:10; position:absolute; left:1.8rem; bottom:2rem; width:calc(100% - 2.5rem); height:auto; margin-top:0}
	.maincontentsarea  .slide-arrs a.moreview {position:absolute; right:1rem; bottom:-0.4rem; display:inline-block; height:2rem; padding:0 1.8rem 0 0; background:url('/images/icon_plus_02.png') no-repeat 100% 50%; background-size:1rem auto; color:#fff; line-height:2rem; font-size:1.3rem}
	.maincontentsarea  .slide-arrs ul.slick-dots {font-size:0}
	.maincontentsarea  .slide-arrs ul.slick-dots li {display:inline-block; overflow:hidden; width:0.9rem; height:0.9rem; margin-left:1.2rem; border-radius:50%; vertical-align:middle}
	.maincontentsarea  .slide-arrs ul.slick-dots li:first-child {margin-left:0}
	.maincontentsarea  .slide-arrs ul.slick-dots li button {width:100%; height:100%; background:#fff; font-size:0; text-indent:-99999rem}
	.maincontentsarea  .slide-arrs ul.slick-dots li.slick-active {width:1.1rem; height:1.1rem; border:2px solid #fff}
	.maincontentsarea  .slide-arrs ul.slick-dots li.slick-active button {background:none}	



	.maincontentsarea .section-1 dl.title {margin-bottom:1.5rem}
	.maincontentsarea .section-1 dl.title dd > .list-link {margin-top:1rem;list-style:none;}
	.maincontentsarea .section-1 dl.title dd > .list-link ul li a {border-bottom:2px solid transparent; color:#fff; font-size:1.4rem}
    .maincontentsarea .section-1 dl.title dd > .list-link ul li.on a {color:#f16528; border-color:#f16528; font-weight:600}
    .maincontentsarea .section-1 dl.title dd > .list-link ul li:hover a {color:#f16528}


	.maincontentsarea .section-1 .slide-book > .btn-more {right:3rem}
	.maincontentsarea .section-1 .slide-book li {width:20rem !important; height:25rem; background:#fff}
	.maincontentsarea .section-1 .tab1 .slide-book li .pic {height:14rem}
	.maincontentsarea .section-1 .tab3 .slide-book li .pic {width:100%}
	.maincontentsarea .section-1 .tab3 .slide-book li .info > .title {max-height:3rem; min-height:3rem}
	.maincontentsarea .section-1 .slide-book li .pic {height:13rem}
	.maincontentsarea .section-1 .slide-book li .pic img {width:11rem}/*11rem*/
	.maincontentsarea .section-1 .slide-book li .info {height:auto; padding:1.2rem}
	.maincontentsarea .section-1 .slide-book li .info > .cate {margin-bottom:0.5rem; font-size:1.4rem}
	.maincontentsarea .section-1 .slide-book li .info > .title {overflow:hidden; width:100%; height:auto; font-size:1.9rem; text-overflow:ellipsis; white-space:nowrap}
	.maincontentsarea .section-1 .slide-book li .info > .writer {margin-top:0.2rem; font-size:1.35rem}
	.maincontentsarea .section-1 .slide-book li .info > p {display:none; height:3rem; overflow:hidden; font-size:1.35rem; line-height:1.55; font-weight:400}
	.maincontentsarea .section-1 .btn-gotop {display:none}
	
	.maincontentsarea .section-2:after {display:none; background:0}
	.maincontentsarea .section-2 dl.title {margin-bottom:1.5rem}
	.maincontentsarea .section-2 dl.title dd .btn-place {width:10rem; height:3.2rem; margin-top:0.5rem; border-radius:1.6rem; font-size:1.4rem;font-weight:800}
	.maincontentsarea .section-2.section button.mouse {bottom:2.8rem}
	.maincontentsarea .section-2.section:after {bottom:1.2rem}
	.maincontentsarea .section-2 dl.title dd .slide-arrs {bottom:3.3rem}
	.maincontentsarea .section-2 .slide-place li {width:20rem !important; height:auto}
	.maincontentsarea .section-2 .slide-place li .pic {height:13.5rem; overflow:hidden}
	.maincontentsarea .section-2 .slide-place li .pic img {height:auto}
	.maincontentsarea .section-2 .slide-place li .info {height:10.2rem; padding:1.2rem 1rem 1rem 1.2rem}
	.maincontentsarea .section-2 .slide-place li .info > .title {margin-bottom:0.8rem; font-size:2rem}
	.maincontentsarea .section-2 .slide-place li .info > .address {font-size:1.35rem}
	.maincontentsarea .section-2 .slide-place li .info > .time {font-size:1.35rem}


	.maincontentsarea .section-3:after {display:block; bottom:1.2rem; background-image:url('/images/icon_mouse_m.png')}
	.maincontentsarea .section-3 .innerbox > .contentsbox {height:auto !important; margin-top:3rem;}

	.maincontentsarea .section-3 dl.title {margin-bottom:1.5rem}
	.maincontentsarea .section-3 dl.title dt em {margin-bottom:1.5rem}
	.maincontentsarea .section-3 dl.title dd {height:auto}
	.maincontentsarea .section-3 dl.title dd > .page {display:none}
	.maincontentsarea .section-3 dl.title dd > .list-link {margin-top:1rem}
	.maincontentsarea .section-3 dl.title dd > .list-link ul li {float:none; display:inline-block; width:auto !important; position:relative; margin:0 0 0 0.4rem}
	.maincontentsarea .section-3 dl.title dd > .list-link ul li:first-child {margin-left:0}
	.maincontentsarea .section-3 dl.title dd > .list-link ul li:before {background:0}
	.maincontentsarea .section-3 dl.title dd > .list-link ul li a {display:block; border-bottom:0; color:#666; font-size:1.6rem}
	.maincontentsarea .section-3 dl.title dd > .list-link ul li:first-child a {padding-left:0}
	.maincontentsarea .section-3 dl.title dd > .list-link ul li a:before {background:url('/images/bg_bar_01_m.png') no-repeat 0 50%; background-size:0.4rem auto}	
	.maincontentsarea .section-3 dl.title dd > .list-link ul li:first-child a:before {padding-left:0; background:0}	
	.maincontentsarea .section-3 dl.title dd > .list-link ul li.on a {color:#666; border-color:#666}
	.maincontentsarea .section-3 dl.title dd > .list-link ul li:hover a {color:#666; font-weight:600}
	
	.maincontentsarea .section-3 dl.title dd .slide-arrs {bottom:4rem}
	.maincontentsarea .section-3 dl.title dd .slide-arrs ul.slick-dots li:not(.slick-active) button {background:#fff}
	
	.maincontentsarea .section-3 .slide-arrs {display:none;bottom:0rem}
	.maincontentsarea .section-3 .slide-arrs ul.slick-dots li:not(.slick-active) button {background:#fff}



	.maincontentsarea .section-3 .slide-interview li {width:31.5rem !important; height:40.8rem !important; overflow:hidden; background:#fff}/*23.8*/
	.maincontentsarea .section-3 .slide-interview li.newest {width:20rem !important; height:23.8rem}
	.maincontentsarea .section-3 .slide-interview li.newest .pic {height:100%}
	.maincontentsarea .section-3 .slide-interview li.newest .pic img {width:100%; height:auto}
	.maincontentsarea .section-3 .slide-interview li.newest .info {height:auto; padding:2rem 1.5rem}
	.maincontentsarea .section-3 .slide-interview li .info > p {overflow:hidden; height:12rem; margin-top:2rem; line-height:1.625; color:#666; font-size:1.4rem}
	.maincontentsarea .section-3 .slide-interview li .pic {height:15rem; overflow:hidden}
	.maincontentsarea .section-3 .slide-interview li .pic img {height:auto}
	.maincontentsarea .section-3 .slide-interview li .info {padding:1.2rem}
	.maincontentsarea .section-3 .slide-interview li .info > .title {height:3rem; margin-top:30px; font-size:2rem; line-height:3rem}
	.maincontentsarea .section-3 .slide-interview li .info > .place {display:block; margin-top:0.8rem; font-size:1.4rem; font-weight:400}
	.maincontentsarea .section-3 .slide-interview li .info > .member {display:block; font-size:1.4rem; font-weight:400}
	.maincontentsarea .section-3 .slide-interview li .info > p {display:block}
	.maincontentsarea .section-3 button.mouse {bottom:2.8rem; background-image:url('/images/icon_mouse_w.png')}
	/*.maincontentsarea .section-3 button.mouse img {display:none !important}*/

	.maincontentsarea .section-4:after {display:block; bottom:1.2rem; background-image:url('/images/icon_mouse_m.png')}
	/*.maincontentsarea .section-4 dl.title dd .btn-place {width:10rem; height:3.2rem; margin-top:0.5rem; border-radius:1.6rem; font-size:1.4rem;font-weight:800}*/
	.maincontentsarea .section-4 .innerbox {padding:0 1.8rem 11.6rem 1.8rem; }
	.maincontentsarea .section-4 .innerbox > .contentsbox {height:auto !important; margin-top:3rem}
	/*.maincontentsarea .section-4 .slide-banner .slide-arrs {margin-top:-1.3rem}
	.maincontentsarea .section-4 .slide-banner {display:block; position:absolute; left:50%; bottom:0; width:calc(100% - 3.8rem); height:auto; transform:translateX(-50%)}
	.maincontentsarea .section-4 .slide-banner li > a {padding:1.5rem 3.6rem 1.2rem 3.6rem}
	.maincontentsarea .section-4 .slide-banner li > a em {display:inline-block !important}
	.maincontentsarea .section-4 .slide-banner li .title {height:4.8rem; margin-bottom:0; font-size:1.5rem; font-weight:400}
	.maincontentsarea .section-4 .slide-banner li span {display:none}
	.maincontentsarea .section-4 .slide-banner .slide-arrs {height:0; left:0}
	.maincontentsarea .section-4 .slide-banner .slide-arrs > button {width:3.5rem; height:3.5rem}
	.maincontentsarea .section-4 .slide-banner .slide-arrs > button.slick-prev {background:url('/images/icon_prevlist_off_m.png') no-repeat 50%; background-size:1rem auto}
	.maincontentsarea .section-4 .slide-banner .slide-arrs > button.slick-next {background:url('/images/icon_nextlist_off_m.png') no-repeat 50%; background-size:1rem auto}*/
	.maincontentsarea .section-4 .list-board ul {margin:0 0 1.5rem 0; list-style:none;}
	.maincontentsarea .section-4 .list-board ul li {width:50%; height:8rem; margin:0; background:0; border-right:1px solid transparent; border-bottom:1px solid transparent}
	.maincontentsarea .section-4 .list-board ul li:after {display:none; list-style:none;}
	.maincontentsarea .section-4 .list-board ul li a {padding:1rem 1.5rem; background:#fff}
	.maincontentsarea .section-4 .list-board ul li a > strong {height:7rem; text-align:center; font-size:2rem}
	.maincontentsarea .section-4 .list-board ul li a > span {display:none}	
	.maincontentsarea .section-4 .list-board ul li:nth-child(1) strong {background:url('') no-repeat 50% 80%; background-size:3rem auto}
	.maincontentsarea .section-4 .list-board ul li:nth-child(2) strong {background:url('') no-repeat 50% 80%; background-size:3rem auto}
	.maincontentsarea .section-4 .list-board ul li:nth-child(3) strong {background:url('') no-repeat 50% 75%; background-size:3rem auto}
	.maincontentsarea .section-4 .list-board ul li:nth-child(4) strong {background:url('') no-repeat 50% 75%; background-size:3rem auto}
    
	.maincontentsarea .section.section-footer:after {background:0}


	

	/* 터치 슬라이드 메뉴 공통 */
	.tslide {position:relative; overflow-x:auto; overflow-y:hidden; white-space:nowrap}
	.tslide > ul {position:relative; width:auto; -webkit-transition:-webkit-transform .4s ease-in-out; transition:-webkit-transform .4s ease-in-out; transition:transform .4s ease-in-out; transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out}
	.tslide > ul > li {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:0}
	
	.tabbox + fieldset.boardschbox {margin:0}
	.tabbox {margin-top:-1.5rem; margin-bottom:2rem}
	.tabbox ul {height:4rem; padding:0 2rem; text-align:left}
	.tabbox ul li {float:none; height:4rem; padding:0 1.5rem; background:0}
	.tabbox ul li a {padding:0; line-height:3rem; font-size:1.6rem}
	.tabbox ul li.on a {border-bottom:2px solid #f55521}

	
	
}


/*
@media screen and (min-width:1024px) and (max-width:1900px){
	.maincontentsarea .section {background-size:100% 100%}
	.maincontentsarea .section.section-1.fp-completely {background-size:100% 100%}
	.maincontentsarea .section.section-2.fp-completely {background-size:100% 100%}
	.maincontentsarea .section.section-4.fp-completely {background-size:100% 100%}
	.maincontentsarea .section.section-3.fp-completely {background-size:100% 100%}
	
	
}
*/

@media screen and (max-width:768px) {
	html {font-size:11px}
	.header h1 a {margin-left:0; background-image:url('/images/logo_b.png'); background-size:5.5rem auto}
	.maincontentsarea .section-4 .list-board ul li {width:50%; height:7rem; margin:0; background:0; border-right:1px solid transparent; border-bottom:1px solid transparent}
	.maincontentsarea .section-4 .list-board ul li:nth-child(1) strong {background:url('') no-repeat 50% 95%; background-size:3rem auto}
	.maincontentsarea .section-4 .list-board ul li:nth-child(2) strong {background:url('') no-repeat 50% 95%; background-size:3rem auto}
	.maincontentsarea .section-4 .list-board ul li:nth-child(3) strong {background:url('') no-repeat 50% 95%; background-size:3rem auto}
	.maincontentsarea .section-4 .list-board ul li:nth-child(4) strong {background:url('') no-repeat 50% 95%; background-size:3rem auto}

}

@media screen and (max-width:480px) {
	html {font-size:10px}
	.header h1 a {margin-left:0; background-image:url('/images/logo_b.png'); background-size:5.5rem auto}
}

@media screen and (min-width:320px) and (max-width:374px) {
	html {font-size:10px}
	.header h1 a {margin-left:0; background-image:url('/images/logo_b.png'); background-size:5.5rem auto}
}

/* Animation */

@keyframes visualScale {
	0% {transform:scale(1)}
	100% {transform:scale(1.1)}
}

@keyframes imgScale {
	0% {transform:scale(1.2)}
	100% {transform:scale(1)}
}

@keyframes arrUpDown {
	0% {transform:translateY(0)}
	100% {transform:translateY(1rem)}
}