﻿ @charset "utf-8";    
	 
		/* 문서 */
		
		body {
			background:#f7f7f7;
			/*background-image: url("http://thinkingaha.dothome.co.kr/yourhome/resource/wallpaper.png");*/
			font-family: 'Nanum Square';
		}
		
		.nsfont { font-family: 'Nanum Square'; }
		
        /* 로고 및 텍스트 */
		
		.logobox {
			position: absolute;
			top:15px;
			left:15px;
			height:80px;
			display:inline;
		}
		
        .logotext {
            font-family: 'Oswald', sans-serif;
			font-size: 18pt;
			position:relative;
			left:2px;
			top:5px;
        }

        a {
            text-decoration: none;
            color: #000000;
        }

        a.visited {
            text-decoration: none;
            color: #000000;
        }
	
		/* 공통 사항 */
		
		#pad10 { padding:10 10 10 10; }
		
		#inline { display: lnline; }
		
		#abs { position:absolute; }
		
        .hc { width: 0; left:0; right:0; margin-left:auto; margin-right:auto; } /* 가로 중앙 정렬 */
        .vc { height: 0; top:0; bottom:0; margin-top:auto; margin-bottom:auto; } /* 세로 중앙 정렬 */
        

		
		
		/* 푸터 */
		
			footer {
				text-align: center;
				margin-top:15;
			}

		/* 검색창 위치조정 */
		
			.container-1{
			  width:400px;
              vertical-align: middle;
              white-space: nowrap;
              position: absolute;
			  top:25%;
            }

			.container-1 .icon{
		 	 position: absolute;
			 left: 0;
			 margin-left: 15px;
			 margin-top: 15px;
			 color: #4f5b66;
			}

            .container-1 input#search{
              width: 400px;
              height: 50px;
              background: #ADE576;
              border: none;
              font-size: 11pt;
			  font-family: '맑은 고딕', 'Serif';
              float: left;
              color: #63737f;
              padding-left: 45px;
			  box-shadow: 0px 4px 3px #aaaaaa;
			  border-radius: 20px;
              -webkit-border-radius: 20px;
              -moz-border-radius: 20px;
              
            }

                .container-1 input#search::-webkit-input-placeholder {
                    color: #43513d;
                }

                .container-1 input#search:-moz-placeholder { /* Firefox 18- */
                    color: #43513d;
                }

                .container-1 input#search::-moz-placeholder { /* Firefox 19+ */
                    color: #43513d;
                }

                .container-1 input#search:-ms-input-placeholder {
                    color: #43513d;
                }
				
			.searchchoose {
                display: inline;
                position: relative;
                top: -3px;
            }

            .searchtext {
                display: inline;
                position: relative;
                left: 20px;
                top: -11px;
            }	
			
		/* 계정 메뉴 */
			
			.headerset {
				position:absolute;
				top:25%;
				right:15px;
			}
			
			.account_button{
				border:none;
				width:50px;
				height:50px;
			}			
			
		
					/* 더 작은 크기에서 검색창 가리기 */	
			@media only screen and (max-width: 700px) { 
		
				.container-1{
					display:none;
				}
				
			}

		
		
        /* 모바일 버전 */
        @media only screen and (max-width: 1059px) {

	
			
            header {
				position:fixed;
                width: 101%;
                height: 80px;
                background: #ffffff;
				top:-3px;
				left:-5px;
				display:block;
				z-index:2;
            }

            .logosize {
                width: 60px;
            }
            .logotext { 
				display: none;
			}
			
			.headerset {
				position:absolute;
				top:15%;
				right:15px;
			}
			
			.mobile_blank {
				display:block;
			}

			.container-1{
				width:70%;
				top:15%;
            }

			.container-1 .icon{
		 	 position: absolute;
			 left: 0;
			 margin-left: 15px;
			 margin-top: 15px;
			 color: #4f5b66;
			}	
	
            .container-1 input#search{
              width: 300px;
            }

	
			.container-c {
  			padding:15px;
			background: #ffffff;
			box-shadow: 0px 3px 4px #aaaaaa;
			}
					
			.container-between {
			height:15px;
			width:300px;
			}
			
			section {
				display:block;
				z-index:1;
			}
			
			.content-all {
				position:absolute;
				width:325; left:0; right:0; margin-left:auto; margin-right:auto;
			}
			
			
			
        }

        /* 데스크톱 버전 */
        @media (min-width: 1060px) {


            header {
                position:relative;
				width: 100%;
				height: 100px;
                background: #ffffff;
				box-shadow: 0px 10px 5px #dddddd;
				display:block;
            }
			
			section {
				display:block;
			}
			
			footer {
				display:block;
				width: 0; left:0; right:0; margin-left:auto; margin-right:auto;
				/* 가로 중앙 정렬 */
			}
			
            .logosize { width: 90px; }
            .logotext { display: inline; }
			
			
			.mobile_blank {
				display:none;
			}
			
			.content-all {
				max-width:1000px;
				position:absolute;
				left:0; right:0;
				margin-left:auto; margin-right:auto;
				display:inline;
			}
			
			.sector1 {
				position:absolute;
				left:0px;
				width:400px;
			}
			
			.sector2 {
				position:absolute;
				left:350px;
				width:400px;
			}
			
			.sector3 {
				position:absolute;
				left:700px;
				width:400px;
				
			}		
			.container-c {
			max-width:290px;
  			padding:20px;
			background: #ffffff;
			box-shadow: 0px 3px 4px #aaaaaa;
			}
			
			.container-between {
			height:20px;
			width:300px;
			}
			
				
		}
		
