@charset "utf-8";
/* CSS Document */

html {
			overflow: auto;
		}

		body {
			overflow: hidden;
		}
		li{list-style-type:none;}
		html,
		body {
			width: 100%;
			
			min-width: 872px;
			min-height: 524px;
		}

		body {
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			/*font-family: noto sans-kr, Arial, Helvetica, sans-serif, "돋움";*/
			font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
			background-image: url('../../img/bg-368.png');
			background-repeat: no-repeat;
			background-size: cover;
		}

		div {
			position: relative;
			box-sizing: border-box;
		}

		#top3
		{
			margin:0px 0px 25px 5px; 
			width:345px; 
			height:45px;
		}	
		#toplogo
		{
			margin:0px 0px 25px 25px; 
		}	

		.world {
			width:860px;
			height: 100%;
			padding: 16px;
			margin: 0 auto;
            font-weight: 500;
		}

		.wrap .wrap_header {
			display: flex;
			justify-content: space-between;
			padding: 0 20px;
		}

		.wrap .wrap_header .wrap_func {
			display: flex;
		}

		.wrap form {
			margin-top: 120px;
		}

		.btn-launcher {
			width: 180px;
			height: 40px;
			background-color: #20B2AE;
			line-height: 40px;
			text-align: center;
			color: #fff;
			padding-left: 24px;
			margin-right: 10px;
			background-image: url('../../img/icon-btn-launcher.png');
			background-repeat: no-repeat;
			background-size: 24px 24px;
			background-position: 10px center;
			border-radius: 0px 0px 0px 0px;
			cursor: pointer;
            font-weight: 500;
            font-size:14px;
            padding-top:1px;
		}

		select::-ms-expand {
			display: none;
		}


		.click {
			width: 100%;
			padding: 0 20px 16px;
		}

		.con-header {
			width: 100%;
			padding: 12px 16px;
			background-color: #485164;
		}

		.con-header h2 {
			display: inline-block;
			font-size: 15px;
			color: #fff;
			margin: 0;
			padding: 0;
			font-weight: normal;
		}

		.con-header h2 span {
			color: #2ad3cb;
			font-weight: bold;
		}

		.call {
			float: right;
			color: #8f959a;
		}

		/*
		//상담원 박스 생성되는 거 배열 이상하게 만든 원인
		.box_click {
			width: 100%;
			padding: 16px;
			background-color: rgba(255, 255, 255, 0.3);
			text-align: center;
		}
		*/

		.num {
			width: 100%;
			padding: 0 20px 16px;
		}

		.num_img_list {
			display: inline-block;
			width: 48px;
			margin: 0px 4px;
			text-align: center;
		}

		.num_img_list img {
			width: 48px;
			display: inline-block;
			cursor: pointer;
		}

		.num_img_list span {
			display: block;
			color: #485164;
			font-size: 12px;
		}

		.num_img_list:hover span {
			font-weight: bold;
			color: #000;
		}

		.refresh {
			width: 100%;
			padding: 8px;
			background-color: rgba(209, 209, 209, 0.5);
			text-align: right;
			font-size: 12px;
			color: #485164;
            line-height: 15px;

		}

		.refresh strong {
			color: #20c4b8;
		}

		.refresh a {
			display: inline-block;
			padding: 4px 22px;
			background-color: #898d96;
			border-radius: 4px;
			box-sizing: border-box;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
		}

		.box_num {
			width: 100%;
			height: 80px;
			background-color: rgba(255, 255, 255, 0.3);
			text-align: center;
			padding-top: 20px;
			padding-left: 35px;
		}

		.num-content {
			float: left;
			height: 50px;
		}

		.num-content.label {
			width: 210px;
			line-height: 50px;
			text-align: right;
			padding-right: 16px;
			background-color: rgba(209, 209, 209, 0.4);
			font-size: 14px;
			color: #7f7f7f;
			font-weight: 600;
			border-radius: 8px 0px 0px 8px;
		}

		.num-content.input {
			width: 360px;
			background-color: #fff;
			border-radius: 0px 0px 0px 0px;
			padding-left: -10px;
			text-align: left;
			background-color: rgba(209, 209, 209, 0.4);
			background-image: url('../../img/icon-input.png');
			background-repeat: no-repeat;
			background-size: 24px 24px;
			background-position: -2px center;
		}

		.num-content.input input {
			width: 360px;
			margin-left: 40px;
			padding-left:20px;
			border: 0;
			outline: 0;
			box-sizing: border-box;
			height: 50px;
			background-color: rgba(255, 255, 255, 0.8);
			#background-color: rgba(255, 255, 255, 0.1);
			margin-top: 0px;
			font-size: 16px;
			font-weight: bold;
			color: #20C4B8;
		}

		.num-content.button {
			width: 153px;
			line-height: 50px;
			font-size: 14px;
			font-weight: 600;
			color: #fff;
			text-align: left;
			padding-left: 18px;
			background-color: #20B2AE;
			cursor: pointer;
			border-radius: 0px 8px 8px 0px;
		}

		.selectbox {
             font-size:14px;
			font-weight: 600;
			padding-bottom: 20px;
		}

		.selectbox span {
			padding: 0px 5px;
			color: #ABABAB;       
            padding-top:1px;
		}

        .selectbox a.btn {
            display: block;
            cursor: pointer;
            background-color: rgba(255, 255, 255, 0.7);
            line-height: 40px;
            width: 100px;
            height: 40px;
            text-align: center;
            color: #20B2AE;
            position: relative;
            padding-right: 15px;
        }

		.selectbox a.btn::after {
			content: '';
			height: 0;
			width: 0;
			position: absolute;
			border: 7px solid transparent;
			border-bottom-width: 0;
			border-top-color: #ABABAB;
			top: 18px;
			right: 15px;
		}

		.selectbox_list {
			z-index: 9;
			width: 115px;
			background: #fff;
			display: none;
			padding: 0px;
			margin-top: 2px;
		}

		.selectbox_list li {
			font-weight: 100;
			text-align: center;
			padding: 0;
			padding: 2px 10px 2px 10px;
			margin: 0;
			list-style: none;
		}

		.selectbox_list li a {
			width: 100%;
			display: block;
			color: #ABABAB;
			padding: 11px 0;
			cursor: pointer;
			margin-top: 0px;
            text-decoration:none;
			text-decoration-line: none;
			border-bottom: 1px solid #dee1e6;

		}

		.selectbox_list li:nth-last-child(1) a {
			border: none;
		}

		.selectbox_list li a:hover {
			background: #20B2AE;
			color: #fff;
			background: #fff;
			color: #20B2AE;
		}

		.selectbox:hover>.selectbox_list {
			display: block;
			position: absolute;
		}

		.call1 {
			font-size: 15px;
			font-weight: bold;
		}

		.call1 .call1_txt {
			color: #000;
		}

		.call2 {
			font-size: 12px;
			color: #1e1e1e;
			font-weight: 400;
		}
		#footer {
			width: 100%;
			font-size: 13px;
			text-align: center;
			color: #666;
			line-height: 500%;
			bottom: 0px;
		}