/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2017-09-25
 | 파일설명 : 전체페이지 공통 CSS
 +----------------------------------------------------------------------+
 | 작업자 : bsh
 +----------------------------------------------------------------------+
 | 20170925 topbtn 위치 수정 by bsh
 +----------------------------------------------------------------------+
*/
@charset "utf-8";

/* 외주CSS Common start */
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/inc/m/css/font/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(/inc/m/css/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/inc/m/css/font/NanumBarunGothic.woff2) format('woff2'),
       url(/inc/m/css/font/NanumBarunGothic.woff) format('woff'),
       url(/inc/m/css/font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/inc/m/css/font/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(/inc/m/css/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/inc/m/css/font/NanumBarunGothicBold.woff2) format('woff2'),
       url(/inc/m/css/font/NanumBarunGothicBold.woff) format('woff'),
       url(/inc/m/css/font/NanumBarunGothicBold.ttf) format('truetype');
}


* {margin:0;padding:0;line-height:1.4em;-webkit-overflow-scrolling: touch;box-sizing:border-box;font-family:'Nanum Barun Gothic','Nanum Gothic', 'Dotum', 'sans-serif';}
html, body{font-size:12px;font-family:'Nanum Barun Gothic','Nanum Gothic', 'Dotum', 'sans-serif';}
body{height:100%;color:#000000;-webkit-text-size-adjust:none;word-break:keep-all;word-wrap:break-word;}
legend, caption, figcaption{display:none;}
p,ul,ol,li,dl,dt,dd,form {list-style-image:none;list-style-position:outside;list-style-type:none;border:0px;}
img,fieldset, frameset, frameborder, frame {border:0;}
table{width:100%;border-collapse:collapse;}
a, img, span, b, input, select, em, textarea, label, strong{vertical-align:middle;outline-style:none;}
a{color:inherit;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none}
em, i{font-style:normal}

/* form */
::-webkit-input-placeholder {color: #b7b6b6;}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #b7b6b6;} /* Firefox 19+ */
:-ms-input-placeholder {color: #b7b6b6;}/* IE 10+ */
:-moz-placeholder {color: #b7b6b6;}/* Firefox 18- */
input[type='text'],input[type='password'],input[type='number'],input[type='tel'],input[type='email'], textarea, select{width:100%;height:100%;padding:0 10px;border:1px solid #c9c9c9;border-radius:0;color:#5a5a5a;font-family:'Nanum Barun Gothic','Nanum Gothic', 'Dotum', 'sans-serif';-webkit-appearance: none;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
textarea{resize: none;}
button{cursor:pointer;border:none;background:none;outline:none}
select{-webkit-appearance: none;}

/* scrollbar */
::-webkit-scrollbar{-webkit-appearance:none}
::-webkit-scrollbar:vertical{width:5px;}
::-webkit-scrollbar-thumb{
	background-color:rgba(0,0,0,.2);
	border-radius:10px;
}
::-webkit-scrollbar-track{
/*	background-color:rgba(255,255,255,.2);*/
	background-color:rgba(0,0,0,.05);
	border-radius:10px;
}
.wrap::-webkit-scrollbar {display:none;}
button{font-size:12px;}

.ellips{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* topbtn */
.topbtn{display:none;position:fixed;bottom:50px;right:5px;z-index:100;} /* 20170925 : top20 ->50 수정 by bsh */
.topbtn a img{width:44px;}

/* pd */
.pd0{padding:0 !important;}
.pdt0{padding-top:0 !important;}

/* align */
.alignR{text-align:right !important;}
.alignL{text-align:left !important;}
.alignC{text-align:center !important;} 

/* color */
.cRed{color:#e30101 !important;}
.cBlack{color:#000000 !important;}
.cBlue{color:#006ee9 !important;}
.cGray{color:#4e4e4e !important;}
.cOrg{color:#f04a1a !important;}

/* bg */
.bgGray{background:#eaeaea;}

/* inputcheck */
.inputCheck .ipt{display:inline-block;position:relative;width:18px;height:18px;vertical-align:middle;}
.inputCheck .ipt input{opacity:0;position:absolute;top:0;left:0;}
.inputCheck .ipt .ico{display:inline-block;width:18px;height:18px;vertical-align:middle;background:url('/images/m/layout/input_check.png') no-repeat 0 0;background-size:18px auto;}
.inputCheck .ipt input:checked + .ico{background-position: 0 -18px;}
.inputCheck .ipt input:disabled + .ico{background:#ededef;}
.inputCheck .txt{display:inline-block;margin-left:3px;vertical-align:middle;}

.inputCheck.type2 .ipt{width:14px;height:14px;}
.inputCheck.type2 .ipt .ico{width:14px;height:14px;background-size:14px auto;}
.inputCheck.type2 .ipt input:checked + .ico{background-position: 0 -14px;}
.inputCheck.type2 .txt{padding-top:2px;line-height:1em;}

.inputCheck.type3 .ipt{width:14px;height:14px;}
.inputCheck.type3 .ipt .ico{width:14px;height:14px;background-size:14px auto;}
.inputCheck.type3 .ipt input:checked + .ico{background-position: 0 -28px;}
.inputCheck.type3 .txt{padding-top:2px;line-height:1em;}

.inputRadio .ipt{display:inline-block;position:relative;width:17px;height:17px;vertical-align:middle;}
.inputRadio .ipt input{opacity:0;position:absolute;top:0;left:0;}
.inputRadio .ipt .ico{display:inline-block;width:17px;height:17px;margin-top:-1px;vertical-align:middle;background:url('/images/m/layout/input_radio.png') no-repeat 0 0;background-size:17px auto;}
.inputRadio .ipt input:checked + .ico{background-position: 0 -17px;}
.inputRadio .ipt input:disabled + .ico{background:#ededef;}
.inputRadio .txt{display:inline-block;margin-left:3px;font-size:14px;vertical-align:middle;}

.selectbox{display:inline-block;position:relative;width:100%;}
.selectbox select{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0}
.selectbox  button{display:inline-block;position:relative;height:100%;width:100%;box-sizing:border-box;text-align:center;background:#fff;}
.selectbox  button:after{content:"\25BC";position:absolute;top:50%;right:10px;display: block;width:10px;height:10px;margin-top:-8px;font-size:11px;}
.selectbox.on  button:after{content:"\25B2";}
.selectbox  button span{display:inline-block;line-height:40px;font-size:14px;color:#111111;}
.selectbox.type2{display:inline-block;position:relative;width:100%;}
.selectbox.type2 button{height:32px;padding-right:26px;border:1px solid #c1c1c1;border-radius:3px;background:url('/images/m/layout/ico_arr_selc.png') no-repeat 100% 50%;background-size:auto 7px;}
.selectbox.type2 button span{line-height:32px;font-size:13px;}
.selectbox.type2 button:after{display:none;}


/* cellbox */
.cellbox{display:table;width:100%;}
.cellbox.auto{width:auto;}
.cellbox .cellrow{display:table-row;padding-top:5px;}
.cellbox .cellrow:first-child .cell{padding-top:0;}
.cellbox .cell{display:table-cell;width:10px;padding:0 5px;vertical-align:middle;}
.cellbox .cell.auto{width:auto;}
.cellbox .cell:first-child{padding-left:0;}
.cellbox .cell:last-child{padding-right:0;}
.cellbox .cell.nowrap{white-space:nowrap}
.cellbox.cell2 .cell{width:50%;}
.cellbox.cell3 .cell{width:33.3333%;}

/* ico */
.ico{display:inline-block;background-size:100% 100%;vertical-align:middle;}
.ico.ipoint{width:23px;height:18px;background-image:url('/images/m/layout/ico_point.png');}
.ico.icoupon{width:45px;height:27px;background-image:url('/images/m/layout/ico_coupon.png');}
.ico.inotice{width:16px;height:16px;background-image:url('/images/m/layout/ico_notice.png');}
.ico.icart{width:20px;height:18px;background-image:url('/images/m/layout/ico_cart.png');}
.ico.iconfirm{width:12px;height:15px;background-image:url('/images/m/layout/ico_confirm.png');}
.ico.idown{width:15px;height:15px;background-image:url('/images/m/layout/ico_down.png');}
.ico.istatistics{width:22px;height:17px;background-image:url('/images/m/layout/ico_statistics.png');}
.ico.inew{width:19px;height:19px;background-image:url('/images/m/layout/ico_new.png');}


/* 외주CSS Common end */


.systemFont{font-family:'Dotum','arial';}
.textHidden{text-indent: -9999em;}