@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

	.lastDepth>a,
	.brandMenu>a,

	#mVisual .inConts .ii,
	#mVisual .inConts .ii.btn>a,
	#mVisual .bx-pager>span,
	#mVisual .bx-pager-item>a{transition: all .3s ease-out; transform-origin: 50% 50%;}

/*[s] All Style */
	.tbLayout{width:100%; display:table;}
	.tbLayout.fixed{table-layout: fixed;}
	.tbLayout>*{display:table-cell; vertical-align: middle; box-sizing: border-box;}
	.tbLayout.vat>.td{vertical-align: top;}
	.tbLayout.full{width:1920px; margin-left:-960px; position: relative; left:50%;}

	.nTable{width:100%; border-top:2px solid #246bac; border-bottom:1px solid #b2b0a5;}
	.nTable>table{width:100%; margin-bottom:-1px; border-spacing:0; table-layout : fixed;}
	.nTable>table th,
	.nTable>table td{padding:12px; border-bottom:1px solid #c5c3bb; font-size:16px; line-height:1.5; color:#666; text-align:left; border-collapse:collapse; empty-cells:show; box-sizing: border-box;}

	.nTable>table>thead>tr>th{background-color: #e9f0f7; font-weight:500; color:#222; position: relative;}
	.nTable>table>thead>tr>th+th{}

	.f0{font-size:0; line-height:0;}

	.lastDepth{width:100%; padding-top:1px; border-left:1px solid #ccc; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden;}
	.lastDepth>a{width:153px; height:79px; margin:-1px 0 0 -1px; background-color: #fafafa; border:1px solid #ccc; font-size:24px; line-height:32px; color: #666; display:table; float:left; box-sizing: border-box; position: relative;}
	.lastDepth>a>span{padding:10px; display:table-cell; vertical-align: middle;}

	.lastDepth.two>a{width:50%;}
	.lastDepth.four>a{width:25%;}

	.lastDepth>a:hover,
	.lastDepth>a.active{background-color: #ea598c; border-color:#ea598c; color: #fff; z-index:2;}

	.brandMenu{width:100%; padding-top:1px; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden;}
	.brandMenu>a{width:50%; margin-top:-1px; background-color: #fff; border:1px solid #ea598c; background-color: #fff; font-size:26px; line-height:68px; color: #ea598c; display:inline-block; vertical-align: top; box-sizing: border-box; }
	.brandMenu>a+a{margin-left:-1px;}

	.brandMenu>a:hover,
	.brandMenu>a.active{background-color: #ea598c; border-color:#ea598c; color: #fff;}

	#container.blue .brandMenu>a{border:1px solid #71b8cc; color: #71b8cc;}
	#container.blue #snb #nav .lnbSub>a:hover,
	#container.blue #snb #nav .lnbSub>a.active,
	#container.blue .brandMenu>a:hover,
	#container.blue .brandMenu>a.active{background-color: #71b8cc; border-color:#71b8cc; color: #fff;}

	.sTitle{font-weight: 300; font-size:34px; line-height:42px; color: #333; text-align: center;}
	.sTitle>strong{font-weight: 500; display:block;}
	.nTit{font-weight: 300; font-size:28px; line-height:36px; color: #333; text-align: center;}
	.nTit>span{font-weight: 300;}
	.nTxt{font-size:22px; line-height:28px; color: #333;}

	.mTit,
	#mBtm .mFaqArea .title>strong{font-family: 'NanumSquare' !important;}

	.qBtm{width:100%; font-size:0; line-height:0; text-align: center; position: fixed; left:0; bottom:0; z-index:7;}
	.qBtm>a{display:inline-block; vertical-align: top;}
/*[e] All Style */

/*[s] Main Style */
	.mTit{font-weight: 700; font-size:38px; line-height:1.1; color: #333; text-align: center;}
	.mTxt{font-size:24px; line-height:1.1; color: #888; text-align: center;}
	.mTit+.mTxt{padding-top:10px;}

	#mVisual{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden;}
	#mVisual .visualRoll{white-space: nowrap;}
	#mVisual .visualRoll .slider{width:100%; height:822px; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}

	#mVisual .vControl{width:172px; height:50px; margin-left:-86px; background-color: rgba(0,0,0,0.5); font-size:0; line-height:0; text-align: center; position: absolute; left:50%; bottom:30px; z-index:7; border-radius:99px;}
	#mVisual .bx-pager{}
	#mVisual .bx-pager>span{font-weight: 300; font-size:20px; line-height:48px; color: #fff; display:inline-block; vertical-align: top;}
	#mVisual .bx-pager>span.n{}
	#mVisual .bx-pager>span.l{padding:0 5px; font-size:18px; transform:rotate(5deg);}
	#mVisual .bx-pager>span.t{}

	#mVisual .vControl>a{width:50px; height:50px; background-position: center center; background-repeat: no-repeat; position: absolute; top:0; z-index:5;}
	#mVisual .vControl>a.bx-prev{background-image: url('../../images/main/btn_bx_prev.png'); left:4px;}
	#mVisual .vControl>a.bx-next{background-image: url('../../images/main/btn_bx_next.png'); right:4px;}

	#mMove{width:100%; padding:75px 15px; font-size:0; line-height:0; text-align: center; box-sizing: border-box;}
	#mMoveArea{width:100%; margin-top:30px;position: relative; overflow:hidden; box-sizing: border-box;}
	#mMoveArea .visualRoll{white-space: nowrap;}
	#mMoveArea .visualRoll .slider{width:100%; position: relative; overflow:hidden; display:inline-block; vertical-align: top; white-space: normal;}
	#mMoveArea .visualRoll .slider .youtube,
	#mMoveArea .visualRoll .slider .img,
	#mMoveArea .visualRoll .slider iframe{width:100%; height:380px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
	#mMoveArea .visualRoll .slider .txtArea{padding-top:25px; text-align: center;}
	#mMoveArea .visualRoll .slider .txtArea .tit{font-size:26px; line-height:1.4; color: #333;}
	#mMoveArea .visualRoll .slider .txtArea .txt{padding-top:10px; font-size:24px; line-height:1.4; color: #777;}
	#mMoveArea .visualRoll .slider .txtArea .btn{padding-top:20px; }
	#mMoveArea .visualRoll .slider .txtArea .btn>span{padding:0 40px; background-color: #ea598c; font-size:22px; line-height:60px; color: #fff; display:inline-block; white-space: nowrap; border-radius:99px; position: relative;}
	#mMoveArea .visualRoll .slider .txtArea .btn>span:after{content: ">"; padding-left:15px; font-family:dotum; font-weight:bold;}

	#mMoveArea .bx-controls-direction>a{width:27px; height:51px; background-position: center center; background-repeat: no-repeat; position: absolute; top:310px; z-index:5;}
	#mMoveArea .bx-controls-direction>a.bx-prev{background-image: url('../../images/main/btn_bx_prev2.png'); left:10px;}
	#mMoveArea .bx-controls-direction>a.bx-next{background-image: url('../../images/main/btn_bx_next2.png'); right:10px;}

	#mBanner{width:100%; background-color: #ecf7fd; font-size:0; line-height:0; text-align: center; box-sizing: border-box;}
	#mBannerArea{width:100%; position: relative; overflow:hidden; box-sizing: border-box;}
	#mBannerArea .visualRoll{white-space: nowrap;}
	#mBannerArea .visualRoll .slider{width:100%; height:953px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}

	#mBannerArea .bx-controls-direction>a{width:27px; height:51px; background-position: center center; background-repeat: no-repeat; position: absolute; top:248px; z-index:5;}
	#mBannerArea .bx-controls-direction>a.bx-prev{background-image: url('../../images/main/btn_bx_prev2.png'); left:48px;}
	#mBannerArea .bx-controls-direction>a.bx-next{background-image: url('../../images/main/btn_bx_next2.png'); right:48px;}

	#mQArea{padding:12px 15px; font-size:0; line-height:0;}
	#mQArea>a{display:block;}
	#mQArea>a+a{margin-top:12px;}

	#mBtm{padding:80px 15px; background-color: #f9f9f9; font-size:0; line-height:0; box-sizing: border-box;}
	#mBtm .mFaqArea{}
	#mBtm .mFaqArea .title{height:119px; font-size:24px; line-height:1; color: #888; text-align: center;}
	#mBtm .mFaqArea .title>strong{padding-bottom:15px; font-weight: 700; font-size:38px; color: #333; display:block;}
	#mBtm .mFaqArea .list{border-top:3px solid #d4286c;}
	#mBtm .mFaqArea .list>li{padding:27px 10px; border-bottom:1px solid #d9d9d9;}
	#mBtm .mFaqArea .list>li+li{}
	#mBtm .mFaqArea .list>li>a{font-size:24px; line-height:40px; color: #777; display:block;}
	#mBtm .mFaqArea .list>li>a:hover{color: #333;}
	#mBtm .mFaqArea .list>li>a p.q{font-size:26px; line-height:34px; color: #333;}
	#mBtm .mFaqArea .list>li>a p.a{margin-top:5px; line-height:32px; color: #777;}

	#mBtm .mFaqArea .list>li .one{text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
	#mBtm .mFaqArea .list>li .two{max-height:68px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow:hidden;}

	#mInfiniteArea{width:100%; height:100px; padding:; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:0; line-height:0; overflow:hidden; box-sizing: border-box; position: relative;}
	#mInfiniteArea .visualRoll{white-space: nowrap;}
	#mInfiniteArea .visualRoll .slider{width:100%; height:98px; background-repeat: no-repeat; background-position: center center; background-size: cover;  overflow:hidden; display:inline-block; vertical-align: top; white-space: normal;}

	#mInfiniteArea .bx-controls-direction>a{width:35px; height:98px; background-position: center center; background-repeat: no-repeat; position: absolute; top:0px; z-index:5;}
	#mInfiniteArea .bx-controls-direction>a.bx-prev{background-image: url('../../images/main/btn_bx_prev.gif'); left:0px;}
	#mInfiniteArea .bx-controls-direction>a.bx-next{background-image: url('../../images/main/btn_bx_next.gif'); right:0px;}
/*[e] Main Style */

/*[s] Sub Style */
	.brandArea{width:100%; margin-top:50px; font-size:0; line-height:0; position: relative; overflow:hidden;}
	.brandArea .visualRoll{white-space: nowrap;}
	.brandArea .visualRoll .slider{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}

	.brandScroll{width:100%; padding-top:220px; font-size:0; line-height:0; position: relative;}
	.brandScroll .brandMenu{width:610px; margin-left:-305px; position: absolute; left:50%; top:20px;}
	.brandScroll.fixed .brandMenu{position: fixed;}

	.storeLay{margin-top:45px;}
	.storeLay .storeSch{padding:45px 30px; background-color: #71b8cc;}
	.storeLay .storeSch .tit{height:43px; font-weight: 500; font-size:26px; line-height:1; color: #fff;}
	.storeLay .storeSch .form{box-shadow:3px 3px 10px rgba(0,0,0,0.05); -webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.05); overflow:hidden; display: flex; justify-content: space-between;}
	.storeLay .storeSch .form select,
	.storeLay .storeSch .form input[type=text],
	.storeLay .storeSch .form input[type=submit]{height:80px; padding:0 15px; background-color: #fff; border:none; font-weight: 400; font-size:24px; line-height:80px; color: #666; display:inline-block; vertical-align: top; box-sizing: border-box;}
	.storeLay .storeSch .form select{min-width:170px; background:#fff url('../../images/bg_store_arr.gif') no-repeat 92% center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:5px; }
	.storeLay .storeSch .form select::-ms-expand{display:none;}
	.storeLay .storeSch .form input[type=text]{width:80%; margin-left:10px; border-radius:5px 0 0 5px;}
	.storeLay .storeSch .form input[type=submit]{width:20%; padding:0; background:#fff url('../../images/btn_sch.gif') no-repeat center center; font-size:0; line-height:0; cursor: pointer; border-radius: 0 5px 5px 0;}

	.storeLay .storeList{background-color: #fff;  box-sizing: border-box;}
	.storeLay .storeList>li{border-bottom:1px solid #ededed;}
	.storeLay .storeList>li+li{}
	.storeLay .storeList .dView{padding:40px 0px; color: #777; display:block; position: relative;}
	.storeLay .storeList .dView p{font-size:24px; line-height:28px;}
	.storeLay .storeList .dView p+p{padding-top:7px;}
	.storeLay .storeList .dView .name{font-weight: 500; color: #333;}
	.storeLay .storeList .dView .tel{}
	.storeLay .storeList .dView .juso{}
	.storeLay .storeList .dView .btn{padding:0 40px; background-color: #ea598c; font-size:22px; line-height:60px; color: #fff; display:inline-block; white-space: nowrap; border-radius:99px; position: relative; position: absolute; right:0; top:40px;}
	.storeLay .storeList .dView .btn:after{content: ">"; padding-left:15px; font-family:dotum; font-weight:bold;}
/*[e] Sub Style */

/*[s] Plugin Style */
	/* Layer Style */
		.layerArea .layerIn .layerBgIn{width:0px; height:0px; background-color: rgba(255,255,255,0.7); position:absolute; left:50%; top:50%; z-index:100; -webkit-transition: .3s; transition: .3s; transform-origin: 50% 50%;}

		.layerArea{width:0px; height:0px; background-color: rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; z-index:99; overflow:hidden; overflow-y:auto; -webkit-transition: .3s; transition: .3s; transform-origin: 50% 50%;}
		.layerArea.one,
		.layerArea.two{width:100%; height:100%; left:0%; top:0%;}
		.layerArea.two .layerBgIn{width:100%; height:100%; left:0%; top:0%;}
		.layerArea .closeLy{width:100px; display:inline-block; position: fixed; right:0; top:0;}
		.layerArea .layerIn{width:100%; height:100%; display: table; position:relative;}
		.layerArea .layerIn .layerCell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;}
		.layerArea .layerIn .layerBox{margin:0 auto; background-color: #fff; font-size:0; line-height:0; display:none; position: relative; box-sizing: border-box; z-index:99;}
		.layerArea .layerIn .layerBox>.tit{padding:25px 25px 15px;}
		.layerArea .layerIn .layerBox>.tit>strong{font-size:16px; line-height:1; color:#00a9cc;}
		.layerArea .layerIn .layerBox .contLy{}

		.videoLay{width:610px;}
		.videoLay .closeLy{width:50px; display:inline-block; position: absolute; right:0; top:-60px;}
		.videoLay .youTb{width:100%;}

		.storeMapLay{width:610px;}
		.storeMapLay .closeLy{width:50px; display:inline-block; position: absolute; right:0; top:-60px;}
		.storeMapLay .mapArea{width:100%; height:400px; padding:0 !important; border:none !important; overflow:hidden;}


	/* Img Over Bg Style */
		#photo{width:960px;margin:0 auto; position:relative; overflow:hidden;}
		#photo>li{width:150px; height:150px; margin:5px; float:left; display:inline; overflow:hidden; }
		#photo>li>a{width:100%; height:100%; position: relative; display:block; overflow:hidden;}
		#photo>li>a>img{width:100%; height:100%; display:block; border-radius:5px;}
		#photo>li>a>.bg_l{width:100%; height:100%; background-color:red; position: absolute; left:0; top:0; display:none; opacity:0.3; border-radius:5px;}

	/* Notice One Line Style */
		.mNoticeList{width:100%; height:60px; margin-top:25px; overflow:hidden; position: relative;}
		.mNoticeList>ul{width:100%; position: absolute; left:0; top:-60px;}
		.mNoticeList>ul>li{height:60px; position: relative;}
		.mNoticeList>ul>li>a{padding-left:73px; display:block; position: relative;}
		.mNoticeList .day{width:41px; padding-right:15px; border-right:1px solid #d5d1cc; font-weight: 600; font-size:12px; line-height:1; color: #b99764; text-align: center; position: absolute; left:0; top:0;}
		.mNoticeList .day>strong{font-weight: 700; font-size:32px; line-height:1; display:block;}
		.mNoticeList dl.list{font-size:16px; line-height:20px; color: #876e49; word-break:keep-all; word-wrap:break-word;}
		.mNoticeList dl.list>dt{padding-bottom:6px; font-weight: 600; font-size:12px; line-height:1; color: #b99764;}
/*[e] Plugin Style */

/*
transition: all .5s linear;
transition: all .5s ease-out;
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/