.root_daum_roughmap {width:100% !important;}

.body {box-sizing: border-box; overflow-x: hidden;}
.sub_top_box {
    height: 770px;
    background-size: cover;
    background-position: 100% 100%;
    text-align: center;
}

.sub_vTxt {padding-top:150px;}

.category{ border-bottom:1px solid #C1C1C1;}
.category li{ position:relative; display:inline-block; }
.category li:last-child{ margin-right:0; padding-right:0;}
.category li:before{ content:''; position:absolute; right:0; top:22px; border-right:1px #fff solid; width:1px; height:20px; opacity:0.3;}
.category li:last-child:before{ display:none;}
.category a{ color:#000; display:block;padding:20px 30px; font-size:23px; }
.category .selected2 a{ position:relative; color:#0054a6; font-weight:700;}

.subTitleSubject { margin: 70px 0 20px 0; font-weight: 600; font-size: 40px;}
.location {color: #777; margin-bottom: 30px; font-size: 20px; font-weight: 300;}

.category { text-align: center; padding:5px 0;}

.snbTit{ width:100%; text-align:center; font-size:50px; padding-top:150px;color:#fff; font-weight: 700;}
.bTxt {text-align:center; padding: 50px 0; color:#fff; font-size: 25px; font-weight: 300; line-height: 35px;}


/*p101010*/


.p101010 { position: relative; margin: 0 auto; padding-bottom: 100px;}
.p101010 .s01_ceo { position: relative; width: 48%;}
.p101010 .s01_txt {width: 50%;}
.p101010 li {display: inline-block; vertical-align: top;}


/*p101010끝*/


/*p101020*/


.p101020 .s01 {display:flex;margin:50px 0 100px 0;}
.p101020 .s01 li{ float:left;}
.p101020 .s01 li:nth-child(1){ width:40%;}
.p101020 .s01 li:nth-child(1) img{width:100%;}
.p101020 .s01 li:nth-child(2){ width:calc((100% - 40%) - 100px); margin-left:100px; border-top:2px #111 solid; padding-top:30px;}
.p101020 .s01 dl{ position:relative; margin-bottom:30px; padding-bottom:30px; border-bottom:1px #ddd solid;}
.p101020 .s01 dl dt{ position:absolute; top:0; left:0; font-size:30px; font-weight: 500;}
.p101020 .s01 dl dd{ margin-left:150px; line-height:35px; }
.p101020 .s01 dl dd p{position:relative;padding-left:50px; font-size: 20px;}
.p101020 .s01 dl dd span{ position:absolute; top:0; left:0;}
/*.p101020 {padding:50px 0; display: flex; width:1400px; margin: auto;}
.module {padding:60px 250px;}
.his_inner {display: flex;}
.his_img{display: inline-block; margin-top:5px;}
.history_wrap {display: inline-block; }

.reset { padding: 20px 0 60px 0;}
.history { margin: auto;}
.history .year {position: -webkit-sticky;display: inline-block;top: 300px;}
.history .year p {font-weight: 700; color: #294768; font-size: 50px;text-align: center;}
.history .year p.end {position: relative; margin-top: 45px; color: #000;}
.history .year p.end:before {content: '';position: absolute; top: -45px; left: 50%; width: 1px;height: 50px; background-color: #000; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}
.history .lists {position: relative; margin-top: -250px; margin-left: 400px;}
.history .lists li:first-child {margin-top: 0;}
.history .lists li {position: relative; margin-top: 30px;padding-left: 90px;font-weight: 500; letter-spacing: 0;color: #333;font-size: 17px;}*/
/*.module {padding:20px 250px;}*/
/*.history { margin: auto; padding: 50px 0;}
.history .year {position: -webkit-sticky;position: sticky;display: inline-block;top: 300px;}*/

/*p101020끝*/

/*P101030*/

.p101030{ position:relative;}
.p101030:before{ content:''; position:absolute; top:-300px; left:0; width:100%; height:300px; z-index:-1;}
.p101030 .button_area {margin: auto;}
.p101030 .button_area ul{ display:flex;flex-wrap: wrap;}
.p101030 .button_area li{  display:table; width:calc((100% / 4) - 60px) ; margin-right:60px; margin-bottom:50px; text-align:center;}
/*.p101030 .button_area li{  display:table; width:calc((100% / 5) - 33px) ; margin-right:50px; margin-bottom:50px; text-align:center;}*/
.p101030 .button_area li:nth-child(5n+5){ margin-right:0;}
.p101030 .button_area li img{ width:auto; height:300px;}
.p101030 .button_area li .imgA{position:relative;box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); padding:20px; background:#fff; margin-bottom:20px;}
.p101030 .button_area li p{ font-size:23px;}

.p101030 .port-dim {position:absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:0;transition:opacity 0.5s;}
.p101030 .button_area li i{position:absolute; width:70px; height:70px; line-height:70px; top:50%; left:50%;   color:#fff; font-size:27px;  border-radius:20%; background:#0054a6;transform: translate(-50%, -50%);opacity:0; transition:opacity 0.5s;}
.p101030 a:hover .port-dim {opacity:0.5;}
.p101030 .button_area li a:hover i {opacity:1;}



/*
/
.subsidiaries {position: relative;}
.subsidiaries .layer_bg {position: fixed; top:0; left:0; bottom:0; right:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 100;}


.subsidiaries .layer_wrap {display: none; position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height: 100%; z-index: 1000;}

.subsidiaries .layer_area {display: none; position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); width:80%; max-width:600px; z-index: 10000; background:#fff; text-align:center;}

.subsidiaries .layer_area .img_area {}
.subsidiaries .layer_area .img_area img {width: 100%;}
.subsidiaries .layer_area .close_btn {position: absolute; top:0; right:0; width: 60px; height: 60px;font-size:0; background:#222;}
.subsidiaries .layer_area .close_btn i{ font-size:30px; text-align:center; color:#fff;}
*/
.subsidiaries {position: relative;}
.subsidiaries .layer_bg {position: fixed; top:0; left:0; bottom:0; right:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 100;}


.subsidiaries .layer_wrap {display: none; position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height: 100%; z-index: 1000;}

.subsidiaries .layer_area {display: none;position: fixed;top:50%;left:50%;transform: translate(-50%, -50%);width:80%;max-width:600px;padding:114px 80px;z-index: 10000;background:#fff;text-align:center;}

.subsidiaries .layer_area .img_area {}
.subsidiaries .layer_area .img_area img {width: 100%;}
.subsidiaries .layer_area .close_btn {position: absolute; top:0; right:0; width: 60px; height: 60px;font-size:0; background:#222;}
.subsidiaries .layer_area .close_btn i{ font-size:30px; text-align:center; color:#fff;}

/*P101030끝*/

/*P101040*/
.location-sec{padding:30px 20px 100px 20px;}
.map_bt {display: flex; justify-content: space-between; margin: 50px 0; padding: 0 5%;}
.map_title {font-size: 45px; font-weight: bold; position: relative;}
.map_title::after {content: ''; display: block; position: absolute; top: 18%; right: -220%; width: 323px; height: 1px; background: #1d1d1d;}
.map_txt > li {font-size: 25px; margin-bottom: 20px;}
.map_txt strong {font-weight: 600;}
/*P101040끝*/


/*table*/
.electric_top {display: flex; justify-content: space-around;}
.electric_top > #main_portfolio_box {margin-top: -103px;}
.table-board01 {border-top: 2px solid #2f5993; border-bottom: 1px solid #d5d5d5; color: #000; width:100%;word-break:keep-all;;}
.table-board01 th, .table-board01 td {padding: 15px 5px;border-right: 1px solid #d5d5d5; vertical-align: middle; text-align: center; border-bottom: 1px solid #d5d5d5; font-size:19px;}
.table-board01 thead th {background: #f5f5f5;font-weight:500;}
.table-board01 th:last-child, .table-board01 td:last-child {border-right: none;}
.table-board01 tbody th {background: #f5f5f5;letter-spacing:0; }
.table-board01 tbody td {color: #555;letter-spacing:0; }
.table-board01 tbody p {display:block;}
.table-board01 .br{ border-right: 1px solid #d5d5d5 !important; }
.table-board01 .bl{ border-left:1px solid #d5d5d5 !important; }
.table-board01 .al{ text-align:left;}
.table-board01 .br {border-right: 1px solid #d5d5d5 !important;}
.electric_bt > .mt100 {margin: 30px 0 20px 0;}

.table-board02 {border-top: 1px solid #2f5993; border-bottom: 1px solid #d5d5d5; color: #000; width:100%;word-break:keep-all; margin-top:50px;}
.table-board02 th, .table-board02 td {padding:15px 30px;border-right: 1px solid #d5d5d5; vertical-align: middle; text-align: center; border-bottom: 1px solid #d5d5d5;}
.table-board02 thead th {background: #f5f5f5;}
.table-board02 th:last-child, .table-board02 td:last-child {border-right: none;}
.table-board02 th {background: #f5f5f5;letter-spacing:0; font-weight:400;}
.table-board02 td {color: #555;letter-spacing:0; }
.table-board02 p {display:block;}
.table-board02 .br{ border-right: 1px solid #d5d5d5 !important; }
.table-board02 .al{ text-align:left;}

/*P201010*/
.img_201010 {display: inline-block; width: 500px; height: 400px; background: url('/theme/palbok/img/sub/2/Electric_Drive(2).jpg')no-repeat center center /cover;}
.contentbox {width:1400px; margin: auto; margin-bottom: 50px;}
.mb50 .drive {width:400px;}
.conType03{margin-top: 20px;}
.conType03 li{ position:relative; padding-left:15px;margin: 10px 0; font-size: 20px;}
.conType03 li:before{ content:''; position:absolute; top:13px; left:0; width:7px; height:1px; border-top:1px #555 solid; }


.p201010{margin:0 10px;}
.clearfix:after{content:""; display:block; clear:both;}
.cen1800{position:relative; width:100%; max-width:1800px; margin: 0 auto;}

	
.main_fxtitle_wr{position: -webkit-sticky; position:sticky; top:50%; left:50px;float:left;/*height:100vh;*/transform:translateY(-10%);}
.main_fxtitle_wr .result00{font-size:40px; line-height:45px; font-weight:300; color:#2a2a2a;}
.main_fxtitle_wr .result00 b{font-weight:500;}
.main_fxtitle_wr a.view_more{font-size:16px; color:#656565; font-weight:400; margin-top:80px; position:Relative; padding-right:20px;}
.main_fxtitle_wr a.pc_view_more{display:inline-block;}
.main_fxtitle_wr a.mo_view_more{display:none;}

.main_fxtitle_wr a.view_more:before,
.main_fxtitle_wr a.view_more:after{content:''; display:block; position:absolute; right:0px; top:50%; margin-top:-6px; width:2px; height:15px; background-color:#656565; -ms-transition-duration:0.3s; -webkit-transition-duration:0.3s; transition-duration:0.3s}
.main_fxtitle_wr a.view_more:after{-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.main_fxtitle_wr a.view_more:hover:before{background-color:#333; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.main_fxtitle_wr a.view_more:hover:after{background-color:#333; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

.main_fxtitle_wr a.view_more img{margin-top:-2px; margin-left:10px;}
.main_fxtitle_wr.fix{position:fixed; width:95%; max-width:1770px;}
.main_fxtitle_wr.btfix{position:absolute; width:100%; max-width:1770px; top:initial; bottom:292px;}

.main_fxtitle_wr .product{ text-align:center;}

#main_portfolio_wr{ padding-top:150px;}
#main_portfolio_box{position:relative;width:calc((100% - 37%) - 300px);float:right;padding:100px 150px 150px 150px;margin-top:-200px;}
#main_portfolio_box h1{ border-bottom:1px #ccc solid; padding-bottom:10px;}

/*P201020*/
.p201020{margin:0 10px;}
.p201020 .s02 {padding-bottom: 50px;}
.cylinder_top {height: 480px; margin-top: 100px; }
.img_201020 {display: inline-block; width: 500px; height: 400px; background: url('/theme/palbok/img/sub/2/Electric_Cylinder.jpg')no-repeat center center /cover;}

/*P201020끝*/


/*P201030*/
.p201030 {margin:0 10px;}
.img_201030 {display: inline-block; width: 500px; height: 400px; background: url('/theme/palbok/img/sub/2/Desktop_Robot.jpg')no-repeat center center /cover;}
.robot_top {height: 480px; margin-top: 100px; }
.robot_txt {border: 2px solid #0054a6; border-radius: 10px; padding: 20px; margin: 30px 0 100px; }
.robot_txt dd {font-size: 20px;}


/*P201010끝*/

/*P201040*/
.img_201040_1 {display: inline-block; width: 500px; height: 400px; background: url('/theme/palbok/img/sub/2/xyz_stage_2.jpg')no-repeat center center /cover;}
.img_201040_2 {display: inline-block; width: 500px; height: 400px; background: url('/theme/palbok/img/sub/2/Stage.jpg')no-repeat center center /cover;}

/*P201040끝*/

/*P201050*/
.autoslide {width: 90%;}
#auto_wrap {display: flex; margin-bottom: 150px;}
#auto_wrap > #main_portfolio_box {margin-top: 0; padding: 0 150px 150px 150px;}
#auto_wrap .swiper-slide {padding-bottom: 30px; cursor: pointer;}
#auto_slideImg > img {width: 100%;}
#auto_wrap #automation_box .swiper-button-prev::after {color: #0054a6; width: 95%;}
#auto_wrap #automation_box .swiper-button-next::after {color: #0054a6; width: 70%;}
#auto_wrap #automation_box .auto-pager {bottom: 0; top: auto; z-index: 10;}
#auto_wrap #automation_box .auto-pager span {background: #0054a6;}



/*P501010*/

.p501010 {margin: 50px;}
.p501010 dl{margin-bottom:20px;}
.p501010 dl dt, .p501010 dl dd{ display:inline-block; vertical-align:top;}

.p501010 dl dt{ position:relative; width:17%; font-size:27px; font-weight:600; padding-right:100px; }
.p501010 dl dt span{ display:inline-block;background:#fff; padding-right:20px; }
.p501010 dl dt:before{ content:''; position:absolute; top:50%; right:20px;width:80%; z-index:-1; height:1px; border-top:1px #999 solid;}
.p501010 dl dd{ position:relative; width:calc((100% - 17%) - 105px); color:#fff; text-align:center;}
.p501010 dl:nth-child(1) dt, .p501010 dl:nth-child(1) dd, .p501010 dl:nth-child(3) dt{height:120px; line-height:120px; }
.p501010 dl:nth-child(2) dt, .p501010 dl:nth-child(2) dd{ height:100px; line-height:100px;}
.p501010 dl:nth-child(1) dd, .p501010 dl:nth-child(2) dd, .p501010 dl:nth-child(3) dd{ font-size:28px;}
.p501010 dl:nth-child(1) dd{ background:#003663; border-radius:70px;}
.p501010 dl:nth-child(2) dd{ background:#0054a6;}
.p501010 dl:nth-child(3) dd{ background:#0072bc;height:120px;}
.p501010 dl:nth-child(3) dd p{ padding-top:30px;}
.p501010 dl:nth-child(3) dd p span{ font-size:23px;}
.p501010 dl:nth-child(4) dd li, .p501010 dl:nth-child(5) dd li{ display:inline-block; vertical-align:top; width:calc((100% / 3) - 24px); margin-right:30px;} 
.p501010 dl:nth-child(4) dd li:last-child, .p501010 dl:nth-child(5) dd li:last-child{ margin-right:0;}
.p501010 dl:nth-child(4) dd li{ background:#39C; }
.p501010 dl:nth-child(4) dd li p{ margin:30px; font-size:27px; font-weight:600;}
.p501010 dl:nth-child(4) dd li span{ position:relative; display:block; font-size:21px; padding-top:10px; margin-top:10px; font-weight:300;}
.p501010 dl:nth-child(4) dd li span:before{ content:''; position:absolute; top:0; left:0; width:100%; height:1px; border-top:1px #fff solid; opacity:0.3; }
.p501010 dl:nth-child(5) dd li{ background:#efefef; color:#555; text-align:left; min-height:185px;}
.p501010 dl:nth-child(5) dd li div{ margin:30px;}
.p501010 dl:nth-child(5) dd li div p{ position:relative; padding-left:17px; margin-bottom:5px; font-size:20px;}
.p501010 dl:nth-child(5) dd li div p:before{ content:''; position:absolute; top:15px; left:0; width:10px; height:1px; border-top:1px #555 solid; }


/*P501010끝*/


/*.contentbox{margin-top:100px;}*/
.contentbox .tabcontent{ }
.contentbox .tabcontent .tabbox{display:none;}
.contentbox .tabcontent .tabbox.tabbox_0{display:block;}
.contentbox .table-board01 th{ letter-spacing:0;}
.contentbox .table-board01 th, .contentbox .table-board01 td{ font-size:17px;}

.p201010 .contentbox .table-board01 th, .contentbox .table-board01 td {font-size: 15px;}

.detail li{ position:relative; padding-left:130px; margin-bottom:20px;} 
.detail li span{ position:absolute; top:0; left:0; display:inline-block; background:#5c9fcc; color:#fff; padding:7px 0; width:100px; text-align:center; border-radius:5px; font-size:18px;}

.size-info span{ display:inline-block; padding:10px 25px; border-radius:25px; background:#efefef;}

.li-2 ul{ display:flex;flex-wrap: wrap;}
.li-2 li{ display: table; width:calc((100% / 2) - 25px); margin-right:50px; margin-bottom:30px;}
.li-2 li:nth-child(2n+2){ margin-right:0}
.li-2 li img{ width:100%;}
.li-2 .conBox2{ border:1px #ddd solid;}


.faq_section{margin-bottom:0; padding-top:0!important;}
.faq_section ul li > a{ position:relative;display:block;border-bottom:1px dotted #ccc;line-height:77px;  font-weight:400; color:#555}
.faq_section ul li > a:before{ content:"\e942";font-family:xeicon; position:absolute; right:0; top:0;}
.faq_section ul li div.faq_cont{display:none; position:relative; padding:40px 72px 40px 40px; color:#888; background-color:#f5f5f5; overflow:hidden;}
.faq_section ul li div.faq_cont.on{display:block;}
.faq_section ul li div.faq_cont.on > a{background:url(/resources/images/etc/list_arrow_t.gif) 1100px center no-repeat;}

.section_title_wrap+.faq_list{margin-top:30px;}

.p201010 .s05 span{ display:block;}


.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.scroll_motion.on {opacity:1; transform:translateY(0);}
.info .green {color: #06714b!important;}


/*notice*/


@media all and (max-width : 1920px){
	.sub_top_box {height:500px;}
	.sub_vTxt {padding-top:0;}
	.subContent{ margin-top:70px; }
	.subContent h1{font-size:25px;}
	
	.table-board01 th, .table-board01 td { padding:10px; font-size:16px;}
	
	#main_portfolio_wr{ padding-top:100px;}
	#main_portfolio_box{width:calc((100% - 37%) - 200px); margin-top:-150px; padding:100px;}
	
	
/*	p501010*/
	.p501010 dl dt{ font-size:23px;}
	.p501010 dl:nth-child(1) dd, .p501010 dl:nth-child(2) dd, .p501010 dl:nth-child(3) dd{ font-size:23px;}
	.p501010 dl:nth-child(4) dd li p{ font-size:25px;}
	.p501010 dl:nth-child(4) dd li p span{ font-size:17px;}
	.p501010 dl:nth-child(5) dd li div p{ padding-left:13px;}
	.p501010 dl:nth-child(5) dd li div p:before{ top:10px; width:7px; }
	.p501010 dl:nth-child(5) dd li{ min-height:155px;}
	.p501010 dl:nth-child(5) dd li div p{ font-size:17px;}
	
	
	.subsidiaries .layer_area {
    max-width: 400px;
}
}

@media all and (max-width: 1400px) {

}


@media all and (max-width: 1280px) {
	.p101010 {margin:0 10px;}
	.p101020 {margin:0 10px;}
	.p101030 {margin:0 10px;}
	.p101010 .s01_ceo { width: 100%;text-align: center;margin: 0 auto; padding-bottom: 20px;;}
	.p101010 .s01_txt { width: 100%;font-size: 19px;  text-align: center !important;}
	
	#main_portfolio_box .s01 {width:60%}
	#main_portfolio_box .s02 {width:60%;}
	.his_inner {width:80%;}
	.his_img {width:30%; margin:0 10px;}
	
	
	.table-board01 bigtable {width:0;}
	.main_fxtitle_wr .product img{ width:70%;}
	.main_fxtitle_wr .product {text-align: left;}
	.contentbox{ background:none;}

	#main_portfolio_box{padding:50px;width: calc((100% - 37%) - 100px);}
	.main_fxtitle_wr .product img{ width:90%;}
	
	.subContent {margin-top:0;}
	
	.p101030 .button_area li img {width:100%; height:auto;}
    .map_bt {display: block;}
    .map_title {font-size: 35px; margin-bottom: 40px;}
    .map_txt > li {font-size: 20px; margin-bottom: 15px;}
    
    
    .electric_top {padding-top: 100px;}
	
	.main_fxtitle_wr {margin-top:160px;}
	
/*	p501010*/
	.p501010{ margin:0 10px;}
}

@media all and (max-width: 960px) {
	#main_portfolio_box .s01 {width:95%; padding: 0 10px;}
	#main_portfolio_box .s02 {width:100%; padding-bottom: 50px;}
	.his_inner {width:80%;}
	.his_img {width:30%; margin:0 10px;}
	
	.contentbox{ background:none;width:100%;}
	#main_portfolio_wr{ padding-top:0;}
	.main_fxtitle_wr{ position:relative; width:100%;padding:50px 0;transform:translateY(0); margin-top:0; top:0;}
	.main_fxtitle_wr .product {text-align: center;}
	.main_fxtitle_wr .product img{ width:80%;}
	#main_portfolio_box{ padding:0 10px; margin-top:30px; width:95%;}
	.table-board01 bigtable {width:0;}
    .electric_top > #main_portfolio_box {margin-top: 0;}
    .electric_top {display: block;padding:0;}
    .electric_top > .mb50 { width:100%;text-align: center;}
    .electric_top > .mb50 > img {width: 60%;}
    #auto_wrap {display: block; padding: 10%; margin: 0 auto;}
    #auto_wrap > #main_portfolio_box {padding: 100px 50px;}   
    
	
	.p101030 .button_area li {
    width: calc((100% / 3) - 10px); margin-right:10px;}
	
	.p501010 .s01 .s01_esg img {width:80%;}
	.p501020 .s01 .s01_intra img {width:80%;}
	
/*	p501010*/
	.p501010 dl dt{ width:100%; padding-right:0; text-align:center; font-size:20px; margin-bottom:10px;}
	.p501010 dl dt:before{ display:none;}
	.p501010 dl dd{ width:100%;}
	.p501010 dl:nth-child(1) dt, .p501010 dl:nth-child(2) dt, .p501010 dl:nth-child(3) dt{ height:20px; line-height:20px;}
	.p501010 dl:nth-child(1) dd, .p501010 dl:nth-child(2) dd, .p501010 dl:nth-child(3) dd{ font-size:20px; height:auto; line-height:normal}
	.p501010 dl:nth-child(1) dd,  .p501010 dl:nth-child(2) dd, .p501010 dl:nth-child(3) dd p{ padding:20px 0;}
	.p501010 dl:nth-child(4) dd li, .p501010 dl:nth-child(5) dd li{  width:calc((100% / 3) - 13px); margin-right:15px;} 
	
}

@media all and (max-width:800px){
	.p101020 .s01 li:nth-child(1) {width: 100%;}
	.p101020 .s01 li:nth-child(2) {width: 100%; padding: 0;margin: 20px 0 0 0;}
	
	.p101020 .s01{margin:0 0 100px 0}
}

@media all and (max-width:768px){
	.cscroll_768 {width:100%; overflow-x: auto; white-space: nowrap;}
	table {width:auto;}
}

@media all and (max-width: 640px){
	.inner .s01_ceo { width: 100%;text-align: center;margin: 0 auto; padding-bottom: 0;}
	.s01_ceo .person { width: 70%;}
	
	.p101020 .s01 dl dt {font-size: 25px;}
	.p101020 .s01 dl dd p {font-size: 17px;}
	.p101020 .s01 dl {padding-bottom: 15px; margin-bottom: 15px;}
    .img_201020 {display: block; width: 80%; height: 60%; margin: 0 auto; margin-bottom: 50px;}
	
/*	p501010*/
	.p501010 dl:nth-child(1) dd, .p501010 dl:nth-child(2) dd, .p501010 dl:nth-child(3) dd{ font-size:17px;}
	.p501010 dl:nth-child(4) dd li, .p501010 dl:nth-child(5) dd li{ width:100%; margin-right:0 ; margin-bottom:5px;} 
	.p501010 dl:nth-child(4) dd li p{ margin:20px;}
	.p501010 dl:nth-child(5) dd li{ min-height:auto;}
    .p501010 dl:nth-child(4) dd li p{ font-size:20px;}
	
	.snbTit {font-size:35px;}
	.bTxt {font-size: 20px; line-height: 25px;}
	.sub_top_box {height: auto;}
	.category {display: none;}
	.subTitleSubject {font-size: 30px;}
	.location {font-size: 15px;}
}
/*width:calc(100% - 60px);*/
@media all and (max-width:500px) {
    #auto_wrap > #main_portfolio_box {padding: 100px 50px; display: block;}   
    #main_portfolio_box { padding: 0 10px;}
    #main_portfolio_box::after {content: ''; display: block;}
	.electric_top  {height: 600px;}
	.img_201010 {display: block; width: 70%; height: 50%; margin: 0 auto; margin-bottom: 50px;}
    .cylinder_top {height: 600px;}
    .img_201020 {display: block; width: 70%; height: 50%; margin: 0 auto; margin-bottom: 50px;}
	.robot_top {height: 600px;}
    .img_201030 {display: block; width: 70%; height: 50%; margin: 0 auto; margin-bottom: 50px;}
	.stage_top {height: 600px;}
    .img_201040_1 {display: block; width: 70%; height: 50%; margin: 0 auto; margin-bottom: 50px;}
	.img_201040_2 {display: block; width: 70%; height: 50%; margin: 0 auto; margin-bottom: 50px;}
    .electric_bt {padding-top: 5px;}
}

@media all and (max-width:420px) {
	.p101030 .button_area li{ width: calc((100% / 2) - 9px); margin-bottom:20px;}
	.p101030 .button_area li:nth-child(3n+3){ margin-right:15px;}
	.p101030 .button_area li:nth-child(2n+2){ margin-right:0;}
	.p101030 .button_area li p{ font-size:15px;}
	.p101030 .button_area li .imgA { padding: 10px;}
	
	
	.main_fxtitle_wr .product {text-align: center;}
	.main_fxtitle_wr {padding:0; left:0;}
	.subContent {margin-top: 0;}
	.subTitleSubject {margin: 40px 0 20px 0;}
	
/*	#main_portfolio_box { padding: 0 20px;}*/
	
	.bTxt {font-size: 17px;line-height: 23px;}
}
/*
.sub-content-nav{ border-top:1px #ddd solid; padding-top:100px;background:url(../img/sub/sub_visual_bg.jpg) no-repeat 50% 0%;}
.sub-content-nav h3{ font-weight:400; margin-bottom:10px;}
.sub-content-nav .title{ display:flex;}
.sub-content-nav h2{ float:left; font-size:57px;}
.location{ float:left; color:#999; margin-left:50px; padding-top:20px;}
.snbTit{ width:100%; text-align:center;  font-size:50px;}

.sub-area{ position:relative; margin:0 10%;}

.category{ background:#fff; margin-top:50px; }

.category li{ position:relative; display:inline-block; }
.category li:last-child{ margin-right:0; padding-right:0;}
.category li:before{ content:''; position:absolute; right:0; top:22px; border-right:1px #fff solid; width:1px; height:20px; opacity:0.3;}
.category li:last-child:before{ display:none;}
.category a{ color:#000; display:block;padding:20px 30px; font-size:23px; }
.category .selected2 a{ position:relative; color:#191563; font-weight:600;}


.sub_v{ position:absolute; top:60px;right:50px; width:350px; height:222px; background-repeat:no-repeat; background-size: auto 100%; z-index:1; background-position:100% 100%; }

.depth3{ background:#f1f1f1; padding:30px 0 }
.depth3 li{ display:inline-block;}
.depth3 li a{ font-size:20px; padding:10px 20px;}
.depth3 li:nth-child(1) a{ margin-left:10px;}
.depth3 .on{ }
.depth3 .on a{background:#04a119; color:#fff; border-radius:10px;}


.subContent{ margin-top:100px; word-break:keep-all; line-height:30px; color:#555;}
.subContent h1{ font-size:30px; font-weight:500; color:#222; margin-bottom:20px;}

.conType01 dl{ position:relative; border-bottom:1px #ddd solid; padding-bottom:50px; margin-bottom:50px;}
.conType01 dl:last-child{ margin-top:0; padding-top:0;}
.conType01 dl dt{ position:absolute; top:0; left:0; font-size:30px; color:#222; font-weight:400; line-height:40px; }
.conType01 dl dt:before{ content:'';display:block; width:100px; height:70px; margin-bottom:10px;}
.conType01 dl:nth-child(1) dt:before{  background:url(/theme/sftp/img/sub/num_01.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(2) dt:before{  background:url(/theme/sftp/img/sub/num_02.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(3) dt:before{  background:url(/theme/sftp/img/sub/num_03.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(4) dt:before{  background:url(/theme/sftp/img/sub/num_04.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(5) dt:before{  background:url(/theme/sftp/img/sub/num_05.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(6) dt:before{  background:url(/theme/sftp/img/sub/num_06.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(7) dt:before{  background:url(/theme/sftp/img/sub/num_07.png) no-repeat; background-size: auto 100%;}

.conType01 dl dt span{ display:block; font-weight:600;}
.conType01 dl dd{ margin-left:20%;}

.conType02 dl{ position:relative; margin-top:70px;}
.conType02 dl:nth-child(1){ margin-top:0;}
.conType02 dl dt{ display:block;font-size:30px;color:#222;}
.conType02 dl dt span{font-weight:600;}
.conType02 dl dd{ margin-top:20px;}

.conType03 li{ position:relative; padding-left:15px;margin-bottom:5px;}
.conType03 li:before{ content:''; position:absolute; top:13px; left:0; width:7px; height:1px; border-top:1px #555 solid; }



.conType04 li{ display:inline-block; vertical-align:top; width:calc((100% / 3) - 37px); margin-right:50px;}
.conType04 li:last-child{ margin-right:0;}
.conType04 li img{ width:100%;}
.conType04 li p{ margin-top:20px;}

.conBox{ background:#f2f6f9; padding:50px 70px;}


.policy-wrapper h2{ margin-bottom:10px; font-size:30px; margin-top:30px;}
.policy-wrapper h2:nth-child(1){ margin-top:0;}
.policy-wrapper h3{ margin-bottom:10px; margin-top:20px; font-size:23px; color:#222;}
.policy-wrapper .pTit{ background:#efefef; margin:100px 0 50px 0; padding:30px 0; font-size:35px;}

.policy-wrapper ul, .policy-wrapper ol {padding-left: 20px;}

.table-board01 {border-top: 2px solid #2f5993; border-bottom: 1px solid #d5d5d5; color: #000; width:100%;word-break:keep-all;}
.table-board01 th, .table-board01 td {padding: 20px 30px;border-right: 1px solid #d5d5d5; vertical-align: middle; text-align: center; border-bottom: 1px solid #d5d5d5;}
.table-board01 thead th {background: #f5f5f5;}
.table-board01 th:last-child, .table-board01 td:last-child {border-right: none;}
.table-board01 tbody th {background: #f5f5f5;letter-spacing:0; font-weight:400;}
.table-board01 tbody td {color: #555;letter-spacing:0; }
.table-board01 tbody p {display:block;}
.table-board01 .br{ border-right: 1px solid #d5d5d5 !important; }
.table-board01 .al{ text-align:left;}

.table-board02 {border-top: 1px solid #2f5993; border-bottom: 1px solid #d5d5d5; color: #000; width:100%;word-break:keep-all;}
.table-board02 th, .table-board02 td {padding:15px 30px;border-right: 1px solid #d5d5d5; vertical-align: middle; text-align: center; border-bottom: 1px solid #d5d5d5;}
.table-board02 thead th {background: #f5f5f5;}
.table-board02 th:last-child, .table-board02 td:last-child {border-right: none;}
.table-board02 th {background: #f5f5f5;letter-spacing:0; font-weight:400;}
.table-board02 td {color: #555;letter-spacing:0; }
.table-board02 p {display:block;}
.table-board02 .br{ border-right: 1px solid #d5d5d5 !important; }
.table-board02 .al{ text-align:left;}*/


/* 시설안내 */

/*.guide_fx_wr{ position:relative;}

.guide_fx_wr img{ width:90%;}
.guide_fx_wr li{ position:relative; margin-bottom:30px; border:1px #ccc solid; border-radius:30px; text-align:center; padding:30px 0;}
.guide_fx_wr li:last-child{ margin-bottom:0;}
.p102030 .guide_fx_wr li:before, .p102040 .guide_fx_wr li:before{  position:absolute; top:15px;; left:15px; width:50px; height:50px; line-height:50px; background:#333; color:#fff; border-radius:50%; text-align:center;}
.p102030 .guide_fx_wr li:nth-child(1):before, .p102040 .guide_fx_wr li:nth-child(1):before{content:'1F';}
.p102030 .guide_fx_wr li:nth-child(2):before, .p102040 .guide_fx_wr li:nth-child(2):before{content:'2F';}

.guide_box{position:relative;}
.guide_box .cons dl{ display:inline-block; vertical-align:top; width:calc((100% / 2) - 38px) ; margin-right:70px; margin-bottom:70px;}
.guide_box .cons dl:nth-child(2n+2){ margin-right:0;}
.guide_box .cons dl dt{ font-size:25px; font-weight:500; color:#0790d0}
.guide_box .cons dl dt p{ margin:25px 0 0px 0;}
.guide_box .cons dl dd .tip{ position:relative;  padding:10px 0; margin-top:10px; padding-left:60px; background:#e5edf3; border-radius:10px; font-size:20px;}
.guide_box .cons dl dd .tip span{ position:absolute; top:10px; left:10px; display:inline-block; color:#fff; padding:0px 10px; background:#448ccb; border-radius:5px; font-size:15px; margin-right:10px;}
.guide_box .cons dl dd .guideTxt { background:#e5edf3; padding:20px 30px;border-radius:10px; margin-top:10px;}
.guide_box .cons dl dd .guideTxt .gTit{ font-weight:500; color:#004a80}
.guide_box .cons dl dd .guideTxt dl{ position:relative; margin:0; padding:0;}
.guide_box .cons dl dd .guideTxt dl dt{ position:absolute; top:0; left:0;color: #555; font-size:21px;}
.guide_box .cons dl dd .guideTxt dl dd{ padding-left:82px;}


.guide_box .cons img{ width:100%;}

.guide_box .cTit{ font-size:35px; font-weight:700; margin-bottom:20px; color:#111;}
.guide_box .TitBox{ border-bottom:1px #ddd solid; padding-bottom:30px;}
.guide_box .TitBox .in, .guide_box .TitBox .floor-plan{ display:inline-block; vertical-align:top;}
.guide_box .TitBox .in{ width:50%;}
.guide_box .TitBox .floor-plan{ width:calc((100% - 50%) - 55px); margin-left:50px;}
.guide_box .TitBox .floor-plan .pic{ border:1px #ddd solid; padding:50px; border-radius:20px;}
.guide_box .TitBox .floor-plan img{ width:100%;}
.guide_box .TitBox .floor-plan p{ text-align:center; margin-top:10px; font-size:19px; color:#777;}
.guide_box .TitBox .scale{ margin-top:30px;padding-top:15px;}



.modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; z-index:11} 
.modal-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: white;padding:70px;width:1200px;height:auto;border-radius: 0.5rem;} 
.modal-content img{ width:100%;}
.modal-content h1{}
.modal-content p{ margin-bottom:30px;}
.close-button {float: right;width: 1.5rem;line-height: 1.5rem;text-align: center;cursor: pointer;border-radius: 0.25rem;background-color: lightgray;} 
.close-button:hover {background-color: darkgray; } 
.show-modal {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; } 
.trigger{ background:none;}


.p101010 .s01{ position:relative;}

.p101010 .s01 .map{ margin-bottom:30px;}
.p101010 .s01 .map img{ width:100%;}
.p101010 .s01 .point div{ position:absolute;}
.p101010 .s01 .point img{ width:230px;}

.p101010 .s01 .point p{ position:absolute; top:40px; left:0; width:100%; text-align:center; line-height:20px;  }
.p101010 .s01 .point .txt{ font-weight:600; font-size:19px; line-height:23px; color:#222; display:block; }
.p101010 .s01 .point .more{ display:inline-block; font-size:16px; background:#FFF; border-radius:5px; padding:3px 10px; margin-top:3px;}
.p101010 .s01 .point p a{ display:block; width:100%; height:100%;}
.p101010 .s01 .point i{ display:inline-block; width:35px; height:35px; line-height:35px; font-size:23px; background:#06C; color:#fff; vertical-align:middle; border-radius:50%;}
.p101010 .s01 .point .icon{ display:inline-block; width:40px; height:37px; display:inline-block;vertical-align:top; }
.p101010 .s01 .point .icon01{background:url(../img/sub/1/p101010-08.png) no-repeat 50% 50%;background-size:auto 100%;}
.p101010 .s01 .point .icon02{background:url(../img/sub/1/p101010-02.png) no-repeat 50% 50%;background-size:auto 100%;}
.p101010 .s01 .point .icon03{background:url(../img/sub/1/p101010-03.png) no-repeat 50% 50%;background-size:auto 100%;}
.p101010 .s01 .point .icon04{background:url(../img/sub/1/p101010-04.png) no-repeat 50% 50%;background-size:auto 100%;}
.p101010 .s01 .sp01{ top:90px; left:290px;}
.p101010 .s01 .sp02{ top:130px; left:67px; width:300px;}
.p101010 .s01 .sp03{ top:270px; left:50px;}
.p101010 .s01 .sp04{ top:380px; left:40px;}
.p101010 .s01 .sp05{ top:550px; left:40px;}
.p101010 .s01 .sp06{ top:690px; left:40px;}
.p101010 .s01 .sp07{ top:250px; left:360px;}
.p101010 .s01 .sp08{ top:390px; left:400px;}
.p101010 .s01 .sp09{ top:535px; left:460px;}
.p101010 .s01 .sp10{ top:640px; left:460px;}
.p101010 .s01 .sp11{ top:430px; left:640px;}
.p101010 .s01 .sp12{ top:380px; right:400px;}
.p101010 .s01 .sp13{ top:60px; right:70px;}


.p101010 .s01 li{ display:inline-block; vertical-align:top; margin:0 10px;}
.p101010 .s01 li img{ width:40px; margin-right:10px;}
.p101010 .s02{ margin-top:100px; border-top:2px #333 solid; padding-top:50px;}
.p101010 .s02 dl{ display:flex;}
.p101010 .s02 dl dt{ float:left; width:40%; font-size:60px; line-height:70px; color:#111; font-weight:300;}
.p101010 .s02 dl dt span{ font-weight:800;}
.p101010 .s02 dl dd{ float:right; width:55%;}
.p101010 .s02 dl dd .fs25{ line-height:35px;}
.p101010 .s02 li{ position:relative; padding-left:120px; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:10px;}
.p101010 .s02 li span{ position:absolute; top:0; left:0; font-weight:600;}


.p102050 .area li{ display:inline-block; vertical-align:top; width:calc((100% / 3) - 17px); margin-right:20px;}
.p102050 .area li:last-child{ margin-right:0;}
.p102050 .area img{ width:100%;}

.p102060 .ac{ margin:0 15%; border:1px #ddd solid; padding:50px 0; }
.p102060 .ac .fs30{ line-height:40px;}

.p103010 .guide_fx_wr li{ padding:0 0 0 20px; margin:0; border:0; text-align:left;}
.p103010 .table-board01 th, .p103010 .table-board01 td, .p302010 .area .table-board01 th, .p302010 .area .table-board01 td
.p102030 .table-board01 th, .p102030 .table-board01 td{ padding:10px 20px;}
.p103010 .area{ background:#e5edf3; padding:15px; margin-top:15px;border-radius:10px;font-size:20px;}
.p103010 .area li{ margin-bottom:0;}

.p105010 .menu{ border:1px #e1757f solid; padding:20px; text-align:center; border-radius:10px; color:#e1757f; font-weight:500; letter-spacing:0;}
.p105010 h1 span{ font-size:23px;}


.p302010 .area{border:1px #ddd solid; padding:50px;}
.p302010 .area li{ display:inline-block; vertical-align:top;width:calc((100% / 3) - 38px); margin-right:50px;}
.p302010 .area li:last-child{ margin-right:0;}


.p304010 dl{ position:relative; margin-bottom:30px; padding-bottom:30px;border-bottom: 1px dashed #e5e5e5;}
.p304010 dl dt{ position:absolute; top:0; left:0; padding-left:45px; font-weight:600; color:#222; height:30px; line-height:30px; }
.p304010 dl dd{ margin-left:220px;}
.p304010 dl:nth-child(1) dt:before{ background:url(/theme/sftp/img/sub/3/p304010-01.png) no-repeat;background-size:auto 100%;}
.p304010 dl:nth-child(2) dt:before{ background:url(/theme/sftp/img/sub/3/p304010-02.png) no-repeat;background-size:auto 100%;}
.p304010 dl:nth-child(3) dt:before{ background:url(/theme/sftp/img/sub/3/p304010-03.png) no-repeat;background-size:auto 100%;}
.p304010 dl:nth-child(4) dt:before{ background:url(/theme/sftp/img/sub/3/p304010-04.png) no-repeat;background-size:auto 100%;}
.p304010 dl:nth-child(5) dt:before{ background:url(/theme/sftp/img/sub/3/p304010-05.png) no-repeat;background-size:auto 100%;}
.p304010 dl dt:before{ content:'';  position:absolute; top:0; left:0; width:100px; height:30px; }
.p304010 .area01 li{ display:inline-block;}
.p304010 .area01 li:nth-child(1){ margin-right:50px;}
.p304010 .conType03 li{ margin-bottom:0;}

.p305010 .area{ position:relative;}
.p305010 .area .cTit{ margin-top:15px; font-weight:500;}
.p305010 .area .tip{ position:relative; background:#efefef; padding:10px; border-radius:10px; font-size:16px; line-height:19px; margin-top:15px;}
.p305010 .area .tip i{ position:absolute; top:-15px; left:0; width:100%; text-align:center; font-size:20px; color:#efefef;}
.p305010 li{ position:relative; display:inline-block; vertical-align:top; text-align:center; width:calc((100% / 5) - 44px); padding-right:50px;}
.p305010 li:before{ content:''; position:absolute; top:80px; right:-70px; width:100%; border-top:5px #ccc dotted; height:2px;}
.p305010 li:last-child:before{ display:none;}
.p305010 li:last-child{ padding-right:0;}
.p305010 li .xi-angle-right{ position:absolute; top:70px; right:-25px; font-size:25px; font-weight:bold;color:#ccc;background:#fff;}*/

/*이미지 ratio 박스*/
/*.img-box{display:block;position:relative;width:100%;text-align:center;}
.img-thum{display:block;position:relative; width:170px;padding-top:170px;overflow:hidden; border-radius:50%; margin:0 auto;}
.img-center{display:block;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.img-box img{position:absolute;top:0;left:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;height:100%;}



.root_daum_roughmap{ width:100% !important; }
.root_daum_roughmap .wrap_map{height:600px !important;}


.p501010 .area{ border:1px #ddd solid; padding:70px; margin-bottom:30px;}
.p501010 .area:last-child{ margin-bottom:0;}
.p501010 .area .txt_essential{ color:#06C; font-size:17px;font-style:normal;}*/






/* 단체관람 신청서 선택 */
/*
.app-from{ border-top:1px solid #333; width:100%;}
.app-from th, .app-from td{border-bottom: 1px solid #d9d9d9;padding: 14px 38px; color:#444;}
.app-from th{ background-color: #f4f5f8; text-align:left; font-weight:500; font-size:20px;}
.app-from td{}

.app-from .txt{ display:inline-block; padding-left:10px; font-weight:500; font-size:20px;}
.app-from textarea{ width:calc(100% - 40px); height:270px; border:1px solid #ccc;font-size:16px;padding: 8px 20px;}

.app-from input[type="text"]{width:100%;height:40px;border:1px solid #ccc;-webkit-border-radius:0;background-color:#fff;box-sizing:border-box;-webkit-appearance:none;outline:none;font-size:16px;padding: 8px 20px;}
input.w80:not(.browser-default) {width: 80%;}
.app-from .select-wrap {display: inline-block;position: relative;padding: 0;margin: 0;}
.app-from .select-wrap select{ position:relative; width:150px;height:40px;padding:0 20px;margin-right:5px;font-size:17px;color:#555;border: 1px solid #ddd;vertical-align: middle;-webkit-appearance: none; background:#fff;}
.app-from .select-wrap:after { content: ""; position: absolute; top: 50%;right: 20px;width: 0px;height: 0px; border-top: calc( 3px * 1.732 ) solid #aaa; border-left: 4px solid transparent; border-right: 4px solid transparent;
    transform: translateY(-50%);  z-index: 1;}

.cont_box-add{position: relative; margin-bottom:50px; text-align:center; background:#7cc576; padding:20px 0;}
.cont_box-add div{ display:inline-block; margin:0 20px;}
.input_radio input.radioBtn{position:absolute; left:-9999px;}
.input_radio input.radioBtn + label{position:relative; cursor:pointer;}
.input_radio input.radioBtn + label:before{content:""; position:absolute; left:0; top:4px; width:20px; height:20px; line-height:20px; text-align:center; background:#fff; border:1px solid #aaa; border-radius:50%;}
.input_radio input.radioBtn:checked + label:before{background:#fff; border-color:#7cc576;}
.input_radio input.radioBtn:checked + label:after{content:""; position:absolute; left:6px; top:10px; width:10px; height:10px; background:#7cc576; border-radius:50%;}
.cont_box-add label {padding-left:30px;color: #fff; font-size:25px;}
.input_radio .radioBtn + label { position: relative;  cursor: pointer;}
.input_radio input.radioBtn {position: absolute;left: -9999px;}

.input_area { position: relative;flex: 1;}
.input_chk { margin-right: 25px;}
.input_chk {display: inline-block;position: relative;margin-right: 30px;font-size:20px;line-height: 20px;cursor: default; font-weight:500;}
.input_chk input {position: absolute;top: 0;padding: 0;margin: 0;width: 20px;height: 20px;appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;opacity: 0;vertical-align: top;z-index: 9;}
.input_chk i:before, .input_chk i:after {position: absolute;}
.input_chk input:checked + i:after {content: '';width: 7px;height: 5px;top: 6px;left: 5px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.input_chk input:checked + i:before {background: #0072ce;border-color: #0072ce;}
.input_rdo input:checked + i:before{border-color: #0072ce;}
.input_rdo input:checked + i:after {content: '';top: 6px;left: 4px;width: 8px;height: 8px;margin: auto;background: #0072ce;border-radius: 100%;}
.input_chk i {position: relative;display: inline-block;padding-left: 26px;font-style: normal;box-sizing: border-box;}
.input_chk i:before {content: '';top: 2px;left: 0;width: 16px;height: 16px;border: 1px solid #737373;border-radius: 2px;background: #fff;}
.input_chk i label {vertical-align: inherit;}
.input_chk i label:after {content: '';position: absolute;left: -26px;top: 0;right: 0;bottom: 0;}

.guide li{ position:relative; padding-left:25px; padding-bottom:5px; color:#444; font-size:20px;}
.guide li:before{ position:absolute; top:0; left:0; }
.guide li:nth-child(1):before{ content:'1.';}
.guide li:nth-child(2):before{ content:'2.';}
.guide li:nth-child(3):before{ content:'3.';}
.guide li:nth-child(4):before{ content:'4.';}
.guide li:nth-child(5):before{ content:'5.';}
.guide li:nth-child(6):before{ content:'6.';}
.guide li:last-child{ padding-bottom:0;}


.agreeBox{  padding:30px 0;}
.agreeBox p{ font-weight:700; font-size:25px;}
.Agree { position:absolute; top:30px; right:0;}
.Agree label {padding-left:30px;color: #333; font-size:25px;}


.btnArea{ border-top:2px #333 solid; padding-top:30px; margin-top:20px;}
.confirm{ display:inline-block; background:#0076a3; color:#fff; padding:12px 40px; font-size:20px; border-radius:5px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.confirm:hover{ background:#005685}


@media all and (max-width : 1920px){
	
	.sub-content-nav{ background-size:auto 270px;}
	.sub-content-nav h2{  font-size:47px;}
	.category{ margin-top:30px;}
	.category a{padding:15px 20px; font-size:19px;}
	.category li::before{ height:15px; top:19px;}
	.sub_v{ top:42px;right:50px; width:270px; height:171px; }
	.depth3{padding:25px 0 }
	.depth3 li a{ font-size:17px; padding:7px 15px;}
	
	.subContent{ margin-top:70px; line-height:22px;}
	.subContent h1{ font-size:25px;}
	
	.table-board01 th, .table-board01 td {padding:15px 20px;}
	
	.conType01 dl{  padding-bottom:30px; margin-bottom:30px;}
	.conType01 dl dt, .conType02 dl dt{ font-size:25px; line-height:33px;}
	.conType01 dl dt:before{  height:50px; }
	
	.conType02 dl{  margin-top:50px;}
	.conType03 li{ padding-left:12px;}
	.conType03 li:before{  top:10px; width:5px; }
	
	
	.policy-wrapper h2{ font-size:25px;}
	.policy-wrapper h3{ font-size:19px;}
	.policy-wrapper .pTit{font-size:25px; margin:50px 0 30px 0;}
	
	
	.p101010 .s01 li img{ width:30px; margin-right:10px;}
	.p101010 .s01 .point img{ width:170px;}
	.p101010 .s01 .point p{ top:25px;}
	.p101010 .s01 .point i{width:27px; height:27px; line-height:27px; font-size:17px;}
	.p101010 .s01 .point .txt{ font-size:16px; line-height:20px;}
	.p101010 .s01 .point .more{ font-size:15px; }
	.p101010 .s01 .point .icon{ width:30px; height:30px;}
	
	.p101010 .s01 .sp01{ top:90px; left:200px;}
	.p101010 .s01 .sp02{ top:120px; left:25px; width:240px;}
	.p101010 .s01 .sp03{ top:220px; left:30px;}
	.p101010 .s01 .sp04{ top:300px; left:40px;}
	.p101010 .s01 .sp05{ top:420px; left:40px;}
	.p101010 .s01 .sp06{ top:530px; left:40px;}
	.p101010 .s01 .sp07{ top:180px; left:270px;}
	.p101010 .s01 .sp08{ top:285px; left:300px;}
	.p101010 .s01 .sp09{ top:395px; left:340px;}
	.p101010 .s01 .sp10{ top:475px; left:340px;}
	.p101010 .s01 .sp11{ top:360px; left:480px;}
	.p101010 .s01 .sp12{ top:300px; right:300px;}
	.p101010 .s01 .sp13{ top:40px; right:50px;}
	
	.p101010 .s02 dl dt{ font-size:45px; line-height:55px;}
	.p101010 .s02 dl dd .fs25{ line-height:27px;}
	.p101010 .s02 li{ padding-left:100px;}
	
	.guide_fx_wr{ margin-top:300px;}
	.p103010 .guide_fx_wr{margin-top:270px;}
	.p102030 .guide_fx_wr li:before, .p102040 .guide_fx_wr li:before{ width:35px; height:35px; line-height:35px;}
	.guide_fx_wr img{ width:95%;}
	.guide_box dl dt{ font-size:20px;}
	.guide_box .cons dl dd .tip{ padding-top:10px; font-size:15px;}
	.guide_box .cons dl dd .tip span{ font-size:12px; letter-spacing:0; top:10px;}
	.guide_box .cons dl dd .guideTxt dl dt{ font-size:16px;}
	.guide_box .cons dl dd .guideTxt dl dd{ padding-left:60px;}
	
	
	.p102060 .ac .fs30{ line-height:30px;}
	.p103010 .guide_fx_wr li{ padding-left:15px;}
	.p103010 .area{ font-size:15px;}
	
	.p105010 h1 span{ font-size:17px;}
	
	
	.p302010 .area{ padding:30px 50px;}
	.p302010 .area li {width: calc((100% / 3) - 23px); margin-right:30px;}	
	
	.p304010 dl{ margin-bottom:20px; padding-bottom:20px;}
	.p304010 dl dt{ height:25px; line-height:25px; padding-left:35px;}
	.p304010 dl dt:before{  height:25px; }
	
	.root_daum_roughmap .wrap_map{height:450px !important;}
	
	.p501010 .area{ padding:50px;}
	.p501010 .area .mb20{ margin-bottom:10px;}
	.input_radio input.radioBtn + label::before{ width:16px; height:16px;}
	.input_radio input.radioBtn:checked + label::after{ left:4px; top:8px; }
	.cont_box-add label{ font-size:20px; padding-left:25px;}
	.app-from th, .app-from .txt, .input_chk { font-size:17px;}
	.app-from th, .app-from td{padding: 14px 25px;}
	.app-from input[type="text"]{ font-size:15px;}
	.app-from textarea{ height:170px;}
	
	.guide li{ font-size:17px;}
	.agreeBox p{ font-weight:700; font-size:20px;}
	.Agree label { font-size:20px; padding-left:25px;}
	
	
	.confirm{ padding:12px 40px; font-size:17px;}
	
	.modal-content{ width:800px;}
	.guide_box .TitBox .floor-plan p{ font-size:15px;}
	
	.img-thum{ width:130px; padding-top:130px;}
	.p305010 .area .tip{ font-size:14px; line-height:17px;}
	.p305010 .area .tip i{ font-size:17px; top:-13px;}
	.p305010 li::before{ top:65px;}
	.p305010 li .xi-angle-right{ top:57px; right:-22px;}
	
	
}

@media all and (max-width : 1280px){
	.sub-content-nav .inner{ width:calc(100% - 20px); padding:0 10px;}
	
	.p301010, .p302010, .p303010, .p304010, .p501010, .p102010, .p102020, .p102030, .p102040, .p102050, .p102060, .p103010, .p103020, .p101010 .s02, .p104010, .p105010, .p105020, .p305010{ margin:0 10px;}
	
	.p501010 .area{ padding:10px;}
 
	.guide_box .TitBox .floor-plan{width: calc((100% - 50%) - 24px);margin-left:20px;}
	.guide_box .TitBox .floor-plan .pic{ padding:20px;}
	
	.p102060 .ac{ margin:0;}
	.p101010 .s02{ margin-top:50px;}
	.p101010 .s02 dl dt{ font-size:35px; line-height:45px;}
	
	.cscroll_1280 {-webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y: auto; width:100%; margin-bottom:10px;}
	.p101010 .s01{ width:1280px;}
	.cscroll_1280 .s01 .map img { width:1280px;}

	.p305010 .conType01 dl dt{ width:100%;}
	.p305010 .conType01 dl dd{ width:100%; margin:15px 0 0 0;}
	
	.p305010 li::before{ width:100px; right:0;}
	



}

@media all and (max-width : 960px){
	.sub-content-nav .title{ display:block;}
	.sub-content-nav h2{float:none; }
	.location{ float:none; margin:0; text-align:left;}
	.sub_v{ top:80px;}
	
	.sub-content-nav{ padding:50px 0;}
	.sub-content-nav h2{ font-size:37px;}
	.sub_v{ top:-30px; right:20px; height:150px;}
	
	.category{ display:none;}
	.depth3{ display:none;}
	
	.conType01 dl dt{ position:relative; margin-bottom:15px;}
	.conType01 dl dt::before{ display:none;}
	.conType01 dl dt br{ display:none;}
	.conType01 dl dt span{ display:inline-block;}
	.conType01 dl dd{ margin-left:0;}
	
	
	.conType04 li{width: calc((100% / 3) - 16px);margin-right:20px;}
	
	.p302010 .area {padding: 30px;}
	
	.p304010 dl dd{ margin-left:170px;}
	.root_daum_roughmap .wrap_map{height:350px !important;}
	
	.app-from th, .app-from td{padding: 10px 15px;}
	input.w80:not(.browser-default){ width:75%;}
	
	.guide_box .cons dl{width: calc((100% / 2) - 17px);margin-right:30px;margin-bottom:30px;}
	.guide_box .cons dl dt{ font-size:20px;}
	
	
	.modal-content{ width:calc((100% - 10%) - 20px); margin-left:0; padding:30px 20px;}
	.subContent h1{ margin-bottom:10px;}
	
	.p101010 .s02 dl{ display:block;}
	.p101010 .s02 dl dt{ width:100%; margin-bottom:10px;}
	.p101010 .s02 dl dt br{ display:none;}
	.p101010 .s02 dl dd{ width:100%;}
	
	
	.img-thum{ width:100px; padding-top:100px;}
	.p305010 li::before{ top:50px;}
	.p305010 li .xi-angle-right{ top:43px; right:0px; }
	
}




@media all and (max-width : 640px){
	
	
	.subContent{ margin-top:50px;}
	.sub-content-nav{ padding-top:50px;}
	.sub-content-nav h2{ font-size:30px;}
	.sub_v{ height:100px; top:-30px;}
	
	.conBox{ padding:25px;} 
	
	
	.conType04 li{width: calc((100% / 3) - 9px);margin-right:10px;}
	
	.guide_box .TitBox .in{ width:100%;}
	.guide_box .TitBox .floor-plan{ width:100%; margin:20px 0 0 0;}
	.guide_box .cons dl{width:100%;margin-right:0;}
	.guide_box .cons dl .mt20{ margin-top:10px;}
	
	.p102050 .area li{width: calc((100% / 3) - 9px);margin-right:10px;}
	
	
	.p302010 .area li{ width:100%; margin:0 0 20px 0;}
	.p302010 .area li:last-child{ margin-bottom:0;}
	.p304010 dl dt{ position:relative; margin-bottom:10px;}
	.p304010 dl dd{ margin:0;}
	
	.app-from th, .app-from .txt, .input_chk{ font-size:15px;}
	.app-from input[type="text"]{ padding:5px; height:35px;}
	
	.cont_box-add label{ font-size:17px;}
	.p501010 .fs30{ margin-bottom:15px;}
	input.w80:not(.browser-default){ width:70%;}
	
	.input_chk{ margin-right:17px;}
	
	.p305010 li{width: calc((100% / 3) - 33px);padding-right:30px; margin-bottom:20px;}	
	.p305010 li:nth-child(3n+3){ padding-right:30px;}

	.p305010 .area{ overflow:hidden}
	
	
	
	
	

}

@media all and (max-width : 480px){
	
	
	.subContent h1{ font-size:20px;}
	.sub-content-nav h2{ font-size:25px;}
	
	.root_daum_roughmap .wrap_map{height:300px !important;}
	input.w80:not(.browser-default){ width:60%;}
	.app-from .txt{ padding-left:5px;}
	
	.guide_box .cTit{ font-size:20px;}
	.guide_box .TitBox .in .fs23{ font-size:19px;}
	.guide_box .cons dl dt p{ margin-top:20px;}
	
	.conType04 li{width:100%;margin-right:0; margin-bottom:20px;}
	.conType04 li:last-child{ margin-bottom:0;}
	
	.p305010 li{width: calc((100% / 2) - 33px);padding-right:20px; margin-bottom:20px;}	
	.p305010 li:nth-child(3n+3){ padding-right:20px;}
	.p305010 li:nth-child(2n+2){ padding-right:0px;}
	.p305010 li::before{ display:none;}
	.p305010 li .xi-angle-right{ left:150px; background:none;}
	.p305010 .conBox br{ display:none;}
}*/