/************************************************************************
 * 설명       :   기본 스타일시트
 * 작성자     :   (주)웨이투원 이민지
 * 작성일     :   2013. 10. 18
 * 최종수정일 :   2013. 10. 25
 * 파일명     :   basic.css
!important
************************************************************************/

/*
* Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
*/
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html{overflow:auto;}
body{background-color:#fff;}
@font-face {
  font-family: 'Nanum GothicB';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum GothicEB';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}


body, input, textarea, select, button, table{margin:0; font-size:13px; font-family:'Noto Sans KR', sans-serif, 'Arial', Arial, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; color:#444}
body, h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, /*blockquote,*/ form, fieldset, legend, button { margin: 0; padding: 0; }

img, fieldset{border:0 none}
dl, ul, ol, li {list-style: none outside none;}
button{border:0 none; cursor:pointer; display: block;}
table, th, td, div{border-collapse:separate}


a,img,input {outline:none; selector-dummy:expression(this.hideFocus=true);}
.png24 { tmp:expression(setPng24(this));} 
area {outline:0;}

li img { vertical-align:top;}
td img { vertical-align:middle}
.cursor { cursor: pointer;}

strong, .strong , b { font-weight: bold; }
address, caption, cite, code, dfn, em, var {font-style:normal;}

hr { clear: both; display: none; }
.blind, legend, caption {display:none !important}

a {text-decoration:none; color:#444;}
a:hover, a:active, a:focus {color:#0165e8; text-decoration:none; background-color:transparent}
a.underline {text-decoration:none; color:#444;}
a.underline:hover, a.underline:active, a.underline:focus {color:#dd0000; text-decoration:underline;}
table a:link, table a:visited {color:#444;} 
table a:hover, table a:active {color:#000; text-decoration:underline;} 

input, select, textarea {vertical-align:middle; font-size:1em; line-height:130%}
input, textarea, select { border-width:1px; border-style: solid; border-color:#ddd; background:#fff; outline:0;}
select{height:35px;}
input.text {padding:0px 2px; height:28px; font-family:'Nanum Gothic', Nanum Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; color:#666}
input.file {border:1px solid #ddd; padding:2px 6px;}
input.check	{border:none; background:none;}
input.radio	{border:0 none; background:none;}
textarea.textarea {height:120px; padding:2px 0;}

.button {border:0 none; cursor:pointer}

/* 게시판 view, list 버튼 */
.btn_gray {width:80px; height:30px; line-height:29px; font-size:13px; padding:0px; margin-left:1px; display:inline-block; color:#666; text-decoration:none; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; cursor:pointer; border-radius:2px;}
.btn_red {width:80px; height:30px; line-height:29px; font-size:13px; padding:0px; margin-left:1px; display:inline-block; color:#d8050d; text-decoration:none; text-align:center; border:1px solid #c70008; border-top-color:#e40009; border-bottom-color:#a30006; cursor:pointer; border-radius:2px;}
.btn_black {height:36px; line-height:35px; font-size:13px; background:#9a9a9a; padding:0 15px; margin-left:1px; display:inline-block; color:#fff !important; text-decoration:none; text-align: center; cursor:pointer; vertical-align:middle;}
.btn_black {padding:0 6px \0/IE8;/*IE8적용*/ *padding:0 6px;}
.btn_black:hover {background:#9a9a9a !important; color:#fff !important; text-decoration:none !important;}

.btn_gray:hover, .btn_gray2:hover {color:#666; text-decoration:none}
.btn_red:hover ,.btn_red2:hover {color:#d8050d; text-decoration:none}

/* 게시판 form */
.btn_gray2 {width:120px; height:35px; line-height:33px; font-size:16px; padding:0px; margin-left:1px; display:inline-block; color:#666; text-decoration:none; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; cursor:pointer; border-radius:2px;}
.btn_red2 {width:120px; height:35px; line-height:33px; font-size:16px; padding:0px; display:inline-block; color:#d8050d; text-decoration:none; text-align:center; border:1px solid #c70008; border-top-color:#e40009; border-bottom-color:#a30006; cursor:pointer; border-radius:2px;}

.btn_login {float:right; width:142px; height:88px; line-height:87px; font-size:20px; background:url('/theme/mvpn/images/common/btn/btn_login.jpg') no-repeat 0 0; padding:0px; display:inline-block; color:#fff; text-decoration:none; text-align:center; border:none; cursor:pointer; font-size:0; }
.btn_search {width:90px; height:35px; cursor:pointer; background:url('/theme/mvpn/images/common/btn/btn_search.jpg') no-repeat 0 0; padding:0px; display:inline-block; text-decoration:none; font-size:0;}
.btn_prnext {width:30px; height:30px; cursor:pointer; line-height:28px; font-size: 12px; padding: 0px;display: inline-block;color:#666; font-family:'Nanum Gothic'; text-decoration:none; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; border-radius:2px;}
.btn_comment {width:80px; height:52px; line-height:51px; font-size:13px; background:#999 !important; padding:0px; display:inline-block; color:#fff; text-decoration:none; text-align:center; cursor:pointer; border-radius:2px;}

/* input text fade effect */
.mb_id-label, .mb_pass-label, .mem_name-label, .mem_email-label, .searchword-label, .addr1-label{position: absolute; margin:3px; font-family:'Nanum Gothic', Nanum Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif;display:block;}
input.mb_id{width:220px; height:26px; border:1px solid #d0d0d0;} /* 아이디인풋 */
input.mb_pass{width:220px; height:26px; border:1px solid #d0d0d0;} /* 비밀번호인풋 */
input.mem_name{width:80px; height:28px; border:1px solid #ddd;} /* 이름인풋 */
input.mem_email{width:220px; height:28px; border:1px solid #d0d0d0;} /* 이메일인풋 */
input.searchword{width:220px; height:18px; border:1px solid #ddd;} /* 중복체크인풋 */
input.addr1{width:220px; height:18px; border:1px solid #ddd;} /* 우편번호검색인풋 */

/* input-radio */
.comm_radio {position:absolute;left:-9999px}
.comm_radio_label {font-size:13px; margin-right:30px; cursor:pointer;}
.comm_radio_label .ico_radio {display:inline-block; width:20px; height:20px; margin-top:-1px; background:url('/theme/mvpn/images/common/radio_btn.png') no-repeat left top; overflow:hidden; font-size:0; line-height:0; vertical-align:middle}
.radio_on .ico_radio {background-position:left bottom}
/* input-checkbox */
.comm_check {position:absolute;left:-9999px}
.comm_check_label {font-size:13px;}
.comm_check_label .ico_check {display:inline-block; width:19px; height:19px; margin-top:-1px; background:url('/theme/mvpn/images/common/icon/icon_check.gif') no-repeat left top; overflow:hidden; font-size:0; line-height:0; vertical-align:middle}
.comm_check_label .ico_check2 {display:inline-block; width:16px; height:16px; margin-top:-1px; background:url('/theme/mvpn/images/common/icon/icon_check02.gif') no-repeat left top; overflow:hidden; font-size:0; line-height:0; vertical-align:middle}
.check_on .ico_check, .check_on .ico_check2 {background-position:left bottom}
check_on {color:#555}

/* margin */
.mgT3 {margin-top:3px !important}
.mgT5 {margin-top:5px !important}
.mgT6 {margin-top:6px !important}
.mgT8 {margin-top:8px !important}
.mgT10 {margin-top:10px !important}
.mgT13 {margin-top:13px !important}
.mgT15 {margin-top:15px !important}
.mgT20 {margin-top:20px !important}
.mgT25 {margin-top:25px !important}
.mgT30 {margin-top:30px !important}
.mgT35 {margin-top:35px !important}
.mgT40 {margin-top:40px !important}
.mgT50 {margin-top:50px !important}
.mgT60 {margin-top:60px !important}
.mgT60 {margin-top:60px !important}
.mgT75 {margin-top:75px !important}
.mgT100 {margin-top:100px !important}


.mgB5 {margin-bottom:5px !important}
.mgB10 {margin-bottom:10px !important}
.mgB20 {margin-bottom:20px !important}
.mgB30 {margin-bottom:30px !important}
.mgB35 {margin-bottom:35px !important}
.mgB40 {margin-bottom:40px !important}
.mgB50 {margin-bottom:50px !important}

.mgR10 {margin-right:10px !important}
.mgR12 {margin-right:12px !important}
.mgR14 {margin-right:14px !important}
.mgR20 {margin-right:20px !important}
.mgR23 {margin-right:23px !important}
.mgR28 {margin-right:28px !important}
.mgR30 {margin-right:30px !important}
.mgR70 {margin-right:70px !important}

.mgl0 {margin-left:0 !important;}
.mgL5 {margin-left:5px !important}
.mgL10 {margin-left:10px !important}
.mgL12 {margin-left:12px !important}
.mgL15 {margin-left:15px !important}
.mgL17 {margin-left:17px !important}
.mgL20 {margin-left:20px !important}
.mgL25 {margin-left:25px !important}
.mgL30 {margin-left:30px !important}
.mgL40 {margin-left:40px !important}

/* padding */
.pd3 {padding:3px !important}
.pd10 {padding:10px !important}
.pd17 {padding:17px !important}

.pdT4 {padding-top:4px !important}
.pdT5 {padding-top:5px !important}
.pdT7 {padding-top:7px !important}
.pdT10 {padding-top:10px !important}
.pdT15 {padding-top:15px !important}
.pdT20 {padding-top:20px !important}
.pdT30 {padding-top:30px !important}
.pdT50 {padding-top:50px !important}

.pdB5 {padding-bottom:5px !important}
.pdB10 {padding-bottom:10px !important}
.pdB20 {padding-bottom:20px !important}
.pdB30 {padding-bottom:30px !important}
.pdB40 {padding-bottom:40px !important}
.pdB50 {padding-bottom:50px !important}

.pdL8 {padding-left:8px !important}
.pdL12 {padding-left:12px !important}
.pdL20 {padding-left:20px !important}
.pdL50 {padding-left:50px !important}

.pdR5 {padding-right:5px !important}
.pdR10 {padding-right:10px !important}
.pdR20 {padding-right:20px !important}


/* align */
.alignL {text-align:left !important}
.alignR {text-align:right !important}
.alignC {text-align:center !important}
.alignJ{text-align:justify !important;}
.clear {clear:both !important}
.floatL {float:left !important}
.floatR {float:right !important}
img.imgT {vertical-align:top !important}
img.imgB {vertical-align:bottom !important}
img.imgC {vertical-align:middle !important}

.ti10 {text-indent:10px; text-indent:14px \0/IE8;/*IE8적용*/ *text-indent:14px /*IE7적용*/}

/*color*/
.red{color:#dd0000 !important}
.blueBack{color:#fff !important; background:#14449d; padding:2px 3px 3px; border-radius:3px; font-size:11px;}
.blackBack{color:#fff !important; background:#231f20; padding:2px 3px 3px; border-radius:3px; font-size:11px;}
.grayBack{color:#fff !important; background:#666; padding:2px 3px 3px; border-radius:3px; font-size:11px;}
.redBack{color:#fff !important; background:#dd0000; padding:2px 3px 3px; border-radius:3px; font-size:11px;}
.brownBack{color:#fff !important; background:#594a43; padding:2px 3px 3px; border-radius:3px; font-size:11px;}
.beigeBack{color:#fff !important; background:#8a807b; padding:2px 3px 3px; border-radius:3px; font-size:11px;}
.blue {color:#178ce6 !important;}

/*calendar*/
.fc_main { background: #DDDDDD; border: 1px solid #000000; font-family: Verdana; font-size: 10px; }
.fc_date { font-family: tahoma; border: 1px solid #D9D9D9;  cursor:pointer; font-size: 8pt; text-align: center;}
.fc_dateHover, TD.fc_date:hover { font-family: tahoma;cursor:pointer; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background: #E7E7E7; font-size: 8pt; text-align: center; }
.fc_wk {font-family: Verdana; font-size: 11px; text-align: center;}
.fc_wknd { color: #FF0000; font-weight: bold; font-size: 11px; text-align: center;}
.fc_wknd1 { color: blue; font-weight: bold; font-size: 11px; text-align: center;}
.fc_head { background: #000066; color: #FFFFFF; font-weight:bold; text-align: left;  font-size: 11px; }

/* border */
.bdln {border-left:none !important;}