@charset "UTF-8";

/* 뉴스미디어메인 > 뉴스 */
#mNews .storyroll {overflow:hidden !important; height:400px !important}
#mNews {padding:60px 0px 70px}
#mNews .gored {color:#cc0000; display:inline-block; float:right;}
#mNews .storycont {max-width:1200px; margin:35px auto;}
#mNews .storycont>div>div:after {content:" "; display:block; clear:both;}
#mNews .storycont>div>div>div {vertical-align:top;}
#mNews .storycont>div>div>div>div {background:#fff; border:1px solid #eee; margin:0px 5px}
#mNews .storycont>div>div>div>div>a {display:block;}
#mNews .storycont>div>div>div>div h3 {font-size:16px; height:60px; line-height:20px; overflow:hidden; padding:25px 25px 0px; text-align:left}
#mNews .storycont>div>div>div>div p {font-size:14px; color:#999; padding:15px 25px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:left}
#mNews .storycont>div>div>div>div .img {position:relative; height:160px; background:url(../img/temp/img_ourstory.png) no-repeat; background-position:center; background-size:cover}
#mNews .storycont>div>div>div>div .bull-new {position:absolute; bottom:-15px; left:25px}
#mNews .storycont .news {height:293px !important;}
#mNews .storycont .newsinfo {white-space:normal !important; height:120px !important; line-height:20px !important; padding-top:0px !important; margin-top:10px !important; margin-bottom:10px !important; font-size:15px;}

/* 뉴스미디어메인 > 학회 */
#mconfer .hd36 {margin-bottom:15px;}
#mconfer #detailheader.conf .infoset .date {margin:10px 0px 15px}
#mconfer #detailheader {position:relative; width:100%; border-bottom:1px solid #ddd; background:url(../img/temp/conf_detail_tmb02.png) no-repeat; background-position:bottom -100px right 20%; background-size:auto 120%; overflow:hidden;}
#mconfer #detailheader.conf {height:350px}
#mconfer #detailheader.conf .infoset {left:5%; width:45%; text-align:left}
#mconfer #detailheader.conf .infoset h3 {color:#30748c; font-size:24px; font-weight:400}
#mconfer #detailheader.conf .infoset p:nth-child(3) {color:#30748c;}

/* 뉴스미디어메인 > 학회일정 */
#confsche {padding:60px 0px 60px}
#confsche .lay3 {margin-top:15px; max-width:1200px; font-size:inherit}
#confsche .lay3>li {width:33%}
#confsche .lay3>li>div {border:none; margin-right:18px;}
#confsche .lay3>li>div h3 {font-size:24px; color:#30748c; font-weight:400}
#confsche .lay3>li>div h4 {color:#30748c}
#confsche .lay3>li>div p { margin-top:15px}
#confsche .lay3>li>div:hover {transform:translateY(-5px);}

/* 뉴스미디어메인 > 제품뉴스 */
#mprnews {padding:60px 0px 60px}
#mprnews .lay4>li>div {border:none}
#mprnews .lay4>li>div:hover {transform:translateY(-5px);}
#mprnews .lay4>li>div>a>.img {position:relative; height:130px; background:url(../img/temp/product_detail_tmb01.png) no-repeat; background-position:center; background-size:contain}
#mprnews .lay4>li>div>a>h3 {font-size:16px; margin:10px 0px 0px; overflow:hidden; text-align:center}

/* 뉴스미디어메인 > 비디오 */
#mvideo {padding:60px 0px 60px}
#mvideo h2 {margin-bottom:10px}
#mvideo .btn-cen .button {width:220px}

