@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
/* Skip Navigation */
	.skip{width:1px; height:1px; margin:0 -1px -1px 0; padding:0; font-size:0; line-height:0; display:block; overflow:hidden;}
	.skip:hover,.skip:active,.skip:focus{width:100%; height:auto; margin:0; padding:5px 0; font-weight:bold; font-size:12px; line-height:1; color:#333; text-decoration:none !important; text-indent:10px}

/*[s] All Style */
	a:link, a:visited,a:hover{text-decoration:none}

	*{max-height:99999px;}
	html{overflow-y:auto;}
	html,body{width:100%; min-height:100%; background-color: #fff; -webkit-text-size-adjust:none}
	input[type=text],input[type=email],input[type=tel],input[type=submit],input[type=password],input[type=image],input[type=button],textarea{ -webkit-border-radius:0; -webkit-appearance:none}
	input[type=radio],input[type=checkbox],textarea, select{ -webkit-border-radius:0}
	img,video,audio,object,embed,iframe{max-width:100%;}
	body,th,td,input,select,textarea,h2,h3,h4,h5{font-style:normal; font-weight:normal; font-size:13px; line-height:18px; font-family:'Noto Sans KR'; color:#444}

	/* 텍스트 테스트 */
		.testText{padding:5px; font-size:18px; line-height:20px; color:#000; position: fixed; left:0; top:0; z-index:10;}

	.serif,
	.mTitle>strong,
	#contents>h3{font-family:'Noto Serif' !important;}

	#header #gnb>li>a,
	#header #gnb>li>a:before,
	#header #gnb .gnbSub>a,

	#mVisual .vConts .ii,
	#mVisual .bx-pager-item>a,
	#mBusiness>ul>li>a .thumbnail img,
	#mWork>.mWorkRollArea .slider .thumbnail img,
	#mWork .bx-pager-item>a,
	#mWork .bx-controls-direction>a,

	#snb #nav>li>a:before{transition: all .3s linear;}

	#mVisual .vConts .ii{transition: all .5s ease-out;}

	.contsFull{width:1920px; margin-left:-960px; font-size:0; line-height:0; text-align: center; position: relative; left:50%;}
	.f0{font-size:0; line-height:0;}
/*[e] All Style */

/*[s] Layout Style */
	.inConts{width:1200px; margin:0 auto; position: relative;}
	#wrap{width:100%; min-width:1220px; margin:0 auto; position:relative; overflow:hidden; word-break:keep-all; word-wrap:break-word;}
	#header{height:80px; background-color: #fff; font-size:0; line-height:0; position: relative; z-index:7;}
	#header h1>a{display:inline-block;}
	#header #gnb{display:inline-block; position: absolute; right:154px; top:0;}
	#header #gnb>li{padding:0 17px; display:inline-block; vertical-align: top; position: relative;}
	#header #gnb>li>a{font-size:15px; line-height:80px; color: #000; display:inline-block; vertical-align: top; position: relative;}
	#header #gnb>li>a:before{content: ""; width: 0; height: 3px; background-color: #292e5c; margin-left:-25%; display: inline-block; position:absolute; left: 50%; bottom:0; z-index:5;}

	#header #gnb .gnbSub{width:136px; margin-left:-68px; background-color: #292e5c; box-sizing: border-box; position: absolute; left:50%; top:80px; z-index:4; display:none;}
	#header #gnb .gnbSub>a{font-size:13px; line-height:39px; color: #8388b7; text-align: center; display:block;}
	#header #gnb .gnbSub>a+a{border-top:1px solid #353a63;}

	#header #gnb>li:hover>a:before,
	#header #gnb>li.active>a:before,
	#header #gnb>li.oPage>a:before{width: 100%; margin:0; left:0; opacity: 1}

	#header #gnb>li:hover>a,
	#header #gnb>li.active>a,
	#header #gnb>li.oPage>a{color: #292e5c;}
	#header #gnb .gnbSub>a:hover,
	#header #gnb .gnbSub>a.active,
	#header #gnb .gnbSub>a.oPage{color: #fff;}

	#header .language{padding:0 32px 0 24px; background:#fff url('../../images/arr_language.gif') no-repeat 90% center; border:1px solid #232376; font-size:15px; line-height:32px; color: #232376; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:33px; overflow:hidden; position: absolute; right:0; top:24px;}
	#header .language::-ms-expand{display:none;}

	#sVisual{width:100%; height:300px; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; overflow:hidden; position: relative;}
	#sVisual .inConts{height:300px; display:table;}
	#sVisual h2{text-align: center; display:table-cell; vertical-align: middle;}
	#sVisual h2>*{line-height:1; color: #fff; display:block;}
	#sVisual h2>strong{font-weight: bold; font-size:32px; letter-spacing:0.4em; position: relative;}
	#sVisual h2>span{font-size:20px;}
	#sVisual.bg01{background-image:url('../../images/img_sVisual01.jpg');}
	#sVisual.bg02{background-image:url('../../images/img_sVisual02.jpg');}
	#sVisual.bg03{background-image:url('../../images/img_sVisual03.jpg');}
	#sVisual.bg04{background-image:url('../../images/img_sVisual04.jpg');}
	#sVisual.bg05{background-image:url('../../images/img_sVisual05.jpg');}

	#snb{width:100%; border-bottom:1px solid #d9d9d9; font-size:0; line-height:0; position: relative; z-index:7;}
	#snb #nav{width:1200px; margin:0 auto; border-left:1px solid #d9d9d9; box-sizing:border-box;}
	#snb #nav>li{min-width:240px; border-right:1px solid #d9d9d9; display:inline-block; vertical-align:top; position:relative; box-sizing:border-box;}
	#snb #nav>li>a{padding:0 50px 0 20px; font-size:15px; line-height:49px; color:#555; display:block; position: relative;}
	#snb #nav>li>a:before{content: ""; width:17px; height:9px; margin-top:-4.5px; background-image:url('../../images/bul_sDepth.gif'); background-repeat: no-repeat; background-position: left center; position: absolute; right:20px; top:50%; display:block;}
	#snb #nav>li.home{width:60px; min-width:60px;}
	#snb #nav>li.home>a{width:59px; height:49px; padding:0; background:url('../../images/icon_home.gif') no-repeat center center; font-size:0; line-height:0;}
	#snb #nav>li.home>a:before{content: ""; display:none;}

	#snb #nav .lnbSub{background-color: #fff; border:1px solid #d9d9d9; position:absolute; left:-1px; right:-1px; top:49px; display:none; box-sizing:border-box;}
	#snb #nav .lnbSub>a{padding:0px 20px; font-weight: 300; font-size:15px; line-height:41px; color:#666; display:block;}
	#snb #nav .lnbSub>a+a{border-top:1px solid #fafafa;}
	#snb #nav .lnbSub>a:hover{color: #333;}
	#snb #nav .lnbSub>a.active{font-weight: 400; color: #333;}

	#snb #nav>li.active a:before{transform:rotate(180deg);}

	#contents{width:1200px; min-height:460px; margin:0 auto; padding:60px 0 100px; position: relative; box-sizing: border-box;}
	#contents>h3{height:85px; font-weight: 500; font-size:36px; line-height:1; color: #333; text-align: center; position: relative;}

	#footer{width:100%; padding:35px 0; background-color: #373739; font-size:0; line-height:0; text-align: center;}
	#footer .text{padding-top:20px;}
	#footer .text>p{}
	#footer .text>p>span{font-style: normal; font-weight: 300; font-size:14px; line-height:22px; color: #fff; display:inline-block; vertical-align: top; position: relative; opacity: .7;}
	#footer .text>p>span+span{margin-left:18px;}
	/*#footer .text>p>span+span:before{content: ""; width: 1px; height: 12px; margin-top:-6px; background-color: #666; display: inline-block; position:absolute; left: -5px; top:50%;}*/
	#footer .text>address{font-style: normal; font-weight: 300; font-size:12px; line-height:30px; color: #71757c;}
/*[e] Layout Style */

/*[s] Main Style */
	.mTitle{height:75px; line-height:1; text-align: center;}
	.mTitle>strong{font-weight: 400; font-size:36px; color: #333; display:block;}

	#mVisual{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden; z-index:1;}
	#mVisual .visualRoll{white-space: nowrap;}
	#mVisual .visualRoll .slider{width:100%; height:650px; 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 .vConts{width:100%; height:100%; position: absolute; left:0; top:0; z-index:5;}
	#mVisual .vConts>.vTb{width:1200px; height:100%; display:table; margin:0 auto;}
	#mVisual .vConts>.vTb>.vTd{display:table-cell; vertical-align: middle;}
	#mVisual .vConts .ii{top:30px; color: #fff; text-align: left; position: relative; opacity: 0;}
	#mVisual .vConts .ii.i01{-webkit-transition-delay: .2s; transition-delay: .2s;}
	#mVisual .vConts .ii.i02{-webkit-transition-delay: .25s; transition-delay: .25s;}
	#mVisual .vConts .ii.i03{-webkit-transition-delay: .3s; transition-delay: .3s;}
	#mVisual .vConts .ii.i04{-webkit-transition-delay: .35s; transition-delay: .35s;}
	#mVisual .vConts .ii.i05{-webkit-transition-delay: .4s; transition-delay: .4s;}
	#mVisual .vConts .ii.i06{-webkit-transition-delay: .45s; transition-delay: .45s;}

	#mVisual .vConts .ii.tit{font-weight:500; font-size:40px; line-height:55px;}

	#mVisual .bx-pager{width:100%; text-align: center; position: absolute; left:0; bottom:20px; z-index:6;}
	#mVisual .bx-pager-item{display:inline-block; vertical-align: top;}
	#mVisual .bx-pager-item+.bx-pager-item{padding-left:5px;}
	#mVisual .bx-pager-item>a{width:20px; height:3px; background-color: #daded8; display:block; overflow:hidden;}
	#mVisual .bx-pager-item>a.active{width:40px; background-color: #071d49;}

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

	#mVisual .vConts.active .ii{top:0; opacity: 1;}

	.mConts{padding:80px 0; font-size:0; line-height:0;}

	#mBusiness{width:1200px; margin:0 auto; font-size:0; line-height:0; overflow:hidden;}
	#mBusiness>ul{margin:-12px 0 0 -12px;}
	#mBusiness>ul>li{width:392px; margin:12px 0 0 12px; display:inline-block; vertical-align: top;}
	#mBusiness>ul>li>a{width:100%; text-align: center; display:block;}
	#mBusiness>ul>li>a .thumbnail{width:100%; overflow:hidden; display:block; position: relative;}
	#mBusiness>ul>li>a .thumbnail img{position: relative;}
	#mBusiness>ul>li>a dl{}
	#mBusiness>ul>li>a dl>dt{padding-top:25px; font-size:24px; line-height:28px; color: #333;}
	#mBusiness>ul>li>a dl>dd{padding-top:15px; font-weight: 300; font-size:15px; line-height:20px; color: #555;}
	#mBusiness>ul>li>a .view{width:190px; height:46px; margin:20px auto 0; border:1px solid #666; font-weight: 300; font-size:14px; line-height:44px; color: #666; box-sizing: border-box;}

	#mBusiness>ul>li>a:hover .thumbnail img{-webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);}

	#mWork{width:1200px; margin:0 auto; font-size:0; line-height:0; overflow:hidden;}
	#mWork>.mWorkRollArea{margin:0 0 0 0; position: relative;}
	#mWork>.mWorkRollArea .mWorkRoll{white-space: nowrap;}
	#mWork>.mWorkRollArea .slider{width:25%; max-width:291px; display:inline-block; vertical-align: top; position: relative;}
	#mWork>.mWorkRollArea .slider .thumbnail{width:100%; overflow:hidden; display:block; position: relative;}
	#mWork>.mWorkRollArea .slider .thumbnail img{position: relative;}
	#mWork>.mWorkRollArea .slider dl{padding:15px; background-color: #fff; line-height:23px; position: absolute; left:12px; right:12px; bottom:0; display:block;}
	#mWork>.mWorkRollArea .slider dl>dt{height:23px; font-weight: 500; font-size:16px; color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	#mWork>.mWorkRollArea .slider dl>dd{height:23px; font-weight: 300; font-size:15px; color: #555; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

	#mWork>.mWorkRollArea .slider:hover .thumbnail img{-webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);}

	#mWork .bx-pager{width:100%; text-align: center; position: absolute; left:0; bottom:-30px; z-index:6;}
	#mWork .bx-pager-item{display:inline-block; vertical-align: top;}
	#mWork .bx-pager-item+.bx-pager-item{padding-left:5px;}
	#mWork .bx-pager-item>a{width:13px; height:13px; background-color: #d7d7d7; display:block; overflow:hidden; border-radius:99px;}
	#mWork .bx-pager-item>a.active{background-color: #3c3c40;}

	#mWork .bx-controls-direction>a{width:45px; height:66px; margin-top:-33px; background-position: center center; background-repeat: no-repeat; position: absolute; top:50%; z-index:6;}
	#mWork .bx-controls-direction>a.bx-prev{background-image: url('../../images/main/btn_bx_prev02.png'); left:0px;}
	#mWork .bx-controls-direction>a.bx-next{background-image: url('../../images/main/btn_bx_next02.png'); right:0px;}

	#mWork>.mWorkRollArea.bod{margin:-50px 0 0 -12px;}
	#mWork>.mWorkRollArea.bod .mWorkRoll{white-space: normal;}
	#mWork>.mWorkRollArea.bod .mWorkRoll .slider{margin:50px 0 0 12px;}
/*[e] Main Style */

/*[s] Sub Style */
	.mapBox{width:100% !important; height:500px; overflow:hidden;}
	.mapTxt{position: relative;}
	.mapTxt .btn{text-align: right; position: absolute; right:0; top:26px; display:inline-block;}
	.mapTxt .btn>a{margin-left:10px; display:inline-block; vertical-align: top;}
/*[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{}

		.box01{width:500px; padding:10px;}
		.box01>.tit{padding:0 10px 10px;}
		.box01>.contLy{padding:20px;}

		.box02{width:800px; padding:10px;}
		.box02>.tit{padding:0 10px 10px;}
		.box02>.contLy{padding:80px;}

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