@media screen and (max-width:1800px) {
    .main_con_01 dl {padding:15px 30px 30px;}
    .main_con_01 dd.d2 {width:100%;font-size:17px;line-height:24px;}
    
}



@media screen and (max-width:1300px) {
    .main_con_01 .bx-pager {display:block; bottom:-40px;}
    .main_con_01 .bx-controls-direction {display:none;}

    .cont_02_list li dl {padding-top:0;}

    .subvisual {margin-top:0;}
    #hd_tnb {right:10px;}

}


@media screen and (max-width:1240px) {
    #gnb_nav {display: none;}
    #gnb_logo {position: absolute; left:50%;margin-left:-75px;}
    #gnb_logo img {width:90%; }
    .top_img {display:none;}
    
    body.on #hd_ct {top:13px;}

    

}


@media screen and (max-width:1200px) {
	#gnbwaterfall-wrap { width: 100%; margin: auto; }

    
}




@media screen and (max-width:1024px) {
    #hd_tnb {display:none;}
    #hd_ct {display:block; top:10px;}
	.hd_pops{width:350px !important;  height:450px !important; margin:0 auto !important; left:2% !important;}
	.hd_pops_con{width:350px !important; margin:0 auto;  height:450px !important; overflow-x:scroll; border:0px solid red;}


    #gnbwaterfall.main_waterfall #gnbwaterfall-section {height:70px;border-bottom: 1px solid #e3e3e3;}

    #gnbwaterfall.main_waterfall #gnbwaterfall-logo {top:25px; left: 40px;}
    #gnbwaterfall.main_waterfall #gnbwaterfall-logo img {width:20%;}
    #gnbwaterfall-logo {width: calc(100% - 88px); text-align: center;}

    #gnbwaterfall-container {display:none;}

    body.on #hd_ct {position:fixed;top:13px;left:0;z-index:9999;}

    .pc_logo {display:none;}
    .m_logo {display:inline-block;}


    
    #hd_ct {display:block;}
    #breadcrumb {width:100%;}    
    .con_01_box li,
    .con_02_box li {width:50%; padding-bottom: 27px;}
    .con_01_box li .con .img .hover_more,
    
    .main_con_01 .bx-pager {bottom:-20px;}

    .sub_cont_03 ul li .sbj {font-size:16px;}

    .sub_cont_03 .bx-controls-direction .bx-prev {left:0;background-size:70%}
    .sub_cont_03 .bx-controls-direction .bx-next {right:0;background-size:70%}
}

@media screen and (max-width: 980px){
    

   
}

@media screen and (max-width: 860px){
    

}

@media screen and (min-width:768px) {
    .mo_7 {display:none;}
    

}

@media screen and (max-width:768px) {
    
    #gnb.main_gnb {top:0;}

    .cont_01_list li {width:50%;}


    .tb {display:none;}
    .main_con_04 {padding:40px 0;}


    .cont_06_list > li {width:100% !important;}
    .cont_06_list > li:last-child {padding-top:30px;}

/*#ft_copy p span.nb_m7:before {display:none;}

    .subvisual {height:150px;}

    #bo_gall .gall_li {width:50%;}
    
    .main_con_03 {height:490px;}

    .cont_04_list li {width:100%;margin-bottom:1px;}

    .cont_05_list li dd {font-size:13px;}

    .business_name {font-size:24px;}
    .business_desc {font-size:18px;}

    #ft_copy {padding-top:30px;}
    #ft_copy div.ft_logo {float:none;padding-top:0;text-align: center;}
    #ft_copy div.ft_copy {float:none;padding-left:0;padding-top:30px;text-align: center;}
    .cont_01_list li {padding:12px 0 20px;}
    .tech_box {margin-top:0;}
    .tech_btn {vertical-align: middle;}
    .notice_box {padding:20px 20px;}
    .notice_box .ymd,
    .notice_box .link {display:none;}
    .notice_box .news {width:100%;height:auto;padding:20px 0;}

    .notice_box .news .sbj {font-size:16px;}
    .notice_box .news .cont {font-size:14px;line-height:22px;}

    .stock_wrap {padding:50px 0;}
    .m_tbl {display:none;}
    .tbl_stock tr td.sbj {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}*/
}



