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

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

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

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

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

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

.nanum2, .grid-item .itemCon span:first-child, .grid-item .itemCon h1,
	.select2 select, .bodyTxtBox.type2 h3, .repleArea .repleForm .repleCnt,
	.sayArea span:first-child, .sayArea h1, .policyList p:first-child,
	.policyList .areaBox>li.beNo a {
	font-family: "Nanum Gothic Bold";
	font-weight: 700
}

.nanum1, span.time, .grid-item .itemCon p, .grid-item .itemCon .shopping li,
	.rollTab .inBox .rollCon a>span, .select select, .formBox article .columnArea div,
	.formBox article .columnArea input[type=text], .formBox article .columnArea input[type=password],
	.formBox article.emailArea .columnArea input, .formBox article.idArea .columnArea input,
	.formBox article.numberArea .columnArea input, span.error, .memoTxt,
	.repleArea .repleForm .writeBox>span, .repleArea .repleForm .writeBox>span span,
	.repleArea .repleForm .writeBox button, .sayArea p, .policyList .areaBox>li a
	{
	font-family: "Nanum Gothic";
	font-weight: 400
}

.noto4, #conTit h1, .shareBox>div.scrap.active .scrapPop ul li label,
	.shareBox>div.scrap.active .scrapPop .newFolder div input,
	.scrapFolderPop .scrapConBox .scrapCon.delete p, .explanTxt, .joinOk2+.btnArea a,
	.joinOk3+.thanksTxt p:first-child, .joinSns>a, .joinSns>a.linkGoogle div#myBtn,
	.joinSns #naver_id_login a#naver_id_login_anchor, .wooInfoArea p,
	.subjectArea ul li, .partArea .partBox div ul li, .mapArea .info ul li,
	.wayArea>div p, .myRepleArea .repleBox p, .myRepleArea .repleBox ul li
	{
	font-family: "notokr-light";
	font-weight: 400
}

.noto3, .btn.btn108, .editBtn, .hMypage .welcome p, .searchSortArea .searchSort>div h1,
	h1.subTitle, .tblList2 th, .formBox article .columnArea h2, .formBox article .columnArea h2 label,
	.formBox2 article h2, .formBox2 article .fieldBox .tit h3, .defaultTab a,
	.bodyTxtBox.videoScript h1, .bodyTxtBox.videoScript h2, .popArea h1,
	.joinArea>h1.subTit, .stepBox ol li span, .stepBox.two li, .agreeArea .agreeBox>h2,
	.agreeArea .agreeBox>h2 span, .joinOk h1, .joinChkTxt1, .joinOk2 h1,
	.joinOk2 h1 span, .joinOk2 .btnArea a, .joinOk3 h1, .joinOk3 .btnArea a,
	.joinOk3.type2 h1 span, .joinType h1, .joinType .redButton, .joinSns h1,
	.wooInfoArea h1, .subjectArea h1, .partArea h1, .partArea .partBox div h2,
	.mapArea .info h1, .mapArea .info ul li span, .wayArea>div h2, .wayArea>div h3,
	.pwModifyArea p, .infoModifyArea h1, .scrapArea .scrap .txt .cnt,
	.outArea .tit, .policyArea .mainTit {
	font-family: "notokr-bold";
	font-weight: 800
}

.noto2, .btn, .hLanguage .languageArea a, .hMypage .welcome .link a,
	.hMypage .mypageArea .link span, .hMypage .mypageArea .set span,
	.hMypage .mypageArea .iupdate span, .hMypage .mypageArea .community span,
	.menuArea p, .menuArea nav .navList>a, .searchSortArea .searchSort>div .scroll ul li label,
	.searchSortArea .searchSort>div .scroll ul li button, .rolling .bx-viewport>ul .todaySay h2,
	.rolling .bx-viewport>ul .todaySay p, .rollTab button, .column h1,
	.tblList2 td, .formBox article .columnArea div.nameTxt, .courseBox h3,
	.relationArea h1, .relationArea ul li a .img+h2, .relationArea ul li.txtCont a h2,
	.repleArea .repleMore, .shareBox>div.scrap.active .scrapPop .newFolder h3 label,
	.shareBox>div.share.active .sharePop .social a, .scrapFolderPop .scrapConBox .scrapCon h2,
	.scrapFolderPop .scrapConBox .scrapCon label, .joinOk3+.thanksTxt p,
	.joinOk3+.thanksTxt p span, .joinType.type2 .linkBox a, .wooInfoArea h1+p,
	.mapArea .info p, .myRepleArea .repleBox h1, .myRepleArea .repleBox h1 span,
	.scrapArea .scrap .txt a>h2, .scrapArea .scrap .txt .cnt .cRed,
	.scrapList>h1, .likeArea .select select, .errorArea .btnArea .btn,
	.errorArea h1 {
	font-family: "notokr-medium";
	font-weight: 700
}

.noto1, .bodyTxtBox table td, .bodyTxtBox table td a, .btnR, .menuArea nav .navList ul li a,
	.searchArea button, .bottomLinkArea a, .bottomLinkArea select, .conList .searchNon,
	.rolling .bx-viewport>ul .todaySay span, .rollTab .inBox .rollCon a h1 span:first-child,
	.rollTab .inBox .rollCon a p, .column ul li a .columnTxt div span,
	.column ul li a .columnTxt div h2, .column ul li a .columnTxt p,
	.tblTitBox h2, .tblList th, .tblList td, .tblList th a, .tblList td a,
	.tblList3 th, .tblList3 td, .knowBox a, .fileDownBox a, .formBox2 article .radioArea li label,
	.formBox2 article .checkArea li label, .formBox2 article .fieldBox .tit div label,
	.titleArea h1, .titleArea h1 .sort, .titleArea .info li, .titleArea .info li:before,
	.titleArea.sayView .sayCont p.ko, .titleArea.sayView .sayCont p.en,
	.titleArea.sayView h2, .titleArea.sayView .dataCopy, .bodyTxtBox p,
	.bodyTxtBox ul li, .bodyTxtBox.type2 h4, .courseBox ol li, .courseBox ol li:before,
	.sourceBox, .sourceBox a, .relationArea ul li a .img+h2+p,
	.relationArea ul li.txtCont a p, .repleArea .repleForm .name,
	.repleArea .repleForm .name a, .repleArea .repleForm .name+a,
	.repleArea .repleForm .writeBox textarea, .repleList li div span:first-child,
	.repleList li div span:last-child, .repleList li p, .repleList li button,
	.shareBox>div>button, .shareBox>div span, .agreeArea .agreeBox>h2 label,
	.joinOk p, .joinChkTxt2, .joinOk3 p, .joinOk3 p span, .joinOk3.type2 ul li,
	.joinType p, .answerBox .answerInfo h1, .answerBox .answerInfo span,
	.answerBox .answer, .answerBox .fileBox .fileTxt, .answerBox .fileBox .files a,
	.outArea .txtListBox ul li, .outArea .outInfoArea ol li, .outArea .outInfoArea div label,
	.policyList .care li, .policyList .cRed, .policyBox h1, .policyBox p,
	.policyBox li, .chart .tit, .chart ul li, .chart ul li span,
	.historyArea .tit, .historyArea .history .yearArea .yearBox h2,
	.historyArea .history .yearArea .yearBox .monthBox>li h3, .historyArea .history .yearArea .yearBox .monthBox>li ul li,
	.greetingBox h1, .greetingBox .greeting div p, .errorArea p, .errorArea .date
	{
	font-family: "notokr-regular";
	font-weight: 400
}

.cBlue {
	color: #3887bf !important
}

.cNavy {
	color: #162c52 !important
}

.cRed {
	color: #de4140 !important
}

.cBlack {
	color: #000 !important
}

.cBlack1 {
	color: #212121 !important
}

.cWhite {
	color: #fff !important
}

.cWhite2 {
	color: #f9fafb !important
}

.cGray1 {
	color: #656565 !important
}

.cGray2 {
	color: #7f7f7f !important
}

.cGray3 {
	color: #e0e0e0 !important
}

.Purple {
	background-color: #8e2bb7 !important
}

.Red {
	background-color: #de4140 !important
}

.Orange {
	background-color: #f67f00 !important
}

.Sky {
	background-color: #1986d1 !important
}

.Green {
	background-color: #48a121 !important
}

.DarkBlue {
	background-color: #464a77 !important
}

.Orange2 {
	background-color: #f78a26 !important
}

.Yellow {
	background-color: #f5bf2d !important
}

.Mint {
	background-color: #2bb5b7 !important
}

.Blue2 {
	background-color: #2b81b7 !important
}

.Plumt {
	background-color: #b42c99 !important
}

.DarkBlue2 {
	background-color: #272983 !important
}

.DarkPurPle {
	background-color: #452856 !important
}

.DarkSky {
	background-color: #276083 !important
}

.DarkGreen {
	background-color: #214f0c !important
}

.DarkYello {
	background-color: #c39c00 !important
}

.DarkOrange {
	background-color: #c9621e !important
}

.DarkRed {
	background-color: #a11616 !important
}

.fontRed {
	color: #d33e3c !important
}

.fontGray {
	color: #70767e !important
}

* {
	box-sizing: border-box
}

body, header, footer, article, section, nav, h1, h2, h3, h4, h5, h6, div,
	p, span, em, blockquote, pre, address, button, ul, ol, li, dl, dt, dd,
	form, fieldset, input, select, label, textarea, img, a {
	margin: 0;
	padding: 0;
	border: 0;
	word-break: break-all;
	word-wrap: break-word;
	color: #717171;
	font-size: 0.75rem;
	font-family: "notokr-regular", "Malgun Gothic", "¸¼Àº °íµñ", Dotum, tahoma,
		sans-serif;
	font-weight: 400
}

.bodyTxtBox .tableArea {
	position: relative;
	overflow-x: scroll
}

.bodyTxtBox table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	border: 1px solid #d3d3d3;
	word-break: break-all;
	word-wrap: break-word;
	color: #717171;
	font-size: 0.75rem;
	font-family: "notokr-regular", "Malgun Gothic", "¸¼Àº °íµñ", Dotum, tahoma,
		sans-serif;
	font-weight: 400
}

.bodyTxtBox table td {
	margin: 0;
	padding: 5px 12px;
	word-break: break-all;
	word-wrap: break-word;
	border-top: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	font-size: 0.625rem;
	color: #212121;
	letter-spacing: -0.038em
}

.bodyTxtBox table td a {
	font-size: 0.625rem;
	color: #212121;
	letter-spacing: -0.038em
}

.bodyTxtBox table td {
	background-color: #f9fafb
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal
}

img, input, select, textarea, button {
	vertical-align: top
}

legend, caption {
	overflow: hidden;
	visibility: hidden;
	height: 0;
	z-index: -1;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0
}

button {
	background: none;
	cursor: pointer
}

a {
	color: #7f7f7f;
	text-decoration: none
}

a:focus, a:hover, a:active {
	text-decoration: none
}

ul, ol {
	list-style: none
}

label {
	cursor: pointer
}

address {
	font-style: normal
}

iframe {
	border: 0
}

hr {
	display: none
}

select {
	padding: 0 2px 0 5px;
	border: 1px solid #e1e1e1;
	cursor: pointer
}

textarea {
	padding: 5px 10px;
	border: 1px solid #e1e1e1;
	resize: none
}

