/* Size Guide 
--------------------------------------------------------
	pc: 1200px ~
	tablet : 769px ~ 1199px 
	mobile : 768px
*/


/* Layout 
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	body,th,td,input,select,textarea,button,pre{font-weight:300; font-size:15px; line-height:1.5; font-family:'Roboto','Arial', sans-serif; color:#555;}
	html,body{height:100%;}
	@media only screen and (min-width: 320px){
		body{overflow-x:hidden;}
	}
	a{box-sizing:border-box; text-decoration:none; font-weight:300; font-size:15px; color:#555; transition:.1s all linear;}
	
	@media only screen and (max-width: 768px){
		body,th,td,input,select,textarea,button,a{font-size:14px;}
	}

	#wrap{position:relative; width:100%; min-width:320px; height:100%;}
	.ellipsis{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/* Header 
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	@media only screen and (min-width: 1200px){
		#header{z-index:666; position:absolute; top:0; width:100%; background:rgba(15,23,41,0.95);}
		#header > div{position:relative; margin:0 auto;  width:1200px; height:135px;}

		.logo{float:left;}
		.logo a{display:block; line-height:135px;}

		.nav-btn{display:none;}

		.nav-bg{z-index:888; display:none; position:absolute; top:135px; left:-500%; width:1000%; height:280px; background:#f9f9f9; border-bottom:3px solid #f39800;}
		.nav-bg:before{position:absolute; top:0; left:50%; display:block; content:url("/img/common/sub_menu_bg_eng.jpg"); margin:0 auto; width:1200px;}

		#nav{float:right; margin-top:50px;}

		.util-menu{position:absolute; top:7px; right:10px; line-height:0; font-size:0;}
		.util-menu > a{display:inline-block; margin-right:15px; font-size:12px; color:#959ca9;}
		.util-menu > a:nth-of-type(1){padding-right:15px; line-height:11px; border-right:1px solid #464953;}
		
		.language{display:inline-block; line-height:0; font-size:0;}
		.language li{display:inline-block;}
		.language li a{display:inline-block; margin-left:-1px; padding:0 12px; height:25px; line-height:25px; font-size:12px; text-align:center; color:#959ca9; border:1px solid #6b6f77;}
		.language li a:hover{background:rgba(256,256,256,0.2);}
		.language li.on a{color:#f39800;}

		.navigation > li{position:relative; float:left; width:140px; text-align:center;}
		
		.navigation .main-menu{display:block; margin-top:8px; margin-bottom:49px; padding:5px 0; height:29px; width:100%; line-height:1.2; font-weight:400; font-size:16px; color:#fff;}
		.navigation li:nth-child(5) .main-menu{margin-bottom:30px; height:48px;}
		
		.navigation .sub-menu{display:none; z-index:999; position:absolute; top:85px; left:0; padding:20px 0; width:140px; height:277px; background:#f9f9f9; border-right:1px solid #d4d6d9;}
		.navigation .sub-menu a{display:block; padding:10px 0; text-align:center; line-height:1.2; font-size:14px; color:#7a7d83;}
		.navigation .sub-menu .intro-menu{display:none;}
		
		.navigation > li:hover .sub-menu{background:#f39800;}
		.navigation > li:hover .sub-menu a{color:#fff;}
		.navigation .sub-menu a:hover{background:#002f61;}
	}

	@media only screen and (max-width: 1199px){
		#header{z-index:666; width:100%; height:65px; background:rgba(15,23,41,1);}

		.logo{float:left; padding:10px 20px; height:65px;}
		.logo a{display:block;}
		.logo img{width:auto; max-height:45px;}
		
		.nav-btn{z-index:999; display:block; position:absolute; top:20px; right:20px; width:30px; height:23px; cursor:pointer;}
		.nav-btn span{position:absolute; left:50%; display:block; margin-left:-15px; width:30px; height:3px; background:#fff; transition:.3s all linear;}
		.nav-btn span:nth-child(1){top:0;}
		.nav-btn span:nth-child(2){top:10px;}
		.nav-btn span:nth-child(3){top:20px;}
		
		.nav-btn.close{z-index:999; position:fixed;}
		.nav-btn.close span:nth-child(1){top:50%; transform:rotate(45deg);}
		.nav-btn.close span:nth-child(2){margin-left:0; width:0;}
		.nav-btn.close span:nth-child(3){top:50%; transform:rotate(-45deg);}

		.nav-bg{z-index:777; display:none; position:fixed; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}

		#nav{z-index:888; position:fixed; right:-260px; display:block; padding:65px 0 20px; width:260px; height:100%; background:#0f1729; transition:.2s all linear;}
		#nav.open{position:fixed; right:0;}

		.util-menu{border-bottom:1px solid #1f2a42;}
		.util-menu > a{display:block; padding:0 20px; line-height:1.7; font-size:14px; color:#f1f1f1;}
				
		.language{padding:15px 20px 20px; line-height:0; font-size:0;}
		.language li{display:inline-block; width:50%;}
		.language li a{display:inline-block; margin-left:-1px; width:calc(100% + 1px); height:30px; line-height:25px; font-size:13px; text-align:center; color:#959ca9; border:1px solid #6b6f77;}
		.language li:first-child{margin-left:0;}
		.language li a:hover{background:rgba(256,256,256,0.1);}
		.language li.on a{color:#f39800;}

		.navigation .main-menu{display:block; padding:12px 20px; width:100%; line-height:1.2; font-weight:400; font-size:16px; color:#f1f1f1; transition:none;}
		.navigation li.active .main-menu{background:#f39800;}

		.navigation .sub-menu{display:none; padding:10px 0; background:#e4e4e4;}
		.navigation .sub-menu a{display:block; padding:9px 20px 8px; line-height:1.2; font-size:14px; color:#666;}
		.navigation .sub-menu a br{display:none;}
		.navigation .sub-menu a:before{content:""; display:inline-block; margin:0 5px 0 0; width:4px; height:1px; vertical-align:middle; background:#888;}
		.navigation .sub-menu .intro-menu a{font-weight:400; color:#333;}
		.navigation .sub-menu .intro-menu a:before{display:none;}
		.navigation .sub-menu a:hover{color:#fff; background:#002f61;}
		.navigation .sub-menu a:hover:before{background:#fff;}
	}


/* Main Container
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#mainVisual{z-index:555; width:100%; height:100%;}
	.main-visual{width:100%; height:100%;}

	.main-visual01{background:url('/img/main/main_visual01.jpg') no-repeat center center/cover;}
	.main-visual02{background:url('/img/main/main_visual02.jpg') no-repeat center center/cover;}
	.main-visual03{background:url('/img/main/main_visual03.jpg') no-repeat center center/cover;}
	.main-visual04{background:url('/img/main/main_visual04.jpg') no-repeat center center/cover;}
	
	@media only screen and (max-width: 1199px){
		#mainVisual{height:auto;}
		
		.main-visual{height:500px;}
	}
	@media only screen and (max-width: 767px){
		.main-visual{height:350px;}
	}
	@media only screen and (max-width: 680px){
		.main-visual{height:300px;}
	}
	@media only screen and (max-width: 480px){
		.main-visual{height:250px;}
	}
	@media only screen and (max-width: 360px){
		.main-visual{height:200px;}
	}


	#mainContainer{z-index:555;}

	@media only screen and (min-width: 1200px){
		#mainContainer{padding:50px 0 135px; margin:0 auto; width:1200px;}
	}
	.main-container h3{position:relative; line-height:1.1; font-weight:400; font-size:19px; color:#000;}
	.main-top ul{margin:0 -10px;}
	.main-top ul:after{content:""; display:block; clear:both;}
	.main-top li{position:relative; float:left; margin:0 10px; width:calc(25% - 20px); border:1px solid #d6d6d6;}
	.main-top li > a{display:block; width:100%; height:100%;}
	
	.main-top .caption{position:absolute; top:0; left:0; display:block; width:100%; height:100%; text-indent:-9999em; overflow:hidden; text-align:center; background:rgba(0,47,97,0.9) url('/img/common/hover_bg.png') no-repeat center center; opacity:0;}
	.main-top .caption img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; box-sizing:content-box;}

	.main-top h3{margin:25px 20px; text-align:center;}
	.main-top li:nth-child(4) h3{margin:14px 20px;}

	.main-top .img-frame{width:100%;}
	.main-top .img-frame img{width:100%;}


	.main-bottom{margin:30px -10px 0;}
	.main-bottom:after{content:""; display:block; clear:both;}
	.main-bottom > div{float:left; margin:0 10px; padding:30px 25px; width:calc(33.33% - 20px); height:274px; border:1px solid #d6d6d6;}

	.main-bottom .notice-box{position:relative;}
	.main-bottom .notice-box h3{margin-bottom:25px;}
	.main-bottom .notice-box li{margin-top:10px; line-height:16px;}
	.main-bottom .notice-box li:first-child{margin-top:0;}
	.main-bottom .notice-box li:before{content:""; display:inline-block; position:relative; top:-8px; margin-right:7px; width:5px; height:1px; background:#999;}

	.main-bottom .notice-box li a{display:inline-block; width:calc(100% - 16px); height:16px; line-height:16px; font-size:14px; color:#777; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.main-bottom .notice-box li a:hover{text-decoration:underline; color:#f37e00;}
	.main-bottom .notice-box .more-btn{position:absolute; top:30px; right:25px;}

	.main-bottom .cs-box{position:relative; background:url('/img/main/icon_cs.gif') no-repeat right 25px top 30px;}
	.main-bottom .cs-box > a{position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999em; overflow:hidden;}
	.main-bottom .cs-box div{margin-top:95px; padding:15px 20px; background:#f6f6f6;}
	.main-bottom .cs-box p{font-family:'NanumSquare'; font-weight:900; letter-spacing:-2px; line-height:1; font-size:32px; color:#f39800;}
	.main-bottom .cs-box p:first-child{margin-bottom:10px;}
	.main-bottom .cs-box p span{display:inline-block; padding-top:3px; width:45px; vertical-align:top; font-size:18px; color:#59482d;}

	.main-bottom .direction-box{position:relative; background:url('/img/main/banner_location.jpg') no-repeat center center;}
	.main-bottom .direction-box > a{position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999em; overflow:hidden;}
	
	@media only screen and (max-width: 1199px){
		#mainContainer{padding:50px 20px 100px; width:100%;}

		.main-top h3{margin:20px 15px;}
		.main-top ul{margin:0 -5px;}
		.main-top li{margin:0 5px; width:calc(25% - 10px);}

		.main-bottom{margin:20px -5px 0;}
		.main-bottom > div{margin:0 5px; padding:25px 20px; width:calc(33.33% - 10px); height:255px;}

		.main-bottom .notice-box li{margin-top:7px;}
		.main-bottom .notice-box .more-btn{top:25px; right:20px;}

		.main-bottom .cs-box p{font-size:27px;}
		.main-bottom .cs-box p:first-child{margin-bottom:11px;}
	}
	@media only screen and (max-width: 1023px){
		.main-top ul{margin:-10px;}
		.main-top li{margin:10px; width:calc(50% - 20px);}

		.main-bottom{margin:30px 0 0;}
		.main-bottom .notice-box{margin:0; width:100%;}
		.main-bottom .cs-box{margin:20px 20px 0 0; width:calc(50% - 10px);}
		.main-bottom .direction-box{margin:20px 0 0 0; width:calc(50% - 10px);}
	}
	@media only screen and (max-width: 767px){
		#mainContainer{padding:20px 10px 30px; width:100%;}

		.main-top ul{margin:-5px;}
		.main-top li{margin:5px; width:calc(50% - 10px);}

		.main-bottom{margin:20px 0 0;}
		.main-bottom .cs-box{margin:10px 10px 0 0; width:calc(50% - 5px);}
		.main-bottom .direction-box{margin:10px 0 0 0; width:calc(50% - 5px);}
	}
	@media only screen and (max-width: 679px){
		.main-bottom .cs-box{margin:10px 0 0 0; width:100%;}
		.main-bottom .direction-box{margin:10px 0 0 0; width:100%;}
	}
	@media only screen and (max-width: 479px){
		.main-top ul{margin:0;}
		.main-top li{margin:10px 0 0 0; width:100%;}
		.main-top li:first-child{margin-top:0;}

		.main-top .caption{background-size:110px;}
		.main-top .caption img{width:80px;}
	}
	@media only screen and (max-width: 359px){
		.main-bottom .cs-box p{font-size:25px;}
	}
	
	.partner_banner {margin-top:30px;}
	.partner_banner ul {margin: 0 -10px; }
	.partner_banner ul:after {content: ""; display: block; clear: both;}
	.partner_banner ul li {float:left; width:calc(25% - 20px); margin: 0 10px; }
	.partner_banner ul li a img {width:100%;}

	@media only screen and (max-width: 1199px){
		.partner_banner ul { margin: 0 -5px; }
		.partner_banner ul li { margin: 0 5px; width: calc(25% - 10px); }
	}

	@media only screen and (max-width: 1023px) {
		.partner_banner ul { margin: 0 -10px; }
		.partner_banner ul li {width: calc(50% - 20px); margin: 10px;}
	}

	@media only screen and (max-width: 767px){
		.partner_banner ul { margin: 0 -5px; }
		.partner_banner ul li { margin: 5px; width: calc(50% - 10px);}
	}

/* Footer
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#footer{width:100%; background:#333437;}
	.footer-area{margin:0 auto; padding:35px 10px; width:1200px;}
	.footer-area:after{content:""; display:block; clear:both;}
	.footer-area > img{float:left; margin-right:35px;}
	.footer-area > div{float:left; padding-top:27px;}
	.footer-area address span{display:inline-block; margin-left:10px; padding-left:10px; line-height:1; font-weight:300; font-size:13px; color:#888; border-left:1px solid #4d4f52;}
	.footer-area address span:first-child{margin-left:0; padding-left:0; border-left:0;}
	.footer-area p{font-weight:300; font-size:13px; color:#888;}

	@media only screen and (max-width: 1199px){
		.footer-area{width:100%;}
	}
	@media only screen and (max-width: 1023px){
		.footer-area{padding:30px 20px;}
		.footer-area > img{float:none; margin-right:0;}
		.footer-area > div{float:none; padding-top:20px;}
	}
	@media only screen and (max-width: 680px){
		.footer-area > img{display:block; margin:0 auto; width:130px;}
		.footer-area address{text-align:center;}
		.footer-area address span{display:block; margin-left:0; padding-left:0; line-height:1.5; border-left:0;}
		.footer-area p{text-align:center;}
	}


/* Sub Container 
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* 서브 비주얼 */
	.sub-visual-wrap{width:100%; height:400px;}
	.sub-visual-wrap.sub1{background:url('/img/sub/sub_visual01.jpg') no-repeat center top/cover;}
	.sub-visual-wrap.sub2{background:url('/img/sub/sub_visual02.jpg') no-repeat center top/cover;}
	.sub-visual-wrap.sub3{background:url('/img/sub/sub_visual03.jpg') no-repeat center top/cover;}
	.sub-visual-wrap.sub4{background:url('/img/sub/sub_visual04.jpg') no-repeat center top/cover;}
	.sub-visual-wrap.sub5{background:url('/img/sub/sub_visual05.jpg') no-repeat center top/cover;}
	.sub-visual-wrap.sub6{background:url('/img/sub/sub_visual06.jpg') no-repeat center top/cover;}
	.sub-visual-wrap.utils{background:url('/img/sub/sub_visual06.jpg') no-repeat center top/cover;}
	.sub-visual-wrap.sub7{height: 250px;}

	.sub-visual-wrap > div{position:relative; top:135px; height:calc(100% - 205px);}
	.sub-visual-wrap.sub7 > div { height: calc(100% - 20px);}
	.sub-visual-wrap.utils > div{height:calc(100% - 135px);}

	.sub-visual-wrap h2{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:52px; letter-spacing:-1px; line-height:1; font-weight:300; text-align:center; font-size:39px;}
	.sub-visual-wrap h2:after{content:""; display:block; margin:10px auto 0; width:35px; height:2px;}

	.sub-visual-wrap.sub1,
	.sub-visual-wrap.sub6,
	.sub-visual-wrap.utils,
	.sub-visual-wrap.sub7{color:#000;}

	.sub-visual-wrap.sub1 h2:after,
	.sub-visual-wrap.sub6 h2:after,
	.sub-visual-wrap.utils h2:after,
	.sub-visual-wrap.sub7 h2:after
	{background:#000;}

	.sub-visual-wrap.sub2,
	.sub-visual-wrap.sub3,
	.sub-visual-wrap.sub4,
	.sub-visual-wrap.sub5{color:#fff;}

	.sub-visual-wrap.sub2 h2:after,
	.sub-visual-wrap.sub3 h2:after,
	.sub-visual-wrap.sub4 h2:after,
	.sub-visual-wrap.sub5 h2:after{background:#fff;}

	.sub-visual-wrap.sub5 h2 br{display:none;}

	@media only screen and (max-width: 1199px){
		.sub-visual-wrap{height:250px;}
		.sub-visual-wrap.sub7 {height:100px;}
		.sub-visual-wrap > div{top:0; height:calc(100% - 50px);}
		.sub-visual-wrap.sub7 > div {height:calc(100% - -60px);}
		.sub-visual-wrap.utils > div{height:100%;}

		.sub-visual-wrap h2{height:45px; font-size:33px; letter-spacing:0;}
	}
	@media only screen and (max-width: 768px){
		.sub-visual-wrap{height:160px;}
		.sub-visual-wrap > div{height:100%;}
		.sub-visual-wrap h2{height:34px; font-size:27px;}
		.sub-visual-wrap h2:after{margin-top:7px; width:28px; height:1px;}
		.sub-visual-wrap.sub7 {display:none;}
		.sub-visual-wrap.sub7 > div {display:none;}
	}
	@media only screen and (max-width: 480px){
		.sub-visual-wrap.sub5 h2{height:60px;}
		.sub-visual-wrap.sub5 h2 br{display:block;}
	}

	/* 레이아웃 */
	.sub-container{position:relative;}

	/* 서브 페이지 탭 */
	.sub-menu-tab{z-index:99; position:absolute; top:-70px; left:0; right:0; margin:auto; padding:0 20px; width:1200px; height:70px;}
	.sub-menu-tab:after{content:""; display:block; clear:both;}
	.sub-menu-tab li{position:relative; float:left;}
	
	.sub-menu-tab li:before{content:""; position:absolute; top:50%; left:-1px; display:inline-block; margin-top:-15px; width:1px; height:30px; background:#bbb;}
	.sub-menu-tab li:first-child:before,
	.sub-menu-tab li.active:before,
	.sub-menu-tab li.active + li:before{display:none;}
	.sub-menu-tab li.active:after{content:url("/img/sub/sub_menu_blt.png"); position:absolute; top:-15px; left:50%; display:block; margin-left:-14px; width:28px; height:29px;}

	.sub-menu-tab li a{position:relative; display:block; width:100%; height:70px; text-align:center; line-height:1.2; font-size:18px; font-weight:400; color:#777; background:#ddd;}
	.sub-menu-tab li.active a{font-weight:700; color:#004ea2; background:#fff;}

	.sub-menu-tab li a span{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}

	.sub-menu-tab .sub1 li{width:16.66%;}
	.sub-menu-tab .sub2 li{width:25%;}
	.sub-menu-tab .sub3 li{width:25%;}
	.sub-menu-tab .sub4 li{width:50%;}
	.sub-menu-tab .sub5 li{width:33.33%;}
	.sub-menu-tab .sub6 li{width:50%;}

	@media only screen and (max-width: 1199px){
		.sub-menu-tab{top:-60px; width:100%;}
		.sub-menu-tab li:before{margin-top:-10px; height:20px;}
		.sub-menu-tab li a{height:60px; font-size:15px;}
	}
	@media only screen and (max-width: 768px){
		.sub-menu-tab{display:none;}
	}

	/* table */
	.simple-table{padding:10px 0; width:100%; border-top:2px solid #f39800; border-bottom:1px solid #ddd;}
	.simple-table table{width:100%;}
	.simple-table th{padding:15px 30px; width:165px; text-align:left; vertical-align:top; font-weight:400; color:#333;}
	.simple-table th img{margin-right:20px;}
	.simple-table td{padding:15px 30px; width:calc(100% - 165px); vertical-align:top;}

	@media only screen and (max-width: 768px){
		.simple-table th{padding:7px 15px; width:115px;}
		.simple-table th img{margin-right:10px; width:20px;}
		.simple-table td{padding:7px 15px; width:calc(100% - 115px);}
	}


/* Sub Contents - 공통
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* 공통 */
	.sub-contents{padding:120px 20px 150px; margin:0 auto; width:1200px;}
	.sub-contents:after{content:""; display:block; clear:both;}

	.sub-contents .subcon-title{display:none;}

	.sub-contents img{max-width:100%;}
	
	.sub-contents .txt-area .big-txt,
	.sub-contents .big-txt{margin-bottom:25px; line-height:1.2; font-size:25px; color:#000;}
	.sub-contents .big-txt strong{font-weight:400; color:#004EA1;}
	.sub-contents .intro-txt{margin-bottom:80px; text-align:center;}
	.sub-contents .blt-txt{margin-bottom:80px; text-align:center;}

	.sub-contents .txt-area p,
	.sub-contents .intro-txt p,
	.sub-contents .blt-txt p{margin-bottom:15px; line-height:1.7; white-space:pre-line;}

	.sub-contents .full-img{margin-bottom:50px;}
	.sub-contents .full-img img{width:100%;}

	@media only screen and (max-width: 1199px){
		.sub-contents{padding:80px 20px 100px; width:100%;}
	}
	@media only screen and (max-width: 1024px){
		.sub-contents .txt-area p,
		.sub-contents .intro-txt p,
		.sub-contents .blt-txt p{white-space:normal; word-break:break-word;}
	}
	@media only screen and (max-width: 768px){
		.sub-contents{padding:30px 10px 50px;}

		.sub-contents .subcon-title{display:block; padding-bottom:10px; margin-bottom:30px; text-align:left; letter-spacing:-1px; line-height:1; font-weight:400; font-size:22px; color:#333; border-bottom:1px solid #ddd;}
		.sub-contents .subcon-title img{margin-right:7px; width:23px;}

		.sub-contents .txt-area .big-txt,
		.sub-contents .big-txt{margin-bottom:15px; font-size:20px;}
		.sub-contents .intro-txt{margin-bottom:30px;}
		.sub-contents .blt-txt{margin-bottom:30px;}

		.sub-contents .full-img{margin-bottom:20px;}
	}

	/* 사업관련 인트로 페이지 공통 */
	.sub-intro-item{width:100%;}
	.sub-intro-item ul{margin:-25px -5px;}
	.sub-intro-item ul:after{content:""; display:block; clear:both;}
	.sub-intro-item li{position:relative; float:left; margin:25px 5px; width:calc(50% - 10px);}
	.sub-intro-item .img-frame{width:100%;}
	.sub-intro-item .img-frame img{width:100%;}
	.sub-intro-item h4{padding:4%; text-align:center; font-weight:400; font-size:20px; color:#333; border:1px solid #eee;}
	.sub-intro-item h4 img{margin-left:20px;}

	.sub-intro-item .caption{position:absolute; top:0; left:0; display:block; width:100%; height:100%; text-indent:-9999em; overflow:hidden; text-align:center; background:rgba(0,47,97,0.9) url('/img/common/hover_bg.png') no-repeat center center; opacity:0; transition:.2s all linear;}
	.sub-intro-item .caption img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; box-sizing:content-box;}

	@media only screen and (max-width: 768px){
		.sub-intro-item h4{font-size:15px;}

		.sub-intro-item .caption{background-size:110px;}
		.sub-intro-item .caption img{width:80px;}
	}
	@media only screen and (max-width: 480px){
		.sub-intro-item ul{margin:0;}
		.sub-intro-item li{margin:15px 0 0 0; width:100%;}
		.sub-intro-item li:first-child{margin:0;}
		.sub-intro-item h4{font-size:17px;}
	}

	/* 사업관련 제품 리스트 공통 */
	.product-list{margin-bottom:80px;}
	.product-list > li{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e2e2e2;}
	.product-list > li:first-child{padding-top:30px; border-top:1px solid #e2e2e2;}
	.product-list > li:last-child{margin-bottom:0;}

	.product-list h4{line-height:1.2; font-style:italic; font-weight:700; font-size:23px; color:#000;}
	.product-list h4 img{margin-right:15px;}

	.product-list h4 + p{margin-top:20px;}
	.product-list p.license{margin-top:10px; color:#f37e00;}

	.product-list > li > ul{margin-top:20px;}
	.product-list > li > ul > li:before{content:""; display:inline-block; margin-right:7px; width:4px; height:4px; vertical-align:middle; background:#555; border-radius:50%;}

	@media only screen and (max-width: 768px){
		.product-list{margin-bottom:50px;}
		.product-list > li{padding-bottom:15px;}
		.product-list > li:first-child{padding-top:15px;}

		.product-list h4 + p{margin-top:15px;}
		.product-list h4 img{margin-bottom:5px;}
		.product-list h4 span{display:block; margin-top:5px; font-size:18px;}
	}


	/* 사업관련 아이템 관리자 업로드 */
	.section-item{width:100%;}
	.section-item ul{margin:-10px;}
	.section-item ul:after{content:""; display:block; clear:both;}
	.section-item .item{position:relative; float:left; margin:10px; width:calc(33.33% - 20px); border:1px solid #ddd;}
	.section-item .img-frame{position:relative; margin:0; padding-bottom:77%; width:100%; overflow:hidden; border-bottom:1px solid #eee;}
	.section-item .img-frame img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; min-height:100%;}
	.section-item p{margin:0; padding:15px; width:100%; text-align:center; font-size:18px; color:#333;}

	.section-item .caption{position:absolute; top:0; left:0; display:block; width:100%; height:100%; text-indent:-9999em; overflow:hidden; text-align:center; background:rgba(0,47,97,0.9) url('/img/common/hover_bg.png') no-repeat center center; opacity:0; transition:.2s all linear; cursor:pointer;}
	.section-item .caption img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; box-sizing:content-box;}

	@media only screen and (max-width: 768px){
		.section-item ul{margin:-5px;}
		.section-item .item{margin:5px; width:calc(33.33% - 10px);}
		.section-item p{padding:10px; font-size:15px;}

		.section-item .caption{background-size:110px;}
		.section-item .caption img{width:80px;}
	}
	@media only screen and (max-width: 480px){
		.section-item ul{margin:-3px;}
		.section-item .item{margin:3px; width:calc(33.33% - 6px);}
		.section-item p{padding:5px; font-size:12px;}

		.section-item .caption{background-size:70px;}
		.section-item .caption img{width:50px;}
	}

	/* 사업관련 아이템 관리자 업로드 - 페이지네이션 */
	.item-pagenation{margin-top:70px; text-align:center; line-height:0; font-size:0;}
	.item-pagenation ol,
	.item-pagenation .page-prev,
	.item-pagenation .page-next{display:inline-block; vertical-align:middle; line-height:0; font-size:0;}
	.item-pagenation p,
	.item-pagenation li{display:inline-block; vertical-align:middle; line-height:0; font-size:0;}

	.item-pagenation ol{margin:0 10px;}

	.item-pagenation a{display:inline-block; margin-left:-1px; width:35px; height:35px; text-align:center; letter-spacing:-2px; line-height:35px; font-size:15px; color:#888; border:1px solid #ddd;}
	.item-pagenation li.on a{color:#fff; background:#002f61; border-color:#002f61;}
	
	.item-pagenation .page-prev a,
	.item-pagenation .page-next a{font-family:'돋움', Dotum;}
	.item-pagenation .page-prev p:first-child a,
	.item-pagenation .page-next p:last-child a{letter-spacing:-4px;}

	@media only screen and (max-width: 480px){
		.item-pagenation{margin-top:30px;}
		.item-pagenation ol{margin:0 5px;}
		.item-pagenation a{width:21px; height:21px; line-height:20px; font-size:11px;}
	}


	/* 사업관련 아이템 관리자 업로드 - 모달창 */
	.modal-wrap{z-index:999; display:none; position:fixed; top:0; left:0; width:100%; height:100%;}
	.modal-wrap .bg-area{width:100%; height:100%; background:rgba(0,0,0,0.85);}
	.modal-wrap .view-area{position:absolute; top:50%; left:0; right:0; margin:auto; padding:0 20px; width:1200px; text-align:center; transform:translateY(-50%);}
	.modal-wrap .view-area img{max-width:100%; max-height:calc(100vh - 180px);}

	.modal-wrap .view-area .subject{padding:15px 15px 0; width:100%; line-height:1.3; font-weight:400; font-size:16px; color:#fff;}
	
	.modal-wrap .close-btn{position:absolute; top:-40px; right:20px; width:30px; height:27px; cursor:pointer;}
	.modal-wrap .close-btn span{position:absolute; top:50%; left:0; display:inline-block; width:35px; height:2px; background:#fff;}
	.modal-wrap .close-btn span:first-child{transform:rotate(45deg);}
	.modal-wrap .close-btn span:last-child{transform:rotate(-45deg);}

	@media only screen and (max-width: 1200px){
		.modal-wrap .view-area{width:100%;}
	}
	@media only screen and (max-width: 780px){
		.modal-wrap .view-area{padding:0 10px;}
		.modal-wrap .close-btn{right:10px;}
	}


/* Sub Contents
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* CEO인사말 */
	.sub1-1 .img-area{float:left; width:464px;}
	
	.sub1-1 .txt-area{float:right; padding-left:50px; width:calc(100% - 464px);}
	.sub1-1 .txt-area p{word-break:keep-all;}

	.sub1-1 .ceo{margin:70px 0 0; font-weight:400; font-size:17px; color:#000;}
	.sub1-1 .ceo img{margin-left:10px;}
	
	@media only screen and (max-width: 1199px){
		.sub1-1 .img-area{width:45%;}
		.sub1-1 .txt-area{padding-right:20px; width:55%;}
	}
	@media only screen and (max-width: 768px){
		.sub1-1 .big-txt{text-align:center; background-position:center top;}

		.sub1-1 .img-area{float:none; margin-bottom:30px; width:100%;}
		.sub1-1 .img-area img{width:100%;}
	
		.sub1-1 .txt-area{float:none; padding:0; width:100%; text-align:center;}
		.sub1-1 .txt-area p{margin-bottom:15px;}
		.sub1-1 .ceo{font-size:16px;}
	}

	/* 회사소개 */
	.sub1-2{text-align:center;}
	.sub1-2 .txt-area{padding:60px 0;}

	@media only screen and (max-width: 768px){
		.sub1-2 > p:nth-of-type(1) img{width:250px;}
		.sub1-2 .txt-area{padding:25px 0;}
	}

	/* 경영이념 */
	.business-wrap{position:relative; padding:40px 0 0 40px;}

	.sub1-3 .txt-area{position:absolute; top:0; left:0; padding:30px; width:33%; background:#fff; border:2px solid #004ea2;}
	.sub1-3 .txt-area p{line-height:1.6;}
	.sub1-3 .txt-area p:last-child{margin-bottom:0;}
	.sub1-3 .txt-area strong{line-height:1; font-weight:400; font-size:22px; color:#004EA1;}

	.business-process{width:100% line-height:0; font-size:0; background:url('/img/sub/sub1_3_bg.jpg') no-repeat center center/cover;}
	.business-process li{position:relative; display:inline-block; position:relative; width:33.33%; padding-bottom:33.33%;}
	.business-process li:after{position:absolute; top:50%; left:-6px; margin-top:-9px; content:""; display:block; width:13px; height:18px; background:url('/img/sub/sub1_3_arrow.png') no-repeat center center/cover;}
	.business-process li:nth-child(1):after,
	.business-process li:nth-child(2):after,
	.business-process li:nth-child(4):after{display:none;}

	.business-process li > div{position:absolute; top:50%; width:100%; text-align:center; vertical-align:middle; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.business-process p{line-height:1.6; font-size:19px; color:#fff;}
	.business-process img{margin-bottom:20px;}
	
	@media only screen and (max-width: 1199px){
		.business-wrap{padding:25px 0 0 25px;}

		.sub1-3 .txt-area{padding:25px; width:37%;}
		.sub1-3 .txt-area p{line-height:1.6; font-size:14px;}
		.sub1-3 .txt-area strong{font-size:20px;}

		.business-process p{font-size:15px;}
		.business-process img{margin-bottom:10px;}
	}
	@media only screen and (max-width: 800px){
		.business-wrap{padding:10px 0 0 10px;}

		.sub1-3 .txt-area{padding:30px; width:50%;}

		.business-process li{width:50%; padding-bottom:50%;}
		.business-process li:nth-child(4):after{display:block;}
		.business-process li:nth-child(3):after,
		.business-process li:nth-child(5):after{display:none;}
	}
	@media only screen and (max-width: 560px){
		.business-wrap{padding:0;}

		.sub1-3 .txt-area{position:static; margin-bottom:20px; width:100%;}

		.business-process li{width:100%; padding:35px 0;}
		.business-process li:first-child{display:none;}
		.business-process li:after{display:block !important; top:100%; left:50%; margin:-6px 0 0 -9px; width:18px; height:13px; background:url('/img/sub/sub1_3_arrow2.png') no-repeat center center/cover;}
		.business-process li:nth-child(6):after{display:none !important;}

		.business-process li > div{position:static; transform:none;;}
	}

	
	/* 시공실적 */
	.sub1-4 p{margin-bottom:0; line-height:1.4;}

	.record-tab{margin-bottom:50px; line-height:0; font-size:0;}
	.record-tab ul{line-height:0; font-size:0;}
	.record-tab ul:after{content:""; display:block; clear:both;}
	.record-tab li{position:relative; float:left; padding:5px 0; margin-left:30px; line-height:1; font-size:18px; color:#777; border-bottom:3px solid #fff; cursor:pointer;}
	.record-tab li:first-child{margin:0;}
	.record-tab li.active{font-weight:400; color:#000; border-bottom-color:#000;}

	.year-list{display:none;}
	.year-list.active{display:block;}
	.year-list > li{padding:25px 20px; border-bottom:1px solid #ddd;}
	.year-list > li:after{content:""; display:block; clear:both;}
	.year-list > li:hover{background:#f9f9f9;}

	.year-list h4{float:left; width:20%; font-family:'NanumSquare'; line-height:1; letter-spacing:-3px; font-size:40px; font-weight:900; color:#004ea2;}
	
	.record-list{float:right; width:80%;}
	.record-list > li{position:relative; padding:4px 5px 4px 15px;}
	.record-list > li:before{/* 블릿 */position:absolute; top:13px; left:5px; content:""; display:inline-block; width:3px; height:3px; background:#333;}
	.record-list > li:after{content:""; display:block; clear:both;}
	.record-list > li:hover{background:#f1f1f1;}

	.record-list .subject{float:left; width:60%; font-weight:400; color:#333;}
	.record-list .institute{float:left; width:40%; text-align:right; color:#888;}

	@media only screen and (max-width: 1024px){		
		.year-list > li{padding:20px 10px;}
		.year-list h4{width:140px;}
		
		.record-list{width:calc(100% - 140px);}
		.record-list .subject{float:none; width:100%;}
		.record-list .institute{float:none; width:100%; text-align:left; font-size:13px;}
	}
	@media only screen and (max-width: 768px){
		.record-tab{position:relative; margin-bottom:20px; width:100%; height:29px; overflow:hidden;}
		.record-tab:after{/* 탭 그라데이션 */content:""; display:block; width:30px; height:29px; position:absolute; top:0; right:0;
							background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
							background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
							background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}

		.record-tab > div{padding-bottom:20px; width:100%; height:49px; overflow-x:scroll; overflow-y:hidden;}
		.record-tab ul{padding-right:30px; width:670px; box-sizing:content-box;}
		.record-tab li{margin-left:20px; font-size:16px;}
	}
	@media only screen and (max-width: 480px){
		.year-list h4{float:none; margin-bottom:10px; width:100%; font-size:30px;}
		
		.record-list{float:none; width:100%;}
	}

	/* 조직도 */
	.sub1-5{text-align:center;}

	/* 오시는 길 */
	.map-area{margin-bottom:40px;}
	#map{width:100%; height:400px;}
	@media only screen and (max-width: 768px){
		.map-area{margin-bottom:20px;}
		#map{width:100%; height:300px;}
	}


	/* 방수공사 */
	.sub4-1 > h4{margin-bottom:20px; line-height:1.2; font-weight:700; font-size:25px; color:#000;}
	.sub4-1 > h4 img{margin-right:15px;}

	@media only screen and (max-width: 768px){
		.sub4-1 > h4{margin-bottom:15px; font-size:20px;}
	}


	/* 바닥공사 */
	.character-list{margin-bottom:80px;}
	.character-list ul{margin:-10px;}
	.character-list ul:after{content:""; display:block; clear:both;}
	.character-list li{float:left; margin:10px; width:calc(25% - 20px);}
	.character-list li .img-frame{margin-bottom:10px; border:1px solid #eee;}
	.character-list li .img-frame img{width:100%;}

	.character-list li > p{height:48px; line-height:1.3; text-align:center; font-weight:400; font-size:18px; color:#000;}

	@media only screen and (max-width: 768px){
		.character-list{margin-bottom:50px;}
		.character-list li{width:calc(50% - 20px);}
	}
	@media only screen and (max-width: 480px){
		.character-list ul{margin:-5px;}
		.character-list li{margin:5px; width:calc(50% - 10px);}
		.character-list li > p{font-size:14px;}
	}


	
	/* 트랙 색상선택 */
	.track_img { position:relative; margin-bottom:30px;}
	.track_img > img {width:100%;}
	.track_img > img.innercourt {position:absolute; top:-1px; left:2px;}
	.track_img > img.watermark {position:absolute; top:0px; left:0px; z-index: 99;}
	.tit_picker { font-size: 18px; font-weight: 400; color: #000; margin-bottom:8px;}
	.color_picker ul {margin-bottom:40px;}
	.color_picker ul:after {content:''; display:block; clear:both;}
	.color_picker ul li {float:left; margin-right:10px; width: 47px; height: 47px; box-sizing: border-box; margin-bottom:10px; }
	.color_picker ul li:first-child {border: 1px solid #e3ab36;}
	.color_picker ul li:nth-child(2) {border: 1px solid #cc611a;}
	.color_picker ul li:nth-child(3) {border: 1px solid #b0243b;}
	.color_picker ul li:nth-child(4) {border: 1px solid #781c6e;}
	.color_picker ul li:nth-child(5) {border: 1px solid #0a2136;}
	.color_picker ul li:nth-child(6) {border: 1px solid #004773;}
	.color_picker ul li:nth-child(7) {border: 1px solid #00547a;}
	.color_picker ul li:nth-child(8) {border: 1px solid #005782;}
	.color_picker ul li:nth-child(9) {border: 1px solid #086640;}
	.color_picker ul li:nth-child(10) {border: 1px solid #2e6940;}
	.color_picker ul li:nth-child(11) {border: 1px solid #1ca84f;}
	.color_picker ul li:nth-child(12) {border: 1px solid #4f7385;}
	.color_picker ul li:nth-child(13) {border: 1px solid #878f94;}
	.color_picker ul li a {display:inline-block; width:45px; height:45px; border: 1px solid #fff;}
	.color_picker ul li a.color01 {background:#e3ab36;}
	.color_picker ul li a.color02 {background:#cc611a;}
	.color_picker ul li a.color03 {background:#b0243b;}
	.color_picker ul li a.color04 {background:#781c6e;}
	.color_picker ul li a.color05 {background:#0a2136;}
	.color_picker ul li a.color06 {background:#004773;}
	.color_picker ul li a.color07 {background:#00547a;}
	.color_picker ul li a.color08 {background:#005782;}
	.color_picker ul li a.color09 {background:#086640;}
	.color_picker ul li a.color10 {background:#2e6940;}
	.color_picker ul li a.color11 {background:#1ca84f;}
	.color_picker ul li a.color12 {background:#4f7385;}
	.color_picker ul li a.color13 {background:#878f94;}
	.color_picker ul li span.ral_color { display: inline-block; width: 45px;color: #333; font-weight: 400; text-align:center; position: relative; top: -3px;}

	@media only screen and (max-width: 768px){
		.color_picker ul {margin-bottom:30px;}
		.color_picker ul li {width: 27px; height: 27px; margin-bottom:30px;}
		.color_picker ul li a {width:25px; height:25px;}
		.color_picker ul li span.ral_color {font-size:11px; width:25px;}
	}