@charset "utf-8";

ul.listBl_bar, ul.listBl_bar li {margin: 0;padding: 0;}
ul.listBl_bar > li {position: relative;padding-left: 1em;}
ul.listBl_bar > li:before {position: absolute;left: 0;top: 0;content: "- ";font-weight: bold;color: #333;}

ul.listStar, ul.listStar li {margin: 0;padding: 0;}
ul.listStar > li {position: relative;padding-left: 1em;}
ul.listStar > li:before {position: absolute;left: 0;top: 0;content: "* ";font-weight: bold;color: #333;}

.fcRed {color: #f00 !important;}
.fcBlue {color: #00f !important;}
.fcRPink {color: #e83e69 !important;}

ul.listNum {margin-left: 20px;}
ul.listNum > li {list-style:decimal;}

/* 탭메뉴 & 서브메뉴(탭메뉴 스타일) */
ul.tabMenu,
ul.subMenu{overflow: hidden;margin: 0;padding: 0;}

ul.tabMenu > li,
ul.subMenu > li{float: left;width: 50%;margin: 0;list-style:none;}

ul.tabMenu a,
ul.subMenu a{display: block;margin-left: 5px;padding:1.2em 0;text-decoration:none;border: 1px solid #e83e69;text-align: center;color: #e83e69;font-size: 16px;line-height: 1.2em;}
ul.tabMenu > li:first-child a,
ul.subMenu > li:first-child a{margin-left: 0;}
ul.tabMenu a.twoLine,
ul.subMenu a.twoLine{padding: 0.62em 0;}

ul.tabMenu .on a,
ul.subMenu .on a {color: #fff;background-color: #e83e69;border-color: #e83e69;}

ul.tabMenu a.bg,
ul.subMenu a.bg {color: #fff;background-color: #00a49d;border-color: #00a49d;}

ul.subMenu a:hover,
ul.subMenu a:focus{text-decoration:none;}

ul.menu02 {overflow: hidden;}
ul.menu02 > li {float: left;width: 50%;}
ul.menu03 > li {width: 33.3%;}
ul.menu03 > li:first-child {width: 33.4%;}

ul.menu04 > li {width: 25%;}
ul.menu05 > li {width: 20%;}

/* Overview */

dl.conference dd.btn .btnDef {background-color:#2e3698; border-color:#2e3698;}


/* _Abstract Submission */
div.committees table.tblDef td {padding-left:0;}



/* _Call for Abstracts */
div.abstract {width: 1088px;margin: 0 auto;padding: 50px 0;font-size:18px;line-height:1.8;}

div.abstract div.infoBox{margin-left: 30px;padding:30px;background-color: #f8f8f8;}
div.abstract div.infoBox i{padding-left: 10px;}
div.abstract div.infoBox ul{}
div.abstract div.infoBox ul li{float:left; width:33.3%;}
div.abstract div.infoBox ul li:first-child{width:33.4%;}
div.abstract div.infoBox ul li:last-child{text-align:right;}
div.abstract div.infoBox ul:after{clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.abstract table{margin-left: 30px;box-sizing:border-box;width:calc(100% - 30px);}

div.abstract ol.abstractFlow{margin:20px 0;list-style:none;background:url('/image/sub/abstract_flow.png') center top no-repeat transparent;height:186px;}
div.abstract ol.abstractFlow li{text-indent:-9999px;}

div.absType {padding: 100px 0 10px;text-align: center;font-size: 18px;}
div.absType li {display: inline-block;padding-left: 30px;}
div.absType li:first-child {padding-left: 0;}
div.absType li a {display: block;}
div.absType p {padding-top: 30px;}


div.abs_stepWrap{overflow: hidden; }
div.abs_stepWrap ul li{width:25%; float:left; height:142px; margin-left:0px;}
div.abs_stepWrap ul li:first-child{margin-left:0px;}

div.abs_stepWrap ul{width:100%;}
div.abs_stepWrap ul li.step1{background:url('/image/sub/abs_wstep_01.png') left top no-repeat; background-size:100% 142px;}
div.abs_stepWrap ul li.step1.on{background:url('/image/sub/abs_wstep_01_on.png') left top no-repeat; background-size:100% 142px;}
div.abs_stepWrap ul li.step2{background:url('/image/sub/abs_wstep_02.png') left top no-repeat; background-size:100% 142px;}
div.abs_stepWrap ul li.step2.on{background:url('/image/sub/abs_wstep_02_on.png') left top no-repeat; background-size:100% 142px;}
div.abs_stepWrap ul li.step3{background:url('/image/sub/abs_wstep_03.png') left top no-repeat; background-size:100% 142px;}
div.abs_stepWrap ul li.step3.on{background:url('/image/sub/abs_wstep_03_on.png') left top no-repeat; background-size:100% 142px;}
div.abs_stepWrap ul li.step4{background:url('/image/sub/abs_wstep_04.png') left top no-repeat; background-size:100% 142px;}
div.abs_stepWrap ul li.step4.on{background:url('/image/sub/abs_wstep_04_on.png') left top no-repeat; background-size:100% 142px;}

div.kddw div.abs_stepWrap ul li.step1.on {background-image:url('/image/sub/abs_wstep_new01_on.png');}
div.kddw div.abs_stepWrap ul li.step2.on {background-image:url('/image/sub/abs_wstep_new02_on.png');}
div.kddw div.abs_stepWrap ul li.step3.on {background-image:url('/image/sub/abs_wstep_new03_on.png');}
div.kddw div.abs_stepWrap ul li.step4.on {background-image:url('/image/sub/abs_wstep_new04_on.png');}
div.kddw div.btnArea .btn .btnDef {background-color:#2e3698; border-color:#2e3698;}


div.abs_stepWrap ul li dl{}
div.abs_stepWrap ul li dt{font-weight:bold;}
div.abs_stepWrap ul li dd{line-height:22px;}
div.abs_stepWrap ul li.step1 dl {padding: 30px 0px 0px 30px;}
div.abs_stepWrap ul li.step2 dl {padding: 30px 0px 0px 76px;}
div.abs_stepWrap ul li.step3 dl {padding: 14px 0px 0px 76px;}
div.abs_stepWrap ul li.step4 dl {padding: 40px 0px 0px 76px;}
div.abs_stepWrap ul li dt,div.abs_stepWrap ul li dd{color:#7b8391;}

div.abs_stepWrap ul li dt{font-size:20px;}
div.abs_stepWrap ul li dd{font-size:15px;}
div.abs_stepWrap ul li.on dt,div.abs_stepWrap ul li.on dd{color:#fff;}

div.abstract div.step4Title{font-size:25px; padding:30px 0 !important; font-weight: bold;}


/* _How to register */
div.register {font-size:18px;}

/*div.tblScroll {overflow-y: hidden;overflow-x: auto;}*/

div.register ul.subMenu {margin:0 auto;width:530px;margin-bottom:40px;}
div.register ul.subMenu li {width:255px;margin-left:20px;box-sizing:border-box;}
div.register ul.subMenu li:first-child {margin-left:0;}
div.register ul.subMenu li a {font-size:20px;padding:11px 0 13px;margin-left:0;}

div.register p {margin:0.8em 0 2em;}

div.register ol.regiProcess {text-indent:-20000px;margin-bottom:40px;min-height:171px;background:url('/image/sub/register_process.png') center center no-repeat;}

div.register dl dd {margin-bottom:2em;}

div.register table.tblPoin {width:100%;border-spacing:0;border-collapse:collapse;}
div.register table.tblPoin tr > * {border:1px solid #ddd;text-align:left;padding:11px 30px 10px;font-weight:bold;}
div.register table.tblPoin tr th {}
div.register table.tblPoin tr th.thPink {background-color:#ffe7ea;color:#eb557a;}
div.register table.tblPoin tr th.thBlue {background-color:#e7f9ff;color:#0aa9de;}

dl.tblType {width:500px;border-top:2px solid #00a49d;}
dl.tblType dt,
dl.tblType dd {border-bottom:1px solid #ddd;}
dl.tblType dt {background-color:#f5fdfd;padding:11px 0 12px;text-align:center;font-weight:bold;font-size:18px;}
dl.tblType dd {padding:25px 50px;}

div.register dl.payment {position:relative;padding-left:155px;min-height:135px;}
div.register dl.payment dt {font-weight:bold;}
div.register dl.payment dt img {position:absolute;left:27px;top:0;}

div.register dl.payment table {width:600px;margin-top:20px;}

div.register dl.bdArea {margin-top:30px;padding:20px 40px;}
div.register dl.bdArea dt {font-weight:bold;}
div.register dl.bdArea dd {margin-bottom:0;margin-top:10px;}
div.register dl.bdArea dd span {margin-left:20px;}



/* _Registration */
div.letter {font-size:18px;}
div.letter > p {padding-left:30px;line-height:1.5;}
div.letter ul {margin:20px 0;}
div.letter ul.list_bar > li {padding-left:40px;}

div.letter h4 {color:#641787;margin-top:40px;}


div#popupLetter div.btnArea {padding: 20px 0 40px;}




ul.registType {width: 652px;height: 305px;margin: 100px auto;}

ul.registType li {float: right;}
ul.registType li:first-child {float: left;}


input.total {border: 0 none;border-bottom: 1px solid #ccc;}

div#popupPinCode {width: 434px;padding:40px 82px;margin: 0 auto;border: 1px solid #d2d2d2;}
div#popupPinCode p:first-child {padding-bottom: 5px;font-size: 25px;color: #006e7e;font-weight: 400;}
div#popupPinCode p {color: #4a4a4a;font-size: 18px;text-align: center;font-family: 'Noto Sans KR', sans-serif;line-height: 1.4;}
div#popupPinCode div.formArea {position: relative;margin-top: 30px;padding-right: 90px;}
div#popupPinCode input[type=text] {width: 323px;height: 23px;}
div#popupPinCode span.btn {position: absolute;right: 0;top: 0;}


/* Hands-on Workshop */
div.handson {}
div.handson ul.subMenu li {width: 25%;}
div.handson ul.subMenu a {font-size: 20px;}
div.handson ul.subMenu a.twoLine {padding: ;}


div.handson h3.bl_Tit {margin-top: 50px;}
div.handson table.tblDef {border-top-color: #60b6dc;}
div.handson table.tblDef th {background-color: #f2fbff;}













/* Abstract (Invited Lecture) Submission*/
ol.stepInfo_lecture {height: 180px;background: url('/image/sub/invited_stepTit.png') center top no-repeat;text-indent: -10000px;}

table.inputTbl .phone label {width: 150px;margin-left: 10px;}
table.inputTbl .phone label:first-child {margin-left: 0;}

div.formArea .boldTit {margin: 30px 0 10px;}
div.formArea div.bdArea {margin: 20px 0;padding: 20px;text-align: center;}


div.applyCom {width: 900px;margin: 100px auto;padding:40px;border: 1px solid #e5e5e5;text-align: center;font-size: 18px;color: #000;}
div.applyCom .pointTxt {padding-bottom: 20px;}
div.applyCom .btn * {padding: 22px 40px;border-radius:0;}
div.applyCom .btn .twoLine {height: auto;padding: 10px 40px;}



div.applyCom_bg {padding: 190px 20px 20px;border: 1px solid #7fa2ee;text-align: center;color: #333;font-weight: 500;font-size: 20px;background: #fafbff url('/image/sub/applyCom_bg.png') center 30px no-repeat;}


div#popupPreview {width: 700px;padding: 30px;border: 1px solid #d2d2d2;font-size: 16px;}
div#popupPreview h1 {color: #006e7e;font-size: 30px;}



/* transportation css */


/* 공통 & 인천 */

div.transport{overflow:hidden;}
div.transport ul.menu02{width: 720px; margin: 0 auto;}
div.transport ul.menu02 li{width: 360px; margin: 0 auto;}
div.transport ul.menu02 li a{color:#e83e69 !important; border-color: #f39eb4 !important;}
div.transport ul.subMenu li.on a{color:#fff !important;}

div.transport div.busWrap{width: 720px; height: 120px;  margin: 30px auto 20px; overflow: hidden;}
div.transport div.busWrap dl{width: 50%; float:left; position:relative;}
div.transport div.busWrap dl dt{padding:25px 0 0 150px; color:#006e7e; font-weight: bold; font-size: 20px;;}
div.transport div.busWrap dl dt img{display: block; position: absolute; top: 0; left: 20px;}
div.transport div.busWrap dl dd{padding:0 0 0 150px; font-weight: bold; font-size: 18px;}

div.transport table.tblDef{border-top: 2px solid #641787;}
div.transport table.tblDef th{border-top: 0 none;color: #641787; font-weight: bold;}
div.transport table.tblDef td{border-top: 0 none; text-align: center;}

div.imgWrap img{margin-top: 40px;}

div.transport dl.taxi{position:relative; padding-left: 161px; margin-top: 70px;}
div.transport dl.taxi dt{color: #006e7e; font-size: 20px;}
div.transport dl.taxi dt img{position:absolute; top:50%; margin-top: -55px;  left: 0px;}
div.transport dl.taxi dd{font-weight: bold; font-size: 18px;}
div.transport dl.taxi dd p{padding-left:10px; font-weight: bold;}
.tm40{margin-top: 40px !important;}


/* 김포 */

div.gimpo{width: 100%; overflow: hidden; position:relative;}
p.transfer{position: absolute; top: 70px; left: 50%; margin-left: -40px;}


div.gimpo dl{width: 50%; float:left; position: relative; margin-top: 50px; box-sizing: border-box;}
div.gimpo dl dt{padding: 50px 0 0 190px;}
div.gimpo dl dt span{padding-top: 30px;}
div.gimpo dl dt img{position: absolute; top: 0; left: 60px;}

div.gimpo dl dd{padding: 80px 0 0 30px;}
div.gimpo table.tblDef{border-top: none;}
div.gimpo table.tblDef tbody td{font-weight: bold;}


div.transport div.gimpo dl.taxi{clear: both;padding: 0 0 0 160px;}
div.transport div.gimpo dl.taxi dt{padding: 0;}
div.transport div.gimpo dl.taxi dd{padding: 0;}
div.transport div.gimpo dl.taxi img{left: 20px;}

.fcDgreen{color: #006e7e; display:block;}
.fcGray{color: #919191;}




/* Program Details */
div.daily {width: 1088px;margin: 50px auto;}

ul.scheduleList {overflow: hidden;}
ul.scheduleList li {float: left;width: 28%;}
ul.scheduleList li:first-child {width: 16%;}
ul.scheduleList a {display: block;padding: 9px 10px;margin-left: 10px;border: 1px solid #e83e69;color: #e83e69;text-align: center;text-decoration: none;font-size: 20px;}
ul.scheduleList li:first-child a {margin-left: 0;}
ul.scheduleList a.all {border-color: #254083;color: #254083;}

ul.scheduleList .on a {background-color: #e83e69;color: #fff;}
ul.scheduleList .on a.all {background-color: #254083;}

.session01 {background-color: #bc8fdd;color: #000;}
.session02 {background-color: #ff6699;color: #000;}
.session03 {background-color: #ccccff;color: #000;}
.session04 {background-color: #ff9966;color: #000;}
.session05 {background-color: #a9d08e;color: #000;}

.session06 {background-color: #dbccbb;color: #000;}
.session07 {background-color: #14ed76;color: #000;}
.session08 {background-color: #66ffff;color: #000;}
.session09 {background-color: #ffe5ff;color: #000;}
.session10 {background-color: #c9c787;color: #000;}

.session11 {background-color: #fdc3ec;color: #000;}
.session12 {background-color: #66ccff;color: #000;}
.session13 {background-color: #ed7d30;color: #000;}
.session14 {background-color: #c6e0b4;color: #000;}
.session15 {background-color: #ffc000;color: #000;}

.session16 {background-color: #daafae;color: #000;}
.session17 {background-color: #99ff33;color: #000;}
.session18 {background-color: #ffff00;color: #000;}
.session19 {background-color: #bfbfbf;color: #000;}

ul.sessionList {overflow: hidden;margin-top: 30px;}
ul.sessionList li {float: left;margin:0 0 10px 10px;}
ul.sessionList li.clear {margin-left: 0;}

ul.sessionList a {display: table-cell;height: 70px;padding: 0 10px;vertical-align: middle;text-align: center;text-decoration: none;font-size: 17px;}

.sessionTit {margin-top: 50px;padding: 10px 20px;}
table.sessionTbl {width:100%; border:0; border-collapse:separate; border-spacing:0;border-left: 1px solid #ddd;}
table.sessionTbl th, table.sessionTbl td {padding: 10px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;color: #000;}
table.sessionTbl td {text-align: right;}
table.sessionTbl th, table.sessionTbl td.time {text-align: center;background-color: #fafafa;}
table.sessionTbl td.con {padding: 10px 20px;text-align: left;}


/* Invited Speaker */
div.invitedSpeaker {width: 1088px;margin: 50px auto;font-size: 18px;}
div.invitedSpeaker .listArea {overflow: hidden;}
div.invitedSpeaker .listArea > * {float: right;}
div.invitedSpeaker .listArea > *:nth-child(odd) {clear: both;float: left;}

dl.speakersInfo {position: relative;width: 390px;min-height:120px;padding-left: 130px;margin-top: 50px;}
dl.speakersInfo dt {border-top: 2px solid #e83e69;background-color: #fafafa;}
dl.speakersInfo dt a {display: block;padding: 10px 15px;text-decoration: none;color: #000;font-size: 25px;}
dl.speakersInfo .photo {position: absolute;left: 0;top: 0;width: 118px;height: 138px;border: 1px solid #dcdcdc;background-color: #fafafa;}
dl.speakersInfo .photo img {display: block;width: 100%;height: 100%;}

dl.speakersInfo table {width:100%; border:0; border-collapse:separate; border-spacing:0;border-top: 1px solid #ddd;}
dl.speakersInfo table th, dl.speakersInfo table td {padding: 10px;border-bottom: 1px solid #ddd;color: #000;font-size: 16px;font-weight: normal;}
dl.speakersInfo table th {border-right: 1px solid #ddd;}


div.layerPopup {display: none;z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}

div.popupProgram {position: fixed;left: 50%;top: 20%;width: 580px;border-radius:4px;margin-left: -290px;background-color: #fff;}
div.popupProgram h1 {padding: 10px 50px 10px 20px;border-radius:4px;background-color: #00a49d;color: #fff;font-size: 14px;}
div.popupProgram h1 strong {display: block;font-size: 24px;font-weight: 400;}

div.popupProgram div.popupCon {padding: 30px;margin-top: -2px;border: 2px solid #e5e5e5;border-top: 0 none;border-radius:0 0 4px 4px;}
div.popupProgram div.popupCon > div {min-height:410px;}
div.popupProgram dt {position: relative;padding: 5px 75px 7px 10px;background-color: #bf198d;color: #fff;font-size: 25px;}
div.popupProgram dt span {position: absolute;right: 10px;top: 10px;width: 50px;padding: 2px 5px 4px;background-color: #3416e9;color: #fff;font-size: 13px;text-align: center;}
div.popupProgram dd {padding-bottom: 30px;}
div.popupProgram table {width:100%; border:0; border-collapse:separate; border-spacing:0;border-top: 1px solid #ddd;}
div.popupProgram table th, div.popupProgram table td {padding: 10px;border-bottom: 1px solid #ddd;color: #000;font-size: 14px;font-weight: normal;}
div.popupProgram table th {border-right: 1px solid #ddd;background-color: #fafafa;}

div.popupProgram p.btn {text-align: center;}

div.popupProgram p.close {position: absolute;right: 10px;top: 5px;width:30px;}
div.popupProgram p.close a {display: block;color: #fff;text-decoration: none;font-size: 30px;text-align: center;}



div.popupSpeakers {position: fixed;left: 50%;top: 20%;width: 580px;border-radius:4px;margin-left: -290px;background-color: #fff;}
div.popupSpeakers h1 {padding: 10px 50px 10px 20px;border-radius:4px;background-color: #00a49d;color: #fff;font-size: 14px;}
div.popupSpeakers h1 strong {display: block;font-size: 24px;font-weight: 400;}

div.popupSpeakers div.popupCon {padding: 30px;margin-top: 0px;border: 2px solid #e5e5e5;border-top: 0 none;border-radius:0 0 4px 4px;}
div.popupSpeakers dt {position: relative;padding: 5px 75px 7px 10px;background-color: #bf198d;color: #fff;font-size: 25px;}
div.popupSpeakers dt span {position: absolute;right: 10px;top: 10px;width: 50px;padding: 2px 5px 4px;background-color: #3416e9;color: #fff;font-size: 13px;text-align: center;}
div.popupSpeakers dd {padding-bottom: 30px;}
div.popupSpeakers table {width:100%; border:0; border-collapse:separate; border-spacing:0;border-top: 1px solid #ddd;}
div.popupSpeakers table th, div.popupSpeakers table td {padding: 10px;border-bottom: 1px solid #ddd;color: #000;font-size: 14px;font-weight: normal;}
div.popupSpeakers table th {border-right: 1px solid #ddd;background-color: #fafafa;}

div.popupSpeakers p.btn {text-align: center;}

div.popupSpeakers p.close {position: absolute;right: 10px;top: 5px;width:30px;}
div.popupSpeakers p.close a {display: block;color: #fff;text-decoration: none;font-size: 30px;text-align: center;}



/* 초록심사 */
div.reviewlogin {height: 100%;font-family: 'Noto Sans KR', sans-serif;}
div.reviewlogin div.loginArea {width: 700px;padding-bottom: 40px;margin: 100px auto;border: 1px solid #e5e5e5;}
div.reviewlogin h3 {padding: 50px 0 20px;text-align: center;color: #5859c2;font-size: 25px;}
div.reviewlogin div.formArea {position: relative;width: 400px;min-height: auto;padding-right: 134px;margin: 0 auto;border: 0 none;}
div.reviewlogin div.formArea form {width: auto;}
div.reviewlogin dl {position: relative;padding: 0 0 0 90px;margin-bottom: 10px;border: 1px solid #dcdcdc;}
div.reviewlogin dt {position: absolute;left: 0 !important;top: 0 !important;color: #000;font-size: 16px;}
div.reviewlogin dt label {display: block;}
div.reviewlogin dd {height: auto !important;border: 0 none !important;}
div.reviewlogin dd input {width: 288px !important;height: 28px;padding:5px 10px !important;}
div.reviewlogin p.btn {position: absolute;right: 0;top: 0;width: 120px;}
div.reviewlogin p.btn * {height: 124px !important;border-radius:0 !important;}
div.reviewlogin p.note {color: #f00;font-size: 14px;}

div.review table.tblDef {margin-top: 20px;border-top-color: #77c6d1;}
div.review table.tblDef:first-child {margin-top: 0;}
div.review table.tblDef > * > tr > * {padding: 10px;}

div.reviewBrief {position: relative;padding-right: 290px;}
div.reviewBrief p {position: absolute;right: 0;bottom: 0;}

div.review div.searchArea {overflow: hidden;}

div.review div.searchArea div.type,
div.review div.searchArea select,
div.review div.searchArea input,
div.review div.searchArea span {float: left;}

div.review div.searchArea div.type  > *:first-child {margin-left: 0;}
div.review div.searchArea div.type * {margin-left: 10px;}
div.review div.searchArea select {height: 33px;}

div.review div.searchArea div.keyword {float: right;}
div.review div.searchArea div.keyword input[type=text] {width: 423px;height: 23px;border-right: 0 none;}

table.listTbl {}
table.listTbl th, table.listTbl td {font-size: 0.9em;padding: 5px !important;}
table.listTbl .btnSmall {padding: 6px 5px 5px;}

ul.pager {padding: 50px 0;text-align: center;}
ul.pager li {display: inline-block;vertical-align: top;}
ul.pager a {display: inline-block;padding: 3px 8px 1px;text-decoration: none;color: #333;}
ul.pager a.on {color: #fff;background-color: #004ea2;}
ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {padding: 0;}



div#popupReview {width: 700px;padding: 20px 40px;border: 2px solid #ddd;font-family: 'Noto Sans KR', sans-serif;}
div#popupReview h1 {overflow: hidden;margin-bottom: 10px;color: #e83e69;font-size: 20px;font-weight: bold;}
div#popupReview p.absNo {padding-bottom: 5px;text-align: right;font-size: 16px;}
div#popupReview div.reviewCon {padding: 30px;margin-bottom: 30px;border: 1px solid #ddd;background-color: #f8f8f8;}

div#popupReview table.inputTbl {}

div#popupReview textarea {width: 95%;height: 200px;}
div#popupReview .note {display: block;padding-top: 10px;line-height: 1.2;color: #f00;}




/* spon 191001 */
div.spon{width: 1088px; margin: 0 auto; padding: 0 0 50px 0;}
	
	div.spon dl{margin-top: 60px}
	div.spon dl::after{content:""; display:block; clear: both;}
	div.spon dl dt{margin-bottom: 30px;}
	div.spon dl dd{text-align: center;}
	div.spon dl dd a{margin-left: 10px; display:inline-block;}
	div.spon dl dd a:first-child{margin-left: 0;}

	dl.sponPlat dt{text-align: center; background: url(/image/spon/sponPlat.png)no-repeat; color: #fff; padding: 7px 0; font-size: 24px;}
	dl.sponGold dt{text-align: center; background: url(/image/spon/sponGold.png)no-repeat; color: #fff; padding: 7px 0; font-size: 24px;}
	dl.sponSilver dt{text-align: center; background: url(/image/spon/sponSilver.png)no-repeat; color: #fff; padding: 7px 0; font-size: 24px;}
	dl.sponBronze dt{text-align: center; background: url(/image/spon/sponBronze.png)no-repeat; color: #fff; padding: 7px 0; font-size: 24px;}
	dl.sponCrystal dt{text-align: center; background: url(/image/spon/sponCrystal.png)no-repeat; color: #fff; padding: 7px 0; font-size: 24px;}
	dl.sponRuby dt{text-align: center; background: url(/image/spon/sponRuby.png)no-repeat; color: #fff; padding: 7px 0; font-size: 24px;}
	dl.sponSupt dt{text-align: center; background: url(/image/spon/sponSupport.png)no-repeat; color: #fff; padding: 7px 0; font-size: 24px;}



/* My Page */
div.mypage {}

div.myCertificate {position: relative;margin: 100px auto 0;}
div.myCertificate .name {position: absolute;left: 0;top: 300px;width: 100%;font-family:'Times New Roman', serif;color: #282828;font-size: 32px;text-align: center;font-style: italic;}

div#popupCertificate {position: relative;width: 1180px;margin: 100px auto 0;}
div#popupCertificate .name {position: absolute;left: 0;top: 310px;width: 100%;font-family:'Times New Roman', serif;color: #282828;font-size: 32px;text-align: center;font-style: italic;}

ul.portfolio-list {}

div.portfolio-item a {display:inline-block;}
div.portfolio-item i {padding-top:10px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.portfolio-list .portfolio-item {margin-bottom:15px;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.portfolio-list li {float:left;width:25%;}
ul.portfolio-list:after {clear:both;display:block;font-size:0;height:0;line-height:0;content:".";}

div.portfolio-item {padding:0 10px;}
div.portfolio-item img {height:184px;}
}


/* _포토갤러리 */
@media screen and (min-width: 720px) {
 div.gallery ul.tabMenu li a {padding:10px 20px 13px; font-size:20px; letter-spacing:-1px;}
}

@media screen and (max-width:380px) {
	div.gallery ul.tabMenu li:first-child a {line-height:18px;}
}

/* Awards & Grants */
div.awardInfo{position:relative;margin:0 auto;background-color: #f8f8f8;padding:30px 30px 30px 135px;}
div.awardInfo img{position:absolute;left:30px;top:42px;}
div.awardInfo p{text-indent:-25px;margin-left: 25px;font-size:20px;line-height:30px;}

table.tblAwards{margin: 30px 0 0 !important;width:100% !important;border-spacing: 0;}
table.tblAwards th{background: url('/image/sub/ico_awards.png') 30px center no-repeat;background-color:  #204693 !important;color:#fff;line-height:90px;padding-left: 110px;font-size:20px;text-align:left;font-weight:normal;}
table.tblAwards td{padding: 10px; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #333;  text-align: left;font-size:16px;}
table.tblAwards td:first-child{border-left: 0;}

table.tblGrants{margin: 30px 0 0 !important;width:100% !important;border-spacing: 0;}
table.tblGrants th{background: url('/image/sub/ico_grants.png') 21px center no-repeat #204693;text-align:left;color:#fff;line-height:30px;padding-left: 110px;font-size:20px;padding:15px 110px;font-weight:normal;}
table.tblGrants th span{font-size:16px;}
table.tblGrants td{padding: 10px; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #333;  text-align: center;font-size:16px;}
table.tblGrants td:first-child{border-left: 0;}