input[type="text"], input[type="password"] {
	padding: 5px 15px;
	border: 1px solid #e1e1e1;
	border-radius: 0;
	font-size: 0.6875rem;
	color: #302f30;
	line-height: 17px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

input[type="checkbox"], input[type="radio"] {
	vertical-align: middle
}

input[type="text"], textarea {
	ime-mode: active
}

.iconDefault, .bgInputOff, .formBox2 article .checkArea li label:before,
	.formBox2 article .fieldBox .tit div label:before, .agreeArea .agreeBox>h2 label:before,
	.outArea .outInfoArea div label:before, .bgInputOn, .formBox2 article .checkArea li input[type="checkbox"]:checked+label:before,
	.formBox2 article .fieldBox .tit div input[type="checkbox"]:checked+label:before,
	.agreeArea .agreeBox>h2 input[type="checkbox"]:checked+label:before,
	.outArea .outInfoArea div input[type="checkbox"]:checked+label:before,
	.bgRadioOff, .formBox2 article .radioArea li label:before, .bgRadioOn,
	.formBox2 article .radioArea li input[type="radio"]:checked+label:before,
	.icoArrowLink2, .rolling .bx-viewport>ul .todaySay span:after, .icoBack,
	.icoBoard3, .hMypage .mypageArea .link.board span:before, .icoBookmark,
	.grid-item.grid-item--height2.card3 a:before, .icoChina, .hLanguage .languageArea a.china:before,
	.icoClose1, .icoCommunity, .hMypage .mypageArea .community:before,
	.icoDelay, .joinOk3:before, .icoEdit, .editBtn:before, .icoError1,
	.errorArea .error.error1:before, .icoError2, .errorArea .error.error2:before,
	.icoError3, .errorArea .error.error3:before, .icoF, .shareBox>div.share.active .sharePop .social a.share1:before,
	.icoFolder, .shareBox>div.scrap.active .scrapPop ul li:before,
	.scrapFolderPop .scrapConBox .scrapCon h2:before, .icoFolder2,
	.scrapArea .scrap .txt a>h2:before, .icoG, .shareBox>div.share.active .sharePop .social a.share2:before,
	.icoId, .joinType.type2 .loginBox div:first-of-type:before, .icoIupdate,
	.hMypage .mypageArea .iupdate:before, .icoJapan, .hLanguage .languageArea a.japan:before,
	.icoJoinOk, .joinOk:before, .icoJoinOk2, .joinOk2:before, .joinOk3.type2:before,
	.icoK, .shareBox>div.share.active .sharePop .social a.share4:before,
	.icoKorea, .hLanguage .languageArea a.korea:before, .icoLike2,
	.shareBox>div.like button:before, .icoLike3, .hMypage .mypageArea .link.like span:before,
	.icoLnb, .menuArea nav .navList>a:before, .icoLoginBtn, .icoLogo,
	.icoMark1, .titleArea.sayView .sayCont p.ko:before, .icoMark2,
	.titleArea.sayView .sayCont p.ko:after, .icoMenuBtn, .icoMenuClose,
	.menuArea .menuClose, .icoMoreLink, .rollTab .inBox .rollCon+a, .column ul+a,
	.icoN, .shareBox>div.share.active .sharePop .social a.share5:before,
	.icoNew, .icoNewFolder, .shareBox>div.scrap.active .scrapPop .newFolder h3:before,
	.icoNext, .icoPlay, .grid-item .img.video:before, .relationArea ul li a .img.video:before,
	.icoPopClose, .icoPrev, .icoPw, .joinType.type2 .loginBox div:last-of-type:before,
	.icoQna3, .hMypage .mypageArea .link.qna span:before, .icoRe,
	.answerBox:before, .icoReple3, .hMypage .mypageArea .link.reple span:before,
	.icoRepleDel, .repleList li button:before, .icoRollingOff,
	.icoRollingOn, .icoScrap, .shareBox>div.scrap button:before, .icoScrap3,
	.hMypage .mypageArea .link.scrap span:before, .icoSearchBtn,
	.icoSearchNon, .conList .searchNon:before, .myRepleArea .repleBox .searchNon:before,
	.icoSelectBtn, .icoSelectBtn2, .icoSet, .hMypage .mypageArea .set:before,
	.icoShare, .shareBox>div.share button:before, .icoSmallLogo, footer .secInfo .copyright:before,
	.icoT, .shareBox>div.share.active .sharePop .social a.share3:before,
	.icoTop2, .icoTransBtn, .icoU, .shareBox>div.share.active .sharePop .social a.share6:before,
	.icoUs, .hLanguage .languageArea a.us:before, .icoWhatch, span.time:before,
	.icoWlist3, .hMypage .mypageArea .link.wlist span:before {
	background-image: url("../images/m/sprite_m.png")
}

.bgInputOff, .formBox2 article .checkArea li label:before, .formBox2 article .fieldBox .tit div label:before,
	.agreeArea .agreeBox>h2 label:before, .outArea .outInfoArea div label:before
	{
	background-position: -117px -84px;
	background-size: 240px 231px;
	width: 12px;
	height: 11px
}

.bgInputOn, .formBox2 article .checkArea li input[type="checkbox"]:checked+label:before,
	.formBox2 article .fieldBox .tit div input[type="checkbox"]:checked+label:before,
	.agreeArea .agreeBox>h2 input[type="checkbox"]:checked+label:before,
	.outArea .outInfoArea div input[type="checkbox"]:checked+label:before {
	background-position: -134px -84px;
	background-size: 240px 231px;
	width: 12px;
	height: 11px
}

.bgRadioOff, .formBox2 article .radioArea li label:before {
	background-position: -225px -111.5px;
	background-size: 240px 231px;
	width: 14px;
	height: 14px
}

.bgRadioOn, .formBox2 article .radioArea li input[type="radio"]:checked+label:before
	{
	background-position: -225px -92.5px;
	background-size: 240px 231px;
	width: 14px;
	height: 14px
}

.icoArrowLink2, .rolling .bx-viewport>ul .todaySay span:after {
	background-position: -162px -131px;
	background-size: 240px 231px;
	width: 29.5px;
	height: 12.5px
}

.icoBack {
	background-position: -162px -52px;
	background-size: 240px 231px;
	width: 23px;
	height: 23px
}

.icoBoard3, .hMypage .mypageArea .link.board span:before {
	background-position: -91.5px -175px;
	background-size: 240px 231px;
	width: 11px;
	height: 10px
}

.icoBookmark, .grid-item.grid-item--height2.card3 a:before {
	background-position: 0px -104px;
	background-size: 240px 231px;
	width: 44px;
	height: 44px
}

.icoChina, .hLanguage .languageArea a.china:before {
	background-position: -225px -148.5px;
	background-size: 240px 231px;
	width: 13px;
	height: 13px
}

.icoClose1 {
	background-position: -199px -52px;
	background-size: 240px 231px;
	width: 19px;
	height: 19px
}

.icoCommunity, .hMypage .mypageArea .community:before {
	background-position: -199px -98px;
	background-size: 240px 231px;
	width: 19px;
	height: 18px
}

.icoDelay, .joinOk3:before {
	background-position: -162px 0px;
	background-size: 240px 231px;
	width: 32px;
	height: 47px
}

.icoEdit, .editBtn:before {
	background-position: -225px -130.5px;
	background-size: 240px 231px;
	width: 13px;
	height: 13px
}

.icoError1, .errorArea .error.error1:before {
	background-position: 0px -55px;
	background-size: 240px 231px;
	width: 71px;
	height: 44px
}

.icoError2, .errorArea .error.error2:before {
	background-position: -86px 0px;
	background-size: 240px 231px;
	width: 71px;
	height: 44px
}

.icoError3, .errorArea .error.error3:before {
	background-position: 0px 0px;
	background-size: 240px 231px;
	width: 81px;
	height: 50px
}

.icoF, .shareBox>div.share.active .sharePop .social a.share1:before {
	background-position: 0px -215px;
	background-size: 240px 231px;
	width: 9px;
	height: 16px
}

.icoFolder, .shareBox>div.scrap.active .scrapPop ul li:before,
	.scrapFolderPop .scrapConBox .scrapCon h2:before {
	background-position: -74px -175px;
	background-size: 240px 231px;
	width: 12.5px;
	height: 10px
}

.icoFolder2, .scrapArea .scrap .txt a>h2:before {
	background-position: -157px -153px;
	background-size: 240px 231px;
	width: 17px;
	height: 12px
}

.icoG, .shareBox>div.share.active .sharePop .social a.share2:before {
	background-position: -84px -153px;
	background-size: 240px 231px;
	width: 19px;
	height: 16px
}

.icoId, .joinType.type2 .loginBox div:first-of-type:before {
	background-position: 0px -192px;
	background-size: 240px 231px;
	width: 18px;
	height: 18px
}

.icoIupdate, .hMypage .mypageArea .iupdate:before {
	background-position: -199px -26px;
	background-size: 240px 231px;
	width: 21px;
	height: 21px
}

.icoJapan, .hLanguage .languageArea a.japan:before {
	background-position: -57px -175px;
	background-size: 240px 231px;
	width: 12px;
	height: 12px
}

.icoJoinOk, .joinOk:before {
	background-position: -90px -104px;
	background-size: 240px 231px;
	width: 50px;
	height: 24px
}

.icoJoinOk2, .joinOk2:before, .joinOk3.type2:before {
	background-position: 0px -153px;
	background-size: 240px 231px;
	width: 35px;
	height: 34px
}

.icoK, .shareBox>div.share.active .sharePop .social a.share4:before {
	background-position: -145px -104px;
	background-size: 240px 231px;
	width: 9px;
	height: 17px
}

.icoKorea, .hLanguage .languageArea a.korea:before {
	background-position: -40px -175px;
	background-size: 240px 231px;
	width: 12px;
	height: 12px
}

.icoLike2, .shareBox>div.like button:before {
	background-position: -107.5px -175px;
	background-size: 240px 231px;
	width: 12px;
	height: 9px
}

.icoLike3, .hMypage .mypageArea .link.like span:before {
	background-position: -225px -203.5px;
	background-size: 240px 231px;
	width: 8px;
	height: 6px
}

.icoLnb, .menuArea nav .navList>a:before {
	background-position: -225px -166.5px;
	background-size: 240px 231px;
	width: 13px;
	height: 13px
}

.icoLoginBtn {
	background-position: -199px -121px;
	background-size: 240px 231px;
	width: 19px;
	height: 18px
}

.icoLogo {
	background-position: -76px -55px;
	background-size: 240px 231px;
	width: 80px;
	height: 24px
}

.icoMark1, .titleArea.sayView .sayCont p.ko:before {
	background-position: -162px -80px;
	background-size: 240px 231px;
	width: 25px;
	height: 21px
}

.icoMark2, .titleArea.sayView .sayCont p.ko:after {
	background-position: -162px -106px;
	background-size: 240px 231px;
	width: 24px;
	height: 20px
}

.icoMenuBtn {
	background-position: -131px -153px;
	background-size: 240px 231px;
	width: 21px;
	height: 13px
}

.icoMenuClose, .menuArea .menuClose {
	background-position: -179px -153px;
	background-size: 240px 231px;
	width: 12px;
	height: 12px
}

.icoMoreLink, .rollTab .inBox .rollCon+a, .column ul+a {
	background-position: -68px -192px;
	background-size: 240px 231px;
	width: 16px;
	height: 16px
}

.icoN, .shareBox>div.share.active .sharePop .social a.share5:before {
	background-position: -199px -76px;
	background-size: 240px 231px;
	width: 21px;
	height: 17px
}

.icoNew {
	background-position: -166px -192px;
	background-size: 240px 231px;
	width: 9px;
	height: 9px
}

.icoNewFolder, .shareBox>div.scrap.active .scrapPop .newFolder h3:before
	{
	background-position: -122px -192px;
	background-size: 240px 231px;
	width: 11px;
	height: 11px
}

.icoNext {
	background-position: -225px -22px;
	background-size: 240px 231px;
	width: 10px;
	height: 21px
}

.icoPlay, .grid-item .img.video:before, .relationArea ul li a .img.video:before
	{
	background-position: -199px 0px;
	background-size: 240px 231px;
	width: 21px;
	height: 21px
}

.icoPopClose {
	background-position: -225px -48px;
	background-size: 240px 231px;
	width: 14.5px;
	height: 14.5px
}

.icoPrev {
	background-position: -225px -67.5px;
	background-size: 240px 231px;
	width: 10px;
	height: 20px
}

.icoPw, .joinType.type2 .loginBox div:last-of-type:before {
	background-position: -199px -167px;
	background-size: 240px 231px;
	width: 18px;
	height: 18px
}

.icoQna3, .hMypage .mypageArea .link.qna span:before {
	background-position: -138px -192px;
	background-size: 240px 231px;
	width: 9px;
	height: 11px
}

.icoRe, .answerBox:before {
	background-position: -40px -153px;
	background-size: 240px 231px;
	width: 39px;
	height: 17px
}

.icoReple3, .hMypage .mypageArea .link.reple span:before {
	background-position: -90px -133px;
	background-size: 240px 231px;
	width: 8px;
	height: 7px
}

.icoRepleDel, .repleList li button:before {
	background-position: -152px -192px;
	background-size: 240px 231px;
	width: 9px;
	height: 11px
}

.icoRollingOff {
	background-position: -103px -133px;
	background-size: 240px 231px;
	width: 7px;
	height: 7px
}

.icoRollingOn {
	background-position: -127px -133px;
	background-size: 240px 231px;
	width: 7px;
	height: 7px
}

.icoScrap, .shareBox>div.scrap button:before {
	background-position: -106px -192px;
	background-size: 240px 231px;
	width: 11px;
	height: 13px
}

.icoScrap3, .hMypage .mypageArea .link.scrap span:before {
	background-position: -192px -192px;
	background-size: 240px 231px;
	width: 7px;
	height: 9px
}

.icoSearchBtn {
	background-position: -46px -192px;
	background-size: 240px 231px;
	width: 17px;
	height: 17px
}

.icoSearchNon, .conList .searchNon:before, .myRepleArea .repleBox .searchNon:before
	{
	background-position: -14px -215px;
	background-size: 240px 231px;
	width: 10px;
	height: 12px
}

.icoSelectBtn {
	background-position: -124.5px -175px;
	background-size: 240px 231px;
	width: 13px;
	height: 8px
}

.icoSelectBtn2 {
	background-position: -151px -84px;
	background-size: 240px 231px;
	width: 5px;
	height: 3px
}

.icoSet, .hMypage .mypageArea .set:before {
	background-position: -199px -144px;
	background-size: 240px 231px;
	width: 18px;
	height: 18px
}

.icoShare, .shareBox>div.share button:before {
	background-position: -225px -184.5px;
	background-size: 240px 231px;
	width: 12px;
	height: 14px
}

.icoSmallLogo, footer .secInfo .copyright:before {
	background-position: -76px -84px;
	background-size: 240px 231px;
	width: 36px;
	height: 11px
}

.icoT, .shareBox>div.share.active .sharePop .social a.share3:before {
	background-position: -108px -153px;
	background-size: 240px 231px;
	width: 18px;
	height: 16px
}

.icoTop2 {
	background-position: -49px -104px;
	background-size: 240px 231px;
	width: 36px;
	height: 36px
}

.icoTransBtn {
	background-position: -23px -192px;
	background-size: 240px 231px;
	width: 18px;
	height: 18px
}

.icoU, .shareBox>div.share.active .sharePop .social a.share6:before {
	background-position: -225px 0px;
	background-size: 240px 231px;
	width: 15px;
	height: 17px
}

.icoUs, .hLanguage .languageArea a.us:before {
	background-position: -89px -192px;
	background-size: 240px 231px;
	width: 12px;
	height: 13px
}

.icoWhatch, span.time:before {
	background-position: -115px -133px;
	background-size: 240px 231px;
	width: 7px;
	height: 7px
}

.icoWlist3, .hMypage .mypageArea .link.wlist span:before {
	background-position: -180px -192px;
	background-size: 240px 231px;
	width: 7px;
	height: 9px
}

.btnArea {
	margin-top: 39px;
	text-align: center
}

.btnAreaR {
	margin-top: 30px;
	text-align: right
}

.btn {
	display: inline-block;
	min-width: 65px;
	height: 22px;
	margin-left: 3px;
	font-size: 0.5625rem;
	color: #fff;
	line-height: 22px;
	text-align: center
}

.btn:first-child {
	margin-left: 0
}

.btn.grayB {
	background-color: #4a4a4a
}

.btn.tgrayB {
	background-color: #70767e
}

.btn.navyBlueB {
	background-color: #3e3e52
}

.btn.redB {
	background-color: #de4140
}

.btn.skyB {
	background-color: #3887bf
}

.btn.btn108 {
	min-width: 108px;
	height: 32px;
	line-height: 32px;
	font-size: 0.75rem
}

.btnR {
	display: inline-block;
	min-width: 65px;
	height: 22px;
	margin-left: 5px;
	border-radius: 2px;
	font-size: 0.5625rem;
	color: #fff;
	line-height: 22px
}

.btnR:first-child {
	margin-left: 0
}

.btnR.grayB {
	background-color: #3e3e52
}

.editBtn {
	display: block;
	width: 95px;
	height: 32px;
	margin-top: 25px;
	background-color: #70767e;
	text-align: center;
	font-size: 0.75rem;
	color: #fff;
	line-height: 32px
}

.editBtn:before {
	content: "";
	position: relative;
	top: 2px;
	margin-right: 7px
}

.txtHidden, .iconDefault, .bgInputOff, .formBox2 article .checkArea li label:before,
	.formBox2 article .fieldBox .tit div label:before, .agreeArea .agreeBox>h2 label:before,
	.outArea .outInfoArea div label:before, .bgInputOn, .formBox2 article .checkArea li input[type="checkbox"]:checked+label:before,
	.formBox2 article .fieldBox .tit div input[type="checkbox"]:checked+label:before,
	.agreeArea .agreeBox>h2 input[type="checkbox"]:checked+label:before,
	.outArea .outInfoArea div input[type="checkbox"]:checked+label:before,
	.bgRadioOff, .formBox2 article .radioArea li label:before, .bgRadioOn,
	.formBox2 article .radioArea li input[type="radio"]:checked+label:before,
	.icoArrowLink2, .rolling .bx-viewport>ul .todaySay span:after, .icoBack,
	.icoBoard3, .hMypage .mypageArea .link.board span:before, .icoBookmark,
	.grid-item.grid-item--height2.card3 a:before, .icoChina, .hLanguage .languageArea a.china:before,
	.icoClose1, .icoCommunity, .hMypage .mypageArea .community:before,
	.icoDelay, .joinOk3:before, .icoEdit, .editBtn:before, .icoError1,
	.errorArea .error.error1:before, .icoError2, .errorArea .error.error2:before,
	.icoError3, .errorArea .error.error3:before, .icoF, .shareBox>div.share.active .sharePop .social a.share1:before,
	.icoFolder, .shareBox>div.scrap.active .scrapPop ul li:before,
	.scrapFolderPop .scrapConBox .scrapCon h2:before, .icoFolder2,
	.scrapArea .scrap .txt a>h2:before, .icoG, .shareBox>div.share.active .sharePop .social a.share2:before,
	.icoId, .joinType.type2 .loginBox div:first-of-type:before, .icoIupdate,
	.hMypage .mypageArea .iupdate:before, .icoJapan, .hLanguage .languageArea a.japan:before,
	.icoJoinOk, .joinOk:before, .icoJoinOk2, .joinOk2:before, .joinOk3.type2:before,
	.icoK, .shareBox>div.share.active .sharePop .social a.share4:before,
	.icoKorea, .hLanguage .languageArea a.korea:before, .icoLike2,
	.shareBox>div.like button:before, .icoLike3, .hMypage .mypageArea .link.like span:before,
	.icoLnb, .menuArea nav .navList>a:before, .icoLoginBtn, .icoLogo,
	.icoMark1, .titleArea.sayView .sayCont p.ko:before, .icoMark2,
	.titleArea.sayView .sayCont p.ko:after, .icoMenuBtn, .icoMenuClose,
	.menuArea .menuClose, .icoMoreLink, .rollTab .inBox .rollCon+a, .column ul+a,
	.icoN, .shareBox>div.share.active .sharePop .social a.share5:before,
	.icoNew, .icoNewFolder, .shareBox>div.scrap.active .scrapPop .newFolder h3:before,
	.icoNext, .icoPlay, .grid-item .img.video:before, .relationArea ul li a .img.video:before,
	.icoPopClose, .icoPrev, .icoPw, .joinType.type2 .loginBox div:last-of-type:before,
	.icoQna3, .hMypage .mypageArea .link.qna span:before, .icoRe,
	.answerBox:before, .icoReple3, .hMypage .mypageArea .link.reple span:before,
	.icoRepleDel, .repleList li button:before, .icoRollingOff,
	.icoRollingOn, .icoScrap, .shareBox>div.scrap button:before, .icoScrap3,
	.hMypage .mypageArea .link.scrap span:before, .icoSearchBtn,
	.icoSearchNon, .conList .searchNon:before, .myRepleArea .repleBox .searchNon:before,
	.icoSelectBtn, .icoSelectBtn2, .icoSet, .hMypage .mypageArea .set:before,
	.icoShare, .shareBox>div.share button:before, .icoSmallLogo, footer .secInfo .copyright:before,
	.icoT, .shareBox>div.share.active .sharePop .social a.share3:before,
	.icoTop2, .icoTransBtn, .icoU, .shareBox>div.share.active .sharePop .social a.share6:before,
	.icoUs, .hLanguage .languageArea a.us:before, .icoWhatch, span.time:before,
	.icoWlist3, .hMypage .mypageArea .link.wlist span:before, .txtHide,
	.repleArea h1, .myRepleArea>h1, .grid-item.grid-item--height2 a h1,
	.grid-item.grid-item--height2 a span, .joinSns>a, .joinSns #naver_id_login
	{
	overflow: hidden;
	display: inline-block;
	text-indent: -9999px;
	white-space: nowrap;
	line-height: 0;
	text-align: left !important
}

.txtHide, .repleArea h1, .myRepleArea>h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0
}