@media screen and (min-width:480px) {

    .mo_4 {display:none;}

}


@media screen and (max-width:480px) {

    #gnbwaterfall-logo {width: calc(100% - 67px);}
  
    #tnb a {font-size:11px;}
    #gnbwaterfall.main_waterfall #gnbwaterfall-section,
    #gnbwaterfall.sub_waterfall #gnbwaterfall-section,
    #gnbwaterfall {height:60px;}
    #gnbwaterfall.main_waterfall #gnbwaterfall-logo,
    #gnbwaterfall.sub_waterfall #gnbwaterfall-logo {}

    #gnbwaterfall.main_waterfall #gnbwaterfall-logo img,
    #gnbwaterfall.sub_waterfall #gnbwaterfall-logo img {width:30%;}
    #hd_ct, 
    body.on #hd_ct {top:7px;}
    
    
    .cont_01_list li {width:50%;}
    .cont_01_list li:nth-child(3) {border-left:0;}
    .overlay {height:90px;}
    .description_wrapper {max-height:none;}
    .blocks_description {margin-top:10px;}


    .brand_cont {padding:0px 0;}
    .brand_cont .brand_name {padding-top:15px;font-size:16px;}
    .brand_cont .brand_desc {font-size:13px;}

    .cont_02_list li.bbs_box:last-child {padding:10px;}
    #board_header > a {width:30%;font-size:16px;}
    #board_notice_more,
    #board_review_more,
    #board_event_more {right:0;}

    .lt ul {margin:10px;}

    .main_con_03 {padding-top:30px;}
    .main_con_03 .top_tit h2 {font-size:26px;}
    .main_con_03 .top_tit p {font-size:16px;}
    
    .cont_03_list {margin-left:-10px;}    
    .cont_03_list li {padding-left:10px;}
    .cont_03_list li img {width:100%;}
    .cont_03_list li dl dd {font-size:13px;line-height:19px;letter-spacing:-0.04em;}
    .cont_03_list li dl dd br {display:none;}

    .prd_name {font-size:13px;line-height:18px;}

    .main_con_04 {padding:30px 0;}
    .cont_04_list {margin-top:30px;}
    .news_cont {padding:25px 30px;}
    .news_cont .date {font-size:13px;}
    .news_cont .subj {font-size:16px;}
    .news_cont .cont {padding-top:15px;line-height:20px;}


    .main_con_05 {height:auto;}
    .cont_05_list {padding-top:0;width:65%;bottom:20px;left:34%;}
    .cont_05_list li {width:33.3333%;padding-bottom:0;}
    .cont_05_list li:first-child .icn img {width:33%;}
    .cont_05_list li img {width:40%;}
    .cont_05_list .menu {font-size:14px;padding:10px 0;}

    .main_con_06 {padding:40px 10px;}
    .input_box li {width:100% !important;}
    .cont_06_list .agree_box {margin-top:7px;}


    .ml20 {margin-left:10px;}

    .m48 {display:block;}   
    .line_h {line-height:17px;}  
    .main_con_01 .bx-pager {bottom:0;}
       
    .main_map {height:260px;}
    .main_map .img_map .detail_view {bottom:30px;}

    #ft_copy a {font-size:12px;}
    #ft_copy a:before {top:3px;}
    #ft_copy p span b,
    #ft_copy p span {font-size:12px;}
    #ft_copy p span:before {top:0;}
    #ft_copy div.ft_copy,
    .f_bt .f_copy {font-size:12px;}
    
    #ft_copy p span.nb_m4:before {display:none;}
    .btn_mainTop {bottom:25px;right:0;background-size:55px;}

    .f_copy {padding-bottom:35px;}
    #ft_copy p span {padding:0 2px 0 4px;}
     #ft_copy p span.br_h {padding-top:7px;display:inline-block;}
    #ft_copy p span.br_h:before {display:none;}
    #map {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    margin-top:15px;
    }
       

    .root_daum_roughmap .wrap_map {height: 300px !important;}
    
    #wr_subject {width:100%;}

    .way_box > li {width:100%;}
    .tbl_t {margin-left:0; margin-top:30px;}
    .tbl_t thead th, .tbl_t thead td {font-size:13px;line-height:initial;}
    .tbl_t thead th {width:27%;}
    .tbl_t thead td {width:73%;}
    span.spc {padding-left:0;}
    .m_in {display:inline-block;}
    .tbl_t thead th span.fr {padding-left:37%;}
    .tbl_b {width:100%;margin-left:5px;}
    .tbl_b tbody th, .tbl_b tbody td {font-size:15px;}
    .tbl_b tbody th {width:22.5%;}
    .tbl_b tfoot td {font-size:22px;}
    .tbl_b tbody td.icon_01,
    .tbl_b tbody td.icon_02,
    .tbl_b tbody td.icon_03 {background:none;}

    .txt_box p {font-size:15px;}
    .li_4 li {width:100%;margin-top: 30px;}
    .li_4 li .inner {height:150px;background-size: 100% 100%;}
    .txt_box.s2 {padding-top:40px;}

    .history {background:none;}
    .history > div {width:100%;}
    .history > div .img {padding-top:30px;padding-bottom:50px;}
    .y_2017 {padding-top:0;text-align:left;}
    .desc {font-size:15px;}
    .year {font-size:25px;}

    .h_list > li.date.lt {float:left;}
    .h_list > li.desc.lt {width:100%;}
    .history > li:first-child {text-align:left;padding-right:0;}
    .history > li:last-child,
    .desc.rt {padding-left:0;width:100%;}
    .history > .img {padding-top:45px;}
    .history > .img.t2,
    .history > .img {padding-bottom:50px;}
    .y_1990 {text-align:left;}
    .y_1987 {margin-top:0;}

    .h_list .date.lt.mbl {display:block;}
    .h_list .date.lt.mhd,
    .mbr {display:none;}
    .desc p {font-size:14px;}

    .bnum li:first-child {width:30%;}
    .bnum li:last-child {width:100%;}

    .tbl_shop colgroup,
    .tbl_shop thead {display:none;}   
    .tbl_shop tbody th, .tbl_shop tbody td {display:block;text-align:left;}
    .tbl_shop tbody th,
    .tbl_shop tbody td,
    .tbl_shop tbody td.lt {padding-left:10px;}
    .tbl_shop {border-top: 2px solid #565a82;border-bottom: 1px solid #cfcfcf;}
    .tbl_shop tbody th {border-top: 1px solid #565a82;}
    .tbl_shop tbody td {border-bottom:0;padding:10px 0 10px 10px;}
    .tbl_shop tbody td.pdn {padding:0 0 10px 10px}
    .paging a img {width:30px;}
    .paging span a {width:30px;height:30px;line-height:30px;}
    .main_search {width:100%;}
    .search_box.shop {padding:10px 20px;}
    #sch_shop {width:70%;padding: 0 10px 0 40px;font-size:14px;background: url(../img/ico_search_b.png) no-repeat 12px center;}
    #sch_main {width:30%;}
    .cat_list.shop ul:first-child,
    .cat_list.shop ul,
    .cat_list ul {width: 25%;padding-left:8px;}
    .cat_list ul:first-child,
    .cat_list ul:nth-child(5) {padding-left:0;}
    
    .cat_list.shop ul,
    .cat_list.shop ul:first-child,
    .cat_list.shop {padding-left:0;box-sizing: border-box;}
    .cat_list.shop ul {border-left:0;}
    .cat_list li a {font-size:12px;}
    .cat_list li:last-child {line-height:23px;}
    .prd_li {margin-left:-15px;}
    .prd_li li {width:50%;padding-left:15px;padding-top:25px;}
    .prd_li li .name {font-size:14px;}
    .prd_li li img {height:143px;}
    .shop04_tit {font-size:20px;}
    .shop04_li li {width:100%;}
    .tbl_shop04 thead th {font-size:16px;}
    .tbl_shop04 tbody th {padding-left:5px;}
    .tbl_shop04 tbody th, .tbl_shop04 tbody td {font-size:14px;}

    .paging {padding-top:30px;}

    .shop5_box li,
    .shop5_box.bt li {width:100%;margin-bottom:15px;}
    .shop5_box li .r_box {height:300px;}
    .shop5_box li dt {font-size:24px;padding:30px 0 20px;}
    .shop5_box li dd {font-size:16px;line-height: 22px;}

    .txt_bt {font-size:14px;}
    .tbl_support {border-top: 2px solid #565a82;border-bottom: 1px solid #cfcfcf;}
    .tbl_support colgroup,
    .tbl_support thead {display:none;}   
    .tbl_support tbody th, .tbl_support tbody td {display:block;text-align:left;}
    .tbl_support tbody th,
    .tbl_support tbody td,
    .tbl_support tbody td.lf {padding-left:10px;}
    .tbl_support tbody td {border-bottom:0;}
    .tbl_support tbody th {border-top: 1px solid #cfcfcf;}

    .reg_p {display:none;}
    .reg_m {display:block;}
    
    .history > div .img.vgap {width:100%;}

    .pop_view .con .pop_close img {width:80%;}
    .filebox .upload_name {width:100%;}
    .filebox label {margin-top:10px;}

    #member_title {margin-top:50px;}
    #mb_login .mb_top img {width:13%;}
    #mb_login #login_info div:first-child,
    #mb_login #login_info div:last-child {width:50%;}
    #mb_login #login_info div > a {width:100%;}
    #mb_login #login_info div:last-child {padding-top:14px;padding-right:0;}
    #mb_login #login_info div:first-child {margin-right:0;}
    #mb_confirm {width:95%;}
    #mb_login #login_info {margin-left:-5px;}
    #mb_login #login_info div {padding-left:6px;box-sizing:border-box;}
    #mb_login #pw_info {margin-left:1px;}
    #mb_login #pw_info div > a {width:99%;}

    .cat_list ul.mul {width:100%;}
    .cat_list ul.mul li {float:left;width:25%;}
    .cat_list ul.mul li:nth-child(2) {padding-left:8px;}
    .cat_list.shop ul.mul li:nth-child(2) {padding-left:0;}
    .sch_rst {margin-top:20px;font-size:1.4em;}
    .g_txt_sch {padding:0;}

    .business_name {padding-top:10px;}

    .subvisual {height:200px; background-position:center;}

    #ft_copy div.ft_logo img {width:30%;}
    #ft_copy div.ft_copy {padding-top:15px;}
    #ft_copy p.ft_copy_top {padding: 0 0 10px 0;}

    .map_add .add_txt {font-size:14px;}
   
    #wr_name,
    #wr_password,
    .frm_input {width:100%;}

    .tbl_frm01 th {width:105px;}
    table.autoform_table tr th {width:40%;}
    .p_tdh {display:none;}
    .m_tdh {display:table-row;}

    .btn_plus {bottom:35px;}
    .btn_contact {bottom:10px;margin-left: -42px;width: 85px;height: 26px;}
    .btn_contact p {line-height: 26px;}

    .cont_03_list li dl {padding-top:10px;}
    .cont_03_list li dl dt {font-size:19px;}
    .m_img {display:block;}
    .cont_01_list .off,
    .cont_01_list .on,
    .pc_img {display:none;}

    .info_list {width:100%;margin-top:20px;}  
    .main_con_01 {padding-top:30px;height:auto;}
    .top_txt h2 {font-size:30px;}
    .top_txt h2:before {margin-right:5px;}
    .top_txt .desc {font-size:16px;letter-spacing:-1.5px;}
    .cont_01_list {padding-top:30px;}
    .cont_01_list li .txt .p_1 {font-size:23px;}
    .cont_01_list li .txt .p_2 {font-size:14px;}
    .cont_01_list li .img {width:128px;}
    .tech_box {margin-top:20px;height:244px;background: url(../img/tech_box_m.jpg) no-repeat 50% 0;background-size:contain;}
    .tech_btn {padding-bottom:65px;vertical-align:bottom;}
    .tech_btn a {width:42%;height:44px;line-height:44px;font-size:14px;}
    .btn_ml {margin-left:15px;}
    .main_con_02 {height:380px;background: url(../img/m_s02_m.jpg) no-repeat 50% 0;background-size: cover;}
    .more_btn {padding-bottom:35px;}
    .more_btn a {width:206px;height:38px;line-height:38px;font-size:10px;}
    .main_con_03 .bx-controls-direction {bottom:10px;right:10px;}
    .main_con_03 .bx-controls-direction .bx-prev,
    .main_con_03 .bx-controls-direction .bx-next {width:55px;height:55px;background-position:center;}

    .info_tit {width:140px;height:40px;line-height:40px;font-size:16px;text-align:left;padding-left:10px;}
    .info_tit span {font-size:12px;}
    .info_tit_arr {height:38px;}
    .arr_inner img {width:60%;}
    .info_txt {padding-left:0;padding-top:15px;font-size:15px;}
    .inv_info li {text-align:center;}
    .inv_info li span {display:block;}
    .inv_info li span.info_img {height:55px;}


    .stock_tit h3 {font-size:17px;}
    .stock_tit p {font-size:14px;}
    span.s1 {padding:0 3px;}
    span.s2 {padding-left:0;}
    .stock_time {font-size:10px;padding-top:8px;}
    .tbl_stock tr th {font-size:13px;height:45px;line-height:45px;}
    .tbl_stock tr td {font-size:13px;letter-spacing: -0.5px;height:40px;line-height:40px;}
    .tbl_stock tr th:nth-child(1) {width:7%;}
    .tbl_stock tr th:nth-child(3) {width:22%;}
    .tbl_stock tr th:nth-child(4) {width:30%}
    .tbl_stock tr th:nth-child(5) {width:16%}
    
    .tbl_stock_2 tr td {font-size:13px;letter-spacing: -0.5px;}
    .tbl_stock_2.info tr th:first-child,
    .tbl_stock_2 tr th {font-size:13px;}
    .tbl_stock_2 tr th {height:45px;line-height:45px;}
    .tbl_stock_2 tr td,
    .tbl_stock_2.info tr td {height:40px;line-height:40px;}
    .stock_sub_tit {font-size:16px;}

    .tbl_stock_2.info.hoga tr th:first-child {font-size: 13px;}
    .tbl_stock_2.info.hoga.day tr td {font-size:10px;}
    .tbl_stock_2.info2 tr th {letter-spacing:-2px;}
    .tbl_stock_2.info2 tr th,
    .tbl_stock_2.info2 tr td {height:40px;line-height:40px;}
}


.br_48,
.mobile_elm,
.mobile_bbs {display:none;}
.pc_elm,
.pc_bbs {display:block;}

@media (max-width: 480px) and (min-width: 320px) {
  .mobile_elm,
  .mobile_bbs {display:block;}
  .pc_elm,
  .pc_bbs {display:none;}
  #wrapper_title {font-size: 17px; padding-top:20px;margin-bottom:10px;}
  .sub_con.layout {padding:0 20px;}
  .br_48 {display:block;}
  
}



/************소니드main***************/

@font-face { font-family: 'GmarketSans'; font-weight: 300; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-style: normal; }
@font-face { font-family: 'GmarketSans'; font-weight: 500; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-style: normal; }
@font-face { font-family: 'GmarketSans'; font-weight: 700; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-style: normal; }

@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 700; font-style: normal; }


@import url('https://fonts.googleapis.com/css?family=Play:400,700&display=swap'); /* play체 */
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,700&display=swap');


.maintt{ font-family:'GmarketSans', sans-serif; color:#fff; font-size:55px; font-weight:700; padding-bottom:15px;}
.maintt1{font-size:18px; color:#fff; line-height:30px;}

.maintt2{font-family: 'S-CoreDream', sans-serif; font-size:75px; color:#000; font-weight:100;}
.maintt2 span{font-weight:700; color:red;}
.maintt3{font-sizE:19px;  font-weight:500;}
.maintt4{font-sizE:24px;  font-weight:500; line-height:45px; padding-left:7px;}
.maintt5{ font-family: 'Play', sans-serif;  font-weight:600; font-sizE:50px; line-height:55px;  margin-top:15px;}
/*.maintt6{font-sizE:16px;  font-weight:500; line-height:25px; margin-top:35px;  padding-left:7px;}*/
.maintt6{font-sizE:16px;  font-weight:500; line-height:25px; margin-top:35px;  padding-left:1px;}

.mobilenone{display:block;}



@media all and (max-width:1299px) {
.mobilenone{display:none;}
}



@media all and (max-width:1089px) {
.maintt{font-size:37px;}
.maintt1{font-size:16px; width:81%; margin:0 auto;}

.maintt3{font-size:16px;}
.maintt2{font-size:55px;}
}



.clear{clear:both;}


.businessinfo{width:100%; float:left;  position: relative; background: url(/theme/rsp01/img/bg05.jpg); padding-top:120px; }
.busitt{width:1450px; margin:0 auto;}

.cominfo{width:100%; float:left;  position: relative; background: url(/theme/rsp01/img/bg04.jpg); padding:150px 0px; }
.com{width:1450px; margin:0 auto;}
.com ul{margin-top:50px;}
.com ul li{position:relative; width:23%; margin-right:1%; display:inline-block; float:left; word-break:keep-all;}
.com ul li:last-child{margin-right:0%;}

.com ul li.icon01 a{ color:#000;  padding:125px 35px 75px 35px; box-sizing:border-box;display:block; background: url('/theme/rsp01/img/icon01.png')no-repeat;  border-radius:35px;}
.com ul li.icon01 a:hover{coloR:#fff;border-radius:35px; box-shadow:5px 12px 10px rgba(0,0,0,0.25); transition:0.1s; left:0; top:0;  background:#cc0000 url('/theme/rsp01/img/icon01_1.png')no-repeat; content:''; box-sizing:border-box; z-index:8888;}

.com ul li.icon02 a{ color:#000;  padding:125px 35px 75px 35px; box-sizing:border-box;display:block; background: url('/theme/rsp01/img/icon02.png')no-repeat;  border-radius:35px;}
.com ul li.icon02 a:hover{coloR:#fff;border-radius:35px; box-shadow:5px 12px 10px rgba(0,0,0,0.25); transition:0.1s; left:0; top:0;  background:#cc0000 url('/theme/rsp01/img/icon02_1.png')no-repeat; content:''; box-sizing:border-box; z-index:8888;}


.com ul li.icon03 a{ color:#000;  padding:125px 35px 75px 35px; box-sizing:border-box;display:block; background: url('/theme/rsp01/img/icon03.png')no-repeat;  border-radius:35px;}
.com ul li.icon03 a:hover{coloR:#fff;border-radius:35px; box-shadow:5px 12px 10px rgba(0,0,0,0.25); transition:0.1s; left:0; top:0;  background:#cc0000 url('/theme/rsp01/img/icon03_1.png')no-repeat; content:''; box-sizing:border-box; z-index:8888;}


.com ul li.icon04 a{ color:#000;  padding:125px 35px 75px 35px; box-sizing:border-box;display:block; background: url('/theme/rsp01/img/icon04.png')no-repeat;  border-radius:35px;}
.com ul li.icon04 a:hover{coloR:#fff;border-radius:35px; box-shadow:5px 12px 10px rgba(0,0,0,0.25); transition:0.1s; left:0; top:0;  background:#cc0000 url('/theme/rsp01/img/icon04_1.png')no-repeat; content:''; box-sizing:border-box; z-index:8888;}

.com>ul>:after {display:block; clear:both; content:'';}


@media all and (max-width:1399px) {
.com{width:100%;}
}



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

.cominfo{ padding:30px 0px;}
.com{width:100%; padding:2%; box-sizing:border-box;}

.busitt{width:100%; padding-left:15px;box-sizing:border-box}
.layout{width:100%; padding:2%; box-sizing:border-box;}
.com ul{margin-top:30px;}
.com ul li{position:relative; width:48%; margin-right:1%; display:inline-block; float:left;}
}


@media all and (max-width:989px) {
.b_slider ul li{width:100% !important;}
.com ul li{position:relative; width:98%; margin-right:1%; display:inline-block; float:left;}
}


.mbanner{width:100%; float:left;  position: relative; height:295px; overflow:hidden;}
.mleft{ position: relative; width:50%; float:left; overflow:hidden; height:295px;}
.mleft img{width:100%; height:100%; transition:all 0.5s ease-in-out;}
/*.mleft img:hover{transform:scale(1.5);
-webkit-transform:scale(1.2);}*/
.mright{ position: relative; width:50%; float:left; overflow:hidden; height:295px;}
.mright img{width:100%; height:100%; transition:all 0.5s ease-in-out;}
/*.mright img:hover{transform:scale(1.5);
-webkit-transform:scale(1.2);}*/

.mtext{position:absolute; top:0px; left:0px; width:100%; text-align:center;
padding-top:130px; color:#fff; font-size:45px; font-weight:600; z-index:55; line-height:45px;}
.mtext1{ color:#fff; font-size:20px; line-height:55px;}



@media all and (max-width:899px) {
.mbanner{height:400px;}
.mleft{width:100%; height:200px;}
.mright{width:100%; height:200px;}
.mtext{padding-top:80px;  font-size:35px;}
}





.news{text-align:center; width:100%; padding:125px 0px; background:#f5f5f5; border:0px solid red; overflow:hidden; }
.newstt{ position: relative; width:1500px; margin:0 auto; }
.newstt1{font-size:19px; color:#000; font-weight:500; text-align:left;}
.newstt2{font-size:16px; color:#333333; font-weight:500; text-align:left; margin-top:20px; margin-bottom:20px;}
.newstt3{font-size:16px; font-style:italic; color:#666; font-weight:500; text-align:left;}

.pt105{padding-top:105px;}

.newsarea{width:1600px; margin:0 auto; position: relative; padding-top:85px; overflow:hidden;}
.newsleft{width:3%; float:left;  position: relative;}
.newscenter{width:94%; float:left;  position: relative;}
.newscenter ul{width:100%; }
.newscenter ul li{display:inline-block; width:22.5%; margin:1%; border:0px solid red; floaT:left; }
.newscenter ul li img{width:100%;}
.newscenter ul li:last-child{margin-right:0%;}
.newstext{width:100%; padding:20px;  box-sizing:border-box;}
.newsright{width:3%; float:left;  position: relative;}



@media all and (max-width:1299px) {
.newstt{width:100%;}
.newsarea{width:100%;}

}



.recruit{text-align:center; width:100%; padding-top:140px;  overflow:hidden; padding-bottom:165px; background: url(/theme/rsp01/img/bg01.jpg);  background-size:cover;}
.recruit ul {width:900px; margin:0 auto; padding-top:55px;}
.recruit ul li{ background: url(/theme/rsp01/img/arrow.png)right no-repeat;  color:#fff; font-size:24px; font-weight:600; text-align:left;; display:inline-block; line-height:65px; border-bottom:1px  solid #fff; width:25%; margin:3%; }




@media all and (max-width:1189px) {
.news{padding:50px 0px;}
.recruit{padding-top:70px;  padding-bottom:85px;}
.newscenter{width:100%; padding:1%;  box-sizing:border-box;}
.newscenter ul li{display:inline-block; width:47.5% !important; margin:1%; border:0px solid red; floaT:left; }
}

@media all and (max-width:899px) {
.recruit ul {width:75%;}
.recruit ul li{width:100%;  font-size:17px; line-height:45px;}

}






.b_slider div{width:100%; border:0px solid red;}
.b_slider div ul li{ display:inline-block; float:left;}
.b_slider div ul li:first-child{width:55%;}
.b_slider div ul li:last-child{width:45%; padding-top:5%;  padding-left:2%;box-sizing:border-box;}

.num01{font-family: 'S-CoreDream', sans-serif; font-size:45px; color:#ff6600; font-weight:600;}
.busitt1{font-size:55px; color:#000; font-weight:600;}
.busitt2{font-size:20px; color:#333333; font-weight:500; line-height:40px; margin-top:10px; word-break:keep-all}

@media all and (max-width:1299px) {
.busitt2{width:80%;}

}



@media all and (max-width:989px) {
.num01{font-size:30px;}
.busitt1{font-size:40px;}
.busitt2{font-size:17px;  line-height:29px; width:100%;}
.main_con_03 .bx-controls-direction .bx-prev {width:35px; height:35px; background-size:cover;}
.main_con_03 .bx-controls-direction .bx-next {width:35px; height:35px; background-size:cover;}
.main_con_03 .bx-controls-direction {
    position: absolute;
    top:50%;
    right: 0px;
}
}

/*관련사이트**/
.f_site{position:relative; float:left; width:200px; margin-lefT:50px;margin-top:75px; padding-top: 5px; }

#mainNavi{ list-style:none;}

#mainNavi > li{float:left; width:100% !important; text-align:left; border:1px solid rgba(250,250,250,0.2); box-sizing:border-box; line-height:30px;background:url(/kr/images/main/arrow_01.jpg)no-repeat right;}
#mainNavi > li  a{ display:block; font-size:1em; font-weight:700; color:#999999; padding-left:10px; vertical-align:middle; overflow:hidden;}
#mainNavi li a:hover{color:#fff;}
/*#mainNavi li ul{opacity:0; position:absolute; left:0; top:-160px; list-style-type:none; z-index:777;}*/
#mainNavi li ul{opacity:0; position:absolute; left:0; top:-60px; list-style-type:none; z-index:777;}
#mainNavi li:hover ul{opacity:1;}
#mainNavi li ul li{height: 0; line-height:0;}
#mainNavi li:hover ul li{background:rgba(0,0,0,0.6); height:32px; line-height:32px; font-size:0.8em; width:200px; box-sizing:border-box; color:#efefef; border-bottom:1px solid rgba(250,250,250,0.1);}
#mainNavi li ul li a{border-left:0px solid rgba(250,250,250,0.0) !important; border-right:0px solid rgba(250,250,250,0.0 )!important;}
#mainNavi li ul li a:hover{color:#ffffff;}


@media all and (max-width:640px) {
.f_site { width:200px;   margin-lefT:20%; margin-top:15px;}
#mainNavi li:hover ul li{ background:rgba(0,0,0,1);}
}