@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
@import url('https://fonts.googleapis.com/css?family=Francois+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap');
body{font-family: 'Roboto', sans-serif; zoom: 1; font-size:15px; line-height:22px; color:#333333;}

#wrap{position: relative;}
@media (max-width: 1023px){
#wrap {
    width: 1400px;
	}
}

strong{font-weight:500 !important;}
button{font-family: 'Roboto' !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mr20{margin-right:20px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.mb90{margin-bottom:90px !important;}
.mb120{margin-bottom:120px !important;}
.ml0{margin-left:0px !important;}
.ml3{margin-left:3px !important;}
.mr11{margin-right:11px !important;}

.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb60{padding-bottom:60px !important;}
.pb90{padding-bottom:90px !important;}
.pb120{padding-bottom:120px !important;}

.txt-red{color:#ef4e4c !important;}
.txt-navy{color:#475cce !important;}
.txt-green{color:#269f83 !important}
.txt-yellow{color:#ffd800 !important;}
.txt-fff{color:#ffffff !important;}
.txt-black{color:#000 !important;}
.txt-90{color: #909090}
a.txt-fff:hover{color:#ffe274 !important;}
.ta_justify {
    text-align: justify !important;
}
del{color: #b3b3b3;}

.btn-center { margin: 25px; text-align: center;}
.btn{ font-size:13.5px; font-weight:500; color:#444444; padding: 2px 10px; margin: 0 3px; border: 2px solid #e4522e; border-radius: 13px;}
.btn:hover{background:#e4522e; color:#ffffff; transition:0.4s; cursor:pointer !important;}
.btn-lg{font-size: 17px; padding: 5px 25px; border-radius: 20px; background:#e4522e; color:#ffffff;}
.btn-lg:hover{background:#ffffff; color:#444444;  border: 2px solid #e4522e; cursor:pointer !important;}
.section-title .btn{ font-size:13.5px; font-weight:500; color:#3c8dbc; padding: 2px 10px; margin: 0 3px; border: 2px solid #3c8dbc; border-radius: 13px;}
.section-title .btn:hover{background:#3c8dbc; color:#ffffff; transition:0.4s; cursor:pointer !important;}
.btn01{padding: 13px 20px; text-align: center; box-sizing: border-box; background: url(../images/sub/btn01-bg.png) repeat; color: #fff; font-weight: 500; font-size: 16px;}
.bg02{background: url(../images/sub/btn01-bg02.png) repeat;}
.bg03{background: url(../images/sub/btn01-bg03.png) repeat;}
.btn02{border:1px solid #3561c0; padding: 6px 10px; text-align: center; box-sizing: border-box; background: linear-gradient(#3561c0,#1c4295); color: #fff; font-weight: 500; border-radius: 50px; font-size: 13px; display: inline-block;}
.btn03:hover{color:#fff;}

a.link{color:#e83421;}
a.link:hover{text-decoration:underline;}
/*.underline{color: #2e149c; border-bottom: 1px solid #2e149c; height: 26px; font-weight: 500; background: #f4f1ff;}*/
.underline{color: #025cc6; border-bottom: 1px solid #025cc6; height: 26px; font-weight: 500; background: #e6f2fb;}
.click{background-color: #e6f2fb; color: #025cc6; padding: 2px 5px; display: inline-block; font-weight: 500;}

.fl-left{float:left;}
.fl-right{float:right;}
.al-center{text-align:center !important;}
.al-left{text-align:left !important;}
.al-right{text-align:right;}
.al-justify{text-align:justify;}
.display-bc{display:block; margin:0 auto;}

.fs18_333{font-size: 20px; color: #333; font-weight: 500; margin-bottom: 20px;}
.dot_e74{background-color: #d400b1; display: inline-block; width: 5px; height: 5px; vertical-align: middle; margin-right: 6px; margin-bottom: 3px;}


/*=========================accordion=========================*/
button.accordion {cursor: pointer; width: 100%; text-align: left; height: 40px; padding: 0; margin: 10px 0; position: relative; background: url(../images/accordion_bg.jpg) no-repeat;}
button.accordion span.route_num{padding: 9px 8px; color: #fff; text-align: center; width: 15%; display: inline-block; float: left; font-size: 16px;}
button.accordion span.route_con{width: 81%; display: inline-block; float: left; font-size: 14px; line-height: 36px; padding-left: 20px;}
button.accordion:after {content: '\002B'; color: #333; font-weight: bold; line-height: 40px; position: absolute; right: 18px;}
button.accordion.active:after {content: "\2212";}
button.accordion:active, button.accordion:focus{outline: none;}
div.panel1 {background-color: white; max-height:0px; overflow: hidden; transition: max-height 0.2s ease-out;}
div.wpsm_panel{padding:20px 0 30px 24px;}
div.wpsm_panel img{display:block; margin:5px auto;}
div.wpsm_panel h3{font-size:16.5px; font-weight: 700; border-bottom: 1px dotted #ddd; height: 33px;}
.m_box {width: 480px; height: 70px; padding: 15px 20px; border: 2px dotted #475cce; margin: 10px auto; border-radius: 10px; text-align:center; background-color:#f3f4fb;}

.accordion-item {position: relative;}
.accordion-item .heading {display: inline-block; text-decoration: none; font-weight: 600; font-size: 1rem; position: absolute; top: -54px; padding: 7px 10px; transition: 0.3s ease-in-out;  border: 2px solid #5b78a2; color: #5b78a2;}
.accordion-item .heading .title{color: #5b78a2}
.accordion-item.active .heading{background: #5b78a2; color: #fff;}
.accordion-item.active .heading .title{color: #fff}

.accordion-item .content {display: none; padding: 20px; min-height:inherit;}
.accordion-item.active .content{border-bottom: 1px solid #c8ccd3;}
.accordion-item .content p {margin-top: 0;}

.line23{line-height: 23px !important;}



/*=========================sub tba=========================*/
.tba{margin-top: 150px;}
.lds-spinner {display: block; margin: 0 auto; position: relative; width: 80px; height: 80px;}
.lds-spinner div {transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite;}
.lds-spinner div:after {content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: #afafaf;}
.lds-spinner div:nth-child(1) {transform: rotate(0deg); animation-delay: -1.1s;}
.lds-spinner div:nth-child(2) {transform: rotate(30deg); animation-delay: -1s;}
.lds-spinner div:nth-child(3) {transform: rotate(60deg); animation-delay: -0.9s;}
.lds-spinner div:nth-child(4) {transform: rotate(90deg); animation-delay: -0.8s;}
.lds-spinner div:nth-child(5) {transform: rotate(120deg); animation-delay: -0.7s;}
.lds-spinner div:nth-child(6) {transform: rotate(150deg); animation-delay: -0.6s;}
.lds-spinner div:nth-child(7) {transform: rotate(180deg); animation-delay: -0.5s;}
.lds-spinner div:nth-child(8) {transform: rotate(210deg); animation-delay: -0.4s;}
.lds-spinner div:nth-child(9) {transform: rotate(240deg); animation-delay: -0.3s;}
.lds-spinner div:nth-child(10) {transform: rotate(270deg); animation-delay: -0.2s;}
.lds-spinner div:nth-child(11) {transform: rotate(300deg); animation-delay: -0.1s;}
.lds-spinner div:nth-child(12) {transform: rotate(330deg); animation-delay: 0s;}
@keyframes lds-spinner {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
.tba p {display: block; font-weight: 900; color: #d4d4d4; text-align: center; font-size:40px; margin-top: 35px;}

#subtitle{background: url(../images/sub/bg.png) no-repeat center; height: 300px; width: 100%; min-width: 1260px; margin-top:-20px;}
#subtitle h2{font-size: 40px; color: #fff; text-align: center; font-weight: 600; padding-top: 190px}

/*-------------------------lnb-------------------------*/
.content_area{width:1260px; margin:0 auto; min-height:500px;}

.lnb_warp {position:relative;}
.lnb_warp:before {content:''; position:absolute; left:0; right:0; bottom:0; height:60px; background:#151965;}
.lnb_warp h2 {margin:-140px 0 0; padding:0 0 80px; color:#fff; font-size:36px; font-weight:700; text-align:center; line-height:50px;}
.lnb_warp .lnb {display:table; table-layout:fixed; width:1260px; margin:-20px auto 0;}
.lnb_warp .lnb li {display: table-cell;}
.lnb_warp .lnb li a {display: block; position:relative; height:60px; color:#fff; font-size:16px; text-align:center; line-height:60px;}
.lnb_warp .lnb li a:hover {color:#fbc53f;}
.lnb_warp .lnb li.depth2r {position:relative; background-color:#fff;}
.lnb_warp .lnb li.depth2r a {color:#555; line-height:101px;}


/*-------------------------contents-------------------------*/
.content{display: block; height: 100%; min-height: 700px; width: 100%; padding: 30px 30px 50px;}

.content h1 {font-size: 23px; line-height:20px; font-weight: 500; margin: 5px 0; color:#e4522e; padding-left: 13px; position: relative;}
.content h1:after{position: absolute; content: ""; left: 0; top: 0; bottom: 0; width: 5px; border-radius: 12px; background: #e4522e;}
.content h2{font-size: 33px; line-height: 40px; font-weight: 600; margin-bottom:40px; text-align: center; color: #151965; letter-spacing: -0.5px;}
.content h3 {font-size: 20px; line-height: 20px; font-weight: 500; margin: 15px 0; color: #6a0da4;}
.content h3:before{background-image: url(../images/h3_icon.png); background-size: 15px 15px;display: inline-block;width: 15px;height: 15px;content: "";margin-right: 7px;background-repeat: no-repeat;}
.content .tith3{margin-bottom: 10px; font-size: 19px; color: #e74635; font-weight: 500;}
.content .tith3::before{content: ''; display: inline-block; width: 5px; height: 5px; background-color: #e74635; vertical-align: middle; margin-top: -3px; margin-right: 6px;}
.content h4 {font-size: 15.5px;  font-weight: 500; margin: 5px 0 10px 3px; padding-left: 10px; position: relative; line-height: 16px; color: #666}
.content h4:after{position: absolute; content: ""; left: 0; top: 0; bottom: 0; width: 4px; border-radius: 2px; background: #666;}
.content h4 span {font-weight: 300;}
.content h5{font-size: 17px;  font-weight: 600; margin: 6px 0; color:#07a9bd;}
.content h6{font-size: 15px;  font-weight: 600; color:#e97b4a; margin:5px 0;}

.title1 {font-size: 17.5px;  font-weight: 500; margin: 5px 0 10px 3px; padding-left: 10px; position: relative; line-height: 16px; color: #d400b1;}
.title1:after{position: absolute; content: ""; left: 0; top: 0; bottom: 0; width: 4px; border-radius: 2px; background: #d400b1;}
/*.content ul.list li:before{ content: ''; font-size: 15px; vertical-align: bottom; padding-right: 7px;}*/

.content .ul-basic{ padding-left: 34px;}
.content .ul-basic li{padding: 2px 0; list-style-type: circle; line-height: 1.5;}
.content .ul-basic li.decimal, .content .ul-basic2 li.decimal{list-style-type: decimal !important;}
.content .ul-basic li.circle, .content .ul-basic2 li.circle{list-style-type: circle !important;}

.content .ul-basic2{ border-top: 2px solid #ff5656; border-bottom: 2px solid #d4d4d4;}
.content .ul-basic2 li{border-bottom: 1px dotted #989898; padding: 8px 5px;}
.content .ul-basic2 li:last-child{border-bottom:none;}

.content .ul-basic3 li{padding: 2px 0; list-style-type: none;}
.content .ul-basic3 li:before{vertical-align: middle; margin-bottom: 4px; border: 1px solid #333; width: 5px; height: 5px; box-sizing: border-box; display: inline-block; content: ''; margin-right: 8px;}
.basic_ul{margin: 0; padding: 0; list-style: none;}
.basic_ul li{padding-left: 16px; position: relative;}
.basic_ul li:after{content: "-"; position: absolute; left: 0; top: -1px;}

.step_ul{margin-top: 30px;}
.step_ul>li{margin-bottom: 10px; width: 100%;box-sizing: border-box; height: 72px;margin-right: -5px; background: url('../images/step_bg.jpg') no-repeat;}
.step_ul>li span{display: inline-block;vertical-align: top;font-size: 17px;color: #FFF;font-weight: 500;width: 167px;text-align: center;line-height: 72px;}
.step_ul>li div{display: inline-block; margin: 0 0 0 32px;line-height: 72px;}
.step_ul>li:last-child div{line-height: 1.6; margin-top: 11px;}

.impor_tit{float:left; border: 5px #fceeef solid; border-bottom: 0; width: 18%; height: 42px; text-align: center; padding: 12px 0; box-sizing: border-box; color: #e74635; font-weight: 500; font-size: 16px; border-top-left-radius:15px; border-top-right-radius:15px;}
.impor_line{float:left; border-bottom: 5px #fceeef solid; width: 82%; height: 42px; color: #fff;}
.impor_text{clear:both; border: 5px #fceeef solid; border-top: 0; padding: 25px 10px;}


.content dl dt { float: left; min-width: 269px; background: #f1f1f1; color: #666; font-weight: 500;  margin-right: 13px; padding: 9px 20px; border-radius: 30px;}
.content dl dd { margin: 2px 0; padding: 11px 0; font-size: 14px;}
.content .table{width:100%; border-left:1px solid #e0e0e0; border-top: 2px solid #eb7b0d;}
.content .table td{padding:6px 8px; border-right:1px solid #e0e0e0; border-bottom: 1px dotted #d4d4d4; vertical-align:middle; line-height: 21px;}
.content .table.al-center td{text-align:center;}
.content .table a:hover{text-decoration:underline;}

.content .table2{width:100%; border-top: 2px solid #B5B5B5; border-bottom: 1px solid #B5B5B5;}
.content .table2 td{padding:4px 8px; border-bottom: 1px dashed #bdbdbd;}
.content .table2 tr:last-child td{border-bottom:none;}

p.online_sp{text-align: center; display: block; float: right; background: #f99903; color: #fff; padding: 7px 92.5px; font-weight: 600; font-size: 18px; margin-bottom: -2.6px;}
.s_table{border-top: 3px solid #5a78a1; width: 100%;}
.s_table th{background: #e6e9ed; font-weight: 500; padding: 13px; border-bottom: 4px double #c8ccd3; border-right: 1px solid #c8ccd3;}
.s_table td{border-bottom: 1px solid #c8ccd3; padding: 13px; line-height: 1.9}
.s_table td.bR0{border-right: 0px solid #e4e6e7 !important;}
.s_table td.bR1{border-right: 1px solid #c8ccd3 !important;}
.s_table td.bB4{border-bottom: 4px double #c8ccd3 !important;}
.s_table th.soldout, .s_table td.soldout{background: #ddd; color: #a5a5a5; position: relative;}
.s_table td.soldout img{position: absolute; left: 50%; margin-left: -70px; z-index: 99;}
.s_table td strong{text-align: center; display: block; margin-bottom: 5px;}
.s_table td p{text-align: center; line-height: 1.5}


.s_table2{border-top: 3px solid #5a78a1; width: 50%;}
.s_table2 th{background: #e6e9ed; font-weight: 500; padding: 3px; border-bottom: 4px double #c8ccd3; border-right: 1px solid #c8ccd3;}
.s_table2 td{border-bottom: 1px solid #c8ccd3; padding: 3px; line-height: 1.9}
.s_table2 td.bR1{border-right: 1px solid #e4e6e7 !important;}
.s_table2 td strong{text-align: center; display: block; margin-bottom: 5px;}
.s_table2 td p{text-align: center; line-height: 1.5}


.mon_table td{padding: 18px 0; text-align: center; border-right: 1px dashed #e5e5e5;}
.mon_table td p{color: #666; line-height: 1.5;}
.mon_table .bR0{border-right: 0;}
.bR0{border-right: 0 !important;}

.comm td{border-right:1px solid #e4e6e7;}
.comm tr td:last-child{border-right:0;}

.comm_table{width: 100%; border-top: 2px solid #e6e9ed;}
.comm_table tr td{border-bottom: 2px solid #e6e9ed; padding: 15px 20px;}
.comm_table tr td:first-child{border-right: 2px solid #e6e9ed;}


.contact-box{padding: 20px; margin-top: 5px; border: 5px solid #e6e9ed; line-height: 1.9;}
.notice-box{padding: 20px 180px; border: 5px solid #f6d1c9; line-height: 1.9;}
.t_box{padding: 20px; margin-top: 5px; background-color: #f6f6f6; box-sizing: border-box; line-height: 1.9;}

ul.ex_list{ width: 100%; height: auto; margin-top:20px;}
ul.ex_list li{ float: left; width: 185px; height: 164px; margin-right: 13px; margin-bottom: 10px; border:1px solid #ddd;}
.content ul.list li:before{content:'-'; font-size:15px; vertical-align:bottom; padding-right:7px;}
ul.ex_list li:nth-child(5n+0){margin-right:0 !important;}
ul.ex_list li img{display:block; width:185px; height:130px; margin-bottom:2px;}
ul.ex_list li span.btn1{width:49%;	height:33px; float:left; margin-right:2px;}
ul.ex_list li span.btn2{width:49.9%;height:33px;float:left; text-align:center; line-height:33px;}
ul.ex_list li span.btn2.none a{background:#e9e9e9;}
ul.ex_list li span.btn2.none:hover a{color:#555;}
ul.ex_list li span a{display:block; height:33px; text-align:center; line-height:33px;font-size:12px; background: #e9e9e9; transition:0.3s;}
ul.ex_list li span.btn1 a{width:100%;}/*58px*/
ul.ex_list li span.btn2 a{width:100%;}/*126px*/
ul.ex_list li span a:hover, ul.ex_list li span a:active{ background: #84819f; color: #fff;}
ul.ex_list li span.grey a:hover, ul.ex_list li span.grey a:active{ background: #efefef !important; color: #555 !important;}
.m_box ul.list{list-style:square; padding-left:10px;}
.m_box ul.list li:before{content:''; padding-right:0;}

.ex_box{width: 100%; box-sizing: border-box; display: inline-block;}
.ex_box span{float: left; width: 1%; margin-right: 13px; margin-top: 4px;}
.ex_box p{float: left; width: 97%;}

.notice_list{font-size:1.071em; line-height:1.4em;}
.notice_list li{padding:4px 0;}
.notice_list li .tit{background-color:#f99903; color:#fff; width:13%; display:block; float:left; padding:6px 20px; -webkit-border-radius:13px; line-height:24px; font-weight:500; text-align:center;}
.notice_list li .info{width:85%; display:block; float:right; padding:6px; line-height:22px; padding-left: 10px;}
.clear:after{display:block; clear:both; content:"";}



/* data list */
.data_list > ul > li {margin-top:8px;}
.data_list > ul > li:first-child {margin-top:0;}
.data_list > ul > li > div {display:table; table-layout:fixed; width:100%; border-top:2px solid #e6e9ed; border-bottom:2px solid #e6e9ed;}
.data_list > ul > li > div > div {display:table-cell; vertical-align:middle;}
.data_list .dl_th {width:20%; background:#e6e9ed; text-align:center; line-height:22px; font-weight: 500;}
.data_list .dl_th, .data_list .dl_td {padding:20px;}

/* sub list */
.s_list_1 {padding-left:16px;}
.s_list_1 li {position:relative; line-height:20px; padding:8px 0;}
.s_list_1 li::after {display:block; content:''; width:4px; height:4px; position:absolute; right:100%; background:#d400b1; margin-right:12px; top: 13px;}
.s_list_1.sl_pd4 li {padding:4px 0;}

.s_list_decimal {padding-left:38px;}
.s_list_decimal li {position:relative; line-height:20px; padding:8px 0; list-style: decimal;}

/*abouot seoul*/
.aroundArea {overflow:hidden;}
.aroundInfoList {overflow:hidden;}
.aroundInfoList > li {overflow:hidden; float:left; width:49%; margin:2.5rem 0 2.5rem 2%;}
.aroundInfoList > li:nth-child(1), .aroundInfoList > li:nth-child(2) {margin-top:0;}
.aroundInfoList > li:nth-child(2n+1) {margin-left:0; clear:left;}
.aroundInfoList > li > div.arImg {float:left; width:40%;}
.aroundInfoList > li > div.arTxt {overflow:hidden; padding:0 0 0 30px;}
.aroundInfoList > li > div.arTxt > span {display:block; padding-bottom:15px; border-bottom:1px solid #ddd; font-size:17.5px; font-weight: 600; color:#2d57a4; letter-spacing: -0.3px;}
.aroundInfoList > li > div.arTxt .arDetail {overflow:hidden; margin-top:15px; word-break:keep-all; word-wrap:break-word; text-align: justify;}
.aroundInfoList.tourList > li {width:100%; margin:4rem 0 0;}
.aroundInfoList.tourList > li:first-child {margin:0;}
.aroundInfoList.tourList > li > div.arImg {width:23%;}
.aroundInfoList.tourList > li > div.arTxt .arDetail {line-height:1.6;}


.tab {width: 100%; position: relative; z-index: 1; margin-bottom: 30px; text-align: left; font-size: 0;}
.tab li:first-child{margin-left: 0;}
.tab li{display: inline-block; margin-left: 0.5%;}
.tab li a {position: relative; display: block; height: auto; padding: 18px 25px; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #fff; text-align: center; background: #f3d3a1}
.tab li a:focus, .tab li a.active { background:#f99903; color: #fff;}
.tabcontent { display: none;  padding: 10px 15px; -webkit-animation: fadeEffect 1s;  animation: fadeEffect 1s; /* Fading effect takes 1 second */}
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Style the tab content */
.tabcontent {
    display: none;
	padding:0px;
}
div#tabs, div#tabs1{width: 100%; position: relative; z-index: 1; margin-bottom: 30px; text-align: left; font-size: 0;}
div#tabs ul, div#tabs1 ul{width: 100%}
div#tabs ul, div#tabs1 ul{list-style:none; display: inline-block;}
div#tabs>ul>li:first-child, div#tabs1>ul>li:first-child{margin-left: 0;}
div#tabs>ul>li, div#tabs1>ul>li{margin-left:0.5%; display: inline-block}
div#tabs>ul>li:focus, a.active, div#tabs1>ul>li:focus {font-weight:600; background: #f99903; color: #fff; outline: none;}
div#tabs>ul>li>a, div#tabs1>ul>li>a{position: relative; display: block; height: auto; padding: 18px 25px; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #fff; text-align: center; background: #f3d3a1}
div#tabs>ul>li:focus, div#tabs1>ul>li:focus {background-color: #f99903; color:#fff; outline: none;}
li.ui-state-active a{background-color: #f99903 !important; outline: none;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active:focus{
    background: #f99903;
    font-weight: normal;  outline: none;
    color: #ffffff;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none;  outline: none;
}


.m_box{width:944px; height:auto; padding:15px 20px; border:2px dotted #b9b9b9; border-radius:10px; margin-bottom:20px; background-color:#f9f9f9; text-align:left}


.wrap-person {margin-top:50px}
.wrap-person ul {padding: 0;}
.wrap-person ul:after {content:""; display:block; clear:both}
.wrap-person ul li {display:inline-block; float:left; width:600px;}
/*.wrap-person ul li:nth-child(2n) {margin-left:240px}*/
.wrap-person ul li .person-name {display:inline-block; vertical-align:top; margin-top:55px;}
.wrap-person ul li .person-name .name-opt {font-weight:800; color: #f99903;}
.wrap-person ul li .person-name .name-opt:after {content:""; display:block; position:relative; z-index:1; margin-top:11px; width:153px; height:1px; background:#aaa}
.wrap-person ul li .person-name p {margin-top:15px; line-height:1.57em}
.wrap-person ul li .person-name .name {display:block; margin-top:15px; font-size:20px; font-weight:500}
.wrap-person ul li .pic {display:inline-block; margin-left:0; width:240px; height:240px}
.wrap-person ul li .person-history {margin-top:16px; padding-left:155px;}
.wrap-person ul li .person-history p ~ p {margin-top:5px; text-align: left}
.wrap-person ul li .person-history p.line2 {margin-top:10px; padding-left:34px}
.wrap-person ul li .person-history h2{font-size:19px; margin:0 0 10px; text-align: left; line-height: inherit; color: #6a0da4;}



/*keynote*/
.plenary_date{width:550px; float:left; margin:10px 25px;}
.plenary_date p.date{color:#fff; text-align:center; padding:5px;}
.plenary_title {width: 100%; background-color: #f6ebfd; float: left; border-bottom: 3px solid #6a0da4;}
p.title {text-align: center; font-size: 17.5px; color: #6a0da4; font-weight: 500; line-height: 18px; padding: 10px 5px; width: 100%; overflow:hidden;}
.plenary_date .title1::after{display: none;}
.plenary_box .sp {width: 100%; height: 180px; border-bottom: 0px solid #102c76; background: #fbfbfb; padding: 15px;}
.plenary_box img.plenary {margin-right: 25px; float: left; width: 150px;}
.plenary_box .speaker {font-size: 20px; font-weight: bold; padding-top: 10px;}
.aff { margin-bottom:10px;}
.plenary_box .title1{font-size:13px; margin: 5px 10px 0;}


.onlineBox{width: 100%; display: inline-block;}
.onlineBox p{display: inline-block; float: left; margin-right: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; background: linear-gradient(#9987e8,#5b48b5); color: #fff; font-weight: 600; padding: 10px 20px;}


/* step */
ul.step_4{display: inline-block; width: 100%;}
ul.step_4 li{width:15.2%; margin-right: 1%; height: 290px; position: relative; padding: 30px 10px; text-align: center; border: 2px solid #e6e9ed; box-sizing: border-box; float: left;}
ul.step_4 li:last-child{margin-right: 0;}
ul.group li strong.secondary{display: block; font-size: 20px; font-weight: 800; color: #0d2c5a !important;}
ul.w_line li div.icon_box{padding-top: 1rem; margin: 0 auto; display: block;}
ul.group li dl dd{font-size: 15px; font-weight: 400; line-height: 1.4;}
ul.w_line li:after{position: absolute; z-index: 1; right: -23px; top: 109px; content: ""; display: block; width: 29px; height: 29px; background: url(../images/reg_R.png); }
ul.w_line li:last-child:after{display: none;}


.blink {position: relative; /*z-index: 20; font-size: 17.5px;*/ width: 100%; height: 100%; display: block; line-height: 1.5;}
.blink:hover{text-decoration: underline;}
.blink:after {background: #fff; content: ""; height: 170px; left: -280px; opacity: .2; position: absolute; top: -80px; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 650ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 650ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 9999;}
.blink:hover:after {left: 120%; -webkit-transition: all 650ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 650ms cubic-bezier(0.19, 1, 0.22, 1);}

.posterBtn{overflow: hidden;}
.posterBtn .blink:hover:after {left: 135%;}



	/* Lnb */
.lnb2 {text-align: center; width: 1295px; margin: 0 auto;}
.lnb2 li {display: inline; position: relative;}
.lnb2 a {font-weight: 400; font-size: 15px; width: 100%; padding: 16px 0 19px; display: inline-block; /*max-width: 240px; width: 20%;*/ max-width: 333px; width: 16%;position: relative; color: #fff;}
.lnb2 li a:hover {color: #fbc53f;}
.lnb2 .depth2r a{ color: #333 !important; background: #fff;}



ul.guideBox{overflow:hidden; display: flex;}
ul.guideBox li{float:left; position:relative; min-height: 87px; background:#f3f3f3; width: 51.2%; margin-top: 16px;}
ul.guideBox li + li{margin-left: 0.8%;}
ul.guideBox li h2{position:absolute; top: 0; left: 8%; margin: 0;}
ul.guideBox li .Date_txt{float: right; padding: 30px 14.2% 30px 0;}
ul.guideBox li .Date_txt p{font-size:30px; letter-spacing:0; color:#ff6d3b; margin-top: 10px; word-break: keep-all; font-weight: 800;}
ul.guideBox li .Date_txt span{font-size: 17px;}

ul.guideBox li a{width: 100%; height: 100%; display: block;}


.profBox{width: 100%; margin: 0 auto; background: url(../images/ylc_bg.jpg) no-repeat center right; height: 200px; display: flex; justify-content: center; flex-direction: column;}
.profBox > div.txt{width: 83%; padding: 22px 26px; background: #fff;}