@charset "UTF-8";

/* 뉴스레터 */
.newsletter_cont {}
.newsletter_cont .text_area {background-color: #f0f6ff; background-image: url("/images/user/eng/common/news_bg.jpg"); background-position: bottom center; background-size: contain; background-repeat: no-repeat;}
.newsletter_cont .text_area .box {padding: 120px 50% 100px 221px; background-image: url("/images/user/eng/common/news_icon1.png"); background-position: right 203px center; background-size: 315px 227px; background-repeat: no-repeat;}
.newsletter_cont .text_area .box .sub_title {font-family: 'GmarketSans'; font-weight: 500; font-size: 20px; line-height: 30px; color: #000000; word-break: keep-all;}
.newsletter_cont .text_area .box .title {margin: 8px 0 0; font-family: 'GmarketSans'; font-weight: 700; font-size: 47px; line-height: 70px; color: #000000;}
.newsletter_cont .text_area .box .title .ft_c {color: #00b1ba;}
.newsletter_cont .text_area .box .text {margin: 25px 0 0; padding: 0 0 0 78px; background-image: url("/images/user/eng/common/news_icon2.png"); background-position: left top; background-size: 62px 55px; background-repeat: no-repeat; font-weight: 300; font-size: 18px; line-height: 30px; color: #000000; word-break: keep-all;}
.newsletter_cont .text_area .box .text .ft_c {font-weight: 500; color: #00b1bf;}
.newsletter_cont .inp_area {padding: 55px 217px 61px 216px; background-color: #333843;}
.newsletter_cont .inp_area .inp_box {position: relative; /* padding: 0 376px 0 0; */}
.newsletter_cont .inp_area .inp_box .inp {width: 100%; height: 64px; border: none; padding: 0 10px 0 27px; font-weight: 400; font-size: 18px; line-height: 64px; color: #000000; background-color: #ffffff;}
.newsletter_cont .inp_area .inp_box .inp::placeholder {font-weight: 300; font-size: 15px; line-height: 64px; color: #565656;}
.newsletter_cont .inp_area .inp_box .sub_btn {display: block;/*  position: absolute; top: 0; right: 188px; */ width: 286px; height: 64px; margin: 0 auto; background-color: rgb(50,158,249); background: linear-gradient(270deg, rgba(50,158,249,1) 14%, rgba(40,213,192,1) 100%); text-align: center;}
.newsletter_cont .inp_area .inp_box .sub_btn.cancell {right: 0;}	
.newsletter_cont .inp_area .inp_box .sub_btn .text {display: inline-block; position: relative; padding: 0 26px 0 0; background-image: url("/images/user/eng/event/sub_next.png"); background-position: right center; background-size: 10px 14px; background-repeat: no-repeat; font-family: 'GmarketSans'; font-weight: 500; font-size: 20px; line-height: 64px; color: #ffffff;}

/* 설문조사 */
.survey .survey_cont {margin: 40px 0 0; padding: 9px; background-color: #24bdcf; background: linear-gradient(0deg, #24bdcf 14%, #1d5bd6 100%);}
.survey .survey_cont .survey_box {padding: 84px 95px 50px;background-color: #ffffff;}
.survey .survey_cont .survey_box .title_box {border-bottom: 1px solid #000000; padding: 0 10px 30px 10px; text-align: center;}
.survey .survey_cont .survey_box .title_box .title {font-family: 'GmarketSans'; font-weight: 500; font-size: 32px; line-height: 50px; color: #000000;}
.survey .survey_cont .survey_box .img_box {display: table; width: 100%; max-width: 1080px; table-layout: fixed;}
.survey .survey_cont .survey_box .img_box .inner_box {display: table-cell; width: 100%; max-width: 1080px; height: 545px; vertical-align: middle; text-align: center;}
.survey .survey_cont .survey_box .img_box .inner_box img {display: inline-block;}
.survey .survey_cont .survey_box .inp_box {padding: 31px 0; background-color: #f2f2f2; text-align: center;}
.survey .survey_cont .survey_box .inp_box .text {font-weight: 300; font-size: 18px; line-height: 30px; color: #000000;}
.survey .btn_area {margin: 63px 0 0; text-align: center;}
.survey .btn_area a {display: inline-block; height: 58px; border: none; background-color: #313131; font-family: 'GmarketSans'; font-weight: 500; font-size: 20px; line-height: 58px; color: #ffffff;}
.survey .btn_area a.sty2 {background-color: rgba(50,158,249,1);}
/* ip */
.ip_cont {text-align: center;}



/* 지난행사 */
.event_cont {border-top: 2px solid #101e34;}
.event_cont .event_list {}
.event_cont .event_list > .list {}
.event_cont .event_list > .list > li {border-bottom: 1px solid #e5e5e5; padding: 54px 50px 78px;}
.event_cont .event_list > .list > li .box {display: table; width: 100%; table-layout: fixed; padding: 6px 0 0 30px; background-image: url("/images/user/eng/common/tit_etc.png"); background-position: left top; background-repeat: no-repeat;}
.event_cont .event_list > .list > li .box .left_box {display: table-cell; width: 440px; padding: 0 10px 0 0; vertical-align: top;}
.event_cont .event_list > .list > li .box .left_box .year {font-family: 'GmarketSans'; font-weight: 700; font-size: 32px; line-height: 48px; color: #000000;}
.event_cont .event_list > .list > li .box .left_box .title {font-family: 'GmarketSans'; font-weight: 500; font-size: 32px; line-height: 48px; color: #000000; word-break: keep-all;}
.event_cont .event_list > .list > li .box .left_box .text {margin: 9px 0 0; font-family: 'GmarketSans'; font-weight: 500; font-size: 18px; line-height: 27px; color: #00b1ba; word-break: keep-all;}
.event_cont .event_list > .list > li .box .right_box {display: table-cell; width: 100%; vertical-align: top;}
.event_cont .event_list > .list > li .box .right_box .info_list {}
/* .event_cont .event_list > .list > li .box .right_box .info_list .list {font-size: 0;}
.event_cont .event_list > .list > li .box .right_box .info_list .list li {display: inline-block; position: relative; width: 50%; padding: 0 10px 0 11px; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000; vertical-align: text-top; word-break: keep-all;}
.event_cont .event_list > .list > li .box .right_box .info_list .list li:before {display: block; content: ''; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; background-color: #3b199c;} */
.event_cont .event_list > .list > li .box .right_box .info_list .list {font-size: 0;}
.event_cont .event_list > .list > li .box .right_box .info_list .list li {display: inline-block; position: relative; width: 100%; padding: 0 10px 0 11px; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000; vertical-align: text-top; word-break: keep-all;}
.event_cont .event_list > .list > li .box .right_box .info_list .list li .list_box {display: table; width: 100%; table-layout: fixed;}
.event_cont .event_list > .list > li .box .right_box .info_list .list li .list_box .list_inner {display: table-cell; height: 48px; vertical-align: top;}
.event_cont .event_list > .list > li .box .right_box .info_list .list li .list_box .list_inner .txt {position: relative; height: 48px; padding: 0 0 0 100px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.event_cont .event_list > .list > li .box .right_box .info_list .list li .list_box .list_inner .txt_t {display: block; content: ''; position: absolute; top: 0; left: 0; padding: 0 0 0 10px; line-height: 1.5;}
.event_cont .event_list > .list > li .box .right_box .info_list .list li .list_box .list_inner .txt_t:before {display: block; content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background-color: #000000;}
.event_cont .event_list > .list > li .box .right_box .btn_list {margin: 26px 0 0;}
.event_cont .event_list > .list > li .box .right_box .btn_list .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; font-size: 0;}
.event_cont .event_list > .list > li .box .right_box .btn_list .list li {display: inline-block; width: 100%; margin: 0 0 0 4px;}
.event_cont .event_list > .list > li .box .right_box .btn_list .list li:first-child {margin: 0;}
.event_cont .event_list > .list > li .box .right_box .btn_list .list li .com_btn {display: inline-block; width: 100%; background-color: #000; font-family: 'GmarketSans'; font-weight: 500; font-size: 18px; line-height: 43px; color: #fff; text-align: center; border: 0 !important; padding: 0 !important; padding-top: 5px !important;}
.event_cont .event_list > .list > li .box .right_box .btn_list .list li .com_btn.video_pop_btn {background-color: #333333; color: #ffffff;}
.event_cont .event_list > .list > li .box .right_box .btn_list .list li .com_btn.img_pop_btn {background-color: #333333; color: #ffffff;}

/* ============================ 파티넥스행사 07-13 ============================ */
/* ==================== event_top ==================== */

.intro.sub .header.scrolled .logo a .text {color: #ffffff;}
.intro.sub .header.scrolled .util_box .list li a .text {color: #ffffff;}
.intro.sub .header.scrolled .util_box .list li:before {background-color: #ffffff;}
.intro.sub .header.scrolled .util_box .list li.icon01 a .text:before {background-image: url("/images/user/eng/event/head_icon1_white.png");}
.intro.sub .header.scrolled .util_box .list li.icon02 a .text:before {background-image: url("/images/user/eng/event/head_icon2_white.png");}
.intro.sub .header.scrolled .util_box .list li.icon03 a .text:before {background-image: url("/images/user/common/head_icon5_white.png");}
.intro.sub .header.scrolled .gnb_header .logo a {background-image: url("/images/user/eng/event/logo2_white.png");}

.event_top  {position: relative; padding: 29px 0 25px; background-color: #f8f8f8;}
.event_top .top { padding: 0 150px 0 0}
.event_top .top .logo {}
.event_top .top .logo a{display: inline-block; height:40px; padding: 0 0 0 222px; background-image: url("/images/user/eng/event/logo2.png"); background-position: 0 0; background-repeat: no-repeat;}
.event_top .top .logo a .text {font-family: "GmarketSans"; font-weight: 700; font-size: 23px; line-height: 47px; color: #101e34;}
.event_top .btn_list {position: absolute; right: 30px; top: 50%; margin: -25px 0 0; z-index: 10;}
.event_top .btn_list > li {position: relative; float: left; margin: 0 17px 0 0;}
.event_top .btn_list > li:last-child {margin: 0;}
.event_top .btn_list > li > a {display: block; width: 50px; height: 50px; background-color: #ffffff; border-radius: 50%; box-shadow: 0px 5px 18px 0px rgb(0 0 0 / 15%); background-position: center center; background-size: 20px 20px; background-repeat: no-repeat; text-indent: -9999px; z-index: 0;}
.event_top .btn_list > li.share > a {background-image: url("/images/user/eng/common/share_icon.png");}

.event_top .btn_list > li.share > a:hover, .bread_box .container .btn_list > li.share > a:focus {background-image: url("/images/user/eng/common/share_icon_on.png");}
.event_top .btn_list > li.print > a {background-image: url("/images/user/eng/common/print_icon.png");}
.event_top .btn_list > li.print > a:hover, .bread_box .container .btn_list > li.print > a:focus {background-image: url("/images/user/eng/common/print_icon_on.png");}
.event_top .btn_list > li.home > a {background-image: url("/images/user/common/home.png");}
.event_top .btn_list > li.home > a:hover, .bread_box .container .btn_list > li.home > a:focus {background-image: url("/images/user/common/home_on.png");}

.event_top .btn_list > li > a:hover, .bread_box .container .btn_list > li > a:focus {background-color: inherit;}

.event_top .btn_list > li > a:hover:before, .bread_box .container .btn_list > li > a:focus:before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;  background-image: url(/images/user/common/sub_top_bg.png); background-position: center; background-size: cover; background-repeat: no-repeat; z-index: -1;}

.sub_share_box {display: none; position: absolute; left: -125px; top: 50px; width: 150px;}
.sub_share_box li {float: left; margin-left: 3px;}
.sub_share_box li:first-child {margin-left: 0;}
.sub_share_box li a {display: block; width: 26px; height: 26px; line-height: 26px; background-color: #3b5998; border-radius: 2px; color: #fff; font-size:17px; text-align: center;}
.sub_share_box li.twitter a {background-color: #55acee;}
.sub_share_box li.kakaostory a {background-color: #fccb00;}
.sub_share_box li.googleplus a {background-color: #da4835;}
.sub_share_box li.blog a {background-color: #00c73c;}
/* ==================== event_top ==================== */

/* ==================== 파티넥스행사_헤더공통 ==================== */
.intro .header .gnb_header {top: 0;}

.sub .header {position: absolute; top: 0; right: 0; left: 0; z-index: 9999;}
.sub .header * {transition: all 0.5s; -moz-transition: all 0.9s; -webkit-transition: all 0.9s;}
.sub .header .gnb_header {top: -130px;}

.event {width: 100%;}
.event .sub_cont {padding: 0;}
.event .contents {padding: 0;}

.event .top .container {position: relative; max-width: 1380px; margin: 0 0 0 40px;}
.event .event_close {display: block; position: absolute; top: 0; right: 0; width: 66px; height: 68px; z-index: 19999;}
.special_cont {position: relative;}

.special_cont .header_area {position: relative; background-color: #f8f8f8;}
.special_cont .header_area .title_box {text-align: center;}
.special_cont .header_area .title_box .title {position: relative; font-weight: 500; font-size: 42px; line-height: 63px; text-align: center;}
.special_cont .header_area .title_box .title:before{display: block; content: ''; position: absolute; top: 50%; left: 0; background-position: 0 0;background-repeat: no-repeat;}
.special_cont .header_area .title_box .title:after {display: block; content: ''; position: absolute; top: 50%; right: 0; background-position: 0 0; background-repeat: no-repeat;}

.special_cont .header_area .title_box {padding: 58px 0 75px;}
.special_cont .header_area .title_box.sty1 .title {padding: 0 274px;}
.special_cont .header_area .title_box.sty1 .title:before{width: 220px; height: 177px; margin: -88px 0 0; background-image: url("/images/user/event/header_case01.png");}
.special_cont .header_area .title_box.sty1 .title:after {width: 220px; height: 177px; margin: -88px 0 0; background-image: url("/images/user/event/header_case02.png");}

.special_cont .header_area .title_box.sty2 .title {padding: 0 230px;}
.special_cont .header_area .title_box.sty2 .title:before {width: 176px; height: 158px; margin: -79px 0 0; background-image: url("/images/user/event/header_case03.png");}
.special_cont .header_area .title_box.sty2 .title:after {width: 176px; height: 158px; margin: -79px 0 0; background-image: url("/images/user/event/header_case04.png");}

.special_cont .header_area .title_box.sty3 .title {padding: 0 233px}
.special_cont .header_area .title_box.sty3 .title:before {width: 200px; height: 180px; margin: -90px 0 0; background-image: url("/images/user/event/header_case05.png");}
.special_cont .header_area .title_box.sty3 .title:after {width: 200px; height: 180px; margin: -90px 0 0; background-image: url("/images/user/event/header_case06.png");}

.special_cont .header_area .title_box.sty4 .title {padding: 0 240px}
.special_cont .header_area .title_box.sty4 .title:before {width: 205px; height: 159px; margin: -79px 0 0;  background-image: url("/images/user/event/header_case07.png");}
.special_cont .header_area .title_box.sty4 .title:after {width: 205px; height: 159px; margin: -79px 0 0; background-image: url("/images/user/event/header_case08.png");}

.special_cont .header_area .title_box.sty5 .title {padding: 0 210px;}
.special_cont .header_area .title_box.sty5 .title:before {width: 177px; height: 163px; margin: -81px 0 0; background-image: url("/images/user/event/header_case09.png");}
.special_cont .header_area .title_box.sty5 .title:after {width: 177px; height: 163px; margin: -81px 0 0; background-image: url("/images/user/event/header_case10.png");}

.special_cont .header_area .title_box.sty6 .title {padding: 0 245px; font-weight: 700;}
.special_cont .header_area .title_box.sty6 .title:before {width: 200px; height: 159px; margin: -80px 0 0; background-image: url("/images/user/event/header_case11.png");}
.special_cont .header_area .title_box.sty6 .title:after {width: 200px; height: 159px; margin: -80px 0 0; background-image: url("/images/user/event/header_case12.png");}

/* 온라인 전시관 */
.special_cont .header_area .title_box.sty7 .title {padding: 0 217px;}
.special_cont .header_area .title_box.sty7 .title:before {width: 166px; height: 157px; margin: -79px 0 0; background-image: url("/images/user/event/header_case13.png");}
.special_cont .header_area .title_box.sty7 .title:after {width: 166px; height: 157px; margin: -79px 0 0; background-image: url("/images/user/event/header_case14.png");}

/* 개막식 */
.special_cont .header_area .title_box.sty8 .title {padding: 0px 191px;}
.special_cont .header_area .title_box.sty8 .title:before {width: 149px; height: 152px; margin: -76px 0 0; background-image: url("/images/user/event/header_case15.png");}
.special_cont .header_area .title_box.sty8 .title:after {width: 149px; height: 152px; margin: -76px 0 0; background-image: url("/images/user/event/header_case16.png");}


.down_btn .btn {position: absolute; right: 0; bottom: 25px; display: inline-block; padding: 0 38px 0 44px; border: 2px solid #333333; border-radius: 30px; background-color: #ffffff;}
.down_btn .btn .text {position: relative; padding: 0 26px 0 0; font-family: "GmarketSans"; font-weight: 500; font-size: 16px; line-height: 43px; color: #000000;}
.down_btn .btn .text:before {display: block; content: ""; position: absolute; top: 50%; right: 0; width: 16px; height: 18px; margin: -9px 0 0; background-image: url("/images/user/event/down_icon.png"); background-position: 0 0; background-size: contain; background-repeat: no-repeat;}
/* ==================== 파티넥스행사_헤더공통 ==================== */

/* ==================== 파티넥스행사_컨텐트공통 ==================== */
.sub .container {max-width: 1280px;}
/* ==================== 파티넥스행사_컨텐트공통 ==================== */

/* ==================== 파티넥스행사_버튼리스트공통 ==================== */
.com_cont {}
.com_cont.sty2 {overflow: hidden;}
.com_cont .tap_box {font-size: 0;}
.com_cont .tap_box .btn {display: inline-block; width: 50%; font-weight: 400; border-bottom: 2px solid #d6d6d6; font-size: 20px; line-height: 77px; color: #bebebe; text-align: center;}
.com_cont .tap_box.sty2 .btn {display: block; width: 100%;}
.com_cont .tap_box .btn:last-child{margin: 0;}
.com_cont .tap_box .btn.on {border-bottom: 2px solid #000000; background-color: #dfe2e5; color: #000000;}
.com_cont .tap_box.sty2 .btn.on {border: none; font-weight: 500; background-color: #dfe2e5; color: #000000;}

.com_cont .com_list {}
.com_cont .com_list.box {display: none;}
.com_cont .com_list.box.on {display: block;}
.com_cont .com_list .container > .list {}
.com_cont .com_list .container > .list > li {margin: 0 -350px; border-bottom: 1px solid #e5e5e5; padding: 43px 350px 46px;}
.com_cont .com_list .container > .list.sty2 > li{border-top: 1px solid #e5e5e5;}
.com_cont .com_list .container > .list > li.now {background-color: #feffe9;}
.com_cont .com_list .container > .list > li .box {display: table; width: 100%; table-layout: fixed;}
.com_cont .com_list .container > .list > li .box .left_box {display: table-cell; width: 413px; padding: 0 65px 0 0; vertical-align: top;}
.com_cont .com_list .container > .list > li .box .left_box .time {font-weight: 500; font-size: 18px; line-height: 27px; color: #24bdcf;}
.com_cont .com_list .container > .list > li .box .left_box .title {margin: 9px 0 0; font-weight: 500; font-size: 24px; line-height: 36px; color: #000000; word-break: keep-all;}
.com_cont .com_list .container > .list > li .box .right_box {display: table-cell; width: 100%; vertical-align: top;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner {display: table; width: 100%; table-layout: fixed;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area {display: table-cell; width: 100%; padding: 0 120px 0 0;vertical-align: top;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner {display: table; width: 100%; table-layout: fixed;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner .inner {position: relative; display: table-cell; height: 205px; vertical-align: top;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner .inner .text_box {/* margin: 0 0 14px 0; */}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner .inner .text_box .text {padding: 0 0 55px; font-weight: 400; font-size: 18px; line-height: 30px; color: #424242; word-break: keep-all;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner .inner .btn_list {position: absolute; left: 0; right: 0; bottom: 0;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner .inner .btn_list .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; font-size: 0;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner .inner .btn_list .list li {display: inline-block; width: 100%; margin: 0 0 0 4px;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner .inner .btn_list .list li:first-child {margin: 0;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner .inner .btn_list .list li .com_btn {display: inline-block; width: 100%; font-weight: 500; font-size: 18px; line-height: 43px; color: #000000; text-align: center;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner .inner .btn_list .list li .com_btn.video_pop_btn {background-color: #1d5bd6; color: #ffffff;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner .inner .btn_list .list li .com_btn.data_pop_btn {background-color: #24bdcf; color: #ffffff;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner .inner .btn_list .list li .com_btn.exhibit_btn {background-color: #0b3978; color: #ffffff;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .img_area {display: table-cell; width: 145px; vertical-align: top;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .img_area .img_box {display: table; width: 100%; max-width: 145px; table-layout: fixed;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .img_area .img_box .inner_box {display: table-cell; width: 100%; height: 144px; vertical-align: middle; text-align: center;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .img_area .img_box .inner_box img {display: inline-block;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .img_area .txt_box {margin: 10px 0 0;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .img_area .txt_box .txt {font-weight: 500; font-size: 16px; line-height: 24px; color: #272727; text-align: center;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .img_area .txt_box .info_list {margin: 10px 0 0; border-top: 1px solid #e9ebee; padding: 10px 0 0;}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .img_area .txt_box .info_list .list {}
.com_cont .com_list .container > .list > li .box .right_box .right_inner .img_area .txt_box .info_list .list li {font-weight: 300; font-size: 15px; line-height: 24px; color: #676767; text-align: center; word-break: keep-all}


/* .com_cont .com_list .container > .list > li.sty2 .box .right_box .right_inner .text_area {padding: 0 80px 0 0;} */
.com_cont .com_list .container > .list > li.sty2 .box .right_box .right_inner .text_area .text_inner .inner {height: 237px;}
.com_cont .com_list .container > .list > li.sty2 .box .right_box .right_inner .img_area {width: 150px;}
.com_cont .com_list .container > .list > li.sty2 .box .right_box .right_inner .img_area .img_box {max-width: 150px;/*  border: 1px solid #e6e6e6; */}
.com_cont .com_list .container > .list > li.sty2 .box .right_box .right_inner .img_area .img_box .inner_box {height: 158px;}


.com_cont .com_list .container > .list > li.sty3 .box .right_box .right_inner .text_area {padding: 0 10px 0 0;}
.com_cont .com_list .container > .list > li.sty3 .box .right_box .right_inner .img_area {width: 200px;}
.com_cont .com_list .container > .list > li.sty3 .box .right_box .right_inner .img_area .img_box {max-width: 200px;}


/* ==================== 파티넥스행사_버튼리스트공통 ==================== */

.pay_info_cont .list li {margin: 73px 0 0;}
.pay_info_cont .list li:first-child {margin: 0;}
.pay_info_cont .list li .box {}
.pay_info_cont .list li .box .title {position: relative; padding: 0 0 0 25px; font-family: "GmarketSans"; font-weight: 500; font-size: 24px; line-height: 36px; color: #000000;}
.pay_info_cont .list li .box .title:before {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 13px; height: 13px; margin: -7px 0 0; background-color: #1d5bd6;}
/* 타이틀에 버튼 있을 경우 */
.pay_info_cont .list li .box .title_box {overflow: hidden;}
.pay_info_cont .list li .box .title_box .title {position: relative; float: left; padding: 0 0 0 25px; font-family: "GmarketSans"; font-weight: 500; font-size: 24px; line-height: 40px; color: #000000;}
.pay_info_cont .list li .box .title_box .title:before {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 13px; height: 13px; margin: -7px 0 0; background-color: #1d5bd6;}
.pay_info_cont .list li .box .title_box .pro_btn {float: right; margin: 0;}
.pay_info_cont .list li .box .title_box .pro_btn .text {padding: 0 24px 0 0; font-size: 16px; line-height: 40px; }
.pay_info_cont .list li .box .title_box .pro_btn .text:after {display: block; content: ''; position: absolute; top: 0; right:0; width: 17px; height:18px; background-image: url('/images/user/eng/event/down_icon.png'); background-position: 0 0; background-repeat: no-repeat; background-size: contain;}
.guide_list li .box .title_box .pro_btn .text:before {display: none;}
/* // 타이틀에 버튼 있을 경우 */
.pay_info_cont .list li .box .pro_box {margin: 26px 0 0 20px;}
.pay_info_cont .list li .box .pro_box .list {font-size: 0;}
.pay_info_cont .list li .box .pro_box .list li {display: inline-block; position: relative; width: calc(16.6666% - 28.3333px); margin: 0 34px 0 0; padding: 0 34px 45px 0; vertical-align: top;}
.pay_info_cont .list li .box .pro_box .list li:last-child {margin: 0; padding: 0 0 43px;}
.pay_info_cont .list li .box .pro_box .list li:after {display: block; content: ""; position: absolute; top: 44px; right: 0; width: 9px; height: 12px; background-image: url("/images/user/eng/event/next_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.pay_info_cont .list li .box .pro_box .list li:last-child:after {display: none;}
.pay_info_cont .list li .box .pro_box .list li .img_box {display: table; width: 100%; table-layout: fixed;}
.pay_info_cont .list li .box .pro_box .list li .img_box .inner_box {display: table-cell; width: 100%; height: 114px; vertical-align: middle; text-align: center;}
.pay_info_cont .list li .box .pro_box .list li .img_box .inner_box img {display: inline-block;}


.pay_info_cont .list li .box .pro_box .list li .step_box {margin: 2px 0 0;}
.pay_info_cont .list li .box .pro_box .list li .step_box .step {font-weight: 500; font-size: 13px; line-height: 21px; color: #00b1ba; text-align: center;}
.pay_info_cont .list li .box .pro_box .list li .step_box .text {margin: 4px 0 0; height: 30px; font-weight: 500; font-size: 16px; line-height: 24px; color: #000000; text-align: center; word-break: keep-all;}

.pay_info_cont .list li .box .pro_box .list li .date_box {display: table; table-layout: fixed; position: absolute; bottom: 0; left: 0; right: 0; width: 100%;}
.pay_info_cont .list li .box .pro_box .list li .date_box .date {display: table-cell; width: 100%; height: 33px; vertical-align: middle; background-size: 100% 100%; font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff; text-align: center;  word-break: keep-all; background-repeat: no-repeat;}
.pay_info_cont .list li .box .pro_box .list li .date_box .date.step01 {background-image: url('/images/user/eng/event/step_icon01.png');}
.pay_info_cont .list li .box .pro_box .list li .date_box .date.step02 {background-image: url('/images/user/eng/event/step_icon02.png');}
.pay_info_cont .list li .box .pro_box .list li .date_box .date.step03 {background-image: url('/images/user/eng/event/step_icon03.png');}
.pay_info_cont .list li .box .pro_box .list li .date_box .date.step04 {background-image: url('/images/user/eng/event/step_icon04.png');}
.pay_info_cont .list li .box .pro_box .list li .date_box .date.step05 {background-image: url('/images/user/eng/event/step_icon05.png');}
.pay_info_cont .list li .box .pro_box .list li .date_box .date.step06 {background-image: url('/images/user/eng/event/step_icon06.png');}


.pay_info_cont .list li .box .table_box {margin: 18px 0 0 20px;}
.pay_info_cont .list li .box .table_box table {width: 100%; border-top: 1px solid #6c6c75; text-align: center;}
.pay_info_cont .list li .box .table_box table thead {background-color: #ecf5f7; border-bottom: 1px solid #d3d4e1;}
.pay_info_cont .list li .box .table_box.sty2 table thead {background-color: #243f74;}
.pay_info_cont .list li .box .table_box table thead tr td {border-right: 1px solid #d3d4e1; padding: 10px 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #000000; }
.pay_info_cont .list li .box .table_box.sty2 table thead tr td {color: #ffffff;}
.pay_info_cont .list li .box .table_box table thead tr td:last-child {border-right: none;}
.pay_info_cont .list li .box .table_box table tbody {border-bottom: 1px solid #d3d4e1;}
.pay_info_cont .list li .box .table_box table tbody tr {border-bottom: 1px solid #d3d4e1;}
.pay_info_cont .list li .box .table_box table tbody tr.ht {height: 69px;}
.pay_info_cont .list li .box .table_box table tbody tr td {border-right: 1px solid #d3d4e1; padding: 10px 5px; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; word-break: keep-all;}
.pay_info_cont .list li .box .table_box table tbody tr td:last-child {border-right: none;}
.pay_info_cont .list li .box .table_box table tbody tr td.b_r {border-right: 1px solid #d3d4e1;}
.pay_info_cont .list li .box .table_box .text {margin: 10px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;}
.pay_info_cont .list li .box .table_box .text.m_n {margin: 0;}
.pay_info_cont .list li .box .table_box .text.sty2 {font-weight: 400; font-size: 16px; line-height: 24px; color: #717171;}

/* 환불신청 */
.pay_info_cont .gray_box {padding: 28px 0 28px 32px; background-color: #f6f6f6;}
.pay_info_cont .gray_box .text_list {}
.pay_info_cont .gray_box .text_list .list {}
.pay_info_cont .gray_box .text_list .list li {margin: 6px 0 0; }
.pay_info_cont .gray_box .text_list .list li:first-child {margin: 0;}
.pay_info_cont .gray_box .text_list .list li .text {position: relative; display: inline-block; padding: 0 0 0 27px; font-weight: 400; font-size: 15px; line-height: 23px; color: #000000; word-break: keep-all;}
.pay_info_cont .gray_box .text_list .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background-image: url("/images/user/event/event_key_icon.png"); background-position: 0 0; background-repeat: no-repeat;}

.bdt_bg_box.sty2 {margin: 43px 0 0; background-color: #f7f7f7; border: none; border-top: 2px solid #5f6477; border-bottom: 1px solid #d5d5d5;}
.certi_box {overflow:hidden;}
.certi_box .each_box {float:left; width:100%; padding:0 20px; text-align:center;}
.certi_box .tit {margin-bottom:25px; padding-top:110px; background:url('/images/user/common/certi_phone.png') center 0 no-repeat; font-size:1.46em;}
.certi_box .txt {color:#777; word-break:keep-all;}


/* 버튼 공통 */
.btn_box {margin: 50px 0 0; text-align: center;}
.btn_box .btn_com {display: inline-block; width: 160px; padding: 0 10px; background-color: #141414; font-family: "GmarketSans"; font-weight: 500; font-size: 20px; line-height: 47px; color: #ffffff}
.btn_box.sty2 .btn_com {width: inherit; padding: 0 20px; font-size: 16px;}

/* 결제하기 완료 */
.bdt_bg_box {margin: 0 auto; border: 1px solid #d3d4e1; padding: 70px 100px 150px; text-align: center;}
.bdt_bg_box .title {font-family: "GmarketSans"; font-weight: 500; font-size: 24px; line-height: 36px; color: #000000;}
.bdt_bg_box .comp_box {margin: 18px 0 0; padding: 95px 0 0; border-top: 1px solid #000000;} 
.bdt_bg_box .comp_box img {}
.bdt_bg_box .comp_box .txt1 {margin: 33px 0 0; font-family: "GmarketSans"; font-weight: 500; font-size: 36px; line-height: 54px; color: #000000; word-break: keep-all;}
.bdt_bg_box .comp_box .txt1 .ft_c01 {color: #1d5bd6;}
.bdt_bg_box .comp_box .txt1 .ft_c02 {color: #24bdcf;}
.bdt_bg_box .comp_box .txt2 {margin: 10px 0 0;  font-weight: 300; font-size: 16px; line-height: 24px; color: #7c7b85; word-break: keep-all;}


/* 체험/이벤트관 갤러리형 */
/* ==================== 갤러리 Style ==================== */
.gallery_cont {margin: 67px 0 0;}
.gallery_cont.sty2 {padding: 0 5px;}
.gallery_cont .synthesis {font-family: "GmarketSans"; font-weight: 500; font-size: 15px; line-height: 23px; color: #000000;}
.gallery_cont .synthesis .num {color: #f72626;}

.gallery_cont .title_area {overflow: hidden;}
.gallery_cont .title_area .synthesis {float: left;}
.gallery_cont .title_area .text {float: right;}
.gallery_cont .gallery_list {margin: 10px 0 0; border-top: 2px solid #5f6577; padding: 25px 0 0;}
.gallery_cont .gallery_list > .list {font-size: 0;}
.gallery_cont .gallery_list > .list > li {display: inline-block; width: calc(33.3333% - 22px); margin: 60px 33px 0 0; vertical-align: top;}
.gallery_cont .gallery_list > .list > li:nth-child(-n+3) {margin: 0 33px 0 0;}
.gallery_cont .gallery_list > .list > li:nth-child(3n) {margin: 60px 0 0;}
.gallery_cont .gallery_list > .list > li:nth-child(3) {margin: 0;}
.gallery_cont .gallery_list > .list > li .box {}
/* .gallery_cont .gallery_list > .list > li .box .img_box {display: table; width: 100%; table-layout: fixed;}
.gallery_cont .gallery_list > .list > li .box .img_box .inner_box {display: table-cell; overflow: hidden; width: 100%; height: 167px; background-color: #f7f7f7; vertical-align: middle; text-align: center;}
.gallery_cont .gallery_list > .list > li .box .img_box .inner_box img {display: inline-block; transition: all .8s ease;}
.gallery_cont .gallery_list > .list > li .box:hover .img_box .inner_box img, .gallery_cont .gallery_list > .list > li .box:focus .img_box .inner_box img {transform: scale(1.5);} */
.gallery_cont .gallery_list > .list > li .box .img_box {position: relative; z-index: 1; overflow: hidden; padding: 0 0 57%; text-align: center;}
.gallery_cont .gallery_list > .list > li .box .img_box .inner_box {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.gallery_cont .gallery_list > .list > li .box .img_box .inner_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);/*  transition: all .8s ease; */}
.gallery_cont .gallery_list > .list > li .box .txt_box {padding: 16px 0 0;}
.gallery_cont .gallery_list > .list > li .box .txt_box .tit_area {}
.gallery_cont .gallery_list > .list > li .box .txt_box .tit_area .kay {font-family: "GmarketSans"; font-weight: 500; font-size: 16px; line-height: 24px; color: #24bdcf;}
.gallery_cont .gallery_list > .list > li .box .txt_box .tit_area .tit {height: 54px; font-family: "GmarketSans"; font-weight: 500; font-size: 18px; line-height: 27px; color: #000000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.gallery_cont .gallery_list > .list > li .box .txt_box .txt_area {margin: 5px 0 0; border-top: 1px solid #e4e4e4; padding: 5px 0 0;}
.gallery_cont .gallery_list > .list > li .box .txt_box .txt_area .txt {display: block; position: relative; padding: 0 0 0 68px; font-weight: 300; font-size: 14px; line-height: 21px; color: #898989; word-break: keep-all;}
.gallery_cont .gallery_list > .list > li .box .txt_box .txt_area .txt .ft_c {position: absolute; top: 0; left: 0; font-weight: 400; color: #525252;}
.gallery_cont .gallery_list > .list > li .box .txt_box .info_text {margin: 5px 0 0;}
.gallery_cont .gallery_list > .list > li .box .txt_box .info_text .text {height: 48px; font-family: "GmarketSans"; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.gallery_cont.sty2 .gallery_list {padding: 60px 0 0;}
.gallery_cont.sty2 .gallery_list > .list > li .box .img_box {position: relative; padding: 0 0 30%;}
/* .gallery_cont.sty2 .gallery_list > .list > li .box .img_box .inner_box {height: 145px; } */
.gallery_cont.sty2 .gallery_list > .list > li .box .img_box .menu_box {position: absolute; top: 0; left: 0; padding: 5px 13px; font-family: "GmarketSans"; font-weight: 400; font-size: 12px; line-height: 21px; color: #ffffff; z-index: 1; text-align: left;}
.gallery_cont.sty2 .gallery_list > .list > li .box .img_box .menu_box.sty1 {background-color: #f64951;}
.gallery_cont.sty2 .gallery_list > .list > li .box .img_box .menu_box.sty2 {background-color: #4791f6;}
.gallery_cont.sty2 .gallery_list > .list > li .box .img_box .menu_box.sty3 {background-color: #adca15;}
.gallery_cont.sty2 .gallery_list > .list > li .box .img_box .menu_box.sty4 {background-color: #24bdcf;}
.gallery_cont.sty2 .gallery_list > .list > li .box .img_box .menu_box.sty5 {background-color: #de9b0a;}
.gallery_cont.sty2 .gallery_list > .list > li .card_btn {display: block; margin: 15px 0 0; padding: 0 5px;background-color: #e5edfc; font-family: "GmarketSans"; font-weight: 500; font-size: 18px; line-height: 47px; color: #000000; text-align: center;}
/* ==================== 갤러리 Style ==================== */
/* 참관객 참가 */
.cont .guide_list.sty2 {margin: 60px 0 0;}
.cont .guide_list.sty2 li .box .pro_btn {background-color: #1d5bd6;}
.cont .guide_list.sty2 li .box .title:before {background-color: #1d5bd6;}
/* 참관객 참가 */

/* 콘텐츠 관리 */
.com_tab_cont {}
.com_tab_cont .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around;}
.com_tab_cont .list li {width: 100%; text-align: center; border: 1px solid #333333; border-bottom: 2px solid #333333; vertical-align: middle;}

/* .com_tab_cont .list li:nth-child(2) {border-right: none;} */
.com_tab_cont .list li.on {position: relative; border: 2px solid #333333; background-color: #dfe2e5;}
.com_tab_cont .list li.on:before {display: block; content: ''; position: absolute; right: 0; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #dfe2e5;}
.com_tab_cont .list li button {display: block; width: 100%; height: 66px; padding: 0 5px; font-family: "GmarketSans"; font-weight: 500; font-size: 16px; line-height: 24px; color: #333333; outline: none;}
.com_tab_cont .list li.on button {height: 65px; color: #333333;}
.com_tab_info {display: none;}
.com_tab_info.on {display: block;}


.board_area .board_list tbody tr td .slt_box {width: 100%; max-width: 70px; margin: 0 auto;}
.board_area .board_list tbody tr td .slt_box .slt_com {position: relative; width: 100%; height: 32px; border: 1px solid #d5d5d5; padding: 0 20px 0 15px; background-color: #ffffff;  background-image: url("/images/user/eng/event/slt_arr_icon.png"); background-position: right 22px top 50%; background-size: 11px 7px; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 32px; color: #5a5a5a;}

/* 행사개요 */
.cont_area .section1 {padding: 90px 0; background-image: url("/images/user/event/sec1_bg.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; text-align: center;}
.cont_area .section1 .container {}
.cont_area .section1 .container .title_area {}
.cont_area .section1 .container .title_area .sub_tit {font-family: "GmarketSans"; font-weight: 500; font-size: 26px; line-height: 39px; color: #ffffff;}
.cont_area .section1 .container .title_area .tit {font-family: "GmarketSans"; font-weight: 500; font-size: 66px; line-height: 99px; color: #ffffff; text-shadow: 8px 9px 0px rgba(81, 175, 244, 1);}
.cont_area .section1 .container .title_area .tit .fw {font-weight: 700;}
.cont_area .section1 .container .title_area .txt1 {margin: 13px 0 0; font-family: "GmarketSans"; font-weight: 500; font-size: 26px; line-height: 39px; color: #fffd38; word-break: keep-all;}
.cont_area .section1 .container .title_area .txt2 {margin: 26px 0 0; font-family: "GmarketSans"; font-weight: 500; font-size: 20px; line-height: 30px; color: #ffffff; word-break: keep-all;}
.cont_area .section1 .container .title_area .date {margin: 45px 0 0; font-family: "GmarketSans"; font-weight: 700; font-size: 26px; line-height: 39px; color: #ffffff; word-break: keep-all;}
.cont_area .section2 {position: relative; padding: 129px 870px 110px 153px; background-color: #fafafa;}
.cont_area .section2 .container {}
.cont_area .section2 .container .info_list {}
.cont_area .section2:before {display: block; content: ""; position: absolute; bottom: 0; right: 0; width: 829px; height: 443px; background-image: url("/images/user/event/sec2_bg_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.cont_area .section2 .container .info_list .list {}
.cont_area .section2 .container .info_list > .list > li {margin: 47px 0 0;}
.cont_area .section2 .container .info_list > .list > li:first-child {margin: 0;}
.cont_area .section2 .container .info_list > .list > li .box {position: relative; padding: 0 0 0 63px;}
.cont_area .section2 .container .info_list > .list > li .box:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-position: 0 0; background-repeat: no-repeat;}
.cont_area .section2 .container .info_list > .list > li.icon01 .box:before {background-image: url("/images/user/event/sec2_icon01.png");}
.cont_area .section2 .container .info_list > .list > li.icon02 .box:before {background-image: url("/images/user/event/sec2_icon02.png");}
.cont_area .section2 .container .info_list > .list > li.icon03 .box:before {background-image: url("/images/user/event/sec2_icon03.png");}
.cont_area .section2 .container .info_list > .list > li .box .title {font-family: "GmarketSans"; font-weight: 500; font-size: 20px; line-height: 50px; color: #1a90f1;}
.cont_area .section2 .container .info_list > .list > li .box .text_list {}
.cont_area .section2 .container .info_list > .list > li .box .text_list .list {}
.cont_area .section2 .container .info_list > .list > li .box .text_list .list > li {font-family: "GmarketSans"; font-weight: 500; font-size: 20px; line-height: 30px; color: #000000;}
.cont_area .section2 .container .info_list > .list > li .box .text_list .list > li .text {}
.cont_area .section3 {padding: 82px 0; background-image: url("/images/user/event/sec3_bg.jpg"); background-position: center bottom; background-size: cover; background-repeat: no-repeat; text-align: center;}
.cont_area .section3 .container {}
.cont_area .section3 .container .title {font-family: "GmarketSans"; font-weight: 500; font-size: 24px; line-height: 36px; color: #ffffff; word-break: keep-all;}
.cont_area .section3 .container .inq_btn {display: inline-block; margin: 26px 0 0; border-radius: 35px; padding: 0 36px; background-color: #ff4e4e; font-family: "GmarketSans"; font-weight: 500; font-size: 20px; line-height: 56px; color: #ffffff;}
.cont_area .section4 {padding: 78px 0;}
.cont_area .section4 .container {}
.cont_area .section4 .container .img_list {}
.cont_area .section4 .container .img_list .list {}
.cont_area .section4 .container .img_list .list li {}
.cont_area .section4 .container .img_list .list li.sty2 {text-align: right;}
.cont_area .section4 .container .img_list .list li .box {display: table; table-layout: fixed; width: 100%;}
.cont_area .section4 .container .img_list .list li.sty2 .box {overflow: hidden;}
.cont_area .section4 .container .img_list .list li .box .img_wrap {display: table-cell; width: 100%; max-width: 640px; vertical-align: middle;}
.cont_area .section4 .container .img_list .list li.sty2 .box .img_wrap {float: right;}
.cont_area .section4 .container .img_list .list li .box .img_wrap .img_box {display: table; table-layout: fixed; width: 100%; max-width: 640px;}
.cont_area .section4 .container .img_list .list li .box .img_wrap .img_box .img_inner {display: table-cell; height: 257px; border-radius: 18px; vertical-align: middle; text-align: center;}
.cont_area .section4 .container .img_list .list li .box .img_wrap .img_box .img_inner img {display: inline-block; border-radius: 18px;}
.cont_area .section4 .container .img_list .list li .box .text_box {position: relative; display: table-cell; width: 100%; max-width: 640px; padding: 0 60px; vertical-align: middle;}
.cont_area .section4 .container .img_list .list li .box .text_box:before {display: block; content: ""; position: absolute; bottom: 30px; right: 27px; width: 180px; height: 173px; background-image: url("/images/user/event/sec4_icon01.png"); background-position: 0 0; background-repeat: no-repeat;}
.cont_area .section4 .container .img_list .list li.sty2 .box .text_box {float: left; padding: 88px 60px;}
.cont_area .section4 .container .img_list .list li.sty2 .box .text_box:before {bottom: 0; right: inherit; left: 132px; background-image: url("/images/user/event/sec4_icon02.png");}
.cont_area .section4 .container .img_list .list li .box .text_box .title {position: relative; font-family: "GmarketSans"; font-weight: 500; font-size: 24px; line-height: 36px; color: #4671d6;}
.cont_area .section4 .container .img_list .list li .box .text_box .title:before {display: block; content: ""; position: absolute; top: 50%; left: -103px; width: 83px; height: 1px; background-color: #000000;}
.cont_area .section4 .container .img_list .list li.sty2 .box .text_box .title:before {left: inherit; right: -103px;}
.cont_area .section4 .container .img_list .list li .box .text_box .text_list {margin: 16px 0 0; font-size: 0;}
.cont_area .section4 .container .img_list .list li .box .text_box .text_list li {display: inline-block; position: relative; width: 100%; font-family: "GmarketSans"; font-weight: 500; font-size: 18px; line-height: 27px; color: #000000;}



.cont_area .section5 {border-top: 1px solid #dedede;}
.cont_area .section5 .inst_list {padding: 50px 0;}
.cont_area .section5 .inst_list .container {padding: 0 !important;}
.cont_area .section5 .inst_list .container .list_box {margin: 5px 0 0; font-size: 0;}
.cont_area .section5 .inst_list .container .list_box:first-child {margin: 0;}
.cont_area .section5 .inst_list .container .list_box .list {display: inline-block; position: relative; margin: 0 20px 0 0; padding: 0 0 0 90px;}
.cont_area .section5 .cont_area .section5 .inst_list .container .list_box .list:last-child {margin: 0;}
.cont_area .section5 .inst_list .container .list_box .list .title {position: absolute; top: 0; left: 10px; width: 90px; font-weight: 700; font-size: 18px; line-height: 40px; color: #000000; text-align: center;}
.cont_area .section5 .inst_list .container .list_box .list .inst_logo {display: inline-block; padding: 0 5px;}
.cont_area .section5 .inst_list .container .list_box .list .inst_logo img {}

/* 명함 */

.cont_area .card_wrap {margin: 79px 0 0; border: 1px solid #e6e6e6; padding: 55px 70px 70px;}

.cont_area .card_wrap > .title_box {}
.cont_area .card_wrap > .title_box .title {position: relative; padding: 0 28px; font-family: "GmarketSans"; font-weight: 500; font-size: 24px; line-height: 36px; color: #000000; text-align: center; z-index: 2;}
/* 7-24_width값조절 */
.cont_area .card_wrap > .title_box .title:before {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 100%; max-width: 380px; height: 1px; background-color: #000000; z-index: 0;}
.cont_area .card_wrap > .title_box .title:after {display: block; content: ""; position: absolute; top: 50%; right: 0; width: 100%; max-width: 380px; height: 1px; background-color: #000000; z-index: 0;}
/* 7-24_width값조절 */
.card_wrap .card_box {width: 100%; max-width: 600px; margin: 30px auto 0; padding: 20px; background-color: rgb(50,158,249); background: linear-gradient(270deg, rgba(50,158,249,1) 14%, rgba(40,213,192,1) 100%);} 	
.card_wrap .card_box .title_box {text-align: center;} 	
.card_wrap .card_box .title_box .title {font-family: "GmarketSans"; font-weight: 400; font-size: 14px; line-height: 21px; color: #ffffff;} 
.card_wrap .card_box .title_box .img_box {margin: 8px 0 0;}
.card_wrap .card_box .title_box .img_box img {}
.card_wrap .card_box .title_box .text {margin: 4px 0 0; font-family: "GmarketSans"; font-weight: 300; font-size: 14px; line-height: 21px; color: #ffffff; word-break: keep-all;}
.card_wrap .card_box .title_box .text .ft {font-weight: 500;}
.card_wrap .card_box .info {display: table; table-layout: fixed; width: 100%; margin: 25px 0 0; padding: 36px 0 36px 20px;  background-image: url("/images/user/event/card_bg.png"); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
.card_wrap .card_box .info .name_box {display: table-cell; width: 248px; vertical-align: middle;} 
.card_wrap .card_box .info .name_box .comp_text {font-family: "GmarketSans"; font-weight: 400; font-size: 17px; line-height: 26px; color: #000000;  text-align: left;} 
.card_wrap .card_box .info .name_box .name_text {margin: 4px 0 0; font-family: "GmarketSans"; font-weight: 400; font-size: 17px; line-height: 26px; color: #000000; text-align: left;} 
.card_wrap .card_box .info .name_box .name_text .ft {font-weight: 500; font-size: 24px; line-height: 36px;}
.card_wrap .card_box .info .text_box {display: table-cell; width: 100%; padding: 0 0 0 10px; vertical-align: middle;}
.card_wrap .card_box .info .text_box .list {padding: 0;} 
.card_wrap .card_box .info .text_box .list li {position: relative; margin: 10px 0 0; padding: 0 0 0 55px; font-family: "GmarketSans"; font-weight: 400; font-size: 15px; line-height: 23px; color: #000000; text-align: left;} 
.card_wrap .card_box .info .text_box .list li:first-child {margin: 0;}
.card_wrap .card_box .info .text_box .list li .ft_color {position: absolute; left: 0; top: 0; color: #e30a16;}

.cont_area.sty2 {padding: 0 0 170px;}

.btn_box {font-size: 0; text-align: center;}
.btn_box .btn {display: inline-block; width: 100%; max-width: 150px; margin: 0 5px 0 0; background-color: #9a9a9a; font-family: "GmarketSans"; font-weight: 500; font-size: 18px; line-height: 47px; color: #ffffff; text-align: center;}
.btn_box .btn.sty1 {background-color: #1d5bd6;}	

.btn_wrap {margin: 30px 0 0; padding: 0 0 50px; text-align: right;}
.btn_wrap .btn_box {margin: 0;}
.btn_wrap .btn_box.fl {display: inline-block; width: 106px;}
.btn_wrap .btn_box.fl .btn {max-width: 48px; border: 1px solid #000000; background-color: inherit; color: #000000;}
.btn_wrap .btn_box.fr {display: inline-block;}
.btn_wrap .btn_box.fr a {width: 107px;}
.btn_wrap .btn_box.fl .btn img {vertical-align: middle;}
/* 온라인 전시관 */
.online_table_box {margin: 32px 0 130px; text-align: center;}
.online_table_box table {}
.online_table_box table thead {background-color: #243f74;}
.online_table_box table thead tr {}
.online_table_box table thead tr th {height: 70px; border-right: 2px solid #ffffff; padding: 0 5px; font-family: "GmarketSans"; font-weight: 500; font-size: 19px; line-height: 30px; color: #ffffff;}
.online_table_box table thead tr th a {display: inline-block; padding: 0 0 0 5px; vertical-align: middle;}
.online_table_box table thead tr th a img {vertical-align: middle;}
.online_table_box table tbody {}
.online_table_box table tbody tr {border-bottom: 1px solid #e5e5e5;}
.online_table_box table tbody tr td {height: 120px; padding: 4px 15px; font-family: "GmarketSans"; font-weight: 400; font-size: 14px; line-height: 21px; color: #000000; word-break: keep-all;}
.online_table_box table tbody tr td.ft_s {font-size: 22px; line-height: 33px;}
.online_table_box table tbody tr td a {display: block;}



.online_view {margin: 40px 0 0;} 
.online_view .view_box {position: relative;} 
/* .online_view .view_box .img_box {display: table; table-layout: fixed; position: absolute; left: 0; top: 0; width: 100%; max-width: 440px;} 
.online_view .view_box .img_box .img_inner {display: table-cell; width: 100%; height: 365px; vertical-align: middle; text-align: center;} 
.online_view .view_box .img_box .img_inner img {display: inline-block; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.1);} */
.online_view .view_box .img_box {position: relative; display: table; table-layout: fixed; position: absolute; left: 0; top: 0; width: 100%; max-width: 385px;} 
.online_view .view_box .img_box .img_inner {position: absolute; left: 0; top: 0; width: 100%; max-width: 385px; height: 295px; vertical-align: middle; text-align: center; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.35);} 
.online_view .view_box .img_box .img_inner img {position: absolute; left: 50%; top: 50%; padding: 5px; transform: translate(-50%, -50%);}
.online_view .view_box .text_box {padding: 0 0 0 525px;} 
.online_view .view_box .text_box .title_area {position: relative; padding: 0 0 15px; border-bottom: 1px solid #e5e5e5;} 
.online_view .view_box .text_box .title_area .title {padding: 0 250px 0 0; font-family: "GmarketSans"; font-weight: 700; font-size: 26px; line-height: 35px; color: #000000;} 
.online_view .view_box .text_box .title_area .sns_list {position: absolute; right: 0; top: 0;} 
.online_view .view_box .text_box .title_area .sns_list .list {font-size: 0;} 
.online_view .view_box .text_box .title_area .sns_list .list li {display: inline-block; margin: 0 4px 0 0;}
.online_view .view_box .text_box .title_area .sns_list .list li:last-child {margin: 0;}
.online_view .view_box .text_box .title_area .sns_list .list li img {}
.online_view .view_box .text_box .txt_list {padding: 20px 0 0;} 
.online_view .view_box .text_box .txt_list .list {} 
.online_view .view_box .text_box .txt_list .list li {display: table; table-layout: fixed; width: 100%; margin: 6px 0 0; font-family: "GmarketSans"; font-weight: 500; font-size: 18px; line-height: 27px; color: #2f2f2f;} 
.online_view .view_box .text_box .txt_list .list li:first-child {margin: 0;}
.online_view .view_box .text_box .txt_list .list li .tit {display: table-cell; width: 95px; font-weight: 400; font-size: 17px;}
.online_view .view_box .text_box .txt_list .list li .text {display: table-cell; width: 100%;}
.btn_list_box {overflow: hidden; margin: 26px 0 0;} 
.btn_list_box .btn_list {float: left; font-size: 0;} 
.btn_list_box .btn_list li {display: inline-block; margin: 0 9px 0 0; vertical-align: top;} 
.btn_list_box .btn_list li:last-child {margin: 0;}
.btn_list_box .btn_list li .btn {display: block; height: 43px; padding: 0 15px; background-color: #1d5bd6; font-family: "GmarketSans"; font-weight: 500; font-size: 17px; line-height: 43px; color: #ffffff; }
.btn_list_box .btn_list li .btn.color1 {background-color: #24bdcf;}
.btn_list_box .btn_list li .btn.color2 {background-color: #1d5bd6;}
.btn_list_box .btn_list li .btn.color3 {background-color: #ff4e4e;}
.btn_list_box .btn_list li .btn.color4 {background-color: #0b3978;}
.btn_list_box .card_btn {display: block; float: right; width: 100%; max-width: 295px; background-color: #e5edfc; font-family: "GmarketSans"; font-weight: 500; font-size: 18px; line-height: 47px; color: #000000; text-align: center;}

.online_view .com_tab_cont {margin: 63px 0 0;}
.com_tab_info .cont {padding: 45px 0 100px;}
.com_tab_info .cont01 {}
.com_tab_info .cont01 > .text {font-family: "GmarketSans"; font-weight: 400; font-size: 18px; line-height: 30px; color: #000000; word-break: keep-all;}
.com_tab_info .cont01 .detail {display: table; table-layout: fixed; width: 100%; margin: 60px 0 0;}
.com_tab_info .cont01 .detail .video_box {display: table-cell; table-layout: fixed; width: 100%; max-width: 580px; height: 315px; vertical-align: top}
.com_tab_info .cont01 .detail .video_box video {width: 100%; height: 100%;}
.com_tab_info .cont01 .detail .text_box {display: table-cell; width: 100%; max-width: 700px; padding: 0 0 0 50px; vertical-align: top;}
.com_tab_info .cont01 .detail .text_box .title {font-family: "GmarketSans"; font-weight: 500; font-size: 18px; line-height: 27px; color: #000000;}
.com_tab_info .cont01 .detail .text_box .list {margin: 16px 0 0;} 
.com_tab_info .cont01 .detail .text_box .list li {position: relative; margin: 10px 0 0; padding: 0 0 0 100px; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;} 
.com_tab_info .cont01 .detail .text_box .list li:first-child {margin: 0;}
.com_tab_info .cont01 .detail .text_box .list li .text {position: absolute; left: 0; top: 0;}



.com_tab_info .cont02 {position: relative; padding: 45px 0 160px;}
.com_tab_info .cont02 .key_ser {display: table; table-layout: fixed; width: 100%; margin: 43px 0 0;}
.com_tab_info .cont02 .key_ser:first-child {margin: 0;}
.com_tab_info .cont02 .key_ser .img_slide_box {display: table-cell; width: 385px; vertical-align: top;}
.com_tab_info .cont02 .key_ser .img_slide_box #key_slide_list {}
.com_tab_info .cont02 .key_ser .img_slide_box #key_slide_list .slick-list {padding: 0 0 30px;}
.com_tab_info .cont02 .key_ser .img_slide_box #key_slide_list .slick-list .slick-track {font-size: 0;}
.com_tab_info .cont02 .key_ser .img_slide_box #key_slide_list .slick-list .slick-track li {display: inline-block;}
.com_tab_info .cont02 .key_ser .img_slide_box #key_slide_list .slick-list .slick-track li .img_box {display: table; table-layout: fixed; width: 100%; max-width: 385px; height: 265px;}
.com_tab_info .cont02 .key_ser .img_slide_box #key_slide_list .slick-list .slick-track li .img_box .img_inner {display: table-cell; width: 100%; max-width: 385px; height: 265px; vertical-align: middle; text-align: center;}
.com_tab_info .cont02 .key_ser .img_slide_box #key_slide_list .slick-list .slick-track li .img_box .img_inner img {display: inline-block;}
/* slick-dots CSS */
.com_tab_info .cont02 .key_ser .img_slide_box #key_slide_list .slick-dots {bottom: 0; text-align: center; font-size: 0;}
.com_tab_info .cont02 .key_ser .img_slide_box #key_slide_list .slick-dots li {display: inline-block; margin: 0 6px 0 0;}
.com_tab_info .cont02 .key_ser .img_slide_box #key_slide_list .slick-dots li:last-child {margin: 0;}
.com_tab_info .cont02 .key_ser .img_slide_box #key_slide_list .slick-dots li button {width: 8px; height: 8px; background-color: #c0c0c0; border-radius: 50%;}
.com_tab_info .cont02 .key_ser .img_slide_box #key_slide_list .slick-dots li button:before {display: none;}
.com_tab_info .cont02 .key_ser .img_slide_box #key_slide_list .slick-dots li.slick-active button {background-color: #ff4e4e;}
/* // slick-dots CSS */
.com_tab_info .cont02 .key_ser .text_area {display: table-cell; width: 100%; max-width: 895px; padding: 10px 0 0 35px; vertical-align: top;}
.com_tab_info .cont02 .key_ser .text_area .title {font-family: "GmarketSans"; font-weight: 500; font-size: 16px; line-height: 24px; color: #000000;}
.com_tab_info .cont02 .key_ser .text_area .title .text {font-size: 24px; line-height: 36px;}
.com_tab_info .cont02 .key_ser .text_area > .text {margin: 15px 0 0; font-family: "GmarketSans"; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; word-break: keep-all;}
.com_tab_info .cont02 .key_ser .text_area .inquiry {margin: 20px 0 0;}
.com_tab_info .cont02 .key_ser .text_area .inquiry .list {font-size: 0;}
.com_tab_info .cont02 .key_ser .text_area .inquiry .list li {display: inline-block; position: relative; margin: 0 30px 0 0;padding: 0 0 0 25px; font-family: "GmarketSans"; font-weight: 500; font-size: 16px; line-height: 24px; color: #000000;}
.com_tab_info .cont02 .key_ser .text_area .inquiry .list li:last-child {margin: 0;}
.com_tab_info .cont02 .key_ser .text_area .inquiry .list li {font-family: "GmarketSans"; font-weight: 500; font-size: 16px; line-height: 24px; color: #000000;}
.com_tab_info .cont02 .key_ser .text_area .inquiry .list li .text {margin: 0 5px 0 0; font-weight: 400;}
.com_tab_info .cont02 .key_ser .text_area .inquiry .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 50%; margin: -10px 0 0; width: 21px; height: 21px; background-position: 0 0; background-repeat: no-repeat;}
.com_tab_info .cont02 .key_ser .text_area .inquiry .list li.icon01 .text:before {background-image: url("/images/user/event/inq_icon01.png");}
.com_tab_info .cont02 .key_ser .text_area .inquiry .list li.icon02 .text:before {background-image: url("/images/user/event/inq_icon02.png");}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box {overflow: inherit; margin: 30px 0 0;}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list {}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li {}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li .btn {}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li.brochure {position: relative;}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li .brochure_wrap {display: none;position: absolute; width: 660px; padding: 13px 0 0; z-index: 9000;}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li .brochure_wrap.on {display: block;}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li .brochure_wrap:before {display: block; content: ""; position: absolute; top: 0; left: 94px; width: 21px; height: 13px; background-image: url("/images/user/event/brochure_tr.png");}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li .brochure_wrap .brochure_box {position: relative; width: 100%; padding: 35px; background-color: #ededed;}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li .brochure_wrap .brochure_box .event_close {display: block; position: absolute; top: 10px; right: 10px; width: 14px; height: 14px;}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li .brochure_wrap .brochure_box .list {}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li .brochure_wrap .brochure_box .list li {display: block; /*  width: calc(33.3333% - 7px); */ margin: 3px 0 0; vertical-align: top;}
/* .com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li .brochure_wrap .brochure_box .list li:nth-child(-n+3) {margin: 3px 0 0 0;}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li .brochure_wrap .brochure_box .list li:nth-child(3n) {margin: 3px 0 0;}
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li .brochure_wrap .brochure_box .list li:nth-child(6n) {margin: 3px 0 0;} */
.com_tab_info .cont02 .key_ser .text_area .btn_list_box .btn_list li .brochure_wrap .brochure_box .list li .play_btn {display: block; border: 2px solid #1d5bd6; background-color: #ffffff; font-family: "GmarketSans"; font-weight: 500; font-size: 16px; line-height: 40px; color: #1d5bd6; text-align: center;}


.com_tab_info .cont02.cont03 {padding: 15px 0 0;}
.com_tab_info .cont02.cont03 .key_ser {margin: 15px 0 0;}
.com_tab_info .cont02.cont03 .key_ser:first-child {margin: 0;}
.com_tab_info .cont02.cont03 .key_ser .text_area {display: block; max-width: inherit; margin: 15px 0 0; padding: 0;}
.com_tab_info .cont02.cont03 .key_ser .text_area:first-child {margin: 0;}
.com_tab_info .cont02.cont03 .key_ser .text_area .chat_img {display: block; width: 100%; text-align: center;}

.com_tab_info .cont02.cont03 .key_ser .text_area .btn_list_box {margin: 20px 0 0;}
.com_tab_info .cont02.cont03 .key_ser .text_area .inquiry {width: 100%; margin: 20px auto 0; border: 1px solid #d7dfe2;}

.com_tab_info .cont02.cont03 .key_ser .text_area .inquiry .list {padding: 26px 0 12px;text-align: center;}
.com_tab_info .cont02.cont03 .key_ser .text_area .inquiry .list li {position: relative; margin: 10px 0 0; padding: 0; font-family: "GmarketSans"; font-weight: 500; font-size: 16px; line-height: 24px; color: #000000;}
.com_tab_info .cont02.cont03 .key_ser .text_area .inquiry .list li:first-child {margin: 0;}
.com_tab_info .cont02.cont03 .key_ser .text_area .inquiry .list li {font-family: "GmarketSans"; font-weight: 500; font-size: 16px; line-height: 24px; color: #000000;}
.com_tab_info .cont02.cont03 .key_ser .text_area .inquiry .list li .text {position: relative; display: inline-block; margin: 0 5px 10px 0; padding: 0 10px 0 0; font-weight: 500; font-size: 24px; line-height: 36px; color: #108CFE;}
.com_tab_info .cont02.cont03 .key_ser .text_area .inquiry .list li .text:before {display: none;}
.com_tab_info .cont02.cont03 .key_ser .text_area .inquiry .list li .text:after {display: block; content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 22px; margin: -14px 0 0; background-color: #000000; }


.com_tab_info .cont04 {}
.com_tab_info .cont04 .slide_wrap {}
.com_tab_info .cont04 .slide_wrap .title {}

.com_tab_info .cont04 .slide_wrap .slide_box {margin: 36px 0 0;}
.com_tab_info .cont04 .slide_wrap .slide_box #event_list {position: relative; text-align: center;} 
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-list {} 
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-list .slick-track {} 
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-list .slick-track li {padding: 0 75px;} 
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-list .slick-track li .title .text {height: 36px; font-family: "GmarketSans"; font-weight: 500; font-size: 24px; line-height: 36px; color: #000000; text-align: center; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-list .slick-track li .txt {margin: 15px 0 0; font-weight: 400; font-size: 18px; line-height: 27px; color: #333333; text-align: left; }
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-list .slick-track li .img_box {display: table; table-layout: fixed; width: 100%; max-width: 1130px; height: 410px; margin: 20px 0 0;} 
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-list .slick-track li .img_box .img_inner {display: table-cell; width: 100%; height: 410px; vertical-align: middle; text-align: center;} 
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-list .slick-track li .img_box .img_inner img {display: inline-block; height: 100%;}
/* slick-dots CSS */
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-dots {bottom: 0; margin: 20px 0 0; text-align: center; font-size: 0;}
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-dots li {display: inline-block; margin: 0 6px 0 0;}
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-dots li:last-child {margin: 0;}
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-dots li button {width: 8px; height: 8px; background-color: #c0c0c0; border-radius: 50%;}
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-dots li button:before {display: none;}
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-dots li.slick-active button {background-color: #ff4e4e;}
/* // slick-dots CSS */
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-arrow {display: block; position: absolute; top: 50%; width: 31px; height: 59px; margin: -30px 0 0; background-position: 0 0; background-repeat: no-repeat; font-size: 0; opacity: 0.2; z-index: 9999;}
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-arrow.slick-prev {display: block; background-image: url("/images/user/event/event_left_btn.png"); left: 0;}
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-arrow.slick-next {background-image: url("/images/user/event/event_right_btn.png"); right: 0;}
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-arrow.slick-prev:hover, .com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-arrow.slick-prev:focus {opacity: 1;}
.com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-arrow.slick-next:hover, .com_tab_info .cont04 .slide_wrap .slide_box #event_list .slick-arrow.slick-next:focus {opacity: 1;}


.board_area .title_area {overflow: hidden;}
.board_area .title_area .title {float: left; position: relative; padding: 0 0 0 27px; font-family: "GmarketSans"; font-weight: 500; font-size: 26px; line-height: 39px; color: #000000;}
.board_area .title_area .title:before {display: block; content: ""; position: absolute; left: 0; top: 50%; width: 13px; height: 13px; margin: -8px 0 0; background-color: #111754;}
.board_area .title_area .synthesis {float: right; line-height: 39px;}

/* 회원가입 */
.join_type_box { font-size: 0; margin: 59px auto 0; text-align: center;}
.join_type_box .title {font-family: "GmarketSans"; font-weight: 500; font-size: 30px; line-height: 45px; color: #000000; text-align: center;}		
.join_type_box .title .ft_color {font-weight: 700; color: #00b1ba; text-align: center;}		
.join_type_box .text {margin: 10px 0 0; font-family: "GmarketSans"; font-weight: 500; font-size: 18px; line-height: 27px; color: #838383;}	
.join_type_box .each_box {display: inline-block; width: 100%; max-width: 380px; margin: 45px 32px 0 0; padding: 57px 40px 70px; background-color: #f9f9f9; text-align:center; transition: all 0.3s;}
.join_type_box .each_box:hover {background-color: #f1f6ff; box-shadow: 7px 11px 27px 0px rgba(0, 0, 0, 0.13);}

.join_type_box .tit {margin: 80px 0 0; font-weight: 700; font-size: 24px; line-height: 36px; color: #333333;}
.join_type_box .each_box .circle {display:inline-block; width:103px; height:99px; background-position: center center; background-repeat: no-repeat;}
.join_type_box .each_box.icon01 .circle {background-image: url('/images/user/event/jtype_img1.png'); }
.join_type_box .each_box.icon02 .circle {background-image:url('/images/user/event/jtype_img2.png');}
.join_type_box .btn_wrap {margin: 40px 0 0; padding: 0; text-align:center;}
.join_type_box .btn_wrap .common_btn {display: block; width: 100%; height: 54px; margin: 0; border: none; background-color: #333333; font-weight: 700; font-size: 18px; line-height: 54px; color: #ffffff; border-radius: 5px;}

/*join_basic*/
.join_step {overflow:hidden; height: 69px; margin: 59px auto 0;}
.join_step li {position:relative; z-index:1; float:left; width:25%; border: 1px solid #dadada; border-right: none; font-size: 0; text-align: center;}
.join_step.li03 li {width: 33.3333%;}
.join_step li:last-child {border-right: 1px solid #dadada;}
.join_step li .text {display: inline-block; padding: 0 0 0 42px; background-image: url('/images/user/basic/jstep_img1.png'); background-position: 0 center; background-repeat: no-repeat; font-weight: 400; font-size: 12px; line-height: 67px; color: #b2b2b2;  text-align:center;}
.join_step li.li02 .text {background-image:url('/images/user/basic/jstep_img2.png');}
.join_step li.li03 .text {background-image:url('/images/user/basic/jstep_img3.png');}
.join_step li.li04 .text {background-image:url('/images/user/basic/jstep_img4.png');}
.join_step li.on:before {display: block; content: ''; position: absolute; top: -1px; right: 0; bottom: -1px; left: -1px; border: 1px solid #1d5693;}
.join_step li.on .text {background-image:url('/images/user/basic/jstep_img1_on.png'); color:#2a2a2a;}
.join_step li.li02.on .text {background-image:url('/images/user/basic/jstep_img2_on.png');}
.join_step li.li03.on .text {background-image:url('/images/user/basic/jstep_img3_on.png');}
.join_step li.li04.on .text {background-image:url('/images/user/basic/jstep_img4_on.png');}
.join_step li.li05.on .text {background-image:url('/images/user/basic/jstep_img5_on.png');}
/* // join basic */

/* 아이디,비밀번호 찾기 */
.account_cont {margin: 31px 0 0;}
.account_cont .exp_txt_list {position: relative; border: 1px solid #e5e5e5; padding: 16px 0;}
.account_cont .exp_txt_list .inner {position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 0 0 130px;}
.account_cont .exp_txt_list .inner .title {position: absolute; top: 50%; left: 0; margin: -13px 0 0; padding: 0 0 0 36px; font-weight: 500; font-size: 17px; line-height: 26px; color: #8c8c8c;}
.account_cont .exp_txt_list .inner .title:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 25px; height: 25px; background-image: url("/images/user/event/key_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.account_cont .exp_txt_list .inner .list {}
.account_cont .exp_txt_list .inner .list li {position: relative; margin: 1px 0 0; padding: 0 0 0 11px; font-weight: 300; font-size: 15px; line-height: 22px; color: #8c8c8c;}
.account_cont .exp_txt_list .inner .list li:first-child {margin: 0;}
.account_cont .exp_txt_list .inner .list li:before {display: block; content: ''; position: absolute; top: 11px; left: 0; width: 2px; height: 2px; background-color: #a7a7a7;}
.account_cont .bdt_box {margin: 23px 0 0; padding: 47px 0 0; border-top:2px solid #5f6577;}
.account_cont .bdt_box.login {max-width:800px; margin:0 auto;}

.idpw_find_box {width: 100%; max-width: 1004px; margin: 0 auto; font-size: 0;}
.idpw_find_box .each_box {display: inline-block; width: calc(50% - 22px); margin: 0 44px 0 0; text-align: center; vertical-align: top;}
.idpw_find_box .each_box:last-child {margin: 0;}
.idpw_find_box .each_box .inner {padding: 59px 0 58px; background-color: #f9f9f9;} 
.idpw_find_box .each_box .inner .title {font-family: inherit; font-weight: 700; font-size: 24px; line-height: 36px; color: #1e1e1e;}
.idpw_find_box .each_box .inner .text {margin: 11px 0 0; font-weight: 300; font-size: 15px; line-height: 22px; color: #8c8c8c;}
.idpw_find_box .each_box .inner .find_form {margin: 30px auto 0; padding: 0 20px;}
.idpw_find_box .each_box .inner .find_form .row {display:table; width:100%; margin-bottom:5px; border-collapse:collapse;}
.idpw_find_box .each_box .inner .find_form .row.pwd {margin-bottom:0;}
.idpw_find_box .each_box .inner .find_form label {display:table-cell; width: 135px; font-weight: 500; font-size: 12px; line-height: 18px; color: #1e1e1e; vertical-align: middle; text-align: left;}
.idpw_find_box .each_box .inner .find_form .input_box {display:table-cell;}
.idpw_find_box .each_box .inner .find_form input {width:100%; height:40px; padding:0 10px; border:1px solid #cacaca; border-radius:2px; font-size: 14px; vertical-align:middle;}
.idpw_find_box .each_box .inner .find_form .text {margin: 7px 0 0; padding: 0 0 0 115px; font-weight: 300; font-size: 15px; line-height: 22px; color: #8c8c8c; text-align: left; word-break: keep-all;}
.idpw_find_box .each_box .inner .find_form .sub_txt {height: 72px; margin: 57px 0 0; font-weight: 300; font-size: 15px; line-height: 24px; color: #8c8c8c; text-align: left; word-break: keep-all;}
.idpw_find_box .each_box .inner .find_form .sub_txt .ft_c {color: #eb3e3a;}
.idpw_find_box .each_box .inner .find_form .btn_wrap {text-align:center;}
.idpw_find_box .each_box .btn_wrap {margin: 35px 0 0; padding: 0; text-align: center;}
.idpw_find_box .each_box .btn_wrap .common_btn {display: inline-block; width: 116px; height: 40px; margin: 0; border: none; background-color: #333333; font-weight: 400; font-size: 15px; line-height: 40px; color: #ffffff;}
/* // 아이디,비밀번호 찾기 */

/*  회원탈퇴 */
.wit_cont {margin: 31px 0 0;}
.wit_cont .exp_txt_list {position: relative; border: 1px solid #e5e5e5; padding: 16px 5px;}
.wit_cont .exp_txt_list .inner {position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 0 0 130px;}
.wit_cont .exp_txt_list .inner .title {position: absolute; top: 50%; left: 0; margin: -13px 0 0; padding: 0 0 0 36px; font-weight: 500; font-size: 17px; line-height: 26px; color: #8c8c8c;}
.wit_cont .exp_txt_list .inner .title:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 25px; height: 25px; background-image: url("/images/user/event/key_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.wit_cont .exp_txt_list .inner .list {}
.wit_cont .exp_txt_list .inner .list li {position: relative; margin: 1px 0 0; padding: 0 0 0 11px; font-weight: 300; font-size: 15px; line-height: 22px; color: #8c8c8c;}
.wit_cont .exp_txt_list .inner .list li:first-child {margin: 0;}
.wit_cont .exp_txt_list .inner .list li:before {display: block; content: ''; position: absolute; top: 11px; left: 0; width: 2px; height: 2px; background-color: #a7a7a7;}
.wit_cont > .inner {margin: 50px 0 0; padding: 61px 0; background-color: #f7f7f7;}
.wit_cont > .inner .title {font-weight: 500; font-size: 18px; line-height: 27px; color: #333333; text-align: center; word-break: keep-all;}
.wit_cont > .inner .title .ft_c {color: #1d5693;}
.wit_cont > .inner .login_form {margin: 21px auto 0;}
.wit_cont > .inner .login_form .row {}
.wit_cont > .inner .login_form .row.pwd {}
.wit_cont > .inner .login_form .row .input_box {}
.wit_cont > .inner .login_form .row .input_box.id {}
.wit_cont > .inner .login_form .row .input_box.id .wit_id {width:100%; height: 55px; padding: 0 10px 0 45px; border:1px solid #d9d9d9; background-color: #f7f7f7; background-image: url("/images/user/eng/event/id-icon.png"); background-position: 19px 19px; background-repeat: no-repeat; font-weight: 300; font-size: 15px; line-height: 53px; color: #333333;}
.wit_cont > .inner .login_form .row .input_box.id .wit_id::placeholder {color: #3a3a3a;}
.wit_cont > .inner .login_form .row .input_box.pass {}
.wit_cont > .inner .login_form .row .input_box input.pass.sty_01 {margin: 0;}
.wit_cont > .inner .login_form .login_btn {}
/* // 회원탈퇴 */

/* 열람신청 현황 */
.reading_box {display: table; table-layout: fixed; width: 100%;}
.reading_box .chart_box {display: table-cell; width: 615px; vertical-align: top;}
.reading_box .chart_box .text {font-weight: 400; font-size: 14px; line-height: 21px; color: #5c5c5c;}
.reading_box .chart_box .title_area {position: relative; margin: 17px 0 0; background-color: #343434; text-align: center;}
.reading_box .chart_box .title_area .title {font-family: "GmarketSans"; font-weight: 500; font-size: 26px; line-height: 80px; color: #ffffff;}
.reading_box .chart_box .title_area .synthesis {position: absolute; right: 27px; top: 50%; margin: -40px 0 0; font-family: "GmarketSans"; font-weight: 500; font-size: 16px; line-height: 80px; color: #ffffff;}
.reading_box .chart_box .title_area .synthesis .num {color: #fef735;}
.reading_box .chart_box .chart_wrap {border: 1px solid #2f1359; padding: 23px 35px 18px 30px;}
.reading_box .board_box {display: table-cell; width: 100%; padding: 0 0 0 45px; vertical-align: top;}

/* 명함 제출 개인정보 제 3자 제공 */
.com_info_box .info_list > .txt_list > li .table_box {width: 100%; margin: 10px 0 0;} 
.com_info_box .info_list > .txt_list > li .table_box table {width: 100%; text-align: center;} 
.com_info_box .info_list > .txt_list > li .table_box table thead {background-color: #A9E2F3;} 
.com_info_box .info_list > .txt_list > li .table_box table thead tr {}
.com_info_box .info_list > .txt_list > li .table_box table thead tr th {border: 1px solid #cccccc; padding: 5px; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;}
.com_info_box .info_list > .txt_list > li .table_box table tbody {}
.com_info_box .info_list > .txt_list > li .table_box table tbody tr {}
.com_info_box .info_list > .txt_list > li .table_box table tbody tr td {border: 1px solid #cccccc; padding: 5px;}


/* 마이페이지 탭(링크 메뉴) */
.link_box {margin: 0 0 40px; }
.link_box.mob {display: none;}
.link_box .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; font-size: 0;}
.link_box .list li {width: 100%; margin: 0 1px 0 0;}
.link_box .list li:last-child {margin: 0;}
.link_box .list li.on .link {background-color: #000000; color: #ffffff;}
.link_box .list li .link {display: block; background-color: #dddfe1; font-family: "GmarketSans"; font-weight: 500; font-size: 18px; line-height: 55px; color: #000000; text-align: center;}

.link_box.mob {}
.link_box.mob .slt_box {}
.link_box.mob .slt_box .slt_com {width: 100%; height: 40px; padding: 0 10px; border: 1px solid #000000; background-color: #ffffff; background-image: url("/images/user/common/slt_arr_icon.png"); background-position: right 22px top 50%; background-size: 11px 7px; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 40px; color: #000000;}
.link_box.mob .slt_box .slt_com option {}


.board_area .board_list.sty2 thead tr th {border-right: 1px solid #dedede;}
.board_area .board_list.sty2 thead tr th:last-child {border-right: none;}
.board_area .board_list.sty2 tbody tr td {border-right: 1px solid #dedede;}
.board_area .board_list.sty2 tbody tr td:last-child {border-right: none;}



.cont_area.sty3 .com_cont .com_list {border-top: 2px solid #141414;}
.cont_area.sty3 .com_cont .com_list .container > .list > li {margin: 0; padding: 43px 0 46px;}
.cont_area.sty3 .com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner .inner .btn_list .list li .com_btn {background-color: #24bdcf; color: #ffffff;}
.cont_area.sty3 .com_cont .com_list .container > .list > li .box .right_box .right_inner .text_area .text_inner .inner .btn_list .list li .com_btn.sty2 {background-color: #1d5bd6; color: #ffffff;}