.clearFix, .hMypage .welcome, .formBox article .columnArea, .formBox article.emailArea,
	.formBox article.idArea, .formBox article.numberArea, .formBox2 article,
	.formBox2 article .fieldBox .tit, .titleArea .info, .stepBox ol,
	.historyArea .history {
	clear: both
}

.clearFix:before, .hMypage .welcome:before, .formBox article .columnArea:before,
	.formBox article.emailArea:before, .formBox article.idArea:before,
	.formBox article.numberArea:before, .formBox2 article:before, .formBox2 article .fieldBox .tit:before,
	.titleArea .info:before, .stepBox ol:before, .historyArea .history:before,
	.clearFix:after, .hMypage .welcome:after, .formBox article .columnArea:after,
	.formBox article.emailArea:after, .formBox article.idArea:after,
	.formBox article.numberArea:after, .formBox2 article:after, .formBox2 article .fieldBox .tit:after,
	.titleArea .info:after, .stepBox ol:after, .historyArea .history:after
	{
	content: "";
	display: table
}

.clearFix:after, .hMypage .welcome:after, .formBox article .columnArea:after,
	.formBox article.emailArea:after, .formBox article.idArea:after,
	.formBox article.numberArea:after, .formBox2 article:after, .formBox2 article .fieldBox .tit:after,
	.titleArea .info:after, .stepBox ol:after, .historyArea .history:after
	{
	clear: both
}

.clearBoth {
	clear: both
}

.ellipsis, .rollTab .inBox .rollCon a h1 span:first-child, .column ul li a .columnTxt div h2,
	.column ul li a .columnTxt p, .relationArea ul li a .img+h2, .shareBox>div.scrap.active .scrapPop ul li label,
	.myRepleArea .repleBox h1, .scrapArea .scrap .txt a>h2 {
	overflow: hidden;
	white-space: nowrap !important;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	word-wrap: normal !important
}

.pT46 {
	padding-top: 46px !important
}

.mgT10 {
	margin-top: 10px !important
}

.mgT15 {
	margin-top: 15px !important
}

.mgT20 {
	margin-top: 20px !important
}

.bnone {
	border: none !important
}

.ov {
	overflow: visible !important
}

body {
	background-color: #f3f3f2
}

.white {
	background-color: #fff
}

body.filter {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%
}

body.filter #contentArea:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(67, 60, 54, 0.7);
	z-index: 4
}

body.filter.shareFilter #contentArea:before {
	content: none
}

body.filter.shareFilter #contentArea:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(67, 60, 54, 0.7);
	z-index: 4
}

body.filter.shareFilter .shareBox:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(67, 60, 54, 0.7);
	z-index: 1
}

body.filter2 {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%
}

body.filter2 #contentArea:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(67, 60, 54, 0.7);
	z-index: 2
}

body.filter2 .hInBox {
	display: block
}

body.filter2 .shareBox {
	z-index: 1
}

.headerArea {
	position: fixed;
	width: 100%;
	z-index: 3
}

header {
	width: 100%;
	position: relative;
	z-index: 3
}

header .headerBox {
	position: relative;
	z-index: 2
}

header .headerBox h1 {
	position: relative;
	width: calc(100% - 150px);
	height: 46px;
	margin: 0 auto;
	border-bottom: 6px solid #fff;
	background-color: #fff;
	text-align: center
}

header .headerBox h1:after {
	content: "";
	position: absolute;
	top: 0;
	right: -36px;
	display: inline-block;
	width: 36px;
	height: 40px;
	border-bottom: 6px solid #fff;
	background-color: #fff
}

header .headerBox h1 a {
	margin-top: 11px
}

header .headerBox .hopen {
	display: block;
	position: absolute;
	top: 0;
	height: 40px;
	border-bottom: 6px solid #fff;
	background-color: #fff;
	box-sizing: initial
}

header .headerBox .hopen:after {
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	position: absolute;
	bottom: -6px;
	left: 50%;
	background: url(/images/m/common/bgMask.png) center center no-repeat;
	background-size: auto 6px
}

header .headerBox .hopen.active {
	border-bottom: none
}

header .headerBox .hopen span {
	position: relative;
	vertical-align: top
}

header .headerBox .MenuBtn {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-bottom: 6px solid #fff;
	background-color: #fff;
	box-sizing: initial
}

header .headerBox .MenuBtn span {
	margin-top: 8px
}

header .headerBox .SearchBtn {
	left: 40px;
	width: 36px;
	outline: none
}

header .headerBox .SearchBtn:after {
	margin-left: -19px
}

header .headerBox .SearchBtn span {
	top: 3px
}

header .headerBox .LoginBtn {
	right: 0;
	width: 40px;
	text-align: center;
	outline: none
}

header .headerBox .LoginBtn:after {
	margin-left: -19px
}

header .headerBox .LoginBtn span {
	top: 4px
}

.hInBox {
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
	right: 0;
	margin-top: -6px;
	padding-top: 6px;
	background: url(/images/m/common/bgPattern.jpg) 0 0 repeat;
	box-shadow: 0 2px 3px #2d2d2d
}

.hInBox .openBox {
	display: none
}

.hInBox .openBox.active {
	display: block
}

.hSearch .searchArea {
	margin: 8px 10px
}

.hLanguage .languageArea {
	margin: 8px 10px;
	text-align: center
}

.hLanguage .languageArea a {
	display: inline-block;
	min-width: 65px;
	height: 24px;
	margin: 0 1px;
	padding: 0 10px;
	border-radius: 1px;
	background-color: #fff;
	text-align: left;
	font-size: 0.625rem;
	letter-spacing: -0.013em;
	color: #000;
	line-height: 24px
}

.hLanguage .languageArea a.redOn {
	color: #fff;
	background-color: #de4140
}

.hLanguage .languageArea a:before {
	content: "";
	position: relative;
	top: 2px;
	margin-right: 4px
}

.hMypage {
	height: 32px
}

.hMypage .welcome {
	margin: 8px 10px
}

.hMypage .welcome p {
	float: left;
	height: 24px;
	font-size: 0.875rem;
	color: #fff;
	letter-spacing: -0.025em;
	line-height: 24px
}

.hMypage .welcome .link {
	float: right
}

.hMypage .welcome .link a {
	float: left;
	display: inline-block;
	width: 60px;
	height: 24px;
	margin-left: 5px;
	text-align: center;
	background-color: #de4140;
	font-size: 0.625rem;
	color: #fff;
	letter-spacing: -0.013em;
	line-height: 24px
}

.hMypage .mypageArea {
	overflow: hidden;
	position: relative;
	top: 0;
	z-index: -1;
	background: url(/images/m/common/bgPattern3.jpg) 0 0 repeat
}

.hMypage .mypageArea a {
	float: left;
	display: inline-block;
	width: 25%;
	height: 80px;
	border-left: 1px solid #cfd1d2;
	border-bottom: 1px solid #cfd1d2;
	text-align: center
}

.hMypage .mypageArea a:first-child, .hMypage .mypageArea a:nth-child(5)
	{
	border-left: none
}

.hMypage .mypageArea .link {
	padding-top: 18px;
	font-size: 1.375rem;
	color: #302f30;
	font-weight: bold;
	font-family: "Arial Bold", "notokr-regular", "Malgun Gothic", "¸¼Àº °íµñ",
		Dotum, tahoma, sans-serif
}

.hMypage .mypageArea .link span {
	display: block;
	font-size: 0.5625rem;
	color: #636363;
	letter-spacing: -0.025em
}

.hMypage .mypageArea .link span:before {
	content: "";
	position: relative;
	top: -2px;
	margin-right: 3px;
	vertical-align: middle
}

.hMypage .mypageArea .set span, .hMypage .mypageArea .iupdate span,
	.hMypage .mypageArea .community span {
	display: block;
	font-size: 0.5625rem;
	color: #636363;
	letter-spacing: -0.025em
}

.hMypage .mypageArea .set:before, .hMypage .mypageArea .iupdate:before,
	.hMypage .mypageArea .community:before {
	content: ""
}

.hMypage .mypageArea .set:before {
	margin: 22px 0 5px
}

.hMypage .mypageArea .iupdate:before {
	margin: 21px 0 3px
}

.hMypage .mypageArea .community:before {
	margin: 21px 0 3px
}

.menuArea {
	position: fixed;
	top: 0;
	left: -270px;
	bottom: 0;
	width: 270px;
	z-index: 6;
	overflow-x: hidden;
	overflow-y: auto;
	background: url(/images/m/common/bgPattern2.jpg) 0 0 repeat;
	transition: left 0.2s
}

.menuArea.active {
	left: 0
}

.menuArea p {
	height: 40px;
	padding-left: 21px;
	background: url(/images/m/common/bgPattern.jpg) 0 0 repeat;
	font-size: 0.875rem;
	color: #fff;
	letter-spacing: -0.025em;
	line-height: 40px
}

.menuArea .menuVisuImg {
	padding-top: 34.5%;
	background: url(/images/m/common/menuVisu.jpg) 0 0 no-repeat;
	background-size: cover
}

.menuArea nav {
	background: url(/images/m/common/bgPattern3.jpg) 0 0 repeat
}

.menuArea nav .navList {
	border-top: 1px solid #e5e5e5
}

.menuArea nav .navList>a {
	display: block;
	height: 40px;
	font-size: 1rem;
	color: #000;
	letter-spacing: 0.025em;
	line-height: 40px
}

.menuArea nav .navList>a:before {
	content: "";
	margin: -1px 9px 0 20px;
	transition: transform 0.5s
}

.menuArea nav .navList:first-child {
	border-top: none
}

.menuArea nav .navList ul {
	display: none;
	border-top: 1px solid #e5e5e5
}

.menuArea nav .navList ul li {
	height: 36px;
	padding: 0 20px;
	background-color: #fff
}

.menuArea nav .navList ul li a {
	display: block;
	padding-left: 20px;
	border-top: 1px solid #e5e5e5;
	font-size: 0.8125rem;
	color: #000;
	letter-spacing: -0.05em;
	line-height: 36px
}

.menuArea nav .navList ul li:first-child a {
	border-top: none
}

.menuArea nav .navList.active>a {
	color: #de4140
}

.menuArea nav .navList.active>a:before {
	transform: rotate(90deg)
}

.menuArea nav .navList.active ul {
	display: block
}

.menuArea .menuClose {
	position: absolute;
	top: 15px;
	right: 23px
}

#conTit {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: url(/images/m/common/bgPattern.jpg) 0 0 repeat
}

#conTit h1 {
	margin: 14px 0 12px;
	font-size: 1.5rem;
	color: #f3f3f2;
	line-height: 24px;
	letter-spacing: -0.025em;
	text-align: center
}

#conTit .icoBack {
	position: absolute;
	top: 15px;
	left: 10px
}

#conTit.line {
	height: 3px
}

.searchArea {
	position: relative;
	height: 34px;
	margin-bottom: 11px
}

.searchArea input[type=text] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 34px;
	padding-right: 65px;
	border: 1px solid #dadada
}

.searchArea button {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 34px;
	background-color: #de4140;
	font-size: 0.5625rem;
	color: #fff;
	letter-spacing: -0.025em;
	line-height: 34px;
	text-align: center
}

.searchSortArea {
	margin: 10px 0;
	border: 1px solid #e6e6e6;
	background-color: #f9fafb
}

.searchSortArea .searchSort>div {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 29px;
	border-top: 1px solid #e6e6e6
}

.searchSortArea .searchSort>div h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 58px;
	border-right: 1px solid #e6e6e6;
	text-align: center;
	font-size: 0.75rem;
	color: #000;
	line-height: 29px;
	box-shadow: 0px 0px 10px #282828
}

.searchSortArea .searchSort>div .scroll {
	position: relative;
	overflow-x: scroll;
	width: calc(100% - 58px);
	height: 29px;
	margin-left: 58px
}

.searchSortArea .searchSort>div .scroll ul {
	white-space: nowrap
}

.searchSortArea .searchSort>div .scroll ul li {
	display: inline-block;
	margin-left: 11px
}

.searchSortArea .searchSort>div .scroll ul li label {
	font-size: 0.6875rem;
	color: #000;
	line-height: 29px
}

.searchSortArea .searchSort>div .scroll ul li input[type=checkbox] {
	display: none
}

.searchSortArea .searchSort>div .scroll ul li input[type=checkbox]:checked+label
	{
	color: #de4140
}

.searchSortArea .searchSort>div .scroll ul li button {
	display: block;
	font-size: 0.6875rem;
	color: #000;
	line-height: 29px
}

.searchSortArea .searchSort>div .scroll ul li button.active {
	color: #de4140
}

.searchSortArea .searchSort>div .scroll ul li:first-child {
	margin-left: 13px
}

.searchSortArea .searchSort>div .scroll ul li:last-child {
	margin-right: 10px
}

.searchSortArea .searchSort>div:first-of-type {
	border-top: none
}

.searchSortArea .searchSort>div.tourWrite h1 {
	width: 100%;
	border-right: none
}

footer {
	min-height: 117px;
	margin-top: 18px
}

footer .bottomLinkArea {
	margin-top: 0
}

footer .secInfo ul {
	margin-top: 10px;
	text-align: center
}

footer .secInfo ul li {
	display: inline-block;
	font-family: "Arial Regular", "notokr-regular", "Malgun Gothic", "¸¼Àº °íµñ",
		Dotum, tahoma, sans-serif;
	font-size: 0.5625rem;
	color: #7b7b7b;
	letter-spacing: -0.027em;
	line-height: 11px
}

