/*
	- Project : ssenhosting
	- Author : 
	- Description : 
	- Create : YYYY-MM-DD
	- Modify : YYYY-MM-DD
		-
*/
/*
========================================================================
hdr
========================================================================
*/
/* header */
#hdrWrap { border-top: 4px solid #35302c; }
#hdr { position: relative; width: 960px; height: 95px; margin-left: auto; margin-right: auto; }
#hdr h1 { position: absolute; left: 20px; top: 0px; width: 196px; height: 101px; }
#hdr h1 a { overflow: hidden; display: block; width: 100%; height: 100%; text-indent: -9999px; }
#hdr h1 a.eng { background: url(/img/ssen/common/bi_hdr_eng.gif) no-repeat 0px 11px; }
#hdr h1 a.kor { background: url(/img/ssen/common/bi_hdr_kor.gif) no-repeat 0px 11px; }
#gnb { position: absolute; left: 252px; top: 43px; }
#gnb li,
#gnb li a { float: left; width: auto; font-size: 0; line-height: 0; }
#gnb li { padding-right: 34px; margin-right: 31px; background: url(/img/ssen/common/bull_gnb_div.gif) no-repeat right 45%; }
#gnb li.last { margin-right: 0; padding-right: 0; background: none; }
#hdr .mem { display: none; }
#hdr .elink { position: absolute; right: 19px; top: 0px; width: 213px; height: 27px; background: url(/img/ssen/main/menu_t_r.gif) no-repeat 0 0; }
#hdr .elink a { display: inline-block; overflow: hidden; height:27px; text-indent: -9999px; }
#hdr .elink a.q { width: 119px; }
#hdr .elink a.faq { width: 89px; }
/*
========================================================================
layout
========================================================================
*/
/* height 100% */
#container { min-height: 100%; _height: 100%; margin: -105px 0 -163px;  background: url(/img/ssen/main/bg_chd2.gif) repeat-x 0 105px; }
#contentWrap { *zoom: 1; padding-top: 105px; padding-bottom: 205px;}
#contentWrap:after { content: ""; display: block; clear: both; }
#contentWrap { width: 960px; margin-right: auto; margin-left: auto; }

