/* @import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css); */

/*============================================================
main
=============================================================*/
.main-wrap {height:100%; background:aqua;}
.bubble h2 { position: relative; height: 40px; line-height: 18px; background:#f9f9f9; border-bottom: 1px #d0d0d0 solid; border-radius: 6px 6px 0px 0px;font-size: 15px !important; font-weight: bold; color: #111; }
.bubble h2 i{display:inline-block; padding-right:5px; opacity:1; color:#a4a4a4; font-size:20px; vertical-align:middle; }
.main-bg .bubble {left:auto; border-radius:6px; border:2px #888 solid;  box-shadow:none;}
.main-bg .bubble:before {left:auto; top:-15px; right:38px; border-width:0 13px 14px; border-color:#888 transparent;}
.main-bg .bubble:after {left:auto; right:40px; border-width:0 11px 12px; border-color:#f9f9f9 transparent;} 
.main-bg .bubble.q_bubble:before {left:auto; top:-15px; right:82px; border-width:0 13px 14px; border-color:#888 transparent;}
.main-bg .bubble.q_bubble:after {left:auto; right:84px; border-width:0 11px 12px; border-color:#f9f9f9 transparent;} 
.main-bg .bubble li {border-bottom:1px #d0d0d0 solid; color:#666; line-height: 22px; }
.main-bg .bubble li:last-child {border-bottom:none;}
.main-bg .bubble li.bg {background:#f8f8f8}
.main-bg .bubble li a {padding:0;}
.main-bg .bubble li a:hover {background:none;}
.main-bg .bubble h2 {position:relative; height:38px; padding:9px 0 0 12px; border-bottom:1px #d0d0d0 solid; font-size:13px; font-weight:bold; color:#111;}
.main-bg .bubble button.m-btn {position:absolute; right:4px; top:4px; padding:5px; border:1px #e0e0e0 solid; border-radius:2px; font-size:11px; color:#939393; background:none; cursor:pointer;}
.main-bg .close {position:absolute; right:5px; top:5px;}
.main-bg .close button {padding:0; width:20px; height:20px; border:none; background:url(../../images/portal/btn_close.png) no-repeat 50% 50% !important; cursor:pointer; text-indent:-9999px;}
.main-bg .tooltip {white-space: nowrap;}

.fp-viewing-0 .bubble {left:auto; border-radius:6px; border:2px #888 solid;  box-shadow:none;}
.fp-viewing-0 .bubble:before {left:auto; top:-15px; right:38px; border-width:0 13px 14px; border-color:#888 transparent;}
.fp-viewing-0 .bubble:after {left:auto; right:40px; border-width:0 11px 12px; border-color:#f9f9f9 transparent;} 
.fp-viewing-0 .bubble.q_bubble:before {left:auto; top:-15px; right:82px; border-width:0 13px 14px; border-color:#888 transparent;}
.fp-viewing-0 .bubble.q_bubble:after {left:auto; right:84px; border-width:0 11px 12px; border-color:#f9f9f9 transparent;} 
.fp-viewing-0 .bubble li {border-bottom:1px #d0d0d0 solid; color:#666; line-height: 22px; }
.fp-viewing-0 .bubble li:last-child {border-bottom:none;}
.fp-viewing-0 .bubble li.bg {background:#f8f8f8}
.fp-viewing-0 .bubble li a {padding:0;}
.fp-viewing-0 .bubble li a:hover {background:none;}
.fp-viewing-0 .bubble h2 {position:relative; height:38px; padding:9px 0 0 12px; border-bottom:1px #d0d0d0 solid; font-size:13px; font-weight:bold; color:#111;}
.fp-viewing-0 .bubble button.m-btn {position:absolute; right:4px; top:4px; padding:5px; border:1px #e0e0e0 solid; border-radius:2px; font-size:11px; color:#939393; background:none; cursor:pointer;}
.fp-viewing-0 .close {position:absolute; right:5px; top:5px;}
.fp-viewing-0 .close button {padding:0; width:20px; height:20px; border:none; background:url(../../images/portal/btn_close.png) no-repeat 50% 50% !important; cursor:pointer; text-indent:-9999px;}
.fp-viewing-0 .tooltip {white-space: nowrap;}

.fp-viewing-1 .bubble {left:auto; border-radius:6px; border:2px #888 solid;  box-shadow:none;}
.fp-viewing-1 .bubble:before {left:auto; top:-15px; right:38px; border-width:0 13px 14px; border-color:#888 transparent;}
.fp-viewing-1 .bubble:after {left:auto; right:40px; border-width:0 11px 12px; border-color:#f9f9f9 transparent;} 
.fp-viewing-1 .bubble.q_bubble:before {left:auto; top:-15px; right:82px; border-width:0 13px 14px; border-color:#888 transparent;}
.fp-viewing-1 .bubble.q_bubble:after {left:auto; right:84px; border-width:0 11px 12px; border-color:#f9f9f9 transparent;} 
.fp-viewing-1 .bubble li {border-bottom:1px #d0d0d0 solid; color:#666; line-height: 22px; }
.fp-viewing-1 .bubble li:last-child {border-bottom:none;}
.fp-viewing-1 .bubble li.bg {background:#f8f8f8}
.fp-viewing-1 .bubble li a {padding:0;}
.fp-viewing-1 .bubble li a:hover {background:none;}
.fp-viewing-1 .bubble h2 {position:relative; height:38px; padding:9px 0 0 12px; border-bottom:1px #d0d0d0 solid; font-size:13px; font-weight:bold; color:#111;}
.fp-viewing-1 .bubble button.m-btn {position:absolute; right:4px; top:4px; padding:5px; border:1px #e0e0e0 solid; border-radius:2px; font-size:11px; color:#939393; background:none; cursor:pointer;}
.fp-viewing-1 .close {position:absolute; right:5px; top:5px;}
.fp-viewing-1 .close button {padding:0; width:20px; height:20px; border:none; background:url(../../images/portal/btn_close.png) no-repeat 50% 50% !important; cursor:pointer; text-indent:-9999px;}
.fp-viewing-1 .tooltip {white-space: nowrap;}

.main-bg .user-list ul {padding: 0 14px;}
.main-bg .user-list li {position:relative; padding:10px 30px 10px 65px ; border-bottom:1px #f1f1f1 solid; color:#5d5d5d}
.main-bg .user-list li.last {border-bottom:none !important;}
.main-bg .user-list li.nodata { margin:0; padding:10px; line-height:30px; text-align:center; }
.main-bg .user-list li i {margin-right:5px;}
.main-bg .user-list li span.per2 {position:absolute; left:10px; top:50%; margin-top:-22px; height:42px; width:42px;}
.main-bg .user-list li span.per2 img {height:42px; width:42px;}
.main-bg .user-list li span.name-team {display:block; margin-bottom:2px; font-size:13px; margin-right: 55px; }
.main-bg .user-list li span.name-team strong {padding-bottom:1px; margin-right:3px; font-weight:600;}
.main-bg .user-list li span.info {display:block;}
.main-bg .user-list li span.info span.phone {margin-right:5px;}
.main-bg .user-list li span.info .tel {}
.main-bg .user-list li .icons { position:absolute; top:18px; right:8px; }
.main-bg .user-list li .icons span { display:inline-block; }
.main-bg .user-list li .icons a {display:inline-block; width:20px; height:20px; margin-left:5px; text-indent:-9999px;}
.main-bg .user-list li.last {border-bottom:none;}

#main-header {position:fixed; left:0; right:0; z-index:70; height:60px; min-width:1000px; padding:13px 0 0 18px; background:#fff; border-bottom:1px solid #999; }
#main-header .logo { position:absolute; top:9px; left:22px; width:150px; height:40px; line-height:40px; vertical-align:middle; }
#main-header .logo a { display:block; }
#main-header .logo img { max-width:150px; max-height:44px; }
#main-header h1 {height:16px; width:131px; }
#main-header .topmenu { position:absolute; top:0; left:220px; right:455px; white-space:nowrap; overflow:hidden; height:59px; }
#main-header .topmenu > li { display:inline-block; padding:0 28px; /* line-height:57px; */ } 
#main-header .topmenu > li a { display:inline-block; padding:15px 3px 0 3px; font-size:18px; font-weight:600; text-align:center; color:#222; vertical-align:middle; }
#main-header .topmenu > li a:hover { text-decoration:none; }
#main-header .topmenu > li.menu-all { position:absolute; background-color:white; padding-right:0px !important; }
#main-header .topmenu > li.menu-all a { width:60px; height:60px; background:url(../../images/common/ic_topmenu_all.png) no-repeat; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
#main-header .topmenu > li.menu-all a:hover { opacity:0.9; }
#main-header .topmenu > li.menu-all.on a { background:url(../../images/common/ic_topmenu_all.png) no-repeat 0 -60px; }

.menuset .menu-placeholder { background-color:#fdf5d7; border:#999 1px dashed; min-width: 90px; height: 30px; }

@media screen and (max-width:1500px) {
	#main-header .topmenu > li { padding:0 30px; }
}
@media screen and (max-width:1400px) {
	#main-header .topmenu > li { padding:0 25px; }
}
@media screen and (max-width:1300px) {
	#main-header .topmenu > li { padding:0 20px; }
}

.bg-shade { position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.4); z-index:60; }
.menu-all-wrap { position:fixed; top:60px; left:0; right:0; min-height:335px; background:#fff; border-bottom:1px solid #6d6d6d; z-index:60; padding-bottom:14px; }
.menu-all-wrap > ul { margin-top:10px; }
.menu-all-wrap > ul > li { padding:9px 0; margin:0 100px; border-bottom:1px solid #f7f7f7; }
.menu-all-wrap ul.menuset li h2 { display:table-cell; padding-top:6px; min-width:108px; font-size:18px; color:#111; vertical-align:top; }
.menu-all-wrap ul.menuset li ul { display:table-cell; height:40px; min-width:100px;  }
.menu-all-wrap ul.menuset li ul li { display:inline-block; position:relative; margin:2px 1px; vertical-align:top; }
.menu-all-wrap ul.menuset li ul li a { display:inline-block; min-width:90px; height:30px; padding:0 6px; line-height:28px; font-size:13px; color:#333; text-align:center; border:1px solid #e5e5e5; }
.menu-all-wrap ul.menuset li ul li a:hover { border-color:#bbb; text-decoration:none; }
/* .menu-all-wrap .btn-wrap { position:absolute; bottom:15px; right:30px; padding:0; } */
.menu-all-wrap .btn-wrap > div { display:inherit; margin-right:30px; }
.menu-all-wrap .btn-wrap span { margin-right:6px; letter-spacing:-0.2px; font-size:12px; color:#777; vertical-align:middle; }
.menu-all-wrap .btn-wrap p { letter-spacing:-0.2px; font-size:12px; color:#777; text-align: left; margin-left: 200px; line-height:2em; }
.menu-all-wrap .btn-wrap i.fa { color:#aaa }
.menu-all-wrap .btn-wrap a.setting { display:inline-block; width:34px; height:34px; vertical-align:middle; border:1px solid #9fa1a4; border-radius:2px; background:url(../../images/portal/main_setting.png) no-repeat -81px -8px; }
.menu-all-wrap .btn-wrap .btn { margin-left:2px; }

/* .menu-all-wrap.setting { padding:0 0 14px; } */
.menu-all-wrap.setting > ul { margin-top:0; }
.menu-all-wrap.setting > ul > li.top { margin:0 0 8px; padding:16px 100px; border-bottom:1px solid #ddd; background:#f5f5f5; }
.menu-all-wrap.setting > ul > li.top h2 { font-weight:600; }
.menu-all-wrap.setting ul.menuset li.top h2 { padding-top:9px; }
.menu-all-wrap.setting ul.menuset li ul li a { border:1px solid #e5e5e5; background:rgba(255,255,255,.9); }
.menu-all-wrap.setting ul.menuset li ul li a:after { display:none; }
.menu-all-wrap.setting ul.menuset li ul li a:hover { color:#000; text-decoration:none; border-color:#bbb; }
.menu-all-wrap.setting ul.menuset li ul li.selected a { color:#fff; font-weight:600; background:#f77c7c; border-color:#f77c7c; }
.menu-all-wrap.setting ul.menuset li ul li.selected a:hover { border-color:#ee6363; }
.menu-all-wrap.setting ul.menuset li ul li.basic a { background-color:#eee; color:#999; }
.menu-all-wrap.setting ul.menuset li.top ul li a { min-width:108px; height:36px; line-height:35px; font-size:16px; font-weight:600; color:#222; border:1px dashed #bbb; } 
.menu-all-wrap.setting ul.menuset li.top ul li a:hover { border:1px solid #aaa; }
.menu-all-wrap.setting ul.menuset li.top ul li a.del { position:absolute; top:1px; right:1px; min-width:inherit; width:15px; height:15px; background:url(../../images/common/ic_x3.png) no-repeat; border:none; }
.menu-all-wrap .menu-guide { position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; background:rgba(0,0,0,.8); z-index:100; } 
.menu-all-wrap .menu-guide .img { position:absolute; top:55px; left:0; right:0; width:530px; height:176px; margin:0 auto; background:url(../../images/common/img_menuguide.png) no-repeat; }
.menu-all-wrap .menu-guide p { position:absolute; top:193px; left:49%; line-height:20px; color:#f07070; font-size:13px; text-align:left; }
.menu-all-wrap .menu-guide label { display:block; margin:30px 0 0 52px; text-align:center; color:#ddd; }
.menu-all-wrap .menu-guide input[type="checkbox"] { display:none; }
.menu-all-wrap .menu-guide input[type="checkbox"] + label span { display:inline-block; width:19px; height:19px; margin:-2px 10px 0 0; vertical-align:middle; background:url(../../images/common/check_radio_sheet.png) left top no-repeat; cursor:pointer; }
.menu-all-wrap .menu-guide input[type="checkbox"]:checked + label span { background:url(../../images/common/check_radio_sheet.png) -19px top no-repeat; }
.menu-all-wrap .menu-guide .m-close { position:absolute; top:280px; left:49%; display:inline-block; height:16px; line-height:16px; padding-right:26px; color:#ddd; background:url(../../images/common/ic_x4.png) no-repeat right top; }
.menu-all-wrap .menu-guide .m-close:hover { text-decoration:none; }

/* menu-all-wrap new-type */
.menu-all-wrap.new-type { padding: 0 50px; }
.menu-all-wrap.new-type > ul { display: table; table-layout: fixed; width: 1300px; margin: 10px auto 0; }
.menu-all-wrap.new-type > ul > li { display:table-cell; width:33.3333333333%; padding:9px 0; margin:0 100px; border-bottom:1px solid #f7f7f7; }
.menu-all-wrap.new-type > ul > li > ul { display:table-row; }
.menu-all-wrap.new-type ul.menuset li h2 { display:block; margin-bottom:20px; }
.menu-all-wrap.new-type ul.menuset li ul li { margin: 3px 3px; }
.menu-all-wrap.new-type ul.menuset li ul li a { height:35px; line-height:33px; }
.menu-all-wrap.new-type .btn-wrap { width: 1300px; margin: 0 auto 0; }
.menu-all-wrap.new-type .btn-wrap p { margin-left: 0 ; }
.menu-all-wrap.new-type.setting > ul > li.top { display:table-caption; width:100%; }
.menu-all-wrap.new-type.setting > ul > li.top h2 { display:inline-block; }
.menu-all-wrap.new-type.setting > ul > li.top ul { display:inline-block; }
.menu-all-wrap.new-type.setting ul.menuset { margin:0 auto; }

#main-header .etc {position:absolute; right:20px; top:17px;}
#main-header .etc .search {position:absolute; top:1px; right:30px; z-index:10; }
#main-header .etc .search label {color:#a9a9a9;}
#main-header .etc .search label input[type="radio"] {width: auto; background:none; }
#main-header .etc .search input {border:none; height:29px; width:280px; padding-right:35px; padding-left: 90px; margin-top:-3px; vertical-align:middle; color:#222; background:#f1f1f1; outline:none; }
#main-header .etc .search input:-ms-input-placeholder { color: #999 !important; } 
#main-header .etc .search input::-webkit-input-placeholder { color: #999 !important; } 
#main-header .etc .search button.btn-select { color: #222; font-size: 12px; right: 200px; top: 3px; outline:none; }
#main-header .etc .search button.btn-select i { color:#777; margin-left:8px; }
#main-header .etc .search button i { color:#828c9e; }
#main-header .etc .search .select-layer { position: absolute;  top: 26px; right: 194px; background: #fff; border: 1px solid #aaa; width:85px; padding:6px 6px 6px 15px; font-size: 12px; z-index:3; }
#main-header .etc .search .select-layer ul li {  padding: 1px 0 1px 2px; }
#main-header .etc .search .select-layer ul li a {  color:#5; text-decoration:none; }
#main-header .etc .search button {position:absolute; right:10px; top:0; padding:0; font-size:16px; border:none; background:none; cursor:pointer;}

#main-header .top-noti { position:relative; display:inline-block; margin-top:2px; padding-right:18px; vertical-align:middle; }
#main-header .top-noti:after { content:""; position:absolute; top:3px; right:2px; width:1px; height:13px; background:#e5e5e5; }
#main-header .top-noti li { display:inline-block; margin:0 6px; }
#main-header .top-noti li a { display:inline-block; min-width:30px; height:16px; margin:0 0 2px; padding-left:23px; vertical-align:middle; }
#main-header .top-noti li a:hover { text-decoration:none; }
#main-header .top-noti li .mail { background:url(../../images/common/ic_header_noti.png) no-repeat 0 0; }
#main-header .top-noti li .planner { background:url(../../images/common/ic_header_noti.png) no-repeat 0 -50px; }
#main-header .top-noti li .appr { background:url(../../images/common/ic_header_noti.png) no-repeat 0 -100px; }
#main-header .top-noti li .noti { padding-left:20px; background:url(../../images/common/ic_header_noti.png) no-repeat 0 -150px; }
#main-header .top-noti li .todo { background:url(../../images/common/ic_header_noti.png) no-repeat 0 -200px; }

#main-header .top-noti > li:nth-child(2), #main-header .top-noti > li:nth-child(3) { display:none; }

#main-header .top-noti li .num { font-size:13px; font-weight:600; color:#d3292c; }
#main-header .iconset { display:inline-block; vertical-align:middle; } 
#main-header .etc .iconset a { display:inline-block; margin-left:16px; text-align:right; font-size:18px; color:#8a96ad; }
#main-header .etc .iconset a .fa-power-off { vertical-align:middle; margin-bottom:2px; }
#main-header .etc .bubble {top:37px; right:0; width:297px;}
#main-header .etc .bubble ul {max-height:350px; overflow-y:auto; }
#main-header .etc .bubble li {position:relative; padding:10px 26px 8px 58px; margin:0;}
#main-header .etc .bubble div {position:absolute;left:12px; top:50%; margin-top:-17px; height:34px; width:34px; border-radius:50%; text-align:center; background:#aeaeae;}
#main-header .etc .bubble div i {position:relative; top:8px; color:#fff; font-size:18px;}
#main-header .etc .bubble li a {display:inline; padding-left:10px; text-decoration:underline; font-size:11px; color:#666}
#main-header .etc .bubble .date {display:block; color:#c8c8c8}
#main-header .etc .bubble .ic_calendar_check i,
#main-header .etc .bubble .ic_user_plus i {left:1px;}
#main-header .event_coupon {position:absolute; top:5px; right:390px;}

#main-header .search-list.user-list {position:absolute; top:27px; z-index:2; width:280px; max-height:300px; overflow-y:auto; border:2px #888 solid; border-radius:0; background:#fff;}
#main-header .search-list.user-list ul {padding:0 10px; }
#main-header .search-list.user-list .per2 {width:26px; height:26px; margin-top:-13px;}
#main-header .search-list.user-list .per2 img {width:26px; height:26px;}
#main-header .search-list.user-list li {padding-left:45px; padding-right:0}

#mainInfo-wrap {position:absolute; left:0; z-index:2; width:400px; padding-top:60px; box-shadow:0 1px 7px #b0b0b0;}
#mainInfo-wrap span.close {position:absolute; right:0; top:0;}
#mainInfo-wrap span.close button {padding:0; width:20px; height:20px; border:none; background:url(../../images/portal/btn_close.png) no-repeat 50% 50%; cursor:pointer; text-indent:-9999px;}
#mainInfo-wrap em {display:block; font-style:normal; color:#d3292c}
#mainInfo-wrap a:hover {text-decoration:none;}
#mainInfo-wrap h1 { height:86px; }
#mainInfo-wrap h1.color_theme1 {background:url(../../images/portal/color_theme1.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.color_theme2 {background:url(../../images/portal/color_theme2.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.color_theme3 {background:url(../../images/portal/color_theme3.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.color_theme4 {background:url(../../images/portal/color_theme4.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.color_theme5 {background:url(../../images/portal/color_theme5.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.color_theme6 {background:url(../../images/portal/color_theme6.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.color_theme7 {background:url(../../images/portal/color_theme7.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.color_theme8 {background:url(../../images/portal/color_theme8.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.color_theme9 {background:url(../../images/portal/color_theme9.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.color_theme10 {background:url(../../images/portal/color_theme10.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.summer_theme1 {background:url(../../images/portal/summer_theme1.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.summer_theme2 {background:url(../../images/portal/summer_theme2.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.summer_theme3 {background:url(../../images/portal/summer_theme3.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.summer_theme4 {background:url(../../images/portal/summer_theme4.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.summer_theme5 {background:url(../../images/portal/summer_theme5.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.summer_theme6 {background:url(../../images/portal/summer_theme6.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.summer_theme7 {background:url(../../images/portal/summer_theme7.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.summer_theme8 {background:url(../../images/portal/summer_theme8.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.summer_theme9 {background:url(../../images/portal/summer_theme9.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.summer_theme10 {background:url(../../images/portal/summer_theme10.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.autumn_theme1 {background:url(../../images/portal/autumn_theme1.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.autumn_theme2 {background:url(../../images/portal/autumn_theme2.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.autumn_theme3 {background:url(../../images/portal/autumn_theme3.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.autumn_theme4 {background:url(../../images/portal/autumn_theme4.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.autumn_theme5 {background:url(../../images/portal/autumn_theme5.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.autumn_theme6 {background:url(../../images/portal/autumn_theme6.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.autumn_theme7 {background:url(../../images/portal/autumn_theme7.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.autumn_theme8 {background:url(../../images/portal/autumn_theme8.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.autumn_theme9 {background:url(../../images/portal/autumn_theme9.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.autumn_theme10 {background:url(../../images/portal/autumn_theme10.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.winter_theme1 {background:url(../../images/portal/winter_theme1.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.winter_theme2 {background:url(../../images/portal/winter_theme2.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.winter_theme3 {background:url(../../images/portal/winter_theme3.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.winter_theme4 {background:url(../../images/portal/winter_theme4.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.winter_theme5 {background:url(../../images/portal/winter_theme5.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.winter_theme6 {background:url(../../images/portal/winter_theme6.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.winter_theme7 {background:url(../../images/portal/winter_theme7.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.winter_theme8 {background:url(../../images/portal/winter_theme8.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.winter_theme9 {background:url(../../images/portal/winter_theme9.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.winter_theme10 {background:url(../../images/portal/winter_theme10.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.spring_theme1 {background:url(../../images/portal/spring_theme1.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.spring_theme2 {background:url(../../images/portal/spring_theme2.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.spring_theme3 {background:url(../../images/portal/spring_theme3.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.spring_theme4 {background:url(../../images/portal/spring_theme4.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.spring_theme5 {background:url(../../images/portal/spring_theme5.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.spring_theme6 {background:url(../../images/portal/spring_theme6.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.spring_theme7 {background:url(../../images/portal/spring_theme7.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.spring_theme8 {background:url(../../images/portal/spring_theme8.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.spring_theme9 {background:url(../../images/portal/spring_theme9.png) no-repeat 50% 50%;}
#mainInfo-wrap h1.spring_theme10 {background:url(../../images/portal/spring_theme10.png) no-repeat 50% 50%;}
#mainInfo-wrap button.m-btn {position:absolute; right:7px; top:7px; padding:5px; border:1px #e0e0e0 solid; border-radius:2px; font-size:11px; color:#939393; background:none; cursor:pointer;}
#mainInfo-wrap .user-info {position:absolute; left:0; top:78px;/*top:67px;*/ z-index:10; height:50px; margin-left:36px; }
#mainInfo-wrap .user-info > ul {position:relative; padding:15px 0 0 55px;}
#mainInfo-wrap .user-info > ul > li {display:inline-block; padding:0; margin-left:5px; vertical-align:middle; font-size:13px;}
#mainInfo-wrap .user-info ul .per3 {position:absolute; left:0; top:0; height:50px; width:50px; margin:0;}
#mainInfo-wrap .user-info ul .per3 img {height:50px; width:50px; border:1px #d4d4d4 solid;}
#mainInfo-wrap .user-info ul .team {margin-bottom:6px; color:#919191}
#mainInfo-wrap .user-info ul .name {font-weight:bold;}
#mainInfo-wrap .user-info ul .name a {font-size:15px; color:#616161}
#mainInfo-wrap .user-info ul .setting {position:relative;}
#mainInfo-wrap .user-info ul .setting .bubble {width:116px; top:32px; right:-38px;}
#mainInfo-wrap .user-info ul .setting .bubble:before {right:34px;}
#mainInfo-wrap .user-info ul .setting .bubble:after {right:36px;}
#mainInfo-wrap .user-info ul .setting .bubble li {padding:12px 0 12px 16px; color:#111; font-weight:bold;}
#mainInfo-wrap .user-info ul .setting .bubble li i {margin-right:5px;}
#mainInfo-wrap .user-info ul .setting button {width:19px; height:17px; padding:0; border-radius:2px; border:1px #dbdbdb solid; color:#adadad;  background:none; cursor:pointer;}
#mainInfo-wrap .user-info ul .setting button i {position:relative;top:-4px; font-size:16px;}

#mainInfo-wrap .admin {position:absolute; right:20px; top:123px; font-size:11px;}
#mainInfo-wrap .admin i {/*position:relative; top:-1px;*/}
#mainInfo-wrap .m-box {margin:0 20px 30px 20px; }
#mainInfo-wrap .m-box h2 {margin-bottom:15px; font-size:15px; font-weight:bold; line-height:15px; color:#d3292c;}

/* calendar */
#divDatepicker { margin:20px; padding:0 0 20px 120px; position:relative; border-bottom:1px solid #e9e9e9; }
#divDatepicker div.ui-datepicker-header { position:absolute; left:18px; top:26px; width:82px; padding:0 12px; }
#divDatepicker table.ui-datepicker-calendar {  }
#divDatepicker div.ui-datepicker-header a.ui-datepicker-prev, #divDatepicker div.ui-datepicker-header a.ui-datepicker-next { position:absolute; top:22px; font-size:16px; color:#a3a3a3; cursor:pointer; }
#divDatepicker div.ui-datepicker-header a.ui-datepicker-prev { left:4px; }
#divDatepicker div.ui-datepicker-header a.ui-datepicker-next { right:2px; }
#divDatepicker div.ui-datepicker-header div.ui-datepicker-title { text-align:center; }
#divDatepicker div.ui-datepicker-header div.ui-datepicker-title > span.ui-datepicker-month { display:block; font-size:40px; color:#4a4a4a; letter-spacing:-2px; margin-bottom:-6px; }
#divDatepicker div.ui-datepicker-header div.ui-datepicker-title > span.ui-datepicker-year { font-size:15px; color:#707070; }

table.ui-datepicker-calendar { background-color:inherit; }
table.ui-datepicker-calendar > thead { display:none; }
table.ui-datepicker-calendar tr > td { text-align:right; border-radius:12px; }
table.ui-datepicker-calendar tr > td:first-child > a { color:#f65255; }
table.ui-datepicker-calendar tr > td:last-child > a { color:#849fd4; }
table.ui-datepicker-calendar a { color:#555; font-size:14px; display:block;  padding:2px 0 2px 0; border-radius:12px; text-align:center;}
table.ui-datepicker-calendar a.ui-state-hover { background-color:#ddd; color:#333 !important; /*#eaeeef*/}
table.ui-datepicker-calendar td.ui-datepicker-current-day > a { background-color:#ddd; color:#333 !important/*background-color:#ffa9af; color:#fff;*/}
table.ui-datepicker-calendar td.ui-datepicker-today > a { background-color:#ffa9af; color:#fff !important}

#mainInfo-wrap .ui-icon-circle-triangle-w,
#mainInfo-wrap .ui-icon-circle-triangle-e {color:#cbcbcb}

/* schedule */
#mainInfo-wrap .schedule {position:relative;}
#mainInfo-wrap .schedule > ul {margin:0 20px 20px; padding-bottom:6px; min-height:106px; border-bottom:1px solid #e9e9e9;}
#mainInfo-wrap .schedule li {position:relative; margin-bottom:12px; padding: 0 0 0 12px;}
#mainInfo-wrap .schedule li a {position:relative; display:block; padding:0 40px 0 114px; font-size:13px; line-height:15px; color:#363636}
#mainInfo-wrap .schedule li a span {position:absolute; left:0; color:#a4a4a4}
#mainInfo-wrap .schedule li a span i {margin-right:5px; font-size:16px; vertical-align:top; color:#888}
#mainInfo-wrap .schedule li.nodata {margin:0 0 0 10px; height:106px; padding:38px 10px 30px 75px; border:none; font-size:13px; color:#5d5d5d}
#mainInfo-wrap .schedule .more {position:absolute; right:22px; bottom:10px; padding:0; border:none; background:none; cursor:pointer;}
#mainInfo-wrap .schedule .more i {font-size:15px; color:#c1c1c1}
#mainInfo-wrap .schedule .calendar .datepicker th.datepicker-switch {font-size:15px; line-height:25px;}
#mainInfo-wrap .schedule .nodata .bg {position:absolute; left:10px; top:26px; height:42px; width:42px; border-radius:50%; background:url(../../images/common/nodata_calendar.png) 0 0 no-repeat;}

#mainInfo-wrap .nodata .btn-regi {position:absolute; top:34px; left:38px; height:25px; width:25px; border:1px #c5c5c5 solid; border-radius:50%; background:#fafafa url(../../images/portal/ic_plus2.png) no-repeat 50% 50%; cursor:pointer;}
#mainInfo-wrap .nodata .btn-regiSche {position:absolute; top:50px; left:38px; height:25px; width:25px; border:1px #c5c5c5 solid; border-radius:50%; background:#fafafa url(../../images/portal/ic_plus2.png) no-repeat 50% 50%; cursor:pointer;}

#mainInfo-wrap .per-search {position:relative;}
#mainInfo-wrap .per-search input {height:37px; width:301px; border:2px #c1c1c1 solid;}
#mainInfo-wrap .per-search > button {position:absolute; right:15px; top:35px; padding:0; height:37px; width:37px; border:2px #c1c1c1 solid; font-size:17px; color:#d8363d; background:#fff;cursor:pointer; }
#mainInfo-wrap .per-search .search-list {position:absolute; left:15px; top:70px; z-index:2; width:336px; border:2px #ff757f solid; background:#fff}
#mainInfo-wrap .per-search .search-list ul {overflow-y:auto; height:210px;} 
#mainInfo-wrap .per-search .search-list h3 {position:relative; height:38px; padding:12px 0 0 12px; border-bottom:1px #d0d0d0 solid; font-size:13px; font-weight:bold; color:#111;}
#mainInfo-wrap .per-search .search-list li {margin-bottom:0;border:none; border-bottom:1px #ddd solid}

#mainInfo-wrap .coworker {position:relative; }
#mainInfo-wrap .coworker h3 {font-size:12px; color:#666;}
#mainInfo-wrap .coworker .setting {position:absolute; right:0; top:0; padding:0; border:none; background:none; cursor:pointer;}
#mainInfo-wrap .favorite-m li {padding:15px 30px 15px 65px}
#mainInfo-wrap .coworker .favorite-m.nodata {padding:0;  border:1px #e6e6e6 dashed; background:none;}
#mainInfo-wrap .coworker .favorite-m.nodata li {padding:23px 0 0 78px; height:65px; line-height:18px; font-size:13px; color:#5d5d5d; border-bottom:1px #d6d6d6 dashed}
#mainInfo-wrap .coworker .bubble {top:30px; right:-46px; width:170px; padding:10px 0; text-align:center;}
#mainInfo-wrap .coworker .bubble p {margin-bottom:10px; padding-bottom:10px; border-bottom:1px #d0d0d0 solid;}
#mainInfo-wrap .coworker .bubble p label {margin-right:5px; color:#333;}
#mainInfo-wrap .coworker .bubble p i {position:relative; top:1px; margin-right:5px; font-size:14px; color:#a4a4a4; opacity:1;}
#mainInfo-wrap .coworker a.tip-box-wrap { float: right; margin-top: 10px; }

.free-member {margin-bottom:60px;}

#main-doc {margin-left:400px; padding-top:60px; min-width:600px;}
#main-doc.main-new-type-scroll {margin-left:0px; padding-top:60px; /* min-width:1444px; */}
.main-aside {position:relative;}


/*============================================================
main notice banner
=============================================================*/
.main-aside .banner {position:relative; display:table; width:100%; height:51px; text-align:center; border-bottom:1px #dfe5ea solid; background:#f3f8fb;
	opacity: 1;
    -moz-transition-duration: 0.7s;
    -webkit-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    transition-duration: 0.7s;
    }
.main-aside .banner.none { display: block; opacity: 0; height:0px; line-height: 51px; }
.main-aside .banner div {/* display:table-cell; */ width:100%; padding-right:200px; vertical-align: middle; line-height: 49px; }
.main-aside .banner .unview {position:absolute; top:17px; right:20px; color:#666;}
.main-aside .banner.none .unview {position:absolute; top:0px; right:20px; color:#666;}
.main-aside .banner .unview input {margin-right:5px;}
.main-aside .banner .unview .close {display:inline-block; position:relative; left:0; top:0; margin:0 -6px 0 10px; vertical-align:middle;}
.main-aside .banner .unview a:first-child:after{ content: ""; display: inline-block; width: 1px; height: 10px; background: #d8cfcf; vertical-align: middle; margin: 0 15px; }
.main-aside .banner .unview a i.icon-plus { display: inline-block; width: 10px; height: 10px; background: url(../../images/icon/ico_noti.png) 0 0; vertical-align: middle; margin-top: -3px; margin-left:5px; }
.main-aside .banner .unview a i.icon-close { display: inline-block; width: 10px; height: 10px; background: url(../../images/icon/ico_noti.png) 0 -20px; vertical-align: middle; margin-top: -3px; margin-left:5px; }
.main-aside .banner div i.noti-icon { display: inline-block; height: 32px; margin-right:10px; vertical-align: middle; }
.main-aside .banner div i.noti-icon.update { width: 102px; background: url(../../images/icon/img_noti_01_update.png); }
.main-aside .banner div i.noti-icon.notice { width: 102px; min-width: 102px; padding-left: 0; border-bottom: none;background: url(../../images/icon/img_noti_02_notice.png); }
.main-aside .banner div i.noti-icon.pormotion { width: 138px; background: url(../../images/icon/img_noti_03_pormotion.png); }
.main-aside .banner div i.noti-icon.tip { width: 65px; background: url(../../images/icon/img_noti_04_tip.png); }
.main-aside .banner div i.noti-icon.benefit { width: 107px; background: url(../../images/icon/img_noti_05_benefit.png); }
.main-aside .banner div i.noti-icon.require { width: 111px; background: url(../../images/icon/img_noti_06_require.png); }
.main-aside .banner div a { vertical-align:middle; /* font-family: 'NanumSquare', sans-serif; */ font-family: '맑은 고딕', 'Malgun Gothic', sans-serif !important; font-size:16px; font-weight:600; letter-spacing:-0.7px; }
.main-aside .banner div a b { color:#d3292c; }





.notice {position:relative; min-width:500px; height:65px; padding-left:145px; border-bottom:1px #d7d7d7 solid; color:#353535; background:#f8f8f8;}
.notice .notice-doc {overflow:hidden; height:65px;}
.notice .notice-doc > div {position:absolute; top:22px; }
.notice .notice-doc ul {overflow:hidden; width:100%; height:22px; padding-right:680px !important; }
.notice .notice-doc li {width:100%;font-size:15px; line-height:22px; color:#494849;}
.notice .notice-doc h2 {position:absolute; left:0; top:0; display:block; padding:0 25px 0 36px; text-align:center; font-weight:bold; line-height:65px; font-size:18px;}
.notice .notice-doc h2 i {position:relative; top:2px; margin-left:8px; font-size:23px;}
.notice h3 {padding-top:25px; margin-bottom:20px; font-weight:normal; font-size:18px;}
.notice > div {top:22px; }
.notice > .bubble { top: 58px; left:10px; width:400px; }
.notice > .bubble h2 { text-align: left; padding: 12px 0 0 14px; }
.notice > .bubble h2 a { font-style: normal; font-size: 16px; }
.notice > .bubble h2 a i { margin-top: -5px; }
.notice > .bubble .btn-tog{ position:absolute; top:5px; right:15px; overflow:hidden;}
.notice > .bubble .btn-tog span{ float:left; font-size:13px; color:#3f4a60; line-height:27px; margin-right:5px; font-weight:bold;}
.notice > .bubble .btn-tog span i.fa-play-circle {font-size:16px; color:#b5b5b5;margin-right:5px; vertical-align:middle;}
.notice > .bubble:after { left: 42px; }
.notice > .bubble:before { left: 40px; }
.notice > .bubble > ul > li { position: relative; }
.notice > .bubble > ul > li .ic_title { position: absolute; top: -1px; left: 15px; font-size: 13px; font-weight: 600;color:#3f4a60; }
.notice > .bubble > ul > li .ic_title > i { margin-left: 5px; vertical-align: middle; color:#3f4a60; }
.notice > .bubble > ul > li button { position: absolute; top: 40px; left: 15px; padding: 0px 6px; font-size: 11px; }
.notice > .bubble > ul > li > ul.list { margin: 10px 15px 10px 110px; }
.notice > .bubble > ul > li > ul.list li { border-bottom: none; }
/* .notice > .bubble > ul > li > ul.list li i { margin-right: 7px; font-size: 0; height: 4px; width: 4px; border-radius: 50%; background: #999; color: #999; vertical-align: middle; } */
.notice > .bubble > ul > li > ul.list li i.icon.imp { background-position: -83px -55px; }}
.notice > .bubble > ul > li > ul.list li a { line-height: 22px; }
.notice > .bubble > ul > li > ul.list li a:hover { text-decoration: underline; }
.notice > .bubble .notice-list { padding: 10px 0px 10px 12px; }
.notice > .bubble .notice-list table { width: 100%; }
.notice > .bubble .notice-list table tr td:first-child { padding: 4px; width: 250px; }
.notice .web_messenger-wrap {position: absolute; top: 18px; left: -116px; }

.time-setting {position:absolute; right:0; top:0 !important; display:table; height:64px; background:#f8f8f8 }
.time-setting p {display:none; height:74px; line-height:74px; margin:0; text-align:center; border-bottom:1px #dfdfe0 solid; color:#d3292c; font-size:26px;}
.time-setting .portlet-select { display:inline-block; margin:0 16px 0 0; vertical-align:middle; }
.time-setting .portlet-select .lang { position:relative; padding:2px; border-radius:15px; background:#e1e1e1; }
.time-setting .portlet-select .hint { position: absolute; top: -24px; right: -18px; z-index: 50; animation: imgYtranslate 3s infinite; animation-delay: 1s; animation-timing-function: ease; }
@keyframes imgYtranslate { 0% {transform: translateY(0);} 12% { transform: translateY(-10px);}  25% { transform: translateY(0);}  37% { transform: translateY(-12px);}  50% { transform: translateY(0);} 100% { transform: translateY(0);}}
.time-setting .portlet-select div {display:inline-block;}
.time-setting .portlet-select div ul {overflow:hidden;}
.time-setting .portlet-select div ul li {float:left; width:58px; height:25px; text-align:center;}
.time-setting .portlet-select div ul li button { height:25px; padding:1px; font-weight:600; color:#777; border:none; background:none; cursor:pointer;}
.time-setting .portlet-select div ul li.selected {border-radius:15px; }
.time-setting .portlet-select div ul li.selected button { color:#fff; }

.portlet-select.tp-scroll { position: absolute; top: -255px; left: calc(50% - -215px); transform: translateX(-50%); display: inline-block; width: 195px; margin: 0 auto; vertical-align: middle; z-index: 999; }
.portlet-select.tp-scroll .lang { position:relative; padding:2px; border-radius:16px; background:#e1e1e1; }
.portlet-select.tp-scroll div {display:inline-block;}
.portlet-select.tp-scroll div ul {overflow:hidden;}
.portlet-select.tp-scroll div ul li {float:left; padding: 0 10px; height:30px; text-align:center;}
.portlet-select.tp-scroll div ul li button { height:30px; padding:1px; font-weight:600; color:#777; border:none; background:none; cursor:pointer;}
.portlet-select.tp-scroll div ul li.selected { padding: 0 10px; border-radius:16px !important; }
.portlet-select.tp-scroll div ul li.selected button { color:#fff; }
.portlet-select.tp-scroll div ul li.selected:nth-child(1) { border-radius:16px 2px 2px 16px; }
.portlet-select.tp-scroll div ul li.selected:nth-child(2) { border-radius:2px 2px 2px 2px; }
.portlet-select.tp-scroll div ul li.selected:nth-child(3) { border-radius:2px 16px 16px 2px; }

.container-scroll-wrap .portlet-select.tp-scroll { position: absolute; top: -35px; left: calc(50% - -515px); transform: translateX(-50%); display: inline-block; width: 195px; margin: 0 auto; vertical-align: middle; z-index: 999; }
.container-scroll-wrap .portlet-select.tp-scroll .lang { position:relative; padding:2px; border-radius:16px; background:#e1e1e1; }
.container-scroll-wrap .portlet-select.tp-scroll div {display:inline-block;}
.container-scroll-wrap .portlet-select.tp-scroll div ul {overflow:hidden;}
.container-scroll-wrap .portlet-select.tp-scroll div ul li {float:left; padding: 0 10px; height:30px; text-align:center;}
.container-scroll-wrap .portlet-select.tp-scroll div ul li button { height:30px; padding:1px; font-weight:600; color:#777; border:none; background:none; cursor:pointer;}
.container-scroll-wrap .portlet-select.tp-scroll div ul li.selected { padding: 0 10px; border-radius:4px; }
.container-scroll-wrap .portlet-select.tp-scroll div ul li.selected button { color:#fff; }
.container-scroll-wrap .portlet-select.tp-scroll div ul li.selected:nth-child(1) { border-radius:16px 2px 2px 16px; }
.container-scroll-wrap .portlet-select.tp-scroll div ul li.selected:nth-child(2) { border-radius:2px 2px 2px 2px; }
.container-scroll-wrap .portlet-select.tp-scroll div ul li.selected:nth-child(3) { border-radius:2px 16px 16px 2px; }

.time-setting .btn-area {position:relative; display:inline-block; width:299px; padding:0 6px; vertical-align:middle; text-align:center;}
.time-setting .btn-area button {display:inline-block;  padding:0; margin:0 3px; height:51px; border:none; cursor:pointer; background:url(../../images/portal/main_setting.png) no-repeat; text-indent:-9999px;}
.time-setting .btn-area .help {width:46px; background-position:13px 0;}
.time-setting .btn-area .theme {width:46px; background-position:-30px 0 ;}
.time-setting .btn-area .setting {width:46px; background-position:-75px 0;}
.time-setting .btn-area .history {width:46px; background-position:-116px 0;}
.time-setting .btn-area .bubble {top:54px; right:46px; width:361px;}
.time-setting .btn-area .bubble ul {padding:12px 0 0 0; margin:0 10px; text-align:center;}
.time-setting .btn-area .bubble ul.chk_titleBG { margin: 0 8px 0 8px; }
.time-setting .btn-area .bubble ul.chk_titleBG > li { float:left; margin:0 6px 10px; }
.time-setting .btn-area .bubble ul.chk_titleBG > li:nth-child(3n+0) { margin:0 6px 10px 5px; }
.time-setting .btn-area .bubble li {position:relative; display:inline-block; width:102px; padding:6px 0; margin:0 4px 10px; text-align:center; border:2px #f2f2f2 solid; border-radius:5px;}
.time-setting .btn-area .bubble li.selected {border-color:#f05052}
.time-setting .btn-area .bubble li.selected i {display:inline-block;}
.time-setting .btn-area .bubble li i {position:absolute; right:-10px; top:-10px;}
.time-setting .btn-area .bubble li i .product-select { padding:0;}
.time-setting .btn-area2 {position:relative; display:inline-block; width:299px; padding:0 6px; vertical-align:inherit; text-align:center;}
.time-setting .btn-area2 button {display:inline-block;  padding:0; margin:0 3px; height:22px; border:none; cursor:pointer; background:url(../../images/portal/main_setting.png) no-repeat; text-indent:-9999px;}
.time-setting .btn-area2 .help {width:46px; background-position:13px -15px;}
.time-setting .btn-area2 .theme {width:46px; background-position:-30px -15px;}
.time-setting .btn-area2 .history {width:46px; background-position:-116px -15px;}
.time-setting .btn-area2 i {position: relative;top: 2px;margin: 0 15px 0 15px;font-size:18px;color: #a4a4a4;}
.time-setting .btn-area2 .bubble {top:35px; right:97px; width:361px;}
.time-setting .btn-area2 .bubble ul {padding:12px 0 0 0; margin:0 10px; text-align:center;}
.time-setting .btn-area2 .bubble ul.chk_titleBG { margin: 0 8px 0 8px; }
.time-setting .btn-area2 .bubble ul.chk_titleBG > li { float:left; margin:0 6px 10px; }
.time-setting .btn-area2 .bubble ul.chk_titleBG > li:nth-child(3n+0) { margin:0 6px 10px 5px; }
.time-setting .btn-area2 .bubble li {position:relative; display:inline-block; width:102px; padding:6px 0; margin:0 4px 10px; text-align:center; border:2px #f2f2f2 solid; border-radius:5px;}
.time-setting .btn-area2 .bubble li.selected {border-color:#f05052}
.time-setting .btn-area2 .bubble li.selected i {display:inline-block;}
.time-setting .btn-area2 .bubble li i {position:absolute; right:-10px; top:-10px;}
.time-setting .btn-area2 .bubble li i .product-select { padding:0;}
.time-setting .btn-area3 {position:relative; display:inline-block; width:46px; margin:0px; padding:0 6px; vertical-align:middle; text-align:center;}
.time-setting .btn-area3 button {display:inline-block;  padding:0; margin:0 3px; height:22px; border:none; cursor:pointer; background:url(../../images/portal/main_setting.png) no-repeat; text-indent:-9999px;}
.time-setting .btn-area3 .setting {width:30px; background-position:-81px -14px;}

.time-setting .btn-area .bubble .ins-box { padding: 5px 10px 5px; margin: 10px 15px 0; border: 1px solid #ececec; background: #f3f3f3; }
.time-setting .btn-area .bubble .ins-box > ul { padding: 0; text-align: left; }
.time-setting .btn-area .bubble .ins-box > ul > li { position: initial; display: block; width: auto; padding: 0; margin: 0; text-align: left; border: 0; border-radius: 0; }
.time-setting .btn-area .bubble .ins-box > ul > li > i { position: static; }

.time-setting .date-set {position:relative;display:inline-block; border-left:1px solid #ebebeb;border-right:1px solid #ebebeb; } 
.time-setting .date {height:64px; line-height:64px; padding:0 15px; font-size:15px; color:#808081; cursor:pointer;}
.time-setting .date em {margin-left:5px; font-weight:bold;}
.time-setting .date-set {}
.time-setting .date-set > .bubble:after {/*border-color:#2f3338 transparent*/}
.time-setting .date-set .po-gate { position:absolute; top:15px; right:15px; z-index:5; }
.time-setting .date-set .po-gate > a { display:block; width:16px; height:12px; background:url(../../images/common/ic_portlet_gate.png) no-repeat 0 0; }
.time-setting .date-set .po-gate > a:hover { opacity:0.7; }
.time-setting .date-set .po-gate .dropdown-menu li > a { display: block; padding:2px 10px; clear: both; line-height:17px; font-weight: normal;  color: #333; white-space: nowrap; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  }

.time-setting .date-set .bubble {width:340px; left:auto; right:0; /*background:#272c31*/}
.time-setting .date-set .bubble:after {left:70%;}
.time-setting .date-set .bubble:before {left:70%; margin-left:-2px; }
.time-setting .date-set .bubble h2 {padding-left:0; font-size:13px; text-align:center;}
.time-setting .clock2 {position : relative; padding:15px 0; /*background:#272c31;*/}
.time-setting .clock2 input {position:absolute; left:20px; top:20px; /* z-index:1 */}
.time-setting .clock2 .lbl {display:block; position:relative; color:#111; line-height:15px; margin-bottom:10px; text-align:center;}
.time-setting .clock2 .lbl > span {display:block; font-weight:bold;}
.time-setting .clock2 .lbl .location {color : #d6373c;}
.time-setting .clock2 .clock-holder {position : relative; height:116px; margin:auto; width:116px; background:url("../../../images/common/clock_face.png") no-repeat scroll 0 0;}
.time-setting .clock2 .clock-holder div {position:absolute; top:0; left:0;}
.time-setting .clock2 .sec, .clock2 .min, .clock2 .hour {display:block; position:absolute; top:0; left:50px;  width:14px; height:116px;}
.time-setting .clock2 .digital .date { border:none; cursor:default; padding:0; font-size:inherit; color:inherit; line-height:inherit; height:inherit; }
.time-setting .clock2 .info {padding-top:5px; text-align:center; font-weight:bold; color:#111;min-height:22px;}
.time-setting .clock2.fleft {width:50% !important; border-right:1px #d0d0d0 solid;} 
.time-setting .clock2.fright {width:50% !important;}
.time-setting .timezone-config {position:absolute; left:0; top:0; width:100%; height:100%; background-color:white;z-index:9;}

#divTimezoneConfig.portlet-config {padding:15px;}
#divTimezoneConfig.portlet-config .config-con {margin-bottom:10px;}
#divTimezoneConfig.portlet-config .config-con i {color:#999}
#divTimezoneConfig.portlet-config select {width:100%; margin:3px 0;}
#divTimezoneConfig .config-btn-group {text-align:center;}

#divFortuneConfig.portlet-config {padding:15px;}
#divFortuneConfig.portlet-config .config-con {margin-bottom:10px;}
#divFortuneConfig.portlet-config .config-con i {color:#999}
#divFortuneConfig.portlet-config select {width:100%; margin:3px 0;}
#divFortuneConfig .config-btn-group {text-align:center;margin-bottom: 4px;}

#divTimezoneConfigTop.portlet-config {padding:15px;}
#divTimezoneConfigTop.portlet-config .config-con {margin-bottom:10px;}
#divTimezoneConfigTop.portlet-config .config-con i {color:#999}
#divTimezoneConfigTop.portlet-config select {width:100%; margin:3px 0;}
#divTimezoneConfigTop .config-btn-group {text-align:center;}

.sellect_bgLogo { padding: 13px 0px 0px 0px; width: 100%; text-align: left; }
.sellect_bgLogo label { margin:0px 5px 0px 15px; }
.sellect_bgLogo label input { margin-right:5px;}
.sellect_bgLogo > span { float: right; margin-right: 15px; margin-top: -4px; }
.sellect_bgLogo > span > button { background: none !important; text-indent: 0 !important; border: 1px solid #aaa !important; height: initial !important; padding: 2px 8px !important; cursor: pointer !important; }
.sellect_bgLogo > span > button i { opacity: 0.8; }
.sellect_bgLogo > div { float: left; margin-left: 15px; margin-bottom: 15px; }
.sellect_bgLogo > div.btn-wrap-ty1 { display: table; width: 100%; padding: 10px 15px 0; margin-top:12px; margin-left: 0px; margin-bottom: 0px; float: none; border-top: 1px solid #eaeaea; }
.sellect_bgLogo > div.btn-wrap-ty1 > button { width:50px; }

.sellect_bgLogo > div.btn-wrap-ty1 > button#spring,
.sellect_bgLogo > div.btn-wrap-ty1 > button#summer,
.sellect_bgLogo > div.btn-wrap-ty1 > button#autumn,
.sellect_bgLogo > div.btn-wrap-ty1 > button#winter { margin-top:0px !important; }

.sellect_bgLogo > div > button { text-indent: 0 !important; border: 1px solid #aaa !important; height: initial !important; padding: 2px 8px !important; cursor: pointer !important; }
.sellect_bgLogo > div > button i { opacity: 0.8; }

.chk_titleBG {margin-top:22px;}
.chk_titleBG li {padding:5px !important;}
.chk_titleBG li a img {width: 88px; height: 27px;}

/* .main-menu { padding-right:204px; } */
#main-doc .main-portlet h2.set,
#main-doc .main-portlet .btn-wrap { margin:20px 0; }
.main-menu:after {display:block; content:""; clear:both;}
.main-menu > div {float:left; overflow:hidden;}
.main-menu > ul > li {position:relative; float:left; width:134px; height:160px; margin:0 8px 8px 0; text-align:center; border:1px #c4c4c4 solid; box-shadow:0 1px 0 #bbb; background:#fff;}
.main-menu > ul > li em {position:absolute; right:10px; bottom:10px; color:#767676}
.main-menu > ul > li > a {width:154px; height:200px; padding-top:54px; vertical-align:middle; text-decoration:none;}
.main-menu > ul li i {font-style:normal;}
.main-menu > ul li > a > span { position:absolute; top:55%; left:50%; margin:-40px 0 0 -55px; width:110px; height:110px;}
.main-menu ul.new-static-card li > a > span { position:absolute; top:55%; left:50%; margin:-40px 0 0 -55px; width:110px; height:110px;}
/*
.main-menu > ul li.item > a > span.ic_product44::before { content: ""; position: absolute; top: -50px; left: -15px; display:inline-block; width:48px; height:48px; background:url(../../images/common/img_ribbon_new.png) no-repeat 0px 0px; }
.main-menu > ul li.item > a > span.ic_product44.hide::before { content: ""; display:none; }
.main-menu > ul li.item > a > span.ic_product45::before { content: ""; position: absolute; top: -50px; left: -15px; display:inline-block; width:48px; height:48px; background:url(../../images/common/img_ribbon_new.png) no-repeat 0px 0px; }
.main-menu > ul li.item > a > span.ic_product45.hide::before { content: ""; display:none; }
.main-menu > ul li.item > a > span.ic_product50::before { content: ""; position: absolute; top: -50px; left: -15px; display:inline-block; width:48px; height:48px; background:url(../../images/common/img_ribbon_new.png) no-repeat 0px 0px; }
.main-menu > ul li.item > a > span.ic_product50.hide::before { content: ""; display:none; }
*/
@-webkit-keyframes blink {
	0% {opacity:0;}
	100% {opacity:1;}
}

/* main-new-type-scrol */
#main-doc.main-new-type-scroll .main-container-new .main-menu ul:not(.hoverListUl) > li { width: 100px; height: 100px; margin: 0 30px 30px 0; border: 1px #f0f0f0 solid; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05); border-radius: 12px; }
#main-doc.main-new-type-scroll .main-container-new .main-menu ul:not(.hoverListUl) > li:hover { border: 1px #c5c5c5 solid; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
#main-doc.main-new-type-scroll .main-container-new .main-menu ul:not(.hoverListUl) > li > a {  }
#main-doc.main-new-type-scroll .main-container-new .main-menu ul:not(.hoverListUl) > li > a > h2 { top: auto; bottom: 18px; font-size: 14px; font-weight: 600; }
#main-doc.main-new-type-scroll .main-container-new .main-menu ul:not(.hoverListUl) > li > a > span { top: 22%; transform: scale(0.7); }
#main-doc.main-new-type-scroll .main-container-new .main-menu ul:not(.hoverListUl) > li > a > .active { right: -10px; top: -10px; }
#main-doc.main-new-type-scroll .main-container-new .main-menu ul li.item > a > span.ic_product44::before { top: 0px; }
#main-doc.main-new-type-scroll .main-container-new .main-menu ul li.item > a > span.ic_product45::before { top: 0px; }

#main-doc.main-new-type-scroll .main-container-new .main-menu .dh1 { display: block; float: none; overflow: auto; width: 100%; height: 1px; }
#main-doc.main-new-type-scroll .main-container-new .main-menu .new-static-card-wrap { float: none; }
#main-doc.main-new-type-scroll .main-container-new .main-menu ul.new-static-card { position: relative; display: inline-block; width: auto; height: 150px; margin: 0 auto; }
#main-doc.main-new-type-scroll .main-container-new .main-menu ul.new-static-card > li { display: inline-block; margin: 0 0px 0px 0px !important; border-radius: 50%; background: #f9f9f9 !important; transform: scale(0.8); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05) !important; }
#main-doc.main-new-type-scroll .main-container-new .main-menu ul.new-static-card > li a h2 { bottom: -22px; font-size: 16px; }
#main-doc.main-new-type-scroll .main-container-new .main-menu ul.new-static-card > li a span { top: 35%; }

#main-doc.main-new-type-scroll .main-container-new .fp-tableCell { position:relative; padding-top: 120px; }
#main-doc.main-new-type-scroll .main-container-new .top-wrap .fp-tableCell { vertical-align: top; padding-top: 210px; }z
#main-doc.main-new-type-scroll .main-container-new .container-scroll-wrap .fp-tableCell { min-height: 850px; vertical-align: top; padding-top: 230px; }

.main-portlet {padding:15px 5px 38px 15px; position: relative; }

.ic_product1 { background-position:0 0; }
.ic_product2 { background-position:0 -110px; }
.ic_product3 { background-position:0 -220px; }
.ic_product4 { background-position:0 -330px; }
.ic_product5 { background-position:0 -440px; }
.ic_product6 { background-position:0 -550px; }
.ic_product7 { background-position:0 -660px; }
.ic_product8 { background-position:0 -770px; }
.ic_product9 { background-position:0 -880px; }
.ic_product10 { background-position:0 -990px; }
.ic_product11 { background-position:0 -1100px; }
.ic_product12 { background-position:0 -1210px; }
.ic_product13 { background-position:0 -1320px; }
.ic_product14 { background-position:0 -1430px; }
.ic_product15 { background-position:0 -1540px; }
.ic_product16 { background-position:0 -1650px; }
.ic_product17 { background-position:0 -1760px; }
.ic_product18 { background-position:0 -1870px; }
.ic_product19 { background-position:-110px 0; }
.ic_product20 { background-position:-110px -440px; }
.ic_product21 { background-position:-110px -550px; }
/* .ic_product22 { background-position:-110px -658px; } */
.ic_product22 { background-position:-105px -2420px; }
.ic_product23 { background-position:-110px -769px; } 
.ic_product25 { background-position:-110px -769px; }
.ic_product26 { background-position:-110px -992px; } 
.ic_product27 { background-position:-110px -1102px; }
.ic_product28 { background-position:-110px -1212px; } 
.ic_product29 { background-position:-110px -1322px; } 
.ic_product30 { background-position:-110px -1432px; } 
.ic_product31 { background-position:-110px -1542px; } 
.ic_product32 { background-position:-110px -1653px; }
.ic_product33 { background-position:-110px -1762px; } 
.ic_product35 { background-position:-112px -1871px; }
.ic_product36 { background-position:-112px -1978px; } 
.ic_product37 { background-position:-112px -2097px; }
.ic_product38 { background-position:0px -2201px; }
.ic_product39 { background-position:-112px -2201px; } 
.ic_product40 { background-position:-112px -2309px; } 
.ic_product41 { background-position:-2px -2309px; } 
.ic_product42 { background-position:-2px -2px; } 
.ic_product44 { background-position:-2px -112px; background-image:url(../../images/theme/theme01/ic_product1.png) !important; } 
.ic_product45 { background-position:-106px -110px; background-image:url(../../images/theme/theme01/ic_product1.png) !important; }
.ic_product48 { background-position:-3px -331px; background-image:url(../../images/theme/theme01/ic_product1.png) !important; }
.ic_product49 { background-position:-112px -331px; background-image:url(../../images/theme/theme01/ic_product1.png) !important; }
.ic_product50 { background-position:-2px -440px; background-image:url(../../images/theme/theme01/ic_product1.png) !important; }

.main-menu h2 {position:absolute; left:0; top:0; height:39px; width:100%; padding-top:28px; font-size:16px; font-weight:bold; line-height:16px; color:#333;}
.main-menu > ul li a div {display:none;position:absolute; right:8px; top:58px;}
.main-menu > ul li p {padding:3px 6px; margin:0; min-width:35px; font-size:15px; color:#fff; border-radius:5px; background:#d3292c}
.main-menu > ul li p:after {position:absolute; left:10px; bottom:-12px;display:block; content:""; width :0px; height:0px; border-right:10px solid transparent;border-top:12px solid #d3292c;}
.main-menu > ul li p.free-board {padding-top:30px;/*padding-top:15px;*/}
.main-menu > ul li p span {position:absolute; left:50%;top:-2px; /*top:-12px;*/ margin-left:-57px; width:114px; height:39px; line-height:30px; color:#fff; font-size:12px; background:url(../../images/portal/bg_freeboard.png) 50% 50%;}
.main-menu .chart-wrap {padding-top:20px;}
.main-menu .chart-wrap span {font-size:64px;}
.main-menu .chart-wrap i {position:relative; top:-37px; margin-left:-5px; font-style:normal; font-size:18px; color:#d3292c;}
.main-menu .chart-wrap .bottom {padding-top:5px; color:#888;}
.main-menu > ul li.active {background:#fff;}

.main-menu > ul li.active a div {display:block;}
.main-menu > ul li.active > a > p {display:inline-block;}
.main-menu > ul li.active > a > i {display:block; padding-top:12px; color:#494849; font-size:14px; font-style:normal;}

.main-menu > ul li.active .easyPieChart {width:100px; height:100px;}/*width: 130px; height: 130px; line-height: 130px;*/
.main-menu > ul li.active .easyPieChart canvas {width:100px; height:100px;}
.main-menu > ul li.active .chart-wrap span {font-size:50px; line-height:105px;}
.main-menu > ul li.active .chart-wrap i {top:-32px}
.main-menu > ul li div.hover-list {display:block; position:absolute;left:125px;top:60px;z-index:49; width:260px; height:185px; border:1px #363636 solid; box-shadow:0 0 7px #7e7e7e; background:#fff; opacity:0.93}
.main-menu > ul li div.hover-list h2 {position:relative; padding:10px 16px 10px 35px; font-size:14px; text-align:left; height:auto; font-weight:bold; color:#fff; background:url(../../images/common/tit_pop2.png) no-repeat 12px 50%;}
.main-menu > ul li div.hover-list h2 a {position:absolute; right:16px; top:9px; color:#fff; font-size:16px; opacity:0.33}
.main-menu > ul li div.hover-list h2 a:hover {text-decoration:none;}
.main-menu > ul li div.hover-list ul {padding:5px 17px;}
.main-menu > ul li div.hover-list ul li {/*padding-left:5px;*/ line-height:34px; border-bottom:1px #e3e3e3 solid; text-align:left; white-space:nowrap;}
.main-menu > ul li div.hover-list ul li a {color:#94949}
.main-menu > ul li div.hover-list ul li i {margin-right:7px; font-size:0; height:4px; width:4px; border-radius:50%; background:#999; color:#999; vertical-align:middle;}
.main-menu > ul li div.hover-list ul li:last-child {border-bottom:none;}
.main-menu > ul li div.bubbleML.top {top:-30px}
.main-menu > ul li div.bubbleML.bottom {top:60px;}
.main-menu > ul#cardUl li div.bubbleML.bottom {top:20px; left:93px;}
.main-menu > ul li div.bubbleMR.top {left: -250px; top:-30px}
.main-menu > ul li div.bubbleMR.bottom {left: -250px; top:100px;}

/* menu_folder */
.menu_folder > a > h2{ height:45px; padding: 28px 10px 0px 10px; border:none; border-radius: 0px 0px 9px 9px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main-menu > ul li.menu_folder{ border:none; border-radius: 0px 0px 9px 9px;}
.main-menu > ul li.menu_folder .active { top: 44px; }
.main-menu > ul li.menu_folder.folder01 {background:url('../../../images/portal/main_folder/folder_01.png') no-repeat 0 0;}
.main-menu > ul li.menu_folder.folder02 {background:url('../../../images/portal/main_folder/folder_02.png') no-repeat 0 0;}
.main-menu > ul li.menu_folder.folder03 {background:url('../../../images/portal/main_folder/folder_03.png') no-repeat 0 0;}
.main-menu > ul li.menu_folder.folder04 {background:url('../../../images/portal/main_folder/folder_04.png') no-repeat 0 0;}
.main-menu > ul li.menu_folder.folder05 {background:url('../../../images/portal/main_folder/folder_05.png') no-repeat 0 0;}
.main-menu > ul li.menu_folder.folder06 {background:url('../../../images/portal/main_folder/folder_06.png') no-repeat 0 0;}
.main-menu > ul li.menu_folder.folder07 {background:url('../../../images/portal/main_folder/folder_07.png') no-repeat 0 0;}
.main-menu > ul li.menu_folder.folder08 {background:url('../../../images/portal/main_folder/folder_08.png') no-repeat 0 0;}
.main-menu > ul li.menu_folder .utility_box{position:absolute; top:10px; right:6px; display:block; height:15px;}
.main-menu > ul li.menu_folder .utility_box .admin1{margin-right: -5px; background-position: -188px 0px; cursor:pointer;}
.main-menu > ul li.menu_folder .utility_box .pop-close{background-position: -207px 0px; margin:0;}
.main-menu > ul li.menu_folder .utility_box button.setting {width:15px; border:none; background:none; vertical-align:top; padding:0 2px 0 0;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu {top:30px; right:-30px; }
.main-menu > ul li.menu_folder .utility_box .dropdown-menu.folder_bubble {width:360px;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu.folder_bubble .floder_view_type label {float:left; padding-top:2px;margin-right:20px;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu.folder_bubble .floder_view_type label input{margin-right:10px;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu.folder_bubble > div{padding:10px;display:block; position:static; overflow:hidden; border-bottom:1px solid #d5d5d5;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .util_title {font-size:12px; float:left; width:120px; text-align:left; padding:2px 0px 0px 5px;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .util_title i{color:#a4a4a4; opacity:1; margin-right:5px;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .floder_view_type { height:40px;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_name input {float:left; width:190px;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_color {}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_color ul {overflow:hidden; }
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_color ul li i {overflow:hidden; display: block; position: absolute; right: -7px; top: -5px; height: 20px; width: 20px; padding-top: 1px; box-shadow: 0 2px 2px #c6c6c6; border-radius: 50%; color: #fff !important; font-size: 15px; background: #A2A2A2; }
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_color ul li.selected i { display: block; background:#444;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_color ul li { float:left; position:relative; margin:5px 14px 5px 0px; width: 40px; height: 40px; border-bottom:none; border-radius:4px;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_color ul li.f_color01 {background:#fae69c;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_color ul li.f_color02 {background:#e8f2b0;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_color ul li.f_color03 {background:#ceeab3;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_color ul li.f_color04 {background:#c4ece4;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_color ul li.f_color05 {background:#d1e0f4;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_color ul li.f_color06 {background:#fff; border:1px solid #d5d5d5;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_color ul li.f_color07 {background:#f6d5ec;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_color ul li.f_color08 {background:#e5e5e5;}

.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_image ul { overflow: hidden; }
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_image ul li { float: left; position: relative; margin: 5px 14px 5px 0px; width: 40px; height: 40px; border-bottom: none; border-radius: 4px; }
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_image ul li i {overflow:hidden; display: block; position: absolute; right: -7px; top: -5px; height: 20px; width: 20px; padding-top: 1px; box-shadow: 0 2px 2px #c6c6c6; border-radius: 50%; color: #fff !important; font-size: 15px; background: #A2A2A2; }
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_image ul li.selected i { display: block; background:#444;}
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_image ul li.f_image01  { display: inline-block; background: url(../../../images/theme/theme01/ic_folder.png) no-repeat -144px -38px; background-size: 220px; }
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_image ul li.f_image02 { display: inline-block; background: url(../../../images/theme/theme01/ic_folder.png) no-repeat -148px -144px; background-size: 220px; }
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_image ul li.f_image03 { display: inline-block; background: url(../../../images/theme/theme01/ic_folder.png) no-repeat -148px -256px; background-size: 220px; }
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_image ul li.f_image04 { display: inline-block; background: url(../../../images/theme/theme01/ic_folder.png) no-repeat -148px -366px; background-size: 220px; }
.main-menu > ul li.menu_folder .utility_box .dropdown-menu .folder_image ul li.f_image05 { display: inline-block; background: url(../../../images/theme/theme01/ic_folder.png) no-repeat -150px -475px; background-size: 220px; }

.main-menu > ul li.menu_folder .folder_view {position:absolute; top:34%; left:9px; display:block; width:136px; height:114px; border-radius:5px;background-color:rgba(255,255,255,0.6); zoom: 0.86; }
*::-ms-backdrop, .main-menu > ul li.menu_folder .folder_view {position:absolute; top:34%; left:8px; display:block; width:136px; height:114px; border-radius:5px;background-color:rgba(255,255,255,0.6); zoom: 0.86; }
.main-menu > ul li.menu_folder.folder06 .folder_view {background:#f5f5f5;}
.main-menu > ul li.menu_folder .folder_view ul {overflow:hidden; position:absolute; top:-2px; left:7px; width: 130px;margin:0 auto;}
.main-menu > ul li.menu_folder .folder_view ul li {float:left; background-size:184%; width:60px; height:55px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product1{background-position:5px 5px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product2{background-position:5px -48px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product3{background-position:5px -102px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product4{background-position:5px -158px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product5{background-position:5px -213px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product6{background-position:5px -268px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product7{background-position:5px -325px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product8{background-position:5px -380px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product9{background-position:5px -435px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product10{background-position:5px -492px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product11{background-position:5px -546px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product12{background-position:5px -602px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product13{background-position:5px -657px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product14{background-position:5px -713px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product15{background-position:5px -764px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product16{background-position:5px -824px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product17{background-position:5px -879px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product18{background-position:5px -935px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product19{background-position:-49px 5px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product20{background-position:-49px -213px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product21{background-position:-49px -271px;}
/* .main-menu > ul li.menu_folder .folder_view ul li.ic_product22{background-position:-49px -159px;} */
.main-menu > ul li.menu_folder .folder_view ul li.ic_product22{background-position:-52px -1208px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product25{background-position:-49px -380px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product26{background-position:-49px -492px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product27{background-position:-49px -548px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product28{background-position:-49px -602px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product29{background-position:-49px -659px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product30{background-position:-49px -713px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product31{background-position:-49px -769px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product32{background-position:-49px -825px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product33{background-position:-49px -877px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product35{background-position:-49px -934px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product36{background-position:-52px -987px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product37{background-position:-52px -1047px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product38{background-position:5px -1099px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product39{background-position:-52px -1099px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product40{background-position:-52px -1152px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product41{background-position:4px -1152px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product42{background-position:5px 4px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product44{background-position:5px -49px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product45{background-position:-52px -49px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product48{background-position:2px -159px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product49{background-position:-52px -159px;}
.main-menu > ul li.menu_folder .folder_view ul li.ic_product50{background-position:5px -210px;}

.main-menu > ul li.menu_folder .folder_view.folder_basic01 {top: 56% !important; zoom: 0.8 !important; background:url('../../../images/portal/main_folder/folder_static.png') no-repeat center;}
.main-menu > ul li.menu_folder .folder_view.folder_basic02 {top: 56% !important; zoom: 0.8 !important; background:url('../../../images/portal/main_folder/folder_static.png') no-repeat center;}
.main-menu > ul li.menu_folder .folder_view.folder_basic03 {top: 56% !important; zoom: 0.8 !important; background:url('../../../images/portal/main_folder/folder_static.png') no-repeat center;}
.main-menu > ul li.menu_folder .folder_view.folder_basic04 {top: 56% !important; zoom: 0.8 !important; background:url('../../../images/portal/main_folder/folder_static.png') no-repeat center;}
.main-menu > ul li.menu_folder .folder_view.folder_basic05 {top: 59% !important; zoom: 0.75 !important; background:url('../../../images/portal/main_folder/folder_static.png') no-repeat center;}
*::-ms-backdrop, .main-menu > ul li.menu_folder .folder_view.folder_basic01 {top: 61% !important; zoom: 0.8 !important; margin:-40px 0 0 -44px !important; background:url('../../../images/portal/main_folder/folder_static.png') no-repeat center;}
*::-ms-backdrop, .main-menu > ul li.menu_folder .folder_view.folder_basic02 {top: 61% !important; zoom: 0.8 !important; margin:-40px 0 0 -44px !important; background:url('../../../images/portal/main_folder/folder_static.png') no-repeat center;}
*::-ms-backdrop, .main-menu > ul li.menu_folder .folder_view.folder_basic03 {top: 61% !important; zoom: 0.8 !important; margin:-40px 0 0 -44px !important; background:url('../../../images/portal/main_folder/folder_static.png') no-repeat center;}
*::-ms-backdrop, .main-menu > ul li.menu_folder .folder_view.folder_basic04 {top: 61% !important; zoom: 0.8 !important; margin:-40px 0 0 -44px !important; background:url('../../../images/portal/main_folder/folder_static.png') no-repeat center;}
*::-ms-backdrop, .main-menu > ul li.menu_folder .folder_view.folder_basic05 {top: 64% !important; zoom: 0.75 !important; margin:-40px 0 0 -39px !important; background:url('../../../images/portal/main_folder/folder_static.png') no-repeat center;}
.main-menu > ul li.menu_folder .folder_view.folder_basic01 ul {display:none;}
.main-menu > ul li.menu_folder .folder_view.folder_basic02 ul {display:none;}
.main-menu > ul li.menu_folder .folder_view.folder_basic03 ul {display:none;}
.main-menu > ul li.menu_folder .folder_view.folder_basic04 ul {display:none;}
.main-menu > ul li.menu_folder .folder_view.folder_basic05 ul {display:none;}

.main-menu > ul li a div.active {display:block;}

.folder_pop {overflow:hidden;}
.folder_pop_content {width:540px; height:330px; background:#fff; overflow-x:hidden; }
.folder_pop_content .folder_pop_contentList { width: 540px; min-height:320px; padding:20px 20px 10px 20px; overflow-y:scroll;}
.folder_pop_content .folder_pop_contentList > li { position:relative; float: left; width: 110px; height: 140px; margin: 0 5px 10px 5px; text-align: center; border: 1px #c4c4c4 solid; box-shadow: 0 1px 0 #bbb; background: #fff;}
.folder_pop_content .folder_pop_contentList > li > a {width: 110px; height: 140px; vertical-align:middle;}
.folder_pop_content .folder_pop_contentList li h2 { position: absolute; left: 0; top: 0; height: 39px; width: 100%; padding-top: 20px; font-size: 14px; font-weight: bold; line-height: 16px; color: #333; letter-spacing: -0.5px; }
.folder_pop_content .folder_pop_contentList li > a > span { position: absolute; top: 46%; left: 50%; margin: -20px 0 0 -40px; width: 80px; height: 80px; background-size:220%; }
/*
.folder_pop_content .folder_pop_contentList li > a > span.ic_product44::before { content: ""; position: absolute; top: -46px; left: -17px; display:inline-block; width:48px; height:48px; background:url(../../images/common/img_ribbon_new.png) no-repeat 0px 0px; }
.folder_pop_content .folder_pop_contentList li > a > span.ic_product45::before { content: ""; position: absolute; top: -46px; left: -17px; display:inline-block; width:48px; height:48px; background:url(../../images/common/img_ribbon_new.png) no-repeat 0px 0px; }
.folder_pop_content .folder_pop_contentList li > a > span.ic_product50::before { content: ""; position: absolute; top: -46px; left: -17px; display:inline-block; width:48px; height:48px; background:url(../../images/common/img_ribbon_new.png) no-repeat 0px 0px; }
*/
.folder_pop_content .folder_pop_contentList li em { position: absolute; right: 10px; bottom: 5px; color: #767676; letter-spacing:-1px; font-size:11px;}
.folder_pop_content .folder_pop_contentList li span.ic_product1{background-position:-4px -10px;}
.folder_pop_content .folder_pop_contentList li span.ic_product2{background-position:-4px -95px;}
.folder_pop_content .folder_pop_contentList li span.ic_product3{background-position:-4px -180px;}
.folder_pop_content .folder_pop_contentList li span.ic_product4{background-position:-4px -265px;}
.folder_pop_content .folder_pop_contentList li span.ic_product5{background-position:-4px -350px;}
.folder_pop_content .folder_pop_contentList li span.ic_product6{background-position:-4px -435px;}
.folder_pop_content .folder_pop_contentList li span.ic_product7{background-position:-4px -530px;}
.folder_pop_content .folder_pop_contentList li span.ic_product8{background-position:-4px -620px;}
.folder_pop_content .folder_pop_contentList li span.ic_product9{background-position:-4px -705px;}
.folder_pop_content .folder_pop_contentList li span.ic_product10{background-position:-4px -795px;}
.folder_pop_content .folder_pop_contentList li span.ic_product11{background-position:-4px -883px;}
.folder_pop_content .folder_pop_contentList li span.ic_product12{background-position:-4px -972px;}
.folder_pop_content .folder_pop_contentList li span.ic_product13{background-position:-4px -1060px;}
.folder_pop_content .folder_pop_contentList li span.ic_product14{background-position:-4px -1148px;}
.folder_pop_content .folder_pop_contentList li span.ic_product15{background-position:-4px -1237px;}
.folder_pop_content .folder_pop_contentList li span.ic_product16{background-position:-4px -1325px;}
.folder_pop_content .folder_pop_contentList li span.ic_product17{background-position:-4px -1412px;}
.folder_pop_content .folder_pop_contentList li span.ic_product18{background-position:-4px -1501px;}
.folder_pop_content .folder_pop_contentList li span.ic_product19{background-position:-93px -5px;}
.folder_pop_content .folder_pop_contentList li span.ic_product20{background-position:-93px -355px;}
.folder_pop_content .folder_pop_contentList li span.ic_product21{background-position:-93px -448px;}
.folder_pop_content .folder_pop_contentList li span.ic_product22{background-position:-93px -93px;}
.folder_pop_content .folder_pop_contentList li span.ic_product25{background-position:-91px -622px;}
.folder_pop_content .folder_pop_contentList li span.ic_product26{background-position:-93px -798px; }
.folder_pop_content .folder_pop_contentList li span.ic_product27{background-position:-93px -885px; }
.folder_pop_content .folder_pop_contentList li span.ic_product28{background-position:-93px -973px; }
.folder_pop_content .folder_pop_contentList li span.ic_product29{background-position:-93px -1061px; }
.folder_pop_content .folder_pop_contentList li span.ic_product30{background-position:-93px -1149px; }
.folder_pop_content .folder_pop_contentList li span.ic_product31{background-position:-93px -1236px; }
.folder_pop_content .folder_pop_contentList li span.ic_product32{background-position:-93px -1323px; }
.folder_pop_content .folder_pop_contentList li span.ic_product33{ background-position:-93px -1410px; }
.folder_pop_content .folder_pop_contentList li span.ic_product35{ background-position:-93px -1502px; }
.folder_pop_content .folder_pop_contentList li span.ic_product36{ background-position:-93px -1585px; }
.folder_pop_content .folder_pop_contentList li span.ic_product37{ background-position:-93px -1682px; }
.folder_pop_content .folder_pop_contentList li span.ic_product38{ background-position:-4px -1767px; }
.folder_pop_content .folder_pop_contentList li span.ic_product39{ background-position:-93px -1767px; }
.folder_pop_content .folder_pop_contentList li span.ic_product40{ background-position:-93px -1850px; }
.folder_pop_content .folder_pop_contentList li span.ic_product41{ background-position:-3px -1850px; }
.folder_pop_content .folder_pop_contentList li span.ic_product42{ background-position:-2px -2px; }
.folder_pop_content .folder_pop_contentList li span.ic_product44{ background-position:-2px -95px; }
.folder_pop_content .folder_pop_contentList li span.ic_product45{ background-position:-90px -95px; }
.folder_pop_content .folder_pop_contentList li span.ic_product48{ background-position:-182px -268px; }
.folder_pop_content .folder_pop_contentList li span.ic_product49{ background-position:-93px -270px; }
.folder_pop_content .folder_pop_contentList li span.ic_product50{ background-position:-4px -352px; }

.folder_pop_content.f_color01 {background:#fae69c;}
.folder_pop_content.f_color02 {background:#e8f2b0;}
.folder_pop_content.f_color03 {background:#ceeab3;}
.folder_pop_content.f_color04 {background:#c4ece4;}
.folder_pop_content.f_color05 {background:#d1e0f4;}
.folder_pop_content.f_color06 {background:#fff;}
.folder_pop_content.f_color07 {background:#f6d5ec;}
.folder_pop_content.f_color08 {background:#e5e5e5;}

.folder_pop_contentList li a div {display:none;position:absolute; right:4px; top:37px;}
.folder_pop_contentList li p {padding:3px 6px; margin:0; min-width:25px; font-size:12px; color:#fff; border-radius:5px; background:#d3292c}
.folder_pop_contentList li p:after {position:absolute; left:6px; bottom:-9px;display:block; content:""; width :0px; height:0px; border-right:10px solid transparent;border-top:12px solid #d3292c;}
.folder_pop_contentList li p.free-board {padding-top:30px;/*padding-top:15px;*/}
.folder_pop_contentList li a div.active {display:block;}

.folder_pop_contentList div.hover-list {display:block; position:absolute;left:0px;top:0px;z-index:51; width:190px; height:170px; border:1px #363636 solid; box-shadow:0 0 7px #7e7e7e; background:#fff; opacity:0.93}
.folder_pop_contentList div.hover-list h2 { position:relative; padding:10px 16px 10px 35px; font-size:14px; text-align:left; height:auto; font-weight:bold; color:#fff; background:url(../../images/common/tit_pop2.png) no-repeat 12px 50%;}
.folder_pop_contentList div.hover-list h2 a {position:absolute; right:16px; top:9px; width:15px; height:15px; color:#fff; font-size:16px; opacity:0.33}
.folder_pop_contentList div.hover-list h2 a:hover {text-decoration:none;}
.folder_pop_contentList div.hover-list ul {padding:5px 17px;}
.folder_pop_contentList div.hover-list ul li {/*padding-left:5px;*/ line-height:28px; border:none; border-bottom:1px #e3e3e3 solid; text-align:left; white-space:nowrap;}
.folder_pop_contentList div.hover-list ul li a {color:#94949}
.folder_pop_contentList div.hover-list ul li i {margin-right:7px; font-size:0; height:4px; width:4px; border-radius:50%; background:#999; color:#999; vertical-align:middle;}
.folder_pop_contentList div.hover-list ul li:last-child {border-bottom:none;}
.folder_pop_contentList div.bubbleML.top {top:-31px; left:108px;}
.folder_pop_contentList div.bubbleML.bottom {top:45px; left:108px;}
.folder_pop_contentList div.bubbleMR.top { top:-31px; left:-190px;}
.folder_pop_contentList div.bubbleMR.bottom {top:45px; left:-190px; }
.folder_pop_contentList h2 {position: absolute; left: 0; top: 0; height: 39px; width: 100%; padding-top: 28px; font-size: 16px; font-weight: bold; line-height: 16px; color: #333; }

/* background-color gray icon */
.ic_product_form,
.ic_product_game,
.ic_product_app,
.ic_product_recruit,
.ic_product_gifiticon,
.ic_product_add,
.ic_product_corporate_credit,
.ic_product_business_supplies,
.ic_product_mall,
.ic_product_open_board,
.ic_product_qna_board,
.ic_product_delivery,
.ic_product_ezdrive
{box-shadow:none !important; background:#e8e8e8 !important;}

.ic_product_recruit span {background-position: -110px -658px;}
.ic_product_app span {background-position:-110px -110px;}
.ic_product_add span {background-position:0 -2090px;}
.ic_product_form span {background-position:-110px -330px;}
.ic_product_game span {background-position:0 -1980px;}
.ic_product_portal { background-position:-110px -220px; }
.ic_product_gifiticon span{ background-position:-110px -1762px; } 
.ic_product_corporate_credit span{ background-position:0px -2200px; }
.ic_product_business_supplies span{ background-position:-113px -2197px; } 
.ic_product_mall span{ width: 118px !important; background-position: -99px -2420px; }
.ic_product_mail span{ width: 118px !important; background-position: 0 -110px; }
.ic_product_open_board span{ background-position:0px -2420px; } 
.ic_product_qna_board span{ background-image: url(../../../images/theme/theme01/ic_product_main1.png) !important; background-position: -108px 0px; }
.ic_product_ezdrive span{ background-image: url(../../../images/theme/theme01/ic_product_main1.png) !important; background-position: 0px -438px; }
.ic_product_crm span{ width: 118px !important; background-position: -2px -112px; background-image: url(../../../images/theme/theme01/ic_product_main1.png) !important; }
.ic_product_ac span{ width: 118px !important; background-position: -2px -2309px; }
.ic_product_hr span{ width: 118px !important; background-position: -3px -331px; background-image: url(../../../images/theme/theme01/ic_product_main1.png) !important; }

.ic_simple_ic_product2 span{ width: 118px !important; background-position: 0 -110px; }
.ic_simple_ic_product45 span{ width: 118px !important; background-position: 0px -438px; background-image: url(../../../images/theme/theme01/ic_product_main1.png) !important;}
.ic_simple_ic_product44 span{ width: 118px !important; background-position: -2px -112px; background-image: url(../../../images/theme/theme01/ic_product_main1.png) !important; }
.ic_simple_ic_product41 span{ width: 118px !important; background-position: -2px -2309px; }
.ic_simple_ic_product48 span{ width: 118px !important; background-position: -3px -331px; background-image: url(../../../images/theme/theme01/ic_product_main1.png) !important; }

/*
.ic_product_ezdrive span:before {
    content: "";
    position: absolute;
    top: -50px;
    left: -15px;
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url(../../images/common/img_ribbon_new.png) no-repeat 0px 0px;
}
*/

#footer { position:fixed; bottom:0; left:0; z-index:50; height:36px; width:100%; min-width:980px; border-top:1px #a6a6a6 solid; background:#fff;}
#footer p {padding:9px 0 0 23px; margin:0; font-size:12px; color:#777; }
#footer .footer-link { position:absolute; top:8px; right:320px; }
#footer .footer-link.left { position:absolute; top:8px; left:90px; }
#footer .footer-link a { position:relative; display:inline-block; padding:0 6px; }
#footer .footer-link a:after { content:""; position:absolute; top:3px; left:-2px; width:1px; height:11px; background:#ddd; }
#footer .footer-link a:first-child:after { display:none; }
#footer .footer-link .fcolorbg { border-radius:12px; padding:1px 6px !important; }
#footer .footer-link a.fcolorbg:after { display:none; }
#footer .footer-link a.fcolorbg + a:after { display:none; }

.site-link { position: absolute; right:130px; bottom:5px; }
.site-link .btn-select { position:relative; width:180px; height:25px; top:inherit; right:inherit; padding:1px 10px; vertical-align: middle; text-align:left; line-height:23px; color:#555; background:#fff; border:1px solid #999; cursor:pointer; }
.site-link .btn-select i { position:absolute; top:5px; right:31px; color:#999; font-size:12px; }
.site-link button { position:absolute; right:7px; top:5px; width:16px; height:16px; padding:0; border:none; background:none; cursor:pointer; }
.site-link button i { color:#bfbdbd; font-size:15px; }
.site-link .siteLink-layer { position:absolute; left:0; right:0; bottom:24px; background:#fff; border:1px solid #999; }
.site-link .siteLink-layer ul li a { display:block; padding:4px 10px 4px; color:#555; border-bottom:1px dotted #e9e9e9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.site-link .siteLink-layer ul li:last-child  a { border-bottom:none; }
.site-link .siteLink-layer ul li a:hover { color:#000; text-decoration:none; background:#fafafa; }

.lang-select { position:absolute; right:10px; top:5px; color:#fff;}
.lang-select .lang { padding:2px; border-radius:12px; background:#e1e1e1; }
.lang-select div {display:inline-block;}
.lang-select div ul {overflow:hidden;}
.lang-select div ul li { float:left; width:52px; height:21px; text-align:center; }
.lang-select div ul li button { height:21px; padding:1px; font-weight:600; font-size:11px; color:#777; border:none; background:none; cursor:pointer;}
.lang-select div ul li.selected { border-radius:12px; }
.lang-select div ul li.selected button { color:#fff; }


/*============================================================
main setting
=============================================================*/
.main-setting > ul li {opacity:0.5; background:#f7f7f7}
.main-setting > ul li.selected .product-select {position:absolute; right:12px; top:-3px;}
.main-setting > ul li.selected a div, 
.main-setting > ul li.selected .product-select i {display:block;}
.main-setting > ul li.selected {opacity:1;}
#main-doc .btn-wrap {float:none; padding-right:12px; text-align:right;}
/*#main-doc .btn-wrap .btn-color5 {border-color:#bc2022; background:#363636 !important}*/
#main-doc h2.set { margin-bottom:15px; font-size:16px; font-weight:600; }
#main-doc h2.set i {margin:0 4px 2px 0; color:#d3292c; font-size:18px; }
#main-doc h2.set span {margin-left:13px; color:#666; font-size:13px;}
#main-doc .main-menu.approval-app {padding-bottom:50px;}
#main-doc .main-menu.approval-app > ul li a {display:table-cell; padding:0 0 50px 0; vertical-align:bottom;}
#main-doc .main-menu.approval-app li > button {position:relative; margin:-145px auto 0; color:#666}
#main-doc .main-menu.approval-app > ul li > a > span {margin-top:-55px;}

#main-doc .main-menu.basicportlet {padding-bottom:50px;}
#main-doc .main-menu.basicportlet > ul li a {display:table-cell; padding:0 0 50px 0; vertical-align:bottom;}
#main-doc .main-menu.basicportlet li > button {position:relative; margin:-105px auto 0; color:#666}
#main-doc .main-menu.basicportlet ul#basicportletList > li > a { height:160px; }
#main-doc .main-menu.basicportlet ul#basicportletList > li > button {position:relative; margin:-62px auto 0; color:#666}
#main-doc .main-menu.basicportlet > ul li > a > span {margin-top:-55px;}

.event_class_type1 { border: 1px solid #d5d5d5; border-radius: 2px; background: #eeeeee !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#eeeeee');
background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eeeeee)); background: -moz-linear-gradient(top, #fefefe, #eeeeee); box-shadow:inset 1px 1px 0 0 #f8f8f8; */ }
.event_class_type2 { border: 1px solid #c2c2c2; border-radius: 2px; background: #dedede !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#dedede');
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dedede)); background: -moz-linear-gradient(top, #f2f2f2, #dedede); box-shadow:inset 1px 1px 0 0 #f2f2f2; */ }
.event_class_type3 { border: 1px solid #ababab; border-radius: 2px; background: #c9c9c9 !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#c9c9c9');
background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#c9c9c9)); background: -moz-linear-gradient(top, #d9d9d9, #c9c9c9); box-shadow:inset 1px 1px 0 0 #e5e5e5; */ }
.event_class_type4 { border: 1px solid #9a9a9a; border-radius: 2px; background: #a9a9a9 !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c2c2', endColorstr='#a9a9a9');
background: -webkit-gradient(linear, left top, left bottom, from(#c2c2c2), to(#a9a9a9)); background: -moz-linear-gradient(top, #c2c2c2, #a9a9a9); box-shadow:inset 1px 1px 0 0 #d4d4d4; */ }
.event_class_type5 { border: 1px solid #a1a1bc; border-radius: 2px; background: #b7b7f1 !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8fc', endColorstr='#b7b7f1');
background: -webkit-gradient(linear, left top, left bottom, from(#c8c8fc), to(#b7b7f1)); background: -moz-linear-gradient(top, #c8c8fc, #b7b7f1); box-shadow:inset 1px 1px 0 0 #d8d8fe; */ }
.event_class_type6 { border: 1px solid #c4c4d8; border-radius: 2px; background: #cecef1 !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0fc', endColorstr='#cecef1');
background: -webkit-gradient(linear, left top, left bottom, from(#e0e0fc), to(#cecef1)); background: -moz-linear-gradient(top, #e0e0fc, #cecef1); box-shadow:inset 1px 1px 0 0 #efeffe; */ }
.event_class_type7 { border: 1px solid #7575a8; border-radius: 2px; background: #9090e1 !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aeaef1', endColorstr='#9090e1');
background: -webkit-gradient(linear, left top, left bottom, from(#aeaef1), to(#9090e1)); background: -moz-linear-gradient(top, #aeaef1, #9090e1); box-shadow:inset 1px 1px 0 0 #c5c5f7; */ }
.event_class_type8 { border: 1px solid #474889; border-radius: 2px; background: #5354be !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7878d7', endColorstr='#5354be');
background: -webkit-gradient(linear, left top, left bottom, from(#7878d7), to(#5354be)); background: -moz-linear-gradient(top, #7878d7, #5354be); box-shadow:inset 1px 1px 0 0 #9e9ee3; */ }
.event_class_type9 { border: 1px solid #d6e1bf; border-radius: 2px; background: #e4f1ce !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3fce0', endColorstr='#e4f1ce');
background: -webkit-gradient(linear, left top, left bottom, from(#f3fce0), to(#e4f1ce)); background: -moz-linear-gradient(top, #f3fce0, #e4f1ce); box-shadow:inset 1px 1px 0 0 #f8feea; */ }
.event_class_type10 { border: 1px solid #a3c45c; border-radius: 2px; background: #b7db7a !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cde891', endColorstr='#b7db7a');
background: -webkit-gradient(linear, left top, left bottom, from(#cde891), to(#b7db7a)); background: -moz-linear-gradient(top, #cde891, #b7db7a); box-shadow:inset 1px 1px 0 0 #dcefb0; */ }
.event_class_type11 { border: 1px solid #e4de99; border-radius: 2px; background: #f6efb6 !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfadb', endColorstr='#f6efb6');
background: -webkit-gradient(linear, left top, left bottom, from(#fdfadb), to(#f6efb6)); background: -moz-linear-gradient(top, #fdfadb, #f6efb6); box-shadow:inset 1px 1px 0 0 #fefde9; */ }
.event_class_type12 { border: 1px solid #ebcd65; border-radius: 2px; background: #f4e66c !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdf390', endColorstr='#f4e66c');
background: -webkit-gradient(linear, left top, left bottom, from(#fdf390), to(#f4e66c)); background: -moz-linear-gradient(top, #fdf390, #f4e66c); box-shadow:inset 1px 1px 0 0 #fef8b0; */ }
.event_class_type13 { border: 1px solid #eda53e; border-radius: 2px; background: #f6b326 !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdc557', endColorstr='#f6b326');
background: -webkit-gradient(linear, left top, left bottom, from(#fdc557), to(#f6b326)); background: -moz-linear-gradient(top, #fdc557, #f6b326); box-shadow:inset 1px 1px 0 0 #fed687; */ }
.event_class_type14 { border: 1px solid #cbe3e4; border-radius: 2px; background: #d0f1ec !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8fafb', endColorstr='#d0f1ec');
background: -webkit-gradient(linear, left top, left bottom, from(#e8fafb), to(#d0f1ec)); background: -moz-linear-gradient(top, #e8fafb, #d0f1ec); box-shadow:inset 1px 1px 0 0 #f0fdfe; */ }
.event_class_type15 { border: 1px solid #b1d4d6; border-radius: 2px; background: #b8eae2 !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcf7f9', endColorstr='#b8eae2');
background: -webkit-gradient(linear, left top, left bottom, from(#dcf7f9), to(#b8eae2)); background: -moz-linear-gradient(top, #dcf7f9, #b8eae2); box-shadow:inset 1px 1px 0 0 #e8fcfd; */ }
.event_class_type16 { border: 1px solid #73adb0; border-radius: 2px; background: #7dd6c7 !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbeff3', endColorstr='#7dd6c7');
background: -webkit-gradient(linear, left top, left bottom, from(#bbeff3), to(#7dd6c7)); background: -moz-linear-gradient(top, #bbeff3, #7dd6c7); box-shadow:inset 1px 1px 0 0 #d2f9fb; */ }
.event_class_type17 { border: 1px solid #cdcdcd; border-radius: 2px; background: #ffffff !important; }
.event_class_type18 { border: 1px solid #e99797; border-radius: 2px; background: #f1b7b7 !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcc8c8', endColorstr='#f1b7b7');
background: -webkit-gradient(linear, left top, left bottom, from(#fcc8c8), to(#f1b7b7)); background: -moz-linear-gradient(top, #fcc8c8, #f1b7b7); box-shadow:inset 1px 1px 0 0 #fed8d8; */ }
/*============================================================
layout
=============================================================*/
/* layout */ 
#page-container { position:relative; width:100%; padding:0; margin:0 auto; -webkit-transition: background-color 0.2s ease-out; transition:background-color 0.2s ease-out; background:#e6ebed; /* z-index:0;  */}
#main-container { height:100%; padding:60px 20px 20px; }
#fixed-board { display:none; }

#page-container.main { height:100%; overflow:hidden; }
#page-container.sub { position:relative; min-height:100%; min-width:1200px; background:#fff; }
#page-container.sub.myspace { padding:0; background:#fff; }
#page-container.sub #main-header .logo { display:none; }
#page-container.sidebar-mini #main-header .topmenu { left:110px; }
#page-container.sidebar-visible #main-header .topmenu { left:220px; }

/* leftmenu */
.sidebar-mini #submenu { left:70px; }
.sidebar-visible #submenu { left:190px; }
.leftmenu { position:absolute; top:0; left:0; bottom:0; padding-bottom:50px; width:210px; z-index:15; border-right:1px solid #e1e1e1; }
.leftmenu-inner-scroll {background:#f7f7f7}
.leftmenu-top { position: relative; height: 54px; line-height: 51px; text-align: center; background: #f1f1f1; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.leftmenu-top h2 { display:inline-block; color:#fff; font-size:18px; font-weight:600; vertical-align:middle; }
.leftmenu-top h2 a {padding:0 10px; color:#fff; }
.leftmenu-top h2 a:hover { text-decoration:none; }
.leftmenu .leftmenu-inner-scroll > ul.menulist {margin-bottom:30px;}
.leftmenu .leftmenu-inner-scroll ul ul.menulist li:last-child {border-bottom:none}
.leftmenu ul.menulist { padding:0; margin-bottom:30px;}
.leftmenu ul.menulist > li { border-top:1px solid #e6e6e6; }
.leftmenu ul.menulist > li.current > a {color:#d3292c;}
.leftmenu ul.menulist > li:first-child { border-top:none; }
.leftmenu ul.menulist > li > a { position:relative; display:block; min-height:42px; padding:12px 0 12px 15px; font-size:14px; font-weight:600; color:#222; background:#f7f7f7}
.leftmenu ul.menulist > li > a.current {color:#d3292c;}
.leftmenu ul.menulist > li > a:hover { text-decoration:none;}
.leftmenu ul.menulist > li > a > i { position:absolute; top:13px; right:14px; font-size:15px;}
.leftmenu ul.menulist > li > a:hover > i { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); -webkit-transition:all 0.15s ease-out; transition: all 0.15s ease-out; }
.leftmenu ul.menulist > li > a > i.fa-star { position:relative; top:1px; left:5px; width:16px; font-size:13px; color:#ffa019 !important; }
.leftmenu ul.menulist > li > a:hover > i.fa-star { -webkit-transform:rotate(0deg); transform:rotate(0deg); }
.leftmenu ul.menulist > li > ul { padding:0 0 8px; }
.leftmenu ul.menulist > li > ul > li {position:relative;}
.leftmenu ul.menulist > li > ul > li > a, .leftmenu ul.menulist > li > ul > li > span.type-id { display:block; padding:6px 10px 6px 30px; font-size:13px; color:#222; background:url(../../images/portal/sub_dot.gif) no-repeat 20px 14px;}
.leftmenu ul.menulist > li > ul > li a:hover { text-decoration:none;}
.leftmenu ul.menulist > li > a > i.fa-chevron-up { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); }
.leftmenu ul.menulist > li > a.open > i.fa-chevron-up { -webkit-transform:rotate(0deg); transform:rotate(0deg); }
.leftmenu ul.menulist > li > ul > li.current a { font-weight:600;}
.leftmenu ul.menulist > li > ul > li > ul > li { padding-left:47px; background:url(../../images/common/bar_04.png) no-repeat 36px 8px; }
.leftmenu ul.menulist > li > ul > li > ul > li a:hover { background:none; text-decoration:underline; }
.leftmenu ul.menulist > li > ul > li > ul > li.current a { background:none; color:#f05050; }
@media only screen and (-webkit-min-device-pixel-ratio: 0) { .leftmenu h2, .leftmenu ul.menulist > li > a { font-weight:bold; } }

/* mody */
.treebox { min-height:250px; margin:0 5px; padding:8px; overflow:auto; white-space:nowrap; }
.treebox1 { margin:0 0 15px 5px; overflow:auto; white-space:nowrap; }
.treebox.full { height:471px; }
.treebox.full2 { height:576px; }
.btn-fold { position:relative; margin:0 auto 10px; width:50px; height:12px; text-align:center; }
.btn-fold .br-left { position:absolute; left:-7px; top:0; width:0; height:0; border-width:12px 0 0 7px; border-style:solid; }
.btn-fold .br-right { position:absolute; right:-7px; top:0; width:0; height:0; border-width:12px 7px 0 0; border-style:solid; }
.btn-fold i { position:absolute; top:-2px; left:0; width:50px; color:#fff; font-size:14px; }
.menu-btn { padding:10px 10px 5px; }
.leftmenu .treebox > ul > li { line-height:20px; padding-left:7px; background:url("../../images/common/ic_dot_2.png") no-repeat 0 9px; }

/*============================================================
setting
=============================================================*/
i.icon.settab1, i.icon.settab2, i.icon.settab3, i.icon.settab4 {margin:0 2px 0 0; width:30px; height:22px; }
.nav > li.active a i.icon.settab1 { background-position:0 -35px; }
.nav > li.active a i.icon.settab2 { background-position:-30px -35px; }
.nav > li.active a i.icon.settab3 { background-position:-60px -35px; }
.nav > li.active a i.icon.settab4 { background-position:-90px -35px; }

i.icon.set-title1 { margin:0 10px 0 0; width:20px; height:20px; }
i.icon.set-title2, i.icon.set-title3, i.icon.set-title4, i.icon.set-title5, i.icon.set-title6, i.icon.set-title7, i.icon.set-title8, i.icon.set-title9, i.icon.set-title10 { margin:0 5px 0 0; width:20px; height:20px; }

.set-block { float:left; width:50%; height:369px; }
.set-block .formwrap { display:inline-block; vertical-align:middle; }
.set-block .formwrap button { vertical-align:top; }
.set-block h2 { height:40px; padding-left: 24px; padding-top: 14px; line-height:40px; color:#111; font-size:15px; font-weight:600; text-align:left; }
.set-block h3 { margin-bottom:10px; color:#111; font-size:15px; }
.set-block.left label { margin:0 10px 10px; }

.set-block.ty1 { float: left; width: 50%; height: 369px; border-right: 1px solid #eee; }
.set-block h2.ty1 { height: 40px; padding:0; line-height: 40px; color: #111; font-size: 15px; font-weight: 600; text-align: center; border-bottom: 1px solid #eee; }

.set-block.widget-style ul { padding:20px; }
.set-block.widget-style li { position:relative; padding:6px 0 10px; text-align:center; }
.set-block.widget-style li.current a { border-color:#f05050; }
.set-block.widget-style li.current span { display:block; width:26px; height:29px; position:absolute; top:-10px; right:-10px; background:url(../../images/common/img_set_checked.png) no-repeat; }
.set-block.widget-style .img { display:inline-block; position:relative; }
.set-block.widget-style .img a { display:inline-block; width:172px; height:108px; border:2px solid #f2f2f2; border-radius:5px; }
.set-block.widget-style .img a:hover { border-color:#f05050; }
.set-block.widget-style .widget-style1 .img a { background:url(../../images/common/img_wstyle_1.png) no-repeat; }
.set-block.widget-style .widget-style2 .img a { background:url(../../images/common/img_wstyle_2.png) no-repeat; }
.set-block.widget-style .widget-name { padding-left:14px; font-size:14px; color:#555; vertical-align:top; } 

.set-block.color { width:63%; }
.set-block.color ul { padding:20px 0 0 22px; }
.set-block.color li { position:relative; padding:6px 0; }
.set-block.color li.current a { border-color:#f05050; }
.set-block.color li.current span { display:block; width:26px; height:29px; position:absolute; top:-4px; left:183px; background:url(../../images/common/img_set_checked.png) no-repeat; }
.set-block.color .theme-name { display:inline-block; }
.set-block.color .theme-name a { display:inline-block; padding:6px 0 0 80px; width:200px; height:36px; border:2px solid #f2f2f2; border-radius:5px; font-family:"Open Sans", sans-serif; font-size:13px; }
.set-block.color .theme-name a:hover { border-color:#f05050; text-decoration:none; }
.set-block.color .theme01 .theme-name a { background:url(../../images/common/img_set_color.png) no-repeat 9px 6px; }
.set-block.color .theme02 .theme-name a { background:url(../../images/common/img_set_color.png) no-repeat 9px -44px; }
.set-block.color .theme03 .theme-name a { background:url(../../images/common/img_set_color.png) no-repeat 9px -94px; }
.set-block.color .theme04 .theme-name a { background:url(../../images/common/img_set_color.png) no-repeat 9px -144px; }
.set-block.color .theme05 .theme-name a { background:url(../../images/common/img_set_color.png) no-repeat 9px -194px; }
.img.theme01  { display:inline-block; width:64px; height:20px;background:url(../../images/common/img_set_color.png) no-repeat 2px 6px; vertical-align:text-bottom; }
.img.theme02  { display:inline-block; width:64px; height:20px;background:url(../../images/common/img_set_color.png) no-repeat 2px -44px; vertical-align:text-bottom; }
.img.theme03  { display:inline-block; width:64px; height:20px;background:url(../../images/common/img_set_color.png) no-repeat 2px -94px; vertical-align:text-bottom; }
.img.theme04  { display:inline-block; width:64px; height:20px;background:url(../../images/common/img_set_color.png) no-repeat 2px -144px; vertical-align:text-bottom; }
.img.theme05  { display:inline-block; width:64px; height:20px;background:url(../../images/common/img_set_color.png) no-repeat 2px -194px; vertical-align:text-bottom; }
.set-block.color .theme-info { display:inline-block; width:191px; padding-left:14px; color:#555; vertical-align:middle; } 

.set-block.preview { width:37%; }
.set-block.preview .preview-img.theme01 { margin:26px auto 0; width:222px; height:274px; background:url(../../images/common/img_preview_1.png) no-repeat; }
.set-block.preview .preview-img.theme02 { margin:26px auto 0; width:222px; height:274px; background:url(../../images/common/img_preview_2.png) no-repeat; }
.set-block.preview .preview-img.theme03 { margin:26px auto 0; width:222px; height:274px; background:url(../../images/common/img_preview_3.png) no-repeat; }
.set-block.preview .preview-img.theme04 { margin:26px auto 0; width:222px; height:274px; background:url(../../images/common/img_preview_4.png) no-repeat; }
.set-block.preview .preview-img.theme05 { margin:26px auto 0; width:222px; height:274px; background:url(../../images/common/img_preview_5.png) no-repeat; }

.set-block .switch-list { height:329px; overflow:auto; overflow-x:hidden; }
.set-block .switch-list li { padding:4px 35px 11px 25px; border-top:1px solid #f6f6f6; }
.set-block .switch-list li:first-child { border-top:none; }

.set-block.quick-drag .menuguide { overflow-x: hidden; overflow-y: auto; height: 329px; border:none; }
.set-block.quick-drag .menuguide .submenu-list { padding:0; }
.set-block.quick-drag .menuguide .menuguide-list > li { background:none; }
.set-block.quick-drag .menuguide .menuguide-list > li > ul > li { margin-bottom:6px; }
.set-block.quick-drag .menuguide .menuguide-list > li > ul > li > a { width:150px; background:#868f98; }
.set-block.quick-drag .menuguide .menuguide-list > li > ul > li > a:hover { background:#939da7; }

.tab-content .set-view { float: left; width: 410px; height: 363px; margin-left: 30px; }
.tab-content .set-view2 { float: left; width: 410px; height: 363px; margin-left: 30px; }
.tab-content .set-menu { float: left; width: 220px; height: 363px; margin-top:4px; }
.tab-content .set-menu .m1, .tab-content .set-menu .m2 { height: 134px; padding: 62px 24px; }
.tab-content .set-menu .m1 h3 { padding-left: 0; margin-bottom: 16px; font-size: 16px; color: #111; font-weight: 600; line-height: 23px; }
.tab-content .set-menu .m2 h3 { padding-left: 0; margin-bottom: 16px; font-size: 16px; color: #111; font-weight: 600; line-height: 23px; }
.tab-content .set-menu label { display: block; padding: 4px 34px; font-size: 13px; font-weight: normal; }


/*============================================================
organizationSearch
=============================================================*/
#organizationSearch .shuttleL { float:left; width:45%; padding-left:0; }
#organizationSearch .shuttleM { float:left; width:10%; text-align:center; }
#organizationSearch .shuttleR { float:right; width:45%; padding-right:0; }
#organizationSearch .box-header { height:42px;}
#organizationSearch .shuttleR .box-header {border:1px #ddd solid; border-bottom:none; background:#f8f8f8 }
#organizationSearch .box-header .totalNum {padding:11px 0 0 10px; font-size:13px; color:#222; text-align:left;}
#organizationSearch .box-header .totalNum span:first-child {color:#fd7d86} 
#organizationSearch .shuttleM ul { padding:0; margin-top:160px; }
#organizationSearch .shuttleM li, .shuttle-basic li { padding:3px 0; text-align:center; }
#organizationSearch .shuttleM li a, .shuttle-basic li a { display:inline-block; width:30px; height:30px; border:1px solid #bebebe; border-radius:4px; background:#fff; }
#organizationSearch .shuttleM li a:hover, .shuttle-basic li a:hover { background:#e7eaee; }
#organizationSearch .shuttleM li a.btn-color5 {border:1px #fd7d86 solid; background:#fd7d86 !important}
#organizationSearch .shuttleM li a.btn-color5 i {color:#fff;}
#organizationSearch .shuttleM li a i, .shuttle-basic li a i { color:#a3a3a3; }
#organizationSearch .shuttleM li a .fa-angle-right, .shuttle-basic li a .fa-angle-right { padding:4px 0 4px 1px; font-size:20px; }
#organizationSearch .shuttleM li a .fa-angle-left, .shuttle-basic li a .fa-angle-left { padding:4px 1px 4px 0; font-size:20px; }
#organizationSearch .shuttleM li a .fa-rotate-left, .shuttle-basic li a .fa-rotate-left { padding:8px 0; font-size:13px; }
#organizationSearch .inbox { padding:8px; height:392px; min-height:392px; border:1px solid #ddd; white-space:nowrap; overflow:auto; }
#organizationSearch .mini-box {height:350px; min-height:350px;}
#organizationSearch .inbox ul.per-list { padding:0; }
#organizationSearch .inbox ul.per-list li { padding:4px 10px; letter-spacing:-0.5px; cursor:pointer; color:#111; }
#organizationSearch .inbox ul.per-list li:hover { background:#f9f9f9; }
#organizationSearch .inbox ul.per-list li.ui-selected { background:#f1f1f1; }
#organizationSearch .inbox ul.per-list li span.user-online { position: absolute; top: 11px; right: -4px; width: 12px; height: 12px; border-radius: 8px; background-color: #4bc286; border: 2px solid #fff; }
#organizationSearch .inbox ul.per-list li span.user-off { position: absolute; top: 11px; right: -4px; width: 12px; height: 12px; border-radius: 8px; background-color: #f07070; border: 2px solid #fff; }
#organizationSearch .inbox1 { padding:8px; border:1px solid #ddd; white-space:nowrap; overflow:auto; }
#organizationSearch .inbox1 ul.per-list { padding:0; }
#organizationSearch .inbox1 ul.per-list li { padding:4px 10px; letter-spacing:-0.5px; cursor:pointer; color:#111; }
#organizationSearch .inbox1 ul.per-list li:hover { background:#f9f9f9; }
#organizationSearch .inbox1 ul.per-list li.ui-selected { background:#f1f1f1; }
#organizationSearch .inbox1 ul.per-list li span.user-online { position: absolute; top: 11px; right: -4px; width: 12px; height: 12px; border-radius: 8px; background-color: #4bc286; border: 2px solid #fff; }
#organizationSearch .inbox1 ul.per-list li span.user-off { position: absolute; top: 11px; right: -4px; width: 12px; height: 12px; border-radius: 8px; background-color: #f07070; border: 2px solid #fff; }
#organizationSearch .shuttleL .inbox ul.per-list li { padding:8px 10px; }
#organizationSearch .inbox .t2 { margin-left:5px; color:#777; font-size:11px; }
#organizationSearch .inbox .input-search { position:relative; margin-bottom:10px; }
#organizationSearch .inbox .input-search input { padding-right:36px; }
#organizationSearch .inbox .input-search a { position:absolute; top:0; right:0; display:inline-block; width:29px; height:27px; text-align:center; border:1px #bbb solid; border-radius:0 3px 3px 0; background:none;}
#organizationSearch .inbox .input-search a i {font-size:15px; vertical-align:-4px;}
#organizationSearch .inbox .input-search1 { position:relative; margin-bottom:10px; }
#organizationSearch .inbox .input-search1 input { width:218px !important; }
#organizationSearch .inbox .input-search1 a { position:absolute; top:0; right:0; display:inline-block; width:29px; height:27px; border-radius:0 3px 3px 0; }
#organizationSearch .inbox .input-search2 { position:relative; margin-bottom:10px; }
#organizationSearch .inbox .input-search2 input { width:255px !important; }
#organizationSearch .inbox .input-search2 a { position:absolute; top:0; right:0; display:inline-block; width:29px; height:27px; border-radius:0 3px 3px 0; }
#organizationSearch .inbox i.fa-star { margin:0 4px 2px 0; color:#ffa019; font-size:14px; vertical-align:middle; }
#organizationSearch .inbox i.fa-star-o { margin:0 4px 2px 0; color:#a8a8a8; font-size:14px; vertical-align:middle; }
#organizationSearch .inbox1 i.fa-star { margin:0 4px 2px 0; color:#ffa019; font-size:14px; vertical-align:middle; }
#organizationSearch .inbox1 i.fa-star-o { margin:0 4px 2px 0; color:#a8a8a8; font-size:14px; vertical-align:middle; }
#organizationSearch .apprline { margin:160px 5px 0; padding:8px; border:1px solid #ddd; }
.lt-ie9 #organizationSearch .apprline { padding:6px; }
#organizationSearch .apprline .title { margin-bottom:5px; padding-bottom:5px; font-weight:600; border-bottom:1px solid #eee; }
#organizationSearch .apprline ul { margin:0; }
#organizationSearch .line-wrap { height:320px; margin-bottom:20px; overflow:auto; }


/*============================================================
related-function
=============================================================*/

#related-function { position:fixed; top:0; right:0; width:50px; height:100%; min-height:600px; border-left:1px solid #ccc; background:#fff; z-index:100; } 
#related-function ul { padding:0; margin-left:-1px; }
#related-function .top-fixed { padding:6px 0; margin-bottom:6px; }
#related-function li { position:relative; }
#related-function li > a { display:block; width:50px; height:42px; }

#related-function li.disabled { opacity:0.5; }
#related-function li.disabled > a { cursor:auto; }
#related-function li.disabled .sub { display:none !important; }
#related-function li .sub { position:absolute; top:0; right:0; width:180px; height:44px; border-right:none; border-radius:2px; background-color:#fff; }
#related-function li .sub .title { display:block; font-size:14px; font-weight:600; line-height:40px; padding-left:12px; }
#related-function li .sub .ic { display:block; position:absolute; top:-2px; right:-2px; width:50px; height:42px; }
#related-function li .sub a:hover { text-decoration:none; }
#related-function ul ul { width:132px; margin:0 0 0 -2px; padding-bottom:8px; border-top:none; background:#fff; border-radius:2px; } 
#related-function ul ul li a { width:100%; height:auto; padding:2px 12px 3px; color:#333; }
#related-function li.i01c, #related-function li.i02c, #related-function li.i03c, #related-function li.i04c, #related-function li.i05c, #related-function li.i06c, #related-function li.i07c, #related-function li.i08c { padding:0 10px; }

#related-function .setting { position:absolute; left:0; bottom:0; width:49px; height:49px; background:#3a434c; }
#related-function .setting > a { display: block; position: absolute; top: 16px; left: 16px; width: 17px; height: 17px; background: url(../../images/theme/theme01/ic_setting.png) no-repeat 0 0; opacity:0.6 }
#related-function .setting > a:hover { opacity:1; }
#related-function .test { position:absolute; top:-80px !important; right:0 !important; background:none !important; }

/* related-function ---> theme-topbottom */
.theme-topbottom #related-function { padding-top:56px; }
.theme-topbottom #related-function .setting { position:absolute; left:0; bottom:0; width:49px; height:49px; background:#3a434c; }
.theme-topbottom #related-function .setting > a { display:block; position:absolute; top:16px; left:16px; width:17px; height:17px; }

#page-container.main #related-function li.i01, #page-container.main #related-function li.i05, #page-container.main #related-function li.i06, #page-container.main #related-function li.i07, #page-container.main #related-function li.i08 { display:none; }
#page-container.sub #related-function li.i02, #page-container.sub #related-function li.i03, #page-container.sub #related-function li.i04, #page-container.sub #related-function li.i07, #page-container.sub #related-function li.i08, #page-container.sub #related-function li.i10 { display:none; }

#page-container.myspace #related-function li.i01, #page-container.myspace #related-function li.i05, #page-container.myspace #related-function li.i06, #page-container.myspace #related-function li.i08, #page-container.myspace #related-function li.i10 { display:none; }
#page-container.myspace.sub #related-function li.i02, #page-container.myspace #related-function li.i07 { display:block; }


/*============================================================
contents Page Detail
=============================================================*/

.content-wrap {/*display:table;*/position: relative;;width: 100%;background-color:#fff;}

.splitter-panel div.content-list, .splitter-panel div.content-view {position: absolute;height:auto;top: 0;bottom: 50px;left: 0;right: 0;overflow-y: auto;border-bottom:1px solid #ccc; vertical-align:top;}
@media screen and (max-width:1280px) { /* .content-wrap.responsive .content-view {display: none;} */ }

.aside-wrap { width:100%;background:#fff; }
.aside-wrap .accordion { display:block; background-color: #f9fafc;padding: 9px 10px;font-weight: 600;font-size:12px;}
.aside-wrap > ul > li > a { position:relative; border: 1px solid #dbe1e8; text-decoration:none; }
.aside-wrap > ul > li > a:hover { color:#f05050; }
.aside-wrap > ul > li { margin-bottom:-1px; }
.aside-wrap ul ul { padding: 10px; line-height: 26px; border: 1px solid #e7e7e7; border-top:none; overflow:auto; height:100px; }
.aside-wrap ul ul li {overflow: hidden;text-overflow:ellipsis;white-space:nowrap; -o-text-overflow:ellipsis; }
.aside-wrap ul ul li a {color:#111;}
.aside-wrap ul ul li.selected a { color:#f05050; font-weight:600; }
.aside-wrap ul ul li .per30 a { display: inline-block; width: 30px; height: 30px; background: url(../../images/placeholders/avatars/avatar_30x30.png) no-repeat 0 0; }
.aside-wrap ul ul li .per30 img { width: 30px; height: 30px; border-radius: 15px; }
.aside-wrap .more-wrap {text-align:center;background-color:#f9fafc;border-top:1px dashed #dbe1e8;margin:0;padding:6px 10px}
.aside-wrap .more-wrap > a{color:#ff757f}
.aside-wrap i.fa-star { margin:0 5px 1px 4px; color:#ffa019; font-size:14px; vertical-align:middle; }
.aside-wrap i.fa-chevron-right { margin:0 5px 1px 4px; color:#ff757f; font-size:10px; vertical-align:middle; }
.aside-wrap > ul > li > h5 { position:relative; border: 1px solid #e7e7e7; border-bottom:none; background-color: #f6f6f6; padding: 12px 15px; font-weight: 600; font-size: 12px; }
.aside-wrap > ul > li > h5 > i { position: absolute; top: 10px; right: 14px; font-size: 18px; color: #aaa; }
.aside-wrap .accordion i { position:absolute; top:10px; right:14px; font-size:18px; color:#aaa; }
.aside-wrap a:hover.accordion i { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); -webkit-transition:all 0.15s ease-out; transition: all 0.15s ease-out; }
.aside-wrap a.accordion.open i { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); }

.aside-wrap2 .aside-wrap-header { border: 1px solid #dbe1e8; border-top:none; background-color: #f9fafc; padding: 9px 10px;font-weight: 600;font-size:12px;}
.aside-wrap2 .aside-wrap-header:first-child { border-top:1px solid #dbe1e8; }
.aside-wrap2 .aside-wrap-con { border: 1px solid #dbe1e8; border-top:none; }

.imp-wrap {position:relative;}

#alarm-wrap #alarm {margin-top:4px;}
#alarm-wrap #alarm:first-child {margin-top:0;}

.subtitle {overflow:hidden; position:relative; margin:25px 0 8px; /*padding:0 20px;*/}
.subtitle h3 {padding-left:15px; color:#222; font-weight:600; font-size:14px; background:url("../../../images/common/opacity_15.png") no-repeat 0 50%}
.subtitle h3.fleft {margin-top:10px;}
.subtitle h4 {color:#111; font-weight:600; font-size:13px;}
.subtitle h4.fleft {margin-top:10px;}
.subtitle h4.point {padding-left:8px; background:url(../../images/common/ic_dot_3.png) no-repeat 0 6px; }
.subtitle .btn-wrap {float:right; padding:0;}
.subtitle .more {position:absolute; top:0; right:0; }
.subtitle .more span {display: inline-block; margin-top:-3px; vertical-align: text-top;}

.tip-help {padding:10px 14px;text-align:left;width: 200px;left: -53px;top: 35px;}
.tip-help > h6{font-size:13px;color:#ff757f;line-height:30px;font-weight:bold;}
.tip-help > dl {font-size:11px;line-height:30px;margin:0;}
.tip-help > dl > dt{padding:6px 0;}
.tip-help > dl > 
span.docbox {position: relative;display: inline-block;margin-right: 4px;margin-left:10px;border: 1px solid #dde0e9;background-color: #f2f3f7;color: #111;font-weight: 600;border-radius: 2px;padding: 0 30px 0 10px;text-decoration: none;font-size: 12px; vertical-align:middle; line-height:25px;}
span.docbox a {position: absolute;color: #ffffff;display: block;top: 4px;right: 10px;font-weight: bold;text-decoration: none;font-size: 12px;line-height: 16px;height: 20px;width: 10px;text-align: center;vertical-align: middle;}
span.docbox a,
span.docbox a:hover,
span.docbox a:focus {color: #ffffff;text-decoration: none;}
td .docbox:first-child {margin-left:10px;}
.docbox~.docbox {margin-left:0px;}

/* submain-top */
.submain-top-wrap { position:relative; }
.submain-top { width:100%; height: 100%; min-height:95px; margin-top: 0; border: 1px solid #ddd; border-bottom: 1px solid #b8bcbe; background: #fff; text-align:center; }
.submain-top ul { width: 70%; margin: 0 auto; }
.submain-top ul li { float: left; height: 50px; }
.submain-top ul li .text { margin-top: 19px; margin-right: 10px; }
.submain-top ul li .search-text { margin-top: 16px; }
.submain-top ul.recent-search li { height:25px; }
.submain-top ul.recent-search li.recent-search-text span { margin-right:8px; color:#ff757f; font-weight:bold; }

.submain-top-wrap1 { position:relative; margin-left:0; margin-right:0; }
.submain-top1 { width:100%; height: 100%; min-height:87px; margin-top: 0; border-bottom: 1px solid #ddd; background: #fff; text-align:center; }
.submain-top1 ul { width: 70%; margin: 0 auto; }
.submain-top1 ul li { float: left; height: 50px; }
.submain-top1 ul li .text { margin-top: 19px; margin-right: 10px; }
.submain-top1 ul li .search-text { margin-top: 16px; }
.submain-top1 ul.recent-search li { height:25px; }
.submain-top1 ul.recent-search li.recent-search-text span { margin-right:8px; color:#ff757f; font-weight:bold; }


/*============================================================
contents Header
=============================================================*/
/* con-header */
.con-header { position:relative; height:50px; /*margin:0 20px;*/ padding:18px 0 0 0; border-bottom:1px solid #d1d1d1; background:#fff; }
.con-header.tl4 { border-top:4px solid #d3292c; border-bottom:none; height: auto; }
.con-header.tl4 h2 { font-size:32px; color:#000; margin-top: 30px; }
.con-header .tip { position: absolute; right: 0px; top: 20px; }
.con-header .tip i { margin-right: 5px; margin-bottom: 2px; }
.con-header .tip1 { font-weight:600; position: absolute; right: -15px; top: 1px; color: #111 !important; background-color: transparent !important; text-shadow: none !important; border:0; outline: 0; }
.con-header .tip1:hover { color: #111 !important; background-color: transparent !important; text-shadow: none !important; opacity:1; border:none !important; border:0; outline: 0; }
.con-header .tip1:active { top: 9px; color: #111 !important; background-color: transparent !important; text-shadow: none !important; opacity:1; border:none !important; border:0; outline: 0; }
.con-header .tip1:focus { color: #111 !important; background-color: transparent !important; text-shadow: none !important; opacity:1; border:none !important; border:0; outline: none; }
.con-header .tip1 i { margin-right: 5px; color:#cccccc; }
.con-header h2 {padding-left:2px; font-size:16px; font-weight:600; color:#111; }
.con-header h2 i.fa-star { padding-left:5px; font-size:15px; color:#ffa019;cursor: pointer; }
.con-header h2 .t2 { color:#999; }
.con-header h2 select { font-size:12px; font-weight:600; color:#111; }
.con-header .header-select { display:inline-block; margin-top:-5px; margin-left:10px; }
.con-header .header-select a:hover { opacity:0.8; }
.con-header .btn-r { position: absolute; right: 0; bottom: 15px; }
@media only screen and (-webkit-min-device-pixel-ratio: 0) { .con-header h2 { font-weight:bold; } }
.con-header *{vertical-align:middle;}
.con-header .btn-wrap {padding-top:0; padding-bottom:0}

/* con-header-image */
.content-header-image { background-color: #f9f9f9; }
.content-header-media { position: relative; min-height: 152px; overflow: hidden; border-top-color: #222; }
.content-header-media .header-section { z-index: 10; position: absolute; bottom: 0; left: 0; right: 0; height:30px; color: #fff; background: url(../../images/template/ie8_opacity_dark_60.png) repeat; background: rgba(0, 0, 0, 0.6); }
.content-header-media .content-header-text { position: absolute; top: 25px; left: 30px; color: #333; font-weight:600; z-index:10; }
.content-header-media .content-header-text span { font-size:16px;}
.content-header-media .header-section .iconlist { margin: 7px 0 0 30px; }
.content-header-media .header-section .iconlist a { color:#fff; }
.content-header-media .content-header-block { position: absolute; right: 0; top: 0; width: 190px; height: 100%; padding-top:5px; background: rgba(0, 0, 0, 0.6); z-index:11; }
.content-header-media .content-header-block ul { text-align:center; }
.content-header-media .content-header-block ul li { display:inline-block; padding:6px; }
.content-header-media .content-header-block ul li.pre a { padding: 8px 0 0 0; width: 40px; height: 40px; font-size: 13px; font-weight: normal; color: #fff; opacity: 0.9; }
.content-header-media .content-header-block ul li.date a { font-size: 14px; color: #fff; }
.content-header-media .content-header-block ul li.next a { padding: 8px 0 0 0; width: 40px; height: 40px; font-size: 13px; font-weight: normal; color: #fff; opacity: 0.9; }
.content-header-media .content-header-block .chart-wrap span { color:#fff; }
.content-header-media .content-header-block .chart-wrap .title { padding-top: 10px; color: #fff; font-size: 13px; }

/* breadcrumb */
.breadcrumb-line {margin: 0 0 35px;position: absolute;right:0;top: 11px;}
.breadcrumb {padding: 9px 12px 10px;float: left;margin: 0;background: 0 0;border-radius: 0;}
.breadcrumb>li { display:inline-block; font-weight: 600;}
.breadcrumb>li:first-child>a {background: url(../../images/common/breadcrumb_home.png) no-repeat 0;padding-left: 10px;}
.breadcrumb>li+li:before {content: "\203a";padding: 0 5px;color: #ccc;font-size: 10px;}
.breadcrumb>li>a {color: #999;}
.breadcrumb>li>a span {position:absolute; left:-10000px; top:-10000px; width:0; height:0; font-size:0; }
.breadcrumb>.active {color: #111;}

/*============================================================
table-header
=============================================================*/
.table-header { position:relative; height:50px; /*margin:0 20px;*/ border-bottom:2px solid #e5a1a1; background:#fff; }
.table-header .w-location { position:absolute; top:10px; right:20px; }
.table-header .w-location span { color:#555; }
.table-header .w-location span:first-child { padding-left:8px; background:url(../../images/common/ic_dot.png) no-repeat 0 6px; }
.table-header .w-location span:before {content: "\203a";padding: 0 5px; color: #ccc; font-size:10px; }
.table-header .w-location span:first-child:before { content:""; padding:0; }
.table-header .listinfo { position:relative; top:11px;line-height: 20px; }
.table-header .listinfo select { float:left;display:inline-block; }
.table-header .listinfo .table-header-checkbox, .table-header .table-search .table-header-checkbox { display: inline-block; float: left; margin: 4px 8px 0 0; }
.table-header .listinfo .totalnum { float:left;display:inline-block;margin:4px 16px 0 10px; color:#999; }
.table-header .listinfo .totalnum span { margin-left:3px; font-weight:700; color:#f05050; }
.table-header .listinfo .btn { padding: 0 4px; font-size: 11px; color: #555; border: 1px solid #cacaca; background-color: #e9e9e9; }
.table-header i.fa-caret-up, .table-header i.fa-caret-down { margin-left:3px; color:#999; font-size:13px; }
.table-header i.fa-caret-up.active, .table-header i.fa-caret-down.active { color:#f05050; }
.table-search { position:absolute; top:11px; right:0; }
.table-search label {float:left; margin-right:9px; line-height:27px; font-weight:600}
.table-search.astatus {top:2px;}
.table-search select { float:left; margin-right:5px; }
.table-search .fleft.btn-set {margin-right:3px;}
.table-search .fleft.btn-set .btn {font-weight:normal;}
.table-search .fleft.btn-set .btn.active {background:#f0f0f0 !important;}
.table-search .input-search { position:relative; float:left; }
.table-search .input-search input {padding-right:8px;}
.table-search .input-unread { position:relative; float:left;padding-right:15px;line-height:26px; }
.table-search .input-date { position:relative; float:left;padding-right:15px;line-height:26px; }
.input-search input {position:relative; padding-right:36px; }
.table-search .input-unread label { font-weight:normal; }
.table-search .input-search .btn {padding:3px 6px; margin-left:-5px; border-radius:0 2px 2px 0; font-size:15px; border:1px #bbb solid; background:#fff !important;}
.table-search .input-search .btn i {color:#fd7d86 !important;}
.table-search .input-search .btn span {position:absolute; left:-10000px; top:-10000px; width:0; height:0; font-size:0;}
.table-search.po-left {position:relative; left:0; top:0; padding:7px 0 12px 0; }
.table-search.po-left .input-search {float:none;}
.table-search.po-left .input-search label {color:#222; font-weight:600}

.table-search .btnSearch { float:left; display:inline-block; width:29px; height:27px; border-radius:4px; }
.table-search.inline { display:inline-block; position:relative; top:auto; right:auto; }
.table-search.inline .input-search { float:none; } 
.table-header.po-l .table-search {left:20px;}/* �뜝�럥�돯占쎄껀占쎈짗占쎌굲 */
.table-header.po-l .table-search .input-search {float:none; display:inline-block}
.table-header.po-l .button-group-nr {position:absolute; right:25px; top:5px;}
.table-header.po-l .button-group-nr .txt_bar {margin:0;}
.table-header.po-l .button-group-nr .btn {padding:3px 11px; border-radius:0;}
.table-header.po-l .button-group-nr .btn.br {border:1px #ccc solid;}
.table-header.po-l .button-group-nr .btn.first {border-radius:4px 0 0 4px; margin-right:-4px;}
.table-header.po-l .button-group-nr .btn.last {border-radius:0 4px 4px 0; margin-left:-4px;}
.table-header.po-l .button-group-nr .btn:hover, 
.table-header.po-l .button-group-nr .btn.active {background-color:#ff757f; color:#fff;}
.table-header.po-l .button-group-nr .btn.br:hover, 
.table-header.po-l .button-group-nr .btn.br.active {border-color:#ff757f;}
.btn-default {display:inline-block; padding:3px 11px; line-height:19px; font-size:13px; background-color:transparent; border:none; cursor:pointer}
.btn-default:hover, .btn-default:focus, .btn-default:active {text-decoration:none;background-color:transparent;}

.table-search .btnSearch { float:left; display:inline-block; width:29px; height:27px; border-radius:4px; }
.table-search.inline { display:inline-block; position:relative; top:auto; right:auto; }
.table-search.inline .input-search {float:none; } 
.table-header.po-l .table-search {left:0;}
.table-header.po-l .table-search .input-search {float:none;}
.table-header.po-l .button-group-nr {position:absolute; right:0; top:5px;}
.table-header.po-l .button-group-nr .btn {border-radius:0;}
.table-header.po-l .button-group-nr .btn.first {border-radius:4px 0 0 4px; margin-right:-4px;}
.table-header.po-l .button-group-nr .btn.last {border-radius:0 4px 4px 0; margin-left:-4px;}
.table-header.po-l .button-group-nr .btn:hover, 
.table-header.po-l .button-group-nr .btn.active {background-color:#ff757f; color:#fff;}
.btn-default {background-color:transparent; border:none;}

/* layoutTypeItem */
.layoutTypeItem {position:relative;vertical-align:top;line-height:0px;display:inline-block;}
@-moz-document url-prefix(){.layoutTypeItem {padding-top:3px}}
@media screen and (-webkit-min-device-pixel-ratio:0) {.layoutTypeItem {padding-top:3px}}
.layoutTypeItem ul{padding: 0;}
.layoutTypeItem li{display:inline-block;}
.layoutTypeItem li a {background-image: url('../../images/common/ic_common.png');background-repeat: no-repeat;width:21px;height:21px;display:block;}
.layoutTypeItem li a.btn-layout-response{background-position:0px -120px;}
.layoutTypeItem li a.btn-layout-normal{background-position:-22px -120px;}
.layoutTypeItem li a.btn-layout-split{background-position:-44px -120px;}
.layoutTypeItem li a:hover.btn-layout-response, .layoutTypeItem li a.active.btn-layout-response {background-position:-66px -120px;}
.layoutTypeItem li a:hover.btn-layout-normal, .layoutTypeItem li a.active.btn-layout-normal {background-position:-88px -120px;}
.layoutTypeItem li a:hover.btn-layout-split, .layoutTypeItem li a.active.btn-layout-split {background-position:-110px -120px;}
.layoutTypeItem a span{text-indent:-999px;color:transparent;height:0;width:0;font-size:0;}

/*============================================================
Table Style - List
=============================================================*/
table { border-spacing: 0; width:100%; table-layout:fixed; border-collapse:collapse; background-color:#fff; }
div.contentsBody table { table-layout: initial; }
table caption {/*position:absolute; left:-10000px; top:-10000px; width:0; height:0; font-size:0;*/display:none;}
table .bgselected th, table .bgselected td { background:#eceff0 !important; font-weight:600; }
table .bgselected.br td { background:#eceff0 !important; border-top:1px solid #e5e5e5;  border-bottom:1px solid #e5e5e5; font-weight:600; }
table.separate {border-collapse:separate !important;}
.table-layout-auto { table-layout:auto; }
.table-layout-fixed { table-layout:fixed; }
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9 }
.table-striped.striped02 > tbody > tr > td { background-color: #f9f9f9 }
.table-striped.striped02 > tbody > tr:nth-child(1) > td { background-color: #f9f9f9 }
.table-striped.striped02 > tbody > tr:nth-child(4n-1) > td { background-color: #fff }

/* content-list basic */
.content-list { border-top:1px solid #d1d1d1; /*margin:0 20px;*/ margin-top:-1px; }
.content-list .table { border-bottom:1px solid #eee; }
.content-list .table > thead > tr > th { padding:5px 5px 6px; height:38px; line-height:18px; color:#111; text-align:center; font-weight:600; vertical-align:middle; border-bottom:1px solid #d1d1d1; background:#fff; }
.content-list .table > tbody > tr > th a:hover { text-decoration:none; }
.content-list .table > tbody > tr > td { padding:3px 5px; height:34px; line-height:18px; color:#333; text-align:center; vertical-align:middle; }
.content-list .table > tbody > tr.delete { font-style: italic; /* background: #ffefef; */ }
.content-list .table > tbody > tr.delete > td.text-left { color: #f05050; }
.content-list .table > tbody > tr.delete > td.text-left a { color: #f05050; }
.table-striped > tbody > tr.delete:nth-child(odd) > td, .table-striped > tbody > tr.delete:nth-child(odd) > th {  }

.content-list .table > tbody > tr > td .per2 {margin:0;}
.content-list .table.list-border td { border-bottom:1px solid #e5e5e5; }
.content-list .table > tbody > tr > td .best { background: #fff; border-radius: 2px; color: #bd9000 !important; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; }
.content-list .table > tbody > tr > td a { color:#111; /*padding-left:10px;*/}
.content-list .table > tbody > tr > td a span.ico-n { display: inline-block; margin-top: -5px; margin-right: 5px; vertical-align: middle; }
.content-list .table > tbody > tr.read i.icon.read {background-position: -117px -289px;}
.content-list .table > tbody > tr.unread i.icon.read {background-position: -117px -314px;}
.content-list .table > tbody > tr.important i.icon.imp {background-position: -83px -55px;}
.content-list .table > tbody > tr i.icon.imp {background-position: -83px -41px;}
.content-list .table > thead > tr i.fa.fa-exclamation, .content-list .table > tbody > tr.emergency i.fa.fa-exclamation {color: #f05050;font-size:15px;cursor: pointer;}
.content-list .table > tbody > tr i.fa.fa-exclamation {color: #d1d1d1;font-size:15px;cursor: pointer;}
.content-list .table > tbody > tr.attach i.icon.attach {display:inline-block;}
.content-list .table > tbody > tr i.icon.attach {display:none}
.content-list .table > tbody > tr > td a.complate { text-decoration:line-through }
.content-list .table.over-line > tbody > tr > td {height:50px;}
.content-list .setting_tip { position: absolute; top: 0; right: 0; }
.content-list .setting_tip ul {}
.content-list .setting_tip ul li { float: left; margin-left: 10px; }

.content-list .table > tbody > tr > td .report-bul-color1 { display: inline-block; width: 15px; height: 15px; background: #f05050; border-radius: 50%; vertical-align: middle; }
.content-list .table > tbody > tr > td .report-bul-color2 { display: inline-block; width: 15px; height: 15px; background: #ffc000; border-radius: 50%; vertical-align: middle; }
.content-list .table > tbody > tr > td .report-bul-color3 { display: inline-block; width: 15px; height: 15px; background: #77933c; border-radius: 50%; vertical-align: middle; }
.content-list .table > tbody > tr > td .con-btn .btn.report.color1 { background:#bfbfbf; }
.content-list .table > tbody > tr > td .con-btn .btn.report.color2 { background:#cf3b3b; }
.content-list .table > tbody > tr > td .con-btn .btn.report.color3 { background:#9bb7d8; }
.content-list .table > tbody > tr > td a i.report { color: #cf3b3b; font-size: 16px; }


.mail .content-list .table > tbody > tr.unread > td a, .message .content-list .table > tbody > tr.unread > td a { font-weight:600;color:#111; }
.mail .content-list .table > tbody > tr.unread i.icon.mail-read {background-position: -145px -314px;}
.mail .content-list .table > tbody > tr.read i.icon.mail-read {background-position: -145px -289px;}
.mail .content-list .table > tbody > tr.read.reply i.icon.mail-read {background-position: -170px -291px;}
.mail .unfold i{color:#afafaf;}
.mail .m-group{display:none;}
.mail .block-form{display:table}
.mail .block-form > div{display:table-cell;padding-right:4px;}
.mail .block-form .wrap { position:relative; width: 100%; }
.mail .block-form .wrap .imp-btn { position:absolute; top:2px; left:10px; }
.mail .block-form .wrap input { padding:0 8px 0 27px; }
.mail .dropdown-toggle.label {position: relative;height: 27px;text-align: left;font-size: 12px;font-weight: normal; border-color: #d6d6d6;border-radius: 2px;color: #111; }
.mail .dropdown-menu.label-list {min-width:111px;}
.content-list .table.table-in {border:1px dashed #b6b6b6;border-left:none;border-right:none;}
.content-list .table.table-in > tbody > tr > td { background:#ededed; }

.content-list i.fa-star { color:#ffa019; font-size:14px; }
.content-list i.fa-star-o { color:#a8a8a8; font-size:14px; }
.content-list i.fa-share-alt { color:#999; font-size:14px; }
.content-list i.fa-share-alt.shared { color:#f07070; }
.content-list i.fa-question-circle { color:#f05050; font-size:15px; }
.content-list i.fa-caret-up, .content-list i.fa-caret-down { margin-left:3px; color:#999; font-size:13px; }
.content-list i.fa-caret-up.active, .content-list i.fa-caret-down.active { color:#f05050; }
@media only screen and (-webkit-min-device-pixel-ratio: 0) { .content-list .strong { font-weight:bold; } }

/* content-list summary */
.content-list .summary .h3_box{padding:14px 10px 8px;border-top:1px solid #ececec}
.content-list .summary { border-bottom:1px solid #eee; }
.content-list .summary > ul{padding:0}
.content-list .summary > ul > li{border-top:1px solid #e5e5e5;position: relative;padding:18px 20px 14px; }
.content-list .summary > ul > li:first-child { border-top:none; }
.content-list .summary > ul > li > a{padding: 12px 68px 8px 40px;display: block;position: relative;}
.content-list .summary > ul > li > a > span:nth-child(2) + span{width:48px}
.content-list .summary > ul > li > a > span:nth-child(2) + span strong{width:48px}
.content-list .summary > ul > li > a > span:nth-child(2) + span:before{left:18px}
.content-list .summary .subject { font-size:13px; letter-spacing:-0.5px; font-weight:600; margin-bottom:10px; }
.content-list .summary .subject a{ display:block; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.content-list .summary .subject a.type2 { display:inline; overflow:inherit; white-space:inherit; }
.content-list .summary .ic-imp{margin-left:5px;}
.content-list .summary .msg {margin:12px 0 6px;line-height: 18px;max-height: 52px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;}
.content-list .summary .img {margin:12px 0 6px;line-height: 18px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;}
.content-list .summary .sjt {font-size: 11px;color:#a6a5a2;margin-bottom:10px;}
.content-list .summary .mysjt {font-size: 12px;color:#333;margin-bottom:4px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content-list .summary .status {position: absolute;right: 10px;top: 4px;color:transparent;width: 45px;display: table-cell; vertical-align: middle;z-index:999;}
.content-list .summary .Wdate {position: absolute;right: 10px;bottom: 6px;color: #555555;font-size: 0.8em;}
.content-list .summary li .LimgCheckbox {position: absolute;left: 10px;top: 19px;height: 20px;width: 20px;}
.content-list .summary .attach-wrap{position:absolute;right:20px;top:20px;}
.content-list .summary-check { float:left; width:20px; }

/* content-list mail summary */
.content-list .mail-summary .h3_box{padding:14px 10px 8px;border-top:1px solid #ececec}
.content-list .mail-summary > ul{padding:0}
.content-list .mail-summary > ul > li{border-top:1px solid #e5e5e5;position: relative;padding:18px 20px 14px; }
.content-list .mail-summary > ul > li:first-child { border-top:none; }
.content-list .mail-summary > ul > li > div{padding-left:20px;}
.content-list .mail-summary > ul > li > a{padding: 12px 68px 8px 40px;display: block;position: relative;}
.content-list .mail-summary > ul > li > a > span:nth-child(2) + span{width:48px}
.content-list .mail-summary > ul > li > a > span:nth-child(2) + span strong{width:48px}
.content-list .mail-summary > ul > li > a > span:nth-child(2) + span:before{left:18px}
.content-list .mail-summary > ul > li > .subject { font-size:13px; letter-spacing:-0.5px; font-weight:600; margin-bottom:10px; }
.content-list .mail-summary > ul > li > .sender-name { font-size:11px; letter-spacing:-0.5px; font-weight:600; margin-bottom:6px; }
.content-list .mail-summary > ul > li > .subject{ color:#111;padding-right:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.content-list .mail-summary > ul > li.read > .subject a, .content-list .mail-summary > ul > li.read > .msg{ opacity:0.6;}
.content-list .mail-summary > ul > li > .subject a.type2 { display:inline; overflow:inherit; white-space:inherit; }
.content-list .mail-summary > ul > li .icon.imp{background-position:-83px -41px;}
.content-list .mail-summary > ul > li.important .icon.imp{background-position:-83px -55px;cursor: pointer;}
.content-list .mail-summary > ul > li .attach-wrap{position:absolute;right:28px;top:40px;display:none;}
.content-list .mail-summary > ul > li.attach .attach-wrap{display:block;}
.content-list .mail-summary > ul > li.attach .attach-wrap span{position:absolute;top: -3px;right: -8px;min-width:14px;height:14px;text-align:center;font-size:10px;color:#fff;background-color:#f07070;border-radius:50%;}
.content-list .mail-summary > ul > li .mail-check{position: relative;top: -2px;}
.content-list .mail-summary > ul > li.read .icon.mail-read{background-position: -145px -289px;}
.content-list .mail-summary .msg {margin:12px 0 6px;line-height: 18px;max-height: 52px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;}
.content-list .mail-summary .Wdate {position: absolute;right: 20px;top: 18px;color: #555555;font-size: 0.8em;}
.content-list .mail-summary .summary-check { position:absolute;top:18px;left:0px; }
.content-list .mail-summary .label { position:absolute;top:39px;left:0px; }

/* content-list v-card */
.vcard-list {}
.vcard-list > ul > li{display:block;position: relative;padding: 14px 20px;border-top: 1px solid #e5e5e5;overflow:hidden;clear:both;content:''}
.vcard-list > ul > li:first-child{border-top: none;}
.vcard-list > ul > li .v-lock{position:absolute;top:30px;right:20px;}
.lst_thmb:after{overflow:hidden;clear:both;content:''}
.lst_thmb .thmb{float:left;width:60px;margin-right:10px}
.lst_thmb .cont{float:left;width:auto;}
.lst_thmb > ul > li{padding:0;padding-left:7px;line-height:19px}
.vcard-list > ul > li .lst_thmb .cont p {line-height:17px;padding:0;margin:0}
.option-style {position:relative;padding:10px 20px;text-align:right;border-bottom:1px solid #ddd;}
.option-style > span{margin-left:10px;}
.option-style > span.current a{color:#f07070;}
.vcard .shuttleL { float:left; width:47.5%; padding-left:20px; }
.vcard .shuttleM { float:left; width:5%; text-align:center; }
.vcard .shuttleR { float:right;position: relative; width:47.5%;padding-right: 20px;}
.vcard .shuttleRR { position: absolute; top:3px; right: 20px; }
.vcard .shuttleRR > ul > li > a { width:26px; height:26px; border-radius:2px; }
.vcard .shuttleRR > ul > li > a i { font-weight:normal; }
.vcard .shuttleRR li { display:inline; }
.vcard .shuttleL .table-header .listinfo, .vcard .shuttleR .table-header .listinfo {line-height: 28px;}
.vcard .shuttleL .table-search, .vcard .shuttleR .table-search {right: 0px;}
.vcard .shuttleTitle { position:relative; padding: 8px 10px 7px;font-weight: bold;border-left: 1px solid #ddd;border-right: 1px solid #ddd;background-color:#f5f5f5;}
.vcard .inbox {padding:0;}
.vcard .summary-check {position: absolute;top: 30px;left: 10px;}
.vcard .shuttleL .vcard-list > ul > li, .vcard .shuttleR .vcard-list > ul > li {padding: 14px 20px 14px 40px;}

/* content-list phonemessage */
.phonemessage .content-list td .telnum{display: inline-block;}
.phonemessage .content-list td .telnum i{font-size:14px; margin-right:4px;vertical-align:middle;color:#b0b0b0}
.phonemessage .content-list td .telmemo i{font-size:14px; margin-right:4px;color: #f07070; }

/* content-list safety */
.safety-statusWrap {position: absolute;top: -47px;right: 20px;}
.safety-status{font-size: 10px;border: none;background: none;border-top: none;}
.safety-status ul{padding: 0;text-align: center;}
.safety-status ul li{display: inline-block;width: 60px;padding: 2px 0 0; border-top: none;}
.safety-status ul li span.count{position: relative;display: inline-block;font-size: 18px;min-width: 50px;height: 50px;padding: 1px 4px;border-radius: 50%;line-height:48px; font-weight:600;}
.safety-status li.uncompleted, .safety-status li.safe, .safety-status li.serious, .safety-status li.slight {background:#ffffff !important;border:none !important;}
.safety-status ul li.safe .status{color:#555; font-weight:600;}
.safety-status ul li.uncompleted .status{color:#98a7af; font-weight:600;}
.safety-status ul li.serious .status{color:#f05050; font-weight:600;}
.safety-status ul li.slight .status{color:#f39800; font-weight:600;}
.safety-status ul li .uncompleted { background:#b7c8d2; }
.safety-status .status{padding:0;}
.safety .content-list .uncompleted { background:#b7c8d2; }

/* content-list timecard */
.timecard .fc-button {display:inline-block;margin-bottom:0!important;font-weight:400;text-align:center;cursor:pointer;background-image:none;color:#ffffff;background-color:#6ad2eb;text-shadow:0 0px 0 rgba(255,255,255,.8);border:1px solid #1bbae1;white-space:nowrap;padding: 0 .6em;font-size:13px;line-height:26px;height:30px;box-shadow:none;-webkit-box-shadow:none;}
.timecard .fc-button.fc-button-next, .planner .fc-button.fc-button-prev {background-color:#eee;border: 1px solid #dbe1e8;color: #5e5e5e;width:36px;;}
.timecard .fc-button.fc-button-list, .timecard .fc-button.fc-button-agendaGraph{min-width:62px;}
.timecard .fc-button.fc-button-list{padding-left:20px;background-image:url(../../images/common/ic_list.png);background-repeat:no-repeat;background-position: 12px 8px;}
.timecard .fc-button.fc-state-disabled,.timecard .fc-button.fc-state-disabled:hover {cursor:default;color:#fff}
.timecard table.fc-border-separate{margin-bottom:20px;}
.timecard .fc-state-default {background-color: #6ad2eb;color: #ffffff;border: 1px solid #1bbae1;}
.timecard .fc-button.fc-state-hover {text-decoration: none;background-color: #1bbae1;color: #ffffff;}
.timecard .fc-button.fc-state-active,.planner .fc-button.fc-state-down {background-color: #1bbae1;border-color: #1593b3;color: #ffffff;outline: 0;}
.timecard .fc-button.fc-button-next, .timecard .fc-button.fc-button-prev {background-color: #eee;border: 1px solid #dbe1e8;color: #5e5e5e;width: 36px;}
.timecard .fc-content .fc-line td {padding:0px;text-align:center;height:2px;line-height:2px;}
.timecard .fc-content td {padding:6px;text-align:center;vertical-align:middle;}
.timecard .fc-content td i.fa{font-size:16px;color:#a3b6be;margin-left:5px;vertical-align: middle;}
.timecard .fc-content td.targetInfo i.fa{color:#59c2e6;}
.timecard .fc-content td.fc-last {text-align:left;}
.timecard .fc-content td.break, .timecard .fc-content td.absence{background:#ebebeb;}
.timecard .timecard-ca{float:right;padding:10px 0 10px}
.timecard .timecard-ca li{display:inline-block;background-color:#fff;margin-left:10px;}
.timecard .timecard-ca li span{display:inline-block;width:15px;height:15px;margin-right:4px;border-radius:50%;vertical-align:middle}
.progress {position:relative;overflow: hidden;height: 8px;border-radius: 0px;}
.progress-bar {position:absolute;width: 0%;height: 100%;font-size: 12px;line-height: 10px;color: #fff;}

.progress1, .progress-bar1 { overflow: hidden; font-size: 12px; color: #FFF; text-align: center; height: 18px; line-height: 18px; margin-bottom: 20px; background-color: #F5F5F5; border-radius: 4px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width .6s ease; transition: width .6s ease; }
.progress1.active .progress-bar1 { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }
.progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size: 40px 40px; }
.progress-bar-danger { background-color: #f07070; }

/*.timecard.graph .fc-content td {background: url('../../images/common/bg_dotted.png') no-repeat 33.3% 1px ,url('../../images/common/bg_dotted.png') no-repeat 66.6% 1px;}*/
.timecard.graph .fc-content td.fc-first {background: none;}

.work {background-color: #59c2e6;}
.lateness {background-color: #e74c3c;}
.earlyoff {background-color: #9d9d9d;}
.outsidedffice {background-color: #f39c12;}
.break {background-color: #2ecc71;}
.absence {background-color: #d5d5d5;}

/* content-list gallery */
.content-list .gallery { padding:18px 14px 0; border-bottom:1px solid #eee; }
.gallery .item { float:left; padding:0 6px; }
.content-list .gallery .item .inner { background:#fff; border:1px solid #ddd; border-bottom:1px solid #b8bcbe; }
.content-list .gallery img, .content-list .gallery a img, .content-list .gallery-image img, .content-list a[data-toggle="lightbox-image"] img { max-width: 100%; }
.content-list a[data-toggle="lightbox-image"], .content-list a.gallery-link {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.content-list .gallery a:hover img, .content-list .gallery-image:hover img, .content-list a[data-toggle="lightbox-image"]:hover img {opacity: 0.75;filter: alpha(opacity=75);}
.content-list .gallery-image {position: relative;}
.content-list .gallery-image-options {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: none;padding: 10px;}
.content-list .gallery-image:hover .gallery-image-options {display: block;}
.content-list .gallery > .row > div {margin-bottom: 15px;}
.content-list .gallery.gallery-widget > .row > div {margin-bottom: 0;padding-top: 7px;padding-bottom: 7px;}
.content-list .gallery-info {overflow:hidden; position:relative; padding:0 12px; }
.content-list .gallery-info .checkbox { position:absolute; left:10px; top:0; }
.content-list .gallery-info .subject2 { height:20px; line-height:19px; margin:8px 0 4px; overflow:hidden; text-overflow:ellipsis; /* display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; */ }
.content-list .gallery-info .subject2>a { font-size:12px; font-weight:600; color:#111; }
.content-list .gallery-info small { margin-left:0; font-size:11px; color:#777; }
.content-list .gallery-info .reply-wrap { position:absolute; bottom:0; right:20px; font-size:10px; }
.content-list .gallery-info p.name, .gallery .gallery-info p.date { font-size:11px; margin:2px 0; color:#333; padding-right:50px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap; -o-text-overflow:ellipsis;}
.gallery-info p.date { margin:2px 0 10px; }
.photo-img img { max-width:100%; }

#gallery { padding:10px 15px 0; }
#gallery .item2 {float:left; width:202px; margin:5px; border:1px solid #ddd; border-bottom:1px solid #b8bcbe; background:#eee; }
#gallery .item2 .pic { width:200px; height:200px; }
#gallery .item2 .pic a { display:block; width:200px; height:200px; }
#gallery .item2 .pic a span {position:absolute; left:-10000px; top:-10000px; width:0; height:0; font-size:0;}
#gallery .gallery-info { position:relative; padding:0 12px; background:#fff; }
#gallery .gallery-info .checkbox { position:absolute; left:10px; top:0; }
#gallery .gallery-info .subject2 { height:auto; line-height:19px; margin:0; padding:6px 0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#gallery .gallery-info .subject2 > a { font-size:12px; font-weight:600; color:#111; }
#gallery .gallery-info .subject2 input[type="checkbox"] { vertical-align:text-bottom; }
#gallery .gallery-info .name, #gallery .gallery-info .fleft { float:left; margin-bottom:5px; width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#gallery .gallery-info .date, #gallery .gallery-info .fright { float:right; font-size:11px; color:#777; }
#gallery .gallery-info .fright em {margin-right:5px; font-style:normal; font-weight:700; color:#f05050;}
#gallery .gallery-info .icon {margin:0;}

/* content-list table outline-border  */
.content-list .table.outline-border { border:1px solid #e5e5e5; }
.content-list .table.outline-border > tbody > tr > td { padding:3px 5px; height:34px; line-height:18px; color:#111; text-align:center; vertical-align:middle; }
.content-list .table.outline-border > tbody > tr:hover { background:#fafafa; }
.content-list .table.outline-border > tbody > tr.current { background:#ebf4fd; }

@media (max-width:900px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:65% } }
@media (max-width:850px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:60% } }
@media (max-width:800px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:55% } }
@media (max-width:750px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:50% } }
@media (max-width:700px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:45% } }
@media (max-width:650px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:40% } }
@media (max-width:600px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:35% } }
@media (max-width:550px) { .gallery .item { float:none; } .gallery .item.w16p, .gallery .item.w20p, .gallery .item.w25p, .gallery .item.w33p { width:100% !important; max-width:30% } }


/*============================================================
Table Style - View
=============================================================*/
/* content-view */
.content-view {position: relative;width:auto;vertical-align:top;background-color:#fff; }
.content-view.border-top { border-top:2px solid #e5a1a1; border-bottom:none; }
.content-view .board-header{background:#f5f5f5;padding:16px 100px 18px 26px; overflow:hidden;clear:both; border-bottom:1px solid #e5e5e5; }
.content-view .board-header:after{overflow:hidden;clear:both;content:''}
.mail .content-view .board-header{background:#f2f5f6;padding:26px 20px 20px 26px;}
.content-view .board-header i.fa-star { position:relative; margin-right:3px; width:16px; font-size:14px; color:#bcc6cf; }
.content-view .board-header i.fa-star.select { color:#ffa019; }
.content-view .board-header h3{font-size: 14px;font-weight:600;line-height: 20px;}
.content-view .board-header h3 i{position: relative;margin-right:6px;}
.content-view .board-header h3 i.fa.fa-exclamation{display:none;top: 2px;width:14px;height:14px;color: #f05050;font-size: 15px;margin:0;cursor: pointer;}
.content-view.emergency .board-header h3 i.fa.fa-exclamation{display:inline-block;}
.content-view .board-header h3 i.icon.imp{background-position:-83px -41px;cursor: pointer;}
.content-view.important .board-header h3 i.icon.imp{background-position:-83px -55px;cursor: pointer;}
.content-view .board-header .recommend {position: absolute;top: 18px;right: 20px;background-color:#fff;}
.content-view .board-header .recommend a{position: relative;display: block;min-width:60px;height:60px;padding:5px;border:1px solid #ccc;border-radius:3px;text-decoration: none;}
.content-view .board-header .recommend p{text-align:center;margin:4px 0 0;line-height: 16px;}
.content-view .board-header .recommend .num{color:#fff;}
.content-view .board-header .recommend .num span{ display:inline-block; padding:1px 6px 0; min-width:20px; height:20px; line-height:20px; border-radius:10px; background-color:#ff757f; font-size:11px; }
.content-view .board-header .recommend .doc{color:#111; margin-top:5px;}
.content-view .panel-body{padding:16px 26px;position:relative;}
/* .content-view .panel-body.update-board > .contentsBody > p { margin-bottom: 125px; } */
/* .content-view .panel-body.update-board:after {    content: ""; position: absolute; bottom: 0; left: 20px; background: url(../../../images/common/banner_update.png) no-repeat 0 2px; display: block; width: 100%; height: 105px; margin-bottom: 20px;} */
.content-view .panel-body.update-board .contentsBody { margin-bottom: 150px; }
.content-view .panel-body.update-board .banner { margin-bottom: 20px; position: absolute; bottom: 0; }
.content-view .message-body{line-height:22px; min-height:300px; border-bottom:1px solid #e5e5e5; }

.content-view .message-body .MoreAnswersBox {padding:15px 20px;margin-top:90px;min-height:145px;border:1px solid #e5e5e5;background:#f5f5f5;}

.content-view .message-body img {max-width:100%; height:auto;}
.content-view .message-body .attach-info { text-align:right;}
.content-view .message-body .attach-info a { color:#555; text-decoration:none; }
.content-view .message-body .attach-info a:hover { color:#111; }
.content-view .message-body .attach-info i.fa { margin-left:3px; color:#ccc; font-size:12px; }
.content-view .message-body .attach-info ul { padding:5px 10px; margin:5px 0 15px; text-align:left; border:1px solid #eee; }
.content-view .message-body .attach-info ul li { display:inline-block; margin-right:10px; }
.content-view .message-body .attach-info ul li a { color:#555; }
.content-view .message-body .attach-info .file-format { margin-top:3px; }
.content-view button.mfp-close, .content-view button.mfp-arrow {background:#ccc}
.content-view .mfp-arrow {width:42px;height:60px;border-radius:30px;color: #fff;font-size:22px;z-index:3;}
.content-view .mfp-arrow.mfp-arrow-left{border-radius:0 30px 30px 0;text-indent: -8px;}
.content-view .mfp-arrow.mfp-arrow-right{border-radius:30px 0 0 30px ;text-indent: 8px;}
.content-view .mfp-arrow:before, .content-view .mfp-arrow:after {margin:0;border:none;}
.content-view .board-header i.icon.imp {background-position: -83px -41px; }
.content-view.important .board-header i.icon.imp {background-position: -83px -55px }
.tag-body, .tag-body a{line-height:22px;color:#a0abb4; }
.tag-body a{margin:0 4px 0 4px; }
.content-view .tag-body { margin-top:-1px; border-bottom:1px solid #e5e5e5; background:#fff; }
.tag-body .fa-pencil { margin-left:5px; font-size:13px; color:#f05050; }

/* content-view table */
.content-view .table th { padding:4px 10px 5px; width:120px; line-height:28px; vertical-align:middle; text-align:right; font-weight:600; color:#111; border-bottom:1px solid #e5e5e5; background-color:#f9f9f9; }
.content-view .table td { padding:4px 10px 5px; line-height:28px; text-align:left; border-bottom:1px solid #e5e5e5; background-color: #fff; }
.content-view .table a { color:#111; }
.content-view .table td .original {background-color: #f1f1f1;}
.content-view .form-group {display:table;margin-bottom:0;padding:0;}
.content-view .form-group label{display:table-cell;padding:6px 10px; line-height:24px; vertical-align:top; border-bottom:1px solid #e5e5e5; color:#111;background-color:#f9f9f9;text-align:right;width:120px; font-weight:600;}
.content-view .form-group .attch-size{position:absolute;right:22px;top:15px;z-index:999;}
.content-view .form-group .attch-size span{text-align:right;color:red;margin-left: 10px;} 
.content-view .form-group div.td {display:table-cell;position:relative;padding:6px 22px 6px 15px; line-height:24px; color:#777;border-bottom:1px solid #e8e8e8;background-color: #fff; border-top:none;text-align:left;color:#111; }
.content-view .dropzone{margin-top:10px;}
.form-horizontal .form-group {margin:0;width: 100%;}
.form-horizontal .form-group input, .form-horizontal .form-group select{height:28px;font-size:12px;}
.form-block table td{border-bottom:1px solid #e8e8e8;}
.form-block .table02 td{border-bottom:none; color:#555;}

.content-view .table td .set-logo .logo-area {width:90px; height:78px;}
.content-view .table td .set-logo .logo-area .default {display:table; height:76px; width:88px;}
.content-view .table td .set-logo .logo-area .img {display:table-cell; vertical-align:middle;}
.content-view .table td .set-logo .logo-area .img img {max-width:88px; max-height:76px;}
.content-view .table td .set-logo .ins p {margin:0; line-height:20px;}
.content-view .table td .set-logo .ins .t1 {margin-bottom:2px;}

/* content-view table full-border  */
.content-view .table.full-border th { width:auto; padding:4px 10px; text-align:center; line-height:22px; border:1px solid #e5e5e5; }
.content-view .table.full-border th.bgcolor1 { background:#cdf1f4; }
.content-view .table.full-border th.bgcolor2 { background:#def4cd; }
.content-view .table.full-border th.bgcolor3 { background:#f7d0d4; }
.content-view .table.full-border td { padding:4px 10px; text-align:center; line-height:22px; border:1px solid #e5e5e5; word-break: break-all; }

.content-view .table.full-border.bg-select1 tr:nth-child(1) td:nth-child(2),
.content-view .table.full-border.bg-select1 tr:nth-child(2) td:nth-child(3),
.content-view .table.full-border.bg-select1 tr:nth-child(3) td:nth-child(3),
.content-view .table.full-border.bg-select1 tr:nth-child(4) td:nth-child(2),
.content-view .table.full-border.bg-select1 tr:nth-child(5) td:nth-child(2),
.content-view .table.full-border.bg-select1 tr:nth-child(6) td:nth-child(3)
{ background:#ffe8ea; font-weight:600; color: #d3292c; }

.content-view .table.full-border.bg-select2 tr:nth-child(1) td:nth-child(3),
.content-view .table.full-border.bg-select2 tr:nth-child(2) td:nth-child(4),
.content-view .table.full-border.bg-select2 tr:nth-child(3) td:nth-child(4),
.content-view .table.full-border.bg-select2 tr:nth-child(4) td:nth-child(3),
.content-view .table.full-border.bg-select2 tr:nth-child(5) td:nth-child(3),
.content-view .table.full-border.bg-select2 tr:nth-child(6) td:nth-child(4)
{ background:#ffe8ea; font-weight:600; color: #d3292c; }

.content-view .table.full-border.bg-select3 tr:nth-child(1) td:nth-child(4),
.content-view .table.full-border.bg-select3 tr:nth-child(2) td:nth-child(5),
.content-view .table.full-border.bg-select3 tr:nth-child(3) td:nth-child(5),
.content-view .table.full-border.bg-select3 tr:nth-child(4) td:nth-child(4),
.content-view .table.full-border.bg-select3 tr:nth-child(5) td:nth-child(4),
.content-view .table.full-border.bg-select3 tr:nth-child(6) td:nth-child(5)
{ background:#ffe8ea; font-weight:600; color: #d3292c; }

.content-view .table.full-border.bg-select4 tr:nth-child(1) td:nth-child(5),
.content-view .table.full-border.bg-select4 tr:nth-child(2) td:nth-child(6),
.content-view .table.full-border.bg-select4 tr:nth-child(3) td:nth-child(6),
.content-view .table.full-border.bg-select4 tr:nth-child(4) td:nth-child(5),
.content-view .table.full-border.bg-select4 tr:nth-child(5) td:nth-child(5),
.content-view .table.full-border.bg-select4 tr:nth-child(6) td:nth-child(6)
{ background:#ffe8ea; font-weight:600; color: #d3292c; }

.content-view .table.full-border.bg-select5 tr:nth-child(1) td:nth-child(6),
.content-view .table.full-border.bg-select5 tr:nth-child(2) td:nth-child(7),
.content-view .table.full-border.bg-select5 tr:nth-child(3) td:nth-child(7),
.content-view .table.full-border.bg-select5 tr:nth-child(4) td:nth-child(6),
.content-view .table.full-border.bg-select5 tr:nth-child(5) td:nth-child(6),
.content-view .table.full-border.bg-select5 tr:nth-child(6) td:nth-child(7)
{ background:#ffe8ea; font-weight:600; color: #d3292c; }

.gray-box {padding:20px; background:#f3f3f3}
.gray-box .subtitle h3 {background: url(../../../images/common/sub_tit2.png) no-repeat 0 1px;}
.gray-box .ins-box {background:#fff;}
.gray-box .agree-box { position:relative; margin-top:10px; }
.gray-box .agree-box .btn-r { position:absolute; top:0; right:0;  }
.gray-box .agree-box .round-info.on { background: #363636; padding-left: 10px; }

.writer-info {display: table;table-layout: fixed;width: 100%;margin: 0;padding: 0; font-size:14px; letter-spacing:-0.2px;}
.writer-info > li {display: table-cell;table-layout: fixed;display:inline-block;font-size:12px; vertical-align: middle;width: auto;}
.writer-info .num { color:#333; font-size:12px; }
 .txt_bar {margin: 0 6px 0 8px;color: #3f3a4e;width: 1px;height: 10px;line-height: 10px;background-color: #d6d6d6;vertical-align: middle;display: inline-block;text-indent: -9999px;}
.attach-list {padding:0;}
.attach-list li{display:inline-block;margin-right:10px;}
.attach-list li i{position:relative;vertical-align:middle;top:-1px;}
.sender-info {margin-top:20px;}
.sender-info > .label{vertical-align: super;font-weight:600;margin-right:20px;}
.sender-info > ul.list {margin-left: 60px;margin-top: -28px;}
.sender-info > ul.list > li{position:relative;display:inline-block;padding:2px 0; vertical-align:middle; }
.sender-info > ul.list > li .sender .check {display:inline-block;}
.sender-info > ul.list > li.unread > .sender > .check{display:inline-block;background-color:#f2f5f6;border:1px solid #ccc;border-radius:10px;padding:2px 4px;font-weight:600;scolor:#111;}
.sender-info > ul.list > li .sender{padding: 0 14px 0 0;background-color: #e2e2e2;height: 26px;line-height: 16px;border-radius: 13px;border-bottom: 0px solid #ccc;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; -o-text-overflow:ellipsis;}
.sender-info > ul.list > li .sender .per26 {position: relative;}
.sender-info > ul.list > li .sender .check {display:inline-block}

.lately-list {position: relative;float: left;padding-right: 20px;line-height: 28px;}
.lately-list > .label{vertical-align: super;font-weight:600;margin-right:20px;}
.lately-list > ul.list {margin-left: 40px;margin-top: -39px;height: 33px;}
.lately-list > ul.list > li{position:relative;display:inline-block;height:40px;padding:4px 0;}
.lately-list > ul.list > li a{display:block;}
.lately-list > ul.list > li a span img{margin-top: -3px;}
.lately-list > ul.list > li i{font-size:14px;color:#ff757f;vertical-align: sub;}
.dropdown-menu.dropdown-user {min-width: 170px;top:38px;background-clip: padding-box;border: 2px solid #ff757f;border-radius: 0px;padding:0px !important;}
.dropdown-menu.dropdown-user {top:37px;left:-93px}
.dropdown-menu.dropdown-user > li > a > div {display:inline-block;vertical-align: middle;}
.dropdown-menu.dropdown-user > li > a > div > span.team-name {opacity:.6;font-size:11px;}

/* gallery-view */ 
.gallery-view {display:block;background:#fff;padding:0;clear:both}
.gallery-view > div{padding:4px 0;}
.gallery-view > .subject {font-weight:600;padding:6px 0;line-height: 20px;}
.gallery-view > .date {line-height: 20px;}
.gallery-view > .msg {line-height: 20px;}
.gallery-view > .btn-wrap{padding:10px 20px;}
.gallery-view > .board-header{background-color:#fff;border-bottom:1px solid #eeeeee;}
.gallery-view > .reply-wrap{margin:13px 20px 0;}


/*============================================================
Table Style - Write
=============================================================*/
/* content-write */
.content-write .table th { padding:4px 10px 5px; /*width:120px;*/ line-height:20px; vertical-align:middle; color:#111; text-align:right; font-weight:600; border-bottom:1px solid #e5e5e5; background-color:#f5f5f5; }
.content-write .table td { padding:4px 10px 5px; line-height:28px; vertical-align:middle; text-align:left; color:#111; border-bottom:1px solid #e5e5e5; background-color: #fff; }
.content-write .table td > .task_management table { table-layout: auto; }
.content-write .table td.ckeditor {padding:0 2px;}

/* content-write table full-border  */
.content-write .table.full-border th { width:auto; text-align:center; border:1px solid #e5e5e5; }
.content-write .table.full-border td { text-align:center; border:1px solid #e5e5e5; }

.dropzone .dz-message{padding: 10px 0;}
.dropzone.dz-clickable .dz-message span {cursor: pointer;font-size: 11px;}

.content-write .form-group { position:relative; margin-bottom:0;padding:0;}
.content-write .form-group label{display:table-cell;padding:6px 10px; line-height:28px; vertical-align:middle; border-bottom:1px solid #e5e5e5; color:#111;background-color:#f5f5f5;text-align:right;width:120px; font-weight:600;}
.attch-size{position:absolute;right:20px;top:10px;z-index:999;}
.attch-size span{text-align:right;color:red;margin-left: 10px;} 
.content-write .form-group div.td {display:table-cell;position:relative;padding:6px 10px; border-bottom:1px solid #e5e5e5;background-color: #fff; border-top:none;text-align:left;color:#111; line-height:28px; }
.dropzone{margin-top:10px;}
.form-horizontal .form-group {margin:0;width: 100%;}
.form-horizontal .form-group input, .form-horizontal .form-group select{height:28px;font-size:12px;}
.modal-body .content-write .table > tbody > tr > td { padding-right:20px; }
.alarm-inline { color:#999; }

.content-write .table td .fa-exclamation-circle { color:#aaa; font-size:13px; vertical-align: middle; margin-bottom: 2px; }
.content-write .table td .fa-question-circle { color:#aaa; font-size:13px; vertical-align: middle; margin-bottom: 2px; }
.content-write .foreigner .fa-question-circle { color:#aaa; font-size:16px; vertical-align: middle; margin-bottom: 2px; }

/*============================================================
Table ETC
=============================================================*/
.inform-wrap {padding:7px; background-color:#e9ecef;}
.statement { position:relative; background:#fff;}
.statement h4 {padding:12px 14px;background-color:#f9fafc;border-bottom:1px solid #cccccc;font-size: 16px;font-weight: 600;}
.lt-ie9 .statement h4 { padding:12px 14px 10px; }
.statement > button.status { position:absolute; top:9px; right:20px; }
.statement .cate-box1, .statement .cate-box2, .statement .cate-box3 { position:absolute; top:11px; right:20px; }

.table02 th { text-align:right; }
.table02 th, .table02 td { padding:8px; border:none; vertical-align:top; }
.table03 { width: 100%; margin-bottom: 10px; background:none; }
.table03>thead>tr>th, .table03>tbody>tr>th, .table03>tfoot>tr>th, .table03>thead>tr>td, .table03>tbody>tr>td, .table03>tfoot>tr>td { height:32px; border-bottom:none; }


/*============================================================
comment
=============================================================*/
.comment-wrap{padding:12px 20px 15px;background-color:#f9f9f9; border-bottom:1px solid #e5e5e5; }
.comment-wrap.op{padding:11px 20px 0px;background-color:#f9f9f9; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;  border-right:1px solid #e5e5e5;  }
.comment-wrap.appr-type1{padding:11px 0px 0px;background-color:#f9f9f9; border:1px solid #e5e5e5;  }
.comment-wrap.appr-type1 .reply-wrap{ margin:0px 20px 8px 20px; }
/* .comment-wrap .btn {padding: 1px 8px 1px;font-size:12px;} */
.comment-wrap.appr-type1 .task-comment-wrap .comment-regi { padding: 0px 72px 10px 20px; }
.comment-wrap.appr-type1 .task-comment-wrap .comment-regi button.btn { top: 0px; }
.comment-wrap.appr-type1 .task-comment-wrap .btn-wrap-reply { top: 10px; }
.comment-wrap.appr-type1 .task-comment-wrap .bubble.emoticon .emoticon-nav-wrap .emoticon-nav ul li { padding: 0px 0 4px 0; }

.comment-wrap.op .input-group { padding: 0 52px 10px 0px; margin-top:5px; position: relative; /* display: block; */ border-collapse: separate; }
.comment-wrap.op .input-group .input-group-btn { position: absolute; right: 0px; top: 0; height: 48px; width: 53px; color: #fff; background: #ff757f; z-index:9; }
.comment-wrap.op .input-group textarea { height: 48px; width: 100%; padding-right: 80px; }
.comment-wrap.op .input-group .btn-wrap-reply { position: absolute; top: 9px; right: 74px; z-index:9; }
.comment-wrap.op .input-group .btn-wrap-reply button.btnR { width: 30px; height: 30px; margin-right: 0px; }
.comment-wrap.op .input-group .btn-wrap-reply button.btnR.task-emoticon-btn { width: 30px; height: 30px; background-position: 50% 50%; background-size: 27px 27px; }

.comment-wrap.op .image-file { position: relative; margin-left:-20px; margin-right:-20px; margin-bottom: 0px; }
.comment-wrap.op .image-file ul { overflow: hidden; padding: 8px 6px; border-top: 1px #e5e5e5 solid }
.comment-wrap.op .image-file ul li { position: relative; float: left; padding: 5px 7px; margin: 5px 5px; width: 136px; height: 122px; }
.comment-wrap.op .image-file ul li img { width: 122px; height: 112px; }
.comment-wrap.op .image-file ul li a { position: absolute; right: -5px; top: -5px; }

.comment-wrap.op .iemoticon-content { margin-left:-20px; margin-right:-20px; }
.comment-wrap.op .task-emoticon-wrap .emoticon-content{ padding-top: 10px; padding-bottom: 5px; margin-left:-20px; margin-right:-20px; margin-bottom: 0px; border-top: 1px #e5e5e5 dashed; }
.comment-wrap.op .task-emoticon-wrap .emoticon-content ul li { margin: 10px 10px 10px 18px; }
.comment-wrap.appr-type1 .task-emoticon-wrap { border-bottom: 0; }
.comment-wrap.appr-type1 .comment-view { border-top: 1px #e5e5e5 solid; padding: 0 0px;  }
.comment-wrap.appr-type1 .comment-view > ul > li { padding: 10px 15px 0 20px;  }

.comment-wrap.op .emoticon-content { /* border-top: 1px #e5e5e5 dashed; */ }

.comment-wrap.op .bubble.emoticon { width: 562px; top: 50px; right: -76px; left: auto; border: 2px #888 solid; }
.comment-wrap.op .bubble.emoticon:before { left: initial; top: -15px; right: 77px; border-color: #888 transparent; }
.comment-wrap.op .bubble.emoticon:after { left: initial; right: 78px; border-color: #f5f5f5 transparent; }
.comment-wrap.op .bubble.emoticon .task-emoticon-wrap { padding-top: 0px; border-top: transparent; border-bottom: transparent; margin-left: 0; margin-right: 0; }
.comment-wrap.op .bubble.emoticon .task-emoticon-wrap .emoticon-nav-wrap { padding-top: 0px; border-top: none; }
.comment-wrap.op .bubble.emoticon .task-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-r { right:0px; }
.comment-wrap.op .bubble.emoticon .task-emoticon-wrap .emoticon-content-list { margin: 0 0px 0 5px; height: 357px; overflow-y: auto; padding-top: 5px; }
.comment-wrap.op .bubble.emoticon .task-emoticon-wrap .emoticon-content-list ul { padding: 0 8px; }
.comment-wrap.op .bubble.emoticon .task-emoticon-wrap .emoticon-content-list ul li a { padding: 2px 10px; margin:0px; }

.comment-wrap.op .comment-view .doc-img { padding: 15px; border-top: 1px #dbe1e8 dashed; }
.comment-wrap.op .comment-view .doc-img a.gallery-link { margin-bottom: 15px; }

.comment-wrap.op .comment-view.type1 { margin-left: -15px; margin-right: -15px; }
.comment-wrap.op .comment-view.type1 .comment { margin: 0 20px 10px 20px; }

.comment-wrap .input-group{width:100%;padding: 10px 0px 20px;}
.comment-wrap .input-group-btn .btn{height: 48px;width:54px;}
.comment-wrap .input-group-btn .btn i{font-size:20px;}
.comment-wrap textarea{ resize:none;font-size:12px;height:48px; }
.comment-wrap .input-group textarea{ border-radius:2px 0 0 2px !important;}
.sender {padding:10px 0px;}
.comment-list .title, .commentWrite.title{border-bottom:0px solid #bcbcbc;padding-bottom: 0;overflow: hidden;margin-top: 0;}
.comment-list .h3_box{padding:14px 10px 8px;border-top:1px solid #ececec}
.comment-list {padding:;border-top:0;}
.comment-list ul{clear:both;display:block;padding: 0;}
.comment-list li{border-top:1px solid #ececec;position: relative; padding: 2px 40px 8px 45px;}
.comment-list li:first-child { border-top:none; }
.comment-list li a{color:#8a8a8a;}
.comment-list li a > span:nth-child(2) + span{width:48px}
.comment-list li a > span:nth-child(2) + span strong{width:48px}
.comment-list li a > span:nth-child(2) + span:before{left:18px}
.comment-list li .fa {margin-left:5px;font-size:13px;}
.comment-list .sub_right{padding-bottom:10px;}
.commentWrite .sub_right{padding-bottom:10px;padding-top: 10px;}
.comment-list .name {font-size: 11px;color:#333;font-weight:600;letter-spacing: -0.5px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.comment-list .date {font-size:11px;color:#333;font-weight:normal;}
.comment-list .sjt {font-size: 11px;color:#333;margin-bottom:10px;}
.comment-list .mysjt {font-size: 12px;line-height:17px;color:#666666;margin-bottom:4px;display: block;}
.comment-list .mysjt .unconnected, .comment-list .mysjt .connected {margin-left:0;margin-right:6px;}
.comment-list .status {position: absolute;right: 10px;top: 39%;color:transparent;width: 52px;}
.comment-list .comment-photo{position: absolute;left: 10px;top: 8px;color:transparent;  }
/* .comment-list button{position: absolute;right: 10px;top: 10px;color: transparent !important;width: 52px;} */

.rewrite-wrap { padding:10px 20px; margin-top:-1px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.rewrite-wrap li { padding:7px 0 8px; border-top:1px solid #eee; }
.rewrite-wrap li.delete { font-style: italic; /* background: #ffefef; */ color: #f05050; padding-left: 10px; }
.rewrite-wrap .title { display:inline-block; }
.rewrite-wrap .info { display:inline-block; margin-left:20px; font-size:11px; color:#a6a5a2; letter-spacing: -0.5px; }

.task-emoticon-wrap:after { content:""; display:block; clear: both; }
.task-emoticon-wrap .emoticon-nav-wrap { position:relative; background-color: #f5f5f5 !important; height: 42px; line-height: 42px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l, .task-emoticon-wrap .emoticon-arrow-r, .task-emoticon-wrap .emoticon-arrow-d { display: inline-block; width: 40px; height: 40px; text-align: center;}
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-d { position: absolute; right: 0px; top: 0; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-r { position: absolute; right: 40px; top: 0; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a { position:relative; display: inline-block; width: 40px; height: 40px; text-align: center; border-right: 1px solid #d7d7d7; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-r a { position:relative; display: inline-block; width: 40px; height: 40px; text-align: center; border-left: 1px solid #d7d7d7; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-d a { position: relative; display: inline-block; width: 40px; height: 40px; text-align: center; border-left: 1px solid #d7d7d7; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a:hover, .task-emoticon-wrap .emoticon-arrow-r a:hover { background: #e6e6e6 !important; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a.disabled, .task-emoticon-wrap .emoticon-arrow-r a.disabled { background: none !important; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a.disabled i.task-emoticon-wrap .emoticon-content-list ul li a, .task-emoticon-wrap .emoticon-arrow-r a.disabled i { color: #dedede; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a i, .task-emoticon-wrap .emoticon-arrow-r a i, .task-emoticon-wrap .emoticon-arrow-d a i { position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -5px;color: #aaa; font-size: 14px; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-nav { position: absolute; display: inline-block; height: 40px;}
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul { width: 681px; white-space: nowrap; height: 40px; overflow: hidden; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li { position: relative; overflow: hidden; float:left; /* display: inline-block; */ }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li:first-child {  }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li a { display: inline-block; width: 45px; height: 40px; text-align: center; line-height: 38px; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li a.on { border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background: #e6e6e6; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li a img { margin-top: -4px; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul .on { display:block; }
.task-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul .off { display:none; }
.task-emoticon-wrap .emoticon-content-list ul { display: table; width: 100%; }
.task-emoticon-wrap .emoticon-content-list { margin:0 15px; }
.task-emoticon-wrap .emoticon-content-list ul li { float: left; padding: 10px 3px 0px 3px; text-align: center; }
.task-emoticon-wrap .emoticon-content-list ul li a { display: inline-block; /* width: 112px; height: 112px; */ border:1px solid #f1f1f1; }
.task-emoticon-wrap .emoticon-content-list ul li a:hover { border:1px solid #999; }
.task-emoticon-wrap .emoticon-content-list ul li a img { width:100px; height: 100px; }
.task-emoticon-wrap .emoticon-content-list ul { display: table; width: 100%; }
.task-emoticon-wrap .emoticon-content { position: relative; margin: 0px 0px 0px; }
.task-emoticon-wrap .emoticon-content .into { overflow: hidden; height: 42px; line-height: 42px; border-bottom: 1px #e5e5e5 solid; background: #f9f9f9; }
.task-emoticon-wrap .emoticon-content .into p { float: left; color: #222; font-weight: 600; left: 13px; }
.task-emoticon-wrap .emoticon-content .into button { float: right; margin: 7px 12px 0 0; }
.task-emoticon-wrap .emoticon-content ul li { display: inline-block; margin:10px 10px 10px 18px; text-align: center; position:relative; background:#fff; }
.task-emoticon-wrap .emoticon-content ul li .emoticon-close-btn{ border: none; background:none; position: absolute; top: -10px; right: -19px;cursor:pointer;}
.task-emoticon-wrap .emoticon-content ul li .emoticon-close-btn i { color:#fff; font-size:16px; line-height:30px;}
.task-emoticon-wrap .emoticon-content #emoticon li img {border:1px solid #e5e5e5; }
.task-emoticon-wrap .emoticon-content #emoticon { padding: 5px 6px; }
.task-emoticon-wrap .emoticon-content ul li a { display: inline-block; width: 112px; height: 112px; border:1px solid #fff; }
.task-emoticon-wrap .emoticon-content ul li a:hover { border:1px solid #999; }
.task-emoticon-btn { background: #fafafa url(../images/common/ico_emoticon.png) no-repeat 5px 5px; background-size: 23px 23px; opacity: 0.8; }

.sns-write {position:relative; margin-bottom:14px;}
.sns-write .btn-toggle {position:absolute; right:0; top:12px;}
.sns-write p {position:absolute; left:8px; top:0; margin:0;}
.sns-write p input {width:212px;}
.sns-write fieldset {/*padding:13px;*/ border:2px #cbcbcb solid;}
.sns-write .input-area {margin:13px;}
.sns-write .input-area a {top:12px}
.sns-write .inputbox {width:100%; height:42px; padding-left:30px; margin-bottom:13px; border:1px #e5e5e5 solid;}
.sns-write .input-area textarea {width:100%; height:96px; border:1px #e5e5e5 solid;}
.sns-write .input-footer {position:relative; overflow:hidden; margin:0 0 0 0; padding: 6px 15px; border-top: 1px solid #e9e9e9; }
.sns-write .input-footer .switch-wrap.type1 { right:15px; bottom: 12px; }
.note-footer {position:relative; margin:0 13px 3px 13px;}
.sns-write .btn-wrap {float:left; padding:0;}
.sns-write .btn-wrap:after {display:block; content:""; clear:both;}
.sns-write .switch-wrap {position:absolute; right:74px; bottom:12px; width:48px;}
.sns-write .switch-wrap label {position:relative; display:block; height:20px;}
.sns-write .switch-wrap label span.txt {position:absolute; right:58px; top:0; font-size:13px; color:#555; line-height:20px; white-space:nowrap;}
.sns-write .btn-color5 {float:right; margin-top:4px;}
.sns-write .todo-regi {position:relative; overflow:hidden; margin-bottom:0px; background:#fff}
.sns-write .todo-regi > ul { padding:5px 0; }
.sns-write .todo-regi .into { overflow: hidden; height: 42px; line-height: 42px; border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; background: #f9f9f9; }
.sns-write .todo-regi .into p { float: left; color: #222; font-weight: 600; left: 13px; }
.sns-write .todo-regi .list {overflow:hidden; position:relative; z-index:1;margin:0 15px; border-bottom: 1px solid #f5f5f5; }
.sns-write .todo-regi .list:last-child { border-bottom:none; }
.sns-write .todo-regi .list ul {float:left; padding-left:0px;}
.sns-write .todo-regi .list li {display:inline-block; line-height:42px; vertical-align:middle; font-size:12px;}
.sns-write .todo-regi .list li.title {margin-right:24px; font-weight:600; color:#111;}
.sns-write .todo-regi .list li.per1 {margin-ight:7px; border-radius:50%;}
.sns-write .todo-regi .list li.date {color:#999}
.sns-write .todo-regi .btn-area {float:right; margin:7px 0px 0 0;}
.sns-write .todo-regi .btn-area .btn {border:1px #bebebe solid; font-weight:normal;}
.sns-write .file {position:relative; margin-bottom:0px; min-height:48px; font-weight:600; background:#fff}
.sns-write .file .into {position: relative; overflow: hidden; height: 42px; line-height: 42px; border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; background: #f9f9f9; }
.sns-write .file .into p { float: left; color: #222; font-weight: 600; left: 13px; }
.sns-write .file ul {padding:0px 15px 0px 15px}
.sns-write .file li {position:relative; padding-top: 10px;padding-bottom:10px; /* line-height:28px; */ border-bottom: 1px solid #f5f5f5;}
.sns-write .file li:last-child {/* border-bottom: none; */}
.sns-write .file i {margin-right:5px}
.sns-write .file .btn {position:absolute; right:0px; top:6px; margin-left:12px; border:1px #bebebe solid; font-weight:normal;}
.sns-write .file .upSpan2 {position:absolute; right:75px; font-weight:normal;}
.sns-write .image-file {position:relative; margin-bottom:0px; border-top:1px #e5e5e5 solid; /* border-bottom:1px #e5e5e5 solid; */ }
.sns-write .image-file .into {overflow: hidden; height: 42px; line-height: 42px; background: #f9f9f9;}
.sns-write .image-file .into p {float:left; color:#222; font-weight: 600; left: 13px;}
.sns-write .image-file .into p strong {color:#ff757f}
.sns-write .image-file .into button {float:right; margin:8px 12px 0 0; }
.sns-write .image-file ul {overflow:hidden; padding:5px 6px; border-top:1px #e5e5e5 solid;}
.sns-write .image-file li {position:relative; float:left; padding: 5px 7px; margin: 5px 5px; width:136px; height:122px;}
.sns-write .image-file li img {width:122px; height:112px;}
.sns-write .image-file li a {position:absolute; right:-5px; top:-5px}

.sns-write .image-file .into {overflow:hidden; height:47px; line-height:47px;}
.sns-write .image-file .into p {float:left; color:#222}
.sns-write .image-file .into p strong {color:#ff757f}
.sns-write .image-file .into button {float:right; margin:10px 12px 0 0; }

.sns-write .sns-emoticon-wrap .emoticon-content .into { border-top: 1px #e5e5e5 solid; }

.sns-write .news-wrap { position: relative; margin-bottom: 0px; /* min-height: 48px; */ font-weight: 600; background: #fff; }
.sns-write .news-wrap .into { overflow: hidden; height: 42px; line-height: 42px; border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; background: #f9f9f9; }
.sns-write .news-wrap .into { overflow: hidden; height: 42px; line-height: 42px; border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; background: #f9f9f9; }
.sns-write .news-wrap .into p { float: left; color: #222; font-weight: 600; left: 13px; }

.sns-write .news-wrap .news-outer-link { display: block; margin: 15px 25px -15px; color: #285292; word-wrap: break-word; word-break: break-all; }
.sns-write .news-wrap .news-content-wrap { position:relative; }
.sns-write .news-wrap .news-content-wrap a:nth-child(2) { position: relative; margin:25px; border: 1px solid #e5e5e5; }
.sns-write .news-wrap .news-content-wrap a { display:block; }
.sns-write .news-wrap .news-content-wrap a button.btn  { position: absolute; right: 38px; bottom: 12px; }
.sns-write .news-wrap .news-content-wrap .news_thumb { display:inline-block; width: 130px; height: 130px; }
.sns-write .news-wrap .news-content-wrap .news_thumb img { width: 130px; height: 130px; }
.sns-write .news-wrap .news-content-wrap .news_info { display: inline-block; position: absolute; top: 22px; left: 146px; right:15px; }
.sns-write .news-wrap .news-content-wrap .news_info .news_tit { display:block; font-size:16px; }
.sns-write .news-wrap .news-content-wrap .news_info .news_txt { display: block; overflow: hidden; margin-top: 5px; color: #777; max-width: 100%; white-space: nowrap; word-wrap: normal; word-break: normal; text-overflow: ellipsis; font-weight: 500; }
.sns-write .news-wrap .news-content-wrap .news_info .news_link { display: inline-block; margin-top: 28px; font-weight:500; color:#999; }
.sns-write .news-wrap .news-content-wrap:last-child { margin-bottom: 15px; }


/*============================================================
person-info
=============================================================*/
.person-info-photo { position:absolute; top:15px; left:15px; }
.person-info { margin:0 15px 0 135px; }
.person-info .name { margin-bottom:10px; font-size:14px; color:#111; font-weight:600; }
.person-info .t2 { color:#555; }
.person-info .group {margin-bottom:10px; color:#858585;}
.person-info ul {}
.person-info > ul li {position:relative; padding:0 0 3px 100px; }
.person-info > ul li li {padding-left:0;}
.person-info > ul li .title {position:absolute; left:0;  padding-left:8px; font-weight:600; color:#111; width:80px; background:url(../../images/common/ic_dot.png) no-repeat 0 8px; white-space:nowrap;}
.person-info > ul li .con {color:#555; }
.person-info .person-link {margin-bottom:10px;}
.person-info .person-link ul {margin-left:-14px;}
.person-info .person-link ul li {display:inline-block;}
.person-info .person-link ul li a {display:block; width:40px; height:25px; background:url(../../images/portal/person_info.png) no-repeat 0 0;}
.person-info .person-link ul li.ic1 a {background-position:0 0;}
.person-info .person-link ul li.ic2 a {background-position:-50px 0;}
.person-info .person-link ul li.ic3 a {background-position:-100px 0;}
.person-info .person-link ul li.ic4 a {background-position:-150px 0;}
.person-info .person-link ul li.ic5 a {background-position:-200px 0;}
.person-info .person-link ul li.ic6 a {background-position:-250px 0;}
.person-info .person-link ul li.ic7 a {background-position:-300px 0;}
.modal-body .person-info {margin-left:0; padding-top:10px;}
.modal-body .person-info-photo {top:20px; left:20px; }
.modal-body .person-info .name {margin-left:120px;}
.modal-body .person-info .group {margin-left:120px;}
.modal-body .person-info .person-link {margin-left:120px;}
.modal-body .person-info > ul {padding:0 20px}
.modal-body .person-info > ul li {min-height:20px;}
.person-info.invite { position:relative; padding:10px 0 0 120px; color:#555;}
.person-info.invite .banner-ez-tip-wrap { position:absolute; top:-92px; right:-135px; }
.add-invite {position:absolute; top:10px; left:20px;}
.person-info.invite .per3 {background:url(../../images/portal/add_invite.png) no-repeat 0 8px; }
.person-info.invite p {padding-top:14px; color:#111}
.person-info.invite p label {margin-right:18px;}
.invite-send {margin:20px 0; padding-left:10px;}
.invite-send .btn {min-width:60px;}

/*============================================================
pagination
=============================================================*/
.pagination-wrap { padding:6px 0 7px; margin-top:-1px; height:39px; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fff; }
.pagination { display:inline-block; }
.pagination > li { display:inline; }
.pagination > li > a, .pagination > li > span { float:left; font-weight:600; margin:0 2px; padding:4px 9px; min-width:25px; height:25px; text-decoration:none; border:none !important; border-radius:25px !important; }
.pagination > li > a .fa {font-size:11px; vertical-align:text-bottom; }
.pagination > li > a.disabled .fa { color:#ced3d6; }
.pagination > li > a:hover.disabled { cursor:default; background:none; }

/*============================================================
search-wrap
=============================================================*/
/* basic */
.search-wrap {margin:0 0 20px;background-color:#f3f3f3; padding:10px 20px 10px 4px;}
.search-wrap.round {padding:8px 10px; margin:0 0 20px 0; border-radius:6px; border:1px solid #d1d1d1; }/*占쎈쐻占쎈윥占쎈묄占쎈쐻占쎈윪占쎌젳*/
.search-wrap .panel-body{padding: 0px;}
.search-wrap .panel-default {border: none;}
.search-wrap .panel {background-color: transparent;margin-bottom: 0px;box-shadow: none;}
.search-wrap .input-group-addon{border-color: transparent;background-color: transparent;}
.search-wrap .form-group{margin-bottom: 0px; padding-right:90px; position: relative;}
.search-wrap .row{padding-right:100px; margin-bottom:15px; margin:0; }
.search-wrap .row:first-child{margin-bottom:0;}
.search-wrap .search_btn{position:absolute;right:5px;top:50%;text-align:right; margin-top:-14px; padding: 0;}
.search-wrap .search_btn .btn { padding:3px 11px 4px;}
.search-wrap .ap-step-wrap {padding-left: 65px;}
.search-wrap .row label { display:block; margin-bottom:5px; font-weight:600; color:#999; }
.search-wrap span.ex {line-height: 26px;font-size:11px;}
.search-wrap .col-group { float:left; position:relative; padding:0 20px 10px 0; }
.search-wrap .ui-step-wrap input[type="checkbox"] { vertical-align:bottom; }
.search-wrap .ui-step-wrap .ui-step { margin:-38px 20px 0 80px !important; padding:0; }
.search-wrap .input-search{position: relative;float: left;}
.search-wrap .input-search a {position: absolute;top: 0;right: 0;display: inline-block;padding: 5px;width: 29px;height: 27px;border-radius: 0 4px 4px 0;background: #ff757f;}

.search-big {padding-top:20px; padding-bottom:20px; text-align:center; border-top:1px #d1d1d1 solid; border-bottom:1px #d1d1d1 solid;}
.search-big label {margin-right:15px; font-size:14px; vertical-align:middle;}
.search-big input {min-width:200px; height:34px; margin-right:3px; font-size:14px; border-radius:0;}
.search-big button {height:34px; min-width:60px; font-size:14px; border-color:#ff757f !important; background:#ff757f !important}
.search-big button.btn-color7 {position:absolute; right:20px; color:#fff; border-color:#6a5a64 !important; background:#6a5a64 !important}

.lt-ie9 .search-wrap .ui-step-wrap .ui-step { margin:-42px 20px 0 80px !important; }
.lt-ie9 .search-wrap .ui-step-wrap > input[type="checkbox"] { margin-top:5px !important; }

/* table */
.search-wrap table{background:none;}
.search-wrap table th {text-align:right; color:#222;}
.search-wrap table td {padding:4px 0 4px 10px;}
.search-wrap table td .btn {padding:3px 6px; margin-left:-4px; border-radius:0 2px 2px 0; font-size:14px;}
.search-wrap table td .btn span {position:absolute; left:-10000px; top:-10000px; width:0; height:0; font-size:0;}
.search-wrap table td .btn i {font-size:15px;}
.radio-area label {padding-right:10px;}

/*============================================================
ezmoney
=============================================================*/
.search-wrap.ezmoney_view { padding:0px; background:#f9f9f9; border:3px solid #f3f3f3; }
.search-wrap.ezmoney_view .form-group{ overflow:hidden; background:url(../../images/common/ezmoney_ico.png) no-repeat 58px 14px; }
.search-wrap.ezmoney_view .form-group table {margin-left:200px; background:#fff;height:84px;}
.search-wrap.ezmoney_view .form-group table th {font-size:16px; line-height:34px; color:#555;font-weight:bold;}
.search-wrap.ezmoney_view .form-group table td {font-size:30px; line-height:34px; color:#d3292c;font-weight:bold;}
.search-wrap.ezmoney_view .form-group .search_btn {right:25px;}
.search-wrap.ezmoney_view2 { padding:0px; background:#f9f9f9; border:3px solid #f3f3f3; }
.search-wrap.ezmoney_view2 .form-group{ overflow:hidden; background:url(../../images/common/ezmoney_ico.png) no-repeat 58px 14px; }
.search-wrap.ezmoney_view2 .form-group table {margin-left:200px; background:#fff;height:84px;}
.search-wrap.ezmoney_view2 .form-group table th {font-size:16px; line-height:34px; color:#555;font-weight:bold;}
.search-wrap.ezmoney_view2 .form-group table td {width:50%; font-size:24px; line-height:34px; color:#d3292c;font-weight:bold;}
.search-wrap.ezmoney_view2 .form-group table td span {font-size:16px; line-height:34px; color:#555;font-weight:bold;}
.search-wrap.ezmoney_view2 .form-group .search_btn {right:25px;}

.search-wrap.ezmoney_view_list {background:#fff; border:3px solid #f3f3f3;padding:0;}
.search-wrap.ezmoney_view_list  .form-group {padding:0;}
.search-wrap.ezmoney_view_list  .form-group table {height:84px;}
.search-wrap.ezmoney_view_list  .form-group table td {font-size:14px; color:#111; background:#f1f1f1; border-radius:25px; display:inline-block; padding:17px 18px 17px 60px; margin:19px 20px;}
.search-wrap.ezmoney_view_list  .form-group table td.ezmoney_util01{background:#f1f1f1 url(../../images/common/ezmoney_sms.png) no-repeat 25px 10px;}
.search-wrap.ezmoney_view_list  .form-group table td.ezmoney_util02{background:#f1f1f1 url(../../images/common/ezmoney_webfax.png) no-repeat 20px 10px;margin-left:0px;padding-right:14px;}

.ins-box.ezmoney_charge {border:3px solid #f3f3f3; background:#f9f9f9; font-size:14px; color:#555; padding:10px; text-align:center;}
.ins-box.ezmoney_charge span {font-size:20px; color:#d3292c; font-weight:bold;}

.galaxia-con, .mail-premium { display: table; table-layout: fixed; width: 100%; background: #f8f8f8; padding: 20px 20px 20px 11px; }
.galaxia-con .con-l { display: table-cell; padding-left: 55px; background: url(../../images/common/ico_info.png) no-repeat 10px 50%; letter-spacing: -0.7px; }
.galaxia-con .con-l span, .mail-premium .con-l span { color:#d6373c; } 
.galaxia-con .con-r, .mail-premium .con-r { display: table-cell; vertical-align: middle; width: 298px; text-align: right; color: #888888; letter-spacing: -0.9px; }

.mail-premium { background: #fae9b6; border-color:#ebdaa7; border-radius:3px; }
.mail-premium .con-l { display: table-cell; padding-left: 55px; background: url(../../images/mail/ico_mail.png) no-repeat 10px 50%; letter-spacing: -0.7px; }

/*============================================================
ui-step
=============================================================*/

.ui-step { position:relative; margin:0 20px; min-height:46px; }
.ui-step .step-bar { position:absolute; top:29px; left:0; width:100%; height:6px; background:#e6e6e6; }
.ui-step input { opacity:0; vertical-align:text-top; }
.ui-step label { position:absolute; top:-4px; cursor:pointer; }
.ui-step span.txt { display:inline-block; position:absolute; top:0; left:-22px; width:60px; text-align:center; font-weight:normal; color:#555; }
.ui-step span.box { display:block; position:absolute; top:28px; left:0; width:16px; height:16px; border:2px solid #ccc; border-radius:2px; background:#fff; }
.ui-step input:checked + span.box:after { position:absolute; top:-2px; left:-2px; width:16px; height:16px; line-height:12px; color:#fd7d86; font-weight:normal; font-family:FontAwesome; content:"\f00c"; border:2px solid #fd7d86; border-radius:2px; background:#fff; }

/* ie8 */
@media \0screen {
	.ui-step .step-bar { left:5px; }
	.ui-step span.box { display:none; }
	.ui-step input { margin-top:27px; }
}

/*============================================================
Q&A
=============================================================*/
ontent-wrap.qna.bg { padding:10px 0; }
.qna .content-view .board-header { background: #f9f9f9; padding: 15px 100px 10px 20px; border-bottom:1px solid #eee; }
.qna .content-view .board-header .r-block { position: absolute; top: -2px; right: 20px; }
.qna .content-view .board-header .r-block1 { position: absolute; top: -2px; right: 95px; }
.qna .content-view .board-header h3 i { position: relative; margin-right: 10px; }
.qna .content-view .board-header .recommend { top:6px; }
.qna .content-view .board-header .recommend a { height:57px; }
.qna .writer-info { border-bottom:1px solid #eee; }
.qna .expert { display:inline-block; float:left; margin-left:25px; }
.qna .comment-wrap { background:#fff; border-top:1px solid #ddd; }

.qna .research-wrap { margin-top:30px; }
.qna .research-wrap .title { margin-bottom:10px; }
.qna .research-wrap .title i { margin-right:5px; font-size:14px; color:#777; }
.qna .research-wrap .content { position:relative; padding:10px; background:#fafafa; border:1px solid #eee; }
.qna .research-wrap .content ul { margin-left:10px; }
.qna .research-wrap .content ul li { display: inline-block; margin-right:30px; }
.qna .research-wrap .content ul li input { margin-right:6px; }
.qna .research-wrap .content ul li img { margin-right:8px; }
.qna .research-wrap .content button { position:absolute; top:10px; right:10px; }

/*============================================================
usagetracker
=============================================================*/
.usagetracker .block .body {display: inline-block;position: relative;width: 100%;padding:20px;min-height: 250px;}
.usagetracker .popover {z-index:1;}
.usagetracker .popover .popover-title {padding: 12px 14px;margin: 0;font-size: 15px;font-weight: 600;color: #ff757f;line-height: 18px;background-color: #f9f9f9;border-bottom: 1px solid #ebebeb;}
.usagetracker .popover .popover-content {padding: 20px;}
.usagetracker .popover .popover-content p {font-size:16px;}
.usagetracker .popover .popover-content p span{color:#f07070;font-weight:800;}
.usagetracker .popover .popover-content p span.sizebig {font-size:40px;}
.usagetracker .popover .popover-content p span.sizemidium {color:#ff757f;font-size:20px;}
.usagetracker .popover .popover-content p strong {font-weight:600;font-size:18px;}
.usagetracker .popover .popover-content p strong.range {color:#f07070}
.usagetracker .popover>.arrow {border-width: 30px;}
.usagetracker .popover>.arrow:after {border-width: 30px;content: "";}
.usagetracker .popover.left>.arrow {top: 50%;right: -30px;margin-top: -33px;border-right-width: 0;border-left-color: #ff757f;}
.usagetracker .popover.left>.arrow:after {content: " ";right: 3px;border-right-width: 0;border-left-color: #fff;bottom: -30px;}

/*============================================================
system-icon, portlet-icon
=============================================================*/
.system-icon { display:inline-block; }
.system-icon ul li { float:left; position: relative; width: 60px; height: 60px;  margin: 0 5px 10px 5px; text-align:center; background: #4f5963; border-radius: 30px; color: #ccc; cursor:pointer; opacity:1; }
.system-icon ul li.current, .system-icon ul li:hover { background: #31383e; color: #fff; opacity:1; }
.system-icon ul li span { display: block; margin-top:-2px; text-align: center; font-size: 11px;}
.system-icon ul li .ic-nav01, .system-icon ul li .ic-nav02, .system-icon ul li .ic-nav03, .system-icon ul li .ic-nav04, .system-icon ul li .ic-nav05, .system-icon ul li .ic-nav06, 
.system-icon ul li .ic-nav07, .system-icon ul li .ic-nav08, .system-icon ul li .ic-nav09, .system-icon ul li .ic-nav10, .system-icon ul li .ic-nav11, .system-icon ul li .ic-nav12, 
.system-icon ul li .ic-nav13, .system-icon ul li .ic-nav14, .system-icon ul li .ic-nav15, .system-icon ul li .ic-nav16, .system-icon ul li .ic-nav17, .system-icon ul li .ic-nav18, 
.system-icon ul li .ic-nav19, .system-icon ul li .ic-nav20, .system-icon ul li .ic-nav21, .system-icon ul li .ic-nav22, .system-icon ul li .ic-nav23, .system-icon ul li .ic-nav24, 
.system-icon ul li .ic-nav25, .system-icon ul li .ic-nav26, .system-icon ul li .ic-nav27, .system-icon ul li .ic-nav28, .system-icon ul li .ic-nav29, .system-icon ul li .ic-nav30,
.system-icon ul li .ic-nav31, .system-icon ul li .ic-nav32, .system-icon ul li .ic-nav33 { display: inline-block; margin-top:3px; width: 40px; height: 30px; vertical-align: middle; }

.portlet-icon { display:inline-block; }
.portlet-icon li { float:left; width:80px; height:80px; margin:3px; border:1px solid #eee; border-radius:50%; }
.portlet-icon li a { display:block; margin:8px auto 0 !important; }
.portlet-icon li span { display:block; margin-top:-3px; text-align:center; font-size:11px; }
.portlet-icon .ic01, .portlet-icon .ic02, .portlet-icon .ic03, .portlet-icon .ic04, .portlet-icon .ic05, 
.portlet-icon .ic06, .portlet-icon .ic07, .portlet-icon .ic08, .portlet-icon .ic09, .portlet-icon .ic10, 
.portlet-icon .ic11, .portlet-icon .ic12, .portlet-icon .ic13, .portlet-icon .ic14, .portlet-icon .ic15, 
.portlet-icon .ic16, .portlet-icon .ic17, .portlet-icon .ic18, .portlet-icon .ic19, .portlet-icon .ic20,
.portlet-icon .ic21, .portlet-icon .ic22, .portlet-icon .ic23 { width:50px; height:48px; }
 
/* common */
.topPd {padding:20px;}
.modal-content .pd {padding:10px}
.modal-content .pd #agreementPopup .modal-content { border: 0; }
.modal-content .pd .explain p { font-size:11px; margin-bottom:5px; }
.modal-content .pd .explain p > i { color:#aaa; }

.modal-content .pd.today-english-bg { background:#f6f6f6; }
.modal-content .pd .today-english-wrap { position:relative; }
.modal-content .pd .today-english-wrap .ct { background: #fff; padding: 12px 25px; margin: -10px; border-bottom:1px solid #eee; }
.modal-content .pd .today-english-wrap .ct .number .arrow-wrap { font-size:14px; color:#666; }
.modal-content .pd .today-english-wrap .ct .number .arrow-wrap span { color:#000; font-weight:600; }
.modal-content .pd .today-english-wrap .ct .number .arrow-wrap .quick-arrow-l, .modal-content .pd .arrow-wrap .quick-arrow-r { display:inline-block; width: 25px; height: 25px; color: #333; font-size: 14px; text-align: center; background: #fff; cursor: pointer; border-radius: 50%; border: 1px solid #a5a5a5; opacity: 0.7; z-index: 10; }
.modal-content .pd .today-english-wrap .ct .number .arrow-wrap .quick-arrow-l i, .modal-content .pd .arrow-wrap .quick-arrow-r i { font-size:12px; margin-top: 6px; }
.modal-content .pd .today-english-wrap .ct .number .arrow-wrap .quick-arrow-l i { margin-left: -1px; }
.modal-content .pd .today-english-wrap .ct .number .arrow-wrap .quick-arrow-r i { margin-left: 3px; }
.modal-content .pd .today-english-wrap .ct .menu { position: absolute; top: 16px; right: 10px; }
.modal-content .pd .today-english-wrap .ct .menu a { position: relative; color:#666; }
.modal-content .pd .today-english-wrap .ct .menu a:first-child { margin-right:20px; }
.modal-content .pd .today-english-wrap .ct .menu a:first-child:after { content: ""; position: absolute; top: 0; right: -13px; display: inline-block; width: 1px; height: 100%; background: #e4e4e4; z-index: 9999; }
.modal-content .pd .today-english-wrap .ct .menu a:hover { color:#333; text-decoration:none; }
.modal-content .pd .today-english-wrap .ct .menu a i { display: inline-block; font-size: 16px; color: #777; margin-right: 5px; margin-bottom: 3px; vertical-align: middle; }

.modal-content .pd .today-english-wrap .cm { padding: 0 15px; }
.modal-content .pd .today-english-wrap .cm .english-con-t-wrap { padding: 20px 0; margin-top:15px; }
.modal-content .pd .today-english-wrap .cm .english-con-t-wrap .t1 { display: block; font-size: 20px; color: #333; text-align: center; font-weight: 600; }
.modal-content .pd .today-english-wrap .cm .english-con-t-wrap .t2 { display: block; margin-top:5px; font-size: 12px; color: #333; text-align: center; font-weight: 500; }

.modal-content .pd .today-english-wrap .cm .english-con-m-wrap { background: #fff; border: 1px solid #e7e7e7; border-radius: 20px; }
.modal-content .pd .today-english-wrap .cm .english-con-m-wrap ul li { position: relative; border-bottom: 1px solid #f0f0f0; padding-top: 15px; padding-bottom: 15px; }
.modal-content .pd .today-english-wrap .cm .english-con-m-wrap ul li:last-child { border-bottom: none; }
.modal-content .pd .today-english-wrap .cm .english-con-m-wrap ul li span.photo.man { position: absolute; top: 12px; left: 15px; display: inline-block; background: url(../../images/common/img_english_man.png) no-repeat 0 0; width: 48px; height: 48px; }
.modal-content .pd .today-english-wrap .cm .english-con-m-wrap ul li span.photo.woman { position: absolute; top: 12px; left: 15px; display: inline-block; background: url(../../images/common/img_english_woman.png) no-repeat 0 0; width: 48px; height: 48px; }
.modal-content .pd .today-english-wrap .cm .english-con-m-wrap ul li .t3 { display: block; padding-left: 80px; padding-right: 10px; font-size: 13px; color: #333; text-align: left; font-weight: 600; }
.modal-content .pd .today-english-wrap .cm .english-con-m-wrap ul li .t3 span {color: #d3292c;}
.modal-content .pd .today-english-wrap .cm .english-con-m-wrap ul li .t4 { display: block; padding-left: 80px; padding-right: 10px; margin-top:5px; font-size: 12px; color: #666; text-align: left; font-weight: 500; }

.modal-content .pd .today-english-wrap .cm .english-con-b-wrap { position: relative; margin-top: 20px; }
.modal-content .pd .today-english-wrap .cm .english-con-b-wrap .fright { position: absolute; bottom: 0px; right: 0; }
.modal-content .pd .today-english-wrap .cm .english-con-b-wrap .fleft { color: #666; line-height: 22px; width: 470px !important; }
.modal-content .pd .today-english-wrap .cm .english-con-b-wrap .fleft .t1 { font-size: 15px; font-weight: 600; color: #111; margin-bottom: 5px; }
.modal-content .pd .today-english-wrap .cm .english-con-b-wrap span.title { display:block; font-size:13px; font-weight:900; color: #555; }
.modal-content .pd .today-english-wrap .cm .english-con-b-wrap span.title:before { content:""; margin-top: 0px; margin-right: 0px; vertical-align: middle; display: inline-block; background: url(../../images/common/ico_english_po1.png) no-repeat 0 2px; width: 18px; height: 14px; }
.modal-content .pd .today-english-wrap .cm .english-con-b-wrap span.content { display: block; position: relative; font-size: 13px; color: #555; padding-left: 18px; }
.modal-content .pd .today-english-wrap .cm .english-con-b-wrap span.content:before { content: ""; position: absolute; top: 5px; left: 0; margin-top: 0px; margin-right: 0px; vertical-align: middle; display: inline-block; background: url(../../images/common/ico_english_po2.png) no-repeat 0 0px; width: 18px; height: 14px; }
.modal-content .pd .today-english-wrap .cm .english-con-logo-wrap { margin-top:6px; text-align:right; }

/* modal luck */
.modal-content .luck-wrap { margin-top: 0px; background: #f6f6f6; }
.modal-content .luck-wrap .ct .tab-wrap { margin-top: 5px; background: #fff; }
.modal-content .luck-wrap .ct .tab-wrap > ul { display: table; table-layout: fixed; width: 300px; background: #f2f2f2; margin: 0 auto; }
.modal-content .luck-wrap .ct .tab-wrap > ul > li { display: table-cell; position:relative; height: 50px; vertical-align: middle; text-align: center; color: #777; font-size: 14px; font-weight: 600; /* border-bottom: 1px solid #dedede; */ background: #fff; }
.modal-content .luck-wrap .ct .tab-wrap > ul > li:after { content: ""; display: inline-block; position: absolute; top: 16px; right: 0; width: 1px; height: 18px; background: #ececec; }
.modal-content .luck-wrap .ct .tab-wrap > ul > li:last-child:after { content: ""; display: inline-block; position: absolute; top: 16px; right: 0; width: 1px; height: 18px; background: #fff; }
.modal-content .luck-wrap .ct .tab-wrap > ul > li:first-child { border-radius: 4px 0 0 0 !important; }
.modal-content .luck-wrap .ct .tab-wrap > ul > li:last-child { border-radius: 0 4px 0 0 !important; }
.modal-content .luck-wrap .ct .tab-wrap > ul > li.active { background: #fff; border-bottom: 2px solid #000; }
.modal-content .luck-wrap .ct .tab-wrap > ul > li.active a { color:#333; font-weight:600; }
.modal-content .luck-wrap .ct .tab-wrap > ul > li > a { display: block; height: 50px; line-height: 50px; color:#777; font-weight:500; }
.modal-content .luck-wrap .ct .tab-wrap > ul > li > a:hover { text-decoration:none; }

.modal-content .luck-wrap .cm { position:relative; background: #f6f6f6; }
.modal-content .luck-wrap .cm .luck-menu-wrap { padding-top: 20px; border-top: 1px solid #eee; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul { display: table; width: 80%; table-layout: fixed; margin: 0 auto; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li { display: table-cell; position: relative; text-align: center; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li > span { display: block; color:#777; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li.select > span { display: block; color:#d3292c; font-weight:600; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li.select:before { content:""; width: 0px; height: 0px; border: 15px solid; border-color: transparent transparent #c5c5c5 transparent; position: absolute; bottom: -25px; left: 38px; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li.select:after { content:""; width: 0px; height: 0px; border: 15px solid; border-color: transparent transparent #ffffff transparent; position: absolute; bottom: -26px; left: 38px; }

.modal-content .luck-wrap .cm .luck-menu-wrap ul li.menu1 > a { display:inline-block; width:71px; height:71px; background: url(../../images/icon/luck/img_luck_menu.png) no-repeat 0 0px; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li.menu2 > a { display:inline-block; width:71px; height:71px; background: url(../../images/icon/luck/img_luck_menu.png) no-repeat -101px 0px; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li.menu3 > a { display:inline-block; width:71px; height:71px; background: url(../../images/icon/luck/img_luck_menu.png) no-repeat -202px 0px; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li.menu4 > a { display:inline-block; width:71px; height:71px; background: url(../../images/icon/luck/img_luck_menu.png) no-repeat -303px 0px; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li.menu5 > a { display:inline-block; width:71px; height:71px; background: url(../../images/icon/luck/img_luck_menu.png) no-repeat -404px 0px; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li.menu1.select > a { display:inline-block; width:71px; height:71px; background: url(../../images/icon/luck/img_luck_menu.png) no-repeat 0 -71px; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li.menu2.select > a { display:inline-block; width:71px; height:71px; background: url(../../images/icon/luck/img_luck_menu.png) no-repeat -101px -71px; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li.menu3.select > a { display:inline-block; width:71px; height:71px; background: url(../../images/icon/luck/img_luck_menu.png) no-repeat -202px -71px; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li.menu4.select > a { display:inline-block; width:71px; height:71px; background: url(../../images/icon/luck/img_luck_menu.png) no-repeat -303px -71px; }
.modal-content .luck-wrap .cm .luck-menu-wrap ul li.menu5.select > a { display:inline-block; width:71px; height:71px; background: url(../../images/icon/luck/img_luck_menu.png) no-repeat -404px -71px; }

.modal-content .luck-wrap .cm .luck-con-wrap { border: 1px solid #e7e7e7; border-radius: 20px; margin: 25px 20px 10px 20px; padding: 20px; background:#fff; }
.modal-content .luck-wrap .cm .luck-con-wrap .overflowy-wrap { height: 200px; overflow-y: auto; }
.modal-content .luck-wrap .cm .luck-con-wrap .t1 { display: block; margin-bottom: 10px; font-size: 15px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.modal-content .luck-wrap .cm .luck-con-wrap .t2 { line-height: 20px; }

.modal-content .luck-wrap .cb { display: block; background: #f6f6f6; margin-top: 0; padding: 3px 20px 15px 20px; text-align: right; }
.modal-content .luck-wrap .cb .provider { position:relative; color:#777; padding-right: 10px; margin-right: 10px; }
.modal-content .luck-wrap .cb .provider:after { content:""; display: inline-block; position: absolute; top: 2px; right: 0; width: 1px; height: 10px; background: #d5d5d5; }
.modal-content .luck-wrap .cb .provider b { color:#f8848d; font-weight:600; }

.modal-content .luck-wrap .cb .more { color:666; }
.modal-content .luck-wrap .cb .more b { color:#666; font-weight:600; }
.modal-content .luck-wrap .cb .more a { color:#666; }
.modal-content .luck-wrap .cb .more a:hover { text-decoration:none; }
.modal-content .luck-wrap .cb .more a img { display: inline-block; vertical-align: middle; margin-top: -2px; }

.modal-content .luck-wrap.tm .cm .luck-menu-wrap { display:none; }
.modal-content .luck-wrap.tm .cm .luck-con-wrap { height:356px; }

/* modal luck 띠별-별자리별 */
.modal-content .luck-wrap.animal-wrap .ct .tab-wrap > ul { display: table; table-layout: fixed; width: 400px; background: #f2f2f2; margin: 0 auto; }
.modal-content .luck-wrap.animal-wrap .cm .luck-img-wrap { display: inline-block; position: absolute; top: 20px; left: 30px; }
.modal-content .luck-wrap.animal-wrap .cm .luck-img-wrap:before {     content: ""; width: 0px; height: 0px; border: 15px solid; border-color: transparent #c5c5c5 transparent transparent; position: absolute; top: 18px; left: 66px; }
.modal-content .luck-wrap.animal-wrap .cm .luck-img-wrap:after {     content: ""; width: 0px; height: 0px; border: 15px solid; border-color: transparent #ffffff transparent transparent; position: absolute; top: 18px; left: 67px; }
.modal-content .luck-wrap.animal-wrap .cm .luck-img-wrap .s1 { display: block; text-align: center; font-weight:600; }
.modal-content .luck-wrap.animal-wrap .cm .luck-con-wrap { height: 200px; border: 1px solid #e7e7e7; border-radius: 20px; margin: 25px 20px 10px 126px; padding: 20px; background:#fff; }
.modal-content .luck-wrap.animal-wrap .cm .luck-con-wrap .overflowy-wrap { height: 160px; }
.modal-content .luck-wrap.animal-wrap .cm .luck-con-wrap .overflowy-wrap .t2 b { display: block; color: #777; margin-bottom: 5px; }
.modal-content .luck-wrap.animal-wrap .cm .luck-con-wrap .t3 { display: block; margin-top: 15px; padding-top: 15px; border-top: 1px solid #f3f3f3; }
.modal-content .luck-wrap.animal-wrap .cm .luck-con-wrap .t3 b {     display: block; color: #d52c2f; margin-bottom: 5px; }

.animal.ico1 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_animal.png) no-repeat 0 0; width:65px; height:65px; }
.animal.ico2 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_animal.png) no-repeat 0 -100px; width:65px; height:65px; }
.animal.ico3 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_animal.png) no-repeat 0 -200px; width:65px; height:65px; }
.animal.ico4 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_animal.png) no-repeat 0 -300px; width:65px; height:65px; }
.animal.ico5 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_animal.png) no-repeat 0 -400px; width:65px; height:65px; }
.animal.ico6 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_animal.png) no-repeat 0 -500px; width:65px; height:65px; }
.animal.ico7 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_animal.png) no-repeat 0 -600px; width:65px; height:65px; }
.animal.ico8 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_animal.png) no-repeat 0 -700px; width:65px; height:65px; }
.animal.ico9 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_animal.png) no-repeat 0 -800px; width:65px; height:65px; }
.animal.ico10 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_animal.png) no-repeat 0 -900px; width:65px; height:65px; }
.animal.ico11 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_animal.png) no-repeat 0 -1000px; width:65px; height:65px; }
.animal.ico12 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_animal.png) no-repeat 0 -1100px; width:65px; height:65px; }

.star.ico1 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_star.png) no-repeat 0 0; width:70px; height:70px; }
.star.ico2 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_star.png) no-repeat 0 -100px; width:70px; height:70px; }
.star.ico3 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_star.png) no-repeat 0 -200px; width:70px; height:70px; }
.star.ico4 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_star.png) no-repeat 0 -300px; width:70px; height:70px; }
.star.ico5 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_star.png) no-repeat 0 -400px; width:70px; height:70px; }
.star.ico6 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_star.png) no-repeat 0 -500px; width:70px; height:70px; }
.star.ico7 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_star.png) no-repeat 0 -600px; width:70px; height:70px; }
.star.ico8 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_star.png) no-repeat 0 -700px; width:70px; height:70px; }
.star.ico9 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_star.png) no-repeat 0 -800px; width:70px; height:70px; }
.star.ico10 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_star.png) no-repeat 0 -900px; width:70px; height:70px; }
.star.ico11 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_star.png) no-repeat 0 -1000px; width:70px; height:70px; }
.star.ico12 { display:inline-block; background:url(../../images/icon/luck/ico_luck_mo_star.png) no-repeat 0 -1100px; width:70px; height:70px; }

.file-upload {position:relative; padding:12px 90px 12px 10px; background:#f3f3f3}
.file-upload input {width:100%;}
.file-upload button {position:absolute; right:10px; top:12px; border-color:#bebebe !important}
.imp-info {margin-top:18px; color:#616161;}
.imp-info li {margin-bottom:8px; font-weight:600}
.subtitle h3 .color-text {margin:0 5px; font-size:14px; color:#888}
.subtitle h3 .check-info {margin-left:5px; font-size:12px; font-weight:normal; color:#333;}
.subtitle h3 .check-info i {margin-right:3px; color:#ff757f;}
.round-info {display:inline-block; height:20px; line-height:20px; padding:0 13px; border-radius:13px; font-size:12px; color:#fff; background:#ff757f;}
.round-info.on {padding-left:23px; border:none; color:#fff;  background:#363636 url(../../../images/common/ic_decide.png) no-repeat 9px 50%;}
.round-info1 {display:inline-block; height:20px; line-height:20px; padding:0 13px; border-radius:13px; font-size:12px; color:#fff; background:#ff757f;}
.round-info1.on {border:none; color:#fff;  background:#363636;}

/* popup invitation */
.invitation {overflow-y:auto; padding:9px 9px 0 9px; height:350px; border:1px #ddd solid;}
.invitation li {margin-bottom:9px;}
.invitation li button {width:22px; height:27px; padding:0; border:none; background:none; cursor:pointer;}

.post {/*border-top:2px #e5a1a1 solid;*/}
.post td.num {color:#d3292c !important}
.post td ul {padding:5px 0;}
.post td li {padding:3px 0;}
.post td li span {display:inline-block; min-width:36px; padding:1px 2px; border-radius:2px; margin-right:8px; font-size:11px; font-weight:600; text-align:center; color:#fff; }
.post td li .post1 {background:#9bd2d9;}
.post td li .post2 {background:#9bbfd9;}

.modal-body .content-wrap {min-width:auto;}
.modal-body .content-write {margin-bottom:0;}
.input-search label {margin-right:5px; color:#666;}
.btn-color0 {background:#fff; color:#111; border:1px solid #aaa;}
.btn-color0 span {position:absolute; left:-10000px; top:-10000px; width:0; height:0; font-size:0; }
.btn .fa-sort-up {position:relative; top:3px;}
.btn .fa-sort-desc {position:relative; top:-2px;}
.btn-footer td {border-top:1px #eee solid !important; background:#fff !important;}
.btnR {padding:1px; margin-right:3px; height:30px; width:30px; border:1px #ccc solid; border-radius:50%;  font-size:14px; color:#999; background:#fafafa; cursor:pointer}
.btnR span {position:absolute; left:-10000px; top:-10000px; width:0; height:0; font-size:0;}

.task-emoticon-btn { background: #fafafa url(../../images/common/ico_emoticon.png) no-repeat 3px 3px; background-size: 23px 23px; opacity: 0.8; }

.btn-toggle {height:25px; width:30px; padding:1px; border:1px #dbe1e8 solid; border-radius:3px 3px 0 0; background:#eee; cursor:pointer;} 
.btn-toggle i {color:#5e5e5e}
.selector-cl {position:absolute; top:8px; right:10px; width:21px; height:21px; background:url(../../images/common/selector.png) no-repeat 6px -37px; border:1px solid #111; border-radius:11px; opacity:0.4; cursor:pointer;}
.selector-cl.opened {background-position:6px 6px; }
.selector-cl:hover {opacity:0.6;}
.photo-area {position:relative; width:100%; display:inline-block;}
.photo-area img {width:100px; height:100px; border-radius:50%;}
.photo-area .btn-wrap {position:absolute; left:110px; bottom:0; padding:0; white-space:nowrap;}
.photo-area .ins { position:absolute; top:0; left:110px; }
.photo-area .ins p { margin:4px 0 10px; line-height:16px; font-size:13px; color:#666; }
.photo-area .ins .t1 { margin-bottom:22px; font-size:13px; line-height:16px; color:#666; font-weight:600; }
.photo-area .ins .t1 i { margin:0 5px 1px 0; }

.tbl-inner {height:27px !important; min-width:30px; padding:0 6px !important; margin-left:-4px !important; line-height:17px !important; border-radius:0px 3px 3px 0}
.tbl-inner i {margin: 0;}
.tbl-inner span {position:absolute; left:-10000px; top:-10000px; width:0; height:0; font-size:0;}

.aside-list {line-height: 26px;}
.aside-list h3 {padding:0 15px; line-height:40px; border: 1px solid #e7e7e7; border-bottom:none; background-color:#f6f6f6; color:#595959; font-weight:bold; font-size: 14px; }
.aside-list ul {padding: 10px; min-height:255px; border:1px solid #e7e7e7; border-top:none;}
.aside-list ul li a {color:#111;}
.aside-list ul li i {margin-right:3px; color:#ff757f}
.aside-list .categoryColorList li {position:relative; padding-left:25px; cursor:pointer;}
.aside-list .categoryColorList li:hover {text-decoration:underline;}
.aside-list .categoryColorList li a {position:absolute; left:0; top:4px;}
.aside-box {padding:0 15px; border:1px #e7e7e7 solid; border-top:none;}
.aside-box ul {padding:0; border:none; height:440px;}
.aside-box ul li {margin-bottom:5px; color:#1e1e1e;}
.aside-box ul.radio-check input {margin-right:3px;}
.aside-box ul.radio-check .admin {display:inline-block; padding:2px; font-size:11px; line-height:11px; color:#909090; border:1px #c6c6c6 solid;}

.policy-wrap .tab-pane {padding:35px 38px 36px; border:1px solid #efeeee;}

.dropdown-menu.user-admin {right:-10px; left:auto; top:36px; width:65px; text-align:center}
.dropdown-menu.user-admin:before {left:auto;right:19px; top:-13px;}
.dropdown-menu.user-admin:after { left:auto;right:20px}

.product-list {border-bottom:1px #d9d9d9 solid;}
.product-list table th {padding:5px 0 14px 0; font-size:14px; border-bottom:2px #e5a1a1 solid;}
.product-list table td {text-align:center;}
.product-list table td.ic_img > span {text-indent:-9999px;}
.product-list table td h3 {margin:20px 0 12px 0; font-size:14px; font-weight:bold; color:#000}
.product-list table td p {margin:0 0 22px 0; color:#404040}
.product-list table td ul {overflow:hidden; padding-bottom:17px;}
.product-list table td ul li {float:left; width:60%; margin-bottom:3px; color:#000}
.product-list table td ul li.l {width:40%;}
.product-list table td ul li i {margin-right:6px; font-size:16px; color:#e17678; vertical-align:middle;}
.product-list table td .btn {margin:5px 0; width:82px;}
.product-list table td .btn-color5 {background:#6a5a64 !important}
.product-list table td .btn-color5.br {border:1px solid #6a5a64}
.product-list .nuser-num {display:inline-block; height:81px; width:81px; padding-top:22px; line-height:12px; border-radius:50%; text-align:center; color:#fff; background:#d3292c}
.product-list .nuser-num em {display:block; margin-bottom:8px; height:21px; line-height:21px; font-style:normal; font-size:25px; font-weight:bold;}

.product-select {padding:20px 0 0 20px;}
.product-select .scrollY {height:468px; margin:0 10px 10px 0;}
.product-select ul {margin-top:-17px;}
.product-select ul li {display:table; position:relative; float:left; margin:17px 36px 17px 0; width:109px; text-align:center; border-radius:2px; background:#e1e1e1; opacity:0.3}
.product-select ul li.selected {opacity:1; background:#f9f9f9}
.product-select ul li.selected i {display:block;}
.product-select ul li a {position:relative; display:table-cell; width:100%; height:135px; vertical-align:middle; text-align:center; padding-bottom:26px; text-decoration:none;}
.product-select span, .product-list span {display:inline-block; width:110px; height:110px;  vertical-align:middle; background-image:url(../../images/theme/theme01/ic_product.png);}
.product-select ul li a img {max-height:78px; max-width:75px;}
.product-select ul li em {position:absolute; bottom:7px; left:0; width:109px; text-align:center; font-style:normal; font-size:13px;} 
.product-select i {display:none; position:absolute; right:-18px; top:0; height:27px; width:27px; padding-top:5px; box-shadow:0 2px 2px #c6c6c6; border-radius:50%; color:#fff !important; font-size:15px; background:#444}
.product-select i > span {position:absolute; left:-10000px; top:-10000px; width:0; height:0; font-size:0;}

.row-type {overflow:hidden;}
.row-type .input-search {position:relative; padding:15px 0; text-align:center;}
.row-type .input-search input {width:100%; border-right:none;}
.row-type .input-search .btn {top:16px;}

/* modal bizmeka app  */
.bizmeka-app .info {height:178px; padding:55px 0 0 226px; background:url(../../images/portal/app_bg.png) no-repeat 98px 39px; }
.bizmeka-app .info.bg1 {height:178px; padding:55px 0 0 226px; background:url(../../images/portal/app_bg1.png) no-repeat 98px 39px; }
.bizmeka-app .info h2 {margin-bottom:9px; font-size:24px; color:#111}
.bizmeka-app .info p {font-size:14px; line-height:20px; color:#666}
.bizmeka-app .modal-content {padding:0 20px; background:#fff url(../../images/portal/app_body.gif) repeat-x 0 0;}
.bizmeka-app .nav li a {padding-top:9px;}
.bizmeka-app .nav li a span {display:inline-block; padding-left:41px; height:31px; line-height:31px;}
.bizmeka-app .nav li.android a {width:378px;}
.bizmeka-app .nav li.android a span {background:url(../../images/portal/app_android.png) no-repeat 0 0;}
.bizmeka-app .nav li.iphone a {margin-left:-1px; width:377px;}
.bizmeka-app .nav li.iphone a span {background:url(../../images/portal/app_iphone.png) no-repeat 0 0;}
.bizmeka-app .tab-content > div {height:89px; margin:25px 0 40px 0;}
.bizmeka-app .tab-content ol {overflow:hidden;}
.bizmeka-app .tab-content li {position:relative; float:left; padding:2px 0 0 79px; min-height:87px; line-height:20px; font-size:14px; color:#666;}
.bizmeka-app .tab-content li.num1 {width:378px; /*border-right:1px #d4d4d4 solid;*/ background:url(../../images/portal/app_num1.gif) no-repeat 20px 5px;}
.bizmeka-app .tab-content li.num1 .hp {padding-top:17px;}
.bizmeka-app .tab-content li.num1 .input {width:180px; height:30px; border-radius:2px;}
.bizmeka-app .tab-content li.num1 :-ms-input-placeholder {color:#aaa}
.bizmeka-app .tab-content li.num1 button {width:48px; height:30px; padding:0; border:none; color:#fff; font-size:14px; border-radius:2px; background:#d94245; cursor:pointer;}
.bizmeka-app .tab-content li.num2 {width:377px; background:url(../../images/portal/app_num2.gif) no-repeat 20px 5px;}
.bizmeka-app .tab-content li.num2 .qr {position:absolute; right:0; top:5px; padding-top:8px; text-align:center; width:84px; height:84px; border:8px #ddd solid;}
.bizmeka-app .app-footer {height:63px; line-height:63px; color:#d3d3d3; text-align:center; font-size:13px; font-weight:bold; letter-spacing:-0.5px; background:#454545;}
.bizmeka-app .tab-content #tabs-2 {/*text-align:center;*/}
.bizmeka-app .tab-content p {display:inline-block; padding:27px 0 0 69px; height:66px; color:#666; font-size:20px; font-weight:bold; background:url(../../images/portal/app_per.png) no-repeat 0 17px;}
.bizmeka-app .btn-close {position:absolute; right:20px; top:20px}
.bizmeka-app .app-carousel { border-top: 1px solid #ddd; display: block; padding: 15px 0; }
.bizmeka-app .app-carousel ul { height: 72px; }
.bizmeka-app .app-carousel ul:after { content:""; clear:both; }
.bizmeka-app .app-carousel ul li { float: left; position: relative; display: block; height: 72px; margin-right:20px; }
.bizmeka-app .app-carousel ul li a i { display:none; }
.bizmeka-app .app-carousel ul li a.select i { display: inline-block; position: absolute; right: -10px; top: -10px; height: 27px; width: 27px; padding-top: 5px; box-shadow: 0 2px 2px #c6c6c6; border-radius: 50%; color: #fff !important; font-size: 15px; background: #444; opacity: 1; text-align: center; }


/* messenger app  2016.06.22 */
.messenger_dw .info {height:200px; padding:55px 0 0 226px; background:url(../../images/portal/messenger_dwLogo.png) no-repeat 75px 39px; }
.messenger_dw .info h2 {margin-bottom:9px; font-size:24px; color:#111; font-weight:600;}
.messenger_dw .info p {font-size:14px; line-height:20px; color:#333;}
.messenger_dw .modal-content {padding:0 20px; background:#fff url(../../images/portal/app_body.gif) repeat-x 0 0;}
.messenger_dw .modal-content table { width:90%; margin:0px auto 30px;}
.messenger_dw .modal-content table thead {border-top:2px solid #d94245;}
.messenger_dw .modal-content table thead th {border:1px solid #d4d4d4; font-size:16px; line-height:40px;}
.messenger_dw .modal-content table thead th i{ vertical-align:middle; margin-right:8px;}
.messenger_dw .modal-content table thead th i.fa-desktop {font-size:20px;}
.messenger_dw .modal-content table thead th i.fa-mobile {font-size:28px;}
.messenger_dw .modal-content table tbody td {border:1px solid #d4d4d4;}
.messenger_dw .modal-content table tbody td .service_preparing {width:260px;height:60px;text-align:right;padding-top:10px;margin:0 auto;background:url(../../images/portal/app_per.png) no-repeat 0 0px;font-size:14px;color:#3c3c3c;}
.messenger_dw .modal-content table tbody td .service_preparing span{color:#d3292c;}
.messenger_dw .modal-content table tbody ul {overflow:hidden; margin:20px 0px 20px 95px;}
.messenger_dw .modal-content table tbody ul li {float:left;margin-right:30px;}
.messenger_dw .modal-content table tbody ul li button {display:block;margin-top:8px; font-size:11px; padding:1px 8px;}
.messenger_dw .modal-content table tbody ul li button i{margin-left:5px;}
.messenger_dw .app-footer {height:63px; line-height:63px; color:#d3d3d3; text-align:center; font-size:13px; font-weight:bold; letter-spacing:-0.5px; background:#454545;}
.messenger_dw .tab-content #tabs-2 {/*text-align:center;*/}
.messenger_dw .tab-content p {display:inline-block; padding:27px 0 0 69px; height:66px; color:#666; font-size:20px; font-weight:bold; background:url(../../images/portal/app_per.png) no-repeat 0 17px;}
.messenger_dw .btn-close {position:absolute; right:20px; top:20px}
.messenger_dw .messenger_insBox {padding: 10px 10px 8px; border: 1px solid #f5f5f5; background: #fafafa; margin:0px 0px 30px 0px;}
.messenger_dw .messenger_insBox p {padding-left:14px; text-indent:-7px;}
.messenger_dw .messenger_insBox p i.fa-exclamation-circle {color: #ff757f;margin-right:5px;}

/* messenger app  2016.07.19 */
.messenger_dw.messenger .info {position:relative; height:230px; padding:0; background:url(../../images/portal/messenger_dw_image.png) no-repeat center center; }
.messenger_dw.messenger h1 {background: #f6f6f6; font-size: 16px; text-align: center; font-weight: 600; color: #111; height: 55px; line-height: 55px;}
.messenger_dw.messenger h1 span {color: #d40915;}
.messenger_dw.messenger .info h2 {margin-bottom:9px; font-size:24px; color:#111; font-weight:600;}
.messenger_dw.messenger .info p { font-size: 11px; line-height: 20px; color: #a3a3a3; position: absolute; top: 112px; right: 98px; letter-spacing: -0.5px; }
.messenger_dw.messenger .modal-content {padding:0 20px; border:none; border-top:1px solid #e5e5e5; background:none;}
.messenger_dw.messenger .modal-content table { width:100%; margin:0px auto 20px;}
.messenger_dw.messenger .modal-content table thead {border-top:2px solid #d94245;}
.messenger_dw.messenger .modal-content table thead th {border:1px solid #d4d4d4; font-size:16px; line-height:40px;}
.messenger_dw.messenger .modal-content table thead th i{ vertical-align:middle; margin-right:8px;}
.messenger_dw.messenger .modal-content table thead th i.fa-desktop {font-size:20px;}
.messenger_dw.messenger .modal-content table thead th i.fa-mobile {font-size:28px;}
.messenger_dw.messenger .modal-content table tbody td {position:relative; padding: 25px 0px 15px 0px; border:1px solid #dfdfdf;vertical-align:top;}
.messenger_dw.messenger .modal-content table tbody td p.ts1 {font-size: 20px; color: #333; font-weight: 600; letter-spacing: -0.5px; text-align: center;}
.messenger_dw.messenger .modal-content table tbody td p.ts2 {font-size: 12px; color: #777; font-weight: 500; letter-spacing: -0.5px; text-align: center;}
.messenger_dw.messenger .modal-content table tbody td p.ts3 {text-align: left; padding-top: 30px !important; padding-left: 15px; color: #888; font-size:11px; position: absolute; bottom: 10px;}
.messenger_dw.messenger .modal-content table tbody td .service_preparing {width:260px;height:initial;text-align:center;padding-top:24px;margin:0 auto;background:none;font-size:14px;color:#3c3c3c;}
.messenger_dw.messenger .modal-content table tbody td .service_preparing span{color:#d3292c;}
.messenger_dw.messenger .modal-content table tbody ul {margin: 0 auto; text-align: center; display: table; margin-top: 22px;}
.messenger_dw.messenger .modal-content table tbody ul li {float:left;margin:0 5px;}
.messenger_dw.messenger .modal-content table tbody ul li button {display:block;margin-top:0px; font-size:11px; padding:3px 8px; width: 85px;text-align: left;}
.messenger_dw.messenger .modal-content table tbody ul li button img {vertical-align: middle; margin-top: -2px;}
.messenger_dw.messenger .modal-content table tbody ul li button i{margin-left:5px;}
.messenger_dw.messenger .app-footer {position:relative; padding: 0 20px; height: 48px; line-height: 48px; color: #d3d3d3; text-align: left; font-size: 12px; font-weight: bold; letter-spacing: -0.5px; background: #454545;}
.messenger_dw.messenger .app-footer img {position: absolute; top: 14px; right: 20px;}
.messenger_dw.messenger .tab-content #tabs-2 {/*text-align:center;*/}
.messenger_dw.messenger .tab-content p {display:inline-block; padding:27px 0 0 69px; height:66px; color:#666; font-size:20px; font-weight:bold; background:url(../../images/portal/app_per.png) no-repeat 0 17px;}
.messenger_dw.messenger .btn-close {position:absolute; right:20px; top:20px}
.messenger_dw.messenger .messenger_insBox {padding: 10px 10px 8px; border: 1px solid #f5f5f5; background: #fafafa; margin:0px 0px 30px 0px;}
.messenger_dw.messenger .messenger_insBox p {padding-left:14px; text-indent:-7px;}
.messenger_dw.messenger .messenger_insBox p i.fa-exclamation-circle {color: #ff757f;margin-right:5px;}

/* modal select-avatars*/
.select-avatars-wrap {height:190px; padding:0 45px;}
.select-avatars-wrap .select-avatars {height:190px; position:relative;}
.select-avatars-wrap .select-avatars .avatar-list {position:absolute; left:5px; }
.select-avatars-wrap ul {float:left; width:644px;}
.select-avatars-wrap li {position:relative; float:left; width:87px; margin:10px; text-align: right }
.select-avatars-wrap li input {position: absolute;; left:0; top:0}
.select-avatars-wrap li img {width:74px; border:1px #d4d4d4 solid; border-radius:50%}
.select-avatars-wrap button {position:absolute; top:83px; display:table-cell; width:26px; height:60px; padding:0; border-radius:2px; border:1px #e8e8e8 solid; background:#fafafa; cursor:pointer;}
.select-avatars-wrap button.prv {left:20px;}
.select-avatars-wrap button.next {right:20px;}
.select-avatars-wrap button i {color:#ababab}

/* modal charge */
.charge {padding:4px; padding-bottom:0; /*border:1px #31383e solid;*/}
.charge .header { overflow:hidden; height:60px; padding:15px 20px; background:#444;}
.charge .header h1 {float:left; padding-top:5px; font-size:24px; line-height:24px; color:#fff; }

.charge .header .step {float:right;margin-top: -2px;}
.charge .header .step ul {overflow:hidden; height:35px; display:inline-block; /* border:1px #666 solid; */ border-right:none; border-radius: 4px;}
.charge .header .step li:first-child {}
.charge .header .step li:first-child span {background-image:none;}
.charge .header .step li:first-child span i {padding:5px 26px 0 18px;}
.charge .header .step li {display:inline-block; margin-right: -4px; text-align:center; color:#a2a2a2; background:#fff url(../../images/service/step_list.gif) no-repeat right 0}
.charge .header .step li span {display:block; margin-left:0px;  }
.charge .header .step li span i {display:block; height:35px; line-height: 24px; padding:5px 22px 0 10px; font-weight:bold;}
.charge .header .step li.last {border-right:1px #666 solid; background-image:none}
.charge .header .step li.last span {background-image:none;}
.charge .header .step li.last span i {padding:5px 18px 0 9px; background-image:none !important;}
.charge .header .step li.on {position:relative; top:0px; color:#444;margin-right: -4px;}
.charge .header .step li.on span { background:#f07070 /* url(../../images/service/step_on2.gif) no-repeat 0 0 */;}
.charge .header .step li.on span i {color:#fff; background: url(../../images/service/step_on.gif) no-repeat right 0 }
.charge .header .step li.onPrev {background:#fff url(../../images/service/step_on2.gif) no-repeat right 0;}

.charge .doc {padding:20px;}
.charge .doc h2 {padding-bottom:10px; font-weight:bold; font-size:20px; line-height:20px; color:#222; border-bottom:1px #d94245 solid;}
.charge .doc p {position:relative; padding:20px 0 10px 0; font-size:16px;}
.charge .doc p .btn-view {margin-left:10px;}
.charge .doc .scrollY {overflow-y:auto; width:100%; padding:10px; height:100px; border:1px #d4d4d4 solid;}
.charge .doc .scrollY .tbl-list {margin-bottom:10px; border:none;}
.charge .doc .scrollY .tbl-list th {padding:0; border:1px solid #d4d4d4; line-height:28px; font-size:13px; text-align:center;}
.charge .doc .scrollY .tbl-list td {padding:5px; border:1px solid #d4d4d4; border-top:none;  font-size:13px;}
.charge .doc .scrollY .tbl-list td.vt {vertical-align:top}
.charge .doc .scrollY h3 {padding:10px 0 5px 0; font-size:13px; font-weight:bold; border-top:1px #e0e0e0 solid;}
.charge .doc .scrollY .policy-wrap h3 { border-top:none;  margin: 20px 0 40px 0;}
.charge .doc .scrollY p {padding:0 0 10px 0; font-size:13px;}
.charge .doc .scrollY ul {padding-bottom:10px;}
.charge .doc .scrollY ul li {padding-left:10px; font-size:13px;}
.charge .doc .scrollY ul li.etc {padding-left:15px;}
.charge .doc .check {position:absolute; right:0; top:20px;}
.charge .doc .txt > li {line-height: 1.6;}
.charge .btn-group {text-align:center;}
.charge .doc table {margin-bottom:15px;}
.charge .doc table th {padding-right:20px; text-align:right; line-height:36px; border-bottom:1px #d4d4d4 solid; background:#f5f5f5}
.charge .doc table td {padding:5px 0 5px 20px; border-bottom:1px #d4d4d4 solid;}
.charge .doc table td input[type="text"] {height:27px;}
.charge .doc table td select {height:27px;}
.charge .doc table td .r {float:right;}
.charge .doc .ins {margin:5px 0 0 0; padding:0 0 0 20px; font-size:13px; line-height:18px; background:url(../../images/service/ic_imp.png) no-repeat 0 2px;}
.charge .doc .ins2 {margin:5px 0 0 0; padding:0 0 0 20px; font-size:13px; line-height:18px; background:url(../../images/service/ic_imp2.png) no-repeat 0 2px;}
.charge .btn-group button {margin-bottom:20px; width:120px; height:40px; line-height:40px; border:1px #aaa solid; font-weight:bold; font-size:16px; color:#111; background:#fff; cursor:pointer;}
.charge .btn-group button.color {color:#fff; border:none; background:#444;}
.charge .btn-group button.color2 {color:#fff; border:none; background:#d94245;}
.charge .list-box {margin-top:10px; padding:10px 10px 8px; border:1px solid #f5f5f5; background:#fafafa;}
.charge .list-box > ul > li {padding:4px 0 4px 22px; color:#333; font-size:12px; line-height:1.6; background:url(../../images/service/ic_imp.png) no-repeat 0 8px;}
.charge .list-box1 {margin-top:10px; padding:10px 12px 8px; border:1px solid #f5f5f5; background:#fafafa;}
.charge .list-box1 > ul > li {padding: 4px 0 4px 18px; color: #333; font-size: 12px; line-height: 1.6; background: url(../../images/service/ic_arrow.png) no-repeat 0 7px;}
.charge .agree {padding-top:10px;}
.charge .agree li {margin-bottom:3px; font-size:12px;}
.charge .agree li input {margin-right:5px;}

/* common charge */
.chargePopup {padding:4px; padding-bottom:0; background:none !important;}
.chargePopup .doc {padding:20px;}
.chargePopup .doc h2 {padding-bottom:10px; font-weight:bold; font-size:20px; line-height:20px; color:#222; border-bottom:1px #d94245 solid;}
.chargePopup .doc p {position:relative; padding:20px 0 10px 0; font-size:16px;}
.chargePopup .doc p .btn-view {margin-left:10px;}
.chargePopup .doc .scrollY {overflow-y:auto; width:100%; padding:10px; height:120px; border:1px #d4d4d4 solid;}
.chargePopup .doc .scrollY .tbl-list {margin-bottom:10px; border:none;}
.chargePopup .doc .scrollY .tbl-list th {padding:0; border:1px solid #d4d4d4; line-height:28px; font-size:13px; text-align:center;}
.chargePopup .doc .scrollY .tbl-list td {padding:5px; border:1px solid #d4d4d4; border-top:none;  font-size:13px;}
.chargePopup .doc .scrollY .tbl-list td.vt {vertical-align:top}
.chargePopup .doc .scrollY h3 {padding:10px 0 5px 0; font-size:13px; font-weight:bold; border-top:1px #e0e0e0 solid;}
.chargePopup .doc .scrollY .policy-wrap h3 { border-top:none;  margin: 20px 0 40px 0;}
.chargePopup .doc .scrollY p {padding:0 0 10px 0; font-size:13px;}
.chargePopup .doc .scrollY ul {padding-bottom:10px;}
.chargePopup .doc .scrollY ul li {padding-left:10px; font-size:13px;}
.chargePopup .doc .scrollY ul li.etc {padding-left:15px;}
.chargePopup .doc .check {position:absolute; right:0; top:20px;font-size:13px;font-weight:bold;}
.chargePopup .doc .txt > li {line-height: 1.6;}
.chargePopup .btn-group {text-align:center;}
.chargePopup .btn-group button {margin-bottom:20px; width:120px; height:40px; line-height:40px; border:1px #aaa solid; font-weight:bold; font-size:16px; color:#111; background:#fff; cursor:pointer;}
.chargePopup .btn-group button.color {color:#fff; border:none; background:#444;}
.chargePopup .btn-group button.color2 {color:#fff; border:none; background:#d94245;}
.chargePopup .doc .title {float:left;width: 435px;margin-bottom: 2px;font-size:13px;font-weight:bold;}
.chargePopup .tbl-view.mb {margin-bottom:5px;padding-right:20px;padding-left:20px;}
.chargePopup .tbl-view th {padding-right:20px; text-align:right; line-height:40px; border-bottom:1px #d4d4d4 solid; background:#f5f5f5}
.chargePopup .tbl-view td {padding-left:20px; line-height:40px; border-bottom:1px #d4d4d4 solid;}
.chargePopup .tbl-view th.top {padding-right:20px; text-align:right; line-height:40px; border-top:1px #d4d4d4 solid; background:#f5f5f5}
.chargePopup .tbl-view td.top {padding-left:20px; line-height:40px; border-top:1px #d4d4d4 solid;}
.chargePopup .tbl-view td a.question-icon { margin-left:10px; vertical-align:middle; }
.chargePopup .tbl-view td a.question-icon i { font-size: 14px; color:#999; }
.chargePopup .tbl-view td span.payment-wrap.ty1 { display: inline-block; background: #f9e3e2; border-radius: 2px; vertical-align: middle; text-align: center; margin: 5px 0; padding: 0px 10px; }
.chargePopup .tbl-view td span.payment-wrap.ty1 ul { padding: 0; }
.chargePopup .tbl-view td span.payment-wrap.ty1 ul li:first-child {border-bottom:1px solid #bbb; font-weight: 600; }
.chargePopup .tbl-view td span.payment-wrap.ty1 ul li:last-child { color: #f05050; font-weight: 600; }
.chargePopup .tbl-view td span.payment-wrap.ty2 { display: inline-block; background: #d2eef3; border-radius: 2px; vertical-align: middle; text-align: center; margin: 5px 0; padding: 0px 10px; }
.chargePopup .tbl-view td span.payment-wrap.ty2 ul { padding: 0; }
.chargePopup .tbl-view td span.payment-wrap.ty2 ul li:first-child {border-bottom:1px solid #bbb; font-weight: 600; }
.chargePopup .tbl-view td span.payment-wrap.ty2 ul li:last-child { color: #f05050; font-weight: 600; }
.chargePopup .tbl-view td p {padding:8px 0;line-height:24px;}
.chargePopup .tbl-view input {margin-right:5px;}
.chargePopup .tbl-view label {margin-right:40px;}
.chargePopup .tbl-view label.mr {margin-right:10px}
.chargePopup .tbl-view table td .ins {padding-left:20px; background:url(../../images/service/ic_imp.png) no-repeat 0 2px;}
.chargePopup .tbl-view ul {padding-top:20px;}
.chargePopup .tbl-view li {line-height: 24px;}
.chargePopup .tbl-view-sm {margin-bottom:60px;}
.chargePopup .tbl-view-sm th {font-size:12px; color:#666; font-weight:normal; line-height:22px;}
.chargePopup .tbl-view-sm td {font-size:12px; color:#666; line-height:22px;}

/* company-setting */
.company-setting {padding:10px 10px 0 10px;}
.company-setting .line {padding-bottom:20px; margin-bottom:20px; color:#111; border-bottom:1px #d4d4d4 solid;}
.company-setting .check {padding-bottom:20px; color:#333;}
.company-setting .check i {margin-right:3px; color:#d5282d}
.company-setting .list {margin-bottom:15px;}
.company-setting .list li {color:#666;}
.company-setting .list li strong {color:#333; font-weight:bold;}
.company-setting .btn-wrap.text-center {padding-top:10px;}
.company-setting .btn-wrap.text-center button {height:27px; min-width:48px; padding:0}
.company-setting .txt {margin-bottom:20px;}
.company-setting .ins-box.info {text-align:center; font-weight:bold; color:#111;}
.company-setting .ins-box.info label {margin-left:5px;}
.company-setting .btn-tog {display:block; margin-bottom:25px; text-align:center;}
.company-setting .btn-tog button {width:174px; height:39px; margin:0 3px; padding:0; border:3px #ddd solid; font-size:14px; font-weight:bold; color:#999; background:#fff; cursor:pointer;}
.company-setting .btn-tog button.active {border:3px #d5282d solid; color:#d5282d}
.company-setting .color-box1 { font-size: 18px; padding: 10px 0; border: 1px #ddd solid; font-weight: 600; background: #f9f9f9; text-align: center; }


/* modal experience */
.experience {padding:0 20px;}
.experience .ex-notice {margin-bottom:30px; padding:12px 0 0 70px; height:61px; line-height:20px; color:#333; font-size:13px; background: url(../../images/portal/experience_img.gif) no-repeat 0 0;}
.experience .table-info {overflow:hidden; margin-bottom:10px;}
.experience .table-info strong {font-size:14px; color:#d3292c}
.experience .table-info strong i {margin-right:3px; font-size:14px;}
.experience .table-info p {color:#666}
.experience .table-info p span {color:#d3292c}
.experience .content-list {margin-bottom:10px;}
.experience .ins-box {margin-bottom:30px;}

.bgColor {background:#f6f6f6}
.bgColor .pop-content {display:table; margin-bottom:5px; width:100%; }
.bgColor .imp {padding-left:10px;}
.border-box {display:table-cell; padding:10px; height:70px; vertical-align:middle; border:1px #ddd solid; background:#fff;}

.comment-view {padding:0 20px;}
.comment-view > ul > li {position:relative; padding-top:5px; border-bottom:1px #dbe1e8 solid;}
.comment-view > ul > li.last {border-bottom:none;}
.comment-view p {/*position:absolute; left:38px; bottom:14px; margin:0;*/ margin:0; padding:0 0 10px 33px; color:#666;}
.comment-view ul ul {/*height:75px; padding-top:10px;*/}
.comment-view li li{display:inline-block; margin-right:3px; vertical-align:middle;}
.comment-view ul a {display:block; color:#999}
.comment-view .name {padding-right:10px; margin-right:4px; color:#212121; background:url('../../images/portal/bar2.gif') no-repeat right 50%;}
.comment-view .date {color:#999}
.comment-view .comment {position:relative; padding:5px 80px 5px 0;}
.comment-view .comment .btn-area {position:absolute; right:-80px; top:68%; margin-top:-13px;}

.comment-view.type1 { padding:0px; }
.comment-view.type1 > ul > li { padding-top:10px; }
.comment-view.type1 > ul > li.delete { font-style: italic; /* background: #ffefef; color: #f05050; */ }
.comment-view.type1 > ul > li.delete p { color: #f05050; }
.comment-view.type1 ul ul { padding:0 15px; }
.comment-view.type1 p { padding: 10px 15px 10px 15px; }
.comment-view.type1 p span { display:block; margin-top: 10px; }
.comment-view.type1 p span.doc-img { display:block; padding-top: 10px; }
.comment-view.type1 .comment { margin:0 20px; }
.comment-view.type1 .image-file { padding-bottom: 10px; }
.comment-view.type1 .reply-more-wrap { display: block; position: relative; padding: 10px 15px 10px 15px; margin: 0 0 0px 0; border-top: 1px solid #dbe1e8; font-weight: 600; color: #555; background: #f1f1f1; }
.comment-view.type1 .reply-more-wrap a { display:inline-block; color:#111; }
.comment-view.type1 .reply-more-wrap a:hover { opacity:0.8; /* text-decoration:underline; */ }
.comment-view.type1 .reply-more-wrap .p-r { position: absolute; right: 15px; top: 10px; }
.comment-view.type1 .image-file ul { padding: 5px 10px 0px 10px; }
.comment-view.type1 .emoticon-content ul li { margin: 0px 0px 15px 15px; }
.comment-view.type1 .doc-img { margin-left: 15px; margin-right: 15px; border-top: 1px #dbe1e8 dashed;}
.comment-view.type1 .ml20 { margin-left: 46px !important; }
.comment-view.type1 a.gallery-link img { max-width: 300px; }

.event {position: relative;width:600px;height:620px;}
.event .pop-close {position:absolute; top:20px;right:20px;}
.event .pop-snsbox{display:table;position:absolute; bottom:148px; left:88px;width:430px;height:32px;}
.event .pop-snsbox ul {overflow:hidden;margin:0;padding:0;}
.event .pop-snsbox ul li {float:left;margin-right:5px;}
.event .pop-snsbox ul li:last-child {margin:0px 0px 0px 15px;}
.event .pop-snsbox span {float:left;line-height:32px;font-size:24px;font-weight:bold;margin-right:16px;}

/* sms_wrap */
.sms_wrap.sms_section01 {width:228px; height:506px; position:relative; background:url('../../images/common/sms_skin01.png') no-repeat 0 0;}
.sms_wrap .setting_bg{ position:absolute; top:10px; right:15px;border:none; background:none; }
.sms_wrap .sms_bubble { width:130px; top:40px; left:135px; text-align:center; padding:10px 0px; border:2px solid #888;}
.sms_wrap .sms_bubble:before { top:-15px; left:53px; border-width:0 13px 14px; border-color:#888 transparent;}
.sms_wrap .sms_bubble:after { top:-12px; left:55px;}
.sms_wrap .pattern { padding-left:23px; overflow:hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #d0d0d0 solid; }
.sms_wrap .pattern li { float:left;margin-right:10px; cursot}
.sms_wrap .pattern li.pattern01 { width:20px; height:20px; border:1px solid #aaa; border-radius:50%;}
.sms_wrap .pattern li.pattern02 { width:20px; height:20px; background:#d5d5d5; border-radius:50%;}
.sms_wrap .pattern li.pattern03 { width:20px; height:20px; background:#616670; border-radius:50%;}
.sms_wrap .sms_write_area { position:relative; top:58px; padding:0px 11px 0px 11px; height:150px; overflow-y:auto; overflow-x:hidden;}
.sms_wrap .sms_write_area .imgaes_position { width:201px;}
.sms_wrap .sms_write_area .imgaes_position img { width:100%;}
.sms_wrap .sms_write_area textarea { border:none;line-height:17px !important;background-color:transparent; width: 100%;}
.sms_wrap .function_box { width:100%; padding:12px 18px 7px 18px; margin-top:50px;}
.sms_wrap.sms_section01 .function_box .sms_info button { background:#ff8a80; color: #fff; border-radius:50%; border:none; width:20px; height:20px; padding:0px;}
.sms_wrap.sms_section01 .function_box .sms_info .rewrite_txt {font-weight:bold;padding-left:5px;}
.sms_wrap.sms_section01 .function_box .sms_info .sms_title {font-weight:bold;padding:0px 5px 0px 10px;}
.sms_wrap.sms_section01 .function_box .sms_info .sms_volume .usage {color:#f07070;}
.sms_wrap.sms_section01 .function_box .sms_btnarea {text-align:center; margin-top:5px;}
.sms_wrap.sms_section01 .function_box .sms_btnarea button{background:#999; padding:1px 21px;}
.sms_wrap.sms_section01 .address_info {border-top:1px solid #e3e3e3; margin:0px 12px; padding:10px 0px;}
.sms_wrap.sms_section01 .address_info .recipient_area {margin-bottom:6px;position:relative;}
.sms_wrap.sms_section01 .address_info .recipient_area strong {margin-right:12px;}
.sms_wrap.sms_section01 .address_info .recipient_area button {padding:1px 2px; font-size:11px;}
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.all_recipient {top:-9px; left:160px; border:2px solid #31383e; width:300px; max-height:300px; }
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.all_recipient:before {display:none;}
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.all_recipient:after {display:none;}
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.all_recipient h2{position: relative; padding: 10px 16px 10px 35px; font-size: 14px; text-align: left; height: auto; border-radius:initial; font-weight: bold; color: #fff; background: #555154 url(../../images/common/tit_pop2.png) no-repeat 12px 50%;}
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.all_recipient h2 a { position: absolute; right: 16px; top: 9px; color: #fff; font-size: 16px;}
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.all_recipient ul {padding:5px 17px;overflow-y:auto; max-height:257px;}
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.all_recipient ul li{line-height: 34px; border-bottom: 1px #e3e3e3 dotted; text-align: left; white-space: nowrap;}
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.new_recipient {top:-9px; right:-262px;border:2px solid #31383e; width:250px; max-height:300px; }
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.new_recipient:before {display:none;}
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.new_recipient:after {display:none;}
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.new_recipient h2{position: relative; padding: 10px 16px 10px 35px; font-size: 14px; text-align: left; height: auto; border-radius:initial; font-weight: bold; color: #fff; background: #555154 url(../../images/common/tit_pop2.png) no-repeat 12px 50%;}
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.new_recipient h2 a { position: absolute; right: 16px; top: 9px; color: #fff; font-size: 16px;}
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.new_recipient ul {padding:5px 17px;overflow-y:auto;width:250px; max-height:257px;}
.sms_wrap.sms_section01 .address_info .recipient_area .bubble.new_recipient ul li{line-height: 34px; border-bottom: 1px #e3e3e3 dotted; text-align: left; white-space: nowrap;}
.sms_wrap.sms_section01 .address_info .address_list{ height:80px; overflow-y:auto; border-radius: 5px;border:1px solid #e3e3e3; background:#f7f7f7; padding:5px 11px;}
.sms_wrap.sms_section01 .address_info .address_list li {line-height:22px;overflow:hidden;}
.sms_wrap.sms_section01 .address_info .address_list li span{float:left;}
.sms_wrap.sms_section01 .address_info .address_list li i{float:right; color:#999; padding-top:5px; cursor:pointer;}
.sms_wrap.sms_section01 .address_info .sender {overflow:hidden;margin-top:10px;border-bottom:1px solid #e3e3e3; padding-bottom:5px;}
.sms_wrap.sms_section01 .address_info .sender strong {margin-right:3px;}
.sms_wrap.sms_section01 .address_info .sender i{color:#ff8a80;}
.sms_wrap.sms_section01 .address_info .sender .sender_number{float:right;}
.sms_wrap.sms_section01 .send_btnarea {margin-top:8px; position:relative;}
.sms_wrap.sms_section01 .send_btnarea > button {width:100px;}
.sms_wrap.sms_section01 .send_btnarea .btn-color20 {background:#f07070;}
.sms_wrap.sms_section01 .send_btnarea .btn-color21 {background:#363636;}
.sms_wrap .sms_btn { width:242px; top:40px; left:30px; text-align:center; padding:10px 0px; border:2px solid #888;}
.sms_wrap .sms_btn .date_time_area{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d0d0d0;}
.sms_wrap .sms_btn:before { top:-15px; left:110px; border-width:0 13px 14px; border-color:#888 transparent;}
.sms_wrap .sms_btn:after { top:-12px; left:112px;}
.sms_wrap .sms_btn .icon.calendar {opacity:1;}
.sms_wrap .sms_btn .timepicker-wrap .btn .fa {color:#ff757f; }
.sms_tab_btnarea {padding:10px 0px;}
.sms_tab_btnarea button.sellect {background:#f0f0f0;}
.sms_listbox01 {overflow:hidden;}
.sms_listbox01 li{float:left; background:url('../../images/common/sms_skin01_list01.png') no-repeat 0 0; width:160px; height:138px;  margin:10px 10px 10px 0px;}
.sms_listbox01 li span {display:block; overflow-y:auto; margin:30px 10px 10px 10px; height:88px;}
.sms_listbox01.imgages_box li span {display:block; overflow:hidden; margin:25px 6px 6px 6px; height:108px;}
.sms_listbox01.imgages_box li span img {width: 100%; height:108px;cursor:pointer;}

/* sms_wrap */
.sms_wrap.sms_section02 {width:228px; height:506px; position:relative; background:url('../../images/common/sms_skin02.png') no-repeat 0 0;}
.sms_wrap.sms_section02 .function_box .sms_info button { background:#385e85; color: #fff; border-radius:50%; border:none; width:20px; height:20px; padding:0px;}
.sms_wrap.sms_section02 .function_box .sms_info .rewrite_txt {font-weight:bold;padding-left:5px;}
.sms_wrap.sms_section02 .function_box .sms_info .sms_title {font-weight:bold;padding:0px 5px 0px 10px;}
.sms_wrap.sms_section02 .function_box .sms_info .sms_volume .usage {color:#f07070;}
.sms_wrap.sms_section02 .function_box .sms_btnarea {text-align:center; margin-top:5px;}
.sms_wrap.sms_section02 .function_box .sms_btnarea button{background:#7395b8; padding:1px 21px;}
.sms_wrap.sms_section02 .function_box .sms_info span {color:#537395; }
.sms_wrap.sms_section02 .address_info { margin:0px 12px; padding:10px 0px;}
.sms_wrap.sms_section02 .address_info .recipient_area {margin-bottom:6px;position:relative;}
.sms_wrap.sms_section02 .address_info .recipient_area strong {margin-right:12px;color:#fff;}
.sms_wrap.sms_section02 .address_info .recipient_area button {padding:1px 2px; font-size:11px;}
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.all_recipient {top:-9px; left:160px; border:2px solid #31383e; width:300px; max-height:300px; }
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.all_recipient:before {display:none;}
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.all_recipient:after {display:none;}
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.all_recipient h2{position: relative; padding: 10px 16px 10px 35px; font-size: 14px; text-align: left; height: auto; border-radius:initial; font-weight: bold; color: #fff; background: #555154 url(../../images/common/tit_pop2.png) no-repeat 12px 50%;}
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.all_recipient h2 a { position: absolute; right: 16px; top: 9px; color: #fff; font-size: 16px;}
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.all_recipient ul {padding:5px 17px;overflow-y:auto; max-height:257px;}
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.all_recipient ul li{line-height: 34px; border-bottom: 1px #e3e3e3 dotted; text-align: left; white-space: nowrap;}
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.new_recipient {top:-9px; right:-262px;border:2px solid #31383e; width:250px; max-height:300px; }
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.new_recipient:before {display:none;}
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.new_recipient:after {display:none;}
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.new_recipient h2{position: relative; padding: 10px 16px 10px 35px; font-size: 14px; text-align: left; height: auto; border-radius:initial; font-weight: bold; color: #fff; background: #555154 url(../../images/common/tit_pop2.png) no-repeat 12px 50%;}
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.new_recipient h2 a { position: absolute; right: 16px; top: 9px; color: #fff; font-size: 16px;}
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.new_recipient ul {padding:5px 17px;overflow-y:auto;width:250px; max-height:257px;}
.sms_wrap.sms_section02 .address_info .recipient_area .bubble.new_recipient ul li{line-height: 34px; border-bottom: 1px #e3e3e3 dotted; text-align: left; white-space: nowrap;}
.sms_wrap.sms_section02 .address_info .address_list{ height:80px; overflow-y:auto; border-radius: 5px;border:1px solid #e3e3e3; background:#f7f7f7; padding:5px 11px;}
.sms_wrap.sms_section02 .address_info .address_list li {line-height:22px;overflow:hidden;}
.sms_wrap.sms_section02 .address_info .address_list li span{float:left;}
.sms_wrap.sms_section02 .address_info .address_list li i{float:right; color:#999; padding-top:5px; cursor:pointer;}
.sms_wrap.sms_section02 .address_info .sender {overflow:hidden;margin-top:10px;border-bottom:1px solid #e3e3e3; padding-bottom:5px;}
.sms_wrap.sms_section02 .address_info .sender strong {margin-right:3px;color:#fff;}
.sms_wrap.sms_section02 .address_info .sender i{color:#ff8a80;}
.sms_wrap.sms_section02 .address_info .sender .sender_number{float:right;color:#fff;}
.sms_wrap.sms_section02 .send_btnarea {margin-top:8px; position:relative;}
.sms_wrap.sms_section02 .send_btnarea > button {width:100px;}
.sms_wrap.sms_section02 .send_btnarea .btn-color20 {background:#f07070;}
.sms_wrap.sms_section02 .send_btnarea .btn-color21 {background:#363636;}
.sms_listbox02 {overflow:hidden;}
.sms_listbox02 li{float:left; background:url('../../images/common/sms_skin01_list01.png') no-repeat 0 0; width:160px; height:138px;  margin:10px 10px 10px 0px;}
.sms_listbox02 li span {display:block; overflow-y:auto; margin:30px 10px 10px 10px; height:88px;}
.sms_listbox02.imgages_box li span {display:block; overflow:hidden; margin:25px 6px 6px 6px; height:121px;}
.sms_listbox02.imgages_box li span img {width: 100%; height:121px;cursor:pointer;}

/* sms_wrap */
.sms_wrap.sms_section03 {width:228px; height:506px; position:relative; background:url('../../images/common/sms_skin03.png') no-repeat 0 0;}
.sms_wrap.sms_section03 .function_box .sms_info button { background:#ff8a80; color: #fff; border-radius:50%; border:none; width:20px; height:20px; padding:0px;}
.sms_wrap.sms_section03 .function_box .sms_info .rewrite_txt {font-weight:bold;padding-left:5px;}
.sms_wrap.sms_section03 .function_box .sms_info .sms_title {font-weight:bold;padding:0px 5px 0px 10px;}
.sms_wrap.sms_section03 .function_box .sms_info .sms_volume .usage {color:#f07070;}
.sms_wrap.sms_section03 .function_box .sms_btnarea {text-align:center; margin-top:5px;}
.sms_wrap.sms_section03 .function_box .sms_btnarea button{background:#999; padding:1px 21px;}
.sms_wrap.sms_section03 .address_info {border-top:1px solid #fff; margin:0px 12px; padding:10px 0px;}
.sms_wrap.sms_section03 .address_info .recipient_area {margin-bottom:6px;position:relative;}
.sms_wrap.sms_section03 .address_info .recipient_area strong {margin-right:12px;}
.sms_wrap.sms_section03 .address_info .recipient_area button {padding:1px 2px; font-size:11px;}
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.all_recipient {top:-9px; left:160px; border:2px solid #31383e; width:300px; max-height:300px; }
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.all_recipient:before {display:none;}
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.all_recipient:after {display:none;}
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.all_recipient h2{position: relative; padding: 10px 16px 10px 35px; font-size: 14px; text-align: left; height: auto; border-radius:initial; font-weight: bold; color: #fff; background: #555154 url(../../images/common/tit_pop2.png) no-repeat 12px 50%;}
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.all_recipient h2 a { position: absolute; right: 16px; top: 9px; color: #fff; font-size: 16px;}
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.all_recipient ul {padding:5px 17px;overflow-y:auto; max-height:257px;}
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.all_recipient ul li{line-height: 34px; border-bottom: 1px #e3e3e3 dotted; text-align: left; white-space: nowrap;}
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.new_recipient {top:-9px; right:-262px;border:2px solid #31383e; width:250px; max-height:300px; }
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.new_recipient:before {display:none;}
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.new_recipient:after {display:none;}
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.new_recipient h2{position: relative; padding: 10px 16px 10px 35px; font-size: 14px; text-align: left; height: auto; border-radius:initial; font-weight: bold; color: #fff; background: #555154 url(../../images/common/tit_pop2.png) no-repeat 12px 50%;}
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.new_recipient h2 a { position: absolute; right: 16px; top: 9px; color: #fff; font-size: 16px;}
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.new_recipient ul {padding:5px 17px;overflow-y:auto;width:250px; max-height:257px;}
.sms_wrap.sms_section03 .address_info .recipient_area .bubble.new_recipient ul li{line-height: 34px; border-bottom: 1px #e3e3e3 dotted; text-align: left; white-space: nowrap;}
.sms_wrap.sms_section03 .address_info .address_list{ height:80px; overflow-y:auto; border-radius: 5px;border:1px solid #e3e3e3; background:#f7f7f7; padding:5px 11px;}
.sms_wrap.sms_section03 .address_info .address_list li {line-height:22px;overflow:hidden;}
.sms_wrap.sms_section03 .address_info .address_list li span{float:left;}
.sms_wrap.sms_section03 .address_info .address_list li i{float:right; color:#999; padding-top:5px; cursor:pointer;}
.sms_wrap.sms_section03 .address_info .sender {overflow:hidden;margin-top:10px;border-bottom:1px solid #fff; padding-bottom:5px;}
.sms_wrap.sms_section03 .address_info .sender strong {margin-right:3px;}
.sms_wrap.sms_section03 .address_info .sender i{color:#ff8a80;}
.sms_wrap.sms_section03 .address_info .sender .sender_number{float:right;}
.sms_wrap.sms_section03 .send_btnarea {margin-top:8px;position:relative;}
.sms_wrap.sms_section03 .send_btnarea > button {width:100px;}
.sms_wrap.sms_section03 .send_btnarea .btn-color20 {background:#f07070;}
.sms_wrap.sms_section03 .send_btnarea .btn-color21 {background:#363636;}
.sms_listbox03 {overflow:hidden;}
.sms_listbox03 li{float:left; background:url('../../images/common/sms_skin01_list01.png') no-repeat 0 0; width:160px; height:138px;  margin:10px 10px 10px 0px;}
.sms_listbox03 li span {display:block; overflow-y:auto; margin:30px 10px 10px 10px; height:88px;}
.sms_listbox03.imgages_box li span {display:block; overflow:hidden; margin:25px 6px 6px 6px; height:108px;}
.sms_listbox03.imgages_box li span img {width: 100%; height:108px; cursor:pointer;}

.content-view .table.td-top-border td, .content-view .table.td-top-border th { border-top:1px solid #e5e5e5; }


.listSsoView {padding:100px;}
.listSsoView .Privacy_info {overflow:hidden; width:380px; margin:15px auto;}
.listSsoView .Privacy_info img {float:left; width:50px;}
.listSsoView .Privacy_info p {float:left; width:330px; display:inline-block; padding:10px 20px;}
.listSsoView .Privacy_input {text-align:center;}

#resizeimg { padding:15px; }
#resizeimg .ui-wrapper { max-height: 100% !important; max-width: 100% !important; }
#resizeimg.ui-widget-content .ui-wrapper img { border:1px solid #ff442e; }
#resizeimg.ui-widget-content .ui-icon { background-image: url(../../images/common/ico_img_resize.png); background-position: -2px -2px; }


/* header */ 
#header { position:relative; height:50px; margin:0 -20px; padding:0 35px; background:#f7f7f7; border-bottom:1px solid #e1e1e1; }
#header ul { padding:9px 0; }
#header ul li {display:inline-block; }
#header ul li a { display:inline-block; margin:0 6px; padding:0 16px; height:31px; line-height:31px; font-size:14px; font-weight:600; color:#222; border-radius:2px; }
#header ul li.current a { color:#fff; }
#header .calculator {position:absolute; right:18px; top:10px; padding:0; border:none; font-size:21px; color:#888; background:none; cursor:pointer;}
#header .guide { position:absolute; right:52px; top:15px; padding-right:10px; border:none; font-size:14px; color:#777; background:url(../../images/common/bar_01.png) no-repeat right 5px;}
#header .guide i { position:relative; top:-1px;}

/* profile */
.profile .imgarea { position:relative; margin:0 -20px; background:#f9f9f9; }
.profile .imgarea { height:164px; overflow:hidden; }
.profile .imgarea img { min-height:100%; }
.profile .imgarea .btn-bgimg { position:absolute; top:14px; right:20px; height:28px; padding:0 15px; line-height:28px; font-size:12px; font-weight:600; color:#fff; background:rgba(0,0,0,.3); }
.profile .imgarea .btn-bgimg i { margin:0 7px 2px 0; color:#fff; font-size:13px; vertical-align:middle; }
.profile .content-wrap { margin:0 auto; max-width:960px; }
.profile .content-wrap .left { float:left; width:260px; margin-right:26px; }
.profile .content-wrap .right { margin-left:286px; }
.profile .content-wrap #pr-tab1:after { content:""; display:block; clear:both; }
.profile .content-wrap .box { position:relative; min-height:170px; margin-bottom:12px; padding:23px 25px; border:1px solid #e5e5e5; }
.profile .content-wrap .box h3 { margin-bottom:15px; font-size:16px; color:#333; }
.profile .content-wrap .box .more { position:absolute; top:22px; right:28px; width:19px; height:19px; background:url(../../images/common/ic_more_2.png) no-repeat; }

.profile .nav-tabs-profile { margin:40px 0 38px; padding:0; text-align:right; }
.profile .nav-tabs-profile > li { display:inline-block; margin:0 14px; }
.profile .nav-tabs-profile > li > a { padding:0 2px; color:#999; line-height:20px; font-size:16px; font-weight:600; text-align:center; }
.profile .nav-tabs-profile > li a:hover {  }
.profile .nav-tabs-profile > li.active a { color:#3a4e72; border-bottom:2px solid #3a4e72; }

.per-pr { position:absolute; top:-100px; left:0; vertical-align:middle; width:110px; height:110px; background:url(../../images/placeholders/avatars/avatar_110x110.png) no-repeat; border-radius:50%; }
.per-pr img { width:110px; height:110px; border-radius:50%; }
.per-pr .ic-edit { position:absolute; top:90px; left:118px; width:43px; height:17px; background:url(../../images/common/ic_edit.png) no-repeat; }

.profile .content-wrap .left .name { font-size:22px; font-weight:600; color:#111; }
.profile .content-wrap .left .name span { margin-right:15px; font-weight:normal; }
.profile .content-wrap .left  .ic-edit { display:inline-block; width:43px; height:17px; vertical-align:middle; background:url(../../images/common/ic_edit.png) no-repeat; }
.profile .content-wrap .left .company { margin:30px 0 10px; font-size:17px; color:#333; }
.profile .content-wrap .left .company span { display:block; margin:10px 0 30px; font-size:13px; word-break:keep-all; }
.profile .content-wrap .left .person-link { margin-bottom:30px; }
.profile .content-wrap .left .person-link ul { margin-left:-7px; }
.profile .content-wrap .left .person-link ul li {display:inline-block;}
.profile .content-wrap .left .person-link ul li a { display:block; width:40px; height:25px; margin:0 -3px; background:url(../../images/portal/person_info_2.png) no-repeat 0 0;}
.profile .content-wrap .left .person-link ul li.ic1 a {background-position:0 0; margin:0 -1px; }
.profile .content-wrap .left .person-link ul li.ic2 a {background-position:-40px 0; margin:0 -1px; }
.profile .content-wrap .left .person-link ul li.ic3 a {background-position:-80px 0;}
.profile .content-wrap .left .person-link ul li.ic4 a {background-position:-120px 0;}
.profile .content-wrap .left .person-link ul li.ic5 a {background-position:-160px 0;}
.profile .content-wrap .left .person-link ul li.ic6 a {background-position:-200px 0;}
.profile .content-wrap .left .person-link ul li.ic7 a {background-position:-240px 0;}
.profile .content-wrap .left .info1 { padding:20px 0 18px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
.profile .content-wrap .left .info1 .info-mail { position:relative; padding:0 0 0 28px; margin-bottom:20px; word-break:break-all; }
.profile .content-wrap .left .info1 .info-mail span { display:inline-block; margin-bottom:4px; line-height:14px; font-size:13px; color:#333; }
.profile .content-wrap .left .info1 .info-mail span.br { border-bottom:1px solid #333; }
.profile .content-wrap .left .info1 .info-phone { position:relative; padding:0 0 0 28px; }
.profile .content-wrap .left .info1 .info-phone span { display:inline-block; margin-right:5px; font-size:13px; color:#333; }
.profile .content-wrap .left .info2 { padding:20px 0 18px; }
.profile .content-wrap .left .info2 .info-addr { position:relative; padding:0 0 0 28px; margin-bottom:20px; overflow:hidden; }
.profile .content-wrap .left .info2 .info-addr span { display:inline-block; margin:0 5px 5px 0; font-size:13px; color:#333; word-break:keep-all; }
.profile .content-wrap .left .ic-pr { position:absolute; top:3px; left:0; }
.profile .content-wrap .left .ic-pr.mail { display:block; width:16px; height:12px; background:url(../../images/common/ic_prinfo.png) no-repeat 0 0; }
.profile .content-wrap .left .ic-pr.phone { top:1px; display:block; width:16px; height:16px; background:url(../../images/common/ic_prinfo.png) no-repeat 0 -50px; }
.profile .content-wrap .left .ic-pr.addr { top:1px; display:block; width:16px; height:17px; background:url(../../images/common/ic_prinfo.png) no-repeat 0 -100px; }

.pr_schedule_c { margin-top:5px; }
.pr_schedule_time td { color:#999; font-size:11px; background:#fff !important; }
.pr_schedule_c table th { padding:0; text-align:left; }
.pr_schedule_c table th .bar { display:block; width:1px; height:3px; background:url(../../images/common/bar_05.png) no-repeat; }
.pr_schedule_c table td { height:12px; width:4.54%; background:#d8e4eb; }
.pr_schedule_c table td span { display:none; }
.pr_schbar_1 { background:#f07070 !important; }
.pr_schedule_c ul { margin-top:10px; }
.pr_schedule_c li { padding:5px 0; white-space:nowrap; width:100%; overflow-x:hidden; text-overflow:ellipsis; border-top:1px dotted #e1e1e1; line-height:18px;}
.pr_schedule_c li:first-child { border-top:none; } 
.pr_schedule_c .event_color_button { display:inline-block; width:12px; height:12px; margin:0 0 2px 0; vertical-align:middle; }
.pr_schedule_c .time { display:inline-block; width:100px; color:#777; }
.pr_schedule_c .ilink { cursor:pointer; }
.box.schedule .btn-wrap { position:absolute; top:10px; right:25px; }
.box.schedule .btn-wrap .btn { padding:2px 10px 3px 14px; min-width:66px; color:#777; border:1px solid #d4d4d4; background:#f7f7f7; }
.box.schedule .btn-wrap .btn i { margin:0 0 2px 6px; font-size:13px; color:#999; vertical-align:middle; }

.box.gallery #gallery { padding:0; margin:0 -1px; height:156px; overflow:hidden; white-space:nowrap; }
.box.gallery #gallery:after { content:""; display:block; clear:both; }
.box.gallery #gallery .item2 { float:left; margin:1px; width:154px; height:154px; overflow:hidden; border:none; background:#fff; }
.box.gallery #gallery .item2 .pic { width:154px; height:154px; background-size:100% !important; }
.box.gallery #gallery .item2 .pic a { display:block; width:154px; height:154px; }
.box.gallery.full { padding:10px 25px !important; }
.box.gallery.full .table-header { border-bottom:1px solid #ddd; }
.box.gallery.full #gallery { padding:10px 0; margin:0 -6px; height:auto; }
.box.gallery.full #gallery .item2 { width:170px; height:auto; margin:10px 7px; border:none; background:none; }
.box.gallery.full #gallery .item2 .pic { width:170px; height:170px; }
.box.gallery.full #gallery .item2 .pic a { width:100%; height:100%; }
.box.gallery.full #gallery .gallery-info .date { float:none; margin:1px 0 5px; color:#999; }
.box.gallery.full #gallery .gallery-info { padding:0; }

.box.message { padding-bottom:12px !important; }
.box.message li { position:relative; margin:30px 0; }
.box.message li .date { position:absolute; top:8px; right:0; font-size:12px; color:#333; letter-spacing:-0.2px;  }
.box.message li .name { position:absolute; top:4px; left:70px; right:125px; font-size:16px; color:#222; letter-spacing:-0.5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.box.message li .con { display:block; margin:-15px 0 0 71px; font-size:12px; color:#555; line-height:20px; }
.box.message .per { display:inline-block; margin-right:5px; vertical-align:middle; width:46px; height:46px; background-size:cover; background-image:url(../../images/placeholders/avatars/avatar_46x46.png); border-radius:50%; }
.box.message .per a { display:block; }
.box.message img { width:46px; height:46px;border-radius:50%; }
.box.message .btn-wrap { position:absolute; top:10px; right:25px; }
.box.message .btn-wrap .btn { padding:2px 10px 3px 14px; min-width:66px; color:#777; border:1px solid #d4d4d4; background:#f7f7f7; }
.box.message .btn-wrap .btn i { margin:0 0 2px 6px; font-size:13px; color:#999; vertical-align:middle; }
.box.message .input-group .form-control { height:50px; border-right:none; border-radius:0; resize:none; }
.box.message .input-group .input-group-btn .btn { width:66px; height:50px; border-color:#c3c6c9; }
.box.message .btn-more { display:block; padding-top:12px; text-align:center; color:#555; border-top:1px solid #f1f1f1; }
.box.message .btn-more i { margin:0 0 2px 6px; font-size:14px; vertical-align:middle; }
.box.message .mtitle { margin-top:25px; padding-bottom:15px; border-bottom:1px solid #e9e9e9; }
.box.message .mtitle .num { font-weight:600; }
.box.message .pagination-wrap { padding-top:12px; border-bottom:none; }

/* domain */
.domain-yesnic { max-width:960px; }
.domain-yesnic .process-map { margin:50px 0 !important; text-align:center; }
.domain-yesnic .process-map li { position:relative; display:inline-block; padding-right:85px; vertical-align:top; }
.domain-yesnic .process-map li > div { width:90px; height:90px; text-align:center; font-weight:600; font-size:15px; line-height:18px; color:#fff; background:#ccc; border-radius:50%; }
.domain-yesnic .process-map li:after { content:""; position:absolute; top:35px; right:0; width:80px; height:22px; background:url(../../images/common/process_div.png) no-repeat; }
.domain-yesnic .process-map li:last-child { padding-right:0; }
.domain-yesnic .process-map li:last-child:after { display:none; }
.domain-yesnic .process-map li .num { padding:17px 0 4px; font-size:20px; }
.domain-yesnic .process-map li.on > div { background-color:#f07070; }
.domain-yesnic .subtitle h3 { padding:0; font-size:16px; background:none; }
.domain-yesnic .in-form-domain { width:400px; height:44px; padding:10px; font-weight:600; font-size:16px; line-height:40px; vertical-align:top; border:3px solid #737a80; }
.domain-yesnic .in-form-domain + .btn { margin:0 8px; width:70px; height:44px; line-height:40px; font-size:16px; }
.domain-yesnic .table-box { border:solid 1px #ccc; }
.domain-yesnic .table-box th { padding:4px 10px 5px; text-align:center; font-size:14px; font-weight:600; color:#111; line-height:28px; vertical-align:middle; border-bottom:1px solid #e5e5e5; background:#f9f9f9; }
.domain-yesnic .table-box td { padding:20px; font-size:13px; line-height:28px; border-bottom:1px solid #e5e5e5; }
.domain-yesnic .table-box label { cursor:pointer; }
.domain-yesnic .table-box label input { margin-right:8px; }
.domain-yesnic .table-box tr:last-child th, .domain-yesnic .table-box tr:last-child td { border-bottom:none; }
.domain-yesnic .table-box .type2 thead th { padding:10px 15px; border-bottom:1px solid #e5e5e5 !important; }
.domain-yesnic .table-box .type2 td { padding:10px 15px; font-size:14px; }
.domain-yesnic .table-box .type2 label { font-weight:600; }
.domain-yesnic .table-box .type2 label.domain { margin-right:10px; font-size:16px; }
.domain-yesnic .table-box .type2 .domain a { color:#999; border-bottom:1px solid #bbb; }
.domain-yesnic .table-box .dom-possible th, 
.domain-yesnic .table-box .dom-possible td { color:#111; background:#fffeea !important; }
.domain-yesnic .table-box .dom-impossible th { font-weight:normal; color:#999; background:#fff !important; }
.domain-yesnic .table-box .type3 thead th { padding:5px 12px 6px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#fff; }
.domain-yesnic .table-box .type3 th:last-child { border-right:none; }
.domain-yesnic .table-box .type3 tbody th { background:#fafafa; border-right:1px solid #e5e5e5; }
.domain-yesnic .table-box .type3 td { padding:5px 12px 6px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.domain-yesnic .table-box .type3 td:last-child { border-right:none; }
.domain-yesnic .table-box .type3 tr:last-child td { bor der-bottom:none; }
.domain-yesnic .table-box td.dom-view-total { padding-right:30px; height:40px; color:#000; text-align:right; font-size:15px; font-weight:600; border-top:1px solid #e5e5e5; background:#f9f9f9; }
.domain-yesnic .subtitle { position:relative; margin:30px 0 10px; overflow:inherit; }
.domain-yesnic .subtitle h4 { font-size:14px; }

.domain-yesnic .dom-impossible label { font-weight:normal !important; }
.domain-yesnic .dom-impossible .btn { margin:0 10px 0 0; height:22px; padding:0 8px; line-height:21px; color:#555; font-size:11px; background:#fff; border:1px solid #aaa; }
.domain-yesnic .dm-icon { margin:0 4px 0 -2px; }
.domain-yesnic .dm-nation { vertical-align:middle; }
.domain-yesnic .dm-nation img { margin:0 4px 3px 0; vertical-align:middle; }
.domain-yesnic .dm-txt { margin:0 6px 0 0; vertical-align:middle; letter-spacing:-0.5px; }
.domain-yesnic .dm-txt.c1 { color:#f05050; }
.domain-yesnic .dm-txt.c2 { color:#087a52; }
.domain-yesnic .dm-txt.c3 { color:#0089fa; }
.domain-yesnic .dm-txt.c4 { color:#293b91; }
.domain-yesnic .dm-tag { display:inline-block; margin:0 6px 0 0; min-width:27px; padding:0 5px; height:16px; line-height:16px; font-size:11px; vertical-align:middle; text-align:center; color:#fff; border-radius:2px; }
.domain-yesnic .dm-tag.c1 { background:#f05050; }
.domain-yesnic .dm-tag.c2 { background:#26c325; }
.domain-yesnic .dm-tag.c3 { background:#0089fa; }
.domain-yesnic .dm-tag.c4 { background:#f36f21; }
.domain-yesnic #tr-button td { background:#f9f9f9; }
.domain-yesnic #tr-button .btn { margin:0 10px; color:#555; line-height:24px; vertical-align:baseline; background:#fff; border:1px solid #aaa; }
.domain-yesnic .dom-del { display:inline-block; margin:0 5px; width:15px; height:15px; vertical-align:middle; background:url(../../images/common/ic_x5.png) no-repeat; }
.domain-yesnic .dom-txt { font-size:16px !important; font-weight:600; }
.domain-yesnic .dom-select { width:85%; height:30px; padding:3px 6px; }
.domain-yesnic .inner-table { padding:10px; background:#fafafa; }
.domain-yesnic .inner-table th, .domain-yesnic .inner-table td { padding:4px 10px 5px !important; text-align:center; font-size:12px; background:#fafafa; border-right:none !important; border-bottom:1px solid #eee !important; }
.domain-yesnic .inner-table tr:last-child td { border-bottom:none !important; }
.domain-yesnic .inner-table .info_area { background:#fff; }

.domaininfo-wrap { padding:12px; }
.domaininfo-wrap h2 { margin-bottom:10px; font-weight:600; font-size:18px; color:#555; }
.domaininfo-wrap h2 span { color:#36a5e8; }
.domaininfo-wrap .box { margin-bottom:20px; height:440px; padding:12px 16px; border:1px solid #aaa; overflow:auto; }
.domaininfo-wrap .more { position:relative; margin-bottom:10px; }
.domaininfo-wrap .more span { display:inline-block; margin-right:10px; font-size:14px; font-weight:600; color:#777; vertical-align:middle; }
.domaininfo-wrap .more .btn { position:absolute; bottom:-1px; right:0; font-size:14px; line-height:25px; background:#f07070; }
.btn-wrap-d { margin:40px 0 30px; text-align:center; }
.btn-wrap-d .btn { margin:0 2px; min-width:120px; height:40px; line-height:38px; padding:0 20px; font-size:16px; }

/* .yesform.openBoard { max-width:852px; } */
.yesform { position:relative; max-width:1156px; }
.yesform .nav-tabs8 > li { min-width:166px; }
.yesform .more-form { position:absolute; top:12px; right:0; width:20px; height:20px; background:url(../../images/common/ic_more2.png) no-repeat; }
.yesform .more-form1 { position: absolute; top: 6px; right: 0; width: 19px; height: 19px; background: url(../../images/common/ic_more.png) no-repeat 0px 0px; border: 1px solid #e5e5e5; border-radius: 50%; }
.yesform .top-imgarea { position:relative; margin-bottom:20px; padding:15px 40px 15px 94px; height:80px; border:1px solid #ddd; }
.yesform .top-imgarea.ty1 { position:relative; margin-bottom:20px; padding:0; height:108px; border:1px solid #ddd; background: #f9f9f9; background: url(../../images/banner/Banner_open_background2.png);}
/* .yesform .top-imgarea.ty1 { position:relative; margin-bottom:20px; padding:36px 40px 15px 105px; height:120px; border:1px solid #ddd; } */
.yesform .top-imgarea p { line-height:26px; }
.yesform .top-imgarea .t1 { font-size:16px; font-weight:600; color:#333; }
.yesform .top-imgarea .t2 { font-size:16px; font-weight:600; color:#339900; }
.yesform .top-imgarea .t3 { font-size:12px; color:#777; }
.yesform .top-imgarea .img1 { position:absolute; top:5px; left:0; width:80px; height:68px; background:url(../../images/common/img_yesform_1.png) no-repeat; }
.yesform .top-imgarea.ty1 .img1 { position:absolute; top:auto; bottom:5px; left:0; width:80px; height:68px; background:url(../../images/common/img_yesform_1.png) no-repeat; }
.yesform .top-imgarea .img2 { position:absolute; top:5px; left:0; width:80px; height:68px; background:url(../../images/common/img_yesform_2.png) no-repeat; }
.yesform > .fleft { height:400px; min-height: 232px; }
.yesform-view { margin:9px -7px 10px; }
.yesform-view:after { content:""; display:block; clear:both; }
.yesform-view .item { position:relative; float:left; margin:7px; width:220px; height:240px; border:1px solid #ccc; background:#fbfbfb; }
.yesform-view .item .imgarea { padding:8px; height:166px; background:#fff; }
.yesform-view .item .imgarea img { max-width:100%; }
.yesform-view .item .info { padding:13px 15px 0; border-top:1px solid #efefef; }
.yesform-view .item .title { margin-bottom:8px; font-size:14px; font-weight:600; color:#111; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.yesform-view .item .txt { font-size:12px; color:#999; }
.yesform-view .item .category { color:#555; }
.yesform-view .item .price { position:absolute; bottom:13px; right:15px; color:#f07070; font-weight:600; }
.yesform-view .item a.link { position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; text-align:center; -webkit-transition: background-color 0.2s ease-out; transition:background-color 0.2s ease-out; z-index:10; }
.yesform-view .item a.link:hover { display:block; background:rgba(0,0,0,.6); }
.yesform-view .item a.link i { display:none; position:absolute; top:43%; left:0; right:0; width:38px; height:38px; margin:0 auto; background:url(../../images/common/ic_search3.png) no-repeat center; }
.yesform-view .item a.link:hover i { display:block; } 

.banner.type1 { margin:0px 0 0px; text-align:left; }
.banner.type1 ul { display:inline-block; width:100%; }
/* .banner.type1 li { float:left; position:relative; width:33.33333333333333%; padding-right:10px; } */
.banner.type1 li { float:left; position:relative; width:50%; padding-right:5px; }
.banner.type1 li:nth-child(1), .banner.type1 li:nth-child(2) { margin-bottom:5px; }
.banner.type1 li:last-child { float:left; position:relative; width:50%; padding-right:5px; }
.banner.type1 li:last-child a.board65853973 { background: #f2dbe1; } /* EZ 회게용 */
.banner.type1 li a { display:block; min-width:435px; height:72px; text-align:left; border: 1px solid #ddd; background: #f9f9f9; background: url(../../images/banner/Banner_open_background1.png); }
.banner.type1 li .title { display: none; }
/* .banner.type1 li .title { display: block; font-size: 16px; font-weight: 600; color: #222; text-align: left; padding-left: 85px; line-height: 26px; } */
.banner.type1 li .content { display: block; font-size: 12px; color: #777; text-align: left; padding-left: 85px; line-height: 26px; }
.banner.type1 li .img0 { /* position: absolute; top: 1px; left: 1px; */ display: inline-block; width: 435px; height: 70px; background: url(../../images/banner/Banner_open_main2.jpg) no-repeat; }
.banner.type1 li .img1 { /* position: absolute; top: 1px; left: 1px; */ display: inline-block; width: 435px; height: 70px; background: url(../../images/banner/Banner_open_main1.jpg) no-repeat; }
.banner.type1 li .img2 { /* position: absolute; top: 1px; left: 1px; */ display: inline-block; width: 435px; height: 70px; background: url(../../images/banner/Banner_open_main3.jpg) no-repeat; }
.banner.type1 li .img3 { /* position: absolute; top: 1px; left: 1px; */ display: inline-block; width: 435px; height: 70px; background: url(../../images/banner/Banner_open_main5.jpg) no-repeat; }
/* .banner.type1 li .img1 { position: absolute; top: 1px; left: 1px; width: 80px; height: 68px; background: url(../../images/common/img_yesform_1.png) no-repeat; }
.banner.type1 li .img2 { position: absolute; top: 1px; left: 1px; width: 80px; height: 68px; background: url(../../images/common/img_yesform_1.png) no-repeat; }
.banner.type1 li .img3 { position: absolute; top: 1px; left: 1px; width: 80px; height: 68px; background: url(../../images/common/img_yesform_1.png) no-repeat; } */


/* emoticon-wrap */
.emoticon-wrap { }
.emoticon-wrap:after { content:""; display:block; clear: both; }
.emoticon-wrap .emoticon-nav-wrap { position:relative; background-color: #f5f5f5 !important; height: 42px; line-height: 42px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l, .emoticon-wrap .emoticon-arrow-r { display: inline-block; width: 40px; height: 40px; text-align: center;}
.emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-r { position: absolute; right: 0; top: 0; }
.emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a { position:relative; display: inline-block; width: 40px; height: 40px; text-align: center; border-right: 1px solid #d7d7d7; }
.emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-r a { position:relative; display: inline-block; width: 40px; height: 40px; text-align: center; border-left: 1px solid #d7d7d7; }
.emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a:hover, .emoticon-wrap .emoticon-arrow-r a:hover { background: #e6e6e6 !important; }
.emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a.disabled, .emoticon-wrap .emoticon-arrow-r a.disabled { background: none !important; }
.emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a.disabled i.emoticon-wrap .emoticon-content-list ul li a, .emoticon-wrap .emoticon-arrow-r a.disabled i { color: #dedede; }
.emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a i, .emoticon-wrap .emoticon-arrow-r a i { position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -5px;color: #aaa; font-size: 14px; }
.emoticon-wrap .emoticon-nav-wrap .emoticon-nav { position: absolute; display: inline-block; height: 40px;}
.emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul { width: 681px; white-space: nowrap; height: 40px; overflow: hidden; }
.emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li { position: relative; overflow: hidden; float:left; /* display: inline-block; */ }
.emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li:first-child {  }
.emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li a { display: inline-block; width: 45px; height: 40px; text-align: center; }
.emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li a.on { border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background: #e6e6e6; }
.emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li a img { margin-top: -4px; }
.emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul .on { display:block; }
.emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul .off { display:none; }
.emoticon-wrap .emoticon-content-list ul { display: table; width: 100%; }
.emoticon-wrap .emoticon-content-list { margin:0 15px; }
.emoticon-wrap .emoticon-content-list ul li { float: left; padding: 10px 3px 0px 3px; text-align: center; }
.emoticon-wrap .emoticon-content-list ul li a { display: inline-block; /* width: 112px; height: 112px; */ border:1px solid #f1f1f1; }
.emoticon-wrap .emoticon-content-list ul li a:hover { border:1px solid #999; }
.emoticon-wrap .emoticon-content-list ul li a img { width:100px; height: 100px; }
.emoticon-wrap .emoticon-content-list ul { display: table; width: 100%; }
.emoticon-wrap .emoticon-content { margin:15px; }
.emoticon-wrap .emoticon-content ul li { display: inline-block; margin:0px 20px 20px 0px; text-align: center; position:relative;}
.emoticon-wrap .emoticon-content ul li .emoticon-close-btn{ border: none; background:none; position: absolute; top: -10px; right: -19px;cursor:pointer;}
.emoticon-wrap .emoticon-content ul li .emoticon-close-btn i { color:#fff; font-size:16px; line-height:30px;}
.emoticon-wrap .emoticon-content #emoticon li img {border:1px solid #f5f5f5; }
.emoticon-wrap .emoticon-content #emoticon {padding:10px 28px;}
.emoticon-wrap .emoticon-content ul li a { display: inline-block; width: 112px; height: 112px; border:1px solid #fff; }
.emoticon-wrap .emoticon-content ul li a:hover { border:1px solid #999; }
.emoticon-btn { background: url(../../images/common/ico_emoticon.png); width: 30px; height: 30px; border: none; position: absolute; margin-top: -45px; left: 5px; cursor: pointer; outline:0;}
.emoticon-bbs-btn { background: url(../../images/common/ico_emoticon.png); width: 30px; height: 30px; border: none; position: absolute; margin-top: -62px; left: 5px; cursor: pointer; outline:0;}
.emoticon-cancel-btn { background: url(../../images/common/ic_error.png); width: 43px; height: 43px; border: none; margin-top: -80px; left: 0px; cursor: pointer; outline:0;}

.sns-emoticon-wrap { /* padding-top: 10px; padding-bottom: 5px; */ margin-bottom: 0px; /* border-top: 1px #e5e5e5 dashed; border-bottom: 1px #e5e5e5 solid; */ }
.sns-emoticon-wrap:after { content:""; display:block; clear: both; }
.sns-emoticon-wrap .emoticon-nav-wrap { position:relative; background-color: #f5f5f5 !important; height: 42px; line-height: 42px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l, .sns-emoticon-wrap .emoticon-arrow-r, .sns-emoticon-wrap .emoticon-arrow-d { display: inline-block; width: 40px; height: 40px; text-align: center;}
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-d { position: absolute; right: 0px; top: 0; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-r { position: absolute; right: 0px; top: 0; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a { position:relative; display: inline-block; width: 40px; height: 40px; text-align: center; border-right: 1px solid #d7d7d7; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-r a { position:relative; display: inline-block; width: 40px; height: 40px; text-align: center; border-left: 1px solid #d7d7d7; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-d a { position: relative; display: inline-block; width: 40px; height: 40px; text-align: center; border-left: 1px solid #d7d7d7; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a:hover, .sns-emoticon-wrap .emoticon-arrow-r a:hover { background: #e6e6e6 !important; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a.disabled, .sns-emoticon-wrap .emoticon-arrow-r a.disabled { background: none !important; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a.disabled i.sns-emoticon-wrap .emoticon-content-list ul li a, .sns-emoticon-wrap .emoticon-arrow-r a.disabled i { color: #dedede; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-arrow-l a i, .sns-emoticon-wrap .emoticon-arrow-r a i, .sns-emoticon-wrap .emoticon-arrow-d a i { position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -5px;color: #aaa; font-size: 14px; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-nav { position: absolute; display: inline-block; height: 40px;}
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul { width: 681px; white-space: nowrap; height: 40px; overflow: hidden; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li { position: relative; overflow: hidden; float:left; /* display: inline-block; */ }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li:first-child {  }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li a { display: inline-block; width: 45px; height: 40px; text-align: center; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li a.on { border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background: #e6e6e6; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul li a img { margin-top: -4px; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul .on { display:block; }
.sns-emoticon-wrap .emoticon-nav-wrap .emoticon-nav ul .off { display:none; }
.sns-emoticon-wrap .emoticon-content-list ul { display: table; width: 100%; }
.sns-emoticon-wrap .emoticon-content-list { margin:0 15px; }
.sns-emoticon-wrap .emoticon-content-list ul li { float: left; padding: 10px 3px 0px 3px; text-align: center; }
.sns-emoticon-wrap .emoticon-content-list ul li a { display: inline-block; /* width: 112px; height: 112px; */ border:1px solid #f1f1f1; }
.sns-emoticon-wrap .emoticon-content-list ul li a:hover { border:1px solid #999; }
.sns-emoticon-wrap .emoticon-content-list ul li a img { width:100px; height: 100px; }
.sns-emoticon-wrap .emoticon-content-list ul { display: table; width: 100%; }
.sns-emoticon-wrap .emoticon-content { position: relative; margin: 0px 0px 0px; }
.sns-emoticon-wrap .emoticon-content .into { overflow: hidden; height: 42px; line-height: 42px; border-bottom: 1px #e5e5e5 solid; background: #f9f9f9; }
.sns-emoticon-wrap .emoticon-content .into p { float: left; color: #222; font-weight: 600; left: 13px; }
.sns-emoticon-wrap .emoticon-content .into button { float: right; margin: 7px 12px 0 0; }
.sns-emoticon-wrap .emoticon-content ul li { display: inline-block; margin:10px 10px 10px 18px; text-align: center; position:relative; background:#fff; }
.sns-emoticon-wrap .emoticon-content ul li .emoticon-close-btn{ border: none; background:none; position: absolute; top: -10px; right: -19px;cursor:pointer;}
.sns-emoticon-wrap .emoticon-content ul li .emoticon-close-btn i { color:#fff; font-size:16px; line-height:30px;}
.sns-emoticon-wrap .emoticon-content #emoticon li img {border:1px solid #e5e5e5; }
.sns-emoticon-wrap .emoticon-content #emoticon { padding: 5px 6px; }
.sns-emoticon-wrap .emoticon-content ul li a { display: inline-block; width: 112px; height: 112px; border:1px solid #fff; }
.sns-emoticon-wrap .emoticon-content ul li a:hover { border:1px solid #999; }
.sns-emoticon-btn { background: #fafafa url(../../images/common/ico_emoticon.png) no-repeat 5px 5px; background-size: 23px 23px; opacity: 0.8; }


.quick-arrow-wrap a.quick-arrow-l { position: absolute; top: -10px; right: 42px; width: 35px; height: 35px; color: #333; font-size: 14px; text-align: center; background: #fff; cursor: pointer; border-radius: 50%; border: 1px solid #a5a5a5; opacity: 0.7; z-index: 10; }
.quick-arrow-wrap a.quick-arrow-l:hover { opacity: 0.85; }
.quick-arrow-wrap a.quick-arrow-l i { padding: 11px 0px 0 0px; }
.quick-arrow-wrap a.quick-arrow-r { position: absolute; top: -10px; right: 0px; width: 35px; height: 35px; color: #333; font-size: 14px; text-align: center; background: #fff; cursor: pointer; border-radius: 50%; border: 1px solid #a5a5a5; opacity: 0.7; z-index: 10; }
.quick-arrow-wrap a.quick-arrow-r:hover { opacity: 0.85; }
.quick-arrow-wrap a.quick-arrow-r i { padding: 11px 0px 0 2px; }


/* cert-step-wrap */
.cert-step-wrap { border: 1px solid #e9e9e9; background: #f9f9f9; padding: 21px 0; }
.cert-step-wrap > div { display: table; width:100%; }
.cert-step-wrap .step-in:first-child { background: none; }
.cert-step-wrap .step-in { display:table-cell; background: url(../../images/common/step_bg_line.gif) left top no-repeat; width: 243px; padding: 0 0 0 25px; }
.cert-step-wrap .step-in h4 { font-size: 13px; font-weight: bold; color: #d3292c; height: 30px; }
.cert-step-wrap .step-in h4 span { display: block; height: 20px; padding-top: 8px; }
.cert-step-wrap .step-in .step-title { font-size: 14px; font-weight: 600; margin-bottom: 10px; }

/* payment-wrap */
.payment-wrap .payment-con { text-align: center; font-size: 13px; line-height: 20px; }
.payment-wrap .payment-con-wrap { height: 380px; padding: 30px; border: 1px solid #d8d8d8; border-radius: 10px;}
.payment-wrap .payment-con-wrap .btn.btn-color7.br { display: inline-block; padding: 8px 16px; line-height: 19px; font-size: 13px; font-weight: 600; color: #000; text-align: center; vertical-align: middle; border: 1px solid #f5d5d5; background: #fee9e9; border-radius: 2px; cursor: pointer; white-space: nowrap; }

.payment-wrap .content-view { border-radius: 10px; }
.payment-wrap .content-view span.title { display: inline-block; width: 90px; height: 90px; background: #8f8f8f; border-radius: 50%; line-height: 20px; text-align: center; font-size: 16px; font-weight: 600; color: #fff; padding-top: 28px; }
.payment-wrap .content-view ul { display: inline-block; position: absolute; left: 115px; }
.payment-wrap .content-view ul li { font-size:14px; margin-bottom: 10px; }

.payment-wrap1 .payment-con { text-align: center; font-size: 16px; line-height: 26px; }
.payment-wrap1 .payment-con .payment-info1 ul li.title { background: #c35353 url(../../images/common/ico_payment1.png) 25px 50% no-repeat; height: 52px; line-height: 52px; padding-left: 55px; font-size: 18px; font-weight: 600; color: #fff; text-align:left; border-radius: 4px 4px 0 0; }
.payment-wrap1 .payment-con .payment-info1 ul li.title1 { background: #c35353; height: 52px; line-height: 52px; padding-left: 16px; font-size: 18px; font-weight: 600; color: #fff; text-align:left; border-radius: 4px 4px 0 0; }
.payment-wrap1 .payment-con .payment-info1 ul li.con { padding:30px; border: 1px solid #e1e1e1; border-radius: 0 0 4px 4px; }
.payment-wrap1 .payment-con .payment-info1 ul li.con1{ padding:20px 20px 14px 20px; border: 1px solid #e1e1e1; border-radius: 0 0 4px 4px; }
.payment-wrap1 .payment-con .payment-info1 ul li.con ul li { font-size:13px; text-align:left; }
.payment-wrap1 .payment-con .payment-info1 ul li.con1 ul li { font-size:13px; text-align:left; }
.payment-wrap1 .payment-con .payment-info2 ul li.title { background: #5385c3 url(../../images/common/ico_payment2.png) 25px 49% no-repeat; height: 52px; line-height: 52px; padding-left: 55px; font-size: 18px; font-weight: 600; color: #fff; text-align:left; border-radius: 4px 4px 0 0; }
.payment-wrap1 .payment-con .payment-info2 ul li.title { background: #5385c3; height: 52px; line-height: 52px; padding-left: 16px; font-size: 18px; font-weight: 600; color: #fff; text-align:left; border-radius: 4px 4px 0 0; }
.payment-wrap1 .payment-con .payment-info2 ul li.con { padding:30px; border: 1px solid #e1e1e1; border-radius: 0 0 4px 4px; }
.payment-wrap1 .payment-con .payment-info2 ul li.con1 { padding:20px 20px 14px 20px; border: 1px solid #e1e1e1; border-radius: 0 0 4px 4px; }
.payment-wrap1 .payment-con .payment-info2 ul li.con ul li { font-size:13px; text-align:left; }
.payment-wrap1 .payment-con .payment-info2 ul li.con1 ul li { font-size:13px; text-align:left; }