footer .secInfo ul li a {
	font-family: "Arial Regular", "notokr-regular", "Malgun Gothic", "¸¼Àº °íµñ",
		Dotum, tahoma, sans-serif;
	font-size: 0.5625rem;
	color: #7b7b7b;
	letter-spacing: -0.027em;
	line-height: 11px
}

footer .secInfo ul li:nth-child(2):before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: -1px 7px 0;
	background-color: #555
}

footer .secInfo ul li:last-child {
	display: block
}

footer .secInfo .copyright {
	font-family: "Arial Regular", "notokr-regular", "Malgun Gothic", "¸¼Àº °íµñ",
		Dotum, tahoma, sans-serif;
	font-size: 0.75rem;
	color: #7b7b7b;
	letter-spacing: -0.027em;
	line-height: 13px
}

footer .secInfo .copyright:before {
	content: "";
	margin: -1px 5px 0 0;
	vertical-align: middle
}

.bottomLinkArea {
	margin-top: 17px;
	text-align: center
}

.bottomLinkArea a {
	display: inline-block;
	min-width: 50px;
	height: 21px;
	margin: 0 2px;
	padding: 0 10px;
	border: 1px solid #312a2c;
	background-color: #7b7b7b;
	font-size: 0.625rem;
	color: #2d292a;
	letter-spacing: -0.025em;
	line-height: 21px
}

.bottomLinkArea select {
	margin: 0 2px;
	width: 97px;
	height: 21px;
	border: 1px solid #433a2f;
	background-color: #fff;
	font-size: 0.625rem;
	color: #382610;
	letter-spacing: -0.025em;
	line-height: 21px
}

.copyright {
	display: block;
	margin-top: 10px;
	text-align: center;
	font-family: "Arial Regular", "notokr-regular", "Malgun Gothic", "¸¼Àº °íµñ",
		Dotum, tahoma, sans-serif;
	font-size: 0.75rem;
	color: #ab9c8b;
	letter-spacing: -0.027em;
	line-height: 13px
}

.icoTop2 {
	display: none;
	cursor: pointer;
	position: fixed;
	bottom: 40px;
	right: 0;
	margin-right: 10px
}

#contentArea {
	padding: 96px 0 32px;
	z-index: 3
}

.content {
	min-height: 436px;
	margin-top: 10px;
	padding: 0 10px
}

.conList {
	position: relative;
	padding-bottom: 21px;
	width: 100%
}

.conList .grid {
	overflow: hidden;
	width: calc(100% + 7px)
}

.conList .searchNon {
	width: calc(100% - 7px);
	height: 40px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	background-color: #fff;
	font-size: 0.75rem;
	color: #212121;
	line-height: 40px;
	text-align: center
}

.conList .searchNon:before {
	content: "";
	margin: -2px 7px 0 0;
	vertical-align: middle
}

.conList.loadOff .loading {
	display: none
}

.conList.loadOff .btnConMore {
	display: block
}

.conList.del {
	position: relative
}

.conList.del .grid-item .icoClose1 {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 19px;
	height: 19px;
	z-index: 1
}

.loading {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 100
}

.loading>div {
	position: absolute;
	top: calc(50% + 35px);
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 101
}

.spinner.spinner-cube-grid {
	width: 30px;
	height: 30px;
	margin: 0 auto
}

.spinner.spinner-cube-grid .cube {
	float: left;
	width: 33%;
	height: 33%;
	background: #de4140;
	-webkit-animation: cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: cubeGridScaleDelay 1.3s infinite ease-in-out
}

.spinner.spinner-cube-grid .cube:nth-child(1) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s
}

.spinner.spinner-cube-grid .cube:nth-child(2) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s
}

.spinner.spinner-cube-grid .cube:nth-child(3) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s
}

.spinner.spinner-cube-grid .cube:nth-child(4) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s
}

.spinner.spinner-cube-grid .cube:nth-child(5) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s
}

.spinner.spinner-cube-grid .cube:nth-child(6) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s
}

.spinner.spinner-cube-grid .cube:nth-child(7) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.spinner.spinner-cube-grid .cube:nth-child(8) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s
}

.spinner.spinner-cube-grid .cube:nth-child(9) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s
}

@
-webkit-keyframes cubeGridScaleDelay { 0%,70%,100%{
	-webkit-transform: scale3D(1, 1, 1);
	transform: scale3D(1, 1, 1)
}

35%{
-webkit-transform
:scale3D
(0
,
0,
1);
transform
:scale3D
(0
,
0,
1)
}
}
@
keyframes cubeGridScaleDelay { 0%,70%,100%{
	-webkit-transform: scale3D(1, 1, 1);
	transform: scale3D(1, 1, 1)
}

35%{
-webkit-transform
:scale3D
(0
,
0,
1);
transform
:scale3D
(0
,
0,
1)
}
}
span.time {
	display: inline-block;
	font-size: 0.4375rem;
	color: rgba(124, 124, 124, 0.7);
	letter-spacing: -0.05em
}

span.time:before {
	content: "";
	margin-right: 4px
}

.grid-item {
	width: calc(50% - 7px);
	margin-bottom: 9px;
	border: 1px solid #dedede;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 1px 1px 1px #eaeae9;
	transition: all 0.2s
}

.grid-item.grid-item--height2 a {
	display: block;
	padding-top: 86.51%;
	border-radius: 8px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.grid-item.grid-item--height2.card1 {
	background-color: #de4140
}

.grid-item.grid-item--height2.card1 a {
	background-image: url(/images/m/common/icoCard1.png)
}

.grid-item.grid-item--height2.card2 {
	background-color: #f2b431
}

.grid-item.grid-item--height2.card2 a {
	background-image: url(/images/m/common/icoCard2.png)
}

.grid-item.grid-item--height2.card3 {
	background-color: #162c52
}

.grid-item.grid-item--height2.card3 a {
	position: relative;
	background-image: url(/images/m/common/icoCard3.png)
}

.grid-item.grid-item--height2.card3 a:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 7px 0 0
}

.grid-item.grid-item--height2.card4 {
	background-color: #3887bf
}

.grid-item.grid-item--height2.card4 a {
	position: relative;
	background-image: url(/images/m/common/icoCard4.png)
}

.grid-item.grid-item--height2.card5 {
	background-color: #6ba72a
}

.grid-item.grid-item--height2.card5 a {
	background-image: url(/images/m/common/icoCard5.png)
}

.grid-item.grid-item--height2.card6 {
	background-color: #3c4555
}

.grid-item.grid-item--height2.card6 a {
	background-image: url(/images/m/common/icoCard6.png)
}

.grid-item.grid-item--height2.card7 {
	background-color: #582f70
}

.grid-item.grid-item--height2.card7 a {
	background-image: url(/images/m/common/icoCard7.png)
}

.grid-item.grid-item--height2.card8 {
	background-color: #707d89
}

.grid-item.grid-item--height2.card8 a {
	background-image: url(/images/m/common/icoCard8.png)
}

.grid-item.grid-item--height2.card9 {
	background-color: #f18f26
}

.grid-item.grid-item--height2.card9 a {
	background-image: url(/images/m/common/icoCard9.png)
}

.grid-item.grid-item--height2.card10 {
	background-color: #228586
}

.grid-item.grid-item--height2.card10 a {
	background-image: url(/images/m/common/icoCard10.png)
}

.grid-item a {
	display: block
}

.grid-item .img {
	overflow: hidden;
	width: 100%;
	height: auto
}

.grid-item .img img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px 8px 0 0
}

.grid-item .img.video {
	position: relative
}

.grid-item .img.video:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.grid-item .itemCon {
	padding: 9px 8px 21px
}

.grid-item .itemCon span:first-child {
	display: inline-block;
	padding: 0 3px;
	border-radius: 3px;
	font-size: 8px;
	color: #fff;
	line-height: 13px;
	text-align: center
}

.grid-item .itemCon span:first-child.ingColor {
	min-width: 44px;
	background-color: #d33e3c
}

.grid-item .itemCon span:first-child.endColor {
	min-width: 44px;
	background-color: #70767e
}

.grid-item .itemCon h1 {
	margin-top: 3px;
	font-size: 0.6875rem;
	color: #000;
	letter-spacing: -0.05em
}

.grid-item .itemCon p {
	margin-top: 9px;
	font-size: 0.5625rem;
	color: #7f7f7f;
	letter-spacing: -0.075em;
	line-height: 12px
}

.grid-item .itemCon .shopping {
	margin-top: 9px
}

.grid-item .itemCon .shopping li {
	font-size: 0.5625rem;
	color: #7f7f7f;
	letter-spacing: -0.075em;
	line-height: 12px
}

.grid-item .itemCon .shopping li:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin-right: 5px;
	position: relative;
	top: 5px;
	background-color: #7f7f7f;
	vertical-align: top
}

.grid-item .itemCon span.time {
	margin-top: 20px
}

.stamp {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 8px
}

.rolling {
	background-color: #fff
}

.rolling .bx-viewport>ul {
	overflow: hidden;
	height: 100%
}

.rolling .bx-viewport>ul>li {
	float: left;
	width: 100%
}

.rolling .bx-viewport>ul>li a {
	display: block
}

.rolling .bx-viewport>ul>li a>img {
	width: 100%;
	height: auto;
	border-radius: 8px
}

.rolling .bx-viewport>ul .todaySay {
	display: table;
	min-height: 355px;
	height: 100%;
	text-align: center;
	background: url(/images/main/imgRolling5.png) 0 0 no-repeat;
	background-size: 100% 100%
}

.rolling .bx-viewport>ul .todaySay a {
	display: table-cell;
	vertical-align: middle
}

.rolling .bx-viewport>ul .todaySay h2, .rolling .bx-viewport>ul .todaySay p,
	.rolling .bx-viewport>ul .todaySay span {
	display: block
}

.rolling .bx-viewport>ul .todaySay h2 {
	font-size: 0.625rem;
	color: #fbbe3c;
	letter-spacing: -0.025em
}

.rolling .bx-viewport>ul .todaySay p {
	margin-top: 6px;
	padding: 0 40px;
	font-size: 1rem;
	color: #fff;
	letter-spacing: -0.025em;
	line-height: 22px
}

.rolling .bx-viewport>ul .todaySay span {
	margin-top: 25px;
	font-size: 0.5625rem;
	color: #efefef;
	line-height: 11px
}

.rolling .bx-viewport>ul .todaySay span:after {
	content: "";
	display: block;
	margin: 18px auto 0
}

.rolling .bx-controls {
	position: absolute;
	top: 18px;
	right: 16px;
	z-index: 2
}

.rolling .bx-pager-item {
	float: left;
	margin-left: 4px
}

.rolling .bx-pager-item a {
	display: inline-block;
	width: 7px;
	height: 7px;
	background: url(/images/m/sprite_m/icoRollingOff.png) 0 0 no-repeat;
	background-size: 7px auto;
	font-size: 0;
	line-height: 0
}

.rolling .bx-pager-item a.active {
	background: url(/images/m/sprite_m/icoRollingOn.png) 0 0 no-repeat;
	background-size: 7px auto
}

.rollTab {
	position: relative;
	width: calc(100%);
	border-radius: 8px;
	z-index: 1
}

.rollTab button {
	position: absolute;
	margin-top: 44%;
	z-index: 3;
	font-size: 0.6875rem;
	letter-spacing: -0.038em;
	color: #656565
}

.rollTab button:nth-child(1) {
	left: 17px
}

.rollTab button:nth-child(2) {
	left: 46px
}

.rollTab button:nth-child(3) {
	left: 76px
}

.rollTab button.on {
	color: #de4140
}

.rollTab .inBox li {
	display: none;
	position: relative;
	width: 100%;
	border-radius: 8px 8px 0 0;
	background-color: #fff
}

.rollTab .inBox li:first-child {
	display: block
}

.rollTab .inBox li .img {
	width: 100%;
	height: auto
}

.rollTab .inBox li .img img {
	width: 100%;
	height: 100%;
	border-radius: 8px 8px 0 0
}

.rollTab .inBox .rollCon {
	height: 111px;
	padding: 33px 17px 15px;
	border-bottom: 1px solid rgba(235, 234, 234, 0.5)
}

.rollTab .inBox .rollCon a {
	display: block
}

.rollTab .inBox .rollCon a>span {
	font-size: 0.5rem;
	color: #000;
	letter-spacing: -0.025em
}

.rollTab .inBox .rollCon a h1 span:first-child {
	display: inline-block;
	max-width: calc(100% - 18px);
	font-size: 0.8125rem;
	color: #000;
	letter-spacing: -0.025em
}

.rollTab .inBox .rollCon a h1 .icoNew {
	position: relative;
	top: -3px;
	margin-left: 4px
}

.rollTab .inBox .rollCon a p {
	font-size: 0.5625rem;
	color: rgba(73, 73, 73, 0.84);
	line-height: 12px;
	letter-spacing: -0.025em
}

.rollTab .inBox .rollCon+a {
	position: absolute;
	bottom: 83px;
	right: 17px
}

.column {
	position: relative;
	width: 100%;
	height: 120px;
	z-index: 1;
	padding: 15px 17px;
	border-radius: 0 0 8px 8px;
	background-color: #fff
}

.column h1 {
	font-size: 0.625rem;
	color: #212121;
	letter-spacing: -0.038em
}

.column ul {
	margin-top: 10px
}

.column ul li {
	width: 100%;
	clear: both
}

.column ul li:first-child {
	margin-bottom: 11px
}

.column ul li a {
	display: block;
	overflow: hidden
}

.column ul li a .img {
	float: left;
	width: 28px;
	height: 28px;
	margin-right: 10px
}

.column ul li a .img img {
	width: 100%;
	height: 100%
}

.column ul li a .columnTxt {
	float: left;
	width: calc(100% - 38px);
	overflow: hidden;
	font-size: 0
}

.column ul li a .columnTxt div {
	overflow: hidden;
	width: 100%;
	padding-top: 2px
}

.column ul li a .columnTxt div span {
	display: block;
	float: left;
	margin-right: 6px;
	font-size: 0.5rem;
	font-weight: bold;
	color: #212121;
	letter-spacing: -0.025em;
	line-height: 13px
}

.column ul li a .columnTxt div h2 {
	float: left;
	width: calc(100% - 42px);
	font-size: 0.5rem;
	font-weight: bold;
	color: #212121;
	letter-spacing: -0.025em;
	line-height: 13px
}

.column ul li a .columnTxt p {
	font-size: 0.5rem;
	color: rgba(0, 0, 0, 0.8);
	letter-spacing: -0.025em;
	line-height: 13px
}

.column ul+a {
	position: absolute;
	top: 13px;
	right: 17px
}

.column a h1 span:first-child {
	display: inline-block;
	max-width: calc(100% - 18px);
	font-size: 0.8125rem;
	color: #000;
	letter-spacing: -0.025em
}

.column a h1 .icoNew {
	position: relative;
	top: 1px;
	margin-left: 4px
}

.More {
	position: absolute;
 	top: 11px;
  right: 16px;
  vertical-align: top;
  width: 16px;
  height: 16px;
  background-image: url(../images/m/sprite_m.png);
  background-position: -68px -192px;
  background-size: 240px 231px;
}

h1.subTitle {
	margin: 25px 0 17px;
	font-size: 1.25rem;
	color: #000;
	letter-spacing: -0.05em;
	text-align: center
}

.select {
	overflow: hidden;
	display: inline-block;
	height: 45px;
	border: 1px solid #dadada
}

.select select {
	width: 100%;
	height: 45px;
	padding: 0px 18px 0px 10px;
	border: 0;
	background: #fff url(/images/m/sprite_m/icoSelectBtn.gif)
		calc(100% - 8px) 50% no-repeat;
	background-size: 13px auto;
	font-size: 0.6875rem;
	color: #252525;
	white-space: nowrap;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none
}

