@charset "utf-8";

/* container */
#container {padding:165px 0 100px; overflow:hidden;}

/* content */
#content {}
#content:after {clear:both; display:block; content:'';}

.page_wrap {}
.page_wrap:after {clear:both; display:block; content:'';}

/* icon_set */
.icon_set {position:relative; height:26px; line-height:26px; padding-left:35px;}
.icon_set:before {position: absolute; content: ''; left: 0; top: -4px; display: block; width: 26px; height: 26px; background: url("../../inc/img/common/icon-set.png") no-repeat 0 0; z-index: 1;}

.icon_set.icon_info:before {background-position:0 0;}
.icon_set.icon_calendar:before {background-position:-26px 0}
.icon_set.icon_user:before {background-position:-52px 0}

/* radio checkbox */
.form_design {min-width:100px; margin:3px 10px 3px 0; display:inline-block;}
.form_design:first-child {}
.form_design input[type="checkbox"] {display:none;}
.form_design input[type="checkbox"] + label {cursor:pointer; font-weight:500}
.form_design input[type="checkbox"] + label span {display:inline-block; width:26px; height:26px; margin:-2px 5px 0 0; vertical-align:middle; background:url("../../inc/img/common/icon-set.png") no-repeat -26px -78px; cursor:pointer;}
.form_design input[type="checkbox"]:checked + label span {background:url("../../inc/img/common/icon-set.png") no-repeat -26px -104px;}

.form_design input[type="radio"] {display:none;}
.form_design input[type="radio"] + label {cursor:pointer; font-weight:500}
.form_design input[type="radio"] + label span {display:inline-block; width:26px; height:26px; margin:-2px 5px 0 0; vertical-align:middle; background:url("../../inc/img/common/icon-set.png") no-repeat 0 -78px; cursor:pointer;}
.form_design input[type="radio"]:checked + label span {background:url("../../inc/img/common/icon-set.png") no-repeat 0 -104px;}

