@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, del, dfn, em, img, q, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}

body {font-family:'Nanum Gothic',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; font-size:75%; color:#888; line-height:1.4; letter-spacing:-0.5px;}
ol,ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
:focus {outline:none;}
img {border:0 none; vertical-align:top; font-size:0; line-height:0;}
a img {border:none;}
a {color:#444; text-decoration:none; outline:none;}
a:hover, a:focus, a:visited {text-decoration:none; outline:none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
input, textarea, select, file, button {margin:0; padding:0; vertical-align:middle; font-size:1em; color:#888; font-family:'Nanum Gothic',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
select {font-family:'Nanum Gothic',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; height:28px; line-height:28px; border:1px solid #999; color:#292b32;}
input[type="text"], input[type="password"] {border:1px solid #d1d1d1; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; text-align:left; box-sizing:border-box; color:#171717;font-size:12px;}

/* 인풋 외곽선 */
/* input[type=text], input[type=password], textarea {  
    -webkit-transition: all 0.30s ease-in-out;  
    -moz-transition: all 0.30s ease-in-out;  
    -ms-transition: all 0.30s ease-in-out;  
    -o-transition: all 0.30s ease-in-out;  
	outline:none;
    padding: 3px 0px 3px 3px;  
    border: 1px solid #828282;  
	box-sizing:border-box;
}   */
button, input {overflow:visible;}/*ie6,7 여분의 패딩제거*/
hr {display:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
abbr, acronym, dfn {border-bottom:1px dotted #666; cursor:help;}
em, address {font-style:normal;}

/*ie7Debug*/
input[type="radio"] {.margin:-4px -4px;}
input[type="checkbox"] {margin:-4px; width:15px; height:15px;}


/*commen*/
.container {width:1024px; padding:0 12px; box-sizing:border-box; margin:0 auto;}
.container:after {clear:both;}
.img-responsive{width: auto \9;}

input.ipttxt {width:100%;}
label.lbStyle {color:#35373e; font-weight:bold; display:inline-block; margin-right:5px;}
#umWrap {width:100%; background:#fff url('../images/bg_bluexian.jpg') repeat-x center top;}


/* 헤더 */ 
#header { width:100%;height:30px;background:#fff;}
.header_inner { max-width:640px;height:30px;line-height:30px;margin:0 auto;padding:0 20px;}
.header_inner h1 a.logo_amor { display:block;float:left;color:#000;text-align:left;text-decoration:none;font-weight:800;font-size:14px;font-family: 'Noto Sans KR', sans-serif;}
.header_inner .ngnb { display:block;float:right;font-size:12px;font-family:'MalgunGothic',Sans-serif; }

/*contents*/


/* footer 
.footer_group{display:block; margin-top:-1px; border-top:2px solid #3568bb;}
.footer_menu{ position:relative; width:100%; height:42px; background:#f6f6f6; border-top:1px solid #dadada; border-bottom:1px solid #dadada; font-size: 13px;}
.footer_menu dl{margin:0 auto; width:1024px;}
.footer_menu dt, .footer_menu dd{float:left;}
.footer_menu dt{ border-left:1px solid #dadada; border-right:1px solid #dadada; margin-right:30px;}
.footer_menu dt h1{background:url("/static/img/common/logo.png") no-repeat center center / 75% auto; text-indent:-9999em; .text-indent:0px; .text-align:center; width:140px; padding:14px 0; height:14px;}
.footer_menu dd a{ display:inline-block; padding:14px 20px; }
.footer_menu dd a:hover{color:#222;}
.fc_b {color:#3568bb;}

.address_group{ margin:0 auto; width:1024px;}
.address_group ul{margin:17px 0 12px; display:inline-block;}
.address_group li{ float:left;}
.address_group li h1{background:url("/static/img/common/footer_logo.gif") no-repeat 0 0; font-size:0; width:103px; height:19px; margin:16px 0 0 22px; }
.address_group li .address{letter-spacing:-1px; line-height:17px; margin-left:48px;}
.address_group li .address a{color:#333; text-decoration:underline;}
.address_group li .copyright{color: #aaa; font-size:11px; margin:8px 0 0 48px;}
.address_group li .payment{ width:204px; text-align:right; padding-top:25px;}*/






/*----- media queries ------*/
@media screen and ( min-width:320px) {

	#header .header_inner { max-width:670px;}

	.headTitWp ul {max-width:320px;}
	.headTitWp h2.headTit  {max-width:320px;}
	.content { max-width:290px;} 
	.infoCont {max-width:100%;}

	.infoCont .myInfoModifyTb .agreeWp input[type="checkbox"] {display:block;float:left;margin:0;}
	.infoCont .myInfoModifyTb .agreeWp input[type="checkbox"] + label { display:block;padding-left:18px;font-size:12px;}

	.idBox .boxTit {font-size:15px;}
	.idBox .boxTit02 {font-size:15px;}
	.ofhd .bBox {padding:10px;}
	.ofhd .iptBox li label {text-indent:0;font-size:13px;}
	.ofhd .iptBox li .ipt_email input.iptss {width:30%;padding:5px;}
	.ofhd .iptBox li .ipt_email .ct_btnB {width:100%;margin-top:10px;}
	.ofhd .iptBox li .ipt_email select.slts { width:30%;padding:5px;}
	.ofhd .iptBox li .birTd .select {width:26%;padding:5px 3px;}
	.ofhd .iptBox li .phonTb input.iptM {width:57%;}
	.ofhd .iptBox li .phonTb .ct_btnB {width:39%;font-size:11px;}
	.ofhd .iptBox li .noti {text-align:center;margin:0;}
	.ofhd .ip_bBox { padding:10px 20px;}
	.ofhd .ip_bBox .txt2 {font-size:11.5px;}

	.content .tab-content { width:100%;} 
	.content .tab-content .tabc { width:auto;height:220px;padding:20px;} 

	.pwBox .pwBoxWp input[type="password"] {max-width:90%;}
	.pwBox .pwBoxWp p.noti {font-size:11px; margin:0 10px;}
	.pwBox a.ct_btn {width:100%;}
	/* 탈퇴 */
	.contBox .chkBoxWp {padding:15px;}
	.contBox .chkBoxWp ul.secReaList li {width:49%;height:36px;}
	.contBox .chkBoxWp ul.secReaList li:nth-child(odd) {margin:0 5px 10px 0;}
	.contBox .chkBoxWp ul.secReaList li:nth-child(even) {margin:0 0 10px 0;}
	.contBox .chkBoxWp ul.secReaList li label {font-weight:400;display:block;margin-left:18px;}
	.contBox .chkBoxWp ul.secReaList li input[type="radio"] { margin:3px 5px 0 0;display:block;float:left;}
	.contBox .chkBoxWp .txtBox .secRtxt {padding:5px 0;}
	/* 탈퇴팝업 */
	#scsPop01 {width:300px!important; margin-left:-150px!important;}
	#scsPop01 .popCon {padding:30px 0!important;}
}

@media screen and ( min-width:360px) {
	.headTitWp ul {max-width:360px;}
	.headTitWp h2.headTit {min-width:360px;}
	.content {min-width:330px;}

	.content .tab-content { width:100%;} 
	.content .tab-content .tabc { width:auto;height:350px;padding:20px;} 

}

@media screen and ( min-width:375px) {
	.headTitWp ul {max-width:375px;}
	.headTitWp h2.headTit {min-width:375px;}
}
 
@media screen and ( min-width:400px) and (max-width: 420px){ 
	.headTitWp ul {max-width:400px;}
	.headTitWp h2.headTit {min-width:400px;max-width:420px;} 
	.content {max-width:380px;}
	.ofhd .iptBox li .ipt_email select.slts {width:33%;}

	/* 탈퇴팝업 */
	#scsPop01 {width:380px!important; margin-left:-190px!important;}
	#scsPop01 .popCon {padding:30px 10px!important;}
}

@media screen and (min-width:768px) {

	#header .header_inner { max-width:460px;}

	.headTitWp ul {max-width:670px;}
	.headTitWp h2.headTit {width:670px;}
	.content {max-width:460px;}
	.infoCont {max-width:100%;}

	.idBox .boxTit {font-size:15px;}
	.ofhd .bBox {padding:40px;}
	.ofhd .iptBox li label {text-indent:20px;}

	.idBox .boxTit {font-size:15px;}
	.ofhd .iptBox li label {text-indent:20px;width:20%;text-align:left;}
	.ofhd .iptBox li input {width:75%;}
	.ofhd .iptBox li .birTd {width:75%;}
	.ofhd .iptBox li .birTd .select {width:27%;padding:10px;}
	.ofhd .iptBox li .phonTb {width:75%;}
	.ofhd .iptBox li .phonTb input.iptM {width:69%;}
	.ofhd .iptBox li .phonTb .ct_btnB {width:27.5%;font-size:12px;}
	.ofhd .iptBox li .noti {text-align:left;margin-left:21%;}
	.ofhd .ip_bBox { padding:30px 40px;}
	.ofhd .ip_bBox .txt2 {font-size:15px;}

	.ofhd .iptBox li .ipt_email {width:75%;}
	.ofhd .iptBox li .ipt_email input.iptss {width:21%;padding:0px;}
	.ofhd .iptBox li .ipt_email .ct_btnB {width:29%;font-size:13px;margin-top:0;}
	.ofhd .iptBox li .ipt_email select.slts { width:22%;padding:0px;margin-right:0;}

	.content .tab-content .tabc { width:auto;height:500px;padding:20px;} 

	.pwBox .pwBoxWp input[type="password"] {width:300px;}
	.pwBox .pwBoxWp p.noti {font-size:13px; margin:0 10px;} 
	.pwBox a.ct_btn {width:300px;}

	/* 탈퇴 */
	.contBox .chkBoxWp {padding:30px;}
	.contBox .chkBoxWp ul.secReaList li {width:33.333%;height:auto;}
	.contBox .chkBoxWp ul.secReaList li:nth-child(odd) {margin:0 0 10px 0;}
	.contBox .chkBoxWp ul.secReaList li:nth-child(even) {margin:0 0 10px 0;}
	.contBox .chkBoxWp ul.secReaList li label {font-weight:bold;margin-left:0;}
	.contBox .chkBoxWp ul.secReaList li input[type="radio"] { margin:3px 5px 0 0;display:block;float:left;}
	.contBox .chkBoxWp .txtBox .secRtxt {padding:5px 0;}

	/* 탈퇴팝업 */
	#scsPop01 {width:400px!important; margin-left:-200px!important;}
	#scsPop01 .popCon {padding:30px 20px!important;}

}

@media screen and (min-width:1024px) {

	#header .header_inner { max-width:670px;}

	.headTitWp h2.headTit {width:670px;}
	.content {max-width:670px;}
	.infoCont {max-width:460px;}
	
	.ofhd .iptBox li input {width:70%;}
	.ofhd .iptBox li .birTd {width:70%;}
	.ofhd .iptBox li .phonTb {width:70%;}
	.ofhd .iptBox li .ipt_email {width:70%;}
	.ofhd .iptBox li .phonTb .ct_btnB {width:28%;font-size:13px;}

	.ofhd .iptBox li .ipt_email select.slts { margin-right:2%;}
	
}

@media (min-width: 1030px) and (min-width: 1200px) {
	.headTitWp h2.headTit {width:670px;}
	.content {max-width:670px;}
	.content .tab-content .tabc { width:auto;height:700px;padding:20px;} 

}