@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* Common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin:0; padding:0; }
body, input, textarea, select, button, table {font-size:14px; line-height:1.25em}
body{position:relative; background-color:#fff; color:#333; -webkit-text-size-adjust:none; font-family:Nanum Gothic; }
img, fieldset{border:0}
ul, ol{list-style:none}
em, address{font-style:normal}
a{text-decoration:none}
a:link {color:#666;}
table{border-collapse:collapse}
hr{display:none !important}
b, strong{font-weight:bold}
.hid, .blind, legend, hr, caption { overflow:hidden; position:absolute; left:-999em; width:0; height:0; font-size:0; line-height:0}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
html{height:100%}
body{position:relative; height:100%; background:#fff;}

/* 전체영역*/
#wrap { width: 100%; }

/* 헤더 */
.header { width: 100%; height: 39px; }
.header .header_wrap { clear:both; width: 100%; height: 39px; border-bottom: 4px solid #2782f4; padding: 20px 0 0 0; }
.header .header_wrap h1 { background: url(/images/goenote/app/main/logo.gif) no-repeat; background-size:135px 26px; width: 135px; height: 26px; float: left; text-indent: -10000px; margin-left: 10px; }
.header .header_wrap .setting { background: url(/images/goenote/app/main/setting.gif) no-repeat; display: block; width: 22px; height: 22px; text-indent: -10000px; float: right;  margin-right: 10px; }

/* 컨텐츠*/
.content { width: 100%; clear: both; margin:24px 0 0 0; }

/* 아이콘 */
.icon_box {margin: 0 auto; background: url(/images/goenote/app/main/pt.gif) repeat; padding: 32px 0 32px 0;}
.icon_box ul {width:90%; margin:0 auto; overflow:hidden;}
/* .icon_box li { width: 44%; height: 106px; background-color: #6295d5; border-radius: 15px;  margin:3%; float: left; text-align: center; } */
.icon_box li { position: relative; /*추가*/ width: 44%; height: 106px; background-color: #6295d5; border-radius: 15px;  margin:3%; float: left; text-align: center; }
.icon_box li img { width: 48.5px; height:48.5px; vertical-align: middle; padding-top: 15px; }
.icon_box li a { display: block; text-align: center; color: white; font-size: 15px; line-height: 42px; }

/* 버튼 */
.badge { position: absolute; top: -10px; right: 10px; }
.badge img { width: 38px !important; height: 38px !important; }
.badge span { position: absolute; left: 10px; top: 11px;  font-size: 13px; text-align: center; }

/* 공지사항 */
.content .notice { width: 85%; height: auto; margin:0 32px 0 32px;}
.notice h3 { margin: 15px 0 10px 0; }
.notice ul li { line-height: 1.5em; padding-left: 16px;  background: url(/images/goenote/app/main/bu_02.gif) no-repeat 0px 6px; border-top:dotted 1px gray; border-bottom:dotted 1px gray;} 
.notice ul li span{position:absolute; right:32px;  font-size: 13px;}

/* 휴대전화인증 */
.content .auth { width: 90%; height: auto; margin: 0 auto; }
.auth p { width: 100%;  margin: 50px 0 30px 0; }
.auth .btn_1 { width: 100%; height:20px; margin: 30px 0; background-color:blue;}

.input_row{position:relative; border:solid 1px #dadada; padding:10px 35px 10px 15px ;margin:0 0 10px ;background:#fff; height:29px}
.input_box{display:block; overflow:hidden}
.input_row .int{position:relative; width:100%; padding:7px 0 6px; z-index:1; height:16px; border:none; background:#fff; font-size:15px; color:#000; line-height:16px}
.input_row .lbl{position:absolute; top:16px; left:15px; font-size:15px; color:#999; line-height:16px}

.sp_btn{display:block; height:61px; }
.sp_btn input{ border:1px solid #0269b7; height:61px; color:#fff; font-size:18px}
.sp_btn input.int_request{width:100%; background-color:#0269b7;}
.sp_btn input.int_yn{width:100%; background-color:#0269b7;}


.btn_request{margin:30px 0 13px; /* 위치값 위 양옆 아래 */}
.btn_complete{margin:30px 0 13px; /* 위치값 위 양옆 아래 */}
.btn_login{margin:30px 0 13px; /* 위치값 위 양옆 아래 */}