.select select::-ms-expand {
	display: none
}

.select2 {
	overflow: hidden;
	display: inline-block;
	height: 25px
}

.select2 select {
	width: 100%;
	height: 25px;
	padding: 0px 10px 0px 5px;
	border: 0;
	background: #fff url(/images/m/sprite_m/icoSelectBtn2.gif)
		calc(100% - 5px) 50% no-repeat;
	background-size: 5px auto;
	font-size: 0.75rem;
	color: #252525;
	letter-spacing: -0.05em;
	white-space: nowrap;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none
}

.select2 select::-ms-expand {
	display: none
}

.select3 {
	overflow: hidden;
	display: inline-block;
	height: 45px;
	border: 1px solid #dadada
}

.select3 select {
	width: 100%;
	height: 45px;
	padding: 0px 12px 0px 10px;
	border: 0;
	background: #fff url(/images/m/sprite_m/icoSelectBtn2.gif)
		calc(100% - 6px) 50% no-repeat;
	background-size: 5px auto;
	font-size: 0.75rem;
	color: #252525;
	letter-spacing: -0.05em;
	white-space: nowrap;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none
}

.select3 select::-ms-expand {
	display: none
}

.tblTitBox {
	margin-top: 20px
}

.tblTitBox h2 {
	margin-bottom: 20px;
	font-size: 0.8125rem;
	color: #212121;
	line-height: 15px;
	letter-spacing: -0.025em
}

.tblList {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	border: 1px solid #d3d3d3;
	word-break: break-all;
	word-wrap: break-word;
	color: #717171;
	font-size: 0.75rem;
	font-family: "notokr-regular", "Malgun Gothic", "¸¼Àº °íµñ", Dotum, tahoma,
		sans-serif;
	font-weight: 400
}

.tblList th, .tblList td {
	margin: 0;
	padding: 5px 10px;
	word-break: break-all;
	word-wrap: break-word;
	border-top: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	font-size: 0.625rem;
	color: #212121;
	letter-spacing: -0.038em
}

.tblList th a, .tblList td a {
	font-size: 0.625rem;
	color: #212121;
	letter-spacing: -0.038em
}

.tblList th {
	background-color: #eaebec
}

.tblList td {
	background-color: #f9fafb
}

.tblList .subTh {
	background-color: #ebeff3
}

.tblList.center th, .tblList.center td {
	text-align: center
}

.tblList2 {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	border-top: 1px solid #e4e5e6;
	border-bottom: 1px solid #e4e5e6;
	word-break: break-all;
	word-wrap: break-word;
	color: #717171;
	font-size: 0.75rem;
	font-family: "notokr-regular", "Malgun Gothic", "¸¼Àº °íµñ", Dotum, tahoma,
		sans-serif;
	font-weight: 400
}

.tblList2 th {
	height: 30px;
	margin: 0;
	padding: 5px 10px;
	border-bottom: 1px solid #e4e5e6;
	background-color: #f9f9f9;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 0.625rem;
	color: #212121;
	letter-spacing: -0.038em
}

.tblList2 td {
	margin: 0;
	padding: 5px 10px;
	border-top: 1px solid #e4e5e6;
	background-color: #fff;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 0.625rem;
	color: #212121;
	letter-spacing: -0.038em
}

.tblList3 {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	border-top: 1px solid #d3d3d2;
	border-bottom: 1px solid #d3d3d2;
	word-break: break-all;
	word-wrap: break-word;
	color: #717171;
	font-size: 0.75rem;
	font-family: "notokr-regular", "Malgun Gothic", "¸¼Àº °íµñ", Dotum, tahoma,
		sans-serif;
	font-weight: 400
}

.tblList3 th {
	height: 30px;
	margin: 0;
	padding: 14px 5px;
	background-color: #eaebec;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 0.8125rem;
	color: #323232;
	letter-spacing: -0.015em
}

.tblList3 td {
	margin: 0;
	padding: 14px 15px;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 0.8125rem;
	color: #323232;
	letter-spacing: -0.015em;
	line-height: 15px
}

.knowBox {
	overflow: hidden
}

.knowBox a {
	display: inline-block;
	float: left;
	margin-right: 15px;
	font-size: 0.625rem;
	color: #424242;
	letter-spacing: -0.005em
}

.fileDownBox a {
	display: inline-block;
	margin-right: 10px;
	font-size: 0.8125rem;
	color: #323232;
	letter-spacing: -0.015em;
	line-height: 15px
}

.formBox {
	border-top: 2px solid #3b4251
}

.formBox article {
	border-bottom: 1px solid #e1e2e2
}

.formBox article .columnArea {
	min-height: 45px;
	margin: 6px 0;
	border: 1px solid #dadada;
	background-color: #fff
}

.formBox article .columnArea.bgNone {
	border: none;
	background-color: transparent
}

.formBox article .columnArea h2 {
	float: left;
	width: 25%;
	padding-left: 10px;
	font-size: 0.75rem;
	color: #252525;
	letter-spacing: -0.038em;
	line-height: 45px
}

.formBox article .columnArea h2 label {
	display: block;
	font-size: 0.75rem;
	color: #252525;
	letter-spacing: -0.038em;
	line-height: 45px
}

.formBox article .columnArea h2 span.cRed {
	position: relative;
	display: inline-block;
	top: 2px
}

.formBox article .columnArea div {
	float: left;
	width: 75%;
	padding-left: 5px;
	font-size: 0.6875rem;
	color: #252525;
	line-height: 45px
}

.formBox article .columnArea div.nameTxt {
	font-size: 0.875rem;
	color: rgba(37, 37, 37, 0.5)
}

.formBox article .columnArea input[type=text], .formBox article .columnArea input[type=password]
	{
	float: left;
	width: 75%;
	margin: 5px 0;
	padding: 5px 15px 5px 5px;
	border: none;
	font-size: 0.6875rem;
	color: #252525;
	line-height: 23px
}

.formBox article .columnArea.type2 h2 {
	width: 30%
}

.formBox article .columnArea.type2 input[type=text], .formBox article .columnArea.type2 input[type=password]
	{
	width: 70%
}

.formBox article.emailArea .columnArea {
	float: left;
	width: 69%
}

.formBox article.emailArea .columnArea h2 {
	width: 36.23188%
}

.formBox article.emailArea .columnArea input {
	float: left;
	width: 62.80193%;
	margin: 5px 0;
	padding: 5px 15px 5px 5px;
	border: none;
	font-size: 0.6875rem;
	color: #252525;
	line-height: 23px
}

.formBox article.emailArea .select {
	float: right;
	width: 29.66667%;
	margin: 6px 0
}

.formBox article.idArea .columnArea {
	float: left;
	width: 69%
}

.formBox article.idArea .columnArea h2 {
	width: 36.23188%
}

.formBox article.idArea .columnArea input {
	float: left;
	width: 62.80193%;
	margin: 5px 0;
	padding: 5px 15px 5px 5px;
	border: none;
	font-size: 0.6875rem;
	color: #252525;
	line-height: 23px
}

.formBox article.idArea button {
	float: right;
	width: 29.66667%;
	height: 45px;
	margin: 6px 0;
	font-size: 0.75rem
}

.formBox article.numberArea .columnArea .select2 {
	float: left;
	width: 14.66667%;
	margin: 9px 0;
	padding-left: 0;
	border-right: 1px solid #dadada
}

.formBox article.numberArea .columnArea input {
	float: left;
	width: 30%;
	margin: 9px 0;
	padding: 5px 15px 5px 5px;
	border: none;
	font-size: 0.6875rem;
	color: #252525;
	line-height: 15px
}

.formBox article.numberArea .columnArea .select2+input {
	border-right: 1px solid #dadada
}

.formBox article.numberArea.type2 .number {
	overflow: hidden;
	float: none;
	width: 100%;
	padding-left: 0
}

.formBox article.numberArea.type2 .number h2 {
	width: 26.81818%;
	padding-left: 0
}

.formBox article.numberArea.type2 .number .select3 {
	width: 22.04545%;
	padding-left: 0
}

.formBox article.numberArea.type2 .number input {
	width: 22.04545%;
	margin: 0 0 0 calc(15/ 440 * 100%);
	border: 1px solid #dadada;
	line-height: 33px
}

.formBox article.numberArea.type2 .number+.number {
	margin-top: 4px
}

.formBox article.numberArea.type2 .error {
	letter-spacing: -0.04em
}

.formBox article.textArea {
	border-bottom: none
}

.formBox article.textArea .columnArea {
	height: auto
}

.formBox article.textArea .columnArea h2 {
	width: 100%;
	padding-left: 0
}

.formBox article.textArea .columnArea textarea {
	overflow-y: scroll;
	width: 100%;
	height: 180px;
	padding: 5px
}

.formBox2 {
	border-top: 2px solid #3b4251
}

.formBox2 article {
	min-height: 43px;
	border-bottom: 1px solid #e1e2e2
}

.formBox2 article h2 {
	float: left;
	width: 81px;
	padding-left: 14px;
	font-size: 0.875rem;
	color: #252525;
	letter-spacing: -0.038em;
	line-height: 43px
}

.formBox2 article .radioArea {
	float: left;
	width: calc(100% - 81px);
	margin-top: 13px
}

.formBox2 article .radioArea li {
	float: left;
	display: inline-block;
	margin-right: 28px;
	padding-bottom: 13px
}

.formBox2 article .radioArea li input[type="radio"] {
	display: none
}

.formBox2 article .radioArea li label {
	font-size: 0.875rem;
	color: rgba(37, 37, 37, 0.5);
	letter-spacing: -0.038em;
	line-height: 12px
}

.formBox2 article .radioArea li label:before {
	content: "";
	position: relative;
	top: -1px;
	margin-right: 5px;
	vertical-align: middle
}

.formBox2 article .radioArea li input[type="radio"]:checked+label:before
	{
	content: "";
	vertical-align: middle
}

.formBox2 article .checkArea {
	overflow: hidden;
	width: 100%;
	margin-top: 13px;
	padding: 0 18px;
	clear: both
}

.formBox2 article .checkArea li {
	float: left;
	display: inline-block;
	margin-right: 25px;
	padding-bottom: 13px
}

.formBox2 article .checkArea li input[type="checkbox"] {
	display: none
}

.formBox2 article .checkArea li label {
	font-size: 0.6875rem;
	color: #000;
	line-height: 14px
}

.formBox2 article .checkArea li label:before {
	content: "";
	position: relative;
	top: -1px;
	margin-right: 5px;
	vertical-align: middle
}

.formBox2 article .checkArea li input[type="checkbox"]:checked+label:before
	{
	content: "";
	vertical-align: middle
}

.formBox2 article .fieldBox {
	overflow: hidden;
	width: 100%;
	clear: both;
	border-top: 1px dashed #d7d7d7
}

.formBox2 article .fieldBox.gray {
	background-color: #f9fafb
}

.formBox2 article .fieldBox .tit {
	padding: 13px 18px 0
}

.formBox2 article .fieldBox .tit h3 {
	float: left;
	margin-right: 8px;
	font-size: 0.75rem;
	color: #252525;
	letter-spacing: -0.038em
}

.formBox2 article .fieldBox .tit div {
	float: left
}

.formBox2 article .fieldBox .tit div input[type="checkbox"] {
	display: none
}

.formBox2 article .fieldBox .tit div label {
	font-size: 0.6875rem;
	color: #000;
	line-height: 14px
}

.formBox2 article .fieldBox .tit div label:before {
	content: "";
	position: relative;
	top: -1px;
	margin-right: 5px;
	vertical-align: middle
}

.formBox2 article .fieldBox .tit div input[type="checkbox"]:checked+label:before
	{
	content: "";
	vertical-align: middle
}

.formBox2 article .fieldBox .tit div label {
	font-size: 0.75rem
}

.defaultTab {
	display: table;
	width: 100%
}

.defaultTab a {
	display: table-cell;
	height: 40px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	font-size: 14px;
	color: #000;
	line-height: 40px;
	text-align: center
}

.defaultTab a:hover, .defaultTab a.active {
	border: 1px solid #de4140;
	color: #fff;
	background-color: #de4140
}

.defaultTab.two a {
	width: 50%
}

span.error {
	display: inline-block;
	position: relative;
	top: -2px;
	margin-bottom: 6px;
	font-size: 0.5625rem;
	color: #d82849
}

.memoTxt {
	display: inline-block;
	position: relative;
	top: -2px;
	margin-bottom: 6px;
	font-size: 0.5625rem;
	color: #000
}

.interestTxt {
	display: block;
	clear: both;
	padding: 0 10px 10px 14px
}

.viewBox {
	padding-bottom: 30px;
	border-bottom: 1px solid #d1d1d0
}

.titleArea {
	padding-bottom: 16px;
	border-bottom: 1px solid #d3d3d2
}

.titleArea h1 {
	font-size: 1.125rem;
	color: #212121;
	letter-spacing: -0.025em
}

.titleArea h1 .sort {
	display: inline-block;
	font-size: 1.125rem;
	color: #de4140;
	letter-spacing: -0.025em
}

.titleArea .info {
	overflow: hidden;
	margin-top: 5px
}

.titleArea .info li {
	float: left;
	margin-left: 7px;
	font-size: 0.5625rem;
	color: #212121;
	letter-spacing: -0.025em
}

.titleArea .info li:before {
	content: ".";
	position: relative;
	top: -3px;
	margin-right: 3px;
	font-size: 13px;
	color: #212121
}

.titleArea .info li:first-child {
	margin-left: 0
}

.titleArea.yearSele .select {
	margin-bottom: 5px
}

.titleArea.sayView {
	overflow: hidden;
	padding-bottom: 0;
	border-bottom: none;
	text-align: center
}

.titleArea.sayView .roundImg {
	overflow: hidden;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	margin: 20px auto 0
}

.titleArea.sayView .roundImg img {
	width: 100%;
	height: 100%
}

.titleArea.sayView .sayCont {
	margin-top: 9px;
	padding: 0 15px
}

.titleArea.sayView .sayCont p.ko {
	position: relative;
	display: inline-block;
	padding: 13px 10px 0;
	font-size: 0.9375rem;
	color: #212121;
	letter-spacing: -0.025em
}

.titleArea.sayView .sayCont p.ko:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0
}

.titleArea.sayView .sayCont p.ko:after {
	content: "";
	position: absolute;
	bottom: -10px;
	right: 0
}

.titleArea.sayView .sayCont p.en {
	margin-top: 20px;
	padding: 0 15px;
	font-size: 0.4375rem;
	color: #717171;
	letter-spacing: -0.025em
}

.titleArea.sayView h2 {
	margin-top: 25px;
	font-size: 0.8125rem;
	color: #212121;
	letter-spacing: -0.025em
}

.titleArea.sayView .dataCopy {
	margin-top: 20px;
	font-size: 0.75rem;
	color: #717171;
	letter-spacing: -0.025em;
	line-height: 22px
}

.titleArea.sayView .dataCopy a {
	display: inline-block;
	height: 22px
}

.titleArea.sayView .dataCopy img {
	width: auto;
	height: 22px;
	margin-left: 6px
}

.sayBox {
	position: relative
}

.sayBox .bx-prev {
	position: fixed;
	top: calc(50% + 20px);
	left: 10px
}

.sayBox .bx-next {
	position: fixed;
	top: calc(50% + 20px);
	right: 10px
}

.imgSlideArea {
	position: relative;
	overflow: hidden;
	margin-top: 16px
}

.imgSlideArea .subView {
	width: 100%;
	background-color: #ccc
}

.imgSlideArea .subView img {
	width: 100%;
	height: auto
}

