@charset "euc-kr";

/* RESET */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita??lic,400italic,500,500italic,700,700italic,900italic,900);

/*Noto Sans Kr*/
@font-face {
	font-family: "NotoKr";
	font-weight: 100;
	src: url("/cauin/fonts/NotoKr-Thin.eot");
	src: url("/cauin/fonts/NotoKr-Thin.eot?#iefix") format("embedded-opentype"),
	url("/cauin/fonts/NotoKr-Thin.woff") format("woff"),
	url("/cauin/fonts/NotoKr-Thin.ttf") format("truetype");
}

@font-face {
	font-family: "NotoKr";
	font-weight: 200;
	src: url("/cauin/fonts/NotoKr-Light.eot");
	src: url("/cauin/fonts/NotoKr-Light.eot?#iefix") format("embedded-opentype"),
	url("/cauin/fonts/NotoKr-Light.woff") format("woff"),
	url("/cauin/fonts/NotoKr-Light.ttf") format("truetype");
}

@font-face {
	font-family: "NotoKr";
	font-weight: 300;
	src: url("/cauin/fonts/NotoKr-DemiLight.eot");
	src: url("/cauin/fonts/NotoKr-DemiLight.eot?#iefix") format("embedded-opentype"),
	url("/cauin/fonts/NotoKr-DemiLight.woff") format("woff"),
	url("/cauin/fonts/NotoKr-DemiLight.ttf") format("truetype");
}

