@charset "utf-8";
/************
font
************/
@font-face { 
	font-family: 'NanumGothic'; 
	font-style: normal; 
	font-weight: 700; 
	src: url('font/NanumGothic-Bold.eot'); 
	src: url('font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),  url('font/NanumGothic-Bold.woff') format('woff'),  url('font/NanumGothic-Bold.ttf') format('truetype'); 
	}

@font-face { 
	font-family: 'NanumGothic'; 
	font-style: normal; 
	font-weight: 400; 
	src: url ('font/NanumGothic-Regular.eot'); 
	src: url('font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'), url('font/NanumGothic-Regular.woff') format('woff'),  url('font/NanumGothic-Regular.ttf') format('truetype');
	}

@font-face { 
	font-family: 'NanumBarunGothic'; 
	font-style: normal; 
	font-weight: 400; 
	src: url('font/NanumBarunGothic.eot'); 
	src: url('font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('font/NanumBarunGothic.woff') format('woff'),  url('font/NanumBarunGothic.ttf') format('truetype');
	}

@font-face { 
	font-family: 'NanumBarunGothic-bold'; 
	font-style: normal; 
	font-weight: 700; 
	src: url('font/NanumBarunGothic-bold.eot'); 
	src: url('font/NanumBarunGothic-bold.eot?#iefix') format('embedded-opentype'), url('font/NanumBarunGothic-bold.woff') format('woff'),  url('font/NanumBarunGothic-bold.ttf') format('truetype');
	}


/* Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, input { margin:0; padding:0; border:0; list-style:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body {  color:#000; font-family:sans-serif; /* font-family:'Nanum Gothic'*/}
a, a:link, a:active,a:focus, a:visited { color: inherit; -webkit-transition: color 0.25s ease-out; -moz-transition: color 0.25s ease-out; -o-transition: color 0.25s ease-out; transition: color 0.25s ease-out; /*outline: none;*/ text-decoration: none;*color:#111;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:hover { color: inherit; }
address,  cite, code, dfn, em, var { font-style:normal; font-weight:normal; }
 legend, caption { margin:0; padding:0; display:none }
img, fieldset, textarea { border:0 none; margin:0; padding:0 }
table { width:100%; border-collapse:collapse;border:0 ; empty-cells:show;border-spacing:0;}
td,th{border:0 ; empty-cells:show;border-spacing:0;}
select, input, textarea { font-size:100%;  /*font-family:'Nanum Gothic'*/}
button { border:0; cursor:pointer; overflow:hidden; background:none ; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
button span {/* font-size:0px; width:0px; height:0px; line-height:0px; visibility:hidden;*/ overflow:hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

input{  border:0; cursor:pointer; overflow:hidden; background:none ; padding:0;}
header, section, footer { display:block; }

* { font-size:1em; margin: 0; padding: 0;/*font-family:'Nanum Gothic'*/}
body{font-size:0.8em;}
/*
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-text-size-adjust: none;box-sizing: border-box; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/


/*iphone에서 input */
input,textarea {    -webkit-appearance: none;    -webkit-border-radius:0;     border-radius:0;}
select {    -webkit-border-radius:0;     border-radius:0;padding:0 ; border:solid 1px #CCC;background:#FFF;}
input[type="checkbox"],
input[type="radio"] {position:relative; top:2px;   box-sizing: border-box;   padding:0}
input[type="checkbox"]{-webkit-appearance: checkbox;}
input[type="radio"]{-webkit-appearance: radio;-webkit-border-radius:50%}
input{ -webkit-ime-mode: auto;-moz-ime-mode: auto ;-ms-ime-mode: auto ; ime-mode: auto}



body  { font-family:'NanumGothic','Nanum Gothic','돋움';font-weight: 400;}
select, input, textarea,button { font-family:'NanumGothic','Nanum Gothic','돋움';font-weight: 400; }

select {/*min-width:90px; padding:7px 5px 5px; border:1px solid #e5e5e5; */border-radius:0 !important; background:#fff !important; color:#333;  vertical-align:middle;}
.ie10 select {padding:5px 5px 7px; height:30px; line-height:30px;}
textarea {padding:1%; border:1px solid #e5e5e5;color:#4d4d4d; resize:none;}    
em {font-style:normal;}
a, a:link, a:visited, a:active {text-decoration:none; color:#4d4d4d;}
a:hover {text-decoration:none; color:#333;}

input[type="button"], button {margin:0; padding:0; border:0; border-radius:0 ; -webkit-border-radius:1px ; -webkit-appearance:none !important; cursor:pointer; } 
button, input[type="reset"], input[type="button"], input[type="submit"] {line-height:normal; border:none;}

input[type="text"]::-ms-clear {display:none !important;}
input[type="text"],
input[type="password"],
input[type="tel"] {line-height:1; /*height:15px; padding:6px 0 7px; border:1px solid #e5e5e5;*/ border-radius:0 !important; -webkit-appearance:none !important; background:#fff; 
 color:#4d4d4d; text-indent:1px; outline:none;}
.ie7 input[type="text"], .ie7 input[type="password"], .ie7 input[type="tel"] {text-indent:0 !important;}
.ie8 input[type="text"], .ie8 input[type="password"], .ie8 input[type="tel"] {padding:8px 0 5px;}
input[type="file"] {line-height:1;/* padding:6px 10px 7px; border:1px solid #e5e5e5;*/ background:#fff;  color:#4d4d4d; cursor:pointer;}
.ie9 input[type="file"], .ie10 input[type="file"], .ie11 input[type="file"] {padding:6px 0 7px; border:none;}

input[type="checkbox"],
input[type="radio"] {margin:0 0px 0 0; padding:0;}
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {color:#fb4d33 !important;} 
input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label {color:#999 !important;} 

input:disabled, input:readonly {background:#f1f1f1;}
input[readonly="readonly"], input[readonly],
input[disabled="disabled"], input[disabled] {line-height:15px !important; height:15px !important; border:1px solid #e5e5e5; background:#f1f1f1; color:#4d4d4d; text-indent:1px ;}
select[disabled] {border:1px solid #e5e5e5; background:#f1f1f1; color:#4d4d4d;}



 /*ready*/ 
.sorry{background:url(../../designer/images/common/sorry.gif) center  no-repeat; width:100%; height:450px; text-indent:-9999em; }
.exLink{background:url(../../designer/images/common/sorry_url.gif) center 10%  no-repeat;border:0px solid #000;height:200px; padding-top:200px; text-align:center;}
.exLink a{display:block;text-decoration:underline;color:#36f;font-weight:bold;padding-top:50px;}

.hide { position:absolute; width:0px; height:0px; font-size:0px; margin:0px; padding:0px; line-height:0px; overflow:hidden; z-index:-1; visibility:hidden; left:-1px; top:-1px }
.txtHide{ text-indent: 100%; white-space: nowrap; overflow: hidden; color:transparent;}
.flt { float:left ;display:block;}
.frt { float:right;display:block; }
.wrp { overflow:hidden; }
.clr,.clear { clear:both }
.right{ text-align:right}
.left{ text-align:left}
.center{ text-align:center}
.ellips{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.unit{text-align:right;float:right;margin-top:-27px;padding-bottom:0;}
.gap{letter-spacing:-1px;}
.wwr{word-wrap:break-word;}
.wbr{word-break: break-all;}


.skip{position: absolute;top: 0;left: 0;width:100%}
.skip a{position:absolute; display:block; width:100%; left:0; text-align:center; top:-50px;left:0; z-index:999;}
.skip a:hover,
.skip a:focus,
.skip a:active{position: absolute; top: 0;left:0; padding: 5px 0; font-weight:bold; color:#fff; background:#36F;width:100%;}


/* link */
a.btnFile{background:url('/designer/images/m_builder/icon_file.gif') 0 4px  no-repeat;padding:0 0 3px 15px;display:inline-block;border-bottom:dotted 1px #ccc;}
a.url{background:url('/_kor/designer/images/common/icon_link02.png') 100% 47% no-repeat;padding:0 15px 3px 0px;display:inline-block; border-bottom:dotted 1px #ccc;}

.pageContent .mapArea{width:100%;height:350px;}

@media all and (max-width:767px) {
	 .pageContent .mapArea{height:180px;}
}

@media all and (max-width:1024px){/**/
	/* @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
	body {  color:#000; font-family:sans-serif; font-family:'Nanum Gothic'} */
	select, input, textarea { font-size:100%;  /* font-family:'Nanum Gothic' */}
	* { font-size:1em; margin: 0; padding: 0;/* font-family:'Nanum Gothic' */}
	.m_scroll{overflow-y:hidden;overflow-x:scroll;}

}
/***************
realNameTab
***************/
#guideText{font-size: 13px;line-height: 150%;padding-bottom: 20px;}
#realNameTab{position: relative;padding-top: 47px;}
#realNameTab h4{position: absolute;top: 0;left: 0;width: 50%;height: 47px;background:url(/_kor/designer/images/common/topnav_bg.gif) 0 5% no-repeat;text-align: center;}
#realNameTab h4#tab-2{left: 50%;}
#realNameTab h4#tab-1.on{border-left: 1px solid #DDD;}
#realNameTab h4#tab-2.on{border-right: 1px solid #DDD;}
#realNameTab h4 a{display: block;line-height: 47px;color: #FFF;font-size: 15px;}
#realNameTab h4.on{background: #FFF;border-bottom: none;}
#realNameTab h4.on a{color: #2173bf;border-top: solid 3px #2173bf;margin-top: -3px;}

#realNameTab .tabContArea{display: none;padding: 30px 0;min-height: 671px;border: 1px solid #DDD;border-top: 0;}
#realNameTab .tabContArea.first{display: block;}
#realNameTab .tabContArea iframe {width:410px;height:671px;display:none;margin: auto;border: none;overflow: hidden;}

#realNameTab .ipinText{line-height: 160%;font-size: 14px;text-align: center;padding-top: 100px;}
#realNameTab .ipinText p{margin-bottom: 20px;}

a.bPin{display:inline-block;height:40px;line-height:40px;color:#FFF; font-weight:bold;text-align:left;background:#2173bf;margin:0 0  25px 0;font-size:1em;padding-left:17px; padding-right:55px;position:relative;}
a.bPin .iconWin{display:inline-block;background:#1388d5 url(../../designer/images/common/ico_win.gif) center  no-repeat;width:40px; height:40px;vertical-align:top;margin:0;position:absolute;top:0px;right:0px;display:block;}



@media (max-width: 414px){
#guideText{font-size: 12px;line-height:135%;padding-bottom: 15px;}
#guideText br{display: none;}
#realNameTab .tabContArea {padding: 0;min-height: 535px;}
#realNameTab .tabContArea iframe {overflow: auto;width: 99.9% !important;margin: 0;height: 535px !important;}
#realNameTab .ipinText {padding:50px 5% 0;}
#realNameTab .ipinText p{line-height: 140%;font-size: 13px;}
#realNameTab .ipinText p.first br{display: none;}

}