/* 썸네일 보드 템플릿 (공통) */
.tmboard>div {padding-top:10px}
.tmboard>div>li>div {background:#fff}
.tmboard>div>li>div>a {display:block;}
.tmboard>div>li>div h3 {font-size:16px; height:60px; overflow:hidden; padding:25px 25px 0px}
.tmboard>div>li>div p {font-size:14px; color:#999; padding:15px 25px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.tmboard>div>li>div .img {position:relative; height:160px; background:url(../img/temp/img_ourstory.png) no-repeat; background-position:center; background-size:cover}
.tmboard>div>li>div .bull-new {position:absolute; bottom:-15px; left:25px}


/* 씨젠스토리 */
.ourstory {padding-top:0px}

/* 보도자료 */
.press>ul {max-width:1200px; margin:30px auto 0px; padding-bottom:30px}
.press>ul>li {position:relative}
.press>ul>li .date {width:8%; position:absolute; top:0px; left:0px; display:inline-block; text-transform:uppercase; text-align:right; font-size:15px; line-height:14px; padding-top:10px; font-weight:500;}
.press>ul>li .date>span {display:inline-block; margin-right:20px;}
.press>ul>li .date .bull-new {margin-top:10px; margin-right:20px}
.press>ul>li .infoset {position:relative; top:0px; left:8%; border-left:1px solid #ddd; width:92%; display:inline-block; padding:0px 0px 50px}
.press>ul>li .infoset>div {margin-left:30px;}
.press>ul>li .infoset>div h3 {font-size:24px; color:#444; font-weight:400}
.press>ul>li .infoset>div h3:hover {color:#cc0000}
.press>ul>li .infoset>div p {margin:10px 0px 15px}
.press>ul>li .infoset>div p.btn a {margin:0px 5px 5px 0px}
.press>ul>li .infoset>div p.btn .button:hover {background:#cc0000}

/* 제품뉴스 */
.prnews {margin:20px 20px 40px;}
.prnews>ul {max-width:1200px; margin:0 auto;}
.prnews>ul>li {position:relative; padding:30px 0px 40px; border-bottom:1px solid #ddd}
.prnews>ul>li .img {position:absolute; top:40px; width:15%; min-width:130px; height:150px; background:url(../img/temp/product_detail_tmb01.png) no-repeat; background-size:contain; background-position:center;}
.prnews>ul>li .info {position:relative; top:0px; left:20%; width:80%}
.prnews>ul>li .info  h3 {font-size:24px; font-weight:400}
.prnews>ul>li .info .bodytx {margin:15px 0px 20px}
.prnews>ul>li .info .bodytx div {width:100%}
.prnews>ul>li .info .bodytx p {width:100%}
.prnews>ul>li .info .bodytx img {width:auto; max-width:100%; position:relative}
.prnews>ul>li .info .dateandpr span {display:inline-block; margin-right:15px; font-size:15px; color:#999;}
.prnews>ul>li .info .dateandpr a {display:inline-block; font-size:15px; color:#999}
.prnews-tab {margin-top:10px}

/* 학회리스트 */
.loading {position:absolute; width:100%; top:0px; left:0px; height:100%; background-color:#000; z-index:500; opacity:0.5;}
.loading>div {position:relative; top:50%; transform:translateY(-50%); margin:0 auto; text-align:center}
.loading>div span {color:#fff; font-size:22px; vertical-align:middle}
.loading>div img.rotating {vertical-align:middle; margin-right:10px; opacity:0.7;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.confer-list {position:relative; display:block; margin:20px auto 30px; max-width:1200px; height:100%}
.confer-list:after {content:""; display:block; clear:both}
.confer-list>div {position:relative; display:table-cell; width:25%; float:left}

/*.conf-front {display:table-cell; width:25%; float:left}*/
.conf-front>div {margin:10px 10px; border:1px solid #ddd; background:#f0e2d1; min-height:350px; padding:30px 20px; position:relative; background:url(../img/temp/img_conf_bg.png) no-repeat; background-position:center; background-size:cover}
.conf-front .confinfo {max-height:310px; overflow:hidden}
.conf-front h3 {font-size:24px; color:#fff; margin-bottom:10px; font-weight:400}
.conf-front .date {font-size:18px; color:#fff; margin-bottom:5px}
.conf-front .place {font-size:13px; color:#fff}

/*.conf-sympo {position:relative; display:table-cell; width:25%; float:left}*/
.conf-sympo>div {margin:10px 10px; border:1px solid #ddd; background:#f0e2d1; min-height:350px; padding:30px 20px; position:relative; top:10px}
.conf-sympo .confinfo {max-height:310px; overflow:hidden}
.conf-sympo h3 {font-size:24px; font-weight:400}
.conf-sympo .subinfo {font-size:12px; margin-bottom:20px}
.conf-sympo .date {font-size:18px; margin-bottom:10px; font-weight:400}
.conf-sympo .tit {font-size:18px}

.confer-list .sympotag {display:block; position:absolute; left:50%; top:-5px; transform:translateX(-50%); width:162px; height:31px; background:url(../img/icon_tag_symposium.png) no-repeat; background-size:100%; background-position:center}
.confer-list .sympotag span {display:block; text-align:center; line-height:31px; color:#fff; font-size:14px; font-weight:400; text-transform:uppercase !important}
.confer-list .rebtn {position:absolute; bottom:13px; left:20px; z-index:500}
.confer-list .viewbtn{position:absolute; bottom:20px; right:20px}
.confer-list .viewbtn .button {padding:3px 12px; height:22px; line-height:22px; font-size:13px; text-align:center; font-size:15px; min-width:0px}
.confer-list .viewbtn .button:hover {font-size:15px; color:#cc0000; background:#fff}

.pagetitle .menubtn {width:100%; margin-top:-40px; display:inline-block; float:left; text-align:right}
.pagetitle .menubtn:after {content:""; display:block; clear:both}
.pagetitle .menubtn li {display:inline-block; float:right; padding:0px; margin-right:10px}
.pagetitle .menubtn li a {display:block; height:35px; line-height:35px; font-size:18px; margin:0px; padding:0px 10px; border:1px solid #ddd; background:#fff;}
.pagetitle .menubtn li a:hover {transform:translateY(0px); background:#f5f5f5; border:1px solid #ccc}
.pagetitle .menubtn li a.on {background:#555; color:#fff; border:1px solid #555}
.pagetitle .menubtn a.disable {color:#ddd; border:1px solid #eee}
.pagetitle .menubtn a.disable:hover {background:#fff; border:1px solid #eee; cursor:default}

/* 학회상세 */
.confer-detail .overview {max-width:1200px; margin:0px auto; padding:40px 0px}
.confer-detail .overview .laytem{padding:30px 0px 30px}
.confer-detail .overview .laytem .type-col2 img {width:100%}
.confer-detail .overview .laytem .type-col2 h4 {margin-bottom:25px}
.confer-detail .overview .laytem .type-col2>div>div>p {text-align:left}
.confer-detail .overview .laytem .type-col1 img {width:auto}
.confer-detail .overview .laytem .type-col1 h4 {margin-bottom:25px}

.confer-detail .booth {background:#a69c95; padding:90px 0px 90px}
.confer-detail .booth h4 {color:#fff}
.confer-detail .booth .catemenu li a {color:#fff}
.confer-detail .booth .catemenu li a.on {border-color:#fff}
.confer-detail .newowlgly {margin-top:30px;}
.confer-detail .newowlgly .item img {height:295px; width:auto}

.confer-detail .intsympo {max-width:1200px; margin:90px auto;}
.confer-detail .intsympo .duolaybox {margin:30px 0px}
.confer-detail .intsympo .duolaybox:after {content:" "; display:block; clear:both;}
.confer-detail .intsympo .duolaybox div {display:inline-block; float:left;}
.confer-detail .intsympo .duolaybox .layleft {width:35%}
.confer-detail .intsympo .duolaybox .layleft p:first-child {font-size:30px}
.confer-detail .intsympo .duolaybox .layleft p {font-size:18px; margin:0px 40px 20px 0px}
.confer-detail .intsympo .duolaybox .layright {width:65%;}
.confer-detail .intsympo .duolaybox .layright h4 {font-size:30px; line-height:120%; color:#cc0000}
.confer-detail .intsympo .duolaybox .layright p {margin-top:10px}
.confer-detail .intsympo .duolaybox .layright .tbl th, .confer-detail .intsympo .duolaybox .layright .tbl td {font-size:18px}
.confer-detail .intsympo .duolaybox .layright .tbl .dvde {border-left:1px solid #ddd; padding-left:20px;}
.confer-detail .intsympo .duolaybox .layright .tbl .dvde span {font-size:14px; color:#999}
.confer-detail .intsympo .duolaybox .layright .tbl .dayline td {height:5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.confer-detail .intsympo .duolaybox .layright .tbl td {vertical-align:top}

.confer-detail .location {margin:100px 0px; overflow:hidden}
/*.confer-detail .location .map {width:100%; height:400px; text-align:center; overflow-y:scroll; overflow-x:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:30px}*/
.confer-detail .location .map {width:100%; margin-top:30px; text-align:center;}
.confer-detail .location .map img {width:100%; max-width:595px; height:auto}

/* 비디오라이브러리 */
.videoplay {background:#353535; width:100%;}
.videoplay>div {max-width:1200px; margin:0 auto}
.videoplay>div:after {content:" "; display:block; clear:both;}
.videoplay h3 {color:#ddd; margin:0px; padding:0px}
.videoplay h3>span {color:#ddd;}
.videoplay .playnow {display:inline-block; float:left; width:65%;}
.videoplay .playnow .pagetitle span {font-weight:100}
.videoplay .playnow>div {padding:50px 20px 40px 0px; border-right:1px solid #555}
.videoplay .playnow>div h4 {color:#ddd; font-size:24px; margin:10px 0px 5px}
.videoplay .playnow>div p {color:#999;}
.videoplay .playnow>div embed {height:400px; width:100%}
.videoplay .playnow>div video {height:400px; width:100%}
.videoplay .playnow>div>div>div {height:400px; width:100%}
.videoplay .playnow>div .vjs-big-play-button {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); }
.videoplay .relatelist {display:inline-block; float:left; width:35%;}
.videoplay .relatelist>div {padding:50px 0px 25px 20px}
.videoplay .relatelist>div h3 {font-size:28px; margin-bottom:25px}
.videoplay .relatelist>div>div .relatetmb {margin:15px 0px}
.videoplay .relatelist>div>div .relatetmb:after {content:" "; display:block; clear:both;}
.videoplay .relatelist>div>div .relatetmb .img {width:40%; height:88px; display:inline-block; float:left; background:url(../img/temp/img_video.png) no-repeat; background-position:center; background-size:cover; box-sizing:border-box; border:1px solid #ddd}
.videoplay .relatelist>div>div .relatetmb a:hover .img {background-position:bottom}
.videoplay .relatelist>div>div .relatetmb a:hover h4 {color:#fff}
.videoplay .relatelist>div>div .relatetmb .info {width:60%; display:inline-block; float:left;}
.videoplay .relatelist>div>div .relatetmb .info h4 {color:#ddd; height:60px; line-height:20px; overflow:hidden; margin-left:15px; font-weight:100}
.videoplay .relatelist>div>div .relatetmb .info p {color:#999; font-size:14px; margin:10px 0px 0px 15px}
.videoplay .relatelist .imgpaging {margin-top:35px}
.videoplay .relatelist .imgpaging .box {height:auto; padding:0px;}

.videolist{margin-top:10px}
.videolist.tmboard>div>li>div .img {position:relative; height:135px; background:url(../img/temp/img_video2.png) no-repeat; background-position:center; background-size:cover;}
.videolist.tmboard>div>li>div p {font-size:14px; color:#999; padding:10px 20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}


/* IR 이벤트 */
.irlist>div {max-width:1200px; margin:20px auto 0;}
.irlist>div:after {content:" "; display:block; clear:both;}
.irlist .evt {display:inline-block; float:left; width:70%;}
.irlist .evt>ul>li:after {content:" "; display:block; clear:both;}
.irlist .evt>ul>li {display:block; background:#fff; padding:30px; margin-bottom:20px; box-sizing:border-box; border:1px solid #eee}
.irlist .evt h4 {display:block; font-size:24px; margin-bottom:30px; font-weight:400}
.irlist .evt .leftinfo {display:inline-block; float:left; width:30%; margin-right:5%}
.irlist .evt .leftinfo .date {font-size:24px;}
.irlist .evt .leftinfo .where {margin:10px 0px 20px; font-size:18px}
.irlist .evt .rightinfo {display:inline-block; float:left; width:65%}
.irlist .evt .rightinfo>p {margin-bottom:20px}
.irlist .evt .rightinfo>p:last-child {margin-bottom:0px}
.irlist .evt .rightinfo>p>span {display:block; font-weight:400; color:#999; margin-bottom:5px; font-size:15px}
.irlist .noti {display:inline-block; float:left; width:30%}
.irlist .noti h2 {margin:-45px 20px 10px; font-size:30px}
.irlist .noti>ul {margin-left:20px}
.irlist .noti>ul>li:first-child {border-top:1px solid #e5e5e5}
.irlist .noti>ul>li {border-bottom:1px solid #e5e5e5; padding:20px 0px;}
.irlist .noti>ul>li h4 {font-size:20px; font-weight:400; cursor:pointer}
.irlist .noti>ul>li h4:hover {color:#cc0000}
.irlist .noti>ul>li .date {font-size:15px; margin-top:5px; cursor:pointer}
.irlist .noti>ul>li .btn {text-align:right; margin-top:20px}
.irlist .noti>ul>li.fittolist {position:relative}
.irlist .noti>ul>li.fittolist .btn {position:absolute; top:50%; transform:translateY(-36px); right:0px; background:url(../img/icon_arrright_grey.png) no-repeat; background-size:initial; background-position:center 2px}
.irlist .noti>ul>li.fittolist .btn:hover .button {transform:translateY(0px); border:1px solid #aaa}
.irlist .noti>ul>li.fittolist .btn .button {padding:0px; min-width:32px; text-align:center}
.irlist .noti>ul>li.fittolist h4 {margin-right:40px}


/* IR 재무재표 */
.financial .pagetitle>span {font-size:18px}
.financial>table {max-width:1210px; margin:20px auto 80px; border-spacing:7px 0px; border-collapse:separate;}
.financial>table th, .financial>table td {padding:8px 0px; font-size:22px}
.financial>table th {color:#fff; background:#a9a9a9; padding:7px 10px 7px 0px; font-size:24px; text-align:right}
.financial>table td {text-align:right}
.financial>table .item {text-align:center;}
.financial>table .sectit {padding:30px 0px 0px; text-align:left; font-weight:400}
.financial>table .costset .total {font-weight:400}
.financial>table .costset .total2 {font-size:24px; padding:30px 0px; font-weight:400}
.financial>table .costset-mini td {font-size:18px; padding:5px 0px}
.financial>table .costset-mini .tit {text-align:right}
.financial>table .pdb30 td {padding-bottom:30px}

/* IR 정보관리규정, 개인정보취급방침 */
.regulation>div {max-width:1200px; margin:40px auto}
.regulation .scset {margin-bottom:50px}
.regulation .scset:after {content:" "; display:block; clear:both}
.regulation .titleft {display:inline-block; float:left; width:16%}
.regulation .titleft h3 {text-align:right; margin-right:20px; font-weight:400; line-height:110%}
.regulation .titleft h3>span {display:block; font-size:30px; line-height:35px; margin-top:5px}
.regulation .bodyright {display:inline-block; float:left; width:84%}
.regulation .bodyright>div {border-left:1px solid #ddd; padding-left:20px}
.regulation .bodyright h4 {font-size:20px; font-weight:400; margin-bottom:15px}
.regulation .bodyright .mbt40 {margin-bottom:40px !important}
.regulation .bodyright .numlist>li {list-style:decimal outside; margin:10px 0px 0px 20px}
.regulation .bodyright .dashedlist {margin-bottom:15px}
.regulation .bodyright .dashedlist>li {list-style:url(../img/icon_dashed_list.png) outside; margin:5px 0px 0px 10px}
.regulation .bodyright .dashedlist.lmore {margin-left:20px}

.regulation .bodyright .romanlist {margin-bottom:15px}
.regulation .bodyright .romanlist>li {list-style:upper-roman outside; margin:5px 0px 0px 10px}
.regulation .bodyright .romanlist.lmore {margin-left:20px}

.regulation table {margin:20px auto 20px; border:1px solid #444444;}
.regulation table th, .regulation table td {border:1px solid #444444;}
.regulation table td {text-align:center}


/*-------------------------------- 미디어쿼리 ---------------------------------*/
@media all and (max-width:1200px){
    .press {padding:15px 20px 30px}
    .press>ul {margin:10px auto 0px}

	.confer-list {margin:20px 20px 30px}

    .confer-detail .overview {padding:40px 20px}
	.confer-detail .booth {padding:90px 20px 80px}
	.confer-detail .intsympo {padding:0 20px}
	.confer-detail .location {padding:0 20px}
    .confer-detail .location h4, .confer-detail .location .catemenu {margin:0px 20px;}

    .videoplay>div {margin:0px 20px}

    .irlist>div {max-width:1200px; margin:20px 20px 0;}

    .financial {margin:0px 10px}
    .financial .pagetitle {margin:50px 10px 0px}

    .regulation>div {max-width:1200px; margin:40px 20px}

    #mprnews .lay4 {margin:0 20px}

    #mconfer #detailheader {background-position:bottom -50px right -5% !important; background-size:auto 90% !important;}

	#mNews .storycont {width:auto; margin:35px 20px 0px;}
}

@media all and (max-width:1000px){
    .videoplay .playnow>div embed {height:335px}
	.videoplay .playnow>div video {height:335px}
	.videoplay .playnow>div>div>div {height:335px}
    .videoplay h3>span {color:#ddd; font-size:15px}
    .videoplay .relatelist>div>div .relatetmb {margin:12px 0px}
    .videoplay .relatelist>div>div .relatetmb .img {width:50%; height:75px}
    .videoplay .relatelist>div>div .relatetmb .info {width:50%; height:75px}
    .videoplay .relatelist>div>div .relatetmb .info h4 {height:40px; line-height:20px; overflow:hidden; margin-left:15px}
    .videoplay .relatelist>div>div .relatetmb .info p>span {display:block; font-size:13px; line-height:15px}
    .videoplay .relatelist>div>div .relatetmb .info p>span.dv {display:none;}

    .irlist .evt .leftinfo .button {padding:0px 5px; font-size:14px}
    .irlist .noti>ul>li .button {padding:0px 5px; font-size:14px}

    .financial>table th, .financial>table td {font-size:20px;}
    .financial>table th {font-size:20px}
    .financial>table .costset .total2 {font-size:20px}

    .regulation>div {max-width:1200px; margin:20px 0px 40px; padding:0px 20px;}
    .regulation .titleft {display:inline; width:100%; max-width:100%; margin-top:20px}
    .regulation .bodyright {display:block; width:100%; margin:20px 0px 20px}
    .regulation .scset {margin-bottom:20px}
    .regulation .titleft h3 {display:inline; width:100%; font-size:18px; text-align:left}
	.regulation .titleft h3 br {display:none}
    .regulation .bodyright>div {border-left:none; padding-left:0px}
    .regulation .bodyright h4 {font-size:16px; margin-bottom:7px}
    .regulation .bodyright .mbt40 {margin-bottom:21px !important}
    .regulation .bodyright .numlist>li {list-style:decimal outside; margin:10px 0px 0px 15px}
    .regulation .bodyright .dashedlist {margin-bottom:10px}
    .regulation .bodyright .dashedlist>li {list-style:url(../img/icon_dashed_list.png) outside; margin:5px 0px 0px 10px}
    .regulation .bodyright .dashedlist.lmore {margin-left:15px}

    .regulation .bodyright .romanlist {margin-bottom:15px}
    .regulation .bodyright .romanlist>li {list-style:upper-roman outside; margin:5px 0px 0px 10px}
    .regulation .bodyright .romanlist.lmore {margin-left:20px}

    .regulation table {margin:20px auto 20px; border:1px solid #444444;}
    .regulation table th, .regulation table td {border:1px solid #444444;}
    .regulation table td {text-align:center}    
}

@media all and (max-width:768px){
    .tmboard .lay4>li>div h3 {font-size:14px; height:38px; padding:15px 15px 0px}
    .tmboard .lay4>li>div h3 {font-size:14px; height:38px; padding:15px 15px 0px}
    .tmboard .lay4>li>div p {font-size:13px; padding:5px 15px}
    .tmboard .lay4>li>div .img {height:130px;}
    .tmboard .lay4>li>div .bull-new {bottom:-12px; left:15px}

    .ourstory {padding-top:10px;}

    .press>ul {margin:20px 0px 0px; padding-bottom:20px}
    .press>ul>li .date {width:15%; font-size:13px; line-height:13px; padding-top:7px}
    .press>ul>li .infoset {left:15%; width:85%;  padding:0px 0px 30px}
    .press>ul>li .infoset>div {margin-left:20px;}
    .press>ul>li .infoset>div h3 {font-size:20px}

    .prnews {margin:20px 20px 40px;}
    .prnews>ul>li {position:relative; padding:35px 0px}
    .prnews>ul>li .img {position:relative; top:0px; width:100%; height:100px}
    .prnews>ul>li .info {top:0px; left:0%; width:100%; margin-top:20px}
    .prnews>ul>li .info  h3 {font-size:20px;}
    .prnews>ul>li .info .bodytx {margin:10px 0px 10px}
    .prnews>ul>li .info .dateandpr span {margin-right:5px; font-size:14px}
    .prnews>ul>li .info .dateandpr a {font-size:14px}
    .prnews-tab {margin-top:20px}

	.confer-list {margin:0px 10px 30px;}
	.confer-list>div {width:33.333%}

	.conf-front>div {margin:10px 10px; min-height:250px; padding:30px 20px;}
	.conf-front .confinfo {max-height:207px}
	.conf-front h3 {font-size:20px; margin-bottom:10px}
	.conf-front .date {font-size:16px; margin-bottom:5px}
	.conf-front .place {font-size:13px}

	.conf-sympo>div {margin:10px 10px; min-height:250px; padding:30px 20px}
	.conf-sympo .confinfo {max-height:207px}
	.conf-sympo h3 {font-size:20px}
	.conf-sympo .subinfo {font-size:12px; margin-bottom:15px}
	.conf-sympo .date {font-size:16px; margin-bottom:10px}
	.conf-sympo .tit {font-size:15px}

	.confer-list .sympotag {width:130px; height:25px}
	.confer-list .sympotag span {line-height:25px; font-size:13px}
	.confer-list .rebtn {bottom:12px; left:15px;}
	.confer-list .viewbtn{bottom:15px; right:15px}
	.confer-list .viewbtn .button {padding:3px 6px; height:20px; line-height:20px; font-size:13px; font-size:14px}
	.confer-list .viewbtn .button:hover {font-size:15px}

	.pagetitle .menubtn {margin-top:-50px}
	.pagetitle .menubtn li {padding:0pxx; margin-right:5px}
	.pagetitle .menubtn li a {height:30px; line-height:30px; font-size:17px; padding:0px 7px}

	.confer-detail .overview {padding:30px 20px}
    .confer-detail .overview .laytem{padding:30px 20px}
	.confer-detail .overview .laytem .type-col1 h4 {margin-bottom:15px}
	.confer-detail .overview .laytem .type-col1>div {display:block; width:100%}
    .confer-detail .overview .laytem .type-col1>div>div {display:block; width:100%}
    .confer-detail .overview .laytem .type-col2 h4 {margin-bottom:15px}
	.confer-detail .overview .laytem .type-col2>div {display:block; width:100%}
    .confer-detail .overview .laytem .type-col2>div>div {display:block; width:100%}
    .confer-detail .overview .laytem .type-col2>div>div:nth-child(1) {padding-right:0%}
    .confer-detail .overview .laytem .type-col2>div>div:nth-child(2) {padding-left:0%}

    .confer-detail .booth {padding:50px 0px 50px}
	.confer-detail .newowlgly .owl-carousel .owl-stage {height:300px;}
	.confer-detail .newowlgly .item img {width:auto; height:295px}

    .confer-detail .intsympo {margin:50px 20px 50px}
    .confer-detail .intsympo .duolaybox {margin:20px 0px}
    .confer-detail .intsympo .duolaybox div {display:block; float:none;}
    .confer-detail .intsympo .duolaybox .layleft {width:100%}
	.confer-detail .intsympo .duolaybox .layleft p:first-child {line-height:23px;}
    .confer-detail .intsympo .duolaybox .layleft p:first-child span {font-size:20px !important; color:#cc0000 !important; font-weight:300 !important}
    .confer-detail .intsympo .duolaybox .layleft p {text-align:center; font-size:16px; margin:0px 0px 10px 0px}
	.confer-detail .intsympo .duolaybox .layleft p span:first-child {font-size:14px; color:#bbb; font-weight:400}
    .confer-detail .intsympo .duolaybox .layright {width:100%;}
    .confer-detail .intsympo:first-child .duolaybox .layright {margin-bottom:70px}
    .confer-detail .intsympo .duolaybox .layright h4 {font-size:20px; text-align:center; margin-top:0px}
    .confer-detail .intsympo .duolaybox .layright p {margin-top:5px; text-align:center}
    .confer-detail .intsympo .duolaybox .layright .tbl th, .confer-detail .intsympo .duolaybox .layright .tbl td {font-size:15px}
    .confer-detail .intsympo .duolaybox .layright .tbl .dvde {border-left:1px solid #ddd; padding-left:20px;}
    .confer-detail .intsympo .duolaybox .layright .tbl .dvde span {font-size:14px; color:#999}

    .confer-detail .location {margin:60px 0px 80px}
    .confer-detail .location .map {width:100%; margin-top:15px}

    .videoplay>div {margin:0px auto}
    .videoplay h3 {margin:10px 0px 20px 0px; padding:0px}
    .videoplay h3>span {margin-left:0px}
    .videoplay .playnow {display:block; float:none; width:100%;}
    .videoplay .playnow>div {padding:30px 20px 20px 20px; border-right:none; border-bottom:1px solid #555}
    .videoplay .playnow>div h4 {font-size:20px; margin:10px 0px 5px}
    .videoplay .playnow>div embed {height:300px}
	.videoplay .playnow>div video {height:300px}
	.videoplay .playnow>div>div>div {height:300px}
    .videoplay .relatelist {display:block; float:none; width:100%;}
    .videoplay .relatelist>div {padding:10px 10px 20px}
    .videoplay .relatelist>div h3 {font-size:28px; margin-bottom:25px; display:none;}
    .videoplay .relatelist>div>div {height:200px; overflow:hidden}
    .videoplay .relatelist>div>div:after {content:" "; display:block; clear:both;}
    .videoplay .relatelist>div>div .relatetmb {width:50%; display:inline-block; float:left; margin:10px 0px 10px}
    .videoplay .relatelist>div>div .relatetmb .img {width:90%; max-width:200px; margin:0 auto; height:100px; display:block; float:none}
    .videoplay .relatelist>div>div .relatetmb .info {width:90%; max-width:200px; margin:10px auto 0px; display:block; float:none}
    .videoplay .relatelist>div>div .relatetmb .info h4 {height:36px; line-height:18px; margin:0px; text-align:center}
    .videoplay .relatelist>div>div .relatetmb .info p {margin:0px; text-align:center;}
    .videoplay .relatelist>div>div .relatetmb .info p>span {display:inline-block; font-size:11px}
    .videoplay .relatelist>div>div .relatetmb .info p>span.dv {display:inline-block}
    .videoplay .relatelist .imgpaging {margin-top:0px}
    .videoplay .relatelist .imgpaging .box {height:auto; padding:0px;}

    .irlist .evt {display:block; float:none; width:100%;}
    .irlist .evt>ul>li {padding:20px; margin-bottom:10px}
    .irlist .evt h4 {font-size:20px; margin-bottom:15px}
    .irlist .evt .leftinfo {position:relative; display:block; float:none; width:100%; margin-right:0%}
    .irlist .evt .leftinfo .date {font-size:20px;}
    .irlist .evt .leftinfo .where {margin:5px 0px 10px; font-size:15px}
    .irlist .evt .rightinfo {display:block; float:none; width:100%}
    .irlist .evt .rightinfo>p {margin:10px 0px}
    .irlist .evt .rightinfo>p:last-child {margin-bottom:0px}
    .irlist .evt .rightinfo>p>span {display:block}
    .irlist .noti {display:block; float:none; width:100%}
    .irlist .noti h2 {margin:40px 0px 15px}
    .irlist .noti>ul {margin-left:0px}
    .irlist .noti>ul:after {content:" "; display:block; clear:both;}
    .irlist .noti>ul>li:first-child {border-top:none}
    .irlist .noti>ul>li {box-sizing:border-box; padding:20px 0px; width:100%}
    .irlist .noti>ul>li h4 {font-size:18px}
    .irlist .noti>ul>li .date {font-size:14px; color:#999; margin-top:5px}
    .irlist .noti>ul>li .btn {text-align:right; margin-top:-15px}
    .irlist .evt .leftinfo .button {padding:0px 10px; font-size:14px}
    .irlist .noti>ul>li .button {padding:0px 10px; font-size:14px}

    .irlist .noti>ul>li.fittolist .btn {top:50%; transform:translateY(0)}
    .irlist .noti>ul>li.fittolist h4 {margin-right:40px}

    .financial .pagetitle {margin:40px 5px 0px}
    .financial .pagetitle>span {font-size:13px}
    .financial>table {margin:5px auto 40px; border-spacing:4px 0px;}
    .financial>table th, .financial>table td {padding:5px 0px; font-size:15px;}
    .financial>table th {padding:5px 10px 5px 0px; font-size:15px}
    .financial>table .item {padding-left:10px}
    .financial>table .sectit {padding:10px 0px 0px}
    .financial>table .costset .total2 {font-size:15px; padding:15px 0px}
    .financial>table .costset-mini td {font-size:13px; padding:5px 0px}
    .financial>table .costset-mini .tit {text-align:right}
    .financial>table .pdb30 td {padding-bottom:15px}

    #mNews {padding:35px 20px 0px; background:#f5f5f5}
    #mNews .gored {display:none}
    #mNews .storycont {margin:20px auto 0px;}
    #mNews .storycont>div>div:after {content:" "; display:block; clear:both;}
    #mNews .storycont>div>div>div {vertical-align:top;}
    #mNews .storycont>div>div>div>div {background:#fff; border:1px solid #eee; margin:0px 5px}
    #mNews .storycont>div>div>div>div>a {display:block;}
    #mNews .storycont>div>div>div>div h3 {font-size:15px; line-height:20px; height:60px; overflow:hidden; padding:15px 15px 0px; text-align:left}
    #mNews .storycont>div>div>div>div p {font-size:13px; color:#999; padding:15px 15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:left}
    #mNews .storycont>div>div>div>div .img {position:relative; height:130px; background:url(../img/temp/img_ourstory.png) no-repeat; background-position:center; background-size:cover}
    #mNews .storycont>div>div>div>div .bull-new {position:absolute; bottom:-15px; left:15px}
	#mNews .storycont .news {height:251px !important;}
	#mNews .storycont .newsinfo {white-space:normal !important; height:96px !important; line-height:16px !important; padding-top:0px !important; margin-top:13px !important; margin-bottom:5px !important; font-size:13px; overflow:hidden}
	#mNews .storyroll {overflow:hidden !important; height:350px !important}


    #mconfer .hd36 {margin-bottom:7px}
    #mconfer #detailheader {height:inherit; background-position: top 120% left 50% !important; background-size:70% !important}
    #mconfer #detailheader.conf {height:auto}
    #mconfer #detailheader.conf .infoset {margin:50px 20px 35%; left:0%; width:auto; text-align:center}
    #mconfer #detailheader.conf .infoset h3 {font-size:18px}
    #mconfer #detailheader.conf .infoset p {display:block; width:100%; margin:0 auto;}

    #confsche {padding:50px 10px 50px}
    #confsche .lay3 {margin-top:10px}
    #confsche .lay3>li {display:block; width:100%}
    #confsche .lay3>li>div {margin-right:0px; text-align:center}
    #confsche .lay3>li>div h3 {font-size:16px}
    #confsche .lay3>li>div p {margin-top:10px; font-size:13px}

    #mprnews {padding:40px 0px 50px; background:#fce7e2}
    #mprnews .lay4>li {padding-bottom:0px}
    #mprnews .lay4>li>div {border:none;}
    #mprnews .lay4>li>div:hover {transform:translateY(-5px);}
    #mprnews .lay4>li>div>a>.img {position:relative; height:130px; background:url(../img/temp/product_detail_tmb01.png) no-repeat; background-position:center; background-size:contain}
    #mprnews .lay4>li>div>a>h3 {font-size:14px; margin:10px 0px 0px; overflow:hidden}
}


@media all and (max-width:700px){
	.pagetitle .menubtn {margin-top:0px}
	.pagetitle .menubtn li {padding:0px; margin-right:5px; padding:0px; margin:0px; width:14.28%}
	.pagetitle .menubtn li a {height:30px; line-height:30px; font-size:16px; padding:0px; text-align:center; margin-left:-1px;}
}


@media all and (max-width:600px){
	.confer-list {margin:0px 10px 20px 20px;}
	.confer-list>div {width:50%}

	.conf-front>div {margin:10px 10px 0px 0px; padding:25px 15px;}
	.conf-front h3 {font-size:19px}
	.conf-front .confinfo * {text-shadow:0px 0px 1px #555}

	.conf-sympo>div {margin:10px 10px 0px 0px; padding:25px 15px;}
	.conf-sympo h3 {font-size:19px}
}


@media all and (max-width:450px){
    .videoplay .playnow>div embed {height:200px}
	.videoplay .playnow>div video {height:200px}
	.videoplay .playnow>div>div>div {height:200px}

    .financial>table th, .financial>table td {font-size:13px;}
    .financial>table th {font-size:13px}
    .financial>table .costset .total2 {font-size:13px}
}