@charset "utf-8";

body {font-size:12px; font-stretch:inherit; color:#333; }

/**/
#wrap {width:100%; background: #f0f0f0 url(../img/common/body_bg.gif) 0 0 repeat-x; }
.bgM { background-color:#0055a2; }

/*header*/
#header {width:980px;height:157px; margin:0 auto; position:relative; z-index:10}
#header h1 {position: absolute; top:24px;left:18px;}
#topMenu {position: absolute; top:8px; right:0; font-size:11px; line-height:1; }
#topMenu>ul>li { float: left; padding:3px 0}
#topMenu>ul>li>a{ display:block; padding:0 5px; border-right: 1px solid #444444; }
.tnb_lang .lang {padding-left:10px;}
.tnb_lang .lang img { vertical-align: middle; }
.tnb_lang .lang i { display:inline-block; padding:0 2px; color:#999; vertical-align:middle; }

#topMenu li.tnb_userinfo > span { font-weight:bold; font-size:13px; padding-right:8px; }

#gnb { position:absolute; top:63px; right:0;  }
#gnb>li { float:left; display:inline; position:relative; }
#gnb>li>a { display:block; text-align: center; font-weight:bold;font-size:16.5px;line-height:1.4; padding:0 37px; height:50px; }
/*padding으로 사이조절*/
#gnb>li a:hover { color:#0055a2;}
#gnb>li>div { position:absolute; top:22px; left:50%; z-index: 10; text-align: center}
#gnb>li .gnb_sub { display: none; min-width: 140px; margin-top:8px; padding:5px 0; border-top:1px solid #0055a2; border-bottom:1px solid #0055a2; text-align: center; background-image:url(../img/common/gnb_sub_bg.png); white-space:nowrap; }
#gnb>li:hover .gnb_sub { display:block; position:relative;left:-50%;}
#gnb>li .gnb_sub span { display:block; margin-top:-10px; }
#gnb>li .gnb_sub li { font-size:11px; line-height:15px; padding:8px 12px 0; z-index:10}
#gnb>li .gnb_sub li a { display:block}
#gnb>li .gnb_sub li a:hover { text-decoration: underline}

/*container*/
#container {width:980px; min-height:500px; margin:0 auto;  border:1px solid #dcdcdc; background-color:#ffffff; position:relative}
#container:after {content:''; display:block; clear: both}
#sidebar {width:235px;border-right:1px solid #dcdcdc; color:#ffffff; position:absolute; top:0; left:0}
#sidebar .colorBox {background-image: url(../img/common/left_con_pattern.png); text-align: center; padding-bottom:20px; padding-top:31px;}
.find_pw #sidebar .colorBox, 
.fair_login #sidebar .colorBox { padding-bottom: 30px; }
#lnb * {text-align:left}
#lnb h2 {font-size:26px; padding-left:34px;}
#lnb h3 {font-weight:normal; padding-left:34px;}
#lnb>ul {padding-top:19px; padding-left:27px;}
#lnb>ul>li>a:before{content: url(../img/common/lnb_list_st.png); padding-right:5px; vertical-align:middle}
#lnb>ul>li a{max-width:170px;font-weight:bold;color:#FFFFFF; height: 20px; line-height:20px; padding:5px}
#lnb>ul>li a:hover {background-image:url(../img/common/lnb_list_hover_bg.png)}
#lnb>ul>li>*{display:block;}
#lnb>ul>li>ul {padding-left:12px}
#lnb>ul>li>ul a {color: #4e4e4e; font-weight:normal;}
#sidebar .side_btn {text-align: center;}
#sidebar .side_btn>dd a {display:block; width:176px; height:37px; background-position: 0 0; font-size:0; text-indent: -9999px; overflow: hidden; margin: 0 auto}
#sidebar .side_btn>dd a:hover {background-position: 100% 100%}
#sidebar .side_btn>dd.side_btn_online a{margin-top:25px;background-image: url(../img/common/side_btn_online.png)}
#sidebar .side_btn>dd.side_btn_mypage a{background-image: url(../img/common/side_btn_mypage.png); margin-top:5px}
#sidebar .by_img {padding-top:10px; text-align: center; }
#sidebar #guide {padding:25px 0 25px 25px; line-height: 28px; font-size:14px; font-weight:bold; color:#656565}
#sidebar #guide dt>img {padding-bottom:10px; }
#sidebar #guide dd *{vertical-align:middle;  line-height: 28px}
#sidebar .quick {width:100%; border-top:1px solid #dcdcdc; }
.quick a{display:block; background-color:#FFFFFF; font-size:0; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; width:69px; height:104px}
#sidebar .quick li a{ float: left; width:117px; height:122px; background-position: 22px 11px;}
.quick li a:hover{ background-color:#DCDCDC; }
.quick li {display:inline;}
#sidebar .quick .quick01 a{border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
#sidebar .quick .quick02 a{border-bottom:1px solid #dcdcdc; }
#sidebar .quick .quick03 a{border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; }
#sidebar .quick .quick04 a{border-bottom:1px solid #dcdcdc; }
.quick .quick01 a {background-image:url(../img/common/quickmenu_01.png)}
.quick .quick02 a {background-image:url(../img/common/quickmenu_02.png)}
.quick .quick03 a {background-image:url(../img/common/quickmenu_03.png)}
.quick .quick04 a {background-image:url(../img/common/quickmenu_04.png)}
#quickbar {position:fixed; top:158px; right:0; border-top:2px solid #d3d3d3; border-left:2px solid #d3d3d3;  background-color:#d3d3d3;}
#quickbar a {display:block;  padding:0; margin:0; margin-bottom:2px; line-height:104px }




#content {margin-left:235px;min-height:734px; border-left:1px solid #dcdcdc; }
#content.sub_content {padding:10px 18px 25px; border-bottom:1px solid transparent; }
#content.sub_content h3 img { max-width:100%; }
#content.sub_content .com_subtitle,
#ex_application .com_subtitle {width:100%; font-size:16px; line-height: 22px; height: 22px; padding:15px 0 5px; border-bottom:1px solid #DCDCDC; font-weight:bold; color:#0055a2; position:relative}
/*
#content.sub_content .com_subtitle>span {font-size:11px; font-weight:normal; color:#656565; position:absolute; bottom:5px; right:0}
*/
#content.sub_content .com_subtitle .menu_name,
#ex_application .com_subtitle .menu_name { font-size:inherit; }
#content.sub_content .com_subtitle .menu_name:before,
#ex_application .com_subtitle .menu_name:before { content:'ㆍ'; }
#content.sub_content .com_subtitle .breadcrumb,
#ex_application .com_subtitle .breadcrumb {font-size:11px; font-weight:normal; color:#656565; position:absolute; bottom:5px; right:0}
#content.sub_content .com_subtitle .breadcrumb a,
#ex_application .com_subtitle .breadcrumb a { color:inherit; text-decoration:none; }
#content.sub_content .com_subtitle .breadcrumb a:hover,
#ex_application .com_subtitle .breadcrumb a:hover { text-decoration:underline; }

#content.sub_content .com_subtitle1 {width:100%; font-size:16px; line-height: 22px; height: 22px; padding:0 0 20px; font-weight:bold; color:#0055a2; position:relative; text-align: center;}

.corp_header { position:relative; height:50px;padding-left:10px; }
.corp_header .corp_nm { font-size:20px; font-weight:bold; color:#ff8f00; line-height:34px; }
.corp_header .meetingSts { line-height:34px; }

.corp2_header { position:relative; height:50px;padding-left:10px; }
.corp2_header .corp_nm { font-size:20px; font-weight:bold; color:#ff8f00; line-height:34px; }
.corp2_header #meeting > * { display:inline-block; }

#con_container {padding:27px}

/* Layer Popup */
#popup_group { display:none; z-index:30; }
.layerPopup { padding:15px; z-index:50;border:1px solid #9B9898; background-color:#fff; box-shadow: 0px 1px 6px rgba(0,0,0,0.33); }
.layerPopup form { display:block; font-size:11px; box-sizing:content-box; width:100%;padding:3px 15px;margin:0 -15px -15px;background-color:#e8e8e8;text-align:right; }
.layerPopup form input { vertical-align:middle; }
.layerPopup form label { vertical-align:middle; }
.layerPopup form .btn1.common { margin-left:10px; font-size:11px;line-height:15px; vertical-align:middle; }


/*tap*/


.tab_lst {display:block;margin:0 -10px; height:26px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; margin-bottom:10px}
.tab_lst li {float: left; vertical-align:center; border-top:1px solid #cccccc; border-right:1px solid #cccccc;}
.tab_lst li a {display:block; min-width:50px;height:25px; background-image: url(../img/common/tap_bg.png); padding:0 10px; font-weight:bold; font-size:12px; line-height:1.8; background-color:#ededed; color:#555555}
.tab_lst li a:hover {text-decoration: underline; color:#000000; line-height: 25px}
.tab_lst li a.bgM {background-color:#0055a2; color:#FFFFFF; position: relative}
.tab_lst li a.bgM:after {display:block; width:8px; height:4px; position:absolute; content:url(../img/common/tap_bg_after.png); background-color:#0055a2; left:50%; margin-left:-4px; top:25px}


/*main_content*/
.main_content {padding:18px;width:708px;}
.main_content #main_visual {width:704px; height:391px; border:1px solid #dcdcdc; position:relative; margin-bottom:30px; z-index: 7}
.main_content #main_visualBox {width:100%;height:100%;position:absolute;overflow:hidden; }
.main_content #main_visual .main_visualBtn .prev {position:absolute; left:0; top:0; z-index:8}
.main_content #main_visual .main_visualBtn .next {position:absolute; right:0; top:0; z-index:8}
.main_content #main_visual .roll {width:704px; text-align: center;position: absolute; left:0;bottom:8px; z-index: 8}
.main_content #main_visual .roll a {color:#444444; text-shadow: 0 0 2px #ffffff;}
.main_content #main_visual .roll a:hover {color:#000000}
.main_content #main_visual .roll a.on {color:#e6eb52}

#main_visualBox ul { display:none; }
#main_visualBox > img { display:block;position:absolute;top:0; }


/**/
#main_Lcon {width:48%; float: left;}
#main_Rcon {margin-left:50.5%; width:48%}
#main_Lcon>div,#main_Rcon>div {padding-bottom:10px; min-height: 100px}
.main_content .title  {position:relative; height:30px; font-weight:bold; font-size:16px; line-height:1.6; }
#main_Lcon .title,#main_Rcon .title {border-bottom:1px solid #bababa; margin-bottom:20px; }
/* #main_Rcon .title {text-indent: 3px} */
#main_Lcon .title>a,#main_Rcon .title>a{display:inline-block; border-bottom:2px solid #adadad; height:28px; padding-right:3px }
.notice-widget .title , #corplist .title {border-bottom:1px solid #bababa; margin-bottom:20px;}
.main_content .title>a.more_btn {position:absolute; bottom:8px; right:3px;}
#main_Lcon .title>a.more_btn {border-bottom:0 none; height:13px; padding-right:0}
.notice-widget {min-height: 160px}
.notice-widget dd {width:100%; line-height: 24px; height:24px; border-bottom:1px solid #ffffff; position:relative; cursor:pointer;}
.notice-widget dd:before {float:left;content:'ㆍ'}
.notice-widget dd:hover {border-bottom:1px solid #656565}
.notice-widget dd a { float:left;width:75%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.notice-widget dd span {padding-right:5px; position:absolute; top:0; right:3px}
div#corplist * {vertical-align:middle}
div#corplist input , div#corplist select{border:1px solid #BABABA; height:20px; line-height: 20px}
div#corplist input {padding:2px 3px}
div#corplist .select_box {height: 26px}
#gallery>ul {display:block; width:100%;; text-align: center; }
#gallery>ul:after {display:block;content:'';clear: both}
#gallery>ul>li { float: left; width:31%;height:64px; margin:1%}
#gallery>ul>li img {width:100%;height:100%;border: 1px solid #BABABA}
#gallery>ul>li img:hover {border: 1px solid #000000}


/*footer*/
#footer {width:100%;}
#scroll {position:relative; width:900px;height:38px;  margin:0 auto; padding:20px; overflow:hidden; }
#rolling { width:100%;height:38px; overflow:hidden; }
#scroll li {float: left; margin:0 10px; line-height:38px; }
.footer {width:100%; background-color:#ffffff; clear: both; }
.footer>div {width:980px; margin:0 auto; padding:28px; position: relative}
.footer>div>p {float: left; margin-left:33px; }
.footer>div address {margin-left:158px; font-size:11px; line-height: 21px }
.footer>div address span {padding-right:20px}
.footer>div address .copyright {font-family:Verdana; font-weight:bold}
.sns {position:absolute; top:27px; right:35px; }
.sns li {float:left; padding:0 2.5px}



/*SiteMap*/

.siteMap {width:645px; margin:25px auto}
.siteMap>table td{ padding:15px}
.siteMap>table td a {display:inline-block;width:185px; text-align: center; background-image: url(../img/common/sitemap_bg.png); }
.siteMap>table td a:hover {background-position: 100% 100%}
.siteMap>table td>a {height:30px; line-height:30px; font-weight: bold; font-size:14px; color:#ffffff}
.siteMap>table td>ul>li>a {height:29px; line-height:29px; font-size:12px; background-color: #f3f3f3; border-bottom:1px solid #c1c1c1}
.siteMap>table td>ul>li a:hover {text-decoration: underline}
.siteMap>table td>ul>li>ul>li>a {height:24px; line-height:24px; font-size:11px; color:#7e7d7d;border-bottom:1px solid #c1c1c1}

/* My Page */
#mp_top {width:980px; margin:0 auto; }
#mp_top h3 {font-size:18px; line-height:2; text-indent: 10px; border-bottom:3px solid #8f8f8f; color:#2e2e2e;}
.mp_progress {padding:19px 13px  0; position:relative; height:106px}
.mp_progress .mp_percent{position:relative;width:100px; height:100px;position:relative; text-align: center; background:#898989 url(../img/common/mp_percent.png) 0 0 no-repeat; padding:3px; color:#ffffff; font: 29px/100px Helvetica , Arial , sans-serif; text-indent: 4px; overflow:hidden}
.mp_progress .mp_percent>span {display:block; width:100px;  background:#0055A2 url(../img/common/mp_percent_on.png) 100% 100% no-repeat; position:absolute; bottom:3px; left:3px}
.mp_progress .mp_percent>strong { position:relative; }
.mp_progress .mp_percent>strong>span {font-size:16px; line-height:92px; font-weight:normal}
.mp_per_info {position:absolute; top:10px; left:140px; padding-top:20px;}
.mp_per_info {font-size: 16px; line-height:20px; font-weight:bold}
.mp_per_info .mp_per {font-size: 18px; line-height: 40px; font-weight:normal}
.mp_missing {width:315px; height:95px;position: absolute; top:20px; right:13px; background-color: #f1f1f1; border:1px solid #a0a0a0; }
.mp_missing .missing_title {float: left; padding:12.5px; background: #a0a0a0 }
.mp_missing ul {display:block; margin:12px 12px 12px 53px; height:71px; line-height:19px; overflow-y:scroll; overflow-x:hidden;}
.mp_missing ul a:hover {text-decoration: underline; }

/* Mypage 2.2 */
.cfair_progress { position:relative; background-color:#f1f3f6; margin-bottom:30px; border-bottom:1px solid #d2d2d2; }
#mypage_content .cfair_progress { margin:-30px -30px 30px -30px;  }
#mypage_content .cfair_progress.foot { background-color:#fff; border-bottom:0; border-top:1px solid #d2d2d2; margin:15px -30px -15px -30px; }
.cfair_progress .nav { position:relative; display:inline-table; width:100%; vertical-align:middle; }
.cfair_progress .control { display:table-cell; width:20%; padding:8px; vertical-align:middle; white-space:nowrap; }
.cfair_progress .control.next { text-align:right; }
.cfair_progress .control.prev { text-align:left; }
.cfair_progress .nav-btn { position:relative; display:inline-block; height:34px; padding:10px; background-color:#fff; border-radius:3px; box-shadow:0 2px 4px rgba(0,0,0,0.2); }
.cfair_progress .nav-btn:hover { background-color:#f7f7f7; }
.cfair_progress .next .nav-btn { padding-right:30px; }
.cfair_progress .prev .nav-btn { padding-left:30px; }
.cfair_progress .control .action { display:block; font-size:16px; font-weight:bold; }
.cfair_progress .control .icon { position:absolute; width:20px; height:20px; text-align:center; font:normal normal normal 20px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.cfair_progress .control.next .action { padding-right:5px; }
.cfair_progress .control.prev .action { padding-left:5px; }
.cfair_progress .control.next .icon { top:10px; right:5px; }
.cfair_progress .control.prev .icon { top:10px; left:5px; }
.cfair_progress .control.next .icon:before { content:'\f0a9'; }
.cfair_progress .control.prev .icon:before { content:'\f0a8'; }
.cfair_progress .control .page-title { display:block; color:#666; }
.cfair_progress .control .page-title:before { content:'('; }
.cfair_progress .control .page-title:after { content:')'; }
.cfair_progress .nav .title { display:table-cell; padding:8px; vertical-align:middle; text-align:center;}
.cfair_progress .nav h3 { font-size:32px; font-weight:normal; }

.cfair_progress .fair_welcome { padding:40px 8px 8px; line-height:1.6; }
.cfair_progress .fair_welcome h3 { font-size:24px; font-weight:bold; }
.cfair_progress .fair_welcome .guide { font-size:14px; }

.cfair_progress .progress-tracker { position:relative; display:inline-table; box-sizing:border-box; width:100%; padding:0 4px; margin-bottom:4px; }
.cfair_progress .progress-wrap { position:relative; display:table-cell; width:33.33333%; }
.cfair_progress .progress { margin:4px; }
.cfair_progress .progress.i18n { margin:0; }
.cfair_progress .progress .title { background-color:#fff; padding:15px 15px 20px; font-size:15px; box-shadow:0 2px 4px rgba(0,0,0,0.2); }
.cfair_progress .progress .bar { position:relative; height:5px; margin-top:-5px; background-color:#c7f9d9; }
.cfair_progress .progress .fill { position:relative; min-width:5%; width:0; height:5px; background-color:#37e876; }
.cfair_progress .progress.done .fill { width:100%; }
.cfair_progress .progress .bar .indicator { position:absolute; top:0; right:0; }
.cfair_progress .progress .helper { margin-top:2px; color:#848484; }
.cfair_progress .progress .helper a { color:#0088ff; font-weight:bold; }
.cfair_progress .progress .helper a:hover { text-decoration:underline; }

.button-bar { position:relative; padding:10px 0;margin:0 auto; text-align:center; }
.button-bar:after { display:table; content:''; clear:both; }
.button-bar .left { float:left; }
.button-bar .right { float:right; }
#mypage_content .button-bar .btn1 { padding:8px 16px; border-radius:2px; }
#mypage_content .button-bar .left .btn1 { margin:0 6px 0 0; }
#mypage_content .button-bar .right .btn1 { margin:0 0 0 6px; }


.myPage_list { text-align:center; }
.myPage_list > div {display:inline-block; width:280px; min-height:200px; padding:0 0 30px 20px; text-align: center;font-size:11px; line-height: 1.5em}
.myPage_list > div h4 {padding:15px 0}
.myPage_list > div p {padding-bottom:15px}
.myPage_list > div a {font-size:12px}

.step_title {display:block; width:975px;height:72px; margin:18px auto 7px; position: relative}
.step_title li {display:inline}
.step_title li a{display:block; height:72px; background-image: url(../img/common/mp_stap.png); text-indent:-9999px; overflow: hidden;background-repeat: no-repeat; background-position-y: 0; }
.step_title li.step1 a {width:348px; background-position-x: 0; position:absolute; top:0; left:0}
.step_title li.step2 a {width:340px; background-position-x: -348px; position: absolute; top:0; left:330px}
.step_title li.step3 a {width:323px; background-position-x: 100%;  position: absolute; top:0; right:0}
.step_title li a:hover {background-position-y: -72px;}
.step_title li.on a {background-position-y: 100%;}

.step1.step_subnavi {text-align: left; margin-left:-1px;}
.step2.step_subnavi {text-align: center;}
.step3.step_subnavi {text-align: right; margin-right:-1px;}
.step_subnavi {display: block; width:100%; border-bottom:1px solid #dcdcdc;z-index:1;}
.step_subnavi>ul{border-left:1px solid #dcdcdc; display:inline-block; line-height:0; font-size:0}
.step_subnavi>ul>li{display:inline-block; position:relative; *display:inline; zoom:1; }
.step_subnavi>ul>li>a{display:inline-block; min-width:33px; height:38px; border-right:1px solid #dcdcdc; padding:0 30px;font-size: 15px; line-height:38px;}
.step_subnavi>ul>li:hover>a {background: #0055A2 url(../img/common/mp_stap_subnavi.png) 0 0 no-repeat; color:#ffffff}
.step_subnavi>ul>li ul {position:absolute; top:100%; left:0; line-height: 26px; text-align: left; width:120px; background:#0055A2; padding:15px; font-size:12px; border-radius:0px 3px 3px 3px;z-index:3; }
.step_subnavi>ul>li ul a{color:#ffffff; display:block; width:90%; padding:0 5% }
.step_subnavi>ul>li ul a:hover {background:url(../img/common/gray_bg3.png); }

#ex_application { position:relative; display:table; table-layout:fixed; box-sizing:border-box; width:100%; padding-bottom:60px;  /*padding:20px 50px*/ }
#ex_application table * {vertical-align:middle}
#ex_application h4,
.fair_vst.vst_comment h4 { font-size:14px; line-height:30px;  padding-top:20px; }
#ex_application h4 > .comment {font-size:11px; font-weight: normal; color:#787878}
#ex_application .textBox,
.textBox.mypage_independent {height:130px; padding:20px 15px;border:1px solid #b1b1b1; overflow-x:hidden; overflow-y:inherit; line-height:18px; margin-bottom:13px;}
#ex_application .btn_group{text-align: center; padding:20px 5px 5px;}
#ex_application input[type=button] {width:100px; height: 30px;}

.cfair_comment #frmAgree { padding:0 30px; }

#ex_application_buttons { margin-top:10px; text-align:right; }

.mp_container #booth_list,
.mp_container #sale_list { margin:20px 0; }

.mp_container .passcard_corp_nm i { font-weight:bold; }

/* New Mypage Style */
#mypage_menu { position:relative; display:table-cell; width:240px; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-color:#fff; background-color:rgba(255,255,255,0.94); }
#mypage_menu .menu_top { border-bottom:1px solid #d4d4d4; }
#mypage_menu .menu_title { padding:40px 10px; font-size:26px; text-align:center; }
#mypage-menu-button { display:none; }
#mypage-menu-button .icon { font:normal normal normal 20px/1 FontAwesome; }
#mypage-menu-button .icon:before { content:'\f053'; }
#mypage_menu .go_home { display:block; position:relative; height:18px; margin-top:-18px; color:#666; font-size:11px; text-align:right; vertical-align:middle; }
#mypage_menu .go_home:hover { color:#005ec9; }
#mypage_menu .go_home>i { font-size:13px; }
.menu-group { display:block; line-height:1.1; }
.menu-group.level-1 { border-bottom:1px solid #d4d4d4; margin-bottom:-1px; }
.menu-group.level-2 { border-bottom:1px solid #d4d4d4; }
.menu-group.level-3 { border-left:1px solid #e8e8e8; background-color:#f2f2f2; margin-left:10px; }
.menu-item { display:block; }
.menu-item.active { background-color:#20afff; }
.level-1>.menu-item.active { background-color:#fff; }
.menu-item>.btn-wrap { position:relative; display:block; }
.menu-item>.btn-wrap a.primary { display:block; padding:10px 15px; color:#454545; vertical-align:middle; text-decoration:none; cursor:default; }
.menu-item>.btn-wrap:hover > a.primary:link { text-decoration:underline; cursor:pointer; }
.menu-item>.btn-wrap .icon { position:absolute; width:20px; height:16px; text-align:center; font:normal normal normal 14px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.menu-item>.btn-wrap .etc { position:absolute; top:0; right:0; bottom:0; text-align:center; font:normal normal normal 14px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }


.level-1>.menu-item>.btn-wrap { background-color:#f1f3f6; border-top:1px solid #fff; }
.level-1>.menu-item>.btn-wrap a.primary { padding:15px; font-size:16px; font-weight:bold; }
.level-1>.menu-item>.btn-wrap .icon { top:15px; left:15px; font-size:16px; }
.level-1>.menu-item>.btn-wrap .text { display:block; padding-left:32px; }
.level-1>.menu-item>.btn-wrap .etc { padding:15px 12px; }
.level-1>.menu-item>.btn-wrap .etc:before { content:"\f078"; }
.level-2>.menu-item { border-top:1px solid #d4d4d4; }
.level-2>.menu-item>.btn-wrap a.primary { font-size:13px; color:#666; line-height:1.5; }
.level-2>.menu-item.active>.btn-wrap a.primary { color:#fff; font-weight:bold; }
.level-2>.menu-item>.btn-wrap .text { display:block; padding-left:32px; }
.level-2>.menu-item>.btn-wrap .icon { top:13px; left:15px; }
.level-3>.menu-item { border-top:1px solid #e8e8e8; }
.level-3>.menu-item.active { background-color:#58c3ff; }
.level-3>.menu-item.disabled { background-color:#ddd; }
.level-3>.menu-item>.btn-wrap { }
.level-3>.menu-item>.btn-wrap a.primary { font-size:12px; padding:4px 15px; line-height:1.5; color:#666; }
.level-3>.menu-item.active>.btn-wrap a.primary { color:#fff; font-weight:bold; }
.level-3>.menu-item.disabled>.btn-wrap a.primary { color:#999; }
.level-3>.menu-item>.btn-wrap .text { display:block; padding-left:32px; }
.level-3>.menu-item>.btn-wrap .icon { top:6px; left:18px; font-size:12px; }
.level-3>.menu-item>.btn-wrap .etc { padding:6px; }

.nav-meet>.btn-wrap .icon:before { content:"\f2b5"; }
.nav-fair>.btn-wrap .icon:before { content:"\f2bc"; }
.nav-vst>.btn-wrap .icon:before { content:"\f2c1"; }
.nav-forum>.btn-wrap .icon:before { content:"\f0c0"; }
.nav-event>.btn-wrap .icon:before { content:"\f02e"; }
.nav-user>.btn-wrap .icon:before { content:"\f007"; }

.basic>.btn-wrap .icon:before { content:"\f044"; }
.corp-list>.btn-wrap .icon:before { content:"\f002"; }
.meet-status>.btn-wrap .icon:before { content:"\f046"; }
.meet-result>.btn-wrap .icon:before { content:"\f017"; }
.meet-time>.btn-wrap .icon:before { content:"\f073"; }
.meet-email>.btn-wrap .icon:before { content:"\f003"; }
.email-inbox>.btn-wrap .icon:before { content:"\f01c"; }
.email-sent>.btn-wrap .icon:before { content:"\f1d9"; }
.detail>.btn-wrap .icon:before { content:"\f03a"; }
.view-all>.btn-wrap .icon:before { content:"\f00c"; }
.bt-m>.btn-wrap .icon:before { content:"\f1b2"; }
.sb-m>.btn-wrap .icon:before { content:"\f277"; }
.bs-m>.btn-wrap .icon:before { content:"\f0ad"; }
.ut-m>.btn-wrap .icon:before { content:"\f1e6"; }
.di-m>.btn-wrap .icon:before { content:"\f02d"; }
.da-m>.btn-wrap .icon:before { content:"\f0a1"; }
.wb-m>.btn-wrap .icon:before { content:"\f1d8"; }
.pc-m>.btn-wrap .icon:before { content:"\f2c1"; }
.ff-m>.btn-wrap .icon:before { content:"\f218"; }
.dg-m>.btn-wrap .icon:before { content:"\f071"; }
.wt-m>.btn-wrap .icon:before { content:"\f0d1"; }
.ee-m>.btn-wrap .icon:before { content:"\f08e"; }
.pt-m>.btn-wrap .icon:before { content:"\f022"; }
.fin-m>.btn-wrap .icon:before { content:"\f091"; }
.payment>.btn-wrap .icon:before { content:"\f09d"; }
.pay-history>.btn-wrap .icon:before { content:"\f1da"; }
.vst-confirm>.btn-wrap .icon:before { content:"\f058"; }

.nav-fair .detail .menu-group .required .etc:before { color:#ff8d14; content:"\f071"; }
.nav-fair .detail .menu-group .inserted .etc:before { color:#2ebaff; content:"\f00c"; }
.nav-fair .detail .menu-group .optional.inserted .etc:before { color:#2fff44; content:"\f00c"; }
.nav-fair .detail .menu-group .disabled.inserted .etc:before { color:#b9b9b9; content:"\f00c"; }
.nav-fair .detail .menu-group .active.inserted .etc:before { color:#fff; }

.email-inbox .etc .chip { display:block; box-sizing:border-box; height:18px; min-width:18px; margin:-2px; padding:2px 4px; background-color:#ff4545; border-radius:9px; font-weight:bold; color:#fff; font-size:11px; line-height:14px; text-align:center; }

#mypage_menu .menu_extra { position:relative; }
#mypage_content { position:relative; display:table-cell; padding:30px; border-left:1px solid #fff; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; }
.mypage_home #mypage_content { background-color:#f1f3f6; padding:0; }
.mypage_home_top { border-bottom:1px solid #d4d4d4; margin:0 30px; padding: 30px 0; text-align:center; font-size:30px; line-height:1.2; }
#mypage_content .section { margin:30px; }
#mypage_content .section h4 { padding:0; font-size:16px; color:#454545; margin-bottom:5px; }
#mypage_content .section-content { padding:25px 30px; border:1px solid #d4d4d4; background-color:#fff; color:#454545; }
#mypage_content .section .corp_nm { padding:0 10px 15px 10px; border-bottom:1px solid #d4d4d4; font-size:24px; letter-spacing:-0.03em; }
#mypage_content .section .corp_info { padding:15px 10px; font-size:14px; line-height:1.6; color:#666; }

.fair_mypage_desc { margin-bottom:2em; }

.WB_MA .mypage-controls { margin:8px -6px; }
.WB_MA .btn1 { min-width:90px; padding:8px 16px; margin:6px; border-radius:2px; font-size:14px; font-weight:bold; }


/* payment */
.billing { position:relative; margin-top:20px; }
.billing .billing_info { width:initial; width:auto; margin-right:300px; }
.billing .billing_button { position:absolute; top:0; right:0; bottom:0; width:280px; }
.billing .btn_select { position:relative; display:block; padding:8px 8px 8px 34px; margin:4px 0; overflow:hidden; background-color:#fff; border:1px solid #ddd; border-radius:3px; font-size:15px; line-height:16px; }
.billing .btn_select:hover { background-color:#f8f8f8; }
.billing .btn_select .icon { position:absolute; top:1px; left:1px; width:32px; height:32px; background-image:url('/_hqmgr/image/sprite_checkbox.png'); background-repeat:no-repeat; }
.billing .btn_select.selected { background-color:#cff5ff; }
.billing .btn_select:hover .icon { background-position:-32px 0; }
.billing .btn_select:active .icon { background-position:-64px 0; }
.billing .btn_select.selected .icon { background-position:0 -32px; }
.billing .btn_select.selected .icon { background-position:-32px -32px; }
.billing .btn_pay { display:block; padding:15px 0;margin: 4px 0; color:#fff; font-size:20px; font-weight:bold; text-align:center; border-radius:3px; }

.payment_done { margin-top:40px; padding:50px; font-size:20px; background-color:#f7f7f7; border-radius:10px; font-weight:bold; text-align:center;}
.payment_return .payment_info { max-width:600px; margin: 40px auto; }

/*login*/
.material-form { position:relative; }
.material-form form { padding:3em 2em 2em 2em; background-color:#fafafa; border:1px solid #ebebeb; box-shadow:0 1px 2px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.1);  }
.material-form .group { position:relative; margin-bottom:3.5em; }
.material-form input[type=text],
.material-form input[type=password] { display:block; box-sizing:border-box; width:100%; padding:10px 5px 9px; border:none; border-radius:0; background:#fafafa; color:#636363; font-size:18px; -webkit-appearance:none; }
.material-form input:focus { outline:none; }
.material-form label { position:absolute; top:10px; left:5px; font-size:18px; font-weight:normal; font-size:18px; color:#999; pointer-events:none; -webkit-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition: all 0.2s ease; }
.material-form input:focus ~ label,
.material-form input.used ~ label { top: -17px; -webkit-transform: translate(-12.5%, 0) scale(.75); transform: translate(-12.5%, 0) scale(.75); -ms-transform: translate(-12.5%, 0) scale(.75); }
.material-form input:-webkit-autofill ~ label { top: -17px; -webkit-transform: translate(-12.5%, 0) scale(.75); transform: translate(-12.5%, 0) scale(.75); -ms-transform: translate(-12.5%, 0) scale(.75); }
.material-form input:focus ~ label { color:#5385c7; }
.material-form .bar { position:relative; top:-1px; display:block; box-sizing:border-box; width:100%; height:1px; background-color:#757575; background-color:rgba(0,0,0,.42); transition: background-color 0.2s ease; }
.material-form .bar::before,
.material-form .bar::after { content:''; position:absolute; bottom:0; width:0px; height:2px; background:#5385c7; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
.material-form .bar::before { left: 50%; }
.material-form .bar::after { right:50%; }
.material-form input:focus ~ .bar::before,
.material-form input:focus ~ .bar::after { width:50%; }
.material-form input:hover ~ .bar { height:2px; margin-bottom:-1px; background-color:#333333; background-color:rgba(0,0,0,.87); }
.material-form .btn1 { position:relative; display:inline-block; box-sizing:border-box; width:100%; margin: .3em 0 1em 0; padding:12px 24px; border:0; border-bottom-width:2px; vertical-align:middle; font-size:16px; line-height:20px; cursor:pointer; -webkit-transition:all 0.15s ease; -ms-transition:all 0.15s ease; transition: all 0.15s ease; }
.material-form .btn1:focus { outline:0; }
.material-form .error-msg { position:absolute; top:50px; left:0; font-size:12px; line-height:12px; }
.material-form input.error ~ .bar { height:2px; margin-bottom:-1px; background-color:#ff0000; } 
.material-form input.error ~ .bar::before,
.material-form input.error ~ .bar::after { background-color:#ff0000; }
.material-form input.error ~ label,
.material-form input.error ~ .error-msg { color:#ff0000; }

#login_content,
#enter-invite-code { width:400px; margin:80px auto; }
#login_content .login_title,
#enter-invite-code .invite_code_title { margin: 24px auto; text-align:center; font-size:36px; color:#636363;  }
#login_content .login_text,
#enter-invite-code .invite_code_text { margin-bottom:24px; font-size:13px; line-height:1.6; color:#737373; text-align:center; }
#login_content .login-help > div { margin-bottom:8px; font-size:13px; }
#login_content .login-help a { color:#5385c7; font-weight:bold; }
#login_content .login-help a:hover { text-decoration:underline; }


.agree_frame { width:100%; height:300px; border:1px solid #DDDDDD; }
.agree_box { margin:15px 0; }
.agree_box > label { display:inline-block; font-size:13px; letter-spacing:-0.02em; }
.agree_box > label input { vertical-align:middle; }


/* Meeting */
.corp_regist #CORP_ID { width:50%; }
.corp_regist table.form .check_id { font-size:12px; }
table.meeting_time td.matching_yellow { background-color:yellow; }
table.meeting_time td.matching_blue { background-color:blue; }

.mt_list .function { color:#f33; }

/* Meeting 2 */
#meeting_request { position:relative; }
#meeting_request .title { font-size:18px; padding-bottom:6px; margin-bottom:10px; border-bottom:1px solid #949494; }
#meeting_request .title > strong { color:#ff8f00; }
#meeting_request .desc { font-size:13px; line-height:1.6; margin-bottom:8px; }
#meeting_request .desc h6 { font-size:14px; }
#meeting_request .desc .comment { color:#f00; }
#meeting_request .booth { font-size:14px; line-height:1.2; }
#meeting_request .booth label { font-weight:bold;  }
#meeting_request .booth .booth2.row { margin-left:-2px; margin-right:-2px; }
#meeting_request .booth2 .col-4 { padding-left:2px; padding-right:2px; }
#meeting_request .booth2 .btn_chk { font-size:11px; padding:32px 4px 4px 4px; padding-top:32px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#meeting_request .booth2 .btn_chk  .icon { left:50%; margin-left:-16px; }
#meeting_request .btn_chk { display:block; }
#meeting_request .time_btns .btn1 { display:block; padding:6px 12px; }
#meeting_request .timetable .timetable_title { font-size:15px; padding-top:6px; margin-bottom:3px; padding-bottom:2px; border-bottom:1px solid #949494; }
#meeting_request .timetable .day { padding:5px 8px; margin-bottom:4px; border-radius:4px; background-color:#f7f7f7; border:1px solid #ddd; }
#meeting_request .timetable .day > strong { font-size:14px; }
#meeting_request .timetable .day > ul { margin:3px -3px 0 -3px; font-size:0; }
#meeting_request .timetable .time { display:inline-block; padding:8px 12px; margin:3px; border:1px solid #e8e8e8; background-color:#fff; font-size:13px; }
#meeting_request #time_select { margin-bottom:10px; }
#meeting_request #time_select .time { padding: 8px 8px 8px 30px; cursor:pointer; }
#meeting_request #time_select .time.selected { background-color:#cff5ff; font-weight:bold; }
#meeting_request #time_select .time.disabled { background-color:#b4b4b4; opacity:0.6; }
#meeting_request .btns { margin:10px auto; }
#meeting_request #btn_req_proc { float:left; width:65%; padding:10px 3%; margin:0; }
#meeting_request #btn_req_close { float:right; width:22%; padding:10px 3%; margin:0; background-color:#666;}
#meeting_request .select_meeting_booth { margin-bottom:10px; }
#meeting_request .select_meeting_booth select { padding:6px; border:1px solid #e8e8e8; border-radius:2px; }

#meeting_request .timetable .time.sts-Y { background-color:#fff; }
#meeting_request .timetable .time.sts-N { background-color:#e8e8e8; color:#949494; }
#meeting_request .timetable .time.sts-M { background-color:#fb6e6e; color:#ffffff; }

#mail_layer textarea{width: 530px; height: 194px; border: 1px solid darkgray; border-radius: 8px; padding: 12px; margin: 0px; resize: none;}
#mail_layer #layer_section {overflow: hidden;}

#ex_application .meeting_list { margin:30px 0; }
#ex_application .meeting_table { margin:30px 0; }
#mypage_content .meeting_list .board_style_2 { padding:0; }
.meeting_list .sts_my { color:#2266ff; }
.meeting_list .sts_op { color:#ff6622; }
.meeting_list .sts_myd { color:#6677aa; }
.meeting_list .sts_opd { color:#aa7766; }
.meeting_list .btn1 { padding:2px 5px; margin:1px; }
.meet_title .btn1 { padding:3px 6px; margin:1px; }
table.meeting_time { table-layout:fixed; }
.meeting_time .btn1 { margin:0; font-size:11px; padding:2px 4px; line-height:1.2;}

.meeting_table .legends { margin-bottom:8px; }
.meeting_table .day { margin-bottom:16px; border-radius:4px; background-color:#f7f7f7; box-shadow: 0 1px 3px 1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12); overflow:hidden; }
.meeting_table .day-header { display:block; padding:12px 16px; vertical-align:middle; color:#fff; }
.meeting_table .day-header .title { display:inline-block; line-height:21px; }
.meeting_table .date_title { font-size:13px; font-weight:bold; }
.meeting_table .date { font-size:14px; font-weight:bold; }
.meeting_table .date-alt { display:none; }
.meeting_table .btn1-bar { float:right; }
.meeting_table .btn1 { margin:0 3px; padding:3px 6px; }
.meeting_table .time-list { display:inline-block; padding:8px; font-size:0; }
.meeting_table .btn_chk { margin:4px; cursor:pointer; color:#666; }
.meeting_table .btn_chk.selected { color:#333; }
.meeting_table .btn_chk.disabled { background-color:#fb6e6e; color:#ffffff; cursor:default; }

.corp_list.corp2 .board_style_1 .sts_mt { font-weight:bold; color:#6854a8; }
.corp_list.corp2 .board_style_1 .sts_mt > span { font-weight:normal; }
.corp_list.corp2 .board_style_1 .sts_my { color:#2266ff; }
.corp_list.corp2 .board_style_1 .sts_op { color:#ff6622; }
.corp_list.corp2 .board_style_1 .sts_myd { color:#6677aa; }
.corp_list.corp2 .board_style_1 .sts_opd { color:#aa7766; }

.fair_corp_nav { margin-bottom:10px; }
.fair_corp_nav .btn1 { padding:3px 6px; margin:1px; }

/* Mice Event */
.event_confirm_pre #event_attend_insert { width:600px; margin:0 auto; }
.event_success { position:relative; background-color:#fff; border:3px solid #DDDDDD; margin:20px auto 50px; padding:50px; text-align:center; }
.event_title { font-size:18px; line-height: 30px; min-height:40px; color:#454545; }
.event_success_message { font-size:26px; line-height:46px;font-weight: bold; }
.event_fail_message { font-size:26px; line-height:46px;font-weight: bold; }
.event_result_buttons { position:absolute; bottom:20px; right:30px; }

/* Forum */
.forum_signin { width:400px; margin:0 auto; padding:80px 0; text-align:center; }
.forum_signin h4 { padding-top:28px; background:url('/jsp/conf/img/admin/login_title.png') center top no-repeat; font-size: 15px; line-height: 22px; }
.forum_signin fieldset { margin:0; padding:0; border:0; }
.forum_signin .sign_fieldset { position: relative; width: 318px; margin-left: -20px; padding: 20px 50px; }
.forum_signin .sign_field { position:relative; height:40px; margin-bottom:10px; }
.forum_signin .sign_field label { float:left; width:80px; padding:10px; font-size:13px; line-height:20px; text-align:right; }
.forum_signin .sign_field .s_inp { float:left; } 
.forum_signin .sign_field .s_inp input { box-sizing:content-box; width:160px; height:16px; padding:10px; border:1px solid #ddd; font-size:14px; line-height:16px; }
.forum_signin .sign_button_wrap { text-align:center; }
.forum_signin .sign_button { position:relative; display:inline-block; width:224px; padding:12px; font-size:16px; line-height:18px; font-weight:bold; color:#fff; background-color:#2376dc; }

.attend_list { position:relative; margin:30px auto; padding-top:30px;  border-top:2px solid #ddd;}
.attend_list.i18n { margin:0; padding-top:0; border:0; }
.attend_list h4 { margin:10px 0; }
.attend_list h4 strong { font-size:21px; }
.attend_list h4 .appr_yn { float:right; font-size:15px; }
.attend_list h4 .appr_yn .title { color:#333333; font-weight:normal; }
.appr_yn._Y { color:#00C732 }
.appr_yn._R { color:#ffb000; }
.appr_yn._N { color:#00b0ff }
.appr_yn._C { color:#ff4040; }
.attend_list a.btn3,
.attend_list a.btn3:visited { color:#00C732; background:transparent; }
.attend_list a.btn3:hover,
.attend_list a.btn3:active { color:#00C732; }
.attend_list a.btn1,
.attend_list a.btn1:visited { background:#1170c7; padding: 4px 10px; }
.attend_list a.btn1:hover,
.attend_list a.btn1:active { color:#fff; }
.attend_list .extra.paid { color:#1170c7; font-weight:bold; font-size:16px; }
.fm_button { padding:15px 0; }
.fm_button a { display:inline-block; width: 120px; padding: 15px 0; background: #2376dc; color: #fff; font-size: 15px; text-align:center; } 

.fm_list > tbody > tr:hover { background-color:#f8f8f8; cursor:pointer; }

.date_yes .tt01 { font-weight:bold; color:#00C732; }
.date_no .tt02 { font-weight:bold; color:#999999; }
.attend_list .tt01,
.attend_list .tt03,
.attend_list .tt04 { text-align:center; }

/*button*/
.btn_1 {display:inline-block; text-align: center; font-weight:bold; padding:3px; width:56px; height:17px; line-height:17px; background-image: url(../img/common/btn_bg.png); overflow: hidden;}
a.btn_1:hover {text-decoration: none; background-position: 100% 100%}
.btn_1_2 {display:inline-block; text-align: center; font-weight:bold; padding:3px; width:96px; height:17px; line-height:17px; background-image: url(../img/common/btn1-2_bg.png); overflow: hidden;}
a.btn_1_2:hover {text-decoration: none; background-position: 100% 100%}

.btn_b {display:inline-block; text-align: center; width:84px; height:30px; line-height: 30px; background-image:url(../img/common/btn_b_bg.png); font-weight:bold; }
.btn_b:hover {background-position: 100% 100%}
.btn_b.bgM{color:#ffffff}

a.btn1 { display:inline-block; text-align:center; background-color:#5385c7; background-repeat: repeat-x; color:#fff; border-color:#3160b6; border-style: solid; border-radius:2px; }
a.btn1:visited { color:#f7f7f7; }
a.btn1:hover, a.btn1.selected { text-decoration:none; background-color:#356bb3; color:#fff;}
a.btn1:active { color:#f7f7f7; }

a.btn1.common { padding:4px 10px;margin:5px 10px 5px 0;font-size:14px;font-weight:bold; }
a.btn1.delete { font-weight:bold; color:#f44336; background-color:#fff; }
a.btn1.delete:hover { background-color:#f2f2f2; }
a.btn1.delete:active { background-color:#e1e1e1; }
a.btn1.default { font-weight:bold; color:#333; background-color:#fff; }
a.btn1.default:hover { background-color:#f2f2f2; }
a.btn1.default:active { background-color:#e1e1e1; }

.btn_r {display:inline-block; text-align: center; width:150px; height:30px; line-height: 30px; background:#A0A5AA url(../img/common/btn_r_bg.png); font-weight:bold;}
.btn_r:hover {background-position: 100% 100%}
a.btn_r { color:#fff; }

a.btn_r.bgM.btn_complete { background-color:#00c33c; }

/* Material Ripples */
.ripples { position:absolute; top:0; left:0; box-sizing:border-box; width:100%; height:100%; overflow:hidden; background:transparent; }
.ripple-circle { position:absolute; top:50%; left:50%; width:0; height:0; border-radius:50%; background:rgba(255,255,255,0.25); -webkit-transform:translate(-50%, -50%); transform: translate(-50%,-50%); }
.ripples.is-active .ripple-circle { -webkit-animation:ripples .4s ease-in; animation: ripples .4s ease-in; }
/* Ripples animation */
@-webkit-keyframes ripples {
	0% { opacity: 0; }
	25% { opacity: 1; }
	100% { width: 200%; padding-bottom: 200%; opacity: 0; }
}
@keyframes ripples {
	0% { opacity: 0; }
	25% { opacity: 1; }
	100% { width: 200%; padding-bottom: 200%; opacity: 0; }
}
/* end. Material Ripples */

.layer { display:block; z-index:3000; }
.layer.fixed-layer { position:fixed; top:0; left:0; right:0; bottom:0; }
.layer .layer_bg { position:absolute; top:0; left:0; right:0; bottom:0; background-image:url('/_hqmgr/image/bg_layer.png'); }
.layer .layer_container { position:absolute; top:5%; left:50%; max-height:84%; width:600px; margin-left:-316px; padding:15px; overflow:auto; background-color:#fff; border:1px solid #ddd; border-radius:8px; box-shadow:3px 5px 4px rgba(0,0,0,0.5); }
.layer .layer_container.no-bg { margin-left:-300px; padding:0; overflow:visible;border:0; background-color:transparent; border-radius:0; box-shadow:none; }

/* New Common List Style default: Material Style Design */
div.list { position:relative; display:block; overflow:auto; padding:0; }
.list.sheet { border:1px solid #ddd; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12); }
.list .list-item { position:relative; display:block; overflow:hidden; background-color:#fff; }
.list .list-item:hover { background-color:#f2f2f2; }
.list .list-placeholder { padding:16px; font-size:16px; color:#666; }
.list .item-content { position:relative; display:table; width:100%; border-collapse:collapse; table-layout:fixed; }
.list .item-content  > * { position:relative; display:table-cell; vertical-align:top; box-sizing:border-box; padding:16px; }
.list .avatar-col { width:72px; }
.list .text-col { width:100%; line-height:1.4; }
.list .avatar-col + .text-col { padding-left:0; }
.list .icon-col { width:56px; padding:8px; text-align:right; }
.list .text-col + .icon-col { padding-left:0; }
.list .list-item + .list-item .text-col,
.list .list-item + .list-item .icon-col { border-top:1px solid #ddd; }
.list img.avatar { width:42px; background-color:#fafafa; border-radius:100%; }
.list .primary-text { font-size:16px; color:#202020; color:rgba(0,0,0,0.95); }
.list .secondary-text { font-size:13px; }
.list .title { color:#202020; color:rgba(0,0,0,0.95); }
.list .info { color:#737373; color:rgba(0,0,0,0.70); }
.list .icon { position:relative;display:inline-block; box-sizing:border-box; width:40px; height:40px; text-align:center; padding:0; border:0; background:transparent; }
.list .icon > .fa { font-size:16px; line-height:24px; }

/* Card Design, can be layer */
.card { position:relative; box-sizing:border-box;border-radius:3px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12); font-size:16px; overflow:hidden; }
.card.dialog { min-width:240px; min-height:120px; padding-bottom:48px; box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 13px 19px 2px rgba(0,0,0,.14), 0 5px 24px 4px rgba(0,0,0,.12); } /* Dialog has footer that contains buttons */
.card-header { position:relative; box-sizing:border-box; height:72px; padding:24px 24px; color:#fff; line-height:24px; } /* recommend used with .bgM */
.card-header > .title { color:#fff; font-weight:bold; }
.card-header > .toolbar { float:right; margin:-16px -16px -16px 0; }
.card-header > .toolbar .button { display:inline-block; font-size:16px; padding:8px; width:32px; height:32px; color:inherit; fill:#fff; } /* has svg child */
.card-content { position:relative; box-sizing:border-box; padding:24px; background-color:#fff; font-size:13px; line-height:1.4; overflow:auto; }
.card.dialog .card-content { position:absolute; top:72px; bottom:49px; width:100%; }
.card-content > .divider { height:1px; margin:16px -24px; background-color:rgba(0,0,0,0.16); }
.card-footer { position:absolute; bottom:0; left:0; right:0; height:48px; padding:0 10px; border-top:1px solid #ddd; background-color:#fff; text-align:right; }
.card-footer .btn1 { min-width:90px; padding:8px 16px; margin:6px; border-radius:2px; font-size:14px; font-weight:bold; }

/* Button Group Design */
.button-group { padding:4px 0; }
.button-group .button { display:block; padding:8px; }
.button-group .button:hover { color:#3366ff; }
.button-group .button label { display:inline-block; position:relative; padding-left:24px; cursor:pointer; }
.button-group .button label > input[type='radio'],
.button-group .button label > input[type='checkbox'] { position:absolute; top: 4px; left:0;  }
.button-group .button label span { font-size:15px; }

/* Layer + dialog */
.layer .layer_container .dialog { position:absolute; top:0;left:0;right:0;bottom:0; }

/* Button Design */

/**/
.fs_11 {font-size:11px}
.red {color:red}
.taC, .ta_center {text-align: center}
.taL {text-align: left}
.taR {text-align: right}
.pdT10 {padding-top:10px}
.pdB10 {padding-bottom:10px}
.pdLR10 {padding-left:10px; padding-right:10px}
.pdT20 {padding-top:20px}
.pdB20 {padding-bottom:20px}
.pdLR20 {padding-left:20px; padding-right:20px}
.pd10 {padding:10px}
.pd20 {padding:20px}
.pd30 {padding:30px}
.pd40 {padding:40px}
.pd50 {padding:50px}
.fL {float: left}
.fR {float: right}


/*
전시회 담당자정보 필수입력 체크 css추가 by.mj.sung 0513
*/

.error_name { border:0; color:#f00; font-size:12px; margin-top: 10px; }
.error_tel { border:0;color:#f00; font-size:12px; margin-top: 10px; }
.error_mobile { border:0;color:#f00; font-size:12px; margin-top: 10px; }
.error_fax { border:0;color:#f00; font-size:12px; margin-top: 10px; }
.error_email { border:0;color:#f00; font-size:12px; margin-top: 10px; }

/* 갤러리컨텐츠 내용 추가 */
.bot_gallery_wrap {width:100%}
.bot_gallery {text-align:center}
.bot_gallery a{width:120px; height:80px; overflow: hidden }
.bot_gallery a img{width:120px; vertical-align:middle}
.bot_gallery_pr { text-align: right; width:40px}
.bot_gallery_ne {text-align: left; width:40px}

/* UCI 테마 추가 */
.uci_item_list { position:relative; font-size:0; }
.uci-item.uci-default { position:relative; display:block; padding:15px 0; border-top:1px solid #ddd; vertical-align:middle; }
.uci-item.uci-default .thumb { display:inline-block; width:25%; overflow:hidden; font-size:13px; vertical-align:middle; }
.uci-item.uci-default .thumb a { position:relative; display:block; width:80%; margin:0 auto; }
.uci-item.uci-default .thumb a .single_img { display:none; }
.uci-item.uci-default .thumb a .single_img.img1 { display:block; }
.uci-item.uci-default .thumb a img { max-width:100%; }
.uci-item.uci-default .thumb a .caption { display:none; }
.uci-item.uci-default .text { display:inline-block; width:75%; font-size:13px; vertical-align:middle; }
.uci-item.uci-default .title { display:inline-block; font-size:17px; font-weight:bold; margin-bottom:15px; margin-right:10px; }
.uci-item.uci-default .title a { text-decoration:underline; }
.uci-item.uci-default .subtitle { display:inline-block;  font-size:14px; color:#454545; margin-bottom:15px; }
.uci-item.uci-default .extra { color:#666; max-height:100px; padding-bottom:10px; overflow:hidden; }

@media only screen and (max-width:767px){
	.layer.fixed-layer .layer_container { min-width:240px; max-width:600px; width:90%; margin-left:0; transform:translate(-50%, 0); }
}