/*
========================================================================
mc-hd
========================================================================
*/
.mc-hd {  width: 960px; margin:0 auto; zoom: 1; }
.mc-hd:after { content: ""; display: block; clear: both; }
#mhdBner,
.mc-hd .c-colum { float: left; height: 350px; font-size: 11px; }
	/* 배너 */
	#mhdBner { position: relative; width: 720px; border-right: 1px solid #fff; }
	#mhdBner .bner-w { position: relative; overflow: hidden; width: 100%; height: 100%; }
	#mhdBner .anchor { position: absolute; left: 20px; bottom: 22px; }
	#mhdBner .anchor a { float: left; width: auto; width: 16px; height: 17px; margin-right: 3px; line-height:17px; text-align: center; color: #fff; background-color: #ddd; }
	#mhdBner .anchor a:hover,
	#mhdBner .anchor a.now { background-color: #ff642c; }
	/* 로그인, 공지, 문의 */ 
	.mc-hd .c-colum { width: 238px; border-right: 1px solid #fff; }
	.mc-hd .login-info,
	.mc-hd .notice { border-bottom: 1px solid #fff; }
	/* 로그인, 로그인후 정보 */
	.mc-hd .login-info { position: relative; overflow: hidden; height: 123px; }
		/* 로그인 */
		#mlogin { position: relative; width: 239px; height: 123px; }
		#mlogin .join,
		#mlogin .find,
		#mlogin .btn,
		#mlogin .save,
		#mlogin .list { position: absolute; }
		#mlogin .join,
		#mlogin .find { bottom: 15px; }
		#mlogin .join { left: 99px; color: #ff642b; font-weight: bold; }
		#mlogin .find { left: 158px; color: #4f5c61; }
		#mlogin .list { left: 9px; top: 40px; width: 138px; }
		#mlogin .list li { float: left; position: relative; width: 138px; height: 20px; background: #fff; margin-bottom: 4px; }
		#mlogin .list li label,
		#mlogin .list li .txt-input { position: absolute; left: 6px; top: 0; width: 132px; height: 20px; line-height: 20px; }
		#mlogin .list li label { letter-spacing: -1px; color: #808080; }
		#mlogin .list .txt-input { z-index: 1; border: 0; opacity: 0; filter:alpha(opacity=0); }
		#mlogin .btn { left: 151px; top: 39px; width: 69px; height: 46px; overflow: hidden; text-indent: -9999px; background: url(/img/ssen/btn/h46_mlogin.gif) no-repeat 0 0; }
		#mlogin .save { left: 13px; top: 90px; color: #4f5c61; }
		#mlogin span.tit { position:absolute; left:8px; top:13px; font-weight:bold; color:#333; font-size:12px; }
		
		#mlogin-2 { position: relative; width: 239px; height: 123px; font-size:12px; }
		#mlogin-2 .cont { padding:12px 10px; }
		#mlogin-2 .cont .greeting { margin-right:46px;  }
		#mlogin-2 .cont .exp { position:relative; margin-top:10px; padding:10px; border:1px solid #bbcfe6; background:#cfe0f3; }
		#mlogin-2 .cont .exp .txt { color:#3c74b3; font-size:11px; }
		#mlogin-2 .cont .exp .date { font-weight:bold; color:#2f2f2f; font-family:'tahoma'; font-size:19px; }
		#mlogin-2 .cont .exp .btn { position:absolute; right:10px; top:13px; }
		#mlogin-2 .cont .exp dl { font-size:11px; }
		#mlogin-2 .cont .exp dl dt { float:left; width:50px; color:#464646; }
		#mlogin-2 .cont .exp dl dd { float:left; color:#3c74b3; }
		#mlogin-2 .cont .exp dl dd button { width:74px; height:18px; margin-left:2px; border:none; background: url('/img/ssen/main/btn_bg_l_blue.gif') no-repeat 0 0; text-align:center; color:white; font-size:11px; letter-spacing:-0.05em; }
    #mlogin-2 .cont .exp dl dd button.btn-go { width:138px; height:16px; margin-left:0; border:none; background: url('/img/ssen/main/btn_bg_l_blue_w138.gif') no-repeat 0 0; text-align:center; color:white; font-size:11px; letter-spacing:-0.05em; }
		
		/* 로그인후 정보 */
		.login-info .info { position: relative; letter-spacing: -1px; }
		.login-info .info .logout { position: absolute; right: 20px; top: 20px; }
		.login-info .info .mypage { position: absolute; right: 75px; top: 20px; }
		.login-info .info .welcome { font-size: 12px; color: #000; margin-bottom: 0px; }
		.login-info .info .welcome img { vertical-align: middle; }
		.login-info .info dl,
		.login-info .info dl a { color: #95acb4; margin-top:5px;}
		.login-info .info dl { zoom: 1; position: relative; overflow: hidden; padding-left: 10px; background: url(/img/ssen/common/bull_h2_sqr_f15642.gif) no-repeat 0 6px; }
		.login-info .info dt,
		.login-info .info dd { float: left; width: auto; }
		.login-info .info dt { margin-right: 3px; }
		/*.login-info .info dl a { display: inline-block; letter-spacing: 0; padding-right: 14px; background: url(/img/ssen/common/bull_h9_bplus.gif) no-repeat right 45%; }*/
		.login-info .info .expire {letter-spacing: 0;}
		.login-info .info dl.cla { background-position: 0 7px; }
		.login-info .info dl.cla dt { position: relative; top: 2px; }
		.login-info .info dl.cla dd { font-size: 12px; }
		.login-info .info dd { font-weight: bold; }
		.login-info .info .manage { float:right; padding-right:10px; }
		.login-info .info dd img { max-width:72px; }
        #tab_hosting { width: 109px; padding-top: 2px; padding-bottom: 2px; float:left; background-color: #ff5301; text-align: center; color: #fff; font-size: 10pt; cursor: pointer; position: relative; z-index: 10; }
        #tab_podhosting { margin-left: 1px; width: 109px; padding-top: 2px; padding-bottom: 2px; float: left; background-color: #b9d6de; text-align: center; color: #fff; font-size: 10pt; cursor: pointer; position: relative; z-index: 11; }
        #tab_freehosting { margin-left: 1px; width: 109px; padding-top: 2px; padding-bottom: 2px; float: left; background-color: #b9d6de; text-align: center; color: #fff; font-size: 10pt; cursor: pointer; position: relative; z-index: 11; }
		.hosting { padding: 20px 10px 0; z-index: 1; }
        .podhosting { padding: 20px 10px 0; z-index: 1; display:none }
		.freehosting { padding: 0px 10px 0; display:none; z-index: 1; }
        .hosting .welcome, 
		.podhosting .welcome {width: 219px; height: 23px; }
        #freename { float: left; position: relative; z-index: 2; width: 60px; text-align: right; }
        #freename span { color: #000; font-size: 12px; }
        #freetext { float: left; position: relative; margin-left: 5px; color: #95acb4; }
        
	/* 공지사항 */
	.mc-hd .notice { position: relative; ; height: 131px; padding: 0 10px; }
	.mc-hd .notice a { color: #95acb4; }
	.mc-hd .notice h2 { padding-top: 10px; font-weight: bold; color: #000; letter-spacing: -1px; font-size: 12px; }
	.mc-hd .notice ul { margin-top: 8px; }
	.mc-hd .notice li { zoom: 1; overflow: hidden; padding-left: 10px; background: url(/img/ssen/common/bull_h2_sqr_f15642.gif) no-repeat 0 7px; }
	.mc-hd .notice li a { overflow: hidden; display: block; width: 100%; height: 18px; color: #4f5c61; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
	.mc-hd .notice li a:hover{ color: #000; }
	.mc-hd .notice .more { position: absolute; right: 20px; top: 12px; padding-right: 14px; color: #4f5c61; background: url(/img/ssen/common/bull_h9_bplus.gif) no-repeat right 45%; letter-spacing:-0.05em; }
	/* 문의 */
	.mc-hd .question { position: relative; height: 64px; padding: 0 10px; }
	.mc-hd .question h2 { padding-top: 7px; font-weight: bold; color: #000; letter-spacing: -1px; font-size: 12px; }
	.mc-hd .question .time { position: absolute; right: 13px; top: 12px; color: #4f5c61;}
	.mc-hd .question .time dd { padding-top:15px; margin: 0px; text-align: right;}
	.mc-hd .question .tel { margin-top: 35px; text-align: right; color: #FF642B; font-family: Tahoma; font-size: 22px; font-weight: bold; line-height: 24px; }
/*
========================================================================
주요서비스 소개
========================================================================
*/
.cbner { zoom: 1; overflow: hidden; width:100%; border-bottom:1px solid #dedede; }
.cbner .cont { position:relative; width:960px; height:89px; margin:0 auto; background:url('/img/ssen/main/banner_menu.jpg') no-repeat left center; }
.cbner .cont a { display:block; width:30px; height:15px; font-size:0; text-indent:-9999px; line-height:0; }
.cbner .cont a.new { position:absolute; left:396px; top:39px; }
.cbner .cont a.video { position:absolute; right:70px; top:39px; }
/*
========================================================================
서비스 종류, 배너
========================================================================
*/
/* 서비스 종류 */
.bcolum { zoom: 1; : hidden;  width: 960px; margin:0 auto; margin-top: 30px; }
.bcolum:after { content: ""; display: block; clear: both; }
.bcolum-l { float: left; width: 704px; }
.bcolum-l h2 { margin-bottom:10px; padding-left: 20px; font-size: 14px; color: #000; letter-spacing: -1px; font-weight: bold; background: url(/img/ssen/common/bull_h9_crosscircle.gif) no-repeat 5px 45%; }
.bcolum-l .svc { position: relative; }
/*.bcolum-l .svc2 { margin-top: 24px; }*/
.bcolum-l .svc .btn-app { position: absolute; right: 0px; top: -2px; }
.bcolum-l .svc-table { margin-top: 5px; }
.bcolum-l .svc-table t{ border-top: 1px solid #dedede; }
.bcolum-l .svc-table thead th,
.bcolum-l .svc-table td { border-left: 1px solid #dedede; }
.bcolum-l .svc-table th,
.bcolum-l .svc-table td { padding: 10px 0 9px; border: 1px solid #dedede; }
.bcolum-l .svc-table th .txt-blue { color:#009fda; }
.bcolum-l .svc-table thead th { color: #666; background: #eee; }
.bcolum-l .svc-table tbody th { font-weight: normal; }
.bcolum-l .svc-table thead th.first { color: #666; border-left: 0; }
.bcolum-l .svc-table .tb-l { padding-left: 10px; }
.bcolum-l .svc-table .txt-orange { color:#ff642b; }
.bcolum-r { float: right; width: 234px; font-size: 0; line-height: 0; }
.bcolum-r ul li { width:240px; height:97px; margin-bottom:4px; }
.bcolum-r a { display: block; }
.bcolum-r a.last { border-bottom: 0; }