@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('//fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700,900');


html{overflow:auto;}
body{background-color:#fff;}
@font-face {
  font-family: 'Nanum Gothic';
  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 Gothic';
  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-family:'Noto Sans KR', 'Nanum Gothic', Nanum Gothic, 'Arial', Arial, '돋움', Dotum, AppleGothic, Sans-serif; font-size:14px; font-weight:300; color:#555; line-height:25px;}
body, h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, 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}
label {cursor:pointer;}

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;}

.blind, legend, caption {display:none !important}

a {text-decoration:none; color:#444;}

input, select, textarea {vertical-align:middle;}
input, textarea, select { border-width:1px; border-style: solid; border-color:#d0d0d0; background:#fff; outline:0;}
select{height:26px;}
input.text {padding:0px 2px; height:28px; color:#666;}
input.file {border:1px solid #d0d0d0; 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}

/* input-radio */
.comm_radio {position:absolute;left:-9999px}
.comm_radio_label {margin-right:95px; font-size:15px; color:#555; cursor:pointer;}
.comm_radio_label .ico_radio {display:inline-block; *display:inline; *zoom:1; width:20px; height:20px; margin-right:10px; margin-top:-2px; background:url('/theme/ipq/images/common/icon_radio.png') no-repeat left top; font-size:0; line-height:0; vertical-align:middle; overflow:hidden;}
.radio_on .ico_radio {background-position:left bottom;}

.comm_radio02 {position:absolute;left:-9999px}
.comm_radio02_label {margin-right:95px; font-size:15px; color:#555; cursor:pointer;}
.comm_radio02_label .ico_radio02 {display:inline-block; *display:inline; *zoom:1; width:20px; height:20px; margin-right:10px; margin-top:-2px; background:url('/theme/ipq/images/common/icon_radio02.png') no-repeat left top; font-size:0; line-height:0; vertical-align:middle; overflow:hidden;}
.radio_on .ico_radio02 {background-position:left bottom;}

/* input-checkbox */
.comm_check {position:absolute;left:-9999px}
.comm_check_label {font-size:14px; color:#222; cursor:pointer;}
.comm_check_label .ico_check {display:inline-block; *display:inline; *zoom:1; width:19px; height:19px; margin-right:7px; margin-top:-2px; background:url('/theme/ipq/images/common/icon_check.png') no-repeat left top; overflow:hidden; font-size:0; line-height:0; vertical-align:middle}
.check_on .ico_check {background-position:left bottom}

.comm_check02 {position:absolute;left:-9999px}
.comm_check02_label {font-size:14px; color:#333; cursor:pointer;}
.comm_check02_label .ico_check02 {display:inline-block; *display:inline; *zoom:1; width:20px; height:20px; margin-right:3px; margin-top:-2px; background:url('/theme/ipq/images/common/icon_check02.png') no-repeat left top; overflow:hidden; font-size:0; line-height:0; vertical-align:middle}
.check_on .ico_check02 {background-position:left bottom}

/* align */
.vaT {vertical-align:top !important;}
.vaB {vertical-align:bottom !important;}
.save {margin-top:-3px; margin-right:6px;}

/* color */
.red {color:#db1212 !important;}

/* border */
.bdLn {border-left:none !important;}
.bdRn {border-right:none !important;}
.bdTn {border-top:none !important;}
.bdBn {border-bottom:none !important;}

/* padding */
.pdT10 {padding-top:10px !important;}

/* margin */
.mgB20 {margin-bottom:20px !important;}
.mgT50 {margin-top:50px !important;}
.mgL20 {margin-left:20px !important;}
.mgl25 {margin-left:25px; !important;}
.mgr115 {margin-right:115px; !important;}





/* button */
.btnArea {margin-top:55px; text-align:center;}

.btn_red01 {display:inline-block; *display:inline; *zoom:1; width:170px; height:45px; border:none; background:#dd2020; font-size:15px; font-weight:400; color:#fff; text-align:center; line-height:45px; cursor:pointer;} /* 서비스 신청 - 서브계정 생성하기 */
.btn_red02 {display:inline-block; *display:inline; *zoom:1; width:210px; height:48px; border:none; background:#dd2020; font-size:17px; font-weight:400; color:#fff; text-align:center; line-height:48px; cursor:pointer; vertical-align:top;} /* 서비스 신청 - 신청하기, 결제하기, 서비스 조회 / 회원가입 - 동의함, 가입완료, 홈으로 / 회원탈퇴 - 탈퇴하기 / 서브계정관리 - 생성하기*/
.btn_red03 {display:inline-block; *display:inline; *zoom:1; width:113px; height:45px; margin-left:3px; border:none; background:#dd2020; font-size:15px; font-weight:400; color:#fff; text-align:center; line-height:45px; cursor:pointer;} /* 회원정보수정 - 수정하기 / 마이페이지 - 결제상세정보 목록 */
.btn_red04 {display:inline-block; *display:inline; *zoom:1; width:65px; height:33px; border:none; background:#dd2020; font-size:14px; font-weight:300; color:#fff; text-align:center; line-height:33px; cursor:pointer;} /* 게시판 뷰페이지 - 수정 */
.btn_red05 {display:inline-block; *display:inline; *zoom:1; width:85px; height:33px; border:none; background:#dd2020; font-size:14px; font-weight:300; color:#fff; text-align:center; line-height:33px; cursor:pointer; vertical-align:top;} /* 게시판 쓰기페이지 - 글쓰기 */
.btn_gray01 {display:inline-block; *display:inline; *zoom:1; width:81px; height:37px; margin-left:3px; border:none; background:#767070; font-size:14px; font-weight:400; color:#fff; text-align:center; line-height:35px; cursor:pointer; vertical-align:middle;} /* 회원가입 - 중복확인,인증하기 */
.btn_gray02 {display:inline-block; *display:inline; *zoom:1; width:210px; height:48px; margin-left:8px; border:none; background:#767070; font-size:17px; font-weight:400; color:#fff; text-align:center; line-height:48px; cursor:pointer;} /* 서비스 신청 - 취소하기 / 회원가입 - 동의안함, 취소하기, 마이페이지 / 회원탈퇴 - 취소하기 / 서브계정관리 - 취소하기 */
.btn_gray03 {display:inline-block; *display:inline; *zoom:1; width:113px; height:45px; margin-left:3px; border:none; background:#767070; font-size:15px; font-weight:400; color:#fff; text-align:center; line-height:45px; cursor:pointer;} /* 회원정보수정 - 취소하기, 탈퇴하기 */
.btn_gray04 {display:inline-block; *display:inline; *zoom:1; width:76px; height:37px; margin-left:3px; border:none; background:#474747; font-size:15px; font-weight:400; color:#fff; text-align:center; line-height:35px; cursor:pointer;} /* IP조회 - 조회 */
.btn_gray05 {display:inline-block; *display:inline; *zoom:1; width:65px; height:33px; border:none; background:#5f5f5f; font-size:14px; font-weight:300; color:#fff; text-align:center; line-height:33px; cursor:pointer;} /* 게시판 뷰페이지 - 삭제, 목록 / 게시판 쓰기페이지 - 목록 */
.btn_Login {display:block; width:159px; height:82px; border:none; background:#dd2020; font-size:18px; font-weight:400; color:#fff; text-align:center; line-height:82px; cursor:pointer;} /* 아이디/비밀번호 찾기 */
.btn_MemFind {display:block; width:159px; height:82px; border:none; background:#dd2020; font-size:18px; font-weight:400; color:#fff; text-align:center; line-height:82px; cursor:pointer;} /* 로그인 */
.btn_write {display:inline-block; *display:inline; *zoom:1; width:85px; height:33px; border:none; background:#e24141; font-size:14px; font-weight:300; color:#fff; text-align:center; line-height:33px; cursor:pointer;}

/* icon */
.icon_complete {display:inline-block; *display:inline; *zoom:1; width:68px; height:22px; background:#666; font-size:13px; font-weight:300; color:#fff; text-align:center; line-height:22px; border-radius:2px;} /* 1:1 문의 - 답변완료 */
.icon_progressing {display:inline-block; *display:inline; *zoom:1; width:68px; height:22px; background:#dd1d1d; font-size:13px; font-weight:300; color:#fff; text-align:center; line-height:22px; border-radius:2px;} /* 1:1 문의 - 처리중 */


/* Table type */
table.type1 {width:100%;}
table.type1 thead th {padding:12px 0; border-bottom:1px solid #666; background:#666; font-size:15px; font-weight:300; color:#fff; text-align:center;}
table.type1 tbody td {padding:12px 0; font-size:15px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center; color:#555;}

table.type2 {width:100%;}
table.type2 tbody th {width:235px; padding:12px 0; border-bottom:1px solid #666; background:#666; font-size:15px; font-weight:300; color:#fff; text-align:left; text-indent:27px;}
table.type2 tbody td {padding:12px 35px; font-size:15px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:left; color:#555;}
table.type2 tbody td.bdt {border-top:1px solid #ccc;}
table.type2 tbody td.red {font-weight:500; *font-weight:bold; font-weight:bold\9;}

/*page*/
.pageArea {width:100%; margin-top:50px; text-align:center; line-height:15px;}
.pageArea a, .pageArea b {font-family:'Noto Sans KR', 'Nanum Gothic', Nanum Gothic, Sans-serif;}
.pageArea a:hover span,
.pageArea > a.arrow:hover { border:1px solid #dd1d1d; color:#dd1d1d; font-weight:500; *font-weight:bold; font-weight:bold\9;}
.pageArea > b {display: inline-block; *display:inline; *zoom:1; width:32px; margin-right:3px; padding:9px 0; border:1px solid #dd1d1d; text-align:center; color: #dd1d1d; font-size:13px; font-weight:500;}
.pageArea > a span {display: inline-block; *display:inline; *zoom:1; width:32px; border:1px solid #dfdfdf; margin-right:3px; padding:9px 0; font-size:13px; color:#bbb; text-align:center;}
.pageArea > a.arrow {display: inline-block; *display:inline; *zoom:1; width:32px; border:1px solid #dfdfdf; margin-right:3px; padding:9px 0; font-size:13px; color:#bbb; text-align:center;}

/* search */
.searchArea {width:100%; padding:22px 0; margin-top:50px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f8f8f8; text-align:center;}
.searchArea select {width:134px; height:33px; padding-left:11px; border:1px solid #c3c3c3;}
.searchArea input.text {width:200px; height:31px; padding:0 11px; border:1px solid #c3c3c3;}
.searchArea .btn_search {width:85px; height:33px; margin-right:20px; background:#5f5f5f; font-size:14px; font-weight:300; color:#fff; text-align:center; cursor:pointer;}
.searchArea .comm_radio02_label {margin-right:15px; font-size:14px; color:#333;}
.searchArea .comm_radio02_label .ico_radio02 {margin-right:5px;}