/* 모바일 720 ******************************************************************************************************** */
@media screen and (max-width: 720px) {

    html {
        /* font-size: 80%; */
    }

	.jt {
		letter-spacing: normal;
	}

    .header .row {
        margin: 0 35px 0 35px
    }

    .main_bg {
        width: 100%;
        min-width: auto;
        background-image: url("../img/sj/mo_main_cover.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 944px;

    }
    .fixed .header {
        height: 134px;
    }

    /* 헤더 */
    .container {
        width: 100%;
        max-width: none;
        margin: auto;
        position: relative;

    }

    .row {
	  display: -webkit-box;
	  display: -ms-flexbox;
        display: flex;

	  -webkit-box-pack: justify;
	  -ms-flex-pack: justify;
        justify-content: space-between;

	  -webkit-box-align: center;
	  -ms-flex-align: center;
        align-items: center;
    }

    .header {
        width: 100%;
        height: auto;
        padding: 34px 0;
        z-index: 3;
    }

    .header h1 {
        display: inline-block;
    }

    .header h1 img {
        height: 71px;
		width: 229.44px;
    }

    .main_nav {
        display: none;
    }


    /* 상단 텍스트 */
    .visual {
        margin: 0 auto;
        width: 100%;
        height: 524px;

	  display: -webkit-box;
	  display: -ms-flexbox;
        display: flex;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
        align-items: flex-start;

  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 24px;
        padding-left: 52px;
    }

    #visual_top {
        width: 100%;
        height: auto;
    }

    .top_txt1 {
        float: left;
        width: 100%;
        /* font-size: 14.495px; */
        font-size: 1.812rem;
        ;
        line-height: 27px;
        letter-spacing: -2px;
        font-weight: 800;
        color: #3987d2;
    }

    .top_txt2 {
        float: left;
        width: 100%;
        line-height: 65px;
        /* font-size: 20.075px;    */
        font-size: 2.509rem;
        letter-spacing: -2px;
        font-weight: 800;
        color: #000;
    }

    .top_txt2_sib {
        /* font-size: 31.57px; */
        font-size: 1.973rem;
        color: #06386b;
    }

    .top_txt3 {
	  display: -webkit-box;
	  display: -ms-flexbox;
        display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
        align-items: center;

  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
        flex-direction: column;
        letter-spacing: -2px;
        width: 100%;
    }

    .top_txt3_l {
        width: 100%;
        /* font-size: 41.5px; */
        font-size: 2.594rem;
        font-weight: 800;
        color: #dc1242;
    }

    .top_txt3_l img {
        margin-right: 12px;
        vertical-align: baseline;
    }

    .top_txt3_r {
        width: 100%;
        /* font-size: 28.99px; */
        font-size: 1.812rem;
        ;
        font-weight: 600;
        color: #000;
    }

    #visual_box {
        width: 91%;
        min-width: auto;
        min-height: auto;
        margin-top: 20px;
        background-color: #fff;
        opacity: 90%;
        box-shadow: 5px 5px 3px #333;
    }


    #visual_board {
        padding: 25px 0 19px 25px;
        background-color: #fff;
    }


    .visual_row {

	  display: -webkit-box;
	  display: -ms-flexbox;
        display: flex;

  -webkit-box-lines: single;
  -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%;
        margin: 0 0 13px 0;

  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
        flex-direction: column;
    }

    .vis_mark {
        width: 23px;
        padding-top: 5px;
        margin: 0 5px 0 0;
    }

    .visul_bbs_tit {
        width: 100%;
        font-size: 1.5rem;
        font-weight: 700;

    }

    .visul_bbs_tit a {
        color: #054f9c;
    }

    .visul_bbs_desc {
        width: 100%;
        font-size: 1.375rem;
        font-weight: 600;
    }

    .visul_bbs_desc a {
        color: #000;
    }

    .vis_strong {
        font-weight: 700;
    }

    .vis_spacing {
        letter-spacing: 13px
    }




    .middle {
        padding: 29px 0 73px 0;
        margin: 0 auto;
        width: calc(100% - 50px);
        min-width: auto;
    }
    .mid_wrap {
        flex-direction: column;
    }
    .mid_top_txt {
        font-size: 1.563rem;
    }
    .cont_wrapper {
        margin: 0 auto;
        width: calc(100% - 50px);
        min-width: auto;
        /* padding: 0 25px 0 10px; */
        box-sizing: border-box;
    }
    .contents {
        width:100%;
    }
    .cont_top {
        float: left;
        width: 100%;
        height: auto;
        padding: 0;
        font-size: 2.5rem;
        color: #000;
        background: none;
        text-align: center;
    }
    .cont_top_strong {
        color:#1c5794;
        font-weight: 700;
    }
    .cont_tit {
        font-size: 1.563rem;
    }
    .cont_price, .cont_btn {
        font-size: 1.438rem;
    }    
    .cont_desc, .cont_esc {
        font-size: 1.238rem;
    }
    
    .cont_wrap {
        float:none;
        margin: 0 auto;
        width: 100%;
        padding-top: 22px;
    }

    .cont_box {
        /* width: 48.5%; */
        width: calc( (100% - 12px) / 2);
    }
    .cont_wrap li:nth-child(3n) {
        margin-right: 12px;
    }
    .cont_wrap li:nth-child(2n) {
        margin-right: 0px;
    }
    .cont_foot {
        width: 100%;
        height:auto;
    }
    .cont_ft_box {
        padding: 28px 0 0 0 ;
    }
    .cont_pad_big {
        padding-top: 10px !important;
    }
    .cont_foot_box1 .cont_ft_box {
        float: left;
        width: calc( (100% - 50px) / 3 );
    }
    .cont_foot_box1 .cont_ft_box:nth-child(-n+2) {
        margin-right: 25px;
    }
    .cont_foot_box2 {
        float: left;
        width: 100%;
        margin-top:20px;
    }
    .cont_foot_box2 .cont_ft_box {
        float: left;
        width: calc( (100% - 25px) / 2 );
    }
    .cont_foot_box2 .cont_ft_box:nth-child(1) {
        margin-right: 25px;
    }    
    .cont_ft_mr {
        margin-right: 0px;
    }
    .cont_ft_name {
        font-size: 1.5rem;;
        padding-bottom: 12px;
    }
    .cont_ft_btn {
        font-size: 1.086rem;
        margin:0 auto;
    }


    .aside_section {
        display: none;
    }


    #ft_banner_wrap {
        clear: both;
        margin: 0 auto;
        width: 100%;
        min-width:auto;
        height: 100%;
        background: url("../img/sj/foot_banner_bg.png");
        overflow: hidden;
    }
    #ft_banner {
        display: none;
    }
    #mo_ft_banner {
        display: block;
    }
    #mo_ft_banner img { width: 100%;}




    #foot {
        clear: both;
        width: 100%;
        min-width:auto;
        height: 31rem;
        background-color: #242424;
    }
    
    #foot_wrap {
        margin: 0 auto;
        width: 100%;
        background-color: #242424;
    }
    
    #foot_logo {
        float: left;
        width: 100%;
        padding: 3.8rem 0 0 2.7rem;
    }
    #foot_logo img { width: 198px;}
    #foot_company {
        float: left;
        width: 100%;
        padding:1.75rem 0 3rem 1.75rem;
        background-color: #242424;
    }
    .foot_com_set {
        float: left;
        width: 100%;
    }    
    .foot_com_name {
        float: left;
        width: 100%;
        font-size: 2.438rem;
        font-weight: 600;
        color: #fff;
        margin-right: 10px;
        margin-bottom: 3px;
    }    
    .foot_com_phone {
        float: left;        
        width: 100%;
        font-size: 3.375rem;
        font-weight: 700;
        color: #74B0EC;
    }    
    .foot_com_row {
        float: left;
        color: #fff;
        font-size: 1.375rem;
        font-weight: 350;
        padding-top: 12px;
    }    
    .foot_com_copy {
        float: left;
        color: #fff;
        font-size: 1.25rem;
        font-weight: 300;
        padding-top: 1.25em;
    }


    /** side menu  **/


    #side_menu {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 99999;
        margin: 0;
        background-color: rgba( 0, 0, 0, 0.5 );
        display: none;
    }               
    
    #side_menu .side_close {
        position: absolute;
        top: 10px;
        right: 530px;
        width: 40px;
        height: 40px;
        color: #fff;
        background: none;
        border: 0;
        font-size: 2rem;
    }
    #side_menu .side_wr {
        width: 514px;
        background: #fff;
        opacity: 1;
        position: absolute;
        top: 0;
        right: 0;
        box-shadow: 0 0 10px #444;
        overflow-x: hidden;
        height: 100%;
        overflow-y: scroll;
    }    
    #side_open {
        display: block;
        background: none;
        border: 0;
    }
    #side_open img { height: 37px;}



    .side_top {
        margin: 0 auto;
        padding: 57px 104px 57px 104px;
        border-bottom: 1px solid #d0d0d0;
    }

    .side_top img {
        height: 95px;
    }

    .menu_list li {
        border-bottom: 1px solid #d0d0d0;
        position: relative;
        font-size: 1.4rem;
        padding: 22px 30px 22px 30px;
    }

	.menu_list li a {
		display: inline-block;
		width: 100%;
		white-space: nowrap;
        padding: 0 10px;
        line-height: 40px;
        font-size: 1.875rem;
        color:#000;
	}
	.menu_list li.add_menu a {
		width: 85%;
	}

    .menu_list li a.li_close {
        width: 60px;
        display: inline-block;
        position: absolute;
        top: 15px;
        right: 0px;
        padding: 0;
        font-size: 50px;
        color: #606060;
    }
    .li_sub {
        padding: 28px 0 28px 42px;
        font-size: 1.875rem;
        border-bottom: 1px solid #d0d0d0;
    }
    .li_sub_cont li { 
        border:0;
        padding:5px 30px 5px 20px;      
        color: #909090;                      
    }
    .li_sub_cont li a { 
        color: #909090;
        padding: 0;
    }
    .li_sub_head, .li_sub_head2 {
        color:#686868;
    }
    .li_sub_head2 {
        margin-top: 30px;
    }
    .side_banner {
        width: calc(514px - 80px);
        margin:0 auto;
        padding-top:50px;
    }
    .side_banner2 {
        width: calc(514px - 80px);
        margin:0 auto;
        padding:60px 0 90px 0;
    }
    .side_banner img { width: 100%;}
    .side_banner2 img { width: 100%;}

    .sub_header .header {
        height: 134px;
    } 
    .middle_ex {
        height: 44px;
    }









}