.imgSlideArea .rolling li a {
	display: block
}

.imgSlideArea .rolling li .img {
	width: 100%;
	background-color: #ccc
}

.imgSlideArea .rolling li .img img {
	width: 100%;
	height: auto
}

.imgSlideArea .bx-controls {
	position: absolute;
	bottom: 0;
	right: 0;
	min-width: 33px;
	height: 16px;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center
}

.imgSlideArea .bx-controls .bx-pager {
	display: inline-block;
	font-size: 0.5625rem;
	color: #fff;
	line-height: 16px;
	vertical-align: top
}

.videoArea {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 56.413%
}

.videoArea video, .videoArea iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.bodyTxtBox {
	margin-top: 13px
}

.bodyTxtBox p {
	font-size: 0.6875rem;
	color: #212121;
	line-height: 15px;
	letter-spacing: -0.025em
}

.bodyTxtBox ul li {
	font-size: 0.6875rem;
	color: #212121;
	line-height: 15px;
	letter-spacing: -0.025em
}

.bodyTxtBox img {
	max-width: 100%;
	height: auto !important
}

.bodyTxtBox.videoScript {
	margin-bottom: 20px
}

.bodyTxtBox.videoScript h1 {
	font-size: 0.875rem;
	color: #212121;
	letter-spacing: -0.025em
}

.bodyTxtBox.videoScript h1+p {
	margin-top: 6px
}

.bodyTxtBox.videoScript h2 {
	margin-top: 20px;
	font-size: 0.6875rem;
	color: #212121;
	letter-spacing: -0.025em
}

.bodyTxtBox.type2 {
	margin-top: 0;
	margin-bottom: 25px
}

.bodyTxtBox.type2 h3 {
	display: inline-block;
	padding: 0 4px;
	border-radius: 3px;
	background-color: #010101;
	font-size: 0.5625rem;
	color: #fff;
	line-height: 13px
}

.bodyTxtBox.type2 h4 {
	font-size: 14px;
	font-weight: bold;
	color: #212121;
	letter-spacing: -0.075em;
	line-height: 20px
}

.bodyTxtBox.type2 h3 {
	margin-top: 16px
}

.bodyTxtBox.type2 h3+h4, .bodyTxtBox.type2 .tblList+h4 {
	margin-top: 9px
}

.bodyTxtBox.type2 p+h4 {
	margin-top: 6px
}

.bodyTxtBox.type2 h3+p, .bodyTxtBox.type2 h3+ul, .bodyTxtBox.type2 h4+.tblList
	{
	margin-top: 3px
}

.bodyTxtBox.type2 h4+p {
	margin-top: 2px
}

.mapBox {
	position: relative;
	overflow: hidden;
	width: calc(100% + 20px);
	height: 0;
	margin-top: 20px;
	margin-left: -10px;
	padding-top: 78.335%;
	border: 1px solid #d3d3d3;
	z-index:1
}

.mapBox video, .mapBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.mapBox #map {
	position: absolute !important;
	top: 0;
	width: 100%;
	height: 100%
}

.mapBox .nmap {
	width: 100%;
	height: 100%
}

.mapBox div.nmap_ctr_zoom {
	z-index: 0
}

.courseBox {
	width: 100%;
	margin-top: 13px;
	padding: 12px 10px;
	border: 1px solid #dedede;
	box-shadow: 1px 1px 1px #eaeae9;
	background-color: #fff
}

.courseBox h3 {
	font-size: 0.8125rem;
	color: #de4140;
	letter-spacing: -0.025em
}

.courseBox ol {
	margin-top: 10px
}

.courseBox ol li {
	display: inline-block;
	margin-right: 7px;
	font-size: 0.6875rem;
	color: #212121;
	letter-spacing: -0.025em;
	line-height: 14px
}

.courseBox ol li:before {
	content: "¡æ";
	display: inline-block;
	margin-right: 7px;
	font-size: 0.6875rem;
	color: #212121;
	letter-spacing: -0.025em;
	line-height: 14px
}

.courseBox ol li:first-child:before {
	content: none;
	margin: 0
}

.tourBox {
	margin-top: 6px
}

.tourBox .tour {
	padding: 15px 0
}

.tourBox .tour .imgBox {
	width: 100%;
	background-color: #ccc
}

.tourBox .tour .imgBox img {
	width: 100%;
	height: auto
}

.tourBox .tour .bodyTxtBox {
	width: 100%;
	margin: 0
}

.tourBox .tour .bodyTxtBox h3 {
	margin-top: 14px
}

.tourBox .tour+.tour {
	border-top: 1px dashed #cacaca
}

.sourceBox {
	margin-top: 17px;
	font-size: 0.625rem;
	color: #212121;
	letter-spacing: -0.025em
}

.sourceBox a {
	font-size: 0.625rem;
	color: #212121;
	letter-spacing: -0.025em
}

.relationArea {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cacaca
}

.relationArea h1 {
	font-size: 0.875rem;
	color: #000;
	letter-spacing: -0.038em
}

.relationArea ul {
	overflow: hidden;
	margin-top: 17px
}

.relationArea ul li {
	float: left;
	width: 31%;
	margin-left: 3.5%
}

.relationArea ul li a {
	display: block
}

.relationArea ul li a .img {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 65.6%;
	background-color: #72767c
}

.relationArea ul li a .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.relationArea ul li a .img.video {
	position: relative
}

.relationArea ul li a .img.video:before {
	content: "";
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.relationArea ul li a .img+h2 {
	margin-top: 6px;
	font-size: 0.5625rem;
	color: #4b4b4b;
	letter-spacing: -0.038em
}

.relationArea ul li a .img+h2+p {
	margin-top: 2px;
	height: 30px;
	font-size: 0.5rem;
	color: #4b4b4b;
	letter-spacing: -0.013em
}

.relationArea ul li:first-child {
	margin-left: 0
}

.relationArea ul li.txtCont {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 20.335%;
	background-color: #72767c
}

.relationArea ul li.txtCont a {
	position: absolute;
	top: 0;
	left: 0;
	height: 61px;
	padding: 6px 8px
}

.relationArea ul li.txtCont a h2 {
	font-size: 0.5rem;
	color: #fff;
	letter-spacing: -0.013em;
	line-height: 13px
}

.relationArea ul li.txtCont a p {
	margin-top: 1px;
	font-size: 0.4375rem;
	color: #d8d8d8;
	letter-spacing: -0.013em;
	line-height: 12px
}

.relationArea ul+h1 {
	margin-top: 30px
}

.repleArea .repleForm {
	position: relative;
	margin-top: 20px
}

.repleArea .repleForm .repleCnt {
	font-size: 0.625rem;
	color: rgba(33, 33, 33, 0.7);
	letter-spacing: -0.013em
}

.repleArea .repleForm .name {
	position: absolute;
	top: 20px;
	left: 0;
	min-width: 64px;
	height: 21px;
	padding: 0 8px;
	background-color: #162c53;
	font-size: 0.6875rem;
	color: #fff;
	letter-spacing: -0.013em;
	line-height: 21px;
	text-align: center
}

.repleArea .repleForm .name a {
	display: block;
	font-size: 0.6875rem;
	color: #fff;
	letter-spacing: -0.013em;
	line-height: 21px;
	text-align: center
}

.repleArea .repleForm .name+a {
	position: absolute;
	top: 25px;
	right: calc(0% - -63px);
	font-size: 0.625rem;
	color: rgba(33, 33, 33, 0.7);
	letter-spacing: -0.013em
}

.repleArea .repleForm .writeBox {
	overflow: hidden;
	position: relative;
	margin-top: 30px
}

.repleArea .repleForm .writeBox textarea {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 62px);
	height: 57px;
	padding: 8px 46px 8px 10px;
	border-top: 1px solid #cbced0;
	border-left: 1px solid #cbced0;
	border-bottom: 1px solid #e6e8e9;
	border-right: 1px solid #e6e8e9;
	background-color: #fff;
	font-size: 0.625rem;
	color: rgba(33, 33, 33, 0.7);
	letter-spacing: -0.013em
}

.repleArea .repleForm .writeBox>span {
	position: absolute;
	bottom: 5px;
	right: calc(0% - -68px);
	font-size: 0.5rem;
	color: #a9aeb1
}

.repleArea .repleForm .writeBox>span span {
	font-size: 0.5rem;
	color: #a9aeb1
}

.repleArea .repleForm .writeBox button {
	float: right;
	width: 57px;
	height: 57px;
	border-radius: 4px;
	background-color: #4a4a4a;
	font-size: 0.75rem;
	color: #fff;
	letter-spacing: -0.013em;
	line-height: 57px;
	text-align: center
}

.repleArea .repleMore {
	display: block;
	width: 100%;
	margin-top: 16px;
	border: 1px solid #d6d6d5;
	border-radius: 4px;
	background-color: #fff;
	font-size: 0.625rem;
	color: #5c5c5c;
	letter-spacing: -0.038em;
	line-height: 30px;
	text-align: center
}

.repleList {
	margin-top: 16px;
	border-bottom: 1px solid #cacaca
}

.repleList li {
	position: relative;
	padding: 14px 0;
	border-top: 1px dashed #ccc
}

.repleList li div span:first-child {
	font-size: 0.6875rem;
	color: #000;
	letter-spacing: -0.025em
}

.repleList li div span:last-child {
	font-size: 0.375rem;
	color: #7c7c7c;
	letter-spacing: -0.025em
}

.repleList li div span:last-child:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: -2px 4px 0 5px;
	border-radius: 50%;
	background-color: #7c7c7c;
	vertical-align: middle
}

.repleList li p {
	margin-top: 10px;
	font-size: 0.625rem;
	color: #717171;
	letter-spacing: -0.025em;
	line-height: 13px
}

.repleList li button {
	position: absolute;
	top: 11px;
	right: 0;
	padding: 5px;
	font-size: 0.5625rem;
	color: #de4140;
	letter-spacing: -0.025em
}

.repleList li button:before {
	content: "";
	position: relative;
	top: 2px;
	margin-right: 3px
}

.shareBox {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	z-index: 5
}

.shareBox>div {
	position: relative;
	float: left;
	width: 33.4375%;
	border-top: 1px solid #8c8c8c;
	border-bottom: 1px solid #8c8c8c;
	background-color: #fff
}

.shareBox>div>button {
	width: calc(100% - 34px);
	font-size: 13px;
	color: #212121;
	line-height: 30px
}

.shareBox>div>button:before {
	content: "";
	margin: 0 4px 0 0;
	vertical-align: middle
}

.shareBox>div span {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	min-width: 34px;
	padding: 0 3px;
	border-left: 1px solid #e8e8e8;
	font-size: 13px;
	color: #212121;
	line-height: 30px;
	text-align: center
}

.shareBox>div.like button:before {
	margin-top: -1px
}

.shareBox>div.like span {
	color: #de4140
}

.shareBox>div.scrap {
	width: 33.125%;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c
}

.shareBox>div.scrap.active .scrapPop {
	display: block
}

.shareBox>div.scrap.active .scrapPop ul {
	overflow-y: scroll;
	max-height: 87px
}

.shareBox>div.scrap.active .scrapPop ul li {
	overflow: hidden;
	height: 29px;
	padding: 0 10px 0 13px;
	border-bottom: 1px solid #e4e4e4
}

.shareBox>div.scrap.active .scrapPop ul li label {
	display: inline-block;
	float: left;
	width: calc(100% - 35px);
	font-size: 0.6875rem;
	color: #000;
	letter-spacing: -0.05em;
	line-height: 29px
}

.shareBox>div.scrap.active .scrapPop ul li input[type=radio] {
	display: inline-block;
	float: right;
	margin-top: 7px
}

.shareBox>div.scrap.active .scrapPop ul li:before {
	content: "";
	display: inline-block;
	float: left;
	margin: 9px 5px 0 0
}

.shareBox>div.scrap.active .scrapPop .newFolder {
	height: 59px;
	padding: 0 11px 0 13px;
	border-bottom: 1px solid #e4e4e4;
	background-color: #f9fafb
}

.shareBox>div.scrap.active .scrapPop .newFolder h3 {
	padding-top: 7px
}

.shareBox>div.scrap.active .scrapPop .newFolder h3 label {
	font-size: 0.625rem;
	color: #3e3e52;
	letter-spacing: -0.05em
}

.shareBox>div.scrap.active .scrapPop .newFolder h3:before {
	content: "";
	position: relative;
	top: 1px;
	margin-right: 5px
}

.shareBox>div.scrap.active .scrapPop .newFolder div {
	position: relative;
	margin-top: 5px
}

.shareBox>div.scrap.active .scrapPop .newFolder div input {
	width: calc(100% - 50px);
	height: 22px;
	font-size: 0.5625rem;
	letter-spacing: -0.05em
}

.shareBox>div.scrap.active .scrapPop .newFolder div button[type=button]
	{
	position: absolute;
	top: 0;
	right: 0;
	min-width: 44px
}

.shareBox>div.scrap.active .scrapPop .btnArea {
	margin-top: 10px
}

.shareBox>div.share {
	position: relative
}

.shareBox>div.share button {
	width: 100%
}

.shareBox>div.share.active .sharePop {
	display: block
}

.shareBox>div.share.active .sharePop .social {
	overflow: hidden;
	border-right: 1px solid #e9e9e9
}

.shareBox>div.share.active .sharePop .social a {
	display: inline-block;
	float: left;
	width: 33.19328%;
	height: 77px;
	padding-top: 20px;
	border-left: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	font-size: 0.6875rem;
	color: #000;
	letter-spacing: -0.05em;
	text-align: center
}

.shareBox>div.share.active .sharePop .social a:before {
	content: "";
	display: block !important;
	margin: 0 auto 5px
}

.shareBox>div.share.active .sharePop .btnArea {
	margin-top: 10px
}

.popArea {
	display: none;
	position: fixed;
	top: 50%;
	left: 20px;
	right: 20px;
	height: 247px;
	padding: 0 20px;
	border: 1px solid #8c8c8c;
	transform: translateY(-50%);
	background-color: #fff;
	z-index: 3
}

.popArea h1 {
	margin-top: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #3b4251;
	font-size: 1rem;
	color: #000;
	letter-spacing: -0.038em;
	text-align: center
}

.scrapFolderPop {
	height: 230px;
	z-index: 4
}

.scrapFolderPop .scrapConBox {
	padding-bottom: 30px
}

.scrapFolderPop .scrapConBox .scrapCon {
	overflow: hidden;
	padding: 14px 11px 20px 12px
}

.scrapFolderPop .scrapConBox .scrapCon h2, .scrapFolderPop .scrapConBox .scrapCon label
	{
	font-size: 0.6875rem;
	color: #000;
	letter-spacing: -0.05em;
	line-height: 13px
}

.scrapFolderPop .scrapConBox .scrapCon h2:before {
	content: "";
	margin-right: 5px
}

.scrapFolderPop .scrapConBox .scrapCon label {
	display: inline-block
}

.scrapFolderPop .scrapConBox .scrapCon.update {
	border-bottom: 1px solid #e4e4e4
}

.scrapFolderPop .scrapConBox .scrapCon.update div {
	overflow: hidden;
	margin-top: 9px
}

.scrapFolderPop .scrapConBox .scrapCon.update input {
	float: left;
	width: calc(100% - 50px);
	font-size: 0.5625rem;
	color: #212121;
	letter-spacing: -0.05em;
	line-height: 11px
}

.scrapFolderPop .scrapConBox .scrapCon.update button {
	float: right;
	min-width: 44px
}

.scrapFolderPop .scrapConBox .scrapCon.delete div {
	overflow: hidden;
	margin-top: 11px
}

