﻿/* CSS Document */

/*------------popup--------------*/

/*---팝업기본---*/
#popup { margin:0; padding:0; background:#e3efff; }
#popup a { text-decoration:none; }
#popup select { font-size:12px; background:#cef0fc; color:#156ee4; }
#popup .container { margin:15px 15px 17px 15px; font-size:12px; font-family:돋움, 돋움체, Dotum, Dotumche; color:#757575; }

    /*--팝업사이즈일반스타일--*/
    #popup .title {
    position:relative;
    width:334px;
    height:22px;
    padding:7px 18px 0 18px;
    background:url(/images/popup/popupTitle.jpg) no-repeat left top;
    color:#fff;
    font-size:15px;
    font-weight:bold;
    letter-spacing:-1px;
    }  
    #popup .title img { position:absolute; border:none; right:18px; }
    /*--팝업사이즈일반스타일--*/
    
    /*--팝업사이즈중간스타일--*/
    #popup .title2 {
    position:relative;
    width:444px;
    height:22px;
    padding:7px 18px 0 18px;
    background:url(/images/popup/popupTitle2.jpg) no-repeat left top;
    color:#fff;
    font-size:15px;
    font-weight:bold;
    letter-spacing:-1px;
    } 
    #popup .title2 img { position:absolute; border:none; right:18px; }
    /*--팝업사이즈중간스타일--*/
	
	  /*--팝업사이즈대스타일--*/
    #popup .title3 {
    position:relative;
    width:539px;
    height:22px;
    padding:7px 18px 0 18px;
    background:url(/images/popup/popupTitle3.jpg) no-repeat left top;
    color:#fff;
    font-size:15px;
    font-weight:bold;
    letter-spacing:-1px;
    } 
    #popup .title3 img { position:absolute; border:none; right:18px; }
    /*--팝업사이즈대스타일--*/
    
    #popup .inBox { width:334px; height:322px; padding:20px 18px 8px 18px; background:#fff; } /*--세로높이고정일경우--*/
    #popup .inBoxNoFix { width:334px; min-height:322px; padding:20px 18px 8px 18px; background:#fff; } /*--세로높이유동일경우--*/
    
        #popup .notice { position:relative; width:100%;}
        #popup .notice strong { color:#064fb0; }
        #popup .notice span { color:#156ee4; }
        #popup .notice img{ position:absolute; border:none; right:-2px; bottom:0px; top:-3px; }        
        
        #popup .detail { margin-top:20px; }
        #popup .detail img { border:none; }
        
        #popup .confirm {
        margin-top:20px;
        padding:10px 0;
        background:#f0f7ff;
        border-top:1px solid #c9c9c9;
        border-bottom:1px solid #c9c9c9;
        line-height:22px;
        text-align:center;
        }
        #popup .confirm strong { color:#156ee4; }
        #popup .confirm img { border:none; }

        #popup .send { margin-top:20px; text-align:center; }
        #popup .send img { border:none; margin:0 2px; }
		
		#popup .confirm01 {
        margin-top:20px;
        padding:10px 13px;
        background:#f0f7ff;
        border-top:1px solid #c9c9c9;
        border-bottom:1px solid #c9c9c9;
        line-height:22px;
        text-align:left;
        }
		#popup .confirm01 strong01 { color:#757575; }
		
    
    
/*---팝업미리보기목록---*/    
        #popup .thumList { text-align:center; margin:0; padding:10px 0; border-bottom:1px solid #c9c9c9;}
            #popup .thumList img.thum { border:2px solid #bed1eb; margin:5px 0; }
            #popup .thumList td { padding:0 17px;}
            #popup .thumList a { text-decoration:none; color:#757575; }
						
/*---퍼가기---*/ 
				#popup .inBoxCopy { width:334px;  padding:20px 18px 8px 18px; background:#fff; }
				#popup .inBoxCopy textarea{ background-color:#e8edf1; border:1px #c9c9c9 solid; margin-top:5px; width:320px; height:50px; font-size:12px; }
				#popup .inBoxCopy .notice{ padding-bottom:3px; border-bottom:1px #e7e7e7 solid; margin-bottom:15px; color:#064fb0;}
				#popup .inBoxCopy .btn{text-align:center; padding-top:15px;}
				#popup .inBoxCopy .icon{ background:url(/images/popup/bullet_03.gif) no-repeat 0 3px; padding-left:10px;}
				#popup .inBoxCopy .boxBg{ background: url(/images/popup/borderLineTop.gif) repeat-x top; padding-top:20px; margin-top:15px;}

