@charset "utf-8";

body { 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}
#logo { 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_wrap.gnb-hidden { display:none; }

#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_sub .nav-bullet { 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 { position:relative; width:100%; font-size:16px; line-height: 1.333; height: auto; padding:15px 0 5px; border-bottom:1px solid #DCDCDC; font-weight:bold; color:#0055a2; }
/*
#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; margin-bottom:0.33rem;}
#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 {display:block; margin-right:1rem; font-size:11px; font-weight:normal; text-align:right; color:#656565;}
#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; }
*/

#popup_group { display:none; z-index:100; }
.layerPopup { display:flex; flex-flow:column nowrap; padding:0; z-index:101; background-color:#fff; box-shadow: 0 0.1rem 0.5rem rgba(0,0,0,0.33); }
.layerPopup .popup_content{ position:relative; flex:1 1 auto; box-sizing:border-box; padding:1rem; z-index:101; overflow:auto; }
.popup_content img { max-width:100%; }
.layerPopup .stretch-fixed { display:none; }
.layerPopup .popup_form { display:flex; flex-flow:row nowrap; flex:1 1 auto; align-items:center; justify-content:flex-end; box-sizing:border-box; width:100%; padding:0.5rem 1rem; overflow:hidden; background-color:#e8e8e8; }
.layerPopup .popup_hide { position:relative;  }
.layerPopup .hide_message { display:inline-block; font-size:1rem; vertical-align:middle; }
.layerPopup .hide_check { width:1.25rem; height:1.25rem; vertical-align:middle; }
.layerPopup .popup_form .btn_close { margin:0; margin-left:0.75rem; font-size:0.875rem; line-height:1.5; }

/*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 {position:relative; font-size:0.75rem; line-height: 1.5; height:1.5em; margin-bottom:0.5rem; padding-left:1rem; border-bottom:1px solid transparent; cursor:pointer;}
.notice-widget dd:before {position:absolute; left:0; content:'\2022' }
.notice-widget dd a { display:block; margin-right:5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.notice-widget dd a:hover {border-bottom:1px solid #656565}
.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}


/*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:#f1f3f6; border-bottom:0; border-top:1px solid #d2d2d2; margin:15px -30px -30px -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}

.agree-container { padding:1rem 2rem; margin:0 auto; }
.agree-container .agree-box { padding-bottom:2rem; font-size:0.9rem; }
.agree-container h4 { border-left:0.25rem solid #666; padding-left:0.5rem; margin-top:2rem; margin-bottom:1rem; }
.agree-container h4 .title {padding-left:0; font-size:1.1rem; font-weight:bold; background:none;}

.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 h4 > .comment {font-size:11px; font-weight: normal; color:#787878}
#ex_application .textBox,
.textBox.mypage_independent,
.agree-container .textBox {height:130px; padding:20px 15px;border:1px solid #b1b1b1; overflow-x:hidden; overflow-y:inherit; line-height:1.8; margin-bottom:13px;}
#ex_application .btn_group{text-align: center; padding:20px 5px 5px;}

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

.corp_header .cancel_reason { display:block; padding:0.75em 1.5em; margin:0.5em 0; border:1px solid #ffeeba; background-color:#fff3cd; color:#856404; }
.corp_header .cancel_reason * { vertical-align:baseline; }
.corp_header .cancel_reason_head { display:block; margin-bottom:0.5em; font-size:1.5em; }
.corp_header .cancel_reason_body { display:block; font-size:1.1em; white-space:pre-line; }


#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"; } /* fa-handshake */
.nav-fair>.btn-wrap .icon:before { content:"\f2bb"; } /* fa-address-card */
.nav-vst>.btn-wrap .icon:before { content:"\f2c1"; } /* fa-id-badge */
.nav-forum>.btn-wrap .icon:before { content:"\f0c0"; } /* fa-users */
.nav-event>.btn-wrap .icon:before { content:"\f02e"; } /* fa-bookmark */
.nav-user>.btn-wrap .icon:before { content:"\f007"; } /* fa-user */

.basic>.btn-wrap .icon:before { content:"\f044"; } /* fa-edit */
.corp-list>.btn-wrap .icon:before { content:"\f002"; } /* fa-search */
.meet-status>.btn-wrap .icon:before { content:"\f14a"; } /* fa-check-square */
.meet-result>.btn-wrap .icon:before { content:"\f017"; } /* fa-clock */
.meet-time>.btn-wrap .icon:before { content:"\f073"; } /* fa-calendar-alt */
.meet-email>.btn-wrap .icon:before { content:"\f0e0"; } /* fa-envelope */
.email-inbox>.btn-wrap .icon:before { content:"\f310"; } /* fa-inbox-in */
.email-sent>.btn-wrap .icon:before { content:"\f311"; } /* fa-inbox-out */
.detail>.btn-wrap .icon:before { content:"\f03a"; } /* fa-list */
.view-all>.btn-wrap .icon:before { content:"\f00c"; } /* fa-check */
.bt-m>.btn-wrap .icon:before { content:"\f1b2"; } /* fa-cube */
.sb-m>.btn-wrap .icon:before { content:"\f4d9"; } /* fa-sign */
.bs-m>.btn-wrap .icon:before { content:"\f0ad"; } /* fa-wrench */
.ut-m>.btn-wrap .icon:before { content:"\f1e6"; } /* fa-plug */
.di-m>.btn-wrap .icon:before { content:"\f02d"; } /* fa-book */
.da-m>.btn-wrap .icon:before { content:"\f0a1"; } /* fa-bullhorn */
.wb-m>.btn-wrap .icon:before { content:"\f1d8"; } /* fa-paper-plane */
.pc-m>.btn-wrap .icon:before { content:"\f2c1"; } /* fa-handshake */
.ff-m>.btn-wrap .icon:before { content:"\f218"; } /* fa-cart-arrow-down */
.dg-m>.btn-wrap .icon:before { content:"\f071"; } /* fa-exclamation-triangle */
.wt-m>.btn-wrap .icon:before { content:"\f5cd"; } /* fa-weight-hanging */
.ee-m>.btn-wrap .icon:before { content:"\f472"; } /* fa-dolly */
.pt-m>.btn-wrap .icon:before { content:"\f540"; } /* fa-parking */
.fin-m>.btn-wrap .icon:before { content:"\f091"; } /* fa-trophy */
.payment>.btn-wrap .icon:before { content:"\f09d"; } /* fa-credit-card */
.pay-history>.btn-wrap .icon:before { content:"\f1da"; } /* fa-history */
.vst-confirm>.btn-wrap .icon:before { content:"\f4fc"; } /* fa-user-check */

.nav-fair .detail .menu-group .required .etc:before { color:#ff8d14; content:"\f071"; } /* fa-exclamation-triangle */
.nav-fair .detail .menu-group .inserted .etc:before { color:#2ebaff; content:"\f00c"; } /* fa-check */
.nav-fair .detail .menu-group .optional.inserted .etc:before { color:#2fff44; content:"\f00c"; } /* fa-check */
.nav-fair .detail .menu-group .disabled.inserted .etc:before { color:#b9b9b9; content:"\f00c"; } /* fa-check */
.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; }

#msg_list a { display:block; }
#msg_list .primary-text { margin-bottom:0.5rem; }
#msg_list .preview { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#787878;  }

#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; }
.billing .btn_pay.disabled { background-color:#999; }

.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; }

/* btns */
/* a.btns1,
.btns_1,
.btns {display: inline-block; width: auto; height: auto; margin: 0.5rem 0; padding: 0.5rem 1rem; background: #00afff; border: none; font-size: 1rem; font-weight: normal !important; color:#fff; border-radius: 5px; text-align: center; transition: 0.3s; border-radius: 5px;}
a.btns1 *,
.btns_1 * {color: #fff;}
a.btns1.default {background-color: #555; color: #fff;}
a.btns1:hover,
a.btns1:active,
a.btns1.selected {background: #1694a5; opacity: 0.8;}
.btns_1:hover,
.btns_1:active,
.btns:hover,
.btns:active {opacity: 0.8;}
.btns.small {padding: 0.5rem; font-size: 1rem;}
.btns.wide {padding: 1rem 2rem; font-size: 1.4rem;}
.btns.line {background-color: transparent; border: 1px solid #11717e; color: #11717e;}
.btns.sub1 {background-color:#0090e3;}
.btns.sub2 {background-color:#0086c5;} */

/*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 input[type=text] + label,
.material-form input[type=password] + 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[type=text]:focus ~ label,
.material-form input[type=password]:focus ~ label,
.material-form input[type=text].used ~ label,
.material-form input[type=password].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[type=text]:focus ~ label,
.material-form input[type=password]: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; }

#save_login_status {
    background-color: initial;
    cursor: default;
    -webkit-appearance: checkbox;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
    width: 20px;
    height: 20px;
}


.resetpw-desc { margin-bottom:15px; font-size:15px; line-height:1.3; }

.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 { color:#fff; font-size:1.2em; font-weight:600; }
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 { display:flex; flex-flow:row nowrap; margin:10px auto; }
#meeting_request .btns > a { flex:2 1 0%; margin:0; padding:0.75rem 1.25rem; }
#meeting_request #btn_req_close { flex-grow:1; 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; }

/* Meeting 2 Timeplace */
#meeting_request .day_title { margin:0.5em 0; font-size:1.2em; }
#meeting_request .place_list { position:relative; overflow:auto; }
#meeting_request .time_place_table { width:100%; background-color:#fff; border-collapse:collapse; }
#meeting_request .time_place_table th { padding:0.5em; border:1px solid #b0b0b0; background-color:#e8e8e8; }
#meeting_request .time_place_table td { padding:0.5em; border:1px solid #b0b0b0; text-align:center; }
#meeting_request .time_place_table .legend { position:sticky; left:0; }
#meeting_request .time_place_table .place_info { position:sticky; left:0; background-color:#f2f2f2; }
#meeting_request .time_place_table .place_info .place_name { display:block; font-size:1.1em; font-weight:600; }
#meeting_request .time_place_table .place_info .place_desc { display:block; font-size:0.875em; }
#meeting_request .time_place_table .place_info .place_desc:before { content:'('; }
#meeting_request .time_place_table .place_info .place_desc:after { content:')'; }
#meeting_request .time_place_table .enabled { cursor:pointer; }
#meeting_request .time_place_table .enabled:hover { background-color:#ddffdd; }
#meeting_request .time_place_table .selected,
#meeting_request .time_place_table .selected:hover { background-color:#66ff66; }
#meeting_request .time_place_table .blocked { background-color:#c2c2c2; color:#eaeaea; }
#meeting_request .time_place_table .occupied { background-color:#ff9999; color:#ffe4e4; }
#meeting_request .time_place_table .occupied.my { background-color:#99aaff; color:#d2eeff; }
#meeting_request .time_place_table .check-icon { display:none; }
#meeting_request .time_place_table .selected .check-icon { display:block; color:#008c00; }





#mail_layer textarea{width: 530px; height: 194px; border: 1px solid darkgray; border-radius: 8px; padding: 12px; margin: 0px; resize: none;}
#psa_mail_layer textarea { position:relative; box-sizing:border-box; width:100%; height:auto; min-height:180px; max-height:100%; margin:0; padding:0.5rem; border:1px solid darkgray; border-radius:0.5rem; resize:vertical; }

#ex_application .meeting_list { margin:30px 0; }
#ex_application .meeting_table { margin:30px 0; }
.meeting_list .board_style_2 { padding:0; }
.meeting_list { font-size:0.8125rem; }
.meeting_list .num { width:1.5em; }
.meeting_list .datetime { width:4em; }
.meeting_list .booth { width:4em; }
.meeting_list .corpname { width:15em; }
.meeting_list .contactname { width:10em; }
.meeting_list .action { width:4em; }
.meeting_list .sts { width:5.5em; }
.meeting_list .function { width:7em; }
.meeting_list .priority { width:5.5em; }
.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;}
tr.ui-sortable-helper { display:table; }

.meeting_list .req_count_info { margin-bottom:0.5rem; text-align:right; }
.req_count_info .req_count { display:block; font-size:1.15em; }
.req_count.remain.available { color:#008000; }

.meeting_result .meet_header { margin:1rem 0 2rem 0; padding:1.5rem; border:0.25rem solid #e5e5e5; font-size:1rem; font-weight:bold; text-align:center; background-color:#f4f4f4; }

.meeting_table .legends { margin-bottom:8px; }
.meeting_table .legends:after { content:''; display:table; clear:both; }
.meeting_table .legends ul { display:inline-block; }
.meeting_table .legends .comment { float:right; font-size:0.875em; }
.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:after { content:''; display:table; clear:both; }
.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; }

/* List Search */
.index-search-field { position:relative; display:block; display:flex; margin-bottom:1rem; }
.index-search-input-outer { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; }
.index-search-field input.index-search-input { padding: 0.7rem 1rem; border: 1px solid #ddd;; color: #8d8f95; display: block; font-size: 1rem; /*-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.16); -moz-box-shadow:0 3px 6px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.16); box-shadow:0 3px 6px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.16);*/
    height: 50px; box-sizing:border-box; transition: border-color 400ms ease; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; transition:box-shadow 0.3s; }
.index-search-field input.index-search-input:focus { border-color:rgb(22,73,98); /*-webkit-box-shadow:0 3px 9px rgba(22,73,98,0.24), 0 1px 3px rgba(22,73,98,0.32); -moz-box-shadow:0 3px 9px rgba(22,73,98,0.24), 0 1px 3px rgba(22,73,98,0.32); box-shadow:0 3px 9px rgba(22,73,98,0.24), 0 1px 3px rgba(22,73,98,0.32);*/ }
.index-search-field .btn1.btn-index-search { flex:0 1 0; white-space:nowrap; margin: 0 0 0 1rem; padding:0.7rem 2rem; }
.index-search-field .btn1.btn-index-search * { vertical-align:baseline; font-size:1.2rem; }


.corp_list .board_style_1 .corp_name { width:200px; cursor:pointer; }
.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 { max-width:40rem; margin:2rem 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: 1.7; min-height:40px; color:#454545; }
.event_success_message { font-size:26px; line-height:1.7;font-weight: bold; }
.event_fail_message { font-size:26px; line-height:1.7;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('../../conf/img/admin/login_title.png') center top no-repeat; font-size: 15px; line-height: 1.5; }
.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:1.5; 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:1.15; }
.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:1.15; 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; }

.quantity-item { padding:1rem 0; }
.quantity-item label { display:inline-block; margin-right:1rem; font-size:1.1rem; vertical-align:middle; }
.quantity-selector-container { display:inline-block; vertical-align:middle; }

/* Widget - Spinner */
.widget-spinner { position:relative; display:inline-block; padding:0 1.5em; font-size:1rem; }
.widget-spinner input { box-sizing:border-box; display:block; width:2em; height:1.5em; padding:0.15em; text-align:center; font-size:1em; border:1px solid #ddd; }
.widget-spinner button { position:absolute; top:0; box-sizing:border-box; width:1em; height:1em; border:0; font-size:1.5em; line-height:1; text-align:center; background-color:#2376dc; color:#fff; }
.widget-spinner .spinner-minus { left:0; }
.widget-spinner .spinner-plus { right:0; }

/*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:0.125rem; font-size:0.875rem; }
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:0.25rem 0.6rem; margin:0.25rem; font-weight:bold; }
a.btn1.delete { padding:0.25rem 0.6rem; margin:0.25rem; 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 { padding:0.25rem 0.6rem; margin:0.25rem; 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%); pointer-events:none; }
.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-opened { overflow-y:hidden !important; }
.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; }
.list .icon-col input[type='radio'],
.list .icon-col input[type='checkbox'] { width:24px; 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:16px; color:#fff; line-height:24px; } /* recommend used with .bgM */
.card-header > .title { padding:12px; color:#fff; font-weight:bold; }
.card-header > .toolbar { float:right; margin:-8px -8px -8px 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.5rem; border-top:1px solid #ddd; background-color:#fff; text-align:right; }
.card-footer .btn1,
.card-footer .btn1.default,
.card-footer .btn1.common { min-width:90px; padding:8px 16px; margin:6px; border-radius:2px; font-size:14px; font-weight:bold; }

.card,
.card.dialog { display:flex; padding-bottom:0; flex-direction:column; flex-wrap:nowrap; }
.card-header { display:flex; flex:0 1 auto; min-height:72px; max-height:50%; height:auto; }
.card-header:after { content:''; display:table; clear:both; }
.card-header > .title { display:inline-block; box-sizing:border-box; max-width:calc(100% - 48px); flex:1 0 0%; }
.card-header > .toolbar { flex:0 1 auto; margin:0; }
.card.dialog .card-content { position:relative; top:auto; bottom:auto; flex: 1 0 0%; }
.card-footer { position:relative; top:auto; bottom:auto; left:auto; right:auto; height:auto; flex:0 1 auto; }

.card .divider { display:block; margin:0; border:1px solid rgba(0,0,0,.12); }

/* Solid Alert Design */
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; transition:box-shadow .15s ease-in-out }
.alert:hover { box-shadow:0 0 .2rem currentColor; }
.alert-heading { color: inherit }
.alert-link { font-weight: 700 }
.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff }
.alert-primary hr { border-top-color: #9fcdff }
.alert-primary .alert-link { color: #002752 }
.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db }
.alert-secondary hr { border-top-color: #c8cbcf }
.alert-secondary .alert-link { color: #202326 }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb }
.alert-success hr { border-top-color: #b1dfbb }
.alert-success .alert-link { color: #0b2e13 }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb }
.alert-info hr { border-top-color: #abdde5 }
.alert-info .alert-link { color: #062c33 }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba }
.alert-warning hr { border-top-color: #ffe8a1 }
.alert-warning .alert-link { color: #533f03 }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb }
.alert-danger hr { border-top-color: #f1b0b7 }
.alert-danger .alert-link { color: #491217 }
.alert-icon-left { padding-left:4rem; }
.alert-icon-right { padding-right:4rem; }
.alert-icon { position:absolute; font-size:1.5rem; top: .75rem; }
.alert-icon-left .alert-icon { left:1.25rem; }
.alert-icon-right .alert-icon { right:1.25rem; }
.alert-icon-center .alert-icon { top:50%; transform:translateY(-50%); }

/* 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:relative; height:100%; top:0; left:0; right:0; bottom:0; overflow-y:auto; }

/* 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; }

/*마이페이지 회원정보 수정 가이드 추가*/
#mypage_content .signup_guide {position: relative;padding: 1.5rem 2rem;border: 1px solid transparent;border-radius: 0.3rem;border-color: #c3e6cb;background-color: #d4edda;overflow: hidden;}
#mypage_content .signup_guide .guide3 {color : blue;padding-left : 20px;}
#mypage_content .signup_guide .guide1 .line {text-decoration: underline;}
#mypage_content .signup_guide .guide3 ol {list-style : disc outside none;}

@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); }
}

/* !!!!!!!!! Don't put code here for content pages [START] */
@media only screen and (max-width:1139px){
   /*
  #popup_group { display:none; position:fixed; top:0; left;0; width:100%; height:100%; z-index:30; background-color:rgba(0,0,0,0.6); }
  #popup_group .layerPopup { position:absolute !important; box-sizing:border-box; top:10% !important; left:50% !important; max-width:90% !important; max-height:80% !important; padding-bottom:48px; transform:translate(-50%, 0); }
  #popup_group .layerPopup .popup_content { position: absolute; top: 0; left: 0; right: 0; bottom: 72px; overflow: auto; padding: 15px; }
  #popup_group .layerPopup .stretch-fixed { width:1px; height:9999px; margin-left:-1px; }
  #popup_group .layerPopup img { max-width:100%; }
  #popup_group .layerPopup > form { position:absolute; bottom:0; left:0; right:0; box-sizing:border-box; height:48px; margin:0; padding:0px; }
  #popup_group .layerPopup > form label { font-size:14px; font-weight:bold; }
  #popup_group .layerPopup > form .btn1.common { margin-left:20px; font-size:15px; line-height:24px; padding:6px 15px; }
  */
  #popup_group {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index: 1;z-index: 100;    background-color: rgba(0,0,0,0.6);}
  #popup_group .layerPopup {position:absolute !important;box-sizing:border-box;top: 50% !important;left:50% !important;max-width:90% !important;max-height:80% !important; margin:0; transform: translate(-50%, -50%);}
  #popup_group .layerPopup .stretch-fixed { width:1px; height:9999px; margin-left:-1px; }
  #popup_group .layerPopup img { max-width:100%; }
  #popup_group .layerPopup > form label { font-weight:bold; }
  #popup_group .layerPopup > form .btn1.common { margin-left:1rem; font-size:1rem; line-height:1.5; padding:0.5rem 1rem; }


  div.field.row2,
  div.field.row3,
  div.f_addsub div.field.row2,
  div.f_addsub div.field.row3 { width:100%; }
  div.field.row1 > label,
  div.field.row2 > label,
  div.field.row3 > label,
  div.f_addsub div.field.row1 > label,
  div.f_addsub div.field.row2 > label,
  div.f_addsub div.field.row3 > label { width:30%; }
  div.field.row1 > div,
  div.field.row2 > div,
  div.field.row3 > div,
  div.f_addsub div.field.row1 > div,
  div.f_addsub div.field.row2 > div,
  div.f_addsub div.field.row3 > div { width:70%; padding: 8px 1.5%; }

  div.f_file button.btn_uploadFile {}
}
@media only screen and (max-width:767px){
  .search_form .search_item { position:relative; display:block; float:none; margin-bottom:8px; margin-right:0; }
  .search_form .search_item:after { content:''; display:table; clear:both; }
  .search_form select { box-sizing:border-box; width:100%; padding:3px; }
  .search_form input[type='text'] { box-sizing:border-box; width:100%; padding:8px; }
  .search_form select[name='searchGubun'] { float:left; width:38%; }
  .search_form input[name='searchText'] { float:right; width:60%; }
  .search_form .btn1 { box-sizing:border-box; width:100%; padding:8px; font-size:16px; line-height:16px; }

  #ex_application { margin: 0 auto; }
  #mypage_menu { display:block; position:fixed; top:60px; left:-110%; bottom:0; box-sizing:border-box; width:50%; min-width:320px; z-index:100; background-color:#fff; will-change: left, opacity; transition: left 0.6s, width 0.6s;  }
  .m_selected #mypage_menu { left:0; }
  .m_selected.m2_collapsed #mypage_menu { left:-110%; transition:none; }
  #mypage_menu .menu_title { display:none; }
  #mypage-menu-button { display:block; box-sizing:border-box; width:48px; height:48px; padding:14px; }
  #mypage-menu-button .icon::before { content:'\f00d'; }
  #mypage_menu .go_home { float:right; }
  #mypage_menu .menu-group.level-1 { position: absolute; top: 49px; right: 0; left: 0; bottom: 0; overflow-y: auto; }
  #mypage_content { display:block; min-height:400px; padding:30px 15px; background-color:#fff; }
  .mypage_home_top { font-size:21px; }
  #mypage_content .cfair_progress { margin:-30px -15px 15px; }
  #content.sub_content .com_subtitle h2.menu_name {font-size:20px;}
}
@media only screen and (max-width:479px){
  /*#mypage_menu { left:-75%; width:75%; }
  .m_selected.m2_collapsed #mypage_menu { left:-75%; }*/

  #login_content { width:auto; width:initial; margin:50px auto; }
  #login_content .login_text br { display:none; }

  .mypage_home_top { font-size:18px; }

  div.history ul {margin-top:20px;}
  div.history strong {float:none; margin-right:0;}
  .board_gallery .article {width:100%;}
  #content.sub_content .com_subtitle h2.menu_name {font-size:17px;}
}
/* !!!!!!!!! Don't put code here for content pages [END] */