@charset "utf-8";

/* LAYOUT */
#wrap { overflow:hidden; min-width:1278px; }
#header { position:fixed; width:100%; min-width:1278px; height:80px; background-color:#fff; z-index:10; -moz-box-shadow:0 2px 4px #dddddd; -webkit-box-show:0 2px 4px #dddddd; box-shadow:0 2px 4px #dddddd; }
#container { position:relative; background-color:#f4f7fe; }
#footer { overflow:hidden; position:relative; height:279px; background-color:#333333; border-top:1px solid #e4e4e4; }

/* HEADER */
#header .logo { margin-left:30px; line-height:0; }
#header .gnb { position:absolute; right:30px; top:32px; }
#header .gnb ul { margin:0; padding:0; }
#header .gnb li { list-style:none; float:left; padding-left:44px; background:url(../images/gnb_bar.png) no-repeat 22px 4px; }
#header .gnb li.first-child { padding:0; background:none; }
#header .gnb a,
#header .gnb a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:13px; color:#575757; display:block; }
#header .gnb01 { position:absolute; right:30px; top:15px; }


/* CONTAINER */
#container .bxslider { position:relative; height:711px; margin-top:80px; }
#container .bxslider ul { margin:0; padding:0; }
#container .bxslider li { list-style:none; height:711px; }


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	*zoom: 1;
}

/** THEME
===================================*/


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20px;
	width: 100%;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	display:none;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 30px;
	background: url(../images/slide_btn_left.png) no-repeat left top;
}

