/**************************************************************************************************************************
download
**************************************************************************************************************************/
*:before,*:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
html, body { height:100%; overflow:hidden; }
body{position:absolute;width:100%;height:100%;font:80%/2em 'Noto sans KR'; src:url('/install/font/NotoSansKR-Light.otf'); overflow-y:auto;}
ul, ol{list-style-type:none;}
a{text-decoration:none;color:#333;}
#guidetext2{color:#00a8e2;font-weight:bold;}

/*--------------------------------------------------------------------------------------
	01. SELECT BOX
--------------------------------------------------------------------------------------*/
.select{
	zoom:1;*zoom:1;
	position:relative;line-height:normal;display:inline-block;*display:inline;vertical-align:middle;background:#fff;border:1px solid #d1d1d1;height:28px;padding:0 3px 0 5px;line-height:26px;text-indent:0;}
.select *{margin:0;padding:0;cursor:pointer;font-size:12px;}
.select .myValue{position:relative;z-index:2;text-align:center;right:-3px;top:-1px;color:#000;_line-height:normal;overflow:visible;background:transparent;padding:10px 40px 8px 0;}
.select .ctrl{position:absolute;top:0;right:0;width:25px;height:28px;}
.select .arrow{position:absolute;width:25px;height:28px;top:0;right:0;background:#e8e8e8 url(/install/images/btn_select_down.png) center center no-repeat;}
.select:hover .arrow{background:#e8e8e8 url(/install/images/btn_select_down_p.png) center center no-repeat;/*background-size:50% auto;*/}
.select ul{display:none;position:absolute;top:28px;left:-1px;width:100%;padding:0;margin:0;list-style:none;border:1px solid #e8e8e8;background:#fff;overflow:hidden;z-index:50;zoom:1}
.select.open ul.aList{display:block}
.select li{position:relative !important;overflow:hidden;white-space:nowrap;height:24px;text-indent:0 !important;margin:0 !important;top:0;z-index:51;padding:0 !important;width:100% !important;}
.select li a{display:block;height:24px;padding:0 20px 0 5px;line-height:2;color:#000;background:#fff;text-decoration:none;}
.select li.hover *{background:#f8f8f8;}

/*--------------------------------------------------------------------------------------
	02. PC+MOBILE
--------------------------------------------------------------------------------------*/

#download.sub{padding:20px;}
#download .downlaodLogo{display:none;}
#download .subject .pguide{margin-top:20px;font-size:1.4em;line-height: 1.2em;}

#download .subject .pguide + span{font-size:16px;color:#00a8e2;}
#download .download li a{text-align:left;}
#download .subject h2{font-family: 'Roboto','Noto Sans KR','맑은 고딕','Malgun Gothic','dotum';font-size:2.6em;}
#download .download{margin-top: 20px; padding: 0;}
.download li{padding-left:100px;border-bottom:1px solid #ccc;height: 100px;font-size:28px;}
.download #window{background: url('/install/images/ic_window.png') no-repeat left 50%;background-size:auto 70%;}
.download #android{background: url('/install/images/ic_android.png') no-repeat left 50%;background-size:auto 70%;}
/*.download #android{background: url('/install/images/ic_android.png') no-repeat left 50%;background-size: auto 58%;height: 120px;} */
.download #ios{background: url('/install/images/ic_ios.png') no-repeat left 50%;background-size:auto 70%;}

.download li a{display:block;width:100%;background: url('/install/images/ic_go.png') no-repeat right 50%;line-height:100px;}
.download li a:hover{display:block;width:100%;background: url('/install/images/ic_go_p.png') no-repeat right 50%;}
/* .download #ios{position:relative;line-height:30px;padding-top:40px;} */
.download #ios span{position:absolute;display:block;font-size:12px;left:120px;bottom:20px;color:#999;text-align:left;line-height:18px;}

/*
.download #android a{display:block;width:100%;background: url('/install/images/ic_go.png') no-repeat right 50%;line-height: 60px !important;font-size: 22px;}
.download #android a:first-child{border-bottom:#ccc 1px dotted;}
.download #android a.ready{background: url('/install/images/ic_go_n.png') no-repeat right 50%;color:#999;}
.download #android a.ready span{margin-left:10px;font-size:11px;}
*/

.container .info{font-size:13px;color:#666;text-align:right;}
.installUrl {margin:10px 0;display:inline-block;width: auto;font-size:13px;vertical-align: top;}
.transmit{display:none;margin-top: 10px;}
.download .select li.aList a:hover {background:#666;color:#fff;border-radius:0;}

.transmit a{padding:0 14px;background-color:#000;color:#fff;vertical-align:middle;height:28px;line-height:26px;display:inline-block;border-radius:0;font-size: 13px;}
.transmit a:hover{background-color:#f12c89;color:#fff;}
.transmit a.visited{background-color:#999;}
.transmit .select{min-width:100px;}
.transmit input.infoMsg{color:#999;}
.transmit input[type="text"]{font-size:12px;width:200px;border:1px solid #ccc;font-size:12px;padding:0 4px; -webkit-appearance: none;outline: none;line-height:26px;height:28px;vertical-align:middle;border-radius: 2px; }
.transmit a+span.msg{display:block !important ;margin-top:10px;color:#cb135d;font-size:12px;font-weight:bold;background-color:#efefef;padding:4px 10px;}

.custom-label {display: inline-block;margin-right: 12px;cursor: pointer;}
.custom-label .checkbox{position: absolute;left: -9999px;}
input[type=checkbox]{position: absolute; left: -9999px;}
.custom-checkbox, .custom-check {position: relative;display: inline-block;width:20px;height:20px;vertical-align: middle;background: url(/install/images/bg_checkbox.png) 0 0 no-repeat;background-size:20px 20px;}    
.custom-check.checked {background: url(/install/images/bg_checkbox_on.png) 0 0 no-repeat;background-size:20px 20px;}  


/*--------------------------------------------------------------------------------------
	03. MOBILE
--------------------------------------------------------------------------------------*/

.mobile #download.sub{padding:20px;}
.mobile #download .subject h2{height:1.8em;margin:0;}
.mobile #download .subject .pguide{display:none;}
.mobile #download .download #window { background: url(/install/images/ic_window.png) no-repeat left 50%;background-size: auto 60%;}
.mobile #download .download #android {background: url(/install/images/ic_android.png) no-repeat left 50%;background-size: auto 60%;}
.mobile #download .download li { padding-left:80px;font-size:24px;height:100px;line-height:80px;}
.mobile #download .download li a{height:100px;}
.mobile #download .download  .select{ margin-bottom: 4px;}
.mobile #download .download  .transmit input[type="text"]{margin-bottom :4px;}
.mobile #download .download #android a {height:40px !important;line-height: 40px !important;font-size: 20px;}

@media (max-width: 1024px) and (orientation:portrait){
	.transmit{margin-top:0;}
}

@media all and (min-width:768px) and (max-width:1024px){
	.transmit{margin-top:0;}
}