.main_con {padding: 80px 0 60px 0 ;}
.main_con .box_wrap {flex-direction: column;}
.main_con .box_wrap .box {width: 100%;}
.main_con .box_wrap .rgt {padding-left: 0;margin-top: 40px;}
.main_con .main-hgroup h3 {font-size:24px}
.main_con .main-hgroup h4 {font-size:30px}
.main_con .box_wrap .text .tit {font-size:18px}
.main_con .box_wrap .text .desc {display: none;}
.main_con .box_wrap {padding: 50px 30px 10px 30px}
.main_con .btn_wrap_c {margin: 0 auto;padding: 0;}
.main_con.con02 .box_wrap{flex-direction: column-reverse;}
.main_con.con04 .box_wrap{flex-direction: column-reverse;}

.main_con.con02 .box_wrap .rgt {margin-top: 0;}
.main_con.con02 .box_wrap .text .tit {margin-bottom: 0;margin-top: 40px;}


.main_con.con03 .box_wrap .rgt {margin-top: 0;}
.main_con.con03 .box_wrap .text .tit {margin-bottom: 0;margin-top: 40px;}

.main_con.con04 .box_wrap .rgt {margin-top: 0;}
.main_con.con04 .box_wrap .text .tit {margin-bottom: 0;margin-top: 40px;}



.main_con .btn_wrap_r {margin: 0 auto;float:none}
.sub__visual {
    height: 350px;}
.sub__visualTitle {
    font-size: 38px;
    padding: 180px 0 0px;
}
.sub__lnb .w_1320 {
}

.sub__lnb a {
    font-size: 16px;
    margin-right: 28px;
    height: 65px;
    line-height: 65px;
} 

.hide-768 {
display: none !important;
}
.show-768 {
display: block !important;
}
   


.about_content  { flex-direction: column;word-break: keep-all;font-size: 15px;}
.about_contentL, .about_contentR {width:100%;}
.about_contentL {margin-bottom:20px;}
.about_content br {display:none;}

.sub__lnb {
    height: 65px;
    line-height: 65px;}

h2 {font-size:32px;margin-top:20px;margin-bottom:30px;letter-spacing: 0;}
#container h3 {font-size:26px;}
.main-visual-txt .txt01 {font-size:3.2em;transition: 0.3s;}
.main-visual-txt .txt02 {font-size:3.2em;transition: 0.3s;}
.main-visual-txt .txt03 {font-size:1.4em;transition: 0.3s;}
#container {padding:60px 0;}



.table_comm .w10 {width:20%;}
.table_comm .input_comm {width: 100%;
    font-size: 14px;}

.register .btn_confirm .btn_submit, .register .btn_confirm .btn_close {padding:12px 0;transition: 0.3s;}
.btn-primary {padding:12px 0;transition: 0.3s;}

/*������ �Խ���*/
.list-news li {width:50%;}
#bo_list .td_num2 {width:50px;}
#bo_list .td_datetime {width:60px;}
.tbl_head01 thead th {padding:20px 0;}
.tbl_head01 td {padding:20px 5px;}


.list-award li {width:50%;}


/*cs center form*/
.file-st {position: relative;}
.f-file {position: absolute;
    right: 0;
    width: 100%;}


.show-768 {display:block;}
.show-1320  {display:none;}


.c_wrap {padding:30px 0 40px 0;}
/*sub1_1 company*/

.sub_bg {margin-bottom:40px;}
.con1_1 {margin-bottom: 60px;}
.con1_3 ol {display: block;height:auto;}
.con1_3 ol li {width: 100%;height: auto;padding: 70px 0;}
.con1_3 ol li .s_tit {font-size:30px; line-height: 1.4;}
.con1_3 ol li:nth-child(1) { background-size: cover; background-position: 50% 50%;}
.con1_3 ol li:nth-child(2) { background-size: cover; background-position: 50% 50%;}
.con1_3 ol li:nth-child(3) { background-size: cover; background-position: 50% 50%;}




.con2_1 .flex-wrap {display: block;}
.con2_1 .flex-wrap > div {width:100%}
.con2_1 .txt {padding-left: 0;margin-top: 50px;}
.con2_1 .txt b {font-size:22px}
.con2_1 .title_s {font-size:22px}
.con2_1_wrap:before {display: none;}


