/*interview*/
div.interview_page {padding:0 30px}

div.page_title h2 span.subtitle {color:#7487C7}
div.interview_top {text-align:center; margin-top:0px}
div.interview_top img {}
div.interview_body p.talk_disc {color:#666}
div.interview_body p.talk_disc strong {font-size:22px}

div.interview_body div.movie {text-align:center}
div.interview_body div.movie_wrap {margin:20px 0 40px 0; border:2px solid #e2e7ed; padding:20px 0px; background-color:#fafbff}
div.interview_body div.movie_wrap p.corp {font-size:22px; font-weight:bold; font-family: malgun gothic, apple gothic}
div.interview_body div.movie_wrap ul {margin:20px 0 0 50px}
div.interview_body div.movie_wrap ul li {list-style: disc; list-style-position:inside; padding:3px 0}
div.interview_body div.movie_wrap ul li strong {margin-right:3px}

div.talk h4.summary {margin-bottom:20px; font-size:18px; color:#4c4c4c}
div.talk p.talk_q,
div.talk p.talk_q strong {color:#666; font-weight:bold}
div.talk p.talk_a {color:#666}
div.talk p.talk_a strong,
div.talk p.talk_q strong {position:relative; top:-1px; margin-right:3px; background:/*#96a5d5*/#c9c9c9; color:#fff; font-weight:normal; padding:3px 3px; border-radius:2px; font-size:11px; letter-spacing:-1px}

div.interview_top {margin-top:0}
div.interview_top p.vol {text-align:right; font-weight:normal; font-size:11px; color:#737373}	
div.interview_top p.vol strong {margin-right:3px; font-weight:normal}	
div.interview_top img {display:inline-block; margin-top:20px}

div.interview_list_wrap {padding: 30px}
div.interview_list_wrap h2 {font-size:20px; letter-spacing:-1px}
div.interview_list_wrap ul {margin-top:8px}
div.interview_list_wrap ul li {min-height:116px; padding:20px 0; border-bottom:1px solid #e2e7ed; border-left:none; border-right:none}
div.interview_list_wrap ul li a {display:block;  }
div.interview_list_wrap ul li:hover {background:url(/images/kr/bg_li.gif) no-repeat 70% bottom}
div.interview_list_wrap ul li.first {border-top:3px solid #e2e7ed}
div.interview_list_wrap ul li img.thumb {float:left; width:156px; height:116px; filter:80%; opacity: 0.8}
div.interview_list_wrap ul li:hover img.thumb {filter:100%; opacity: 1}
div.interview_list_wrap ul li div.meta {margin:3px 0 0 180px}
div.interview_list_wrap ul li div.meta img {display:inline-block; margin-bottom:5px}
div.interview_list_wrap ul li div.meta span {color:#686868}
div.interview_list_wrap ul li div.meta span.interviewee{color:#999;font-size:11px; letter-spacing:-1px}
div.interview_list_wrap ul li div.meta span.bar {color:#c9c9c9; margin:0 5px}
div.interview_list_wrap ul li div.meta span.disc {font-size:14px; font-weight:bold; color:#000}
div.interview_list_wrap ul li div.meta span.date {font-size:10px; font-family:tahoma; color:#c9c9c9}



/*  old front css  */


div.front_guide {margin-left:10px; width:700px;}
div.front_guide h2.title_movie img {margin-top:40px;}
div.front_guide div.movie_area {padding:40px 0 0 0 ; margin-top:20px;width:720px; height:451px; background-color:#f3f3f3; text-align:center}
div.front_guide div.movie_area div.movie_cmt img {text-align:center; margin-left:-150px;}

div.guide_abstract {margin-top: 35px; padding: 10px 0 0 380px; background-position: left top; background-repeat: no-repeat;}
div.guide_abstract p {line-height: 130%; color: #363636; margin:5px 20px 0 0;}
div.guide_abstract p strong {font-weight:normal; color:#FF5150;}	
ul.guide_detail li {margin-bottom: 20px; margin-left: 40px; padding: 30px 0 0 345px; background-position: left top; background-repeat: no-repeat;}
ul.guide_detail li h4 {color: #3036E5; font-size: 16px;	margin-bottom: 10px; margin-left: 0px;}
ul.guide_detail li p {line-height: 130%; color: #363636; margin:5px 30px 0 0;}

#guide_dashboard div.guide_abstract {height: 0px;background-image: url(/images/guide2-1-1.gif);}
#guide_dashboard li.exp_1 {margin-top:-15px; height:207px;background-image:url(../images/guide2-2.gif)}
#guide_dashboard li.exp_2 {margin-top:-30px; height:184px;background-image:url(../images/guide2-3.gif)}
#guide_dashboard li.exp_3 {height:184px;background-image:url(../images/guide2-5.gif)}

/*결재*/
#guide_project div.guide_abstract {height: 197px;background-image: url(../images/guide3-1.gif);}
#guide_project li.exp_1 {height:184px;background-image:url(../images/guide3-2.gif)}
#guide_project li.exp_2 {height:184px;background-image:url(../images/guide3-3.gif)}
#guide_project li.exp_3 {height:184px;background-image:url(../images/guide3-4.gif)}


/*메일*/
#guide_task div.guide_abstract {margin-bottom: 10px; height: 197px;background-image: url(/images/guide4-1-1.gif);}
#guide_task li.exp_1 {height:184px;background-image:url(../images/guide4-5.gif)}
#guide_task li.exp_2 {height:184px;background-image:url(../images/guide4-6.gif)}
#guide_task li.exp_3 {height:184px;background-image:url(../images/guide4-7.gif)}

/*일정관리*/
#guide_report div.guide_abstract {height: 197px;background-image: url(/images/guide5-1-1.gif);}
#guide_report li.exp_1 {height:184px;background-image:url(../images/guide5-9.gif)}
#guide_report li.exp_2 {height:184px;background-image:url(../images/guide5-14.gif)}

/*문서관리*/
#guide_issue div.guide_abstract {margin-bottom: 10px; height: 220px;background-image: url(/images/guide11-1.gif);}
#guide_issue li.exp_1 {height:184px;background-image:url(../images/issue11-2.gif)}
#guide_issue li.exp_2 {height:184px;background-image:url(../images/issue11-3.gif)}
#guide_issue li.exp_3 {height:184px;background-image:url(../images/issue11-4.gif)}

/*공지게시*/
#guide_calendar div.guide_abstract {height: 197px;background-image: url(/images/guide6-1.gif);}
#guide_calendar li.exp_1 {height:184px;background-image:url(../images/guide6-2.gif)}
#guide_calendar li.exp_2 {height:184px;background-image:url(../images/guide6-3.gif)}
#guide_calendar li.exp_3 {height:174px;background-image:url(../images/guide6-4.gif)}

/*협업관리*/
#guide_bbs div.guide_abstract {height: 197px;background-image: url(/images/guide7-1.gif);}
#guide_bbs li.exp_1 {height:184px;background-image:url(../images/guide7-7.gif)}
#guide_bbs li.exp_2 {height:184px;background-image:url(../images/guide7-8.gif)}
#guide_bbs li.exp_3 {height:184px;background-image:url(../images/guide7-9.gif)}


/*총무시설관리*/
#guide_wk div.guide_abstract {height: 197px;background-image: url(/images/guide8-1-1.gif);}
#guide_wk li.exp_1 {height:184px;background-image:url(../images/guide8-22.gif)}
#guide_wk li.exp_2 {height:184px;background-image:url(../images/guide8-32.gif)}


/*부가서비스*/
#guide_file div.guide_abstract {height: 197px;background-image: url(/images/guide9-1.gif);}
#guide_file li.exp_1 {height:184px;background-image:url(../images/guide9-5.gif)}
#guide_file li.exp_2 {height:184px;background-image:url(../images/guide9-6.gif)}
#guide_file li.exp_3 {height:184px;background-image:url(../images/guide9-7.gif)}

/*관리자용*/

#guide_address div.guide_abstract {height: 197px;background-image: url(/images/guide10-1.gif);}
#guide_address li.exp_1 {height:184px;background-image:url(../images/guide10-5.gif)}
#guide_address li.exp_2 {height:184px;background-image:url(../images/guide10-6.gif)}
#guide_address li.exp_3 {height:184px;background-image:url(../images/guide10-7.gif)}

/*to_style.css membership table */

/*bill */
div.fr_body ul.mgmt_home li {float:left; width:25%}
div.fr_body ul.mgmt_home h2 {font-size:18px}
div.fr_body ul.mgmt_home h2.info {height:58px; background:url(/images/b_icon_info.gif) no-repeat}
div.fr_body ul.sub_menu li {float:none; width:100%}


div.bill_box {width:670px; margin:0 auto;}
div.bill_box h2 {font-family:Malgun Gothic; font-size:24px; padding-top:15px; color:#303030}
div.bill_box h4 ,
h4.bill_stitle {margin-top:30px; padding:0 0 10px 21px; font-size:18px; background:url(/images/bul_front.gif) no-repeat 0 8px;}
div.fr_content h4.bill_stitle  {margin-top:20px}
div.spec {border:3px solid #aebbdc; background-color:#e4edff}
div.option {border:1px solid #dbe2f4; background-color:#eef1fa; padding:15px}

table.list_type_mgmt1, table.list_type_mgmt2 {border-collapse:collapse;width:100%;margin-top:10px}
table.list_type_mgmt1 {border-top:1px solid #D4DCF1}
table.list_type_mgmt1 th {padding:6px 0}
table.list_type_mgmt2 th {padding:10px 0; background-color:#8a9dd5; text-align:center; color:#fff}
table.list_type_mgmt1 td, table.list_type_mgmt2 td {padding:7px 5px;text-align:center;border-bottom:1px solid #d4dcf1;}
table.list_type_mgmt1 td, table.list_type_mgmt2 td.subject{text-align:left}
table.list_type_mgmt1 tr.last th {border-bottom:1px solid #d4dcf1}
table.list_type_mgmt tr:hover {background-color:#f8f9fe}
table.list_type_mgmt2 tr.none td {border-bottom:none}
table.list_type_mgmt2 span.date {color:#999; font-family:tahoma; font-size:11px; font-weight:normal}
table.list_type_mgmt3 {border-collapse:collapse;width:100%;margin-top:6px;border-top:5px solid #8A9DD5}
table.list_type_mgmt3 th {border-top:1px solid #dadada; padding:20px; background:#f8f8f9; text-align:center}
table.list_type_mgmt3 td {padding:7px 15px;text-align:center;border-bottom:1px solid #e6e6e6;}
table.list_type_mgmt3 tr:hover {background-color:#f8f9fe}
table.list_type_mgmt3 span.date {font-family:tahoma;font-size:11px;color:#8c8c8c;}
table.list_type_mgmt3 th.check {width:43px;}
table.list_type_mgmt3 td.check {text-align:center;}
table.list_type_mgmt3 td.blank {color:#737373;}
table.list_type_mgmt3 tr.last th,
table.list_type_mgmt3 tr.last td {border-bottom:1px solid #dadada}
table.list_type_mgmt3 tr:hover {background-color:#fff;}
table.list_type_mgmt3 td.menu {text-align:left;font-weight:bold;color:#737373;padding:20px;background-color:#f8f8f9;}
table.list_type_mgmt3 td.setting {text-align:left;padding:20px}
table.list_type_mgmt3 tr.exception th.menu {border-top:0; border-top: 1px solid #F8F8F9;}

table.list_type_mono {border-collapse:collapse;width:100%;margin-top:6px;color:#333}
table.list_type_mono th {padding:10px 0; background-color:#f0f0f0; text-align:center; color:#6c6c6c; font-size:12px; text-align:center}
table.list_type_mono td {padding:7px 10px; text-align:center; border-bottom:1px solid #f2f2f2;}
table.list_type_mono tr:hover {background-color:#f5f5f5}

div.personal_free {margin-top:12px; padding: 20px}
div.personal_free p {font-family:Malgun Gothic; font-size:16px; font-weight:bold; color:#4c4c4c}
div.personal_free span {line-height:200%; font-weight:bold; color:#757575}
div.personal_free span strong {color:#ff6600}

/*---------- price ----------*/

table.price_info th.version {width:150px;}
table.price_info th.price {width:173px; }
table.price_info th.default {width:184px; }
table.price_info tr:hover {background:none}
table.price_info td.default, 
table.price_info td.add {padding-left:20px; text-align:left;line-height:140%; vertical-align:middle}

table.price_info td.team_pay,
table.price_info td.team_free {background-color:#F4F4F4}
table.price_info td.team_pay {padding:25px 0; line-height:160%;}
table.price_info td.team_free {padding:10px 0;}
table.price_info td.team_pay p, 
table.price_info td.team_free p {font-family:Malgun Gothic; font-size:24px; color:#3b50ae; }
table.price_info td.team_free p, 
table.price_info td.default {vertical-align:middle}
table.price_info td.team_free p,
table.price_info td.default strong {color:#ff6600}

div.price_action {margin-top:10px; text-align:center}
div.personal_free {margin-top:12px; padding: 20px}
div.personal_free p {font-family:Malgun Gothic; font-size:16px; font-weight:bold; color:#4c4c4c}
div.personal_free span {line-height:200%; font-weight:bold; color:#757575}
div.personal_free span strong {color:#ff6600}

table.pay_info th {width:20%}
table.pay_info td.index {background-color:#f4f4f4}

p.query_help {margin-top:10px; font-weight:bold;}
p.query_help span {margin-left:20px; padding-left:15px; background:url(../images/icon_query.gif) no-repeat 0 3px }
p.query_help span a {color:#3d578d; font-weight:normal;text-decoration:underline}
p.query_help span.board {background-position:0 -13px;}
p.query_help span.phone {background-position:0 -29px;}

a.btn_s_02 {display:inline-block; vertical-align:middle; height:20px; padding-left:5px; font-weight:normal; color:#787f92; background:url(../images/btn_layout_s.gif) no-repeat left -50px;}
a.btn_s_02 span {display:inline-block; line-height:23px; padding:0px 5px 0 0; _padding-top:1px; background:url(../images/btn_layout_s.gif) no-repeat right -50px}
a.btn_s_02:hover {background-position:left -75px; text-decoration:none}
a.btn_s_02:hover span {background-position:right -75px}

a.btn_r_03 {display:inline-block; height:32px; padding-left:25px; font-size:14px; font-weight:normal; background:url(/images/btn_layout_r.gif) no-repeat left -200px; line-height:16px}
a.btn_r_03 span {display:inline-block; line-height:32px; color:#fff; padding:0px 25px 0 0; _padding-top:2px; background:url(/images/btn_layout_r.gif) no-repeat right -200px; font-family:gulim dotum; font-size:12px; font-weight:bold; vertical-align:middle}
a.btn_r_03:hover {background-position:left -250px; text-decoration:none; color:#fff;}
a.btn_r_03:hover span {background-position:right -250px}





/*twin_front.css membership*/

.content_data div.page_desc {/*width: 720px; */margin-top:18px; border:2px solid #eaeaea;}
.content_data div.page_desc p {margin-left: 15px; padding: 3px; color:#636363; }
.content_data div.page_desc p span {color: red; font-weight: bold; font-size: 11px;}

ul.membership_lineup {margin-top:30px; height:170px}
ul.membership_lineup li{float:left; margin-left:20px}
ul.membership_lineup a {display:inline-block; width:307px; height:167px ;background:url(/images/img_price_tab.gif) no-repeat; font-size:0; line-height:0; text-indent:-8000px; #text-indent:0}

ul.membership_lineup a.team{background-position:0 -200px}
ul.membership_lineup a.team:hover,
ul.membership_lineup li.on a.team {background-position:0 0}

ul.membership_lineup a.enterprise {background-position:-324px -200px}
ul.membership_lineup a.enterprise:hover,
ul.membership_lineup li.on a.enterprise {background-position:-324px 0}

div.page_desc em.title {font-style:normal; font-weight:bold; margin-left:10px}
div.page_desc a.btn_s_02 span {color:#3D578D; font-weight:normal}
div.tf_page div.bill_box {margin:0 10px}

div.item table.price_enterprise th.lineup {width:120px}
div.item table.price_enterprise th.price {width:180px}
div.item table.price_enterprise th.default {width:160px}

div.item table.price_enterprise td {line-height:140%}
div.item table.price_enterprise td.lineup {text-align:center; background:#F4F4F4}
div.item table.price_enterprise td.default,
div.item table.price_enterprise td.add {text-align:left; vertical-align:top; padding-top: 20px; padding-bottom:20px}
div.item table.price_enterprise td span.hr {border:none; border-top:1px dashed #ccc; display:block; margin:10px 0}

table.price_enterprise td.team_pay p{font-size:20px; font-family:malgun gothic, apple gothic; color:#3B50AE; }

div.data_box {padding:20px 20px; background:#EEF1FA; border:3px solid #DBE2F4; line-height:160%}
ol.process{height:40px; padding-bottom:40px; width:600px; margin:0 auto}
ol.process li {float:left; position:relative; padding:20px 10px; margin-right:30px; background:#EEF1FA;  width:150px; height:100%; text-align:center; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
ol.process li p {font-weight:bold; font-size:14px; font-family:malgun gothic, apple gothic; color:#6889C0}
ol.process li a span {font-weight:normal; color:#3D578D}
ol.process li span.next {position:absolute; top:36px; right:-16px; background:url(../images/ch/bullet/bul_arrow_b.gif) no-repeat 0 50%; width:3px; height:10px;}


div.bill_box div.items p.query_enterprise {font-weight:normal}
div.bill_box div.items p.query_enterprise span.name {font-weight:bold; background:none; padding-left:0}
div.bill_box div.items p.query_enterprise span.mail {width:150px; line-height:130%; display:inline-block;}



/* --------------  help  ---------------------  */

p.help_top {width:656px; height:207px; background:url(../images/help/help_top.jpg) no-repeat; text-indent:-3000px; margin:10px auto 0;}
div.download_reader {width:616px; padding:20px; margin:0 auto; background-color:#e9ecf3; 
	-moz-border-radius: 10px; -webkit-border-radius :10px; border-radius: 10px;}
div.download_reader p.desc {margin-bottom:20px; font-size:14px; font-weight:bold; color:#4d6cad; }
div.download_reader ul.reader {height:10px}
div.download_reader ul.reader li {float:left; width:33%}
div.download_reader ul.reader li a {padding-left:17px; background:url(../images/help/icon_reader.gif) no-repeat 0 1px;  text-decoration:underline; }
div.download_reader ul.reader li a.sumatra {background-position:0 -17px;}
div.download_reader ul.reader li a.foxit {background-position:0 -37px;}

div.help_list_wrap {margin: 28px auto 0; width:656px;}
div.help_list_wrap a.download_all {display:block; padding:0 0 9px 17px; background:url(../images/help/icon_help_down.gif) no-repeat 0 2px; 
	font-weight:bold; text-decoration:underline; color:#6a6a6a; border-bottom:1px solid #e6e6e6 ; }
ul.help_list li {margin-top:10px; padding-top:22px;}
ul.help_list li {float:left; width:25%; height:122px; text-align:center; border-bottom:1px solid #e6e6e6 ;}
ul.help_list li a {display:block; margin:auto; padding-top:69px ; background:url(../images/help/icon_help_list.gif) no-repeat 50% 0; color:#4567e7; font-weight:bold; text-decoration:underline }
ul.help_list li a:hover {color:#68c4ee}
ul.help_list li a.regist {background-position:50% 0px;}
ul.help_list li a.home {background-position:50% -110px;}
ul.help_list li a.project {background-position:50% -220px;}
ul.help_list li a.task {background-position:50% -330px;}
ul.help_list li a.report {background-position:50% -440px;}
ul.help_list li a.request {background-position:50% -550px;}
ul.help_list li a.file {background-position:50% -660px;}
ul.help_list li a.board {background-position:50% -770px;}
ul.help_list li a.memo {background-position:50% -880px;}
ul.help_list li a.calendar {background-position:50% -990px;}
ul.help_list li a.address {background-position:50% -1100px;}
ul.help_list li a.workingtime {background-position:50% -1210px;}
ul.help_list li a.sms {background-position:50% -1320px;}
ul.help_list li a.personal {background-position:50% -1430px;}
ul.help_list li a.alarm {background-position:50% -1540px;}
ul.help_list li a.service {background-position:50% -1650px;}
ul.help_list li a.team {background-position:50% -1760px;}
ul.help_list li a.payment {background-position:50% -1870px;}
ul.help_list li a.enterprise {background-position:50% -1980px;}
ul.help_list li a.mobile {background-position:50% -2090px;}


ul.help_list li span {font-family:tahoma; font-size:11px; color:#808080}
ul.help_list li span.version {margin-left:5px; font-weight:bold; color:#e37a32}

p.article_desc {width:656px; margin:20px auto; color:#5b5b5b}
p.article_desc a {font-weight:bold; text-decoration:underline; }

div.layer_bubble {position:absolute; padding:20px; font-size:12px;font-family:malgun gothic;
border:3px solid #b9c9ed; -moz-border-radius: 10px; -webkit-border-radius :10px; border-radius: 10px; box-shadow:rgba(0, 0, 0, 0.35) 5px 5px; background-color:#fff}
div.layer_bubble span.cursor {display:block; position:absolute; left:-10px; width:10px; height:20px; background:url(../images/help/layer_bubble_arrow.gif) no-repeat;}
div.layer_bubble ul.help_subject li {padding-left:7px;background:url(../images/help/bul_layer_bubble.gif) no-repeat 0 8px;}


div.body_popup footer.f_nf div.teamoffice {display:none}
div.body_popup div.f_nf_wrap {background-position:0 -43px;}
div.body_popup footer.f_nf address {margin:0}

div.seminar_wrap img {vertical-align:bottom;}

table.list_type_regist tr {background-color:#fff;}
table.list_type_regist th {width:90px; text-align:left;}
table.list_type_regist th, table.list_type_regist td {padding:6px 0}
table.regist_seminar input.text {width:197px; border:1px solid #b2b2b2; border-width:0 0 1px 0}
table.regist_seminar select {width:197px}
table.regist_enterprise textarea {width:300px; height:60px}
table.regist_enterprise input.text {width:300px}