*  {
 
font-family: Malgun Gothic, NanumGothic, Verdana, Arial, sans-serif !important;
 
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0px; padding:0px;} 
body,h1,h2,h3,h4,h5,dl,dt,dd,th,td,form,fieldset,legend,input,textarea,div,li {color:#333333;font-size:12px; font-weight:normal;line-height:150%;}

html,body {height:100%; width:100%; margin:0; padding:0;}

img {
	max-width:100%;border:0px;max-height:auto;
}

A:link {COLOR: #333; TEXT-DECORATION: none}
A:hover {COLOR: #333; TEXT-DECORATION: none}
A:active {COLOR: #333; TEXT-DECORATION: none}
A:visited {COLOR: #333; TEXT-DECORATION: none}

ul {list-style:none; padding:0; margin:0 auto; display:block;}
li {display:inline; float:left;}


/* 메인 */

#wrapper {margin:0 auto;width:100%;max-width:640px;overflow:hidden;}
#header {position:fixed;width:100%;max-width:640px;background-color:#ffffff;z-index:100000;}
#header2 {width:100%;max-width:640px;background-color:#ffffff;z-index:100000;}

.top_logo {float:left;padding-top:10px;width:52%;padding-left:5%;text-align:left;}
.top_tel {float:right;padding-top:10px;width:29%;padding-right:6%;}

.top-banner {
        transition: all 0.3s ease;
        overflow: hidden;
    }
    .top-banner.hide {
        height: 0;
        opacity: 0;
        padding: 0;
        margin: 0;
    }


.main_txt2 {clear:both;width:100%;padding-top:20px;}
.main_txt21 {clear:both;width:100%;padding-top:0px;}
.main_txt22 {clear:both;width:100%;padding-top:15px;}
.main_txt3 {clear:both;width:100%;padding-top:10px;}
.main_txt5 {clear:both;width:100%;padding-top:5px;}
.main_txt31 {clear:both;width:100%;padding-top:0px;}
.main_txt4 {clear:both;width:100%;padding-bottom:30px;}

.main_center {float:left;width:100%; margin:0 auto;background-color:#ffffff;}


#visual {position:relative; width:100%; max-width:640px; height:auto;padding-bottom:0px;margin:0 auto;}
#visual .touchslider{width:100%;margin:0 auto;}
#visual .touchslider .touchslider-viewport{position:relative;overflow:hidden;margin:0px;text-align:center;height:auto;margin:0 auto;}
#visual .touchslider .touchslider-viewport .touchslider-item{position:relative;width:100%;height:auto;text-align:center;margin:0px;overflow:hidden;margin:0 auto;}


.paginate {position:absolute;bottom:10px;left:50%; height:20px;text-align:left;margin-left:-21px;}
.paginate span {display:inline-block;*display:inline; zoom:1;width:18px;height:18px;margin-right:5px;text-decoration:none;
background:url('/img/b_off.png') 0 0 no-repeat;text-indent:-5000px;font-size:0;line-height:1;cursor:pointer;}
.paginate span.current{background-position:0 0;background:url('/img/b_on.png') 0 0 no-repeat;}


.footer{clear:both;width:100%;height:auto;background-color:#ebe671;padding-top:30px;}
.footer .pc {text-align:center;padding-top:30px;padding-bottom:10px;}
.footer .txt {text-align:center;color:#000000;}


/* 상담요금 안내 */
.btn {width:100%;text-align:center;padding-top:15px;z-index:10000;}
.btn img {max-width:50%;}

.btn2 {position:absolute;margin-top:-28px;left:50%; transform:translateX(-50%);}
.btn2 img {width:170px;}

/* 신청서 */

.order_titles {color:#143991;background-color:#ffffff;font-size:14px;padding-top:20px;padding-left:15px;padding-bottom:10px;padding-right:15px;}
.order_txt {color:#545454;background-color:#ffffff;font-size:14px;padding-left:15px;padding-bottom:10px;padding-right:15px;}

input {vertical-align:middle;}

#bankinfo th {height:30px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background-color:#F8F8F8;}
#bankinfo td {border-bottom:1px solid #e0e0e0;}

.inp_c {float:left;width:100%;border:1px solid #dfdfdf;height:38px;}
.nabi2 {border:1px solid #dfdfdf;height:38px;}
.textbox {border:1px solid #dfdfdf;height:38px;}

.col1 {
	width: -webkit-calc(100% / 3);
	width: -moz-calc(100% / 3);
	width: calc(100% / 3);
	float: left;
	text-align: center;
} 

.sub_conv1 {width:100%;background-image:url(/img/name_bg_01.jpg);}

.btn3 {position:absolute;margin-top:-18px;left:50%; transform:translateX(-50%);}
.btn3 img {width:170px;}

/*이름풀이*/
.name_jumsu_r {position:absolute;margin-top:-58px;width:100%;}
.name_jumsu {margin:0 auto;width:280px;color:#333; border:#f57011 solid 2px;text-align:center;background-color:#ffffff;}
.redstyle {color:#f57011;font-weight:bold;}
.name_val {padding:15px 15px 15px 15px;background-color:#ffffff;}
.name_val .title {font-size:15px;font-weight:bold;color:#153991;}

.name_table .bt {font-size:14px;padding-bottom:10px;}


.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}


.commTitleArea {clear:both; position:relative; margin-top:20px;margin-bottom:30px;}
.commTitleArea h2 {color:#232323; font-size:26px; margin-bottom:16px;}
.commTitleArea .subCopy {color:#646464; font-size:14px;}
.commTitleArea .symSec {position:absolute; right:0; top:0;}

table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0;}
.forum-bbs {width: 100%; border-bottom: 1px solid #d6d6d6; border-top: 2px solid #0072cc;}
.forum-bbs th {
    background-color: #fbfbfb;;
    padding: 14px 0 12px;
}

.forum-bbs td {
    padding: 14px 0 12px;
}

.forum-bbs td.out {
    padding: 14px 0 12px;
	color:#ff0000;
	font-weight:bold;
	text-align:center !important;
}

.forum-bbs td.active {
    color:#dc2809 !important;
}

.forum-bbs td, .forum-bbs th {
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
}

.forum-bbs td:first-child + td {
	padding:0;
    text-align: left;
	line-height:18px;
}

.forum-bbs td:first-child + td span {
    color: #050505;
    font-weight: bold;
}

.forum-bbs td a {
    text-decoration: none;
    color: #050505;
}


#forum-search {
    text-align: center;
    margin: 29px 0 45px 0;

}

#forum-search input[type="text"] {
    border: 1px solid #dfdfdf;
    width: 150px;
	font-family: NanumGothic, sans-serif;
	font-size:12px;
    height: 34px;
	
    
}

#forum-search input[type="submit"] {
    border-radius: 2px;
    font-size: 12px;
    font-family: dotum, sans-serif;
    border: none;
    background-color: #616161;
    width: 50px;
    height: 32px;
    text-align: center;
    color: #ffffff;
}

#forum-search select {
    border: 1px solid #dfdfdf;
	font-family: NanumGothic, sans-serif;
	font-size:12px;    
    width: 80px;
    height:34px;
	
}

#funcArea {position:relative;}


.blue-button {
    border-radius: 2px;
    background-color: #0072cc;
    text-align: center;
    display: inline-block;
    color: #ffffff;
	font-size:13px;
    text-decoration: none;
    line-height: 30px;
}

.blue-button:hover {
    border-radius: 2px;
    background-color: #0072cc;
    text-align: center;
    display: inline-block;
    color: #ffffff;
	font-size:13px;
    text-decoration: none;
    line-height: 30px;
}



.green-button {
   	border-radius: 5px;
    background-color: #13cc95;
    text-align: center;
	padding: 12px 0;
    display: inline-block;
    color: #ffffff;
	font-weight:300;
	letter-spacing:-1px;
	font-size:15px;
    text-decoration: none;
    line-height: 20px;
}

.green-button:hover {
   	border-radius: 5px;
    background-color: #13cc95;
    text-align: center;
	padding: 12px 0;
    display: inline-block;
    color: #ffffff;
	font-weight:300;
	letter-spacing:-1px;
	font-size:15px;
    text-decoration: none;
    line-height: 20px;
}


.skyblue-button {
   	border-radius: 5px;
    background-color: #32abe3;
    text-align: center;
	padding: 12px 0;
    display: inline-block;
    color: #ffffff;
	font-weight:300;
	letter-spacing:-1px;
	font-size:15px;
    text-decoration: none;
    line-height: 20px;
}

.skyblue-button:hover {
   	border-radius: 5px;
    background-color: #32abe3;
    text-align: center;
	padding: 12px 0;
    display: inline-block;
    color: #ffffff;
	font-weight:300;
	letter-spacing:-1px;
	font-size:15px;
    text-decoration: none;
    line-height: 20px;
}


.orange-button {
   	border-radius: 5px;
    background-color: #f79035;
    text-align: center;
	padding: 12px 0;
    display: inline-block;
    color: #ffffff;
	font-weight:300;
	letter-spacing:-1px;
	font-size:15px;
    text-decoration: none;
    line-height: 20px;
}

.orange-button:hover {
   	border-radius: 5px;
    background-color: #f79035;
    text-align: center;
	padding: 12px 0;
    display: inline-block;
    color: #ffffff;
	font-weight:300;
	letter-spacing:-1px;
	font-size:15px;
    text-decoration: none;
    line-height: 20px;
}


.sky-button {
    border-radius: 2px;
    background-color: #0b8da1;
    text-align: center;
    display: inline-block;
    color: #ffffff;
	font-size:13px;
    text-decoration: none;
    line-height: 30px;
}

.gray-button {
    border-radius: 2px;
    background-color: #616161;
    text-align: center;
    display: inline-block;
    color: #ffffff;
	font-size:13px;
    text-decoration: none;
    line-height: 30px;
}
.gray-button:hover {
    border-radius: 2px;
    background-color: #616161;
    text-align: center;
    display: inline-block;
    color: #ffffff;
	font-size:13px;
    text-decoration: none;
    line-height: 30px;
}
.Dgray-button {
    border-radius: 2px;
    background-color: #616161;
    text-align: center;
    display: inline-block;
    color: #ffffff;
	font-size:13px;
    text-decoration: none;
    line-height: 30px;
	margin-left:20px;
}
.Dgray-button:hover {
    border-radius: 2px;
    background-color: #616161;
    text-align: center;
    display: inline-block;
    color: #ffffff;
	font-size:13px;
    text-decoration: none;
    line-height: 30px;
	margin-left:20px;
}
.red-button {
    border-radius: 2px;
    background-color: #e32500;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    line-height: 30px;
}

.wd60 {width:60px;}
.wd70 {width:70px;}
.wd130 {width:130px;}
.wd180 {width:180px !important;}
.wd210 {width:210px !important;}
.funcBtn_bbs {position:absolute; right:2px; top:0px;}


/* bbs New */

.bbsRead {position:relative; width:849px; height:auto; overflow:hidden;  border-bottom: 1px solid #d6d6d6; border-top: 2px solid #0072cc; margin-bottom:10px; padding-bottom:20px;}
.bbsRead table {position:relative; width:100%;}
.bbsRead th {background:#fafafa; border-bottom:1px solid #d6d6d6; padding:14px 17px;}
.bbsRead th.subject {background:#fafafa; border-bottom:1px solid #d6d6d6; padding:14px 17px; text-align:left; font-weight:bold; font-size:13px;}
.bbsRead td.subject {background:#fafafa; border-bottom:1px solid #d6d6d6; padding:14px 17px; text-align:right;}


.bbsRead th.writer {background:#FFF; border-bottom:1px solid #d6d6d6; padding:14px 17px; text-align:left; font-weight:bold;}
.bbsRead th.writer p {float:left;}
.bbsRead th.writer li {float:left; padding:0 11px 0 11px; background:url(../images/bbs_pix.gif) no-repeat right -1px; font-weight:normal;}
.bbsRead th.writer li.ratePercent {padding:0 5px 0 11px; background:none; color:#ff0000;}
.bbsRead th.writer li.end {background:none;}
.bbsRead td.writer {background:#FFF; border-bottom:1px solid #d6d6d6; padding:14px 17px; text-align:right;}

.bbsRead td.bbsCon {background:#FFF; border-bottom:0px solid #d6d6d6; padding:20px 17px; text-align:left;}
.bbsRead td.rateArea {background:#FFF; border-bottom:0px solid #d6d6d6; padding:20px 17px; text-align:center;}

.pad30 {padding:30px;}
.bbsDate {margin-right:15px;}
.sirenBtn {background:url(../images/report_bullet.png) no-repeat left 2px; padding-left:15px;}
.sirenBtn a {color:#050505; text-decoration:none;}

/* bbsWrite */
#contact-faq {position:relative; clear:both; height:auto; overflow:hidden; margin-bottom: 20px;}

.bbsWrite {position:relative; width:100%; height:auto; overflow:hidden; background:#fbfbfb; border:1px solid #d6d6d6; margin-bottom:10px;}
.bbsWrite .writeSubject {border-bottom:1px solid #d6d6d6; text-align:left; padding:10px 0 10px 10px;}
.bbsWrite .writeName {border-bottom:1px solid #d6d6d6; text-align:left; padding:10px 0 10px 10px;}
.bbsWrite .writePw {border-bottom:0px solid #d6d6d6; text-align:left; padding:10px 0 10px 10px;}
.bbsWrite .writeSubject p {padding-top:5px;}
.bbsWrite .writeName p {padding-top:5px;}
.bbsWrite .writePw p {padding-top:5px;}
.bbsWrite .editorArea {border-bottom:1px solid #d6d6d6; text-align:left; padding:10px 0 10px 10px;}
.pad20 {padding:20px;}
#write-form {
    border: 1px solid #d6d6d6;
    background-color: #fbfbfb;
    padding: 10px 0 11px;
}

#write-form-top {
    padding: 0 105px 10px 111px;
    width: 600px;
    border-bottom: 1px solid #d6d6d6;
    float: left;
}

#write-form-bottom {
    padding: 11px 105px 0 111px;
}

#write-form-bottom textarea {
    width: 100%;
	
    height: 263px;
    padding: 13px 17px;
    border: 1px solid #d6d6d6;
}

#write-form-bottom-bbs textarea {
    width: 744px;
	font-family: NanumGothic, sans-serif; 
	font-size:13px;
    height: 263px;
    padding: 13px 15px;
    border: 1px solid #d6d6d6;
}

#write-form-top input[type="text"] {
    border: none;
    width: 100%;
	font-family: NanumGothic, sans-serif; 
	font-size:13px;
    height: 12px;
    padding: 14px 16px 14px;
    background: url(../images/common/write_input_bg.png) top left no-repeat;
    float: left;
}

#write-form-top select {

    float: left;
    margin: 10px 0 10px;
    margin-right: 5px;
    padding-left: 15px;
    width: 142px;
    border: 1px solid #b8b8b8;
    border-radius: 2px;

}


/* input */
.inputComment {width:770px; height:47px; border:1px solid #e8e8e8; background:#FFF;}
.inputFile {width:200px; height:20px; border:1px solid #e8e8e8; background:#FFF;}
.inputSiren {width:285px; height:84px; border:1px solid #d6d6d6; background:#FFF;}
.inputSubject {width:760px; height:40px; border:1px solid #d6d6d6; background:#FFF; border-radius:3px; padding-left:15px; font-family: NanumGothic, sans-serif; font-size:13px;}
.inputName {width:195px; height:40px; border:1px solid #d6d6d6; background:#FFF; border-radius:3px; padding-left:15px; font-family: NanumGothic, sans-serif; font-size:13px;}
.inputCharacter {width:70px; height:40px; border:1px solid #d6d6d6; background:#FFF; border-radius:3px; padding-left:15px; font-family: NanumGothic, sans-serif; font-size:13px;}
.inputCel {width:50px; height:40px; border:1px solid #d6d6d6; background:#FFF; border-radius:3px; padding-left:15px; font-family: NanumGothic, sans-serif; font-size:13px;}
.inputEmail {width:600px; height:40px; border:1px solid #d6d6d6; background:#FFF; border-radius:3px; padding-left:15px; font-family: NanumGothic, sans-serif; font-size:13px;}
.inputAdd {margin-top:10px; width:292px; height:40px; border:1px solid #d6d6d6; background:#FFF; border-radius:3px; padding-left:15px; font-family: NanumGothic, sans-serif; font-size:13px;}
.inputPw {width:195px; height:40px; border:1px solid #d6d6d6; background:#FFF; border-radius:3px; padding-left:15px; font-family: NanumGothic, sans-serif; font-size:13px;}
.inputReceive {width:137px; height:24px; border:1px solid #d6d6d6; background:#FFF; border-radius:3px; padding-left:15px; font-family:NanumGothic, sans-serif;}
.inputPayment {width:137px; height:26px; border:1px solid #acacac; background:#FFF; border-radius:3px; padding-right:15px; font-family:'Verdana'; font-weight:bold; color:#002dd4; text-align:right;}
.inputBatting {width:665px; height:24px; border:1px solid #d6d6d6; background:#FFF; border-radius:3px; padding-left:15px; font-family:NanumGothic, sans-serif;}
.inputMemo {width:791px; height:123px; border:1px solid #d6d6d6; background:#FFF; padding:10px; font-family:NanumGothic, sans-serif;}
.inputNoline {width:195px; height:12px; border:none; background:#FFF; font-family:NanumGothic, sans-serif;}
.inputPoint {width:157px; height:28px; border:1px solid #d6d6d6; border-radius:3px; text-align:right; padding-right:10px; background:#FFF; font-family:'Verdana'; font-weight:bold; color:#ff0000;}
.inputPoint_dis {width:157px; height:28px; border:1px solid #d6d6d6; border-radius:3px; text-align:right; padding-right:10px; background:#efefef url(../images/point_bullet.png) no-repeat 7px 6px; font-family:'Verdana'; font-weight:bold; color:#030303;}
.inputGift {width:275px; height:28px; border:1px solid #d6d6d6; border-radius:3px; text-align:right; padding-right:10px; background:#FFF; font-family:NanumGothic, sans-serif; font-weight:bold; color:#ff0000;}
.inputSolve {height:38px; line-height:38px; background:#FFF; border:1px solid #b8b8b8; padding-left:8px; border-radius:3px; color:#999999;}
.textareaAppli {height:150px; border:1px solid #d6d6d6; background:#FFF; border-radius:3px; padding-left:15px; font-family: NanumGothic, sans-serif; font-size:13px;}