@charset "utf-8";
/* CSS Document */

/*! reset */
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1.2}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
code,form,fieldset,legend,input,textarea,p,blockquote,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,
hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0}
caption,hr,legend{width:0px;height:0px;font-size:1px;text-indent:-9999em;line-height:0}
body{font-size:14px;color:#666666;line-height:1.2em;font-family:"Malgun Gothic";-webkit-text-size-adjust:none}
a,a:link,a:visited,a:active,a:hover,a:focus{color:#666666;font-size:100%;text-decoration:none;}
table{width:100%;border-spacing:0}
fieldset{border:0}
em{font-style:normal}

/* Layout */ 
.container-full {width:100%}
.container {width:100%;padding: 0 40px}
#wrapper {height:100%;position:relative}
 /* top */ 
.header{width:100%; height: 50px;  border-bottom: 2px solid #f0f1f2;}
.header .logo{margin-left: 20px;}
.header .logo h1{display: inline-block; float: left;}
.logo h1 a{display: block;
			background: url(/common/m/images/tm/header_ci.png)no-repeat;
			background-size: 140px;
			width: 150px; height: 48px;
			text-indent: -999em;}

/* 모바일 가입설계 카카오 연동 페이지 화면   */
/* .join_wrap{background-color:#f8f8f8; margin:20px; height:270px; width:89%;} */
.join_wrap{background-color:#f8f8f8; margin-top: 8px; margin-right: 20px; margin-bottom: 8px; margin-left: 20px; height:270px; width:89%;} 

   
    
.join_wrap img{ display: block;width: 182px; height: auto; margin: 0 auto; padding: 20px -10px;}  

.join_wrap ul{text-align:center; letter-spacing: -1px;}
.join_wrap ul li{line-height:20px; padding-bottom:10px; color:#3f335d;font-size: 14px;}
.join_wrap ul li .bold{font-weight:bold; color:#e4007f;  font-size: 14px; }

.btn_wrap{text-align:center; margin:8px 20px; font-family: "Malgun Gothic"}
.btn_ok{width: 100%;font-family: "Malgun Gothic";
    height: 50px;
    line-height: 40px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 0 20px;
	background: #55457f;color: #fff;border: none;}

.btn_book{width: 100%;height: 50px;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
	background: #37333e;color: #fff;border: none;}
.btn_book img{width: 25px; display: inline-block; top: 5px; right: 5px; position: relative; vertical-align: top;}

.btn_call{background: url(/common/m/images/tm/tel_banner.gif)center center no-repeat;
    background-size: 336px 42px;
    height: 50px;
    background-color: #37333e;
    font-size: 0;
	text-decoration: none;}

/* 하단 부분 내용  */
.bottom{background:#f5f5f5; padding:15px 20px;}
.bottom>ul{ font-weight: bold; color: #6b5d7e; line-height: 15px;}
.bottom ul>li>span{font-color:#6b5d7e;}

.copy_wrap{background: #fff; padding: 20px; border-top: 1px solid #ebecec; margin-top: 0px; font-size: 12px;}
.copy_wrap .link{margin-bottom: 10px; font-size: 14px; color: #5b4b73; letter-spacing: -1px;}
.copy_wrap .link a{ margin-right: 10px; color:#5b4b73; font-weight: 500;}
/* .copy_wrap p{color: #888; font-size: 11px;} */ 
.copy_wrap p{color: #888; margin-bottom: 5px; margin-left: 1px; font-size: 12px; font-weight: 300; }
.copy_wrap p span{padding-left: 4px; margin-left: 4px; border-left: 1px solid #ebecec; font-weight: 300;}
.copy_wrap p span:first-child{margin: 0; padding: 0; border: none;}