@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,

	.storeArea .mapArea,
	.storeArea .storeLay,
	.storeArea .storeLay .storeList .dView,
	.storeArea .storeLay .storeList .dView p,
	.storeArea .storeLay .storeBtn:before{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:190px; height:60px; margin:-1px 0 0 -1px; background-color: #fafafa; border:1px solid #ccc; font-size:16px; line-height:20px; 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: #0091f3; border-color:#0091f3; color: #fff; z-index:2;}

	.brandMenu{width:100%; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden;}
	.brandMenu>a{padding:0 22px; background-color: #f4f9fe; border:1px solid #0091f3; font-size:16px; line-height:48px; color: #0091f3; display:inline-block; vertical-align: top; border-radius:99px;}
	.brandMenu>a+a{margin-left:12px;}

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


	#container.blue .brandMenu>a{background-color: #fff; 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:30px; line-height:38px; 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:16px; line-height:24px; 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:8;}
	.qBtm>a{display:inline-block; vertical-align: top;}
/*[e] All Style */

/*[s] Main Style */
	.mTit{font-weight: 700; font-size:34px; line-height:1.1; color: #333;}
	.mTxt{font-size:15px; line-height:1.1; color: #888;}
	.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:800px; 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:130px; height:40px; margin-left:-65px; background-color: rgba(0,0,0,0.5); font-size:0; line-height:0; text-align: center; position: absolute; left:50%; bottom:20px; z-index:7; border-radius:99px;}
	#mVisual .bx-pager{}
	#mVisual .bx-pager>span{font-weight: 300; font-size:15px; line-height:38px; color: #fff; display:inline-block; vertical-align: top;}
	#mVisual .bx-pager>span.n{}
	#mVisual .bx-pager>span.l{padding:0 5px; font-size:12px; transform:rotate(5deg);}
	#mVisual .bx-pager>span.t{}

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

	#mMove{width:100%; height:947px; padding-top:75px; /**background: url('../../images/main/bg_mMove.gif') no-repeat center center;**/ font-size:0; line-height:0; text-align: center; box-sizing: border-box;}
	#mMoveArea{width:100%; margin-top:30px; padding:0 101px; 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;}
	#mMoveArea .visualRoll .slider .youtube,
	#mMoveArea .visualRoll .slider .img,
	#mMoveArea .visualRoll .slider iframe{width:100%; height:520px; 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:25px; line-height:1.4; color: #333;}
	#mMoveArea .visualRoll .slider .txtArea .txt{padding-top:10px; font-size:16px; line-height:1.4; color: #777;}
	#mMoveArea .visualRoll .slider .txtArea .btn{padding-top:20px; }
	#mMoveArea .visualRoll .slider .txtArea .btn>span{padding:0 25px; background-color: #78bee3; font-size:14px; line-height:40px; 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;}

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

	#mBanner{width:100%; background-color: #ecf7fd; font-size:0; line-height:0; text-align: center; box-sizing: border-box;}
	#mBannerArea{width:100%; padding:0 101px; position: relative; overflow:hidden; box-sizing: border-box;}
	#mBannerArea .visualRoll{white-space: nowrap;}
	#mBannerArea .visualRoll .slider{width:100%; height:627px; 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:80px 0; font-size:0; line-height:0; display: flex; justify-content: space-between;}

	#mBtm{padding:80px 0; background-color: #f9f9f9; font-size:0; line-height:0; box-sizing: border-box;}
	#mBtm>.inConts{display: flex; justify-content: space-between;}
	#mBtm .mFaqArea{width:594px;}
	#mBtm .mFaqArea .title{height:43px; font-size:15px; line-height:1; color: #888;}
	#mBtm .mFaqArea .title>strong{padding-right:17px; font-weight: 700; font-size:28px; color: #333;}
	#mBtm .mFaqArea .list{border-top:3px solid #78bee3;}
	#mBtm .mFaqArea .list>li{padding:27px 10px; border-bottom:1px solid #d9d9d9;}
	#mBtm .mFaqArea .list>li+li{}
	#mBtm .mFaqArea .list>li>a{font-size:16px; line-height:31px; color: #777; display:block; position: relative;}
	#mBtm .mFaqArea .list>li+li>a{padding-left:23px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#mBtm .mFaqArea .list>li+li>a:before{content: "Q."; position:absolute; left: 0; top:0px; box-sizing: border-box;}
	#mBtm .mFaqArea .list>li>a:hover{color: #333;}
	#mBtm .mFaqArea .list>li>a .q{padding-left:23px; font-size:18px; line-height:31px; color: #333; position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#mBtm .mFaqArea .list>li>a .q:before{content: "Q."; color: #78bee3; position:absolute; left: 0; top:0px; box-sizing: border-box;}
	#mBtm .mFaqArea .list>li>a .a{max-height:52px; margin-top:10px; padding-left:23px; line-height:26px; color: #777; position: relative; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	#mBtm .mFaqArea .list>li>a .a:before{content: "A."; font-size:18px; color: #333; position:absolute; left: 0; top:0px; box-sizing: border-box;}
	#mBtm .mImgArea{width:594px; margin-bottom:-40px;}

	#mInfiniteArea{width:100%; height:98px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:0; line-height:0;}
	#mInfiniteArea li{width:300px;}
/*[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:120px; font-size:0; line-height:0; position: relative;}
	.brandScroll .brandMenu{position: absolute; left:0; top:20px;}
	.brandScroll.fixed .brandMenu{position: fixed;}

	.storeArea{width:100%; margin-top:45px; font-size:0; line-height:0; position: relative; overflow:hidden; box-sizing: border-box;}
	.storeArea .mapArea{width:1200px; height:700px; margin-left:177.5px; padding: 0 !important; border:none !important; overflow:hidden;}
	.storeArea .storeLay{width:355px; height:100%; position: absolute; left:0; top:0; z-index:3;}
	.storeArea .storeLay .storeSch{padding:32px 20px; background-color: #7a94c3;}
	.storeArea .storeLay .storeSch .tit{height:32px; font-weight: 500; font-size:18px; line-height:1; color: #fff;}
	.storeArea .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;}
	.storeArea .storeLay .storeSch .form select,
	.storeArea .storeLay .storeSch .form input[type=text],
	.storeArea .storeLay .storeSch .form input[type=submit]{height:45px; padding:0 10px; background-color: #fff; border:none; font-weight: 400; font-size:14px; line-height:43px; color: #666; display:inline-block; vertical-align: top; box-sizing: border-box;}
	.storeArea .storeLay .storeSch .form select{min-width:140px; background:#fff url('../../images/bg_store_arr.gif') no-repeat 92% center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:4px; }
	.storeArea .storeLay .storeSch .form select::-ms-expand{display:none;}
	.storeArea .storeLay .storeSch .form input[type=text]{width:80%; margin-left:5px; border-radius:4px 0 0 4px; }
	.storeArea .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 4px 4px 0;}

	.storeArea .storeLay .storeList{height:559px; background-color: #fff; border:1px solid #d9d9d9; border-top:none; overflow:hidden; overflow-y:auto; box-sizing: border-box;}
	.storeArea .storeLay .storeList>li{}
	.storeArea .storeLay .storeList>li+li{border-top:1px solid #ededed;}
	.storeArea .storeLay .storeList .dView{padding:21px 15px; color: #777; display:block;}
	.storeArea .storeLay .storeList .dView p{font-size:16px; line-height:23px;}
	.storeArea .storeLay .storeList .dView .name{font-weight: 500; color: #333;}
	.storeArea .storeLay .storeList .dView .tel{}
	.storeArea .storeLay .storeList .dView .juso{}

	.storeArea .storeLay .storeList .dView:hover,
	.storeArea .storeLay .storeList .dView.active{background-color: #f4f9fb;}
	.storeArea .storeLay .storeList .dView:hover .name,
	.storeArea .storeLay .storeList .dView.active .name{color: #0091f3;}

	.storeArea .storeLay .storeBtn{width:23px; height:60px; margin-top:-30px; background-color: #fff; border:none; position: absolute; right:-23px; top:50%; z-index:7; cursor: pointer; box-shadow:3px 3px 7px rgba(0,0,0,0.05); -webkit-box-shadow:3px 3px 7px rgba(0,0,0,0.05);}
	.storeArea .storeLay .storeBtn:before{content: ""; margin:-7px 0 0 -4px; border-top:7px solid #fff; border-bottom:7px solid #fff; border-left:none; border-right:8px solid #0091f3; position:absolute; left:50%; top:50%;}

	.storeArea.active .mapArea{margin-left:0;}
	.storeArea.active .storeLay{left:-355px;}
	.storeArea.active .storeLay .storeBtn:before{border-right:none; border-left:8px solid #0091f3;}
/*[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: .5s; transition: .5s; 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: .5s; transition: .5s; 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:1000px;}
		.videoLay .closeLy{width:36px; display:inline-block; position: absolute; right:-18px; top:-18px;}
		.videoLay .youTb{width:100%;}

	/* 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;
*/