@font-face {
	font-family: "NotoKr";
	font-weight: 400;
	src: url("/cauin/fonts/NotoKr-Regular.eot");
	src: url("/cauin/fontst/NotoKr-Regular.eot?#iefix") format("embedded-opentype"),
	url("/cauin/fonts/NotoKr-Regular.woff") format("woff"),
	url("/cauin/fonts/NotoKr-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "NotoKr";
	font-weight: 500;
	src: url("/cauin/fonts/NotoKr-Medium.eot");
	src: url("/cauin/fonts/NotoKr-Medium.eot?#iefix") format("embedded-opentype"),
	url("/cauin/fonts/NotoKr-Medium.woff") format("woff"),
	url("/cauin/fonts/NotoKr-Medium.ttf") format("truetype");
}

@font-face {
	font-family: "NotoKr";
	font-weight: bold;
	src: url("/cauin/fonts/NotoKr-Bold.eot");
	src: url("/cauin/fonts/NotoKr-Bold.eot?#iefix") format("embedded-opentype"),
	url("/cauin/fonts/NotoKr-Bold.woff") format("woff"),
	url("/cauin/fonts/NotoKr-Bold.ttf") format("truetype");
}

html {font-family: '¸¼Àº°íµñ','Malgun Gothic','±¼¸²',Gulim,'µ¸¿ò',Dotum,Sans-serif;color:#000; -webkit-text-size-adjust:none; font-size:12px;  letter-spacing:-0.7px; font-weight:100;}
html body.ios {font-family:Helvetica Neue, "Apple SD Gothic Neo"}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td {margin:0;padding:0;-webkit-text-size-adjust:none;}
address {font-stretch:normal;}
b, span, strong, input, a, button{font-size:inherit;font-family:inherit;color:inherit;  line-height:inherit;}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption {display: block;}
cite{display:inline}
html, body {height:100%;}
html{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body {overflow-y:scroll; margin:0px; background-attachment: fixed;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
img{border:0;max-width:100%}
label, input, textarea, select{vertical-align:middle}
ol, ul,li{list-style:none;}
table{border-collapse:collapse;table-layout:fixed; width:100%;}
fieldset{border:none}
.skip, hr, legend{position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
caption{font-size:0;height:0;opacity:0}
button{margin:0;padding:0;border:none; background:none; cursor:pointer; display:inline-block;}


/* COMMON */
#skipnavi a {display:block; position:absolute; top:0px; left:-102px; width:100px; height:40px; padding:0; border:1px solid #dcdcdc; color:#555; font-size:15px; background:#fff; text-align:center; line-height:40px; font-weight:700; z-index:10000; transition:all 0.3s ease;}
#skipnavi a:focus {top:0; left:0;}
.hidden {position:absolute; overflow:hidden; top:0; left:0; width:1px; height:1px; text-indent:-99999em;}
.mbr {display:none;}
#wrap {width:100%; min-width:1170px; margin:0 auto; background:#fff;}


/* HEADER */

/* #header {width:100%;}
#header .header_top {position:absolute; top:0; left:0; height:74px; width:100%; background: #fff; z-index: 100; background:url(/cauin/pc/img/common/bg_gnb.png) repeat-x 0 0} */

#header {width:100%;}
#header .header_top {position:absolute; top:0; left:0; height:74px; min-width:100%; background: #fff; z-index: 100; background:url(/cauin/pc/img/common/bg_gnb.png) repeat-x 0 0}

	#header .header_top > div {position:relative; width:1170px; padding:18px 0 10px; margin:0 auto;}
	#gnb {position:absolute; right:0; top:31px;}
	#gnb ul:after {display:block; clear:both; content:""}
	#gnb > ul > li {position:relative; float:left; margin-left:65px;}
	#gnb > ul > li:first-child {margin:0;}
	#gnb > ul > li > a {color:#666; font-size:18px; line-height:1; font-weight:500; font-family:"NotoKr";}
	#gnb > ul > li.current > a {color:#2c6fd1; position:relative; }
	#gnb > ul > li.current > a:after {position:absolute; top:6px; right:-9px; display:block; width:4px; height:4px; border:1px solid #ee153a; content:"";}
	#gnb > ul > li.on > a {color:#2c6fd1; position:relative; }
	#gnb > ul > li.on > a:after {position:absolute; top:6px; right:-9px; display:block; width:4px; height:4px; border:1px solid #ee153a; content:"";}
	#gnb .sub {display:none; position:absolute; bottom:-80px; left:50%; width:600px; margin-left:-300px; color:#fff; font-size:16px; font-weight:200; z-index:1000; text-align:center;}
	#gnb .sub ul {display: inline-block;}
	#gnb .sub ul:after {display:block; clear:both; content:""}
	#gnb .sub li {float:left; margin-left:50px; }
	#gnb .sub li:first-child {margin:0;}
	#gnb .sub li.current a {padding-bottom:5px; border-bottom:1px solid #fff;}
	#gnb .sub a:hover {padding-bottom:5px;  border-bottom:1px solid #fff;}
	#gnb .over:after {display:block; position:absolute; bottom:-24px; left:50%; margin-left:-8px; width:0; height:0; border-bottom:9px solid #235bae; border-left:8px solid transparent;border-right:8px solid transparent; content:""; }

/* #header .myutile {position:relative; padding-top:75px; background:#5185d1;} */
#header .myutile {position:relative; margin-top: 74px; background:#5185d1;}

	.myutile .inner {width:1170px; padding:26px 0; margin:0 auto; color:#fff;}
	.myutile .inner:after {display:block; clear:both; content:""}
	.myutile.on .inner {padding:16px 0 0; height:82px; box-sizing:border-box }
	.myutile.on .loginzone {display:block;}
	.myutile.on .rightzone {margin-top:15px;}
	.myutile.on .rightzone .btn {display:inline-block;}
	.myutile.on .logoutzone {display:none;}
	.loginzone {display:none;}
		.loginzone .myicon {float:left;}
		.loginzone .myicon:after {display:block; clear:both; content:""}
		.loginzone .myicon > * {float:left;}
		.loginzone .myicon .img {position:relative; overflow:hidden; width:50px; height:50px; border-radius:1000px; }
		.loginzone .myicon .img img {width:100%; height:100%;}
		.loginzone .myicon .txt {padding:16px 0 0 16px; font-size:14px;}
		.loginzone .myicon .btn {padding:16px 0 0 10px;}
		.loginzone .myicon .btn a {display:inline-block; position:relative; color:#fff; font-size:12px; border-bottom:1px solid rgba(256,256,256,0.6);}
		.loginzone .myicon .btn a:after {display:block; position:absolute; right:-15px; top:3px; width:10px; height:13px; background:url(/cauin/pc/img/common/icon_secret.png) no-repeat 50% 0; content:"";}
		.utilegroup {float:left; margin-left:58px; padding-top:15px;}
		.utilegroup:after {display:block; clear:both; content:""}
		.utilegroup li {float:left; position:relative; margin-left:30px; font-weight:200; font-size:14px; cursor: pointer; }
		.utilegroup li strong {margin-left:10px; font-family:"Roboto"; font-weight:500}
		.utilegroup li:first-child {margin-left:0;}
		.utilegroup li:before {margin-right:5px; vertical-align:-3px}
		.utilegroup .message:before {display:inline-block; content:""; width:11px; height:14px; background:url(/cauin/pc/img/common/icon_message.png) no-repeat 50% 0;}
		.utilegroup .attend:before {display:inline-block; content:""; width:15px; height:14px; background:url(/cauin/pc/img/common/icon_check.png) no-repeat 50% 0; vertical-align:-2px}
		.utilegroup .posting:before {display:inline-block; content:""; width:13px; height:15px; background:url(/cauin/pc/img/common/icon_cont.png) no-repeat 50% 0;}
		.utilegroup .scrap:before {display:inline-block; content:""; width:13px; height:14px; background:url(/cauin/pc/img/common/icon_scrap.png) no-repeat 50% 0;}
		.utilegroup .new:after {display:block; position:absolute; top:-4px; left:-8px; content:""; width:13px; height:13px; background:url(/cauin/pc/img/common/icon_new.png) no-repeat 50% 0;}
		.utilegroup .attend.new:after {left:-6px;}
		.utilegroup .posting.new:after {left:-7px;}
		.utilegroup .scrap.new:after {left:-7px;}
	.myutile  .rightzone {float:right; margin-top:7px;}
		.myutile  .rightzone > p {display:inline-block;}
		.myutile  .rightzone .btn {display:none; margin-left:16px;}
		.myutile  .rightzone .beforebtn {position:relative; top:-2px;}
		.myutile  .rightzone .beforebtn a {font-size:13px; color:#fff; font-weight:200;}
		.myutile  .rightzone .beforebtn span {padding:0 3px 2px 2px; border-bottom:1px solid rgba(256,256,256,0.6)}
		.myutile  .rightzone .beforebtn a:after {display:inline-block; content:""; width:11px; height:13px; margin-left:3px; background:url(/cauin/pc/img/common/icon_beforeboard.png) no-repeat 50% 0; vertical-align:-3px}
	.logoutzone {float:left;}
		.loginbox {float:left;}
		.loginbox .loginbtn {width:59px; height:30px; background:url(/cauin/pc/img/common/btn_login.png) no-repeat 50% 0; text-indent:-9999em;box-shadow:1px 1px 5px #0b3f8a;}
		.loginbox .input+.input {margin-left:1px;}
		.findgroup {float:left; height:30px; padding:10px 14px 0 17px; margin-left:15px; background:rgba(256,256,256,0.1); box-sizing:border-box}
		.findgroup:after {display:block; clear:both; content:""}
		.findgroup li {float:left; line-height:1;}
		.findgroup li+li {padding-left:25px; position:relative;}
		.findgroup li+li:before {display:block; position:absolute; left:11px; top:-2px; width:1px; height:15px; background:#5185d1; content:"";}
		.findgroup li a {display:inline-block; position:relative;}
		.findgroup li a:after {position:absolute; top:0; margin-left:5px;}
		.findgroup .totalid {padding-right:19px;}
		.findgroup .totalid a:after {display:inline-block; right:-19px; top:-1px; width:14px; height:14px; background:url(/cauin/pc/img/common/icon_id.png) no-repeat 50% 0; content:"";}
		.findgroup .idfind {padding-right:17px;}
		.findgroup .idfind a:after {display:inline-block; right:-17px; width:12px; height:12px; background:url(/cauin/pc/img/common/icon_idfind.png) no-repeat 50% 0; content:"";}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.myutile  .rightzone .beforebtn {position:relative; top:1px;}
	}


/* FOOTER */
#footer {position:relative; color:#666;}
	#footer .upbtn {display:none;position:fixed; right:184px; bottom:30px;}
	.footer_utile {padding:28px 0 32px; background:#e7e8ea;}
	.footer_utile > div {overflow:hidden; width:1170px; margin:0 auto;}
		.footer_utile ul {width:3000px;}
		.footer_utile ul:after {display:block; clear:both; content:""}
		.footer_utile li {float:left; width:20%; width:234px; color:#7e7e7e; font-size:12px; font-weight:200; line-height:1}
		.footer_utile li:after {display:block; clear:both; content:""}
		.footer_utile li strong {display:block; padding-top:9px; margin-bottom:9px; color:#000; font-size:14px; font-weight:200}
		.footer_utile .img {float:left; margin-right:18px;}
	.footer_cont {width:1170px; margin:0 auto; padding:30px 0 30px; font-size:12px;}
		.footer_linkgroup  {text-align:center; line-height:1}
		.footer_linkgroup:after {display:block; clear:both; content:""}
		.footer_link {display:inline-block; padding-top:8px; vertical-align:top; }
		.footer_link:after {display:block; clear:both; content:""}
		.footer_link li {float:left; margin-left:14px;}
		.footer_link li a {color:#666; font-size:12px; font-weight:300}
		.footer_link li:first-child {margin:0;}
		.footer_link li:first-child a {color:#ee4d4d;}
		.footer_select {display:inline-block; margin-left:22px;}
		.footer_select:after {display:block; clear:both; content:""}
		.footer_select .selectui {float:left; display:inline-block;position:relative;}
		.footer_select .selectui + .selectui {margin-left:5px;}
		.footer_select .selectui > a {display:block; width:150px; padding:7px 0 8px 6px;  color:#666; font-size:13px; text-align:left;  border:1px solid #ccc; background:url(/cauin/pc/img/common/bg_footerselect.png) no-repeat 100% 0; font-weight: 400}
		.footer_select .selectui.on > a {background:url(/cauin/pc/img/common/bg_footerselect_on.png) no-repeat 100% 0;}
		.footer_select .selectui .list {display:none; position:absolute; bottom:100%; left:0; overflow-y:auto; max-height:100px; width:149px; padding:10px 0 7px 7px;  background:#fff; border:1px solid #ccc; border-bottom:0; text-align:left; font-weight:400}
		.footer_select .list li + li {margin-top:10px;}

		.footer_txtgroup {margin-top:18px;}
		.footer_txtgroup:after {display:block; clear:both; content:""}
		.footer_address {float:left; width:67%; font-style:normal; }
		.footer_address li {float:left; width:50%; font-size:12px; letter-spacing:-0.7px}
		.footer_address strong {color:#000; font-weight:normal;}
		.footer_copy {float:left; width:33%; text-align:right; color:#929292; font-size:12px}
		/*.footer_copy span {font-weight:200}*/

		.footer_sns {display:inline-block; vertical-align:top; margin-left: 10px; }
		.footer_sns li {display: inline-block; padding-right: 3px; }
		.footer_sns_m {display: none; }


/* CONTAINER */
#container {position:relative; width:1170px; margin:0 auto;}
#container:before {position:absolute; top:0; right:250px; display:block; height:100%; width:2px; background:#5185d0; content:"";}
#container:after {display:block; clear:both; content:""}
#content {float:left; width:918px; padding:43px 33px 100px 0; box-sizing:border-box}
#content > .titlezone {position:relative;}
#content > .titlezone .h1 {position:relative; top:-5px;}
#content > .titlezone .breadcrumb {position:absolute; top:-1px; left:0;}
#content > .titlezone .hidden + .breadcrumb {position:static;}
#content.fixed1 {position:fixed; bottom:236px;}/*20171206*/
#content.fixed2 {position:fixed; top:0;}
#content.fixed3 {position:fixed; bottom:0;}
#content.absolute1 {position:absolute; bottom:0;}
#aside {position:relative;}/*20171207*/
#aside.fixed1 .aside {position:fixed; bottom:0; width:250px;}/*20171207*/
#aside.fixed2 .aside {position:fixed; bottom:236px; width:250px;}/*20171207*/
#aside.absolute .aside {position:absolute; bottom:0; width:250px;}/*20171207*/

.breadcrumb > ol:after {display:block; clear:both; content:""}
.breadcrumb > ol > li {float:left; position:relative;padding-bottom:4px; padding-left:17px; margin-left:17px; line-height:1;color:#000; font-size:14px;}
.breadcrumb > ol > li:first-child {padding:0; margin:0;}
.breadcrumb > ol > li:first-child+li {margin-left:17px;}
.breadcrumb > ol > li:first-child a {display:block; position:relative; top:3px; width:10px; height:12px; background:url(/cauin/pc/img/common/icon_home.png) no-repeat 50% 0; text-indent:-9999em; }
.breadcrumb > ol > li+li:before {display:block; position:absolute; left:0; top:3px; width:6px; height:11px; background:url(/cauin/pc/img/common/bul_arrow.png) no-repeat 50% 0; content: ""}
.breadcrumb > ol > li > a {color:#000; font-size:14px;}
.breadcrumb > ol > li > span {position:relative; top:1px;}
.breadcrumb .more {display:inline-block; position:relative; top:-2px; width:21px; height:21px; margin-left:5px; background:url(/cauin/pc/img/common/btn_snb.png) no-repeat 50% 0;text-indent:-9999em}
.breadcrumb .depth {position:absolute; top:100%; left:17px;  width:157px; padding:13px 11px 15px; border:1px solid #363636; background:#fff; box-sizing: border-box; box-shadow:2px 2px 5px rgba(0,0,0,0.15); z-index: 10}
.breadcrumb .depth li {margin-top:6px; line-height: 1; height:auto;}
.breadcrumb .depth li:first-child {margin:0;}
.breadcrumb .depth a {display:block; padding:3px 10px 6px;font-size:14px; color:#000; box-sizing:border-box; letter-spacing:-1px}
.breadcrumb .depth a:hover {color:#fff;background: #235bae}
.breadcrumb .depth li.current a {color:#fff;background: #235bae}


/* ASIDE */
#aside {float:right; width:250px; margin-left:2px; height:100%; padding:34px 0 0; box-sizing:border-box;}
	.aside_title {padding-left:24px; font-size:18px; font-weight:bold; color:#13448b; font-family:"NotoKr"; }
	.aside_content {position:relative; padding:19px 0 144px; }
	.aside_content .btn {position:absolute; bottom:44px; left:50%; margin-left:-26px;}
	.aside_content .btn button {width:51px; height:51px; background:url(/cauin/pc/img/common/btn_more.png) no-repeat 50% 0;  border:0; text-indent:-9999em;}
	.aside_content .btn button span {position:relative; top:-3px;}
	.aside_content .list {padding-left:24px;}
	.aside_content .list li+li {margin-top:34px;}
	.aside_content .list li {position:relative;}
	.aside_content .list li:before {display:block; position:absolute; left:-30px; top:5px; content:""; width:10px; height:10px; background:url(/cauin/pc/img/common/icon_round.png) no-repeat 50% 0; }
	.aside_content .category {color:#4e86d0; font-size:14px; font-weight:200}
	.aside_content .time {margin-left:1px; color:#89898b; font-weight:200; font-size:11px;}
	.aside_content .time:before {display:inline-block; content:""; width:11px;  height:11px; margin-right:5px; background:url(/cauin/pc/img/common/icon_time.png) no-repeat 50% 0;}
	.aside_content .time em {font-style:normal; font-size:14px;}
	.aside_content .txt {display:block; margin-top:2px; color:#333333; font-weight:bold; font-size:16px; line-height:1.2;}
	.aside_content .img {display:block; margin-top:10px;}
	.aside_content .name {display:block; margin-top:4px; color:#666; font-weight:200; font-size:12px;}
	.aside_content .name:before {display:inline-block; content:""; width:12px;  height:14px; margin-right:8px; background:url(/cauin/pc/img/common/icon_person.png) no-repeat 50% 0; vertical-align:-6px}
	.aside_content .img + .name {margin-top:4px;}


/* MAIN */
/*.main #content {position:absolute; bottom:0;}*/
.main .nowcauin {display: none}
/*.main .iscroll {overflow:hidden;}*/
.main #aside {width:350px; padding:40px 0 0; zoom:1;}
	.main .aside_title {padding-left:26px; font-size:30px; font-weight:100; color:#000;}
	.main .aside_content {padding:34px 0 118px;}
	.main .aside_content .btn {bottom:35px; left:50%; right:inherit; margin-left:-26px;}
	.main .aside_content .list li:before {left:-31px;}
	.main .aside_content .list {padding-left:25px;}
	.main .aside_content .txt {font-size:20px;}
	.main .aside_content .name {margin-top:8px;}
	.main .aside_content .txt {margin-top:10px;}
	.main #container:before {right:350px;}
/*.main #content {width:816px; padding:40px 26px 65px 0; box-sizing:border-box}*/
.main #content {width:816px; padding:40px 26px 104px 0; box-sizing:border-box}
	.main .tab_menu {display: none}
	.main #content:after {display:block; clear:both; content:""}
	.main .contbox.row {float:left; width:388px; margin-top:48px; box-sizing: border-box;}
	.main .contbox.row +  .row {margin-left:14px; padding-left:2px;}
	.main .titlezone:after {display:block; clear:both; content:""}
	.main .titlezone .h2 {float:left;}
	.main .titlezone .btn {display: none}
	/* MAIN - ÃÖ°íÀαâ±Û */
	.main .titlezone .important {float:right; position:relative; margin-top:17px; padding-left:19px; color:#383838; font-weight:200}
	.main .titlezone .important:before {display:block; position:absolute; top:2px; left:0; width:15px; height:15px; background: url(/cauin/pc/img/common/icon_important.png) no-repeat 50% 0; content: ""}
	.popularity_list {margin-top:30px;}
	.popularity_list:after {display:block; clear:both; content:""}
	.popularity_list > li {overflow:hidden; position:relative; float:left; height:73px; width:100%; box-sizing:border-box; border-radius:5px; margin-top:8px;}
	.popularity_list > li:first-child, .popularity_list > li:nth-child(5){margin-top:0;}
	.popularity_list > li:nth-child(5), .popularity_list > li:nth-child(6), .popularity_list > li:nth-child(7), .popularity_list > li:nth-child(8){display:none;}
	.popularity_list .offbox {position:relative; height:73px; padding:12px 10px 0 44px;border:1px solid #dde3ec; box-sizing:border-box;border-radius:5px}
		.offbox .num {position:absolute; left:0; top:20px; width:44px; font-size:30px; font-family:"Roboto"; font-weight:300; color:#f93455; text-align:center; line-height:1; letter-spacing:-1.6px}
		.offbox .txt {display:block; overflow:hidden; max-width:100%;margin-bottom:2px; font-weight:bold; color:#000;font-size:18px; text-overflow:ellipsis;white-space:nowrap; box-sizing:border-box}
		.offbox .category {display:inline-block; color:#9b9999; font-size:14px;}
		.offbox .name {display:inline-block; position:relative;  padding-left:16px; color:#9b9999; font-size:14px;}
		.offbox .name:before {display:block; content:""; position:absolute; top:5px; left:6px; width:1px; height:9px; background:#b9b8b8; }
		.offbox .like {display: none}
		.offbox .reply {display: none}
		.offbox .img {display:inline-block; position:absolute; top:0; left:45px; width:72px; height:72px; }
		.offbox .img img {width:100%; height:100%;}
		.offbox .img + .txt {padding-left:83px;}
		.offbox .img + .txt + .category {padding-left:83px;}
	.popularity_list .onbox {overflow:hidden; position:absolute; top:100%; left:0; height:100%; width:100%; padding:24px 33px 23px; background:rgba(5,19,41,0.9); box-sizing:border-box; -ms-transition:0.3s ease;transition:0.3s ease;}
		.confirmbox {float:left; margin-top:2px; font-weight:300; font-size:16px; color:#fffc23;}
		.confirmbox:after {display:block; clear:both; content:""}
		.confirmbox li {float:left; position:relative; font-style:italic; margin-left:28px;}
		.confirmbox li:first-child {margin:0;}
		.confirmbox span {display:block; float:left; position:relative; margin-right:5px; text-indent:-9999em}
		.confirmbox .view {top:4px; width:20px; height:12px; background:url(/cauin/pc/img/common/icon_view.png)  no-repeat 50% 0; }
		.confirmbox .like {top:5px; width:14px; height:12px; background:url(/cauin/pc/img/common/icon_like.png)  no-repeat 50% 0; }
		.confirmbox .reply {top:4px; width:13px; height:14px; background:url(/cauin/pc/img/common/icon_reply.png)  no-repeat 50% 0; }
		.onbox .btn {float:right;}
	.popularity_list > li:hover .onbox {top:0;}
	/* MAIN - Áß¾Ó¶óÀÌÇÁ */
	.main .caulife .morebtn {display: none}
	.main .titlezone .indicator {float:left; margin:11px 0 0 19px;}
	.main .titlezone .indicator:after {display:block; clear:both; content:""}
	.main .titlezone .indicator li {float:left;}
	.main .titlezone .indicator li + li {margin-left:8px;}
	.main .titlezone .indicator button {width:21px; height:21px; border:0; text-indent:-999em}
	.main .titlezone .indicator .prev button {background:url(/cauin/pc/img/common/btn_prev.png) no-repeat 50% 0;}
	.main .titlezone .indicator .next button {background:url(/cauin/pc/img/common/btn_next.png) no-repeat 50% 0;}
	.life_board {margin-top:22px;}
	.life_board li {position:relative; padding-left:11px; line-height:1.2;}
	.life_board li + li {margin-top:17px;}
	.life_board li a {color:#000; font-size:15px; font-weight:200; word-break:keep-all;}
	.life_board li:before {display:block; position:absolute; left:0; top:8px; content:""; width:2px; height:2px; background:#6694d7; }
	.life_board li:nth-child(n+9) {display: none}
	.life_board .reply {position:relative; top:-1px; color:#f30000; font-size:12px; font-weight:100; }
	.life_board .reply:before {display:inline-block; content:""; width:10px; height:10px; margin-right:5px; margin-left:1px; background:url(/cauin/pc/img/common/icon_reply2.png) no-repeat 50% 0; vertical-align:-1px}
	.life_board .category {display: none}
	.life_board .name {display: none}
	.life_board .img {display: none}
	/* MAIN - °øÁö»çÇ× */
	.notice_new {margin:16px 0 18px; font-size:19px; font-weight:bold; color:#000; line-height:26px; word-break:keep-all;}
	.notice_new .new {display:inline-block; height:15px; padding:0 7px 0 6px; margin-left:7px; font-size:12px; color:#fff; background:#fe7f41; box-sizing:border-box; line-height:1; font-weight:100; border-radius:2px; vertical-align:3px; line-height:13px}
	.notice_board li {position:relative; padding-left:11px; line-height:1.2;}
	.notice_board li + li {margin-top:17px;}
	.notice_board li a {color:#000; font-size:15px; font-weight:200; word-break:keep-all;}
	.notice_board li .txt {display:inline-block; overflow:hidden; max-width:310px; text-overflow:ellipsis; white-space:nowrap;}
	.notice_board li:before {display:block; position:absolute; left:0; top:8px; content:""; width:2px; height:2px; background:#6694d7; }
	.notice_board .date {float:right; margin-top:5px; color:#7d7d7d; font-size:12px;}
	.banner {margin-top:22px;}
	.banner a {display:block;}
	/* MAIN */
	.main .tab_content {display: none}








/* BUTTON */
.btntype1 {display:inline-block; min-width:72px; font-size:12px; padding:5px 0 4px; font-weight:200; color:#fff; border:1px solid #b9ceed; box-sizing:border-box; line-height:1; text-align:center; vertical-align:top}
.btntype1 span {position:relative; top:-2px; padding:0 13px;}
.btntype2 {display:inline-block; height:26px; font-size:12px; padding:6px 0 0; font-weight:200; color:#fff; border:1px solid #b9ceed; box-sizing:border-box; line-height:1; text-align:center; vertical-align:top;}
.btntype2 span {padding:0 28px;}
button.btntype2 {padding-top:0;}
.btntype3 {display:inline-block; height:60px; width:60px; color:#fff; font-weight:500; text-align:center; background: #2361bc; line-height:60px}
.btntype4 {display:inline-block; height:30px; border:1px solid #ee4d4d; color:#fff; font-weight:100; text-align:center; background: #ee4d4d; line-height:28px; box-sizing:border-box; font-size:14px;}
.btntype4 span {position:relative; top:-1px; padding:0 19px;}
.btntype4.big span {padding:0 40px;}
.btntype4.color1 {color:#fff; background:#ee4d4d; border-color:#ee4d4d;}
.btntype4.color2 {color:#000; background:#fff; border-color:#9c9c9c;}
.btntype4.color3 {color:#000; background:#e7e7e7; border-color:#cccccc;}
.btntype4.color4 {color:#fff; background:#606060; border-color:#606060;}
.btntype4.color5 {color:#fff; background:#f10029; border-color:#dd0b0c; font-weight:200}
.btntype4.color6 {color:#fff; background:#5185d1; border-color:#5185d1;}
.btntype4.recomend {width:98px; color:#fff; background:#4d82ee; border-color:#1f66d5; font-weight:500}
.btntype4.recomend span {padding:0;}
.btntype4.recomend:before {display:inline-block; position:relative; top:2px; width:19px;height:17px; content:""; margin-right:19px; background:url(/cauin/pc/img/common/sp_btn.png) no-repeat 0 0; background-position:0 0;}
.btntype4.nonerecomend {width:98px; color:#666666; background:#fff; border-color:#666666; font-weight:500}
.btntype4.nonerecomend span {padding:0;}
.btntype4.nonerecomend:before {display:inline-block; position:relative; top:3px;  content:""; width:19px; height:17px; margin-right:13px; background:url(/cauin/pc/img/common/sp_btn.png) no-repeat 0 0; background-position:-25px 0;}
/* disabled ¹öÆ°À» À§ÇØ Å¬·¡½º Ãß°¡ 20180502 by HDY */
.btntype4.recomend_d {width:98px; color:#fff; background:#4d82ee; border-color:#1f66d5; font-weight:500; opacity:0.5;}
.btntype4.recomend_d span {padding:0;}
.btntype4.recomend_d:before {display:inline-block; position:relative; top:2px; width:19px;height:17px; content:""; margin-right:19px; background:url(/cauin/pc/img/common/sp_btn.png) no-repeat 0 0; background-position:0 0;}
.btntype4.nonerecomend_d {width:98px; color:#666666; background:#fff; border-color:#666666; font-weight:500; opacity:0.5;}
.btntype4.nonerecomend_d span {padding:0;}
.btntype4.nonerecomend_d:before {display:inline-block; position:relative; top:3px;  content:""; width:19px; height:17px; margin-right:13px; background:url(/cauin/pc/img/common/sp_btn.png) no-repeat 0 0; background-position:-25px 0;}

.btntype5 {display:inline-block; height:35px; border:1px solid #bebebe; font-weight:100; text-align:center; line-height:33px; box-sizing:border-box; font-size:16px;}
.btntype5 span {position:relative; top:-2px; padding:0 19px;}
.btntype5.big {width:143px;}
.btntype5.color1 {color:#000; border-color:#bebebe; background:#fff}
.btntype5.color2 {color:#fff; border-color:#ee4d4d; background:#ee4d4d; font-weight:400}
.btntype6 {display:inline-block; height:24px; padding:0 12px 0 10px; border:1px solid #7a7a7a; text-align:center; color:#000; line-height:22px; box-sizing:border-box; font-size:11px;}
.btntype6:before {display:inline-block; width:10px; height:8px; margin-right:4px; content:""; background:url(/cauin/pc/img/common/icon_check2.png) no-repeat 50% 0;}
.btntype6 span {position:relative; top:-1px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.btntype4 span {top:-2px;}
}


.searchbtn {display:inline-block; width:38px; height:29px; background:url(/cauin/pc/img/common/btn_search.png) no-repeat 50% 0; border:0; text-indent:-9999em}
.searchbtn2 {display:inline-block; width:114px; height:26px; background:url(/cauin/pc/img/common/btn_search3.png) no-repeat 50% 0; border:0; text-indent:-9999em}
.etcbtn {color:#666; font-size:12px; font-weight:100; line-height:1; border:0; background:none;}
.etcbtn.recomend em {position:relative; top:1px; font-style:normal; line-height:1.2; color:#ff0000;}
.etcbtn.nonerecomend em {position:relative; top:1px; font-style:normal; line-height:1.2; color:#3598fe;}
.etcbtn.remove:before {display:inline-block; position:relative; top:1px; width:9px; height:9px; margin-right:2px;   background:url(/cauin/pc/img/common/sp_reply.png) no-repeat 0 0; background-position: 0 0; content:"";}
.etcbtn.reply {line-height:1.2;}
.etcbtn.reply:before {display:inline-block;  position:relative; top:-1px; width:8px;  height:6px; margin-right:7px; background:url(/cauin/pc/img/common/sp_reply.png) no-repeat 0 0; background-position: -20px 0; content:"";}
.etcbtn.edit:before {display:inline-block; position:relative; top:1px; width:10px; height:10px; margin-right:2px; background:url(/cauin/pc/img/common/sp_reply.png) no-repeat 0 0; background-position: -40px 0; content:"";}
.etcbtn.fileremove {display:inline-block; width:13px; height:13px; text-indent:-9999em; background:url(/cauin/pc/img/common/btn_remove.png) no-repeat 50% 0; }
.etcbtn.file {display:inline-block; border-bottom:1px solid #bcbcbc; border-right:1px solid #bcbcbc; box-shadow:1px 1px 0 #e9e9e9; border-radius:1px}
.etcbtn.file span {display:inline-block; height:24px; padding:0 11px 0 7px; font-size:12px; font-weight: 100; color:#000; border:1px solid #e5e5e5;background:#fff; line-height:22px}
.etcbtn.file span:before {display:inline-block; position:relative; top:1px; width:11px; height:10px; margin-right:10px; background:url(/cauin/pc/img/common/sp_btn.png) no-repeat 0 0; background-position:-50px 0; content:"";}
.etcbtn.file2 {display:inline-block; border-bottom:1px solid #bcbcbc; border-right:1px solid #bcbcbc; box-shadow:1px 1px 0 #e9e9e9; border-radius:1px}
.etcbtn.file2 span {display:inline-block; height:24px; padding:0 21px 0 10px; font-size:12px; font-weight: 100; color:#fff; border:1px solid #3b3b3b;background:#363333; line-height:22px}
.etcbtn.file2 span:before {display:inline-block; position:relative; top:1px; width:11px; height:10px; margin-right:12px; background:url(/cauin/pc/img/common/sp_btn.png) no-repeat 0 0; background-position:-70px 0; content:"";}
.etcbtn.file3 span {display:inline-block; height:24px; padding:0 11px 0 7px; font-size:12px; color:#000; line-height:22px}
.etcbtn.file3 span:before {display:inline-block; position:relative; top:1px; width:11px; height:10px; margin-right:10px; background:url(/cauin/pc/img/common/sp_btn.png) no-repeat 0 0; background-position:-50px 0; content:"";}
.etcbtn.friendadd {display:inline-block; height:33px; width:104px; border:1px solid #c5c5c5; box-sizing: border-box; background:#e1e1e1; font-size:12px; color:#000; font-weight:bold; line-height:31px; text-align:center;}
.etcbtn.friendadd:before {display:inline-block; position:relative; top:2px; width:13px; height:13px; margin-right:8px; background:url(/cauin/pc/img/common/icon_add.png) no-repeat 50% 0; content:"";}
.etcbtn.friendadd span {position:relative; top:-1px;}
.etcbtn.search {display:inline-block; height:33px; width:85px; border:1px solid #c5c5c5; box-sizing: border-box; background:#e1e1e1; font-size:12px; color:#000; font-weight:bold; line-height:31px; text-align:center;}
.etcbtn.search:before {display:inline-block; position:relative; top:4px; width:16px; height:17px; margin-right:5px; background:url(/cauin/pc/img/common/icon_search.png) no-repeat 50% 0; content:"";}
.etcbtn.search span {position:relative; top:-2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.etcbtn.search span {position:relative; top:-1px;}
}



.btn_write {display:inline-block; height:30px; border:1px solid #dd0b0c; background: #f10029; line-height:28px; box-sizing:border-box; font-size:14px; color: #fff; font-weight:100; text-align:center; }
.btn_write span {position:relative; top:-2px; padding:0 40px;}
.btn_message {display:inline-block; position:relative; padding-right:40px; font-size:16px; color: #f67630; font-weight:bold}
.btn_message:before {display:block; position:absolute; right:0; top:-3px; content:""; width:30px; height:30px; background:#f68d30;  box-shadow:2px 2px 5px rgba(0,0,0,0.3); border-radius:100px}
.btn_message:after {display:block; position:absolute; top:3px; right:9px; content:""; width:14px; height:17px; background:url(/cauin/pc/img/common/icon_write.png) no-repeat 50% 0;}
.btn_up {display:block; overflow:hidden; width:54px;height:54px; background:url(/cauin/pc/img/common/btn_up.png) no-repeat 50% 50%; text-indent:-9999em;}



.btnbox {position:relative; text-align:center; line-height:0}
.btnbox.right {text-align:right;}
.btnbox.left {text-align:left;}
.btnbox.absoluteleft > * {position:absolute; left:0;top:0;}
.btnbox:after {display:block; clear:both; content:""}
.btnbox .leftzone {float:left;}
.btnbox .rightzone {float:right;}
.btnbox ul {display:inline-block;}
.btnbox ul:after {display:block; clear:both; content:""}
.btnbox li {float:left; }
.btnbox li + li {margin-left:4px;}
.btnbox.mgt1 {margin-top:30px;}
.btnbox.mgt2 {margin-top:36px;}
.btnbox.mgt3 {margin-top:17px;}
.btnbox.mgt4 {margin-top:50px;}
.btnbox.mgt5 {margin-top:20px;}
.btnbox.mgt6 {margin-top:25px;}

/* FORM */
.input {display:inline-block;vertical-align:top}
.input input {height:30px; padding:0 11px; border:1px solid rgba(256,256,256,0.3); color:#fff; background:none; line-height:28px; box-sizing:border-box;}
.input input:focus {border:1px solid #fff;}
.input input:-ms-input-placeholder {color:#c5d4ed;}
.input input:-moz-placeholder {color:#c5d4ed;}
.input input::-moz-placeholder {color:#c5d4ed;}
.input input::-webkit-input-placeholder {color: #c5d4ed}
.input2 {display:inline-block; height:29px; padding:0 0 2px; border:1px solid #d8dde5; vertical-align:top; background:#fff;  box-sizing:border-box;}
.input2 input {width:100%; height:100%; padding:0 14px; color:#000; background:none; line-height:25px; box-sizing:border-box; font-size:12px; border:0; outline: none; vertical-align: top}
.input2 input:-ms-input-placeholder {color:#7d7d7d;}
.input2 input:-moz-placeholder {color:#7d7d7d;}
.input2 input::-moz-placeholder {color:#7d7d7d;}
.input2 input::-webkit-input-placeholder {color: #7d7d7d}
.input3 {display:inline-block; width:100%; height:42px; padding:0 0 2px; border:2px solid #437aca;  vertical-align:top; background:#fff; box-sizing: border-box;}
.input3 input {width:100%; height:100%; padding:0 16px; color:#000; background:none;border:0; line-height:36px; box-sizing:border-box; font-size:18px; outline:none}
.input3 input:-ms-input-placeholder {color:#acb4c0;}
.input3 input:-moz-placeholder {color:#acb4c0;}
.input3 input::-moz-placeholder {color:#acb4c0;}
.input3 input::-webkit-input-placeholder {color: #acb4c0}
.input4 {display:inline-block; width:100%; height:33px; padding:0 0 2px; border:1px solid #1351ab;  vertical-align:top; background:#fff; box-sizing: border-box;}
.input4 input {width:100%; height:100%; padding:0 10px; color:#000; background:none;border:0; line-height:29px; box-sizing:border-box; font-size:14px; outline:none}
.input4 input:-ms-input-placeholder {color:#acb4c0;}
.input4 input:-moz-placeholder {color:#acb4c0;}
.input4 input::-moz-placeholder {color:#acb4c0;}
.input4 input::-webkit-input-placeholder {color: #acb4c0}


.select {display:inline-block; position:relative; vertical-align:top}
.select .tit {display:block; overflow:hidden; width:100%; height:29px; padding:0 16px 2px 11px; border:1px solid #d8dde5; color:#7d7d7d; font-style:normal; font-size:12px; background:url(/cauin/pc/img/common/bg_select.png) no-repeat 100% 0;  line-height:25px; box-sizing:border-box; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
.select select {position:absolute; top:0; left:0; width:100%; height:29px; border:1px solid #d8dde5; opacity:0; vertical-align:top; line-height:29px; font-size:12px;font-weight:100; visibility:visible; color:#7d7d7d;}

.textarea textarea {width:100%; height:60px; padding:11px 13px; border:1px solid #d3d8e2; resize: none; color:#8d8d8d; box-sizing: border-box; font-size:13px; line-height: 18px; color:#333; letter-spacing:-0.2px; font-family: '¸¼Àº°íµñ','Malgun Gothic';}
.textarea textarea:-ms-input-placeholder {color:#8d8d8d;}
.textarea textarea:-moz-placeholder {color:#8d8d8d;}
.textarea textarea::-moz-placeholder {color:#8d8d8d;}
.textarea textarea::-webkit-input-placeholder {color: #8d8d8d}


/* TITLE */
.h1  {font-size:36px; font-weight:400; color:#124a9c; text-align:center; line-height:1; font-family:"NotoKr"; }
.h2 {font-size:30px; color:#3d78ce; font-weight:100;font-family:"NotoKr";}
.h2.size1 {font-size:28px; color:#333333; font-weight:300}


/* UI */
.paging {margin-top:60px;text-align:center; line-height: 1}
	.paging.mgt1 {margin-top:40px;}
	.paging.mgt2 {margin-top:30px;}
	.paging > div {display:inline-block; position:relative; }
	.paging .number {display:inline-block; padding:0 86px;}
	.paging .number:after {display:block; clear:both; content:""}
	.paging .number li {float:left; margin-left:4px;}
	.paging .number li:first-child {margin:0;}
	.paging .number a {display:block; width:30px; height:30px; border:1px solid #c8c8c8; box-sizing:border-box; text-align:center; line-height:27px; color:#5e5e5e;}
	.paging .number .on a {border:3px solid #5185d1; line-height:24px}
	.paging p {position:absolute; top:0;}
	.paging p a {display:block;  width:30px; height:30px; background:url(/cauin/pc/img/common/sp_paging.png) no-repeat 0 0; text-indent:-999em}
	.paging .allprev {left:0;}
	.paging .prev {left:34px;}
	.paging .next {right:34px;}
	.paging .allnext {right:0;}
	.paging .allprev a {background-position:0 0;}
	.paging .prev a {background-position:-34px 0;}
	.paging .next a {background-position:-68px 0;}
	.paging .allnext a {background-position:-102px 0;}

.morebox {margin-top:45px; border-bottom:1px solid #999999;}
	.morebox li {position:relative; padding:0 29px 0 147px; border-top:1px solid #999999; height:48px;}
	.morebox li:after {display:block; clear:both; content:""}
	.morebox .txt {display:inline-block; position:absolute; top:0; left:29px;  width:108px; line-height:48px; font-size:14px;  color:#999;}
	.morebox .link {padding-top:13px; font-size:16px; color:#000; font-weight:400;}
	.morebox .link a {display:inline-block; overflow:hidden; max-width:660px; font-size:16px; color:#000; white-space: nowrap; text-overflow:ellipsis; font-weight:400}
	.morebox .link a:hover {border-bottom:1px solid #000;}
	.morebox .new {position:relative; top:3px; margin-left:5px; color:#fb5151; font-size:10px;  vertical-align: top}
	.morebox .prev .txt:before {display:block; position:absolute; top:24px; left:50px; width:10px; height:1.5px; transform:rotate(-45deg);content:"";background:#214e92;}
	.morebox .prev .txt:after {display:block; position:absolute; top:24px; left:56px; width:10px; height:1.5px; transform:rotate(45deg);content:"";background:#214e92;}
	.morebox .next .txt:before {display:block; position:absolute; top:24px; left:50px; width:10px; height:1.5px; transform:rotate(45deg);content:"";background:#214e92;}
	.morebox .next .txt:after {display:block; position:absolute; top:24px; left:56px; width:10px; height:1.5px; transform:rotate(-45deg);content:"";background:#214e92;}



/* LIST */
p.list_important {position:relative; padding-left:20px; font-size:12px; color:#666666; line-height: 26px;}
p.list_important:before {display:block; position:absolute; left:0; top:7px; width:14px; height:14px; background:url(/cauin/pc/img/common/bul_important.png) no-repeat 50% 0; content: ""}
ul.list_important li {position:relative; padding-left:23px; font-size:14px; color:#333; line-height: 26px;}
ul.list_important li:before {display:block; position:absolute; left:0; top:6px; width:14px; height:14px; background:url(/cauin/pc/img/common/bul_important.png) no-repeat 50% 0; content: ""}



/* LAYER POPUP */
#layer {position:fixed; display:table; top:0;left:0;width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:10000;}
.layer_container {display:table-cell; vertical-align:middle;}
.layer_content {overflow:hidden; position:relative; width:488px; padding:5px 5px 30px; margin:0 auto; background:#fff; box-shadow:2px 3px 10px rgba(0,0,0,0.1); box-sizing: border-box}
.layer_content .tit {color:#fff; background:#1351ab; line-height:1; height:38px; padding:0 14px; line-height:38px; box-sizing:border-box}
.layer_content .tit h2 {position:relative; top:-2px; font-size:14px; }
.layer_content .tit h2:before {display:inline-block; position:relative;top:3px;width:11px; height:14px; content:""; margin-right:4px; background:url(/cauin/pc/img/common/icon_layer.png) no-repeat 50% 0;}
#layer .btnbox li+li {margin-left:10px;}
#layer .btntype4 span {padding:0 13px;}
#layer .btntype4.big {min-width:90px;}
#layer .btntype4.big span {padding:0 19px;}
#layer .btn {position:absolute; right:18px; top:17px;}
#layer button.closebtn {overflow:hidden; width:13px; height:13px; text-indent:-9999em}
#layer button.closebtn:before {display:block; position:absolute; top:6px; right:-1px; width:15px; height:1px; background:#fff; content: ""; transform:rotate(-45deg);}
#layer button.closebtn:after {display:block; position:absolute; top:6px; right:-1px; width:15px; height:1px; background:#fff; content: ""; transform:rotate(45deg);}
/* layer - ÂÊÁöº¸±â */
#layer .getmessage {padding-top:7px;}
	.getmessage .zipcode {margin:0 -5px;font-size:14px;}
	.getmessage .zipcode li {padding:0 5px; border-bottom:1px solid #e5e5e5; line-height:40px}
	.getmessage .zipcode li:after {display:block; clear:both; content:""}
	.getmessage .zipcode .label {float:left; display:block; width:95px; padding-left:14px; color:#124a9c; font-weight:bold; box-sizing:border-box}
	.getmessage .zipcode .nickname {color:#7d7d7d; font-size:11px;}
	.getmessage .zipcode .form {float:left; width:383px;}
	.getmessage .zipcode .date {color:#000;}
	.getmessage .zipcode .time {margin-left:13px; color:#666;}
	.getmessage .message {overflow-y:auto; height:250px; margin:18px 15px 0; padding:9px 16px; border:1px solid #7f7f7f; font-size:14px; color:#000; line-height:24px}
/* layer - ÂÊÁöº¸³»±â */
#layer .sendmessage {}
	.sendmessage .input4 {width:274px;}
	.sendmessage .zipcode {padding:12px 0;}
	.sendmessage .zipcode:after {display:block; clear:both; content:""}
	.sendmessage .label {display:block; float:left; width:84px; padding-left:13px; font-size:14px; color:#124a9c; font-weight:bold; box-sizing:border-box; line-height:33px}
	.sendmessage .form {float:left; width:394px;}
	.sendmessage .form .friendadd {margin-left:-1px;}
	.sendmessage .message {margin:0 auto; }
	.sendmessage .message .textarea {width:451px; margin:0 auto;}
	.sendmessage .message .textarea textarea {height:280px; border:1px solid #7f7f7f;  color:#000; font-size:14px; line-height:24px}
	.sendmessage .message .byte {width:450px; margin:7px auto 0; color:#666666; font-size:12px}
	.sendmessage .message .byte em {font-style:normal; color:#1d6cde;}
/* layer - ¹Þ´Â»ç¶÷ ¼±ÅÃÇϱâ */
#layer .sendselet {width:554px;}
	#layer .sendselet .contentzone {padding:18px 15px 0;}
	.sendselet .friendszone {margin:0; padding:0; background:none;}
	.sendselet .friendlist {width:232px;}
	.sendselet .friendlist dt {color:#124a9c;}
/* layer - ÁÖ¼Ò°Ë»ö */
#layer .zipcodezone {}
	#layer .zipcodezone .contentzone {padding:0 12px;}
	#layer .zipcodezone .empty {display:block; font-size:14px; color:#999999; text-align:center; line-height:40px}
	#layer .tbl_zipcode {border-bottom:1px solid #e5e5e5;}
	#layer .tbl_zipcode th {color:#fff; background:#777d88; font-weight:normal; line-height:27px; border-left:1px solid #fff;}
	#layer .tbl_zipcode th:first-child {border:0;}
	#layer .tbl_zipcode tr > *:first-child {width:91px;}
	#layer .tbl_zipcode tr > *:nth-child(2) {width:359px;}
	#layer .zipcodelist {overflow-y:auto; height:282px; color:#000; font-size:14px; }
	#layer .zipcodelist a {display: block; position:relative;}
	#layer .zipcodelist a:before {display:block; position:absolute; left:91px; top:0px; width:1px;height:1px; background:#fff; content:""}
	#layer .zipcodelist a:hover {background:#eee;}
	#layer .zipcodelist .code {width:91px; position:absolute;top:0;left:0; padding-left:20px; line-height:40px; border-top:1px solid #e5e5e5; box-sizing:border-box;}
	#layer .zipcodelist .addr {display:block; padding-left:111px; margin-left:1px; line-height:40px; border-top:1px solid #e5e5e5; box-sizing:border-box;}
	#layer .zipcodelist .checked a {background:#eee;}
	#layer .zipcodelist .checked a:before {display:block; position:absolute; left:91px; top:0px; width:1px;height:1px; background:#eee; content:""}
	#layer .zipcodelist .checked a:after {display:block; position:absolute; left:91px; bottom:-1px; width:1px; height:1px; background:#eee; content:""; z-index:1;}
	#layer .zipcodelist a:hover:before {display:block; position:absolute; left:91px; bottom:-1px; width:1px;height:1px; background:#eee; content:""}
	#layer .zipcodelist a:hover:after {display:block; position:absolute; left:91px; bottom:-1px; width:1px; height:1px; background:#eee; content:""; z-index:1;}

	#layer .zipcodeform {padding:12px 0;}
	#layer .zipcodeform:after {display:block; clear:both; content:""}
	#layer .zipcodeform .input4 {width:288px;}
	#layer .zipcodeform .label {display:block; float:left; width:70px; font-size:14px; color:#124a9c; font-weight:bold; box-sizing:border-box; line-height:33px}
	#layer .zipcodeform .form {float:left; width:378px;}
	#layer .zipcodeform .form .friendadd {margin-left:-1px;}
	#layer .zipcodeform .etcbtn{margin-left:1px;}

/* SITEAMP */
#layer.sitemap {position:fixed; display:table; top:0;left:0;width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:10000; opacity:0}
.sitemap_container {position:relative; display:table-cell; vertical-align:middle;}
.sitemap_content {position:relative; width:1085px; height:566px; padding:61px 5px 30px; margin:0 auto; background:#fff; border:5px solid #5185d1; box-shadow:2px 3px 10px rgba(0,0,0,0.1); box-sizing: border-box; background:#fff;}
#layer.sitemap .closebtn {position: absolute; overflow:visible; right:23px; top:22px;width:23px;height:23px;}
#layer.sitemap .closebtn button {overflow:visible; width:23px;height:23px;z-index:1; text-indent:-9999em}
#layer.sitemap .closebtn button:before {display:block; content:""; width:33px; height:1px; background:#000; position: absolute; right:-5px; top:10px; transform:rotate(-45deg);}
#layer.sitemap .closebtn button:after {display:block; content:""; width:33px; height:1px; background:#000; position: absolute; right:-5px; top:10px; transform:rotate(45deg);}

.sitemap .menu {padding-left:350px;}
.sitemap .menu:after {display:block; clear:both; content:""}
.sitemap .menu .menubox {float:left; position:relative; width:200px; margin-left:20px; margin-bottom:60px;}
.sitemap .menu .menubox:first-child {margin:0;}
.sitemap .menu .menubox:nth-child(4) {margin:0;}
.sitemap .menu .menubox:nth-child(n+4) {margin-bottom:0;}
.sitemap .menu .menubox.more:after  {display:block; position:absolute; right:12px; top:7px; width:10px; height:10px; border:1px solid #b2b2b2; content:""; transform:rotate(45deg); border-top:0; border-left:0;}
.sitemap .menu .tit {display:block; position:relative; padding:0 0 11px 3px; font-family:"NotoKr"; font-weight:bold; color:#484747;  font-size:18px; border-bottom:1px solid #a3a3a3;}
.sitemap .menu .tit:before {display:block; }
.sitemap .menu .depth {font-size:16px; font-family:"NotoKr"; font-weight:200; line-height:1}
.sitemap .menu .depth li {margin-top:13px; padding-left:3px;}
.sitemap .menu .depth li:first-child {margin-top:18px;}
.sitemap .menu .menubox.current .tit {color:#437ccf;}
.sitemap .menu .menubox .tit a:hover {color:#437ccf;}
.sitemap .menu .depth .current {color:#437ccf;}
.sitemap .menu .depth a:hover {color:#437ccf;}

.sitemap .other {position:absolute; top:-5px; left:-5px; bottom:-5px; height:566px; width:310px; padding:68px 30px 0; background:#4074c9; color:#fff; box-sizing:border-box; box-shadow:-1px 2px 10px rgba(64,116,201,0.5)}
.sitemap .other .menubox {width:235px; padding-left:25px; box-sizing:border-box;	}
.sitemap .other .menubox + .menubox {padding-top:38px; margin-top:55px; border-top:1px solid rgba(256,256,256,0.2);}
.sitemap .other .tit {font-size:18px; font-family:"NotoKr"; font-weight:bold;}
.sitemap .other .depth {font-family:"NotoKr"; font-weight:200; font-size:16px;}
.sitemap .other .depth li {margin-top:8px; padding-left:3px;}
.sitemap .other .depth li:first-child {margin-top:18px;}





/* ETC */
p.error {font-size:30px; color:#5185d1; text-align:center;}
p.error:before {display:block; width:100%; height:253px; margin:100px 0 44px; background:url(/cauin/pc/img/common/icon_error.png) no-repeat 50% 0; content:"";}
p.error span {color:#747475;}

.ui-loader {display: none}
#ui-datepicker-div {display:none; width:278px; min-height:303px; padding:17px 4px 19px; background:#fff; box-sizing:border-box; box-shadow:4px 5px 10px rgba(0,0,0,0.1); border:2px solid #5185d1;}
.ui-datepicker-calendar {font-size:15px; color:#222;}
.ui-datepicker-calendar thead th {height:34px;}
.ui-datepicker-calendar tbody td {height:32px; background:#e6ebf0; border-left:2px solid #fff; border-top:2px solid #fff; text-align:center;}
.ui-datepicker-calendar tbody td.ui-datepicker-unselectable {background: #f2f2f2; }

.ui-datepicker-calendar tbody td:first-child {border-left:0;}
.ui-datepicker-calendar tbody tr:first-child > * {border-top:0;}
.ui-datepicker-calendar .ui-datepicker-today {background:#00a0e1; color:#fff;}
.ui-datepicker-header {position:relative; height:32px;padding-bottom:18px; margin-bottom:9px; border-bottom:1px solid #d2dce6;}
.ui-datepicker-prev {display:inline-block;position:absolute; left:15px; top:0; width:32px; height:32px; background:url(/cauin/pc/img/common/sp_calbtn.png) no-repeat 50% 0; background-position:0 0; text-indent:-9999em}
.ui-datepicker-next {display:inline-block;position:absolute; right:15px; top:0; width:32px; height:32px; background:url(/cauin/pc/img/common/sp_calbtn.png) no-repeat 50% 0; background-position:-40px 0; text-indent:-9999em}
.ui-datepicker-title {text-align:center;  font-size:22px; font-weight:bold; color:#222;}

#header .btn_chatBot2 {display:block;position:absolute;right:10px;top:87px;overflow:hidden;width:56px;height:56px;border-radius:50%;box-sizing:border-box;box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.2);background:url(/cauin/pc/img/common/ico_chat_charli.png) no-repeat center;font-size:1px;text-indent:-9999px;}


@media all and (max-width:1370px) {
    #header .btn_chatBot2 {position:relative;float:right;margin-top:-156px;}
    /* .myutile .rightzone {padding-right:90px;} */
    .myutile .rightzone {position:absolute;float:inherit;right:105px;}
}