@charset "utf-8";


.sub_page main{margin-top:160px;}
.sub_page .section_bottom{margin-bottom:160px;}

.sub_page .current_title_wrap h2{font-size:20px; font-weight:900;}
.sub_page .section_title{font-size:46px; font-weight: 200; line-height: 1.2;}
.sub_page .section_title_desc{margin-top:16px;}
.sub_page .section_title_desc strong{color:#048079;}

.intro{margin-top:20px; overflow: hidden;}
.about section:nth-child(n+3){margin-top:160px;}
.about .text_wrap{position:relative; margin:64px 0;}

.about .text_inner_wrap{display:flex; width:100vw; margin:0 -50px;  background:#f7f7f7;}
.about .text_inner_wrap {padding:0}
.about .text_inner_wrap .text_part{padding: 80px 80px;}
.about .text_inner_wrap .img_left{padding:0 20px;}
.about .text_inner_wrap .img_right{padding:150px 20px 0;}
.about .text_inner_wrap .ceo_imgwrap{display:flex; padding:0 50px; margin:0 -20px;}
.about .text_inner_wrap .img_left span{font-size:14px; display: block; padding:10px 0 0 20px;}
.about .text_inner_wrap .img_right span{font-size:14px; display: block; padding-top:10px;}

.about .text_inner_wrap h4{font-size:28px; font-weight: 300; line-height: 1.5;}
.about .text_inner_wrap p{margin-top:12px; font-size:18px;}
.about .text_inner_wrap .title{font-size:28px; font-weight: 300; line-height: 1.5;}






.about .history .history_line{display:flex; flex-wrap:wrap; align-items:flex-start; width:100%;}
/* .about .history .history_line::before{content:""; width:100%; height:1px; background-color: #e5e5e5;} */
.about .history .history_line ul{position:relative; width:25%; border-top:1px solid #e5e5e5; padding-top:30px; margin-top:60px;}
.about .history .history_line li {padding-bottom:50px;}
.about .history .history_line .dot::before{content:""; position:absolute; top:-5px; transform:translate(-50%); left:5px; display:block; border-radius:50%; width:10px; height:10px; background-color: #005e5a;}
.about .history .history_line .dot:after{content:""; position:absolute; top:-11px; transform:translate(-50%); left:5px; display:block; border-radius:50%; width:23px; height:23px; background-color: #1c928c; opacity: 0.15;}
.about .history .history_line li span{font-family: "gmarket"; color:#005e5a; font-size:24px; font-weight:600;}
.about .history .history_line:after{width:100%; height:1px; background-color:#e5e5e5;}


.about .orz_chart .orz_item{padding: 12px 20px; font-size:20px; font-weight: 300; line-height: 1.5;}
.about .orz_chart .orz_item span{display: block; font-size:16px;}
.about .orz_chart .orz_ceo{position:relative; margin-top:64px; display: flex; justify-content: center;}
.about .orz_chart .orz_ceo .orz_item{width:320px; border-top:2px solid #005e5a;  text-align: center;}
.about .orz_chart .orz_ceo .adviser{position: absolute; top: 80%; left:calc(50% + 320px); transform: translateX(-50%); padding:12px 20px; width:120px;  border-top:2px solid #005e5a; text-align: center;}
.about .orz_chart .orz_vp{margin-top:40px; display: flex; justify-content: center;}
.about .orz_chart .orz_vp .orz_item{width:320px; border-top:2px solid #005e5a;  text-align: center;}
.about .orz_chart .orz_dep{margin:48px -10px 32px; padding-bottom:20px; display: flex; flex-wrap: wrap; border-bottom:1px solid #CBCBCB;}
.about .orz_chart .orz_dep>div{padding:0 10px;}
.about .orz_chart .orz_dep>div ul{border-top:2px solid #005e5a;}
.about .orz_chart .orz_dep>div ul li:nth-child(n+2){color:#666666;}
.about .orz_chart .orz_dep .orz_dep_one{width:20%; }
.about .orz_chart .orz_dep .orz_dep_one li:first-child{border-bottom:1px solid #e5e5e5;}
.about .orz_chart .orz_dep .orz_dep_two{width:60%; }
.about .orz_chart .orz_dep .orz_dep_two .orz_dep_two_inner_wrap{position:relative; margin:0 -10px; display: flex; flex-wrap: wrap;}
.about .orz_chart .orz_dep .orz_dep_two .two_inner{padding:0 10px; width:50%;} 
.about .orz_chart .orz_dep .orz_dep_two .two_inner li:first-child{border-bottom:1px solid #e5e5e5;}
/* .about .orz_chart .orz_dep .orz_dep_two .two_inner ul li:nth-child(2){border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB;} */
.about .orz_chart .orz_dep .orz_dep_two .tech_team{position:absolute; top:80px; left:0; padding:0 10px; width:100%; background:#ffffff;  }
.about .orz_chart .orz_dep .orz_dep_two .tech_team .tech_inner{padding:12px 20px; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; color:#666666; text-align: center;}
.about .direction .direction_info_wrap{display: flex; justify-content: space-between; align-items: flex-end;  flex-wrap:wrap;}
.about .direction .direction_info_wrap .direction_info{margin-left:40px;}
.about .direction .direction_info_wrap .direction_info p{font-size:20px; color:#666666;}
.about .direction .direction_info_wrap .direction_info .tel_wrap{margin:0 -12px;  display: flex; flex-wrap: wrap;}
.about .direction .direction_info_wrap .direction_info .tel_wrap p{padding: 0 12px;}
.about .direction .map_wrap{margin-top:64px;}
.about .direction .map_wrap #about_directions_map {width:100%; height:620px;}
.about .partners .partners_list{margin:0 -16px; display: flex; flex-wrap: wrap;}
.about .partners .partners_list li{padding:16px; width:25%; margin-top:30px;}
.about .partners .partners_list li .partners_logo_wrap{border:1px solid #dbdbdb;}

.in_lnb .lnb{margin-top:32px;}
.in_lnb .lnb ul{margin:0 -20px; display: flex; flex-wrap: wrap;}




.in_lnb .lnb ul li{position:relative;}
.in_lnb .lnb ul li::before{content:""; position:absolute; top:50%; right:-1px; transform:translateY(-50%); display: block; width:2px; height:12px; background: #dbdbdb;}
.in_lnb .lnb ul li:last-child::before{display: none;}
.in_lnb .lnb ul li a{padding: 8px 20px; font-size:18px; color:#777777;}
.in_lnb .lnb ul li a span{position:relative;}
.in_lnb .lnb ul li a span::before{content: ""; position:absolute; bottom:-8px; left:50%; transform: translateX(-50%); display: block; width:0; height:2px; background: #000000; opacity:0; transition: width, opacity, .3s;}
.in_lnb .lnb ul li a.active,
.in_lnb .lnb ul li a:hover{color:#000000;}
.in_lnb .lnb ul li a.active span:before,
.in_lnb .lnb ul li a:hover span:before{width:100%; opacity: 1;}

.in_lnb .lnb_2dep{margin-top:28px;}
.in_lnb .lnb_2dep ul{ display: flex; flex-wrap: wrap;}
.in_lnb .lnb_2dep ul li{width:25%;}
.in_lnb .lnb_2dep ul li a{ padding:6px 20px; text-align: center; height:100%; font-size:18px; border:1px solid #eeeeee; transition: background-color, color .3s;}
.in_lnb .lnb_2dep ul li a:hover{background:#eeeeee;}
.in_lnb .lnb_2dep ul li a.active{background:#222222; color:#ffffff;}

.projects .project_list{margin-top:20px;}
.projects .project_list .project_item_wrap{display: flex; flex-wrap:wrap; gap:0 20px}
.projects .project_list .project_item_wrap li{margin-bottom:48px; width:calc((100% - (20px * 3))/4);}
.projects .project_list .project_item_wrap li .img_wrap{position:relative;}
.projects .project_list .project_item_wrap li .img_wrap figure{position: relative; height:260px; background: #f7f7f7; overflow: hidden;}
.projects .project_list .project_item_wrap li .img_wrap figure img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%) scale(1.1); height: 100%; width: auto; transition: transform .3s;}
.projects .project_list .project_item_wrap li .img_wrap .project_item_overlay{position: absolute; top:0; left:0; display: block; width:100%; height:100%; background: rgba(49, 113, 181, 0.6); opacity: 0; visibility: hidden; transition: opacity, visibility, .3s;}
.projects .project_list .project_item_wrap li .img_wrap .project_item_overlay::before{content: ""; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); display: block; width:6px; height:48px; background: #ffffff;}
.projects .project_list .project_item_wrap li .img_wrap .project_item_overlay::after{content: ""; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); display: block; width:48px; height:6px; background: #ffffff;}
.projects .project_list .project_item_wrap li .text_wrap{margin-top:8px;}
.projects .project_list .project_item_wrap li .text_wrap .cata{color:#777777;}
.projects .project_list .project_item_wrap li .text_wrap h4{font-size:20px; font-weight: 300; line-height: 1.5;}
.projects .project_list .project_item_wrap li a:hover .img_wrap figure img{transform: translate(-50%, -50%) scale(1.2);}
.projects .project_list .project_item_wrap li a:hover .img_wrap .project_item_overlay{ opacity: 1; visibility: visible;}

.board_list .board_list_wrap ul li{border-bottom:1px solid #eeeeee; }
.board_list .board_list_wrap ul li a{padding:40px 0; }
.board_list .board_list_wrap ul li a .text_wrap{ display: flex; align-items: center; justify-content: space-between;}
.board_list .board_list_wrap ul li a .text_wrap .text_inner{width:calc(100% - 60px);}
.board_list .board_list_wrap ul li a .text_wrap h4{font-size:24px; font-weight: 400; transition:color .3s;}
.board_list .board_list_wrap ul li a .text_wrap p{color:#666666}
.board_list .board_list_wrap ul li a .text_wrap time{ margin-top:40px; display: block; font-size:14px;}
.board_list .board_list_wrap ul li a .btn_wrap{margin-left:20px; flex-shrink: 0;}
.board_list .board_list_wrap ul li a .btn_wrap .cross_btn{position:relative; display: block; width:40px; height:40px; transition: transform .3s;}
.board_list .board_list_wrap ul li a .btn_wrap .cross_btn::before{content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); display: block; width:4px; height:60%; background:#222222;}
.board_list .board_list_wrap ul li a .btn_wrap .cross_btn::after{content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); display: block; width:60%; height:4px; background:#222222;}
.board_list .board_list_wrap ul li a:hover .text_wrap h4{color:#005e5a;}
.board_list .board_list_wrap ul li a:hover .btn_wrap .cross_btn{transform: rotate(180deg);}
.board_list .board_list_wrap ul li a:hover .btn_wrap .cross_btn:before{background:#005e5a;}
.board_list .board_list_wrap ul li a:hover .btn_wrap .cross_btn:after{background:#005e5a;}

.view .view_wrap{margin-top:48px;}
.view .view_wrap .view_info_wrap{padding-bottom:20px;  display: flex; justify-content: space-between;  align-items: center; border-bottom:2px solid #eeeeee;}
.view .view_wrap .view_info_wrap h4{width:85%; margin-right: 20px; font-size:24px; line-height: 1.25;}
.view .view_wrap .view_info_wrap .view_info {margin:12px 0; width:80%; flex-shrink: 0; text-align: right;}
.view .view_wrap .view_info_wrap .view_info span.view_date{margin-left:16px;}
.view .view_wrap .view_content{padding:48px 28px; overflow-x:hidden; }
.view .view_wrap .view_content img{width:100%; height: auto;}
.view .view_wrap .view_footer .add_file{padding:8px 28px 28px; border-bottom:2px solid #777777;}
.view .view_wrap .view_footer ul li{position:relative; padding-left: 12px;}
.view .view_wrap .view_footer ul li::before{content:""; position:absolute; top: 18px; left:0; display: block; width:4px; height:4px; border-radius: 50%; background:#222222;;}
.view .view_wrap .view_footer ul li a{padding: 4px 0;}
.view .view_wrap .view_footer .view_pagenation{margin: 28px -20px; display: flex; justify-content: space-between;}
.view .view_wrap .view_footer .view_pagenation a{padding: 0 20px; display: flex; align-items: center;}
.view .view_wrap .view_footer .view_pagenation a.prev_btn span{margin-left:10px;}
.view .view_wrap .view_footer .view_pagenation a.next_btn span{margin-right:10px;}

.project_view .view_wrap .inner_wrap{margin:0 -24px; display: flex; flex-wrap: wrap;}
.project_view .view_wrap .inner_wrap>div{padding:0 24px;}
.project_view .view_wrap .inner_wrap .view_info_wrap{order:1; width:30%; display: block; border-bottom: none;}
.project_view .view_wrap .inner_wrap .view_info_wrap p:first-child{margin-top:28px;}
.project_view .view_wrap .inner_wrap .view_info_wrap p{padding:10px 0; text-align: left; margin-right:30px;}
.project_view .view_wrap .inner_wrap .view_info_wrap p strong{display: block; font-weight: 200; color:#777777;}
.project_view .view_wrap .inner_wrap .view_info_wrap p span{display: block;}
.project_view .view_wrap .inner_wrap .view_content{width:70%;}

.press_room .board_list_wrap ul li a{margin:0 -18px; display: flex; align-items: center; justify-content: space-between;}
.press_room .board_list_wrap ul li a>div{padding:0 18px;}
.press_room .board_list_wrap ul li a .img_wrap{flex-shrink: 0; width:30%; max-height: 240px; overflow: hidden;}
.press_room .board_list_wrap ul li a .text_wrap{width:70%; }

.faq .board_list_wrap ul li a{margin:0 -16px; display: flex; align-items: center;}
.faq .board_list_wrap ul li a .list_num{padding:0 16px; display: block; width:10%; text-align: center;}
.faq .board_list_wrap ul li a .list_desc{padding:0 16px; width:calc(90% - 56px); font-size: 24px; font-weight: 400;}
.faq .board_list_wrap ul li a .list_arrow{position:relative; padding:0 16px; display: block; width:40px; height:40px; transition: transform .3s;}
.faq .board_list_wrap ul li a .list_arrow::before{content: ""; position:absolute; top:50%; left:50%; transform: translate(-50%, -70%) rotate(-45deg); display: block; width:30%; height:30%; border-left:4px solid #222222; border-bottom:4px solid #222222; }
.faq .board_list_wrap ul li a.active .list_desc{color:#005e5a;}
.faq .board_list_wrap ul li a.active .list_arrow{transform: rotate(180deg);}
.faq .board_list_wrap ul li .answer{padding: 0 40px 40px calc(10% + 16px);   }
.faq .board_list_wrap ul li .list_desc{display: flex; align-items: baseline;}
.faq .board_list_wrap ul li .list_desc .fl{margin-right:10px; font-size:24px; font-weight: 400;}

.inquiry .map_content {margin-top: 40px;}
.inquiry .map_content .map_wrap #directions_map{width:100%; height:540px;}
.inquiry .contact_form {margin-top: 80px;}
.inquiry .contact_form .inner_wrap{margin:0 -40px; display: flex; flex-wrap: wrap;}
.inquiry .contact_form .inner_wrap>div{padding:0 40px; width:50%;}
.inquiry .contact_form .inner_wrap .contact_info_wrap h4{font-size:64px; line-height: 1.25;}
.inquiry .contact_form .inner_wrap .contact_info_wrap ul li{padding:16px 0; font-size:20px; color:#777777;}
.inquiry .contact_form .inner_wrap .contact_info_wrap ul li span{font-weight: 900; color:#222222; line-height: 1;}
.inquiry .contact_form  fieldset p input,
.inquiry .contact_form  fieldset p textarea{margin:16px 0; padding: 16px 20px; width: 100%; box-sizing: border-box; border:1px solid #222222; }
.inquiry .contact_form  fieldset p textarea{margin:16px 0 0; height:160px;  resize: vertical; }
.inquiry .contact_form  fieldset p input::placeholder,
.inquiry .contact_form  fieldset p textarea::placeholder {color:#999999;}
.inquiry .contact_form  fieldset .submit_wrap{display: flex;}
.inquiry .contact_form  fieldset .submit_wrap .inquiry_btn {margin:0; padding: 12px 20px; display: inline-block; width: auto; border: none;   background:transparent; cursor: pointer; font-size:16px; font-weight: 400; color: #222222; border:1px solid #222222; transition: background-color, color, .3s; }
.inquiry .contact_form  fieldset .submit_wrap .inquiry_btn:hover{background:#222222; color:#ffffff;}

.ci .ci_info{margin-top:48px;}
.ci .ci_info article:nth-child(n+2){margin-top: 80px;}
.ci .ci_info article .text_wrap h3{font-size:24px; }
.ci .ci_info article .text_wrap p{margin-top:4px;}
.ci .ci_info article .img_wrap {display: flex; flex-wrap: wrap;}
.ci .ci_info article .img_wrap .img_item h4{font-weight: 200;}

.ci .ci_info .signature .img_wrap {margin:10px -16px 0;}
.ci .ci_info .signature .img_item{padding:16px;  width:50%;}
.ci .ci_info .signature .btn_wrap{display: flex; flex-wrap: wrap; justify-content: flex-end;}
.ci .ci_info .signature .btn_wrap a{padding: 8px 32px; border:1px solid #e4e4e4; transition: background-color, color, .3s;}
.ci .ci_info .signature .btn_wrap a:nth-child(n+2){margin-left:10px;}
.ci .ci_info .signature .btn_wrap a:hover{background:#222222; color:#ffffff;}
.ci .ci_info .color .img_wrap{margin:10px -16px 0;}
.ci .ci_info .color .img_item{padding:16px;  width:33.3333%;}
.ci .ci_info .background .img_wrap,
.ci .ci_info .rule .img_wrap{margin:26px 0 0;}

.catalog .catalog_wrap{margin-top:48px;}
.catalog .catalog_wrap article .text_wrap p{margin-top:10px;}

.catalog_wrap{display:flex; justify-content:space-between;}
.catalog .catalog_info .download{width:40%;}
.catalog .catalog_info .btn_wrap{display: flex; flex-wrap: wrap; justify-content: flex-start;}
.catalog .catalog_info .btn_wrap a{padding: 8px 32px; border:1px solid #e4e4e4; transition: background-color, color, .3s; margin-top:25px; text-align:center;}
.catalog .catalog_info .btn_wrap a:first-child{margin-right:10px;}
.catalog .catalog_info .btn_wrap a:hover{background:#222222; color:#ffffff;}
.catalog .catalog_info .bg_wrap img{width:100%;}



/*g5 board overwrite*/
.bo_fx {padding: 5px 0!important; display: flex; justify-content: space-between; align-items: center;}
.bo_fx:after {display: none!important;;}
.btn_bo_adm input {height:44px;}
.btn_bo_user { flex-shrink: 0;}
.sample-border{margin-top: 40px;}


@media(max-width:1600px) {
   

}


@media(max-width:1440px) {
    .about .text_inner_wrap { margin: 0 0px;}
    .about .text_wrap:before {top: 93px; left: 0px; font-size: 260px;}
    .about .text_wrap:after {bottom: -120px; font-size: 260px;}
    .about .direction .map_wrap #about_directions_map{height: 560px;}


	.catalog_wrap{flex-wrap: wrap;}
	.catalog .catalog_info .download{width:100%;}
	.catalog .catalog_info .bg_wrap {margin-top:20px;}

  
}

@media(max-width:1240px){   
    .sub_page .section_title {font-size: 42px;}

    .about section:nth-child(n+3) {margin-top: 140px;}
    .about .text_inner_wrap h4 {font-size: 24px;}
    .about .text_inner_wrap p {font-size: 16px;}
    .about .orz_chart .orz_item {padding: 12px 16px; font-size: 18px;}
    .about .orz_chart .orz_dep .orz_dep_two .tech_team {top: 77px;}
    .about .direction .direction_info_wrap {display: block;}
    .about .direction .direction_info_wrap .direction_info {margin-top:16px; margin-left: 0;}
    .about .direction .direction_info_wrap .direction_info p {font-size: 18px;}
    .about .direction .map_wrap #about_directions_map{height: 480px;}

    .projects .project_list .project_item_wrap li{width: calc((100% - (20px * 2))/3);}
    .projects .project_list .project_item_wrap li .img_wrap figure {height: 320px;}
    .projects .project_list .project_item_wrap li .text_wrap h4 {font-size: 16px;}
    .in_lnb  .lnb ul li a {font-size: 18px;}
    .in_lnb .lnb_2dep ul li a {font-size: 16px;}

    .press_room .board_list_wrap ul li a .img_wrap{ max-height: 165px;}

    .faq .board_list_wrap ul li a .list_desc {font-size: 20px;}
    .faq .board_list_wrap ul li .list_desc .fl {font-size: 20px;}

    .inquiry .contact_form .inner_wrap .contact_info_wrap ul li {font-size: 18px;}
    .inquiry .contact_form .inner_wrap .contact_info_wrap h4 {font-size: 56px;}
}



@media(max-width:1024px) {        
    .sub_page main {margin-top: 160px;}
    .sub_page .section_title {font-size: 38px;}
    .sub_page .section_bottom{margin-bottom:140px;}

    .intro {margin-top: 12px;}
    
    .about section:nth-child(n+3) {margin-top: 120px;}    
    .about .text_inner_wrap h4 {font-size: 20px;}
    .about .text_inner_wrap p {font-size: 15px;}

    .about .text_inner_wrap{margin:0 -20px;}
    .about .text_inner_wrap .text_part{padding:0 20px;}
    .about .text_inner_wrap .img_left{padding:0 10px;}
    .about .text_inner_wrap .img_right{padding:150px 10px 0;}
    .about .text_inner_wrap .ceo_imgwrap{display:flex; padding:0 20px; margin:0 -10px;}

    .about .history .history_line ul{width:50%;}
    .about .history .history_line li span{font-size:20px;}

    .about .orz_chart .orz_ceo {margin-top: 48px;}
    .about .orz_chart .orz_item {font-size: 16px;}
    .about .orz_chart .orz_item span {font-size: 12px;}
    .about .orz_chart .orz_ceo .orz_item {width: 200px;}
    .about .orz_chart .orz_ceo .adviser {top: 70%; left: calc(50% + 200px);  width: 100px;}
    .about .orz_chart .orz_vp .orz_item {width: 200px;}
    
    .about .orz_chart .orz_dep .orz_dep_two .tech_team {top: 68px;}   
    .about .direction .direction_info_wrap .direction_info p {font-size: 15px;} 
    .about .direction .map_wrap {margin-top: 48px;}
    .about .direction .map_wrap #about_directions_map{height: 420px;}
  
    .projects .project_list .project_item_wrap li{width: calc((100% - (20px * 1))/2);}
    .projects .project_list .project_item_wrap li .img_wrap figure {height: 280px;}
    .in_lnb .lnb {margin-top: 28px;}
    .in_lnb .lnb ul li a {font-size: 16px;}
    .in_lnb .lnb_2dep ul li {width: 33.3333%;}

    .board_list .board_list_wrap ul li a .text_wrap h4{font-size: 20px;}

    .view .view_wrap .view_info_wrap h4 {font-size: 18px;}

    .project_view .view_wrap .inner_wrap .view_info_wrap{order:0; width:100%; display: flex; flex-wrap: wrap;}
    .project_view .view_wrap .inner_wrap .view_info_wrap .view_info{margin:0 0 12px;  display: flex; flex-wrap: wrap;  width: 100%;}
    .project_view .view_wrap .inner_wrap .view_info_wrap .view_info p:first-child{margin:0 30px 0 0;  }
    .project_view .view_wrap .inner_wrap .view_content{width:100%;}
   
    .press_room .board_list_wrap ul li a .img_wrap{ max-height: 153px;}

    .faq .board_list_wrap ul li a .list_desc {font-size: 18px;}
    .faq .board_list_wrap ul li .list_desc .fl {font-size: 18px;}
    
    .inquiry .map_content .map_wrap #directions_map{height: 420px;}
    .inquiry .contact_form {margin-top: 60px;}    
    .inquiry .contact_form .inner_wrap .contact_info_wrap h4 {font-size: 48px;}   
    .inquiry .contact_form .inner_wrap .contact_info_wrap ul li { padding: 12px 0; font-size: 15px;}
    .inquiry .contact_form fieldset p input, 
    .inquiry .contact_form fieldset p textarea {margin: 8px 0; padding: 12px 16px;}
    
    .ci .ci_info article .text_wrap h3 {font-size: 18px;}
    .ci .ci_info .signature .img_wrap {margin: 0px -10px 0;}
    .ci .ci_info .signature .img_wrap .img_item{padding:16px 10px;}
    .ci .ci_info .color .img_wrap {margin: 0px -10px 0;}
    .ci .ci_info .color .img_wrap .img_item{padding:16px 10px;}
    .ci .ci_info .background .img_wrap,
    .ci .ci_info .rule .img_wrap{margin:16px 0 0;}
}




@media(max-width:768px) {
    .sub_page main {margin-top: 120px;}
    .sub_page .current_title_wrap h2 {font-size: 16px;}
    .sub_page .section_title {font-size: 30px;}
    .sub_page .section_bottom{margin-bottom:120px;}

    .about section:nth-child(n+3) {margin-top: 100px;}
    .about .text_wrap {margin: 36px 0;}
    .about .text_inner_wrap {padding: 48px 32px;}
    .about .text_wrap:before {top: 64px; font-size: 200px;}
    .about .text_wrap:after {bottom: -100px; font-size: 200px;}
    .about .text_inner_wrap{flex-wrap: wrap;}
    .about .text_inner_wrap .ceo_imgwrap {margin-top:30px;}
    .about .text_inner_wrap .ceo_imgwrap span{font-size:12px;}
    .about .text_inner_wrap .img_left {margin:0; padding-right:30px;}
    .about .text_inner_wrap .img_right {margin:0; padding:0;}

    .about .orz_chart .orz_ceo {margin-top: 36px;}
    .about .orz_chart .orz_item {text-align: center;}
    .about .orz_chart .orz_dep .orz_dep_one {width: 100%;}
    .about .orz_chart .orz_dep .orz_dep_two {margin-top: 40px; width: 100%;}
    .about .orz_chart .orz_dep .orz_dep_one.devel{margin-top: 40px;}

    .about .orz_chart .orz_ceo .orz_item {width: 160px;}
    .about .orz_chart .orz_ceo .adviser {top: 70%; left: calc(50% + 160px);  width: 80px;}
    .about .orz_chart .orz_vp .orz_item {width: 160px;}

    .about .direction .map_wrap {margin-top: 36px;}
    .about .direction .map_wrap #about_directions_map{height: 360px;}

    .in_lnb .lnb {margin-top: 20px;}
    .in_lnb .lnb_2dep ul li a {font-size: 14px;}

    /* .projects .project_list .project_item_wrap li { margin-bottom: 40px; width: 50%;} */
    .projects .project_list .project_item_wrap li .img_wrap figure {height: 210px;}

    .board_list .board_list_wrap ul li a .text_wrap h4{font-size: 18px;}
    .board_list .board_list_wrap ul li a .text_wrap time{margin-top: 16px;  font-size: 12px;}
    .board_list .board_list_wrap ul li a .btn_wrap .cross_btn {width: 20px; height:20px;}
    .board_list .board_list_wrap ul li a{padding: 28px 0;}

    .press_room .board_list_wrap ul li a{margin: 0 -12px;}
    .press_room .board_list_wrap ul li a>div{padding: 0 12px;}
    .press_room .board_list_wrap ul li a .img_wrap{ max-height: 122px;}

    .faq .board_list_wrap ul li a .list_desc {font-size: 16px;}
    .faq .board_list_wrap ul li .list_desc .fl {font-size: 16px;}
    .faq .board_list_wrap ul li a .list_desc {width: calc(90% - 44px);}
    .faq .board_list_wrap ul li a .list_arrow {width: 28px; height: 28px;}
    .faq .board_list_wrap ul li .answer {padding: 0 28px 28px calc(10% + 16px);}

    .inquiry .contact_form .inner_wrap {margin: 0 -20px;}
    .inquiry .contact_form .inner_wrap>div {padding: 0 20px;}
    .inquiry .map_content .map_wrap #directions_map {height: 360px;}
    .inquiry .contact_form {margin-top: 40px;}
    .inquiry .contact_form .inner_wrap .contact_info_wrap h4 {font-size: 36px;}

    
}
  


@media(max-width:540px) {
    .intro {margin-top: 0px;}
    .sub_page .section_title {font-size: 30px;}

    .about .text_inner_wrap {width: 100%;}
    .about .text_inner_wrap p br{display: none;}
    .about .text_inner_wrap p.title br{display: block;}
    .about .orz_chart .orz_item {padding: 8px 16px;}
    .about .orz_chart .orz_dep .orz_dep_two .two_inner {width: 100%;}
    .about .orz_chart .orz_dep .orz_dep_two .two_inner:nth-child(n+2){margin-top:40px;}
    .about .orz_chart .orz_dep .orz_dep_two .tech_team {display: none;}       
    .about .partners .partners_list {justify-content: center;}
    .about .partners .partners_list li {padding:10px 16px; width: 60%;}
    .about .direction .map_wrap #about_directions_map{height: 320px;}


    .in_lnb .lnb {margin-top: 8px;}
    .in_lnb .lnb ul li a {font-size: 14px;}
    .in_lnb .lnb_2dep ul li {width:50%;}
    

    .projects .project_list .project_item_wrap li {width: 100%;}
    
    .board_list .board_list_wrap ul li a .text_wrap h4 {font-size: 16px;}
    .board_list .board_list_wrap ul li a .text_wrap .text_inner{width: calc(100% - 36px);}
    .board_list .board_list_wrap ul li a .btn_wrap {margin-left: 8px;}

    .view .view_wrap .view_info_wrap{padding-bottom: 0; flex-wrap: wrap;}
    .view .view_wrap .view_info_wrap h4 {width: 100%;}
    .view .view_wrap .view_info_wrap .view_info {width: 100%;}
    .view .view_wrap .view_content {padding: 40px 0px 20px;}

    .press_room .board_list_wrap ul li a{margin: 0 -8px;}
    .press_room .board_list_wrap ul li a>div {padding: 0 8px;}

    .inquiry .map_content .map_wrap #directions_map {height: 280px;}
    .inquiry .contact_form .inner_wrap>div {width:100%;}
    .inquiry .contact_form .inner_wrap .contact_info_wrap ul li {padding: 4px 0;}
    .inquiry .contact_form .inner_wrap .contact_form_wrap {margin-top:40px;}

    .ci .ci_info .signature .btn_wrap {justify-content: center;}
	.ci .ci_info .signature .img_item{width:100%;}
	.ci .ci_info .color .img_item{width:50%;}
    .ci .ci_info .signature .btn_wrap a {padding: 8px 20px; font-size:14px;}


    .bo_fx {flex-wrap: wrap;}
    .btn_bo_user{margin-top:10px!important; width:100%; }
    .btn_bo_user li {float: right!important;}
}


@media(max-width:480px) {
    .about .orz_chart .orz_ceo .adviser {left: calc(50% + 120px);}
    .sub_page .section_title {font-size: 26px;}

    .faq .board_list_wrap ul li .answer {padding: 0 0 28px 0;}

    .inquiry .map_content .map_wrap #directions_map {height: 240px;}

    
}

@media(max-width:360px) {
    .sub_page .section_title {font-size: 32px;}
}