.scrapFolderPop .scrapConBox .scrapCon.delete p {
	float: left;
	width: calc(100% - 50px);
	padding-left: 9px;
	font-size: 0.5625rem;
	color: #212121;
	letter-spacing: -0.05em;
	line-height: 14px
}

.scrapFolderPop .scrapConBox .scrapCon.delete button {
	float: right;
	min-width: 44px
}

.scrapFolderPop .icoPopClose {
	position: absolute;
	top: 9px;
	right: 10px
}

.scrapFolderPop.active {
	display: block
}

.sayArea {
	margin: 10px 0;
	padding: 15px 20px 20px;
	border: 1px solid #dedede;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #eaeae9;
	background-color: #f9fafb
}

.sayArea span:first-child {
	display: inline-block;
	height: 13px;
	padding: 0 3px;
	border-radius: 3px;
	background-color: #de4140;
	font-size: 0.5rem;
	color: #fff;
	line-height: 13px;
	text-align: center
}

.sayArea h1 {
	margin-top: 3px;
	font-size: 0.6875rem;
	color: #000;
	letter-spacing: -0.025em
}

.sayArea p {
	margin-top: 9px;
	font-size: 0.5625rem;
	color: #7f7f7f;
	letter-spacing: -0.038em;
	line-height: 12px
}

.sayArea .time {
	margin-top: 12px
}

.joinArea>h1.subTit {
	font-size: 1rem;
	color: #252525;
	letter-spacing: -0.038em;
	line-height: 18px
}

.stepBox {
	border: 1px solid #e6e6e6
}

.stepBox ol li {
	position: relative;
	float: left;
	width: 24.33333%;
	height: 43px;
	padding-top: 7px;
	padding-left: 10px;
	background-color: #fff;
	text-align: center
}

.stepBox ol li span {
	display: block;
	font-size: 0.75rem;
	color: #000;
	line-height: 13px
}

.stepBox ol li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 43px;
	background: url(/images/m/join/bgStepOff.png) left 0 no-repeat;
	background-size: 100% auto;
	z-index: 0
}

.stepBox ol li:nth-child(1) {
	padding-left: 0
}

.stepBox ol li:nth-child(1):before {
	content: none
}

.stepBox ol li:nth-child(4) {
	width: 27%;
	padding-left: 5px
}

.stepBox ol .on {
	background-color: #de4140
}

.stepBox ol .on span {
	color: #fff
}

.stepBox ol .on:after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 43px;
	background: url(/images/m/join/bgStepOn.png) right 0 no-repeat;
	background-size: 100% auto;
	z-index: 1
}

.stepBox ol .on:last-child:after {
	content: none
}

.stepBox.two li {
	padding-top: 15px;
	font-size: 0.75rem;
	color: #000;
	line-height: 13px
}

.stepBox.two li:first-child {
	width: 48.33333%
}

.stepBox.two li:last-child {
	width: 51.66667%
}

.stepBox.two .on {
	color: #fff
}

.agreeArea {
	margin-top: 20px;
	border-top: 2px solid #3b4251
}

.agreeArea .agreeBox>h2 {
	color: #212121;
	letter-spacing: -0.038em;
	line-height: 34px
}

.agreeArea .agreeBox>h2 input[type="checkbox"] {
	display: none
}

.agreeArea .agreeBox>h2 label {
	font-size: 0.75rem;
	color: #000;
	line-height: 14px
}

.agreeArea .agreeBox>h2 label:before {
	content: "";
	position: relative;
	top: -1px;
	margin-right: 5px;
	vertical-align: middle
}

.agreeArea .agreeBox>h2 input[type="checkbox"]:checked+label:before {
	content: "";
	vertical-align: middle
}

.agreeArea .agreeBox>h2 span {
	display: inline-block;
	margin-left: 4px;
	font-size: 0.75rem;
	color: #de4140;
	letter-spacing: -0.038em
}

.agreeArea .agreeBox .agreeTxtBox {
	overflow-y: scroll;
	height: 125px;
	padding: 10px;
	border: 1px solid #dadada;
	background-color: #f9f9f9
}

.agreeArea .agreeBox .agreeTxtBox .policyBox div:first-child h1 {
	margin-top: 0
}

.agreeArea .agreeBox .agreeTxtBox .policyBox h1 {
	margin-top: 10px
}

.agreeArea .agreeBox:first-child {
	margin-bottom: 9px
}

.joinArea+.btnArea {
	margin-top: 20px
}

.joinOk {
	height: 208px;
	margin-top: 20px;
	padding-top: 36px;
	border: 1px solid #dedede;
	border-radius: 3px;
	background-color: #f9fafb;
	text-align: center
}

.joinOk h1 {
	margin-top: 10px;
	font-size: 0.875rem;
	color: #000;
	letter-spacing: -0.05em
}

.joinOk p {
	margin-top: 5px;
	font-size: 0.5rem;
	color: #a3a3a3;
	letter-spacing: -0.038em
}

.joinOk .btnArea {
	margin-top: 15px
}

.joinOk:before {
	content: ""
}

.explanTxt {
	margin: 18px 0;
	text-align: center;
	font-size: 0.6875rem;
	color: #252525;
	letter-spacing: -0.075em
}

.joinChkTxt1 {
	margin-top: 20px;
	text-align: center;
	font-size: 1.25rem;
	color: #000;
	letter-spacing: -0.05em
}

.joinChkTxt2 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 0.75rem;
	color: #000;
	letter-spacing: -0.05em
}

.bottomColor, .joinOk2+.btnArea, .joinOk3+.thanksTxt {
	height: 51px;
	margin: 0;
	padding-top: 15px;
	border: 1px solid #dedede;
	border-top: 1px dashed #cacaca;
	border-radius: 0 0 6px 6px;
	background-color: #f9fafb
}

.joinOk2 {
	margin-top: 10px;
	padding: 28px 0 25px;
	border: 1px solid #dedede;
	border-bottom: none;
	border-radius: 6px 6px 0 0;
	box-shadow: 1px 1px 1px #f5f5f5;
	text-align: center !important
}

.joinOk2 h1 {
	margin-top: 13px;
	font-size: 14px;
	color: #000;
	letter-spacing: -0.05em
}

.joinOk2 h1 span {
	font-size: 14px;
	color: #000;
	letter-spacing: -0.05em
}

.joinOk2 .btnArea {
	margin-top: 15px !important
}

.joinOk2 .btnArea a {
	width: 95px;
	height: 32px;
	font-size: 0.75rem;
	line-height: 32px
}

.joinOk2:before {
	content: ""
}

.joinOk2+.btnArea a {
	position: relative;
	font-size: 12px;
	color: #252525;
	letter-spacing: -0.038em
}

.joinOk2+.btnArea a:first-child {
	margin-right: 12px
}

.joinOk2+.btnArea a:first-child:after {
	content: "";
	position: absolute;
	display: inline-block;
	top: 2px;
	width: 1px;
	height: 13px;
	margin-left: 12px;
	background-color: #cacaca
}

.joinOk2+.btnArea a:last-child {
	margin-left: 12px
}

.joinOk3 {
	margin-top: 10px;
	padding: 22px 0 25px;
	border: 1px solid #dedede;
	border-bottom: none;
	border-radius: 6px 6px 0 0;
	box-shadow: 1px 1px 1px #f5f5f5;
	text-align: center !important
}

.joinOk3 h1 {
	margin: 13px 0 5px;
	font-size: 1.25rem;
	color: #de4140;
	letter-spacing: -0.05em
}

.joinOk3 p {
	font-size: 0.75rem;
	color: #252525;
	letter-spacing: -0.038em
}

.joinOk3 p span {
	font-size: 0.75rem;
	color: #de4140;
	letter-spacing: -0.038em
}

.joinOk3 .btnArea {
	margin-top: 15px !important
}

.joinOk3 .btnArea a {
	width: 95px;
	height: 32px;
	font-size: 0.75rem;
	line-height: 32px
}

.joinOk3:before {
	content: ""
}

.joinOk3.type2 h1 {
	color: #000
}

.joinOk3.type2 h1 span {
	font-size: 1.25rem;
	color: #de4140;
	letter-spacing: -0.05em
}

.joinOk3.type2 ul {
	margin-top: 10px;
	text-align: center
}

.joinOk3.type2 ul li {
	display: inline-block;
	margin-left: 9px;
	font-size: 0.75rem;
	color: #252525;
	letter-spacing: -0.038em
}

.joinOk3.type2 ul li:first-child {
	margin-left: 0
}

.joinOk3.type2 ul li:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin-top: -4px;
	margin-right: 5px;
	border-radius: 50%;
	background-color: #252525;
	vertical-align: middle
}

.joinOk3.type2 .btnArea {
	margin-top: 20px !important
}

.joinOk3.type2:before {
	content: ""
}

.joinOk3+.thanksTxt {
	height: auto;
	padding: 18px 0 20px
}

.joinOk3+.thanksTxt p {
	font-size: 0.6875rem;
	color: #252525;
	letter-spacing: -0.038em;
	text-align: center
}

.joinOk3+.thanksTxt p span {
	font-size: 0.6875rem;
	color: #de4140;
	letter-spacing: -0.038em
}

.joinType {
	margin: 21px 0
}

.joinType h1 {
	margin-bottom: 10px;
	font-size: 1.25rem;
	color: #000;
	letter-spacing: -0.05em;
	text-align: center
}

.joinType p {
	margin-bottom: 25px;
	font-size: 0.6875rem;
	color: #212121;
	text-align: center
}

.joinType .redButton {
	display: block;
	width: 100%;
	height: 38px;
	text-align: center;
	background-color: #de4140;
	font-size: 0.75rem;
	color: #fff;
	line-height: 38px
}

.joinType.type2 h1 {
	margin-bottom: 17px;
	color: #de4140
}

.joinType.type2 .loginBox div {
	position: relative;
	width: 100%
}

.joinType.type2 .loginBox div input {
	width: 100%;
	height: 37px;
	padding-left: 15px;
	padding-right: 41px;
	font-size: 0.75rem;
	color: #252525;
	letter-spacing: -0.038em;
	line-height: 37px
}

.joinType.type2 .loginBox div:first-of-type:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 11px;
	z-index: 1
}

.joinType.type2 .loginBox div:last-of-type {
	margin-top: 7px
}

.joinType.type2 .loginBox div:last-of-type:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 11px;
	z-index: 1
}

.joinType.type2 .loginBox span.error {
	margin: 6px 0 0
}

.joinType.type2 .redButton {
	margin-top: 25px
}

.joinType.type2 .linkBox {
	margin-top: 14px;
	text-align: center
}

.joinType.type2 .linkBox a {
	display: inline-block;
	padding-right: 12px;
	font-size: 0.6875rem;
	color: #010101
}

.joinType.type2 .linkBox a:before {
	content: "";
	width: 0;
	height: 14px;
	padding-left: 12px;
	border-left: 1px solid #e6e6e6;
	vertical-align: top
}

.joinType.type2 .linkBox a:first-child:before {
	border: 0
}

.joinSns {
	padding-top: 25px;
	border-top: 1px solid #dddcdc
}

.joinSns h1 {
	margin-bottom: 20px;
	font-size: 1.25rem;
	color: #000;
	letter-spacing: -0.05em;
	text-align: center
}

.joinSns>a {
	display: block;
	width: 100%;
	height: 38px;
	margin: 6px auto 0;
	font-size: 0.6875rem;
	color: #fff;
	letter-spacing: -0.038em;
	line-height: 38px
}

.joinSns>a.linkFace {
	background: #3b5998 url(/images/m/join/bgSnsFace.gif) center center
		no-repeat;
	background-size: 147px auto
}

.joinSns>a.linkNaver {
	position: relative;
	background: #1fbc02 url(/images/m/join/bgSnsNaver.gif) center center
		no-repeat;
	background-size: 147px auto
}

.joinSns>a.linkGoogle {
	position: relative;
	background: #cc3732 url(/images/m/join/bgSnsGoogle.gif) center center
		no-repeat;
	background-size: 147px auto
}

.joinSns>a.linkGoogle div#myBtn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-left: 123px;
	font-size: 0.6875rem;
	color: #fff;
	letter-spacing: -0.038em;
	line-height: 38px
}

.joinSns>a.linkKakao {
	background: #ffe617 url(/images/m/join/bgSnsKakao.gif) center center
		no-repeat;
	background-size: 147px auto
}

.joinSns #naver_id_login {
	position: relative;
	display: block;
	width: 100%;
	height: 38px;
	margin: 6px auto 0;
	background: #1fbc02 url(/images/m/join/bgSnsNaver.gif) center center
		no-repeat;
	background-size: 147px auto
}

.joinSns #naver_id_login a#naver_id_login_anchor {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0.6875rem;
	color: #fff;
	letter-spacing: -0.038em;
	line-height: 38px
}

.joinSns #naver_id_login a#naver_id_login_anchor img {
	display: none
}

.joinSns.type2 {
	padding-top: 18px
}

.wooInfoArea {
	margin-top: 20px
}

.wooInfoArea h1 {
	font-size: 1.25rem;
	color: #000;
	letter-spacing: -0.05em
}

.wooInfoArea h1+p {
	margin-bottom: 14px;
	font-size: 0.875rem;
	color: #000;
	letter-spacing: -0.05em;
	line-height: 17px
}

.wooInfoArea p {
	font-size: 0.75rem;
	color: #000;
	letter-spacing: -0.038em;
	line-height: 16px
}

.wooInfoArea img {
	width: 100%;
	height: auto
}

.wooInfoArea img+p {
	margin-top: 17px
}

.subjectArea {
	margin-top: 31px
}

.subjectArea h1 {
	font-size: 0.875rem;
	color: #212121;
	letter-spacing: -0.025em
}

.subjectArea ul {
	overflow: hidden;
	margin-top: 6px
}

.subjectArea ul li {
	float: left;
	width: 33%;
	height: 56px;
	margin-top: 4px;
	margin-left: 0.5%;
	padding-top: 13px;
	border-radius: 4px;
	background-color: #010101;
	text-align: center;
	font-size: 0.6875rem;
	color: #fff;
	letter-spacing: -0.05em;
	line-height: 15px
}

.subjectArea ul li:first-child, .subjectArea ul li:nth-child(4) {
	margin-left: 0
}

.partArea {
	margin-top: 33px
}

.partArea h1 {
	font-size: 0.875rem;
	color: #212121;
	letter-spacing: -0.025em
}

.partArea .partBox {
	margin-top: 10px
}

.partArea .partBox div {
	margin-bottom: 16px
}

.partArea .partBox div h2 {
	font-size: 0.75rem;
	color: #000;
	letter-spacing: -0.038em;
	line-height: 16px
}

.partArea .partBox div ul {
	margin-top: 6px
}

.partArea .partBox div ul li {
	padding-left: 6px;
	text-indent: -6px;
	font-size: 0.75rem;
	color: #000;
	letter-spacing: -0.038em;
	line-height: 21px
}

.mapArea .info {
	margin: 28px 0 19px
}

.mapArea .info h1 {
	font-size: 1.25rem;
	color: #000;
	letter-spacing: -0.05em
}

.mapArea .info p {
	font-size: 0.875rem;
	color: #000;
	letter-spacing: -0.05em;
	line-height: 22px
}

.mapArea .info ul {
	overflow: hidden
}

.mapArea .info ul li {
	position: relative;
	float: left;
	font-size: 0.875rem;
	color: #000;
	letter-spacing: -0.038em;
	line-height: 22px
}

.mapArea .info ul li span {
	font-size: 0.875rem;
	color: #000;
	letter-spacing: -0.025em;
	line-height: 22px
}

.mapArea .info ul li:first-child {
	margin-right: 12px;
	padding-right: 12px
}

