/* CSS Document */

/**
 * Main Common CSS
 *
 * LICENSE
 * 귀하는 저작자의 허락없이 저작물의 배포, 전송, 전시, 공연 및 방송할 수 없으며,
 * 본 저작물의 복제와 변경을 통한 2차적 저작물을 만들 수 없습니다.
 *
 * @author     Baek Hyung-Ju (hancomz@gmail.com)
 * @copyright  Copyright (c) 2009 Baek Hyung-Ju
 * @license    저작자 허락없이 배포금지-전송금지-전시금지-공연금지-방송금지-복제금지-변경금지
 */

/* ### Common ### */
body, div
{
	font:normal 9pt "돋움", "굴림";
	margin:0px;
	padding:0px;
}
div, ul, ol, dl, p, td, th, input, textarea, select{ font-family:돋움,굴림, Gulim, AppleGothic, sans-serif;  font-size:9pt; color:#000; }
div, ul, ol, li, dl, dt, dd, p, input, textarea, select, h1, h2, h3, h4, em, address, fieldset, form, iframe, object{ margin:0px; padding:0px; }


.clear { clear:both; font-size:1px; } /* float clear*/
img { border:0px; vertical-align:middle; }
input { vertical-align:middle; }
ul, li, ol, dl, dt, dd, p { margin:0px; padding:0px; border:0px; list-style:none; }
form { margin:0px; border:0px; padding:0px; }
input.inpBox, textarea.txtArea
{
	border: 1px solid #e9e9e9;
	font-size: 9pt;

}
textarea.txtArea
{
    padding: 2px;
    color: #777;
}
.Space { height: 20px; }
.Space_h10 { height: 10px; }
.Space_h10 div, .Space div { display: none; }

.fr { float:right; }
.fl { float:left; display: inline; }
.clear { clear:both; } /* ## FLOAT 속성 무효화 */
.algL { text-align:left } /* ## 왼쪽정렬 */
.algC { text-align:center } /* ## 가운데정렬 */
.algR { text-align:right } /* ## 오른쪽정렬 */
.Hide { display: none; }
.visHide { visibility: hidden; }
.fwB { font-weight:bold;}
.gap1 { margin-top:.8em; }
.nowrap { white-space:nowrap; }
.overscroll_Y { overflow:-moz-scrollbars-vertical; overflow-y:auto;  } /* ## 내용 오버시 자동 스크롤 */
.vAlignTop { vertical-align:top }
.iePngFix { _behavior:url(/contents/_js/iePngFix.htc); } /* ## 익스플로러 png 투명 픽스 */
.ltrSpc-1 { letter-spacing: -1px; }


.clearfix:after  { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix   { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix   {display: block;}
/* End hide from IE-mac */


.objMargin { height: 15px; clear: both; } /* 오브젝트 상하공백 */
.objMargin div { display: none;  } /* 오브젝트 상하공백 : 메시지 숨기기 */

input.inpBox
{
    color: #777;
}

/* ### Top ### */
	/* ==  Overlap Frame == */

	#partHead, #partCen, #partNoSideCen, #partFoot .footFrame { width:1000px; }

	/* ==  Top Frame == */
	body
	{
        /*background: url(/contents/common/bg_topGradiant.png) repeat-x;*/
	}
	#partTop
	{
		position: relative;
		z-index: 2;
		border-top: 3px solid #2b2e30;
		border-bottom: 1px solid #d3d3d3;
	}
	#partHead
	{
        height: 64px;
		margin: 10px auto 0 auto;
		position:relative;
		top: 0px;
		/*background: url(/contents/common/bg_top_logoBg.png) 175px 0px no-repeat;*/
	}

	#partHead .topSlogun
	{
		position:absolute;
		right: 0px;
		top:15px;
	}
	#partHead .home-link
	{
		position:absolute;
		left:-9px;
		top:65px;
		width:206px;
		height:85px;
		_top: 64px;
	}

	#partHead .topMenu
	{
        position: relative;
        left: 409px;
        top: 39px;
        width: 580px;
        letter-spacing: 10px;
	}
        #partHead .topMenu .naviArr
        {
            position: absolute;
            top: 1px;
            display: none;
        }
	   #partHead .conTopEventTitle
	   {
	       position: absolute;
	       left: 193px;
	       top: 144px;
	       z-index: 1;
	       _top: 143px;
	   }
	/* ==  Center Frame == */

	#partCen
	{
		margin: 0 auto 0 auto;
		padding-bottom: 15px;
		position:relative;
		z-index: 1;
		border-left: 1px solid #d3d3d3;
		border-right: 1px solid #d3d3d3;
		background: url(/contents/_images/snap/bg_left_line.png) repeat-y;
	}

	#partCen .left_exp_t, #partCen .left_exp_b {  position:absolute; left:241px;  }
	#partCen .left_exp_t { top:0px; }
	#partCen .left_exp_b { bottom:0px; }

	#partNoSideCen
	{
		margin:10px auto 0px auto;
		position:relative;
	}
    .mainFrameDiv
    {
    }

	/* ==  [Center] Left Frame == */
	#partLeft
	{
		float:left;
		width:191px;
		_display:inline;
		margin-left: 13px;
	}

		/* >> Login << */
		#partLogin
		{
            margin-top: 21px;
            height: 120px;
		}

        #partLogin dl.loginBox
        {
			width:191px;
			height:52px;
			position:relative;
			margin-top: 9px;
            background: url(/contents/common/bg_loginBox.png) no-repeat;
        }

		#partLogin .fl ul, #partLogin .btn_login
		{
			position:absolute;
			top:5px;
		}
		#partLogin .btn_login
		{
			width:59px;
			height:45px;
			right: 8px;
		}
		#partLogin li { margin-bottom:2px;  }
		#partLogin .fl ul
		{
            left: 6px;
            top: 6px;
            #top: 4px;
		}
		#partLogin ul input
		{
			width:110px;
			height:14px;
			border:1px solid #e9e9e9;
		}
		#partLogin .inp_id input { background:url(/contents/common/bg_fld_id.png) 7px center no-repeat #fff; }
		#partLogin .inp_pw input { background:url(/contents/common/bg_fld_pw.png) 7px center no-repeat #fff; }
		#partLogin .mem_btn
		{
			margin: 5px 0px 0px 0px;
			text-align:right;
		}

		/* >> Logout << */
		#partLogout
		{
            margin-top:15px;
            height: 120px;
		}
		#partLogout dd.bg
		{
			width:191px;
			height:60px;
			margin-top: 15px;
			position:relative;
		}
		#partLogout div.userID, #partLogout div.userMsg { position:absolute; left:00px; }
		#partLogout div.userID
		{
            top: 0px;
            color: #9a9a9a;
		}
            #partLogout div.userID span
            {
                vertical-align: inherit;
                font-weight: bold;
            }
            #partLogout div.userID span.userName
            {
                color: #515151;
            }
    		#partLogout div.userID span.identifier
    		{
                color: #65a6b4;
                margin-left: -3px;
            }
		#partLogout div.userMsg
		{
            top: 15px;
			color:#666;
			bottom:15px;
			font-size:9pt;
			line-height: 13pt;
			letter-spacing:-1px;
		}
		#partLogout dd.logoutBtn
		{
			text-align:right;
			margin: 0px 7px 0px 0px;
		}
            #partLogout .memModify
            {
                margin-right: 5px;
            }

		/* >> Mypage << */
		#partMypage
		{
			width:196px;
			margin-top: 20px;
			position:relative;
		}
		  #partMypage li { margin-top: 5px;}
		  #partMypage img
		  {
		      vertical-align: top;
		  }
		#partMypage .secede
		{
		  text-align: right;
		  padding:  8px 0px;
		}
		#partMypage .secede a
		{
		  display: inline-block;
		  margin-right: 5px;
		}

		/* >> Customer << */
		#partCustomer
		{
			width:196px;
			height:61px;
			margin-top:20px;
			background:url(/contents/common/bg_customer.png) no-repeat;
		}

		/* >> Pay Info << */
		#partPayinfo
		{
			width:196px;
			height:91px;
			background:url(/contents/common/bg_payinfo.png) no-repeat;
		}

	/* ==  [Center] Contents Frame == */
	#partContents
	{
		float:right;
		width:749px;
		margin-right: 17px;
		_display:inline;
		position: relative;
	}
		.title-div {
			margin-top: 7px;
			border-bottom: 1px solid #d3d3d3;
		}
		.title-sub-div {
			margin-top: 15px;
		}

		.thum-product-list {
			margin-top: 15px;
		}
		.thum-product-list .item {
			float: left;
			_display: inline;
			width: 150px;
			height: 240px;
			margin: 0 18px;
		}
		.thum-product-list .thum-div {
			width: 150px;
			height: 150px;
			border: 1px solid #d3d3d3;
		}
		.thum-product-list .product-name {
			margin-top: 8px;
			text-align: center;
		}
		.thum-product-list .product-name a {
			color: #777;
			text-decoration: none;
		}
		.thum-product-list .product-name a:hover { text-decoration: underline; }
		.thum-product-list .product-price {
			margin-top: 5px;
			text-align: center;
		}
		.thum-product-list .product-price span.icon-won {
			padding: 2px 0 2px 20px;
			color: #e93a5f;
			font-weight: bold;
			display: inline-block;
			background: url(/contents/_images/snap/bg_icon_won.png) no-repeat;
		}

	#partNoSideContents
	{
        width: 809px;
		margin:185px auto 0px auto;
	}
	#partTitle
	{
		height: inherit;
	}
	   #partTitle img
	   {
	       vertical-align: top;
	   }

    /* == Product Product Order Slide == */
    .partProIntroSlide
    {
        position: absolute;
        top: -30px;
        z-index: 40;
    }
    .partProIntroSlide .slideToggleFrame
    {
        display: none;
        background-color: #fff;
    }
        .partProIntroSlide.slideOff .slideToggleFrame img
        {
            vertical-align: top;
        }
        .partProIntroSlide .slideBar
        {
            width: 749px;
            height: 34px;
            display: block;
            font-size: 1pt;
            color: #fff;
        }
        .partProIntroSlide.slideOff .slideBar
        {
            background: url(/contents/product/_images/img_product_intro_slide_Off.png) no-repeat;
        }
        .partProIntroSlide.slideOn .slideBar
        {
            background: url(/contents/product/_images/img_product_intro_slide_On.png) no-repeat;
        }

	/* == Product Detail Title == */
	.partProductTit { margin: 20px 0px 15px 0px; }

    /* == Table Style == */

        /* ++ List Style ++ */
    	table.listLayDef
    	{
    		width:749px;
    		border-top:1px solid #dfdfdf;
    		border-bottom:1px solid #dfdfdf;
    		margin: 0px 0px 30px 0px;
    	}
    	   table.listLayDef a:link, table.listLayDef a:visited
    	   {
    	       color: #666;
    	       text-decoration: none;
    	   }
    	   table.listLayDef a:hover, table.listLayDef a:active
    	   {
    	       color: #999;
    	       text-decoration: underline;
    	   }

            table.listLayDef a.editor_ok_link, table.listLayDef a.editor_cancel_link
            {
                color: #fff;
                position: relative;
                top: 1px;
                font-size: 8pt;
                padding: 3px 10px 2px 4px;
                background: url(/contents/product/_images/bg_dotArr.png) right 5px no-repeat;
                margin-left: 3px;
                text-decoration: none;
                #top: 0px;
                _padding-right: 14px;
            }
            table.listLayDef a.editor_ok_link
            {
                background-color: #43619d;
            }
            table.listLayDef a.editor_cancel_link
            {
                background-color: #a4a4a4;
            }

    	table.listLayDef thead th
    	{
    		border-bottom:1px solid #dfdfdf;
    		border-left:1px solid #dfdfdf;
    		height:21px;
    		font-weight:normal;
    		color:#838383;
    		font-size: 8pt;
    		_padding-top: 1px;
    		_height: 21px;
    		text-align:center;
    		background: url(/contents/common/bg_tableHead.png) repeat-x;
    	}
    	table.listLayDef thead th.nbg
    	{
    		background-color:#f0f4fd;
    		border-right:1px solid #eaeaea;
    	}
    	table.listLayDef tbody td
    	{
            text-align:center;
            height:30px;
            padding: 8px 0px;
            border-bottom:1px solid #f0f0f0;
    	}

        table.listLayDef tbody .noBtmLine td
        {
            border-bottom: 0px;
        }

        /* ++ Colum Style ++ */
    	table.listLayHorizon
    	{
    		width:749px;
    		border-bottom: 1px solid #bcbcbc;
    		margin:10px 0px 30px 0px;
    	}
    	table.listLayHorizon th, table.listLayHorizon td
    	{
    		padding-left: 10px;
    		border-top: 1px solid #f0f0f0;
    	}
    	table.listLayHorizon th
    	{
    		width:120px;
    		height:35px;
    		padding-left: 0px;
    		border-right:1px solid #f0f0f0;
    		font-weight:normal;
    		background-color:#fbfbfc;
    	}
    	table.listLayHorizon th.mCol
    	{
            border-left:1px solid #f0f0f0;
    	}
    	table.listLayHorizon td
    	{

    	}
    	   table.listLayHorizon td div, table.listLayHorizon td p
    	   {
    	       padding: 6px 0px 7px 0px;
    	   }
    	table.listLayHorizon th div, table.listLayHorizon th span
    	{
    		color:#8a8a8b;
    		font-size: 8pt;
    		font-weight: bold;
    		text-align: center;
    	}
    	table.listLayHorizon td label input
    	{
            position: relative;
            top: -2px;


        }


        a.editor_ok_link, a.editor_cancel_link
        {
            color: #fff;
            position: relative;
            top: 1px;
            font-size: 8pt;
            padding: 3px 10px 2px 4px;
            background: url(/contents/product/_images/bg_dotArr.png) right 5px no-repeat;
            margin-left: 3px;
            text-decoration: none;
            #top: 0px;
            _padding-right: 14px;
        }
        a.editor_ok_link
        {
            background-color: #43619d;
        }
        a.editor_cancel_link
        {
            background-color: #a4a4a4;
        }

	/* >> Paging << */
	#Paging { margin-top:-25px; text-align:center; }
	#Paging a:link, a:visited { text-decoration:none; color:#555; }
	#Paging a:hover, a:active { text-decoration:none; color:#999; }
	#Paging span a
	{
        color: #777;
		display:inline-block;
		text-align:center;
		padding-right: 11px ;
		vertical-align:middle;
		margin-left:-5px;
	}
	#Paging span.pre-block a, #Paging span.next-block a
	{
		position:relative;
		width:13px;
		height:15px;
		line-height:15px;
		vertical-align:middle;
	}
	#Paging span.pre-block a { background:url(/contents/common/btn_page_prev.png) no-repeat; }
	#Paging span.next-block a { background:url(/contents/common/btn_page_next.png) no-repeat; }
	#Paging span.current-page a
	{
		font-weight:bold;
		color:#1d96ca;
		text-decoration: underline;
	}

	/* ==  Footer Frame == */

	#partFoot
	{
		height:61px;
		text-align: center;
		padding-top: 10px;
		border-top: 1px solid #d3d3d3;
	}

    	#partFoot .footFrame
    	{
            margin: 0px auto;
            text-align: right;
    	}
    #partFootNoLayout
    {
        width: 809px;
        margin: 15px auto 0px auto;
        text-align: right;
    }

    .leftHelp
    {
        margin-top: 20px;
    }