/*
css ÆÄÀÏ ÀÛ¼º ½Ã ÁÖÀÇ »çÇ×
1) image ÆÄÀÏ °æ·Î´Â ¹Ýµå½Ã '/' ºÎÅÍ ½ÃÀÛÇØ¾ß ÇÕ´Ï´Ù.
2) ±ÛÀÚ¿Í °ü·ÃµÈ Å©±â´Â em ´ÜÀ§·Î Ç¥½ÃÇÕ´Ï´Ù. 1emÀº ±âº» ±ÛÀÚ Å©±â (±âº» ±ÛÀÚ Å©±â ÁöÁ¤Àº ÃÖ»óÀ§ element¿¡ ÇØ ÁÝ´Ï´Ù)

*/
@import url(/css_blueweb/css_defined_initialization.css);
@import url(http://www.blueweb.co.kr/css_blueweb/css_defined_color.css);
@import url(http://www.blueweb.co.kr/css_blueweb/css_defined_typography.css);
@import url(http://www.blueweb.co.kr/blueweb_menu/css_menu.css);
@import url(http://www.blueweb.co.kr/css_blueweb/new_blueweb_footer.css);
@import url(/css_blueweb/domain/css_domain_main_defined_color.css);
@import url(/css_blueweb/domain/css_domain_main_defined_typography.css);

html { text-align: center;  }
#bluewebMainTableLayer img
{
	display:inline
}

body {
	position: relative;
	margin: 0 auto;
	width: 965px;
}

/* blueweb ¸ÞÀÎ ÆäÀÌÁöÀÇ Layout CSS */
#bluewebMainLayer
{
	position: relative;		/* bluewebMainLayer À§Ä¡¸¦ ±âÁØÀ¸·Î ¹è¿­ÇÔ */
	width: 965px;			/* ±âº» ³Êºñ */
	font-size:12px;
	line-height: 145%;
	font-family: "±¼¸²","Arial";
	color: #747474;
	background: #FFFFFF;
	text-align: left;

}

#bluewebMainTableLayer .grayBorder,
#bluewebMainTableLayer .grayBorder td
{
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	padding:4px 5px;
}






#bluewebMainLayer .contents
{
	padding: 15px;
	
}

#bluewebMainLayer form legend
{
	display: none;
}

#bluewebMainLayer .section			/* className section Àº ÇϳªÀÇ ¼­ºñ½º ºÐ·ù¸¦ °¡¸®Å´ */
{
	position: absolute;				/* absolute ¼³Á¤À» ÇÔÀ¸·Î½á ÀÚÀ¯·Î¿î ¹è¿­ÀÌ °¡´ÉÇϵµ·Ï ÇÔ */
	z-index: 0;
}

#bluewebMainLayer .section h2		/* section ÀÇ ¸ÞÀΠŸÀÌƲ (h2) À§Ä¡ ÁöÁ¤ */ 
{
	padding-bottom: 6px;
}

#quickServiceSection,
#customCenterSection,
#nameServerSection,
#partnerSection
{
	width: 240px;
	left: 0px;
}

#domainAdSection
{
	width: 709px;
	left: 250px;
	margin-top: 6px;
}

#dominEtcServiceSection,
#noticeSection,
#friendSection
{
	width: 400px;
	overflow: hidden;
	left: 250px;
}

#dresDomainSection,
#faqSection,
#pressSection,
#presentSection
{
	width: 305px;
	overflow: hidden;
	left: 660px;
}

#quickServiceSection,
#hostingAdSection
{
	height: 168px;
}

#quickServiceSection
{
	width: 220px;	/* padding left, right 10px */
	margin: 6px;
}


#customCenterSection,
#dominEtcServiceSection,
#dresDomainSection
{
	top: 490px;
	height: 150px;
}

#nameServerSection,
#noticeSection,
#faqSection
{
	top: 645px;
	height: 146px;
}

#partnerSection,
#friendSection,
#presentSection
{
	top: 790px;
	height: 86px;
}

#footerArea
{
	position: relative;
	top: 10px;
}


#mainGuideArea	/**/
{
	width: 100%;
	height: 180px;
	position: relative;
	top: 0px;
}

#quickServiceSection
{
	padding: 10px;
	position: relative;
}

#quickServiceSection .panel .contents
{
	padding: 0px;
}

#quickServiceSection h3
{
	width: 210px;
	margin-bottom: 10px;
}

#guideList
{
	margin-left: 12px;
}

#guidePanel dt
{
	float: left;
	font-weight: bold;
	margin-right: 7px;
}

#navGuide
{
	position: absolute;
	clear: both;
	bottom: 30px;
	left: 7px;
	width: 222px;
}

#navGuide img
{
	float: left;
}

#navGuide li
{
	padding: 0px 4px;
	float: left;
}

#searchUserInput {
	width: 140px;
	padding: 3px;
}

#searchForm button
{
	position: absolute;
	top: 55px;
	right: 30px;
}

#searchForm button[type=submit]
{
	width: 41px;
	height: 23px;
}

#searchForm button[type=submit] span
{
	display: none;
}

#recommandWordsPart
{
	margin-top: 5px;
	margin-bottom: 10px;
}

#recommandWordsPart h4
{
	float: left;
}

#recommandWordList,
#recommandWordList li
{
	float: left;
}

#recommandWordList li
{
	padding: 0px 3px;
}

#csMenuPart
{
	clear: left;
	padding-top: 10px;
}

#csMenuPart h4
{
	display: none;
}

#csMenuList li
{
	float: left;
	padding-right: 10px;
}

#counselPanel p
{
	padding: 10px 0px;
}

#counselPanel p em
{
	font-weight: bold;
}

#loginPanel .contents
{
	position: relative;
}

#loginPanel #pass
{
	position: absolute;
	top: 22px;
	left: 0px;
}

#loginPanel form button
{
	position: absolute;
	left: 150px;
	width: 51px;
    height: 39px;
    margin-right: 5px;
    margin-top: 0px;
}

#loginPanel form button span
{
	display: none;
}

#loginPanel #joinLine
{
	position: absolute;
	top: 60px;
}

#loginPanel input
{
    padding: 1px 2px;
}

#joinLink
{
	position: absolute;
	top: 50px;
	left: 0px;
}

#joinLink li
{
	float: left;
	padding: 0px 15px;
}

#joinLink li:first-child
{
	padding-left: 0px;
}


#memberGreetings
{
	padding: 15px;
	text-align: center;
}

#memberGreetings span
{
	display: block;
}

#memberLink li
{
	float: left;
	width: 90px;
}


/* customer center section */

#callbackService
{
	padding-left: 60px;
	padding-top: 10px;
	height: 70px;
	position: relative;
}


#callCenter h3
{
	display: none;
}

#callbackService p
{
	padding-top: 5px;
}

#callbackService p span:first-child
{
	display: block;
}

#callbackLink
{
	position: absolute;
	top: 10px;
	left: 170px;
}

#dominEtcService li
{
	position: absolute;
	float: left;
	width: 157px;
	height: 21px;
	padding: 3px 10px;
	margin-bottom: 7px;
}

#domain-es-expire,
#domain-es-default,
#domain-es-value
{
	left: 15px;
}

#domain-es-privacy,
#domain-es-res,
#domain-es-deposit
{
	left: 208px;
}

#domain-es-expire,
#domain-es-privacy
{
	top: 35px;
}

#domain-es-default,
#domain-es-res
{
	top: 70px;
}

#domain-es-value,
#domain-es-deposit
{
	top: 107px;
}

/* =nameServerSection */
#nameServerSection .contents
{
	padding: 15px;
}

#nameServerSection img
{
	display: inline;
}

#nameserverList li
{
	margin-bottom: 5px;
}

#nameserverList .nameserver
{
	padding-left: 45px;
}

#nameserverList .ns-identify
{
	display: none;
}

#nameserverList .ns-domain,
#nameserverList .ns-ip
{
	display: block;
}

/* =notice section */
#noticeSection
{
	position: relative;
}

#noticeSection .section-more
{
	position: absolute;
	top: 12px;
	right: 0px;
}

#noticeSection.section h2
{
	padding-bottom: 0px;
	height: 26px;
	margin-bottom: 7px;
}

#noticeSection .section-title
{
	position: absolute;
	top: 1px;
}

/* =partner section */
#partnerSection .contents,
#presentSection .contents
{
	position: relative;
}

#partnerSection .section-regist,
#presentSection .section-regist
{
	position: absolute;
	top: 12px;
	right: 30px;
}

#partnerSection h3,
#presentSection h3
{
	margin-bottom: 5px;
}

/* =friend section */
#friendSection ul
{
	padding-top: 5px;
	height: 60px;
	width: 400px;
}

#friendSection ul li
{
	float: left;
	padding: 0px 10px;
}

#friendSection ul li:last-child
{
	padding-right: 0px;
}

#friendSection ul li.last
{
	padding-right: 0px;
}

#partnerSection h2,
#friendSection h2,
#presentSection h2
{
	display: none;
}

/* =callback regist layer */
#callback_regist
{
	position: absolute;
	top: 550px;
	left: 250px;
	z-index: 100;
	width: 265px;
	height: 180px;
	float: left;
	background: url(http://cs.blueweb.co.kr/img/call_bg.gif) no-repeat left bottom;
}

#callback_regist form
{
	margin-top: 5px;
}

#callback_regist form label
{
	float: left;
	margin-left: 20px;
	width: 50px;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
}

#callback_regist form input
{
	width: 150px;
}

#callback_regist form button
{
	width: 68px;
	height: 21px;
	border: 0px;
	margin: 5px 0px 0px 120px;
	padding: 0px;
	background: url(http://www.blueweb.co.kr/img_bluewebmain/call_btn.gif) no-repeat;
}

#callback_regist form button span
{
	display: none;
}


#mainServiceSection
{
	position: absolute;
	top: 188px;
	width: 100%;
	background: url(http://www.blueweb.co.kr/hosting/hosting_img/hosting_box02.gif) no-repeat top left;	
	height: 292px;
	overflow: hidden;
}

#mainServiceSection .contents
{
	position: relative;
	padding: 0px;
	margin-left: 15px;
	margin-top: 1px;
}

#mainServiceSection h2
{
	margin-top: 15px;
	margin-left: 15px;
}

#mainServiceSection h3
{
	width: 236px;
	height: 26px;
	line-height: 26px;
	text-indent: 10px;
}

#mainServiceList .hosting-div
{
	width: 390px;
	height: 217px;
	position: absolute;
	left: 244px;
	top: 10px;
}

#mainServiceList .hosting-packages
{
	width: 100%;
	height: 202px;
	margin-top: 5px;
}

#mainServiceList .hosting-summary
{
	width: 280px;
	height: 220px;
	position: absolute;
	left: 645px;
	top: 10px;
}

#mainServiceList .hosting-div h4
{
	position: relative;
}

#mainServiceList .more
{
	position: absolute;
	right: 0px;
	top: 3px;
	padding-left: 7px;
}

#mainServiceList caption
{
	display: none;
}

#mainServiceList .hosting-summary .more
{
	top: 15px;
	right: 10px;
}

#mainServiceList .hosting-summary h4
{
	padding-top: 15px;
	padding-left: 10px;
}

#mainServiceList .hosting-summary ul
{
	padding: 10px 10px 0px 10px;
}

#mainServiceList .hosting-summary li
{
	padding-left: 10px;
}

#mainServiceList #hosting-linux h3 .sub-title
{
	padding-right: 20px;
}

#mainServiceList h3 .sub-title
{
	margin-right: 5px;
}

#mainServiceList h3
{
	cursor: pointer;
}

#mainServiceList thead tr,
#mainServiceList th
{
	height: 25px;
}


#mainServiceList thead tr,
#mainServiceList th
{
	.height: 10px;
}

#mainServiceList tbody .sub-label
{
	width: 90px;
}

#nameServerSection h2,
#eventSection h2
{
	padding-top: 3px;
}

#dresDomainSection
{
	position: relative;	
}

#dresDomainSection #dresDomainNowPanel h3
{
	position: absolute;
	top: 33px;
	left: 15px;
	z-index: 2;
}

#dresDomainSection #dresDomainResPanel h3
{
	position: absolute;
	top: 33px;
	left: 100px;
	z-index: 2;
}

#dresDomainSection ul
{
	position: absolute;
	top: 53px;
	left: 15px;
	padding: 10px 0px 10px 15px;
	z-index: 1;
	width: 255px;
	height: 55px;
	overflow: hidden;
}

#dresDomainSection ul li
{
	float: left;
	width: 108px;
	padding-left: 10px;
	overflow: hidden;
}

#faqSection
{
	position: relative;	
}

#faqSection h2
{
	padding-top: 3px;
}

#faqSection label
{
	position: absolute;
	top: 42px;
	left: 20px;	
}

#faqSection #faqSearchWord
{
	position: absolute;
	top: 42px;
	left: 55px;
	width: 170px;
	height: 17px;
}

#faqSection .button
{
	position: absolute;
	top: 42px;
	left: 235px;	
}

#faqSection #faqList
{
	position: absolute;
	top: 60px;
	left: 5px;
}

#faqSection #faqList li
{
	padding-left: 10px;
}

#mainServiceList #domain-regist h3 .sub-title
{
	padding-right: 20px;	
}

#mainServiceList .service-contents
{
	position: absolute;
	top: 10px;
	left: 245px;	
}

#mainServiceList .service-contents .service-sub-title
{
	position: absolute;
	top: 0px;
	left: 137px;	
}

#mainServiceList .service-contents #title-KrTransfer.service-sub-title
{
	left: 150px;	
}

#mainServiceList .service-contents h4:first-child	/* redefined IE6 */
{
	left: 0px;
}

#mainServiceList .service-slot
{
	position: absolute;
	top: 26px;
	width: 380px;
	height: 170px;
	padding:10px;
	z-index: 2;
}

#mainServiceList .service-slot h5
{
	position: absolute;
	left: 20px;
	padding-left: 45px;
	height: 50px;
	top: 15px;
	width: 325px;
}

#mainServiceList .domainInput
{
	position: absolute;
	top: 38px;
	left: 65px;
	float: left;
	margin-right: 5px;
	width: 300px;
}

#mainServiceList .domainInput img
{
	display: inline;
	vertical-align: middle;
}

#mainServiceList .domainInput input
{
	width: 240px;
	border: 0px;
	padding-top: 3px;
}

#domainList
{
	position: absolute;
	width: 400px;
	height: 150px;
	top: 90px;
	left: 65px;
}

#domainRegistForm ul li
{
	float: left;
	width: 100px;	
}

#domain-regist-panel input.button
{
	position: absolute;
	top: 37px;
	left: 375px;
}

#domainList li input
{

}

#domainInputComment
{
	position: absolute;
	top: 70px;
	left: 65px;
}

#domainList .point-domain
{
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#mainServiceList .service-summary
{
	position: absolute;
	top: 26px;
	left: 398px;
	padding: 10px;
	width: 260px;
	height: 170px;
	overflow: hidden;
	z-index: 1;
}

#mainServiceList .service-summary h4
{
	padding-bottom: 7px;
	padding-left: 7px;
}

#mainServiceList .service-summary-contents
{
	padding: 12px 10px 0px 7px;
}

#mainServiceList .service-summary .more
{
	position: absolute;
	right: 8px;
	top: 10px;
}

#mainServiceList .service-summary .detail
{
	position: absolute;
	right: 3px;
	bottom: 3px;
}

/* ±â°£¿¬Àå µî ³»¿ë */
#mainServiceList  table
{
	width: 379px;
}

#mainServiceList  td.default
{
	padding-left: 5px;
}

#mainServiceList #domainTermTable
{
	position: absolute;
	top: 32px;	
}

#mainServiceList #domainTermTable th
{
	height: 26px;
}

#mainServiceList #domainTermTable td
{
	height: 22px;
}

#mainServiceList .service-slot h5 .sub-title-notimportant
{
	visibility: hidden;
}

#mainServiceList .service-slot h5 .more
{
	position: absolute;
	right: 0px;
	top: -3px;
}

#mainServiceList .service-slot .service-control
{
	position: absolute;
	top: 145px;
	left: 9px;
	margin: 0 auto;
	width: 278px;
	height: 25px;
	padding-top: 5px;
	padding-left: 100px;
}

#mainServiceList .service-slot .service-control input
{
	vertical-align: middle;	
}

#mainServiceList .service-slot .service-control label
{
	padding-top: 2px;
	margin-right: 5px;
}

#mainServiceList .service-slot-title-nd
{
	display: none;
}

#mainServiceList .service-slot textarea
{
	position: absolute;
	top: 10px;
	left: 70px;
	width: 245px;
	height: 150px;
}

#mainServiceList .service-slot .button-multi
{
	position: absolute;
	top: 10px;
	left: 330px;
}

#mainServiceList .service-slot-sub-comment
{
	position: absolute;
	bottom: 5px;
	left: 10px;
}

#mainServiceList .service-summary .detail
{
	padding-left: 7px;
}

#mainServiceList .service-slot-comment span
{
	display: block;
}

#mainServiceList .service-slot-desc
{
	width: 340px;
	height: 90px;
	margin-top: 10px;
	padding: 20px;
	overflow: hidden;
}

#mainServiceList .service-slot-desc li
{
	float: left;
	width: 30%;
	padding-left: 10px;
}

#mainServiceList .service-slot-desc li#authcodeRequest
{
	width: 50%;
}

#mainServiceList #domainValueForm .domainInput
{
	top: 45px;
	left: 10px;
}

#mainServiceList #domainValueButton
{
	position: absolute;
	left: 320px;
	top: 44px;
}

#mainServiceList #domain-value-info .service-slot-desc
{
	height: 50px;
	position: absolute;
	top: 75px;
}

#mainServiceList #domain-value-info .service-slot-desc h6
{
	margin-bottom: 10px;
}

#mainServiceList #domain-webmail-info .service-slot
{
	width: 658px;
}

#mainServiceList #domain-webmail-info .service-slot-comment
{
	margin-bottom: 5px;
}

#mainServiceList #domain-webmail-info .service-slot table
{
	width: 100%;
}

#mainServiceList #domain-webmail-info .service-slot th
{
	height: 26px;
}

#mainServiceList #domain-webmail-info .service-slot td span
{
	display: block;
}

#mainServiceList #domain-webmail-info .service-slot .sub-head
{
	width: 150px;
}

#mainServiceList #domain-parking-info .service-slot
{
	width: 390px;
}

#mainServiceList #domain-parking-list li
{
	float: left;
	height: 170px;
	width: 180;
}

#mainServiceList #domain-parking-list li:first-child
{
	margin-left: 10px;
	margin-right: 10px;
}

#mainServiceList .domain-service-control
{
	margin-top: 5px;
	position: relative;
}

#mainServiceList #domain-parking-list span.domain-parking-label
{
	position: absolute;
	top: 6px;
	left: 20px;
}

#mainServiceList .domain-service-control img
{
	position: absolute;
	top: 3px;
	left: 105px;
}

#mainServiceList #domain-forward-list
{
	padding: 10px;
}

#mainServiceList #domain-forward-list li
{
	float: left;
	width: 150px;
	height: 100px;
	padding: 20px 8px;
}

#mainServiceList #domain-forward-list li:first-child
{
	margin-right: 10px;
}

#mainServiceList #domain-forward-list p
{
	margin: 10px 0px;	
}

#mainServiceList #domain-forward-list p span
{
	display: block;
}

#mainServiceList #domain-forward-list .domain-service-control img
{
	left: 45px;
}

#mainServiceList #nameserverListSimple
{
	list-style-type: none;
}

#mainServiceList #nameserverListSimple .nameserver
{
	float: none;
	padding-left: 35px;
}

#mainServiceList #nameserverListSimple .ns-identify,
#mainServiceList #nameserverListSimple .ns-ip
{
	display: none;
}

#mainServiceList #domain-dns-info .service-slot-desc
{
	height: 60px;
	position: relative;
}

#mainServiceList #dnsControl
{
	position: absolute;
	right: 10px;
	bottom: 10px;	
}

#mainServiceList #domain-webmail-info .service-slot td.multi-line
{
	padding: 5px;	
}
#Banner_link{
	position: absolute;
	left: 705px;
	top: 202px;
}

#Banner_link .icon
{
	margin-right: 5px;
}

#Banner_link .icon img
{
	display: inline;
}

#information 
{
	padding:0px 12px;
}



/* 20170803 hyunsook */

#bluewebMainLayer table{
background-repeat-x: no-repeat;

}

/* 20171116 hyunsook */
.tooltip {vertical-align:middle;}
.tooltip > div{ display:none;line-height:22px}
.tooltip > div > font{color:#3b75c9;padding-left:10px}
.tooltip:hover {position:relative;cursor: pointer;}
.tooltip:hover > div {position:absolute; display:block; top: -45px; left: 20px;background:#fff;color:#555;font-size:12px;padding:15px;border:2px solid #3b75c9;width:580px;text-align:left;letter-spacing: -1px;}