@charset "utf-8";

/* Font */
<link href="https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css" rel="stylesheet">

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

/* NanumMyeongjo */
@font-face {/*font-family:nm;*/ font-weight:800; src:url('../css/font/NanumMyeongjoBold.woff') format('woff'), url('../css/font/NanumMyeongjoB.woff2') format('woff2'), url('../css/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:10px; letter-spacing:-0.5px; }
body {width:100%; color:rgba(50,50,50,0.9); line-height:1.5; font-size:1.5rem; word-break:keep-all; word-wrap:break-word}
ul, ol, li {list-style:none}
a {color:inherit; text-decoration:none; cursor:pointer;text-decoration-line:none;}
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;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-user-drag: none;}
input[type="text"],
input[type="password"],
/* input[type="file"] {display:block; padding:0; background:#fff; border:0; border-radius:0; vertical-align:middle; color:rgba(102,102,102,0.9); outline:none} */
/* input[type="file"] {display:block; padding:0; background:#fff; border:1px solid #ddd; border-radius:0; vertical-align:middle; color:rgba(102,102,102,0.9); outline:none} */
input[type="file"] {display:block; background:#fff; border:1px solid #d0d3db; border-radius:0; vertical-align:middle; color:rgba(102,102,102,0.9); outline:none;
	height:40px; padding:5px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}

input[type="radio"],
input[type="checkbox"] {vertical-align:middle}

input::-ms-clear {display:none}
input::-webkit-input-placeholder {color:#bcbcbc; font-size:1.4rem; font-weight:400}
input:-moz-placeholder {color:#bcbcbc; font-size:1.4rem; font-weight:400}
input::-moz-placeholder{color:#bcbcbc; font-size:1.4rem; font-weight:400}
input:-ms-input-placeholder {color:#bcbcbc; font-size:1.4rem; font-weight:400}
textarea {display:block; overflow-x:hidden; overflow-y:auto; resize:none; background:#fff; vertical-align:middle; color:rgba(102,102,102,0.9)}
textarea::-webkit-input-placeholder {color:#bcbcbc; font-weight:400}
textarea:-moz-placeholder {color:#bcbcbc; font-weight:400}
textarea::-moz-placeholder {color:#bcbcbc; font-weight:400}
textarea:-ms-input-placeholder {color:#bcbcbc; font-weight:400}
fieldset {margin:0; padding:0; border:0; background:0}
fieldset legend {visibility:hidden; font-size:0; line-height:0}
table {border-collapse:collapse}
body, button, input, textarea, select, pre {font-family:SUIT, noto, Dotum, Arial, sans-serif; font-weight:400}
.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}


/* skipnavi */
dl.skipnavi {position:relative}
dl.skipnavi dt {display:none}
dl.skipnavi dd a {position:absolute; left:0; top:-50px; font-size:0}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {display:block; left:0; top:0; z-index:51; width:400px; height:30px; padding-top:9px; 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}

/* datepicker */
#ui-datepicker-div {position:absolute; left:-99999rem; margin-top:0.4rem; margin-left:-0.1rem; background:#fff}
.ui-datepicker {left:0; width:28.4rem}
.ui-datepicker table {width:100%;margin-bottom:0}
.ui-datepicker-title {text-align:center}
.ui-datepicker-title select {width:10.6rem; height:3rem; padding:0 3rem 0 1rem; background-color:#fcfcfc; background-position:100% 0; color:#555}
.ui-datepicker-title select:last-child {margin-left:0.5rem}
.ui-datepicker .ui-widget-header {position:relative; padding:1rem; background:#fff; border:none; border:1px solid #ddd; border-bottom:none}
.ui-datepicker .ui-widget-header a {position:absolute; display:block; top:1.6rem; width:0.8rem; height:1.3rem; background-repeat:no-repeat; color:transparent}
.ui-datepicker .ui-widget-header .ui-datepicker-prev {left:1.3rem; background:url('../images/icon_paging_prev.png')}
.ui-datepicker .ui-widget-header .ui-datepicker-next {right:1.3rem; background:url('../images/icon_paging_next.png')}
.ui-datepicker .ui-widget-header .ui-state-hover {background-color:none; border:none}
.ui-datepicker-calendar {margin:0; border:1px solid #ddd; border-top:none; border-bottom:1px solid #ccc}
.ui-datepicker td {padding:0 0.6rem; margin:0; height:3rem; border-left:1px solid #ccc; border-top:1px solid #ccc; color:#555; text-align:right; font-size:1.3rem}
.ui-datepicker td:hover, .ui-datepicker td:hover .ui-state-default {background:#ccc; color:#000}
.ui-datepicker-today, .ui-datepicker-today .ui-state-default.ui-state-highlight {background:#f1f1f1; color:#000}
.ui-datepicker td:first-child {border-left:none}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button,html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border:none}
.ui-widget.ui-widget-content {border-color:#ddd; border-radius:0}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {background:#fff; color:#666}
.ui-datepicker .ui-datepicker-buttonpane {position:relative; padding:8px; margin-top:0; border:1px solid #999; border-top:none}
.ui-datepicker .ui-datepicker-buttonpane .ui-state-default {width:4.3rem; height:2.2rem; line-height:2.2rem; border:1px solid #ccc; color:#666; font-size:1.3rem; border-radius:0.3rem}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {position:absolute; right:0.8rem; top:0.8rem}
.ui-datepicker-calendar th {font-size:1.3rem; padding-bottom:0.5rem; color:#333}

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

/* form */
input[type="radio"] {position:absolute; width:0.1rem; height:0.1rem; padding:0; margin:-0.1rem; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[type="radio"] + label {display:inline-block; position:relative; padding-left:2.6rem; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; font-weight:400; font-size:1.6rem}
input[type="radio"] + label:before {content:''; position:absolute; left:0; top:0; width:2.2rem; height:2.2rem; text-align:center; background:url('../images/bg_iradio_off.png') no-repeat 0 90%}
input[type="radio"]:checked + label:before {background:url('../images/bg_iradio_on.png') no-repeat 0 90%}
input[type="radio"]:checked + label:after {content:'';position:absolute; top:0; left:0; width:2.2rem; height:2.2rem; background:url('../images/bg_iradio_on.png') no-repeat 0 90%}

input[type="checkbox"] {position:absolute; width:0.1rem; height:0.1rem; padding:0; margin:-0.1rem; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:2.6rem; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; color:#333; font-weight:400; font-size:1.6rem;}
input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:0; width:2.2rem; height:2.2rem; text-align:center; background:url('../images/bg_icheck_off.png') no-repeat 0 100%}
input[type="checkbox"]:checked + label:before {background:url('../images/bg_icheck_on.png') no-repeat 0 100%; line-height:2.2rem}
input[type="checkbox"]:checked + label:after {content:'';position:absolute; top:0; left:0; width:2.2rem; height:2.2rem; background:url('../images/bg_icheck_on.png') no-repeat 0 100%}

.inpbox {display:block; position:relative; height:5rem; background:#f6f6f6; border:0; vertical-align:middle}
.inpbox input[type="text"],
.inpbox input[type="password"] {width:100%; height:100%; padding:0 2rem; border:0; background:0; font-size:1.6rem; color:#666; font-weight:400}
.inpbox input[type="text"]:disabled,
.inpbox input[type="password"]:disabled {background:#ddd}

.optionbox {display:block; position:relative; height:5rem; background:#f6f6f6; border:0; vertical-align:middle}
.optionbox select {display:block; width:100%; height:100%; padding:0 3rem 0 2rem; background:#f6f6f6 url('../images/icon_arr_02.png') no-repeat 90% 50%; border:0; border-radius:0; color:#999; font-size:1.6rem; font-weight:200}
.optionbox select option {font-size:1.5rem}

.datebox {float:left; position:relative; width:17.3rem; height:5rem; padding-right:2rem; background:#f6f6f6}
.datebox input {width:100%; height:100%; padding:0 0 0 1rem; border:0; background:0; color:#666; font-size:1.6rem}
.datebox img {position:absolute; right:0.9rem; top:1.4rem; width:2.2rem}


/* layout */
/* #wrap {width:100%; min-width:126rem; opacity:0} */
#wrap {width:100%;}
.btn-gotop {position:fixed; right:2%; bottom:2%; z-index:60; width:4rem; height:4rem; 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:9rem; background:url('../images/bg_headerline.png') repeat-x 0 100%}
.header:after {content:""; display:block; clear:both; overflow:hidden}
.header h1 {float:left; width:12rem; height:8.9rem; 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 h1 a.mobile {background:url('../images/logo.pc.png') no-repeat 50% !important;}
.header h1 a.pc {background:url('../images/logo.pc.png') no-repeat 50% !important;}
.header a.change {float:left; margin-left:0px; margin-top:30px;color:#0BAAE5; font-size: 12px;  border: 1px solid #0BAAE5; padding: 5px; border-radius: 15px;}

.header .topmenu {display:inline-block; height:9rem; margin-left:13rem; padding-top:2.7rem}
.header .topmenu > ul {height:6.3rem}
.header .topmenu > ul:after {content:""; display:block; clear:both; overflow:hidden}
.header .topmenu > ul > li {float:left; position:relative; height:6.3rem; padding:0; margin:0}
.header .topmenu > ul > li > a {display:block; width:100%; height:6.3rem; padding:0 3.5rem; color:#fff; font-size:2.2rem; font-weight:600}
.header .topmenu > ul > li:hover > a {border-bottom:3px solid #0179f1; color:#0179f1}
.header .topmenu > ul > li.on > a,
.header .topmenu > ul > li > ul > li.on a {color:#0179f1}
/* .header .topmenu > ul > li ul {display:none; position:absolute; left:0; top:5.8rem; width:102%; height:25rem; padding-top:3.5rem; padding-left:4rem; z-index:52} */
.header .topmenu > ul > li ul {display:none; position:absolute; left:0; top:5.8rem; width:102%; height:25rem; padding-top:3.5rem; padding-left:4rem; z-index:52;}
/* .header .topmenu > ul > li:last-child ul {width:60rem}	*/					/* ����� -> PC �������� �޴� ���� �������� ���� */
.header .topmenu > ul > li ul li {float:none; margin:1.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.8rem; font-weight:400; line-height:2.2rem}
.header .topmenu > ul > li ul li a:hover {color:#0179f1}
.header .topmenu .subdepth-layer {position:absolute; left:0; top:9rem; z-index:51; width:100%; height:40rem; background:#fff; opacity:0}
.header .utilmenu {float:right; margin-right:6.4rem; padding-top:3.3rem}
.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}
.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:#33dfeb; font-size:1.8rem; font-weight:700}
.header .utilmenu ul.othermenu li:hover a {color:#0179f1}
.header .utilmenu ul.snsmenu {float:left; position:relative; height:4.0rem; margin-left:3rem; padding-left:4.7rem;}
.header .utilmenu ul.snsmenu:before {content:""; display:block; position:absolute; top:50%; left:0; width:0.1rem; height:2.2rem; margin-top:-1.6rem; background:rgba(255,255,255,0.2)}
.header .utilmenu ul.snsmenu li {float:left; margin-left:1rem;}
.header .utilmenu ul.snsmenu li:first-child {margin-left:0;}
.header .utilmenu ul.snsmenu li a {display:block; width:4.0rem; height:4.0rem; 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%}

.header .utilmenu ul.snsmenu li.mall a {background:url('../images/icon_mall_off.png') no-repeat 50%}
.header .utilmenu ul.snsmenu li.mall a:hover,
body.fp-viewing-section-2 .header .utilmenu ul.snsmenu li.mall a:hover{background:url('../images/icon_mall_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:#24b2ed}
.header.expand {background:#fff url('../images/bg_headerline_on.png') repeat-x 0 100%}
.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:#0179f1}
.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:39.3rem; overflow:hidden; background-repeat:no-repeat; background-position:50% -10%; background-attachment:fixed; animation:imgScale 3s both}
.container .subvisual h2 {position:absolute; left:50%; top:50%; width:118rem; margin:0 0 0 -60rem; text-align:center; color:#fff}
.container .subvisual h2 strong {display:block; margin: 0; font-size:5.8rem; font-weight:800; /*font-family:nm;*/ line-height:6rem;color:#01b0f1}
.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:118rem; height:7.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:118rem; height:7rem; margin:0 0 0 -59rem; border-right:1px solid #ddd}
.container .pagenavi .btn-fontsize button {float:right; width:7rem; height:7rem; 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:7rem; 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:7rem; background:#fff;  transform:translateX(50%)}
.container .pagenavi > ul {position:relative; z-index:62; width:118rem; margin:0 auto; padding:0 14rem 0 0; border-left:1px solid #ddd}
.container .pagenavi > ul:after {content:""; display:block; float:left; overflow:hidden}
.container .pagenavi > ul > li {float:left; position:relative; height:7rem; border-left:1px solid #ddd}
.container .pagenavi > ul > li.home {width:7rem}
.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:25.5rem; height:100%; line-height:7rem}
.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.6rem}
.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; position:absolute; left:-0.1rem; top:-25rem; z-index:40; width:25.7rem; 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}
.container .pagenavi > ul > li ul li {height:5rem; line-height:5rem}
.container .pagenavi > ul > li ul li a {display:block; height:5rem; padding:0 3rem; line-height:5rem; font-size:1.5rem}
.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:118rem; 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%}

.container .subvisual.bg {background-image:url('../images/img_subvisual_01.jpg') !important;}
.container .subvisual.bg1 {background-image:url('../images/img_subvisual_01.jpg') !important;}
.container .subvisual.bg2 {background-image:url('../images/img_subvisual_02.jpg') !important;}
.container .subvisual.bg3 {background-image:url('../images/img_subvisual_03.jpg') !important;}
.container .subvisual.bg4 {background-image:url('../images/img_subvisual_04.jpg') !important;}
.container .subvisual.bg5 {background-image:url('../images/img_subvisual_04.jpg') !important;}

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

/* 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; margin-bottom: 5px; text-align:center; background:#fff; border:1px solid #0baae5; color:#0baae5}
.btn-green-border:hover {background:#0baae5; color:#fff}
.btn-blue-border {height:3.5rem; padding:0 2rem; text-align:center;margin-bottom: 5px; background:#fff; border:1px solid #0179f1; color:#0179f1}
.btn-blue-border:hover {background:#0179f1; color:#fff}
.btn-blue1-border {background:#0179f1; color:#fff;height:3.5rem;margin-bottom: 5px; padding:0 2rem; text-align:center;}
.btn-blue1-border:hover {text-align:center; background:#b52143;  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:6rem; padding:0 3rem; font-size:1.6rem;line-height: 1.8rem; font-weight:600}
.btn-large1 {min-width:6rem; height:5rem; padding:0 2rem; font-size:1.6rem;line-height: 1.8rem; 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:#023377; color:#fff}

/* main */
body.fp-viewing-section-2 .header .topmenu ul li a:not(:hover) {color:#333}
body.fp-viewing-section-2 .header .utilmenu ul.othermenu li a:not(:hover) {color:#333}
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%}
body.fp-viewing-section-2 .header .utilmenu ul.snsmenu li.mall a {background:url('../images/icon_mall_b.png') no-repeat 50%}
body.fp-viewing-section-2 .header .utilmenu > .btn-fontup {background:#e6e6e6; color:#333}
body.fp-viewing-section-2 .header .utilmenu > .btn-fontup:hover {background:#cbcbcb}
body.fp-viewing-section-2 .navi-main ul li:not(.active) a {opacity:0.5}
body.fp-viewing-section-2 .navi-main ul li:not(.active):before {opacity:0.4}
body.fp-viewing-section-2 .navi-main ul li:after {opacity:0.4}
body.fp-viewing-section-3 .header h1 a {background: url('../images/logo_b.png') no-repeat 50%;}
body.fp-viewing-section-3 .header .topmenu ul li a:not(:hover) {color:#333}
body.fp-viewing-section-3 .navi-main ul li:not(.active) a {color:#333; opacity:0.4}
body.fp-viewing-section-3 .navi-main ul li:not(.active):before {background:#333; opacity:0.25}
body.fp-viewing-section-3 .navi-main ul li:after {background:#333; opacity:0.15}
body.fp-viewing-section-3 .navi-main ul li.active a {color:#0f5ad3}
body.fp-viewing-section-3 .navi-main ul li.active:before {background:#0f5ad3}
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:#1eb6e9}
body.fp-viewing-footer .header.expand .topmenu > ul > li.on > a {color:#1eb6e9}

.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}
.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: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; background: no-repeat 50% / 120% auto; transition:background 2s 1s}
.maincontentsarea .section.section-1.fp-completely {background-size:105% auto}
.maincontentsarea .section.section-2 {background-size:120% auto}
.maincontentsarea .section.section-3 {background-size:120% auto}
.maincontentsarea .section.section-4.fp-completely {background-size:105% 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 {position:absolute; left:50.04%; bottom:4rem; transform:translate(-50%, -50%);} */
.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:28.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 2rem 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:34rem; margin-right: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:#382924; font-size:1.6rem}
.maincontentsarea dl.title dt strong {display:block; line-height:1.25; color:#fff; font-size:5.6rem;  font-weight:800}
.maincontentsarea dl.title dd {position:relative; margin-top:1.8rem}
.maincontentsarea dl.title dd > p {color:#fff; font-size:1.8rem}
.maincontentsarea dl.title dd .slide-arrs {display:block; width:10rem; height:5rem; margin-top:6.5rem; font-size:0}
.maincontentsarea dl.title dd .slide-arrs.mt-10 {margin-top:10px !important;}
.maincontentsarea dl.title dd .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 dl.title dd .slide-arrs > button.slick-prev {margin-left:0; background:url('../images/icon_slide_prev_01.png') no-repeat 50%}
.maincontentsarea dl.title dd .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:84rem; height:50.7rem; padding-top:3.5rem; overflow:hidden}
.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}
.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:#fff; font-size:1.8rem}
.maincontentsarea .section-1 dl.title dd > .list-link ul li.on a {color:#24b2ed; border-color:#24b2ed; font-weight:600}
.maincontentsarea .section-1 dl.title dd > .list-link ul li:hover a {color:#24b2ed}
.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:-2rem}
.maincontentsarea .section-1 .slide-book li {position:relative; width:26.6rem !important; height:50.7rem;overflow:hidden}
.maincontentsarea .section-1 .slide-book li .pic {display:block; position:relative; width:100%; height:23.8rem; background:#0f0f12; font-size:0}
.maincontentsarea .section-1 .slide-book li .pic img {position:absolute; top:50%; left:50%; width:100%; box-shadow:8px 8px 8px -2px rgba(0,0,0,0.25); transform:translate3d(-50%, -50%, 0)}
.maincontentsarea .section-1 .slide-book li .info {width:100%; height:27rem; padding:3.2rem 3.5rem 3.5rem 3.2rem; background:#0f0f12;}
.maincontentsarea .section-1 .slide-book li .info > .cate {display:block; overflow:hidden; width:100%; margin-bottom:1rem; color:#aeaeae; font-size:1.5rem; 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:inherit}
.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:6.6rem; overflow:hidden; line-height:1.33; color:#fff; font-size:2.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:1.5rem; 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:1.6rem}
.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 li .pic1 {display:block; position:relative; width:100%; height:23.8rem; background:#0b57e5; font-size:0}
.maincontentsarea .section-1 .slide-book li .pic1 img {position:absolute; top:50%; left:50%; width:20rem; box-shadow:8px 8px 8px -2px rgba(0,0,0,0.25); transform:translate3d(-50%, -50%, 0)}
.maincontentsarea .section-1 .slide-book li .info1 {width:100%; height:27rem; padding:3.2rem 3.5rem 3.5rem 3.2rem; background:#0b57e5}
.maincontentsarea .section-1 .slide-book li .info1 > .cate {display:block; overflow:hidden; width:100%; margin-bottom:1rem; color:#fff; font-size:1.5rem; font-weight:400; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-1 .slide-book li .info1 > .cate > i {display:inline; position:relative; vertical-align:middle; color:inherit; font-size:inherit}
.maincontentsarea .section-1 .slide-book li .info1 > .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 .info1 > .cate > i:first-child {margin-left:0}
.maincontentsarea .section-1 .slide-book li .info1 > .cate > i:first-child:before {display:none}
.maincontentsarea .section-1 .slide-book li .info1 > .title {display:block; height:6.6rem; /*overflow:hidden;*/ line-height:1.33; color:#000; font-size:2.4rem; /*/*font-family:nm;*/*/ font-weight:800}
.maincontentsarea .section-1 .slide-book li .info1 > .writer {display:block; overflow:hidden; width:100%; margin-top:1rem; vertical-align:middle; color:#60c2ff; font-size:1.5rem; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-1 .slide-book li .info1 > .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 .info1 > .writer > i:before {content:""; display:block; position:absolute; top:50%; left:0; width:0.1rem; height:1.2rem; margin-top:-0.6rem; background:#fff}
.maincontentsarea .section-1 .slide-book li .info1 > .writer > i:first-child {margin-left:0; padding-left:0}
.maincontentsarea .section-1 .slide-book li .info1 > .writer > i:first-child:before {display:none}
.maincontentsarea .section-1 .slide-book li .info1 > p {/*overflow:hidden; overflow:hidden; */display:block; height:8rem; margin-top:1rem; line-height:1.6; color:rgb(255, 255, 255); font-size:1.6rem}
.maincontentsarea .section-1 .slide-book.type-cate li .info1 > .title {height:3.5rem; min-height:3.5rem; max-height:3.5rem}
.maincontentsarea .section-1 .slide-book.type-cate li .info1 > p {height:5.5rem}
.maincontentsarea .section-1 .slide-book li .pic2 {display:block; position:relative; width:100%; height:23.8rem; background:#0baae5; font-size:0}
.maincontentsarea .section-1 .slide-book li .pic2 img {position:absolute; top:50%; left:50%; width:20rem; box-shadow:8px 8px 8px -2px rgba(0,0,0,0.25); transform:translate3d(-50%, -50%, 0)}
.maincontentsarea .section-1 .slide-book li .info2 {width:100%; height:27rem; padding:3.2rem 3.5rem 3.5rem 3.2rem; background:#0baae5}
.maincontentsarea .section-1 .slide-book li .info2 > .cate {display:block; overflow:hidden; width:100%; margin-bottom:1rem; color:#fff; font-size:1.5rem; font-weight:400; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-1 .slide-book li .info2 > .cate > i {display:inline; position:relative; vertical-align:middle; color:inherit; font-size:inherit}
.maincontentsarea .section-1 .slide-book li .info2 > .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 .info2 > .cate > i:first-child {margin-left:0}
.maincontentsarea .section-1 .slide-book li .info2 > .cate > i:first-child:before {display:none}
.maincontentsarea .section-1 .slide-book li .info2 > .title {display:block; height:6.6rem; /*overflow:hidden;overflow:hidden;*/ line-height:1.33; color:#000; font-size:2.4rem; /*font-family:nm;*/ font-weight:800}
.maincontentsarea .section-1 .slide-book li .info2 > .writer {display:block; /*overflow:hidden*/; width:100%; margin-top:1rem; vertical-align:middle; color:#182dcc; font-size:1.5rem; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-1 .slide-book li .info2 > .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 .info2 > .writer > i:before {content:""; display:block; position:absolute; top:50%; left:0; width:0.1rem; height:1.2rem; margin-top:-0.6rem; background:#fff}
.maincontentsarea .section-1 .slide-book li .info2 > .writer > i:first-child {margin-left:0; padding-left:0}
.maincontentsarea .section-1 .slide-book li .info2 > .writer > i:first-child:before {display:none}
.maincontentsarea .section-1 .slide-book li .info2 > p {/*overflow:hidden;*/ display:block; height:8rem; margin-top:1rem; line-height:1.6; color:rgb(255, 255, 255); font-size:1.6rem}
.maincontentsarea .section-1 .slide-book.type-cate li .info2 > .title {height:3.5rem; min-height:3.5rem; max-height:3.5rem}
.maincontentsarea .section-1 .slide-book.type-cate li .info2 > 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:100%; height:100%}


.maincontentsarea .section-2 .contentsbox {width:calc(100% - 34rem - 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:#1eb6e9}
.maincontentsarea .section-2 dl.title dd .btn-place {width:13.5rem; height:4.8rem; margin-top:3.5rem; border-radius:2.4rem; background:#0f5ad3; color:#fff; font-size:1.6rem}
.maincontentsarea .section-2 dl.title dd .btn-place:hover {background-color:#fff; color:#0f5ad3}
.maincontentsarea .section-2 .slide-place li {position:relative; width:88rem !important; height:50rem}
.maincontentsarea .section-2 .slide-place li .pic {display:block; position:relative; width:100%; height:33rem; overflow:hidden; background:#f4f4f4; font-size:0}
.maincontentsarea .section-2 .slide-place li .pic img {width:100%; height:100%}
.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:3.2rem; /*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.6rem; 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.6rem; 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_b.png') no-repeat 50%}
.maincontentsarea .section-3:after {background-image:url('../images/icon_mouse_arr_b.png')}
.maincontentsarea .section-3 dl.title {height:51rem}
.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:#000}
.maincontentsarea .section-3 dl.title dd {height:28rem}
.maincontentsarea .section-3 dl.title dd > p {color:rgba(102,102,102,0.8)}
.maincontentsarea .section-3 dl.title dd > .list-link {margin-top:3rem}
.maincontentsarea .section-3 dl.title dd > .list-link.mt-10 {margin-top:10px !important;}
/* .maincontentsarea .section-3 dl.title dd > .list-link a.dot-link:not(:first-child) {margin-right:15px;}	 */
.maincontentsarea .section-3 dl.title dd > .list-link h3 {color:#000;}	
.maincontentsarea .section-3 dl.title dd > .list-link a.dot-link {margin-right:10px;}	
.maincontentsarea .section-3 dl.title dd > .list-link ul:after {content:""; display:block; clear:both; overflow:hidden}
.maincontentsarea .section-3 dl.title dd > .list-link ul li {float:left; width:55%; margin-top:1rem}
.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.6rem}
.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:#023377; 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 {width:calc(100% - 34rem - 16.4rem)}
.maincontentsarea .section-3 .slide-interview li {position:relative; width:33.6rem !important; height:53.8rem}
.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:7.2rem; margin-bottom:2rem; color:#333; font-size:2.4rem; /*/*font-family:nm;*/*/ font-weight:800}
.maincontentsarea .section-3 .slide-interview li .info > .place {display:block; /*overflow:hidden;*/ color:#999; font-size:1.6rem; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-3 .slide-interview li .info > .member {display:block; overflow:hidden; color:#999; font-size:1.6rem; text-overflow:ellipsis; white-space:nowrap}
.maincontentsarea .section-3 .slide-interview li .info > p {overflow:hidden; height:8rem; margin-top:2rem; line-height:1.625; color:#666; font-size:1.6rem}
.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-3 dl.title dd .page {font-size:1.6rem; color:#999; font-weight:400; letter-spacing:0.2rem}
.maincontentsarea .section-3 dl.title dd .page .current {color:#333; font-size:2rem; font-weight:700}
.maincontentsarea .section-3 dl.title dd .slide-arrs {margin-top:5.5rem}
.maincontentsarea .section-3 dl.title dd .slide-arrs > button {border:1px solid #b2b2b2}
.maincontentsarea .section-3 dl.title dd .slide-arrs > button.slick-prev {background:url('../images/icon_slide_prev_02.png') no-repeat 50%}
.maincontentsarea .section-3 dl.title dd .slide-arrs > button.slick-next {background:url('../images/icon_slide_next_02.png') no-repeat 50%}
.maincontentsarea .section-4:before {display:none}
.maincontentsarea .section-4:after {display:none}
.maincontentsarea .section-4 dl.title dt em {background-image:url('../images/bg_main_title_04.png'); color:#fff}
.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 ul {z-index:1000;}
.maincontentsarea .section-4 .slide-banner li {margin-top:20px;}
/*
.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 > div {display:block; width:100%; height:100%; padding:3rem 5rem;}
.maincontentsarea .section-4 .slide-banner li > div 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:2px; 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 .slide-banner .slide-arrs {position:absolute; top:50%; width:100%; margin-top:-2.5rem; font-size:0;}
.maincontentsarea .section-4 .slide-banner .slide-arrs > button {width:5rem; height:5rem; margin-left:0; border:0; font-size:0; text-indent:-99999px; opacity:0.3}
.maincontentsarea .section-4 .slide-banner .slide-arrs > button.slick-prev {position:absolute; left:0; margin-left:0; background:url('../images/icon_slide_prev_01.png') no-repeat 50%}
.maincontentsarea .section-4 .slide-banner .slide-arrs > button.slick-next {position:absolute; right:0; background:url('../images/icon_slide_next_01.png') no-repeat 50%}
.maincontentsarea .section-4 .slide-banner .slide-arrs > button:hover, .maincontentsarea .section-4 .slide-banner .slide-arrs > button:focus {opacity:1}
.maincontentsarea .section-4 .contentsbox {position:relative; width:84rem}
.maincontentsarea .section-4 .list-board ul {margin:-2% 0 0 -2%}
.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:26rem; margin:2% 0 0 2%; background:#0990e5;}
.maincontentsarea .section-4 .list-board ul li:after {content:""; display:block; position:absolute; bottom:3.6rem; right:3rem; width:8.0rem; height:6.8rem}
.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:#000; font-size:2.8rem; /*/*font-family:nm;*/*/ font-weight:800}
.maincontentsarea .section-4 .list-board ul li a > span {display:block; font-size:1.6rem;color:#3ff8ff;}
.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}


/* board */
.paging {clear:both; height:4.5rem; margin:4rem 0 0 0; text-align:center}
.paging:after {clear:both; overflow:hidden; display:block; content:""}
.paging * {vertical-align:middle}
.paging button {width:4.4rem; height:4.4rem; border:1px solid #ddd; font-size:0; text-indent:-99999rem}
.paging button.btn-paging-prev {background:url('../images/icon_paging_prev.png') no-repeat 50%}
.paging button.btn-paging-next {background:url('../images/icon_paging_next.png') no-repeat 50%}
.paging span {display:inline-block; height:4.4rem; margin:0 1rem; line-height:4.4rem}
.paging span a {display:inline-block; width:3rem; height:4.4rem; margin:0 0.5rem; color:#666; font-size:1.4rem; font-weight:200; line-height:4.4rem}
.paging span a.on {color:#333; font-weight:600; font-size:1.6rem}
.paging span a:hover {color:#333; font-weight:600; font-size:1.6rem}

fieldset.boardschbox {position:relative; width:100%; padding:4rem; margin:0 0 8.5rem; text-align:center; font-size:0; background:#f6f6f6}
fieldset.boardschbox + .totalcnt {margin-top:-3rem}
fieldset.boardschbox .inpbox {display:inline-block; width:30rem; height:4.5rem; margin-right:1rem; background:#fff; border:1px solid #ddd}
fieldset.boardschbox .optionbox {display:inline-block; width:16rem; height:4.5rem; margin-right:1rem; border:1px solid #ddd}
fieldset.boardschbox .optionbox.pc-only {display:inline-block !important}
fieldset.boardschbox .optionbox select {background-color:#fff}
fieldset.boardschbox p {display:inline-block; position:relative; height:4.5rem; margin-top:0; padding-right:10rem}
fieldset.boardschbox .btn-white {height:4.5rem; margin:0 0 0 1rem; border:1px solid #aeaeae; font-size:1.6rem}
fieldset.boardschbox .btn-search {display:inline-block; position:absolute; right:0; top:0; width:10rem; height:4.5rem; background-color:#666}
fieldset.boardschbox .btn-search em {padding:0 2.7rem 0 0; background:url('../images/icon_search.png') no-repeat 100% 50%; color:#fff; font-size:1.6rem; font-weight:400}

.totalcnt {float:left; margin-bottom:1.5rem; font-size:1.6rem}
.totalcnt + .pull-right {position:relative; margin:-3rem 0 1.8rem 0; padding-left:1rem; font-size:1.6rem}
.totalcnt + .pull-right:before {position:absolute; left:0; top:40%; display:block; width:0.3rem; height:0.3rem; margin-top:0.15rem; background:#f55d2b; border-radius:0.2rem; content:""}
.totalcnt strong {color:#fd0d42}

.tabbox {clear:both; overflow:hidden; margin:0 0 4rem 0; text-align:center}
.tabbox ul {width:100%; height:5.5rem}
.tabbox ul li {display:inline-block; padding:0 4rem 0 5rem; background:url('../images/bg_bar_01.png') no-repeat 0 50%}
.tabbox ul li:first-child {padding-left:0; background:0}
.tabbox ul li a {color:#333; font-size:1.8rem}
.tabbox ul li a:hover {color:#fd0d42; font-weight:600}
.tabbox ul li.on a {color:#fd0d42; font-weight:600}
.tabbox + fieldset.boardschbox {margin-top:-3rem}

.boardlist {clear:both; width:100%}
.boardlist:after {clear:both; overflow:hidden; display:block; content:""}
.boardlist ul {clear:both; border-top:2px solid #333}
.boardlist ul:after {clear:both; overflow:hidden; display:block; content:""}
.boardlist ul li {overflow:hidden; border-bottom:1px solid #ddd}
.boardlist ul li > a {display:block; width:100%; padding:4rem 10rem 4.2rem 3.2rem; background:url('../images/icon_arr_04.png') no-repeat 96% 50%}
.boardlist ul li > a:hover {background:url('../images/icon_arr_04_on.png') no-repeat 96% 50%}
.boardlist ul li > a > p {float:none; clear:both; overflow:hidden}
.boardlist ul li > a > p > label {float:left; width:8rem; margin:0 5rem 0.6rem 0; font-size:3.8rem; font-weight:400; line-height:4.5rem; text-align:center; color:#aeaeae}
.boardlist ul li > a > p > label + em.badge-notice {margin-top:-1rem}
.boardlist ul li > a > p > label em.badge-notice {display:inline-block; width:5.5rem; height:3.1rem; vertical-align:middle; border:1px solid #023377; color:#023377; font-size:1.6rem; line-height:2.9rem; font-weight:600}
.boardlist ul li > a > p .date {float:left; width:8rem; margin:0 5rem 0 0; text-align:center; color:#aeaeae; font-weight:200; font-size:1.6rem}
.boardlist ul li > a > p .attchment-file {display:inline-block; width:1.6rem; height:2rem; margin-left:1.5rem; vertical-align:0.8rem; background:url('../images/icon_attachment.png') no-repeat 50%; line-height:2rem; font-size:0; text-indent:-99999rem}
.boardlist ul li > a > p strong {display:block; color:#333; font-size:2.6rem; /*font-family:nm;*/ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; line-height:4.5rem}
.boardlist ul li > a > p span {display:block; color:#666; font-size:1.6rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.boardlist table {width:100%}
.boardlist table thead tr > * {height:5.4rem; border-bottom:1px solid #dbdbdb; text-align:center; color:#333; font-size:1.6rem}
.boardlist table tbody tr > * {padding:3rem 1rem; border-bottom:1px solid #dbdbdb; text-align:center; color:#333; font-size:1.6rem}
.boardlist table tbody tr[onclick]:hover {background:#fff8e9; cursor:pointer}

.boardview {clear:both; width:100%; margin-bottom:5rem; border-bottom:1px solid #ddd}
.boardview:after {clear:both; overflow:hidden; display:block; content:""}
.boardview dl dt {position:relative; padding:0 20rem 4rem 0; border-bottom:2px solid #333}
.boardview dl dt strong {display:block; /*font-family:nm;*/ font-size:3.6rem; color:#333; line-height:4.6rem}
.boardview dl dt .btn-reaction {position:absolute; right:0; bottom:4rem}
.boardview dl dt .btn-reaction.on {border:1px solid #333}
.boardview dl dt > em {display:block; margin-bottom:1rem; font-size:1.6rem; color:#023377; line-height:2rem}
.boardview dl dt > em i {display:inline-block; height:2rem; padding:0 1.5rem 0 0; margin:0; background:url('../images/icon_arr_11.png') no-repeat 100% 60%}
.boardview dl dt > span {display:block; margin-top:1rem; color:#aeaeae; font-size:1.6rem}
.boardview dl dt > div {position:absolute; right:0; top:85%; z-index:110; width:7rem; height:8rem; padding:0.8rem 0 0 0; text-align:center; border:1px solid #ddd; background:#fff; box-shadow:0 0.4rem 0.4rem rgba(0,0,0,0.1)}
.boardview dl dt > div a {display:block; width:100%; height:3rem; line-height:3rem; color:#666; font-size:1.6rem; font-weight:400}
.boardview dl dt > div a:hover {background:#efefef}
.boardview dl dt ul {clear:both; overflow:hidden; margin:2rem 0 -1rem 0}
.boardview dl dt ul li {float:left; position:relative; padding:0 2rem; color:#999; font-size:1.6rem}
.boardview dl dt ul li:after {position:absolute; left:0; top:50%; width:0.1rem; height:1.2rem; margin-top:-0.6rem; background:#ddd; content:""}
.boardview dl dt ul li:first-child {padding-left:0; background:0}
.boardview dl dt ul li:first-child:after {background:0}
.boardview dl dt ul li label {display:inline-block; margin-right:1rem; color:#666; font-weight:600}
.boardview dl dt ul li span {display:inline-block}
.boardview dl dt ul li span a {color:#999; font-size:1.6rem}
.boardview dl dt ul li span a:hover {text-decoration:underline}
.boardview dl dt .btnset {position:absolute; bottom:4rem; right:0; font-size:0}
.boardview dl dt .btnset > * {display:inline-block; width:8.7rem; height:4.5rem; margin-left:1rem; line-height:4.3rem; font-size:1.6rem}
.boardview dl dt .btnset > *:first-child {margin-left:0}
.boardview dl dd {padding:8rem 6rem; font-size:1.6rem; color:#666; line-height:2.8rem}
.boardview dl dd .pic {display:block; width:100%; margin-bottom:6rem; text-align:center}
.boardview dl dd .pic img {width:100%; transition: transform .35s}
.boardview dl dd .pic img:hover {transform:scale(1.05)}
.boardview dl dd pre img {width:auto !important; max-width:100%; height:auto !important; margin:0 !important; padding:0 !important}
.boardview dl dd pre a img {width:auto}
.boardview dl dd pre {font-size:1.6rem; color:#666; line-height:2.8rem}
.boardview dl dd pre .txc-textbox * {font-family:noto, Dotum, Arial, sans-serif !important; font-weight:400; font-size:1.4rem !important}
.boardview dl dd pre .tx-quote3 {margin-top:1rem}
.boardview dl dd pre ul {list-style:disc}
.boardview dl dd pre ol {list-style:decimal}
.boardview dl dd pre li {list-style:inherit}
.boardview dl dd.attachment-down {margin:0; padding-top:0}
.boardview dl dd.attachment-down a {display:block; padding:2rem 2.5rem; background:#f6f6f6; font-size:1.6rem; font-weight:200}
.boardview dl dd.attachment-down a em {display:block; height:2.2rem; padding:0 0 0 3.6rem; background:url('../images/icon_download.png') no-repeat 0 50%; line-height:2.2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.boardview dl dd blockquote {clear:both; overflow:hidden; margin-bottom:5rem; padding:4rem; text-align:center; background:#f6f6f6; font-size:2.2rem; color:#333; line-height:3.2rem}
.boardview dl dd.book-intro {clear:both; overflow:hidden; padding:6rem 5rem 6rem 6rem; background:#f6f6f6; border-top:1px solid #333}
.boardview dl dd.book-intro .picbox {float:left; display:block; width:42rem; height:27rem; overflow:hidden; margin:0 7rem 0 0; text-align:center; background:url('../images/img_noimg_03.jpg') no-repeat 0 0; border:1px solid #ddd}
.boardview dl dd.book-intro .picbox img {vertical-align:middle; min-width:42rem; max-width:100%; min-height:100%; box-shadow:0.4rem 0.4rem 0.8rem rgba(0,0,0,0.1)}
.boardview dl dd.book-intro .piclist {float:left; width:42rem; height:27rem; margin:0 7rem 0 0; margin:0 7rem 0 0; text-align:center; background:url('../images/img_noimg.jpg') no-repeat 0 0; border:1px solid #ddd}
.boardview dl dd.book-intro .piclist ul.slick-slider .slick-slide {height:27rem}
.boardview dl dd.book-intro .piclist ul.slick-slider .slick-slide li {height:27rem}
.boardview dl dd.book-intro .piclist ul.slick-slider img {display:inline; width:100%; min-width:42rem; min-height:27rem}
.boardview dl dd.book-intro .piclist ul.slick-slider img.shadow {box-shadow:0.3rem 0.3rem 0.6rem rgba(0,0,0,0.1)}
.boardview dl dd.book-intro .piclist ul.slick-dots {width:100%; height:1rem; margin-top:2rem; text-align:center}
.boardview dl dd.book-intro .piclist ul.slick-dots li {display:inline-block; width:1rem; height:1rem; margin:0 0.6rem}
.boardview dl dd.book-intro .piclist ul.slick-dots li.slick-active button {width:1rem; height:1rem; background:0; border:2px solid #f55d2b}
.boardview dl dd.book-intro .piclist ul.slick-dots li button {display:inline-block; width:0.6rem; height:0.6rem; margin:0.2rem; background:#aeaeae; border-radius:50%; font-size:0; text-indent:-99999rem}
.boardview dl dd.book-intro .txtlist {float:none; overflow:hidden; width:auto}
.boardview dl dd.book-intro .txtlist > ul > li {clear:both; overflow:hidden; margin-bottom:2rem; line-height:1.9rem}
.boardview dl dd.book-intro .txtlist > ul > li label {float:left; position:relative; width:12rem; padding-left:1.5rem; color:#333; font-size:1.6rem; font-weight:600}
.boardview dl dd.book-intro .txtlist > ul > li label:before {position:absolute; left:0; top:0.8rem; display:block; width:0.3rem; height:0.3rem; background:#f55d2b; border-radius:0.2rem; content:""}
.boardview dl dd.book-intro .txtlist > ul > li span a.mailto {display:inline-block; margin-left:2rem; padding:0 1.5rem 0 0; background:url('../images/icon_arr_10.png') no-repeat 100% 50%; color:#333; font-size:1.5rem; font-weight:600}
.boardview dl dd.book-intro .txtlist > ul > li span p {display:inline}
.boardview dl dd.book-intro .txtlist > ul > li span a.links {line-height:2.2rem; text-decoration:underline; font-size:1.5rem}
.boardview dl dd.book-intro .txtlist > ul > li span {display:block; float:none; width:auto; overflow:hidden; max-height:5rem; font-size:1.6rem; font-weight:200; color:rgba(102,102,102,0.8); line-height:2.3rem}
.boardview dl dd.book-intro .txtlist > ul > li > ol {float:none; overflow:hidden; width:auto; list-style:decimal}
.boardview dl dd.book-intro .txtlist > ul > li > ol li {list-style:decimal; margin-left:2.2rem; margin-top:1.5rem; color:#999; font-weight:200; font-size:1.5rem}
.boardview dl dd.book-intro .txtlist > ul > li > ol li:first-child {margin-top:0}
.boardview dl dd.book-intro .txtlist > ul > li > ol li p {padding-left:0.3rem; color:#333; font-size:1.6rem; line-height:2.4rem; font-weight:200}
.boardview .mapbox {overflow:hidden; padding:6rem; border-top:1px solid #ddd}
.boardview .mapbox h3 {height:3rem; margin-bottom:1.5rem; padding:0 0 0 2.2rem; background:url('../images/icon_location_02.png') no-repeat 0 50%; font-size:1.6rem; line-height:3rem}
.boardview .mapbox h3 strong {margin-right:1rem; color:#333; font-weight:700}
.boardview .mapbox h3 span {color:#666; font-weight:200}

.boardwrite {clear:both; overflow:hidden}
.boardwrite h3 {margin:6rem 0 1rem 0; padding-right:22rem; color:#023377; font-size:2rem; font-weight:600}
.boardwrite blockquote {padding:2.5rem; background:#fff6f3}
.boardwrite blockquote span {display:block; position:relative; padding:0 0 0 1.5rem; color:#333; font-size:1.6rem}
.boardwrite blockquote span:before {position:absolute; left:0; top:50%; display:inline-block; width:0.3rem; height:0.3rem; background:#023377; border-radius:1.5rem; content:""}
.boardwrite blockquote span.point:after {position:absolute; left:0.5rem; top:0; display:inline-block; color:#e60000; content:"*"}
.boardwrite > div.listgroup {clear:both; overflow:hidden; margin-bottom:3rem; border-bottom:1px solid #ddd}
.boardwrite > div.listgroup + .recommend-book {border-top:0 !important}
.boardwrite > div > ul {clear:both; overflow:hidden}
.boardwrite > div > ul > li {clear:none; overflow:hidden; float:left; width:50%; padding:2rem; border-top:1px solid #ddd}
.boardwrite > div > ul > li:first-child {border-top:0}
.boardwrite > div > ul > li:nth-child(2) {border-top:0}
.boardwrite > div > ul li.clearfix + li:nth-child(2) {border-top:1px solid #ddd}
.boardwrite > div > ul > li p.optionbox {width:100%}
.boardwrite > div > ul > li span.optionbox {float:left}
.boardwrite > div > ul > li span.inpbox {float:left}
.boardwrite > div > ul > li .won {float:left; width:10%; text-align:center; color:#333; font-size:1.6rem; line-height:5rem}
.boardwrite > div > ul > li > label {float:left; width:17rem; font-size:1.6rem; color:#333; font-weight:600; line-height:5rem}
.boardwrite > div > ul > li > label.txtright {padding-right:5rem; text-align:left}
.boardwrite > div > ul > li > label.text-right {padding-right:1.5rem; text-align:right}
.boardwrite > div > ul > li > label.point:before {position:relative; left:-0.5rem; top:0.4rem; display:inline-block; color:#e60000; content:"*"}
.boardwrite > div > ul > li > div {float:none; overflow:hidden}
.boardwrite > div > ul > li .email .inpbox {width:29%}
.boardwrite > div > ul > li .email .optionbox {width:30%; margin:0 0 0 3%}
.boardwrite > div > ul > li > div p.inpbox {float:none; width:100%}
.boardwrite > div > ul > li > div.orchoice {padding-top:1.5rem}
.boardwrite > div > ul > li > div.orchoice span {float:left; position:relative; margin-left:4rem}
.boardwrite > div > ul > li > div.orchoice span label {color:#666}
.boardwrite > div > ul > li > div.orchoice.ctg span {width:14%; margin-left:0; margin-bottom:1rem}
.boardwrite > div > ul > li > div.orchoice.purpose span {width:18%; margin-left:0; margin-bottom:1rem}
.boardwrite > div > ul > li > div.orchoice.purpose span:nth-child(1),
.boardwrite > div > ul > li > div.orchoice.purpose span:nth-child(2),
.boardwrite > div > ul > li > div.orchoice.purpose span:nth-child(6),
.boardwrite > div > ul > li > div.orchoice.purpose span:nth-child(7) {width:23%}
.boardwrite > div > ul > li > div.orchoice span:first-child {margin-left:0}
.boardwrite > div > ul > li > div.orchoice .inpbox {margin-left:2rem; width:20.9rem; margin-right:0}
.boardwrite > div > ul > li > div.orchoice.ins input[type="radio"] + label:before {top:50%; margin-top:-1.1rem; background-position:0}
.boardwrite > div > ul > li > div.orchoice.ins input[type="radio"]:checked + label:before {background-position:0}
.boardwrite > div > ul > li > div.orchoice.ins input[type="radio"]:checked + label:after {top:50%; margin-top:-1.1rem; background-position:0}
.boardwrite > div > ul > li > div.orchoice.ins {padding-top:0}
.boardwrite > div > ul > li > div.orchoice.ins span {height:5rem; line-height:5rem}
.boardwrite > div > ul > li > div.orchoice.ins.during p {display:inline; float:left; margin-left:4rem}
.boardwrite > div > ul > li > div.orchoice.ins.during p.txt-dots {margin-left:0}
.boardwrite > div > ul > li > div.cellphone .inpbox {width:15%}
.boardwrite > div > ul > li .hy {float:left; width:3.4rem; text-align:center; line-height:5rem; color:#999; font-size:1.6rem}
.boardwrite > div > ul > li.ntxt > div span {display:block; color:#666; font-size:1.7rem; line-height:5rem}
.boardwrite > div > ul > li .msg {display:block; clear:both; margin-top:0.5rem; color:#0c8bed; font-size:1.6rem}
.boardwrite > div > ul > li .msg-error {display:block; clear:both; margin-top:0.5rem; color:#023377; font-size:1.6rem}
.boardwrite > div > ul > li .txtbox {width:100%; height:12rem; padding:0.5rem; background:#f6f6f6}
.boardwrite > div > ul > li .txtbox textarea {width:100%; height:100%; background:0; border:0; font-size:1.6rem; line-height:2.2rem; color:#666}
.boardwrite > div > ul > li .schbox {position:relative; padding:0 9rem 0 0}
.boardwrite > div > ul > li .schbox button {position:absolute; right:0; top:0; width:8rem; min-width:8rem; padding:0}
.boardwrite > div > ul > li .address .schbox {float:left; width:52%; margin-right:1rem; margin-bottom:0.6rem; padding:0 12rem 0 0}
.boardwrite > div > ul > li .address .schbox .inpbox {width:100%}
.boardwrite > div > ul > li .address .schbox button {width:11rem}
.boardwrite > div > ul > li .address div:last-child {float:none; overflow:hidden; clear:both}
.boardwrite > div > ul > li .address div:last-child .inpbox {float:right; width:38%; margin-left:2%}
.boardwrite > div > ul > li .address div:last-child .inpbox:first-child {float:left; width:60%; margin-left:0}
.boardwrite > div > ul > li.clearfix {clear:both; overflow:hidden; float:none; width:auto}
.boardwrite > div > ul > li.blank {height:9.1rem}
.boardwrite > div > ul > li .thumbnail-reg .thumbnail-input {float:left; position:relative; width:12rem; height:5rem; padding-right:1rem}
.boardwrite > div > ul > li .thumbnail-reg .thumbnail-input .btn-border {position:absolute; z-index:20; left:0; top:0; width:11rem; margin:0 3rem 0 0; padding:0; opacity:1}
.boardwrite > div > ul > li .thumbnail-reg .thumbnail-input input[type="file"]{position:absolute; top:0; left:0; z-index:21; width:105%; height:5rem; margin-left:-5%; font-size:0; opacity:0; filter:alpha(opacity=00)}
.boardwrite > div > ul > li .thumbnail-reg .insert-filename {clear:both; overflow:hidden; width:100%; margin-top:1rem}
.boardwrite > div > ul > li .thumbnail-reg .insert-filename input[type="text"] {width:100%; height:3.5rem; color:rgba(102,102,102,0.8); font-size:1.5rem}
.boardwrite > div > ul > li .thumbnail-reg > span {float:left; position:relative; height:5rem; margin:0 0 0 2.5rem; padding:0 0 0 1.2rem; color:rgba(153,153,153,0.9); font-size:1.6rem; line-height:5rem}
.boardwrite > div > ul > li .thumbnail-reg > span:before {position:absolute; left:0; top:50%; display:inline-block; width:0.3rem; height:0.3rem; margin-top:-0.1rem; background:#023377; border-radius:50%; content:""}
.boardwrite > div > ul > li .slide-attachment {clear:both; position:relative; width:62rem; height:14.5rem; padding:3.5rem 0 0 0}
.boardwrite > div > ul > li .slide-attachment .slick-prev {position:absolute; top:3rem; left:-4rem; width:1.2rem; height:2.2rem; background:url('../images/icon_prevlist_off.png') no-repeat 50%; background-size:100% auto; font-size:0; text-indent:-99999rem}
.boardwrite > div > ul > li .slide-attachment .slick-next {position:absolute; top:3rem; right:-2.5rem; width:1.2rem; height:2.0rem; background:url('../images/icon_nextlist_off.png') no-repeat 50%; background-size:100% auto; font-size:0; text-indent:-99999rem}
.boardwrite > div > ul > li .slide-attachment ul {height:9rem}
.boardwrite > div > ul > li .slide-attachment ul li {float:left; position:relative; width:9rem; height:9rem; margin:0 2rem 2rem 0}
.boardwrite > div > ul > li .slide-attachment ul li .pic {display:block; width:9rem; height:9rem; overflow:hidden; border-radius:50%; border:1px solid #e1e1e1; font-size:0}
.boardwrite > div > ul > li .slide-attachment ul li .pic img {width:100%}
.boardwrite > div > ul > li .slide-attachment ul li.on .pic {border:2px solid #f8b908}
.boardwrite > div > ul > li .slide-attachment ul li.on .btn-delete {background:url('../images/icon_delete_on.png') no-repeat 0 0}
.boardwrite > div > ul > li .slide-attachment ul li .btn-delete {position:absolute; right:0; top:0.2rem; width:2.2rem; height:2.2rem; border-radius:50%; background:url('../images/icon_delete_off.png') no-repeat 0 0; font-size:0; text-indent:-99999rem; box-shadow:0.2rem 0.2rem 0.4rem rgba(0,0,0,0.1)}
.boardwrite > div > ul > li .slide-attachment ul li .btn-delete:hover {background:url('../images/icon_delete_on.png') no-repeat 0 0}
.boardwrite > div > ul > li .account > * {margin-left:1rem}
.boardwrite > div > ul > li .account > *:first-child {margin-left:0}
.boardwrite > div > ul > li .account > span {font-size:1.6rem}
.boardwrite > div > ul > li .account .optionbox {float:left; width:15rem}
.boardwrite > div > ul > li .account .inpbox {float:left; width:33rem}
.boardwrite > div > ul > li .account .button {float:left; width:11rem}
.boardwrite > div > ul > li.info {clear:both; overflow:hidden; width:100%; float:none; padding:2rem 3rem 2.5rem 6rem; background:#f6f6f6; border-top:1px solid #ddd}
.boardwrite > div > ul > li.info ul li {float:left; width:50%; margin:0.6rem 0; font-size:1.6rem}
.boardwrite > div > ul > li.info ul li strong {float:left; position:relative; width:17rem; padding-left:1rem; color:#333; line-height:3rem; font-weight:600}
.boardwrite > div > ul > li.info ul li strong:before {position:absolute; left:0; top:50%; width:0.3rem; height:0.3rem; margin-top:-0.1rem; border-radius:50%; background:#f56435; content:""}
.boardwrite > div > ul > li.info ul li:nth-child(2) strong {width:10rem}
.boardwrite > div > ul > li.info ul li:nth-child(4) strong {width:10rem}
.boardwrite > div > ul > li.info ul li span {float:none; overflow:hidden; display:block; color:#666; font-weight:400}
.boardwrite > div.recommend-book .pic {float:left; position:relative; width:13.5rem; height:auto; min-height:19rem; margin:5rem 7rem 0 2rem; text-align:center; background:#f6f6f6; border:1px solid #ddd; font-size:0}
.boardwrite > div.recommend-book .pic:before {content:"??�서�? 검??�해주세???"; display:block; position:absolute; left:50%; top:38%; z-index:1; width:10rem; margin-left:-5rem; color:#aeaeae; font-size:1.5rem}
.boardwrite > div.recommend-book .pic img {position:relative; z-index:10; width:100%; transition: transform .35s}
.boardwrite > div.recommend-book .pic img:hover {transform:scale(1.05)}
.boardwrite > div.recommend-book {clear:both; overflow:hidden; margin-bottom:0; border-bottom:0; border-top:1px solid #ddd}
.boardwrite > div.recommend-book ul {float:none; clear:none; width:auto; margin-top:4rem}
.boardwrite > div.recommend-book h3 + .pic {margin-top:3rem}
.boardwrite > div.recommend-book h3 + .pic + ul {margin-top:3rem}
.boardwrite > div.recommend-book ul li {padding:1rem; border-top:0 !important; border-bottom:1px solid #ddd}
.boardwrite > div.recommend-book ul li:last-child {padding-bottom:5rem; border-bottom:0}
.boardwrite > div.recommend-book ul li:only-child {padding-bottom:2rem; border-bottom:1px solid #ddd}

/* 2020.04.10 */
.boardwrite > div.filebox {margin:6rem 0 0 0; color:#333; font-size:1.6rem}
.boardwrite > div.filebox .btn-file {float:right; display:block; width:7.3%; height:5rem}
.boardwrite > div.filebox .btn-file input[type="file"] {width:0; height:0; opacity:0}
.boardwrite > div.filebox .btn-file label {display:block; width:100%; height:100%; padding:0; border:1px solid #023377; text-align:center; line-height:4.8rem; color:#023377; font-weight:700}
.boardwrite > div.filebox .btn-del {width:2rem; height:2.1rem; margin-left:2rem; background:url('../images/icon_popclose1_m.png') no-repeat 0 0; background-size:contain; font-size:0}
.boardwrite > div.filebox .essebox {padding:5rem 4rem; background:#f9f9f9}
.boardwrite > div.filebox .essebox strong {font-weight:700}
.boardwrite > div.filebox .essebox strong em {color:#023377}
.boardwrite > div.filebox ul.file-down {margin-top:3rem}
.boardwrite > div.filebox ul.file-down li {padding:2rem 3rem; margin-top:1rem; background:#fff}
.boardwrite > div.filebox ul.file-down li:first-child {margin-top:0}
.boardwrite > div.filebox ul.file-down li a {display:inline-block}
.boardwrite > div.filebox ul.file-down li em {display:block; overflow:hidden; padding-left:4rem; background:url('../images/icon_download_02.png') no-repeat 0 100%; color:#666; font-size:1.6rem; text-overflow:ellipsis; white-space:nowrap}
.boardwrite > div.filebox .file-attach > ul > li {border-bottom:1px solid #ddd}
.boardwrite > div.filebox .attach-header {position:relative; height:9rem; padding:2rem 6rem 2rem 4rem; background:#fff}
.boardwrite > div.filebox .attach-header:after {content:""; display:block; clear:both}
.boardwrite > div.filebox .attach-header strong {display:block; float:left; position:absolute; top:50%; transform:translateY(-50%)}
.boardwrite > div.filebox .attach-header .esse {color:#f40909; font-weight:500}
.boardwrite > div.filebox .attach-content {display:none; padding:2.4rem 4rem; background:#f9f9f9}
.boardwrite > div.filebox .attach-content.active {display:block}
.boardwrite > div.filebox .attach-content .filename {display:inline-block; padding-left:4rem; background:url('../images/icon_download_02.png') no-repeat 0 50%;}
.boardwrite > div.filebox .attach-content .filename input[type="text"] {overflow:hidden; width:100%; background:#f9f9f9; font-size:1.6rem; white-space:nowrap; text-overflow:ellipsis}
.boardwrite > div.filebox .btnright {padding:3rem 4rem}
.boardwrite ul > li .writing {max-width:none !important}
.boardwrite ul > li .writing .writing-list {margin-top:1rem; padding-top:1rem; border-top:1px solid #ddd}
.boardwrite ul > li .writing .writing-list:first-child {margin-top:0; padding-top:0; border-top:0}
.boardwrite ul > li .writing .writing-list .writing-img {float:left; width:15%; margin-right:4.5rem}
.boardwrite ul > li .writing .writing-list .writing-img span {overflow:hidden; display:block; width:13.8rem; height:20rem; border:1px solid #ddd}
.boardwrite ul > li .writing .writing-list .writing-img img {width:100%}
.boardwrite ul > li .writing .writing-list ul {float:none; overflow:hidden}
.boardwrite ul > li .writing .writing-list ul li {clear:both; overflow:hidden; float:none; width:auto; padding:1rem 0; border-top:1px solid #ddd;}
.boardwrite ul > li .writing .writing-list ul li:first-child {padding-top:0; border-top:0}
.boardwrite ul > li .writing .writing-list label {float:left; width:7%; font-size:1.6rem; color:#333; font-weight:600; line-height:5rem}
.boardwrite ul > li .writing .writing-list div {float:none; overflow:hidden}
.boardwrite ul > li .writing .writing-list p.inpbox {max-width:35rem}
.boardwrite ul > li .writing .writing-list .btnleft {margin-top:0; padding-top:2rem; border-top:1px solid #ddd}
.boardwrite ul > li .writing .btnleft {margin-top:2rem}
.boardwrite ul > li .writing .booktitle span.inpbox {width:85%}
.boardwrite ul > li .writing .booktitle .btn-border {min-width:auto; margin-left:1%; padding:0 2rem !important; border:1px solid #023377; color:#023377}

.pnlist {clear:both; width:auto; margin-top:-6rem}
.pnlist:after {clear:both; overflow:hidden; display:block; content:""}
.pnlist ul li {float:left; width:40%; height:6rem}
.pnlist ul li a {display:block}
.pnlist ul li a em {display:block; margin:0 0 1rem 0; color:#999; font-size:1.6rem}
.pnlist ul li a strong {display:block; font-size:2rem; color:#333; font-family:nm}
.pnlist ul li:first-child a {padding:0 0 0 4rem; background:url('../images/icon_prevlist_off.png') no-repeat 0 50%}
.pnlist ul li:first-child.disabled a {background:url('../images/icon_prevlist_off.png') no-repeat 0 50%}
.pnlist ul li:last-child {float:right}
.pnlist ul li:last-child a {padding:0 4rem 0 0; text-align:right; background:url('../images/icon_nextlist_off.png') no-repeat 100% 50%}
.pnlist ul li:last-child a:hover {background:url('../images/icon_nextlist_on.png') no-repeat 100% 50%}
.pnlist ul li:last-child a:hover em {color:#023377}
.pnlist ul li:last-child a:hover strong {color:#023377}
.pnlist ul li:last-child.disabled a {background:url('../images/icon_nextlist_off.png') no-repeat 100% 50%}
.pnlist ul li.disabled a {pointer-events:none}
.pnlist ul li.disabled a em {color:#aeaeae}
.pnlist ul li.disabled a strong {color:#aeaeae}
.page-interview .pnlist ul li:last-child a:hover strong,
.page-interview .pnlist ul li:last-child a:hover em{color:#023377}
.page-interview .pnlist ul li:last-child a:hover {background:url('../images/icon_nextlist_off_01.png') no-repeat 100% 50%}

.gallarylist {clear:both; margin:0 -2rem 0 -2rem}
.gallarylist:after {clear:both; overflow:hidden; display:block; content:""}
.gallarylist ul li.nocontents {}
.gallarylist ul li {float:left; width:36.6rem; height:70rem; margin:0 2rem}
.gallarylist ul li .pic {display:block; width:100%; height:40rem; overflow:hidden; background:#f6f6f6 url('../images/img_noimg_02.jpg') no-repeat 50%; border:1px solid #ddd}
.gallarylist ul li .pic img {min-width:36.4rem; width:auto; min-height:36.5rem; height:100%; transition: transform .35s}
.gallarylist ul li .pic img:hover {min-width:36.4rem; width:auto; min-height:36.5rem; height:100%; transform:scale(1.05)}
.gallarylist ul li a {display:block}
.gallarylist ul li a > div {height:28.5rem; margin:2.5rem 0 0 0; padding-bottom:6.5rem}
.gallarylist ul li a > div em {display:block; margin-bottom:1rem; color:#023377; font-size:1.6rem; font-weight:600}
.gallarylist ul li a > div strong {display:block; height:6.5rem; overflow:hidden; margin-bottom:3rem; font-size:2.6rem; line-height:3.5rem; color:#333; font-family:nm}
.gallarylist ul li a > div p {position:relative; margin-bottom:0.3rem; padding:0 0 0 1.2rem; font-size:1.6rem}
.gallarylist ul li a > div p:before {position:absolute; left:0; top:50%; width:0.3rem; height:0.3rem; margin-top:-0.15rem; background:#023377; border-radius:0.2rem; content:""}
.gallarylist + .paging {margin-top:0}

.pic-boardlist {clear:both; border-top:2px solid #222}
.pic-boardlist > ul > li.nocontents {}
.pic-boardlist > ul > li {clear:both; overflow:hidden; position:relative; padding:5rem 0; border-bottom:1px solid #ddd}
.pic-boardlist > ul > li > a {display:block}
.pic-boardlist > ul > li .pic {float:left; width:38rem; height:24rem; margin:0 7rem 0 0; overflow:hidden; background:#f6f6f6 url('../images/img_noimg_02.jpg') no-repeat 50%; border:1px solid #ddd}
.pic-boardlist > ul > li .pic img {width:100%; min-width:100%; min-height:100%; transition: transform .35s}
.pic-boardlist > ul > li .pic img:hover {transform:scale(1.05)}
.pic-boardlist > ul > li .picbox {float:left; position:relative; width:32rem; height:30rem; margin:0 6.5rem 0 0; background:#f6f6f6}
.pic-boardlist > ul > li span.picbox {float:left; position:relative; width:32rem; height:30rem; padding-top:0; margin:0 6.5rem 0 0; background:#f6f6f6; text-align:center; display:flex; flex-direction:row; justify-content:center; align-items:center}
.pic-boardlist > ul > li span.picbox img {display:inline-block; box-shadow:0.4rem 0.4rem 0.8rem rgba(0,0,0,0.1)}
.pic-boardlist > ul > li .picbox ul li {display:none; width:100%; height:30rem; padding-top:2.8rem; text-align:center; display:flex; flex-direction:row; justify-content:center; align-items:center}
.pic-boardlist > ul > li .picbox ul li img {display:inline-block; box-shadow:0.4rem 0.4rem 0.8rem rgba(0,0,0,0.1)}
.pic-boardlist > ul > li .picbox ul li:first-child {display:block}
.pic-boardlist > ul > li .picbox .num {display:block; position:absolute; right:0; bottom:0; width:5.6rem; height:4.2rem; text-align:center; background:#c5c5c5; color:#fff; font-size:1.6rem; line-height:4.2rem}
.pic-boardlist > ul > li .picbox .num:before {content:"+ "; color:#fff; height:100%; left:0; top:0; font-family:arial; font-weight:600; font-size:1.6rem}
.pic-boardlist > ul > li .picbox + a {float:none; overflow:hidden}
.pic-boardlist > ul > li > div {float:none; overflow:hidden; height:100%; padding:2rem 0 0 0}
.pic-boardlist > ul > li div > label {display:block; margin:0 0 1rem 0; color:#023377; font-size:1.6rem; font-weight:600}
.pic-boardlist > ul > li div > label i {position:relative; padding:0 1.7rem 0 0; margin-right:0.6rem; color:#aeaeae; font-size:1.6rem; font-weight:600}
.pic-boardlist > ul > li div > label i:after {content:""; position:absolute; right:0; top:50%; display:inline-block; width:0.8rem; height:1.2rem; margin-top:-0.5rem; background:url('../images/icon_arr_05.png') no-repeat 0 0}
.pic-boardlist > ul > li div > strong {display:block; margin-bottom:1.5rem; font-size:2.6rem; color:#333; /*font-family:nm;*/ line-height:3.2rem}
.pic-boardlist > ul > li div > p {font-size:1.6rem; line-height:2.6rem}
.pic-boardlist > ul > li div > p.info {height:auto; margin:0 0 2rem 0; color:#999; font-weight:200}
.pic-boardlist > ul > li div > p.info span {position:relative; margin-left:1rem; padding-left:1rem}
.pic-boardlist > ul > li div > p.info span:before {position:absolute; left:0; top:50%; width:0.1rem; height:1.2rem; margin-top:-0.5rem; background:#ddd; content:''}
.pic-boardlist > ul > li div > p.info span:first-child {margin:0; padding:0}
.pic-boardlist > ul > li div > p.info span:first-child:before {background:0}
.pic-boardlist > ul > li div > .date {position:absolute; left:45rem; bottom:6.8rem; color:#aeaeae; font-weight:400; font-size:1.6rem}
.pic-boardlist > ul > li ul {width:auto; float:none; overflow:hidden}
.pic-boardlist > ul > li ul li {clear:both; overflow:hidden; margin-top:1.5rem; line-height:2.2rem}
.pic-boardlist > ul > li ul li:first-child {margin-top:0}
.pic-boardlist > ul > li ul li label {float:left; display:block; width:11rem; color:#333; font-size:1.6rem}
.pic-boardlist > ul > li ul li span {display:block; float:none; width:auto; font-size:1.6rem; color:rgba(102,102,102,0.8)}
.pic-boardlist > ul > li ul li div {float:none; width:auto; overflow:hidden; margin-top:0; font-size:1.6rem; color:rgba(102,102,102,0.8); line-height:2.8rem}
.pic-boardlist .last-update {margin-bottom:8rem}

.last-update {clear:both; overflow:hidden; color:#aeaeae; font-size:1.6rem; line-height:2rem}
.last-update span {position:relative; display:inline-block; padding-left:1.5rem; margin-left:1.5rem}
.last-update span:before {position:absolute; left:0; top:50%; width:0.1rem; height:1.2rem; margin-top:-0.4rem; background:#c7c7c7; content:""}

.pr-cost {clear:both; overflow:hidden; color:#aeaeae; font-size:1.6rem; line-height:2rem}
.pr-cost span {position:relative; display:inline-block; padding-left:1.5rem; margin-left:1.5rem}
.pr-cost span:before {position:absolute; left:0; top:50%; width:0.1rem; height:1.2rem; margin-top:-0.4rem; background:#c7c7c7; content:""}

.book-detailview {clear:both; overflow:hidden; padding:8rem 6rem; margin-bottom:5rem; border-bottom:1px solid #ddd}
.book-detailview dl {clear:both; overflow:hidden; margin-bottom:8rem}
.book-detailview dl dt {margin:0 0 1.5rem 0; font-size:2rem; color:#333; font-weight:800}
.book-detailview dl dd pre {color:rgba(102,102,102,0.9); font-size:1.6rem; line-height:2.6rem}
.book-detailview .last-update {margin-top:-2rem}

.locationbox {clear:both; overflow:hidden; margin:10rem 0}
.locationbox h3 {margin:0 0 3rem 0; padding:0 0 0 2rem; background:url('../images/icon_location.png') no-repeat 0 60%; font-size:1.6rem; color:#666; font-weight:400}
.locationbox h3 strong {margin-right:1.2rem; color:#333; font-weight:600}

.page-booktour .boardview dl dt {padding-right:6rem}
.page-booktour .pr-cost {margin:0 6rem 1rem 6rem}
.page-booktour .last-update {margin:0 6rem 7rem 6rem}

/* .page-culture .boardview dl dt {padding-right:6rem} */
.page-culture .gallarylist ul li .pic img {width:100%; height:auto}

.page-club .boardview {border-bottom:0; margin-bottom:2rem}
.page-club .boardview + .pic-boardlist {margin-top:-2rem; border-top:0}
.page-club .boardview dl dt {padding-right:6rem}
.page-club .pic-boardlist {padding:0 6rem; margin-bottom:5rem; border-bottom:1px solid #ddd}
.page-club .pic-boardlist ul li div > .date {left:38.5rem}
.page-club .pic-boardlist > ul > li:last-child {border-bottom:0}
.page-club .totalcnt + .pic-boardlist {padding-left:0; padding-right:0}
.page-club .btnright .btn-ok:first-child {padding:0 5rem}
.page-club .btnright {clear:both; overflow:hidden}
.page-club .toggle-contents button {display:block; width:10.4rem; height:2rem; margin:0 0 0 12rem; text-align:left}
.page-club .toggle-contents button em {display:inline-block; margin-right:0.6rem; color:#333; font-size:1.6rem; font-weight:600}
.page-club .toggle-contents button i {display:inline-block; width:1.7rem; height:1.1rem; background:url('../images/icon_arr_12.png') no-repeat 0 50%; -ms-transition:all 0.5s; transition:all 0.5s}
.page-club .toggle-contents div.on {clear:both; overflow:hidden; padding-bottom:6rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.page-club .toggle-contents.on button i {transform:rotate(180deg)}
.page-club .toggle-contents.on .text-contents {max-height:none}
.page-club .txt-dots {clear:both; position:relative; overflow:hidden; padding-left:1.5rem; padding-top:1.5rem; color:#999; font-size:1.6rem}
.page-club .txt-dots:before {position:absolute; left:0; top:2.5rem; width:0.3rem; height:0.3rem; border-radius:50%; background:#023377; content:""}

.page-recommend .pic-boardlist > ul > li div > p.txt {height:5.5rem; overflow:hidden}
.page-recommend .boardview {border-bottom:0}
.page-recommend .boardview dl dd.book-intro .txtlist > ul > li label {width:12rem}
.page-recommend .boardview dl dd.book-intro .picbox {position:relative; background-color:#fff; background-image:none}
.page-recommend .boardview dl dd.book-intro .picbox img {position:absolute; top:50%; left:50%; min-width:auto; min-height:auto; transform:translate(-50%,-50%)}
.page-recommend .pic-boardlist ul li div > .date {left:38.5rem}
.page-recommend .pic-boardlist div.recommend-list {position:static; bottom:8.5rem}
.page-recommend .pic-boardlist div.recommend-list ul:after {clear:both; overflow:hidden; display:block; content:""}
.page-recommend .pic-boardlist div.recommend-list > ul li {float:left; clear:none; display:inline-block; margin:1rem 0}
/* .page-recommend .pic-boardlist div.recommend-list > ul li:after {content:""; display:inline-block; width:1rem; height:1.2rem;  margin:0 1rem;background:url('../images/icon_recommend_01.png') no-repeat 50% 0} */
.page-recommend .pic-boardlist div.recommend-list > ul li:last-child:after {background:none}
.page-recommend .pic-boardlist div.recommend-list > ul li span {display:inline-block;}

.page-space fieldset.boardschbox > * {float:left}
.page-space fieldset.boardschbox .optionbox {width:15.2rem}
.page-space fieldset.boardschbox .inpbox {width:21rem}
.page-space .bannerbox {margin-bottom:4rem}
.page-space .bannerbox img {width:100%}
.page-space .gallarylist {margin:0 -2rem 0 -2rem}
.page-space .gallarylist ul li {height:56.5rem; margin:0 2rem 4rem 2rem; border:1px solid #ddd}
.page-space .gallarylist ul li .pic {height:36.5rem; overflow:hidden; border:0}
.page-space .gallarylist ul li a > div {height:20rem; margin:0; padding:3.3rem 2.5rem 2rem 3.5rem}
.page-space .gallarylist ul li a > div > strong {height:auto; margin:0 0 2rem 0; font-size:2.6rem; line-height:3rem}
.page-space .gallarylist ul li a > div > p {clear:both; overflow:hidden; margin-bottom:0.6rem}
.page-space .gallarylist ul li a > div > p:before {top:1.2rem; background:#023377}
.page-space .gallarylist ul li a > div > p > label {float:left; width:9.5rem; font-size:1.6rem; font-weight:600; color:#333}
.page-space .gallarylist ul li a > div > p > span {display:block; float:none; overflow:hidden; font-size:1.6rem; color:rgba(102,102,102,0.9); line-height:2.2rem}
.page-space .boardwrite > div > ul > li .thumbnail-reg > span {margin-bottom:0; margin-left:2.2rem; font-size:1.5rem}
.page-space .boardview dl dd {border-bottom:1px solid #ddd}
.page-space .boardview {margin-bottom:0; border:0}
.page-space .boardview dl dd.book-intro .piclist ul.slick-slider img {height:100%}
.page-space .locationbox {margin:5rem 0 5rem; padding:0 6rem 5rem; border-bottom:1px solid #ddd}

.page-interview .last-update {margin-left:6rem; margin-bottom:7rem}

.page-center .toggle-contents {clear:both; overflow:hidden; margin:0 0 5rem 0}
.page-center .toggle-contents button {display:block; width:10.4rem; height:4rem; margin:0 auto 5rem; text-align:left; padding-left:1.8rem; border:1px solid #e3e3e3; border-radius:2rem}
.page-center .toggle-contents button em {display:inline-block; margin-right:0.6rem; color:#666; font-size:1.6rem}
.page-center .toggle-contents button i {display:inline-block; width:1.7rem; height:1.1rem; background:url('../images/icon_arr_06.png') no-repeat 0 50%; -ms-transition:all 0.5s; transition:all 0.5s}
.page-center .toggle-contents div.on {clear:both; overflow:hidden; padding-bottom:6rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.page-center .toggle-contents.on button i {transform:rotate(180deg)}
.page-center .toggle-contents h3 {text-align:center}
.page-center .toggle-contents h3 a {display:block; width:28rem; height:15rem; padding:8rem 0 0 0; margin:0 auto; background:url('../images/icon_centergreen.png') no-repeat 50% 0; color:#333; font-size:2.6rem; font-weight:800}
.page-center .toggle-contents dl {clear:both; overflow:hidden; padding:5rem 7.5rem}
.page-center .toggle-contents dl dt {margin:0 0 4rem 0; color:#333; font-size:2.2rem; font-weight:600; line-height:3.5rem}
.page-center .toggle-contents dl dd p {margin-top:1.5rem; color:rgba(102,102,102,0.9); font-size:1.6rem; line-height:2.5rem}
.page-center .toggle-contents dl dd p:first-child {margin-top:0}
.page-center .toggle-contents ul {height:18rem; padding:0.6rem 0 0 0}
.page-center .toggle-contents ul li {float:left; width:25%; height:17rem; text-align:center; border-left:1px solid #ddd}
.page-center .toggle-contents ul li:first-child {border-left:0}
.page-center .toggle-contents ul li strong {display:block; padding:9.5rem 0 0 0; font-size:1.6rem; color:#333; line-height:2.6rem; font-weight:700}
.page-center .toggle-contents ul li:nth-child(1) strong {background:url('../images/icon_center_01.png') no-repeat 50% 0}
.page-center .toggle-contents ul li:nth-child(2) strong {background:url('../images/icon_center_02.png') no-repeat 50% 0}
.page-center .toggle-contents ul li:nth-child(3) strong {background:url('../images/icon_center_03.png') no-repeat 50% 0}
.page-center .toggle-contents ul li:nth-child(4) strong {background:url('../images/icon_center_04.png') no-repeat 50% 0}


.page-introduce {clear:both; width:100%; margin:0}
.page-introduce:after {overflow:hidden; display:block; content:""}
.page-introduce h3 {margin-bottom:5rem}
.page-introduce h3 strong {display:block; /*font-family:nm;*/ color:#333; font-size:3.8rem}
.page-introduce h3 span {display:block; margin-top:2.5rem; font-size:1.6rem; font-weight:400}
.page-introduce .txt-imgbox {width:118rem; clear:both; overflow:hidden; margin:0 auto 12.5rem}
.page-introduce .txt-imgbox:first-child span.pull-left {margin-right:9rem}
.page-introduce .txt-imgbox:nth-child(2) dl {width:64rem; padding-top:9rem}
.page-introduce .txt-imgbox dl {padding-top:11rem}
.page-introduce .txt-imgbox.location {margin-bottom:5rem}
.page-introduce .txt-imgbox.location span.pull-left {margin-right:9rem}
.page-introduce .txt-imgbox.location dl {padding-top:6rem}
.page-introduce .txt-imgbox.location dl dd p {margin-bottom:3rem}
.page-introduce .txt-imgbox dl dt {margin:0 0 3rem 0; /*font-family:nm;*/ font-size:3.8rem; color:#333; line-height:4.5rem}
.page-introduce .txt-imgbox dl dd {color:rgba(102,102,102,0.9); font-size:1.6rem; line-height:2.8rem}
.page-introduce .txt-iconlist {clear:both; overflow:hidden; position:relative; width:118rem; padding-top:8rem; margin:0 auto 12rem}
/* .page-introduce .txt-iconlist:before {position:absolute; left:0; top:0; content:"??? ??�에??? ??�양??? ??�점??? ??�습??�다."; color:#333; /*font-family:nm;*/ font-size:3rem} */
.page-introduce .txt-iconlist ul {width:100%}
.page-introduce .txt-iconlist ul li {float:left; width:25%; height:16.5rem; text-align:center; border-left:1px solid #ddd}
.page-introduce .txt-iconlist ul li:first-child {border-left:0}
.page-introduce .txt-iconlist ul li strong {display:block; width:100%; height:15rem; padding-top:9.5rem; color:#333; font-size:1.6rem; font-weight:700; line-height:2.4rem}
.page-introduce .txt-iconlist ul li span {display:block; width:100%; height:auto; margin-bottom:2rem; font-size:1.6rem; font-weight:400; line-height:2.2rem}
.page-introduce .txt-iconlist ul li.ti-1 strong {background:url('../images/icon_introduce_01.jpg') no-repeat 50% 0.5rem}
.page-introduce .txt-iconlist ul li.ti-2 strong {background:url('../images/icon_introduce_02.jpg') no-repeat 50% 0.5rem}
.page-introduce .txt-iconlist ul li.ti-3 strong {background:url('../images/icon_introduce_03.jpg') no-repeat 50% 0.5rem}
.page-introduce .txt-iconlist ul li.ti-4 strong {background:url('../images/icon_introduce_04.jpg') no-repeat 50% 0.5rem}
.page-introduce .txt-iconlist ul li.ti-5 {width:33.4%; height:26rem}
.page-introduce .txt-iconlist ul li.ti-5 strong {height:13rem; background:url('../images/icon_introduce_05.jpg') no-repeat 50% 0.5rem}
.page-introduce .txt-iconlist ul li.ti-6 {width:33.3%; height:26rem}
.page-introduce .txt-iconlist ul li.ti-6 strong {height:13rem; background:url('../images/icon_introduce_06.jpg') no-repeat 50% 0.5rem}
.page-introduce .txt-iconlist ul li.ti-7 {width:33.3%; height:26rem}
.page-introduce .txt-iconlist ul li.ti-7 strong {height:13rem; background:url('../images/icon_introduce_07.jpg') no-repeat 50% 0.5rem}
.page-introduce .txt-iconlist ul li.ti-8 {height:25rem}
.page-introduce .txt-iconlist ul li.ti-8 strong {height:13rem; background:url('../images/icon_introduce_08.jpg') no-repeat 50% 0.5rem}
.page-introduce .txt-iconlist ul li.ti-9 {height:25rem}
.page-introduce .txt-iconlist ul li.ti-9 strong {height:13rem; background:url('../images/icon_introduce_09.jpg') no-repeat 50% 0.5rem}
.page-introduce .txt-iconlist ul li.ti-10 {height:25rem}
.page-introduce .txt-iconlist ul li.ti-10 strong {height:13rem; background:url('../images/icon_introduce_10.jpg') no-repeat 50% 0.5rem}
.page-introduce .txt-iconlist ul li.ti-11 {height:25rem}
.page-introduce .txt-iconlist ul li.ti-11 strong {height:13rem; background:url('../images/icon_introduce_11.jpg') no-repeat 50% 0.5rem}
.page-introduce .club-start {width:100%; height:60rem; margin-bottom:12rem; background:#f6f6f6}
.page-introduce .club-start .innerbox {width:118rem; height:100%; padding:10rem 0 0 0; margin:0 auto; background:url('../images/bg_introduce_01.jpg') no-repeat 100% 0}
.page-introduce .club-start h4 {color:#333; font-size:2rem; font-weight:600}
.page-introduce .club-start ul {clear:both; overflow:hidden; margin-bottom:7rem}
.page-introduce .club-start ul li {font-size:1.6rem}
.page-introduce .club-start ul li:first-child {margin-top:2.5rem}
.page-introduce .club-start ul li strong {display:block; position:relative; padding-left:1.2rem; margin-bottom:1rem; color:#333; line-height:2.5rem}
.page-introduce .club-start ul li strong.mt {margin-top:3rem}
.page-introduce .club-start ul li strong a {display:inline-block; height:2.5rem; background:url('../images/bg_greenborder.png') repeat-x 0 100%}
.page-introduce .club-start ul li strong:before {position:absolute; left:0; top:50%; width:0.4rem; height:0.4rem; margin-top:-0.2rem; border-radius:50%; background:#49BFEB; content:""}
.page-introduce .club-start ul li p {line-height:2.7rem}
.page-introduce .club-start h4 + p {margin-top:1rem}
.page-introduce .wide-greenarea {clear:both; width:100%; margin:0 0 60px 0; padding:6rem 0; background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);}
.page-introduce .wide-greenarea h3 {margin-bottom:5.5rem; text-align:center}
.page-introduce .wide-greenarea h3 strong {display:block; font-size:3.8rem; /*font-family:nm;*/ color:#fff}
.page-introduce .wide-greenarea h3 span {display:block; margin-top:2.5rem; color:#b8d0ca; font-size:1.6rem; font-weight:400}
.page-introduce .wide-greenarea .discbox {width:118rem; margin:0 auto}
.page-introduce .wide-greenarea .discbox h2 {color: #fff;}
.page-introduce .wide-greenarea .discbox ul {height:22rem; margin:0 -2rem}
.page-introduce .wide-greenarea .discbox ul li {color:#fff;font-weight: 100; float:left; width:36.6rem; height:20rem; padding: 5px;margin:5px 20px; text-align:center; background:url('../images/bg_boxline_01.png') no-repeat 100% 0; border:3px solid #fff; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -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}
.page-introduce .wide-greenarea .discbox ul li span {display:inline-block; color:#fff; font-size:1.8rem; font-weight:500; line-height:2.5rem}
.page-introduce .bannerbox {width:118rem; height:15rem; margin:10rem auto 0; background:url('../images/bg_introduce_02.jpg') no-repeat 0 50%}
.page-introduce .bannerbox p {width:100%; height:100%; padding:3.2rem 25rem 0 25rem; text-align:center; background:url('../images/bg_introduce_03.jpg') no-repeat 100% 50%; font-size:2.6rem; color:#333; line-height:4rem}
.page-introduce .bannerbox p strong {color:#0baae5; font-weight:700}
.page-introduce .txt-imgbox > dl.pull-none dd strong.gathering {display:block; position:relative; margin-bottom:1rem; color:#333; line-height:2.5rem; cursor:pointer}
.page-introduce .txt-imgbox > dl.pull-none dd strong.gathering a {display:inline-block; height:2.5rem; background:url('../images/bg_greenborder.png') repeat-x 0 100%}
.page-introduce .txt-imgbox > dl.pull-none dd strong.gathering span {display:inline-block; height:2.5rem; background:url('../images/bg_greenborder.png') repeat-x 0 100%}

.page-clubapply .txt-dots {clear:both; position:relative; overflow:hidden; padding-left:1rem; padding-top:1.5rem; color:#999; font-size:1.6rem}
.page-clubapply .txt-dots:before {position:absolute; left:0; top:2.5rem; width:0.3rem; height:0.3rem; border-radius:50%; background:rgba(2,119,88,0.8); content:""}
.page-clubapply .txt-dots.chk {padding:0}
.page-clubapply .txt-dots.chk:before {background:0}
.page-clubapply .boardwrite > div > ul > li .thumbnail-reg > span {margin:0 0 0 2rem; font-size:1.5rem}
.page-clubapply .boardwrite > div:nth-child(2) {padding-bottom:7rem}

.page-search {position:relative; width:100%; height:67rem; padding-right:80.8rem; border:1px solid #ddd}
.page-search.view {height:auto; padding-right:0; border:0}
.page-search.view .boardview .last-update {margin-top:6rem}
.page-search dl.scbox {clear:both; overflow:hidden; padding:2.3rem 0; border-top:1px solid #ddd; cursor:pointer}
.page-search dl.scbox dt em {display:inline-block; height:2.6rem; margin-right:0.8rem; padding:0 0.8rem; text-align:center; background:#023377; border-radius:1.3rem; color:#fff; font-size:1.4rem; line-height:2.6rem}
.page-search dl.scbox dt .date {display:inline-block; color:#666; line-height:2.6rem; font-size:1.5rem; font-weight:400}
.page-search dl.scbox strong {clear:both; display:block; margin:1rem 0; color:#333; font-size:1.8rem; font-weight:800}
.page-search dl.scbox dt > strong:only-child {margin-top:0}
.page-search dl.scbox dd > span {display:block; max-height:4rem; overflow:hidden; color:#666; font-size:1.4rem; line-height:2rem}
.page-search dl.scbox dd p {clear:both; overflow:hidden; margin-top:1rem}
.page-search dl.scbox dd p span {float:left; display:block; position:relative; height:2rem; margin:0 1rem 0 0; color:#999; font-size:1.4rem; letter-spacing:0.05rem; line-height:2rem}
.page-search dl.scbox dd p span:nth-child(3) {clear:both; float:none; width:auto}
.page-search dl.scbox dd p span:first-child {padding-right:1.2rem}
.page-search dl.scbox dd p span:first-child:after {position:absolute; right:0; top:50%; width:0.1rem; height:1.2rem; padding:0; margin-top:-0.6rem; background:#ddd; content:''}
.page-search .searchlist .scrollbox {clear:both; height:61.8rem; overflow-x:hidden; overflow-y:auto; padding:2.8rem}
.page-search .searchlist .scrollbox dl.scbox:last-child {padding-bottom:1.5rem}
.page-search .searchlist .scrollbox dl.scbox:first-child {padding-top:0; border-top:0}
.page-search .searchlist {width:37rem; height:100%; border-right:1px solid #ddd}
.page-search .searchlist fieldset {position:relative; height:5rem; padding:0 5rem 0 0}
.page-search .searchlist fieldset .filter-value {display:none}
.page-search .searchlist fieldset .optionbox {float:left; width:50%; height:5rem}
.page-search .searchlist fieldset .optionbox:first-child {border-width:0 1px 0 0; border-color:#fff; border-style:solid}
.page-search .searchlist fieldset .optionbox select {background-color:#efefef}
.page-search .searchlist fieldset .btn-search {position:absolute; right:0; top:0; width:5rem; height:5rem; background:#666 url('../images/icon_search_03.png') no-repeat 50%; font-size:0; text-indent:-99999rem}
.page-search .searchlist h3 {margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:1px solid #ddd; font-size:1.5rem; font-weight:400}
.page-search .searchlist h3 em {color:#0baae5}
.page-search .searchlist h3 strong {color:#0baae5; font-weight:600}
.page-search .searchlist .paging {height:2.4rem; margin-top:0}
.page-search .searchlist .paging * {vertical-align:middle}
.page-search .searchlist .paging button {width:2.4rem; height:2.4rem; vertical-align:0.1rem; border:0}
.page-search .searchlist .paging span {height:2.4rem; line-height:2.4rem}
.page-search .searchlist .paging span a {width:2rem; height:2.4rem; margin:0 0.2rem; line-height:2.4rem; font-size:1.4rem; color:#999}
.page-search .searchlist .paging span a.on {color:#333}
.page-search .searchlist .paging span a:hover {color:#333}
.page-search .searchmap .overlist {display:none}
.page-search .searchmap {position:absolute; right:0; top:0; width:80.8rem; height:67rem}
.page-search .searchmap p > img {width:100%}
.page-search .searchmap .filter-layerbox {position:absolute; right:3rem; top:3rem; z-index:59}
.page-search .searchmap .filter-layerbox .holder {display:block; width:11rem; height:4.2rem; text-align:left; background:#023377 url('../images/icon_filter_02.png') no-repeat 85% 50%; box-shadow:0 0.5rem 0.5rem rgba(0,0,0,0.2); line-height:4.2rem}
.page-search .searchmap .filter-layerbox .holder > a {display:block; width:11rem; height:4.2rem; padding:0 0 0 1.5rem; font-size:1.5rem; color:#fff; line-height:4.2rem}
.page-search .searchmap .filter-layerbox .filter-value {position:absolute; right:12rem; top:0; width:26rem; height:4.2rem; text-align:center; padding:0 1.5rem; background:#f8f8f8; border:1px solid #666; box-shadow:0 0.5rem 0.5rem rgba(0,0,0,0.2); line-height:4rem; font-size:0}
.page-search .searchmap .filter-layerbox .filter-value strong {float:left; margin:0 1rem 0 0; color:#333; font-size:1.5rem; font-weight:600}
.page-search .searchmap .filter-layerbox .filter-value p {float:none; overflow:hidden; position:relative; padding:0 0 0 1rem; color:#333; font-size:1.5rem; font-weight:600; word-spacing:-0.02rem}
.page-search .searchmap .filter-layerbox .filter-value p:before {position:absolute; left:0; top:50%; width:0.1rem; height:1rem; margin:-0.5rem 0 0 0; background:#999; content:''}
.page-search .searchmap .filter-layerbox .filter-value p b:before {content:" , "}
.page-search .searchmap .filter-layerbox .filter-value p b:first-child:before {content:''}
.page-search .boardview dl dd.book-intro .picbox img {width:100%; height:100%}
.page-search .boardview dl dd.book-intro .txtlist > ul > li label {width:18rem}
body#etc .container .pagenavi {display:none}
.page-sitemap {padding:0 10rem}
.page-sitemap > ul > li {float:left; width:25%; padding:0 4rem 0 0}
.page-sitemap > ul > li:last-child {padding-right:0}
.page-sitemap > ul > li h3 {padding:2rem 0; border-bottom:1px solid #0179f1; color:#0179f1; font-size:2.6rem; font-weight:800}
.page-sitemap > ul > li ul {padding-top:0.8rem}
.page-sitemap > ul > li ul li {margin-top:2.4rem; line-height:2.5rem}
.page-sitemap > ul > li ul li a {color:#333; font-size:1.8rem; font-weight:600}
.page-sitemap > ul > li ul li a:hover {text-decoration:underline}

.page-privacy > div {margin:0 0 7rem 0; font-size:1.6rem; line-height:2.6rem}
.page-privacy > div strong {display:block; margin:0 0 0.5rem 0; font-size:1.8rem; font-weight:600; color:#333}
.page-privacy > div span {display:block}
.page-privacy > div ol li:after {content:""; clear:both; overflow:hidden; display:block}
.page-privacy > div ol li strong {float:right; width:98%; color:#666; font-size:1.6rem; font-weight:200}
.page-privacy > div ol li span {float:left; color:#666; font-size:1.6rem; font-weight:200}
.page-privacy > div ol li ul:before {content:""; clear:both; overflow:hidden; display:block}
.page-privacy > div ol li ul li {margin-left:2.5rem; line-height:1.75}
.page-privacy > div ol li ul li:before {content:"-"; }
.page-privacy > div ol li ul li strong {color:#666; font-size:1.6rem; font-weight:200}
.page-privacy > div dl {margin-top:2.5rem}
.page-privacy > div dl dt {color:#333; font-weight:600}
.page-privacy > div table {width:100%; margin:4rem 0; border-top:2px solid #000}
.page-privacy > div table tr th,
.page-privacy > div table tr td {padding:10px 0; font-size:1.6rem}
.page-privacy > div table tr th {background:#f6f6f6}
.page-privacy > div table tr th:first-child,
.page-privacy > div table tr td:first-child {border-right:1px solid #ddd}
.page-privacy > div table tr th {color:#333}
.page-privacy > div table tr td {padding:50px; line-height:2.533}
.page-privacy > div table tr td span {display:inline-block; width:6rem}
.page-privacy > div table tr td strong {display:inline-block}

.page-webzine .tabbox ul li.on a,
.page-webzine .tabbox ul li a:hover {color:#023377}
.layerbox {position:absolute; right:0; top:5rem; width:38rem; height:40rem; padding:7.4rem 3rem 0 3rem; background:#fff; box-shadow:0.2rem 0.5rem 0.5rem rgba(0,0,0,0.2), -0.2rem 0 0.2rem rgba(0,0,0,0.1)}
.layerbox fieldset {position:absolute; left:0; top:0; width:100%; height:5rem; padding:0 5rem 0 0; border-bottom:1px solid #ddd}
.layerbox fieldset p .inpbox {display:block; width:100%; height:5rem; background:transparent}
.layerbox fieldset p .inpbox input {width:100%; height:4.8rem; padding:0 15px; background:#fff; border:0; font-size:1.6rem; color:#666}
.layerbox fieldset button {position:absolute; right:0; top:0; width:5rem; height:5rem; background:#666 url('../images/icon_search_03.png') no-repeat 50%; font-size:0; text-indent:-99999rem}
.layerbox .selectlist {position:relative; clear:both; overflow:hidden}
.layerbox .selectlist .all-reset {position:absolute; right:0; top:0}
.layerbox .selectlist .all-reset a {text-decoration:underline; color:#999; font-size:1.4rem}
.layerbox .selectlist dl {clear:both; overflow:hidden; margin:0 0 2.9rem 0}
.layerbox .selectlist dl dt {margin:0 0 0.8rem 0; color:#333; font-size:1.6rem; font-weight:600}
.layerbox .selectlist dl dd a {float:left; width:50%; height:4rem; text-align:center; border-width:1px 1px 1px 0; border-style:solid; border-color:#ddd; line-height:4rem; color:#666; font-size:1.5rem}
.layerbox .selectlist dl dd a:hover {color:#0baae5}
.layerbox .selectlist dl dd a.on {border:1px solid #0baae5; color:#0baae5}
.layerbox .selectlist dl dd a:first-child {border-width:1px}
.layerbox .selectlist dl dd a:nth-child(5) {border-width:1px}
.layerbox .selectlist dl dd.weekend a {width:25%}
.layerbox .selectlist dl dd.weekend a:nth-child(5),
.layerbox .selectlist dl dd.weekend a:nth-child(6),
.layerbox .selectlist dl dd.weekend a:nth-child(7),
.layerbox .selectlist dl dd.weekend a:nth-child(8) {border-top:0}
.layerbox .selectlist dl dd.weekend a.on:nth-child(5),
.layerbox .selectlist dl dd.weekend a.on:nth-child(6),
.layerbox .selectlist dl dd.weekend a.on:nth-child(7),
.layerbox .selectlist dl dd.weekend a.on:nth-child(8) {border-top:1px solid #0baae5}
.layerbox .selectlist .btncenter button {width:100%; height:4.5rem; background:#666; font-size:1.6rem; font-weight:600; color:#fff}

#kakao_map {width:809px; height:668px}

#information .btn-list:hover {background-color:#023377}
#information .btn-ok:hover {background:#023377; border:1px solid #023377; color:#fff}
#information .btn-border {border:1px solid #023377; color:#023377}
#information .btn-border:hover {background:#023377; color:#fff}
#information .btn-gray:hover {background:#023377; color:#fff}
#information .btn-cancel:hover {border-color:#023377; color:#023377}
#information .pic-boardlist ul li div label {color:#319e5a}
#information .boardview dl dt > em {color:#319e5a}
#information .boardview dl dd.book-intro .txtlist > ul > li label:before {background:#023377}
#information .totalcnt strong {color:#319e5a}
#information fieldset.boardschbox .btn-search:hover {background-color:#023377}
#information .boardwrite h3 {color:#023377}
#information .boardwrite blockquote {background:#f1f9f7}
#information .boardwrite blockquote span:before {background:#023377}
#information .thumbnail-reg > span:before {background:#023377}
#information ul.slick-dots li.slick-active button {border:2px solid #023377}
#information input[type="radio"]:checked + label:before {background:url('../images/bg_iradio_on_g.png') no-repeat 0 90%}
#information input[type="radio"]:checked + label:after {background:url('../images/bg_iradio_on_g.png') no-repeat 0 90%}
#information input[type="checkbox"]:checked + label:before {background:url('../images/bg_icheck_on_g.png') no-repeat 0 100%; line-height:2.2rem}
#information input[type="checkbox"]:checked + label:after {background:url('../images/bg_icheck_on_g.png') no-repeat 0 100%}
#information .container .pagenavi > ul > li:last-child .holder > a {background-color:#023377}
#information .container .pagenavi > ul > li:last-child:hover .holder > a {background-color:#023377}
#information .container .subvisual {background-image:url('../images/img_subvisual_01.jpg')}
#information .container .pagenavi > ul > li.on ul {background:#023377; color:#fff}
#information .container .pagenavi > ul > li.on ul li a {background:#023377; color:#fff}
#information .container .pagenavi > ul > li.on ul li a:hover {text-decoration:underline}
#information .pnlist ul li:first-child a:hover {background:url('../images/icon_prevlist_on_01.png') no-repeat 0 50%; color:#023377}
#information .pnlist ul li:first-child a:hover em,
#information .pnlist ul li:last-child a:hover strong,
#information .pnlist ul li:last-child a:hover em,
#information .pnlist ul li:first-child a:hover strong {color:#023377}
#information .pnlist ul li:last-child a:hover {background:url('../images/icon_nextlist_off_01.png') no-repeat 100% 50%; color:#023377}
#information .boardview dl dd.book-intro .txtlist > ul > li label:before {background:#023377}

#system .btn-list:hover {background-color:#023377}
#system .btn-ok:hover {background:#023377; border:1px solid #023377; color:#fff}
#system .btn-border {border:1px solid #023377; color:#023377}
#system .btn-border:hover {background:#023377; color:#fff}
#system .btn-gray:hover {background:#023377; color:#fff}
#system .btn-cancel:hover {border-color:#023377; color:#023377}
#system .pic-boardlist ul li div label {color:#023377}
#system .boardview dl dt > em {color:#999}
#system fieldset.boardschbox .btn-search:hover {background-color:#023377}
#system .totalcnt strong {color:#023377}
#system .thumbnail-reg > span:before {background:#023377}
#system .boardwrite blockquote {background:#fffaf3}
#system .boardwrite blockquote span:before {background:#023377}
#system .boardwrite h3 {color:#023377}
#system ul.slick-dots li.slick-active button {border:2px solid #023377}
#system .container .pagenavi > ul > li:last-child .holder > a {background-color:#023377}
#system .container .pagenavi > ul > li:last-child:hover .holder > a {background-color:#023377}
#system .container .subvisual {background-image:url('../images/img_subvisual_02.jpg')}
#system .container .pagenavi > ul > li.on ul {background:#023377; color:#fff}
#system .container .pagenavi > ul > li.on ul li a {background:#023377; color:#fff}
#system .container .pagenavi > ul > li.on ul li a:hover {text-decoration:underline}
#system .pnlist ul li:first-child a:hover {background:url('../images/icon_prevlist_on_02.png') no-repeat 0 50%; color:#023377}
#system .pnlist ul li:first-child a:hover em,
#system .pnlist ul li:first-child a:hover strong {color:#023377}
#system .boardview dl dd.book-intro .txtlist > ul > li label:before {background:#023377}

#product .pic-boardlist ul li div label {color:#023377}
#product .boardview dl dt > em {color:#023377}
#product .btn-list:hover {background-color:#023377}
#product .btn-border {border:1px solid #023377; color:#023377}
#product .btn-border:hover {background:#023377; color:#fff}
#product .btn-gray:hover {background:#023377; color:#fff}
#product .btn-cancel:hover {border-color:#023377; color:#023377}
#product .btn-ok {background:#023377; color:#fff}
#product .totalcnt strong {color:#023377}
#product fieldset.boardschbox .btn-search:hover {background-color:#023377}
#product ul.slick-dots li button {display:none}
#product ul.slick-dots li.slick-active button {border:2px solid #023377}
#product .container .pagenavi > ul > li:last-child .holder > a {background-color:#023377}
#product .container .pagenavi > ul > li:last-child:hover .holder > a {background-color:#023377}
#product .container .subvisual {background-image:url('../images/img_subvisual_03.jpg')}
#product .container .pagenavi > ul > li.on ul {background:#023377; color:#fff}
#product .container .pagenavi > ul > li.on ul li a {background:#023377; color:#fff}
#product .container .pagenavi > ul > li.on ul li a:hover {text-decoration:underline}
#product .pnlist ul li:first-child a:hover {background:url('../images/icon_prevlist_on_03.png') no-repeat 0 50%; color:#023377}
#product .pnlist ul li:first-child a:hover em,
#product .pnlist ul li:first-child a:hover strong {color:#023377}
#product .boardview dl dd.book-intro .txtlist > ul > li label:before {background:#023377}

#support .btn-list:hover {background-color:#023377}
#support .btn-border {border:1px solid #023377; color:#023377}
#support .btn-border:hover {background:#023377; color:#fff}
#support .btn-gray:hover {background:#023377; color:#fff}
#support .btn-cancel:hover {border-color:#023377; color:#023377}
#support .btn-ok {background:#023377; color:#fff}
#support fieldset.boardschbox .btn-search:hover {background-color:#023377}
#support .boardwrite blockquote {background:#fdf5f8}
#support .boardwrite blockquote span:before {background:#023377}
#support .boardwrite h3 {color:#023377}
#support .totalcnt strong {color:#023377}
#support ul.slick-dots li.slick-active button {border:2px solid #023377}
#support .container .pagenavi > ul > li.on ul {background:#023377; color:#fff}
#support .container .pagenavi > ul > li.on ul li a {background:#023377; color:#fff}
#support .container .pagenavi > ul > li.on ul li a:hover {text-decoration:underline}
#support .container .pagenavi > ul > li:last-child .holder > a {background-color:#023377}
#support .container .pagenavi > ul > li:last-child:hover .holder > a {background-color:#023377}
#support .container .subvisual {background-image:url('../images/img_subvisual_04.jpg')}
#support .pnlist ul li:first-child a:hover {background:url('../images/icon_prevlist_on_04.png') no-repeat 0 50%; color:#023377}
#support .pnlist ul li:last-child a:hover {background:url('../images/icon_nextlist_off_03.png') no-repeat 100% 50% !important; color:#023377}
#support .pnlist ul li:first-child a:hover em,
#support .pnlist ul li:last-child a:hover em,
#support .pnlist ul li:last-child a:hover strong,
#support .pnlist ul li:first-child a:hover strong {color:#023377}
#support .boardview dl dd.book-intro .txtlist > ul > li label:before {background:#023377}

#error {background:#fff}
#error .header {border-bottom:1px solid rgba(0,0,0,0.1)}
#error .header .topmenu > ul > li > a {color:#333}
#error .header .utilmenu ul.othermenu li a {color:#333}
#error .header .utilmenu ul.snsmenu:before {background:rgba(0,0,0,0.2)}
#error .header .utilmenu ul.snsmenu li.facebook a {background:url('../images/icon_facebook_b.png') no-repeat 50%}
#error .header .utilmenu ul.snsmenu li.instagram a {background:url('../images/icon_instagram_b.png') no-repeat 50%}
#error .header .utilmenu ul.snsmenu li.mall a {background:url('../images/icon_mall_b.png') no-repeat 50%}
#error .header .topmenu .subdepth-layer {border-top:0}
#error .container {padding-top:23rem; box-shadow:0.3rem 0.3rem 0.6rem rgba(0,0,0,0.1)}
#error .errorpage {width:66rem; margin:0 auto 10rem; padding:33rem 0 0 0; text-align:center; background:url('../images/img_error.jpg') no-repeat 50% 0}
#error .errorpage dl dt {margin:0 0 2rem 0; color:#333; font-size:2.4rem; font-weight:700}
#error .errorpage dl dd p {margin-bottom:5rem; color:rgba(102,102,102,0.8); font-size:1.6rem}
#error .errorpage dl dd .btn-gray-border {font-weight:200 !important}

#etc .container .subvisual {background-image:url('../images/img_subvisual_05.jpg')}

/*200218 추�??*/
#supportproject h2 {margin-bottom:3.5rem; text-align:center}
#supportproject h2 strong {color:#333; font-size:3.8rem; /*font-family:nm;*/ font-weight:800}
#supportproject ul.tabmenu {margin-bottom:3rem; text-align:center; font-size:0}
#supportproject ul.tabmenu:after {content:""; display:block; clear:both; overflow:hidden}
#supportproject ul.tabmenu li {display:inline-block; position:relative; padding:0 3rem 0 3.1rem}
#supportproject ul.tabmenu li:before {content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:1.5rem; margin-top:-0.75rem; background:#ddd}
#supportproject ul.tabmenu li:first-child:before {display:none}
#supportproject ul.tabmenu li a {color:#999; font-size:1.8rem}
#supportproject ul.tabmenu li.on a {color:#023377}
#supportproject .btn-list:hover {background-color:#023377}
#supportproject .btn-large {padding:0 4rem}
#supportproject .btn-yellowbox {border:1px solid #023377; color:#023377}
#supportproject .btn-yellow {background:#023377; color:#fff}
#supportproject .btn-white {border:1px solid #ddd}
#supportproject b.red {color:#e60000; font-weight:400}
#supportproject b.blue {color:#017757; font-weight:400}
#supportproject .textbox {display:table-cell; position:relative; height:5rem; border:0; vertical-align:middle; font-size:1.6rem; line-height:1.25; word-break:break-all; word-wrap:break-word}
#supportproject .textbox > span {display:block}
#supportproject .textbox > em,
#supportproject .textbox > a > em {border-bottom:1px solid #023377;color:#023377}
#supportproject .header {border-bottom:1px solid #eaf4f6}
#supportproject .header h1 a {background:url('../images/logo_b.png') no-repeat 50%}
#supportproject .header .topmenu {margin-left:23rem}
#supportproject .header .topmenu > ul > li {margin:0 2rem}
#supportproject .header .topmenu > ul > li > a {padding:0; color:#333}
#supportproject .header .topmenu > ul > li > a:after {display:none}
#supportproject .header .topmenu > ul > li.on > a {border-bottom:3px solid #0179f1; color:#0179f1}
#supportproject .container .contentsarea {padding:19rem 0 4rem 0}
#supportproject .boardlist h3 {margin-bottom:10rem; text-align:center}
#supportproject .boardlist h3 strong {color:#333; font-size:3.8rem; /*font-family:nm;*/ font-weight:800}
#supportproject .boardlist p.total { margin-bottom:2rem}
#supportproject .boardlist p.total:after {content:""; display:block; clear:both; overflow:hidden}
#supportproject .boardlist p.total span {float:left; color:#666; font-size:1.6rem}
#supportproject .boardlist p.total span b {color:#023377; font-size:inherit; font-weight:700}
#supportproject .boardlist p.total strong {float:right; position:relative; padding-left:1rem; color:#333; font-size:1.6rem; font-weight:400}
#supportproject .boardlist p.total strong:before {content:""; display:block; position:absolute; top:1.2rem; left:0; width:0.4rem; height:0.4rem; background:#023377; border-radius:0.1rem}
#supportproject .boardlist > ul > li {position:relative; height:8.5rem; padding:0 22rem 0 4rem; line-height:8.5rem}
#supportproject .boardlist > ul > li:after {content:""; display:block; clear:both; overflow:hidden}
#supportproject .boardlist > ul > li > p.num {float:left; color:#666; font-size:1.5rem}
#supportproject .boardlist > ul > li > p.info {float:none; overflow:hidden; margin-left:7rem; font-size:0}
#supportproject .boardlist > ul > li > p.info .title {display:inline-block; overflow:hidden; width:80%; padding-right:2rem; vertical-align:middle; color:#333; font-size:1.6rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap}
#supportproject .boardlist > ul > li > p.info .date {display:inline-block; width:20%; vertical-align:middle; color:#666; font-size:1.5rem; font-weight:200}
#supportproject .boardlist > ul > li > a {display:inline-block; position:absolute; top:50%; right:4rem; width:10.8rem; height:4.5rem; margin-top:-2.25rem; padding:0; background:none; border:1px solid #ddd; border-radius:2.25rem; text-align:center; line-height:4.3rem; color:#666; font-size:1.6rem}
#supportproject .boardlist > ul > li > a.end {background:#f6f6f6; color:#999}
#supportproject .boardlist .listgroup {clear:both; border-top:2px solid #333; border-bottom:0}
#supportproject .boardlist .listgroup + .btnright {margin-top:2rem}
#supportproject .boardlist .boardtop:after {content:""; display:block; clear:both; overflow:hidden}
#supportproject .boardlist .boardtop .total {float:left; width:48%; margin-top:2.5rem}
#supportproject .boardlist .boardtop .btnright {float:right; clear:none; width:48%; margin:0 0 2rem 4%}
#supportproject .boardview dl dt > b,
#supportproject .boardwrite h3 b {margin:1rem 1rem 0 0; color:#666; font-size:1.6rem}
#supportproject .boardview dl dt {position:relative; padding:0 0 2rem 0}
#supportproject .boardview dl dt strong {line-height:inherit}
#supportproject .boardview dl dt > span.date {display:inline-block}
#supportproject .boardview dl dt > span.date + .btnright {position:absolute; top:3.8rem; right:0}
#supportproject .boardview dl dd.btn-box {padding:1rem 6rem 7rem; text-align:center}
#supportproject .boardview dl dd.btn-box > a {height:5rem; padding:1.7rem 4rem; border:1px solid #ddd; background:#fff; color:#666}
#supportproject .boardview dl dd.btn-box > a.btn-yellow {margin-right:0.5rem; border:0;background-color:#023377; color:#fff}
#supportproject .boardview + .boardwrite {margin-top:7.7rem}
#supportproject .boardwrite {position:relative}
#supportproject .boardwrite h3 {margin:0 0 1rem}
#supportproject .boardwrite h3 strong {display:block; color:#333; font-size:3.6rem; font-family:nm}
#supportproject .boardwrite .period {margin:1rem 0 2rem; color:#aeaeae; font-size:1.6rem; font-weight:400}
#supportproject .boardwrite .period b {color:#666; font-size:1.6rem; font-weight:700}
#supportproject .boardwrite .period span {padding-left:1rem; color:#999; font-size:1.6rem; font-weight:400}
#supportproject .boardwrite .period + .btnright {position:absolute; top:3.8rem; right:0}
#supportproject .boardwrite .listgroup {border-top:2px solid #333; border-bottom:0}
#supportproject .boardwrite .listgroup h4 {margin-top:6rem; color:#023377; font-size:2rem}
#supportproject .boardwrite .listgroup > ul > li {clear:both; width:100%; /* padding-bottom:1rem;  */border-top:0; border-bottom:1px solid #ddd}
#supportproject .boardwrite .listgroup > ul > li.half {float:left; clear:none; width:50%; padding-right:0}
#supportproject .boardwrite .listgroup > ul > li > span {display:block; margin-bottom:1.5rem; color:#333; font-size:1.6rem; font-weight:600}
#supportproject .boardwrite .listgroup > ul > li > span > em {margin-left:1rem; color:rgba(102,102,102,0.9); font-weight:400}
#supportproject .boardwrite .listgroup > ul > li > span > b {display:block; margin-top:0.6rem; color:rgba(102,102,102,0.9); font-weight:400; line-height:1.428}
#supportproject .boardwrite .listgroup > ul > li > div {max-width:38.5rem}
#supportproject .boardwrite .listgroup > ul > li > div span.bot {display:block; clear:both; float:none; position:relative; width:100%; height:auto; margin:1rem 0 0 0; padding-left:1rem; color:#999; font-size:1.6rem; line-height:normal}
#supportproject .boardwrite .listgroup > ul > li > div span.bot:before {content:"";position:absolute; left:0; top:1.2rem; width:0.3rem; height:0.3rem; background:#f8b908; border-radius:50%}
#supportproject .boardwrite .listgroup > ul > li > div p.inpbox {position:relative; max-width:38.5rem}
#supportproject .boardwrite ul > li.clearfix > div {max-width:none}
#supportproject .boardwrite ul > li.clearfix .textbox > span {line-height:1.428}
#supportproject .boardwrite ul > li.line1 > div {line-height:2.5rem}
#supportproject .boardwrite ul > li.line1 > div .textbox {margin:1rem 0 0 0; line-height:2.5rem}
#supportproject .boardwrite ul > li .inpbox .hy {position:absolute; top:50%; right:1rem; transform:translateY(-50%)}
#supportproject .boardwrite ul > li .txtbox {width:84%}
#supportproject .boardwrite ul > li .txtbox textarea {padding:1rem}
#supportproject .boardwrite ul > li .cellphone .inpbox {width:31.5%; margin-left:2.75%}
#supportproject .boardwrite ul > li .cellphone .optionbox {width:31%}
#supportproject .boardwrite ul > li .email .inpbox {width:27%}
#supportproject .boardwrite ul > li .email .optionbox {width:34%; margin-left:2.75%}
#supportproject .boardwrite ul > li .birth .inpbox {width:31.5%; margin-left:2.75%}
#supportproject .boardwrite ul > li .birth .inpbox:first-child {margin-left:0}
#supportproject .boardwrite ul > li .birth .optionbox {width:31.5%; margin-left:2.75%}
#supportproject .boardwrite ul > li .orchoice {max-width:none; margin-top:1.5rem; padding-top:0}
#supportproject .boardwrite ul > li .orchoice.area {width:80%; max-width:none; margin:-1rem 0 0 -4rem; padding-bottom:1rem}
#supportproject .boardwrite ul > li .orchoice.area > span {margin:1rem 0 0 4rem}
#supportproject .boardwrite ul > li .orchoice.year {width:75%; max-width:none; margin:-1rem 0 0 -4rem; padding-bottom:1rem}
#supportproject .boardwrite ul > li .orchoice.year > span {margin:1rem 0 0 4rem}
#supportproject .boardwrite ul > li .textwrap {max-width:none !important}
#supportproject .boardwrite ul > li .insert-file {max-width:none !important}
#supportproject .boardwrite ul > li .insert-file .filewrap {max-width:82rem; margin-bottom:2rem; font-size:0}
#supportproject .boardwrite ul > li .insert-file .filewrap .filename {display:inline-block; width:87%; margin:0 1% 0 0; vertical-align:middle}
#supportproject .boardwrite ul > li .insert-file .filewrap .filename input[type="text"] {width:100%; height:5rem; padding:0 2rem; background:#f6f6f6; border:0}
#supportproject .boardwrite ul > li .insert-file .btn-file {display:inline-block; width:12%; height:5rem; vertical-align:middle}
#supportproject .boardwrite ul > li .insert-file .btn-file input[type="file"] {width:0; height:0; opacity:0}
#supportproject .boardwrite ul > li .insert-file .btn-file label {display:block; width:100%; height:100%; padding:0; border:1px solid #023377; text-align:center; line-height:4.8rem; color:#023377; font-size:1.6rem; font-weight:700}
#supportproject .boardwrite ul > li .insert-file .attachmentwrap {max-width:82rem; padding:0}
#supportproject .boardwrite ul > li .insert-file .attachmentwrap > p {position:relative; height:7rem; margin-top:1rem; padding:0 3rem; background:#f9f9f9; line-height:7rem; color:#666; font-size:1.6rem}
#supportproject .boardwrite ul > li .insert-file .attachmentwrap > p:first-child {margin-top:0}
#supportproject .boardwrite ul > li .insert-file .attachmentwrap > p strong {display:block; overflow:hidden; width:90%; padding-left:4rem; background:url('../images/icon_download.png') no-repeat 0 50%; text-overflow:ellipsis; white-space:nowrap; cursor:pointer}
#supportproject .boardwrite ul > li .insert-file .attachmentwrap > p button {position:absolute; top:50%; right:3rem; width:2rem; height:2.1rem; background:url('../images/icon_popclose1_m.png') no-repeat 0 50%/ 2.1rem auto; font-size:0; transform:translateY(-50%)}
#supportproject .boardwrite ul > li .insert-file .filedown {position:relative; max-width:82rem; height:5rem; margin-bottom:1rem; line-height:5rem; color:#666; font-size:0}
#supportproject .boardwrite ul > li .insert-file .filedown .filename {display:inline-block; overflow:hidden; width:87%; margin-right:1%; padding-left:7rem; background:url('../images/icon_download.png') #f9f9f9 no-repeat 3rem 50%; vertical-align:middle; font-size:1.6rem; text-overflow:ellipsis; white-space:nowrap; cursor:pointer}
#supportproject .boardwrite ul > li .insert-file .filedown .btn-down {width:12%; height:5rem; padding:0; border:1px solid #666; text-align:center; line-height:4.8rem; vertical-align:middle; color:#666; font-size:1.6rem; font-weight:700}
#supportproject .boardwrite ul > li .insert-file .comment {clear:both; margin-top:2rem}
#supportproject .boardwrite ul > li .insert-file .comment strong {display:block; margin:0 0 0.8rem; color:#666; font-size:1.6rem; font-weight:400}
#supportproject .boardwrite ul > li .insert-file .comment ul li {position:relative; margin:0.5rem 0 0; padding-left:1rem; border:0; color:#999; font-size:1.6rem}
#supportproject .boardwrite ul > li .insert-file .comment ul li:after {content:""; display:block; position:absolute; top:1.2rem; left:0; width:0.4rem; height:0.4rem; background:#023377; border-radius:50%}
#supportproject .boardwrite ul > li .insert-file .comment ul li:first-child {margin-top:0}
#supportproject .boardwrite ul > li .address {max-width:none !important}
#supportproject .boardwrite ul > li .address .schbox {width:35%}
#supportproject .boardwrite ul > li .address .schbox button {width:auto; padding:0 2rem !important}
#supportproject .boardwrite ul > li .address div:last-child .inpbox:first-child {width:50%}
#supportproject .boardwrite ul > li .address div:last-child .inpbox {float:left; width:30%}
#supportproject .boardwrite + .boardlist {margin-top:7.7rem}
#supportproject .boardwrite .btnright:first-child {margin-bottom:2rem}
#supportproject .boardwrite .listgroup p.btnright {margin-top:2rem}
#supportproject .btnright .txt-bottom {position:relative; display:block; text-align:left; margin-bottom:0.5rem}
#supportproject .completion-box {text-align:center}
#supportproject .completion-box h2 {width:35%; margin:0 auto; padding-top:20rem; background:url('../images/completion_guiding.png')no-repeat 50% 0; color:#333; line-height:1.315; font-family: nm; font-size:3.8rem}
#supportproject .completion-box .completion-txt {margin:4rem 0 6rem}
#supportproject .completion-box .completion-txt > span {font-size:1.6rem; line-height:1.75}
#supportproject .completion-box .completion-txt > span > em {color:#023377}

.page-workshop .boardview {margin-bottom:0; border-bottom:0}
.page-workshop .boardview dl {border-bottom:1px solid #ddd}
.page-workshop .boardview dl dd.book-intro {padding:4rem}
.page-workshop .boardview dl dd.book-intro .workshop-txt strong {display:block; margin-bottom:1rem; color:#333}
.page-workshop .boardview dl dd.book-intro .workshop-txt span {display:block; line-height:1.75}
.page-workshop .boardview dl dd.attachment-down .download-box {margin:3rem 0}
.page-workshop .boardview dl dd.attachment-down .download-box a {margin:1rem 0; background-color:#fff}
.page-workshop .boardview .verify {padding:3rem 4rem 0}
.page-workshop .boardwrite .listgroup {border-top:1px solid #ddd !important}
.page-workshop .boardwrite > div > ul > li.zone {margin:0 0 1rem 0;}
.page-workshop .boardwrite > div > ul > li.zone > span {padding:0.7rem 0 0.5rem}
.page-workshop .boardwrite > div > ul > li.zone div span {display:block; float:none; margin:1.2rem 0 0 0 !important}
.page-workshop .boardwrite > div > ul > li.zone div span label > em {color:#023377}
.page-workshop .completion-box h2 {width:50% !important}

.page-lecture .boardwrite ul > li > div.orchoice.ins.during p {margin-left:0}
.page-lecture .boardwrite ul > li .datebox {width:100%}
.page-lecture .completion-box h2 {width:70% !important}

/* 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 #023377; color:#023377}
.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:#023377}

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


@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%}
}

@media screen and (max-width:1650px) {
	.maincontentsarea .section-1 .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 - 11rem - 6.4rem)}

	.container .pagenavi > ul > li:hover ul {display:block; top:6.9rem;}
		.popupwrap.pop-main {top:27% !important}
}

@media screen and (max-width:1440px) {
	.header .topmenu {margin-left:10rem}
	.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 .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)}
}

@media screen and (min-width:1025px) and (max-width:1279px) {
	.header .topmenu {margin-left:5rem}
	.header .topmenu > ul > li > a {padding:0 3.1rem; font-size:2.1rem}
	.header .topmenu > ul > li ul {padding-left:3rem}
	.header .topmenu > ul > li:first-child ul li:last-child a {font-size:1.6rem}
	.header .topmenu > ul > li ul li a {font-size:1.7rem}
	.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 {padding-left:20rem}
	.maincontentsarea .section .innerbox > .contentsbox {width:calc(100% - 30rem - 2rem)}
	.maincontentsarea dl.title {width:30rem; 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}
	.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}
}

@media screen and (max-width:1024px) {
	html {font-size:13px}
	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}
	.nbsp{display: none;}

	.header {position:fixed; height:6rem; background:#fff}
	/* kbh0007 */
	/* .header h1 {width:6rem; height:5.9rem; margin-left:1.4rem} */
	.header h1 {width:120px; height:76px; margin-left:1.4rem}
	body#main .header h1 a {background:url('../images/logo.index.png') no-repeat 0% !important;}
	body#information .header h1 a {background:url('../images/logo.sub.png') no-repeat 0% !important;}
	.header a.change {margin-top:25px;}

	.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:#24b2ed}
	.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:#24b2ed}
	.header .topmenu > ul > li ul li.on a {color:#24b2ed}
	.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:#24b2ed}
	.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.snsmenu li.mall a:hover {background-image:url('../images/icon_mall_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_b_m.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:90%; height:5rem; margin:0 0 0 -45%}
	.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}

	input[type="radio"] + label {padding-left:2.2rem}
	input[type="radio"] + label:before {top:-0.2rem; background:url('../images/m_bg_iradio_off.png') no-repeat 0 90% / 80%}
	input[type="radio"]:checked + label:before {top:-0.2rem; background:url('../images/m_bg_iradio_off.png') no-repeat 0 90% / 80%}
	input[type="radio"]:checked + label:after {top:-0.2rem; background:url('../images/m_bg_iradio_on.png') no-repeat 0 90% / 80%}
	input[type="checkbox"] + label:before {background:url('../images/bg_icheck_off.png') no-repeat 0 50% / 84%}
	input[type="checkbox"]:checked + label:before {background:url('../images/bg_icheck_on_g.png') no-repeat 0 50%}
	input[type="checkbox"]:checked + label:after {background:url('../images/bg_icheck_on_g.png') no-repeat 0 50%}

	.optionbox {height:5rem}
	.optionbox select {display:block; width:100%; height:100%; padding:0 2rem 0 1rem; background:url('../images/icon_arr_02_m.png') no-repeat 94% 50%; background-size:0.8rem auto; border:0; border-radius:0; color:#999; font-size:1.35rem; font-weight:200}
	.optionbox select option {font-size:1.35rem}

	.datebox {width:45.5%; height:4rem; padding-right:2rem}
	.datebox input {font-size:1.4rem}
	.datebox img {position:absolute; right:0.9rem; top:0.9rem}

	.ui-datepicker {width:20rem}
	.ui-datepicker table {width:100%; margin-bottom:0}

	#kakao_map {width:100%; height:700px}

	#error .header .topmenu > ul > li > a {color:#333}
	#error .header .utilmenu ul.othermenu li a {color:#fff}
	#error .header .utilmenu ul.snsmenu:before {background:rgba(255,255,255,0.7)}
	#error .header .utilmenu ul.snsmenu li.facebook a {background:url('../images/icon_facebook_off.png') no-repeat 50%}
	#error .header .utilmenu ul.snsmenu li.instagram a {background:url('../images/icon_instagram_off.png') no-repeat 50%}
    #error .header .utilmenu ul.snsmenu li.mall a {background:url('../images/icon_mall_off.png') no-repeat 50%}
	#error .container {padding-top:14rem; box-shadow:0.3rem 0.3rem 0.6rem rgba(0,0,0,0.1)}
	#error .errorpage {width:90%; margin:0 auto 5rem; padding:17rem 0 0 0; background-size:80% auto}
	#error .errorpage dl dt {font-size:2rem}
	#error .errorpage dl dd p {margin-bottom:3rem; font-size:1.35rem}
	#error .errorpage dl dd .btn-gray-border {height:4rem !important}

	#information .container .subvisual {/* margin-top:5rem; */ background-image:url('../images/img_subvisual_01_m.jpg')}
	#system .container .subvisual {background-image:url('../images/img_subvisual_02_m.jpg')}
	#product .container .subvisual {background-image:url('../images/img_subvisual_03_m.jpg')}
	#support .container .subvisual {background-image:url('../images/img_subvisual_04_m.jpg')}

	#information input[type="checkbox"]:checked + label:before {background-position:0 50%}
	#information input[type="checkbox"]:checked + label:before {background-position:0 50%}
	#information input[type="checkbox"]:checked + label:after {background-position:0 50%}
	#information input[type="radio"] + label {padding-left:2rem}
	#information input[type="radio"] + label:before {background-position:0 50%}
	#information input[type="radio"]:checked + label:before {background-position:0 50%}
	#information input[type="radio"]:checked + label:after {background-position:0 50%}

	#supportproject .btn-yellow-box {padding:0 4rem; border:1px solid #ddd; color:#666}
	#supportproject .btn-yellow {padding:0; /* background:#666; color:#fff */}
	#supportproject .header h1 a {    background-image:url('../images/logo_b_m.png'); background-size: 5.5rem auto;}
	#supportproject .container .contentsarea {padding:12rem 0 2rem 0}
	#supportproject .boardview dl dd.btn-box {padding:1rem 0 5rem}
	#supportproject .boardview dl dd.btn-box > a {display:inline-block; width:48%; padding:1.1rem 0; border:1px solid #023377; color:#023377}
	#supportproject .boardwrite h3 {padding:0 0 2rem}
	#supportproject .boardwrite h3 strong {display:block; /*font-family:nm;*/ font-size:2.2rem; color:#333; line-height:1.318}
	#supportproject .boardwrite h3 span {display:inline-block; margin-top:1rem; color:#aeaeae; font-size:1.5rem}
	#supportproject .boardwrite h3 b {font-size:1.5rem}
	#supportproject .boardwrite > .listgroup h4 {margin-top:4rem}
	#supportproject .boardwrite > .listgroup {border-bottom:0}
	#supportproject .boardwrite > .listgroup + .listgroup {padding-top:1rem}
	#supportproject .boardwrite > div > ul li {padding:1.5rem 0 1.5rem 0; border-top:1px solid #ddd}
	#supportproject .boardwrite > div > ul li.bdline {border-bottom:1px solid #ddd}
	#supportproject .boardwrite > div > ul li:first-child {border-top:0}
	#supportproject .boardwrite > div > ul > li.clearfix > div p.inpbox {width:100%}
	#supportproject .boardwrite > div > ul > li > span {margin-bottom:1rem; font-size:1.5rem; line-height:2rem}
	#supportproject .boardwrite > div > ul > li > div span.bot {color:#666; font-size:1.35rem}
	#supportproject .boardwrite > div > ul > li > div span.bot:before {top:1rem; width:0.25rem; height:0.25rem}
	#supportproject .boardwrite > div > ul > li > label {font-size:1.6rem}
	#supportproject .boardwrite > div > ul > li .optionbox {width:32%}
	#supportproject .boardwrite > div > ul > li > div.cellphone .inpbox {width:30%; margin-left:3%}
	#supportproject .boardwrite > div > ul > li .email .inpbox {width:26%}
	#supportproject .boardwrite > div > ul > li .email .optionbox {width:35%; margin:0 0 0 3%}
	#supportproject .boardwrite > div > ul > li .birth .inpbox {width:31%}
	#supportproject .boardwrite > div > ul > li .birth .optionbox {width:31%; margin:0 3% 0 3%}
	#supportproject .boardwrite > div > ul > li > div.orchoice {width:100%; padding-bottom:0}
	#supportproject .boardwrite > div > ul > li > div.orchoice span {width:20%; margin-left:0}
	#supportproject .boardwrite > div > ul > li > div.orchoice span:nth-child(2n) {margin-left:0}
	#supportproject .boardwrite > div > ul > li > div.area span:nth-child(8) {margin:0}
	#supportproject .boardwrite > div > ul > li > div.area span{float:left; width:48%; padding:1% 0; margin:0}
	#supportproject .boardwrite > div > ul > li > div.year span {width:45%; margin:0; padding:1% 0}
	#supportproject .boardwrite > div > ul > li > div.year span i {display:block}
	#supportproject .boardwrite > div > ul > li > div.age span {width:25%}
	#supportproject .boardwrite > div > ul > li > span > b {margin-top:0.6rem; color:rgba(102,102,102,0.8); font-size:1.4rem; line-height:2rem}
	#supportproject input[type="checkbox"] + label:before {background-size:64% auto}
	#supportproject input[type="checkbox"]:checked + label:after,
	#supportproject input[type="checkbox"]:checked + label:before{background:url('../images/bg_icheck_on.png') no-repeat 0 50%; background-size:64% auto}
	#supportproject .boardwrite > div > ul > li .txtbox {width:100%}
	#supportproject .boardwrite > div > ul > li .txtbox > span {line-height:1.25}
	#supportproject .boardwrite > div > ul > li .thumbnail-reg .insert-filename input[type="text"] {height:4rem; padding:0 1rem}
	#supportproject .boardwrite > div > ul > li .thumbnail-reg b {margin:1% 0 1rem 0; font-size:1.5rem; line-height:2.2rem; color:#333}
	#supportproject .boardwrite > div > ul > li .thumbnail-reg .insert-filename {width:70%}
	#supportproject .boardwrite > div > ul > li .thumbnail-reg .thumbnail-input {float:right; width:27%}
	#supportproject .boardwrite > div > ul > li .thumbnail-reg .thumbnail-input .btn-border {width:100%; height:4rem}
	#supportproject .boardwrite > div > ul > li.agreechk {padding-bottom:2.5rem}
	#supportproject .boardwrite > div > ul > li.agreechk > span {font-size:1.4rem}
	#supportproject .boardwrite > div > ul > li.agreechk > span > b {font-size:1.35rem}
	#supportproject .boardwrite > .btnright {margin:1rem 0 0 0}
	#supportproject .boardwrite > .btnright .btnright-txt {position:relative; margin-bottom:4rem}
	#supportproject .boardwrite > .btnright .txt-bottom {margin-bottom:1rem !important}

	#supportproject .textbox {height:auto; font-size:1.5rem}
	#supportproject .completion-box {margin:0 2rem 3rem 2rem}
	#supportproject .completion-box .completion-txt {margin:2rem 0 4.5rem 0}
	#supportproject .completion-box .completion-txt > span {font-size:1.5rem; line-height:1.6}
	#supportproject .completion-box h2 {width:100%; padding-top:12rem; background-size:13rem auto; font-size:2.2rem}
	#supportproject .btn-large {width:48%; padding:0}

	.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.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_b_m.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')}
    body#main.fp-viewing-section-2 .header .utilmenu ul.snsmenu li.mall a {background-image:url('../images/icon_mall_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_b_m.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') no-repeat 50% 0 / cover}
	.maincontentsarea .section-2 {background:url('../images/bg_main_02_m.jpg') no-repeat 50% 0 / cover}
	.maincontentsarea .section-3 {background:url('../images/bg_main_03_m.jpg') no-repeat 50% 0 / 100% 100%}
	.maincontentsarea .section-4 {background:url('../images/bg_main_04_m.jpg') no-repeat 50% 0 / cover}
	.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;margin-top: 3rem;}
	.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%; height:13rem !important; overflow:hidden; margin:0} */
	/* .maincontentsarea dl.title {float:none; width:100%; height:14rem !important; overflow:hidden; margin:0} */
	.maincontentsarea dl.title {float:none; width:100%; height:20rem !important; overflow:hidden; margin:0}	
	.maincontentsarea dl.title dt em {display:none; 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 .section-1 dl.title dd > .list-link {margin-top:1rem;margin-bottom: 2rem;}
	.maincontentsarea .section-1 dl.title dd > .list-link ul li a {font-size:1.6rem}
	.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 .info > .title {max-height:3rem; min-height:3rem}
	.maincontentsarea .section-1 .slide-book li .pic {height:15rem}
	.maincontentsarea .section-1 .slide-book li .pic img {width:9rem}
	.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 dl.title dd .btn-place {width:10rem; height:3.2rem; margin-top:0.5rem; border-radius:1.6rem; font-size:1.4rem}
	.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_02.png')}
	.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.mt-10 {margin-top:1rem !important;}
	.maincontentsarea .section-3 dl.title dd > .list-link .display-sm-none  {display:none;}
	.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:#f79270}
	.maincontentsarea .section-3 .slide-interview li {width:31.5rem !important; height:23.8rem; overflow:hidden}
	.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 .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:0; font-size:2rem; line-height:3rem}
	.maincontentsarea .section-3 .slide-interview li .info > .place {margin-top:0.8rem; font-size:1.4rem; font-weight:400}
	.maincontentsarea .section-3 .slide-interview li .info > .member {display:none; font-size:1.4rem; font-weight:400}
	.maincontentsarea .section-3 .slide-interview li .info > p {display:none}
	.maincontentsarea .section-3 button.mouse {bottom:2.8rem; background-image:url('../images/icon_mouse_w_02.png')}
	.maincontentsarea .section-3 button.mouse img {display:none !important}
	.maincontentsarea .section-4:after {display:none; background:0}
	.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}
	.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}
	.maincontentsarea .section-4 .list-board ul li a {padding:1rem 1.5rem; background:#0990e5}
	.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('../images/icon_maing_board_01.png') no-repeat 50% 80%; background-size:3rem auto}
	.maincontentsarea .section-4 .list-board ul li:nth-child(2) strong {/*background:url('../images/icon_maing_board_02.png') no-repeat 50% 80%;*/ background-size:3rem auto}
	.maincontentsarea .section-4 .list-board ul li:nth-child(3) strong {background:url('../images/icon_maing_board_03.png') no-repeat 50% 75%; background-size:3rem auto}
	.maincontentsarea .section-4 .list-board ul li:nth-child(4) strong {/*background:url('../images/icon_maing_board_04.png') no-repeat 50% 75%;*/ background-size:3rem auto}
	.maincontentsarea .section.section-footer:after {background:0}

	fieldset.boardschbox {padding:2.5rem 2rem; margin:0 0 6.5rem}
	fieldset.boardschbox + .totalcnt {margin-top:-3rem}
	fieldset.boardschbox .inpbox {float:none; display:block; width:100%; height:4rem; margin-right:0}
	fieldset.boardschbox p {position:relative; width:100%; padding-right:4rem; margin-top:1rem}
	fieldset.boardschbox .optionbox {float:none; width:100%; margin-right:0}
	fieldset.boardschbox .optionbox.pc-only {display:none !important}
	fieldset.boardschbox .btn-search {width:4rem; height:4rem; background:#666; line-height:4rem}
	fieldset.boardschbox .btn-search em {display:block; width:4rem; height:4rem; padding:0; background:url('../images/icon_search_m.png') no-repeat 50%; background-size:2.2rem; font-size:0}
	fieldset.boardschbox .btn-white {display:block; width:100%; height:4rem; margin-top:0.5rem; margin-left:0; font-size:1.5rem; font-weight:400}

	.btn-list {width:5rem; height:5rem; background:url('../images/btn_listgo_m.jpg') no-repeat 50%; background-size:100% auto}
	.btn-moreview button {height:4.5rem; line-height:4.5rem; font-size:1.6rem}
	.btn-reaction {background:#fff url('../images/icon_moreview_m.png') no-repeat 50%; background-size:0.5rem auto}
	.btn-large {min-width:8rem; height:5rem; padding:0 2rem; font-size:1.4rem}
	.btnright .txt-bottom {position:static; display:block; overflow:hidden; height:auto; padding-left:0.8rem; margin-bottom:2rem !important; text-align:left; font-size:1.3rem; line-height:1.8rem}
	.btnright .txt-bottom:before {top:0.9rem; width:0.25rem; height:0.25rem; margin-top:-0.1rem}
	.btn-gotop {width:5rem; height:5rem; background-size:100% auto}

	.totalcnt {margin:0 0 0 2rem; font-size:1.5rem}
	.totalcnt + .pull-right {display:block; margin:0 2rem 1rem 2rem; text-align:left; float:none !important; font-size:1.3rem}

	.boardlist {margin:0 2rem}
	.boardlist ul li > a {padding:0 3.5rem 2rem 0.6rem; background:0}
	.boardlist ul li > a:hover {background-position:99% 78%}
	.boardlist ul li:first-child > a {padding-top:2rem}
	.boardlist ul li > a > p > label {float:none; display:none; width:auto; margin:0; vertical-align:0.7rem; font-size:0; line-height:0; text-align:left}
	.boardlist ul li > a > p > label + strong {display:inline-block}
	.boardlist ul li > a > p > label + em.badge-notice {margin-top:0; margin-bottom:0.5rem; vertical-align:top}
	.boardlist ul li > a > p:first-child * {vertical-align:middle; display:inline-block; width:100%}
	.boardlist ul li > a > p > label em.badge-notice {width:4rem; height:2.4rem; margin-right:0.5rem; font-size:1.3rem; line-height:2.2rem; text-align:center}
	.boardlist ul li > a > p .date {width:auto; margin:0 2rem 0 0; font-size:1.3rem}
	.boardlist ul li > a > p .attchment-file {display:inline-block; width:1.6rem; height:2rem; margin-left:1rem; vertical-align:0.6rem; background:url('../images/icon_attachment_m.png') no-repeat 50%; background-size:1.6rem auto; line-height:2rem}
	.boardlist ul li > a > p strong {display:block; font-size:1.7rem; line-height:3rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
    .boardlist ul li > a > p span {display:none; font-size:1.35rem}
    .boardlist .listgroup {overflow-x:auto; overflow-y:hidden}
    .boardlist table {width:250%}
    .boardlist table tbody tr > * {padding:2.5rem 0.5rem; font-size:1.5rem}

	.boardview {width:auto; margin:0 2rem 3rem 2rem}
	.boardview dl dt {padding:0 0 2rem 0}
	.boardview dl dt strong {font-size:2.2rem; line-height:1.318}
	.boardview dl dt > span {font-size:1.35rem}
	.boardview dl dt .btn-reaction {width:3rem; height:3rem; bottom:2.8rem; background-size:0.3rem auto}
	.boardview dl dt > div {top:94%; width:6rem; height:7rem}
    .boardview dl dt > div a {height:2.5rem; line-height:2.5rem; font-size:1.4rem}
    .boardview dl dt ul {margin:2rem 0 -1rem 0}
	.boardview dl dt ul li {float:none; width:100%; padding:0; font-size:1.5rem}
	.boardview dl dt ul li:after {background:0}
    .boardview dl dt ul li span a {font-size:1.5rem}
    .boardview dl dt .btnset {position:static; margin-top:2rem}
    .boardview dl dt .btnset > * {width:49%; margin-left:2%; border-color:#aeaeae; color:#666; font-size:1.7rem}
    .boardview dl dt .btnset > *:hover {border-color:#aeaeae !important; color:#666 !important}
	.boardview dl dd {padding:3rem 0.5rem}
	.boardview dl dd pre {font-size:1.5rem; line-height:2.2rem}
	.boardview dl dd.attachment-down {margin:0; padding-top:0}
	.boardview dl dd.attachment-down a {padding:1.5rem 1.8rem; font-size:1.35rem}
	.boardview dl dd.attachment-down a em {display:block; height:2rem; padding:0 0 0 3rem; background:url('../images/icon_download_m.png') no-repeat 0 50%; background-size:1.8rem auto; line-height:2rem}
	.boardview dl dd blockquote {margin-bottom:3rem; padding:2rem; font-size:1.8rem; line-height:2.6rem}
	.boardview dl dd pre img {width:100% !important}
	.boardview dl dd.book-intro {padding:2.5rem 1.5rem}
	.boardview dl dd.book-intro .piclist {float:none; width:100%; margin:0}
	.boardview dl dd.book-intro .piclist ul.slick-slider {width:100%}
	.boardview dl dd.book-intro .piclist ul.slick-slider li.slick-slide {width:100%}
	.boardview dl dd.book-intro .piclist .slick-slide img {width:100%; min-width:100% !important}
	.boardview dl dd.book-intro .piclist ul.slick-dots {width:100%; height:1rem; margin:1rem 0 1rem; text-align:center}
	.boardview dl dd.book-intro .piclist ul.slick-dots li {display:inline-block; width:1rem; height:1rem; margin:0 0.6rem}
	.boardview dl dd.book-intro .piclist ul.slick-dots li.slick-active button {width:1rem; height:1rem; background:0; border:2px solid #f55d2b}
	.boardview dl dd.book-intro .piclist ul.slick-dots li button {display:inline-block; width:0.6rem; height:0.6rem; margin:0.2rem; background:#aeaeae; border-radius:50%; font-size:0; text-indent:-99999rem}
	.boardview dl dd.book-intro .txtlist {float:none; overflow:hidden; width:auto; margin-top:5rem}
	.boardview dl dd.book-intro .txtlist > ul > li span a.mailto {display:inline-block; margin:1rem 0 0 0.5rem; padding:0 1.5rem 0 0; background:url('../images/icon_nextlist_on_m.png') no-repeat 100% 50%; background-size:0.7rem auto; font-size:1.4rem}
	.boardview dl dd.book-intro .txtlist > ul > li span p {display:block}
	.boardview dl dd.book-intro .txtlist > ul > li span a.links {font-size:1.4rem}
	.boardview dl dd.book-intro .txtlist > ul > li {margin-bottom:2rem; line-height:1.9rem}
	.boardview dl dd.book-intro .txtlist > ul > li label {float:none; display:block; width:auto; margin-bottom:0.5rem; padding-left:1.2rem; font-size:1.6rem}
	.boardview dl dd.book-intro .txtlist > ul > li label:before {width:0.25rem; height:0.3rem}
	.boardview dl dd.book-intro .txtlist > ul > li span {padding-left:1.2rem; font-size:1.5rem}
	.boardview dl dd.book-intro .txtlist > ul > li > ol {margin-top:1rem; padding-left:0.6rem}
	.boardview dl dd.book-intro .txtlist > ul > li > ol li {margin-left:2rem; margin-top:1rem; font-size:1.35rem}
	.boardview dl dd.book-intro .txtlist > ul > li > ol li:first-child {margin-top:0}
	.boardview dl dd.book-intro .txtlist > ul > li > ol li p {padding-left:0.3rem; color:#333; font-size:1.35rem; line-height:2.2rem}
	.boardview dl dd.book-intro .picbox {float:none; width:100%; min-height:20rem; height:auto; padding-bottom:1rem; margin:0; text-align:center; background:#fff url('../images/img_noimg_m_03.png') no-repeat 0 0; background-size:100% 100%; border:1px solid #ddd}
	.boardview dl dd.book-intro .picbox img {width:auto; min-width:15rem; height:auto}
	.boardview dl dd .pic {margin-top:4rem; margin-bottom:3rem}
	.boardview .last-update {margin-top:4rem; font-size:1.35rem}
	.boardview .last-update span {padding-left:1em; margin-left:1rem}
	.boardview .mapbox {padding:2rem 0}
	.boardview .mapbox h3 {height:3rem; margin-bottom:1rem; padding:0 0 0 1.6rem; background-size:0.9rem auto; font-size:1.4rem; line-height:3rem}
	.boardview .mapbox div img {width:100%}

	.pnlist {margin:-4rem 2rem 0 2rem}
	.pnlist ul li {height:5rem}
	.pnlist ul li a em {margin:0; font-size:1.5rem}
	.pnlist ul li a strong {display:none}
	.pnlist ul li:first-child a {padding:0 0 0 3rem; background:url('../images/icon_prevlist_off_m.png') no-repeat 0 50%; background-size:1.2rem auto}
	.pnlist ul li:first-child a:hover {background:url('../images/icon_prevlist_on_m.png') no-repeat 0 50% !important; background-size:1.2rem auto}
	.pnlist ul li:first-child.disabled a {background:url('../images/icon_prevlist_off_m.png') no-repeat 0 50%; background-size:1.2rem auto}
	.pnlist ul li:last-child a {padding:0 3rem 0 0; text-align:right; background:url('../images/icon_nextlist_off_m.png') no-repeat 100% 50%; background-size:1.2rem auto}
	.pnlist ul li:last-child.disabled a {background:url('../images/icon_nextlist_off_m.png') no-repeat 100% 50%; background-size:1.2rem auto}
	.pnlist ul li:last-child a:hover {background:url('../images/icon_nextlist_on_m.png') no-repeat 100% 50% !important}
	.pnlist ul li:last-child a:hover strong,
	.pnlist ul li:last-child a:hover em,
	.pnlist ul li:first-child a:hover strong,
	.pnlist ul li:first-child a:hover em {color:#333 !important}

	/* ??�치 ??�라??�드 메뉴 공통 */
	.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 #023377}

	.gallarylist {margin:0 2rem}
	.gallarylist ul li {float:none; width:100%; height:auto; padding-top:4rem; margin:0; border-top:1px solid #ddd}
	.gallarylist ul li .pic {height:auto}
	.gallarylist ul li .pic img {min-width:100% !important; min-height:18rem}
	.gallarylist ul li:first-child {padding-top:3rem; border-top:1px solid #333}
	.gallarylist ul li:last-child {padding-bottom:0}
	.gallarylist ul li a > div {height:auto; margin:2.5rem 0 0 0; padding-bottom:3rem}
	.gallarylist ul li a > div em {margin-bottom:1rem; font-size:1.35rem}
	.gallarylist ul li a > div strong {height:auto; margin-bottom:2rem; font-size:2.2rem; line-height:3rem}
	.gallarylist ul li a > div p {margin-bottom:0.3rem; padding:0 0 0 1.2rem; font-size:1.35rem}
	.gallarylist + .btn-moreview {margin-top:-3rem}

	.pic-boardlist {margin:0 2rem}
	.pic-boardlist > ul > li {padding:3rem 0}
	.pic-boardlist > ul > li .pic {float:none; display:block; width:100%; min-height:18rem; height:auto; margin:0 0 3rem 0; background:#f6f6f6 url('../images/img_noimg_02.jpg') no-repeat 50%; background-size:12rem auto; border:1px solid #ddd}
	.pic-boardlist > ul > li div > label {margin:-0.5rem 0 1.5rem 0; font-size:1.35rem}
	.pic-boardlist > ul > li div > label i {padding:0 1.3rem 0 0; margin-right:0.5rem; font-size:1.35rem}
	.pic-boardlist > ul > li div > label i:after {width:0.6rem; height:1.2rem; margin-top:-0.45rem; background:url('../images/icon_arr_05_m.png') no-repeat 0 0; background-size:0.6rem auto}
	.pic-boardlist > ul > li div > strong {height:4.8rem; height:auto; margin-bottom:1rem; overflow:hidden; font-size:2rem; line-height:2.4rem}
	.pic-boardlist > ul > li div > p.txt {/* margin-left:-43%;  */font-size:1.4rem; line-height:2rem}
	.pic-boardlist > ul > li div > p.info {font-size:1.35rem; line-height:1.8rem}
	.pic-boardlist > ul > li div > p.info span {display:block; padding:0; margin:0; font-size:1.3rem}
	.pic-boardlist > ul > li div > p.info span:before {background:0}
	.pic-boardlist > ul > li div > .date {position:static; display:block; margin-top:1rem; font-size:1.3rem}
	.pic-boardlist > ul > li img {height:auto}
	.pic-boardlist > ul > li .picbox {float:left; width:25%; height:auto; overflow:hidden; margin:0 5% 0 0; padding:0; background:0}
	.pic-boardlist > ul > li .picbox ul li {width:100%; height:13.5rem; padding:0}
	.pic-boardlist > ul > li .picbox ul li img {width:100%; height:100%; border:1px solid #ddd; box-shadow:0 0 0}
	.pic-boardlist > ul > li .picbox .num {width:3.5rem; height:2.8rem; font-size:1.3rem; line-height:2.8rem}
	.pic-boardlist > ul > li .picbox .num:before {font-size:1.3rem; font-weight:400}
	.pic-boardlist > ul > li .picbox + a {float:left; width:70%; overflow:visible}
	.pic-boardlist > ul > li span.picbox {float:none; display:block; width:100%; height:auto; margin:0 0 2rem 0; padding:3rem 0}
	.pic-boardlist > ul > li ul li {margin-top:1rem; line-height:2.2rem}
	.pic-boardlist > ul > li ul li:first-child {margin-top:0}
	.pic-boardlist > ul > li ul li label {float:none; display:block; width:auto; margin-bottom:0.3rem; font-size:1.35rem}
	.pic-boardlist > ul > li ul li span {font-size:1.35rem}
	.pic-boardlist > ul > li ul li div {margin-top:0; font-size:1.35rem; line-height:2.2rem}
	.pic-boardlist .last-update {margin-bottom:4rem; font-size:1.35rem; line-height:2rem}
	.pic-boardlist .last-update span {padding-left:1rem; margin-left:1rem}
	.pic-boardlist .last-update span:before {height:1rem; margin-top:-0.3rem}

	.book-detailview {padding:0 2rem 3rem 2rem; margin:0 2rem 3rem 2rem}
	.book-detailview dl {margin-bottom:3.5rem}
	.book-detailview dl dt {font-size:1.7rem}
	.book-detailview dl dd pre {font-size:1.35rem; line-height:2.1rem}
	.book-detailview .last-update {margin-top:0; font-size:1.4rem}

	.boardwrite {margin:0 2rem}
	.boardwrite h3 {margin:3rem 0 1.5rem 0; font-size:2rem}
	.boardwrite blockquote {padding:1.2rem}
	.boardwrite blockquote span {padding-left:1.1rem; font-size:1.35rem}
	.boardwrite blockquote span:before {top:0.8rem; width:0.25rem; height:0.25rem}
	.boardwrite > div.listgroup {margin-bottom:0; border-bottom:1px solid #ddd}
	.boardwrite > div.listgroup > ul > li:last-child {padding-bottom:4rem}
	.boardwrite > div.listgroup + .recommend-book {border-top:0 !important}
	.boardwrite > div.listgroup.last {border-bottom:0}
	.boardwrite > div > ul li {float:none; width:auto; padding:1rem 0 1.5rem 0; border-top:0}
	.boardwrite > div > ul li:first-child {border-top:0}
	.boardwrite > div > ul li:nth-child(2).blank {border-top:0}
	.boardwrite > div > ul li .won {font-size:1.4rem; line-height:4rem}
	.boardwrite > div > ul li > label {float:none; display:block; width:100%; margin-bottom:0.8rem; font-size:1.7rem; line-height:2rem}
	.boardwrite > div > ul li > label.point:before {left:0; top:0.2rem; margin-right:0.5rem}
	.boardwrite > div > ul li > label.txtright {padding-right:0; text-align:left}
	.boardwrite > div > ul li > div.orchoice {padding-bottom:1rem}
	.boardwrite > div > ul li > div.orchoice span.rs {width:30%; margin:0}
	.boardwrite > div > ul li > div.orchoice span.datebox {width:45.5% !important; margin:0}
	.boardwrite > div > ul li > div.orchoice span.w40 {width:40%}
	.boardwrite > div > ul li > div.orchoice.week span {width:25%; margin-left:0; margin-bottom:0.5rem}
	.boardwrite > div > ul li > div.orchoice.member span {margin-bottom:0.5rem}
	.boardwrite > div > ul li > div .hy {width:9%; line-height:4rem; font-size:1.3rem}
	.boardwrite > div > ul li > div .msg {font-size:1.35rem}
	.boardwrite > div > ul li > div .txtbox {width:100%; height:8rem}
	.boardwrite > div > ul li > div .txtbox textarea {padding:1rem; font-size:1.35rem; line-height:2rem}
	.boardwrite > div > ul li > div.schbox {position:relative; padding:0 9rem 0 0}
	.boardwrite > div > ul li > div.schbox button {position:absolute; right:0; top:0; width:8rem; padding:0}
	.boardwrite > div > ul li.blank {height:0}
	.boardwrite > div > ul > li .address .schbox {float:none; clear:both; overflow:hidden; width:auto; margin-right:0; margin-bottom:0.6rem; padding:0 9.5rem 0 0}
	.boardwrite > div > ul > li .address .schbox button {width:8.5rem}
	.boardwrite > div > ul > li .address .schbox .inpbox {float:none; width:100%}
	.boardwrite > div > ul > li .address div:last-child {float:none; overflow:hidden; width:100%}
	.boardwrite > div > ul > li .address div:last-child .inpbox {width:37.5%; margin-left:2.5%}
	.boardwrite > div > ul > li .email .inpbox {width:29%}
	.boardwrite > div > ul > li > div.cellphone .inpbox {width:31.1%; margin:0}
	.boardwrite > div > ul > li > div.cellphone em.hy {width:3.3%}
	.boardwrite > div > ul > li > div.orchoice span label {font-size:1.35rem}
	.boardwrite > div > ul > li > div.orchoice.ins span {height:4rem; line-height:4rem}
	.boardwrite > div > ul > li > div.orchoice.member span {width:50%; margin-left:0}
	.boardwrite > div > ul > li > div.orchoice.ins .rs {float:left; width:20% !important; height:4rem; margin:0; line-height:4rem}
	.boardwrite > div > ul > li > div.orchoice.ins.during span.rs {width:30% !important}
	.boardwrite > div > ul > li > div.orchoice.ins.during span .inpbox {width:auto !important}
	.boardwrite > div > ul > li > div.orchoice.ins.during p {display:block; float:none; clear:both; overflow:hidden; width:100%; margin-left:0}
	.boardwrite > div > ul > li > div.orchoice .inpbox {float:left; width:60% !important; margin:0 !important; height:4rem !important; line-height:4rem !important}
	.boardwrite > div > ul > li > div.orchoice.purpose span {width:50% !important}
	.boardwrite > div > ul > li > div.orchoice.ctg span {width:33%; height:2.2rem}
	.boardwrite > div > ul > li > div.orchoice.ctg span label {font-size:1.3rem}
	.boardwrite > div > ul li .thumbnail-reg .thumbnail-input {float:none; width:100%; height:5.5rem; padding-right:0}
	.boardwrite > div > ul li .thumbnail-reg .thumbnail-input .btn-border {display:block; width:100%; margin:0}
	.boardwrite > div > ul li .thumbnail-reg .thumbnail-input input[type="file"]{width:102%; height:4rem; margin-left:-2%}
	.boardwrite > div > ul li .thumbnail-reg > span {float:none; display:block; height:2.2rem !important; margin:0; padding:0 0 0 1rem; font-size:1.35rem !important; line-height:1.8rem; color:rgba(153,153,153,0.9) !important}
	.boardwrite > div > ul li .thumbnail-reg > span:before {width:0.25rem; height:0.25rem; margin-top:0.1rem}
	.boardwrite > div > ul li .thumbnail-reg .insert-filename {width:100%; margin-top:0}
	.boardwrite > div > ul li .thumbnail-reg .insert-filename input[type="text"] {width:100%; height:3.5rem; color:rgba(102,102,102,0.8); font-size:1.5rem}
	.boardwrite > div > ul > li .slide-attachment {width:auto; height:0; padding:2.5rem 0 0 0}
	.boardwrite > div > ul > li .slide-attachment .slick-prev {top:3rem; left:-4rem; width:1.5rem; height:2.5rem; background-size:95% auto; background:url('../images/icon_prevlist_off_m.png') no-repeat 0 50%}
	.boardwrite > div > ul > li .slide-attachment .slick-next {top:3rem; right:-4rem; width:1.5rem; height:2.5rem; background-size:95% auto; background:url('../images/icon_nextlist_off_m.png') no-repeat 50%}
	.boardwrite > div > ul > li .slide-attachment ul {height:0}
	.boardwrite > div > ul > li .slide-attachment ul li {float:left; width:7rem; height:9rem; margin-right:1rem; margin-bottom:0}
	.boardwrite > div > ul > li .slide-attachment ul li .pic {width:7rem; height:7rem; margin:0 auto}
	.boardwrite > div > ul > li .slide-attachment ul li .pic img {height:7rem; width:auto; min-width:7rem}
	.boardwrite > div > ul > li .slide-attachment ul li .btn-delete {position:absolute; right:0rem; top:1rem; width:1.8rem; height:1.8rem; background:url('../images/icon_delete_off_m.png') no-repeat 0 0; background-size:100% auto}
	.boardwrite > div > ul > li .slide-attachment ul li .btn-delete:hover {background:url('../images/icon_delete_on_m.png') no-repeat 0 0; background-size:100% auto}
	.boardwrite > div > ul > li .slide-attachment ul li.on .btn-delete {background:url('../images/icon_delete_on_m.png') no-repeat 0 0; background-size:100% auto}
	.boardwrite > div.recommend-book ul li {padding:1rem 0}
	.boardwrite > div.recommend-book .pic {float:none; display:block; width:30%; height:auto; min-height:15rem; margin:4rem auto 0}
	.boardwrite > div.recommend-book .pic:before {font-size:1.35rem}
	.boardwrite > div > ul > li.info {padding:0.5rem 1.5rem 0.8rem 2rem}
	.boardwrite > div > ul > li.info ul li {float:none; width:auto; padding:0; margin:0.3rem 0 1rem 0; font-size:1.5rem}
	.boardwrite > div > ul > li.info ul li strong {float:none; overflow:hidden; display:block; width:100%}
	.boardwrite > div > ul > li.info ul li span {float:none; overflow:hidden; display:block; width:100%; padding-left:1rem}
	.boardwrite .btnright {margin:-1rem 0 0 0}
	.boardwrite .btnright span {display:block; margin-bottom:1rem}
	.boardwrite .btnright span button {display:block; width:100%}
	.boardwrite .btnright > button {float:left; width:49%; margin:0}
	.boardwrite .btnright > button:last-child {float:right; width:49%; margin:0}

	/* 2020.04.10 */
	.boardwrite > div.filebox .btn-file {width:16%}
	.boardwrite > div.filebox .btn-file label {font-size:1.5rem}
	.boardwrite > div.filebox .btn-del {position:absolute; top:50%; right:1rem; width:1.4rem; height:1.5rem; margin-top:-0.7rem}
	.boardwrite > div.filebox .essebox {padding:3rem 1.5rem}
	.boardwrite > div.filebox ul.file-down {margin-top:2rem}
	.boardwrite > div.filebox ul.file-down li {padding:2rem}
	.boardwrite > div.filebox ul.file-down li em {padding-left:3rem; background:url('../images/icon_download_m.png') no-repeat 0 50%; background-size:1.8rem 1.7rem; font-size:1.4rem}
	.boardwrite > div.filebox ul.file-down li a {width:100%}
	.boardwrite > div.filebox .attach-header {padding:2rem 1rem}
	.boardwrite > div.filebox .attach-content {position:relative; padding:1.5rem 1rem}
	.boardwrite > div.filebox .attach-content .filename {width:85%; padding-left:3rem; background-size:1.6rem 2rem}
	.boardwrite > div.filebox .attach-header .esse {display:block}
	.boardwrite > div.filebox .btnright {padding:1.5rem 1rem; margin:0 !important}
	.boardwrite > div.filebox .btnright .txt-bottom {color:#666}

	.ui-datepicker .ui-widget-header a {height:1.2rem; background-size:100% !important}

	.locationbox {margin:5rem 2rem}
	.locationbox h3 {margin:0 0 1.5rem 0; padding:0 0 0 2rem; background-position:0 25%; font-size:1.5rem}
	.locationbox h3 strong {margin-right:0.8rem}
	.locationbox iframe {width:100%}

	.page-culture .tabbox {margin-top:-4.5rem; margin-bottom:1rem}
	/* .page-culture .boardview dl dt {padding-right:4rem} */
	.page-culture .gallarylist {clear:both; margin-top:5rem}
	.page-culture fieldset.boardschbox + .totalcnt {margin-top:2rem}

	.page-webzine .gallarylist {clear:both; margin-top:5rem}
	.page-webzine fieldset.boardschbox + .totalcnt {margin-top:2rem; margin-bottom:0.7rem}

	.page-booktour .boardview dl dt {padding-right:4rem}
	.page-booktour .boardview dl dt {padding-right:6rem}
	.page-booktour .pr-cost {margin:0 2rem 1rem 2rem; font-size:1.35rem}
	.page-booktour .last-update {margin:0 2rem 5rem 2rem}

	.page-club .boardview dl dt {padding-right:4rem}
	.page-club .pic-boardlist {padding:0 1rem; margin-bottom:2.5rem}
	.page-club .pic-boardlist > ul > li .picbox {height:18rem; padding:2rem 0}
	.page-club .pic-boardlist > ul > li:last-child {border-bottom:0}
	.page-club .pic-boardlist > ul > li span.picbox img {height:100%}
	.page-club .pic-boardlist > ul > li div > p.txt {margin-left:0}
	.page-club .boardview dl dt {padding-right:6rem}
	.page-club .pic-boardlist > ul > li .picbox .num {bottom:2.6rem}

	.page-introduce h3 {margin-bottom:3rem}
	.page-introduce h3 strong {font-size:2.4rem; line-height:3.2rem}
	.page-introduce h3 span {margin-top:1rem; font-size:1.4rem}
	.page-introduce .btn-large {height:4.5rem; font-size:1.45rem}
	.page-introduce .txt-imgbox {width:auto; margin:0 2rem 4em 2rem}
	.page-introduce .txt-imgbox .pic {display:block; width:100%}
	.page-introduce .txt-imgbox .pic img {width:100%}
	.page-introduce .txt-imgbox .pull-left img {width:100%}
	.page-introduce .txt-imgbox .pull-none {width:100%}
	.page-introduce .txt-imgbox .pull-none img {width:100%}
	.page-introduce .txt-imgbox:first-child span.pull-left {float:none; margin-right:0}
	.page-introduce .txt-imgbox:nth-child(2) dl {width:100%; margin-bottom:6.15rem; padding-top:0}
	.page-introduce .txt-imgbox dl {padding-top:3rem}
	.page-introduce .txt-imgbox dl.pull-left.mobile-only {margin-top:4rem; margin-bottom:0}
	.page-introduce .txt-imgbox dl dt {margin:0 0 1rem 0; font-size:2.2rem; line-height:3.2rem}
	.page-introduce .txt-imgbox dl dd {font-size:1.4rem; line-height:2.2rem}
	.page-introduce .txt-imgbox.location span.pull-left {float:none !important; margin-right:0}
	.page-introduce .txt-imgbox.location dl {padding-top:4rem}
	.page-introduce .txt-imgbox.location dl dd p {margin-bottom:2rem}
	.page-introduce .txt-imgbox.bookselect dl {padding-top:0}
	.page-introduce .txt-iconlist {width:auto; padding-top:0; margin:0 2rem 6.15rem 2rem}
	.page-introduce .txt-iconlist:before {font-size:2rem}
	.page-introduce .txt-iconlist ul li {width:50%; height:16rem; padding:0 1rem 0 1rem; text-align:center; border-left:1px solid #ddd}
	.page-introduce .txt-iconlist ul li:first-child {border-left:0}
	.page-introduce .txt-iconlist ul li strong {height:9rem; padding-top:7.52rem; font-size:1.45rem; font-weight:700; line-height:2rem; background-size:auto 6rem !important}
	.page-introduce .txt-iconlist ul li span {margin-bottom:2rem; font-size:1.5rem; font-weight:400; line-height:2rem}
	.page-introduce .txt-iconlist ul li.ti-1 strong {background:url('../images/_micon_introduce_01.jpg') no-repeat 50% 0.5rem}
	.page-introduce .txt-iconlist ul li.ti-2 strong {background:url('../images/_micon_introduce_02.jpg') no-repeat 50% 0.5rem}
	.page-introduce .txt-iconlist ul li.ti-3 strong {background:url('../images/_micon_introduce_03.jpg') no-repeat 50% 0.5rem}
	.page-introduce .txt-iconlist ul li.ti-3 {padding:2rem 0.5rem 0 0.5rem; border-top:1px solid #ddd; border-left:0}
	.page-introduce .txt-iconlist ul li.ti-4 {padding-top:2rem; border-top:1px solid #ddd}
	.page-introduce .txt-iconlist ul li.ti-4 strong {background:url('../images/_micon_introduce_04.jpg') no-repeat 50% 0.5rem}
	.page-introduce .txt-iconlist ul li.ti-5,
	.page-introduce .txt-iconlist ul li.ti-6,
	.page-introduce .txt-iconlist ul li.ti-7 {float:none; width:100%; height:auto; padding:3rem 0 4rem 0; border-bottom:1px solid #ddd; border-left:0}
	.page-introduce .txt-iconlist ul li.ti-7 {border-bottom:0}
	.page-introduce .txt-iconlist ul li.ti-5 strong,
	.page-introduce .txt-iconlist ul li.ti-6 strong,
	.page-introduce .txt-iconlist ul li.ti-7 strong {height:auto; margin-bottom:1rem}
	.page-introduce .txt-iconlist ul li.ti-5 strong {height:11rem; background:url('../images/_micon_introduce_05.jpg') no-repeat 50% 0.5rem}
	.page-introduce .txt-iconlist ul li.ti-6 strong {height:11rem; background:url('../images/_micon_introduce_06.jpg') no-repeat 50% 0.5rem}
	.page-introduce .txt-iconlist ul li.ti-7 strong {height:11rem; background:url('../images/_micon_introduce_07.jpg') no-repeat 50% 0.5rem}
	.page-introduce .txt-iconlist ul li.ti-8,
	.page-introduce .txt-iconlist ul li.ti-9,
	.page-introduce .txt-iconlist ul li.ti-10,
	.page-introduce .txt-iconlist ul li.ti-11 {float:none; width:100%; height:auto; padding:3rem 0 3rem 0; border-bottom:1px solid #ddd; border-left:0}
	.page-introduce .txt-iconlist ul li.ti-8 strong {height:13rem; background:url('../images/_micon_introduce_08.jpg') no-repeat 50% 0.5rem}
	.page-introduce .txt-iconlist ul li.ti-9 strong {height:13rem; background:url('../images/_micon_introduce_09.jpg') no-repeat 50% 0.5rem}
	.page-introduce .txt-iconlist ul li.ti-10 strong {height:13rem; background:url('../images/_micon_introduce_10.jpg') no-repeat 50% 0.5rem}
	.page-introduce .txt-iconlist ul li.ti-11 {padding-bottom:0; border-bottom:0}
	.page-introduce .txt-iconlist ul li.ti-11 strong {height:13rem; background:url('../images/micon_introduce_11.png') no-repeat 50% 0.5rem}
	.page-introduce .txt-iconlist ul li.ti-8 strong,
	.page-introduce .txt-iconlist ul li.ti-9 strong,
	.page-introduce .txt-iconlist ul li.ti-10 strong,
	.page-introduce .txt-iconlist ul li.ti-11 strong {height:auto; margin-bottom:1rem}

	.page-news .boardlist ul {margin-right:4rem}
	.page-news .boardlist ul li > a {padding-top:0; padding-bottom:0; margin-bottom:2rem}
	.page-news .boardlist ul li > a > p > label > em.badge-notice {margin-top:1.6rem}
	.page-news .boardlist ul li > a > p:first-child {margin-top:-0.5rem}
	.page-news .boardlist ul li:first-child > a {margin-bottom:1.2rem}

	.page-dataroom .boardlist ul {margin-right:4rem}
	.page-dataroom .boardlist ul li {position:relative}
	.page-dataroom .boardlist ul li > a:hover {background:0}
	.page-dataroom .boardlist ul li > a > p:first-child {margin-top:-0.8rem}
	.page-dataroom .boardlist ul li > a > p .attchment-file {position:absolute; top:38%; right:1rem}

	.page-introduce .club-start {height:auto; margin-bottom:5rem; padding-bottom:1rem}
	.page-introduce .club-start .innerbox {width:100%; height:auto; padding:5rem 2rem 0 2rem; margin:0; background:0}
	.page-introduce .club-start h4 {font-size:1.8rem}
	.page-introduce .club-start ul {margin-bottom:6rem}
	.page-introduce .club-start ul li {font-size:1.35rem; line-height:2rem}
	.page-introduce .club-start ul li p {font-size:1.4rem; line-height:2rem}
	.page-introduce .club-start ul li strong {padding-left:0.8rem; margin-bottom:0.6rem; line-height:2rem; font-size:1.5rem}
	.page-introduce .club-start ul li strong a {height:2rem; background:url('../images/bg_greenborder.png') repeat-x 0 100%}
	.page-introduce .club-start ul li strong:before {top:1rem; width:0.3rem; height:0.3rem; margin-top:-0.15rem}
	.page-introduce .club-start h4 + p {margin-top:1rem}
	.page-introduce .wide-greenarea {width:100%; height:auto; margin:5rem 0; padding:4rem 0}
	.page-introduce .wide-greenarea h3 {margin-bottom:3rem}
	.page-introduce .wide-greenarea h3 strong {font-size:2.2rem}
	.page-introduce .wide-greenarea h3 span {margin-top:1rem; font-size:1.4rem}
	.page-introduce .wide-greenarea .discbox {width:auto; height:auto; margin:0}
	.page-introduce .wide-greenarea .discbox h2 {text-align: center;line-height: 3rem;}
	.page-introduce .wide-greenarea .discbox ul {height:auto; margin:0 2rem}
	.page-introduce .wide-greenarea .discbox ul li {float:none; width:100%; height:20rem; margin:0 0 2rem 0; background:url('../images/bg_boxline_01_m.png') no-repeat 100% 0; background-size:3.2rem auto; border:2px solid #fff}
	.page-introduce .wide-greenarea .discbox ul li span {font-size:1.7rem; line-height:2.6rem}
	.page-introduce .bannerbox {width:auto; height:auto; margin:-3rem 2rem 0 2rem; background-size:auto 7rem; background-position:50% 0}
	.page-introduce .bannerbox p {width:100%; padding:9rem 0 10rem 0; background-size:auto 7rem; background-position:50% 100%; font-size:1.8rem; line-height:1.555}

	.page-space fieldset.boardschbox p {position:relative; margin-top:0}
	.page-space fieldset.boardschbox p .inpbox {width:100%; float:none; display:block; border-right:0}
	.page-space fieldset.boardschbox p .btn-search {position:absolute}
	.page-space fieldset.boardschbox .btn-white.mobile-only {float:left; width:49%}
	.page-space fieldset.boardschbox .btn-white.pull-right {width:49%}
	.page-space input[type="checkbox"]:checked + label:after {background:url('../images/bg_icheck_on.png') no-repeat 0 50%}
	.page-space .slick-list {border:1px solid #ddd}
	.page-space .bannerbox {margin-bottom:3rem}
	.page-space .gallarylist {width:auto; margin:0 2rem; padding-top:2rem; border-top:2px solid #333}
	.page-space .gallarylist ul li {height:auto; margin:4rem 0 0 0; padding-top:0; border-top:0; border-left:0; border-right:0}
	.page-space .gallarylist ul li .pic {height:auto}
	.page-space .gallarylist ul li:first-child {padding-top:0; margin-top:0; border-top:0}
	.page-space .gallarylist ul li a > div {height:auto; padding:2rem 0}
	.page-space .gallarylist ul li a > div > strong {margin-bottom:1rem; font-size:2rem}
	.page-space .gallarylist ul li a > div > p > label {font-size:1.5rem}
	.page-space .gallarylist ul li a > div > p > span {font-size:1.5rem}
	.page-space .gallarylist ul li a > div p {padding-left:0.8rem}
	.page-space .gallarylist ul li a > div p:before {width:0.2rem; height:0.2rem; margin-top:-0.16rem}
	.page-space .boardwrite > div > ul > li > div.orchoice {padding-top:0.5rem}
	.page-space .boardwrite > div > ul li > div.orchoice span {width:auto; margin-left:2.5rem}
	.page-space .boardwrite > div > ul li > div.orchoice span:first-child {margin-left:0}
	.page-space .boardwrite > div > ul li > div.orchoice.year span {width:33%; margin:1rem 0 0 0}
	.page-space .boardwrite > div > ul li > div.orchoice.year span:nth-child(1) {margin-top:0}
	.page-space .boardwrite > div > ul li > div.orchoice.year span:nth-child(2) {margin-top:0}
	.page-space .boardwrite > div > ul li > div.orchoice.year span:nth-child(3) {margin-top:0}
	.page-space .boardwrite > div > ul > li .thumbnail-reg {margin-bottom:-1rem}
	.page-space .boardwrite > div > ul > li .thumbnail-reg > span {margin-left:1.2rem; font-size:1.35rem}
	.page-space .btnright {height:auto; overflow:hidden; margin-top:-1rem; background:#fff}
	.page-space .btnright .btn-gray-border{border:1px solid #ddd !important; color:#666 !important}
	.page-space .locationbox {padding-right:2rem; padding-left:2rem}
	.page-space .boardwrite > div > ul li.clearfix + li:nth-child(2) {border-top:0}

	.page-club .btnright {width:auto; margin:-0.5rem 2rem 0 2rem; background:#fff}
	.page-interview .last-update {margin-left:0; margin-bottom:4rem}
	.page-interview .pic-boardlist > ul > li div > p.txt {margin:0}

	.page-clubapply .txt-dots {padding-left:0.8rem; font-size:1.35rem}
	.page-clubapply .txt-dots.chk {margin-top:-1rem; padding-top:0; margin-bottom:3rem}
	.page-clubapply .txt-dots.chk label {font-size:1.35rem}
	.page-clubapply .txt-dots:before {width:0.2rem; height:0.2rem}
	.page-clubapply .boardwrite > div > ul > li > div.orchoice .inpbox {width:70% !important}
	.page-clubapply .boardwrite > div > ul > li .thumbnail-reg > span {margin-left:0; font-size:1.35rem}
	.page-clubapply .boardwrite > div.listgroup:nth-child(3) {border-bottom:0}
	.page-clubapply .boardwrite > div:nth-child(2) {padding-bottom:0}

	.page-center .toggle-contents {margin:0 0 4rem 0}
	.page-center .toggle-contents button {width:8rem; height:3.2rem; padding-left:1.2rem; margin-top:2rem; margin-bottom:3rem; border-radius:1.6rem}
	.page-center .toggle-contents button em {margin-right:0.4rem; font-size:1.4rem}
	.page-center .toggle-contents button i {width:1.4rem; height:1.1rem; background:url('../images/icon_arr_06_m.png') no-repeat 50%; background-size:100% auto}
	.page-center .toggle-contents div.on {padding-bottom:0; border-top:0; border-bottom:0}
	.page-center .toggle-contents h3 a {width:90%; height:auto; padding:5rem 0 0 0; margin:0 auto; background:url('../images/icon_centergreen_m.png') no-repeat 50% 0; background-size:4rem auto; font-size:2.2rem}
	.page-center .toggle-contents dl {padding:0 2rem 2rem 2rem}
	.page-center .toggle-contents dl dt {margin:0 0 2rem 0; padding-top:2.5rem; border-top:1px solid #ddd;  font-size:1.8rem; line-height:2.6rem}
	.page-center .toggle-contents dl dd p {margin-top:1.5rem; font-size:1.4rem; line-height:2rem}
	.page-center .toggle-contents ul {height:auto; padding:0.6rem 2rem 0 2rem}
	.page-center .toggle-contents ul li {width:50%; height:20rem; padding:2rem; border-left:0; border-top:1px solid #ddd}
	.page-center .toggle-contents ul li:nth-child(1) {height:18rem; padding-right:1rem; padding-left:1rem; border-top:0}
	.page-center .toggle-contents ul li:nth-child(2) {height:18rem; border-top:0; border-left:1px solid #ddd}
	.page-center .toggle-contents ul li:nth-child(3) {padding-top:3rem}
	.page-center .toggle-contents ul li:nth-child(4) {padding-top:3rem; border-left:1px solid #ddd}
	.page-center .toggle-contents ul li:first-child {border-left:0; border-top:0}
	.page-center .toggle-contents ul li strong {padding:5rem 0 0 0; background-size:4rem auto !important; font-size:1.45rem; line-height:2rem}
	.page-center .pic-boardlist > ul > li div > p.txt {margin-left:0}

	.page-recommend fieldset.boardschbox {overflow:hidden}
	.page-recommend fieldset.boardschbox .optionbox + .optionbox {margin-top:1rem}
	.page-recommend fieldset.boardschbox + .totalcnt {float:none !important; clear:both; overflow:hidden; display:block; margin-top:3rem}
	.page-recommend .totalcnt + .pull-right {clear:both; margin-top:1rem}
	.page-recommend .pic-boardlist > ul > li div > p.txt {margin:0 0 1rem -43%; height:6.2rem}
	.page-recommend .pic-boardlist > ul > li div > .date {margin-left:-43%}
	.page-recommend .pic-boardlist div.recommend-list {bottom:12%; margin-left: -43%;}
	.page-recommend .pic-boardlist div.recommend-list > ul li:after {margin:0 0.3rem}
	.page-recommend .pic-boardlist div.recommend-list > ul li {margin:0}

	.page-search.expand {padding-top:0}
	.page-search.expand .btn-listview i {background-color:#666; transition-delay:0.4s, 0.4s, 0.4s, 0.6s}
	.page-search.expand .btn-listview i:nth-child(1) {margin-top:-0.1rem; transform:rotate(-45deg)}
	.page-search.expand .btn-listview i:nth-child(2) {opacity:0}
	.page-search.expand .btn-listview i:nth-child(3) {margin-top:-0.1rem; transform:rotate(45deg)}
	.page-search.expand .btn-listview i {background-color:#666}
	.page-search.expand .searchlist {position:relative; z-index:40; height:auto}
	.page-search.expand .searchlist fieldset {position:relative; height:9rem}
	.page-search.expand .searchlist fieldset .filter-value {display:block}
	.page-search.expand .searchmap {display:none; z-index:39}
	.page-search.expand .searchlist .scrollbox {display:block}
	.page-search {height:auto; padding-right:0; /* padding-top:5.5rem; */ border:0}
	.page-search dl.scbox {width:100%; height:auto; padding:1.6rem 0; background:#fff; border-width:0 0 1px 0; border-style:solid; border-color:#ddd; box-shadow:0 0 0}
	.page-search dl.scbox dt em {display:inline-block; height:2.6rem; margin-right:0.8rem; padding:0 0.8rem; text-align:center; background:#023377; border-radius:1.35rem; color:#fff; font-size:1.4rem; line-height:2.6rem}
	.page-search dl.scbox dt .date {display:inline-block; color:#666; line-height:2.6rem; font-size:1.5rem; font-weight:400}
	.page-search dl.scbox strong {clear:both; display:block; margin:1rem 0; color:#333; font-size:1.8rem; font-weight:800}
	.page-search dl.scbox dt > strong:only-child {margin-top:0}
	.page-search dl.scbox dd > span {display:block; max-height:4rem; overflow:hidden; color:#666; font-size:1.4rem; line-height:2rem}
	.page-search dl.scbox dd p {clear:both; overflow:hidden; margin-top:1rem}
	.page-search dl.scbox dd p span {float:left; display:block; position:relative; height:2rem; margin:0 1rem 0 0; color:#999; font-size:1.4rem; letter-spacing:0.05rem; line-height:2rem}
	.page-search dl.scbox dd p span:nth-child(3) {clear:both; float:none; width:auto; margin-top:0.5rem}
	.page-search dl.scbox dd p span:first-child {padding-right:1.2rem}
	.page-search dl.scbox dd p span:first-child:after {position:absolute; right:0; top:50%; width:0.1rem; height:1.2rem; padding:0; margin-top:-0.6rem; background:#ddd; content:''}
	.page-search .searchlist {position:absolute; left:0; top:0; z-index:41; width:100%; height:auto; border-right:0}
	.page-search .searchlist .listgroup {clear:both; position:relative; padding-top:1.5rem; background:#fff}
	.page-search .searchlist .listgroup .btn-mapview {position:fixed; right:1rem; top:60%; width:4.7rem; height:4.7rem; background:url('../images/btn_mapview.jpg') no-repeat 50%; background-size:100% auto; font-size:0; text-indent:-99999rem}
	.page-search .searchlist fieldset {position:absolute; left:0; top:0; width:100%; height:5.5rem; padding:0 5.5rem 1.5rem 1.5rem; background:#fff}
	.page-search .searchlist fieldset .optionbox {height:4rem}
	.page-search .searchlist fieldset .btn-search {right:1.5rem; width:4rem; height:4rem; background:#666 url('../images/icon_search_03_m.png') no-repeat 50%; background-size:2rem auto}
	.page-search .searchlist fieldset .filter-value {display:none; clear:both; overflow:hidden; width:auto; height:5rem; text-align:left; padding:0.8rem 1rem 0.8rem 0; line-height:4rem; font-size:0}
	.page-search .searchlist fieldset .filter-value strong {float:left; margin:0 1rem 0 0; font-size:1.4rem; color:#333}
	.page-search .searchlist fieldset .filter-value p {float:none; overflow:hidden; position:relative; padding:0 0 0 1rem; color:#333; font-size:1.4rem; font-weight:600; word-spacing:-0.02rem}
	.page-search .searchlist fieldset .filter-value p:before {position:absolute; left:0; top:50%; width:0.1rem; height:1rem; margin:-0.5rem 0 0 0; background:#999; content:''}
	.page-search .searchlist fieldset .filter-value p b:before {content:" , "}
	.page-search .searchlist fieldset .filter-value p b:first-child:before {content:''}
	.page-search .searchlist .scrollbox {display:none; position:relative; width:100%; height:auto; overflow-x:hidden; overflow-y:hidden; padding:1.5rem; background:0}
	.page-search .searchlist .scrollbox:before {position:absolute; top:0; left:0; width:100%; height:1rem; background:#efefef; border-top:1px solid #ddd; content:""}
	.page-search .searchlist h3 {margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:1px solid #ddd; font-size:1.5rem; font-weight:400}
	.page-search .searchlist h3 em {color:#0baae5}
	.page-search .searchlist h3 strong {color:#0baae5; font-weight:600}
	.page-search .searchlist .paging {height:2.4rem; margin-top:0}
	.page-search .searchlist .paging * {vertical-align:middle}
	.page-search .searchlist .paging button {width:2.4rem; height:2.4rem; vertical-align:0.1rem; border:0}
	.page-search .searchlist .paging span {height:2.4rem; line-height:2.4rem}
	.page-search .searchlist .paging span a {width:2rem; height:2.4rem; margin:0 0.2rem; line-height:2.4rem; font-size:1.4rem; color:#999}
	.page-search .searchlist .paging span a.on {color:#333}
	.page-search .searchlist .paging span a:hover {color:#333}
	.page-search .searchmap {position:relative; z-index:40; right:0; top:0; width:100%; height:60rem}
	.page-search .searchmap .searchmap-inner {width:100%; height:100%; overflow:hidden}
	.page-search .searchmap .filter-layerbox {right:1rem; top:1rem; z-index:80}
	.page-search .searchmap .filter-layerbox .holder {display:block; width:11rem; height:3.8rem; text-align:left; background:#023377 url('../images/icon_filter_02.png') no-repeat 85% 50%; box-shadow:0 0.5rem 0.5rem rgba(0,0,0,0.2); line-height:3.8rem}
	.page-search .searchmap .filter-layerbox .holder > a {display:block; width:11rem; height:3.8rem; padding:0 0 0 1.5rem; font-size:1.5rem; color:#fff; line-height:3.8rem}
	.page-search .searchmap .filter-layerbox .filter-value {position:absolute; right:12rem; top:0; width:23rem; height:4.2rem; text-align:center; padding:0 1rem; background:#f8f8f8; border:1px solid #666; box-shadow:0 0.5rem 0.5rem rgba(0,0,0,0.2); line-height:4rem; font-size:0}
	.page-search .searchmap .filter-layerbox .filter-value strong {font-size:1.4rem}
	.page-search .searchmap .filter-layerbox .filter-value p {float:none; overflow:hidden; position:relative; padding:0 0 0 0.6rem; color:#333; font-size:1.4rem; font-weight:600; word-spacing:-0.02rem}
	.page-search .searchmap .filter-layerbox .filter-value p:before {position:absolute; left:0; top:50%; width:0.1rem; height:1rem; margin:-0.5rem 0 0 0; background:#999; content:''}
	.page-search .btn-listview {display:block; position:absolute; top:-5rem; right:1.7rem; z-index:55; width:4.7rem; height:4.7rem; margin-top:-1.2rem}
	.page-search .btn-listview button {width:4.7rem; height:4.7rem; padding:1rem; background:#fff; border:1px solid #666; font-size:0}
	.page-search .btn-listview button i {position:absolute; left:50%; top:50%; width:2.5rem; height:0.2rem; margin-top:-0.1rem; margin-left:-1.25rem; background-color:#666; right:0; transition:background-color 0.3s 0s, opacity 0.3s 0.3s, margin 0.3s 0.3s, transform 0.3s 0s}
	.page-search .btn-listview button i:nth-child(1) {margin-top:-1.1rem}
	.page-search .btn-listview button i:nth-child(3) {margin-top:0.9rem}
	.page-search .searchmap .overlist {display:block; position:absolute; left:0; bottom:1.5rem; z-index:60; width:100%; height:15rem; padding:0; font-size:0}
	.page-search .searchmap .overlist .tslide ul li:first-child {margin-left:1.5rem}
	.page-search .searchmap .overlist ul {margin-bottom:2rem}
	.page-search .searchmap .overlist ul li {position:relative; width:28rem; height:13rem; margin-right:1rem; font-size:0}
	.page-search .searchmap .overlist ul li dl.scbox {position:absolute; left:0; top:0; width:100%; height:100%; padding:1.6rem; background:#fff; border:1px solid #ddd; box-shadow:0.3rem 0.3rem 0.6rem rgba(0,0,0,0.1)}
	.page-search .searchmap .overlist ul li dl.scbox dd > span {display:none}
	.page-search .boardview dl dd.book-intro .picbox {height:100%; min-height:100%; padding-bottom:0; border:0}
	.page-search .boardview dl dd.book-intro .picbox img {margin-bottom:4rem; border:1px solid #ddd}
	.page-search .boardview dl dd.book-intro .txtlist {margin-top:0}

	.page-privacy > div {margin:0 0 5rem 0}
	.page-privacy > div ol li strong {width:94%}
	.page-privacy > div table {margin:3rem 0}
	.page-privacy > div table tr th:first-child,
	.page-privacy > div table tr td:first-child {border-right:0}
	.page-privacy > div table tr td {padding:15px 20px; border-bottom:1px solid #ddd; font-size:1.4rem; line-height:2.142}
	.page-privacy > div table tr td strong {font-size:1.4rem}
	.page-privacy > div dl {margin-top:1.5rem}
	.page-privacy > div dl dt {font-weight:400}

	#etc .container .subvisual {background-image:url('../images/img_subvisual_05_m.jpg')}
	body#etc .container .pagenavi {display:none}

	.page-sitemap {padding:0 2rem}
	.page-sitemap > ul {clear:both; overflow:hidden}
	.page-sitemap > ul > li {float:none; width:100%; padding:0 0 3rem 0}
	.page-sitemap > ul > li:last-child {padding-right:0}
	.page-sitemap > ul > li h3 {clear:both; overflow:hidden; padding:1.2rem 0; font-size:2rem}
	.page-sitemap > ul > li ul {clear:both; overflow:hidden; padding-top:0.5rem}
	.page-sitemap > ul > li ul li {float:left; width:50%; margin-top:1.3rem; line-height:2.2rem}
	.page-sitemap > ul > li ul li a {font-size:1.6rem}

	.page-privacy {padding:0 2rem}
	.page-privacy > p {margin:0 0 2.5rem 0; font-size:1.5rem; line-height:2.2rem}
	.page-privacy > p strong {margin:0 0 0.3rem 0; font-size:1.5rem}

	#supportproject input[type="checkbox"] + label:before {background-size:64% auto}
	#supportproject input[type="checkbox"]:checked + label:after,
	#supportproject input[type="checkbox"]:checked + label:before{background:url('../images/bg_icheck_on.png') no-repeat 0 50%; background-size:64% auto}
	#supportproject .btn-yellow-box {padding:0 4rem}
	#supportproject .btn-yellow {padding:0}
	#supportproject .btn-large {width:48%; height:5rem; padding:0; line-height:5rem}
	#supportproject .header h1 a {background-image:url('../images/logo_b_m.png'); background-size: 5.5rem auto;}
	#supportproject .header.expand .btn-allmenu i {background:#000}

    #supportproject .container .contentsarea {padding:12rem 0 2rem 0}
    #supportproject h2 {margin-bottom:6rem}
	#supportproject h2 strong {font-size:2.4rem}
    #supportproject .textbox {height:3rem}
    #supportproject ul.tabmenu li {padding:0 1.5rem 0 1.6rem}
    #supportproject ul.tabmenu li a {font-size:1.6rem}
	#supportproject .boardlist {margin:0; padding:0 2rem}
	#supportproject .boardlist h3 {margin-bottom:6rem}
	#supportproject .boardlist h3 strong {font-size:2.4rem}
	#supportproject .boardlist p.total {margin-bottom:1.5rem}
	#supportproject .boardlist p.total span {display:none}
    #supportproject .boardlist p.total strong {float:left}
    #supportproject .boardlist .boardtop .total {margin-top:0}
    #supportproject .boardlist .boardtop .total span {display:block}
    #supportproject .boardlist .boardtop .btnright button {width:100%}
	#supportproject .boardlist > ul > li {height:auto; padding:2rem 10rem 2rem 0; line-height:normal}
	#supportproject .boardlist > ul > li > p.num {display:none}
	#supportproject .boardlist > ul > li > p.info {margin-left:0}
	#supportproject .boardlist > ul > li > p.info .title {display:block; width:100%}
	#supportproject .boardlist > ul > li > p.info .date {display:block; width:100%}
	#supportproject .boardlist > ul > li > a {right:0; width:9.5rem}
	#supportproject .boardview dl dt > span.date {font-size:1.6rem}
	#supportproject .boardview dl dt > span.date + .btnright {position:static; margin:1.5rem 0 0}
	#supportproject .boardview dl dt > span.date + .btnright button {float:left}
	#supportproject .boardview dl dt > span.date + .btnright:after {content:""; display:block; clear:both; overflow:hidden}
	#supportproject .boardview dl dt > span.date + .btnright .btn-print {float:right; width:5rem}
	#supportproject .boardview dl dd.btn-box {padding:1rem 0 5rem}
	#supportproject .boardview dl dd.btn-box > a {display:inline-block; width:48%; padding:1.1rem 0; border:1px solid #023377; color:#023377}
	#supportproject .boardview + .boardwrite {margin-top:5rem}
	#supportproject .boardwrite h3 {padding-bottom:0}
	#supportproject .boardwrite h3 strong {display:block; /*font-family:nm;*/ font-size:2.2rem; color:#333; line-height:1.318}
	#supportproject .boardwrite .period {margin:0.5rem 0 1.5rem; font-size:1.5rem}
	#supportproject .boardwrite .period + .btnright {position:static; margin:0 0 2rem}
	#supportproject .boardwrite .period + .btnright:after {content:""; display:block; clear:both; overflow:hidden}
	#supportproject .boardwrite .period + .btnright .btn-print {float:right; width:5rem}
	#supportproject .boardwrite .listgroup h4 {margin-top:4rem}
	#supportproject .boardwrite .listgroup > ul > li {padding:2rem 0}
	#supportproject .boardwrite .listgroup > ul > li.half {float:none; clear:both; width:100%}
	#supportproject .boardwrite .listgroup > ul > li > label {font-size:1.6rem}
	#supportproject .boardwrite .listgroup > ul > li > label.text-right {padding-right:0; text-align:left}
	#supportproject .boardwrite .listgroup > ul > li > span {display:block; margin-bottom:1rem; line-height:1.25; font-size:1.7rem}
	#supportproject .boardwrite .listgroup > ul > li > span > b {line-height:1.25; font-size:1.5rem}
	#supportproject .boardwrite .listgroup > ul > li > div {max-width:none}
	#supportproject .boardwrite .listgroup > ul > li > div span.bot {width:100% !important; color:#666; font-size:1.35rem}
	#supportproject .boardwrite .listgroup > ul > li > div span.bot:before {top:1rem; width:0.25rem; height:0.25rem}
    #supportproject .boardwrite .listgroup > ul > li > div p.inpbox {max-width:none}
	#supportproject .boardwrite ul > li .txtbox {width:100%; height:auto; padding:0; font-size:1.5rem}
	#supportproject .boardwrite ul > li .orchoice {width:100%; padding-bottom:0}
	#supportproject .boardwrite ul > li .orchoice.area {width:100%}
	#supportproject .boardwrite ul > li .orchoice.area span {float:left; width:50%; padding:1% 0; margin:0}
	#supportproject .boardwrite ul > li .orchoice.area span:nth-child(8) {margin:0}
	#supportproject .boardwrite ul > li .orchoice.year {width:100%; margin:0}
	#supportproject .boardwrite ul > li .orchoice.year > span {width:50%; padding:1% 0; margin:0}
	#supportproject .boardwrite ul > li .insert-file .filewrap .filename {width:79%; margin-right:1.5%}
	#supportproject .boardwrite ul > li .insert-file .filewrap .btn-file {width:18.5%}
	#supportproject .boardwrite ul > li .insert-file .filewrap .btn-file label {font-size:1.5rem}
	#supportproject .boardwrite ul > li .insert-file .attachmentwrap > p {height:5rem; padding:0 1rem; line-height:5rem}
	#supportproject .boardwrite ul > li .insert-file .attachmentwrap > p strong {padding-left:3rem; background-size:1.6rem auto}
	#supportproject .boardwrite ul > li .insert-file .attachmentwrap > p button {right:1rem; width:1.4rem; background-size:1.4rem auto}
	#supportproject .boardwrite ul > li .insert-file .comment > strong {color:#333; font-size:1.7rem}
	#supportproject .boardwrite ul > li .insert-file .comment li {padding:0 0 0 1rem}
	#supportproject .boardwrite ul > li .address .schbox {width:100%; padding:0}
	#supportproject .boardwrite ul > li .address .schbox .inpbox {width:72%}
	#supportproject .boardwrite ul > li .address .schbox .inpbox + button {width:26%; padding:0 !important}
	#supportproject .boardwrite ul > li .address div:last-child .inpbox {float:none; width:100%}
	#supportproject .boardwrite ul > li .address div:last-child .inpbox:first-child {width:100%}
    #supportproject .boardwrite ul > li .address div:last-child .inpbox:last-child {margin:0.6rem 0 0 0}
    #supportproject .boardwrite ul > li .account {position:relative; min-height:5rem}
    #supportproject .boardwrite ul > li .account .optionbox {width:70%; margin-right:2%}
    #supportproject .boardwrite ul > li .account > [class^='btn-'] {position:absolute; top:0; right:0; width:28%}
    #supportproject .boardwrite ul > li .account .inpbox {clear:both; width:100%; margin:1rem 0 0 0}
    #supportproject .boardwrite ul > li .account > span {line-height:5rem}
    #supportproject .boardwrite + .boardlist {margin-top:5rem}
	#supportproject .btnright {margin:2.5rem 0 0 0}
	#supportproject .btnright .txt-bottom {font-size:1.5rem}
	#supportproject .completion-box {margin:0 2rem 3rem 2rem}
	#supportproject .completion-box .completion-txt {margin:2rem 0 4.5rem 0}
	#supportproject .completion-box .completion-txt > span {font-size:1.5rem; line-height:1.6}
	#supportproject .completion-box h2 {width:100%; padding-top:12rem; background-size:13rem auto; font-size:2.2rem}

	.page-workshop .boardview .verify {padding:2.5rem 1.5rem 0}
	.page-workshop .boardview dl dd.book-intro {padding:2.5rem 1.5rem}
	.page-workshop .boardview dl dd.book-intro .workshop-txt strong,
	.page-workshop .boardview dl dd.book-intro .workshop-txt span {font-size:1.4rem}
	.page-workshop .boardwrite > div > ul > li.zone div span {width:100% !important}
	.page-workshop .boardwrite > div > ul > li.zone div span label > i {display:block;}
	.page-workshop .completion-box h2 {width:100% !important}

    .page-lecture .boardwrite ul > li .writing > button {background:#023377 !important}
	.page-lecture .boardwrite ul > li .writing .writing-list .writing-img {float:none; width:100%}
	.page-lecture .boardwrite ul > li .writing .writing-list .writing-img span {margin:3rem auto}
	.page-lecture .boardwrite ul > li .writing .writing-list ul li {padding:1.25rem 0; border:0}
	.page-lecture .boardwrite ul > li .writing .writing-list ul li:last-child {border:0}
	.page-lecture .boardwrite ul > li .writing .writing-list label {float:none; display:block; width:100%; margin-bottom:0.8rem; font-size:1.7rem; line-height:2rem}
	.page-lecture .boardwrite ul > li .writing .btnleft {border:0}
	.page-lecture .boardwrite ul > li .writing .btnleft button {width:11.8rem !important}
	.page-lecture .boardwrite ul > li .writing .booktitle span.inpbox {width:79%; margin-right:1%}
	.page-lecture .boardwrite ul > li .writing .booktitle .btn-border {width:18.5% !important; padding:0 !important}
	.page-lecture .boardwrite ul > li .writing .bttleft {margin-top:0}
	.page-lecture .boardwrite ul > li .writing .bttleft .btn-large {width:15% !important;}

	/* popup */
	.popupwrap {width:95% !important}
	.popupwrap .btn-popclose {right:1.6rem; top:1.7rem; width:1.8rem; height:1.8rem; padding:0; background:url('../images/icon_popclose1_m.png') no-repeat 50%; background-size:2rem auto}
	.popupwrap h1 {height:5rem; padding:0 2rem; background:#fff; border-bottom:1px solid #ddd; line-height:5rem; color:#222; font-size:1.9rem}
	.popupwrap .popcontents {padding:2rem}
	.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_prevlist_off_m.png') no-repeat 50% 60%; background-size:0.8rem auto}
	.popupwrap .paging button.btn-paging-next {background:url('../images/icon_nextlist_off_m.png') no-repeat 50% 60%; background-size:0.8rem auto}
	.popupwrap .paging span {height:2.4rem; margin:0 1rem; line-height:2.4rem}
	.popupwrap .paging span a {margin:0 0.2rem; font-size:1.3rem}
	.popupwrap .paging span a.on {font-size:1.5rem}
	.popupwrap .paging span a:hover {font-size:1.5rem}
	.popupwrap fieldset {margin-bottom:1.5rem}
	.popupwrap fieldset h2 {font-size:1.4rem}
	.popupwrap fieldset .optionbox {width:30%; height:4rem; margin:0 3% 0 0}
	.popupwrap fieldset p {height:4rem; padding:0 5rem 0 0; background:#f6f6f6}
	.popupwrap fieldset p button {width:4rem; height:4rem; background:url('../images/icon_search_02_m.png') no-repeat 50%; background-size:1.8rem auto}
	.popupwrap fieldset .inpbox {height:4rem}
	.popupwrap .resultbox {height:39rem; margin-bottom:3rem}
	.popupwrap .resultbox h2 {color:#999; font-size:1.35rem}
	.popupwrap .resultbox .scrollbox {padding:1rem}
	.popupwrap .resultbox dl {margin-top:2rem}
	.popupwrap .resultbox dl:first-child {margin-top:0}
	.popupwrap .resultbox dl dt {width:7rem; margin:0 2rem 0 0}
	.popupwrap .resultbox dl dd {padding:0}
	.popupwrap .resultbox dl dd strong {font-size:1.4rem}
	.popupwrap .resultbox dl dd strong a {font-size:1.4rem}
	.popupwrap .resultbox dl dd ul li {font-size:1.35rem; line-height:2.1rem}
	.popupwrap.pop-booksearch {width:100%}
	.popupwrap.pop-postsearch {width:100%}
	.popupwrap.pop-clubsearch {width:100%}
	.popupwrap.pop-postsearch .resultbox ul li {margin-top:1rem}
	.popupwrap.pop-postsearch .resultbox ul li a {line-height:2.2rem}
	.popupwrap.pop-postsearch .resultbox ul li a strong {font-size:1.35rem}
	.popupwrap.pop-postsearch .resultbox ul li a span {font-size:1.35rem}
	.popupwrap.pop-postsearch .resultbox {height:25rem}
	.popupwrap.pop-postsearch .resultbox .scrollbox {height:18rem; padding:1.5rem}

	.popupwrap.pop-newsletter .popcontents {padding:2rem}
	.popupwrap.pop-newsletter .rulebox {padding:1.5rem}
	.popupwrap.pop-newsletter .rulebox ul li {font-size:1.3rem; line-height:1.6}
	.popupwrap.pop-newsletter .boardwrite {margin-left:0; margin-right:0}
	.popupwrap.pop-newsletter .boardwrite > div > ul > li {padding:2rem 0 0 0; font-size:1.4rem; line-height:1.6}

	.popupwrap.pop-newsletter input[type="checkbox"] + label:before {background:url('../images/bg_icheck_off.png') no-repeat 0 50% / 1.5rem}
	.popupwrap.pop-newsletter input[type="checkbox"]:checked + label:before {background:url('../images/bg_icheck_on.png') no-repeat 0 50% / 1.5rem}
	.popupwrap.pop-newsletter input[type="checkbox"]:checked + label:after {background:url('../images/bg_icheck_on.png') no-repeat 0 50% / 1.5rem}

	.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-color:#023377; color:#023377}
	.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-authcheck {width:100%; height:auto}
	.popupwrap.pop-authcheck h2 {font-size:1.5rem}
	.popupwrap.pop-authcheck .boardwrite {margin:1.5rem 0 2rem 0}
	.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:30%}
	.popupwrap.pop-authcheck .popcontents {padding-bottom:3rem}

	.popupwrap.pop-pw h2 {font-size:1.5rem}
	.popupwrap.pop-pw .boardwrite {margin:1.5rem 0 2rem 0}

	.popupwrap.pop_password {width:100%; height:auto}
	.popupwrap.pop-password h2 {font-size:1.5rem}
	.popupwrap.pop-password .boardwrite {margin:1.5rem 0 2rem 0}
	.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:30%}
	.popupwrap.pop-password .popcontents {padding-bottom:3rem}

	.popupwrap.pop-mailto {width:100%; height:auto}
	.popupwrap.pop-mailto .boardwrite {margin:4rem 0 3rem 0}
	.popupwrap.pop-mailto .boardwrite > div > ul > li .email .optionbox {width:30%}

	.popupwrap.pop-filterselect {width:100%; height:auto}
	.popupwrap.pop-filterselect .popcontents {overflow-y:hidden}
	.popupwrap .layerbox {position:relative; left:0; top:0; width:auto; height:37rem; padding:0; background:#fff; box-shadow:0 0 0}
	.popupwrap .layerbox fieldset {clear:both; position:relative; left:0; top:0; width:100%; height:6rem; padding:0 0 2rem 0; margin-bottom:2rem; border-bottom:1px solid #ddd}
	.popupwrap .layerbox fieldset p {padding-right:0}
	.popupwrap .layerbox fieldset p .inpbox {display:block; width:100%; height:4rem; background:transparent}
	.popupwrap .layerbox fieldset p .inpbox input {width:100%; height:3.8rem; padding:0 10px; background:0; border:0; font-size:1.5rem}
	.popupwrap .layerbox fieldset button {position:absolute; right:0; top:0; width:4rem; height:4rem; background:#666 url('../images/icon_search_03.png') no-repeat 50%; font-size:0; text-indent:-99999rem}
	.popupwrap .layerbox .selectlist {position:relative; clear:both; overflow:hidden; padding:0}
	.popupwrap .layerbox .selectlist .all-reset {position:absolute; right:57%; top:73%; display:block; width:15rem}
	.popupwrap .layerbox .selectlist .all-reset a {display:inline-block; padding:0 2rem 0 0; background:url('../images/icon_reset.png') no-repeat 100% 50%; background-size:1.5rem auto; text-decoration:none; color:#666; font-size:1.4rem}
	.popupwrap .layerbox .selectlist dl {clear:both; overflow:hidden; margin:0 0 2.9rem 0}
	.popupwrap .layerbox .selectlist dl dt {margin:0 0 0.8rem 0; color:#333; font-size:1.5rem}
	.popupwrap .layerbox .selectlist dl dd a {float:left; width:50%; height:3.5rem; line-height:3.5rem; font-size:1.5rem}
	/*.popupwrap .layerbox .selectlist dl dd a:hover {background:#023377; color:#fff}*/
	.popupwrap .layerbox .selectlist dl dd a.on {border:1px solid #023377; background:#023377; color:#fff}
	.popupwrap .layerbox .selectlist dl dd a:first-child {border-width:1px}
	.popupwrap .layerbox .selectlist dl dd a:nth-child(5) {border-width:1px}
	.popupwrap .layerbox .selectlist dl dd.weekend a {width:25%}
	.popupwrap .layerbox .selectlist dl dd.weekend a:nth-child(5) {border-top:0}
	.popupwrap .layerbox .selectlist dl dd.weekend a:nth-child(6) {border-top:0}
	.popupwrap .layerbox .selectlist dl dd.weekend a:nth-child(7) {border-top:0}
	.popupwrap .layerbox .selectlist dl dd.weekend a:nth-child(8) {border-top:0}
	.popupwrap .layerbox .selectlist .btncenter {padding-top:2rem}
	.popupwrap .layerbox .selectlist .btncenter button {width:100%; height:4rem; background:#666; font-size:1.6rem; font-weight:600; color:#fff}
	.popupwrap .layerbox .selectlist .btncenter button:hover {background:#023377}

	.popupwrap.pop-confirm .boardwrite {margin:0 }
	.popupwrap.pop-confirm .boardwrite > div > span {text-align:left}
	.popupwrap.pop-confirm .boardwrite > div > ul > li .email .inpbox {width:26% !important}
	.popupwrap.pop-confirm .boardwrite > div > ul > li .email .optionbox {width:37% !important; margin:0 0 0 2%}

	.popupwrap.pop-confirm-club .boardwrite {margin:0 }
	.popupwrap.pop-confirm-club .boardwrite > div > span {text-align:left}
	.popupwrap.pop-confirm-club .boardwrite > div > ul > li .email .inpbox {width:26% !important}
	.popupwrap.pop-confirm-club .boardwrite > div > ul > li .email .optionbox {width:37% !important; margin:0 0 0 2%}

	.popupwrap.pop-main {top:10% !important; height:auto}
	.popupwrap.pop-main .maintext {font-size:1.5rem}
	.popupwrap.pop-main .maintext span {margin-bottom:2rem}
	.popupwrap.pop-main .maintext strong {margin-bottom:2rem;font-size:2.2rem; line-height:1.315}
	.popupwrap.pop-main .maintext p {margin-bottom:2rem}
	.popupwrap.pop-main .maintext em {color:#023377}
	.popupwrap.pop-main .btncenter {margin-bottom:2rem}
	.popupwrap.pop-main .btncenter button {width:100%}

    #supportproject .boardwrite ul > li .insert-file .filedown .filename {width:79%; margin-right:1.5%; padding-left:4rem; background-size: 1.6rem auto; background-position:1rem 50%}
    #supportproject .boardwrite ul > li .insert-file .filedown .btn-down {width:18.5%; font-size:1.4rem}

    #supportproject .popupwrap {position:fixed}

    .pop-expense .datebox {width:100%}
    .pop-expense .optionbox {width:100% !important}
	.pop-expense .boardwrite {margin:0}

	/* 2020.06.01 */
	#supportproject .popupwrap.pop-confirm h2 {margin-bottom:0;}
	#supportproject .popupwrap.pop-clubsearch h2 {margin-bottom:1.2rem;}
}

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


@media screen and (max-width:768px) {
	html {font-size:12px}
    .nbsp{display: none;}

	/* kbh0007 */
	body#main .header h1 a {background:url('../images/logo_only.png') no-repeat 0% !important;}
	body#information .header h1 a {background:url('../images/logo_only.png') no-repeat 0% !important;}
	.header a.change {margin-top:15px;}
}

@media screen and (max-width:480px) {
	html {font-size:10px}
    .nbsp{display: none;}

	/* kbh0007 */
	.container .pagenavi > ul > li ul li a {height:2rem; padding:0 1rem; line-height:2rem; font-size:12px;}
	/* .header h1 {width:6rem; height:5.9rem; margin-left:1.4rem} */
	.header h1 {width:60px; height:60px; margin-left:1.4rem}
	body#main .header h1 a {background:url('../images/logo_only.png') no-repeat 0% !important;}
	body#information .header h1 a {background:url('../images/logo_only.png') no-repeat 0% !important;}
}

@media screen and (min-width:320px) and (max-width:374px) {
	html {font-size:9px}
    .nbsp{display: none;}
}

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


/*2020.10.9추�??*/
.bg-soft-gradient:before,
	.bg-gradient{
		background: #448dff; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #448dff 0%, #c227ff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #448dff 0%,#c227ff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #448dff 0%,#c227ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

.bg-soft-gradient1:before,
	.bg-gradient1{
		background: #26fee6; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #26fee6 0%, #017af2 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #26fee6 0%,#017af2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #26fee6 0%,#017af2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

.ing img {
    height: auto;
    max-width: 100%;
}




/* ################################################################################ for Test, Debug */
.brdR {border:1px solid red;}
.brdB {border:1px solid blue;}
.brdV {border:1px solid violet;}
.brdG {border:1px solid green;}
.brdY {border:1px solid yellow;}
.brdW {border:1px solid white;}
.brdR2 {border:2px solid red;}
.brdB2 {border:2px solid blue;}
.brdV2 {border:2px solid violet;}
.brdG2 {border:2px solid green;}
.brdY2 {border:2px solid yellow;}
.brdW2 {border:2px solid white;}
.brdR4 {border:2px solid red;}
.brdB4 {border:2px solid blue;}
.brdV4 {border:2px solid violet;}
.brdG4 {border:2px solid green;}
.brdY4 {border:2px solid yellow;}
.brdW4 {border:2px solid white;}

.brdGr {border:1px solid #DEDEDE;}
.brdGr2 {border:2px solid #DEDEDE;}
.brdGr4 {border:4px solid #DEDEDE;}

.border-none {border:0px !important;}
.border-tb2 {border-top:2px solid var(--color-blue);}
.border-calendar {border:1px solid #AAA;}

.bgR {background-color:red;}
.bgB {background-color:blue;}
.bgV {background-color:violet;}
.bgG {background-color:green;}
.bgY {background-color:yellow;}