/*---사람검색---*/ 
        #popup .searchList {
        padding:10px 0 0 0;
        line-height:22px;
        text-align:center;
        border-bottom:1px solid #c9c9c9;
        }
            #popup .searchList table { font-size:11px; }
            #popup .searchList thead th{ padding-top:2px; background:#f0f7ff; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; color:#156ee4; }
            #popup .searchList tbody td{ padding:2px 0; background:#f8f8f8; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}

/*---선물하기---*/
    #popup .inBoxGift { width:444px; min-height:550px; padding:20px 18px 8px 18px; background:#fff; }
            #popup .item { margin:20px 0; }
                #popup .item .images { float:left; margin-right:11px; }
                #popup .item ul { float:left; list-style:none; margin:0; padding:0; line-height:23px; }
                #popup .item li { margin:0; padding:0; padding-left:12px; list-style:none; background:url(/images/popup/bulletDot01Gray.jpg) no-repeat left 50%; }
                #popup .item li span { font-size:11px; }
                #popup .item li.itemTitle { color:#064fb0; }
                #popup .item li.money { color:#448be9; }
                #popup .item li.guide { font-size:11px; }
            #popup .tab { height:28px; border-bottom:1px solid #c9c9c9; padding-left:9px; }
            #popup .tab img { border:0; }
            
            /*--회원에게선물할경우--*/
            #popup .giftListMember { margin:20px 0; }
            #popup .giftListMember .selectListSearch { padding-left:10px; margin-bottom:10px; background:url(/images/popup/bulletDot01Gray.jpg) no-repeat left 50%; }
            #popup .giftListMember .selectListSearch img { vertical-align:middle; border:none; }
            #popup .giftListMember .selectListBox { height:86px; padding:12px; background:#f0f7ff; border:1px solid #c9c9c9; line-height:22px; }
            #popup .giftListMember .selectListBox strong.delete { color:#ff900a; margin:0 15px 0 5px; cursor:pointer; }
            #popup .giftListMember .selectListBox span.idName { color:#629CEC; }
            
            /*--비회원에게선물할경우--*/
            #popup .giftListNoMember { color:#302525; padding-top:20px; }
            #popup .giftListNoMember .virtulPhone { float:left; width:117px; height:256px; padding:37px 28px; margin-right:10px; background:url(/images/popup/virtulPhone.jpg) no-repeat left top; }
            /*
            #popup .giftListNoMember .virtulPhone .virtulPhoneImg1 { width:100px; height:71px; padding:9px; background:url(/images/popup/giftBrAgeCheck01-Mobile.jpg) no-repeat left top; }
            #popup .giftListNoMember .virtulPhone .virtulPhoneImg2 { width:100px; height:71px; padding:9px; background:url(/images/popup/giftTraining01-Mobile.jpg) no-repeat left top; }
            */
            #popup .giftListNoMember .virtulPhone .virtulPhoneCont01 { padding:9px 0; border-bottom:1px solid #c9c9c9; }
            #popup .giftListNoMember .virtulPhone .virtulPhoneCont01 p { width:100px; padding:0; margin:0; }
            #popup .giftListNoMember .virtulPhone .virtulPhoneCont02 { padding:9px 0; }
            #popup .giftListNoMember .selectList { float:left; }
            #popup .giftListNoMember .selectList table { width:260px; color:#757575; text-align:left; }
            #popup .giftListNoMember .selectList table thead { text-align:center; }
            #popup .giftListNoMember .selectList table thead th { padding:5px 0; background:#f0f7ff; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
            #popup .giftListNoMember .selectList table tbody td { padding:0 3px; height:26px; }
            #popup .giftListNoMember .selectList table tbody td strong { margin-right:10px; }
            #popup .giftListNoMember .selectList table tbody td img { border:none; vertical-align:middle; }
            #popup .giftListNoMember .getPeople { padding:5px 0 5px 10px; margin-top:10px; background:#bad6fc; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
            #popup .giftListNoMember .getPeople strong { color:#156ee4; }
            #popup .giftListNoMember .getPeople img { border:none; vertical-align:middle; }
            #popup .giftListNoMember .confirm { padding-top:16px; padding-bottom:16px; }
			
/*---선물하기 ---*/
    #popup .inBoxGiftBbs { width:539px; min-height:420px; padding:20px 18px 8px 18px; background:#fff; }
	#popup  .mailList{ position:absolute; right:0px; top:13px;}
            
