@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:300,400,500,700|Roboto:100,300,400,500,700&display=swap');


.mj-line
{background:black;}
.mj-menu01 .fst
{background:none; padding:0px;}
.mj-menu01 a
{padding:0px 8px; border:1px solid #494949; border-top:none; border-bottom:none;}
.mj-menu01 a:hover
{color:#eee;}
.mj-menu01 .sst a, .mj-menu01 .lst a
{border-left:none}


.navbar-brand
{padding-top:14px;}
.navbar-nav > li > a
{padding:28px 55px 31px 55px;}

.container-gnb ul.nav .open > a
{color:#cd1041;}
.container-gnb ul.nav li a:hover
{color:#cd1041 !important; }
.container-gnb ul.nav .dropdown-menu
{border-color:#cd1041;}


/* ** */
.visual-main01
{background:url('main/visual01.jpg')}
.visual-main02
{background:url('main/visual02.jpg')}
.visual-main03
{background:url('main/visual03.jpg')}

.carousel
{height:500px;}
.carousel .item
{height:678px;}
.visual-main01 , .visual-main02 , .visual-main03
{height:100%}


.carousel-caption
{top:28%; padding:0px;}
.carousel-caption .v-mt01
{font-family:"Roboto"; font-size:68px; font-weight:100; padding:0px;}
.carousel-caption .v-mt02
{font-size:68px; font-family:'Roboto'; font-weight:600;}

.carousel-indicators
{display : none;}

.carousel-control.left
{background:url('main/prev.png'); width:69px; height:69px; margin:340px 0px 0px 0px; opacity:1; margin-left:60px}
.carousel-control.right
{background:url('main/next.png');width:69px; height:69px; margin:340px 0px 0px 0px; opacity:1; margin-right:60px;}

/* ** */ 


.container-ms_background
{background:#e7e7e7; padding:40px 0px;}

a:hover .ms-title .ms-btn
{background:#cd1041; border-color:#cd1041;}

.container02
{background:#e7e7e7;}

.sec02 .col-sm-4 
{padding:0px; margin-right:18px; width:32.3%}
.sec02 .col-sm-4:last-child
{margin-right:0px;}



.sec02 .inquiry
{top : 0px; position: absolute; padding : 35px 157px 30px 23px;}
.sec02 .inquiry h2
{font-size:25px; color:#2b2b2b; font-weight:600; margin-top:0px;}
.sec02 .inquiry p
{font-size:15px; color:#818181; margin-top:22px; }
.sec02 .inquiry a
{margin-top:25px; display : inline-block; color:#868686; border:1px solid #a7a7a6; padding: 10px 30px; font-family:'Nanum Gothic'; font-size:14px;}
.sec02 .inquiry a:hover
{background:#cd1041; color:white; border-color:#cd1041;}




.sec02 .notice 
{background:white;}
.sec02 .notice .more
{text-align:center; top: 44px;}
.sec02 .notice .more .l_col
{width:18px; height:2px; background:#383838; margin-top : 7px; position:absolute; left:-8px;}
.sec02 .notice .more .l_row
{height:17px; width:2px; background:#383838; display : inline-block;}
.sec02 .notice .more:hover .l_col , .sec02 .notice .more:hover .l_row
{background:#cd1041;}



.sec02 .notice ul
{padding:34px 22px 27px 25px; margin:0px;}
.sec02 .notice ul li.tit-main09
{color:#2b2b2b; font-weight:600; font-family:"Noto Sans Kr"; font-size:25px; border:none;}
.sec02 .notice .board_output_1_tr
{display : inline-block; width:340px; margin-bottom:10px;}
.sec02 .notice .board_output_1_tr td
{display :inline-block;}
.sec02 .notice .board_output_1_tr td:nth-child(2)
{margin-left:5px}
.sec02 .notice .board_output_1_tr td:nth-child(2) a
{color:#888888; font-size:15px;}
.sec02 .notice .board_output_1_tr td:last-child
{float:right; color:#b9b9b9; font-size:13px;}



.sec02 .cs-box
{padding:0px; border:none;}
.sec02 .cs-box .cs_center
{background:url('main/cs_center.jpg') no-repeat; width:388px; height:244px;}
.sec02 .cs-box .mob
{display : none;}





#footer-wrap02
{background:#2c2c2c; padding:45px 0px;}

#footer-wrap02 .footer01
{float:left;}
#footer-wrap02 .footer01 img
{margin-top:11px;}

#footer-wrap02 .footer02
{display : inline-block; padding-left:50px;}

#footer-wrap02 .footer02 .txt a
{color:#8a8a8a; font-size:15px; }
#footer-wrap02 .footer02 .txt span
{margin-right:5px;}
#footer-wrap02 .footer02 .txt span:last-child
{margin-left:5px; margin-right:0px;}
#footer-wrap02 .footer02 .address
{text-align:left; padding:0px; margin:10px 0px;}
#footer-wrap02 .footer02 .address span
{font-weight:400; margin-right:13px; font-size:15px; color:#8a8a8a; }

#footer-wrap02 .copy
{text-align:left; color:#8a8a8a; font-size:15px;}




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


    .navbar-inverse .navbar-brand
    {left:0px; top:0px; padding : 0px 0px 0px 15px;}
    .navbar-brand > img
    {height:50px;}

    .mj-menu02
    {display : none;}
    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus
    {background-color:#cd1041;}
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus
    {color:#cd1041;}



    .carousel
    {height:250px;}
    .carousel .item
    {height:250px;}


    .carousel-caption
    {top:36%; right:10%; left:10%;}
    .carousel-caption .v-mt01
    {font-size:24px;}
    .carousel-caption .v-mt02
    {font-size:36px;}
    .visual-main01, .visual-main02, .visual-main03
    {background-size:cover;}


    .carousel-control.right
    {background-image:url(../img/main/arrow-right.png); opacity : 0.7; background-repeat : no-repeat; margin:140px 0px 0 0; width:30px; margin-right:0px;}
    .carousel-control.left
    {background-image:url(../img/main/arrow-left.png); opacity : 0.7; background-repeat : no-repeat; margin:140px 0px 0 0; width:30px; margin-left:0px;}

    .container-ms_background
    {background:white;}
    .ms-title .ms-t02
    {padding:5px 5px 10px 5px;}




    .sec02 .row
    {margin:0px;}
    .sec02 .col-sm-4
    {margin:0px; margin-bottom:50px; width:100%;}
    .sec02 .col-sm-4 img
    {width:100%;}

    .sec02 .inquiry
    {padding:35px 97px 30px 23px;}
    .sec02 .inquiry a
    {margin-top:2px;}
  
    .sec02 .cs-box .cs_center
    {height:220px; background-size:110%; width:100%; margin-left:0px;}
    .sec02 .cs-box .com
    {display : none;}
    .sec02 .cs-box .mob
    {display : inline-block;}




    #footer-wrap02 .footer01
    {float:none; text-align:center;}

    #footer-wrap02 .footer02
    {margin-top:25px; padding:0px;}
    #footer-wrap02 .footer02 .txt
    {text-align:center;}
    #footer-wrap02 .footer02 .address
    {margin:15px 0px;}
    #footer-wrap02 .footer02 .address li
    {line-height:20px;}
    #footer-wrap02 .footer02 .address li:last-child
    {margin-top:7px;}



    .sec02 .notice .board_output_1_tr td:nth-child(2)
    {width:280px;}

    .sec02 .notice .board_output_1_tr td:last-child
    {display : none;}

}