.location{ color:#777;margin-bottom:50px;}
.location .xi-angle-right-min{ padding:0 10px;}


.subTitleSubject{ margin:100px 0 20px 0;}
.sub-area{ position:relative; margin:0 10%;}


.category{ position:absolute; bottom:0; left:0; background:#fff; width:100%; text-align:center;  }
.category ul{border-bottom:1px #ddd solid; margin:0 2%;}
.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:32px; border-right:1px #ccc solid; width:1px; height:20px; opacity:0.3;}
.category li:last-child:before{ display:none;}
.category a{ color:#777; display:block;padding:30px 40px; font-size:23px; }
.category .selected2 a{ position:relative; color:#36C; font-weight:600;}
.category .selected2 a:before{ content:''; position:absolute; left:0; bottom:0;background:#36C; width:100%; height:3px; }


.tabmenu_box{}
.depth3 { margin:0 20%;}
.depth3 ul { display: flex; justify-content: center;}
.depth3 ul li{ display:table; width:calc(100% / 3)}
.depth3 ul li a{display:table-cell; width:100%; height:70px; padding:0 4%;  box-sizing:border-box; border-color:#d3d3d3; border-style:solid; border-width:1px; border-left-width:0; border-top-width:0; letter-spacing:0; font-weight:500; font-size:23px; text-align:center; vertical-align:middle; color:#20273a; }
.depth3 ul li:nth-child(1) a, .depth3 ul li:nth-child(2) a, .depth3 ul li:nth-child(3) a, .depth3 ul li:nth-child(4) a, .depth3 ul li:nth-child(5) a{border-top-width:1px;}
.depth3 ul li:first-child a, .depth3 ul li:nth-child(5n+1) a{border-left-width:1px;}
.depth3 ul li.on a, .depth3 ul li.active a, .depth3 ul li a:hover{border-color:transparent; background-color:#0063af; background-repeat:no-repeat; background-position:right center; background-image:url(../images/sub/tab_menu_bg.png); color:#FFF;}





.sub_top_box{ height:770px; background-size:cover; background-position:100% 100%; text-align:center; }
.sub_top_box .inner{ height:100%;}

.sub_vTxt{ color:#fff; padding-top:300px;}

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

.conType01 dl{ position:relative; border-bottom:1px #ddd solid; padding-bottom:100px; margin-bottom:100px;}
.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/koenone_en/img/sub/num_01.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(2) dt:before{  background:url(/theme/koenone_en/img/sub/num_02.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(3) dt:before{  background:url(/theme/koenone_en/img/sub/num_03.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(4) dt:before{  background:url(/theme/koenone_en/img/sub/num_04.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(5) dt:before{  background:url(/theme/koenone_en/img/sub/num_05.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(6) dt:before{  background:url(/theme/koenone_en/img/sub/num_06.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(7) dt:before{  background:url(/theme/koenone_en/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;}

.conType05 li{ position:relative; padding-left:40px;margin-bottom:10px;line-height:30px;}
.conType05 li:before{ position:absolute; top:0; left:0; width:30px; height:30px; line-height:30px; font-size:15px; text-align:center;  border-radius:50%; background:#ddd;}
.conType05 li:nth-child(1):before{ content:'01';}
.conType05 li:nth-child(2):before{ content:'02';}
.conType05 li:nth-child(3):before{ content:'03';}
.conType05 li:nth-child(4):before{ content:'04';}
.conType05 li:nth-child(5):before{ content:'05';}
.conType05 li:nth-child(6):before{ content:'06';}
.conType05 li:nth-child(7):before{ content:'07';}
.conType05 li:nth-child(8):before{ content:'08';}
.conType05 li:nth-child(9):before{ content:'09';}
.conType05 li:nth-child(10):before{ content:'10';}


.conType06 p{ position:relative; padding-left:15px;margin-bottom:5px;}
.conType06 p:before{ content:''; position:absolute; top:8px; left:0; width:3px; height:3px; background:#CCC; border-radius:50%;}


.conBox1{ background:#f2f6f9; padding:50px 70px;}
.conBox2{ background:#fff; padding:50px 70px;}
.conBox3{ background:#f5f5f5; padding:30px;}
.conBox4{ border:1px #ccc solid; padding:30px;}

.d-inline-block{ display:inline-block;}

.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 10px;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-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;}






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

.p101010 .s02 { border-top:1px #ddd solid;}
.p101010 .s02 dl{display:flex;flex-wrap: wrap;}
.p101010 .s02 dl dt{ width:30%; margin-right:100px;}

.p101010 .s02 dl dd{ width:calc((100% - 30%) - 100px) }


.history_menu ul li{float:left; display:table; width:50%;}
.history_menu ul li a{display:table-cell; width:100%; height:200px; padding:0 4%; line-height:23px; box-sizing:border-box; border-color:#d3d3d3; border-style:solid; border-width:1px; border-left-width:0; border-top-width:0; text-align:center; vertical-align:middle; color:#20273a; font-size:17px;}
.history_menu ul li:nth-child(1) a, .history_menu ul li:nth-child(2) a{border-top-width:1px;}
.history_menu ul li:first-child a, .history_menu ul li:nth-child(4n+1) a{border-left-width:1px;}
.history_menu ul li.on a, .history_menu ul li.active a, .history_menu ul li a:hover{border-color:transparent; background-color:#0063af; background-repeat:no-repeat; background-position:right center; background-image:url(../images/sub/history_menu_bg.png); color:#FFF;}


.history_contentbox{margin-top:74px;}
.history_contentbox .tabcontent{float:left; padding-top:22px;}
.history_contentbox .tabcontent .tabbox{display:none;}
.history_contentbox .tabcontent .tabbox.tabbox_0{display:block;}

.history_cont_wrap .tab_list {margin: 80px auto 70px;} 

.history_cont_wrap .history_list > li {overflow: hidden;margin-top:50px;}
.history_cont_wrap .history_list > li:first-child {margin-top: 0;}
.history_cont_wrap .history_list > li.active .year {color: #fff;}
.history_cont_wrap .year {font-weight: 600;line-height: 1;font-size:50px;letter-spacing: 0em;line-height: 1;float: left;width: 200px;color: #333;}
.history_cont_wrap .history_box {overflow: hidden;position: relative;float: left;}
.history_cont_wrap .history_box .history_info {float: left;padding-left: 30px;}
.history_cont_wrap .history_box .history_info li {margin-top:10px;}
.history_cont_wrap .history_box .history_info li:first-child {margin-top: 0;}
.history_cont_wrap .history_box .history_info li dl {position: relative;}
.history_cont_wrap .history_box .history_info li dl dt {letter-spacing: -0.05em;line-height: 1;position: absolute;left: 0;top: 5px;width:100px;color: #999;font-weight: 600;}
.history_cont_wrap .history_box .history_info li dl dd {letter-spacing: -0.05em;/* 0.0625 * 16 = 1px */line-height: 1.75rem;word-break: keep-all;word-wrap: break-word;padding-left:50px;width: 100%;margin-top: 20px;color: #777;}
.history_cont_wrap .history_box .history_info li dl dt + dd {margin-top: 0;}
.history_cont_wrap .history_box .item {display: none;position: relative;overflow: hidden;float: right;width: 340px;height: 240px;}
.history_cont_wrap .history_box .item img {width: 100%;}
.history_cont_wrap .history_box .item .txt {position: absolute;left: 0;bottom: 0;width: 100%;height: 45px;text-align: center;font-size: 14px;letter-spacing: -0.05em;/* 0.0625 * 16 = 1px */line-height: 2.8125rem;color: #fff;background-color: rgba(0, 0, 0, 0.8);}
.history_cont_wrap .history_box .history_line {position: absolute;left: 0;top: 0;width: 2px;height: 100%;background-color: #ddd;}
.history_cont_wrap .history_box .history_line .bar {display: inline-block;width: 2px;background-color: #ddd;}



.p104010 .s01{background:url(/theme/koenone/img/sub/1/bg_grid_pattern.png) repeat; margin:0 10%; padding:100px 0; border:1px #09F solid; border-radius:10px; margin-bottom:30px;}
.p104010 .s01 img{ width:50%;}
.p104010 .s02 dl{ display:flex; border-top:2px #333 solid; padding-top:50px; margin-top:50px;}
.p104010 .s02 dl+dl{ margin-top:50px;}
.p104010 .s02 dl dt{ flex-basis: 28%;flex-shrink: 0; font-size:37px;}
.p104010 .s02 dl dt p{ margin-top:30px;}
.p104010 .s02 dl dt span{ font-weight:bold}
.p104010 .s02 dl dd{ flex-grow: 1;}
.p104010 .s02 dl dd ul{gap: 15px;display: flex;flex-wrap: wrap;  }
.p104010 .s02 dl dd li{width:calc((100% / 3) - 10px); background:#f4f5f9; text-align:center; padding:30px 0;  }
.p104010 .s02 dl:nth-child(1) dd li img, .p104010 .s02 dl:nth-child(3) dd li img{ width:40%; max-width:200px;}
.p104010 .s02 dl dd li img{ width:70%; max-width:200px;}
.p104010 a{ display:inline-block; padding:20px 30px; border-radius:30px; border:1px solid rgb(0,0,0, 0.2); font-size:19px;}
.p104010 a i{ margin-left:30px;}





.p201010{  }
.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:0; width:37%; margin-top:400px;float:left;/*height:100vh;*/transform:translateY(-50%);}
.main_fxtitle_wr.btfixed{}
.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_fxtitle_wr .product a{ margin:0 5px; letter-spacing:0;}
.main_fxtitle_wr .product iframe{ width:100%; height:500px; }
.main_fxtitle_wr .product img{ height:570px;}

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



.contentbox{margin-top:100px;background:#f3f4f7;}
.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;}

.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; padding:20px 0;font-weight:400; color:#555}
.faq_section ul li > a:before{ content:"\e942";font-family:xeicon; position:absolute; right:0; top:50%;transform: translateY(-50%);}
.faq_section ul li div.faq_cont{display:none; position:relative; padding:72px; 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;}
.faq_section ul li div.faq_cont img{ width:100%;}

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

.p201010 .s05 span{ display:block;}
.p201010 .s06 dl{ border-bottom:1px #ddd solid; padding-bottom:20px;}
.p201010 .s06 dl dt{ flex-basis:10%; flex-shrink: 0;}
.p201010 .s06 dl dd{ flex-grow: 1;}
.p201010 .s06 dl dd ul{display: flex;justify-content: space-between;text-align: center; }
.p201010 .s06 dl dd li{    flex: 1; padding: 0 20px;}
.p201010 .s06 dl dd li img{ width:100%}
.p201010 .s06 dl+dl{ margin-top:20px;}
.p201010 .s05 img, .p202010 .s04 img, .p202010 .s05 img, .p203010 .s04 img, .p203010 .s05 img{ width:80%;}

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



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

.p601010 .port-dim { position:absolute;width:100%; height:100%; left:0; top:0; background:#000; opacity:0; transition:opacity 0.5s;}
.p601010 .button_area li i{position:absolute; width:70px; height:70px; line-height:70px; top:50%; left:50%;   color:#fff; font-size:27px;  border-radius:50%; background:#004a80;transform: translate(-50%, -50%);opacity:0; transition:opacity 0.5s;}
.p601010 a:hover .port-dim {opacity:0.5;}
.p601010 .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; 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;}


.location-sec__top {position:relative; transform:translateY(-60px); background-color:#fff; z-index:50;}
.location-sec__addr {}
.location-sec__list {display:flex; flex-wrap:wrap;}
.location-sec__item {position:relative; width:calc((100% / 4) - 40px); padding:50px 20px; text-align:center;}
.location-sec__item:not(:last-child)::after {content:""; position:absolute; top:50%; right:0; width:1px; height:150px; background-color:#e5e5e5; transform:translateY(-50%);}
.location-sec__icon {display:inline-flex; justify-content:center; align-items:center; height:34px;}
.location-sec__icon::before {content:""; display:inline-block; background-image:url("../img/sub/1/location_icon_stripe.png");}
.location-sec__item.first .location-sec__icon::before {width:26px; height:34px; background-position:0 0;}
.location-sec__item.second .location-sec__icon::before {width:33px; height:33px; background-position:-26px 0;}
.location-sec__item.third .location-sec__icon::before {width:32px; height:26px; background-position:-59px 0;}
.location-sec__item.fourth .location-sec__icon::before {width:28px; height:24px; background-position:-91px 0;}
.location-sec__item h4{ margin:20px 0 10px 0; letter-spacing:0;}
.location-sec__item a{ color:#555;}


.p102010 .s01{ margin-bottom:70px;}
.p102010 .s01 ul{ margin:0 20%;}
.p102010 .s01 li{ padding:20px 0; text-align:center; color:#fff; font-size:25px; font-weight:bold}
.p102010 .s01 li:nth-child(1){ background:#0072bc}
.p102010 .s01 li:nth-child(2){ background:#1cbbb4}
.p102010 .s01 li:nth-child(3){ background:#3cb878}
.p102010 .s01 li+li{ margin-top:15px;}
.p102010 .s01 img{ height:45px; margin-left:20px;}
.p102010 .s02 .sTit{ position:relative;}
.p102010 .s02 .sTit:before {content:"VSION"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size: 180px; color:#f8f8f8; letter-spacing:-0.015em; font-weight:900; z-index:-1;}
.p102010 .s02 ul{ display:flex;flex-wrap: wrap;}
.p102010 .s02 li{ display:table; width:calc((100% / 3) - 37px); margin-right:50px; text-align:center; border:1px #ddd solid;}
.p102010 .s02 li:last-child{ margin-right:0;}
.p102010 .s02 li div{ padding:70px 30px;}
.p102010 .s02 li img{ width:100px;}


.p105010 .p105010_con dl{display: flex;}
.p105010 .p105010_con dl dt{ position:relative;flex-basis: 25%;flex-shrink: 0; border-top:2px #ccc solid; padding-top:25px;}
.p105010 .p105010_con dl dt:before{ content:''; width:100px; height:1px; border-top:2px #36C solid; position:absolute; top:-2px; left:0; z-index:1;}
.p105010 .p105010_con dl dt img{ width:100%; max-width:300px;}
.p105010 .p105010_con dl dd{ flex-grow: 1; margin-left:100px;}
.p105010 .p105010_con dl+dl{ margin-top:70px;}
.p105010 .s01 ul{ display:flex; flex-wrap: wrap; gap:15px;}
.p105010 .s01 li{ border:1px #ddd solid; padding:7px 15px; border-radius:7px;}
.p105010 .s02 p{ position:relative; padding:20px 30px; border:1px #ddd solid;border-radius:7px; color:#777;}
.p105010 .s02 p+p{ margin-top:15px;}
.p105010 .s02 p span{ display:block }
.p105010 .s02 .tit{ font-weight:600; margin-bottom:5px; color:#333;}
.p105010 .s03{  margin-top:100px; background: rgb(200,214,215, 0.3); border-radius:20px;}
.p105010 .s03 .area{position:relative; margin:0 100px; padding:100px 0;}
.p105010 .s03 .mapA{ position:absolute; top:100px; left:50%;transform: translateX(-50%);}
.p105010 .s03 div img{ width:640px; padding-left:50px;}
.p105010 .s03 ul{  display: flex; justify-content: space-between; text-align:left;}
.p105010 .s03 ul li{ width:25%;}
.p105010 .s03 ul li p span{ display:block; margin-bottom:10px; font-size:27px; color:#222; font-weight:600;}
.p105010 .s03 ul li p+p{ margin-top:45px;}
.p105010 .s03 ul li p{ color:#666; line-height:30px;}


.p105010 .s04{ margin-top:70px;}
.p105010 .s04 .area { position:relative; background: url(../img/sub/1/p105010-002.jpg) no-repeat 50% 50%; background-size:cover;padding:150px 0; margin-top:20px;border-radius:20px;}

.p105010 .s04 ul{  display: flex; justify-content: space-between; margin:0 150px;}
.p105010 .s04 ul li{ width:245px; text-align:center;}
.p105010 .s04 ul li img{ height:50px;}
.p105010 .s04 dl{ background:#fff; padding:20px;box-shadow: 0 10px 20px rgb(0 0 0 / 20%); border-radius:10px;}
.p105010 .s04 dl+dl{ margin-top:20px;}
.p105010 .s04 dl dd{  margin-top:10px; font-size:23px; font-weight:600}

.p105020 .s01{ padding:50px; border:1px #ddd solid;}
.p105020 .s01 img{ width:100%;}
.p105020 .s02{ position:absolute; right:100px; top:100px; width:30%; font-size:20px;text-align:right}
.p105020 .s02 li+li{ margin-top:20px;}
.p105020 .s02 p{ font-size:25px; font-weight:600; margin-bottom:10px; }
.p105020 .s02 img{ height:45px;}
.p105020 .s02 li div{ font-size:19px;}
.p105020 .s02 li div img{ margin-bottom:5px;}
.p105020 .s02 li div span{ border:1px #ccc solid; display:inline-block; padding:10px; width:50%; text-align:center;}
.p105020 .s02 li div+div{ margin-top:15px;}



.p301010 .pro img{ width:100%;}
.p301010 .conType01 dl dt{ width:20%;}
.p301010 .s02 ul{ display:flex;flex-wrap: wrap;}
.p301010 .s02 li{ width:calc((100% / 4) - 17px); border:1px #ccc solid; margin-right:20px; padding:30px 0; margin-bottom:20px;}
.p301010 .s02 li:nth-of-type(4) ~ li { margin-bottom:0;}
.p301010 .s02 li:nth-child(4n+4){ margin-right:0;}
.p301010 .s02 img{ width:50px; margin-bottom:20px;}
.p301010 .s02 div{ padding:30px;}


.p301010 .s03 ul{ display:flex;flex-wrap: wrap;}
.p301010 .s03 li{ width:calc((100% / 2) - 15px); border:1px #ccc solid; margin-right:20px; margin-bottom:20px; }
.p301010 .s03 li:nth-of-type(2) ~ li { margin-bottom:0;}
.p301010 .s03 li:nth-child(2n+2){ margin-right:0;}
.p301010 .s03 .conType06{ padding:20px;}
.p301010 .s03 .conType06 p:last-child{ margin-bottom:0;}
.p301010 .s03 .txt .fs25 {font-size: 16px;}
.p301010 .s03 .fs25{ position:relative; background:#efefef; padding:15px 15px 15px 20px;}
.p301010 .s03 .fs25 span{ position:absolute; right:10px; top:10px; font-size:16px;}

.p301010 .s03 li span{ display:inline-block; padding:7px 15px; border-radius:10px; color:#fff;}
.p301010 .s03 li:nth-child(1) span{ background:#09F;  }
.p301010 .s03 li:nth-child(2) span{ background:#39b54a;  }
.p301010 .s03 li:nth-child(3) span{ background:#f26522;  }
.p301010 .s03 li:nth-child(4) span{ background:#00a99d;  }




.p302010 li{ margin-bottom:10px;}
.p302010 li .bg1, .p302010 li .bg2{ display:inline-block; width:20px; height:20px; line-height:20px; color:#fff; margin-right:5px;}
.p302010 li .bg1{ background:#e51e25}
.p302010 li .bg2{ background:#229947}
.p302010 li .fc-01{ color:#e51e25}
.p302010 li .fc-02{ color:#229947}


.p303010 .s01{ padding:70px 10%;}
.p303010 .s01 dl, .p303010 .s03 ul, .p303010 .s02 ul{ display:flex;flex-wrap: wrap;}
.p303010 .s01 dl dt{ width:50%;}
.p303010 .s01 dl dd{ width:50%; text-align:center}
.p303010 .s01 dl dd img{ width:70%;}
.p303010 .s02 img{ width:85%;}
.p303010 .s03 li{ width:calc((100% / 6) - 25px); margin:0 15px;text-align:center;}
.p303010 .s03 li:first-child{ margin-left:0;}
.p303010 .s03 li:last-child{ margin-right:0;}
.p303010 .s04{ border-top:1px #ddd solid; padding-top:30px; margin-top:30px;}
.p303010 .s04 li { position:relative; padding-left:37px; margin-bottom:15px;}
.p303010 .s04 li:before{ position:absolute; top:0; left:0; width:30px; height:30px; text-align:center; font-size:17px; line-height:30px; border-radius:50%; color:#fff; background:#36C}
.p303010 .s04 li:nth-child(1):before{ content:'1'}
.p303010 .s04 li:nth-child(2):before{ content:'2'}
.p303010 .s04 li:nth-child(3):before{ content:'3'}
.p303010 .s04 li:nth-child(4):before{ content:'4'}
.p303010 .s04 strong{ display:block; color:#36C;}
.p303010 .area{ border:1px #ccc solid; padding:50px;}
.p303010 .circle{ position:relative; width:150px; height:150px; display:inline-block; border-radius:50%; border:7px #448ccb solid; font-size:25px; margin-bottom:20px;}
.p303010 .circle span{position: absolute; top: 50%; left: 50%;transform:translate(-50%,-50%); width:100%; font-weight:600;}

.row{ display:flex;}

@media all and (max-width : 1920px){
	
	.sub_top_box{ height:570px;}
	
	.sub_vTxt{ padding-top:210px;}
	
	.sub-content-nav{ background-size:auto 270px;}
	.sub-content-nav h2{  font-size:47px;}
	.category{ margin-top:30px;}
	.category a{padding:25px 30px; font-size:19px;}
	.category li::before{ height:15px; top:27px;}
	.sub_v{ top:42px;right:50px; width:270px; height:171px; }

	
	.subContent{ margin-top:70px; }
	.subContent h1{ font-size:25px;}
	
	.table-board01 th, .table-board01 td { padding:10px; font-size:16px;}
	
	.conType01 dl{  padding-bottom:70px; margin-bottom:70px;}
	.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; }
	
	.conType05 li{padding-left:32px;margin-bottom:6px;line-height:25px;}
	.conType05 li:before{width:25px; height:25px; line-height:25px; font-size:13px;}
	
	.detail li{padding-left:115px;}
	.detail li span{ font-size:15px;}
	
	
	
	
	.depth3 ul li a{ height:55px; font-size:19px;}
	
	.contentbox .table-board01 th, .contentbox .table-board01 td{ font-size:14px;}

	#main_portfolio_wr{ padding-top:100px;}
	#main_portfolio_box{width:calc((100% - 37%) - 200px); margin-top:-150px; padding:100px;}
	.main_fxtitle_wr{ margin-top:330px;}
	.main_fxtitle_wr .product img{ height:400px;}
	
	.faq_section ul li > a{}
	
	.history_menu ul li a{ height:150px;}
	.history_cont_wrap .year{ font-size:40px;}
	
	.p102010 .s01 ul{ margin:0 10%;}
	.p102010 .s01 li{  font-size:23px;}
	
	.p104010 .s02 dl dd li img{ width:70%; max-width:150px;}
	.p104010 a{ font-size:16px;}
	
	
	.p105010 dl dt img{ max-width:250px;}
	.p105010 .s02 p{ padding:15px 25px;}
	.p105010 .s03 ul li p{  line-height:22px;}
	.p105010 .s03 ul li p span{ font-size:23px;}
	.p105010 .s03 div img{ width:500px;}
	
	.p105020 .s02 li div{ font-size:17px;}
	.p105020 .s02 img{ height:30px;}
	
	
	
	.p601010 .button_area li{ display:table; width:calc((100% / 5) - 25px) ; margin-right:30px; margin-bottom:50px;}
	.p601010 .button_area li img{ height:230px;}
	.p601010 .button_area li p{ font-size:19px;}
	.p601010 .button_area li i{position:absolute; width:55px; height:55px; line-height:55px; font-size:23px;}
	
	.subsidiaries .layer_area {max-width:400px;}
	.subsidiaries .layer_area .close_btn{ width:50px; height:50px;}
	.subsidiaries .layer_area .close_btn i{ font-size:25px;}
	
	.p301010 .s03 .fs25 span{ font-size:15px;}
	.p301010 .s02 img{ width:40px;}
	
	.p303010 .circle{width:120px; height:120px; font-size:20px;}

	
}

@media all and (max-width : 1280px){
	
	.category{ display:none;}
	
	.sub_top_box{ height:450px;}
	.sub_vTxt{ padding-top:190px;}
	.sub_vTxt .fs70{ font-size:45px;}


	.p101010, .p102010, .p103010, .p301010, .p302010, .p303010{ padding:0 10px;}
	.p601010{ margin:0 10px;}
	.p101010 .s01{ text-align:left;}
	
	.p101010 .s02 dl dt{ width:100%; margin:0 0 30px 0;}
	.p101010 .s02 dl dd{ width:100%;}
	.history_menu ul li a{ height:100px;}
	.history_contentbox{ margin-top:30px;}
	
	.p101010 .s01 .fs40 br{ display:none;}
	.p102010 .s02{ overflow:hidden;}

	.p102010 .s02 li{ width: calc((100% / 3) - 16px);margin-right:20px;}
	.root_daum_roughmap .wrap_map{height:500px !important;}
	
	.p102010 .s01 ul{ margin:0 10px;}
	
	
	
	.p105010 .s03 .area{ margin:0 70px;}
	.p105010 .s03 div img{ width:450px; padding-left:0;}
	
	.p105010 .s04 .area{ padding:100px 0;}
	.p105010 .s04 ul li{ width:200px;}
	.p105010 .s04 ul li img{ height:40px;}
	.p105010 .s04 ul{ margin:0 70px;}
	
	.p105020{ margin:0 10px;}
	.p105020 .s02{ position:relative; width:100%; top:0; left:0; margin-top:20px;}
	.p105020 .s02 ul{text-align:left;}
	.p105020 .s02 ul li div { display:inline-block;}
	.p105020 .s02 li div span{ width:auto;}
	
	#main_portfolio_box{ padding:50px;width: calc((100% - 37%) - 100px);}
/*	.main_fxtitle_wr .product img{ width:90%;}*/
	
	.depth3 { margin:0 10px;}
	.depth3 ul li a{ font-size:16px;}
	
	.p302010 img{ width:100%;}
	.p302010 .s01{ text-align:left;}
	.p302010 li { position:relative; padding-left:30px;}
	.p302010 li .bg1, .p302010 li .bg2{ text-align:center; position:absolute; top:0; left:0;}
	
	.p303010 img{ width:100%;}
	.p303010 .conBox{ padding:30px;}
	
	.p303010 .s01 dl dt{ margin-right:20px;}
	.p303010 .s01 dl dd{ width:calc(50% - 20px);}
	.p303010 .s01 dl dd img{ width:100%;}
	
	.p303010 .circle{ width:100px; height:100px;}
	
	.p601010{ background:none;}
	.p601010:before{ display:none;}
	.p601010 .button_area li{ margin-right:15px;width: calc((100% / 5) - 13px);}
	.p601010 .button_area li img{ width:100%; height:auto;}

}

@media all and (max-width : 960px){
	
	.history_cont_wrap .year{margin-bottom:20px; width:100px;}
	.history_cont_wrap .history_box{ float:none;}
	
	.p102010 .s02 li div{ padding:30px 20px;}
	.p102010 .s02 li img{ width:70px;}
	.p102010 .s02 li div .fs35{ margin-top:20px;}
	.p102010 .s02 .sTit br{ display:none;}
	
	.contentbox{ background:none;}
	#main_portfolio_wr{ padding-top:0;}
	.main_fxtitle_wr{ position:relative; width:100%; background:#f3f4f7; padding:50px 0;transform:translateY(0); margin-top:0; top:0;}
	.main_fxtitle_wr .product img{ width:50%;}
	#main_portfolio_box{ width:calc(100% - 20px); padding:0 10px; margin-top:30px;}
	
	.li-2 li{ margin-right:10px; width:calc((100% / 2) - 5px);}
	
	.p201010 .s05 span{ font-size:16px;}
	
	.faq_section ul li > a{ line-height:25px; padding:10px 20px 10px 0;}
	
	.p301010 .conType01 dl dt{ position:relative;width:100%; margin-bottom:20px;}
	.conType01 dl{ margin-bottom:30px; padding-bottom:30px;}
	.conType01 dl dt:before{ display:none;}
	.conType01 dl dd{ margin-left:0;}
	
	.p104010 .s02 dl{ display:block;}
	.p104010 .s02 dl dt{ position:relative; margin-bottom:15px;}
	.p104010 .s02 dl dt br{ display:none;}
	.p104010 .s02 dl dt p{ position:absolute; top:-15px; right:0; margin-top:0;}
	.p104010 a{ padding:10px 30px;}
	
	
	.p105010 .s03 .area{ margin:0 30px; padding:30px 0;}
	.p105010 .p105010_con dl{display:block;}
	.p105010 .p105010_con dl dd{ margin:30px 0 0 0;}
	
	
	.p105010 .s03 div img{ width:300px;}
	.p105010 .s04 ul li{ width:150px;}
	.p105010 .s04 ul li img{ height:30px;}
	.p105010 .s04 dl dd{ font-size:20px;}
	
	
	.p303010 .s03 li{ width:calc((100% / 3) - 25px); margin-right:20px; margin-bottom:20px;}
	.p303010 .s03 li:nth-child(3n+3){ margin-right:0;}
	.p303010 .s03 li:nth-child(4){ margin-left:0;}
	
	.p601010 .button_area li{ width: calc((100% / 3) - 10px);}
	.p601010 .button_area li:nth-child(5n+5){ margin-right:15px;}
	.p601010 .button_area li:nth-child(3n+3){ margin-right:0;}
	
}





@media all and (max-width : 640px){
	
	.sub_top_box{ height:400px; background-position:70% 50%;}
	
	.sub_vTxt{ padding-top:140px;}
	.sub_vTxt .fs70{ font-size:37px;}
	.sub_vTxt .fs30{ padding:0 15px;}
	.sub_vTxt .fs30 br{ display:none;}
	
	.history_cont_wrap .year{ font-size:30px;}

	.history_cont_wrap .history_box .history_info li dl dd{ line-height:normal}
	
	.p102010 .s02 .sTit:before{ font-size:100px;}
	.p102010 .s02 li{ width:100%; margin-bottom:10px; margin-right:0;}
	
	.p104010 .s02 dl dt{ font-size:27px;}
	
	.root_daum_roughmap .wrap_map{height:400px !important;}
	.location-sec__item{width: calc((100% / 2) - 40px);padding:20px 20px;}
	.location-sec__item:nth-child(1), .location-sec__item:nth-child(2){ border-bottom:1px #ddd solid;}
	.location-sec__item:nth-child(2):after{ display:none;}
	
	
	.li-2 li{ margin-right:0; width:100%;}
	
	
	.p301010 .s02 li{width: calc((100% / 3) - 10px); margin-right:10px; margin-bottom:10px;}
	.p301010 .s02 li:nth-child(4n+4){ margin-right:10px;}
	.p301010 .s02 li:nth-child(3n+3){ margin-right:0;}
	.p301010 .s02 li:nth-of-type(4) ~ li{ margin-bottom:10px;}
	.p301010 .s02 li:nth-of-type(6) ~ li{ margin-bottom:0;}
	.p303010 .area{ padding:20px;}
	
	
	.p401010 img{ width:100%;}
	
	.p601010 .button_area li .imgA{ padding:10px;}
	.faq_section ul li div.faq_cont{ padding:20px;}
	.faq_section ul li div.faq_cont img{ width:100%;}
	.main_fxtitle_wr .product a:nth-child(1){ margin-bottom:10px;}
	
	.p201010 .s05 img, .p202010 .s04 img, .p202010 .s05 img, .p203010 .s04 img, .p203010 .s05 img{ width:100%;}
	
	
	.p105010 .s01 ul{ gap:5px;}
	.p105010 .s01 li{ padding:5px 10px;}
	
	.p105010 .s03 .mapA{ position:relative; top:0; left:0;transform: translateX(0%);}
	.p105010 .s03{ margin-top:50px;}
	.p105010 .s03 .area{ display:block; text-align:center;} 
	.p105010 .s03 div{ margin-bottom:30px;}
	.p105010 .s03 ul li{ width:100%;}
	.p105010 .s03 ul li:nth-child(1){ margin-right:20px;}
	.p105010 .s04 ul { margin: 0 30px;}
	.p105010 .s04 dl{ padding:10px;}
	
	

	
	
	
	

}

@media all and (max-width : 480px){
	
	.sub_vTxt{ padding-top:150px;}
	
	.history_cont_wrap .year{ float:none; font-size:30px;}
	
	
	.p101010 .s01 .fs40{ font-size:20px;}
	.root_daum_roughmap .wrap_map{height:300px !important;}
	
	.table-board01 th, .table-board01 td{ font-size:15px;}
	
	.p104010 .s01{ padding:70px 0;}
	
	.p104010 .s02 dl{ padding-top:30px; margin-top:30px;}
	.p104010 .s02 dl dd li {width: calc((100% / 2) - 8px);}
	.p104010 a {padding: 10px 20px;}	
	.p104010 .s01 img{ width:60%;}
	
	.p301010 .s02 li{width: calc((100% / 2) - 7px); }
	.p301010 .s02 li:nth-child(3n+3){ margin-right:10px;}
	.p301010 .s02 li:nth-child(2n+2){ margin-right:0;}
	.p301010 .s03 li{ width:100%; margin:0 0 10px 0;}
	.p301010 .s03 li:nth-of-type(2) ~ li{ margin-bottom:10px;}
	.p301010 .s02 div{ padding:0 20px;}
	
	
	.p105010 .s03 div img{ width:100%;}
	.p105010 .s03 ul{ display:block;}
	.p105010 .s03 ul li{ width:100%;}
	.p105010 .s03 ul li+li{ margin-top:20px;}
	.p105010 .s03 ul li:nth-child(1){ margin-right:0}
	
	.p105010 .s04 .area{ padding:70px 0;}
	.p105010 .s04 dl+dl { margin-top: 150px;}
	.p105010 .s04 ul li{ width:125px}
	
	.p105020 .s02 ul li div { width:100%;}
	.p105020 .s02 ul li div span{ width:100%; padding:10px 0;}
	
	.p303010 .s01 dl dt{ width:100%; margin:0 0 30px 0;}
	.p303010 .s01 dl dd{ width:100%;}
	
	.p303010 .s03 li{ width:calc((100% / 2) - 20px);}
	.p303010 .s03 li:nth-child(2n+2){ margin-right:0;}
	.p303010 .s03 li:nth-child(2n+1){ margin-left:0;}
	.p303010 .s03 li:nth-child(3n+3){ margin-right:15px;}
	.p303010 .s03 li:nth-child(4){ margin-left:15px;}
	.p303010 .s03 li:nth-child(6){ margin-right:0}
	
	.p601010 .button_area li{ width: calc((100% / 2) - 9px); margin-bottom:20px;}
	.p601010 .button_area li:nth-child(3n+3){ margin-right:15px;}
	.p601010 .button_area li:nth-child(2n+2){ margin-right:0;}
	.p601010 .button_area li p{ font-size:15px;}
	
	.subsidiaries .layer_area{ padding:30px; max-width:300px;}
	
	.p401010 .main_fxtitle_wr .product img {width:90%;}
	
	
}