@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face { font-family:NanumGothic; src:url("../fonts/NanumGothic.eot"); src:url("../fonts/NanumGothic.woff") format("woff"); }
/* base css */
html, body {font-family: 'Nanum Gothic', sans-serif; }

/* 문자전송 메인 */
.box_send_list {
	width: 100%;
	height: 400px;
	overflow-x: scroll;
	border: solid 1px #888888;
}
.box_send_list th { text-align: center; }
.box_send_list  tbody td:first-child { text-align: center; min-width: 60px; }
.send_list, .mobile_number { min-width: 90px; height: 22px; border: none; background: transparent; }

#addr-box-group, #addr-box-mobile { 
	height: 500px;
	overflow-y: scroll;
}

#addr-box-mobile .addr_name { display: inline-block; min-width: 180px; }

.emot_title { width: 130px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* #form-inline .btn-search { display: inline; } */

.cb {clear:both}


@media (min-width:769px){
	#navi {font-family: 'Nanum Gothic', sans-serif;font-size:18px;font-weight:bold;width:1140px;margin:0 auto;}

	#ft {font-family: 'Nanum Gothic', sans-serif;font-weight:bold;background:url('/includes/images/ft_bg.gif') repeat-x;color:#9a9a9a;font-size:12px;letter-spacing:-0.05em;padding:0;margin-top:30px;}
	#ft .ft_link {width:1140px;margin:0 auto;background:#f1f1f1;border-top:1px #d9d9d9 solid;;border-bottom:1px #d9d9d9 solid;height:34px;line-height:34px;text-align:left}
	#ft .ft_link a {font-family: 'Nanum Gothic', sans-serif;font-weight:bold;color:#9a9a9a;font-size:12px;letter-spacing:-0.05em;}
	#ft .ft_copy {display:block;width:1140px;margin:0 auto;background:#ffffff;line-height:20px;padding:20px 0;text-align:left}
	#ft .ft_copy2 {display:none}

	#main_contant1 {width:1140px;padding:0;margin:0}
	#main_contant1 ul {list-style:none;margin:0;padding:0;}
	#main_contant1 li {float:left;margin:0;padding:0;}
	#main_contant1 li.first {width:825px;margin-right:30px;}
	#main_contant1 li.end {width:285px;}
	#main_contant1 li .banner1 {/*border:5px #616671 solid;*/}

	#main_contant1 li .login {width:100%;padding:15px 20px 20px 20px;background:#F1F1F1;border:1px #d9d9d9 solid;}
	#main_contant1 li .login .title {font-size:16px;font-weight:bold;color:#000000;line-height:36px;}
	#main_contant1 li .login ul {list-style:none;margin:0;padding:0;}
	#main_contant1 li .login li {float:left;width:100%;color:#d9d9d9}
	#main_contant1 li .login li.input {width:68%;}
	#main_contant1 li .login li.input input {width:100%;height:30px;border:1px #888888 solid;margin-bottom:5px; color: #000000;}
	#main_contant1 li .login li.login_bt {margin:-35px 0 0 2%;width:30%;}
	#main_contant1 li .login li .login_bt {background:#F5741C;font-weight:bold;color:#ffffff;line-height:63px;text-align:center;cursor:pointer;border:0}
	#main_contant1 li .login li .login_bt2 {width: 100%; background:#F5741C;font-weight:bold;color:#ffffff;text-align:center;cursor:pointer;border:0}
	#main_contant1 li .login li .login_bt3 {width: 100%; background:#616671;font-weight:bold;color:#ffffff;text-align:center;cursor:pointer;border:0}
	#main_contant1 li .login li.join_bt {width:50%;background:#616671;font-weight:bold;color:#ffffff;line-height:32px;font-size:15px;text-align:center;cursor:pointer}
	#main_contant1 li .login li.join_bt a:hover{opacity:0.5}
	#main_contant1 li .login li .text1{font-size:13px;font-weight:bold;color:#666666;line-height:34px;letter-spacing:-0.05em}
	#main_contant1 li .login li.text2{width:68%;font-size:13px;font-weight:bold;color:#666666;line-height:34px;letter-spacing:-0.05em}
	#main_contant1 li .login li.text2 span {cursor:pointer}
	#main_contant1 li .login li a {font-size:13px;font-weight:bold;color:#666666;line-height:34px;letter-spacing:-0.05em}

	#main_contant1 li .notice {width:100%;padding:15px 20px 15px;height:172px;border:1px #d9d9d9 solid;border-top:0}
	#main_contant1 li .notice .title {font-size:16px;font-weight:bold;color:#000000;line-height:36px;}
	#main_contant1 li .notice ul {list-style:none;margin:0;padding:0;height:104px;overflow:hidden;}
	#main_contant1 li .notice li {float:left;width:243px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	#main_contant1 li .notice li a {font-size:13px;font-weight:bold;color:#666666;line-height:26px;}

	#main_contant2 {width:1140px;padding:0;margin:0}
	#main_contant2 ul {list-style:none;margin:0;padding:0;}
	#main_contant2 li {float:left;margin:0;padding:0;}
	#main_contant2 li.first {width:825px;margin-right:30px;}
	#main_contant2 li.end {width:285px;}
	#main_contant2 li .banner1 {/*border:5px #616671 solid;*/}

	#main_contant2 li .faq {width:100%;padding:15px 20px 15px;height:172px;border:1px #d9d9d9 solid;margin-top:30px;}
	#main_contant2 li .faq .title {font-size:16px;font-weight:bold;color:#000000;line-height:36px;}
	#main_contant2 li .faq ul {list-style:none;margin:0;padding:0;height:104px;overflow:hidden;}
	#main_contant2 li .faq li {float:left;width:243px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	#main_contant2 li .faq li a {font-size:13px;font-weight:bold;color:#666666;line-height:26px; }

	#main_contant2 li .banner1 {width:100%;border:1px #d9d9d9 solid;padding:0;margin-top: 30px; border-left:1px #d9d9d9 solid;}
	#main_contant2 li .banner1 ul {list-style:none;margin:0;padding:0;}
	#main_contant2 li .banner1 li {float:left;width:20%;margin:0;padding:30px 0 29px;text-align:center;background:#fff;border-right:1px #d9d9d9 solid;cursor:pointer}
	#main_contant2 li .banner1 li.end {background:#f6f6f6}
	#main_contant2 li .banner1 li.end2 {border-right:0px #d9d9d9 solid;}
	#main_contant2 li .banner1 li .title {padding-top:20px;font-size:16px;font-weight:bold;color:#333333}

	#main_contant3 {width:1140px;border:1px #d9d9d9 solid;padding:0;margin-top: 30px; border-left:1px #d9d9d9 solid;}
	#main_contant3 ul {list-style:none;margin:0;padding:0;}
	#main_contant3 li {float:left;width:25%;margin:0;padding:20px 0;text-align:center;background:#fff;border-right:1px #d9d9d9 solid;cursor:pointer}
	#main_contant3 li .title {padding:0px;font-size:16px;font-weight:bold;color:#333333}
	#main_contant3 li.end {border-right:0px #d9d9d9 solid;}

	.login_text1 {width:100%;text-align:center;font-size:20px;letter-spacing:-0.05em;font-weight:bold;color:#333333;margin-bottom:10px;padding:0 10px;}
	.login_text2{width:100%;text-align:center;line-height:20px;font-size:13px;font-weight:bold;color:#666666;margin-bottom:20px;padding:0 10px;}
	.login_box1 {padding: 50px;background:#f1f1f1;border:1px #dddddd solid}
	.login_box2 {width:48%;float:left;padding: 50px;background:#f1f1f1;border:1px #dddddd solid;margin:0 1% 20px 0}
	.login_box3 {width:48%;float:right;padding: 50px;background:#f1f1f1;border:1px #dddddd solid;margin:0 0 20px 1%}
}
@media (max-width:768px){
	#navi {font-family: 'Nanum Gothic', sans-serif;font-size:18px;font-weight:bold}

	#ft {font-family: 'Nanum Gothic', sans-serif;font-weight:bold;background:url('/includes/images/ft_bg.gif') repeat-x;color:#9a9a9a;font-size:12px;letter-spacing:-0.05em;margin-top:20px;}
	#ft .ft_link {width:100%;margin:0;background:#f1f1f1;border-top:1px #d9d9d9 solid;;border-bottom:1px #d9d9d9 solid;height:34px;line-height:34px;text-align:center}
	#ft .ft_link a {font-family: 'Nanum Gothic', sans-serif;font-weight:bold;color:#9a9a9a;font-size:12px;letter-spacing:-0.05em;}
	#ft .ft_copy {display:none}
	#ft .ft_copy2 {display:block;width:100%;margin:0;background:#ffffff;line-height:20px;padding:20px 0;text-align:center}

	#main_contant1 {width:100%;padding:0;margin:0}
	#main_contant1 img {width:100%;}
	#main_contant1 ul {list-style:none;margin:0;padding:0;}
	#main_contant1 li {width:100%;margin:0;padding:0;}
	#main_contant1 li.first {}
	#main_contant1 li.end {}
	#main_contant1 li .banner1 {/*border:5px #616671 solid;*/}

	#main_contant1 li .login {width:100%;padding:15px 20px 20px 20px;background:#F1F1F1;border:1px #d9d9d9 solid;}
	#main_contant1 li .login .title {font-size:16px;font-weight:bold;color:#000000;line-height:36px;}
	#main_contant1 li .login ul {list-style:none;margin:0;padding:0;}
	#main_contant1 li .login li {float:left;width:100%;color:#d9d9d9}
	#main_contant1 li .login li.input {width:68%;}
	#main_contant1 li .login li.input input {width:100%;height:30px;border:1px #888888 solid;margin-bottom:5px; color: #000000;}
	#main_contant1 li .login li.login_bt {margin:-35px 0 0 2%;width:30%;}
	#main_contant1 li .login li .login_bt {background:#F5741C;font-weight:bold;color:#ffffff;line-height:63px;text-align:center;cursor:pointer;border:0}
	#main_contant1 li .login li .login_bt2 {float:left;width: 100%; background:#F5741C;font-weight:bold;color:#ffffff;text-align:center;cursor:pointer;border:0}
	#main_contant1 li .login li .login_bt3 {float:left;width: 100%; background:#616671;font-weight:bold;color:#ffffff;text-align:center;cursor:pointer;border:0}
	#main_contant1 li .login li.join_bt {width:50%;background:#616671;font-weight:bold;color:#ffffff;line-height:32px;font-size:15px;text-align:center;cursor:pointer}
	#main_contant1 li .login li.join_bt a:hover{opacity:0.5}
	#main_contant1 li .login li .text1{font-size:13px;font-weight:bold;color:#666666;line-height:34px;letter-spacing:-0.05em}
	#main_contant1 li .login li.text2{width:68%;font-size:13px;font-weight:bold;color:#666666;line-height:34px;letter-spacing:-0.05em}
	#main_contant1 li .login li.text2 span {cursor:pointer}
	#main_contant1 li .login li a {font-size:13px;font-weight:bold;color:#666666;line-height:34px;letter-spacing:-0.05em}

	#main_contant1 li .notice {width:100%;padding:15px 20px 15px;height:172px;border:1px #d9d9d9 solid;border-top:0}
	#main_contant1 li .notice .title {font-size:16px;font-weight:bold;color:#000000;line-height:36px;}
	#main_contant1 li .notice ul {list-style:none;margin:0;padding:0;height:104px;overflow:hidden;}
	#main_contant1 li .notice li {float:left;width:243px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	#main_contant1 li .notice li a {font-size:13px;font-weight:bold;color:#666666;line-height:26px;}

	#main_contant2 {width:100%;padding:0;margin:0}
	#main_contant2 ul {list-style:none;margin:0;padding:0;}
	#main_contant2 li {width:100%;margin:0;padding:0;}
	#main_contant2 li.first {}
	#main_contant2 li.end {}
	#main_contant2 li .banner1 {/*border:5px #616671 solid;*/}

	#main_contant2 li .faq {width:100%;padding:15px 20px 15px;height:172px;border:1px #d9d9d9 solid;margin-top:-1px;}
	#main_contant2 li .faq .title {font-size:16px;font-weight:bold;color:#000000;line-height:36px;}
	#main_contant2 li .faq ul {list-style:none;margin:0;padding:0;height:104px;overflow:hidden;}
	#main_contant2 li .faq li {float:left;width:243px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	#main_contant2 li .faq li a {font-size:13px;font-weight:bold;color:#666666;line-height:26px; }

	#main_contant2 li .banner1 {width:100%;border:1px #d9d9d9 solid;padding:0;margin-top: -1px;border-bottom:0}
	#main_contant2 li .banner1 ul {list-style:none;margin:0;padding:0;}
	#main_contant2 li .banner1 li {float:left;width:50%;margin:0;padding:29px 0 29px;text-align:center;background:#fff;border-bottom:1px #d9d9d9 solid;cursor:pointer}
	#main_contant2 li .banner1 li.end {background:#f6f6f6;border-left:1px #d9d9d9 solid}
	#main_contant2 li .banner1 li.end2 {width:100%;border-right:0px #d9d9d9 solid;}
	#main_contant2 li .banner1 li .title {padding-top:20px;font-size:16px;font-weight:bold;color:#333333}

	#main_contant3 {width:100%;border:1px #d9d9d9 solid;padding:0;margin-top: -1px;border-bottom:0}
	#main_contant3 ul {list-style:none;margin:0;padding:0;}
	#main_contant3 li {width:100%;margin:0;padding:20px 0;text-align:center;background:#fff;border-bottom:1px #d9d9d9 solid;cursor:pointer}
	#main_contant3 li .title {padding:0px;font-size:16px;font-weight:bold;color:#333333}
	#main_contant3 li.end {border-right:0px #d9d9d9 solid;}

	.login_text1 {width:100%;text-align:center;font-size:20px;letter-spacing:-0.05em;font-weight:bold;color:#333333;margin-bottom:10px;padding:0 10px;}
	.login_text2{width:100%;text-align:center;line-height:20px;font-size:13px;font-weight:bold;color:#666666;margin-bottom:20px;padding:0 10px;}
	.login_box1 {padding: 30px 10px;background:#f1f1f1;border:1px #dddddd solid}
	.login_box2 {padding: 30px 10px;background:#f1f1f1;border:1px #dddddd solid;margin:0 0 20px 0}
	.login_box3 {padding: 30px 10px;background:#f1f1f1;border:1px #dddddd solid;margin:0 0 0px 0}
}