@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Noto+Sans+KR:wght@100;300;400;500&display=swap');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

h1,h2,h3,h4,h5,h6
{font-family:'Lato'; margin:0px;}
p, span, li, ul, a
{font-family:'Spoqa Han Sans';}
.container
{max-width:1300px; margin:0 auto; width:100%; padding:0px;}




.contains
{max-width:100%; }
#header
{height:90px;}
#header .header_main
{box-shadow:none; height:90px; background:white;}
#header .header_gnb
{height:90px;}
#header .header_wrap .logo
{top:20px; left:60px;}
#header .gnb_wrap
{height:90px;  border-bottom:1px solid #ddd;}
#header .gnb_wrap #gnb
{float:none;position:relative; display : inline-block; right : -500px !important; width:55%;}
#header .gnb_wrap #gnb .menu
{width:10%;}
#header .gnb_wrap #gnb .menu .link
{height:90px; line-height:90px;}
#header .gnb_wrap #gnb .sub_menu a:hover
{color:#1d50a1}

#header .menu_blog
{background:#03c75b; width:97px; height:91px; position:absolute; top:0px; right:0px; padding-top:34px; color:#fff; font-size:16px; text-align:center; }
#header .menu_blog:hover
{opacity:.9;}

/* slidedown*/
#header .header_main.active
{border-bottom:1px solid #ddd;}

.section01
{padding:85px 0px;}
.section01 .sec01_tit
{text-align:center;}
.section01 .sec01_tit h2
{color:#181818; font-size:50px; font-weight:700;}
.section01 .sec01_tit p
{font-size:17px; color:#949494; margin-bottom:40px;}
.section01 .pro_img_wrap
{text-align:center;}
.section01 .pro_img_wrap .pro_img
{display : inline-block; margin-right:10px;}
.section01 .pro_img_wrap .pro_img:nth-child(4), .section01 .pro_img_wrap .pro_img:nth-child(8)
{margin-right:0px;}
.section01 .pro_img_wrap .pro_img img
{border:1px solid #e4e4e4;}
.section01 .pro_img_wrap .pro_img p
{font-size:20px; color:#575656; margin:0px; padding:20px 0px;}
.section01 .pro_img_wrap .pro_img a
{font-size:13px; color:#1d50a0; font-weight:500; display : inline-block; padding:8px 25px; border:1px solid #1d50a0; border-radius:25px; margin-bottom:40px; transition-duration:0.2s;}
.section01 .pro_img_wrap .pro_img a:hover
{background:#1d50a0; color:white;}





.section02
{padding:95px 0px; background:url('../img/sec02_bg.jpg') center;  text-align:center; color:white}
.section02 .sec02_tit
{font-size:44px; color:white; font-weight:600;}
.section02 .sec02_txt01
{font-size:19px; line-height:130%; margin:20px 0px 40px; font-weight:300;}
.section02 a
{font-size:15px; color:white; display : inline-block; padding:13px 35px; border:1px solid white; border-radius:25px;  transition-duration:0.2s}
.section02 a:hover
{background:#0746ab; border-color:#0746ab;}


.section03
{padding:100px 0px;}
.section03 .sec03_rental
{ background:url('../img/sec03_img01.jpg') center no-repeat; height:560px; float:left; width:640px;}
.section03 .sec03_rental .sec03_rental_wrap
{padding:70px 0px 0px 40px;}
.section03 .sec03_rental .sec03_rental_wrap h4
{font-size:38px; color:#393939; font-weight:600; margin-bottom:30px;}
.section03 .sec03_rental .sec03_rental_wrap p
{font-size:17px; color:#727272; line-height:130%; margin-bottom:60px;}
.section03 .sec03_rental .sec03_rental_wrap a
{display : inline-block; width:200px; color:white; background:#1d50a0; padding:15px 30px; border-radius:25px; margin-bottom:10px; transition-duration:0.25s}
.section03 .sec03_rental .sec03_rental_wrap a .plus
{background:url('../img/btn_plus.png'); width:12px; height:12px; float:right; margin-top:4px;}
.section03 .sec03_rental .sec03_rental_wrap a:hover
{width:230px; background:#133a7a;}

.section03 .sec03_right_box
{float:right;}
.section03 .sec03_right_box .sec03_top_wrap
{padding:50px 40px;}

.section03 .sec03_right_box .sec03_top_support
{float:left; background:#1d50a0; width:310px; bordeR:1px solid #1d50a0; margin-right:20px;}
.section03 .sec03_right_box .sec03_top_support .sec03_top_wrap h5
{color:#aebbd1; font-size:18px; font-weight:300;}
.section03 .sec03_right_box .sec03_top_support .sec03_top_wrap p
{font-size:25px; color:white; margin-bottom:39px;}
.section03 .sec03_right_box .sec03_top_support .sec03_top_wrap a .plus
{background:url('../img/btn_plus.png') no-repeat center; width:12px;height:12px; display : inline-block; padding:30px; border:1px solid white; border-radius:50%;} 
.section03 .sec03_right_box .sec03_top_support .sec03_top_wrap a .plus:hover
{background-color:#5388e0; border-color:#5388e0;}
.section03 .sec03_right_box .sec03_top_support .sec03_top_wrap .support_icon
{background:url('../img/sec03_icon01.png'); width:67px;height:63px; float:right;}

.section03 .sec03_right_box .sec03_top_article
{display : inline-block; border:1px solid #ddd; width:310px;}
.section03 .sec03_right_box .sec03_top_article .sec03_top_wrap h5
{font-size:18px; color:#b1b1b1; font-weight:300;}
.section03 .sec03_right_box .sec03_top_article .sec03_top_wrap p
{color:#212121; font-size:25px;margin-bottom:39px;}
.section03 .sec03_right_box .sec03_top_article .sec03_top_wrap a .plus_gray
{background:url('../img/btn_plus_gray.png') no-repeat center; width:12px; height:12px; display : inline-block; padding:30px; border:1px solid #ddd; border-radius:50%;}
.section03 .sec03_right_box .sec03_top_article .sec03_top_wrap a .plus_gray:hover
{background-color:#1d50a0; border-color:#1d50a0;}
.section03 .sec03_right_box .sec03_top_article .sec03_top_wrap .article_icon
{background:url('../img/sec03_icon02.png'); width:84px;height:84px; float:right;}


.section03 .sec03_right_box .sec03_bot_customer
{margin-top:20px; background:url('../img/sec03_img02.jpg') center;}
.section03 .sec03_right_box .sec03_bot_customer .sec03_bot_wrap
{padding:55px 0px 58px 40px;}
.section03 .sec03_right_box .sec03_bot_customer .sec03_bot_wrap h5
{font-size:18px; color:white;}
.section03 .sec03_right_box .sec03_bot_customer .sec03_bot_wrap p
{font-size:25px; color:white; margin-bottom:25px;}
.section03 .sec03_right_box .sec03_bot_customer .sec03_bot_wrap a .plus
{background:url('../img/btn_plus.png') no-repeat center; width:12px; height:12px; display : inline-block; padding:30px; border:1px solid white; border-radius:50%;}
.section03 .sec03_right_box .sec03_bot_customer .sec03_bot_wrap a .plus:hover
{ background-color:#bbbcbe; border-color:#bbbcbe;}

.cs-divs
{padding:50px 0px; background:#282828;}
.cs-divs .cs-menu a
{color:#d3d3d3 !important;}
.cs-divs .cs-div
{padding:30px 0px 0px;}
.cs-divs .cs-div li span
{color:#929292; font-size:15px;}
.cs-divs .cs-div li span b
{color:#929292;}




/** left-menu**/
.left-menu h1
{font-size:22px; color:#1f509f; font-family:'Noto Sans Kr'; padding-bottom:10px; border-bottom:2px solid #1f509f; font-weight:500;}

.left-menu dl dt a
{font-size:16px; color:#666; font-weight:400; padding:15px 0px; border-bottom:1px solid #ddd; width:100%; display : inline-block;}
.left-menu dl dt a .on
{display : inline-block; color:#3a4d6b; font-weight:600; padding-left:10px; font-size:17px;}

/** left-menu end **/

.gallerylist .board table td img
{width:240px; height:210px;}

@media screen and (max-width:414px){
    #header .header_wrap .logo
    {left:20px;}
    #header .gnb_wrap
    {height:100%;}
    #header .gnb_wrap #gnb
    {float:none; position:absolute; right:0px !important; width:60%;}
    #header .gnb_wrap #gnb .menu .link
    {height:50px; line-height:50px; text-align:left;}
    #header .menu_blog
    {left:40%;}

    .section01 .sec01_tit h2
    {font-size: 38px;}

    .section02
    {padding:60px 10px; }
    .section02 .sec02_tit
    {font-size:32px;}
    .section02 .sec02_txt01
    {font-size:16px !important; text-align:left;}
    .section02 .sec02_txt01 .mobile_hide
    {display : none;}

    .section03 .sec03_rental
    {width:100%; float:none;}

    .section03 .sec03_right_box
    {float:none; text-align:center;}
    .section03 .sec03_right_box .sec03_top_wrap
    {padding:50px 70px;}
    .section03 .sec03_right_box .sec03_top_support
    {float:none; margin:0px; text-align:left; display : inline-block;margin-top:20px;}
    .section03 .sec03_right_box .sec03_top_article
    {text-align:left;}

    .section03 .sec03_right_box .sec03_bot_customer .sec03_bot_wrap
    {text-align:left;}


    /**** sub page ****/
    .gallerylist .board table td img
    {height:110px;}

    .left-menu dl dt
{display:inline-block;}
.left-menu dl dt a
{padding:15px 5px;}
}