@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* 텍스트 */
.h2_title{padding:8px 20px; border-left:5px solid #000; font-size:22px; margin-bottom:20px; line-height:1.3em; color:#000; }
.h2_title small{display:block; font-size:20px; font-weight:normal; color:#999; line-height:1.3em; }
.h3_title{padding:8px 20px; border-left:5px solid #999; font-size:18px; margin-bottom:20px; line-height:1.3em; color:#333; }
.h2_title_center{text-align:center; font-size:30px; padding:8px 20px; margin-bottom:50px; line-height:1.3em; color:#000; }
.h2_title_center small{display:block; font-size:20px; font-weight:normal; color:#999; line-height:1.3em; }

.cont_text{font-size:14px; line-height:1.6em; color:#666; overflow:hidden;  padding-bottom:15px; word-break:break-word; }
.cont_text_info{font-size:14px; line-height:1.6em; color:#666; overflow:hidden; padding:8px 20px; border-left:5px solid #efefef; clear:both; margin-bottom:15px; word-break:break-word; }
.cont_text_important{padding:8px 20px; border-left:5px solid #ddd; font-size:16px; color:#957958; line-height:1.3em; word-break:break-word; }

.cont_img_right50p{display:block; width:50%; float:right; margin:0 0 20px 20px; }
.cont_img_left50p{display:block; width:50%; float:left; margin:0 20px 20px 0; }

.cont_2D,
.cont_3D,
.cont_4D{overflow:hidden; width:100%;}

.cont_2D .cont_text{float:left; width:48%; margin:1%;}
.cont_3D .cont_text{float:left; width:31.33333%; margin:1%;}
.cont_4D .cont_text{float:left; width:23%; margin:1%;}

@media all and (max-width:980px)
{
	.h2_title{font-size:18px; padding:5px 15px; border-left:3px solid #000; }
	.h3_title{font-size:15px; padding:5px 15px; border-left:2px solid #999; }

	.cont_text{font-size:13px; line-height:1.4em; }
	.cont_text_info{font-size:13px; line-height:1.4em; }
	.cont_text_important{font-size:14px; padding:5px 15px; border-left:2px solid #ddd; }
	
}

@media all and (max-width:600px)
{
	.h2_title_center{font-size:20px; }
	.h2_title_center small{font-size:13px; font-weight:normal; }

	.cont_text{font-size:12px; }
	.cont_text_info{font-size:12px; }
	.cont_text_important{font-size:13px; }
	
}

/* 도형 */
.figure_list{width:100%; overflow:hidden; padding:30px 0; }
.figure_list li{width:25%; float:left; text-align:center; }
.figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:#ddd; font-size:3em; }
.figure_list li strong{display:block; font-size:20px; color:#000; margin:5px; }
.figure_list li span{display:block; font-size:13px; color:#999; margin:5px; }

@media all and (max-width:650px)
{
	.figure_list li{width:50%; float:left; text-align:center; }
	.figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:#ddd; font-size:3em; }
	.figure_list li strong{font-size:16px; }
	.figure_list li span{font-size:11px; }
	
}

/* 테이블 */
.basic_table{width:100%; overflow:auto;}
.basic_table table{width:100%; border:1px solid #ddd; border-top:3px solid #ddd; border-collapse:collapse; border-spacing:0; }
.basic_table table th,
.basic_table table td{border:1px solid #ddd; padding:8px; }
.basic_table table thead th{background:#ededed; padding:15px 8px; color:#000;  text-align:center; }
.basic_table table thead td{background:#ededed; padding:15px 8px; color:#000; text-align:center; }
.basic_table table tbody th{background:#f5f5f5; color:#666; text-align:center; }
.basic_table table tbody td{background:#ffffff; color:#666; }
.basic_table table tfoot th{background:#fbfbfb; color:#999; text-align:center; }
.basic_table table tfoot td{background:#fbfbfb; color:#999; }

/* 유튜브영상삽입 */
.youtube_area{position:relative;overflow:hidden;width:100%;padding-bottom:56.25%;clear:both;margin-bottom:10px;}
.youtube_area iframe{position:absolute; left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;}

.text16_center{width:100%; text-align:center; color:#666; font-size:16px; line-height:1.8em; word-break:keep-all;}

.text16_title{font-size: 18px;}

.profileWr{position:relative; background:#fff; padding:130px 30px 30px 30px; margin-top:120px; border-radius:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.05),0px 0px 14px rgba(0,0,0,0.05),0px 0px 10px rgba(0,0,0,0.05);}
.profileImg{display:block; position:absolute; left:50%; top:-90px; margin-left:-90px; width:180px; height:180px; overflow:hidden; border-radius:50%;}

.profileWr1D{width:100%;}
.profileWr1D:after{content:'';display:block; clear:both;}
.profileWr1D .profileWr{width:96%; margin:120px 2% 0; }

.profileWr2D{width:100%;}
.profileWr2D:after{content:'';display:block; clear:both;}
.profileWr2D .profileWr{width:46%; margin:120px 2% 0; float:left; }

.profileWr3D{width:100%;}
.profileWr3D:after{content:'';display:block; clear:both;}
.profileWr3D .profileWr{width:29.33333%; margin:120px 2% 0; float:left; padding-top:100px;}
.profileWr3D .profileImg{top:-75px; margin-left:-75px; width:150px; height:150px; }


 /*고객문의*/
.p_wrap{position:relative; width:100%; padding:0; margin: 0 auto; box-sizing: border-box;}
.p_wrap h2{font-size:14px; font-weight:700; margin-top:15px; padding-left:10px;}
.p_wrap p{font-size:14px; line-height:19px;}
.p_wrap caption{display:none;}
.p_wrap table{width:100%; border-collapse:collapse; padding:0; margin:0; margin-top:10px;}
.p_wrap table tbody{border-top:2px solid #666;}
.p_wrap label span{color:#FF0000;}
.p_wrap td{min-height:50px; padding:10px 0; color:#666; border-bottom:1px solid #e1e0dc; text-align:left; padding-left:20px; font-size:14px; border-left:1px solid #e1e0dc;}
.p_wrap td:first-child{border-left:0; font-size:14px; font-weight:700; color:#222;}
.p_wrap input.titlebox{background: #fff; border:1px solid #ccc; height:40px; width:100%; padding-left:7px; line-height:40px; font-size:14px; color:#3e4d5d;}
.p_wrap textarea{background: #fff; border:1px solid #ccc; padding:5px 7px; margin:10px 0; width:100%; height:80px; line-height:26px; font-size:13px; color:#3e4d5d;}
.p_wrap input.filebox{background: #f2f2f2; width:100%; border:0; font-size:14px; color:#3e4d5d; padding:5px;}
.p_wrap .info_wrap{width:100%; border:solid 1px #ccc; height:60px; overflow-y:auto; padding:10px; line-height:160%; margin-top:5px; margin-left:10px;}
.p_wrap .infobox{text-align: justify; line-height:160%; font-size:14px;}
.p_wrap .infobox span{font-weight:700; font-size:14px;}
.p_wrap .checks{padding-left:10px; margin-top:5px;}
.p_wrap .checks:after{content:""; clear:both; display:block; *zoom:1;}
.p_wrap .checks li{float:left;}
.p_wrap .checks li.checks_t{padding-left:5px; padding-top:2px; font-size:14px;}
.p_wrap .p_wrap_last_line{margin-top:5px; border-bottom:2px solid #666; clear:both;}
.p_wrap .warning{margin-top:10px; font-size:14px;}
.p_wrap .s1{width:100%; text-align:center;}
.p_wrap .s1 a{display:inline-block; width:auto; height:35px; line-height:33px; border:1px solid #2a2929; font-size:15px; font-weight:700; color:#2a2929; padding:0 20px; margin-top:15px;}
.p_wrap .s1 a:hover{background:#2a2829; color:#fff;}


@media all and (max-width:800px)
{
	.profileWr2D .profileWr,
	.profileWr3D .profileWr{width:96%; margin:120px 2% 0; float:none; }

	.text16_center{font-size:13px;}
	
	.text16_title{font-size: 15px;}
}

.customBan1D {width:100%; overflow:hidden; background:#efefef;}
.customBan1D a{width:100%; float:left;display:block; position:relative;background:#222;overflow:hidden;}
.customBan1D a img{display:block;width:100%;height:auto;filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease;}
.customBan1D a:hover img{transform: scale(1.1);filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
.customBan1D a .customBanTit{display: block; position:absolute;left:5%;right:5%;top:50%; transform: translateY(-50%); line-height:60px;font-size:26px;color:#fff;font-weight:bold;text-align:center;}
.customBan1D a .customBanTit u{display:block;margin:0 auto;width:50px;height:1px; background:#fff;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease;}
.customBan1D a:hover .customBanTit u{width:100px;}

.customBan2D a{width:50%;}
.customBan3D a{width:33.3333333%;}
.customBan4D a{width:25%;}

.customBan4D a .customBanTit{font-size:21px; line-height: 40px;}
.customBan4D a .customBanTit b{display: block; font-size:16px; font-weight: 400;}


@media all and (max-width:800px){
	.customBan1D a{width:100%;}
	.customBan1D a .customBanTit{font-size:16px;}

	.customBan2D a,
	.customBan3D a{width:100%;}
	.customBan4D a{width:50%;}
}


/* About */
.about_img_wrap{margin: 70px auto;}
.about_img_wrap ul{display: flex;}
.about_img_wrap li{width: 32%; margin-left: 2%;}
.about_img_wrap li:first-child{margin-left: 0;}
.about_img_wrap li img{width: 100%;}

@media all and (max-width:600px){
	.about_img_wrap ul{flex-wrap: wrap;}
	.about_img_wrap li{width: 100%; margin-left: 0;}
	.about_img_wrap li:nth-child(n+2){margin-top: 20px;}
}


/* 연혁 */
.history_nav{width: 100%;}
.history_nav ul{display: flex; justify-content: center; width: 100%; max-width: 1400px; margin: 0 auto;}
.history_nav ul li{margin-left: 20px;}
.history_nav ul li:first-child{margin-left: 0;}
.history_nav ul li a{display: block; width: 220px; line-height: 1.6; padding: 20px 0; border: 1px solid #ccc; text-align: center; border-radius: 50px; font-size: 17px;}
.history_nav ul li.active a{background: #423811; border-color: #423811; color: #fff;}
.history_nav ul li:hover a{text-decoration: underline;}

.history_wrap{width: 100%; margin: 130px 0 200px; overflow: hidden;}
.history_circle{display: flex; justify-content: center; width: 100%; max-width: 1160px; margin: 0 auto;}
.history_circle div{display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; background: #636822; border-radius: 50%;}
.history_circle div b{display: inline-block; font-size: 21px; font-weight: 400; line-height: 1.4; color: #fff; text-align: center;}
.history_line{position: relative; background: url("../img/history_line.jpg") repeat-y center;}
.history_line.last_line{padding-bottom: 100px;}
.history_line:after{content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 8px; height: 8px; background: #636822; border-radius: 50%;}
.history_line .h_img{width: 100%; margin-top: 30px;}
.history_line .h_img img{width: 100%;}
.history_line ul{display: flex;}
.history_line li{font-size: 16px; line-height: 1.6;}
.history_line li span{display: block;}
.history_line li.h_mons{font-size: 19px;}
.history_line > ul{margin: 100px 0; width: 100%;}
.history_line > ul > li{position: relative; width: 50%;}
.history_line > ul > li:after{content: ''; position: absolute; top: 7px; width: 8px; height: 8px; background: #636822; border-radius: 50%;}
.history_line .history_right > li:after{content: ''; left: -4px;}
.history_line .history_left > li:after{content: ''; right: -4px;}
.history_line > ul > li:before{content: ''; position: absolute; top: 11px; width: 60px; height: 1px; background: #636822;}
.history_line .history_right > li:before{content: ''; left: 0;}
.history_line .history_left > li:before{content: ''; right: 0;}
.history_line .history_img_wrap{flex-wrap: wrap;}
.history_line .history_left{justify-content: flex-start; text-align: right;}
.history_line .history_right{justify-content: flex-end;}
.history_line .history_left > li > ul{justify-content: flex-end;}
.history_line .history_left .h_text{display: flex; flex-wrap: wrap; justify-content: flex-end;}
.history_line .history_left > li{padding-right: 80px;}
.history_line .history_right > li{padding-left: 80px;}
.history_line .h_year{font-weight: 700; font-size: 19px; line-height: 1.4; width: 50px;}
.history_line .history_left .h_year{margin-left: 10px; text-align: right;}
.history_line .history_right .h_year{margin-right: 10px; text-align: left;}
.history_line .h_text{width: calc(100% - 60px);}
.history_line .h_text ul{width: 100%; margin-top: 25px;}
.history_line .h_text ul:first-child{margin-top: 0;}
.history_line .h_text li{width: calc(100% - 50px);}
.history_line .h_text li.h_mons{width: 40px;}
.history_line .h_text li.h_solo{width: 100%;}
.history_line .history_left .h_mons{margin-left: 10px; text-align: right;}
.history_line .history_right .h_mons{margin-right: 10px; text-align: left;}

.history_line .history_left{flex-direction: row-reverse;}
.history_line .history_left > li:first-child{padding-left: 110px; padding-right: 0;}
.history_line .history_right > li:first-child{padding-left: 0; padding-right: 110px;}
.history_line .history_left > li:first-child:after, .history_line .history_left > li:first-child:before, .history_line .history_right > li:first-child:after, .history_line .history_right > li:first-child:before{content: ''; display: none;}
.history_line .history_img img{width: 100%;}


@media (max-width: 1023px){
	/* 연혁 */
	.history_nav{width: 94%; margin: 0 auto;}
	.history_nav ul{margin: 0; justify-content: flex-start; flex-wrap: wrap;}
	.history_nav ul li{margin-left: 0; margin-right: 10px; margin-top: 10px;}
	.history_nav ul li:last-child{margin-right: 0;}
	.history_nav ul li a{width: auto; padding: 6px 20px; font-size: 14px;}
	
	.history_wrap{width: 94%; margin: 80px auto 0;}
	.history_circle div{width: 100px; height: 100px;}
	.history_circle div b{font-size: 17px; line-height: 1.2;}
	.history_line{padding-bottom: 1px;}
	.history_line.last_line{padding-bottom: 50px;}
	.history_line ul{flex-wrap: wrap; justify-content: center !important;}
	.history_line > ul{margin: 80px 0 50px;}
	.history_line li{width: 100% !important; text-align: center !important; font-size: 15px;}
	.history_line > ul > li{width: auto;}
	.history_line > ul > li:after{content: ''; position: absolute; top: -30px; left: 50% !important; transform: translateX(-50%); right: inherit !important;}
	.history_line > ul > li:before{content: ''; display: none;}
	.history_line .h_img{width: 100% !important; margin-top: 0;}
	.history_line .history_left .h_img{margin-bottom: 25px;}
	.history_line .history_right .h_img{margin-top: 25px;}
	.history_line .history_left > li{padding-right: 0;}
	.history_line .history_right > li{padding-left: 0;}
	.history_line li.h_mons{font-size: 17px;}
	.history_line .h_year{font-size: 19px; line-height: 1.4; background: #fff; padding: 5px 0;}
	.history_line .history_left .h_year{margin-left: 0;}
	.history_line .history_right .h_year{margin-right: 0;}
	.history_line .h_text{margin-top: 25px;}
	.history_line .h_text ul{margin-top: 25px; background: #fff; padding: 5px 0;}
	.history_line .history_left .h_mons{margin-left: 0;}
	.history_line .history_right .h_mons{margin-right: 0;}
	.history_line .h_mons{margin-bottom: 10px;}
	.history_line .history_left ul{flex-direction: column-reverse;}
	
	.history_line .history_left > li:first-child{padding-left: 0;}
	.history_line .history_right > li:first-child{padding-right: 0;}
	
	.history_line .history_img{padding-bottom: 60px;}
}