.con2_1_wrap { background: url('/img/sub/greeting_bg.png') 150% -10% no-repeat;background-size:400px ;}

.con5_02 .flex {display: block;}
.con5_02 .flex > div {width: 100%;}
.con5_02 .flex .pic1, .con5_02 .flex .pic2 {background: none;height: auto;}
.con5_02 .flex  img {width: 100%;}
.con5_02 .flex .wrap_map {height: 250px !important}

/* .con5_02 .flex .map  {height: 250px;} */

/* .con5_02 .info-box {margin-top: 50px;} */
.con5_02 .info-box dl {margin-top: 6px;}
.con5_02 .info-box dt {    font-size: 16px;    min-width: 100px;    padding: 0 20px 0 22px;}
.con5_02 .info-box dd {    font-size: 14px;}

.pb150 {padding: 0 0 80px 0;}
#container .con5_02 .info-box h3 {    padding-bottom: 20px;
    font-size: 20px;margin-top: 30px;}

.con5_02 .info-box dt.add {    background-position: 0px 8px;}
.con5_02 .info-box dt.call {  background-position: 0px 8px;}
.con5_02 .info-box dt.fax {  background-position: 0px 8px;}

#bo_list td {font-size:14px}
#bo_list tbody .even td {font-size:13px}
.tbl_head01 thead th {font-size:15px;padding: 14px 0;}

.p2010 .con1, .p2010 .con2 {margin-bottom: 50px;}
.p2010 .box {display: flex;    flex-direction: column;}
.p2010 .box > div {width: 100%;margin-bottom: 20px;}
.p2010 .box .left {margin-right: 0;}
.p2010 .box .rigth {margin-left: 0;}


.p2020 .con1, .p2020 .con2, .p2020 .con3, .p2020 .con4 {margin-bottom:50px;}
.p2030 .con1 {padding-bottom: 50px;} 
.p2030 .box_wrap {flex-direction: column;}
.p2030 .box_wrap .box {width: 100%;}
.p2030 .box_wrap .rgt {padding-left: 0;padding-top: 30px;}
.p2030 .box_wrap .text .tit {margin-bottom: 20px;}
.p2030 .box_wrap .text .desc > ul > li:before {top:13px}
.p2030 .box_wrap .text .desc .p2 > ul > li:before {top:13px}

.p2050 .con1.box_wrap {flex-direction: column;}
.p2050 .con1.box_wrap .box {width: 100%;}
.p2050 .con1.box_wrap .rgt {padding-left: 0;padding-top: 30px;}
.p2050 .con1.box_wrap .text .tit {margin-bottom: 20px;}
.p2050 .con1.box_wrap .text .tit span {display: block;font-size;18px}

.p2050 .con2 .box_wrap {}
.p2050 .con2 .box {    width: calc(100% / 2);padding-right: 50px;}
.p2050 .con2 > ul > li:after {    width: 30px;
    height: 40px;
    background: url(/img/sub/arr.png) no-repeat;
    content: '';
    top: 46px;
    right: 4%;
    background-size: 60px;
    background-position: 0 0;}
.p2050 .con2 > ul > li:nth-child(3):after {content:''}
.p2050 .con2 .box_wrap {padding: 30px;}
.p3020 .con1, .p3020 .con2, .p3020 .con3 {padding-bottom:50px;}	
.p3030 .box_wrap .box .txt {font-size:14px}
.p3030 .box_wrap.c33 .img {max-width:100%; width: 100%;}
.p3030 .box_wrap.c33 .img img {width: 100%;}




.bus9 .con1 .c1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.bus9 .con2 .c1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.bus9 .con1,
.bus9 .con2 {
    margin-bottom: 50px;
}
.bus9 .mb20 {margin-bottom: 10px;}



.footer__company li {}
.footer__company b {display: block;}
.footer__company li:first-child {width: 100%;}
.footer__company li:first-child::after {display:none}
.footer__company {margin-top: 5px;}

.footer .ceo {margin-bottom: 5px; display: block;}

.con2_1 .flex-wrap > div.txt {width:100%}