/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; }
.sub_tab						{display:none;}

/* left menu 있을때... */
/*
.sub_left								{width:15%; max-width:200px; float:left;}
.sub_right						{width:82%; padding-right:1%; float:right; position:relative;}
*/

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative;}

@media(max-width:1100px){
.sub_left	{display:none;}
.sub_title_navi			{display:none; }
.sub_tab	{display:block;}
.sub_right					{width:100%; padding-right:0%; padding:3%; float:none;}
}
@media(max-width:768px){
.sub_title_navi			{display:block;}
.sub_tab						{display:none;}
}

.content_title			{margin:15px 0; padding:15px 0; border-bottom:1px solid #dfdfdf; display: none;}
.content_title h1		{font-size:18px; font-weight:700; color:#000;}
.content_title p		{font-size:12px;}

.content_desc				{min-height:500px;padding-top:20px;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
/**/
.header_t			{margin:0 auto; height:80px; position:fixed; left:0; top:0px; z-index:99; background:#fff; width:100%;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}

.header_logo					{width:205px; margin:22px auto;}
.header_gnb_bg				{}
.header_btn						{}


/* 로고 */
.header_logo img			{width:100%; display:block; height:auto;}

/* 로그인버튼 */
.header_btn dl dd			{font-size:0.75rem; padding-top:5px;}


.heightBlank					{height:80px;}


/* 햄벅 */
.mo_nav				{display:none; }
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; padding:10px 10px; background-color:transparent; background-image:none; border-radius:3px; border:0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#181818; display:block; width:28px; height:4px; border-radius:5px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:6px; height:4px; width:24px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:6px; width:32px; height:4px; }

.mo_nav:hover .navbar-toggle .icon-bar								{transform:translateX(5px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar		{transform:translateX(16px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar		{transform:translateX(3px);}


@media(max-width:768px){
.header_t						{height:60px;}
.mo_nav							{display:block; float:right; width:15%; max-width:50px;}
.header_logo				{margin:12px auto;}
.header_gnb_bg			{display:none;}
.header_btn					{display:none;}

.heightBlank					{height:60px;}
}



/**/
.f-nav{border-bottom:1px solid #dfdfdf;}
/*.f-nav .header_btn			{transform:translateY(-99px); overflow:hidden; width:0; font-size:0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}*/
/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_inner{width:100%; max-width:1100px; margin:0 auto; padding:130px 0;}

.se_common{background-size:cover; overflow: hidden; position:relative; background-position: 50% 50%; background-repeat: no-repeat;}
.content_area_common{display: flex; padding-bottom:0;}
.video_area_common{position: relative; width:45%; margin-left:-3%;}
.video_area_common img{display: block; position:relative; z-index: 5;}
.text_area_common{width:55%; margin-top:80px; position: relative; z-index: 1;}
.text_area_common h2{color:#111; font-size:48px; padding-top:15px; word-break: keep-all;}
.text_area_common>h3{color:#e13f27; font-size:40px; padding-top:15px; font-weight:500;}
.text_area_common h2 span{font-weight:bold;}
.text_area_common p{font-size:20px; color:#111; word-break: keep-all; padding:45px 0 0 0;}
.video_common{position: absolute; bottom:-15px; z-index:1; border-radius: 15px; left:2px;}
.video_common:after{display: block; content:''; clear:both; background:#444; border-radius:50%; position:absolute; width:465px; height:465px; top: 0; left: -33px; z-index: -1;}
.video_common video, .video_common iframe{height:550px; width:400px;}

.right_text_area_common{width:67%; padding:50px 0 0 11%;}
.right_video_area_common{margin:0; width:33%;}
.right_video_common:after{display: none;}
.right_video_common{left:auto; right:-40px;}
.right_text_area_common p{padding-right:0;}


.main_se01{background:url("./img/main_se01_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.se01_content_area{display: flex;}
.se01_video_area{width:38%; margin:0; position:relative;}
.se01_text_area{width:62%; display: flex; justify-content: center; flex-direction: column;}
.se01_text_area>figure{max-width:590px;}
.se01_text_area>figure>img{display: block; width:100%;}
.se01_text_area .text_list{display: flex; align-items: center; padding-top:10px;}
.se01_text_area .text_list p{padding-top:0;}
.se01_text_area .text_list figure.ck_box{width:28px; height:28px; background:#fff; padding:0; position: relative; margin-right:18px;}
.se01_text_area .text_list figure.ck_box img{display: block; width:34px; position:absolute; right:-11px; top:-11px;}
.se01_video.video_common:after{display: none;}
.se01_video{bottom: 60px; left:-28px;}
.se01_text_area p{font-size:38px; color:#fff; font-weight:bold; word-break: keep-all;}
.se01_btn_list{display: flex; margin-top:70px;}
.se01_btn_list li{margin-right:15px;}
.se01_btn_list li:last-of-type{margin-right:0;}
.se01_btn_list li a{padding:10px; display: flex; border-radius:5px; color:#fff; font-size:20px; font-weight:bold; align-items: center;}
.se01_btn_list li a.ca_btn{background:#f6e115;}
.se01_btn_list li a.down_btn{background:#000; padding:11px 20px;}
.se01_btn_list li a.call_btn{background:#e13f27;padding:11px 45px 11px 30px;}
.se01_btn_list li a.call_btn img{margin-right:5px;}
.main_se01 .you_btn{padding:20px 0; display: flex; align-items: center; justify-content: center; background-color:rgba(0,0,0,.5); position:absolute; border-radius: 4px; bottom:100px; left:52px; right:0; width:235px; z-index: 20; }
.main_se01 .you_btn img{margin:0;}
.main_se01 .you_btn span{font-size:20px; font-weight:bold; color:#fff; margin-left:10px;}

.main_se01_add{background:url('./img/main_se01_add_bg.jpg') 50% 50% no-repeat;}
.se01_add h2{font-size:48px; color:#202e60; margin-bottom:50px; font-weight:bold; text-align:center;}
.se01_add_list{display: flex; justify-content: space-between;}
.se01_add_list li{width:31%; border:1px solid #ddd; border-radius: 5px; padding:40px 30px; background:url('./img/se01_add_icon01.png') 105% 105% no-repeat; background-color:#fff; display: flex; flex-direction: column; justify-content: space-between; background-size:41%;}
.se01_add_list li:nth-of-type(2){background:url('./img/se01_add_icon02.png') 105% 105% no-repeat; background-size:37%;}
.se01_add_list li:last-of-type{background:url('./img/se01_add_icon03.png') 105% 105% no-repeat; background-size:34%;}

.se01_add_list li h3{font-size:20px; font-weight:bold; color: #202e60; padding-bottom:10px; border-bottom:3px solid #111; margin-bottom:15px;}
.se01_add_list li p{font-size:20px; font-weight:bold; color:#202e60; padding:20px 0; word-break: keep-all;}
.se01_add_list li span{font-size:18px; color:#111; margin-bottom:25px; display: block;}
.se01_add_list li a{display: flex; font-size:18px; color:#fff; background: #111; border-radius: 4px; padding:18px; max-width:210px; justify-content: space-between; align-items: center;}
.se01_add_list li a img{display: block; max-height:18px; }

.main_se02{background:url("./img/main_se02_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.se02_content_area h2{font-size:48px; font-weight:bold; color:#fff; text-align:center;}
.se02_content_area>p{font-size:20px; color:#fff; text-align:center; padding:20px 0 50px;}
.se02_list{display: flex; }
.se02_list li{width:18%; margin-right:2%; display: flex; align-items: center;flex-direction: column;}
.se02_list li:last-of-type{margin-right:0;}
.se02_list_text{margin-top:40px; display: flex; align-items: center; min-height:64px; position:relative; width:100%; align-items: center; margin-right:-22%;}
.se02_list_text:after{background:url('./img/se02_icon01.png') 50% 50% no-repeat; display: block; content:''; clear:both; width:14px; height:26px; position: absolute; right:0px; bottom:17px;}
.se02_list li:last-of-type .se02_list_text:after{display: none;}
.se02_list_text p{font-size:20px; color:#fff; font-weight:bold; word-break: keep-all; padding-left:15px;}
.se02_list_text span{font-size:28px; color:#fff; display: block; font-weight:bold; background:#cf3d27; border-radius: 3px; padding:10px; min-width:55px;width:55px; height:55px;}

.main_se03{background-image:url("./img/se03_bg.png");}
.main_se04{background-image:url("./img/se04_bg.png");}
.main_se05{background-image:url("./img/se03_bg.png");}
.se05_content_area{padding-bottom:130px;}
.se05_video_area{display: flex; flex-direction: column; align-items: center; width:24%; margin:0;}
.se05_text_area{width:52%; padding-left:11%; margin-top:20px;}
.se05_text_area h2{padding-right:42%;}
.se05_text_area p{padding-right:40%;}
.se05_text_area a{background: #000; color:#fff; padding:15px 20px; border-radius: 4px; display: flex; max-width:345px; font-size:20px; font-weight:bold; align-items: center; justify-content: center; margin-top:40px;}
.se05_video:after{display:none;}
.se05_video{top:63px; bottom:auto; left:10px;}
.se05_video video, .se05_video iframe{width:238px; height:460px;}
.se05_title{width:90px; height:36px; color:#fff; font-size:18px; font-weight:500; border-radius:18px; display: flex; justify-content: center; align-items: center; background: rgb(157,145,249);
	background: linear-gradient(125deg, rgba(157,145,249,1) 0%, rgba(118,131,227,1) 35%, rgba(40,104,183,1) 100%);}
.se05_title:first-of-type{font-weight:700;}

.main_se06{background-image:url("./img/se04_bg.png");}
.main_se07{background-image:url("./img/se03_bg.png");}
.se07_text_area {width:58%;}
.se07_text_area p{padding-right:20%; padding-top:30px;}

.main_se08{background:url("./img/main_se08_bg_1.jpg") 50% 50% no-repeat; background-size:cover; position:relative; overflow: hidden;}
.se08_content_area{position:relative; z-index: 5;}
.se08_img_area{display: flex; justify-content: center;}
.se08_content_area>h2{font-size:56px; font-weight:bold; color:#d2b26a; text-align: center; padding:35px 0 30px;}
.se08_content_area>span{color:#202e60; display: block;}
.se08_list{display: flex; width:100%; max-width:1100px; margin:0 auto; padding-bottom:40px;}
.se08_list li{margin-right:11.5%;}
.se08_list li .img_box{width:180px; height:180px; margin-right:4%; display: flex; align-items: center; justify-content: center; position: relative; border: 4px solid transparent; border-radius: 50%; background:#fff;
    background-image: linear-gradient(#fff, #fff), 
	linear-gradient(22deg, #ba7402 0%, #ba7402 30%,#f4d06f 60%,#f4d06f 85%, #f4d06f 100%);
	/*linear-gradient(to right, #ff0000 0%, #ff00ff 15%, #0000ff 33%, #00ffff 49%, #00ff00 67%, #ffff00 84%, #ff0000 100%);*/
    background-origin: border-box;
    background-clip: content-box, border-box;}
.se08_list li:last-of-type{margin-right:0;}
.se08_list li .img_box:after{display: block; content:''; clear: both; width:13px; height:13px; background:url('./img/se08_icon04_1.png') 50% 50% no-repeat; position:absolute; right:-40%; bottom:0; top:0; margin:auto;}
.se08_list li:last-of-type .img_box:after{display: none;}
.se08_list li:nth-of-type(3) .img_box:after{width:10px; height:17px; background:url('./img/se08_icon05_1.png') 50% 50% no-repeat;}
.se08_list li>p{font-size:20px; font-weight:bold; color:#fff; text-align:center; padding-top:40px;}
.se08_list li>p>span{display: block;}
.se08_content_area>p{font-size:40px; color:#fff; text-align: center; padding:60px 0;}
.se08_content_area>p.top_text{color:#fff; font-size:30px; padding-top:0;}
.se08_content_area>p.top_text>span{font-weight:700;}
.se08_content_area>p.se08_title{font-size:18px; color:#fff; font-weight:bold; padding:13px 15px; background:#202e60; border-radius: 4px; max-width:325px; margin:0 auto; text-align: center;}
.se08_content_area>p>span{font-weight:bold;}
.se08_img_box{width:45%; margin:0 1.5%;
	-webkit-box-shadow: 8px 8px 21px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 8px 8px 21px 0px rgba(0,0,0,0.15);
	box-shadow: 8px 8px 21px 0px rgba(0,0,0,0.15);}
.se08_img_box img{display: block; width:100%;}

.main_se09{background:url('./img/main_se01_add_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.se09_content_area{padding:110px 0 90px;}
.se09_content_area h2{font-size:48px; color:#202e60; font-weight:bold; padding-bottom:50px; text-align: center;}
.se09_list{display: flex;}
/*.se09_list li{width:32%; margin-right:3%; background-image:url("./img/se09_icon01.png"); padding:30px; border-radius:10px; background-color:#fff; background-position: 120% 100%; background-repeat: no-repeat;}*/
.se09_list li{width:31%; border:1px solid #ddd; border-radius: 8px; padding:30px 24px; background-color:#fff; display: flex; flex-direction: column; justify-content: flex-start; background-size:41%; margin-right:3.5%;}
.se09_list li:nth-of-type(2){/*background-image:url("./img/se09_icon02.png");*/}
.se09_list li:last-of-type{/*background-image:url("./img/se09_icon03.png");*/ margin-right:0;}
/*.se09_list li h3{font-size:22px; font-weight:bold; color:#111; padding-bottom:15px;}*/
.se09_list li h3{font-size:20px; font-weight:bold; color: #202e60; padding-bottom:10px; border-bottom:3px solid #111; margin-bottom:15px;}
/*.se09_list li p{font-size:17px; color:#111; word-break: keep-all; padding-left:14px; position:relative; padding-bottom:5px;}*/
.se09_list li p{font-size: 16px; color: #111; display: block; position:relative; word-break: keep-all; padding:4px 0 4px 11px;}
.se09_list li p:before{content:''; display: block; clear:both; width:4px; height:4px; background:#202e60; border-radius: 50%; position: absolute; left:0; top:15px;}

.main_se10{background:url("./img/main_se10_bg.jpg") 50% 50% no-repeat; text-align:center; background-size:cover;}
.se10_content_area{max-width:none;}
.se10_content_area>h3{font-size:36px; font-weight:bold; color:#fff; padding-top:70px; word-break: keep-all;}
.se10_second_content, .se10_first_content{position:relative; max-width: 1100px; margin: 0 auto;}
.se10_first_content h2{color:#cfaf6c; font-size:48px; font-weight:bold;}
.se10_first_content>p{color:#aaa; font-size:20px; padding:20px 0 40px;}
.slide_second, .slide_first{position:relative; width:100%; max-width:1100px; margin:0 auto 25px; height:143px; overflow: hidden;}
.slide_second .swiper-slide{background-size:103% !important; background-position:50% 50%;}
.se10_first_content .first-prev, .se10_second_content .first-prev-02{left:-5%; width:18px; height:27px; background-size:cover;}
.se10_first_content .first-next, .se10_second_content .first-next-02{right:-5%; width:18px; height:27px; background-size:cover;}

.text_box_first, .text_box_second{background-color:#fff; width:100%; max-width:1100px; margin:0 auto; padding:40px 25px; position:relative;}
.se10_second_content{margin-top:110px;}
.se10_second_text_box{display: flex;}
.se10_second_content h3{width:50%; text-align:left; font-size:36px; color:#111; font-weight:bold; padding-left:30px;}
.se10_second_content h2{font-size:40px; color:#d2b26a; text-align:center; padding-bottom:55px;}
.se10_second_content h2>span{font-weight:bold;}
.se10_second_content h2>span.co_red{font-weight:normal; color:#e13f27;}
.slide_area{margin:0 auto;}

.slide_second{height:315px;}

.main_se11{background:url('./img/main_se11_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.se11_content_area>h2{color:#fff; font-size:48px; font-weight:bold; text-align:center; margin-bottom:50px;}
.inquiry_area{display: flex;}
.inquiry_area>div{width:49%; margin-right:2%;}
.inquiry_area>div:last-of-type{margin-right:0;}
.demonstration_board_view_wrap{background:url('./img/se11_icon01.png') 100% 100% no-repeat; background-color:#202e60;}
.estimate_board_view_wrap{background:#fff;}
.demonstration_board_view_wrap, .estimate_board_view_wrap{padding:40px;}
.estimate_board_view_wrap h2, .demonstration_board_view_wrap h2{font-size:36px; font-weight:bold; color:#111; float:left;}
.demonstration_board_view_wrap h2{color:#fff;}
.estimate_board_view_wrap span, .demonstration_board_view_wrap span{font-size:20px; font-weight:bold; color:#111; display: inline-block; padding: 20px 0 40px 4%;}
.demonstration_board_view_wrap span{color:#fff;}
.demonstration_board_view_wrap span.protxt, .estimate_board_view_wrap span.protxt{color:#fff; font-size:15px; padding:0 0 40px 0; font-weight:400;}
.estimate_board_view_wrap a i, .demonstration_board_view_wrap a i{color:#fff; font-size:18px;}
.estimate_board_view_wrap a i{color:#111;}
.estimate_board_view_wrap span.protxt{color:#111;}

.guest_table_estimate, .guest_table_demonstration{width:100%;}
.guest_table_demonstration input, .guest_table_estimate input{font-size:17px; background:#f7f7f7; color:#6d6d6d; padding:13px 15px; width:100%; margin-bottom:10px;}
.guest_table_demonstration textarea, .guest_table_estimate textarea{font-size:17px; background:#f7f7f7; color:#6d6d6d; padding:13px 15px; width:100%; height:90px;}
.guest_table_estimate textarea{width:196%;}
.guest_table_demonstration textarea{height:150px;}
.guest_table_estimate input{width:96%; margin-right:4%;}
.guest_table_estimate input:last-of-type{margin-right:0;}
.estimate_board_view_wrap .board_btn, .demonstration_board_view_wrap .board_btn{display: flex; justify-content: center;}

#btn_submit, #btn_submit2{width:160px; height:50px; border-radius: 4px; color:#fff; font-size:20px; font-weight:bold; background:#cf3d27;}
#btn_submit2{background:#fff; color:#111;}
#btn_list, #btn_list2{margin-left:3%; border-radius:4px; background:#cf3d27; color:#fff; padding:0 15px;}
#btn_list2{background:#fff; color:#111;}

.quick_list{position:fixed; bottom:3%; right:3%; z-index: 5;}
.quick_list li a{width:110px; height:110px; background-color:#fff; display: flex; flex-direction: column; border-radius: 50%; margin-bottom:20px; align-items: center; justify-content: center;
	-webkit-box-shadow: 4px 4px 6px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 4px 6px 3px rgba(0,0,0,0.1);
	box-shadow: 4px 4px 6px 3px rgba(0,0,0,0.1);}
.quick_list li:first-of-type a{background:#e13f27;}
.quick_list li:nth-of-type(2) a{background:#f6e115;}

.quick_list li a p{color:#111; font-size:17px; font-weight:bold;}
.quick_list li:first-of-type a p{color:#fff;}
.quick_list li:nth-of-type(2) a span{color:#111; font-size:14px; margin-top:-3px;}

@media(max-width:1300px){
	.main_inner{padding:130px 3%;}
	.content_area_common{padding-bottom:0;}
	.se01_text_area p{font-size:36px;}
	.right_text_area_common{width:62%;}
	.right_video_area_common{width:38%;}
	.right_video_common{left: 2px; right: 0; margin: auto;}
	.se05_content_area {padding-bottom:130px;}
	.se08_list{justify-content: center;}
	.se08_list li{margin-right:7%;}
	.se08_list li .img_box:after{right:-32%;}
	.se05_text_area{padding-left:6%; width:40%;}
	.se05_text_area h2{padding-right:25%;}
	.se05_text_area p{padding-right:25%;}
	.se05_video_area{width:30%;}
	.se05_video{left:27px;}
}@media(max-width:1050px){
	.video_area_common{width:55%; margin:0;}
	.text_area_common{width:45%;}

	.se01_btn_list li{margin-right:2.5%;}
	.se01_btn_list li:first-of-type{width:12%;}
	.se01_btn_list li:nth-of-type(2){width:40%;}
	.se01_btn_list li:last-of-type{width:35%;}
	.se01_btn_list li a{font-size:18px; word-break: keep-all; padding:10px 0; display: flex; align-items:center; justify-content: center;}
	.se01_btn_list li a.call_btn{padding:10px 0;}
	.se01_btn_list li a.down_btn{padding:10px 0 10px 20px;}
	.se01_btn_list li a{font-size:16px;}
	.main_se01 .you_btn{left:10%;}

	.text_area_common>h3, .se11_content_area>h2, .se10_first_content h2, .se09_content_area h2, .text_area_common h2, .se02_content_area h2, .se01_add h2{font-size:40px; word-break: keep-all;}
	.text_area_common p{padding-top:20px; font-size:18px;}
	.se01_text_area>figure{align-self:center;}
	.se01_add_list li p{font-size:18px;}
	.se01_add_list li a, .se01_add_list li span{font-size:16px;}
	.se02_list_img img{display: block; width:100%;}
	.se02_list_text p{font-size:18px;}
	.se02_content_area>p{font-size:18px;}

	.se05_text_area{padding-left:3%; width:44%;}
	.se05_text_area h2{padding-right:20%;}
	.se05_text_area p{padding-right:20%;}
	.se05_video_area{width:28%;}
	.se05_video{left:16px; right:0; margin:auto;}

	.se10_second_content h3, .se01_text_area p{font-size:28px;}
	.se08_content_area>h2{font-size:48px;}
	.se08_content_area>p, .se08_content_area>p.top_text{font-size:26px;}
	.se10_second_content h2{font-size:36px;}
	.se10_content_area>h3{font-size:32px;}
	.se10_first_content .first-next, .se10_second_content .first-next-02, .se10_first_content .first-prev, .se10_second_content .first-prev-02{display: none;}
}@media(max-width:1000px){	
	.content_area_common{flex-direction: column-reverse;}
	.se01_content_area{flex-direction: column-reverse;}
	.content_correct_common{flex-direction: column;}
	.text_area_common{width:100%;}
	.text_area_common{margin-top:0;}
	.video_area_common{width:100%;}
	.video_area_common img{margin: 0 auto;}
	.video_common{width:400px; left:-10px; right:0; margin:auto;}
	.se01_text_area p{padding:0; text-align:center;}
	.se01_btn_list{margin:30px 0 45px; justify-content: center;}
	.main_inner{padding:80px 3%;}
	.content_area_common{padding-bottom:0;}	

	.main_se01 .you_btn{left:32%;}

	.se01_add_list{flex-direction: column;}
	.se01_add_list li{width:100%; margin-bottom:30px;}
	.se01_add_list li:last-of-type{margin:0;}
	.se02_list{flex-direction: row; flex-wrap: wrap;}
	.se02_list li{width:49%; margin-bottom:30px;}
	.se02_list li:nth-of-type(2n){margin-right:0;}
	.se02_list_text{margin-top:15px; min-height:40px;}
	.se02_list_text:after{bottom:13px; right:0;}

	.text_area_common>h3, .text_area_common h2{text-align:center;}
	.text_area_common p{text-align:center; padding:20px 0 0 0;}
	.text_area_common>div>img{margin:0 auto; display: block;}
	.se05_text_area, .se05_text_area p, .se05_text_area h2, .right_text_area_common{padding:0;}
	.se05_text_area a{margin:30px auto 30px; font-size:16px;}
	.video_common:after{left:-39px;}
	.se05_video {width:238px;}
	.text_area_common>h3, .se11_content_area>h2, .se10_first_content h2, .se09_content_area h2, .text_area_common h2, .se02_content_area h2, .se01_add h2{font-size:36px;}
	.main_se05 .text_area_common h2{padding-top:15px;}
	.se05_text_area p{padding-top:20px;}
	
	.se08_content_area>p, .se08_content_area>p.top_text{font-size:22px;}
	.se08_list{justify-content: center; flex-direction: row; flex-wrap: wrap;}
	.se08_list li .img_box{width:190px; height:190px;}
	.se08_list li:last-of-type, .se08_list li{margin:0 6%;}
	.se08_list li .img_box:after{right:-15%;}
	.se08_list li>p{padding:15px 0 30px;}
	.se08_list li .img_box img{max-width:86px;}
	.se08_img_area{flex-wrap: wrap;}
	.se08_img_box{width:100%; margin:0 0 30px 0;}

	.se09_list{flex-wrap:wrap;}
	.se09_list li{width:100%; margin:0 0 30px 0; background-position:100% 100%;}
	.se09_list li p br{display: none;}
	.se10_second_text_box{flex-wrap:wrap;}
	.se10_second_content h3{width:100%; padding:0 0 20px 0; font-size:24px;}

	.inquiry_area{flex-wrap:wrap;}
	.inquiry_area>div{width:100%; margin:0;}

	.quick_list{bottom:7%;}
	.quick_list li a{width:51px; height:51px;}
	.quick_list li a p{display:none;}
	.quick_list li:nth-of-type(2) a span{display: none;}
	.quick_list li a .quick_icon_box img{display: block; width: 100%; max-width: 26px;}
	.se08_content_area>p.se08_title{font-size:16px;}
	.se08_content_area>h2{font-size:40px;}
	.se10_content_area>h3{font-size:28px;}
	.se10_second_content h2{font-size:32px;}
	.se10_second_content{margin-top:70px;}
	.main_se01_add{display: none;}
	.se02_list_text{width:68%; }
	.se01_text_area .text_list{padding-left:23%;}
}@media(max-width:800px){
	.se01_text_area .text_list{padding-left:20%;}
}@media(max-width:700px){
	.se01_text_area .text_list{padding-left:15%;}
}@media(max-width:600px){	
	.main_se01 .you_btn{left:29%;}
	.se02_list_text{width:100%;}
	.se02_list_text span{padding: 3px; min-width: 35px; width: 35px; height: 35px; font-size: 22px;}
	.se02_list_text p{font-size:16px; line-height: 1.4;}
	.se02_list_text:after{bottom: 7px; right: 28px;}
	.se08_list li:last-of-type, .se08_list li{margin:0 3%;}
	.se01_text_area .text_list{padding-left:5%;}
}@media(max-width:500px){	
	.header_logo{width:155px; margin:16px auto;}
	.text_area_common>div>img{max-width:40px;}
	.main_inner{padding:70px 3%;}
	.content_area_common{padding-bottom:0;}
	.text_area_common>h3, .se10_second_content h2, .se11_content_area>h2, .se10_first_content h2, .se09_content_area h2, .text_area_common h2, .se02_content_area h2, .se01_add h2{font-size:23px; line-height:1.3; margin-bottom:0px;}
	.se11_content_area>h2{padding-bottom:45px;}
	.se08_content_area>h2{font-size:36px; padding:20px 0 15px;}
	.se02_content_area>p, .text_area_common p{font-size:15px;}
	.se01_text_area .text_list{padding-left:10%;}
	.text_list p{font-size:22px;}

	.main_se01 .you_btn{max-width:180px; padding:15px 0; bottom:70px;}
	.main_se01 .you_btn span{font-size:16px;}

	.se08_content_area>p{padding:0 0 30px 0;}

	.guest_table_estimate tr{display: flex; flex-wrap: wrap;}
	.guest_table_estimate input, .guest_table_estimate td{width:100%;}
	.guest_table_estimate textarea{width:100%;}
	.estimate_board_view_wrap h2, .demonstration_board_view_wrap h2{font-size:26px; width:100%; padding-bottom:15px;}
	.estimate_board_view_wrap span, .demonstration_board_view_wrap span{font-size:16px; padding:0 0 30px 0;}

	.video_area_common img{max-width:310px;}
	.video_common{width:280px;}
	.video_common iframe{height:413px; width:280px;}
	.video_common:after{width:315px; height:315px; top:55px; left:-17px;}
	.se01_video_area img{max-width:260px;}
	.se01_video{bottom:35px;}
	.se01_btn_list li a{min-height:60px;}
	.se01_btn_list li a.call_btn, .se01_btn_list li a{padding:5px 0;}
	.se01_btn_list li a.ca_btn{display: flex; align-items: center; justify-content: center;}
	.se01_btn_list li a.down_btn{padding:5px 0 5px 20px}
	.se01_text_area>p{font-size:22px; padding:0;}

	.se05_video{left:-52px; top:80px;}
	.se05_video iframe{width:326px; height:420px;}

	.se08_content_area>p, .se08_content_area>p.top_text{font-size:17px;}

	.se10_second_content{margin-top:50px;}
	.se10_content_area>h3{font-size:23px;}
	.se10_first_content>p{font-size:17px;}
	.demonstration_board_view_wrap, .estimate_board_view_wrap{padding:25px;}
	.guest_table_estimate textarea, .guest_table_demonstration input, .guest_table_estimate input{font-size:14px;}
	
	.footer_t{padding:30px 0;}
	
	
}@media(max-width:460px){
	.se08_list li .img_box{height:160px; width:160px;}
	.se02_list_text:after{right: 13px;}
	.text_area_common p{text-align:left;}
	.se01_text_area>p, .se01_text_area .text_list{padding-left:3%;}
	
}
@media(max-width:430px){
	.se08_list li>p{padding-bottom:45px;}
	.se08_list{padding-bottom:0;}
	.main_se01 .you_btn{left:26%;}
	
	.se01_btn_list li a{font-size:14px;}
	.se01_btn_list li:first-of-type{width:15%;}
	.se01_btn_list li:nth-of-type(2){width:40%;}
	.se01_btn_list li a.down_btn{padding:5px 0 5px 10px;}
	.se01_btn_list li:nth-of-type(3){width:35%;}
}@media(max-width:400px){
	.se08_list li .img_box{height:145px; width:145px;}
}@media(max-width:360px){
	.estimate_board_view_wrap span, .demonstration_board_view_wrap span{padding:0 0 30px 0;}
	.main_se01 .you_btn{left:21%;}
	.se08_content_area>p, .se08_content_area>p.top_text, .se10_first_content>p{font-size:15px;}
	.se08_list li .img_box{height:130px; width:130px;}
	.se08_list li .img_box img{max-width:66px;}
	.text_area_common p{word-break: break-all;}
}@media(max-width:330px){
	.video_common{left:0;}
	.se05_video{left:-52px;}
}

/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd;  display: none;}
.navi_in	{margin:0 auto; padding:0;max-width:1280px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:10%; max-width:50px;  border-right:1px solid #efefef;}
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center;}
.home_btn_all a:hover		{background:#f8f8f8; }
.home_btn_all a img			{max-width:100%; height:auto; vertical-align:middle;}

.navi_left					{float:left; width:90%; max-width:550px;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:250px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:14px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn1	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {width:50%; max-width:250px; padding:0; height:50px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#333333; font-size:14px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend1							{position:relative; top:-1px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:100%;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend1 > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:100%; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }

/*
position:absolute; left:-20px; min-height:1px; width:256px; padding-left:20px;  border-top:1px solid #efefef; z-index:999; background:#ddd; 
*/

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/
.footer_site_link						{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 0;text-align:center;}
.footer_site_link ul li			{display:inline; margin:0 8px; }


.footer_t{padding:55px 0; background:#222;text-align: center;}
.footer_t a:link {color: #555; text-decoration: none; cursor:pointer; }
.footer_t a:visited {color: #555;!important}
.footer_t a:hover, a:active, a:focus {color:#aaa; text-decoration:none;!important}
.footer_t p{font-size:14px; text-align: center; color:#888; font-weight:300;margin-top:5px;}
.footer_t span{font-size:16px; text-align: center; color:#bfbfbf; font-weight:500;}
.footer_t .links {font-size:16px; text-align: center; color:#888; font-weight:500;margin-top:10px;}
/* .footer_t a{color:#515151; text-align: center; font-weight:500; display: block; max-width: 65px; margin: 0 auto;} */

/*family_inc.php의 스타일*/
.total								{width:100%;  cursor:pointer; }
.select_d							{border:1px solid #ddd; width:100%; line-height:30px; height:30px; padding-left:8px; position:relative; font-size:12px;}
.select_d span				{display:inline-block; position:absolute; right:10px;}

/* 패밀리사이트 클릭시 밑으로 떨어지는  CSS*/
/*
.select_op						{border:1px solid #ddd;border-top:none; width:168px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;}
*/

/* 패밀리사이트 클릭시 위로 올라오는 CSS*/
.select_op						{border:1px solid #ddd;border-bottom:none; width:160px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;bottom:30px;}

.select_op	li				{line-height:30px;height:30px; border:0px solid red; padding-left:8px;}
.select_op	li		a		{cursor:pointer; width:100%; height:30px; display:inline-block;letter-spacing:-0.3px;}
.select_op	li:hover	{background:#eee;}
.a_focus							{background:#8e8e8e; color:#fff !important;}



.footer_copyright			{background:#323232; color:#fff; text-align:center; padding:10px;}
.footer_copyright p			{color:#fff; font-size:12px;}
.footer_copyright p a		{font-size:11px; color:#fff;  margin-left:15px;}


@media(max-width:768px){
	.footer_t p{font-size:15px;margin-top:10px;}
	.footer_t span{font-size:14px; text-align: center; color:#bfbfbf; font-weight:500;}
	.footer_t .links {font-size:12px; text-align: center; color:#888; font-weight:500;margin-top:10px;}
}@media(max-width:500px){
	.footer_t p{font-size:13px;}
}

/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
	z-index: 5;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/