/*
 * Copyright inpleworks, Co.
*/

/* ------------------------------------------------------------------------------------------------------------------ */
/* reset
/* ------------------------------------------------------------------------------------------------------------------ */  
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body { 
	font-size: 14px;
    -webkit-text-size-adjust: none; 
	-moz-text-size-adjust: none; 
	-ms-text-size-adjust: none; 
}
body { margin:0; padding:0;}
hmtl, body, table, th, td, button, input { font-family: 'Dosis','Apple SD Gothic Neo', 'Nanum Gothic', 'Malgun Gothic', '돋움', Dotum, 'Lucida Sans', 'Trebuchet MS', Arial, Tahoma, sans-serif; }
div,h1,h2,h3,h4,h5,h6,form,input,textarea,p,figure { margin:0; padding:0; }
fieldset, img { border:0 none; }
a, a:visited, a:hover, a:active, a:focus { text-decoration:none; }
a[href^=tel]{
    color:inherit;
    text-decoration:none;
}
a, input { outline:none; }
:focus { outline: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
loader,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}


.boto_body {
	z-index: 2000;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.9);
	background-image: url('https://www.bo.to/img/back.jpg');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



.boto-search{
	z-index:9999;
	position:absolute;
	left: 50%;
	top:0;
	margin-left: -300px;
	margin-top:200px;
	width:600px;border:0px solid #ffffff;}

.logo_w {padding:40px 0px;width:100%}
.logo_w .logo_img {position:absolute;left:30px;width:210px;height:48px;}
.logo_w .logon {position:absolute;right:30px;margin-top:5px;width:37px;height:37px;border:1px solid #777c80;}
.logo_w .logon:hover{border:1px solid #ffffff}
.logo_w .mylink {position:absolute;right:70px;margin-top:5px;width:37px;height:37px;border:1px solid #777c80;}
.logo_w .mylink:hover{border:1px solid #ffffff}
.logo_w .dev {position:absolute;right:110px;margin-top:5px;width:37px;height:37px;border:1px solid #777c80;}
.logo_w .dev:hover{border:1px solid #ffffff}
.logo_w .secudev {position:absolute;right:150px;margin-top:5px;width:37px;height:37px;border:1px solid #777c80;}
.logo_w .secudev:hover{border:1px solid #ffffff}


.logos {height:100px;}
.big_logo {width:600px;height:100px;}
.search_tool {position:relative;float:left;width:100%;margin-top:0px;padding:0px 0px;border:0px solid #dedede;}
.searchbox {text-align:left;width:100%;border:1px}/*버튼과 검색통합*/
.searchbox .inner {position:relative;width:520px;padding-left:10px;height:47px;background-color:#ffffff;float: left;}
.searchbox .inner .mini_logo {float:left; position:relative; overflow:hidden; border:0px solid #000000;margin-top:7px;width:33px;height:33px;border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px;background-color:#f9f9f7;}
.searchbox .inner .mini_logo img{margin-top:0px;margin-left:0px;width:33px;height:33px;}
.searchbox .inner input {line-height:18px;position:relative;margin-top:10px;width:430px; padding:0px 0; font-size:18px; color:#666;border:0;margin-left:10px; } /*보이지않는 네모*/
.searchbox .inner { display:inline-block; zoom:1; *display:inline;vertical-align:top;}
#iner {border:0px solid #ffffff;border-radius:50px 0 0 50px; -webkit-border-radius:50px 0 0 50px; -moz-border-radius:50px 0 0 50px;}
#butt {color:#fff; border: 0px solid #5bc8ff;background:#5bc8ff}
#butt:hover{background-color:#ebebe4;}
.searchbox .s_btn{text-decoration: none;font-size: 13px;width:80px;HEIGHT:47PX;color: #fdcd00;border-radius:0 50px 50px 0; -webkit-border-radius:0 50px 50px 0; -moz-border-radius:0 50px 50px 0;clear: both;}
.search_bar {margin-top:10px;}
.search_bar span{overflow:hidden;cursor: pointer;height:25px;color:#ffffff;margin:3px 0px 3px 0px;background-color:rgba(0,0,0,0.9);font-size: 13px;border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius:4px;padding:3px 8px 3px 8px;max-width:130px;display: inline-block;}
.search_bar a{color:#ffffff;}
.search_bar span:hover{background-color:rgba(255,255,255,0.6);}
.tips {position:relative;float:left;width:100%;margin-top:10px;padding:10px 20px;color:#000;background-color:rgba(255,255,255,0.8);border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0}
.tips .mentabd .mentb {margin-top:3px;}
.tips .mentabd .mentb span{overflow:hidden;cursor: pointer;height:25px;color:#000;margin:3px 0px 3px 0px;background-color:rgba(0,0,0,0.9);font-size: 13px;border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius:4px;padding:3px 8px 3px 8px;max-width:130px;display: inline-block;}
.tips .mentabd .mentb a{color:#000;}
.tips .mentabd .mentb span:hover{background-color:rgba(255,255,255,0.6);}

.search_show {padding:10px 0 ;line-height:20px;position:relative;float:left;width:100%;border:0px solid #dedede;overflow:hidden;border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;background-color:rgba(255,255,255,0.7)}
.search_show .subs{width:100%;overflow:hidden;margin-top:0px;}
.search_show span{cursor: pointer;color:#ffffff;margin:3px 3px 3px 3px;border:1px solid rgba(255,255,255,0.6);background-color:rgba(0,0,0,0.4);font-size: 13px;border-radius:12px; -webkit-border-radius: 12px; -moz-border-radius:12px;padding:3px 8px 3px 8px;max-width:130px;display: inline-block;}
.search_show span:hover{transform:scale(1.1,1.1);background-color:rgba(0,0,0,0.6);}
.search_show span:active{transform:scale(1.1,1.1);}

.my_search {position:relative;float:left;width:100%;margin-top:20px;padding:10px 0px;color:#ffffff;}
.my_search .search_title{left: 50%;margin-left: -20px;z-index:9999;position:absolute;width:40px;height:40px;background-color:rgba(0,0,0,0.7);border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;border:1px solid #dedede;}
.my_search .searchs{position:relative;float:left;width:100%;margin-top:20px;padding:20px 20px 10px 20px;color:#ffffff;background-color:rgba(0,0,0,0.4);border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.my_search .searchs span{overflow:hidden;cursor: pointer;height:25px;color:#ffffff;margin:3px 0px 3px 0px;background-color:rgba(0,0,0,0.9);font-size: 13px;border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius:4px;padding:3px 8px 3px 8px;max-width:130px;display: inline-block;}
.my_search .searchs a{line-height:18px;color:#ffffff;}
.my_search .searchs span:hover{background-color:rgba(255,255,255,0.6);}


.my_link {position:relative;float:left;width:100%;margin-top:0px;padding:10px 0px;color:#ffffff;}
.my_link .link_title{left: 50%;margin-left: -20px;z-index:9999;position:absolute;width:40px;height:40px;background-color:rgba(0,0,0,0.7);border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;border:1px solid #dedede;}
.my_link .links{position:relative;float:left;width:100%;margin-top:20px;padding:20px 20px 10px 20px;color:#ffffff;background-color:rgba(0,0,0,0.4);border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}




.my_setting {position:relative;float:left;width:100%;margin-top:0px;padding:10px 0px;color:#ffffff;}
.my_setting .setting_title{left: 50%;margin-left: -20px;z-index:9999;position:absolute;width:40px;height:40px;background-color:rgba(0,0,0,0.7);border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;border:1px solid #dedede;}
.my_setting .settings{position:relative;float:left;width:100%;margin-top:20px;padding:20px 20px 10px 20px;color:#ffffff;background-color:rgba(0,0,0,0.4);border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}





@media all and (min-width:480px) and (max-width:870px)
{
.boto-search{
	z-index:9999;
	position:absolute;
	left: 50%;
	top:0;
	margin-left: -240px;
	margin-top:130px;
	width:480px;height:440px;border:0px solid #ffffff;
	}
	.logos {height:80px;}
	.big_logo {width:480px;height:80px;}
	.searchbox {text-align:left;width:100%; }/*버튼과 검색통합*/
	.searchbox .inner {position:relative;width:400px;padding-left:10px;height:47px;background-color:#ffffff;float: left;}
	.searchbox .inner .mini_logo {float:left; position:relative; overflow:hidden; border:0px solid #000000;margin-top:7px;width:33px;height:33px;background-color:;border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:50px;}
	.searchbox .inner .mini_logo img{margin-top:0px;margin-left:0px;width:33px;height:33px;}
	.searchbox .inner input {line-height:18px;position:relative;margin-top:11px;width:310px; padding:0px 0; font-size:18px; color:#666;border:0;margin-left:10px; } /*보이지않는 네모*/
	.searchbox .inner { display:inline-block; zoom:1; *display:inline;vertical-align:top;}
	#iner {border:0px solid #ffffff;border-radius:50px 0 0 50px; -webkit-border-radius:50px 0 0 50px; -moz-border-radius:50px 0 0 50px;}
	#butt {color:#fff; border: 0px solid #5bc8ff;background:#5bc8ff;}
	#butt:hover{background-color:#ebebe4;}
	.searchbox .s_btn{text-decoration: none;font-size: 13px;width:80px;HEIGHT:47PX;color: #fdcd00;border-radius:0 50px 50px 0; -webkit-border-radius:0 50px 50px 0; -moz-border-radius:0 50px 50px 0;clear: both;}
}
@media all and (max-width:480px)
{
.logo_w .logo_img {position:absolute;left:20px; width:175px;height:40px;}
.logo_w .logon {position:absolute;right:20px;margin-top:5px;width:37px;height:37px;border:1px solid #777c80}
.logo_w .mylink {position:absolute;right:60px;margin-top:5px;width:37px;height:37px;border:1px solid #777c80;}
.logo_w .dev {position:absolute;right:100px;margin-top:5px;width:37px;height:37px;border:1px solid #777c80;}
.logo_w .secudev {position:absolute;right:140px;margin-top:5px;width:37px;height:37px;border:1px solid #777c80;}

.logo_w {padding:15px 0px;width:100%}
.boto-search{
	z-index:9999;
	position:absolute;
	left: 50%;
	top:0;
	margin-left: -160px;
	margin-top:80px;
	width:320px;height:340px;border:0px solid #ffffff;
	}
	.logos {height:54px;}
	.big_logo {width:320px;height:54px;}
	.searchbox {text-align:left;width:100%; }/*버튼과 검색통합*/
	.searchbox .inner {position:relative;width:100%;padding-left:10px;height:47px;background-color:#ffffff;float: left;padding-right:10px;}
	.searchbox .inner .mini_logo {float:left; position:relative; overflow:hidden; border:0px solid #000000;margin-top:7px;width:33px;height:33px;background-color:;border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:50px;}
	.searchbox .inner .mini_logo img{margin-top:0px;margin-left:0px;width:33px;height:33px;}
	.searchbox .inner input {line-height:28px;position:relative;margin-top:11px;width:250px; padding:0px 0; font-size:18px; color:#666;border:0;margin-left:10px; clear: both;} /*보이지않는 네모*/
	.searchbox .inner { display:inline-block; zoom:1; *display:inline;}
	#iner {border:0px solid #ffffff;border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;clear: both;}
	#butt {color:#fff; border: 0px solid #5bc8ff;background:#5bc8ff;}
	#butt:hover{background-color:#ebebe4;}
	.searchbox .s_btn{text-decoration:none;display:none;font-size: 13px;width:0px;HEIGHT:0PX;color: #fdcd00;border-radius:0 50px 50px 0; -webkit-border-radius:0 50px 50px 0; -moz-border-radius:0 50px 50px 0;}

}