@charset "utf-8";
/* Font */
@font-face {font-family: 'noto'; font-weight:100; font-style: normal; src:url('/font/NotoSansKR-Light.woff') format('woff'), url('/font/NotoSansKR-Light.woff2') format('woff2'), url('/font/NotoSansKR-Light.otf') format('OpenType');}
@font-face {font-family: 'noto'; font-weight:200; font-style: normal; src:url('/font/NotoSansKR-DemiLight.woff') format('woff'), url('/font/NotoSansKR-DemiLight.woff2') format('woff2'), url('/font/NotoSansKR-DemiLight.otf') format('OpenType');}
@font-face {font-family: 'noto'; font-weight:400; font-style: normal; src:url('/font/NotoSansKR-Regular.woff') format('woff'), url('/font/NotoSansKR-Regular.woff2') format('woff2'), url('/font/NotoSansKR-Regular.otf') format('OpenType');}
@font-face {font-family: 'noto'; font-weight:700; font-style: normal; src:url('/font/NotoSansKR-Medium.woff') format('woff'), url('/font/NotoSansKR-Medium.woff2') format('woff2'), url('/font/NotoSansKR-Medium.otf') format('OpenType');}
@font-face {font-family: 'noto'; font-weight:800; font-style: normal; src:url('/font/NotoSansKR-Bold.woff') format('woff'), url('/font/NotoSansKR-Bold.woff2') format('woff2'), url('/font/NotoSansKR-Bold.otf') format('OpenType');}
@font-face {font-family: 'nq'; font-weight:400; font-style: normal; src:url('/font/NanumSquareB.woff') format('woff'), url('/font/NanumSquareB.woff2') format('woff2'), url('/font/NanumSquareB.otf') format('OpenType');}
@font-face {font-family: 'nm'; font-weight:bold; font-style: normal; src:url('/font/NanumMyeongjoB.woff') format('woff'), url('/font/NanumMyeongjoB.woff2') format('woff2'), url('/font/NanumMyeongjoB.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%}
body {width:100%; background:#fff; color:rgba(102,102,102,0.9); line-height:1.5; font-size:14px; word-break:keep-all; word-wrap:break-word}
ul, ol, li {list-style:none}
a {color:inherit; text-decoration:none; cursor:pointer}
a, input, button, select {outline:0}
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}
select::-ms-expand {display:none}
button {background:transparent; border:0; vertical-align:middle; cursor:pointer}
pre {white-space:pre-line; word-break:break-all}
img {border:0; vertical-align:middle;}
input[type="text"],
input[type="password"],
input[type="file"] {display:block; padding:0; background:transparent; border:0; border-radius:0; vertical-align:middle; color:#262626}
input[type="radio"],
input[type="checkbox"] {vertical-align:middle}
input::-ms-clear {display:none}
input::-webkit-input-placeholder {color:#b4b4b4; font-size:15px}
input:-moz-placeholder {color:#b4b4b4; font-size:15px}
input::-moz-placeholder{color:#b4b4b4; font-size:15px}
input:-ms-input-placeholder {color:#b4b4b4; font-size:15px}
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:#b4b4b4; font-size:15px}
textarea:-moz-placeholder {color:#b4b4b4; font-size:15px}
textarea::-moz-placeholder {color:#b4b4b4; font-size:15px}
textarea:-ms-input-placeholder {color:#b4b4b4; font-size:15px}
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, a, em, span, strong, p, div {font-family:"noto", Dotum, Arial, sans-serif; font-weight:200; color:#262626}
/* 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%; margin:50px 0; text-align:center; font-size:16px}
.pc-only {display:block !important;}
.mobile-only {display:none !important}
.innerbox {position:relative; width:1300px; margin:0 auto}
.tab-hiddencontents {display:none; clear:both; overflow:hidden}
.tab-hiddencontents.on {display:block}
.txtcenter {text-align:center !important}
.txtright {text-align:right !important}
.txtleft {text-align:left !important}
.pull-none {float:none !important; clear:none !important}
.pull-left {float:left !important; clear:none !important}
.pull-right {float:right !important; clear:none !important}
.pull-right-txt {float:right !important; text-align:right}
/* Slick Slider */
.slick-slider {position:relative; display:block; height:100%; -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:100%; 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}
dl.skipnavi {position:relative}
dl.skipnavi dt {display:none}
dl.skipnavi dd a {position:absolute; left:0; top:0; font-size:0}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {display:block; left:0; top:0; z-index:80; width:400px; height:30px; padding-top:9px; text-align:center; background:#333; line-height:14px; text-decoration:none; color:#fff; font-size:12px; font-weight:800}
li.sel_date { background: #dfe9f2; }
/* layout */
#wrap {width:100%; min-width:1300px; opacity:0}
.header {position:relative; z-index:60; width:100%; min-width:1300px; height:auto}
.header .innerbox {position:relative; width:1300px; height:130px; margin:0 auto; padding:0}
.header .innerbox:after {content:""; display:block; clear:both; overflow:hidden}
.header .fixedHeader {clear:both; position:relative; height:130px; background:#fff; box-shadow:0 8px 8px rgba(0,0,0,0.1)}
/*.header h1 {float:left; width:302px; height:60px; margin:36px 0 0 0}*/
.header h1 {float:left; /* width:302px; */ width:100%; height:60px; margin:6px 0 0 0}
.header h1 a {display:block; width:315px; height:100%; background:url('/img/top_logo_220607.png') no-repeat 0 0; background-size:contain; font-size:0; text-indent:-99999px}
/* .header h1 a {display:block; width:100%; height:60px; background:url('/img/logo_210119.png') no-repeat 0 0; font-size:0; text-indent:-99999px; } */
.header h1 a img{ display:block; padding-left:330px; }
.header .util {float:right; position:absolute; right:0; top:17px}
.header .util > span {float:left; margin:7px 15px 0 0}
.header fieldset.global-search {float:left; width:254px; height:40px}
.header fieldset.global-search p {position:relative; width:100%; height:40px; overflow:hidden; padding:0 48px 0 0; border:1px solid #d8d8d8; border-radius:4px}
.header fieldset.global-search .inpbox {width:100%; height:100%; background:#fff; border:0}
.header fieldset.global-search .inpbox input {width:100%; height:100%; background:0}
.header fieldset.global-search button {position:absolute; right:16px; top:7px; width:25px; height:25px; background:url('/img/icon_search_gnb.png') no-repeat 50%; text-indent:-99999px; font-size:0}
.header .topmenu {position:absolute; top:80px; z-index:65; height:50px}
.header .topmenu > ul {width:100%}
.header .topmenu > ul:after {content:""; display:block; clear:both; overflow:hidden}
.header .topmenu > ul > li {float:left; position:relative; height:50px; margin:0 0 0 57px; padding:0; text-align:left; line-height:25px}
.header .topmenu > ul > li > a {display:block; width:100%; height:50px; margin:0; color:#404040; font-size:17px; font-weight:700}
.header .topmenu > ul > li > a:hover {color:#ff981f}
.header .topmenu > ul > li.on > a {color:#ff981f}
.header .topmenu > ul > li ul {display:none; position:absolute; left:50%; top:100%; width:157px; margin-left:-78px; background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,0.1), -3px 0 3px rgba(0,0,0,0.1)}
.header .topmenu > ul > li:nth-child(3) ul {width:210px; margin-left:-105px}
.header .topmenu > ul > li:nth-child(6) ul {width:180px; margin-left:-90px}
.header .topmenu > ul > li ul li {float:none; width:100%; height:45px; border-top:1px solid #dadada}
.header .topmenu > ul > li ul li a {display:block; width:100%; height:44px; text-align:center; line-height:44px; font-size:14px; color:#404040; font-weight:700}
.header .topmenu > ul > li ul li a:hover {color:#ff981f; text-decoration:underline}
.header .topmenu > ul > li ul li.on a {color:#ff981f; text-decoration:underline}
.header .subvisual {clear:both; overflow:hidden; height:294px; background:url('/img/img_subvisual_01.jpg') no-repeat 50%; background-size:cover}
.header .subvisual h2 {width:100%; margin-top:8%; margin-bottom:12px; text-align:center; color:#fff}
.header .subvisual h2 strong {font-size:40px; font-weight:800; color:#fff}
.header .pagenavi {clear:both; display:block; width:100%; height:25px; text-align:center; line-height:25px}
.header .pagenavi li {float:none; display:inline-block; padding:0 17px 0 7px; background:url('/img/icon_arr_01.png') no-repeat 99% 50%; font-size:15px; font-weight:200; color:#fff; vertical-align:middle}
.header .pagenavi li:first-child span {display:block; width:11px; height:25px; background:url('/img/icon_home.png') no-repeat 0 45%; font-size:0; text-indent:-99999px}
.header .pagenavi li:last-child {padding-left:7px; background:0; font-weight:800}
.header .btn-category {position:absolute; right:0; top:80px; width:24px; height:24px; background:url('/img/icon_category.png') no-repeat 50%; font-size:0; text-indent:-99999px}
.header .allmenu {position:fixed; left:0; top:-1000px; z-index:80; width:100%; height:800px; background:#fff; transition:all 0.5s}
.header .allmenu.active {top:0}
.header .allmenu h2 {position:absolute; left:0; top:0; width:100%; height:130px; padding-top:27px; text-align:center; border-bottom:1px solid #dadada}
.header .allmenu h2 strong {display:block; color:#000; font-size:40px; font-weight:400; letter-spacing:-1px}
.header .allmenu h2 span {display:block; margin:3px 0 0 0; font-size:15px; color:#b5b5b5; font-weight:200}
.header .allmenu .btn-close {position:absolute; top:50px; right:calc((100% - 1300px) / 2); width:30px; height:30px; background:url('/img/icon_layerclose_01.png') no-repeat 50%; font-size:0; text-indent:-99999px}
.header .allmenu .allmenu-innerbox {clear:both; overflow:hidden; width:1300px; margin:0 auto; padding-top:155px}
.header .allmenu .allmenu-innerbox > ul {clear:both; overflow:hidden; width:100%}
.header .allmenu .allmenu-innerbox > ul > li {float:left; width:15%}
.header .allmenu .allmenu-innerbox > ul > li:nth-child(2) {width:20%}
.header .allmenu .allmenu-innerbox > ul > li:nth-child(3) {width:20%}
.header .allmenu .allmenu-innerbox > ul > li:nth-child(4) {width:14.5%}
.header .allmenu .allmenu-innerbox > ul > li:nth-child(5) {width:14.5%}
.header .allmenu .allmenu-innerbox > ul > li:nth-child(6) {width:auto; float:none; overflow:hidden}
.header .allmenu .allmenu-innerbox > ul > li > strong {display:block; position:relative; margin:0 0 25px 0; padding:24px 0 0 0; color:#2a2a2a; font-size:20px; letter-spacing:-0.5px; font-weight:700}
.header .allmenu .allmenu-innerbox > ul > li > strong:before {position:absolute; left:0; top:0; width:23px; height:2px; background:#ff981f; content:''}
.header .allmenu .allmenu-innerbox > ul > li > ul > li {margin:0 0 10px 0}
.header .allmenu .allmenu-innerbox > ul > li > ul > li > a {font-size:16px; color:rgba(64,64,64,0.9); font-weight:700; letter-spacing:-0.5px}
.header .allmenu .allmenu-innerbox > ul > li > ul > li > a:hover {color:#ff981f}
.header .allmenu .allmenu-innerbox > ul > li > ul > li.on a {color:#ff981f; font-weight:700}
.header .allmenu .allmenu-innerbox > ul > li > ul > li ul {margin:8px 0 18px 7px}
.header .allmenu .allmenu-innerbox > ul > li > ul > li ul li {position:relative; margin:4px 0; padding:0 0 0 12px; line-height:170%}
.header .allmenu .allmenu-innerbox > ul > li > ul > li ul li:before {position:absolute; left:0; top:10px; width:7px; height:2px; background:#bfbfbf; content:''}
.header .allmenu .allmenu-innerbox > ul > li > ul > li ul li a {font-size:14px; color:#828282}
.header .allmenu .allmenu-innerbox > ul > li > ul > li ul li:hover a {color:#ff981f}
.header .allmenu .allmenu-innerbox > ul > li > ul > li ul li:hover:before {background:#ff981f}
.submenu {position:absolute; top:0; left:0; z-index:41; width:100%; height:55px; background:url('/img/bg_submenu.jpg') repeat-x 0 0}
.submenu.greeting ul li {width:25%}
@media screen and (max-width: 500px) {
.submenu.greeting ul li:first-child {width:50% !important; border-left: none !important;}
.submenu.greeting ul li {width:50%; border-bottom: 1px solid #dcdcdc;}
.submenu.greeting ul li:nth-child(2) { border-right: none !important;}
}
.submenu.greeting ul li:first-child {width:25%}
.submenu.conference ul li {width:50%}
.submenu.conference ul li:first-child {width:50%}
.submenu.join_info ul li {width:16.6%}
.submenu.join_info ul li:first-child {width:16.6%}
.submenu.history ul li {width:25%}
.submenu.history ul li:first-child {width:25%}
@media screen and (max-width: 500px) {
.submenu.history ul li:first-child {width:50% !important; border-left: none !important;}
.submenu.history ul li {width:50%; border-bottom: 1px solid #dcdcdc;}
.submenu.history ul li:nth-child(2) { border-right: none !important;}
.submenu.join_info ul li a { font-size: 12px; }
.submenu.join_info ul li.on a { font-size: 12px; }
}
.submenu ul {width:1300px; height:55px; margin:0 auto}
.submenu ul li {float:left; width:33.3%; height:55px; border-right:1px solid #dcdcdc}
.submenu ul li:first-child {width:33.4%; border-left:1px solid #dcdcdc}
.submenu ul li a {display:block; width:100%; height:55px; text-align:center; line-height:53px; font-size:18px; color:rgba(26,26,26,0.8); font-family:'nq'}
.submenu ul li.on a {background:#323232; color:#fff; font-size:19px}
.submenu ul li a:hover {background:#323232; color:#fff; font-size:19px}
.container {clear:both; position:relative; overflow:hidden; z-index:40}
.container.bgBottom:after {position:absolute; left:0; bottom:0; width:100%; z-index:-1; background-color:#fff; background-position:50% 100%; background-repeat:no-repeat; content:''}
.container.bgBottom.conference:after {height:1070px; background-image:url('/img/bg_information.jpg')}
.container.bgBottom.history:after {height:2350px; background-image:url('/img/bg_history.jpg')}
.container.bgBottom.greeting:after {height:1280px; background-image:url('/img/bg_bottombox.jpg'); background-size:cover}
.container.wideTeeBanner:after {position:absolute; left:0; bottom:0; width:100%; z-index:-1; background-color:#fff; background-position:50% 100%; background-repeat:no-repeat; content:''}
.container.wideTeeBanner.biz:after {height:600px; background-image:url('/img/bg_network_bottom.jpg')}
.container.wideTeeBanner .bg-tee {position:absolute; left:0; top:280px; width:100%; height:290px; overflow:hidden; z-index:42}
.container.wideTeeBanner .bg-tee img {width:100%}
.container.wideTeeBanner .contentsarea {width:100%}
.container.wideTeeBanner .s-txt-box {position:relative; z-index:43; width:800px; margin:220px auto 0; padding:75px 65px; background:#fbfbfb; line-height:210%; font-size:15px; font-weight:600}
.container.wideTeeBanner .s-txt-box a {display:block; width:230px; height:45px; margin:15px 0 0 0; padding:7px 0 0 20px; text-align:left; border:1px solid #ff981f; border-radius:5px}
.container.wideTeeBanner .s-txt-box a em {display:inline-block; height:22px; padding:0 30px 0 0; background:url('/img/icon_arr_10.png') no-repeat 100% 50%; line-height:22px; font-size:17px; font-weight:700; color:#ff981f}
.container.wideTeeBanner .bottom-img {position:relative; left:50%; z-index:41; width:1300px; height:440px; margin:-123px 0 0 -650px}
.contentsarea {position:relative; width:1300px; min-height:500px; margin:0 auto; padding:80px 0 180px 0}
.contentsarea h3 {position:relative; margin:0 0 80px 0; padding-top:28px; text-align:center; font-size:36px; font-weight:800; line-height:40px}
.contentsarea h3 span {font-size:36px; font-weight:800; line-height:40px}
.contentsarea h3:before {position:absolute; left:50%; top:0; width:31px; height:4px; margin-left:-15px; background:#ff981f; content:''}
@media screen and (max-width: 960px) {
.m_txt_margin {margin: 60px 0 100px 0 !important;}
}
.footer {clear:both; overflow:hidden; position:relative; z-index:30; width:100%; height:195px; padding:30px 0 0 0; background:#323232}
.footer .innerbox {position:relative; width:1300px; margin:0 auto; padding:0 0 0 445px}
.footer h1 {position:absolute; left:0; top:0; }
.footer h2 {position:absolute; left:0; top:75px; }
.footer ul.bmenu {clear:both; overflow:hidden; margin:0 0 12px 0}
.footer ul.bmenu li {float:left; position:relative; margin:0 16px 0 0; padding-left:16px; line-height:20px; font-size:14px; color:#fff}
.footer ul.bmenu li a {font-size:14px; color:#fff}
.footer ul.bmenu li a:hover {text-decoration:underline}
.footer ul.bmenu li:before {position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#898d94; content:''}
.footer ul.bmenu li:first-child {padding-left:0}
.footer ul.bmenu li:first-child a {color:#ff981f}
.footer ul.bmenu li:first-child:before {background:0}
.footer ul.info {clear:both; overflow:hidden; margin-left:0}
.footer ul.info li {clear:both; overflow:hidden; font-size:13px; line-height:180%; font-weight:100; letter-spacing:0.3px; color:#fff}
.footer ul.info li span {float:left; position:relative; padding:0 12px 0 0; margin-right:12px; color:#fff}
.footer ul.info li span:last-child:after {background:0}
.footer ul.info li span:after {position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#898d94; content:''}
.footer ul.info li:last-child {margin-top:8px; color:#a5a9ae; font-size:12px}
.footer ul.info li a {text-decoration:underline}
.footer .btn-toggle {display:none}
.footer .intromenu-go {position:absolute; right:0; top:0; text-align:right}
.footer .intromenu-go > strong {display:block; margin:0 0 10px 0; color:#fff; font-size:18px; font-weight:800}
.footer .intromenu-go ul li {text-align:right; line-height:180%}
.footer .intromenu-go ul li a {font-size:14px; color:#fff; font-weight:100%}
.footer .intromenu-go ul li a:hover {text-decoration:underline}
/* form */
input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[type="radio"] + label {display:inline-block; position:relative; padding:0 30px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; color:rgba(102,102,102,0.9)}
input[type="radio"] + label:before {content:''; position:absolute; left:0; top:0; width:10px; height:10px; margin-top:5px; text-align:center; background:0; border:3px solid #7c7c7c; border-radius:50%; overflow:hidden}
input[type="radio"]:checked + label:before {background:#7c7c7c; border:3px solid #7c7c7c}
input[type="radio"]:checked + label:after {content:'';position:absolute; top:0; left:0; width:8px; height:8px; margin-top:5px; background:#7c7c7c; border-radius:50%; border:3px solid #7c7c7c}
/*input[type="checkbox"] {display:inline-block; overflow:hidden; position:absolute; width:0; height:0; border:0; clip:rect(0,0,0,0); border:0}*/
input[type="checkbox"] {display:inline-block; overflow:hidden; width:20px; height:20px; border:0; clip:rect(0,0,0,0); border:0}
input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:30px; color:#000; font-size:18px; cursor:pointer}
input[type="checkbox"] + label:before {content:""; display:inline-block; position:absolute; top:50%; left:0; width:18px; height:18px; margin-top:-11px; background:url('/img/icon_checkbox_off.jpg') no-repeat 0 0}
input[type="checkbox"]:checked + label:before {background:url('/img/icon_checkbox_on.jpg') no-repeat 0 0}
input[type="checkbox"]:checked + label:after {content:''; width:18px; height:18px; background:url('/img/icon_checkbox_on.jpg') no-repeat 0 0}
.inpbox {display:inline-block; position:relative; width:100%; height:45px; background:#fff; border:1px solid #c6c6c6; vertical-align:middle}
.inpbox input[type="text"],
.inpbox input[type="password"] {width:100%; height:100%; padding:0 12px; font-size:15px}
.optionbox {display:inline-block; position:relative; min-width:90px; height:45px; background:#fff; border:1px solid #c6c6c6; vertical-align:middle}
.optionbox select {display:block; width:100%; height:100%; padding:0 20px 0 12px; background:url('/img/icon_selectarr.png') no-repeat 95% 50%; border:0; border-radius:0; color:#999; font-size:15px}
.optionbox select option {font-size:15px}
.attachmentbox {position:relative; width:100%; height:45px; padding:0 120px 0 0}
.attachmentbox .btn-filesch {position:absolute; right:0; top:0; overflow:hidden; width:110px; height:45px; margin:0; padding:0; background:#f9f9f9; border:1px solid #ccc; text-align:center; color:rgba(102,102,102,0.9); line-height:45px; font-size:14px}
.attachmentbox .btn-filesch input[type="file"]{position:absolute; top:0; left:0; width:105%;height:100%; margin-left:-5%; font-size:18px; opacity:0; filter:alpha(opacity=00)}
.attachmentbox input[type="text"]{width:100%; height:45px; padding:0 20px; border:1px solid #ccc}
/* btn */
.btnjustify {clear:both; position:relative; text-align:left; font-size:0}
.btnjustify span {position:absolute; right:0; top:0}
.btnjustify button {margin-left:10px}
.btnjustify button:first-child {margin-left:0}
.btncenter {clear:both; margin-top:70px; text-align:center; font-size:0}
.btncenter button {margin:0 5px}
.btncenter button:only-child {margin:0}
.btn-medium {height:40px; padding:0 30px; font-size:17px}
.btn-large {height:55px; padding:0 52px; font-size:18px; font-weight:800}
.btn-lightgray {background:#efefef; color:#333}
.btn-yellow {background:#fcce00; color:#fff}
.btn-white-blue {background:#fff; border:1px solid #0052c2; color:rgba(102,102,102,0.9)}
.btn-white-red {background:#fff; border:1px solid #ba0000; color:rgba(102,102,102,0.9)}
.btn-filedownload {width:80%; height:90px; background:#d2ac02; color:#fff}
.btn-filedownload em {display:inline-block; padding:0 80px 0 0; background:url('/img/icon_download.png') no-repeat 100% 50%; color:#fff; font-size:26px}
.btn-moreview {width:100%; margin-top:40px}
.btn-moreview button {width:100%; height:55px; background:#efefef; color:#333; font-size:18px; font-weight:800}
.btn-prevpage {width:195px; height:55px; border:1px solid #cdcdcd}
.btn-prevpage em {display:inline-block; height:25px; padding-left:40px; background:url('/img/icon_prevpage.png') no-repeat 0 50%; color:#797979; font-weight:800; line-height:25px; font-size:17px}
/* paging */
.paging {position:relative; width:100%; height:27px; margin:80px auto 50px; text-align:center}
.paging:after {content:""; display:block; clear:both; overflow:hidden}
.paging * {vertical-align:middle}
.paging span {display:inline-block; height:27px; margin:0 10px}
.paging span a {display:inline-block; margin:0 8px; padding:0 1px; border-bottom:1px solid transparent; font-size:18px; color:#1d1d1d; font-weight:700; line-height:25px}
.paging span a.on {border-bottom:1px solid #ff981f; color:#ff981f; font-weight:800}
.paging span a:hover {border-bottom:1px solid #ff981f; color:#ff981f}
.paging > button {width:27px;height:27px; margin:0 12px; font-size:0; text-indent:-99999px}
.paging > button.btn-paging-first {background:url('/img/icon_paging_first.png') no-repeat 50%}
.paging > button.btn-paging-prev {background:url('/img/icon_paging_prev.png') no-repeat 50%}
.paging > button.btn-paging-next {background:url('/img/icon_paging_next.png') no-repeat 50%}
.paging > button.btn-paging-final {background:url('/img/icon_paging_final.png') no-repeat 50%}
/* main */
body#main {background:#f9f7f4}
.maincontents {padding-top:84px}
.maincontents > .innerbox {width:1300px; margin:0 auto}
.maincontents .mainvisual {float:left; position:relative; width:900px; height:570px; margin:0 24px 0 0}
.maincontents .mainvisual ul.slick-slider {width:900px; height:570px}
.maincontents .mainvisual ul.slick-slider div.slick-slide:nth-child(even) li {position:relative; width:900px; height:570px; background:url('/img/teaser.jpg') no-repeat center center / contain;}
.maincontents .mainvisual ul.slick-slider div.slick-slide:nth-child(odd) li {position:relative; width:900px; height:max-content; /* background:url('/img/img_mainvisual.jpeg') no-repeat 0 0 / contain; */ cursor:pointer;}
.maincontents .mainvisual ul.slick-slider div.slick-slide li img { width: 100%; }
/*.maincontents .mainvisual ul.slick-slider div.slick-slide:nth-child(3) li {position:relative; width:900px; height:570px; background:url('/img/main_poster_main.jpg') no-repeat 0 0; cursor:pointer;}*/
/*.maincontents .mainvisual ul.slick-slider div.slick-slide:nth-child(odd) li {position:relative; width:900px; height:570px; background:url('/img/img_mainvisual.jpg') no-repeat 0 0}*/
/*.maincontents .mainvisual ul.slick-slider div.slick-slide:nth-child(4) li {position:relative; width:900px; height:570px; background:url('/img/img_mainvisual2.jpg') no-repeat 0 0; cursor:pointer;}*/
.maincontents .mainvisual ul.slick-slider li h2 {position:absolute; left:0; top:40%; z-index:29; width:100%; text-align:center; color:#fff}
.maincontents .mainvisual ul.slick-slider li h2 strong {position:relative; display:block; padding:0 0 30px 0; margin:0 0 30px 0; font-family:'nq'; font-size:34px; color:#fff; text-shadow:5px 5px 5px rgba(0,0,0,0.2), -2px -2px 3px rgba(0,0,0,0.1); letter-spacing:0.3px}
.maincontents .mainvisual ul.slick-slider li h2 strong:after {position:absolute; left:50%; bottom:0; width:44px; height:1px; background:#fff; content:''}
.maincontents .mainvisual ul.slick-slider li h2 span {display:block; font-family:'nq'; font-size:17px; color:#fff}
.maincontents .mainvisual .slick-prev {position:absolute; left:20px; top:50%; z-index:30; width:46px; height:46px; margin-top:-23px; background:url('/img/icon_prev_01.png') no-repeat 50%; font-size:0; text-indent:-99999px}
.maincontents .mainvisual .slick-next {position:absolute; right:20px; top:50%; z-index:30; width:46px; height:46px; margin-top:-23px; background:url('/img/icon_next_01.png') no-repeat 50%; font-size:0; text-indent:-99999px}
.maincontents .mainvisual .page-control {position:absolute; left:0; bottom:32px; z-index:31; width:100%; height:40px; text-align:center; font-size:0}
.maincontents .mainvisual .page-control > * {vertical-align:middle}
.maincontents .mainvisual .page-control > span {display:inline-block; padding:6px 12px 0 12px; height:40px; background:rgba(0,0,0,0.4); border-radius:20px}
.maincontents .mainvisual .page-control > span .slick-pause {width:28px; height:28px; background:url('/img/icon_video_stop.png') no-repeat 50%; background-size:100% auto; font-size:0; text-indent:-99999px}
.maincontents .mainvisual .page-control > span .slick-pause.play {background:url('/img/icon_video_play.png') no-repeat 50%; background-size:100% auto}
.maincontents ul.slick-dots {display:inline-block; width:90px; height:40px; text-align:center}
.maincontents ul.slick-dots li {display:inline-block; width:24px; padding:13px 4px 0 4px}
.maincontents ul.slick-dots li button {width:16px; height:16px; border:3px solid #fff; border-radius:50%; font-size:0; text-indent:-99999px}
.maincontents ul.slick-dots li.slick-active button {border-color:#ff981f}
.maincontents .flbox {float:none; overflow:hidden}
.maincontents .banner-slide {position:relative; width:100%; height:180px; margin:0 0 25px 0; overflow:hidden; border:1px solid #e6e6e6}
.maincontents .banner-slide .badge {position:absolute; left:30px; top:0; z-index:31; display:block; width:83px; height:52px; text-indent:-99999px; font-size:0}
.maincontents .banner-slide ul.slick-slider {width:100%; height:100%}
.maincontents .banner-slide ul.slick-slider li {position:relative; width:100%; height:100%; padding:60px 0 0 30px}
.maincontents .banner-slide ul.slick-slider .network {background:#eaf6ec url('/img/bg_mainbanner_01.jpg') no-repeat 100% 80%; background-size:auto 100px}
.maincontents .banner-slide ul.slick-slider .network .badge {background:url('/img/bg_label_network.png') no-repeat 0 0; background-size:100% auto}
.maincontents .banner-slide ul.slick-slider .network b {color:#11a622}
.maincontents .banner-slide ul.slick-slider .best {background:#fcf2f5 url('/img/bg_mainbanner_02.jpg') no-repeat 100% 80%; background-size:auto 100px}
.maincontents .banner-slide ul.slick-slider .best .badge {background:url('/img/bg_label_best.png') no-repeat 0 0; background-size:100% auto}
.maincontents .banner-slide ul.slick-slider .best span b {color:#d81953}
.maincontents .banner-slide ul.slick-slider .history {background:#ecf3fa url('/img/bg_mainbanner_03.jpg') no-repeat 100% 80%; background-size:auto 100px}
.maincontents .banner-slide ul.slick-slider .history .badge {background:url('/img/bg_label_history.png') no-repeat 0 0; background-size:100% auto}
.maincontents .banner-slide ul.slick-slider .contest {background:#ececec url('/img/bg_mainbanner_04.jpg') no-repeat 100% 80%; background-size:auto 100px}
.maincontents .banner-slide ul.slick-slider .contest .badge {background:url('/img/bg_label_contest.png') no-repeat 0 0; background-size:100% auto}
.maincontents .banner-slide ul.slick-slider .slick-slide {width:100%; height:100%}
.maincontents .banner-slide ul.slick-slider .slick-slide > div {width:100%; height:100%}
.maincontents .banner-slide ul.slick-slider .slick-slide > div span {display:block; font-family:'nq'; font-size:26px; color:#2d2d2d; line-height:30px}
.maincontents .banner-slide ul.slick-slider .slick-slide > div button {width:125px; height:34px; display:block; margin-top:5px; padding:0 15px 0 18px; text-align:left; background:#484848; border-radius:17px}
.maincontents .banner-slide ul.slick-slider .slick-slide > div button em {display:inline-block; width:100%; height:20px; background:url('/img/icon_arr_03.png') no-repeat 100% 50%; line-height:20px; font-family:'nq'; color:#fff; font-size:14px}
.maincontents .banner-slide ul.slick-dots {position:absolute; right:10px; top:0; z-index:31; float:right; width:auto}
.maincontents .banner-slide ul.slick-dots li {float:left; width:24px; height:16px; padding:13px 4px 0 4px}
.maincontents .noticebox {width:100%; height:365px; padding:5px 5px 0 5px; background:url('/img/bg_mainnotice.jpg') no-repeat 0 0}
.maincontents h3 {position:relative}
.maincontents h3 strong {font-size:20px; font-weight:800}
.maincontents h3 a.moreview {position:absolute; right:0; top:8px; text-decoration:underline}
.maincontents .noticebox h3 {padding-bottom:10px}
.maincontents .noticebox h3 strong {display:inline-block; padding-top:3px; color:#fff}
.maincontents .noticebox h3 a.moreview {color:#fff}
.maincontents .noticebox ul {clear:both; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.5)}
.maincontents .noticebox ul li {padding:12px 0 11px 0; border-top:1px solid rgba(255,255,255,0.5)}
.maincontents .noticebox ul li a {display:block; color:#fff}
.maincontents .noticebox ul li a strong {display:block; font-size:15px; font-weight:700; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.maincontents .noticebox ul li a span {display:block; margin-top:3px; font-size:14px; font-weight:100; color:#ffdfb9}
.maincontents .pr-centerlist {clear:both; overflow:hidden; margin-top:25px}
.maincontents .pr-centerlist .videobox {float:left; position:relative; width:435px; height:380px; margin:0 25px 0 0}
.maincontents .pr-centerlist .videobox p {position:absolute; left:0; bottom:0; width:100%; height:95px; padding:20px 100px 0 30px; background:#3d3d3d}
.maincontents .pr-centerlist .videobox p strong {display:block; font-size:21px; font-weight:800; color:#fff}
.maincontents .pr-centerlist .videobox p span {display:block; font-size:16px; font-weight:600; color:#fff}
.maincontents .pr-centerlist .videobox p button {position:absolute; right:30px; top:50%; width:54px; height:54px; margin:-27px 0 0 0; background:url('/img/btn_videoplay_02.png') no-repeat 0 0; background-size:100% auto; font-size:0; text-indent:-99999px}
.maincontents .pr-centerlist .prlist {float:none; overflow:hidden; height:380px; margin:0 0 25px 0; padding:20px 5px 0 28px; background:#fff}
.maincontents .pr-centerlist .prlist h3 {margin-bottom:15px; margin-right:27px}
.maincontents .pr-centerlist .prlist h3 strong {color:#262626}
.maincontents .pr-centerlist .prlist h3 a.moreview {color:#787878; font-size:15px}
.maincontents .pr-centerlist .prlist ul {height:298px; overflow:hidden}
.maincontents .pr-centerlist .prlist ul li {float:left; width:50%; padding:0 25px 0 0}
.maincontents .pr-centerlist .prlist ul li .pic {display:block; position:relative; width:100%}
.maincontents .pr-centerlist .prlist ul li .pic button {position:absolute; left:50%; top:50%; width:100px; height:100px; margin:-50px 0 0 -50px; background:url('/img/btn_videoplay.png') no-repeat 50%; font-size:0; text-indent:-99999px}
.maincontents .pr-centerlist .prlist ul li .pic img {width:100%}
.maincontents .pr-centerlist .prlist ul li div {margin:15px 0 0 0}
.maincontents .pr-centerlist .prlist ul li div strong {display:block; margin:0 0 5px 0; font-size:16px; color:#0a0a0a; font-weight:800; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.maincontents .pr-centerlist .prlist ul li div strong a {font-size:16px; color:#0a0a0a; font-weight:800}
.maincontents .pr-centerlist .prlist ul li div span {display:block; font-size:15px; color:#a0a0a0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.maincontents .pr-centerlist .prlist ul li div em {display:block; font-size:14px; color:#a7a7a7}
.maincontents .sns-list {clear:both; overflow:hidden; height:160px}
.maincontents .sns-list ul {width:100%; height:70px}
.maincontents .sns-list ul li {float:left; width:50%; padding:0 20px 0 0} /*.maincontents .sns-list ul li {float:left; width:330px; padding:0 20px 0 0} */
.maincontents .sns-list ul li:last-child {width:50%; padding-right:0}/*.maincontents .sns-list ul li:last-child {width:310px; padding-right:0}*/
.maincontents .sns-list ul li a {display:block; position:relative; width:100%; height:70px; padding:0 40px 0 80px; font-size:18px; color:#212121; font-weight:800; line-height:70px}
.maincontents .sns-list ul li a:after {position:absolute; right:25px; top:23px; width:14px; height:25px; background:url('/img/icon_arr_02.png') no-repeat 50%; background-size:10px auto; font-size:0; text-indent:-99999px; content:''}
.maincontents .sns-list ul li.facebook a {background:#f5f0e6 url('/img/icon_sns_facebook.png') no-repeat 22px 50%; background-size:40px auto}
.maincontents .sns-list ul li.twitter a {background:#f5f0e6 url('/img/icon_sns_twitter.png') no-repeat 22px 50%; background-size:40px auto}
.maincontents .sns-list ul li.youtube a {background:#f5f0e6 url('/img/icon_sns_youtube.png') no-repeat 22px 50%; background-size:40px auto}
.maincontents .sns-list ul li.rss a {background:#f5f0e6 url('/img/icon_sns_rss.png') no-repeat 22px 50%; background-size:40px auto}
.maincontents .sdk-overview {width:100%; height:538px; padding:75px 0 0 0; background:url('/img/bg_mainvisual.jpg') no-repeat 50%}
.maincontents .sdk-overview h3 {width:1000px; margin:0 auto 40px; text-align:center}
.maincontents .sdk-overview h3 strong {display:block; margin:0 0 5px 0; color:#fff; font-family:'nm'; font-size:34px}
.maincontents .sdk-overview h3 span {display:block; margin:0 0 30px 0; color:#fff; font-family:'nm'; font-size:19px}
.maincontents .sdk-overview h3 button {width:183px; height:38px; text-align:left; padding:0 25px; background:rgba(0,0,0,0.6); border-radius:19px}
.maincontents .sdk-overview h3 button em {display:block; width:100%; background:url('/img/icon_arr_03.png') no-repeat 100% 50%; line-height:20px; color:#fff; font-size:15px; font-weight:800}
.maincontents .sdk-overview ul {width:1300px; height:205px; margin:0 auto}
.maincontents .sdk-overview ul li {float:left; position:relative; width:33.3%; height:205px; padding:32px 0 0 190px}
.maincontents .sdk-overview ul li > a {display:block; height:173px}
.maincontents .sdk-overview ul li strong {display:block; position:relative; padding:0 0 12px 0; margin:0 0 13px 0; font-size:21px; color:#fff; font-weight:700}
.maincontents .sdk-overview ul li strong:after {position:absolute; left:0; bottom:0; width:40px; height:1px; background:#fff; content:''}
.maincontents .sdk-overview ul li span {display:block; margin:0 0 2px 0; font-size:15px; color:#fff; font-weight:200; line-height:20px}
.maincontents .sdk-overview ul li em {display:inline-block; cursor:pointer; width:78px; height:33px; background:url('/img/btn_moreview_01.png') no-repeat 0 0; font-size:0; text-indent:-99999px}
.maincontents .sdk-overview ul li:before {position:absolute; left:40px; top:50%; content:''}
.maincontents .sdk-overview ul li.ov1 {background:#ff981f url('/img/bg_maing_01.png') no-repeat 20px 50%; background-size:140px auto}
.maincontents .sdk-overview ul li.ov1:before {width:80px; height:112px; margin-top:-55px; background:url('/img/icon_maing_01.png') no-repeat 0 0; background-size:100% auto}
.maincontents .sdk-overview ul li.ov2 {width:33.4%; background:#595959 url('/img/bg_maing_02.png') no-repeat 20px 50%; background-size:140px auto}
.maincontents .sdk-overview ul li.ov2:before {width:80px; height:102px; margin-top:-50px; background:url('/img/icon_maing_02.png') no-repeat 0 0; background-size:100% auto}
.maincontents .sdk-overview ul li.ov3 {background:#323232 url('/img/bg_maing_03.png') no-repeat 20px 50%; background-size:140px auto}
.maincontents .sdk-overview ul li.ov3:before {width:90px; height:69px; margin-top:-35px; background:url('/img/icon_maing_03.png') no-repeat 0 0; background-size:100% auto}
.maincontents .latest-boardlist {clear:both; overflow:hidden; width:100%; background:#fff}
.maincontents .latest-boardlist .innerbox {clear:both; overflow:hidden; width:1300px; margin:0 auto}
.maincontents .latest-boardlist .innerbox > div {float:left; width:33.3%; padding:45px 30px 40px 30px; border-left:1px solid #e9e9e9}
.maincontents .latest-boardlist .innerbox > div h3 {padding-bottom:12px; border-bottom:1px solid #202020}
.maincontents .latest-boardlist .innerbox > div h3 strong {display:inline-block; padding:0 0 0 32px; background:url('/img/icon_mtitle.png') no-repeat 0 0; line-height:23px}
.maincontents .latest-boardlist .innerbox > div:nth-child {width:33.4%}
.maincontents .latest-boardlist .innerbox > div ul li {padding:15px 0 14px 0; border-bottom:1px solid #f0f0f0}
.maincontents .latest-boardlist .innerbox > div ul li a {display:block}
.maincontents .latest-boardlist .innerbox > div ul li a strong {display:block; font-size:15px; font-weight:700; color:#353535; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.maincontents .latest-boardlist .innerbox > div ul li a span {display:block; margin-top:5px; font-size:14px; color:#a7a7a7; font-weight:100}
.maincontents .bannerzone {clear:both; overflow:hidden; width:100%; padding:35px 0 40px 0; background:#fff; border-top:1px solid #f0f0f0}
.maincontents .bannerzone .innerbox {position:relative; width:1300px; margin:0 auto; padding:0 50px 0 0}
.maincontents .bannerzone .page-control {display:block; position:absolute; left:30px; top:30px}
.maincontents .bannerzone .page-control .slick-pause {width:26px; height:26px; background:url('/img/icon_bannerzone_stop.png') no-repeat; font-size:0; text-indent:-99999px}
.maincontents .bannerzone .page-control .slick-pause.play {background:url('/img/icon_bannerzone_play.png') no-repeat}
.maincontents .bannerzone .slick-prev {position:absolute; left:0; top:0; width:24px; height:42px; background:url('/img/icon_prev_02.png') no-repeat 50%; background-size:100% auto; font-size:0; text-indent:-99999px}
.maincontents .bannerzone .slick-next {position:absolute; right:0; top:0; width:24px; height:42px; background:url('/img/icon_next_02.png') no-repeat 50%; background-size:100% auto; font-size:0; text-indent:-99999px}
.maincontents .bannerzone h3 {float:left; margin:0 50px 0 0; padding-left:30px; font-size:17px; line-height:20px}
.maincontents .bannerzone ul {float:none; overflow:hidden; padding:0 70px}
.maincontents .bannerzone ul li {float:left; margin:0}
/* main animate */
.maincontents .sns-list.ani-start {animation:ani-Fadein-up 2s both}
.maincontents .sdk-overview h3.ani-start {animation:ani-Fadein-up 2.5s 0.5s both}
.maincontents .sdk-overview ul li.ani-start:before {animation:ani-Fadein-up 0.8s both}
/* contents */
fieldset.boardschbox {clear:both; width:100%; height:45px; text-align:center; font-size:0}
fieldset.boardschbox .optionbox {display:inline-block; width:200px; margin:0 10px 0 0}
fieldset.boardschbox p {display:inline-block; position:relative; width:500px; height:45px; padding:0 155px 0 0}
fieldset.boardschbox p .inpbox {width:100%; height:100%}
fieldset.boardschbox p button {position:absolute; right:0; top:0; width:145px; height:45px; background:#ff981f}
fieldset.boardschbox p button em {display:inline-block; height:18px; padding:0 0 0 25px; background:url('/img/icon_search_01.png') no-repeat 0 50%; font-size:16px; font-weight:700; line-height:18px; color:#fff}
fieldset.boardschbox p a {position:absolute; right:0; top:0; width:145px; height:45px; background:#ff981f}
fieldset.boardschbox p a em {display:inline-block; height:18px; padding:0 0 0 25px; background:url('/img/icon_search_01.png') no-repeat 0 50%; font-size:16px; font-weight:700; line-height:18px; color:#fff}
.boardlist {clear:both; overflow:hidden; margin-bottom:50px;}
.boardlist table {width:100%; border-bottom:1px solid #616161}
.boardlist table thead th {padding:15px 0; border-top:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background:#fff5e9; border-top:2px solid #ff9821; font-size:15px; color:#262626; font-weight:800}
.boardlist table thead th:last-child {border-right:0}
.boardlist table tbody td {padding:15px 0; text-align:center; border-top:1px solid #e2e2e2; border-right:1px solid #e2e2e2; font-size:15px; color:#262626; font-weight:600}
.boardlist table tbody td:last-child {border-right:0}
.boardlist table tbody th {background:#fbfbfb; border-right:1px solid #e2e2e2; border-top:1px solid #e2e2e2; font-size:15px; color:#262626; font-weight:600}
.boardlist ul.table-header {clear:both; overflow:hidden; width:100%; background:#f8f8f8}
.boardlist ul.table-header li {float:left; width:12%; padding:18px 0; text-align:center; background:#f8f8f8; font-size:17px; color:#1d1d1d; font-weight:800; line-height:20px}
.boardlist ul.table-header li.title {width:50%}
.boardlist ul.table-header li.head_width_chg {width:40%}
.boardlist .table-contents {clear:both; overflow:hidden}
.boardlist .table-contents > ul > li {clear:both; padding:27px 10px; overflow:hidden; text-align:center; border-bottom:1px solid #c9c9c9; color:#949494; font-weight:700; font-size:15px; line-height:150%}
.boardlist .table-contents > ul > li > label {float:left; width:10%; color:#1d1d1d; margin-right:15px;}
.boardlist .table-contents > ul > li > strong.title {float:left; width:35%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; text-align:left; color:#1d1d1d; font-weight:700; font-size:16px; margin-left:40px;}
.boardlist .table-contents > ul > li > p {float:right; width:39%}
.boardlist .table-contents > ul > li > p.head_width_chg {float:right; width:36%}
.boardlist .table-contents > ul > li > p > span {float:left; width:35%}
.boardlist .table-contents > ul > li > p > .readcnt {width:20%; margin-left:4%}
.boardlist .table-contents > ul > li:hover {background:#f9f9f9; cursor:pointer}
.boardlist .table-contents > ul > li .new {display:inline-block; width:53px; height:26px; margin:0 0 0 7px; text-align:center; background:#ff981f; border-radius:13px; line-height:26px; color:#fff; font-size:14px}
.boardlist .table-contents > ul > li .reply {display:inline-block; width:auto; height:26px; margin:0 0 0 7px; padding:0 0 0 25px; text-align:left; background:url('/img/icon_reply.png') no-repeat 0 50%; background-size:18px auto; color:#b7b7b7; font-size:15px}
.boardlist .table-contents > ul > li .readcnt {float:right; height:25px; padding:0 0 0 20px; text-align:left; background:url('/img/icon_readcnt.png') no-repeat 0 50%; line-height:25px}
.photolist {clear:both; overflow:hidden; margin:0 -11px -22px -11px}
.photolist dl {float:left; width:418px; height:370px; margin:11px; padding:18px 24px; background:#fff; border:1px solid #e2e2e2; cursor:pointer}
.photolist dl:hover {border:0; box-shadow:8px 8px 8px rgba(0,0,0,0.1), -5px -5px 5px rgba(0,0,0,0.05)}
.photolist dl dt {position:relative; margin:0 0 10px 0}
.photolist dl dt .btn-play {position:absolute; left:50%; top:50%; width:100px; height:100px; margin:-50px 0 0 -50px; background:url('/img/btn_videoplay.png') no-repeat 50%; font-size:0; text-indent:-99999px}
.photolist dl dt .pic {display:block; width:100%; height:210px; overflow:hidden; background:#f5f5f5 url('/img/bg_noimg_01.jpg') no-repeat 50%; font-size:0}
.photolist dl dt .pic img {width:100%; min-height:210px; height:auto}
.photolist dl dd strong {display:block; height:25px; overflow:hidden; margin:0 0 5px 0; color:#0a0a0a; font-size:17px; line-height:140%}
.photolist dl dd > span {display:block; margin:0 0 13px 0; color:#a0a0a0; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.photolist dl dd .new {display:inline-block; width:53px; height:26px; margin:0 0 0 7px; text-align:center; background:#ff981f; border-radius:13px; line-height:26px; color:#fff; font-size:14px}
.photolist dl dd p {padding-top:10px; border-top:1px solid #e7e7e7; color:#a7a7a7}
.photolist dl dd p span {float:left; margin-left:20px; font-size:16px}
.photolist dl dd p span:first-child {margin-left:0}
.photolist dl dd p span.reply {display:inline-block; width:auto; height:25px; padding:0 0 0 25px; text-align:left; background:url('/img/icon_reply.png') no-repeat 0 50%; background-size:18px auto; color:#b7b7b7; font-size:15px}
.photolist dl dd p span.readcnt {height:25px; padding:0 0 0 20px; text-align:left; background:url('/img/icon_readcnt.png') no-repeat 0 50%; line-height:25px}
.boardview {clear:both; overflow:hidden}
.boardview dl {clear:both; overflow:hidden; width:100%; border-top:1px solid #c9c9c9}
.boardview dl dt p {padding:25px 0}
.boardview dl dt p .new {display:inline-block; width:53px; height:26px; margin:0 0 0 7px; text-align:center; background:#ff981f; border-radius:13px; line-height:26px; color:#fff; font-size:14px}
.boardview dl dt p strong {color:#1d1d1d; font-size:18px; font-weight:700}
.boardview dl dt ul {clear:both; overflow:hidden; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9}
.boardview dl dt ul li {float:left; padding:20px 0; margin-left:50px; color:#949494; font-size:16px; font-weight:400}
.boardview dl dt ul li strong {float:left; margin-right:20px; font-weight:800}
.boardview dl dt ul li span {float:left}
.boardview dl dt ul li span.readcnt {height:25px; padding:0 0 0 20px; text-align:left; background:url('/img/icon_readcnt.png') no-repeat 0 50%; line-height:25px}
.boardview dl dt ul li:first-child {margin-left:0}
dl dd.contentsview {clear:both; overflow:hidden; padding:30px 0 80px 0}
dl dd.contentsview p {color:#1d1d1d; font-size:16px; line-height:22px}
dl dd.contentsview img {max-width:100%; margin-bottom:40px}
dl dd.attachment-file {clear:both; overflow:hidden; padding:30px 15px 30px 15px; border-top:1px solid #ddd}
dl dd.attachment-file > span {float:left; width:85px; }
dl dd.attachment-file > ul {float:none; overflow:hidden}
dl dd.attachment-file > ul li {padding:0 !important; border:0; font-size:14px; color:#777; line-height:20px; }
dl dd.attachment-file > ul li:first-child {}
dl dd.attachment-file > ul li a {font-size:14px; background:#4e4e4e; color:#fff; float:left; margin-left:5px; padding:5px 10px; border-radius:5px; }
.contentsview table {width:100%; margin:10px 0; table-layout:fixed; border-top:1px solid #ddd; border-left:1px solid #ddd}
.contentsview table tr td {padding:10px; background:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd}
.contentsview table tr:first-child td {text-align:center; background:#eee}
.contentsview table tr:first-child td b {font-size:15px}
.replybox {clear:both; overflow:hidden; border-top:1px solid #c9c9c9}
.replybox fieldset {clear:both; overflow:hidden; padding:10px 25px; background:#fbfbfb; border:1px solid #fff}
.replybox fieldset > div {float:left}
.replybox fieldset > div.password {margin-left:30px}
.replybox fieldset > div > label {float:left; width:80px; line-height:40px; color:#414141; font-size:16px; font-weight:400}
.replybox fieldset > div > .inpbox {width:120px; height:41px; border-color:#dbdbdb; border-radius:5px}
.replybox fieldset > div.contents {float:none; clear:both; overflow:hidden; position:relative; padding:6px 98px 0 0}
.replybox fieldset > div.contents button {position:absolute; right:0; top:6px; width:88px; height:46px; background:#4e4e4e; border-radius:5px; font-size:17px; color:#fff; font-weight:800}
.replybox fieldset > div.contents > label {line-height:45px}
.replybox fieldset > div.contents .txtbox {float:none; overflow:hidden; width:auto; height:46px; border:1px solid #dbdbdb; border-radius:5px}
.replybox fieldset > div.contents .txtbox textarea {width:100%; height:100%; padding:10px 15px; border:0}
.replybox .replylist {clear:both; overflow:hidden}
.replybox .replylist ul li {clear:both; overflow:hidden; padding:20px; border-bottom:1px solid #c9c9c9}
.replybox .replylist ul li > .name {float:left; width:140px; padding-top:11px; text-align:left; font-size:16px; font-weight:800; color:#1d1d1d}
.replybox .replylist ul li > p {float:none; overflow:hidden}
.replybox .replylist ul li > p strong {display:block; margin:0 0 7px 0; color:#1d1d1d; font-size:16px; font-weight:800}
.replybox .replylist ul li > p em {float:left; margin:0 20px 0 0; color:#929292; font-size:15px}
.replybox .replylist ul li > p em b {display:none}
.replybox .replylist ul li > p span {float:left}
.replybox .replylist ul li > p span a {position:relative; padding-right:10px; margin-right:8px; color:#929292; font-weight:700}
.replybox .replylist ul li > p span a:hover {text-decoration:underline}
.replybox .replylist ul li > p span a:last-child {padding-right:0; margin-right:0}
.replybox .replylist ul li > p span a:first-child:after {position:absolute; right:0; top:5px; width:1px; height:12px; background:#ddd; content:''}
.replybox .replylist ul li > p .inpbox {width:120px; height:25px; border-color:#dbdbdb; border-radius:5px; margin-left:10px;}
.boardwrite {clear:both; overflow:hidden; border-top:5px solid #333; border-bottom:5px solid #333}
.boardwrite > ul > li {clear:both; overflow:hidden; padding:10px 15px; border-top:1px solid #ddd}
.boardwrite > ul > li:first-child {border-top:0}
.boardwrite > ul > li.pull-left {clear:none; float:left; width:50%}
.boardwrite > ul > li > label {float:left; width:140px; font-size:16px; color:#333; line-height:45px; font-weight:800}
.boardwrite > ul > li > div {float:none; overflow:hidden}
.boardwrite > ul > li > div .ntxt {display:block; line-height:45px}
.boardwrite > ul > li > div .optionbox {height:45px; border-color:#ccc}
.boardwrite > ul > li > div .inpbox {clear:both; overflow:hidden; display:block; height:45px; border-color:#ccc}
.boardwrite > ul > li > div span.optionbox {float:left; width:160px}
.boardwrite > ul > li > div span.inpbox {float:left; clear:none; width:160px}
.boardwrite > ul > li > div .hy {float:left; padding:0 10px; line-height:45px}
.boardwrite > ul > li > div .inpbox input.txt {color:#666; font-size:16px}
.boardwrite > ul > li > div .txtbox {height:300px; padding:15px; border:1px solid #ccc}
.boardwrite > ul > li > div .txtbox textarea {width:100%; height:100%; padding:0; border:0; color:#666; font-size:16px; line-height:21px}
.boardwrite > ul > li > div .btn-medium {height:45px; margin-left:5px}
.boardwrite > ul > li > div.random_string > * {vertical-align:middle}
.boardwrite > ul > li > div.random_string > strong {display:inline-block; height:40px; padding:0 20px; background:#222; border-radius:3px; font-size:16px; font-weight:800; color:#fff; line-height:41px}
.boardwrite > ul > li > div.random_string .btn-reset {display:inline-block; width:40px; height:40px; background:#222 url('/img/icon_reset.png') no-repeat 50%; border-radius:3px; font-size:0; text-indent:-99999px}
.boardwrite > ul > li > div.random_string em {display:inline-block; margin-left:20px; line-height:40px; font-size:14px}
.boardwrite > ul > li > div.random_string .inpbox {display:inline-block; width:30%; height:40px; margin-left:30px; background:#f8f8f8}
.boardwrite > ul > li > div.email .inpbox {width:200px}
.boardwrite > ul > li > div.email .optionbox {margin-left:10px}
.boardwrite > ul > li > div.date .hy {margin:0 10px 0 0; padding-top:24px; line-height:20px}
.boardwrite > ul > li > div.address p.inpbox {margin-top:5px}
.boardwrite > ul > li > div.attachment-img ul {clear:both; overflow:hidden; margin:10px 0}
.boardwrite > ul > li > div.attachment-img ul li {float:left; width:20%; padding:0 20px 0 0}
.boardwrite > ul > li > div.attachment-img ul li img {width:100%}
.boardwrite > ul > li > div .attachmentbox {margin-top:5px}
.boardwrite > ul > li > div .attachmentbox:first-child {margin-top:0}
.boardwrite > ul > li > div pre {margin:10px 0; font-size:16px; line-height:24px}
.title-date {clear:both; overflow:hidden; margin:0 0 35px 0; text-align:center}
.title-date button {width:26px; height:26px; font-size:0; text-indent:-99999px}
.title-date button.btn-prev-month {margin-right:15px; background:url('/img/icon_prev_03.png') no-repeat 50%}
.title-date button.btn-next-month {margin-left:15px; background:url('/img/icon_next_03.png') no-repeat 50%}
.title-date .optionbox {min-width:70px; margin:0 15px; border:0}
.title-date .optionbox select {padding-right:30px; background:url('/img/icon_arr_08.png') no-repeat 100% 50%; color:#2e2e2e; font-family:'nq'; font-size:22px; font-weight:800}
.calendarbox ul.calendar-header {clear:both; overflow:hidden; width:100%; margin-bottom:10px; background:#f7f7f7}
.calendarbox ul.calendar-header li {float:left; width:calc(100%/7); padding:16px 0; text-align:center; background:#f7f7f7; font-size:17px; font-family:'nq'; color:#2e2e2e; font-weight:800}
.calendarbox ul.calendar-header li:first-child {color:#ff012b}
.calendarbox ul.calendar-header li:last-child {color:#0e56e8}
.calendarbox .calendar-contents {clear:both; overflow:hidden; width:100%}
.calendarbox .calendar-contents ul {clear:both; overflow:hidden; width:100%; border-top:1px solid #c7c7c7; border-right:1px solid #c7c7c7}
.calendarbox .calendar-contents ul li {float:left; width:calc(100%/7); height:195px; padding:10px 10px 10px 7px; text-align:left; border-bottom:1px solid #c7c7c7; border-left:1px solid #c7c7c7}
.calendarbox .calendar-contents ul li.today {background:#fff8f0}
.calendarbox .calendar-contents ul li > span {display:block; padding-left:3px; color:#969696; font-size:17px; font-family:'nq'}
.calendarbox .calendar-contents ul li div p {margin-top:5px; padding-left:3px; font-size:17px; color:#3e3e3e; font-family:'nq'; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.calendarbox .calendar-contents ul li div:first-child {margin-top:2px}
.calendarbox .calendar-contents ul li div p.color-orange {background:#ff7e00; color:#fff; border-radius:5px}
.calendarbox .calendar-contents ul li div p.color-blue {background:#048cff; color:#fff; border-radius:5px}
.calendarbox .calendar-contents ul li div p:hover {background:#f1f1f1; border-radius:5px; cursor:pointer}
.calendarbox .calendar-contents ul li.disabled {background:#f8f8f8}
.calendar-txtlist {clear:both; overflow:hidden; display:none}
ul.tabbox {width:100%; margin:0 0 60px 0; height:55px; } /* background:url('/img/bg_tabbox_bot.jpg') repeat-x 0 100% */
ul.tabbox li {float:left; position:relative; width:calc(100%/6); height:54px; text-align:center}
ul.tabbox li:before {position:absolute; left:0; top:50%; width:1px; height:15px; margin-top:-7px; background:#dedede; content:''}
ul.tabbox li:first-child:before {background:0}
ul.tabbox li a {display:block; width:100%; height:54px; color:#3c3c3c; font-size:16px; font-weight:600; line-height:54px}
ul.tabbox li a:hover {border-bottom:3px solid #ff981f; color:#ff981f; font-weight:800}
ul.tabbox li.on a {border-bottom:3px solid #ff981f; color:#ff981f; font-weight:800}
.local-mapbox {clear:both; overflow:hidden; padding:55px 0; border-bottom:1px solid #e2e2e2}
.local-mapbox.ani-start {animation:ani-Fadein-up 1.2s ease-out both}
.local-mapbox .map {float:none; width:auto; height:400px; overflow:hidden; margin:0; background:#f5f5f5 url('/img/bg_noimg_01.jpg') no-repeat 50%; border:1px solid #e9e9e9}
.local-mapbox .map img {max-width:100%}
.local-mapbox dl {float:right; width:620px; margin:0 0 0 80px}
.local-mapbox dl dt {position:relative; height:110px; padding:10px 0 0 0}
.local-mapbox dl dt:before {position:absolute; left:0; top:0; width:40px; height:2px; background:#ff981f; content:''}
.local-mapbox dl dt strong {display:block; font-size:22px; font-weight:800}
.local-mapbox dl dt span {display:block; margin-top:12px; font-size:17px; color:#c1c1c1; font-weight:800}
.local-mapbox dl dd ul {clear:both; overflow:hidden; border-top:1px solid #e2e2e2}
.local-mapbox dl dd ul li {padding:17px 0; border-bottom:1px solid #e2e2e2}
.local-mapbox dl dd ul li span {float:left; width:110px; height:30px; padding-left:30px; font-size:15px; font-weight:800; line-height:30px}
.local-mapbox dl dd ul li p {float:none; overflow:hidden; min-height:30px; font-size:15px; line-height:30px; font-weight:700}
.local-mapbox dl dd ul li p a {display:inline-block; padding:0 20px 0 0; text-decoration:underline; background:url('/img/icon_targetnew.png') no-repeat 100% 50%; color:#7f7f7f; font-weight:700}
.local-mapbox dl dd ul li.addr p {line-height:25px}
.local-mapbox dl dd ul li.addr span {margin-top:10px; background:url('/img/icon_local_address.png') no-repeat 0 50%; background-size:22px auto}
.local-mapbox dl dd ul li.tel span {background:url('/img/icon_local_tel.png') no-repeat 0 50%; background-size:22px auto}
.local-mapbox dl dd ul li.fax span {background:url('/img/icon_local_fax.png') no-repeat 0 50%; background-size:22px auto}
.local-mapbox dl dd ul li.homepage span {background:url('/img/icon_local_homepage.png') no-repeat 0 50%; background-size:22px auto}
.sentencebox p {line-height:210%; font-size:15px; font-weight:600}
.page-conference dl {clear:both; overflow:hidden; margin:0 0 50px 0; padding:30px 30px 30px 220px; background:url('/img/bg_stit_01.png') no-repeat 55px 50%; border:1px solid #d2d2d2; border-radius:8px}
.page-conference dl dt {margin-bottom:5px; font-size:20px; font-weight:800; color:#262626}
.page-conference dl dd p {margin:0 0 10px 0; font-weight:400; font-size:17px}
.page-conference dl dd a {width:214px; height:45px; background:#ff981f; border-radius:22px; padding:10px 20px; }
.page-conference dl dd a em {display:inline-block; height:21px; padding:0 30px 0 0; background:url('/img/icon_arr_09.png') no-repeat 100% 50%; font-size:18px; font-weight:200; color:#fff; line-height:21px}
.page-conference dl dd button {width:214px; height:45px; background:#ff981f; border-radius:22px}
.page-conference dl dd button em {display:inline-block; height:21px; padding:0 30px 0 0; background:url('/img/icon_arr_09.png') no-repeat 100% 50%; font-size:18px; font-weight:200; color:#fff; line-height:21px}
.page-conference .gallerybox {position:relative; width:1070px; height:675px; margin:70px auto 0}
.page-conference .gallerybox .photo-bigview {position:relative; width:896px; overflow:hidden; margin:0 auto 15px; box-shadow:10px 10px 10px rgba(0,0,0,0.1), -10px -10px 10px rgba(0,0,0,0.1)}
.page-conference .gallerybox .photo-bigview .pic {display:block; float:left; width:100%; height:550px; overflow:hidden}
.page-conference .gallerybox .photo-bigview .pic img {display:block; width:100%; min-height:550px}
.page-conference .gallerybox .photo-bigview strong {display:block; position:absolute; left:0; bottom:0; width:100%; height:55px; padding:0 20px; background:rgba(0,0,0,0.6); color:#fff; font-size:19px; font-weight:800; line-height:55px}
.page-conference .gallerybox ul {width:900px; height:104px; margin:0 auto 0; padding-left:1px}
.page-conference .gallerybox ul li {float:left; width:103px; padding:0 5px}
.page-conference .gallerybox ul li a {position:relative; display:block; width:calc(100% - 7px); font-size:0}
.page-conference .gallerybox ul li a img {display:block; width:100%; min-height:102px; border:1px solid #e2e2e2}
.page-conference .gallerybox ul li:nth-child(2) {padding-left:6px}
.page-conference .gallerybox ul li:nth-child(3) {padding-left:6px}
.page-conference .gallerybox ul li:nth-child(4) {padding-left:6px}
.page-conference .gallerybox ul li:nth-child(5) {padding-left:6px}
.page-conference .gallerybox ul li:nth-child(6) {padding-left:6px}
.page-conference .gallerybox ul li:nth-child(7) {padding-left:6px}
.page-conference .gallerybox ul li.on a:after {position:absolute; left:0; top:0; width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid #ff981f; content:''}
.page-conference .gallerybox ul li:hover a:after {position:absolute; left:0; top:0; width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid #ff981f; content:''}
.page-conference .gallerybox ul li:first-child {padding-left:0}
.page-conference .gallerybox ul li:last-child {padding-right:0}
.page-conference .gallerybox .slick-prev {position:absolute; left:-90px; top:-320px; width:54px; height:54px; background:url('/img/icon_prev_04.png') no-repeat 50%; font-size:0; text-indent:-99999px}
.page-conference .gallerybox .slick-next {position:absolute; right:-90px; top:-320px; width:54px; height:54px; background:url('/img/icon_next_04.png') no-repeat 50%; font-size:0; text-indent:-99999px}
.title-img {width:1300px; height:210px; margin:0; padding:0 30px; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; justify-content: space-around; align-items:center}
.title-img p strong {display:block; margin:0 0 12px 0; font-size:21px; font-weight:800; color:#ff981f}
.title-img p span {display:block; color:#fff; font-size:16px; line-height:30px; font-weight:700}
dl.img-txtbox {clear:both; overflow:hidden; padding:42px 0; border-bottom:1px solid #e8e8e8}
dl.img-txtbox.ani-start {animation:ani-Fadein-up 1.3s ease-out both}
dl.img-txtbox.first {border-top:1px solid #e8e8e8}
dl.img-txtbox dt {float:left; width:280px; margin:0 70px 0 0}
dl.img-txtbox dd {float:none; overflow:hidden}
dl.img-txtbox dd strong {display:block; position:relative; margin:0 0 18px 0; padding:0 0 0 20px; font-size:20px; font-weight:800; line-height:20px}
dl.img-txtbox dd strong:before {position:absolute; left:0; top:0; width:5px; height:20px; background:#ff981f; content:''}
dl.img-txtbox dd p {line-height:210%; font-size:15px; font-weight:600}
.page-governance .title-img {background:url('/img/img_ptit_01.jpg') no-repeat 0 0}
.page-governance dl {margin-top:42px; border-top:1px solid #e8e8e8}
.page-development h4 {margin:0 0 30px 0; padding-top:180px; text-align:center; background:url('/img/bg_stit_03.png') no-repeat 50% 0}
.page-development h4 strong {display:block; margin:0 0 20px 0; color:#ff981f; font-size:30px; font-weight:800}
.page-development h4 span {display:block; color:#9c9c9c; font-size:20px; font-weight:600}
.page-development h4 span b {font-weight:800; color:#ff981f}
.page-development h4 + p {position:relative; padding:35px 0 0 0; line-height:210%; font-size:15px; font-weight:600}
.page-development h4 + p:before {position:absolute; left:50%; top:0; width:42px; height:1px; margin:0 0 0 -21px; background:#333; content:''}
.page-development h5 {position:relative; margin-top:60px; margin-bottom:30px; padding-top:15px; font-size:22px; font-weight:800}
.page-development h5:before {position:absolute; left:0; top:0; width:40px; height:2px; background:#ff981f; content:''}
.page-development h5 + dl {border-top:1px solid #d8d8d8}
.page-agenda h3.local {margin-top:180px}
.page-agenda h4 {margin:0 0 30px 0; padding-top:180px; text-align:center; background:url('/img/bg_stit_02.png') no-repeat 50% 0}
.page-agenda h4 strong {display:block; margin:0 0 20px 0; color:#ff981f; font-size:30px; font-weight:800}
.page-agenda h4 span {display:block; color:#9c9c9c; font-size:20px; font-weight:600}
.page-agenda h4 span b {font-weight:800; color:#ff981f}
.page-agenda h4 + p {position:relative; padding:35px 0 0 0; font-size:20px; font-weight:600; text-align:center}
.page-agenda h4 + p:before {position:absolute; left:50%; top:0; width:42px; height:1px; margin:0 0 0 -21px; background:#333; content:''}
.page-agenda .title-img {margin-top:70px; background:url('/img/img_ptit_02.jpg') no-repeat 0 0}
.page-agenda .title-img.local {margin-top:70px; background:url('/img/img_ptit_03.jpg') no-repeat 0 0}
.page-agenda .title-img.local p span {font-size:15px; letter-spacing:-0.1px}
.page-agenda .title-img + dl {margin-top:42px; border-top:1px solid #e8e8e8}
.page-network .bg-tee {background:url('/img/bg_network.jpg') no-repeat 50% 0; background-size:cover}
.page-conference-status .bg-tee {background:url('/img/bg_conference.jpg') no-repeat 50% 0; background-size:cover}
.page-conference-status .innerbox {clear:both; overflow:hidden; width:1300px; margin:220px auto 0}
.page-conference-status .s-txt-box {float:right; z-index:44; height:380px; margin:0 !important; padding-top:60px !important}
.page-conference-status .bottom-img {float:left; position:relative !important; left:0 !important; width:440px !important; height:380px !important; z-index:43 !important; margin:0 !important}
.page-conference-status .innerbox + .innerbox {width:1300px; margin:100px auto 0}
.page-conference-status h4 {position:relative; margin-bottom:40px; padding-top:15px; font-size:22px; font-weight:800}
.page-conference-status h4:before {position:absolute; left:0; top:0; width:40px; height:2px; background:#ff981f; content:''}
.page-conference-status .boardlist ul.table-header {border-bottom:1px solid #e2e2e2; background:#fff5e9; border-top:2px solid #ff9821}
.page-conference-status .boardlist ul.table-header li {width:15%; border-right:1px solid #e2e2e2; background:#fff5e9; font-family:'nq'; font-weight:400; font-size:17px}
.page-conference-status .boardlist ul.table-header li:last-child {width:40%; border-right:0}
.page-conference-status .boardlist .table-contents > ul > li {padding:0; border-bottom:1px solid #e2e2e2}
.page-conference-status .boardlist .table-contents > ul > li:last-child {border-bottom-color:#616161}
.page-conference-status .boardlist .table-contents > ul > li > p {float:left; width:15%; padding:12px 0; border-right:1px solid #e2e2e2; font-family:'nq'; font-size:14px; font-weight:400}
.page-conference-status .boardlist .table-contents > ul > li > p.txtleft {padding-left:20px}
.page-conference-status .boardlist .table-contents > ul > li > p:last-child {width:40%; border-right:0}
.page-conference-status .boardlist .table-contents > ul > li > p:first-child {background:#fbfbfb}
.page-sdgs .bg-tee {background:url('/img/bg_sdgs_01.jpg') no-repeat 50% 0; background-size:cover}
.page-sdgs-prize .bg-tee {background:url('/img/bg_sdgs_02.jpg') no-repeat 50% 0; background-size:cover}
.page-history .listgroup {clear:both; overflow:hidden; position:relative; width:1340px; margin:0 auto; padding:0}
.page-history .listgroup .historybox {position:relative; left:0; width:745px; clear:both; overflow:hidden}
.page-history .listgroup .historybox:after {position:absolute; top:0; left:670px; z-index:1; width:11px; height:100%; margin:0 0 0 -5.5px; background:#f8f8f8; content:''}
.page-history .listgroup .historybox:last-child:after {height:150px}
.page-history .listgroup .historybox:nth-child(odd) {top:0}
.page-history .listgroup .historybox:nth-child(odd) h4 {right:0}
.page-history .listgroup .historybox:nth-child(odd) h4:before {left:-53px}
.page-history .listgroup .historybox:nth-child(odd) ul {float:left; margin-left:20px}
.page-history .listgroup .historybox:nth-child(2n) {position:relative; float:right}
.page-history .listgroup .historybox:nth-child(2n):after {left:75px}
.page-history .listgroup .historybox:nth-child(2) {margin-top:-50%}
.page-history .listgroup .historybox:nth-child(4) {margin-top:-30%}
.page-history .listgroup .historybox:nth-child(6) {margin-top:-30%}
.page-history .listgroup .historybox:nth-child(even) ul {float:right; margin-right:20px}
.page-history .listgroup .historybox:nth-child(even) h4 {left:0}
.page-history .listgroup .historybox:nth-child(even) h4:before {right:-53px}
.page-history .listgroup .historybox h4 {position:absolute; top:0; z-index:2; width:150px; height:150px; text-align:center; background:#fff; border:15px solid #d3d3d3; border-radius:50%; color:#b3b3b3; font-weight:800; font-size:25px; line-height:120px}
.page-history .listgroup .historybox h4:before {position:absolute; top:50%; width:38px; height:2px; margin:-1px 0 0 0; background:#dbdbdb; content:''}
.page-history .listgroup .historybox.on ul {border-color:#ff981f}
.page-history .listgroup .historybox.on h4 {border-color:#ff981f; color:#ff981f}
.page-history .listgroup .historybox.on h4:before {background:#ff981f}
.page-history .listgroup .historybox ul {clear:both; overflow:hidden; width:536px; padding:35px 20px 35px 30px; margin-bottom:70px; background:#fff; border-top:4px solid #b3b3b3; box-shadow:10px 10px 10px rgba(0,0,0,0.03), -5px -5px 5px rgba(0,0,0,0.02)}
.page-history .listgroup .historybox ul li {clear:both; overflow:hidden; margin:5px 0 0 0}
.page-history .listgroup .historybox ul li:first-child {margin-top:0}
.page-history .listgroup .historybox ul li strong {float:left; width:100px; color:#000; font-size:17px; font-weight:800}
.page-history .listgroup .historybox ul li p {float:none; overflow:hidden; color:#363636; font-size:15px; font-weight:600; line-height:160%}
.page-history .listgroup .historybox:nth-child(1).ani-start {animation:ani-Fadein-up 2s both}
.page-history .listgroup .historybox:nth-child(2).ani-start {animation:ani-Fadein-up 3s both}
.page-history .listgroup .historybox:nth-child(3).ani-start {animation:ani-Fadein-up 4s both}
.page-history .listgroup .historybox:nth-child(4).ani-start {animation:ani-Fadein-up 5s both}
.page-history .listgroup .historybox:nth-child(5).ani-start {animation:ani-Fadein-up 6s both}
.page-history .listgroup .historybox:nth-child(6).ani-start {animation:ani-Fadein-up 7s both}
.page-history .listgroup .historybox:nth-child(7).ani-start {animation:ani-Fadein-up 8s both}
.page-history .listgroup .historybox:nth-child(8).ani-start {animation:ani-Fadein-up 9s both}
.page-history .listgroup .historybox:nth-child(9).ani-start {animation:ani-Fadein-up 10s both}
.page-history .listgroup .historybox:nth-child(10).ani-start {animation:ani-Fadein-up 11s both}
.page-greeting .bg-tee {height:620px !important; background:url('/img/bg_introduce_02.jpg') no-repeat 50% 0; background-size:cover}
.page-greeting .bg-tee.gr2 {height:620px !important; background:url('/img/bg_introduce_03.jpg') no-repeat 50% 0; background-size:cover}
.page-greeting .bg-tee.gr3 {height:620px !important; background:url('/img/bg_introduce_01.jpg') no-repeat 50% 0; background-size:cover}
.page-greeting .bg-tee.gr4 {height:620px !important; background:url('/img/bg_introduce_04.jpg') no-repeat 50% 0; background-size:cover}
.page-greeting .innerbox {clear:both; overflow:visible; position:relative; width:1300px; margin:310px auto 0}
.page-greeting .s-txt-box {width:900px !important; float:right; padding:65px 60px 65px 60px !important; margin:0 20px 350px 0 !important; box-shadow:10px 10px 10px rgba(0,0,0,0.06)}
.page-greeting .s-txt-box h4 {position:relative; margin:0 0 50px 0; padding:0 0 0 35px; color:#ff981f; font-size:40px; font-weight:800}
.page-greeting .s-txt-box h4 em {display:block; margin-left:-35px; margin-bottom:15px; text-align:center; font-size:20px; color:#aaa; font-weight:600}
.page-greeting .s-txt-box h4 strong {display:inline-block; position:relative; padding-right:30px; color:#ff981f; font-size:40px; font-weight:800; line-height: 1.5;}
.page-greeting .s-txt-box h4.gr3 strong {font-size:38px}
.page-greeting .s-txt-box h4.gr3:before {top:30px}
.page-greeting .s-txt-box h4.gr3 strong:after {top:-10px}
.page-greeting .s-txt-box h4:before {content:'“'; position:absolute; left:0; top:0; font-size:70px; color:#ddd; font-family:'nm'}
.page-greeting .s-txt-box h4 strong:after {content:'”'; position:absolute; right:0; top:0; font-size:70px; color:#ddd; font-family:'nm'}
.page-greeting .s-txt-box h4 + strong {display:block; margin:0 0 50px 0; font-size:20px; font-weight:800}
.page-greeting .s-txt-box strong {display:block; margin:0 0 50px 0; font-size:20px; font-weight:800}
.page-greeting .s-txt-box p {font-size:16px; line-height:170%; font-weight:600}
.page-greeting .s-txt-box p > strong {font-weight:800}
.page-greeting .s-txt-box .sign {float:right; text-align:right; margin-top:30px}
.page-greeting .s-txt-box .sign em {display:block; margin:0 0 10px 0; font-size:17px; font-weight:700}
.page-greeting .s-txt-box .sign b {font-family:'nm'; font-size:28px}
.page-greeting .s-txt-box .sign b i {font-size:16px; font-family:'noto'}
.page-greeting .ceo-img {position:absolute; left:35px; top:-140px; z-index:44; width:370px; box-shadow:8px 10px 10px rgba(0,0,0,0.08)}
.page-greeting .bottom-img {position:absolute !important; left:0 !important; z-index:42 !important; top:600px; margin:0 !important}
.page-greeting .bottom-img.gr3 {top:750px}
.page-laws .laws-history {clear:both; overflow:hidden; padding:20px 20px 15px 20px; margin:0 0 70px 0; border:1px solid #dbdbdb; border-radius:10px}
.page-laws .laws-history ul li {float:left; position:relative; width:calc(100%/6); padding:0 0 0 12px; margin:0 0 5px 0; color:#7e7e7; font-size:14px; line-height:20px; font-weight:600}
.page-laws .laws-history ul li:before {position:absolute; left:0; top:50%; width:3px; height:3px; margin:-1.5px 0 0 0; background:#a5a5a5; content:''}
.page-laws .rulebox {clear:both; overflow:hidden}
.page-laws .rulebox h4 {margin:0 0 30px 0; color:#ff981f; font-size:20px; font-weight:800}
.page-laws .rulebox dl {clear:both; overflow:hidden; margin:0 0 30px 0}
.page-laws .rulebox dl dt {margin:0 0 6px 0; font-weight:800; font-size:15px}
.page-laws .rulebox dl dd {font-size:15px; line-height:190%; font-weight:600}
.page-laws .rulebox dl + h4 {margin-top:80px}
.page-laws .rulebox .download {margin:80px 0 0 0}
.page-laws .rulebox .download p {margin:0 0 10px 0; font-size:16px; line-height:190%; font-weight:600; color:#ff981f}
.page-laws .rulebox .download ul {margin:0 0 0 10px}
.page-laws .rulebox .download ul li {float:left; margin:0 20px 0 0}
.page-laws .rulebox .download ul li a {font-size:15px; text-decoration:underline; font-weight:600}
.page-organization .org-img {margin:0 0 100px 0; text-align:center}
.page-organization .org-img img {width:100%; max-width:1092px; margin:0 auto}
.page-organization ul.tabbox li {width:calc(100%/4)}
.page-contactus .map {margin:0 0 90px 0}
.page-contactus .map img {width:100%}
.page-contactus .map + dl {margin-bottom:100px}
.page-contactus dl {clear:both; overflow:hidden}
.page-contactus dl dt {position:relative; margin-bottom:40px; padding-top:15px; font-size:22px; font-weight:800}
.page-contactus dl dt:before {position:absolute; left:0; top:0; width:40px; height:2px; background:#ff981f; content:''}
.page-contactus dl dd {margin:50px 0 0 0}
.page-contactus dl dd ul {clear:both; overflow:hidden}
.page-contactus dl dd ul li {min-height:100px; margin-top:50px; padding:0 0 0 130px}
.page-contactus dl dd ul li:first-child {margin-top:0}
.page-contactus dl dd ul li strong {display:block; margin:0 0 7px 0; color:#ff981f; font-size:17px; font-weight:800}
.page-contactus dl dd ul li p {font-size:16px; line-height:160%; font-weight:400}
.page-contactus dl dd ul li.bus {background:url('/img/img_location_01.png') no-repeat 0 0; background-size:100px auto}
.page-contactus dl dd ul li.subway {background:url('/img/img_location_02.png') no-repeat 0 0; background-size:100px auto}
.page-contactus dl dd ul li.type1 {background:url('/img/img_location_03.png') no-repeat 0 0; background-size:100px auto}
.page-contactus dl dd ul li.type2 {background:url('/img/img_location_04.png') no-repeat 0 0; background-size:100px auto}
/* popup */
.modalpop {display:block; opacity:0; top:-99999px; left:-99999px}
.modalpop .popupwrap {position:fixed; left:-99999px; top:-99999px; z-index:101; overflow:hidden; width:100%; background:#fff; opacity:0}
.popupwrap .btn-popclose {position:absolute; right:12px; top:13px; width:25px; height:25px; background:url('/img/icon_close_02.png') no-repeat 50%; background-size:100% auto; font-size:0; text-indent:-99999px}
.popupwrap h1 {height:50px; padding:0 20px; background:#fcce00; line-height:50px; color:#fff; font-size:20px}
.popupwrap .popcontents {clear:both; overflow-y:hidden; padding:30px}
.popupwrap .btncenter {margin-top:30px}
.popupwrap.pop-pwinsert {width:440px}
.popupwrap.pop-pwinsert fieldset strong {display:block; margin:0 0 10px 0; color:#333; font-size:18px}
.popupwrap.pop-pwinsert fieldset .inpbox {height:45px; border-color:#ccc}
/* 0314유진 사단법인지속협회 */
.sustainb_bottom { margin-top:80px; }
.sustainb_bottom p{ font-weight:800; font-size:18px; color:#ff981f; padding-bottom:15px; }
.sustainb_bottom ul li{ font-weight:700; line-height:30px; font-size:16px; }
.sustainb_bottom ul li span{ font-weight:900; }
@media screen and (min-width:961px) {
.header .topmenu {right:50px}
.header .topmenu > ul > li:hover ul {display:block}
.header .topmenu > ul > li:hover > a {color:#ff981f}
.header .btn-category {right:0}
}
@media screen and (max-width:1240px) {
#wrap {min-width:1200px}
.header {min-width:1200px}
.header .innerbox {width:96%}
.header h1 {width:250px; height:50px; margin-top:16px}
.header h1 a {width:100%; height:50px; background-size:100% auto}
.header .topmenu > ul > li {margin-left:40px}
.header .topmenu > ul > li > a {font-size:16px}
.header .allmenu .btn-close {right:calc((100% - 1200px) / 2)}
.header .allmenu .allmenu-innerbox {width:1200px}
.submenu ul {width:100%}
.submenu ul li:last-child {border-right:0}
.contentsarea {width:100%}
.footer {height:auto; padding-bottom:20px}
.footer .innerbox {width:96%; margin:0 auto; padding-left:0}
.footer h1 {position:static}
.footer ul.bmenu {clear:none; float:left; margin:15px 0 0 0}
.footer ul.info li {display:none}
.footer ul.info li:last-child {display:block}
.footer .intromenu-go {display:none}
.photolist {margin:0 0 -11px 0}
.photolist dl {width:31.3%; margin:11px 1%}
}
@media screen and (max-width:960px) {
.pc-only {display:none !important}
.mobile-only {display:block !important}
#wrap {min-width:320px}
.header {min-width:320px}
.header h1 {float:none; margin:0 auto 0}
.header .util {top:4px}
.header .util > span {display:none}
.header .topmenu {position:fixed; left:-150%; top:0; width:80%; padding-top:69px; background:#fff}
.header .btn-category {left:2%; top:14px; width:30px; height:30px; background:url('/img/icon_category_m.png') no-repeat 50%; background-size:100% auto}
.header .topmenu .btn-category-close {position:absolute; left:25px; top:32px; width:36px; height:37px; background:url('/img/icon_layerclose_02.png') no-repeat 50%; font-size:0; text-indent:-99999px}
.header.mobileActive .topmenu {overflow-x:hidden; overflow-y:auto}
.header.mobileActive .topmenu .banner.Static {position:static}
.header .topmenu > ul {border-bottom:1px solid #dbdbdb}
.header .topmenu > ul > li {float:none; height:auto; margin:0; border-top:1px solid #dbdbdb; line-height:20px}
.header .topmenu > ul > li:first-child {border-top:1px solid #bebebe}
.header .topmenu > ul > li > a {display:block; position:relative; width:100%; height:55px; padding-left:25px; padding-right:40px; line-height:55px; color:#1d1d1d; font-size:18px}
.header .topmenu > ul > li > a:after {position:absolute; right:20px; top:50%; width:31px; height:16px; margin-top:-8px; background:url('/img/icon_arr_04.png') no-repeat 50%; content:''; transform:rotate(0deg); transition:transform 0.5s}
.header .topmenu > ul > li.on a:after {transform:rotate(180deg); transition:transform 0.5s}
.header .topmenu > ul > li > ul {display:none; position:static; width:100% !important; margin-left:0 !important; padding-top:20px; padding-bottom:20px; text-align:left; background:#f6f6f6; box-shadow:0 0 0; border-top:1px solid #dbdbdb}
.header .topmenu > ul > li > ul li {height:35px; border-top:0}
.header .topmenu > ul > li > ul li a {height:35px; padding-left:25px; text-align:left; font-size:15px; line-height:35px}
.header .topmenu > ul > li:last-child a:after {background:url('/img/icon_arr_05.png') no-repeat 0 0}
.header .topmenu > ul > li:last-child.on a:after {transform:rotate(0); transition:transform 0s}
.header .topmenu .banner {position:absolute; left:0; bottom:0; display:block; width:100%; background:#fff; border-top:12px solid #f4f4f4; font-size:0}
.header .topmenu .banner a {display:block; width:100%; height:65px; padding:20px 100px 0 25px; background:url('/img/icon_arr_07.png') no-repeat 95% 50%}
.header .topmenu .banner a img {width:70%; max-width:336px}
.header .subvisual {clear:both; overflow:hidden; height:auto; background:none}
.header .subvisual .innerbox {width:100%; height:auto}
.header .subvisual h2 {width:100%; margin-top:13px; margin-bottom:0; padding-bottom:15px; border-bottom:1px solid #e5e5e5; color:#222}
.header .subvisual h2 strong {font-size:24px; font-weight:800; color:#262626}
.header .pagenavi {clear:both; display:block; width:100%; height:65px; padding-left:4%; text-align:left; border-bottom:15px solid #f3f3f3; line-height:50px}
.header .pagenavi li {float:left; padding:0 20px 0 10px; background:url('/img/icon_arr_01_m.png') no-repeat 99% 50%; font-size:16px; font-weight:200; color:#9c9c9c}
.header .pagenavi li:first-child {padding-left:0}
.header .pagenavi li:first-child span {width:25px; height:100%; background:url('/img/icon_home_m.png') no-repeat 0 45%}
.header .pagenavi li:last-child {padding-left:7px; background:0; color:#9c9c9c; font-weight:800}
.header .fixedHeader {height:80px; padding-top:18px; box-shadow:0 0 0; border-bottom:1px solid #e5e5e5}
.header fieldset.global-search {width:40px; height:40px}
.header fieldset.global-search p {padding-right:0; border:0}
.header fieldset.global-search p .inpbox {display:none}
.header fieldset.global-search p button {right:0; top:0; width:40px; height:40px; background:url('/img/icon_search_gnb_m.png') no-repeat 50%; background-size:27px auto}
.contentsarea {padding:60px 0 100px 0}
.contentsarea h3 {margin:0 0 50px 0; padding-top:20px}
.contentsarea h3 span {font-size:28px}
.contentsarea h3:before {height:3px}
.contentsarea > div {padding-left:2%; padding-right:2%}
.container.bgBottom:after {background-size:cover; background-position:50% 100%}
.container.bgBottom.conference:after {height:700px; background-image:url('/img/bg_information_m.jpg')}
.container.bgBottom.history:after {height:2350px; background-image:url('/img/bg_history_m.jpg')}
.container.bgBottom.greeting:after {height:790px; background-image:url('/img/bg_bottombox_m.jpg')}
.container.wideTeeBanner.biz:after {height:300px; background-image:url('/img/bg_network_bottom_m.jpg'); background-size:cover}
.container.wideTeeBanner .bg-tee {top:200px; width:100%; height:220px}
.container.wideTeeBanner .s-txt-box {width:90%; margin:200px auto 15%; padding:40px 30px; line-height:180%}
.container.wideTeeBanner .s-txt-box button {width:230px; height:42px}
.container.wideTeeBanner .s-txt-box button em {background:url('/img/icon_arr_10_m.png') no-repeat 100% 50%; background-size:8px auto; font-size:16px}
.footer {padding-top:16px}
.footer h1 img {width:200px}
.footer .intromenu-go {display:none}
.footer .btn-toggle {display:block; position:absolute; right:10px; top:50px; padding:0 40px 0 0; background:url('/img/icon_arr_06.png') no-repeat 100% 50%; color:#999; font-size:16px; font-weight:100}
/* touch slide menu */
.tslide {position:relative; overflow-x:auto; overflow-y:hidden; width:100%; white-space:nowrap; -webkit-overflow-scrolling:touch}
.tslide > ul {position:relative; overflow-x:auto !important; overflow-y:hidden !important; background-color:#fff; font-size:0; -webkit-overflow-scrolling:touch}
.tslide > ul > li {display:inline-block; height:100%; padding:0; vertical-align:middle}
/* main */
body#main {background:#fff}
.maincontents {padding-top:0}
.maincontents > .innerbox {width:100%; margin:0}
.maincontents .mainvisual {float:none; width:100%; height: max-content; margin:0 0 20px 0}
.maincontents .mainvisual ul.slick-slider {width:100%; height:max-content;}
.maincontents .mainvisual ul.slick-slider li {width:100%; height:max-content; background:url('/img/img_mainvisual_m.jpg') no-repeat 0 0; background-size:auto 100%}
.maincontents .mainvisual ul.slick-slider li h2 {top:40%; width:100%}
.maincontents .mainvisual ul.slick-slider li h2 strong {padding:0 0 20px 0; margin:0 0 20px 0; font-size:30px}
.maincontents .mainvisual ul.slick-slider li h2 span {margin-left:30px; margin-right:30px; font-size:16px}
.maincontents .mainvisual .slick-prev {left:10px; width:30px; height:30px; margin-top:-15px; background:url('/img/icon_prev_01_m.png') no-repeat 50%; background-size:100% auto}
.maincontents .mainvisual .slick-next {right:10px; width:30px; height:30px; margin-top:-15px; background:url('/img/icon_next_01_m.png') no-repeat 50%; background-size:100% auto}
.maincontents .mainvisual .page-control {position:absolute; left:0; bottom:32px; z-index:31; width:100%; height:40px; text-align:center; font-size:0}
.maincontents .mainvisual .page-control > * {vertical-align:middle}
.maincontents .mainvisual .page-control > span {display:inline-block; padding:6px 12px 0 12px; height:40px; background:rgba(0,0,0,0.4); border-radius:20px}
.maincontents .mainvisual .page-control > span .slick-pause {width:28px; height:28px; background:url('/img/icon_video_stop.png') no-repeat 50%; background-size:100% auto; font-size:0; text-indent:-99999px}
.maincontents .mainvisual .page-control > span .slick-pause.play {background:url('/img/icon_video_play.png') no-repeat 50%; background-size:100% auto}
.maincontents ul.slick-dots {display:inline-block; width:90px; height:40px; text-align:center}
.maincontents ul.slick-dots li {display:inline-block; width:24px; padding:13px 4px 0 4px}
.maincontents ul.slick-dots li button {width:16px; height:16px; border:3px solid #fff; border-radius:50%; font-size:0; text-indent:-99999px}
.maincontents ul.slick-dots li.slick-active button {border-color:#ff981f}
.maincontents h3 strong {font-size:19px}
.maincontents .banner-slide {margin-bottom:20px}
.maincontents .banner-slide ul.slick-slider .slick-slide > div span {font-size:24px; line-height:30px}
.maincontents .noticebox {width:100%; height:auto; padding:0 20px; background:0}
.maincontents .noticebox h3 strong {color:#262626}
.maincontents .noticebox h3 a.moreview {color:#787878}
.maincontents .noticebox ul {border-bottom:1px solid #f0f0f0}
.maincontents .noticebox ul li {border-color:#f0f0f0}
.maincontents .noticebox ul li a strong {color:#262626}
.maincontents .noticebox ul li a span {color:#a7a7a7}
.maincontents .pr-centerlist .videobox {float:none; width:auto; height:auto; margin:0; font-size:0}
.maincontents .pr-centerlist .videobox video {width:100%}
.maincontents .pr-centerlist .videobox p {height:auto; padding:15px; background:rgba(0,0,0,0.4)}
.maincontents .pr-centerlist .videobox p button {margin-top:-30%; right:50%; margin-right:-27px}
.maincontents .pr-centerlist .videobox p strong {display:inline-block; margin-right:10px}
.maincontents .pr-centerlist .videobox p span {display:inline-block}
.maincontents .pr-centerlist .prlist {height:300px; padding-right:0; padding-left:20px}
.maincontents .pr-centerlist .prlist ul {height:298px}
.maincontents .pr-centerlist .prlist ul li {float:none; display:inline-block; width:80%; padding-right:20px}
.maincontents .pr-centerlist .prlist ul li .pic button {width:75px; height:75px; margin:-37px 0 0 -37px; background:url('/img/btn_videoplay_m.png') no-repeat 50%; background-size:75px auto}
.maincontents .sns-list {height:auto; padding:0 20px 30px 20px}
.maincontents .sns-list ul {height:auto}
.maincontents .sns-list ul li {width:auto; float:none; height:auto; padding:0; margin:10px 0}
.maincontents .sns-list ul li:last-child {width:100%}
.maincontents .sns-list ul li a {width:100%; height:55px; line-height:55px; background-size:30px auto !important}
.maincontents .sns-list ul li a:after {top:13px; right:15px}
.maincontents .sdk-overview {height:auto; overflow:hidden; padding:60px 0; background:url('/img/bg_mainvisual_m.jpg') no-repeat 50%}
.maincontents .sdk-overview h3 {width:90%}
.maincontents .sdk-overview h3 strong {font-size:32px}
.maincontents .sdk-overview h3 span {font-size:16px}
.maincontents .sdk-overview h3 button em {background:url('/img/icon_arr_03_m.png') no-repeat 100% 50%; background-size:7px auto}
.maincontents .sdk-overview ul {width:80%; height:auto}
.maincontents .sdk-overview ul li {float:none; width:100% !important; height:auto; padding:12px 0 10px 112px; background-position:10px 50% !important}
.maincontents .sdk-overview ul li.ov1 {background-size:95px auto}
.maincontents .sdk-overview ul li.ov2 {background-size:95px auto}
.maincontents .sdk-overview ul li.ov3 {background-size:95px auto}
.maincontents .sdk-overview ul li:before {left:25px}
.maincontents .sdk-overview ul li.ov1:before {width:60px; height:85px; margin-top:-47px; background-size:100% auto}
.maincontents .sdk-overview ul li.ov2:before {width:60px; height:85px; margin-top:-47px; background-size:100% auto}
.maincontents .sdk-overview ul li.ov3:before {width:70px; height:60px; margin-top:-30px; background-size:100% auto}
.maincontents .sdk-overview ul li > a {height:140px}
.maincontents .sdk-overview ul li strong {font-size:18px}
.maincontents .sdk-overview ul li span {font-size:14px}
.maincontents .sdk-overview ul li em {width:60px; height:25px; background:url('/img/btn_moreview_01_m.png') no-repeat 0 0; background-size:100% auto}
.maincontents .latest-boardlist .innerbox {width:100%}
.maincontents .latest-boardlist .innerbox > div {float:none; width:100%; padding:0}
.maincontents .latest-boardlist .innerbox > div h3 {height:60px; padding:0; border-color:#d9d9d9; line-height:60px}
.maincontents .latest-boardlist .innerbox > div h3 strong {padding-left:20px; background:0}
.maincontents .latest-boardlist .innerbox > div h3 a.moreview {right:20px; top:50%; width:20px; height:37px; margin-top:-18px; background:url('/img/icon_arr_11.png') no-repeat 50%; text-indent:-99999px; font-size:0}
.maincontents .latest-boardlist .innerbox > div ul {display:none}
.maincontents .bannerzone {border-top:0}
.maincontents .bannerzone h3 {display:none}
.maincontents .bannerzone .innerbox {width:auto; padding-right:0}
.maincontents .bannerzone ul {padding:0 35px}
.maincontents .bannerzone ul li {text-align:center}
.maincontents .bannerzone ul li img {display:inline-block; width:auto; max-height:30px}
.maincontents .bannerzone .slick-prev {left:10px; width:16px; height:29px}
.maincontents .bannerzone .slick-next {right:10px; width:16px; height:29px}
.maincontents .bannerzone .page-control {display:none}
.maincontents .noticebox.ani-start {animation:ani-Fadein-up 1.5s ease-out both}
.maincontents .pr-centerlist .videobox.ani-start {animation:ani-Fadein-up 1.5s ease-out both}
.maincontents .pr-centerlist .prlist.ani-start {animation:ani-Fadein-up 1.5s ease-out both}
.maincontents .sdk-overview h3.ani-start {animation:ani-Fadein-up 2s both}
.maincontents .sdk-overview ul li.ani-start:before {animation:ani-Fadein-up 2s both}
.maincontents .latest-boardlist .innerbox.ani-start {animation:ani-Fadein-up 1.5s ease-out both}
/* contents */
.btncenter {margin-top:50px}
.btn-prevpage {width:180px; height:50px}
.btn-prevpage em {background:url('/img/icon_prevpage_m.png') no-repeat 0 50%; background-size:20px auto; font-size:16px}
fieldset.boardschbox {width:95%; margin:0 auto}
fieldset.boardschbox .optionbox {float:left; width:30%}
fieldset.boardschbox p {float:none; display:block; width:auto; overflow:hidden; padding-right:55px}
fieldset.boardschbox p button {width:45px}
fieldset.boardschbox p button em {display:block; width:100%; height:100%; background-position:50%; font-size:0; text-indent:-99999px}
ul.tabbox {height:auto; background-position:0 50%}
.boardlist ul.table-header {display:none}
.boardlist table tbody td {padding-left:3px; padding-right:3px; font-size:14px}
.boardlist .table-contents > ul > li:first-child {border-top:1px solid #c9c9c9}
.boardlist .table-contents > ul > li {padding:20px 15px; font-size:15px}
.boardlist .table-contents > ul > li > p {float:none; clear:both; overflow:hidden; width:100%}
.boardlist .table-contents > ul > li > p > span {float:left; width:auto; margin-left:20px}
.boardlist .table-contents > ul > li > p > span:first-child {margin-left:0}
.boardlist .table-contents > ul > li > p > .readcnt {float:left; background:url('/img/icon_readcnt_m.png') no-repeat 0 50%}
.boardlist .table-contents > ul > li > label {display:none}
.boardlist .table-contents > ul > li > strong.title {width:99%; margin-bottom:5px; white-space:pre-wrap; overflow:visible; text-overflow:clip; o-text-overflow:clip; word-wrap:break-word; word-break:break-all; font-size:15px}
.boardlist .table-contents > ul > li .new {width:20px; height:20px; line-height:22px; font-size:13px}
.boardlist .table-contents > ul > li .new b {display:none}
.boardview dl dt {padding:15px 25px; border-bottom:1px solid #c9c9c9}
.boardview dl dt p {padding:0}
.boardview dl dt p .new {width:20px; height:20px; line-height:22px; font-size:13px}
.boardview dl dt p .new b {display:none}
.boardview dl dt p strong {font-size:17px}
.boardview dl dt ul {border:0}
.boardview dl dt ul li {margin-left:30px; padding:5px 0 0 0}
.boardview dl dt ul li span.readcnt {height:25px; padding:0 0 0 20px; background:url('/img/icon_readcnt_m.png') no-repeat 0 50%}
.boardview dl dt ul li:first-child {margin-left:0}
.boardview dl dt ul li strong {display:none}
dl dd.contentsview {padding:30px 0 60px 0}
.replybox fieldset > div > label {display:none}
.replybox fieldset > div.password {margin-left:6px}
.replybox .replylist ul li {padding:15px 25px}
.replybox .replylist ul li > .name {display:none}
.replybox .replylist ul li > p strong {font-size:15px}
.replybox .replylist ul li > p em {float:none; display:block}
.replybox .replylist ul li > p em b {display:inline-block; margin-right:15px; color:#1d1d1d; font-weight:800}
.replybox .replylist ul li > p span {float:none; display:block; margin-top:2px}
.photolist {margin:0 0 -11px 0}
.photolist dl {width:47%; height:370px; margin:11px 1.5%}
.photolist dl dt .pic {min-height:180px; background-image:url('/img/bg_noimg_01_m.jpg'); background-size:80% auto}
.calendarbox {width:90%; margin:0 auto}
.calendarbox .calendar-contents ul li > span {font-size:15px}
.calendarbox .calendar-contents ul li {height:90px}
.calendarbox .calendar-contents ul li div {height:100%}
.calendarbox .calendar-contents ul li div p {display:none; font-size:0; text-indent:-99999px}
.calendarbox .calendar-contents ul li div p:first-child {display:block}
.calendarbox .calendar-contents ul li div p.color-orange {position:relative; height:100%; background:0}
.calendarbox .calendar-contents ul li div p.color-orange:after {position:absolute; left:50%; top:10%; width:14px; height:14px; margin-left:-7px; background:#ff7e00; border-radius:50%; content:''}
.calendarbox .calendar-contents ul li div p.color-blue {position:relative; height:100%; background:0}
.calendarbox .calendar-contents ul li div p.color-blue:after {position:absolute; left:50%; top:10%; width:14px; height:14px; margin-left:-7px; background:#048cff; border-radius:50%; content:''}
.calendar-txtlist {display:block; margin-top:40px; padding-top:15px; border-top:13px solid #f5f5f5}
.calendar-txtlist h4 {padding:0 5% 10px 5%; border-bottom:1px solid #cbcbcb; font-size:18px; color:#969696}
.calendar-txtlist ul li {padding:12px 5%; border-bottom:1px solid #e7e7e7; color:#2a2a2a; font-size:18px}
.page-conference dl {margin:0 0 40px 0; padding:180px 30px 30px 30px; text-align:center; background:url('/img/bg_stit_01.png') no-repeat 50% 40px; background-size:100px auto}
.page-conference .gallerybox {width:90%; height:auto}
.page-conference .gallerybox .photo-bigview {width:90%}
.page-conference .gallerybox .photo-bigview .pic {height:400px}
.page-conference .gallerybox .photo-bigview .pic img {min-height:400px}
.page-conference .gallerybox ul {width:90%; height:106px; margin:0 auto 0; padding-left:1px}
.page-conference .gallerybox ul li {float:left; width:105px; padding:0 5px}
.page-conference .gallerybox ul li a {width:calc(100% - 5px); font-size:0}
.page-conference .gallerybox ul li a img {min-height:100%}
.page-conference .gallerybox ul li:nth-child(2) {padding-left:7px}
.page-conference .gallerybox ul li:nth-child(3) {padding-left:7px}
.page-conference .gallerybox ul li:nth-child(4) {padding-left:7px}
.page-conference .gallerybox ul li:nth-child(5) {padding-left:7px}
.page-conference .gallerybox ul li:nth-child(6) {padding-left:7px}
.page-conference .gallerybox ul li:nth-child(7) {padding-left:7px}
.page-conference .gallerybox ul li:first-child {padding-left:0}
.page-conference .gallerybox ul li:last-child {padding-right:0}
.page-conference .gallerybox .slick-prev {left:-60px; top:-250px; width:40px; height:40px; background-size:100% auto}
.page-conference .gallerybox .slick-next {right:-60px; top:-250px; width:40px; height:40px; background-size:100% auto}
.local-mapbox dl {float:none; width:100%; margin:0 0 50px 0}
.local-mapbox dl dt {height:auto; margin-bottom:30px}
.local-mapbox .map {float:none; width:100%; height:auto; min-height:250px; margin:0; background:#f5f5f5 url('/img/bg_noimg_01_m.jpg') no-repeat 50%; background-size:80% auto}
.title-img {width:100%; height:240px; padding:0 20px}
dl.img-txtbox {padding:30px 0}
dl.img-txtbox dt {float:none; width:100%; margin:0 0 30px 0}
dl.img-txtbox dd strong {margin:0 0 15px 0; padding-left:15px}
dl.img-txtbox dd strong:before {width:4px}
dl.img-txtbox dd p {line-height:180%}
dl.img-txtbox .pic {display:block; width:100%}
dl.img-txtbox .pic img {max-width:100%}
.sentencebox p {line-height:180%; font-size:15px}
.page-governance .title-img {background:url('/img/img_ptit_01_m.jpg') no-repeat 0 0; background-size:cover}
.page-governance dl {margin-top:30px}
.page-agenda .title-img {height:310px; margin-top:40px; background:url('/img/img_ptit_02_m.jpg') no-repeat 0 0; background-size:cover}
.page-agenda .title-img p span {line-height:23px}
.page-agenda .title-img.local {height:400px; margin-top:40px; background:url('/img/img_ptit_03_m.jpg') no-repeat 0 0; background-size:cover}
.page-agenda .title-img + dl {margin-top:30px}
.page-sustainability-local ul.tabbox li {width:33.3%}
.page-sustainability-local ul.tabbox li:nth-child(4):before {background:0}
.page-network .bg-tee {background:url('/img/bg_network_m.jpg') no-repeat 50% 0; background-size:cover}
.page-sdgs .bg-tee {background:url('/img/bg_sdgs_01_m.jpg') no-repeat 50% 0; background-size:cover}
.page-sdgs-prize .bg-tee {background:url('/img/bg_sdgs_02_m.jpg') no-repeat 50% 0; background-size:cover}
.page-conference-status .innerbox {width:90%; margin:180px auto 15%}
.page-conference-status .innerbox + .innerbox {width:auto; margin-right:-2%; margin-left:-2%}
.page-conference-status .innerbox h4 {margin-left:2%; margin-right:2%; margin-bottom:20px}
.page-conference-status .s-txt-box {float:none; height:auto; margin:0 auto !important; padding-top:40px !important}
.page-conference-status .bg-tee {background:url('/img/bg_conference_m.jpg') no-repeat 50% 0; background-size:cover}
.page-conference-status .boardlist ul.table-header {display:none}
.page-conference-status .boardlist .table-contents > ul > li {padding-left:20px; padding-right:20px}
.page-conference-status .boardlist .table-contents > ul > li:first-child {border-top:10px solid #f3f3f3}
.page-conference-status .boardlist .table-contents > ul > li > p {position:relative; float:left; clear:none; width:auto; padding-top:10px; padding-bottom:0; border:0; font-weight:800; font-family:'noto'; color:#ff981f; font-weight:800; line-height:20px}
.page-conference-status .boardlist .table-contents > ul > li > p:nth-child(1) {padding-right:10px; background:0}
.page-conference-status .boardlist .table-contents > ul > li > p:nth-child(1):after {position:absolute; right:0; top:50%; width:1px; height:12px; margin:0 0 0 0; background:#c8c8c8; content:''}
.page-conference-status .boardlist .table-contents > ul > li > p:nth-child(2) {margin-left:10px}
.page-conference-status .boardlist .table-contents > ul > li > p:nth-child(2):after {content:'.'}
.page-conference-status .boardlist .table-contents > ul > li > p:nth-child(4) {float:none; clear:both; overflow:hidden; width:auto; padding:5px 0 10px 0; color:#262626; font-weight:700}
.page-conference-status .boardlist .table-contents > ul > li > p:nth-child(4):before {content:"주제 "; color:#989898; font-weight:700}
.page-history .listgroup {width:100%}
.page-history .listgroup .historybox {width:100%}
.page-history .listgroup .historybox:after {width:0; height:0; background:0}
.page-history .listgroup .historybox:nth-child(odd) h4 {right:0}
.page-history .listgroup .historybox:nth-child(odd) ul {float:none; margin-left:0}
.page-history .listgroup .historybox:nth-child(2n) {position:relative; float:right}
.page-history .listgroup .historybox:nth-child(2) {margin-top:0}
.page-history .listgroup .historybox:nth-child(4) {margin-top:0}
.page-history .listgroup .historybox:nth-child(6) {margin-top:0}
.page-history .listgroup .historybox:nth-child(even) ul {float:none; margin-right:0}
.page-history .listgroup .historybox:nth-child(even) h4 {left:0}
.page-history .listgroup .historybox:nth-child(even) h4:before {right:0}
.page-history .listgroup .historybox h4 {position:static; z-index:2; width:120px; height:120px; margin:0 auto 40px; border:12px solid #d3d3d3; font-size:24px; line-height:96px}
.page-history .listgroup .historybox h4:before {width:0; background:0}
.page-history .listgroup .historybox.on h4 {border-color:#ff981f; color:#ff981f}
.page-history .listgroup .historybox ul {width:100%; padding:0; margin-bottom:80px; background:0; border-top:0; box-shadow:none}
.page-history .listgroup .historybox ul li {clear:both; overflow:hidden; margin:5px 0 0 0}
.page-history .listgroup .historybox ul li:first-child {margin-top:0}
.page-history .listgroup .historybox ul li strong {float:left; width:100px; color:#000; font-size:17px; font-weight:800}
.page-history .listgroup .historybox ul li p {float:none; overflow:hidden; color:#363636; font-size:15px; font-weight:600; line-height:160%}
.page-greeting .bg-tee {display:none}
.page-greeting .innerbox {clear:both; overflow:visible; position:relative; width:100%; margin:0 auto 100px}
.page-greeting .s-txt-box {width:100% !important; float:none; padding:0 20px !important; margin:0 !important; box-shadow:none; background:0 !important}
.page-greeting .s-txt-box h4 {position:relative; margin:0; padding:0 0 0 20px; text-align:center}
.page-greeting .s-txt-box h4 strong {font-size:32px; line-height:45px}
.page-greeting .s-txt-box h4.gr3 {padding-top:15px}
.page-greeting .s-txt-box h4.gr3 strong {font-size:32px}
.page-greeting .s-txt-box h4.gr3 strong:after {top:-30px}
.page-greeting .s-txt-box h4 + strong {margin:30px 0 50px 35px; font-size:21px; font-weight:800}
.page-greeting .s-txt-box p {clear:both; overflow:hidden; font-size:16px; line-height:180%; font-weight:600}
.page-greeting .s-txt-box .sign {float:right; text-align:right; margin-top:30px}
.page-greeting .s-txt-box .sign em {display:block; margin:0 0 10px 0; font-size:17px; font-weight:700}
.page-greeting .s-txt-box .sign b {font-family:'nm'; font-size:28px}
.page-greeting .ceo-img {position:static; left:0; top:0; z-index:44; width:100%; text-align:center; box-shadow:none}
.page-greeting .ceo-img img {width:100%; max-width:370px; margin:0 auto}
.page-greeting .bottom-img {display:none}
.page-laws .laws-history {margin:0 0 40px 0}
.page-laws .laws-history ul li {width:50%}
.page-laws .rulebox h4 {margin:0 0 20px 0}
.page-laws .rulebox dl {margin:0 0 20px 0}
.page-laws .rulebox dl dt {margin:0 0 4px 0}
.page-laws .rulebox dl dd {line-height:170%; font-size:14px}
.page-laws .rulebox dl + h4 {margin-top:50px}
.page-laws .rulebox .download {margin:50px 0 0 0}
.page-laws .rulebox .download p {margin:0 0 10px 0; font-size:15px; line-height:180%}
.page-laws .rulebox .download ul li {margin:0 20px 5px 0}
.page-organization .org-img {height:400px}
.page-organization .org-img img {width:100%; max-width:420px}
.page-organization ul.tabbox {margin-bottom:30px; text-align:center; font-size:0}
.page-organization ul.tabbox li {float:none; display:inline-block; width:calc(100%/4)}
.page-organization ul.tabbox li:nth-child(4):before {background:0}
.page-organization .boardlist {position:relative; max-height:570px; overflow-x:scroll; overflow-y:scroll; border-bottom:1px solid #ccc; background:url('/img/bg_gradation.png') repeat-y 100% 0; background-size:120px auto}
.page-organization .boardlist table {width:120%; max-width:100%}
.page-organization .boardlist table col {width:25%}
.page-contactus .map {margin:0 0 60px 0}
.page-contactus .map + dl {margin-bottom:60px}
.page-contactus dl dt {margin-bottom:30px; font-size:20px}
.page-contactus dl dt:before {width:35px}
.page-contactus dl dd {margin:30px 0 0 0}
.page-contactus dl dd ul li {min-height:80px; margin-top:30px; padding:0 0 0 100px}
.page-contactus dl dd ul li:first-child {margin-top:0}
.page-contactus dl dd ul li strong {font-size:16px}
.page-contactus dl dd ul li p {font-size:15px; line-height:160%; font-weight:400}
.page-contactus dl dd ul li.bus {background-size:80px auto}
.page-contactus dl dd ul li.subway {background-size:80px auto}
.page-contactus dl dd ul li.type1 {background-size:80px auto}
.page-contactus dl dd ul li.type2 {background-size:80px auto}
ul.tabbox li a { font-size:10px; }
.page-laws .org-img img{ width:100%; }
}
@media screen and (max-width:500px) {
.header h1 {width:200px; height:40px; margin:0 auto 0}
.header h1 a {height:40px; background:url('/img/logo_m.png') no-repeat 0 0; background-size:100% auto}
.header .topmenu .btn-category-close {width:20px; height:20px; left:20px; background-size:100% auto}
.header .topmenu > ul > li > a {padding-left:20px}
.header .topmenu > ul > li > a:after {right:15px; width:18px; height:9px; margin-top:-4.5px; background-size:18px auto}
.header .topmenu > ul > li:last-child > a:after {right:18px; width:9px; height:18px; margin-top:-9px; background-size:9px auto}
.header .topmenu > ul > li > ul li a {padding-left:20px}
.header .btn-category {width:24px; height:24px}
.header .topmenu .banner a {height:55px; padding:15px 60px 0 20px; background-size:25px auto}
.header .pagenavi {height:58px; border-bottom-width:8px}
.header .pagenavi li:first-child {padding-right:0}
.header .pagenavi li:first-child span {background-size:12px auto; background-position:0 48%}
.header .pagenavi li {padding:0 12px 0 8px; background-size:6px auto; background-position:99% 48%}
.header .pagenavi li:last-child {padding-left:5px}
.header .fixedHeader {height:70px; padding-top:12px}
.header fieldset.global-search p button {background-size:18px auto}
.header .btn-category {top:10px}
.submenu {position:static; width:100%; height:50px; background-size:auto 50px}
.submenu ul {width:100%; height:50px; margin:0 auto}
.submenu ul li {height:50px}
.submenu ul li a {height:50px; line-height:48px; font-size:17px}
.submenu ul li.on a {font-size:18px}
.submenu ul li a:hover {font-size:18px}
.contentsarea h3 {margin:0 0 40px 0; padding-top:15px}
.contentsarea h3 span {font-size:26px}
.contentsarea h3:before {height:2px}
.contentsarea > div {padding-left:3%; padding-right:3%}
.container.wideTeeBanner .s-txt-box {width:96%; padding:30px 20px}
.footer h1 img {width:180px}
.footer .btn-toggle {padding:0 30px 0 0; background-size:20px auto; font-size:14px}
/* .maincontents .mainvisual {height:calc(calc(830 * 100%) / 720); margin-bottom:15px}
.maincontents .mainvisual ul.slick-slider {height:calc(calc(830 * 100%) / 720)}
.maincontents .mainvisual ul.slick-slider li {height:calc(cacl(830 * 100%) / 720); background:url('/img/img_mainvisual_m.jpg') no-repeat 0 0}
.maincontents .mainvisual ul.slick-slider li h2 {top:40%} */
.maincontents .latest-boardlist .innerbox > div h3 {height:50px; line-height:50px}
.maincontents .latest-boardlist .innerbox > div h3 a.moreview {right:20px; top:50%; width:12px; height:20px; margin-top:-10px; background-size:100% auto}
/* paging */
.paging {margin:60px auto 40px}
.paging span a {margin:0 6px}
.paging > button {margin:0 8px}
.paging > button.btn-paging-first {background-size:auto 15px}
.paging > button.btn-paging-prev {background-size:auto 15px}
.paging > button.btn-paging-next {background-size:auto 15px}
.paging > button.btn-paging-final {background-size:auto 15px}
.optionbox select {background-size:20px auto}
fieldset.boardschbox p button em {background:url('/img/icon_search_01_m.png') no-repeat 50%; background-size:18px auto}
.boardlist .table-contents > ul > li > p > .readcnt {background-size:15px auto}
.boardlist .table-contents > ul > li .reply {padding:0 0 0 23px; font-size:14px}
.boardview dl dt ul li span.readcnt {background-size:15px auto}
.boardview dl dt {padding:15px 20px}
dl dd.contentsview {padding:25px 0 50px 0}
.replybox fieldset {padding:10px 20px}
.replybox .replylist ul li {padding:10px 20px}
.photolist {margin:0 0 -11px 0}
.photolist dl {width:95%; height:auto; margin:8px 2.5%}
.photolist dl dt .pic {height:auto}
.photolist dl dt .btn-play {width:80px; height:80px; margin:-40px 0 0 -40px; background-image:url('/img/btn_videoplay_m.png'); background-size:100% auto}
.calendarbox .calendar-contents ul li {height:80px; padding:7px}
.calendarbox .calendar-contents ul li > span {font-size:14px}
.calendar-txtlist {margin-top:30px; border-top-width:10px}
.calendar-txtlist h4 {font-size:16px}
.calendar-txtlist ul li {font-size:16px}
.page-conference dl {margin:0 0 30px 0; padding:130px 20px 20px 20px; background:url('/img/bg_stit_01.png') no-repeat 50% 30px; background-size:80px auto}
.page-conference dl dt {font-size:18px}
.page-conference dl dd p {font-size:15px}
.page-conference dl dd span {display:block}
.page-conference dl dd button {width:200px; height:40px}
.page-conference dl dd button em {padding:0 30px 0 0; background:url('/img/icon_arr_09_m.png') no-repeat 100% 50%; font-size:17px; background-size:8px auto}
.page-conference .gallerybox {width:85%}
.page-conference .gallerybox .photo-bigview .pic {height:220px}
.page-conference .gallerybox .photo-bigview .pic img {min-height:220px}
.page-conference .gallerybox .slick-prev {left:-40px; top:-150px; width:30px; height:30px}
.page-conference .gallerybox .slick-next {right:-40px; top:-150px; width:30px; height:30px}
.local-mapbox {padding:40px 0}
.local-mapbox dl {margin-bottom:30px}
.local-mapbox dl dd ul li {padding:12px 0}
.local-mapbox dl dd ul li p a {background:url('/img/icon_targetnew_m.png') no-repeat 100% 60%; background-size:10px auto}
.local-mapbox dl dd ul li.addr span {margin-top:10px; background-size:20px auto}
.local-mapbox dl dd ul li.tel span {background-size:20px auto}
.local-mapbox dl dd ul li.fax span {background-size:20px auto}
.local-mapbox dl dd ul li.homepage span {background-size:20px auto}
.sentencebox p {line-height:180%; font-size:15px}
.page-development h4 {padding-top:110px; background-size:80px auto}
.page-agenda .title-img span {font-size:14px}
.page-agenda h3.local {margin-top:100px}
.page-agenda h4 {padding-top:110px; background-size:80px auto}
.page-agenda h4 strong {margin:0 0 15px 0; font-size:25px}
.page-agenda h4 span {font-size:16px}
.page-agenda h4 + p {font-size:17px}
.page-greeting .s-txt-box h4 {position:relative; margin:20px 0 0 0}
.page-greeting .s-txt-box h4 strong {font-size:30px; line-height:40px}
.page-greeting .s-txt-box h4 + strong {margin:30px 0 40px 0; font-size:18px; font-weight:800}
.page-greeting .ceo-img img {max-width:240px}
}
@keyframes ani-Fadein {
0% {opacity:0}
100% {opacity:1}
}
@keyframes ani-Fadein-up {
0% {opacity:0; transform:translateY(30%)}
100% {opacity:1; transform:translateY(0)}
}
/* 기본 */
.hidden-xs-up { display: none !important; }
@media (max-width: 575px) {
.hidden-xs-down { display: none !important; }
.visible-xs { display:block !important; }
}
@media (min-width: 576px) {
.hidden-sm-up { display: none !important; }
}
@media (max-width: 767px) {
.hidden-sm-down { display: none !important; }
.visible-sm { display:block !important; }
}
@media (min-width: 768px) {
.hidden-md-up { display: none !important; }
}
@media (max-width: 991px) {
.hidden-md-down { display: none !important; }
.visible-md { display:block !important; }
}
@media (min-width: 992px) {
.hidden-lg-up { display: none !important; }
}
@media (max-width: 1199px) {
.hidden-lg-down { display: none !important; }
.visible-lg-ib { display:inline-block !important; }
.visible-lg { display:block !important; }
}
@media (min-width: 1200px) {
.hidden-xl-up { display: none !important; }
}
.hidden-xl-down {
display: none !important;
}
a:hover { text-decoration:none; }
.list_ul {margin:10px 0; padding:0}
.list_ul li {margin:3px 0; padding-left:17px; background:url('/img/li_bul.png') no-repeat 0px 9px; color:#000; font-size:16px; font-weight: 600; line-height: 1.9; text-align:left; word-wrap:break-word; word-break: break-all;}
@media (max-width: 767px) {
.list_ul li {font-size:15px;}
}
.list_ul ul {margin:4px 0; padding:0}
.list_ul ul li {margin:3px 0; padding-left:14px; background:url('/img/li_bul2.png') no-repeat left 12px; line-height: 1.8; color: #888888; font-size: 15px; font-weight: 400;}
.h5_st {display: block !important; position: relative !important; margin: 50px 0 18px 0 !important; padding: 0 0 0 20px !important; font-size: 20px !important; font-weight: 800 !important; line-height: 20px !important; word-wrap:break-word; word-break: break-all;}
.h5_st:before { position: absolute !important; left: 0 !important; top: 0 !important; width: 5px !important; height: 20px !important; background: #ff981f !important; content: '' !important;}