/*
================================================================================
POINTWEB MOBILE CSS
================================================================================
*/



/*
================================================================================
COMMON
================================================================================
*/

@font-face {
	font-family:'NanumG';
	src:	url('../_webfont/NanumGothic.eot'); /* IE9 ȣȯ¼º º¸±â */
	src:	url('../_webfont/NanumGothic.eot?#iefix') format('eot'), /* IE6-IE8 */
			url('../_webfont/NanumGothic.woff') format('woff'), /* Modern Browsers */
			url('../_webfont/NanumGothic.ttf')  format('truetype')}

@font-face {
	font-family:'NanumGB';
	src:	url('../_webfont/NanumGothicBold.eot'); 
	src:	url('../_webfont/NanumGothicBold.eot?#iefix') format('eot'),
			url('../_webfont/NanumGothicBold.woff') format('woff'),
			url('../_webfont/NanumGothicBold.ttf')  format('truetype');}

html {margin: 0px; padding: 0px; min-height: 540px; background-color: rgb(44, 44, 44);}
body {margin: 0px; padding: 0px; min-height: 540px; background-color: rgb(44, 44, 44);}
body {background: rgb(255, 255, 255); font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
body {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
ul {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
ol {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
li {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
h1 {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
h2 {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
h3 {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
h4 {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
h5 {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
h6 {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
span {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
strong {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
a {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
p {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
img {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
sup {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
sub {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
select {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
input {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
option {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
textarea {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
iframe {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
font {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
b {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
em {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
label {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
form {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
table {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
tr {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
td {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
div {margin: 0px; padding: 0px; font-family: "NanumG", "³ª´®°íµñ", "µ¸¿ò", "dotum", "applegothic", sans-serif; word-spacing: -1px;}
ul {list-style: none;}
ol {list-style: none;}
dl {list-style: none;}
li {list-style: none;}
img {border: 0px currentColor; vertical-align: middle; -ms-zoom: 1;}

a {text-decoration: none;}
a:link {color: rgb(63, 63, 63); text-decoration: none;}
a:visited {color: rgb(63, 63, 63); text-decoration: none;}
a:hover {color: #ff9900; text-decoration: none;}
a:active {color: rgb(63, 63, 63); text-decoration: none;}


/*
================================================================================
COMMON LAYOUT
================================================================================
*/

.mar_t20 {margin-top: 20px;}
.mar_t30 {margin-top: 30px;}
.mar_t40 {margin-top: 40px;}
.mar_t50 {margin-top: 50px;}
.mar_t70 {	margin-top: 70px;}

.ct {width: 100%; margin-bottom: 40px; border-top-color: rgb(69, 69, 69); border-top-width: 2px; border-top-style: solid;}
.ct th {padding: 20px 5px; text-align: left; color: rgb(51, 51, 51); line-height: 30px; font-size: 1.4em; border-bottom-color: rgb(133, 133, 133); border-bottom-width: 1px; border-bottom-style: dotted; background-color: rgb(255, 255, 255);}
.ct td {padding: 20px 5px; text-align: left; color: rgb(109, 109, 109); line-height: 30px; font-size: 1.4em; border-bottom-color: rgb(133, 133, 133); border-bottom-width: 1px; border-bottom-style: dotted; background-color: rgb(255, 255, 255);}
.ct span {color: rgb(225, 108, 113); font-weight: bold;}
.ct label {margin-right: 10px;}

.inputbox {border: 1px solid rgb(204, 204, 204); height: 1.8em;}
.selbox {height: 30px; font-size: 1em;}

#mobile_width {overflow: hidden; position: relative; min-height: 540px; min-width: 640px; width:100%;}

#header {position:fixed; width: 100%; height: 87px; border-bottom-color: #ff9900; border-bottom-width: 3px; background:#fff; border-bottom-style: solid; z-index:1000;}
#header .logo {background: url("../_img/logo.png") 30px 20px no-repeat; width: 320px; height: 87px; float: left;  display: block;}

#footer_wrap { width: 100%; height: auto; clear: both; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; position: relative; background-color: rgb(255, 255, 255); border-top:1px solid #c2c2c2;}
#footer_wrap .footer {margin: 0px auto; width: 640px; height: 139px;}
#footer_wrap .fbtn {list-style: none; margin: 0px auto; width: 350px; height: 36px; text-align: center; overflow: hidden; padding-top: 30px; font-size: 1em; font-weight: normal;}
#footer_wrap .fbtn li {margin-left: 15px; float: left;}
#footer_wrap .fbtn a {background: url("../_img/fbtn.png") no-repeat left bottom; width: 93px; height: 27px; text-align: center; color: rgb(47, 47, 47); padding-top: 9px; font-size: 1em; font-weight: normal; text-decoration: none; float: left;}
#footer_wrap .fbtn .on {color: #ff9900;}
#footer_wrap .fbtn a:focus {color: #ff9900;}
#footer_wrap .fbtn a:hover {color: #ff9900;}
#footer_wrap .copyright {text-align: center; color: rgb(47, 47, 47); line-height: 25px; font-size: 0.9em; margin-top: 10px;}
#footer_wrap .copyright a {color: rgb(25, 25, 25);}

#content_wrap {width: 100%; margin-top:90px; background:#fff;}
#content_wrap .bonmun {margin: 0px auto; width: 100%; padding:80px 0px;  background-color: rgb(255, 255, 255);}
#content_wrap .bonmunimg {padding-bottom:30px;}
#content_wrap .main_bonmun {margin: 0px auto; width: 100%; background-color: rgb(255, 255, 255);}
#content_wrap .notice_btn {background: rgb(209, 12, 19); width: 20%; height: 41px; text-align: center; color: rgb(255, 255, 255); padding-top: 14px; font-size: 1.4em; font-weight: bold; float: left;}
#content_wrap .notice_list {background: rgb(255, 255, 255); width: 80%; height: 55px; overflow: hidden; float: left; position: relative;}
#content_wrap .notice_list .list {margin: 0px; padding: 0px; left: 0px; top: 0px; width: 501px; position: absolute;}
#content_wrap .notice_list .list li {overflow: hidden;}
#content_wrap .notice_list .list a {padding: 18px 0px 0px 10px; width: 501px; height: 37px; color: rgb(168, 168, 168); overflow: hidden; font-size: 18px; font-weight: bold; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;}
#content_wrap p {color: rgb(109, 109, 109); line-height: 30px; /*font-size: 1.4em;*/ background-color: rgb(255, 255, 255);}
#content_wrap h3 {color: rgb(36, 36, 36); font-size: 1.4em; font-weight: bold; margin-bottom: 20px;}

#selectBox {width: 100%; z-index: 10000;}
#selectBox ul {background: rgb(238, 238, 238); list-style: none; overflow: hidden; padding-bottom: 20px; _height: 100%;}
#selectBox li {float: left;}
#selectBox li a {background: rgb(255, 255, 255); margin: 4px auto; padding: 15px; border: 1px solid rgb(194, 194, 194); width: 70%; text-align: center; font-size: 1.3em; font-weight: bold; display: block;}
#selectBox li .on {background: rgb(163, 1, 7); color: rgb(255, 255, 255);}
#selbox_kr li {width: 50%;}
#selbox_eng li {width: 25%;}

/* ¹öÆ° */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* ¼­½Ä´Ü°è ÁøÇà */

.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* ¿ìÆí¹øÈ£°Ë»ö¹öÆ° µî */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

.bonbg{background:#fff;}

.sub_title_area{width:95%; height:50px; padding: 50px 0 0 0px; margin:0px auto; border-bottom:1px solid #ddd; }
.sub_tit{width:20px; height:20px; padding:0 10px 0 20px; font-size:1.5em; background:url('/mobile/_img/sub_tit_icon.png') 0 5px no-repeat;}
.board_area{width:95%; margin:0px auto; height:auto; padding:30px 0 0 0; }

/* Æû Å×À̺í */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}