.bx-wrapper .bx-next {
	right: 30px;
	background: url(../images/slide_btn_right.png) no-repeat left top;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 60px;
	height: 61px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../js/jquery.bxslider/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../js/jquery.bxslider/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

#container .portfolio { overflow:hidden; background-color:#f4f7fe; }
#container .portfolio .list { width:1278px; height:1080px; margin:50px auto 0; }
#container .portfolio .list ul { margin:0; padding:0; }
#container .portfolio .list li { list-style:none; float:left; width:410px; height:260px; margin:0 8px 16px; line-height:0; display:none; }
#container .portfolio .btn { width:1268px; margin:14px auto 50px; }
#container .portfolio .btn ul { margin:0; padding:0; }
#container .portfolio .btn li { list-style:none; float:left; margin:0 3px; line-height:0; }

#container .work { overflow:hidden; height:674px; background-color:#ee2326; }
#container .work .title { margin-top:89px; text-align:center; }
#container .work .list { width:1264px; margin:71px auto 0; }
#container .work .list ul { margin:0; padding:0; }
#container .work .list li { overflow:hidden; position:relative; list-style:none; float:left; width:300px; height:300px; margin:0 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:none;
border:1px solid #f65d5f; -webkit-transition: border 0.5s, color 0.2s; -moz-transition: border 0.5s, color 0.2s; transition: border 0.5s, color 0.2s; cursor:pointer; }
#container .work .list li:hover { border:10px solid #f65d5f; }
#container .work .list .subject { margin-top:77px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:26px; line-height:26px; color:#ffffff; text-align:center; }
#container .work .list .info { margin-top:14px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:13px; line-height:20px; color:#ffffff; text-align:center; }
#container .work .list .icon { margin-top:10px; text-align:center; }

#container .inquiry { overflow:hidden; height:560px; background-color:#2ed1f7; }
#container .inquiry .area { position:relative; width:1262px; height:460px; margin:50px auto 0; border:1px solid #1aafd2; background-color:#fff; -moz-box-shadow:inset 0 2px 18px #eaeaea; -webkit-box-show:inset 0 2px 18px #eaeaea; box-shadow:inset 0 0 18px #eaeaea; }
#container .inquiry .area .name { position:absolute; width:230px; height:52px; left:52px; top:50px; border:1px solid #b0b0b0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#f7f7f7; }
#container .inquiry .area .email { position:absolute; width:400px; height:52px; left:302px; top:50px; border:1px solid #b0b0b0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#f7f7f7; }
#container .inquiry .area .tel { position:absolute; width:486px; height:52px; left:722px; top:50px; border:1px solid #b0b0b0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#f7f7f7; font-Family:"굴림","gulim"; font-size:12px; line-height:52px; font-weight:bold; color:#4c4c4c; text-align:center; }
#container .inquiry .area .tel_input { position:absolute; left:792px; top:50px; }
#container .inquiry .area .tel_input ul { margin:0; padding:0; }
#container .inquiry .area .tel_input li { list-style:none; float:left; height:52px; border:1px solid #b0b0b0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#f7f7f7; }
#container .inquiry .area .tel_input li.type01 { width:100px; }
#container .inquiry .area .tel_input li.type02 { width:121px; }
#container .inquiry .area .tel_input li.type03 { width:37px; font-Family:"굴림","gulim"; font-size:12px; line-height:52px; color:#4c4c4c; text-align:center; border:none; background:none; }
#container .inquiry .area .inquiry_content { position:absolute; width:1156px; height:83px; left:52px; top:117px; }
#container .inquiry .area .textarea { width:100%; height:100%; padding:15px; background-color:transparent; border:none; font-size:12px; font-Family:"굴림","gulim","AppleGothic","Albatross","arial","helvetica","sans-serif"; color:#4c4c4c; line-height:20px; background-color:#f7f7f7; border:1px solid #b0b0b0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#container .inquiry .area .textarea01 { width:100%; height:100%; padding:15px; background-color:transparent; border:none; font-size:12px; font-Family:"굴림","gulim","AppleGothic","Albatross","arial","helvetica","sans-serif"; color:#4c4c4c; line-height:20px; background-color:#fff; border:1px solid #b0b0b0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#container .inquiry .area .agree { position:absolute; width:1156px; height:132px; left:52px; top:215px; }
#container .inquiry .area .check { position:absolute; width:23px; height:27px; left:50px; top:363px; cursor:pointer; background:url(../images/check.png) no-repeat left top; }
#container .inquiry .area .check.over { background:url(../images/check.png) no-repeat left -27px; }
#container .inquiry .area .check_text { position:absolute; left:73px; top:375px; font-Family:"굴림","gulim"; font-size:12px; line-height:18px; color:#4c4c4c; }
#container .inquiry .area .inquiry_btn { position:absolute; width:175px; height:42px; right:52px; top:362px; background-color:#3f3f3f; text-align:center; }
#container .inquiry .area .inquiry_btn a,
#container .inquiry .area .inquiry_btn a:hover { font-size:12px; font-Family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#fff; font-size:18px; line-height:40px; font-weight:bold; display:block; }
#container .inquiry .area .input { width:100%; height:52px; padding-left:10px; background-color:transparent; border:none; font-size:12px; font-Family:"굴림","gulim","AppleGothic","Albatross","arial","helvetica","sans-serif"; color:#4c4c4c; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#container .inquiry .area .input01 { width:100%; height:52px; background-color:transparent; border:none; font-size:12px; text-align:center; font-Family:"굴림","gulim","AppleGothic","Albatross","arial","helvetica","sans-serif"; color:#4c4c4c; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

#container .side { overflow:hidden; height:210px; background-color:#f7f7f7; }
#container .side .area { width:1262px; margin:0 auto; }
#container .side .area ul { margin:49px 0 0 40px; padding:0; }
#container .side .area li { position:relative; list-style:none; float:left; width:416px; }
#container .side .area li.notice { width:380px; }
#container .side .area .icon { width:110px; }
#container .side .area h1 { position:absolute; left:130px; top:21px; margin:0; padding:0; font-Family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2f2f2f; font-size:20px; line-height:20px; font-weight:bold; }
#container .side .area p { position:absolute; left:130px; top:54px; margin:0; padding:0; font-Family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2f2f2f; font-size:13px; line-height:21px; }

#container .gallery { min-width:1278px; padding:140px 10% 60px; }
#container .gallery ul { margin:0; padding:0; }
#container .gallery li { list-style:none; float:left; width:30.6%; margin:0 1.36% 30px; }
#container .gallery .thum { border:2px solid #fff; line-height:0; }
#container .gallery .thum img { width:100%; }
#container .gallery .subject { width:100%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#402719; font-size:13px; line-height:42px; text-align:center; }
#container .gallery .subject01 { width:100%; padding:15px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#402719; font-size:13px; line-height:20px; text-align:center; }

#container .board_area { min-width:1278px; padding:140px 10% 60px; }

/* FOOT */
#footer .sns { margin:58px 0 0 0; text-align:center; }
#footer .sns ul { margin:0; padding:0; display:inline-block; }
#footer .sns li { list-style:none; float:left; width:70px; height:70px; margin:0 15px; border:1px solid #949494; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; line-height:0; }
#footer .sns img { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }

#footer .address { margin:30px auto 0; text-align:center; }
#footer .address ul { margin:0; padding:0; display:inline-block; }
#footer .address li { float:left; list-style:none; padding-left:24px; background:url(../images/footer_bar.png) no-repeat 12px 8px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#acacac; font-size:13px; line-height:24px; }
#footer .address li.type01 { padding-left:0; background:none; }
#footer .address01 { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#acacac; font-size:13px; line-height:24px; text-align:center; }