@charset "utf-8";
/*
 * 프로젝트 개설 가이드
 */

#guideContainer{width:100%;}
.guide-wrap{width:100%}
.top-guide-section{width:100%;background:#fafafa}
.top-guide-section .inner-section{padding:30px 15px;}
.top-guide-section h2{margin-bottom:30px;font-size:24px;font-weight:400;line-height:34px;color:#262626}
.top-guide-section h2 em{color:#a29584}
.top-guide-section .info-list li{margin-bottom:30px;}
.top-guide-section .info-list li:last-child{margin-bottom:0;}
.top-guide-section .info-list dt{margin-bottom:12px;font-size:12px;font-weight:500;line-height:14px;color:#333}
.top-guide-section .info-list dd{font-size:12px;font-weight:400;line-height:22px;color:#555;text-align:justify}
@media screen and (min-width: 1096px) {
	.top-guide-section .inner-section{width:980px;margin:0 auto;padding:50px 0 70px}
	.top-guide-section h2{margin-bottom:30px;font-size:32px;line-height:44px;}
	.top-guide-section .info-list{width:100%;}
	.top-guide-section .info-list:after{content:"";clear:both;display:block}
	.top-guide-section .info-list li{float:left;width:50%;margin:0;}
	.top-guide-section .info-list dl{width:460px;}
	.top-guide-section .info-list dt{margin-bottom:16px;font-size:14px;line-height:18px;}
	.top-guide-section .info-list dd{font-size:14px;line-height:26px;}
}
.category-guide .inner-section{padding:30px 15px}
.category-guide h3{font-size:16px;font-weight:400;line-height:16px;}
.category-guide .lnb{position:relative;padding:30px 0;}
.category-guide .lnb ul.depth1 > li{display:table;table-layout:fixed;width:100%;}
.category-guide .lnb ul.depth1 > li em{display:table-cell;width:45px;vertical-align:top;font-size:16px;font-weight:400;line-height:16px;color:#a29584;}
.category-guide .lnb ul.depth2{display:table-cell;width:auto;vertical-align:top;}
.category-guide .lnb ul.depth2 li{display:inline-block;margin-right:20px;margin-bottom:30px;}
.category-guide .lnb ul.depth2 li button{display:inline-block;padding:0;margin:0;font-size:14px;font-weight:400;line-height:14px;color:#777;background:none;border:none}
.category-guide .lnb.fixed .fixed-lnb{position:fixed;top:0;left:0;width:100%;background:#fff;height:44px;border-bottom:1px solid #eaeaea}
.category-guide .lnb.fixed ul.depth1{padding:15px;}
.category-guide .lnb.fixed ul.depth1 > li{display:none}
.category-guide .lnb.fixed ul.depth1 > li.active{display:block;}
.category-guide .lnb.fixed ul.depth1 > li.active em{display:inline-block;}
.category-guide .lnb.fixed li.active ul.depth2{display:inline-block;}
.category-guide .lnb.fixed ul.depth2 li{display:none;}
.category-guide .lnb.fixed ul.depth2 li.active{display:inline-block;}
.category-guide .lnb.fixed ul.depth2 li.active button{font-weight:500;color:#111}
.category-guide .lnb .btn-top{display:none;}
.category-guide .lnb.fixed .btn-top{display:block;position:absolute;right:15px;top:15px;padding:0;margin:0;font-size:12px;color:#999;background:none;border:none}
.category-guide .lnb .download-area{padding-top:24px;border-top:1px solid #eee;}
.category-guide .lnb .btn-download{display:block;margin-bottom:10px;padding:0;font-size:12px;font-weight:400;line-height:14px;color:#216bc2;background:none;border:none;}
.category-guide .lnb .btn-download:before{margin-right:5px;}
.category-guide .lnb .text-download{font-size:10px;line-height:16px;color:#333}
.category-guide .lnb.fixed .download-area{display:none}
@media screen and (min-width: 1096px) {
	.category-guide .inner-section{width:980px;margin:0 auto;padding:50px 0 70px}
	.category-guide h3{margin-bottom:50px;font-size:24px;line-height:24px;}
	.category-guide .content-wrap{width:100%;height:auto;}
	.category-guide .content-wrap:after{content:"";clear:both;display:block}
	.category-guide .lnb{float:left;padding:0;width:240px;border:none;min-height:100px;}
	.category-guide .lnb ul.depth1 > li{display:block;padding-bottom:20px;}
	.category-guide .lnb ul.depth1 > li em{display:block;margin-bottom:30px;font-size:18px;line-height:18px;}
	.category-guide .lnb ul.depth2{display:block;}
	.category-guide .lnb ul.depth2 li{display:block;margin-right:0;}
	.category-guide .lnb ul.depth2 li button{display:block;font-size:16px;line-height:16px;}	
	.category-guide .content{float:left;width:600px;}
	.category-guide .lnb.fixed .fixed-lnb{position:fixed;top:50px;left:auto;width:240px;height:auto;border:none;}
	.category-guide .lnb.fixed ul.depth1{padding:0}
	.category-guide .lnb.fixed ul.depth1 > li{display:block}
	.category-guide .lnb.fixed ul.depth1 > li.active em{display:block;}
	.category-guide .lnb.fixed li.active ul.depth2{display:block;}
	.category-guide .lnb.fixed ul.depth2 li{display:block;}
	.category-guide .lnb.fixed ul.depth2 li.active{display:block;}
	.category-guide .lnb.fixed .btn-top{display:none;}
	.category-guide .lnb .download-area{padding:0;border:none}
	.category-guide .lnb .btn-download{font-size:16px;line-height:16px;}
	.category-guide .lnb .text-download{display:none;}
	.category-guide .lnb.fixed .download-area{display:block}
}

.category-guide .content{}
.category-guide .content .inner-content{padding:40px 0;border-bottom:1px solid #eaeaea}
.category-guide h4{margin-bottom:30px;font-size:24px;font-weight:400;line-height:32px;color:#333;}
.category-guide h5{margin-bottom:30px;font-size:16px;font-weight:400;line-height:18px;color:#434343;}
.category-guide h5 em{color:#a29584}
.category-guide .content p{margin-bottom:30px;font-size:14px;font-weight:400;line-height:24px;color:#555;text-align:justify;}
.category-guide .content p em{font-weight:500;color:#111}
.category-guide .content p.title{margin-bottom:15px;font-weight:500;color:#333;}
.category-guide .content p.comment{font-size:12px;line-height:22px;font-weight:400;color:#777}
.category-guide .content p a{color:#216bc2;}
.category-guide .content p.comment a{color:#262626;text-decoration:underline}
.category-guide .content ul li{margin-bottom:15px;font-size:14px;font-weight:400;line-height:14px;color:#555;}
.category-guide .content ul li:before{content:"•";font-weight:700;padding-right:5px;}
.category-guide .content ul li.plus:before{content:"+";font-weight:400;}
.category-guide .btn-apply{display:block;padding:0;width:100%;height:62px;line-height:62px;font-size:18px;color:#fff;font-weight:500;text-align:center;background:#23dbab;border:none;}
.category-guide .btm-notice{padding:10px 0;}
.category-guide .btm-notice p{font-size:12px;font-weight:400;line-height:22px;color:#555;}
@media screen and (min-width: 1096px) {
	#category0101{padding-top:0;}
	.category-guide .content .inner-content{padding:50px 0;}
	.category-guide h4{margin-bottom:40px;font-size:32px;line-height:32px;}
	.category-guide h5{margin-bottom:40px;font-size:18px;line-height:18px;}
	.category-guide .content p{margin-bottom:40px;font-size:16px;line-height:28px;}
	.category-guide .content ul li{font-size:16px;line-height:16px;}
	.category-guide .btn-apply{width:345px}
	.category-guide .btm-notice p{font-size:14px;line-height:26px;}
}
.bottom-guide-section{position:relative;width:100%;background:#00132c}
.bottom-guide-section .bg-section{position:absolute;width:100%;height:100%;background:url(/resources/static/img/sub/guide_bg_btm.png) no-repeat center bottom;background-size:cover;opacity:0.3;z-index:1}
.bottom-guide-section .inner-section{position:relative;z-index:10;padding:50px 15px;}
.bottom-guide-section h3{margin-bottom:16px;font-size:24px;font-weight:400;line-height:32px;text-align:center;color:#23dbab;}
.bottom-guide-section p{margin-bottom:38px;font-size:14px;font-weight:400;line-height:24px;text-align:center;color:#fff}
.bottom-guide-section .opportunity{width:100%;max-width:400px;margin:0 auto;}
.bottom-guide-section .opportunity li{display:block;margin-bottom:42px;}
.bottom-guide-section .opportunity li:last-child{margin-bottom:0;}
.bottom-guide-section .opportunity dl{width:100%;display:table;height:84px;table-layout:fixed}
.bottom-guide-section .opportunity dt{display:table-cell;width:30%;vertical-algin:top;text-align:center}
.bottom-guide-section .opportunity dt em{display:inline-block;padding:0;margin:0;width:84px;height:84px;background:no-repeat center center;background-size:cover;}
.bottom-guide-section .opportunity dt em.marketing{background-image:url(/resources/static/img/sub/guide_img_marketing.png)}
.bottom-guide-section .opportunity dt em.network{background-image:url(/resources/static/img/sub/guide_img_network.png)}
.bottom-guide-section .opportunity dt em.w9{background-image:url(/resources/static/img/sub/guide_img_w9.png)}
.bottom-guide-section .opportunity dd{display:table-cell;width:auto;vertical-align:middle;text-align:center;font-size:14px;font-weight:400;line-height:27px;color:#fff}
@media screen and (min-width: 1096px) {
	.bottom-guide-section .inner-section{width:980px;padding:70px 0 80px;margin:0 auto;}
	.bottom-guide-section h3{margin-bottom:20px;font-sizE:32px;line-height:40px;}
	.bottom-guide-section p{margin-bottom:50px;font-size:18px;}
	.bottom-guide-section .opportunity{display:table;width:900px;max-width:900px;table-layout:fixed;}
	.bottom-guide-section .opportunity li{display:table-cell;width:33.3333%;margin:0;vertical-align:top;text-align:center;}
	.bottom-guide-section .opportunity dl{display:block;height:auto;}
	.bottom-guide-section .opportunity dt{display:block;margin-bottom:20px;width:100%;}
	.bottom-guide-section .opportunity dt em{width:124px;height:124px;}
	.bottom-guide-section .opportunity dd{display:block;width:100%;font-size:16px;line-height:28px;}
}