/* filebox */
.filebox {margin-top:5px;}
.filebox:first-child {margin-top:0;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.filebox .upload-name {float:left; display:inline-block; padding:0 20px; height:48px; font-size:inherit; font-family:inherit; line-height:normal; vertical-align:middle; background-color:#e5e5e5; -webkit-appearance:none; -moz-appearance:none; width:410px; color:#444;}
.filebox label {display:inline-block; padding:0 20px; font-size:inherit; height:48px; line-height:48px; background-color:#358bd6; color:#fff; cursor:pointer; border-radius:48px; margin-left:7px; width:140px; text-align:center;}

/* select_list */
.select_list {position: relative; width: 150px; border: 1px solid #999; z-index: 1;}
.ranking section .select_list {position: absolute; top:70px; right:80px; width: 420px; border: 1px solid #999; z-index: 1;}
.select_list.focus {border-color: #66afe9;}
.select_list:before {content: ""; position: absolute; top: 6px; right: 12px; height: 7px; width: 7px; border-style: solid; border-color: #999; border-width: 0px 1px 1px 0px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.select_list label {position: absolute; top: 0; left: 0; width:95%; padding:4px 10px; overflow:hidden; font-size:12px; z-index: -1;}
.select_list select {width: 100%; height: auto; line-height: normal; padding: 3px 5px; border: 0; opacity: 0; filter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.select_list select option {font-size:12px;}

/* pagenate */
.pagenate {width:100%; text-align:center; margin:25px auto 0;}
.pagenate li {display:inline-block;}
.pagenate li:first-child {margin-left:0px;}
.pagenate li a {display:inline-block; text-decoration:none; padding:0; width:26px; height:26px; line-height:26px; margin-left:0; font-size:13px;}
.pagenate li a.navi {margin-left:2px; text-indent:-9999em; background:url("../../inc/img/common/icon-set.png") no-repeat 0 0;}
.pagenate li a.navi.first {background-position:0 -26px;}
.pagenate li a.navi.prev {margin-right:10px; background-position:-26px -26px;}
.pagenate li a.navi.next {margin-left:10px; background-position:0 -52px;}
.pagenate li a.navi.last {background-position:-26px -52px;}
.pagenate li a.current {color:#fff; background-color:#53a8ad;}

.pagenate02 {width:100%; margin:25px 0 0;}
.pagenate02 li {display:inline-block; text-align:center;}
.pagenate02 li:first-child {margin-left:0px;}
.pagenate02 li a {display:inline-block; text-decoration:none; padding:0; width:22px; height:26px; line-height:26px; margin-left:0; font-size:12px; font-weight:500;}
.pagenate02 li a.current {color:#53a8ad;}

/* table */
.tbl {width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid #000; border-bottom:1px solid #e7e7e7; margin-bottom:15px; overflow:hidden;}
.tbl th {padding:15px 0; border-top:1px solid #e7e7e7; word-break:keep-all; vertical-align:middle; text-align:center; background:#f0f0f0}
.tbl td {vertical-align:middle; text-align:left; padding:12px 30px; border-top:1px solid #e7e7e7; color:#444; font-weight:500;}
.tbl td a {display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tbl td .board_icon {float:left; margin:2px 10px 0 0;}
.tbl .search_input {width: calc(100% - 230px);}

.tbl .view_con {}
.tbl .view_con dl {margin-bottom:30px;}
.tbl .view_con li {margin:5px 0;}
.tbl .view_con a {display:inline; white-space:inherit;}

/* table head */
.tbl_head {margin-bottom:15px;}
.tbl_head:after {clear:both; display:block; content:'';}

.tbl_head .list_tot {float:left; height:36px; line-height:36px;}
.tbl_head .list_tot strong {font-weight:500; color:#11a5a9}
.tbl_head .list_search {float:right}
.tbl_head .list_search .select_list {float:left; width: 70px; background: #fff; display: inline-block; height: 36px; vertical-align: top; border-color:#e7e7e7;}
.tbl_head .list_search .select_list:before {top:12px}
.tbl_head .list_search .select_list label {width:100%; padding:9px 10px;}
.tbl_head .list_search .select_list select {padding:8px 5px;}
.tbl_head .list_search input[type="text"] {float:left; margin-left: 5px; width:240px; font-size:12px;}
.tbl_head .list_search input[type="button"] {float:left; margin-left: 5px; width:70px;}

/* post_list */
.post_list {margin-top:30px; width:100%; table-layout:fixed; border-collapse:collapse; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; margin-bottom:15px;}
.post_list th {padding:15px 0; border-top:1px solid #e7e7e7; word-break:keep-all; vertical-align:middle; text-align:center; background:#f0f0f0}

.post_list .post_prev {position:relative; padding-left:25px;}
.post_list .post_prev:before {position: absolute; content: ''; left: 0; top: -2px; display: block; width: 26px; height: 26px; background: url("../../inc/img/common/icon-set.png") no-repeat -52px -78px;}
.post_list .post_next {position:relative; padding-left:25px;}
.post_list .post_next:before {position: absolute; content: ''; left: 0; top: -2px; display: block; width: 26px; height: 26px; background: url("../../inc/img/common/icon-set.png") no-repeat -52px -104px;}

.post_list td {vertical-align:middle; text-align:left; padding:15px 30px; border-top:1px solid #e7e7e7; color:#444; font-weight:500;}
.post_list td a {display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* page title, location */
.page_head {position:relative; padding:0 0 20px; text-align:center;}
.page_head:after {clear:both; display:block; content:'';}
.page_head h2 {font-size:40px; font-weight:700; margin-bottom:15px; line-height:1.1}
.page_head h2 + p {font-size:17px; color:#444; padding-bottom:35px}

.page_head .location {position:absolute; top:-40px; right:0; font-weight:400; letter-spacing:0;}
.page_head .location ul {display:table; float:right;}
.page_head .location ul li {position:relative; padding:0 8px 0 12px; display:table-cell; font-size:12px;}
.page_head .location ul li:before {content:''; display:block; width:4px; height:4px; border-top:1px solid #777; border-right:1px solid #777; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:0; top:50%; margin-top:-2px;}

.page_head .location ul li.ico_home:before {display:none;}

.page_head .location .page_head .location .css_ico {position:relative; z-index:1; overflow:hidden; list-style:none; padding:0; margin:0 0 0.25em;}
.page_head .location .css_ico a:link, .page_head .location .css_ico a:visited {display:block; border:0; /*text-indent:-9999em; */color:#777; padding-left:7px;}
.page_head .location .css_ico:before, .page_head .location .css_ico:after, .page_head .location .css_ico a:before, .page_head .location .css_ico a:after {content:""; position:absolute; top:50%; left:0;}
.page_head .location .css_ico a:before, .page_head .location .css_ico a:after {margin:-8px 0 0; background:#777;}

.page_head .location .ico_home a:before {left:1px; border-style:solid; border-color:transparent; border-width:6px 7.5px 6.5px 6.5px; border-bottom-color:#777; margin-top:-12px; background:transparent;}
.page_head .location .ico_home a:after {left:3px; width:3px; height:3px; border-style:solid; border-color:#777 #777 transparent; border-width:3px 3px 0; margin-top:0; background:transparent;}
.page_head .location .ico_home a:hover:before, .page_head .location .ico_home a:focus:before, .page_head .location .ico_home a:active:before {border-bottom-color:#333; background:transparent;}
.page_head .location .ico_home a:hover:after, .page_head .location .ico_home a:focus:after, .page_head .location .ico_home a:active:after {border-color:#333 #333 transparent;}

.page_head .location ul li a {color:#777;}
.page_head .location ul li a:hover,
.page_head .location ul li a:focus,
.page_head .location ul li a:active,
.page_head .location ul li.current a {color:#000;}

/* ranking */
.ranking {}
.ranking section {position:relative; margin-top:20px; padding:60px 80px 70px; border:1px solid #f0f0f0; background-color:#fff;}
.ranking section:after {clear:both; display:block; content:'';}
.ranking section:first-child {margin-top:0;}

.ranking section h2 {font-size:30px; font-weight:700; width:calc(100% - 430px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ranking section .sub_copy {width:calc(100% - 100px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ranking section .btn_more {position:absolute; top:102px; right:80px;}
.ranking section > ol {margin-top:25px;}
.ranking section > ol:after {clear:both; display:block; content:'';}
.ranking section > ol > li {position:relative; float:left; width:22.2008%; margin-left:2.8158%;}
.ranking section > ol > li:first-child {width:23.1660%; margin:0 1.7375% 0 0;}
.ranking section > ol > li:first-child dd {display:none;}

.ranking section > ol > li a {display:block;}
.ranking section > ol > li img {display:block; margin:0 40px 20px 0; vertical-align:top;
	-webkit-box-shadow:3px 5px 7px 1px rgba(0,0,0,0.3);
	-moz-box-shadow:3px 5px 7px 1px rgba(0,0,0,0.3);
	-o-box-shadow:3px 5px 7px 1px rgba(0,0,0,0.3);
	box-shadow:3px 5px 7px 1px rgba(0,0,0,0.3);
}
.ranking section li:first-child img {border:1px solid #f0f0f0; padding:4px;}

.ranking section > ol > li.last:before { content:''; position:absolute; top:-5px; left:-5px; width:105%; height:105%; background:#333; z-index:9; opacity: 0.5; filter: alpha(opacity=50);}
.ranking section > ol > li.last img {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none
}

.ranking section > ol > li .reward {color:#11a5a9 !important; font-weight:500; margin-bottom:15px;}
.ranking section > ol > li dl {}
.ranking section > ol > li dt {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space: normal; word-break:keep-all; height:50px; line-height:24px; font-size:18px; font-weight:500;}
.ranking section > ol > li dd {margin-top:15px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space: normal; word-break:keep-all; height:40px; line-height:20px;}
.ranking section > ol > li dd a {display:inline-block;}

.ranking.list section ol {margin:0;}
.ranking.list section > ol > li {width: 22.2008%; margin:0 1.3996% 7%;}
.ranking.list section > ol > li:first-child {}
.ranking.list section > ol > li:first-child dd {display:block;}
.ranking.list section > ol > li:first-child img {border:none; padding:0;}

/* poster */
.poster {width:1040px; margin:0 auto 95px;}
.poster:after {clear:both; display:block; content:'';}

.poster .fl {float:left; width:560px;}
.poster .fl img {vertical-align:top; border:1px solid #f0f0f0}

.poster_etc {position:relative; padding:15px; line-height:26px; border:1px solid #f1f1f1; background:#fff}
.poster_etc:after {clear:both; display:block; content:'';}
.poster_etc .poster_like {float:left}
.poster_etc .poster_like a {display:inline-block; width:26px; height:26px; background:url("../../inc/img/common/icon-set.png") no-repeat -52px -26px;}
.poster_etc .poster_like a.on {background-position:-52px -52px;}
.poster_etc .poster_like a em {display:block; text-indent:-9999em;}
.poster_etc .poster_like span {font-size:16px; font-weight:500; padding-left:10px;}

.poster_etc .poster_share {float:right; width:26px; height:26px; background:url("../../inc/img/common/icon-set.png") no-repeat -78px -26px;}
.poster_etc .poster_share span {display:block; text-indent:-9999em;}

.poster .fr {float:right; width:420px;}
.poster .fr .select_list {width:100%; margin-bottom:20px;}
.poster .fr h2 {margin:0 0 20px; font-size:30px; font-weight:700; line-height:1.1;}
.poster .fr h2 + p {color:#444}

.poster .fr dl {border-radius:5px; background:#ecf0f3; padding:18px 20px; margin-top:5px; display:table;}
.poster .fr dl:first-child {margin-top:0;}
.poster .fr dl:after {clear:both; display:block; content:'';}
.poster .fr dl dt, .poster .fr dl dd {display:table-cell; vertical-align:middle;}

.poster .fr dl dt {width:118px; font-weight:500}
.poster .fr dl dd {width:255px;}

.poster.re01 {width:946px; height:415px; border:1px solid #f0f0f0; background:#fff;}
.poster.re01 .fl {width:43.5517%; height:100%; border-right:1px solid #f0f0f0; overflow:hidden}
.poster.re01 .fl img {border:none; width:100%; min-height: 413px;}
.poster.re01 .fr {width:44.3974%; margin-right:4.7568%;}
.poster.re01 .fr h2 {margin:65px 0 45px; text-align:center; word-break: keep-all;}
.poster.re01 .fr h2 + p {border-radius:5px; background:#ecf0f3; padding:18px 20px;}

.poster_select {margin:0 0 30px;}
.poster_select .select_list {width:420px; margin:0 auto;}
.poster_select .select_list label {padding:10px; font-size:13px; font-weight:500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.poster_select .select_list select {padding:9px 5px;}
.poster_select .select_list:before {top:12px;}

/* exhibition */
.exhibition {border:1px solid #f0f0f0; background:#fff;}
.exhibition.info {padding:45px;}
.exhibition.info dl {}
.exhibition.info dt {font-weight:500; margin-top:35px;}
.exhibition.info dt:first-child {margin-top:0;}
.exhibition.info dd {}

.exhibition.panel {text-align:center}
.exhibition.youtube {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.exhibition.youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* comment */
.comment {margin-top:45px; border-top:1px solid #e6e6e6}
.comment:after {clear:both; display:block; content:'';}
.comment ul {}
.comment li {display:table; width:100%; padding:35px 0; border-bottom:1px solid #e6e6e6}
.comment li span {position:relative; display:table-cell; vertical-align:middle; font-size:16px; font-weight:500;}
.comment li .name {width:185px; padding:0 30px;}
.comment li .comment_content {padding:0 20px;}
.comment li .comment_content:before {content:""; position:absolute; top:50%; left:0; margin-top:-15px; width:1px; height:30px; background:#d4d4d4;}
.comment li .date {width:140px; text-align:center; font-size:12px}

.comment_input {position:relative; margin:25px 0 0; padding:40px 25px 0; height:100px; border: 1px solid #53a8ad; background:#fff;}
.comment_input textarea {float:left; border: none; padding: 0; height: 24px; width:calc(100% - 150px); color: #d4d4d4; background-color: #fff; line-height: 1.1; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size:16px; resize:none; white-space: nowrap;}
.comment_input textarea:focus {color:#000;}

.comment_input input[type="button"] {position:absolute; top:-1px; right:-1px; width:100px; height:100px; padding:0; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:0;
display: inline-block; font-size:16px; font-weight:500; background-color:#53a8ad; color:#fff;}
.comment_input input[type="button"]:hover, .comment_input input[type="button"]:active, .comment_input input[type="button"]:focus {-webkit-transition: all 0.4s ease; transition: all 0.4s ease; background:#027b7e;}

/* idea_list */
.idea_list {}
.idea_list:after {clear:both; display:block; content:'';}
.idea_list .select_list {float:right;}
.idea_list .ranking.list {clear:both; float:left; width:100%; margin-top:15px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:45px 0;}

.idea_list .ranking.list section .no_list {width:100%; margin:0; text-align:center; font-weight:700;}

/* idea_block */
.idea_block {}
.idea_block section {padding:50px 0; border-bottom:1px solid #e7e7e7;}
.idea_block section:first-child {padding-top:0}

.idea_block .con_block {position:relative; margin-top:40px;}
.idea_block .con_block:first-child {margin-top:0;}
.idea_block .con_block .title_h3 + p {margin-bottom:20px; font-size:14px;}
.title_h3 {position: relative; margin: 0 0 20px; font-size: 20px; line-height: 20px; font-weight: 700; color: #11a5a9; letter-spacing: -1px;}

.idea_block .con_block textarea {height:100px; resize:none;}
.idea_block .con_block .abs_TR {position:absolute; top:0; right:0;}
.idea_block .con_block .abs_TR .form_design {min-width:inherit; margin-left:20px;}

.text_box {margin-bottom:20px; padding:30px; border:1px solid #e5e5e5; background:#f0f0f0; font-size:13px; color:#444;}

.con_footer {margin-top:20px; display:table; width:100%;}
.con_footer .t_cell {display:table-cell; vertical-align:middle;}

.con_footer.t_cell02 > .t_cell {}
.con_footer.t_cell02 > .t_cell + .t_cell {width:212px; padding-left:20px;}

.con_footer.t_cell03 > .t_cell {width:52%;}
.con_footer.t_cell03 > .t_cell + .t_cell {width:85%;}
.con_footer.t_cell03 > .t_cell + .t_cell + .t_cell {width:192px;}
.con_footer.t_cell03 > .t_cell + .t_cell + .t_cell.button span {display:block !important}

.idea_block .button.middle {min-width:192px;}
.idea_block .t_cell02 .button.middle {min-width:94px;}

.idea_block .con_block .tbl {margin-top:30px;}
.idea_block .tbl td {padding:15px 8px;}
.idea_block .tbl.align_center td {text-align:center;}
.idea_block .in_03 input[type="text"] {width:50px}
.idea_block .in_03 input[type="text"] + input[type="text"] {width:60px}
.idea_block .scroll_tbl {width:100%; overflow-x: auto}
.idea_block .scroll_tbl .tbl {width:1200px;}

.idea_block .title_h3 + .scroll_tbl .tbl {margin-top:0;}



.idea2_block {}
.idea2_block section {padding:20px 0;}
.idea2_block section:first-child {padding-top:0}

.idea2_block .con_block {position:relative; margin-top:40px;}
.idea2_block .con_block:first-child {margin-top:0;}
.idea2_block .con_block .title_h3 + p {margin-bottom:20px; font-size:14px;}
.title_h3 {position: relative; margin: 0 0 20px; font-size: 20px; line-height: 20px; font-weight: 700; color: #11a5a9; letter-spacing: -1px;}

.idea2_block .con_block textarea {height:100px; resize:none;}
.idea2_block .con_block .abs_TR {position:absolute; top:0; right:0;}
.idea2_block .con_block .abs_TR .form_design {min-width:inherit; margin-left:20px;}

.idea2_block .button.middle {min-width:192px;}
.idea2_block .t_cell02 .button.middle {min-width:94px;}

.idea2_block .con_block .tbl {margin-top:30px;}
.idea2_block .tbl td {padding:15px 8px;}
.idea2_block .tbl.align_center td {text-align:center;}
.idea2_block .in_03 input[type="text"] {width:50px}
.idea2_block .in_03 input[type="text"] + input[type="text"] {width:60px}
.idea2_block .scroll_tbl {width:100%; overflow-x: auto}
.idea2_block .scroll_tbl .tbl {width:1200px;}

.idea2_block .title_h3 + .scroll_tbl .tbl {margin-top:0;}

/* Slider */
.slick-slider {position: relative; display: block; 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; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.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; margin-left: auto; margin-right: auto;}
.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; 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; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.slick-dots {position: absolute; bottom: 15px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {font-size: 40px; line-height: 10px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {opacity: .75; color: #11a5a9;}

.poster_slides .nextArrowBtn{position: absolute; z-index: 10; top: 130px; right: 0; width:70px; height:70px; background:url("../../inc/img/common/btn-slide-next.png") no-repeat 0 0; cursor:pointer;}
.poster_slides .prevArrowBtn{position: absolute; z-index: 10; top: 130px; left: 0; width:70px; height:70px; background:url("../../inc/img/common/btn-slide-prev.png") no-repeat 0 0; cursor:pointer;}

/* media */
@media all and (max-width:1240px) {
    /* poster */
    .poster.re01 {width:100%; max-width:946px}
}

/* mobile */
@media all and (max-width:1024px) {
    #container {padding:90px 0 50px; overflow:hidden;}
    .page_head .location {display:none;}
    .page_head h2 {margin-bottom:5px;}
    .page_head h2 + p {padding-bottom: 0}

    /* ranking */
    .ranking section {padding:30px 40px;}
    .ranking section .select_list {top:40px; right: 40px;}
    .ranking section .btn_more {top:72px; right:40px;}
    .ranking section .btn_more a {font-size:12px;}

    .ranking section > ol > li .reward {margin-bottom:5px;}
    .ranking section > ol > li dt {height: 40px; line-height: 20px; font-size:16px;}
    .ranking section > ol > li dd {margin-top:5px}

    /* poster */
    .poster.re01 {margin-bottom:20px;}
    .exhibition.info {padding:20px;}
}

@media all and (max-width:959px) {
    /* page_head */
    .page_head h2 {font-size:30px;}
    .page_head h2 + p {font-size:15px;}

    /* ranking */
    .ranking section h2 {font-size:22px;}
    .ranking section .select_list {top:33px}
    .ranking section .btn_more {top:60px;}

    /* poster */
    .poster.re01 {height:300px;}
    .poster.re01 .fl img {min-height:298px;}
    .poster.re01 .fr h2 {font-size:26px;}

    /* tbl_search */
    .tbl_search .search_input {display:block; width:100%; margin-top:5px;}

    .con_footer.t_cell03 > .t_cell {display:block; width:100%;}
    .con_footer.t_cell03 > .t_cell + .t_cell {width:calc(100% - 205px); display:inline-block}
    .con_footer.t_cell03 > .t_cell + .t_cell + .t_cell {margin-left:5px;}
}

@media all and (max-width:767px) {
	.page_head h2 + p {text-align:left;}
	.page_head h2 + p br {display:none;}
    /* ranking */
    .ranking section {padding:55px 20px 20px;}
    .ranking.list section {padding:30px 20px 20px;}
    .ranking section h2 {width:100%;}

    .ranking section .select_list {top:20px; right:auto; width:calc(100% - 40px)}
    .ranking section .btn_more {top:85px; right:20px;}

    .ranking section > ol {margin-top:10px;}
    .ranking section > ol > li dt {font-size:14px;}
    .ranking section > ol > li dd {font-size:12px;}

    .poster_select {margin-bottom:20px;}
    /* poster */
    .poster.re01 .fr h2 {margin:40px 0 30px;}

    /* comment */
    .comment li {padding:10px 0;}
    .comment li span {display:inherit; text-align: left;}
    .comment li .name {display:block; width:100%;  padding:0; font-size:14px; margin-bottom:5px;}
    .comment li .comment_content {padding:0; font-size:13px; line-height:22px; padding-left:20px;}
    .comment li .comment_content:before {display:none;}
    .comment li .date {padding:0; text-align: left; color:#ccc; font-weight: 400; padding-left:20px;}

    /* pagenate02 */
    .pagenate02 {text-align: center}

    /* comment */
    .comment_input {padding:0; border:none; height:auto}
    .comment_input textarea { height:30px; line-height:30px; width: calc(100% - 85px); padding:0 10px; font-size:14px; border:1px solid #53a8ad; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }
    .comment_input input[type="button"] {top:auto; font-size:14px; width:auto; min-width:80px; height:30px; line-height: 30px; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }

    /* table */
    .tbl_search colgroup {display:none;}
    .tbl_search th,
    .tbl_search td {display: block; width:100%; padding:10px; text-align: left; float:left;}

    /* tbl_list */
    .tbl_head .list_tot,
    .tbl_head .list_search {float:none; display:block; width:100%;}
    .tbl_head .list_search input[type="text"] {width:calc(100% - 166px)}
    .tbl_list colgroup,
    .tbl_list thead {display:none;}
    .tbl_list tbody tr td {display:block; padding:10px; font-size:12px; border-top:none; border-top:1px solid #e7e7e7; float:left; width:100%;}
    .tbl_list tbody tr td.align_center {display:inline-block; border:none; padding-top:0; width:auto;}
    .tbl_list tbody tr td:first-child {display:none;}
    .tbl_list tbody td a img {width:18px;}

    /* table_view */
    .tbl_view {table-layout: auto}
    .tbl_view colgroup,
    .tbl_view th {display:none; padding:5px 10px; font-size:13px; }
    .tbl_view td {float:left; width:auto; display: inline-block; padding:10px; text-align: left; font-size:13px; color:#555; border:none;}
    .tbl_view td[colspan] {float:none; display: block; width:100%;}
    .tbl_view tr {border-top:1px solid #e7e7e7;}
    .tbl_view tr:first-child {border-top:none;}

    .tbl_view.type02 td {font-size:12px;}
    .tbl_view.type02 .re_td {width:calc(100% - 100px); font-size:13px;}

    /* post_list */
    .post_list {margin-top:20px;}
    .post_list colgroup {display:none;}
    .post_list th,
    .post_list td {padding:10px; font-size:12px;}
    .post_list th {width:100px;}

    .post_list .post_prev,
    .post_list .post_next {padding:0;}
    .post_list .post_prev:before,
    .post_list .post_next:before {display:none;}

    /* tbl_qna */
    .tbl_qna colgroup {display:none}
    .tbl_qna th,
    .tbl_qna td {padding:10px; font-size:12px;}
    .tbl_qna th {width:100px;}

    /* idea */
    .idea_block .tbl th {padding:10px 0;}
    .idea_block .tbl td {padding:10px 8px;}
    .filebox .upload-name {height:34px; line-height: 32px; padding:0 10px; width:calc(100% - 147px); font-size:14px;}
    .filebox label {height:34px; line-height: 32px; padding:0 10px; min-width:100px; font-size:15px;}

    /* btn */
    .btn_set {margin:20px 0;}
    .button {height:34px; line-height: 32px; padding:0 10px; min-width:100px; font-size:15px;}

    /* popup */
    #wrap_popup {width:100%; padding:0 20px}
    #container_popup {padding:30px 0;}
}

@media all and (max-width:639px) {
    /* page_head */
    .page_head h2 {font-size:22px;}
    .page_head h2 + p {font-size:13px;}

    /* ranking */
    .ranking section h2 {font-size:16px;}
    .ranking section .sub_copy {font-size:12px;}
    .ranking section .btn_more {top:75px;}

    .ranking section > ol > li:first-child {display:block; width:100%; margin:0 0 20px; text-align: center}
    .ranking section > ol > li:first-child a {display:inline-block; max-width:160px;}
    .ranking section li:first-child img {margin:0 0 20px;}

    .ranking.list section > ol > li {width: 46%; margin: 0 2% 20px;}
    .ranking.list section > ol > li:first-child {display: inherit; width: 46%; margin: 0 2% 20px; text-align: inherit;}
    .ranking.list section > ol > li:first-child a {max-width:120px; display:inherit;}
    .ranking.list section li:first-child img {margin:0 0 20px;}
    .ranking section > ol > li dd .button { font-size:11px; min-width: auto; height:18px; line-height:18px; padding:0 3px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
	/*.ranking section > ol > li  img {min-height: 120px; min-width: 120px; max-width: 120px; max-height: 120px;}*/

    .ranking section > ol > li {width: 31%; margin: 0 1.1%;}
    .ranking section > ol > li a {max-width:120px; margin:0 auto;}

    .poster_select .select_list {width:100%; max-width:420px;}
    /* poster */
    .poster.re01 {height:auto; padding:20px;}
    .poster.re01 .fl,
    .poster.re01 .fr {float:none; width:100%; margin:0;}
    .poster.re01 .fl {max-width:200px; margin:0 auto;}
    .poster.re01 .fl img {min-height:auto;}
    .poster.re01 .fr h2 {font-size:18px; margin:20px 0 10px;}
    .poster_etc {padding:5px; max-width:260px; margin: 0 auto;}
    .poster_etc .poster_like span {font-size:13px; padding-left:25px;}
    .poster_etc .poster_like a {position:absolute; top:12px; left:10px; width:13px; height:13px; background-position: -26px -13px; background-size:65px auto;}
    .poster_etc .poster_share {position:absolute; top:12px; right:10px; width:13px; height:13px; background-position: -39px -13px; background-size:65px auto;}
    .poster.re01 .fr h2 + p {padding:10px; font-size: 13px;}

    /* idea */
    .idea_block {font-size:12px;}
    .idea_block section {padding:20px 0;}
    .title_h3 {font-size:16px;}
    .con_footer.t_cell02 > .t_cell {display:block}
    .con_footer.t_cell02 > .t_cell + .t_cell {padding:0; margin:10px auto 0;}

    .con_footer.t_cell03 > .t_cell + .t_cell {display:block; width:100%;}
    .con_footer.t_cell03 > .t_cell + .t_cell + .t_cell {margin:10px auto 0;}

    .idea_block .con_block .abs_TR {position: relative; top:auto; right: auto; margin: 0 auto 10px; width: 192px; display: block;}

    /* popup */
    #wrap_popup {font-size:12px;}
}

@media all and (max-width:479px) {
    /* ranking */
    .ranking section > ol > li:first-child a {max-width:120px;}
    .ranking section > ol > li a {max-width:80px;}
    .ranking section > ol > li img {margin-bottom:10px;}
    .ranking section > ol > li .reward {font-size:12px;}
    .ranking section > ol > li dt {height: 30px; line-height: 15px; font-size:12px;}
    .ranking section > ol > li dd {height: 30px; line-height: 15px; font-size:11px;}

    .ranking.list section > ol > li:first-child {display: inherit; width: 46%; margin: 0 2% 20px; text-align: inherit;}
    .ranking.list section li:first-child img {margin:0 0 10px;}
    .ranking.list section > ol > li a {max-width:120px;}

    /* table_view */
    .tbl_view td {float:none; width:100%; display: block; float:left;}
    .tbl_view td ~ td {}
    .idea_list .select_list {float:none; width:100%;}

    .tbl_view.type02 td {width:auto; display: inline-block;}
    .tbl_view.type02 .re_td {width:100%;}
    .tbl_view.type02 .re_td ~ td {padding-top:0;}

    .select_list {float:none; width:100%;}

	.select_list label {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

    /* popup */
    #container_popup .privacy_agree {padding:10px}
    #container_popup .privacy_agree > span,
    #container_popup .privacy_agree > span + span {float:none; display: block;}
    #container_popup .privacy_agree > span + span {text-align:center; margin-top:10px;}
}

/* add */
.tbl_title {font-size:17px; font-weight:bold; margin-bottom:10px;}
.btn_set + .tbl_title {margin-top:60px;}
.tbl_col2 .star {color:#15aaad}

.tbl_col2 .form_design input[type="radio"] + label span {margin-top:-4px;}
.tbl_col2 textarea {height:400px; resize:none;}

.page_head h2.technical_tit {font-size:20px;}

@media all and (max-width:860px) {
	.tbl_col2 colgroup {display:none}
	.tbl_col2 th, .tbl_col2 td {display:block; text-align:left; padding:8px 10px;}
	.tbl_col2 td {padding-right:0; padding-left:0; padding-bottom:15px; border-top:none;}
	.tbl_col2 .null {display:none;}

	.tbl_head_block .list_tot {float:left; display:inherit; width:auto;}
}
.tbl_head .list_page {float:left; height:36px; line-height:36px; margin-left:25px;}
.tbl_head .list_page strong {font-weight:500; color:#11a5a9}
.tbl_head .list_page + .select_list {float:left; margin-left:25px; height:24px; width:auto; margin-top:5px; min-width:60px;}

.select_item {position: relative; width: 100%; border: 1px solid #e7e7e7; z-index: 1;}
.select_item:before {content: ""; position: absolute; top: 12px; right: 12px; height: 7px; width: 7px; border-style: solid; border-color: #999; border-width: 0px 1px 1px 0px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg); 
}
.select_item select {width: 100%; height: auto; line-height: normal; padding: 8px 5px; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background:#fff}

.technical_list li {position:relative; padding:30px; border:1px solid #e5e5e5; box-sizing:border-box; margin-top:-1px;}
.technical_list li:nth-child(even) {background-color:#f5f5f5;}
.technical_list li a {display:block;}

.technical_list li .list_item {margin-top:10px; display:table; width:100%;}
.technical_list li h3 {font-size:18px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.technical_list li dl {display:table-cell; font-size:13px; color:#666;}
.technical_list li dt {position:relative; display:inline-block; padding-left:10px; font-weight:bold; color:#333}
.technical_list li dt:before {content:''; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background:#15aaad;}
.technical_list li dd {display:inline-block; margin-left:20px;}

.technical_list li dl:nth-child(1) {width:25%}
.technical_list li dl:nth-child(2) {width:35%}
.technical_list li dl:nth-child(3) {width:25%}
.technical_list li dl:nth-child(4) {width:15%}

.technical_list_thumb li {padding-left:186px; min-height:160px;}
.technical_list_thumb .t_thumb {position:absolute; top:50%; left:1px; transform: translateY(-50%);}
.technical_list_thumb .t_thumb img {max-width:156px;}

.technical_list_thumb li .list_item {display:flex;}
.technical_list_thumb li .list_item dl {display:flex;}

.technical_list_thumb li dl + dl {margin-left:10px;}
.technical_list_thumb li dl:nth-child(1) {width:20%}
.technical_list_thumb li dl:nth-child(2) {width:25%}
.technical_list_thumb li dl:nth-child(3) {width:30%}
.technical_list_thumb li dl:nth-child(4) {width:25%}

.technical_list_thumb li dt {white-space: nowrap;}
.technical_list_thumb li dd {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.technical_list li:hover,
.technical_list li:focus,
.technical_list li:active {border-color:#15aaad; z-index:1; -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2); box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2);}

.technical_list li:hover h3,
.technical_list li:focus h3,
.technical_list li:active h3 {color:#15aaad}


.technical_list li a:hover,
.technical_list li a:focus,
.technical_list li a:active {color:inherit}
@media all and (max-width:1024px) {
	.tbl_col2 textarea {height:200px;}

	.technical_list li .list_item {display:block;}
	.technical_list li .list_item:after {clear:both; display:block; content:'';}

	.technical_list li dl {display:inline-block; float:left;}
	.technical_list li dl:nth-child(1),
	.technical_list li dl:nth-child(2),
	.technical_list li dl:nth-child(3),
	.technical_list li dl:nth-child(4) {width:50%; margin:5px 0;}

	.technical_list li dt {width:140px;}

	.technical_list_thumb li dl {width:100% !important;}
	.technical_list_thumb li dl + dl {margin-left:0;}
	.technical_list_thumb li dt {float:left;}
	.technical_list_thumb li dd {float:left; width: calc(100% - 160px); white-space:break-spaces}
}
@media all and (max-width:860px) {
	.technical_list li h3 {font-size:16px;}
	.technical_list li dl {display:block; float:none;}
	.technical_list li dl:nth-child(1),
	.technical_list li dl:nth-child(2),
	.technical_list li dl:nth-child(3),
	.technical_list li dl:nth-child(4) {width:100%;}
}
@media all and (max-width:500px) {
	.technical_list li h3 {font-size:14px;}
	.technical_list li dl + dl {margin-top:10px;}
	.technical_list li dt, .technical_list li dd {display:block; width:100%;}
	.technical_list li dd {margin-left:10px !important;}
}

.inner_btn .button {display:inline-block; font-size:13px; padding: 0 8px; vertical-align:middle; margin-left:5px;}
.inner_btn .button span {line-height: 33px; vertical-align: top !important;}

.technical_phothList {margin:0 0 10px;}
.technical_phothList ul {display:table; width:100%;}
.technical_phothList li {display:inline-table; width:calc(25% + 1px); text-align:center; height:462px; border:1px solid #000; box-sizing:border-box; margin:-1px 0 0 -1px;}
.technical_phothList li a {position:relative; display:block; padding:20px; width: 100%; height: 100%; box-sizing:border-box;}

.technical_phothList li a .thumb img {width:100%; max-height:206px;}

.technical_phothList li a .detail {display:none; position:absolute; top:0; left:0; width:100%; height:100%; padding:80px 10px 10px; background:#15aaad; z-index:1;}
.technical_phothList li a .detail dl {color:#fff;}
.technical_phothList li a .detail dt {font-size:15px;}
.technical_phothList li a .detail dd {font-size:17px; font-weight:bold}
.technical_phothList li a .detail dl + dl {margin-top:30px;}

.technical_phothList li a .info {margin-top:55px; font-size:17px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height:72px;}
.technical_phothList li a .btn {position:absolute; bottom:20px; left:20px; width:calc(100% - 40px); height:36px; line-height:36px; box-sizing:border-box; border:1px solid #000; border-radius:18px; text-align:center; z-index:2}
.technical_phothList li a .btn span {position:relative; display:inline-block; font-size:15px; padding-right:20px; color:#000; font-weight: 500;}
.technical_phothList li a .btn span:before {content:''; position:absolute; top:50%; right:0; transform:translateY(calc(50% - 2px)); width:10px; height:2px; background:#000}
.technical_phothList li a .btn span:after {content:''; position:absolute; top:50%; right:4px; transform:translateY(-5px); width:2px; height:10px; background:#000}

.technical_phothList li.on .detail {display:block;}
.technical_phothList li.on a .btn {border-color:#fff;}
.technical_phothList li.on a .btn span {color:#fff;}
.technical_phothList li.on a .btn span:before,
.technical_phothList li.on a .btn span:after {background:#fff;}
@media all and (max-width:1024px) {
	.technical_phothList li {width:calc(33% + 1px);}
}
@media all and (max-width:860px) {
	.technical_phothList li {width:calc(50% + 1px);}
}
@media all and (max-width:480px) {
	.technical_phothList li {width:100%;}
}

.phothView {width: 100%; border-top: 2px solid #000; padding:50px;}
.phothViewInfo {border-top:2px solid #000; border-bottom:2px solid #000; padding:40px 0; display:table; width:100%;}

.phothViewInfo dl {display:table-cell; color:#000; width:25%; text-align:center; padding:10px; box-sizing:border-box;}
.phothViewInfo dt {font-size:15px; font-weight:bold;}
.phothViewInfo dd {font-size:16px; word-break: keep-all;}
.phothViewInfo dl + dl {border-left:1px solid #adadad;}
@media all and (max-width:860px) {
	.phothViewInfo dl {display:inline-table; width:50%;}
	.phothViewInfo dl:nth-child(odd) {border-left:none;}
	.phothViewInfo dl:nth-child(n + 3) {margin-top:30px;}
}
@media all and (max-width:480px) {
	.phothViewInfo {padding:20px 0;}
	.phothViewInfo dl {width:100%; text-align:left;}
	.phothViewInfo dl + dl {margin-top:0; border-left:none;}
	.phothViewInfo dl:nth-child(n + 3) {margin-top:0;}
}