.mapArea .info ul li:first-child:after {
	content: "";
	position: absolute;
	top: 4px;
	right: 0;
	width: 1px;
	height: 14px;
	background-color: #cacac9
}

.mapArea .map {
	position: relative;
	overflow: hidden;
	width: calc(100% + 20px);
	height: 0;
	margin-top: 20px;
	margin-left: -10px;
	padding-top: 68.335%
}

.mapArea .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.mapArea .map img {
	width: 100%;
	height: auto
}

.wayArea {
	margin-top: 5px
}

.wayArea>div {
	padding-top: 15px;
	border-top: 1px solid #dbdcdd
}

.wayArea>div h2 {
	font-size: 0.875rem;
	color: #de4140;
	letter-spacing: -0.025em;
	line-height: 16px
}

.wayArea>div h3 {
	font-size: 0.875rem;
	color: #212121;
	letter-spacing: -0.025em;
	line-height: 18px
}

.wayArea>div p {
	margin-bottom: 15px;
	font-size: 0.875rem;
	color: #212121;
	letter-spacing: -0.038em;
	line-height: 18px
}

.wayArea>div:first-child {
	border-top: none
}

.myRepleArea {
	margin-top: 21px
}

.myRepleArea .repleBox a {
	padding: 10px 13px 10px 10px
}

.myRepleArea .repleBox {
	position: relative;
	margin-bottom: 10px
}

.myRepleArea .repleBox a {
	display: block;
	width: 100%;
	border: 1px solid #dedede;
	border-radius: 8px;
	box-shadow: 1px 1px 1px #eaeae9;
	background-color: #fff
}

.myRepleArea .repleBox h1 {
	font-size: 1rem;
	color: #000;
	letter-spacing: -0.025em
}

.myRepleArea .repleBox h1 span {
	margin-right: 7px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.05em
}

.myRepleArea .repleBox p {
	margin-top: 7px;
	font-size: 0.875rem;
	color: #7f7f7f;
	line-height: 18px;
	letter-spacing: -0.025em
}

.myRepleArea .repleBox ul {
	margin-top: 7px
}

.myRepleArea .repleBox ul li {
	padding-left: 6px;
	text-indent: -6px;
	font-size: 0.875rem;
	color: #7f7f7f;
	line-height: 18px;
	letter-spacing: -0.025em
}

.myRepleArea .repleBox ul li:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: -3px 4px 0 0;
	background-color: #a7a7a7;
	vertical-align: middle
}

.myRepleArea .repleBox span.time {
	margin-top: 9px
}

.myRepleArea .repleBox .icoClose1 {
	position: absolute;
	top: 9px;
	right: 10px;
	width: 19px;
	height: 19px
}

.myRepleArea .repleBox .searchNon {
	padding: 10px 32px 10px 15px;
	border: 1px solid #dedede;
	border-left: none;
	border-right: none;
	box-shadow: 1px 1px 1px #eaeae9;
	background-color: #fff;
	text-align: center
}

.myRepleArea .repleBox .searchNon:before {
	content: "";
	margin: -2px 7px 0 0;
	vertical-align: middle
}

.myRepleArea .repleBox.type2 a {
	padding: 10px 32px 10px 15px
}

.answerBox {
	position: relative;
	margin-top: 18px;
	padding: 16px 10px 32px 24px;
	border: 1px solid #dedede;
	border-radius: 4px;
	background-color: #fff
}

.answerBox:before {
	content: "";
	position: absolute;
	top: 16px;
	left: 10px
}

.answerBox .answerInfo h1 {
	margin-left: 28px;
	font-size: 0.875rem;
	color: #de4140;
	letter-spacing: -0.025em;
	line-height: 15px
}

.answerBox .answerInfo span {
	display: block;
	margin-top: 3px;
	margin-left: 28px;
	font-size: 0.875rem;
	color: #212121;
	letter-spacing: -0.025em;
	line-height: 15px
}

.answerBox .answer {
	margin-top: 9px;
	font-size: 0.875rem;
	color: #212121;
	letter-spacing: -0.025em;
	line-height: 15px
}

.answerBox .fileBox {
	display: table;
	margin-top: 12px
}

.answerBox .fileBox .fileTxt {
	display: table-cell;
	width: 70px;
	padding-top: 1px;
	vertical-align: top;
	font-size: 14px;
	color: #424242;
	letter-spacing: -0.075em
}

.answerBox .fileBox .files {
	display: table-cell;
	padding-left: 20px;
	border-left: 1px solid #e1e1e1
}

.answerBox .fileBox .files a {
	display: inline-block;
	margin: 1px 15px 1px 0;
	font-size: 13px;
	color: #424242;
	letter-spacing: -0.01em
}

.answerBox .fileBox .files a:after {
	content: "";
	margin-left: 8px;
	vertical-align: middle
}

.answerBox .fileBox .files a:hover {
	color: #de4140
}

.pwModifyArea {
	margin-top: 9px;
	margin-bottom: 8px
}

.pwModifyArea p {
	color: #252525;
	letter-spacing: -0.038em
}

.pwModifyArea .txt1 {
	font-size: 1rem;
	line-height: 19px
}

.pwModifyArea .txt2 {
	margin-top: 10px;
	font-size: 0.75rem
}

.infoModifyArea {
	margin-top: 32px;
	margin-bottom: 15px
}

.infoModifyArea h1 {
	font-size: 1rem;
	color: #252525;
	letter-spacing: -0.038em;
	line-height: 18px
}

.infoModifyArea h1:before {
	content: "";
	position: relative;
	display: inline-block;
	top: 7px;
	width: 3px;
	height: 3px;
	margin-right: 3px;
	border-radius: 50%;
	background-color: #252525;
	vertical-align: top
}

.infoModifyArea div {
	margin-top: 10px
}

.scrapArea {
	margin-top: 22px
}

.scrapArea .scrap {
	overflow: hidden;
	padding: 25px 0;
	border-bottom: 1px solid #cbcbcb
}

.scrapArea .scrap:first-child {
	padding: 0 0 25px
}

.scrapArea .scrap .img {
	position: relative;
	float: left;
	width: 50%;
	padding-top: 32%
}

.scrapArea .scrap .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto
}

.scrapArea .scrap .txt {
	float: left;
	width: 50%;
	padding-left: 13px
}

.scrapArea .scrap .txt a {
	display: block
}

.scrapArea .scrap .txt a>h2 {
	font-size: 0.875rem;
	color: #252525;
	letter-spacing: -0.038em
}

.scrapArea .scrap .txt a>h2:before {
	content: "";
	margin-right: 7px
}

.scrapArea .scrap .txt .cnt {
	display: block;
	font-size: 0.75rem;
	color: #252525;
	letter-spacing: -0.038em
}

.scrapArea .scrap .txt .cnt .cRed {
	margin-right: 3px;
	font-size: 0.9375rem;
	letter-spacing: -0.038em
}

.scrapList {
	position: relative;
	min-height: 32px;
	margin: 22px 0 21px
}

.scrapList>h1 {
	position: relative;
	left: -20px;
	width: 50%;
	margin: 0 auto;
	font-size: 1rem;
	color: #252525;
	letter-spacing: -0.038em;
	text-align: center
}

.scrapList .editBtn {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0
}

.outArea {
	margin-top: 9px
}

.outArea .tit {
	font-size: 1rem;
	color: #252525;
	letter-spacing: -0.038em
}

.outArea .txtListBox ul {
	margin-top: 3px
}

.outArea .txtListBox ul li {
	margin-top: 7px;
	font-size: 0.875rem;
	color: #252525;
	letter-spacing: -0.038em;
	line-height: 16px
}

.outArea .txtListBox ul li:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: -4px 5px 0 0;
	background-color: #252525;
	vertical-align: middle
}

.outArea .outInfoArea {
	margin-top: 26px;
	padding: 12px 9px 13px;
	border: 1px solid #e4e4e4;
	border-top: 2px solid #3b4251;
	background-color: #f9fafb
}

.outArea .outInfoArea ol {
	margin-top: 0.625rem;
	padding: 9px 12px 12px;
	border: 1px solid #e1e1e1;
	background-color: #fff
}

.outArea .outInfoArea ol li {
	font-size: 0.75rem;
	color: #252525;
	letter-spacing: -0.038em;
	line-height: 18px
}

.outArea .outInfoArea div {
	margin-top: 11px;
	font-size: 0.75rem;
	line-height: 18px
}

.outArea .outInfoArea div input[type="checkbox"] {
	display: none
}

.outArea .outInfoArea div label {
	font-size: 0.6875rem;
	color: #000;
	line-height: 14px
}

.outArea .outInfoArea div label:before {
	content: "";
	position: relative;
	top: -1px;
	margin-right: 5px;
	vertical-align: middle
}

.outArea .outInfoArea div input[type="checkbox"]:checked+label:before {
	content: "";
	vertical-align: middle
}

.outArea .outInfoArea div label:before {
	margin-top: -2px
}

.outArea+.btnArea {
	margin-top: 25px
}

.likeArea {
	width: 100%;
	margin: 20px 0
}

.likeArea .select {
	width: 100%
}

.likeArea .select select {
	font-size: 1.125rem;
	color: #212121;
	letter-spacing: -0.038em
}

.policyArea {
	margin-top: 19px
}

.policyArea .mainTit {
	font-size: 1rem;
	color: #252525;
	letter-spacing: -0.038em;
	line-height: 18px
}

.policyList {
	margin-top: 16px;
	padding: 15px 18px;
	background-color: #fff
}

.policyList p:first-child {
	font-size: 0.75rem;
	color: #48494c;
	letter-spacing: -0.01em;
	line-height: 17px
}

.policyList .care li {
	margin-top: 11px;
	font-size: 0.6875rem;
	color: #212121;
	letter-spacing: -0.01em;
	line-height: 15px
}

.policyList .cRed {
	margin-top: 11px;
	font-size: 0.6875rem;
	letter-spacing: -0.01em;
	line-height: 14px
}

.policyList .areaBox {
	margin-top: 12px
}

.policyList .areaBox>li {
	padding: 3px 0 4px 9px;
	font-size: 0;
	text-indent: -9px
}

.policyList .areaBox>li:before {
	content: "";
	position: relative;
	top: 6px;
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-right: 7px;
	background-color: #000;
	vertical-align: top
}

.policyList .areaBox>li a {
	font-size: 0.75rem;
	color: #48494c;
	letter-spacing: -0.01em;
	line-height: 17px
}

.policyList .areaBox>li a:hover {
	color: #de4140
}

.policyList .areaBox>li.beNo a {
	font-size: 0.75rem
}

.policyList .areaBox>li.beNo:before {
	content: none
}

.policyList .areaBox.blNo>li:before {
	content: none
}

.policyBox h1 {
	margin-top: 18px;
	font-size: 0.75rem;
	font-weight: bold;
	color: #212121;
	letter-spacing: -0.01em;
	line-height: 14px
}

.policyBox p {
	font-size: 0.6875rem;
	color: #212121;
	letter-spacing: -0.01em;
	line-height: 17px
}

.policyBox li {
	font-size: 0.6875rem;
	color: #212121;
	letter-spacing: -0.01em;
	line-height: 17px
}

.policyBox p+h1, .policyBox ol+h1 {
	margin-top: 14px
}

.policyBox ol ol {
	padding-left: 8px
}

.chart {
	text-align: center
}

.chart .tit {
	font-size: 0.9375rem;
	font-weight: bold;
	color: #212121;
	letter-spacing: -0.025em
}

.chart .chartImg {
	margin-top: 19px
}

.chart .chartImg img {
	width: 100%
}

.chart ul {
	margin-top: 14px
}

.chart ul li {
	display: inline-block;
	margin-left: 9px;
	font-size: 0.75rem;
	color: #212121;
	letter-spacing: -0.01em
}

.chart ul li span {
	font-size: 0.75rem;
	font-weight: bold;
	color: #212121;
	letter-spacing: -0.01em
}

.chart ul li:first-child {
	margin-left: 0
}

.chart ul li:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: -3px 3px 0 0;
	background-color: #393939;
	vertical-align: middle
}

.historyArea {
	margin-top: 39px
}

.historyArea .tit {
	font-size: 0.9375rem;
	font-weight: bold;
	color: #212121;
	letter-spacing: -0.025em;
	text-align: center
}

.historyArea .history {
	margin-top: 29px
}

.historyArea .history .historyImg img {
	display: block;
	width: 100%;
	margin-bottom: 8px
}

.historyArea .history .yearArea {
	float: left
}

.historyArea .history .yearArea .yearBox {
	overflow: hidden;
	min-height: 24px;
	margin-bottom: 23px
}

.historyArea .history .yearArea .yearBox h2 {
	float: left;
	min-width: 55px;
	line-height: 24px;
	font-size: 1rem;
	font-weight: bold;
	color: #212121;
	letter-spacing: -0.05em
}

.historyArea .history .yearArea .yearBox .monthBox {
	float: left;
	width: calc(100% - 55px)
}

.historyArea .history .yearArea .yearBox .monthBox>li {
	overflow: hidden;
	margin-top: 16px
}

.historyArea .history .yearArea .yearBox .monthBox>li:first-child {
	margin-top: 0
}

.historyArea .history .yearArea .yearBox .monthBox>li h3 {
	float: left;
	min-width: 32px;
	line-height: 24px;
	font-size: 0.75rem;
	font-weight: bold;
	color: #212121;
	letter-spacing: -0.05em
}

.historyArea .history .yearArea .yearBox .monthBox>li ul {
	float: left;
	width: calc(100% - 32px)
}

.historyArea .history .yearArea .yearBox .monthBox>li ul li {
	font-size: 0.75rem;
	color: #212121;
	letter-spacing: -0.05em;
	line-height: 24px
}

.greetingBox h1 {
	font-size: 1.25rem;
	font-weight: bold;
	color: #000;
	letter-spacing: -0.05em
}

.greetingBox .greeting div {
	margin-top: 17px
}

.greetingBox .greeting div p:first-child {
	margin-top: 0 !important
}

.greetingBox .greeting div p {
	margin-top: 14px;
	font-size: 0.75rem;
	color: #000;
	letter-spacing: -0.038em
}

.greetingBox .greeting div img {
	width: 100%;
	height: auto
}

.greetingBox .sign {
	margin-top: 19px
}

.greetingBox .sign img {
	width: 248px;
	height: auto
}

.errorArea {
	margin-top: 20px;
	text-align: center
}

.errorArea .error {
	padding: 27px 11px 48px;
	background-color: #fff
}

.errorArea .error.error1:before {
	content: ""
}

.errorArea .error.error2:before {
	content: ""
}

.errorArea .error.error3:before {
	content: ""
}

.errorArea .btnArea {
	margin-top: 20px
}

.errorArea .btnArea .btn {
	min-width: 80px;
	height: 32px;
	font-size: 0.75rem;
	line-height: 32px
}

.errorArea h1 {
	margin-top: 25px;
	font-size: 0.9375rem;
	color: #48494c;
	letter-spacing: -0.01em
}

.errorArea p {
	margin-top: 17px;
	font-size: 0.8125rem;
	color: #48494c;
	letter-spacing: -0.01em
}

.errorArea .date {
	width: calc(100% - 14px);
	height: 47px;
	margin: 20px auto 0;
	padding: 5px 15px 0;
	background-color: #3b4251;
	font-size: 0.8125rem;
	color: #fff;
	letter-spacing: -0.01em;
	vertical-align: middle
}

.errorArea .date:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin-right: 8px;
	background-color: #cccdd0;
	vertical-align: middle
}

@media ( max-width : 400px) {
	.relationArea .txtCont p {
		overflow: hidden;
		height: 24px
	}
}