@charset "euc-kr";
@import url(default.css);
/* --------------------------------
	File Name : cscenter.css
	Generated Date : 2011-03-04
	Generated Author : Jung-eun	
-------------------------------- */

.cscenter { overflow:hidden; border-top:4px solid #a9a8a8;}

.cscenter h1 { margin-bottom:12px;}
.cscenter h3 { float:right; height:63px;}

.cscenter .snb { float:left; width:143px;}
.cscenter .snb h2 { margin-bottom:10px;}
.cscenter .snb ul { margin-bottom:15px;}
.cscenter .snb li { padding-left:10px; line-height:18px;}
.cscenter .snb li a { padding-left:10px; background:url(/images/qubridge/ico/bul_myofficeSnb.gif) no-repeat 0 0;}
.cscenter .snb li a:hover,
.cscenter .snb li a.active { font-weight:bold; letter-spacing:-1px; background-position:0 -25px;}
.cscenter .snb p { margin-bottom:25px;}
.cscenter .snb .banner { margin-bottom:5px;}

.cscenter .contWrap { float:right; width:804px;}
.cscenter .titTab { overflow:hidden; width:100%;}
.cscenter .titTab li { float:left; text-align:center;}
.cscenter .titTab li a { overflow:hidden; display:block; padding-top:113px; width:100px; height:0; background-position:0 0;text-indent: -9999px;}
.cscenter .titTab li a:hover,
.cscenter .titTab li a.active { background-position:0 -113px;}
.cscenter .titTab li.tit01 a { background-image:url(/images/qubridge/cscenter/tit_cscenter01.gif);}
.cscenter .titTab li.tit02 a { background-image:url(/images/qubridge/cscenter/tit_cscenter02.gif);}
.cscenter .titTab li.tit03 a { background-image:url(/images/qubridge/cscenter/tit_cscenter03.gif);}
.cscenter .titTab li.tit04 a { background-image:url(/images/qubridge/cscenter/tit_cscenter04.gif);}
.cscenter .titTab li.tit05 a { background-image:url(/images/qubridge/cscenter/tit_cscenter05.gif);}
.cscenter .titTab li.tit06 a { background-image:url(/images/qubridge/cscenter/tit_cscenter06.gif);}
.cscenter .titTab li.tit07 a { background-image:url(/images/qubridge/cscenter/tit_cscenter07.gif);}
.cscenter .titTab li.tit08 a { width:104px; background-image:url(/images/qubridge/cscenter/tit_cscenter08.gif);}

.cscenter .search { clear:both; overflow:hidden; zoom:1; margin-top:40px; padding:15px 0 15px 15px; background:#efefef url(/images/qubridge/cscenter/bg_search.gif) repeat-x 0 bottom;}
.cscenter .search fieldset { float:left; padding-left:52px; background:url(/images/qubridge/cscenter/txt_search.gif) no-repeat;}
.cscenter .search fieldset input.text { width:375px;}
.cscenter .search fieldset input { float:left; margin-right:2px;}
.cscenter .search ul { overflow:hidden; float:right; width:299px;}
.cscenter .search li { float:left; margin-left:-5px; padding:0 15px 0 11px; line-height:21px; background:url(/images/qubridge/cscenter/bg_bar.gif) no-repeat 0 4px;}
.cscenter .search p { float:left; margin-left:10px; line-height:21px; color:#959595;}
.cscenter .search p a { color:#010101;}
.cscenter .result_notFound { padding:15px; text-align:center; font-weight:bold; line-height:18px; color:#000; border:3px solid #e5e5e5; border-top:none;}

.csMain { clear:both; overflow:hidden; margin-top:35px;}
.csMain h4 { margin-bottom:20px; text-align:center;}
.csMain h5 { margin-bottom:5px;}
.csMain .moreBtn { position:absolute; top:0; right:0; padding:0 10px; font-size:11px; line-height:30px; color:#666;}
.csMain .best { float:left; width:398px;}
.csMain .new { clear:both; overflow:hidden; width:398px;}
.csMain .eventAnnounce { clear:both; overflow:hidden; position:relative; margin-top:13px; width:398px;}
.csMain .notice { clear:both; overflow:hidden; position:relative; margin-top:13px; width:398px;}
.csMain li { padding-left:7px; line-height:24px;}
.csMain li a { color:#2e4b5e;}
.csMain li a:hover { color:#ef2828;}
.csMain .blue h5 { padding-left:35px; width:363px; height:30px; line-height:30px; color:#0095e1; background:url(/images/qubridge/cscenter/bg_tit_blue.gif) no-repeat;}
.csMain .blue li { background:url(/images/qubridge/ico/bul_txtS_blue.gif) no-repeat 0 10px;}
.csMain .blue li em { margin-right:5px; color:#009aff;}
.csMain .white h5 { padding-left:35px; width:363px; height:30px; line-height:30px; color:#666; background:url(/images/qubridge/cscenter/bg_tit_white.gif) no-repeat;}
.csMain .white li { background:url(/images/qubridge/ico/bul_txtS.gif) no-repeat 0 10px;}

.faq { clear:both; overflow:hidden; zoom:1; position:relative; margin-top:35px; width:804px;}
.faq h4 { position:absolute; top:0; right:0;}
.faq h5 { padding-left:35px; width:100%; height:30px; line-height:30px; color:#0095e1; background:#d1edff url(/images/qubridge/cscenter/bg_tit_blue.gif) no-repeat;}
.faq dl { clear:both; overflow:hidden; zoom:1;}
.faq dt { padding:10px 0; border-bottom:1px solid #eaedee;}
.faq dt span { display:inline-block; width:55px; text-align:center; color:#9e9e9e;}
.faq dt a { color:#000;}
.faq dt a:hover { color:#ef2828;}
.faq dt.active { background:#f5fafe; border-bottom:none;}
.faq dt.active a { font-weight:bold;} 
.faq dd { display:none; border-bottom:1px solid #eaedee;}
.faq dd p { padding:30px; line-height:24px; border:2px solid #93ccff;}

.news { clear:both; overflow:hidden; zoom:1; position:relative; margin-top:20px; width:804px;}
.news h4 { padding-left:35px; width:100%; height:30px; line-height:30px; color:#010101; background:#d5d5d5 url(/images/qubridge/cscenter/bg_tit_gray.gif) no-repeat;}
.news h4 span { font-weight:normal;}

.news fieldset { padding:20px 0; border:2px solid #d5d5d5; border-top:none;}
.news p.clear { margin:10px 0 0 138px; color:#999;}
.news dl { clear:both; overflow:hidden; zoom:1; margin-left:50px; width:720px; line-height:21px; color:#999;}
.news dt { clear:both; float:left; margin-top:5px; padding-left:10px; width:90px; background:url(/images/qubridge/ico/bul_txtM_blue2.gif) no-repeat 0 7px;}
.news dd { float:left; margin-top:5px; width:620px;}
.news dt.clear { width:690px;}
.news dd.clear { padding-left:100px;}
.news dd.tel select { width:48px;}
.news dd.cols span { display:inline-block; width:98px;}
.news dd label { color:#666;}
.news dd .yesOrNo { margin-left:10px;}
.news dd .yesOrNo input { margin-left:10px;}
.news dd .provisionWrap { clear:both; overflow-x:hidden; overflow-y:auto; padding:2px; width:606px; height:80px; border:1px solid #ccc;}
.news dd .agree { clear:both; margin-top:5px; line-height:14px;}
.news dd .agree p { margin-bottom:10px;}
.news dd .agree span { height:20px;}

.board { clear:both; overflow:hidden; background:url(/images/qubridge/cscenter/bg_news.jpg) no-repeat right top;}
.board h1 { float:left; margin:39px 0 0; width:375px; height:60px;}
.board .tab { float:left; margin-top:63px;}
.board .tab li { float:left;}
/*.board .tab li.tit01 a { width:137px; background:url(/images/qubridge/cscenter/tab_board01.gif) no-repeat;}
.board .tab li.tit02 a { width:124px; background:url(/images/qubridge/cscenter/tab_board02.gif) no-repeat;}
.board .tab li.tit03 a { width:110px; background:url(/images/qubridge/cscenter/tab_board03.gif) no-repeat;}*/
.board .tab li.tit01 a { width:127px; background:url(/images/qubridge/cscenter/tab_board01.gif) no-repeat;}
.board .tab li.tit02 a { width:139px; background:url(/images/qubridge/cscenter/tab_board02.gif) no-repeat;}
.board .tab li a { overflow:hidden; display:block; padding-top:26px; height:0; background-position:0 0; text-indent:-999px;}
.board .tab li a:hover,
.board .tab li a.active { background-position:0 -26px;}
.board .btnArea { margin-top:10px; color:#ababab;}
.board .btnArea a { margin:0 5px 0 1px; font-weight:bold; color:#ababab;}
.board .btnArea a:hover { color:#ff4e00;}

/* °í°´¸¸Á·µµÁ¶»ç */
.survey { overflow:hidden; border-top:4px solid #a9a8a8;}
.surveyWrap { clear:both;  /* 2011.11.14 ¼öÁ¤ margin-top:10px; */ margin-top:0; padding:1px; width:960px; color:#5d5d5d; background:#0cc2aa; border:9px solid #c8eaef;}
.surveyWrap .cont { padding:30px 35px; line-height:21px; background:#fff;}
.surveyWrap .cont dl { clear:both; overflow:hidden; margin-top:30px; border-bottom:2px solid #e6eced;}
.surveyWrap .cont dl dt { padding:10px 20px 5px; font-weight:bold; border-top:2px solid #e6eced;}
.surveyWrap .cont dl dd { padding:0 0 15px 45px;}
.surveyWrap .cont dl dd .size { display:inline-block; /* 2011.11.14 ¼öÁ¤ width:100px; */ width:160px;}
.surveyWrap .cont .btnArea { clear:both; margin-top:50px; text-align:right;}
.surveyWrap .cont .btnArea p { font-size:11px; color:#000; letter-spacing:-0.025em;}

/* GreenNews_20130910 */
.green_news2 .board{background:url("/images/qubridge/common/bg_news_green.jpg") no-repeat left top;}

/* 190423 ¼öÁ¤ */
.info_che{float:left; width:810px; height:20px; margin-bottom:30px; margin-top:10px;}
.my_inbox{margin-left:300px; float:left; width:810px; height:20px;}
.my_inbox input{float:left; margin-right:6px; margin-top:5px;}
.my_inbox p{float:left; width:160px; line-height:2.3em;}
.my_inbox span{float:left;}
/* 190423 ¼öÁ¤ end */