* {margin: 0; padding: 0;}
li {list-style: none;}
a {text-decoration: none;}
img {display: block;}

*::-webkit-scrollbar {
    display: none; /* 크롬, 사파리, 오페라, 엣지 */
}

/*웹폰트 설정*/
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'min_bold';
    font-weight: 600;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'bold';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}
/*웹폰트 설정 끝*/

body {font-family: 'Pretendard'; line-height: 16px; top:0 !important;}

p {margin-bottom: 0;}

ul {margin: 0; padding: 0;}

ul li ul, ul li ol{margin-left:0;}

input:not([type]), input[type="text"], input[type="password"], 
input[type="date"], input[type="datetime"], 
input[type="datetime-local"], input[type="month"], 
input[type="week"], input[type="email"], input[type="number"], 
input[type="search"], input[type="tel"], input[type="time"], 
input[type="url"], input[type="color"], textarea
{box-shadow: none;
background-color: #fff;
padding: 0;
margin-bottom: 0;
outline: none;}
h1, h2, h3, h4, h5, h6
{margin-top:0 !important;}

input[type="checkbox"]
{margin-bottom: 0;}

input[type="checkbox"]+label, input[type="radio"]+label 
{margin: 0;}

/*이미지 스크롤 막기*/
.scrollOff
{width: 100%; height: 100vh;
position: fixed;
top: 0; left: 0;
overflow : hidden !important;}

/*페이징버튼 제어*/
ul.pagination
{margin-left: 0;}

ul.pagination li
{height: fit-content;
margin-left: 0;
font-size: 16px;}

ul.pagination li a
{color: #222;
padding: 5px 10px;
border: none;
border-radius: 0;
text-align: center; line-height: 20px;}

.page-item:not(:first-child) .page-link
{margin-left: 0;}

/*부트스트랩 클릭시 생기는 선 삭제*/
.page-link:focus, .page-link:active 
{outline: none;
box-shadow: none;
background-color: transparent !important;}

.page-link:focus, .page-link:hover 
{background-color: transparent !important;
color: #ffa200 !important;}

.page-link:focus, .page-link:active 
{color: #ffa200 !important;
font-family: bold;}

.page-item.active .page-link
{background-color: transparent !important;
color: #ffa200;
font-family: bold;}

@media screen and (min-width: 1420px)
{   
    /*메인 비주얼*/
    section.main_visual_ex
    {width: 100%; height: 100vh;
    min-height: 800px;}

    div.main_visual_cont
    {width: 100%; height: 100vh;
    min-height: 800px;
    position: relative;}

    div.main_visual_cont video
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.main_visual_cont_background
    {width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0; left: 0;
    z-index: 9;}

    div.main_visual_cont_back_txt
    {width: 1400px;
    margin: 0 auto;
    position: absolute;
    top: calc(35% + 50px); left: calc(50% - 700px);
    transition: all 1.5s;
    opacity: 0;}

    div.owl-item.active .main_visual_cont_back_txt
    {opacity: 1;
    top: 35%;}

    div.main_visual_cont_back_txt>p:nth-child(1)
    {width: fit-content;
    font-size: 18px; font-family: 'min_bold'; color: #fff;
    line-height: 20px;
    margin-bottom: 20px;}

    div.main_visual_cont_back_txt>p:nth-child(2)
    {width: fit-content;
    font-size: 62px; color: #fff; line-height: 70px;
    margin-bottom: 30px;}

    div.main_visual_cont_back_txt>p:nth-child(2) span 
    {font-family: bold; font-size: 70px;}

    div.main_visual_cont_back_txt>p:nth-child(3)
    {width: fit-content;
    font-size: 20px; line-height: 30px;
    color: #fff;
    margin-bottom: 50px;}

    div.main_visual_cont_back_txt>a:nth-child(4)
    {width: 180px; height: 50px;
    border-radius: 50px;
    border: 1px solid #fff; box-sizing: border-box;
    display: block;
    transition: all 0.5s;}

    div.main_visual_cont_back_txt>a:nth-child(4) p
    {text-align: center; line-height: 50px;
    color: #fff;}

    div.main_visual_cont_back_txt>a:nth-child(4):hover
    {border: none;
    background-color: #ffa200;}

    .main_visual_ex.owl-theme .owl-nav.disabled+.owl-dots 
    {margin-top: 0;
    position: absolute;
    bottom: 20px; left: 50%;
    transform: translateX(-50%);}

    .main_visual_ex.owl-theme .owl-dots .owl-dot span
    {background: #fff;
    opacity: 0.5;}

    .main_visual_ex.owl-theme .owl-dots .owl-dot.active span
    {opacity: 1;
    background: #ffa200;}


    /*서비스*/
    section.main_service_zon
    {width: 1400px;
    margin: 150px auto;}

    /*메인 서비스 타이틀*/
    div.main_service_title
    {width: 100%;
    transform: translateY(30px);
    margin-bottom: 50px;}

    div.main_service_title.on
    {transition: 0.5s ease-in-out;
    transform: translateY(0);
    opacity: 1;}

    div.main_service_title>p:nth-child(1)
    {width: fit-content;
    font-size: 38px; line-height: 40px;
    margin-bottom: 20px;
    color: #000;}

    div.main_service_title>p:nth-child(1) span
    {font-family: bold;
    font-size: 42px;
    border-bottom: 2px solid #000; box-sizing: border-box;}

    div.main_service_title>p:nth-child(2)
    {width: fit-content;
    font-size: 22px; line-height: 30px;
    color: #777;}

    div.main_service_cont
    {width: 100%;
    transform: translateY(30px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}

    div.main_service_cont.on
    {opacity: 1;
    transform: translateY(0);
    transition: 0.5s 0.5s;}

    div.main_service_cont_item
    {width: 32%;
    margin-right: 2%;
    padding: 40px 0;
    border-radius: 20px;
    margin-bottom: 30px;
    border: 1px solid #ddd; box-sizing: border-box;}

    div.main_service_cont_item:nth-child(3n+3)
    {margin-right: 0;}

    div.main_service_cont_item:nth-child(1n+4)
    {margin-bottom: 0;}

    div.main_service_cont_item>div
    {width: calc(100% - 80px);
    margin: 0 auto;}

    div.main_service_cont_item>div>p:nth-child(1)
    {margin-bottom: 10px;
    color: #000; font-size: 18px; line-height: 20px;
    transition: all 0.3s;}

    div.main_service_cont_item>div>p:nth-child(2)
    {font-family: bold;
    font-size: 24px; line-height: 30px;
    margin-bottom: 15px;
    color: #000;
    transition: all 0.3s;}

    div.main_service_cont_item>div>p:nth-child(3)
    {line-height: 25px; color: #555;
    word-break: keep-all;
    margin-bottom: 50px;}

    div.main_service_cont_item_image
    {width: 70%;
    margin: 0 auto;}

    div.main_service_cont_item_image img
    {width: 100%; height: auto;
    transition: all 1s;}

    div.main_service_cont_item:hover>div>p:nth-child(1)
    {color: #ffa200;}

    div.main_service_cont_item:hover>div>p:nth-child(2)
    {color: #ffa200;}

    div.main_service_cont_item:hover .main_service_cont_item_image img
    {transform: translateY(-10px);}
   

    div.mobile_service_cont_box
    {display: none !important;}

    

    /*포토폴리오*/
    section.main_portfolio_zon
    {width: 1400px;
    margin: 150px auto;}

    div.main_portfolio_title_box
    {width: 100%;
    margin-bottom: 80px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(30px);}

    div.main_portfolio_title_box.on
    {opacity: 1;
    transform: translateY(0);
    transition: 0.5s ease-in-out;}

    div.main_portfolio_title_box>p:nth-child(1)
    {width: fit-content;
    max-width: calc(100% - 175px);
    font-size: 38px; line-height: 48px;
    color: #000;}

    div.main_portfolio_title_box>p:nth-child(1) span
    {font-family: bold;
    font-size: 42px;
    border-bottom: 2px solid #000; box-sizing: border-box;}

    a.main_portfolio_more_btn
    {width: fit-content;
    max-width: 125px;
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #000; box-sizing: border-box;}

    a.main_portfolio_more_btn p
    {font-size: 22px; line-height: 25px;
    text-align: center;
    color: #000;
    transition: all 0.3s;}

    a.main_portfolio_more_btn:hover
    {border-bottom: 1px solid #ffa200; box-sizing: border-box;}

    a.main_portfolio_more_btn:hover p
    {transform: translateY(-10px); color: #ffa200;}

    /*메인 포토폴리오 컨텐츠*/
    div.main_portfolio_product_ex
    {width: 100%;
    display: flex;
    align-items: center;
    opacity: 0;
    transform: translateY(30px);}

    div.main_portfolio_product_ex.on
    {opacity: 1;
    transform: translateY(0);
    transition: 0.5s 0.5s;}

    div.main_product_label_ex
    {width: 250px;
    margin-right: 100px;
    position: relative;}

    ul.main_product_label_box
    {width: 100%;
    z-index: 2;}

    ul.main_product_label_box li
    {width: calc(100% - 45px); height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    cursor: pointer;}

    ul.main_product_label_box li p
    {line-height: 50px;
    position: relative;
    z-index: 3; font-family: bold;
    font-size: 17px;
    color: #000;
    transition: all 0.3s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

    ul.main_product_label_box li.on p {color: #fff;}

    ul.main_product_label_box li p span
    {display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    font-family: 'Pretendard';}

    div.main_portfolio_product_cont_ex
    {width: calc(100% - 350px);}

    div.main_portfolio_product_cont
    {display: none;}

    div.main_portfolio_product_cont.on
    {display: block;}

    div.main_mobile_label_big_box {display: none;}

    /*등록된 게시물 없을 때 - 포토폴리오*/
    p.no_portfolio_txt
    {width: 100%;
    text-align: center; line-height: 20px; color: #555;}

    div.portfolio_slide_cont_box
    {width: 100%;}

    a.portfolio_slide_cont
    {width: 100%;
    display: block;}

    div.portfolio_slide_cont_image
    {width: 100%; height: 0;
    padding-bottom: 61.36%;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;}

    div.portfolio_slide_cont_image img
    {width: 100%; height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0; left: 0;}

    div.portfolio_slide_cont_txt_box
    {width: 100%;}

    div.portfolio_slide_cont_txt_box>p:nth-child(1)
    {width: 100%;
    font-size: 17px; line-height: 20px;
    color: #555;
    margin-bottom: 10px;}

    div.portfolio_slide_cont_txt_box>p:nth-child(2)
    {width: 100%;
    font-size: 22px; font-family: bold; color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.3s;}

    a.portfolio_slide_cont:hover .portfolio_slide_cont_txt_box>p:nth-child(2)
    {color: #ffa200;}

    /*이동 바*/
    div.main_product_bar
    {width: 250px; height: 50px;
    position: absolute;
    top: 0; left: 0;
    border-radius: 25px;
    background-color: #ffa200;
    z-index: 1;}

    div.main_product_label_ex_m {display: none;}

    /*뉴스*/
    section.main_news_zon
    {width: 1400px;
    margin: 150px auto;}

    div.main_news_title_box
    {width: 100%;
    margin-bottom: 80px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(30px);}

    div.main_news_title_box.on
    {opacity: 1;
    transform: translateY(0);
    transition: 0.5s ease-in-out;}

    div.main_news_title_box>p:nth-child(1)
    {width: fit-content;
    max-width: calc(100% - 175px);
    font-size: 38px; line-height: 48px;
    color: #000;}

    div.main_news_title_box>p:nth-child(1) span
    {font-family: bold;
    font-size: 42px;
    border-bottom: 2px solid #000; box-sizing: border-box;}

    a.main_news_more_btn
    {width: fit-content;
    max-width: 125px;
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #000; box-sizing: border-box;}

    a.main_news_more_btn p
    {font-size: 22px; line-height: 25px;
    text-align: center;
    color: #000;
    transition: all 0.3s;}

    a.main_news_more_btn:hover
    {border-bottom: 1px solid #ffa200; box-sizing: border-box;}

    a.main_news_more_btn:hover p
    {transform: translateY(-10px); color: #ffa200;}

    div.main_news_cont_ex
    {width: 100%;
    position: relative; 
    opacity: 0;
    transform: translateY(30px);}

    div.main_news_cont_ex.on
    {opacity: 1;
    transform: translateY(0);
    transition: 0.5s 0.5s ease-in-out;}

    div.main_news_cont_box
    {width: 100%;
    display: flex;
    align-items: stretch;
    position: relative;
    z-index: 2;}

    a.main_news_cont
    {display: block;
    width: 48.5%;
    margin-right: 3%;}

    a.main_news_cont:nth-child(3)
    {margin-right: 0;}

    div.main_news_cont_icon
    {width: 10px; height: 10px;
    background-color: #ffa200;
    border-radius: 50%;
    margin-bottom: 15px;
    transition: all 0.3s;}

    p.main_news_cont_title
    {width: 100%; height: 60px;
    font-size: 22px; font-family: 'min_bold'; color: #000;
    line-height: 30px;
    word-wrap: break-word;
    word-break: keep-all;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.3s;}

    a.main_news_cont>p:nth-child(3)
    {width: 100%;
    font-size: 15px; color: #777; line-height: 20px;
    margin-bottom: 15px;}

    a.main_news_cont>div.main_news_cont_text
    {width: 100%;
    font-size: 15px; color: #777; line-height: 20px;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

	a.main_news_cont>div.main_news_cont_text img
	{display:none;}

    p.main_news_cont_more_btn
    {width: fit-content;
    color: #000;
    padding-bottom: 10px; line-height: 20px;
    transition: all 0.3s;
    position: relative;}

    p.main_news_cont_more_btn::before
    {content: "";
    height: 1px; width: 0;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    bottom: 0; left: 0;}

    a.main_news_cont:hover .main_news_cont_more_btn::before
    {width: 100%;
    background-color: #ffa200;}

    a.main_news_cont:hover .main_news_cont_title
    {color: #ffa200;}

    a.main_news_cont:hover .main_news_cont_more_btn
    {color: #ffa200;}

    div.main_news_cont_image
    {width: 250px; height: 250px;
    border-radius: 50%;
    background: #ffa20052;
    filter: blur(50px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    z-index: 1;}


    /*문의하기*/
    section.main_inquire_zon
    {width: 100%; height: 100vh;
    min-height: 800px;
    background: url(../img/main_background.jpg) center center / cover no-repeat;
    display: flex;
    align-items: center;}

    div.main_inquire_zon_box
    {width: 1400px; 
    margin: 0 auto;
    display: flex;
    align-items: center;}

    /*스크롤이벤트*/
    div.main_inquire_zon_box > div
    {
    transform: translateY(30px);}

    div.main_inquire_zon_box > div.on0
    {opacity: 1;
    transform: translateY(0);
    transition: 0.5s ease-in-out;}

    div.main_inquire_zon_box > div.on1
    {opacity: 1;
    transform: translateY(0);
    transition: 0.3s 0.5s ease-in-out;}

    div.main_inquire_zon_box > div.on2
    {opacity: 1;
    transform: translateY(0);
    transition: 0.5s 1s ease-in-out;}

    div.main_inquire_cont_box
    {width: calc(50% - 100.5px);}

    div.main_inquire_cont_box>p:nth-child(1)
    {font-size: 17px; 
    color: #fff;
    font-family: 'min_bold'; line-height: 20px;
    margin-bottom: 40px;}

    div.main_inquire_cont_box>p:nth-child(2)
    {font-size: 38px; line-height: 55px;
    color: #fff;
    margin-bottom: 80px;}

    div.main_inquire_cont_box>p:nth-child(2) span
    {font-family: bold;
    font-size: 42px;
    border-bottom: 2px solid #fff; box-sizing: border-box;}

    a.main_inquire_zon_link
    {width: fit-content;
    padding-bottom: 10px;
    display: block;
    position: relative;}

    a.main_inquire_zon_link p
    {font-size: 18px; line-height: 20px;
    color: #fff;
    transition: all 0.3s;}

    a.main_inquire_zon_link::before
    {content: "";
    height: 1px; width: 0;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    bottom: 0; left: 0;}

    a.main_inquire_zon_link:hover::before
    {width: 100%;
    background-color: #ffa200;}

    a.main_inquire_zon_link:hover p
    {color: #ffa200;}

    div.main_inquire_line
    {width: 1px; height: 600px;
    margin: 0 100px;
    background-color: #dddddd59;}

    div.main_map_cont_box
    {width: calc(50% - 100.5px);}

    div.main_map_cont
    {width: 100%; height: 300px;
    margin-bottom: 40px;}

    div.main_map_cont_txt
    {width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;}

    div.main_map_cont_txt>div:nth-child(1)
    {width: 100%;
    margin-bottom: 30px;}

    div.main_map_cont_txt>div:nth-child(2)
    {width: 48.5%;
    margin-right: 3%;}

    div.main_map_cont_txt>div:nth-child(3)
    {width: 48.5%;}

    div.main_map_cont_txt>div>p:nth-child(1)
    {width: 100%;
    font-family: 'min_bold';
    font-size: 17px;
    color: #fff; line-height: 20px;
    margin-bottom: 10px;}

    div.main_map_cont_txt>div>p:nth-child(2)
    {width: 100%;
    color: #ddd; line-height: 25px;}

    /*팝업창*/
    div.main_popup_ex
    {width: 500px;
    position: fixed;
    top: 105px; left: 20px;
    z-index: 4;
    background-color: #222;}

    div.main_popup_cont_box
    {width: 100%;
    position: relative;}

    a.main_popup_cont
    {width: 100%; height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    display: block;}

    a.main_popup_cont img
    {width: 100%; height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0; left: 0;}

    .main_popup_cont_box.owl-theme .owl-nav.disabled+.owl-dots 
    {margin-top: 0;
    position: absolute;
    bottom: -10px; left: 50%;
    transform: translateX(-50%);}

    .main_popup_cont_box.owl-theme .owl-dots .owl-dot span
    {background: #fff;
    margin: 0;
    opacity: 0.8;
    margin-right: 10px;}

    .main_popup_cont_box.owl-theme .owl-dots .owl-dot.active span
    {opacity: 1;
    background: #ffa200;}

    div.popup_txt_cont
    {width: calc(100% - 40px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;}

    div.popup_txt_cont_box
    {width: fit-content;
    display: flex;
    align-items: center;}
    
    #popup_hour_btn {display: none;}

    label.popup_hour_btn_box
    {width: 20px; height: 20px;
    border: 1px solid #ddd; box-sizing: border-box;
    display: block;}

    div.popup_txt_cont_box>label:nth-child(3)
    {width: fit-content;
    display: block;
    margin-left: 10px;}

    div.popup_txt_cont_box>label:nth-child(3) p
    {color: #ddd; line-height: 20px;}

    #popup_hour_btn:checked ~ .popup_hour_btn_box
    {background: url(../img/chk_icon.png) no-repeat center center, #fff;
    background-size: 15px;
    border: none;}

    p.close_main_popup
    {color: #ddd; font-family: 'min_bold';
    line-height: 20px;
    cursor: pointer;}



    /*서브 비주얼*/
    div.sub_visual_ex
    {width: 100%; height: 450px;
    position: relative;
    overflow: hidden;}

    img.sub_visual_image
    {width: 100%; height: 100%;
    object-fit: cover;}

    img.sub_visual_image.on
    {transform: scale(1.1);
    transition: all 5s ease-in-out;}

    div.sub_visual_ex>p:nth-child(2)
    {width: fit-content;
    position: absolute;
    top: 50%; left: 50%;
    font-size: 62px; line-height: 70px;
    font-family: bold; color: #fff;
    transform: translate(-50%, -50%);}

    div.page_rout
    {width: fit-content;
    position: absolute;
    bottom: 50px; left: calc(50% - 700px);
    display: flex;
    align-items: center;}

    a.page_root_home
    {width: 25px; height: 25px;
    margin-right: 15px;}

    a.page_root_home img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.page_rout>p
    {color: #fff;
    margin-right: 15px; line-height: 25px;}

    div.page_rout>p:last-child
    {margin-right: 0;
    color: #ffa200;
    font-family: 'min_bold';}

    div.page_rout a p
    {color: #ffa200;
    font-family: 'min_bold';}
    
    /*News*/
    section.news_cont_ex
    {width: 1400px;
    margin: 150px auto;
    margin-bottom: 180px;}
    
    /*News Top*/
    div.news_cont_top_ex
    {width: 100%;
    display: flex;
    align-items: stretch;
    margin-bottom: 80px; padding-bottom: 80px;
    border-bottom: 1px solid #ddd; box-sizing: border-box;}

    a.news_cont_top_product
    {width: 312.5px;
    margin-right: 50px;
    cursor: pointer;
    display: block;}

    a.news_cont_top_product:last-child {margin-right: 0;}

    div.news_cont_top_product_image
    {width: 100%; height: 0;
    padding-bottom: 100%;
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;}

    div.news_cont_top_product_image img
    {width: 100%; height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0; left: 0;
    transition: all 0.4s;}

    a.news_cont_top_product>p:nth-child(2)
    {width: 100%; height: 50px;
    font-size: 19px; line-height: 25px;
    font-family: 'min_bold';
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    color: #000;
    -webkit-box-orient: vertical;
    transition: all 0.4s;}

    div.news_cont_top_product_sub_txt
    {width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}

    div.news_cont_top_product_sub_txt img,
    div.news_cont_top_product_sub_txt hr
	{display:none;}

    div.news_cont_top_product_sub_txt>p
    {width: 100%;
    font-size: 15px;
    word-wrap: break-word; color: #5d5d5d;
    line-height: 20px;}

    a.news_cont_top_product:hover .news_cont_top_product_image img
    {transform: scale(1.05);}

    a.news_cont_top_product:hover>p:nth-child(2)
    {color: #ffa200;}

    /*News bottom*/
    div.news_cont_bottom_ex
    {width: 100%;
    margin-bottom: 100px;}

    ul.news_cont_bottom_title
    {width: 100%;
    display: flex;
    align-items: stretch;
    border-top: 2px solid #000; 
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;}

    ul.news_cont_bottom_title li
    {width: 100px;}

    ul.news_cont_bottom_title li:nth-child(3)
    {width: calc(100% - 450px);}

    ul.news_cont_bottom_title li:nth-child(4)
    {width: 150px;}

    ul.news_cont_bottom_title li p
    {width: calc(100% - 20px);
    margin: 0 auto;
    font-family: 'min_bold';
    text-align: center; line-height: 25px;
    padding: 20px 0; color: #000;}

    ul.news_cont_bottom_cont
    {width: 100%;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;}

    ul.news_cont_bottom_cont li
    {width: 100px;
    display: flex;
    align-items: center;}

    ul.news_cont_bottom_cont li:nth-child(3)
    {width: calc(100% - 450px);}

    ul.news_cont_bottom_cont li:nth-child(4)
    {width: 150px;}

    ul.news_cont_bottom_cont li a
    {width: calc(100% - 20px);
    margin: 0 auto;
    padding: 20px 0;
    display: block;}

    ul.news_cont_bottom_cont li a p
    {width: 100%;
    color: #5d5d5d; font-size: 15px;
    word-wrap: break-word;
    word-break: keep-all;
    text-align: center; line-height: 22px;
    transition: all 0.3s;}

    ul.news_cont_bottom_cont li:nth-child(3) a p
    {text-align: left;}

    ul.news_cont_bottom_cont:hover li a p
    {color: #ffa200;}
    
    /*페이지버튼*/
    div.page_btn_box
    {width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}


    /*뉴스 디테일*/
    section.news_product_detaile_ex
    {width: 1400px;
    margin: 150px auto;
    margin-bottom: 180px;}

    div.news_product_detaile_title
    {width: 100%;
    margin-bottom: 50px;}

    div.news_product_detaile_title>p:nth-child(1)
    {text-align: center;
    font-size: 32px; line-height: 40px;
    color: #000;
    margin-bottom: 15px;}

    div.news_product_detaile_title>p:nth-child(1) span
    {font-family: bold;}

    div.news_product_detaile_title>div:nth-child(2)
    {width: 80px; height: 3px;
    margin: 0 auto;
    background-color: #ffa200;}

    div.news_product_detaile_cont_ex
    {width: 100%;
    border-top: 1px solid #8f5b01; box-sizing: border-box;}

    div.news_product_detaile_cont_title
    {width: 100%;
    padding: 35px 0;
    border-bottom: 1px solid #ddd; box-sizing: border-box;}

    p.news_product_detaile_cont_title_txt
    {width: calc(100% - 30px);
    margin: 0 auto;
    font-size: 24px; line-height: 30px; text-align: center;
    color: #000;
    word-wrap: break-word;
    margin-bottom: 20px;}

    div.news_product_detaile_cont_min_title
    {width: fit-content;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: flex;
    align-items: center;}

    div.news_product_detaile_cont_min_title p
    {width: fit-content;
    color: #5d5d5d; font-size: 15px; line-height: 20px;}

    div.news_product_detaile_cont_min_title>div:nth-child(2)
    {width: 1px; height: 10px;
    background-color: #5d5d5d;
    margin: 0 10px;}

    div.news_product_detaile_cont
    {width: 1280px;
    margin: 80px auto;}

    div.news_product_detaile_cont p
    {width: 100%;
    line-height: 25px; color: #555;
    word-wrap: break-word;}

    div.news_product_detaile_cont img
    {width: 800px; height: auto;
    margin: 30px auto;}
    
    /*이전 글, 다음 글*/
    div.product_link_ex
    {width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 50px;}

    a.news_prev_btn
    {width: 100%;
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #ddd; box-sizing: border-box;}

    a.news_prev_btn>div
    {width: calc(100% - 30px);
    margin: 0 auto;
    display: flex;
    align-items: center;}

    a.news_prev_btn>div>p:nth-child(1)
    {width: 120px;
    text-align: center;
    color: #000; line-height: 25px;}

    a.news_prev_btn>div>p:nth-child(2)
    {width: fit-content;
    max-width: calc(100% - 120px);
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #5d5d5d;
    position: relative;
    transition: all 0.3s;}

    a.news_prev_btn:hover .news_prev_txt
    {color: #ffa200;}

    p.news_prev_txt::before
    {content: "";
    height: 1px; width: 0;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    bottom: 0; left: 0;}

    a.news_prev_btn:hover .news_prev_txt::before
    {width: 100%;
    background-color: #ffa200;}

    a.news_next_btn
    {width: 100%;
    display: block;
    padding: 30px 0;}

    a.news_next_btn>div
    {width: calc(100% - 30px);
    margin: 0 auto;
    display: flex;
    align-items: center;}

    a.news_next_btn>div>p:nth-child(1)
    {width: 120px;
    text-align: center;
    color: #000; line-height: 25px;}

    a.news_next_btn>div>p:nth-child(2)
    {width: fit-content;
    max-width: calc(100% - 120px);
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #5d5d5d;
    position: relative;
    transition: all 0.3s;}

    a.news_next_btn:hover .news_next_txt
    {color: #ffa200;}

    p.news_next_txt::before
    {content: "";
    height: 1px; width: 0;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    bottom: 0; left: 0;}

    a.news_next_btn:hover .news_next_txt::before
    {width: 100%;
    background-color: #ffa200;}

    /*목록으로*/
    a.product_list_btn
    {width: 150px; height: 50px;
    margin-left: calc(100% - 150px);
    border: 1px solid #000; box-sizing: border-box;
    display: block;
    transition: all 0.3s;}

    a.product_list_btn p
    {text-align: center; line-height: 48px;
    color: #000;
    transition: all 0.3s;}

    a.product_list_btn:hover
    {border: none;
    background-color: #ffa200;}

    a.product_list_btn:hover p
    {color: #fff; line-height: 50px;}



    /*서비스 페이지 - 홈페이지*/
    div.homepage_service
    {width: 100%; 
    margin: 100px auto;
    margin-bottom: 0;}

    /*서비스 - 라벨 박스*/
    div.service_label_box
    {width: fit-content;
    max-width: 1400px;
    margin: 100px auto;
    margin-top: 0;
    display: flex;
    align-items: center;}

    div.service_label_box a
    {display: block;
    margin-right: 50px;}

    div.service_label_box a:last-child
    {margin-right: 0;}

    div.service_label_box a p
    {font-size: 24px; line-height: 30px;
    color: #000;
    opacity: 0.3;
    transition: all 0.3s;}

    div.service_label_box a.on p
    {padding-bottom: 5px;
    border-bottom: 2px solid #ffa200; box-sizing: border-box;
    font-family: bold; color: #ffa200;
    opacity: 1;}

    div.service_label_box a:hover p
    {color: #ffa200;
    opacity: 1;}

    div.service_label_box_mobile {display: none;}

    html, body {
    margin: 0;
    padding: 0;
    }
    /*서비스 메인*/
    div.homepage_service_visual
    {width: 100vw; /* 뷰포트 전체 너비 */
    margin: 0;    /* 브라우저 기본 마진 제거 */
    padding: 100px 0;
    background-color: #232323;
    margin-bottom: 150px;}

    div.homepage_service_visual_cont_box
    {width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s;}

    div.homepage_service_visual_cont_box.on
    {opacity: 1;
    transform: translateY(0);}

    div.homepage_service_visual_icon
    {width: 300px;
    margin-right: 100px;}

    div.homepage_service_visual_icon img
    {width: 100%; height: 100%;
    object-fit: cover;
    animation-name: rotateimage;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;}

    @keyframes rotateimage {

        0% {transform: rotate(0);}
        50% {transform: rotate(180deg);}
        100% {transform: rotate(0);}

    }

    div.homepage_service_visual_txt_cont
    {width: fit-content;}

    div.homepage_service_visual_txt_cont>p:nth-child(1)
    {font-size: 52px; font-family: bold;
    line-height: 60px;
    color: #fff;
    margin-bottom: 50px;}

    div.homepage_service_visual_txt_cont>p:nth-child(1)>span
    {padding-bottom: 5px;
    border-bottom: 1px solid #fff; box-sizing: border-box;}

    div.homepage_service_visual_txt_cont>p:nth-child(2)
    {font-size: 24px; line-height: 35px;
    color: #ddd;}

    div.homepage_service_visual_txt_cont>p:nth-child(2)>span
    {font-family: bold; font-size: 28px;}


    /*소개글*/
    div.homepage_service_people
    {width: 1400px;
    margin: 0 auto;
    margin-bottom: 150px;
    transform: translateY(30px);
    transition: all 1s;}

    div.homepage_service_people.on
    {opacity: 1;
    transform: translateY(0);}

    div.homepage_service_people_title
    {width: 100%;
    margin-bottom: 80px;}

    div.homepage_service_people_title>p:nth-child(1)
    {font-family: bold;
    text-align: center;
    color: #000; font-size: 38px; line-height: 50px;}

    div.homepage_service_people_title>p:nth-child(2)
    {text-align: center;
    color: #000; font-size: 38px; line-height: 50px;
    margin-bottom: 30px;}

    div.homepage_service_people_title>p:nth-child(2) span
    {font-family: bold;
    padding-bottom: 5px; font-size: 42px;
    border-bottom: 2px solid #000;}

    div.homepage_service_people_title>p:nth-child(3)
    {text-align: center;
    line-height: 25px; font-size: 18px; color: #555;}

    div.homepage_service_people_cont
    {width: 100%;
    display: flex;
    align-items: stretch;}

    div.homepage_service_people_item
    {width: 327.5px; height: 475px;
    margin-right: 30px;
    border: 1px solid #f1f1f1;
    padding: 20px 0;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.089);
    position: relative;
    background-color: #fff;
    transition: all 0.3s;
    cursor: pointer;}

    div.homepage_service_people_item:hover
    {background-color: #ffa200;
    transform: translateY(-30px);}

    div.homepage_service_people_item:hover .homepage_service_people_item_cont p
    {color: #fff;}

    div.homepage_service_people_item:last-child
    {margin-right: 0;}

    div.homepage_service_people_item_cont
    {width: calc(100% - 40px);
    margin: 0 auto;}

    div.homepage_service_people_item_cont>p:nth-child(1)
    {font-family: 'min_bold';
    color: #000; line-height: 20px;
    margin-bottom: 10px;}

    div.homepage_service_people_item_cont>p:nth-child(2)
    {font-size: 24px; font-family: bold;
    line-height: 30px;
    color: #000;
    margin-bottom: 20px;}

    div.homepage_service_people_item_cont>p:nth-child(3)
    {line-height: 23px;
    color: #555; word-break: keep-all;
    margin-bottom: 30px;}

    div.homepage_people_icon
    {width: 70%;
    position: absolute;
    bottom: 20px; right: 20px;}

    div.homepage_service_people_item:nth-child(2) .homepage_people_icon
    {width: 80%;}

    div.homepage_people_icon img
    {width: 100%; height: auto;}

    div.homepage_service_people_cont_mobile {display: none !important;}

    /*서비스 - 하는 일*/
    div.homepage_service_work
    {width: 1400px;
    margin: 150px auto;
    transform: translateY(30px);
    transition: all 1s}

    div.homepage_service_work.on
    {opacity: 1;
    transform: translateY(0);}

    div.homepage_service_work_title
    {width: 100%;
    display: flex;
    align-items: stretch;
    margin-bottom: 50px;}

    div.homepage_service_work_title>p:nth-child(1)
    {width: 50%;
    margin-right: 5%;
    font-size: 34px; line-height: 50px;
    color: #000;}

    div.homepage_service_work_title>p:nth-child(1)>span
    {padding-bottom: 5px;
    font-family: bold; 
    font-size: 42px;
    border-bottom: 1px solid #000; box-sizing: border-box;}

    div.homepage_service_work_title>p:nth-child(2)
    {width: calc(50% - 50px);
    font-size: 20px; line-height: 30px; color: #555;}

    div.homepage_service_work_ex
    {width: 100%;
    display: flex;
    align-items: stretch;}

    div.homepage_service_work_icon
    {width: 50%;
    margin-right: 50px;
    align-self: flex-end;}

    div.homepage_service_work_icon img
    {width: 100%; height: auto;}

    div.homepage_service_work_box
    {width: calc(50% - 50px);}

    div.homepage_service_work_cont
    {width: 100%;
    padding: 20px 0;
    border-top: 1px solid #ddd; box-sizing: border-box;
    display: flex;
    align-items: stretch;}

    div.homepage_service_work_cont:last-child
    {border-bottom: 1px solid #ddd; box-sizing: border-box;}

    div.homepage_service_work_cont>p:nth-child(1)
    {width: 150px;
    font-family: bold;
    color: #ffa200; font-size: 20px; line-height: 25px;
    margin-right: 20px;}

    div.homepage_service_work_cont>p:nth-child(2)
    {width: calc(100% - 170px);
    line-height: 23px;
    color: #555; word-break: keep-all;}
    
    /*프로세스*/
    div.homepage_service_process
    {width: 1400px;
    margin: 0 auto; 
    display: flex;
    align-items: flex-start;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s;}

    div.homepage_service_process.on
    {opacity: 1;
    transform: translateY(0);}

    div.process_service_title
    {width: 430px;
    margin-right: 80px;
    position: -webkit-sticky;
    position: sticky;
    top: 100px; left: 0;
    padding-bottom: 150px;}

    div.process_service_title>p:nth-child(1)
    {font-size: 42px; font-family: bold;
    line-height: 50px; color: #000;
    margin-bottom: 20px;}

    div.process_service_title>p:nth-child(2)
    {font-size: 20px; line-height: 30px;
    color: #555;}

    div.process_service_title>p:nth-child(3) {display: none;}

    div.process_cont_ex
    {width: calc(100% - 510px);
    padding: 100px 0;
    padding-bottom: 150px;
    border-left: 1px solid #ddd; box-sizing: border-box;}

    div.process_cont_ex div
    {width: calc(100% - 50px);
    margin-left: 50px;
    margin-bottom: 200px;
    position: relative;
    opacity: 0.3;
    transition: all 0.5s;}

    div.process_cont_ex div:last-child
    {margin-bottom: 0;}

    div.process_cont_ex div::before
    {content: "";
    width: 20px; height: 20px;
    display: block;
    border-radius: 50%;
    background-color: #ffa200;
    position: absolute;
    top: 10px; left: -60px;}

    div.process_cont_ex div p:nth-child(1)
    {font-size: 32px;
    color: #ffa200; line-height: 40px;
    margin-bottom: 15px;}

    div.process_cont_ex div p:nth-child(2)
    {font-size: 32px; font-family: bold;
    color: #000; line-height: 40px;
    margin-bottom: 30px;}

    div.process_cont_ex div p:nth-child(3)
    {font-size: 18px; line-height: 25px;
    color: #555;
    word-break: keep-all;}

    /*스크롤 이벤트*/
    div.process_cont_item.on
    {opacity: 1;}


    /*서비스 - 홈페이지 문의하기*/
    div.homepage_service_contact
    {width: 100vw; /* 뷰포트 전체 너비 */
    margin: 0;    /* 브라우저 기본 마진 제거 */
    padding: 150px 0;
    background-color: #2c2c2c;}

    div.homepage_service_contact_box
    {width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s;}

    div.homepage_service_contact_box.on
    {transform: translateY(0);
    opacity: 1;}

    div.homepage_service_contact_cont_left
    {width: calc(50% - 50px);}

    div.homepage_service_contact_cont_left_title
    {width: 100%;}

    div.homepage_service_contact_cont_left_title p
    {font-size: 42px; font-family: bold;
    color: #fff; line-height: 55px;}

    div.homepage_service_contact_cont_left_title>p:nth-child(2)
    {margin-bottom: 30px;}

    div.homepage_service_contact_cont_left_link
    {width: fit-content;}

    div.homepage_service_contact_cont_left_link a
    {display: flex;
    align-items: center;
    margin-bottom: 15px;}

    div.homepage_service_contact_cont_left_link a>p:nth-child(1)
    {font-size: 18px; color: #fff;
    line-height: 30px;
    transition: all 0.5s;}

    div.homepage_service_contact_cont_left_link a>p:nth-child(1) span
    {font-family: bold;}

    div.homepage_service_contact_cont_left_link a>p:nth-child(2)
    {width: 30px; height: 30px;
    border-radius: 50%;
    text-align: center; line-height: 28px;
    color: #fff;
    border: 1px solid #fff; box-sizing: border-box;
    transition: all 0.5s;
    margin-left: 15px;}

    div.homepage_service_contact_cont_left_link a:hover p
    {transform: translateY(-2px);}

    div.homepage_service_contact_cont_left_link a:hover>p
    {color: #ffa200;}

    div.homepage_service_contact_cont_left_link a:hover>p:nth-child(2)
    {border: 1px solid #ffa200;}

    div.homepage_service_contact_cont_right
    {width: 50%; 
    margin-left: 50px;}

    div.homepage_service_contact_cont_right img
    {width: 100%; height: auto;
    animation-name: updownimage;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;}

    @keyframes updownimage {

        0% {transform: translateY(0);}
        50% {transform: translateY(-20px);}
        100% {transform: translateY(0);}

    }


    /*서비스 페이지 - 여행*/
    div.service_trave
    {width: 100%; 
    margin: 100px auto;
    margin-bottom: 0;}

    /*여행앱 소개*/
    div.service_travel_information
    {width: 100%;
    margin-bottom: 150px;}

    div.service_travel_information_title
    {width: 1400px;
    margin: 0 auto;
    margin-bottom: 50px;}

    div.service_travel_information_title p:nth-child(1)
    {font-family: 'min_bold';
    font-size: 20px;
    color: #555; line-height: 20px;
    margin-bottom: 30px;}

    div.service_travel_information_title p:nth-child(2)
    {color: #000;
    font-size: 42px; line-height: 55px;}

    div.service_travel_information_title p:nth-child(2)>span {font-family: bold;}

    div.service_travel_information_title p:nth-child(3)
    {color: #000;
    font-size: 42px; line-height: 55px;}

    div.service_travel_information_title p:nth-child(3)>span {font-family: bold;}

    div.service_travel_information_cont
    {margin-left: calc(50% - 700px);
    padding: 50px 0;
    background-color: #f3f3f3;
    opacity: 0;
    transform: translateY(20px);}

    div.service_travel_information_cont.on
    {transition: 1s;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_information_cont_box
    {width: 1300px;
    margin-left: 50px; margin-right: 50px;
    display: flex;
    align-items: center;}

    div.service_travel_information_cont_icon_item
    {width: 460px;
    display: flex;
    align-items: center;
    margin-right: 100px;}

    div.service_travel_information_cont_icon_item_box
    {width: 130px;}

    div.service_travel_information_cont_icon_item_box>div:nth-child(1)
    {width: 100px;
    margin: 0 auto;
    margin-bottom: 15px;}

    div.service_travel_information_cont_icon_item_box>div:nth-child(1) img
    {width: 100%; height: auto;}

    div.service_travel_information_cont_icon_item_box>p:nth-child(2)
    {font-size: 18px; line-height: 25px;
    text-align: center;
    color: #000;}

    div.service_travel_information_cont_icon_item_box>p:nth-child(2)>span
    {font-family: bold;
    color: #ffa200;}

    div.service_travel_information_cont_icon_item>p:nth-child(2)
    {font-size: 62px;
    margin: 0 80px;
    color: #000;}

    div.service_travel_information_cont_txt_item
    {width: calc(100% - 560px);}

    div.service_travel_information_cont_txt_item>p:nth-child(1)
    {color: #000;
    font-size: 19px; line-height: 25px;
    margin-bottom: 15px;
    word-break: keep-all;}

    div.service_travel_information_cont_txt_item>p:nth-child(1)>span
    {font-family: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #000; box-sizing: border-box;}

    div.service_travel_information_cont_txt_item>p:nth-child(2)
    {width: 100%;
    word-break: keep-all;
    color: #333; line-height: 23px;}

    div.service_travel_information_cont_txt_item>p:nth-child(3)
    {width: 100%;
    word-break: keep-all;
    color: #333; line-height: 23px;}
    
    /*고민거리*/
    div.service_travel_worry
    {width: 1400px;
    margin: 100px auto;
    margin-bottom: 205px;}

    div.service_travel_worry_item_one
    {opacity: 0;
    transform: translateY(20px);}

    div.service_travel_worry_item_one.on
    {transition: 0.8s 0.5s ease-in;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_worry_item_two
    {opacity: 0;
    transform: translateY(20px);}

    div.service_travel_worry_item_two.on
    {transition: 0.8s 0.5s ease-in;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_worry_item_three
    {opacity: 0;
    transform: translateY(20px);}

    div.service_travel_worry_item_three.on
    {transition: 0.8s 0.5s ease-in;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_worry_title
    {width: 100%;
    margin-bottom: 80px;
    opacity: 0;
    transform: translateY(10px);}

    div.service_travel_worry_title.on
    {transition: 1s ease-in-out;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_worry_title>div:nth-child(1)
    {width: 1px; height: 100px;
    background-color: #919191;
    margin: 0 auto;
    margin-bottom: 30px;}

    div.service_travel_worry_title p
    {font-size: 42px;
    line-height: 55px; text-align: center;
    color: #000;}

    div.service_travel_worry_title p span {font-family: bold;}
    
    /*고민거리 - 내용*/
    div.service_travel_worry_item
    {width: 750px;
    display: flex;
    align-items: center;
    margin-bottom: 150px;
    position: relative;}

    div.service_travel_worry_item:nth-child(3)
    {margin-left: calc(100% - 750px);}

    div.service_travel_worry_item:nth-child(4)
    {margin-bottom: 0;}

    div.service_travel_worry_image_cont
    {width: 250px; height: 250px;
    position: absolute;
    right: -180px; top: 10px;}

    div.service_travel_worry_image_cont_02
    {width: 250px; height: 250px;
    position: absolute;
    left: -175px; top: 10px;}

    div.service_travel_worry_image_cont img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.service_travel_worry_image_cont_02 img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.service_travel_worry_txt_cont
    {width: 750px;
    box-sizing: border-box;
    padding: 50px;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.089);}

    div.service_travel_worry_txt_cont>p:nth-child(1)
    {font-size: 24px; font-family: bold;
    line-height: 24px;
    color: #000;
    margin-bottom: 20px;}

    div.service_travel_worry_txt_cont>p:nth-child(1)>span
    {background-color: #ffa200;
    color: #fff;
    padding: 5px;}

    div.service_travel_worry_txt_cont>p:nth-child(2)
    {font-size: 17px;
    line-height: 23px;
    color: #333;}

    div.service_travel_worry_txt_cont>p:nth-child(3)
    {font-size: 17px;
    line-height: 23px;
    color: #333;}


    /*솔루션 01*/
    div.service_travel_solve_one
    {width: 100%;
    padding: 80px 0;
    background-color: #f3f3f3;}

    div.service_travel_solve_one_cont
    {width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(20px);}

    div.service_travel_solve_one_cont.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in;}

    div.service_travel_solve_one_txt_box
    {width: calc(100% - 850px);
    margin-right: 200px;}

    div.service_travel_solve_one_txt_box_title
    {width: fit-content;
    margin-bottom: 30px;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(1)
    {font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    font-family: bold; color: #ffa200;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(2)
    {font-size: 42px;
    color: #000; line-height: 55px;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(3)
    {font-size: 42px;
    color: #000; line-height: 55px;
    font-family: bold;}

    div.service_travel_solve_one_txt_box_txt_item
    {width: 100%;}

    div.service_travel_solve_one_txt_box_txt_item p
    {color: #333;
    line-height: 23px; word-break: keep-all;}

    div.service_travel_solve_one_image_box
    {width: 650px;}

    div.service_travel_solve_one_image_box img
    {width: 100%; height: auto;}


    /*솔루션 02*/
    div.service_travel_solve_two
    {width: 1400px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 80px auto;
    opacity: 0;
    transform: translateY(20px);}

    div.service_travel_solve_two.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in;}

    div.service_travel_solve_two_image_box
    {width: 440px;}

    div.service_travel_solve_two_image_box img
    {width: 100%; height: auto;}

    div.service_travel_solve_two_txt_box
    {width: calc(100% - 850px);}

    div.service_travel_solve_two_txt_box_title
    {margin-bottom: 30px;}

    div.service_travel_solve_two_txt_box_title>p:nth-child(1)
    {font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    text-align: right;
    font-family: bold; color: #ffa200;}

    div.service_travel_solve_two_txt_box_title>p:nth-child(2)
    {font-size: 42px;
    text-align: right;
    color: #000; line-height: 55px;}

    div.service_travel_solve_two_txt_box_title>p:nth-child(3)
    {font-size: 42px;
    color: #000; line-height: 55px;
    font-family: bold;
    text-align: right;}

    div.service_travel_solve_two_txt_box_txt_item
    {width: 100%;}

    div.service_travel_solve_two_txt_box_txt_item p
    {color: #333;
    line-height: 23px; word-break: keep-all;
    text-align: right;}


     /*솔루션 03*/
    div.service_travel_solve_three
    {width: 100%;
    padding: 80px 0;
    background-color: #f3f3f3;}

    div.service_travel_solve_three_cont
    {width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(20px);}

    div.service_travel_solve_three_cont.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in;}

    div.service_travel_solve_three_txt_box
    {width: calc(100% - 850px);
    margin-right: 200px;}

    div.service_travel_solve_three_txt_box_title
    {width: fit-content;
    margin-bottom: 30px;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(1)
    {font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    font-family: bold; color: #ffa200;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(2)
    {font-size: 42px;
    color: #000; line-height: 55px;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(3)
    {font-size: 42px;
    color: #000; line-height: 55px;
    font-family: bold;}

    div.service_travel_solve_three_txt_box_txt_item
    {width: 100%;}

    div.service_travel_solve_three_txt_box_txt_item p
    {color: #333;
    line-height: 23px; word-break: keep-all;}

    div.service_travel_solve_three_image_box
    {width: 650px;}

    div.service_travel_solve_three_image_box img
    {width: 100%; height: auto;}


    /*여행앱 문의하기*/
    div.service_travel_contect
    {width: 100%;
    padding: 150px 0;
    background-color: #2c2c2c;}

    div.service_travel_contect_box
    {width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(20px);}

    div.service_travel_contect_box.on
    {transition: 1s ease-in;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_contect_title_box
    {width: fit-content;}

    div.service_travel_contect_title
    {margin-bottom: 30px;}

    div.service_travel_contect_title p
    {font-size: 32px;
    font-family: bold; color: #fff;
    line-height: 40px;}

    div.service_travel_contect_image_box
    {width: 650px;}

    div.service_travel_contect_image_box img
    {width: 100%; height: auto;
    animation-name: updownimage;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;}


    /*서비스 - 쇼핑몰*/
    div.shoppingmall_cont_01_ex
    {width: 100%;}
    
    /*타이틀*/
    div.shoppingmall_cont_01_title
    {width: 1400px;
    margin: 0 auto;
    margin-bottom: 50px;}

    div.shoppingmall_cont_01_title p
    {color: #000;
    font-size: 42px; line-height: 58px;}

    div.shoppingmall_cont_01_title p span
    {display: inline-block;
    padding-bottom: 5px;
    font-family: bold;
    border-bottom: 2px solid #000; box-sizing: border-box;}
    
    /*콘텐츠 01*/
    div.shoppingmall_cont_01_box
    {margin-left: calc(50% - 700px);
    background-color: #f3f3f3;
    padding: 50px 0;}

    div.shoppingmall_cont_01
    {width: 1300px;
    margin: 0 50px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(30px);}

    div.shoppingmall_cont_01.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.shoppingmall_cont_01_mini
    {width: 287.5px;
    margin-right: 50px;
    cursor: pointer;}

    div.shoppingmall_cont_01_mini:last-child {margin-right: 0;}

    div.shoppingmall_cont_01_mini>div:nth-child(1)
    {width: 100px; height: 100px;
    margin: 0 auto;
    margin-bottom: 30px;}

    div.shoppingmall_cont_01_mini>div:nth-child(1) img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.shoppingmall_cont_01_mini_text_box
    {width: 90%;
    margin: 0 auto;}

    div.shoppingmall_cont_01_mini_text_box p
    {text-align: center;}

    div.shoppingmall_cont_01_mini_text_box>p:nth-child(1)
    {font-size: 20px; font-family: bold; line-height: 20px;
    color: #000;
    margin-bottom: 10px;
    transition: all 0.3s;}

    div.shoppingmall_cont_01_mini_text_box>p:nth-child(2)
    {line-height: 23px; color: #232323;
    word-break: keep-all;
    word-wrap: break-word;}

    div.shoppingmall_cont_01_mini:hover .shoppingmall_cont_01_mini_text_box>p:nth-child(1)
    {color: #ffa200;}

    div.service_shoppingmall_title_02
    {width: 1400px;
    margin: 100px auto;
    opacity: 0;
    transform: translateY(30px);}

    div.service_shoppingmall_title_02.on
    {transform: translateY(0);
    opacity: 1;
    transition: 1s 0.5s;}

    div.service_shoppingmall_title_02>div:nth-child(1)
    {width: 1px; height: 100px;
    background-color: #919191;
    margin: 0 auto;
    margin-bottom: 30px;}

    div.service_shoppingmall_title_02 p
    {font-size: 42px;
    line-height: 55px; text-align: center;
    color: #000;}

    div.service_shoppingmall_title_02 p span {font-family: bold;}
    
    /*쇼핑몰 설명*/
    div.shoppingmall_cont_02_ex
    {width: 1400px;
    margin: 0 auto;}

    div.shoppingmall_cont_02
    {width: 100%;
    display: flex;
    align-items: stretch;}

    div.shoppingmall_cont_02_image_box
    {width: 50%;
    position: relative;
    overflow: hidden;}

    div.shoppingmall_cont_02_image_box::before
    {content: "";
    display: block;
    padding-bottom: 100%;}

     div.shoppingmall_cont_02_image_box:nth-child(2n+1)::before
    {background-color: #f1f1f1;}

    div.shoppingmall_cont_02_image_box:nth-child(2n+2)::before
    {background-color: #2c2c2c;}

    div.shoppingmall_cont_02_image_box img
    {width: 95%;
    margin: 0 auto;
    position: absolute;
    top: 50%; left: 2.5%;
    transform: translateY(calc(-50% + 30px));
    opacity: 0;}

    div.sp_cont_02_image_03 img
    {width: 100%;
    position: absolute;
    bottom: 0; left: 0;}

    div.sp_cont_02_image_04 img
    {width: 100%;
    position: absolute;
    bottom: 0; left: 0;}

    div.sp_cont_02_image_01 img.on
    {opacity: 1;
    transform: translateY(-50%);
    transition: 1s 0.5s;}

    div.sp_cont_02_image_02 img.on
    {opacity: 1;
    transform: translateY(-50%);
    transition: 1s 0.5s;}

    div.sp_cont_02_image_03 img.on
    {opacity: 1;
    transform: translateY(-50%);
    transition: 1s 0.5s;}

    div.sp_cont_02_image_04 img.on
    {opacity: 1;
    transform: translateY(-50%);
    transition: 1s 0.5s;}


    div.shoppingmall_cont_02_text_box
    {width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(30px);}

    div.sp_cont_02_text_01.on
    {opacity: 1;
    transform: translateY(0);    
    transition: 1s 0.5s;}

    div.sp_cont_02_text_02.on
    {opacity: 1;
    transform: translateY(0);   
    transition: 1s 0.5s;}

    div.sp_cont_02_text_03.on
    {opacity: 1;
    transform: translateY(0);   
    transition: 1s 0.5s;}

    div.sp_cont_02_text_04.on
    {opacity: 1;
    transform: translateY(0);   
    transition: 1s 0.5s;}

    div.shoppingmall_cont_02_text_box>div
    {width: 80%;
    margin: 0 auto;}

    div.shoppingmall_cont_02_text_box>div>p:nth-child(1)
    {font-size: 20px;
    line-height: 20px; font-family: 'min_bold'; color: #ffa200;
    margin-bottom: 20px;}

    div.shoppingmall_cont_02_text_box>div>p:nth-child(2)
    {font-size: 42px;
    font-family: bold; color: #000; line-height: 55px;
    margin-bottom: 50px;
    word-wrap: break-word;
    word-break: keep-all;}

    div.shoppingmall_cont_02_text_box>div>p:nth-child(3)
    {font-size: 20px; line-height: 28px;
    color: #232323;
    word-wrap: break-word;
    word-break: keep-all;}

    /*문의하기*/
    div.shoppingmall_contect
    {width: 100%;
    background-color: #2c2c2c;
    margin-top: 100px;
    padding: 150px 0;}

    div.shoppingmall_contect_cont_text
    {width: 1400px;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(30px);}

    div.shoppingmall_contect_cont_text.on
    {transition: 1s;
    transform: translateY(0);
    opacity: 1;}

    div.shoppingmall_contect_cont_title
    {margin-bottom: 30px;}

    div.shoppingmall_contect_cont_title>p
    {font-size: 32px; font-family: bold;
    color: #fff; line-height: 40px;}
}
@media screen and (min-width: 769px) and (max-width: 1419px)
{   
    /*팝업창*/
    div.main_popup_ex
    {width: 500px;
    position: fixed;
    top: 105px; left: 20px;
    z-index: 4;
    background-color: #222;}

    div.main_popup_cont_box
    {width: 100%;
    position: relative;}

    a.main_popup_cont
    {width: 100%; height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    display: block;}

    a.main_popup_cont img
    {width: 100%; height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0; left: 0;}

    .main_popup_cont_box.owl-theme .owl-nav.disabled+.owl-dots 
    {margin-top: 0;
    position: absolute;
    bottom: -10px; left: 50%;
    transform: translateX(-50%);}

    .main_popup_cont_box.owl-theme .owl-dots .owl-dot span
    {background: #fff;
    margin: 0;
    opacity: 0.8;
    margin-right: 10px;}

    .main_popup_cont_box.owl-theme .owl-dots .owl-dot.active span
    {opacity: 1;
    background: #ffa200;}

    div.popup_txt_cont
    {width: calc(100% - 40px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;}

    div.popup_txt_cont_box
    {width: fit-content;
    display: flex;
    align-items: center;}
    
    #popup_hour_btn {display: none;}

    label.popup_hour_btn_box
    {width: 20px; height: 20px;
    border: 1px solid #ddd; box-sizing: border-box;
    display: block;}

    div.popup_txt_cont_box>label:nth-child(3)
    {width: fit-content;
    display: block;
    margin-left: 10px;}

    div.popup_txt_cont_box>label:nth-child(3) p
    {color: #ddd; line-height: 20px;}

    #popup_hour_btn:checked ~ .popup_hour_btn_box
    {background: url(../img/chk_icon.png) no-repeat center center, #fff;
    background-size: 15px;
    border: none;}

    p.close_main_popup
    {color: #ddd; font-family: 'min_bold';
    line-height: 20px;
    cursor: pointer;}

    /*메인 비주얼*/
    section.main_visual_ex
    {width: 100%; height: 100vh;
    min-height: 800px;}

    div.main_visual_cont
    {width: 100%; height: 100vh;
    min-height: 800px;
    position: relative;}

    div.main_visual_cont video
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.main_visual_cont_background
    {width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0; left: 0;
    z-index: 9;}

    div.main_visual_cont_back_txt
    {width: 90%;
    margin: 0 auto;
    position: absolute;
    top: calc(35% + 50px); left: 5%;
    transition: all 1.5s;
    opacity: 0;}

    div.owl-item.active .main_visual_cont_back_txt
    {opacity: 1;
    top: 35%;}

    div.main_visual_cont_back_txt>p:nth-child(1)
    {width: fit-content;
    font-size: 18px; font-family: 'min_bold'; color: #fff;
    line-height: 20px;
    margin-bottom: 20px;}

    div.main_visual_cont_back_txt>p:nth-child(2)
    {width: fit-content;
    font-size: 62px; color: #fff; line-height: 70px;
    margin-bottom: 30px;}

    div.main_visual_cont_back_txt>p:nth-child(2) span 
    {font-family: bold; font-size: 70px;}

    div.main_visual_cont_back_txt>p:nth-child(3)
    {width: fit-content;
    font-size: 20px; line-height: 30px;
    color: #fff;
    margin-bottom: 50px;}

    div.main_visual_cont_back_txt>a:nth-child(4)
    {width: 180px; height: 50px;
    border-radius: 50px;
    border: 1px solid #fff; box-sizing: border-box;
    display: block;
    transition: all 0.5s;}

    div.main_visual_cont_back_txt>a:nth-child(4) p
    {text-align: center; line-height: 50px;
    color: #fff;}

    div.main_visual_cont_back_txt>a:nth-child(4):hover
    {border: none;
    background-color: #ffa200;}

    .main_visual_ex.owl-theme .owl-nav.disabled+.owl-dots 
    {margin-top: 0;
    position: absolute;
    bottom: 20px; left: 50%;
    transform: translateX(-50%);}

    .main_visual_ex.owl-theme .owl-dots .owl-dot span
    {background: #fff;
    opacity: 0.5;}

    .main_visual_ex.owl-theme .owl-dots .owl-dot.active span
    {opacity: 1;
    background: #ffa200;}

    /*서비스*/
    section.main_service_zon
    {width: 90%;
    margin: 150px auto;}

    /*메인 서비스 타이틀*/
    div.main_service_title
    {width: 100%;
    margin-bottom: 50px; 
    transform: translateY(30px);}

    div.main_service_title.on 
    {transition: 0.5s ease-in-out;
    transform: translateY(0);
    opacity: 1;}

    div.main_service_title>p:nth-child(1)
    {width: fit-content;
    font-size: 38px; line-height: 42px;
    color: #000;
    margin-bottom: 20px;}

    div.main_service_title>p:nth-child(1) span
    {font-family: bold;
    font-size: 42px;
    border-bottom: 2px solid #000; box-sizing: border-box;}

    div.main_service_title>p:nth-child(2)
    {width: fit-content;
    font-size: 22px; line-height: 35px;
    color: #777;}

    /*메인 서비스 콘텐츠*/
    div.main_service_cont
    {width: 100%;

    transform: translateY(30px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}

    div.main_service_cont.on
    {opacity: 1;
    transform: translateY(0);
    transition: 0.5s 0.5s;}

    div.main_service_cont_item
    {width: 32%;
    margin-right: 2%;
    padding: 40px 0;
    border-radius: 20px;
    margin-bottom: 30px;
    border: 1px solid #ddd; box-sizing: border-box;}

    div.main_service_cont_item:nth-child(3n+3)
    {margin-right: 0;}

    div.main_service_cont_item:nth-child(1n+4)
    {margin-bottom: 0;}

    div.main_service_cont_item>div
    {width: calc(100% - 80px);
    margin: 0 auto;}

    div.main_service_cont_item>div>p:nth-child(1)
    {margin-bottom: 10px;
    color: #000; font-size: 18px; line-height: 20px;
    transition: all 0.3s;}

    div.main_service_cont_item>div>p:nth-child(2)
    {font-family: bold;
    font-size: 24px; line-height: 30px;
    margin-bottom: 15px;
    color: #000;
    transition: all 0.3s;}

    div.main_service_cont_item>div>p:nth-child(3)
    {line-height: 25px; color: #555;
    word-break: keep-all;
    margin-bottom: 50px;}

    div.main_service_cont_item_image
    {width: 70%;
    margin: 0 auto;}

    div.main_service_cont_item_image img
    {width: 100%; height: auto;
    transition: all 1s;}

    div.main_service_cont_item:hover>div>p:nth-child(1)
    {color: #ffa200;}

    div.main_service_cont_item:hover>div>p:nth-child(2)
    {color: #ffa200;}

    div.main_service_cont_item:hover .main_service_cont_item_image img
    {transform: translateY(-10px);}
   

    div.mobile_service_cont_box
    {display: none !important;}

    

    /*포토폴리오*/
    section.main_portfolio_zon
    {width: 90%;
    margin: 150px auto;}

    div.main_portfolio_title_box
    {width: 100%;
    margin-bottom: 80px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(30px);}

    div.main_portfolio_title_box.on
    {opacity: 1;
    transform: translateY(0);
    transition: 0.5s 0.5s;}    

    div.main_portfolio_title_box>p:nth-child(1)
    {width: fit-content;
    max-width: calc(100% - 175px);
    font-size: 38px; line-height: 48px;
    color: #000;}

    div.main_portfolio_title_box>p:nth-child(1) span
    {font-family: bold;
    font-size: 42px;
    border-bottom: 2px solid #000; box-sizing: border-box;}

    a.main_portfolio_more_btn
    {width: fit-content;
    max-width: 125px;
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #000; box-sizing: border-box;}

    a.main_portfolio_more_btn p
    {font-size: 22px; line-height: 25px;
    text-align: center;
    color: #000;
    transition: all 0.3s;}

    a.main_portfolio_more_btn:hover
    {border-bottom: 1px solid #ffa200; box-sizing: border-box;}

    a.main_portfolio_more_btn:hover p
    {transform: translateY(-10px); color: #ffa200;}

    /*메인 포토폴리오 컨텐츠*/
    div.main_portfolio_product_ex
    {width: 100%;
    display: flex;
    align-items: center;
    opacity: 0;
    transform: translateY(30px);}

    div.main_portfolio_product_ex.on
    {opacity: 1;
    transform: translateY(0);
    transition: 0.5s 0.5s;}

    div.main_product_label_ex
    {width: 250px;
    margin-right: 100px;
    position: relative;}

    ul.main_product_label_box
    {width: 100%;
    z-index: 2;}

    ul.main_product_label_box li
    {width: calc(100% - 45px); height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    cursor: pointer;}

    ul.main_product_label_box li p
    {line-height: 50px;
    position: relative;
    z-index: 3; font-family: bold;
    font-size: 17px;
    color: #000;
    transition: all 0.3s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

    ul.main_product_label_box li.on p {color: #fff;}

    ul.main_product_label_box li p span
    {display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    font-family: 'Pretendard';}

    div.main_mobile_label_big_box {display: none;}

    div.main_portfolio_product_cont_ex
    {width: calc(100% - 350px);}

    div.main_portfolio_product_cont
    {display: none;}

    div.main_portfolio_product_cont.on
    {display: block;}

    /*등록된 게시물 없을 때 - 포토폴리오*/
    p.no_portfolio_txt
    {width: 100%;
    text-align: center; line-height: 20px; color: #555;}

    div.portfolio_slide_cont_box
    {width: 100%;}

    a.portfolio_slide_cont
    {width: 100%;
    display: block;}

    div.portfolio_slide_cont_image
    {width: 100%; height: 0;
    padding-bottom: 61.36%;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;}

    div.portfolio_slide_cont_image img
    {width: 100%; height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0; left: 0;}

    div.portfolio_slide_cont_txt_box
    {width: 100%;}

    div.portfolio_slide_cont_txt_box>p:nth-child(1)
    {width: 100%;
    font-size: 17px; line-height: 20px;
    color: #555;
    margin-bottom: 10px;}

    div.portfolio_slide_cont_txt_box>p:nth-child(2)
    {width: 100%;
    font-size: 22px; font-family: bold; color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.3s;}

    a.portfolio_slide_cont:hover .portfolio_slide_cont_txt_box>p:nth-child(2)
    {color: #ffa200;}

    /*이동 바*/
    div.main_product_bar
    {width: 250px; height: 50px;
    position: absolute;
    top: 0; left: 0;
    border-radius: 25px;
    background-color: #ffa200;
    z-index: 1;}

    div.main_product_label_ex_m {display: none;}

    /*뉴스*/
    section.main_news_zon
    {width: 90%;
    margin: 150px auto;}

    div.main_news_title_box
    {width: 100%;
    margin-bottom: 80px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(30px);}

    div.main_news_title_box.on
    {transition: 0.5s ease-in-out;
    transform: translateY(0);
    opacity: 1;}

    div.main_news_title_box>p:nth-child(1)
    {width: fit-content;
    max-width: calc(100% - 175px);
    font-size: 38px; line-height: 48px;
    color: #000;}

    div.main_news_title_box>p:nth-child(1) span
    {font-family: bold;
    font-size: 42px;
    border-bottom: 2px solid #000; box-sizing: border-box;}

    a.main_news_more_btn
    {width: fit-content;
    max-width: 125px;
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #000; box-sizing: border-box;}

    a.main_news_more_btn p
    {font-size: 22px; line-height: 25px;
    text-align: center;
    color: #000;
    transition: all 0.3s;}

    a.main_news_more_btn:hover
    {border-bottom: 1px solid #ffa200; box-sizing: border-box;}

    a.main_news_more_btn:hover p
    {transform: translateY(-10px); color: #ffa200;}

    div.main_news_cont_ex
    {width: 100%;
    position: relative;
    opacity: 0;
    transform: translateY(30px);}

    div.main_news_cont_ex.on
    {opacity: 1;
    transform: translateY(0);
    transition: 0.5s 0.5s;}

    div.main_news_cont_box
    {width: 100%;
    display: flex;
    align-items: stretch;
    position: relative;
    z-index: 2;}

    a.main_news_cont
    {display: block;
    width: 48.5%;
    margin-right: 3%;}

    a.main_news_cont:nth-child(3)
    {margin-right: 0;}

    div.main_news_cont_icon
    {width: 10px; height: 10px;
    background-color: #ffa200;
    border-radius: 50%;
    margin-bottom: 15px;
    transition: all 0.3s;}

    p.main_news_cont_title
    {width: 100%; height: 60px;
    font-size: 22px; font-family: 'min_bold'; color: #000;
    line-height: 30px;
    word-wrap: break-word;
    word-break: keep-all;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.3s;}

    a.main_news_cont>p:nth-child(3)
    {width: 100%;
    font-size: 15px; color: #777; line-height: 20px;
    margin-bottom: 15px;}

    a.main_news_cont>div.main_news_cont_text
    {width: 100%;
    font-size: 15px; color: #777; line-height: 20px;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

	a.main_news_cont>div.main_news_cont_text img
	{display:none;}

    p.main_news_cont_more_btn
    {width: fit-content;
    color: #000;
    padding-bottom: 10px; line-height: 20px;
    transition: all 0.3s;
    position: relative;}

    p.main_news_cont_more_btn::before
    {content: "";
    height: 1px; width: 0;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    bottom: 0; left: 0;}

    a.main_news_cont:hover .main_news_cont_more_btn::before
    {width: 100%;
    background-color: #ffa200;}

    a.main_news_cont:hover .main_news_cont_title
    {color: #ffa200;}

    a.main_news_cont:hover .main_news_cont_more_btn
    {color: #ffa200;}

    div.main_news_cont_image
    {width: 250px; height: 250px;
    border-radius: 50%;
    background: #ffa20052;
    filter: blur(50px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    z-index: 1;}

    /*문의하기*/
    section.main_inquire_zon
    {width: 100%; height: 100vh;
    min-height: 800px;
    background: url(../img/main_background.jpg) center center / cover no-repeat;
    display: flex;
    align-items: center;}

    div.main_inquire_zon_box
    {width: 90%; 
    margin: 0 auto;
    display: flex;
    align-items: center;}

    /*스크롤이벤트*/
    div.main_inquire_zon_box > div
    {
    transform: translateY(30px);}

    div.main_inquire_zon_box > div.on0
    {opacity: 1;
    transform: translateY(0);
    transition: 0.5s ease-in-out;}

    div.main_inquire_zon_box > div.on1
    {opacity: 1;
    transform: translateY(0);
    transition: 0.3s 0.5s ease-in-out;}

    div.main_inquire_zon_box > div.on2
    {opacity: 1;
    transform: translateY(0);
    transition: 0.5s 1s ease-in-out;}

    div.main_inquire_cont_box
    {width: calc(50% - 70.5px);}

    div.main_inquire_cont_box>p:nth-child(1)
    {font-size: 17px; 
    color: #fff;
    font-family: 'min_bold'; line-height: 20px;
    margin-bottom: 40px;}

    div.main_inquire_cont_box>p:nth-child(2)
    {font-size: 38px; line-height: 55px;
    color: #fff;
    margin-bottom: 80px;}

    div.main_inquire_cont_box>p:nth-child(2) span
    {font-family: bold;
    font-size: 42px;
    border-bottom: 2px solid #fff; box-sizing: border-box;}

    a.main_inquire_zon_link
    {width: fit-content;
    padding-bottom: 10px;
    display: block;
    position: relative;}

    a.main_inquire_zon_link p
    {font-size: 18px; line-height: 20px;
    color: #fff;
    transition: all 0.3s;}

    a.main_inquire_zon_link::before
    {content: "";
    height: 1px; width: 0;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    bottom: 0; left: 0;}

    a.main_inquire_zon_link:hover::before
    {width: 100%;
    background-color: #ffa200;}

    a.main_inquire_zon_link:hover p
    {color: #ffa200;}

    div.main_inquire_line
    {width: 1px; height: 600px;
    margin: 0 70px;
    background-color: #dddddd59;}

    div.main_map_cont_box
    {width: calc(50% - 70.5px);}

    div.main_map_cont
    {width: 100%; height: 300px;
    margin-bottom: 40px;}

    div.main_map_cont_txt
    {width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;}

    div.main_map_cont_txt>div:nth-child(1)
    {width: 100%;
    margin-bottom: 30px;}

    div.main_map_cont_txt>div:nth-child(2)
    {width: 48.5%;
    margin-right: 3%;}

    div.main_map_cont_txt>div:nth-child(3)
    {width: 48.5%;}

    div.main_map_cont_txt>div>p:nth-child(1)
    {width: 100%;
    font-family: 'min_bold';
    font-size: 17px;
    color: #fff; line-height: 20px;
    margin-bottom: 10px;}

    div.main_map_cont_txt>div>p:nth-child(2)
    {width: 100%;
    color: #ddd; line-height: 25px;}

    
    /*서브 비주얼*/
    div.sub_visual_ex
    {width: 100%; height: 450px;
    position: relative;
    overflow: hidden;}

    img.sub_visual_image
    {width: 100%; height: 100%;
    object-fit: cover;}

    img.sub_visual_image.on
    {transform: scale(1.1);
    transition: all 5s ease-in-out;}

    div.sub_visual_ex>p:nth-child(2)
    {width: fit-content;
    position: absolute;
    top: 50%; left: 50%;
    font-size: 62px; line-height: 70px;
    font-family: bold; color: #fff;
    transform: translate(-50%, -50%);}

    div.page_rout
    {width: fit-content;
    position: absolute;
    bottom: 50px; left: 5%;
    display: flex;
    align-items: center;}

    a.page_root_home
    {width: 25px; height: 25px;
    margin-right: 15px;}

    a.page_root_home img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.page_rout>p
    {color: #fff;
    margin-right: 15px; line-height: 25px;}

    div.page_rout>p:last-child
    {margin-right: 0;
    color: #ffa200;
    font-family: 'min_bold';}

    div.page_rout a p
    {color: #ffa200;
    font-family: 'min_bold';}
    
    /*News*/
    section.news_cont_ex
    {width: 90%;
    margin: 150px auto;
    margin-bottom: 180px;}
    
    /*News Top*/
    div.news_cont_top_ex
    {width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 80px; padding-bottom: 80px;
    border-bottom: 1px solid #ddd; box-sizing: border-box;}

    a.news_cont_top_product
    {width: 23.5%;
    display: block;
    margin-right: 2%;}

    a.news_cont_top_product:nth-child(4)
    {margin-right: 0;}

    div.news_cont_top_product_image
    {width: 100%; height: 0;
    padding-bottom: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;}

    div.news_cont_top_product_image img
    {width: 100%; height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0; left: 0;
    transition: all 0.4s;}

    a.news_cont_top_product>p:nth-child(2)
    {width: 100%; height: 50px;
    font-size: 19px; line-height: 25px;
    font-family: 'min_bold';
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    color: #000;
    -webkit-box-orient: vertical;
    transition: all 0.4s;}

    div.news_cont_top_product_sub_txt
    {width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}

	div.news_cont_top_product_sub_txt img,
    div.news_cont_top_product_sub_txt hr
	{display:none;}

    div.news_cont_top_product_sub_txt>p
    {width: 100%;
    font-size: 15px;
    word-wrap: break-word; color: #5d5d5d;
    line-height: 20px;}

    a.news_cont_top_product:hover .news_cont_top_product_image img
    {transform: scale(1.05);}

    a.news_cont_top_product:hover>p:nth-child(2)
    {color: #ffa200;}
    
    /*news 밑*/
    div.news_cont_bottom_ex
    {width: 100%;
    margin-bottom: 100px;}

    ul.news_cont_bottom_title
    {width: 100%;
    display: flex;
    align-items: stretch;
    border-top: 1px solid #000; border-bottom: 1px solid #ddd;
    box-sizing: border-box;}

    ul.news_cont_bottom_title li
    {padding: 15px 0;
    display: flex;
    align-items: center;}

    ul.news_cont_bottom_title li:nth-child(1)
    {width: 5%;}

    ul.news_cont_bottom_title li:nth-child(2)
    {width: 10%;}

    ul.news_cont_bottom_title li:nth-child(3)
    {width: 67%;}

    ul.news_cont_bottom_title li:nth-child(4)
    {width: 10%;}

    ul.news_cont_bottom_title li:nth-child(5)
    {width: 8%;}

    ul.news_cont_bottom_title li p
    {width: calc(100% - 20px);
    margin: 0 auto;
    text-align: center; font-family: 'min_bold';
    color: #000;
    line-height: 20px;}

    ul.news_cont_bottom_cont
    {width: 100%;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #ddd; box-sizing: border-box;}

    ul.news_cont_bottom_cont li
    {padding: 15px 0;
    display: flex;
    align-items: center;}

    ul.news_cont_bottom_cont li:nth-child(1)
    {width: 5%;}

    ul.news_cont_bottom_cont li:nth-child(2)
    {width: 10%;}

    ul.news_cont_bottom_cont li:nth-child(3)
    {width: 67%;}

    ul.news_cont_bottom_cont li:nth-child(4)
    {width: 10%;}

    ul.news_cont_bottom_cont li:nth-child(5)
    {width: 8%;}

    ul.news_cont_bottom_cont li a
    {width: calc(100% - 20px);
    margin: 0 auto;
    display: block;}

    ul.news_cont_bottom_cont li a p
    {width: 100%;
    font-size: 15px; line-height: 20px;
    word-wrap: break-word;
    text-align: center;
    color: #5d5d5d;
    transition: all 0.4s;}

    ul.news_cont_bottom_cont li:nth-child(3) a p
    {text-align: left;}

    ul.news_cont_bottom_cont:hover li a p
    {color: #ffa200;}
     
    
    /*페이지버튼*/
    div.page_btn_box
    {width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}


    /*뉴스 디테일 페이지*/
    section.news_product_detaile_ex
    {width: 90%;
    margin: 150px auto;
    margin-bottom: 180px;}

    div.news_product_detaile_title
    {width: 100%;
    margin-bottom: 50px;}

    div.news_product_detaile_title p
    {text-align: center;
    font-size: 32px; line-height: 40px;
    margin-bottom: 15px;
    color: #000;}

    div.news_product_detaile_title p span
    {font-family: bold;}

    div.news_product_detaile_title>div:nth-child(2)
    {width: 80px; height: 3px;
    margin: 0 auto;
    background-color: #ffa200;}

    div.news_product_detaile_cont_ex
    {width: 100%;
    border-top: 1px solid #8f5b01; box-sizing: border-box;}

    div.news_product_detaile_cont_title
    {width: 100%;
    padding: 35px 0;
    border-bottom: 1px solid #ddd; box-sizing: border-box;}

    p.news_product_detaile_cont_title_txt
    {width: calc(100% - 30px);
    margin: 0 auto;
    text-align: center; font-size: 24px; line-height: 30px;
    color: #000;
    word-wrap: break-word;
    margin-bottom: 20px;}

    div.news_product_detaile_cont_min_title
    {width: fit-content;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    display: flex;
    align-items: center;}

    div.news_product_detaile_cont_min_title p
    {font-size: 15px; color: #555;}

    div.news_product_detaile_cont_min_title>div:nth-child(2)
    {width: 1px; height: 10px;
    background-color: #555;
    margin: 0 10px;}

    div.news_product_detaile_cont
    {width: 90%;
    margin: 80px auto;}

    div.news_product_detaile_cont p
    {width: 100%;
    word-wrap: break-word;
    line-height: 25px; color: #555;}

    div.news_product_detaile_cont img
    {width: 800px;
    max-width: 100%;
    margin: 30px auto;}

    /*이전 글, 다음 글*/
    div.product_link_ex
    {width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 50px;}

    a.news_prev_btn
    {width: 100%;
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #ddd; box-sizing: border-box;}

    a.news_prev_btn>div
    {width: calc(100% - 30px);
    margin: 0 auto;
    display: flex;
    align-items: center;}

    a.news_prev_btn>div>p:nth-child(1)
    {width: 120px;
    text-align: center;
    color: #000; line-height: 25px;}

    a.news_prev_btn>div>p:nth-child(2)
    {width: fit-content;
    max-width: calc(100% - 120px);
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #5d5d5d;
    position: relative;
    transition: all 0.3s;}

    a.news_prev_btn:hover .news_prev_txt
    {color: #ffa200;}

    p.news_prev_txt::before
    {content: "";
    height: 1px; width: 0;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    bottom: 0; left: 0;}

    a.news_prev_btn:hover .news_prev_txt::before
    {width: 100%;
    background-color: #ffa200;}

    a.news_next_btn
    {width: 100%;
    display: block;
    padding: 30px 0;}

    a.news_next_btn>div
    {width: calc(100% - 30px);
    margin: 0 auto;
    display: flex;
    align-items: center;}

    a.news_next_btn>div>p:nth-child(1)
    {width: 120px;
    text-align: center;
    color: #000; line-height: 25px;}

    a.news_next_btn>div>p:nth-child(2)
    {width: fit-content;
    max-width: calc(100% - 120px);
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #5d5d5d;
    position: relative;
    transition: all 0.3s;}

    a.news_next_btn:hover .news_next_txt
    {color: #ffa200;}

    p.news_next_txt::before
    {content: "";
    height: 1px; width: 0;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    bottom: 0; left: 0;}

    a.news_next_btn:hover .news_next_txt::before
    {width: 100%;
    background-color: #ffa200;}

    /*목록으로*/
    a.product_list_btn
    {width: 150px; height: 50px;
    margin-left: calc(100% - 150px);
    border: 1px solid #000; box-sizing: border-box;
    display: block;
    transition: all 0.3s;}

    a.product_list_btn p
    {text-align: center; line-height: 48px;
    color: #000;
    transition: all 0.3s;}

    a.product_list_btn:hover
    {border: none;
    background-color: #ffa200;}

    a.product_list_btn:hover p
    {color: #fff; line-height: 50px;}


    /*서비스-홈페이지*/
    div.homepage_service
    {width: 100%;
    margin-top: 100px;}

    /*서비스 - 라벨 박스*/
    div.service_label_box
    {width: fit-content;
    max-width: 1400px;
    margin: 100px auto;
    margin-top: 0;
    display: flex;
    align-items: center;}

    div.service_label_box a
    {display: block;
    margin-right: 50px;}

    div.service_label_box a:last-child
    {margin-right: 0;}

    div.service_label_box a p
    {font-size: 24px; line-height: 30px;
    color: #000;
    opacity: 0.3;
    transition: all 0.3s;}

    div.service_label_box a.on p
    {padding-bottom: 5px;
    border-bottom: 2px solid #ffa200; box-sizing: border-box;
    font-family: bold; color: #ffa200;
    opacity: 1;}

    div.service_label_box a:hover p
    {color: #ffa200;
    opacity: 1;}

    div.service_label_box_mobile {display: none;}

    /*서비스 메인*/
    div.homepage_service_visual
    {width: 100%;
    padding: 100px 0;
    background-color: #232323;
    margin-bottom: 150px;}

    div.homepage_service_visual_cont_box
    {width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s;}

    div.homepage_service_visual_cont_box.on
    {transform: translateY(0);
    opacity: 1;}

    div.homepage_service_visual_icon
    {width: 300px;
    margin-right: 100px;}

    div.homepage_service_visual_icon img
    {width: 100%; height: 100%;
    object-fit: cover;
    animation-name: rotateimage;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;}

    @keyframes rotateimage {

        0% {transform: rotate(0);}
        50% {transform: rotate(180deg);}
        100% {transform: rotate(0);}

    }

    div.homepage_service_visual_txt_cont
    {width: fit-content;
    max-width: calc(100% - 400px);}

    div.homepage_service_visual_txt_cont>p:nth-child(1)
    {font-size: 52px; 
    line-height: 60px;
    color: #fff;
    margin-bottom: 50px;}

    div.homepage_service_visual_txt_cont>p:nth-child(1)>span
    {padding-bottom: 5px;
    font-family: bold;
    border-bottom: 1px solid #fff; box-sizing: border-box;}

    div.homepage_service_visual_txt_cont>p:nth-child(2)
    {font-size: 24px; line-height: 35px;
    color: #ddd;}

    div.homepage_service_visual_txt_cont>p:nth-child(2)>span
    {font-family: bold; font-size: 28px;}


    /*소개글*/
    div.homepage_service_people
    {width: 90%;
    margin: 0 auto;
    margin-bottom: 150px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s;}

    div.homepage_service_people.on
    {opacity: 1;
    transform: translateY(0);}

    div.homepage_service_people_title
    {width: 100%;
    margin-bottom: 80px;}

    div.homepage_service_people_title>p:nth-child(1)
    {font-family: bold;
    text-align: center;
    color: #000; font-size: 38px; line-height: 50px;}

    div.homepage_service_people_title>p:nth-child(2)
    {text-align: center;
    color: #000; font-size: 38px; line-height: 50px;
    margin-bottom: 30px;}

    div.homepage_service_people_title>p:nth-child(2) span
    {font-family: bold;
    padding-bottom: 5px; font-size: 42px;
    border-bottom: 2px solid #000;}

    div.homepage_service_people_title>p:nth-child(3)
    {text-align: center;
    line-height: 25px; font-size: 18px; color: #555;}

    div.homepage_service_people_cont
    {width: 100%;
    display: flex;
    align-items: stretch;}

    div.homepage_service_people_item
    {width: 24.25%; height: 475px;
    margin-right: 1%;
    border: 1px solid #f1f1f1;
    padding: 20px 0;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.089);
    position: relative;
    background-color: #fff;
    transition: all 0.3s;
    cursor: pointer;}

    div.homepage_service_people_item:hover
    {background-color: #ffa200;
    transform: translateY(-30px);}

    div.homepage_service_people_item:hover .homepage_service_people_item_cont p
    {color: #fff;}

    div.homepage_service_people_item:last-child
    {margin-right: 0;}

    div.homepage_service_people_item_cont
    {width: calc(100% - 40px);
    margin: 0 auto;}

    div.homepage_service_people_item_cont>p:nth-child(1)
    {font-family: 'min_bold';
    color: #000; line-height: 20px;
    margin-bottom: 10px;}

    div.homepage_service_people_item_cont>p:nth-child(2)
    {font-size: 24px; font-family: bold;
    line-height: 30px;
    color: #000;
    margin-bottom: 20px;}

    div.homepage_service_people_item_cont>p:nth-child(3)
    {line-height: 23px;
    color: #555; word-break: keep-all;
    margin-bottom: 30px;}

    div.homepage_people_icon
    {width: 70%;
    position: absolute;
    bottom: 20px; right: 20px;}

    div.homepage_service_people_item:nth-child(2) .homepage_people_icon
    {width: 80%;}

    div.homepage_people_icon img
    {width: 100%; height: auto;}

    div.homepage_service_people_cont_mobile {display: none !important;}

    /*서비스 - 하는 일*/
    div.homepage_service_work
    {width: 90%;
    margin: 150px auto;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s;}

    div.homepage_service_work.on
    {transform: translateY(0);
    opacity: 1;}

    div.homepage_service_work_title
    {width: 100%;
    display: flex;
    align-items: stretch;
    margin-bottom: 50px;}

    div.homepage_service_work_title>p:nth-child(1)
    {width: 50%;
    margin-right: 5%;
    font-size: 34px; line-height: 50px;
    color: #000;}

    div.homepage_service_work_title>p:nth-child(1)>span
    {padding-bottom: 5px;
    font-family: bold; 
    font-size: 42px;
    border-bottom: 1px solid #000; box-sizing: border-box;}

    div.homepage_service_work_title>p:nth-child(2)
    {width: calc(50% - 50px);
    font-size: 20px; line-height: 30px; color: #555;
    word-break: keep-all;}

    div.homepage_service_work_ex
    {width: 100%;
    display: flex;
    align-items: stretch;}

    div.homepage_service_work_icon
    {width: 50%;
    margin-right: 50px;
    align-self: flex-end;}

    div.homepage_service_work_icon img
    {width: 100%; height: auto;}

    div.homepage_service_work_box
    {width: calc(50% - 50px);}

    div.homepage_service_work_cont
    {width: 100%;
    padding: 20px 0;
    border-top: 1px solid #ddd; box-sizing: border-box;
    display: flex;
    align-items: stretch;}

    div.homepage_service_work_cont:last-child
    {border-bottom: 1px solid #ddd; box-sizing: border-box;}

    div.homepage_service_work_cont>p:nth-child(1)
    {width: 150px;
    font-family: bold;
    color: #ffa200; font-size: 20px; line-height: 25px;
    margin-right: 20px;}

    div.homepage_service_work_cont>p:nth-child(2)
    {width: calc(100% - 170px);
    line-height: 23px;
    color: #555; word-break: keep-all;}

    /*프로세스*/
    div.homepage_service_process
    {width: 90%;
    margin: 0 auto; 
    display: flex;
    align-items: flex-start;}

    div.process_service_title
    {width: 430px;
    margin-right: 80px;
    position: -webkit-sticky;
    position: sticky;
    top: 100px; left: 0;
    padding-bottom: 150px;}

    div.process_service_title>p:nth-child(1)
    {font-size: 42px; font-family: bold;
    line-height: 50px; color: #000;
    margin-bottom: 20px;}

    div.process_service_title>p:nth-child(2)
    {font-size: 20px; line-height: 30px;
    color: #555;}

    div.process_service_title>p:nth-child(3) {display: none;}

    div.process_cont_ex
    {width: calc(100% - 510px);
    padding: 100px 0;
    padding-bottom: 150px;
    border-left: 1px solid #ddd; box-sizing: border-box;}

    div.process_cont_ex div
    {width: calc(100% - 50px);
    margin-left: 50px;
    margin-bottom: 200px;
    position: relative;
    opacity: 0.3;
    transition: all 0.3s;}

    div.process_cont_ex div:last-child
    {margin-bottom: 0;}

    div.process_cont_ex div::before
    {content: "";
    width: 20px; height: 20px;
    display: block;
    border-radius: 50%;
    background-color: #ffa200;
    position: absolute;
    top: 10px; left: -60px;}

    div.process_cont_ex div p:nth-child(1)
    {font-size: 32px;
    color: #ffa200; line-height: 40px;
    margin-bottom: 15px;}

    div.process_cont_ex div p:nth-child(2)
    {font-size: 32px; font-family: bold;
    color: #000; line-height: 40px;
    margin-bottom: 30px;}

    div.process_cont_ex div p:nth-child(3)
    {font-size: 18px; line-height: 25px;
    color: #555;
    word-break: keep-all;}

    /*스크롤 이벤트*/
    div.process_cont_item.on
    {opacity: 1;}

    /*서비스 - 홈페이지 문의하기*/
    div.homepage_service_contact
    {width: 100%;
    padding: 150px 0;
    background-color: #2c2c2c;}

    div.homepage_service_contact_box
    {width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    opacity: 0;
    transition: all 1s;
    transform: translateY(30px);}

    div.homepage_service_contact_box.on
    {transform: translateY(0);
    opacity: 1;}

    div.homepage_service_contact_cont_left
    {width: calc(50% - 50px);}

    div.homepage_service_contact_cont_left_title
    {width: 100%;}

    div.homepage_service_contact_cont_left_title p
    {font-size: 42px; font-family: bold;
    color: #fff; line-height: 55px;}

    div.homepage_service_contact_cont_left_title>p:nth-child(2)
    {margin-bottom: 30px;}

    div.homepage_service_contact_cont_left_link
    {width: fit-content;}

    div.homepage_service_contact_cont_left_link a
    {display: flex;
    align-items: center;
    margin-bottom: 15px;}

    div.homepage_service_contact_cont_left_link a>p:nth-child(1)
    {font-size: 18px; color: #fff;
    line-height: 30px;
    transition: all 0.5s;}

    div.homepage_service_contact_cont_left_link a>p:nth-child(1) span
    {font-family: bold;}

    div.homepage_service_contact_cont_left_link a>p:nth-child(2)
    {width: 30px; height: 30px;
    border-radius: 50%;
    text-align: center; line-height: 28px;
    color: #fff;
    border: 1px solid #fff; box-sizing: border-box;
    transition: all 0.5s;
    margin-left: 15px;}

    div.homepage_service_contact_cont_left_link a:hover p
    {transform: translateY(-2px);}

    div.homepage_service_contact_cont_left_link a:hover>p
    {color: #ffa200;}

    div.homepage_service_contact_cont_left_link a:hover>p:nth-child(2)
    {border: 1px solid #ffa200;}

    div.homepage_service_contact_cont_right
    {width: 50%; 
    margin-left: 50px;}

    div.homepage_service_contact_cont_right img
    {width: 100%; height: auto;
    animation-name: updownimage;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;}

    @keyframes updownimage {

        0% {transform: translateY(0);}
        50% {transform: translateY(-5px);}
        100% {transform: translateY(0);}

    }


    /*서비스 - 여행앱*/
    div.service_trave
    {width: 100%;
    margin-top: 100px;}

    div.service_travel_information
    {width: 100%;
    margin-bottom: 150px;}

    div.service_travel_information_title
    {width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;}

    div.service_travel_information_title p:nth-child(1)
    {font-family: 'min_bold';
    font-size: 20px;
    color: #555; line-height: 20px;
    margin-bottom: 30px;}

    div.service_travel_information_title p:nth-child(2)
    {color: #000;
    font-size: 42px; line-height: 55px;}

    div.service_travel_information_title p:nth-child(2)>span {font-family: bold;}

    div.service_travel_information_title p:nth-child(3)
    {color: #000;
    font-size: 42px; line-height: 55px;}

    div.service_travel_information_title p:nth-child(3)>span {font-family: bold;}

    div.service_travel_information_cont
    {margin-left: 5%;
    padding: 50px 0;
    background-color: #f3f3f3;
    opacity: 0;
    transform: translateY(20px);}

    div.service_travel_information_cont.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in;}

    div.service_travel_information_cont_box
    {width: 90%;
    margin-right: 5%; margin-left: 5%;
    display: flex;
    align-items: center;}

    div.service_travel_information_cont_icon_item
    {width: 460px;
    display: flex;
    align-items: center;
    margin-right: 100px;}

    div.service_travel_information_cont_icon_item_box
    {width: 130px;}

    div.service_travel_information_cont_icon_item_box>div:nth-child(1)
    {width: 100px;
    margin: 0 auto;
    margin-bottom: 15px;}

    div.service_travel_information_cont_icon_item_box>div:nth-child(1) img
    {width: 100%; height: auto;}

    div.service_travel_information_cont_icon_item_box>p:nth-child(2)
    {font-size: 18px; line-height: 25px;
    text-align: center;
    color: #000;}

    div.service_travel_information_cont_icon_item_box>p:nth-child(2)>span
    {font-family: bold;
    color: #ffa200;}

    div.service_travel_information_cont_icon_item>p:nth-child(2)
    {font-size: 62px;
    margin: 0 80px;
    color: #000;}

    div.service_travel_information_cont_txt_item
    {width: calc(100% - 560px);}

    div.service_travel_information_cont_txt_item>p:nth-child(1)
    {color: #000;
    font-size: 19px; line-height: 25px;
    margin-bottom: 15px;
    word-break: keep-all;}

    div.service_travel_information_cont_txt_item>p:nth-child(1)>span
    {font-family: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #000; box-sizing: border-box;}

    div.service_travel_information_cont_txt_item>p:nth-child(2)
    {width: 100%;
    word-break: keep-all;
    color: #333; line-height: 23px;}

    div.service_travel_information_cont_txt_item>p:nth-child(3)
    {width: 100%;
    word-break: keep-all;
    color: #333; line-height: 23px;}


    /*여행앱 고민*/
    div.service_travel_worry
    {width: 90%;
    margin: 100px auto;
    margin-bottom: 205px;}

    div.service_travel_worry_title
    {width: 100%;
    margin-bottom: 80px;
    opacity: 0;
    transform: translateY(20px);}

    div.service_travel_worry_title.on
    {transition: 1s;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_worry_title>div:nth-child(1)
    {width: 1px; height: 100px;
    background-color: #919191;
    margin: 0 auto;
    margin-bottom: 30px;}

    div.service_travel_worry_title p
    {font-size: 42px;
    line-height: 55px; text-align: center;
    color: #000;}

    div.service_travel_worry_title p span {font-family: bold;}
    
    /*고민거리 - 내용*/
    div.service_travel_worry_item
    {width: 740px;
    display: flex;
    align-items: center;
    margin-bottom: 120px;
    position: relative;}

    div.service_travel_worry_item_one
    {opacity: 0;
    transform: translateY(20px);}

    div.service_travel_worry_item_one.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in;}

    div.service_travel_worry_item_two
    {opacity: 0;
    transform: translateY(20px);}

    div.service_travel_worry_item_two.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.5s ease-in;}

    div.service_travel_worry_item_three
    {opacity: 0;
    transform: translateY(20px);}

    div.service_travel_worry_item_three.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.5s ease-in;}

    div.service_travel_worry_item:nth-child(3)
    {margin-left: calc(100% - 740px);}

    div.service_travel_worry_image_cont
    {width: 250px; height: 250px;
    position: absolute;
    right: -150px; top: 15px;}

    div.service_travel_worry_image_cont_02
    {width: 250px; height: 250px;
    position: absolute;
    left: -170px; top: 15px;}

    div.service_travel_worry_image_cont img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.service_travel_worry_image_cont_02 img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.service_travel_worry_txt_cont
    {width: 100%;
    box-sizing: border-box;
    padding: 50px;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.089);}

    div.service_travel_worry_txt_cont>p:nth-child(1)
    {font-size: 24px; font-family: bold;
    line-height: 24px;
    color: #000;
    margin-bottom: 20px;
    word-break: keep-all;}

    div.service_travel_worry_txt_cont>p:nth-child(1)>span
    {background-color: #ffa200;
    color: #fff;
    padding: 5px;}

    div.service_travel_worry_txt_cont>p:nth-child(2)
    {font-size: 17px;
    line-height: 23px;
    color: #333;
    word-break: keep-all;}

    div.service_travel_worry_txt_cont>p:nth-child(3)
    {font-size: 17px;
    line-height: 23px;
    color: #333;
    word-break: keep-all;}

    /*솔루션 01*/
    div.service_travel_solve_one
    {width: 100%;
    padding: 80px 0;
    background-color: #f3f3f3;}

    div.service_travel_solve_one_cont
    {width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(20px);}

    div.service_travel_solve_one_cont.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in;}

    div.service_travel_solve_one_txt_box
    {width: 40%;
    margin-right: 10%;}

    div.service_travel_solve_one_txt_box_title
    {width: fit-content;
    margin-bottom: 30px;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(1)
    {font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    font-family: bold; color: #ffa200;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(2)
    {font-size: 42px;
    color: #000; line-height: 55px;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(3)
    {font-size: 42px;
    color: #000; line-height: 55px;
    font-family: bold;}

    div.service_travel_solve_one_txt_box_txt_item
    {width: 100%;}

    div.service_travel_solve_one_txt_box_txt_item p
    {color: #333;
    line-height: 23px; word-break: keep-all;}

    div.service_travel_solve_one_image_box
    {width: 50%;}

    div.service_travel_solve_one_image_box img
    {width: 100%; height: auto;}

    /*솔루션 02*/
    div.service_travel_solve_two
    {width: 90%;
    margin: 80px auto;
    display: flex;
    align-items: center;
    opacity: 0;
    transform: translateY(20px);}

    div.service_travel_solve_two.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in;}

    div.service_travel_solve_two_image_box
    {width: 60%;
    margin-right: 10%;}

    div.service_travel_solve_two_image_box img
    {width: 100%; height: auto;}

    div.service_travel_solve_three_txt_box
    {width: 30%;}

    div.service_travel_solve_two_txt_box_title
    {width: 100%;
    margin-bottom: 30px;}

    div.service_travel_solve_two_txt_box_title p
    {text-align: right;}

    div.service_travel_solve_two_txt_box_title>p:nth-child(1)
    {font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    font-family: bold; color: #ffa200;}

    div.service_travel_solve_two_txt_box_title>p:nth-child(2)
    {font-size: 42px;
    color: #000; line-height: 55px;}

    div.service_travel_solve_two_txt_box_title>p:nth-child(3)
    {font-size: 42px;
    color: #000; line-height: 55px;
    font-family: bold;}

    div.service_travel_solve_two_txt_box_txt_item
    {width: 100%;}

    div.service_travel_solve_two_txt_box_txt_item p
    {color: #333;
    text-align: right;
    line-height: 23px; word-break: keep-all;}



    /*솔루션 03*/
    div.service_travel_solve_three
    {width: 100%;
    padding: 80px 0;
    background-color: #f3f3f3;}

    div.service_travel_solve_three_cont
    {width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(20px);}

    div.service_travel_solve_three_cont.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in;}

    div.service_travel_solve_three_txt_box
    {width: 40%;
    margin-right: 10%;}

    div.service_travel_solve_three_txt_box_title
    {width: fit-content;
    margin-bottom: 30px;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(1)
    {font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    font-family: bold; color: #ffa200;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(2)
    {font-size: 42px;
    color: #000; line-height: 55px;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(3)
    {font-size: 42px;
    color: #000; line-height: 55px;
    font-family: bold;}

    div.service_travel_solve_three_txt_box_txt_item
    {width: 100%;}

    div.service_travel_solve_three_txt_box_txt_item p
    {color: #333;
    line-height: 23px; word-break: keep-all;}

    div.service_travel_solve_three_image_box
    {width: 50%;}

    div.service_travel_solve_three_image_box img
    {width: 100%; height: auto;}

   
    /*서비스 - 여행앱 문의하기*/
    div.service_travel_contect
    {width: 100%;
    padding: 150px 0;
    background-color: #2c2c2c;}

    div.service_travel_contect_box
    {width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    opacity: 0;
    transform: translateY(20px);}

    div.service_travel_contect_box.on 
    {opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in;}

    div.service_travel_contect_title_box
    {width: calc(50% - 50px);}

    div.service_travel_contect_title
    {width: 100%;
    margin-bottom: 30px;}

    div.service_travel_contect_title p
    {font-size: 32px; font-family: bold;
    color: #fff; line-height: 45px;}

    div.service_travel_contect_image_box
    {width: 50%; 
    margin-left: 50px;}

    div.service_travel_contect_image_box img
    {width: 100%; height: auto;
    animation-name: updownimage;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;}

    @keyframes updownimage {

        0% {transform: translateY(0);}
        50% {transform: translateY(-5px);}
        100% {transform: translateY(0);}

    }

    /*쇼핑몰 01*/
    div.shoppingmall_cont_01_ex
    {width: 100%;}

    /*타이틀*/
    div.shoppingmall_cont_01_title
    {width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;}

    div.shoppingmall_cont_01_title p
    {color: #000;
    font-size: 42px; line-height: 58px;}

    div.shoppingmall_cont_01_title p span
    {display: inline-block;
    padding-bottom: 5px;
    font-family: bold;
    border-bottom: 2px solid #000; box-sizing: border-box;}

    div.shoppingmall_cont_01_box
    {width: 95%;
    padding: 50px 0;
    margin-left: 5%;
    background-color: #f1f1f1;}

    div.shoppingmall_cont_01
    {width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(30px);}

    div.shoppingmall_cont_01.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.shoppingmall_cont_01_mini
    {width: 22.75%;
    margin-right: 3%;
    cursor: pointer;}

    div.shoppingmall_cont_01_mini:last-child
    {margin-right: 0;}

    div.shoppingmall_cont_01_mini>div:nth-child(1)
    {width: 100px;
    margin: 0 auto;
    margin-bottom: 20px;}

    div.shoppingmall_cont_01_mini>div:nth-child(1) img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.shoppingmall_cont_01_mini_text_box
    {width: 100%;}

    div.shoppingmall_cont_01_mini_text_box p
    {word-wrap: break-word;
    word-break: keep-all;
    text-align: center;}

    div.shoppingmall_cont_01_mini_text_box>p:nth-child(1)
    {font-size: 20px; font-family: bold;
    line-height: 25px; color: #000;
    margin-bottom: 10px;
    transition: all 0.3s;}

    div.shoppingmall_cont_01_mini_text_box>p:nth-child(2)
    {line-height: 23px; color: #232323;}

    div.shoppingmall_cont_01_mini:hover .shoppingmall_cont_01_mini_text_box>p:nth-child(1)
    {color: #ffa200;}


    /*쇼핑몰 설명 타이틀*/
    div.service_shoppingmall_title_02
    {width: 90%;
    margin: 100px auto;
    opacity: 0;
    transform: translateY(30px);}

    div.service_shoppingmall_title_02.on
    {transition: 1s 0.3s;
    transform: translateY(0); opacity: 1;}

    div.service_shoppingmall_title_02>div:nth-child(1)
    {width: 1px; height: 100px;
    background-color: #919191;
    margin: 0 auto;
    margin-bottom: 30px;}

    div.service_shoppingmall_title_02 p
    {font-size: 42px;
    line-height: 55px; text-align: center;
    color: #000;}

    div.service_shoppingmall_title_02 p span {font-family: bold;}

    /*쇼핑몰 내용 설명*/
    div.shoppingmall_cont_02_ex
    {width: 100%;}

    div.shoppingmall_cont_02
    {width: 100%;
    display: flex;
    align-items: stretch;}

    div.shoppingmall_cont_02_image_box
    {width: 50%;
    position: relative;}

    div.shoppingmall_cont_02_image_box::before
    {display: block;
    content: "";
    padding-bottom: 100%;}

    div.shoppingmall_cont_02_image_box:nth-child(2n+1)::before
    {background-color: #f1f1f1;}

    div.shoppingmall_cont_02_image_box:nth-child(2n+2)::before
    {background-color: #2c2c2c;}

    div.shoppingmall_cont_02_image_box img
    {width: 95%;
    margin: 0 auto;
    position: absolute;
    top: 50%; left: 2.5%;
    opacity: 0;
    transform: translateY(calc(-50% + 30px));}

    div.sp_cont_02_image_01 img.on
    {opacity: 1;
    transform: translateY(-50%);
    transition: 1s 0.3s;}

    div.sp_cont_02_image_02 img.on
    {opacity: 1;
    transform: translateY(-50%);
    transition: 1s 0.3s;}

    div.sp_cont_02_image_03 img.on
    {opacity: 1;
    transform: translateY(-50%);
    transition: 1s 0.3s;}

    div.sp_cont_02_image_04 img.on
    {opacity: 1;
    transform: translateY(-50%);
    transition: 1s 0.3s;}

    div.sp_cont_02_image_03 img
    {width: 100%;
    position: absolute;
    bottom: 0; left: 0;}

    div.sp_cont_02_image_04 img
    {width: 100%;
    position: absolute;
    bottom: 0; left: 0;}

    div.shoppingmall_cont_02_text_box
    {width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(30px);}

    div.sp_cont_02_text_01.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.sp_cont_02_text_02.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.sp_cont_02_text_03.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.sp_cont_02_text_04.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.shoppingmall_cont_02_text_box>div
    {width: 80%;
    margin: 0 auto;}

    div.shoppingmall_cont_02_text_box>div>p:nth-child(1)
    {font-size: 20px;
    line-height: 20px; font-family: 'min_bold'; color: #ffa200;
    margin-bottom: 20px;}

    div.shoppingmall_cont_02_text_box>div>p:nth-child(2)
    {font-size: 42px;
    font-family: bold; color: #000; line-height: 55px;
    margin-bottom: 50px;
    word-wrap: break-word;
    word-break: keep-all;}

    div.shoppingmall_cont_02_text_box>div>p:nth-child(3)
    {font-size: 20px; line-height: 28px;
    color: #232323;
    word-wrap: break-word;
    word-break: keep-all;}

    /*쇼핑몰 문의하기*/
    div.shoppingmall_contect
    {width: 100%;
    margin-top: 100px;
    padding: 150px 0;
    background-color: #2c2c2c;}

    div.shoppingmall_contect_cont_text
    {width: 90%;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(30px);}

    div.shoppingmall_contect_cont_text.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s;}

    div.shoppingmall_contect_cont_title
    {width: 100%;
    margin-bottom: 30px;}

    div.shoppingmall_contect_cont_title p
    {font-size: 32px; font-family: bold;
    color: #fff; line-height: 45px;}



}
@media screen and (min-width: 769px) and (max-width: 1240px)
{   
    /*팝업창*/
    div.main_popup_ex
    {width: 400px;
    position: fixed;
    top: 105px; left: 20px;
    z-index: 4;
    background-color: #222;}

    label.popup_hour_btn_box
    {width: 16px; height: 16px;
    border: 1px solid #ddd; box-sizing: border-box;
    display: block;}

    #popup_hour_btn:checked ~ .popup_hour_btn_box
    {background: url(../img/chk_icon.png) no-repeat center center, #fff;
    background-size: 12px;
    border: none;}

    p.close_main_popup
    {color: #ddd; font-family: 'min_bold';
    line-height: 20px;
    cursor: pointer;}

    /*메인 비주얼*/
    div.main_visual_cont_back_txt>p:nth-child(2)
    {font-size: 42px;}

    div.main_visual_cont_back_txt>p:nth-child(2) span
    {font-size: 62px;}

    div.main_visual_cont_back_txt>p:nth-child(3)
    {font-size: 18px; line-height: 30px;}


    /*포토폴리오*/
    div.main_portfolio_title_box>p:nth-child(1)
    {font-size: 32px;}

    div.portfolio_slide_cont_txt_box>p:nth-child(1)
    {font-size: 17px; line-height: 20px;}

    div.portfolio_slide_cont_txt_box>p:nth-child(2)
    {font-size: 20px; line-height: 25px;}

    p.no_portfolio_txt
    {font-size: 15px;}

    /*뉴스*/
    div.main_news_title_box>p:nth-child(1)
    {font-size: 32px;}

    p.main_news_cont_title
    {width: 100%; height: 50px;
    font-size: 18px; line-height: 25px;}

    a.main_news_cont>p:nth-child(3)
    {width: 100%;
    font-size: 15px; color: #777; line-height: 20px;
    margin-bottom: 15px;}

    a.main_news_cont>div.main_news_cont_text
    {width: 100%;
    font-size: 15px; color: #777; line-height: 20px;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

	a.main_news_cont>div.main_news_cont_text img
	{display:none;}

    /*문의하기*/
    section.main_inquire_zon
    {height: auto;
    padding: 150px 0;
    min-height: inherit;}

    div.main_inquire_zon_box
    {display: flex;
    flex-wrap: wrap;}

    div.main_inquire_cont_box
    {width: 100%;}

    div.main_inquire_line
    {width: 100%; height: 1px;
    margin: 50px 0;
    background-color: #dddddd59;}

    div.main_map_cont_box
    {width: 100%;}

    div.main_inquire_cont_box>p:nth-child(2)
    {font-size: 32px;}

    a.news_cont_top_product>p:nth-child(2)
    {font-size: 18px;}


    /*서비스-홈페이지*/
    div.homepage_service_visual_txt_cont>p:nth-child(1)
    {font-size: 42px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 50px;}

    div.homepage_service_visual_txt_cont>p:nth-child(2)
    {font-size: 22px; line-height: 35px;
    color: #ddd;}

    div.homepage_service_visual_txt_cont>p:nth-child(2)>span
    {font-family: bold; font-size: 26px;}

    div.homepage_service_people_item
    {height: 430px;}

    /*홈페이지 - 하는 일*/
    div.homepage_service_work_icon
    {display: none;}

    div.homepage_service_work_box
    {width: 100%;}

    div.homepage_service_work_cont
    {padding: 40px 0;}
    
    div.homepage_service_work_cont>p:nth-child(1)
    {width: 150px;
    font-family: bold;
    color: #ffa200; font-size: 20px; line-height: 25px;
    margin-right: 50px;}

    div.homepage_service_work_cont>p:nth-child(2)
    {width: calc(100% - 200px);
    font-size: 17px; line-height: 25px;}

    div.homepage_service_contact_cont_left_title p
    {font-size: 36px; font-family: bold;
    color: #fff; line-height: 45px;}

    /*여행앱 - 타이틀*/
    div.service_travel_information_cont_icon_item
    {width: fit-content;
    margin-right: 80px;}

    div.service_travel_information_title>p:nth-child(1)
    {font-size: 18px;}

    div.service_travel_information_title>p:nth-child(2)
    {font-size: 34px; line-height: 40px;}

    div.service_travel_information_title>p:nth-child(3)
    {font-size: 34px; line-height: 40px;}

    div.service_travel_information_cont_icon_item_box
    {width: 130px;}

    div.service_travel_information_cont_icon_item_box>div:nth-child(1)
    {width: 80px;
    margin: 0 auto;
    margin-bottom: 15px;}

    div.service_travel_information_cont_icon_item_box>div:nth-child(1) img
    {width: 100%; height: auto;}

    div.service_travel_information_cont_icon_item_box>p:nth-child(2)
    {font-size: 18px; line-height: 25px;
    text-align: center;
    color: #000;}

    div.service_travel_information_cont_icon_item_box>p:nth-child(2)>span
    {font-family: bold;
    color: #ffa200;}

    div.service_travel_information_cont_icon_item>p:nth-child(2)
    {font-size: 62px;
    margin: 0 50px;
    color: #000;}

    div.service_travel_information_cont_txt_item
    {width: calc(100% - 480px);}

    div.service_travel_worry_title p
    {font-size: 34px; line-height: 42px;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(1)
    {font-size: 18px;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(2)
    {font-size: 34px; line-height: 42px;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(3)
    {font-size: 34px; line-height: 42px;}
    

    div.service_travel_solve_two_txt_box_title>p:nth-child(1)
    {font-size: 18px;}

    div.service_travel_solve_two_txt_box_title>p:nth-child(2)
    {font-size: 34px; line-height: 42px;}

    div.service_travel_solve_two_txt_box_title>p:nth-child(3)
    {font-size: 34px; line-height: 42px;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(1)
    {font-size: 18px;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(2)
    {font-size: 34px; line-height: 42px;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(3)
    {font-size: 34px; line-height: 42px;}

    div.service_travel_contect
    {padding: 80px 0;}
    
    div.service_travel_contect_box
    {display: inherit;}

    div.service_travel_contect_title_box
    {width: 100%;}

    div.service_travel_contect_title p
    {font-size: 34px; line-height: 40px;}

    div.service_travel_contect_image_box {display: none;}


    /*쇼핑몰*/
    div.shoppingmall_cont_01_title p
    {color: #000;
    font-size: 34px; line-height: 45px;}

    div.service_shoppingmall_title_02 p
    {font-size: 34px; line-height: 42px;}

    div.shoppingmall_cont_02_text_box>div>p:nth-child(1)
    {font-size: 17px;
    line-height: 20px; font-family: 'min_bold'; color: #ffa200;
    margin-bottom: 15px;}

    div.shoppingmall_cont_02_text_box>div>p:nth-child(2)
    {font-size: 32px;
    font-family: bold; color: #000; line-height: 40px;
    margin-bottom: 30px;
    word-wrap: break-word;
    word-break: keep-all;}

    div.shoppingmall_cont_02_text_box>div>p:nth-child(3)
    {font-size: 16px; line-height: 25px;
    color: #232323;
    word-wrap: break-word;
    word-break: keep-all;}

    div.shoppingmall_contect_cont_title p
    {font-size: 34px; line-height: 40px;}

    
}
@media screen and (min-width: 769px) and (max-width: 1024px)
{   
    /*팝업*/
    div.main_popup_ex
    {width: 400px;
    position: fixed;
    top: 90px; left: 20px;
    z-index: 4;
    background-color: #222;}

    /*메인 비주얼*/
    div.main_visual_cont_back_txt>p:nth-child(2)
    {font-size: 32px;
    margin-bottom: 20px;
    line-height: 52px;}

    div.main_visual_cont_back_txt>p:nth-child(2) span
    {font-size: 52px;}

    div.main_visual_cont_back_txt>p:nth-child(3)
    {font-size: 17px; line-height: 25px;
    margin-bottom: 30px;}


    /*메인 서비스*/
    div.main_service_cont
    {justify-content: flex-start;}

    div.main_service_cont_item
    {width: 49%;}

    div.main_service_cont_item:nth-child(3n+3)
    {margin-right: 2%;}

    div.main_service_cont_item:nth-child(2n+2)
    {margin-right: 0;}

    div.main_service_cont_item:nth-child(2n+2)
    {transform: translateY(100px);}


    /*포토폴리오*/
    a.main_portfolio_more_btn p
    {font-size: 20px;}

    /*뉴스*/
    a.main_news_more_btn p
    {font-size: 20px;}

    /*서브 비주얼*/
    div.sub_visual_ex
    {height: 400px;}

    /*뉴스페이지 - 탑*/

    a.news_cont_top_product
    {width: 42.5%;
    margin-right: 5%; margin-bottom: 30px;}

    a.news_cont_top_product:nth-child(odd) {margin-left: 5%;}

    a.news_cont_top_product:nth-child(even) {margin-right: 0;}

    a.news_cont_top_product:nth-child(1n+3)
    {margin-bottom: 0;}
    
    /*뉴스페이지 - 밑*/
    ul.news_cont_bottom_title li:nth-child(1)
    {width: 8%;}

    ul.news_cont_bottom_title li:nth-child(2)
    {width: 10%;}

    ul.news_cont_bottom_title li:nth-child(3)
    {width: 60%;}

    ul.news_cont_bottom_title li:nth-child(4)
    {width: 12%;}

    ul.news_cont_bottom_title li:nth-child(5)
    {width: 10%;}

    ul.news_cont_bottom_cont li:nth-child(1)
    {width: 8%;}

    ul.news_cont_bottom_cont li:nth-child(2)
    {width: 10%;}

    ul.news_cont_bottom_cont li:nth-child(3)
    {width: 60%;}

    ul.news_cont_bottom_cont li:nth-child(4)
    {width: 12%;}

    ul.news_cont_bottom_cont li:nth-child(5)
    {width: 10%;}

    /*서비스-홈페이지*/
    div.service_label_box
    {margin-bottom: 100px; 
        border-bottom: 1px solid #666; 
        height: 100%;}
    
    div.homepage_service_visual_txt_cont
    {max-width: calc(100% - 250px);}

    div.homepage_service_visual_icon
    {width: 200px; height: 200px;
    margin-right: 50px;}

    div.homepage_service_visual_txt_cont>p:nth-child(1)
    {font-size: 36px; 
    line-height: 45px;
    color: #fff;
    margin-bottom: 40px;
    word-break: keep-all;}

    div.homepage_service_visual_txt_cont>p:nth-child(2)
    {font-size: 18px; line-height: 30px;
    color: #ddd;}

    div.homepage_service_visual_txt_cont>p:nth-child(2)>span
    {font-family: bold; font-size: 24px;}


    div.homepage_service_people_title>p:nth-child(1)
    {font-family: bold;
    text-align: center;
    color: #000; font-size: 32px; line-height: 45px;}

    div.homepage_service_people_title>p:nth-child(2)
    {text-align: center;
    color: #000; font-size: 32px; line-height: 45px;
    margin-bottom: 30px;}

    div.homepage_service_people_title>p:nth-child(2) span
    {font-family: bold;
    padding-bottom: 5px; font-size: 38px;
    border-bottom: 2px solid #000;}

    div.homepage_service_people_title>p:nth-child(3)
    {text-align: center;
    line-height: 20px; font-size: 16px; color: #555;}
    
    div.homepage_service_people_cont
    {flex-wrap: wrap;}

    div.homepage_service_people_item
    {width: 49%; height: 470px;
    margin-right: 2%; margin-bottom: 30px;}

    div.homepage_service_people_item:nth-child(2)
    {margin-right: 0;}

    div.homepage_people_icon
    {width: 60%;}
    
    div.homepage_service_people_item:nth-child(2) .homepage_people_icon
    {width: 65%;}

    div.homepage_service_people_item:hover
    {transform: translateY(-10px);}
    
    div.homepage_service_work_title
    {flex-wrap: wrap;}
    
    div.homepage_service_work_title>p:nth-child(1)
    {width: 100%;
    font-size: 32px; line-height: 45px;
    word-break: keep-all;
    margin-bottom: 15px;}

    div.homepage_service_work_title>p:nth-child(1)>span
    {font-size: 38px;}

    div.homepage_service_work_title>p:nth-child(2)
    {width: 100%;
    font-size: 16px; line-height: 23px;}

    div.homepage_service_work_cont>p:nth-child(2)
    {font-size: 16px; line-height: 23px;}


    div.process_service_title
    {width: 340px;
    margin-right: 50px;}

    div.process_service_title>p:nth-child(1)
    {font-size: 32px; font-family: bold;
    line-height: 40px; color: #000;
    margin-bottom: 10px;}

    div.process_service_title>p:nth-child(2)
    {font-size: 16px; line-height: 23px;
    color: #555;}

    div.process_cont_ex
    {width: calc(100% - 390px);
    padding: 100px 0;
    padding-bottom: 150px;
    border-left: 1px solid #ddd; box-sizing: border-box;}

    div.process_cont_ex div
    {width: calc(100% - 50px);
    margin-left: 50px;
    margin-bottom: 100px;
    position: relative;
    opacity: 0.3;
    transition: all 0.5s;}

    div.process_cont_ex div:last-child
    {margin-bottom: 0;}

    div.process_cont_ex div p:nth-child(1)
    {font-size: 16px; line-height: 20px;
    margin-bottom: 10px;}

    div.process_cont_ex div p:nth-child(2)
    {font-size: 26px; line-height: 30px;
    margin-bottom: 20px;
    word-break: keep-all;}

    div.process_cont_ex div p:nth-child(3)
    {font-size: 16px; line-height: 23px;
    word-break: keep-all;}
    
    div.homepage_service_contact
    {padding: 80px 0;}
    
    div.homepage_service_contact_box
    {flex-wrap: wrap;
    justify-content: flex-end;}

    div.homepage_service_contact_cont_left
    {width: 100%;
    margin: 0;}

    div.homepage_service_contact_cont_right
    {display: none;}


    /*여행앱 - 타이틀*/
    div.service_travel_information
    {margin-bottom: 100px;}

    div.service_travel_information_cont_box
    {display: inherit;}

    div.service_travel_information_cont_icon_item
    {margin-right: 0;
    margin-bottom: 30px;}

    div.service_travel_information_cont_txt_item
    {width: 100%;}
    
    /*걱정거리*/
    div.service_travel_worry
    {margin-bottom: 100px;}

    div.service_travel_worry_item
    {width: 85%;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
    position: relative;}

    div.service_travel_worry_item:nth-child(3)
    {margin-left: 15%;}

    div.service_travel_worry_txt_cont
    {padding: 50px 0;}

    div.service_travel_worry_item:nth-child(3) .service_travel_worry_txt_cont p
    {width: calc(100% - 130px);
    margin-left: 60px;}

    div.service_travel_worry_txt_cont p
    {width: calc(100% - 130px);
    margin-left: 50px;}

    div.service_travel_worry_txt_cont>p:nth-child(1)
    {line-height: 35px;}

    /*솔루션 01*/
    div.service_travel_solve_one_cont
    {display: inherit;}

    div.service_travel_solve_one_txt_box
    {width: 100%;
    margin-right: 0;
    margin-bottom: 50px;}

    div.service_travel_solve_one_txt_box_title
    {width: 100%;}

    div.service_travel_solve_one_txt_box_txt_item
    {width: 60%;
    margin: 0 auto;}

    div.service_travel_solve_one_txt_box p
    {text-align: center;}

    div.service_travel_solve_one_image_box
    {width: 500px;
    max-width: 90%;
    margin: 0 auto;}


    /*솔루션02*/
    div.service_travel_solve_two
    {display: inherit;}

    div.service_travel_solve_two_image_box
    {width: 320px;
    margin: 0 auto;
    margin-bottom: 50px;}

    div.service_travel_solve_two_txt_box_title p
    {text-align: center;}

    div.service_travel_solve_two_txt_box_txt_item
    {width: 60%;
    margin: 0 auto;}

    div.service_travel_solve_two_txt_box_txt_item p
    {text-align: center;}


    /*솔루션 03*/
    div.service_travel_solve_three_cont
    {display: inherit;}
    
    div.service_travel_solve_three_txt_box
    {width: 100%;
    margin-right: 0;
    margin-bottom: 50px;}

    div.service_travel_solve_three_txt_box_title
    {width: 100%;}
    
    div.service_travel_solve_three_txt_box_title p
    {text-align: center;}

    div.service_travel_solve_three_txt_box_txt_item
    {width: 60%;
    margin: 0 auto;}

    div.service_travel_solve_three_txt_box_txt_item p
    {text-align: center;}

    div.service_travel_solve_three_image_box
    {width: 450px;
    max-width: 80%;
    margin: 0 auto;}


    /*쇼핑몰*/
    div.shoppingmall_cont_01
    {flex-wrap: wrap;}

    div.shoppingmall_cont_01_mini
    {width: 48.5%;
    margin-right: 3%;
    cursor: pointer;}

    div.shoppingmall_cont_01_mini:nth-child(1), div.shoppingmall_cont_01_mini:nth-child(2)
    {margin-bottom: 30px;}

    div.shoppingmall_cont_01_mini:nth-child(2)
    {margin-right: 0;}

    div.shoppingmall_cont_02_text_box>div>p:nth-child(2)
    {font-size: 28px; line-height: 32px;}


}
@media screen and (min-width: 769px) and (max-width: 984px)
{
    div.service_travel_worry_item
    {margin-bottom: 70px;}
    
}
@media screen and (max-width: 768px)
{   

    /*팝업*/
    div.main_popup_big_box
    {width: 100%; height: 100vh;
    position: fixed;
    top: 0; left: 0;
    z-index: 9;}

    div.main_popup_ex
    {width: 400px;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    background-color: #222;}

    div.main_popup_cont_box
    {width: 100%;
    position: relative;}

    a.main_popup_cont
    {width: 100%; height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    display: block;}

    a.main_popup_cont img
    {width: 100%; height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0; left: 0;}

    .main_popup_cont_box.owl-theme .owl-nav.disabled+.owl-dots 
    {margin-top: 0;
    position: absolute;
    bottom: -10px; left: 50%;
    transform: translateX(-50%);}

    .main_popup_cont_box.owl-theme .owl-dots .owl-dot span
    {background: #fff;
    margin: 0;
    opacity: 0.8;
    margin-right: 10px;}

    .main_popup_cont_box.owl-theme .owl-dots .owl-dot.active span
    {opacity: 1;
    background: #ffa200;}

    div.popup_txt_cont
    {width: calc(100% - 20px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;}

    div.popup_txt_cont_box
    {width: fit-content;
    display: flex;
    align-items: center;}
    
    #popup_hour_btn {display: none;}

    label.popup_hour_btn_box
    {width: 18px; height: 18px;
    border: 1px solid #ddd; box-sizing: border-box;
    display: block;}

    div.popup_txt_cont_box>label:nth-child(3)
    {width: fit-content;
    display: block;
    margin-left: 5px;}

    div.popup_txt_cont_box>label:nth-child(3) p
    {color: #ddd; line-height: 18px; font-size: 15px;}

    #popup_hour_btn:checked ~ .popup_hour_btn_box
    {background: url(../img/chk_icon.png) no-repeat center center, #fff;
    background-size: 10px;
    border: none;}

    p.close_main_popup
    {color: #ddd; font-family: 'min_bold';
    line-height: 18px; font-size: 15px;
    cursor: pointer;}

    /*비주얼*/
    section.main_visual_ex
    {width: 100%; height: 100vh;}

    div.main_visual_cont
    {width: 100%; height: 100vh;
    min-height: 500px;
    position: relative;}

    div.main_visual_cont video
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.main_visual_cont_background
    {width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0; left: 0;
    z-index: 9;}

    div.main_visual_cont_back_txt
    {width: 90%;
    margin: 0 auto;
    position: absolute;
    top: calc(30% + 50px); left: 5%;
    transition: all 1.5s;
    opacity: 0;}

    div.owl-item.active .main_visual_cont_back_txt
    {opacity: 1;
    top: 30%;}

    div.main_visual_cont_back_txt>p:nth-child(1)
    {width: 100%;
    font-size: 17px; font-family: 'min_bold'; color: #fff;
    line-height: 20px;
    margin-bottom: 15px;}

    div.main_visual_cont_back_txt>p:nth-child(2)
    {width: 100%;
    font-size: 32px; color: #fff; line-height: 50px;
    word-break: keep-all;
    margin-bottom: 10px;}

    div.main_visual_cont_back_txt>p:nth-child(2) span 
    {font-family: bold; font-size: 42px;}

    div.main_visual_cont_back_txt>p:nth-child(3)
    {width: 100%;
    font-size: 17px; line-height: 25px;
    word-break: keep-all;
    color: #fff;
    margin-bottom: 30px;}

    div.main_visual_cont_back_txt>a:nth-child(4)
    {width: 150px; height: 45px;
    display: block;
    border-radius: 22.5px;
    border: 1px solid #fff; box-sizing: border-box;}

    div.main_visual_cont_back_txt>a:nth-child(4) p
    {text-align: center;
    font-size: 15px; line-height: 45px; color: #fff;}

    .main_visual_ex.owl-theme .owl-nav.disabled+.owl-dots 
    {margin-top: 0;
    position: absolute;
    bottom: 20px; left: 50%;
    transform: translateX(-50%);}

    .main_visual_ex.owl-theme .owl-dots .owl-dot span
    {background: #fff;
    opacity: 0.5;}

    .main_visual_ex.owl-theme .owl-dots .owl-dot.active span
    {opacity: 1;
    background: #ffa200;}

    /*메인 서비스*/
    section.main_service_zon
    {width: 100%;
    padding: 80px 0;
    background-color: #f4f5f8;
    margin: 80px auto;}

    div.main_service_title
    {width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;}

    div.main_service_title>p:nth-child(1)
    {width: 100%;
    font-size: 26px; line-height: 38px;
    word-break: keep-all;
    color: #000;
    margin-bottom: 20px;}

    div.main_service_title>p:nth-child(1) span
    {font-size: 30px; font-family: bold;
    border-bottom: 2px solid #000; box-sizing: border-box;}

    div.main_service_title>p:nth-child(2)
    {width: 100%;
    text-align: right;
    font-size: 17px; line-height: 25px;
    word-break: keep-all;
    color: #555;}

    /*서비스 콘텐츠*/
    div.main_service_cont
    {display: none;}

    div.mobile_service_cont_box 
    {display: block !important;
    width: 95%;
    margin-left: 5%;}

    div.mobile_service_cont
    {width: 100%;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px 0;}

    div.mobile_service_cont>div
    {width: 90%; height: 390px;
    margin: 0 auto;
    position: relative;}

    div.mobile_service_cont>div>p:nth-child(1)
    {font-family: 'min_bold';
    line-height: 20px; color: #ffa200;
    margin-bottom: 15px;}

    div.mobile_service_cont>div>p:nth-child(2)
    {font-size: 22px; line-height: 30px;
    font-family: bold;
    color: #000;
    margin-bottom: 20px;}

    div.mobile_service_cont>div>p:nth-child(3)
    {width: 100%;
    font-size: 15px; line-height: 20px;
    color: #555; margin-bottom: 40px;
    word-break: keep-all;}

    div.mobile_service_cont>div>div:nth-child(4)
    {width: 220px;
    max-width: 70%;
    position: absolute;
    bottom: 0; left: 50%;
    transform: translateX(-50%);}

    div.mobile_service_cont>div>div:nth-child(4) img
    {width: 85%; height: auto;}

    /*메인 프로젝트*/
    section.main_portfolio_zon
    {width: 90%;
    margin: 80px auto;}

    div.main_portfolio_title_box
    {width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;}

    div.main_portfolio_title_box>p:nth-child(1)
    {width: fit-content;
    max-width: calc(100% - 120px);
    font-size: 26px; line-height: 38px;
    word-break: keep-all;
    color: #000;}

    div.main_portfolio_title_box>p:nth-child(1) span
    {font-size: 30px; font-family: bold;
    border-bottom: 2px solid #000; box-sizing: border-box;}

    a.main_portfolio_more_btn
    {width: fit-content;
    display: block;
    padding: 10px;
    border: 1px solid #ffa200; box-sizing: border-box;}

    a.main_portfolio_more_btn p
    {font-size: 15px; line-height: 20px;
    color: #ffa200;}

    div.main_portfolio_product_ex
    {width: 100%;}

    div.main_product_label_ex_m
    {width: 100%;
    display: block;
    margin-bottom: 40px;
    position: relative;}

    div.main_mobile_label_big_box_m
    {width: 100%; height: 45px;
    border-radius: 22.5px;
    background-color: #ffa200;
    position: relative;
    z-index: 6;
    cursor: pointer;}

    div.main_mobile_label_big_box_m p
    {width: calc(100% - 45px);
    margin: 0 auto;
    line-height: 45px;
    color: #fff; font-family: bold;
    background: url(../img/mobile_portfolio_icon.png) no-repeat center right;
    background-size: 12px;}

    ul.main_product_label_box_m
    {width: 100%;
    display: none;
    position: absolute;
    top: 0px; left: 0;
    z-index: 5;
    background: #fff;
    border-radius: 25px;
    padding-top: 50px;
    border: 1px solid #ddd; box-sizing: border-box;
    border-top: none;}

    ul.main_product_label_box_m li
    {width: 100%;
    cursor: pointer;}

    ul.main_product_label_box_m li p
    {width: calc(100% - 45px);
    margin: 0 auto;
    line-height: 40px;}

    ul.main_product_label_box_m li.on p
    {color: #ffa200; font-family: bold;}

    div.main_portfolio_product_cont_ex
    {width: 100%;}

    div.main_portfolio_product_cont
    {width: 100%;
    display: none;}

    div.main_portfolio_product_cont.on
    {display: block;}

    div.main_product_label_ex {display: none;}

    /*등록된 상품 없다룽*/
    p.no_portfolio_txt
    {width: 100%;
    padding: 100px 0;
    text-align: center;
    font-size: 15px; line-height: 20px; color: #555;}

    div.portfolio_slide_cont_box
    {width: 100%;}

    a.portfolio_slide_cont
    {width: 100%;
    display: block;}

    div.portfolio_slide_cont_image
    {width: 100%; height: 0;
    padding-bottom: 61.36%;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;}

    div.portfolio_slide_cont_image img
    {width: 100%; height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0; left: 0;}

    div.portfolio_slide_cont_txt_box
    {width: 100%;}

    div.portfolio_slide_cont_txt_box>p:nth-child(1)
    {width: 100%;
    font-size: 16px; line-height: 20px;
    color: #555;
    margin-bottom: 5px;}

    div.portfolio_slide_cont_txt_box>p:nth-child(2)
    {width: 100%;
    font-size: 20px; font-family: bold; color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}


    /*메인 뉴스*/
    section.main_news_zon
    {width: 90%;
    margin: 80px auto;}

    div.main_news_title_box
    {width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;}

    div.main_news_title_box>p:nth-child(1)
    {width: fit-content;
    max-width: calc(100% - 120px);
    font-size: 26px; line-height: 38px;
    word-break: keep-all;
    color: #000;}

    div.main_news_title_box>p:nth-child(1) span
    {font-size: 30px; font-family: bold;
    border-bottom: 2px solid #000; box-sizing: border-box;}

    a.main_news_more_btn
    {width: fit-content;
    display: block;
    padding: 10px;
    border: 1px solid #ffa200; box-sizing: border-box;}

    a.main_news_more_btn p
    {font-size: 15px; line-height: 20px;
    color: #ffa200;}

    div.main_news_cont_ex
    {width: 100%;
    position: relative;}

    div.main_news_cont_box
    {width: 100%;
    position: relative;
    z-index: 2;}

    a.main_news_cont
    {width: 100%;
    display: block;
    margin-bottom: 25px; 
    overflow: hidden;}

    a.main_news_cont:last-child
    {margin-bottom: 0;}

    div.main_news_cont_icon
    {width: 12px; height: 12px;
    border-radius: 50%;
    background-color: #ffa200;
    margin-bottom: 15px;}

    p.main_news_cont_title
    {width: 100%; 
    font-family: bold; color: #000;
    font-size: 18px; line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;}

    a.main_news_cont>p:nth-child(3)
    {width: 100%;
    word-wrap: break-word;
    word-break: keep-all;
    color: #777; font-size: 15px; line-height: 20px;
    margin-bottom: 10px;}

	a.main_news_cont>div.main_news_cont_text
    {width: 100%;
    font-size: 15px; color: #777; line-height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

	a.main_news_cont>div.main_news_cont_text img
	{display:none;}

    p.main_news_cont_more_btn
    {width: fit-content;
    padding: 10px;
    line-height: 20px; font-size: 15px; color: #000;
    border: 1px solid #000;
    float: right;}

    div.main_news_cont_image
    {width: 250px; height: 250px;
    border-radius: 50%;
    background: #ffa20052;
    filter: blur(50px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    z-index: 1;}

    /*메인 문의하기*/
    section.main_inquire_zon
    {width: 100%;
    background: url(../img/main_background.jpg) center center / cover no-repeat;
    padding: 80px 0;}

    div.main_inquire_zon_box
    {width: 90%;
    margin: 0 auto;}

    div.main_inquire_cont_box
    {width: 100%;
    overflow: hidden;}

    div.main_inquire_cont_box>p:nth-child(1)
    {font-family: 'min_bold'; color: #fff;
    line-height: 20px; font-size: 15px;
    margin-bottom: 15px;
    justify-items: flex-start;}

    div.main_inquire_cont_box>p:nth-child(2)
    {width: 100%;
    font-size: 26px; line-height: 38px;
    word-break: keep-all;
    color: #fff;
    margin-bottom: 30px;}

    div.main_inquire_cont_box>p:nth-child(2) span
    {font-size: 30px; font-family: bold;
    border-bottom: 1px solid #fff; box-sizing: border-box;}

    a.main_inquire_zon_link
    {width: fit-content;
    display: block;
    float: right;
    padding: 10px;
    border: 1px solid #ffa200; box-sizing: border-box;}

    a.main_inquire_zon_link p
    {color: #ffa200; line-height: 20px;}

    div.main_inquire_line
    {width: 100%; height: 1px;
    background-color: #ddd;
    margin: 40px 0;}

    div.main_map_cont_box
    {width: 100%;}

    div.main_map_cont
    {width: 100%; height: 250px;
    margin-bottom: 30px;}

    div.main_map_cont_txt
    {width: 100%;}

    div.main_map_cont_txt>div
    {width: 100%;
    margin-bottom: 20px;}

    div.main_map_cont_txt>div:last-child
    {margin-bottom: 0;}

    div.main_map_cont_txt>div p
    {font-size: 15px; line-height: 22px;
    word-break: keep-all;
    color: #ddd;}

    div.main_map_cont_txt>div p:nth-child(1)
    {font-family: 'min_bold';
    margin-bottom: 10px; color: #fff;}

    
    /*서브 페이지 비주얼*/
    div.sub_visual_ex
    {width: 100%; height: 350px;
    position: relative;
    overflow: hidden;}

    img.sub_visual_image
    {width: 100%; height: 100%;
    object-fit: cover;}

    img.sub_visual_image.on
    {transition: all 10s;
    transform: scale(1.2);}

    div.sub_visual_ex>p:nth-child(2)
    {width: fit-content;
    position: absolute;
    top: 50%; left: 50%;
    font-size: 38px; font-family: bold; color: #fff; line-height: 40px;
    transform: translate(-50%, -50%);}

    div.page_rout
    {width: fit-content;
    position: absolute;
    bottom: 20px; left: 5%;
    display: flex;
    align-items: center;}

    a.page_root_home
    {width: 25px; height: 25px;}

    a.page_root_home img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.page_rout p
    {color: #fff; line-height: 25px;}

    div.page_rout>p:nth-child(2)
    {margin: 0 15px;}

    div.page_rout>p:nth-child(3)
    {font-family: bold;
    color: #ffa200;}

    div.page_rout a p
    {color: #ffa200;
    font-family: 'min_bold';}


    /*뉴스페이지*/
    section.news_cont_ex
    {width: 90%;
    margin: 80px auto;
    margin-bottom: 100px;}

    div.news_cont_top_ex
    {width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 40px;
    box-sizing: border-box;}

    a.news_cont_top_product
    {width: 49%;
    display: block;
    margin-right: 2%; margin-bottom: 20px;}

    a.news_cont_top_product:nth-child(even)
    {margin-right: 0;}

    div.news_cont_top_product_image
    {width: 100%; height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 10px;}

    div.news_cont_top_product_image img
    {width: 100%; height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0; left: 0;}

    a.news_cont_top_product>p:nth-child(2)
    {width: 100%; height: 50px;
    margin-bottom: 10px;
    font-size: 18px; font-family: bold;
    color: #000; line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

    div.news_cont_top_product_sub_txt
    {width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

	div.news_cont_top_product_sub_txt img,
    div.news_cont_top_product_sub_txt hr
	{display:none;}

    div.news_cont_top_product_sub_txt p
    {width: 100%;
    word-wrap: break-word;
    font-size: 15px; color: #5d5d5d; line-height: 20px;}

    div.news_cont_bottom_ex
    {width: 100%;
    margin-bottom: 80px;}

    ul.news_cont_bottom_title
    {display: none;}

    ul.news_cont_bottom_cont.one
    {width: 100%;
    border-top: 1px solid #000; 
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;}

    ul.news_cont_bottom_cont
    {width: 100%;
    padding: 20px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd; box-sizing: border-box;}

    ul.news_cont_bottom_cont li:nth-child(2) {display: none;}
    ul.news_cont_bottom_cont li:nth-child(5) {display: none;}

    ul.news_cont_bottom_cont li:nth-child(1)
    {width: fit-content;
    max-width: 40px;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 15px;}

    ul.news_cont_bottom_cont li:nth-child(3)
    {width: fit-content;
    max-width: calc(100% - 60px);
    margin-bottom: 15px;}

    ul.news_cont_bottom_cont li:nth-child(4)
    {width: 100%;}

    ul.news_cont_bottom_cont li a p
    {font-size: 15px; line-height: 20px;
    word-wrap: break-word;
    word-break: keep-all;
    color: #5d5d5d;}

    ul.news_cont_bottom_cont li:nth-child(3) a p
    {font-size: 17px; line-height: 23px;
    color: #000; font-family: 'min_bold';}

    ul.news_cont_bottom_cont li:nth-child(4) a p
    {text-align: right;}

    div.page_btn_box
    {width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}

    
    /*뉴스 디테일*/
    section.news_product_detaile_ex
    {width: 90%;
    margin: 80px auto;
    margin-bottom: 100px;}

    div.news_product_detaile_title
    {width: 100%;
    margin-bottom: 40px;}

    div.news_product_detaile_title p
    {font-size: 28px;
    text-align: center; line-height: 30px;
    color: #000;
    margin-bottom: 10px;}

    div.news_product_detaile_title p span
    {font-family: bold;}

    div.news_product_detaile_title>div:nth-child(2)
    {width: 50px; height: 2px;
    margin: 0 auto;
    background-color: #ffa200;}

    div.news_product_detaile_cont_ex
    {width: 100%;
    border-top: 1px solid #8f5b01; box-sizing: border-box;}

    div.news_product_detaile_cont_title
    {width: 100%;
    border-bottom: 1px solid #ddd; box-sizing: border-box;
    padding: 30px 0;}

    p.news_product_detaile_cont_title_txt
    {width: 90%;
    margin: 0 auto; 
    font-size: 22px; line-height: 28px;
    text-align: center;
    word-wrap: break-word;
    word-break: keep-all;
    margin-bottom: 15px;}

    div.news_product_detaile_cont_min_title
    {width: fit-content;
    margin: 0 auto;
    display: flex;
    align-items: center;}

    div.news_product_detaile_cont_min_title p
    {font-size: 14px; color: #555;
    line-height: 20px;}
    
    div.news_product_detaile_cont_min_title>div:nth-child(2)
    {width: 1px; height: 10px;
    background-color: #555;
    margin: 0 10px;}

    div.news_product_detaile_cont
    {width: 95%;
    margin: 40px auto;}

    div.news_product_detaile_cont img
    {width: 100%; height: auto;
    margin: 15px 0;}

    div.news_product_detaile_cont p
    {width: 100%;
    word-wrap: break-word;
    font-size: 15px; line-height: 22px;
    color: #555;}

    /*이전글, 다음글*/
    div.product_link_ex
    {width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 40px;}

    a.news_prev_btn
    {width: 100%;
    display: block;
    padding: 25px 0;
    border-bottom: 1px solid #ddd; box-sizing: border-box;}

    a.news_prev_btn>div
    {width: 100%;
    display: flex;
    align-items: center;}

    a.news_prev_btn>div>p:nth-child(1)
    {width: 90px;
    text-align: center;
    font-size: 15px;
    color: #000;}

    p.news_prev_txt
    {width: calc(100% - 90px);
    color: #555;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

    a.news_next_btn
    {width: 100%;
    display: block;
    padding: 20px 0;}

    a.news_next_btn>div
    {width: 100%;
    display: flex;
    align-items: center;}

    a.news_next_btn>div>p:nth-child(1)
    {width: 90px;
    text-align: center;
    color: #000;}

    p.news_next_txt
    {width: calc(100% - 90px);
    color: #555;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

    /*목록으로*/
    a.product_list_btn
    {width: 150px; height: 50px;
    margin-left: calc(100% - 150px);
    background-color: #ffa200;
    display: block;}

    a.product_list_btn p
    {text-align: center; line-height: 48px;
    color: #fff;}

    /*서비스-홈페이지*/
    div.homepage_service
    {width: 100%;
    margin-top: 80px;}

    /*서비스 - 라벨 박스*/
    div.service_label_box {display: none;}

    div.service_label_box_mobile
    {width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
    position: relative;
    z-index: 3;
    cursor: pointer;}

    div.service_label_box_mobile>div
    {width: 100%; height: 50px;
    border: 1px solid #ddd; box-sizing: border-box;
    background: url(../img/label_chack_icon.png) right 10px center no-repeat;
    background-size: 20px;}

    div.service_label_box_mobile>div>p 
    {width: calc(100% - 20px);
    margin: 0 auto;
    font-size: 18px;
    line-height: 50px; font-family: bold;
    color: #ffa200;}

    ul.service_label_box_mobile_sheet
    {width: 100%;
    display: none;
    position: absolute;
    top: 50px; left: 0;
    border: 1px solid #ddd; box-sizing: border-box;
    border-top: none;
    background-color: #fff;}

    ul.service_label_box_mobile_sheet li
    {height: 50px;
    border-bottom: 1px solid #ddd; box-sizing: border-box;}

    ul.service_label_box_mobile_sheet li>a>p
    {width: calc(100% - 20px);
    margin: 0 auto;
    line-height: 50px;
    color: #333;}

    ul.service_label_box_mobile_sheet li:last-child
    {border-bottom: none;}

    /*서비스 메인*/
    div.homepage_service_visual
    {width: 100%;
    padding: 50px 0;
    background-color: #232323;
    margin-bottom: 50px;}

    div.homepage_service_visual_cont_box
    {width: fit-content;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s;}

    div.homepage_service_visual_cont_box.on
    {opacity: 1;
    transform: translateY(0);}

    div.homepage_service_visual_icon
    {width: 150px;
    margin-right: 30px;}

    div.homepage_service_visual_icon img
    {width: 100%; height: 100%;
    object-fit: cover;
    animation-name: rotateimage;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;}

    @keyframes rotateimage {

        0% {transform: rotate(0);}
        50% {transform: rotate(180deg);}
        100% {transform: rotate(0);}

    }

    div.homepage_service_visual_txt_cont
    {width: calc(100% - 180px);}

    div.homepage_service_visual_txt_cont>p:nth-child(1)
    {font-size: 26px; 
    line-height: 40px;
    color: #fff;
    margin-bottom: 30px;}

    div.homepage_service_visual_txt_cont>p:nth-child(1)>span
    {padding-bottom: 5px;
    font-family: bold;
    font-size: 30px;
    border-bottom: 1px solid #fff; box-sizing: border-box;}

    div.homepage_service_visual_txt_cont>p:nth-child(2)
    {font-size: 18px; line-height: 32px;
    color: #ddd;}

    div.homepage_service_visual_txt_cont>p:nth-child(2)>span
    {font-family: bold; font-size: 28px;}
    

    /*서비스 - 골드브릿지 인*/
    div.homepage_service_people
    {width: 100%;
    transition: all 1s;
    opacity: 0;
    transform: translateY(30px);}

    div.homepage_service_people.on
    {transform: translateY(0);
    opacity: 1;}

    div.homepage_service_people_title
    {width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;}

    div.homepage_service_people_title p
    {font-size: 26px;
    word-break: keep-all; 
    line-height: 35px;
    color: #000;}

    div.homepage_service_people_title p:nth-child(1) 
    {font-family: bold;
    font-size: 30px;}

    div.homepage_service_people_title p:nth-child(2)
    {margin-bottom: 15px; line-height: 35px;}

    div.homepage_service_people_title p:nth-child(2)>span 
    {font-family: bold;
    font-size: 30px;
    border-bottom: 2px solid #000; box-sizing: border-box;}

    div.homepage_service_people_title p:nth-child(3)
    {font-size: 16px; line-height: 23px; color: #555;}

    div.homepage_service_people_cont {display: none;}

    div.homepage_service_people_cont_mobile
    {width: 95%;
    margin-left: 5%;}

    div.homepage_service_people_item_mobile
    {width: 100%; height: 410px;
    border: 1px solid #ddd; box-sizing: border-box;
    border-radius: 10px;
    padding: 5% 0;
    position: relative;
    cursor: pointer;}

    div.homepage_service_people_item_mobile_box
    {width: 90%;
    margin: 0 auto;}

    div.homepage_service_people_item_mobile_box>p:nth-child(1)
    {font-family: 'min_bold';
    line-height: 20px; color: #000;
    margin-bottom: 10px;}

    div.homepage_service_people_item_mobile_box>p:nth-child(2)
    {font-size: 20px; font-family: bold; line-height: 25px;
    color: #000;
    margin-bottom: 15px;}

    div.homepage_service_people_item_mobile_box>p:nth-child(3)
    {width: 100%;
    word-break: keep-all;
    line-height: 23px; color: #555;
    margin-bottom: 30px;}


    div.homepage_people_icon_m
    {width: 70%;
    position: absolute;
    right: 0; bottom: 5%;}

    div.homepage_people_icon_m img
    {width: 100%; height: auto;}

    div.homepage_people_icon_m_mini
    {width: 80%;
    position: absolute;
    right: 0; bottom: 5%;}

    div.homepage_people_icon_m_mini img
    {width: 100%; height: auto;}
    

    /*서비스 - 홈페이지 약속*/
    div.homepage_service_work
    {width: 90%;
    margin: 50px auto;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s;}

    div.homepage_service_work.on
    {opacity: 1;
    transform: translateY(0);}

    div.homepage_service_work_title
    {width: 100%;
    margin-bottom: 30px;}

    div.homepage_service_work_title>p:nth-child(1)
    {font-size: 26px; line-height: 32px;
    color: #000;
    word-break: keep-all;
    margin-bottom: 10px;}

    div.homepage_service_work_title>p:nth-child(1) span
    {font-size: 30px; font-family: bold;
    border-bottom: 2px solid #000; box-sizing: border-box;
    margin-bottom: 3px;
    display: inline-block;}

    div.homepage_service_work_title>p:nth-child(2)
    {width: 100%;
    word-break: keep-all;
    line-height: 23px; color: #555;}

    div.homepage_service_work_ex
    {width: 100%;}

    div.homepage_service_work_icon {display: none;}

    div.homepage_service_work_box
    {width: 100%;}

    div.homepage_service_work_cont:nth-child(1)
    {border-top: 1px solid #ddd; box-sizing: border-box;}

    div.homepage_service_work_cont
    {width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid #ddd; box-sizing: border-box;}

    div.homepage_service_work_cont p:nth-child(1)
    {font-size: 18px; font-family: bold;
    line-height: 20px; color: #ffa200;
    margin-bottom: 10px;}

    div.homepage_service_work_cont p:nth-child(2)
    {width: 100%;
    word-break: keep-all;
    color: #555; line-height: 23px;}

    /*서비스 - 홈페이지 프로세스*/
    div.homepage_service_process
    {width: 90%;
    margin: 50px auto;
    transform: translateY(30px);
    opacity: 0;
    transition: all 1s;}

    div.homepage_service_process.on
    {transform: translateY(0);
    opacity: 1;}

    div.process_service_title
    {width: 100%;
    margin-bottom: 30px;}

    div.process_service_title>p:nth-child(1)
    {font-size: 30px; line-height: 35px;
    font-family: bold; color: #000;
    margin-bottom: 10px;}

    div.process_service_title>p:nth-child(2)
    {color: #555; line-height: 23px;}

    div.process_service_title>p:nth-child(3) {display: none;}

    div.process_cont_ex
    {width: 100%;
    padding: 50px 0;
    border-left: 1px solid #ddd; box-sizing: border-box;}

    div.process_cont_item
    {width: calc(100% - 30px);
    margin-left: 30px;
    margin-bottom: 80px;
    position: relative;}

    div.process_cont_item:last-child
    {margin-bottom: 0;}

    div.process_cont_item::before
    {width: 10px; height: 10px;
    border-radius: 50%;
    display: block;
    content: "";
    background-color: #ffa200;
    position: absolute;
    top: 0; left: -35px;}

    div.process_cont_item p:nth-child(1)
    {line-height: 20px;
    color: #ffa200; font-family: 'min_bold';
    margin-bottom: 10px;}

    div.process_cont_item p:nth-child(2)
    {font-size: 20px; font-family: bold;
    color: #000; line-height: 25px; word-break: keep-all;
    margin-bottom: 20px;}

    div.process_cont_item p:nth-child(3)
    {width: 100%;
    word-break: keep-all; line-height: 23px; color: #555;}

    /*서비스 - 홈페이지 문의하기*/
    div.homepage_service_contact
    {width: 100%;
    padding: 50px 0;
    background-color: #232323;}

    div.homepage_service_contact_box
    {width: 90%;
    margin: 0 auto;
    transform: translateY(30px);
    transition: all 1s;
    opacity: 0;}

    div.homepage_service_contact_box.on
    {opacity: 1;
    transform: translateY(0);}

    div.homepage_service_contact_cont_left
    {width: 100%;}

    div.homepage_service_contact_cont_left_title
    {width: 100%;
    margin-bottom: 30px;}

    div.homepage_service_contact_cont_left_title p
    {font-size: 22px; line-height: 30px;
    font-family: bold; color: #fff;
    word-break: keep-all;}

    div.homepage_service_contact_cont_left_link
    {width: 100%;}

    div.homepage_service_contact_cont_left_link a
    {display: flex;
    align-items: center;
    margin-bottom: 10px;}

    div.homepage_service_contact_cont_left_link a>p:nth-child(1)
    {width: fit-content;
    max-width: calc(100% - 35px);
    line-height: 25px; margin-right: 10px;
    color: #ddd;}

    div.homepage_service_contact_cont_left_link a>p:nth-child(2)
    {width: 25px; height: 25px;
    border-radius: 50%;
    border: 1px solid #ddd; box-sizing: border-box;
    text-align: center; line-height: 22px;
    color: #ddd;}

    div.homepage_service_contact_cont_left_link a>p:nth-child(1)>span
    {font-family: bold;}

    div.homepage_service_contact_cont_right
    {display: none;}


    /*서비스 - 여행앱*/
    div.service_trave
    {width: 100%;
    margin: 80px 0;
    margin-bottom: 0;}

    div.service_travel_information
    {width: 100%;
    margin-bottom: 50px;}
    
    /*타이틀*/
    div.service_travel_information_title
    {width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;}

    div.service_travel_information_title>p:nth-child(1)
    {font-family: 'min_bold';
    line-height: 20px; color: #333;
    margin-bottom: 10px;}

    div.service_travel_information_title>p:nth-child(2)
    {font-size: 26px;
    line-height: 30px;
    word-break: keep-all;
    color: #000;}

    div.service_travel_information_title>p:nth-child(2)>span
    {font-family: bold;}

    div.service_travel_information_title>p:nth-child(3)
    {font-size: 26px;
    line-height: 30px;
    word-break: keep-all;
    color: #000;}

    div.service_travel_information_title>p:nth-child(3)>span
    {font-family: bold;}

    div.service_travel_information_cont
    {width: 95%;
    margin-left: 5%;
    padding: 30px 0;
    background-color: #f3f3f3;
    opacity: 0;
    transform: translateY(15px);}

    div.service_travel_information_cont.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in;}

    div.service_travel_information_cont_box
    {width: 90%;
    margin: 0 auto;}

    div.service_travel_information_cont_icon_item
    {width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;}

    div.service_travel_information_cont_icon_item_box
    {width: 120px;
    max-width: calc(50% - 40px);}

    div.service_travel_information_cont_icon_item_box>div:nth-child(1)
    {width: 80px; height: 80px;
    margin: 0 auto;
    margin-bottom: 10px;}

    div.service_travel_information_cont_icon_item_box>div:nth-child(1) img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.service_travel_information_cont_icon_item_box>p:nth-child(2)
    {text-align: center;
    color: #000;
    line-height: 23px;
    word-break: keep-all;}

    div.service_travel_information_cont_icon_item_box>p:nth-child(2)>span
    {font-family: bold;
    color: #ffa200;}

    div.service_travel_information_cont_icon_item>p:nth-child(2)
    {width: 40px;
    text-align: center;
    font-size: 32px; line-height: 32px;
    margin: 0 20px;}

    div.service_travel_information_cont_txt_item
    {width: 100%;}

    div.service_travel_information_cont_txt_item p
    {word-break: keep-all;
    color: #333;
    line-height: 20px; font-size: 15px;}

    div.service_travel_information_cont_txt_item p:nth-child(1)
    {font-size: 18px;
    line-height: 25px;
    margin-bottom: 5px; color: #000;}

    div.service_travel_information_cont_txt_item p:nth-child(1)>span
    {font-family: bold;}

    /*여행사 고민*/
    div.service_travel_worry
    {width: 90%;
    margin: 50px auto;}

    div.service_travel_worry_title
    {width: 100%;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(15px);}

    div.service_travel_worry_title.on
    {transition: 1s ease-in;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_worry_title>div:nth-child(1)
    {width: 1px; height: 50px;
    background-color: #5d5d5d;
    margin: 0 auto;
    margin-bottom: 15px;}

    div.service_travel_worry_title>p
    {text-align: center;
    font-size: 24px; line-height: 32px;
    color: #000;}

    div.service_travel_worry_title>p>span
    {font-family: bold;}

    div.service_travel_worry_item
    {width: 100%;
    padding: 30px 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.089);
    margin-bottom: 30px;}

    div.service_travel_worry_item:last-child
    {margin-bottom: 0;}

    div.service_travel_worry_txt_cont
    {width: 90%;
    margin: 0 auto;
    margin-bottom: 15px;}

    div.service_travel_worry_item_one
    {opacity: 0;
    transform: translateY(15px);}

    div.service_travel_worry_item_one.on
    {transition: 1s ease-in;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_worry_item_two
    {opacity: 0;
    transform: translateY(15px);}

    div.service_travel_worry_item_two.on
    {transition: 1s 0.3s;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_worry_item_three
    {opacity: 0;
    transform: translateY(15px);}

    div.service_travel_worry_item_three.on
    {transition: 1s 0.6s;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_worry_txt_cont>p:nth-child(1)
    {width: 100%;
    font-size: 20px;
    word-break: keep-all;
    font-family: bold;
    line-height: 32px; color: #000;
    margin-bottom: 10px;}

    div.service_travel_worry_txt_cont>p:nth-child(1)>span
    {background-color: #ffa200;
    color: #fff;
    padding: 5px;}

    div.service_travel_worry_txt_cont>p:nth-child(2)
    {word-break: keep-all;
    line-height: 23px; color: #333;}

    div.service_travel_worry_txt_cont>p:nth-child(3)
    {word-break: keep-all;
    line-height: 23px; color: #333;}

    div.service_travel_worry_image_cont
    {width: 170px; height: 170px;
    margin-left: calc(100% - 170px);}

    div.service_travel_worry_image_cont img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.service_travel_worry_image_cont_02
    {width: 170px; height: 170px;
    margin-left: calc(100% - 170px);}

    div.service_travel_worry_image_cont_02 img
    {width: 100%; height: 100%;
    object-fit: cover;}

    /*솔루션 01*/
    div.service_travel_solve_one
    {width: 100%;
    padding: 50px 0;
    background-color: #f3f3f3;}

    div.service_travel_solve_one_cont
    {width: 90%;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(15px);}

    div.service_travel_solve_one_cont.on
    {transition: 1s 0.3s ease-in;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_solve_one_txt_box
    {width: 100%;}

    div.service_travel_solve_one_txt_box_title
    {width: 100%;
    margin-bottom: 20px;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(1)
    {margin-bottom: 10px;
    font-family: bold; color: #ffa200; line-height: 20px;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(2)
    {font-size: 26px;
    color: #000;
    line-height: 30px;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(3)
    {font-size: 26px;
    color: #000;
    font-family: bold;
    line-height: 30px;}

    div.service_travel_solve_one_txt_box_txt_item
    {width: 100%;
    margin-bottom: 30px;}

    div.service_travel_solve_one_txt_box_txt_item p
    {line-height: 23px;
    word-wrap: break-word;
    word-break: keep-all;
    color: #333;}

    div.service_travel_solve_one_txt_box_txt_item p:nth-child(1)
    {margin-bottom: 5px;}

    div.service_travel_solve_one_image_box
    {width: 450px;
    margin: 0 auto;
    max-width: 100%;}

    div.service_travel_solve_one_image_box img
    {width: 100%; height: auto;}


    /*솔루션 02*/
    div.service_travel_solve_two
    {width: 90%;
    margin: 50px auto;
    opacity: 0;
    transform: translateY(15px);}

    div.service_travel_solve_two.on
    {transition: 1s 0.3s ease-in;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_solve_two_image_box
    {width: 300px;
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;}

    div.service_travel_solve_two_txt_box
    {width: 100%;}

    div.service_travel_solve_two_txt_box_title
    {width: 100%;
    margin-bottom: 30px;}

    div.service_travel_solve_two_txt_box_title>p:nth-child(1)
    {text-align: right;
    margin-bottom: 15px;
    font-family: bold; color: #ffa200; line-height: 20px;}

    div.service_travel_solve_two_txt_box_title>p:nth-child(2)
    {font-size: 26px;
    color: #000;
    text-align: right;
    line-height: 30px;}

    div.service_travel_solve_two_txt_box_title>p:nth-child(3)
    {font-size: 26px;
    color: #000;
    font-family: bold;
    text-align: right;
    line-height: 30px;}

    div.service_travel_solve_two_txt_box_txt_item
    {width: 100%;}

    div.service_travel_solve_two_txt_box_txt_item p
    {text-align: right;
    line-height: 23px; 
    word-wrap: break-word;
    word-break: keep-all;
    color: #333;}

    div.service_travel_solve_two_txt_box_txt_item p:nth-child(1)
    {margin-bottom: 5px;}

    /*솔루션 03*/
    div.service_travel_solve_three
    {width: 100%;
    padding: 50px 0;
    background-color: #f3f3f3;}

    div.service_travel_solve_three_cont
    {width: 90%;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(15px);}

    div.service_travel_solve_three_cont.on
    {transition: 1s ease-in;
    opacity: 1;
    transform: translateY(0);}

    div.service_travel_solve_three_txt_box
    {width: 100%;}

    div.service_travel_solve_three_txt_box_title
    {width: 100%;
    margin-bottom: 20px;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(1)
    {margin-bottom: 10px;
    font-family: bold; color: #ffa200; line-height: 20px;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(2)
    {font-size: 26px;
    color: #000;
    line-height: 30px;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(3)
    {font-size: 26px;
    color: #000;
    font-family: bold;
    line-height: 30px;}

    div.service_travel_solve_three_txt_box_txt_item
    {width: 100%;
    margin-bottom: 30px;}

    div.service_travel_solve_three_txt_box_txt_item p
    {line-height: 23px; 
    word-wrap: break-word;
    word-break: keep-all;
    color: #333;}

    div.service_travel_solve_three_txt_box_txt_item p:nth-child(1)
    {margin-bottom: 5px;}

    div.service_travel_solve_three_image_box
    {width: 420px;
    margin: 0 auto;
    max-width: 90%;}

    div.service_travel_solve_three_image_box img
    {width: 100%; height: auto;}


    /*여행앱 문의하기*/
    div.service_travel_contect
    {width: 100%;
    padding: 50px 0;
    background-color: #232323;}

    div.service_travel_contect_box
    {width: 90%;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(15px);}

    div.service_travel_contect_box.on
    {transition: 1s ease-in;
    transform: translateY(0);
    opacity: 1;}

    div.service_travel_contect_title_box
    {width: 100%;}

    div.service_travel_contect_title
    {width: 100%;
    margin-bottom: 30px;}

    div.service_travel_contect_title>p
    {width: 100%;
    word-break: keep-all;
    line-height: 28px;
    font-family: bold;
    font-size: 20px; color: #fff;}

    div.service_travel_contect_image_box
    {display: none;}


    /*쇼핑몰 - 컨텐츠 01*/
    div.shoppingmall_cont_01_ex
    {width: 100%;
    margin-bottom: 50px;}

    div.shoppingmall_cont_01_title
    {width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;}

    div.shoppingmall_cont_01_title p
    {font-size: 26px;
    word-wrap: break-word;
    word-break: keep-all;
    line-height: 35px; color: #000;}

    div.shoppingmall_cont_01_title p span
    {font-family: bold; padding-bottom: 2px;
    border-bottom: 2px solid #000; box-sizing: border-box;}

    div.shoppingmall_cont_01_box
    {width: 95%;
    margin-left: 5%;
    padding: 30px 0;
    background-color: #f1f1f1;}

    div.shoppingmall_cont_01
    {width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    opacity: 0;}

    div.shoppingmall_cont_01.on
    {transition: 1s 0.3s;
    opacity: 1;}

    div.shoppingmall_cont_01_mini
    {width: 49%;
    margin-bottom: 25px;
    margin-right: 2%;}

    div.shoppingmall_cont_01_mini:nth-child(2n+2)
    {margin-right: 0;}

    div.shoppingmall_cont_01_mini:nth-child(1n+3)
    {margin-bottom: 0;}

    div.shoppingmall_cont_01_mini>div:nth-child(1)
    {width: 100px; height: 100px;
    margin-bottom: 20px;}

    div.shoppingmall_cont_01_mini>div:nth-child(1) img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.shoppingmall_cont_01_mini_text_box
    {width: 100%;}

    div.shoppingmall_cont_01_mini_text_box p
    {word-wrap: break-word;
    word-break: keep-all;}

    div.shoppingmall_cont_01_mini_text_box p:nth-child(1)
    {font-family: bold; font-size: 18px; line-height: 23px;
    color: #000;
    margin-bottom: 10px;}

    div.shoppingmall_cont_01_mini_text_box p:nth-child(2)
    {font-size: 15px; line-height: 20px;
    color: #232323;}


    /*쇼핑몰 컨텐츠 02 타이틀*/
    div.service_shoppingmall_title_02
    {width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
    opacity: 0;
    transform: translateY(30px);}

    div.service_shoppingmall_title_02.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s;}

    div.service_shoppingmall_title_02>div:nth-child(1)
    {width: 1px; height: 50px;
    background-color: #5d5d5d;
    margin: 0 auto;
    margin-bottom: 15px;}

    div.service_shoppingmall_title_02>p
    {text-align: center;
    font-size: 24px; line-height: 32px;
    color: #000;}

    div.service_shoppingmall_title_02>p>span
    {font-family: bold;}


    /*쇼핑몰 컨텐츠 02*/
    div.shoppingmall_cont_02_ex
    {width: 100%;
    margin-bottom: 50px;}

    div.shoppingmall_cont_02
    {width: 100%;}

    div.shoppingmall_cont_02:nth-child(2)
    {display: flex;
    flex-direction: column;}

    div.shoppingmall_cont_02:nth-child(2) .sp_cont_02_image_02
    {order: 1;}

    div.shoppingmall_cont_02:nth-child(2) .shoppingmall_cont_02_text_box
    {order: 2;}

    div.shoppingmall_cont_02:nth-child(4)
    {display: flex;
    flex-direction: column;}

    div.shoppingmall_cont_02:nth-child(4) .sp_cont_02_image_04
    {order: 1;}

    div.shoppingmall_cont_02:nth-child(4) .shoppingmall_cont_02_text_box
    {order: 2;}

    div.shoppingmall_cont_02_image_box
    {width: 100%;
    position: relative;}

    div.shoppingmall_cont_02_image_box::before
    {content: "";
    display: block;
    padding-bottom: 100%;}

    div.shoppingmall_cont_02_image_box:nth-child(2n+1)::before
    {background-color: #f1f1f1;}

    div.shoppingmall_cont_02_image_box:nth-child(2n+2)::before
    {background-color: #2c2c2c;}

    div.shoppingmall_cont_02_image_box img
    {width: 90%;
    position: absolute;
    top: 5%; left: 5%;
    opacity: 0;
    transform: translateY(30px);}

    div.sp_cont_02_image_01 img.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.sp_cont_02_image_02 img.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.sp_cont_02_image_03 img.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.sp_cont_02_image_04 img.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.sp_cont_02_image_03 img
    {width: 100%;
    position: absolute;
    top: 0; left: 0;}

    div.sp_cont_02_image_04 img
    {width: 100%;
    position: absolute;
    top: 0; left: 0;}

    div.shoppingmall_cont_02_text_box
    {width: 90%;
    margin: 100px auto;
    opacity: 0;
    transform: translateY(30px);}

    div.sp_cont_02_text_01.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.sp_cont_02_text_02.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.sp_cont_02_text_03.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.sp_cont_02_text_04.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s 0.3s;}

    div.shoppingmall_cont_02_text_box>div
    {width: 100%;}

    div.shoppingmall_cont_02_text_box>div p
    {word-wrap: break-word;
    word-break: keep-all;}

    div.shoppingmall_cont_02_text_box>div>p:nth-child(1)
    {font-family: 'min_bold';
    line-height: 20px; color: #ffa200;
    margin-bottom: 10px;}

    div.shoppingmall_cont_02_text_box>div>p:nth-child(2)
    {font-size: 26px;
    line-height: 35px;
    color: #000; font-family: bold;
    margin-bottom: 20px;}

    div.shoppingmall_cont_02_text_box>div>p:nth-child(3)
    {line-height: 23px;
    color: #232323;}


    /*문의하기*/
    div.shoppingmall_contect
    {width: 100%;
    padding: 50px 0;
    background-color: #232323;}

    div.shoppingmall_contect_cont_text
    {width: 90%;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(30px);}

    div.shoppingmall_contect_cont_text.on
    {opacity: 1;
    transform: translateY(0);
    transition: 1s;}

    div.shoppingmall_contect_cont_title
    {width: 100%;
    margin-bottom: 30px;}

    div.shoppingmall_contect_cont_title p
    {font-size: 20px; font-family: bold;
    color: #fff; line-height: 28px;}


}
@media screen and (max-width: 600px)
{   
    /*메인 팝업*/
    div.main_popup_ex
    {width: 90%;}

    /*비주얼*/
    div.main_visual_cont_back_txt>p:nth-child(1)
    {width: 100%;
    font-size: 16px; font-family: 'min_bold'; color: #fff;
    line-height: 20px;
    margin-bottom: 10px;}

    div.main_visual_cont_back_txt>p:nth-child(2)
    {width: 100%;
    font-size: 28px; color: #fff; line-height: 40px;
    word-break: keep-all;
    margin-bottom: 30px;}

    div.main_visual_cont_back_txt>p:nth-child(2) span 
    {font-family: bold; font-size: 32px;}

    div.main_visual_cont_back_txt>p:nth-child(3)
    {width: 100%;
    font-size: 16px; line-height: 25px;
    word-break: keep-all;
    color: #fff;}

    /*서비스*/
    section.main_service_zon
    {width: 100%;
    padding: 80px 0;
    background: #f4f5f8;}

    div.main_service_title
    {width: 90%;
    margin: 0 auto;
    margin-bottom: 40px;}


    /*메인 프로젝트*/
    div.main_portfolio_title_box
    {display: inherit;
    overflow: hidden;}

    div.main_portfolio_title_box>p:nth-child(1)
    {width: 100%;
    max-width: 100%;
    margin-bottom: 15px;}

    a.main_portfolio_more_btn
    {float: right;}

    /*뉴스*/
    div.main_news_title_box
    {display: inherit;
    overflow: hidden;}

    div.main_news_title_box>p:nth-child(1)
    {width: 100%;
    max-width: 100%;
    margin-bottom: 15px;}

    a.main_news_more_btn
    {float: right;}

    div.main_news_cont_image
    {width: 60%; height: 60vw;}

    
    /*서브페이지*/
    div.sub_visual_ex
    {width: 100%; height: 250px;
    position: relative;
    overflow: hidden;}

    div.sub_visual_ex>p:nth-child(2)
    {font-size: 32px;
    white-space: nowrap;}

    /*뉴스페이지*/
    a.news_cont_top_product
    {width: 90%;
    margin: 0 5%;
    display: block;
    margin-right: 0; margin-bottom: 20px;}

    a.news_cont_top_product>p:nth-child(2)
    {height: fit-content;}

    /*목록으로*/
    a.product_list_btn
    {width: 100%; height: 50px;
    margin-left: 0;
    background-color: #ffa200;
    display: block;}
    

    /*서비스 - 홈페이지*/
    div.homepage_service_visual_cont_box
    {width: 90%;
    display: inherit;}

    div.homepage_service_visual_icon
    {margin-right: 0;
    margin-bottom: 30px;}

    div.homepage_service_visual_txt_cont
    {width: 100%;}

    div.homepage_service_visual_txt_cont>p:nth-child(1)
    {font-size: 22px; 
    line-height: 30px;
    color: #fff;
    word-break: keep-all;
    margin-bottom: 20px;}

    div.homepage_service_visual_txt_cont>p:nth-child(1)>span
    {font-size: 24px;}

    div.homepage_service_visual_txt_cont>p:nth-child(2)
    {width: 100%;
    display: block; font-size: 16px;
    color: #fff; line-height: 25px;
    word-break: keep-all;}

    div.homepage_service_visual_txt_cont>p:nth-child(2)>span
    {font-family: bold; font-size: 16px;}

    div.homepage_service_people_title p:nth-child(2)>span 
    {display: block;
    width: fit-content;}

    div.homepage_service_people_item_mobile
    {height: 390px;}

    div.homepage_people_icon_m
    {width: 170px;}

    div.homepage_people_icon_m_mini
    {width: 190px;}


    /*솔루션*/
    div.service_travel_solve_one_txt_box_txt_item
    {width: 100%;}

    div.service_travel_solve_two_txt_box_txt_item
    {width: 100%;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(2)
    {font-size: 20px;
    line-height: 25px;}

    div.service_travel_solve_one_txt_box_title>p:nth-child(3)
    {font-size: 20px;
    line-height: 25px;}

    div.service_travel_solve_two_txt_box_title>p:nth-child(2)
    {font-size: 20px;
    line-height: 25px;}

    div.service_travel_solve_two_txt_box_title>p:nth-child(3)
    {font-size: 20px;
    line-height: 25px;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(2)
    {font-size: 20px;
    line-height: 25px;}

    div.service_travel_solve_three_txt_box_title>p:nth-child(3)
    {font-size: 20px;
    line-height: 25px;}


    /*쇼핑몰*/
    div.shoppingmall_cont_01_mini
    {width: 100%;
    margin-bottom: 25px;
    margin-right: 0;}

    div.shoppingmall_cont_01_mini:nth-child(2n+2)
    {margin-right: 0;}

    div.shoppingmall_cont_01_mini:nth-child(1n+3)
    {margin-bottom: 25px;}

    div.shoppingmall_cont_01_mini:last-child {margin-bottom: 0;}

    div.service_shoppingmall_title_02>p
    {word-wrap: break-word;
    word-break: keep-all;}

    div.shoppingmall_cont_02_text_box
    {margin: 50px auto;}
}
@media screen and (max-width: 319px)
{
    div.homepage_service_people_item_mobile
    {height: 425px;}

    div.service_travel_worry_title>p
    {width: 90%;
    margin: 0 auto;}

    div.shoppingmall_cont_01_title p span
    {margin-bottom: 2px;
    display: inline-block;}

}
@media screen and (max-width: 375px)
{
    div.shoppingmall_cont_01_title p
    {font-size: 22px; line-height: 30px;}

    div.service_shoppingmall_title_02>p
    {font-size: 22px; line-height: 30px;}
}


/* 에러페이지 */
.errer_page_ex
{width:100% ; height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
background: #fff;}

.errer_page_ex h2
{font-family: 'bold';
margin-bottom: 8px;
font-size: 40px;
color: #ffa200;}

nav.web_header_lib_cont ul li a p.on
{color: #191919;}

.errer_page_ex a.product_list_btn 
{margin-left: 0;
margin: 0 auto;}

.error_top
{font-size: 20px;
margin-bottom: 10px;
font-family: 'min_bold';
margin-bottom: 32px;}

.error_bottom
{font-size: 16px; line-height: 20px;
margin-bottom: 50px;}

/* 포트폴리오 디테일페이지 */
.portfolio_detail_title_ex
{display: flex;
margin-bottom: 80px;}

.portfolio_detail_title
{width: calc(100% - 400px);}

.portfolio_detail_title>h2
{color: #191919;
font-size: 48px;
font-family: 'bold';
margin-bottom: 60px;} 

.portfolio_detail_title>p
{font-size: 20px;
line-height: 30px;
color: #999;}

.portfolio_detail_info
{width: 400px;}

.portfolio_detail_info ul li
{margin-bottom: 60px;}

.portfolio_detail_info ul li div:first-child
{font-family: 'bold';
font-size: 20px; line-height: 20px;
padding-bottom: 20px;
border-bottom: 2px solid #191919;}

.portfolio_detail_info ul li div:nth-child(2)
{font-size: 16px; line-height: 20px;
padding-top: 20px;
color: #555;}

.portfolio_bottomtext a
{display: inline-block;
font-size: 15px; line-height: 20px;
color: #999;
border: 1px solid #ccc;
padding:0 10px;
border-radius: 50px;
text-align: right;
margin-left: 20px;
transition: all 0.3s;}

.portfolio_bottomtext a:hover
{border: 1px solid #ffa200;
background: #ffa200;
color: #fff;}
 
.portfolio_detail_content p img
{width: 100%; max-width:100%;
height: auto !important;
margin: 0 auto;
border-radius: 50%;}

.portfolio_detail_content p img.on
{max-width: 1000px;
height: auto !important;
transition: all 1.5s;
border-radius: 0;}

.portfolio_video_content
{width: 100%;
height: 0;
position: relative;
padding-top: 41%;}

.portfolio_video_content iframe
{width: 100%; max-width:1000px; 
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;}

.portfolio_detail_btn
{display: flex;
width: fit-content;
margin: 0 auto;
margin-top:50px;}

.portfolio_detail_btn a.product_list_btn
{margin-left: 0;}

.portfolio_detail_btn a.product_list_btn:first-child
{margin-right: 30px;}

/* 포트폴리오 페이지 */
.portfolio_title 
{text-align: center;
margin-bottom: 56px;}

.portfolio_title h2
{font-size: 50px;
font-family: 'bold';
line-height: 50px;
margin-bottom: 28px;}

.portfolio_title p
{font-size: 20px;
line-height: 30px;
word-break: break-word;}

.portfolio_title p span
{font-family: 'min_bold';
color: #ffa200;}

.portfolio_nav
{margin-bottom: 80px;}

.portfolio_nav>ul
{width: fit-content;
display: flex;
margin: 0 auto;}

.portfolio_nav>ul>li
{font-size: 18px;
margin-right: 40px;
cursor: pointer;
position: relative;}

.portfolio_nav>ul>li::before
{position: absolute;
bottom: -14px; left: 0;
width: 0%; height: 3px;
background: #ffa200;
content: '';
transition: all 0.3s;}

.portfolio_nav>ul>li.active::before,
.portfolio_nav>ul>li:hover::before
{position: absolute;
bottom: -14px; left: 0;
width: calc(100% + 10px); height: 3px;
background: #ffa200;
border-radius: 2px;
content: '';}

.portfolio_nav>ul>li p
{transition: all 0.3s;}

.portfolio_nav>ul>li:hover p
{color: #ffa200;
transition: all 0.3s;}

.portfolio_nav>ul>li.active p
{color: #ffa200;
font-family: 'bold';}

.portfolio_sheet
{display: none;}

.portfolio_sheet.active
{display: block;}

/* 포트폴리오 목록 */
.portfolio_sheet>ul 
{display: flex;
flex-wrap: wrap;
border-top: 1px solid #191919;
box-sizing: border-box;
position: relative;
margin-bottom: 100px;}

.portfolio_sheet>ul::before
{content: '';
left: 0; bottom: 0;
width: 100%; height: 1px;
background: #191919;
position: absolute;}

.portfolio_sheet>ul li
{width: calc(100% / 3);
border-bottom: 1px solid #191919;
box-sizing: border-box;}

.portfolio_sheet>ul li a
{width: 90%;
margin: 0 auto;
display: flex;
padding: 36px 0 20px 0;
flex-wrap: wrap;}

.portfolio_sheet>ul li a .portfolio_imgbox
{width: 100%; height:0;
overflow: hidden;
padding-bottom: 64%;
margin-bottom: 20px;
position: relative;}

.portfolio_sheet>ul li a .portfolio_imgbox img
{width: 100%; height:100%;
position: absolute;
left: 0; top: 0;
transition: all 0.5s;}

.portfolio_hoverbox
{width: 100%; height:0;
overflow: hidden;
padding-bottom: 64%;
margin-bottom: 20px;
position: relative;
box-sizing: border-box;}

/* 사진호버효과 */
.portfolio_sheet>ul li a .portfolio_imgbox::before,
.portfolio_sheet>ul li a .portfolio_imgbox::after
{width: 0px; height: 0;
content: '';
position: absolute;
background: #ffa200;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
z-index: 1;
opacity: 0;}

.portfolio_sheet>ul li a .portfolio_imgbox::before
{left: 0;}

.portfolio_sheet>ul li a .portfolio_imgbox::after
{right: 0;
bottom: 0;}

.portfolio_sheet>ul li a:hover .portfolio_imgbox::before,
.portfolio_sheet>ul li a:hover .portfolio_imgbox::after
{width: 8px; height: 30px;
opacity: 1;}

.portfolio_sheet>ul li a .portfolio_imgbox .portfolio_hoverbox::before,
.portfolio_sheet>ul li a .portfolio_imgbox .portfolio_hoverbox::after
{width: 0px; height: 0px;
content: '';
position: absolute;
background: #ffa200;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
z-index: 1;
opacity: 0;}

.portfolio_sheet>ul li a .portfolio_imgbox .portfolio_hoverbox::before
{left: 0;
top: 0;}

.portfolio_sheet>ul li a .portfolio_imgbox .portfolio_hoverbox::after
{right: 0;
bottom: 0;}

.portfolio_sheet>ul li a:hover .portfolio_imgbox .portfolio_hoverbox::before,
.portfolio_sheet>ul li a:hover .portfolio_imgbox .portfolio_hoverbox::after
{width: 30px; height: 8px;
opacity: 1;}

.portfolio_sheet>ul li a:hover .portfolio_imgbox img
{scale: 1.05;}

.portfolio_sheet>ul li a:hover h3
{color: #ffa200;}

.portfolio_sheet>ul li a h3
{width: 100%;
font-family: 'bold';
font-size: 22px;
size: 20px;
color: #191919;
transition: all 0.3s;}

.portfolio_sheet>ul li a h3 span
{display: inline-block;
margin-left: 20px;
font-size: 16px;
color: #999;
font-family: 'Pretendard';}

.no_portfolio
{padding: 100px 0 100px 0;
text-align: center;
border-top: 1px solid #191919;
border-bottom: 1px solid #191919;}

/* 문의하기 페이지*/
.maintain_ex
{width: 100%; max-width: 1000px;
margin: 100px auto;}

.maintain_info_box
{margin-bottom: 50px;}

.maintain_info_title
{display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;}

.maintain_info_title>div
{display: flex;
align-items: center;}

.maintain_info_title h3
{font-size: 24px;
line-height: 30px;
margin-bottom: 0;
font-family: 'bold';}

.maintain_info_title>div>p
{font-size: 14px;
line-height: 30px;
color: #999;
margin-left: 20px;}

.maintain_info_title>p
{font-size: 14px;
color: red;}

.maintain_input_box
{display: flex;
flex-wrap: wrap;
justify-content: space-between;}

.require_input
{width: calc(50% - 20px);
margin-bottom: 20px;
position: relative;}

.require_input::before
{content: '＊';
position: absolute;
right: 5px;  top: 12.5px;
font-family: 'bold';
font-size: 20px;line-height: 20px;
color: red;}

.require_input>input
{width: 100%; height: 45px;
text-indent: 10px;
border: 1px solid #999;}

.maintain_input_box>input
{width: calc(50% - 20px); height: 45px;
text-indent: 10px;
border: 1px solid #999;
margin-bottom: 20px;}

.ck-editor__editable 
{ width: 1000px; height: 300px;
margin-bottom: 20px;
border: 1px solid #999; }
.ck-content { font-size: 12px; }

.require_input>input::placeholder,
.maintain_input_box>input::placeholder,
.maintain_input_box>textarea::placeholder
{font-size: 14px;
color: #999;}

.required_input_box>input
{position: relative;}

.maintain_input_check>div
{display: flex;
align-items: center;
margin-bottom: 30px;}

.maintain_input_check>div>p
{width: 100px;
font-family: 'bold';
font-size: 16px;
line-height: 20px;}

.design_input
{width: calc(100% - 100px);}

.design_input input
{width: 100%; height: 30px;
border: 0;
border-bottom: 1px solid #999;}

.design_input input::placeholder
{font-size: 14px; line-height: 30px;
color: #999;}
    
.maintain_input_check>div>ul>li
{display: inline-block;
margin-right: 20px;
line-height: 20px;}

.maintain_input_check>div> input
{display: none;}

.maintain_input_check>div>ul>li label
{position: relative;
text-indent: 25px;
font-size: 15px;
cursor: pointer;}

.maintain_input_check>div>ul>li label div
{position: relative;}

.maintain_input_check>div>ul>li label div::before
{position: absolute;
content: '';
width: 15px; height: 15px;
border: 1px solid #222;
background: #fff;
left: 0; top: 4.5px;
transition: all 0.3s;}

#web_newopen:checked ~ ul>li:first-child div:before,
#web_renewal:checked ~ ul>li:nth-child(2) div:before,
#web_responsive:checked ~ ul>li:nth-child(3) div:before,
#g_Plan:checked ~ ul>li:first-child div:before,
#g_consulting:checked ~ ul>li:nth-child(2) div:before,
#festival_new:checked ~ ul>li:first-child div:before,
#festival_management:checked ~ ul>li:nth-child(2) div:before,
#maintenance_page_reg:checked ~ ul>li:nth-child(1) div:before,
#maintenance_page_rev:checked ~ ul>li:nth-child(2) div:before,
#maintenance_function_reg:checked ~ ul>li:nth-child(3) div:before,
#maintenance_function_rev:checked ~ ul>li:nth-child(4) div:before,
#maintenance_error_rev:checked ~ ul>li:nth-child(5) div:before,
#maintenance_img_rev:checked ~ ul>li:nth-child(6) div:before
{background: #222;}

.file_announcement_ex
{width: 100%; height: 45px;
box-sizing: border-box;
border: 1px solid #999;
display: flex;
align-items: center;}

#file_announcement
{display: none;}

#upload-name
{width: calc(100% - 120px);
border: 0;
text-indent: 10px;
font-size: 14px;
color: #999;
background:#fff;}

.file_announcement_ex label
{display: block;
width: 120px; height: 45px;
cursor: pointer;
background: #191919;
color: #fff;
line-height: 45px;text-align: center;}

.maintain_privacy_ex label>div
{position: relative;}

.maintain_privacy_ex label>div::before
{position: absolute;
content: '';
width: 15px;
height: 15px;
border: 1px solid #222;
background: #fff;
left: 0;
top: 2px;
transition: all 0.3s;}

.maintain_privacy_ex p
{font-size: 16px; line-height: 20px;
text-indent: 25px;}

.maintain_privacy_ex span
{display: inline-block;
font-size: 14px;
margin-left: 20px;
text-decoration: underline;
color: rgb(0, 162, 255);
cursor: pointer;}

#inquire_privacy_agree
{display: none;}

#inquire_privacy_agree:checked ~ label>div::before
{background: #222;}

.inquire_submit
{text-align: center;
line-height: 48px;
color: #000;
transition: all 0.3s;
width: 150px;
height: 50px;
border: 1px solid #000;
box-sizing: border-box;
display: block;
background: #fff;
margin: 0 auto;
margin-top: 50px;}

.inquire_submit:hover
{background: #ffa200;
color: #fff;
border: 1px solid #ffa200;}

/* 유지보수 비밀번호 입력 */
.maintenance_password_box
{border: 1px solid #191919;
box-sizing: border-box;
width: 100%; max-width: 500px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 30px;
margin-bottom: 50px;}

.maintenance_password_box h2
{width: 100%;
text-align: center;
font-size: 24px;
font-family: 'bold';
margin-bottom: 10px;}

.maintenance_password_box p
{font-size: 16px;
margin-bottom: 30px;
text-align: center;
word-break: break-word;}

.maintenance_password_box>div
{max-width: 260px;
display: flex;}

.maintenance_password_box input[type="password"]
{width: calc(100% - 60px); height: 30px;
border: 1px solid #ccc;
text-align: center;}

.maintenance_password_box input[type="submit"]
{width: 60px; height: 30px;
border: 0;
background: #191919;
color: #fff;
font-size: 15px;}

a.maintenance_password_btn
{margin-left: 0;
margin: 0 auto;}

/* 유지보수 게시판 */
ul.news_cont_bottom_cont li a p.incomplete_active
{color: red;}

.maintain_title
{display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;}

.maintain_title p.maintain_text
{font-size: 36px; line-height: 50px;}

.maintain_title p.maintain_text span
{color: #ffa200;
font-family: 'bold';}

.maintain_title a
{width: 150px;
height: 50px;
border: 1px solid #000;
box-sizing: border-box;
display: block;
transition: all 0.3s;}

.maintain_title a p
{text-align: center;
line-height: 48px;
color: #000;
transition: all 0.3s;}

.maintain_title a:hover
{background: #ffa200;
border: 1px solid #ffa200;}

.maintain_title a:hover p
{color: #fff;}

.maintain_cont_bottom_ex ul li:nth-child(3) a
{display: flex;
align-items: center;}

.maintain_cont_bottom_ex ul li:nth-child(3) a img
{margin-right: 10px;}

/* 유지보수 상세 페이지 */
.maintenance_detail_title
{border-bottom: 1px solid #191919;
margin-bottom: 50px;}

.maintenance_detail_title h3
{display: flex;
align-items: center;
font-size: 24px;
font-family: 'min_bold';
margin-bottom: 24px;
line-height:34px;}

.maintenance_detail_title h3 img
{margin-right:5px;}

.maintenance_detail_info
{display: flex;
margin-bottom: 12px;
justify-content: space-between;}

.maintenance_detail_info p
{color: #555;
font-size: 15px;}

.maintenance_write_value
{border: 1px solid #191919;
padding: 30px;}

.maintenance_write_value>div.maintenance_info_value_ex
{margin-bottom: 40px;
display: flex;
justify-content: space-between;
align-items: baseline;}

.maintenance_write_value>div>h3
{width: 100px;
font-size: 24px;
line-height: 30px;
margin-bottom: 0;
font-family: 'bold';}

.maintenance_info_value
{width: calc(100% - 200px);
margin-top: 0px;
display: flex;
flex-wrap: wrap;}

div.maintenance_info_value_ex .maintenance_info_value
{margin-top: 0;}

.maintenance_info_value li
{width: calc(50% - 15px);
display: flex;
margin-right: 15px;
margin-bottom: 24px;}

/* .maintenance_info_value li:nth-child(3)
{margin-right: 0;} */

.maintenance_info_value li:nth-child(4),
.maintenance_info_value li:nth-child(5)
{margin-bottom: 0;}

.maintenance_info_value li p:first-child
{width: 160px;
font-size: 17px; line-height: 25px;
font-family: 'bold';}

.maintenance_info_value li p:nth-child(2)
{width: calc(100% - 160px);
color: #999;}

.maintenance_ck_list
{margin-top: 32px;
display: flex;
flex-wrap: wrap;}

.maintenance_ck_list>div
{border: 2px solid #191919;
padding: 5px 20px;
margin-right: 20px;
border-radius: 50px;
font-family: 'min_bold';
margin-bottom: 16px;}

.maintenance_detail_value_ex
{margin-top: 28px;
display: flex;
justify-content: space-between;
align-items: baseline;
flex-wrap: wrap;}

.maintenance_detail_value_ex li p:first-child
{width: 160px;}

.maintenance_info_value li p:nth-child(2)
{width: calc(100% - 160px);
word-break: break-word;}

.maintenance_info_value li.maintenance_file_value_ex
{width: 100%;}

.maintenance_file_value
{width: calc(100% - 160px);}

.maintenance_file_value li
{margin-bottom: 5px;}

.maintenance_file_value li a
{color:#0d6efd;}



/* 유지보수 상세내용 */
.maintenance_detail_contenet_ex
{font-size: 15px; line-height: 25px;
border-bottom: 1px solid #ccc;
padding-bottom: 100px;
margin-bottom: 50px;}

.maintenance_detail_contenet p
{font-size: 16px; line-height: 25px;
word-break: break-word;
margin-top: 12px;}

.maintenance_detail_contenet img
{width: auto !important; max-width: 100% !important;
height: auto !important;}

.maintenance_reply
{width: calc(100% - 20px); max-width: 500px;
margin: 0 auto;
margin-top: 50px;
margin-left: 20px;}

.reply_info
{display: flex;
align-items: center;
margin-bottom: 10px;}

.reply_info img
{margin-right: 20px;}

.reply_info p
{font-family: 'bold';}

.reply_content
{width: fit-content;
background: #f9f9f9;
padding: 20px;
border-radius: 10px;
border: 1px solid #ccc;}

.reply_content p
{font-size: 16px;
line-height: 25px;}

/* 유지보수 작성 페이지 */
.maintain_input_box>input.complete_day
{width: 100%;}

/* 회사소개 */
.about_ex
{width: 100%; max-width: 1400px;
margin: 0px auto;
position: relative;}

.about_history_ex
{width: 100%; max-width: 1400px;
margin: 0px auto;
position: relative;}

/* 회사소개 버튼 */
.about_tab_ex
{width: fit-content;
margin: 100px auto;
border-bottom: 1px solid #666; 
height: 100%; }

.about_tab_ex ul
{display: flex;}

.about_tab_ex ul li
{color: #666;
font-size: 26px;
margin-right: 50px;
cursor: pointer;}

.about_tab_ex ul li:last-child
{margin-right: 0px;}

.about_sheet
{display: none;
opacity: 0;
transition:all 0.3s;}

.about_tab_ex ul li.active_nav
{color: #ffa200;
font-family: 'min_bold';}

.active_sheet
{display: block;
opacity: 1;}

/* 회사소개 인트로 */
.about_intro
{opacity: 0;
transform: translateY(30px);}

.about_intro.on     
{opacity: 1;
transition: 1.5s ease-in-out;
transform: translateY(0px);}


.about_intro h3.about_korea_title
{color: #191919;
text-align: center;
font-size: 26px;}

.about_intro h3.about_english_title
{color: #191919;
text-align: center;
font-family: 'bold';
font-size: 50px;
margin-top: 25px;}

.about_intro h3.about_english_title span
{color: #ffa200;}

.about_line
{width: 1px;
height: 362px;
background: #191919;
margin: 35px auto;}

.about_intro h4
{color: #191919;
text-align: center;
font-size: 40px;
margin-bottom: 50px;
font-family: 'bold';}

.about_intro p
{width: 400px;
word-break: keep-all;
color: #191919;
text-align: center;
font-size: 18px;
line-height: 25px;
margin: 0 auto;}

/* 특허 이미지 */
.about_patent
{margin: 100px auto 0 auto;
transform: translateY(30px);
position: relative;
padding-bottom: 100px;}

.about_patent>div
{width: fit-content;
margin: 0 auto;}

.about_patent.on     
{opacity: 1;
transition: 1.5s ease-in-out;
transform: translateY(0px);}

.about_patent>div
{display: flex;}

.about_patent>div>div.patent_img
{margin-right: 50px;}

.about_patent>div>div.patent_img:last-child
{margin-right: 0;}

.about_patent>div>div.patent_img img
{width: 300px; height: auto;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);}

.patent_bold_text
{font-size: 180px;
position: absolute;
font-family: 'bold';
white-space:nowrap;
right: 0; bottom:0px;
z-index: -10;
text-shadow: -1px -1px 0 #ffa200, 1px -1px 0 #ffa200, -1px 1px 0 #ffa200, 1px 1px 0 #ffa200;
color: #fff;}

/* 회사소개 비전 */
.about_vision
{margin-top: 150px;
opacity: 0;
transform: translateY(30px);
margin-bottom: 150px;}

.about_vision.on
{opacity: 1;
transform: translateY(0px);
transition: 1.5s ease-in-out;}

.vision_title
{display: flex;
align-items: center;
justify-content: space-between;}

.vision_title h3
{color: #191919;
font-size: 36px;
line-height: 100%;
font-family: 'bold';}

.vision_title h3 span
{color: #FFA200;
font-size: 100px;
line-height: 100%;}

.vision_line
{width: calc(100% - 450px); height: 2px;
background: #FFA200;}

.vision_content_box
{margin-top: 65px;}

.vision_content_box
{display: flex;
justify-content: space-between;}

.vision_item
{width: calc(25% - 20px);}

.vision_img
{overflow: hidden;}

.vision_img img
{width: 100%;
transition: all 0.5s;}

.vision_item:hover .vision_img img
{scale: 1.05;}

.vision_item:hover h4
{color: #ffa200;}

.vision_item h4
{margin-top: 20px;
margin-bottom: 10px;
color: #191919;
font-size: 20px;
line-height: 25px;
font-family: 'bold';
transition: all 0.3s;}

.vision_item p
{color: #191919;
font-size: 16px;
line-height: 25px;
word-break: keep-all;}

/* 회사소개 조직도 */
.about_organization
{margin-bottom: 100px;
transform: translateY(30px);}

.about_organization.on
{opacity: 1;
transform: translateY(0px);
transition: 1.5s ease-in-out;}

.about_organization p
{color: #191919;
font-size: 36px;
line-height: 100%;
font-family: 'bold';
text-align: center;}

.about_organization img
{width: 800px;
margin: 50px auto;}

/* 회사소개 연혁 */
.about_history_area
{display: flex;
justify-content: space-between;
position: relative;
margin: 150px 0;}

.about_history_area01,
.about_history_area02,
.about_history_area03
{opacity: 0;
transform: translateY(30px);}

.about_history_area01.on,
.about_history_area02.on,
.about_history_area03.on
{opacity: 1;
transform: translateY(0px);
transition: 1.5s ease-in-out;}

.about_history_left
{width: 650px;
align-self:flex-start;
left: 0;
position: sticky;
top: 180px;
transition:all 0.4s;}

.about_history_left h2
{color: #191919;
font-size: 56px;
font-family: 'bold';
line-height: 56px;}

.about_history_left h2 span
{color: #191919;
font-size: 40px;
font-family: 'bold';}

.about_history_left>p
{color: #666;
font-size: 28px;
line-height: 40px;
margin-top: 60px;
word-break: keep-all;}

.about_history_right
{width: 650px;
position: relative;}

.about_history_right::before
{left: 30px;
top: 15px;
content: '';
position: absolute;
width: 1px;
bottom: 0;
z-index: 3;
background: #ffa200;}

.about_history_list
{padding-left: 90px;}

.about_history_list>li
{margin-bottom: 60px;}

.about_history_list>li>div
{position: relative;
display: flex;}

.about_history_list>li>div>p:nth-child(2)
{font-size: 18px; line-height: 32px;
color: #191919;
width: 400px;
word-break: keep-all;}

.about_history_list>li>div>p:nth-child(1)
{font-size: 20px; line-height: 32px;
font-family: 'bold';
margin-right: 24px;}

.about_history_list>li>div::before
{border-width: 5px;
height: 24px;
left: -72px;
top: 5px;
width: 24px;
background-color: #ffa200;
border: 5px solid #fff;
border-radius: 50%;
content: "";
position: absolute;
z-index: 5;}

.about_history_list>li>img
{margin-top: 30px;}

.marker
{height: 50px;
left: -85.5px;
top: -8.5px;
width: 50px;
background-color: #ffedce;
border-radius: 50%;
content: "";
position: absolute;
z-index: 1;
animation: marker 1.5s linear infinite;}

@keyframes marker {
    0% {
        opacity: 0;
        transform: scale(.5);
    }
    50% {
        opacity: 1;
        transform: scale(.9);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

/* 회사소개 오시는 길 */
.about_imformation
{
transform: translateY(30px);}

.about_imformation.on
{transition: 1.5s ease-in-out;
transform: translateY(0);
opacity: 1;}

.about_imformation_title
{margin-top: 100px;}

.about_imformation_title h3
{color: #191919;
font-size: 50px;
font-family: 'bold';
margin-bottom: 20px;}

.about_imformation_title div
{display: flex;
align-items: center;}

.about_imformation_title div p
{color: #191919;
font-size: 26px;
line-height: 40px;}

.about_imformation_title div p span
{color: #ffa200;
font-family: 'bold';}

.about_imformation_title div a
{display: block;
width: 130px;
height: 40px;
border-radius: 50px;
border: 1px solid #FFA200;
color: #FFA200;
text-align: center;
font-size: 18px;
font-weight: 500;
line-height: 40px;
margin-left: 50px;  
transition: all 0.3s;}

.about_imformation_title div a:hover
{background: #ffa200;
color: #fff;}

.about_map_ex iframe
{width: 100%; height: 440px;
margin-top: 80px;}

.information_info_ex
{display: flex;
margin: 50px 0 150px 0;}

.information_info_ex>div
{width: calc(100% / 3);
display: flex;
justify-content: center;}

.information_info_ex>div>p:nth-child(1)
{color: #191919;
font-size: 20px;
line-height: 25px;
font-family: 'bold';
margin-right: 30px;}

.information_info_ex>div>p:nth-child(2)
{color: #191919;
font-size: 16px;
line-height: 25px;}

@media screen and (max-width: 1419px)
{   
    /* 유지보수 상세페이지 */
    .maintenance_write_value>div.maintenance_info_value_ex
    {flex-wrap: wrap;}

    .maintenance_write_value>div>h3
    {width: 100%;}

    div.maintenance_info_value_ex .maintenance_info_value
    {margin-top: 32px;}

    .maintenance_info_value
    {margin-top: 32px;}

    div.maintenance_info_value_ex .maintenance_info_value
    {width: 100%;}

    .maintenance_info_value
    {width: 100%;}

    .maintenance_info_value li
    {flex-wrap: wrap;}

    .maintenance_info_value li p:first-child,
    .maintenance_info_value li p:nth-child(2)
    {width: 100%;}

    /* 회사소개 */
    .about_ex
    {width: 90%;}

    .patent_bold_text
    {font-size: 130px;}

    /* 회사소개 연혁 */
    .about_history_left
    {width: 47.5%;}

    .about_history_left h2 span
    {font-size: 28px;}

    .about_history_left h2
    {font-size: 44px;
    line-height: 44px;}

    .about_history_left>p
    {font-size: 24px;
    margin-top: 40px;
    line-height: 32px;}

    .about_history_right
    {width: 47.5%;}

	.portfolio_video_content
	{padding-top: 56%;}

}

@media screen and (max-width: 1280px)
{
    /* 포트폴리오 상세페이지 */
    .portfolio_detail_title_ex
    {flex-wrap: wrap;}

    .portfolio_detail_title
    {width: 100%;
    margin-bottom: 80px;}

    .portfolio_detail_info
    {width: 100%;}

    .portfolio_detail_info ul
    {display: flex;
    flex-wrap: wrap;}

    .portfolio_detail_info ul li
    {width: 100%;
    margin-bottom: 36px;}

}

@media screen and (max-width: 1024px)
{   /* 포트폴리오 상세페이지 */
    .portfolio_detail_content p img.on
    {max-width: 90%;}

    /* 포트폴리오 페이지 */
    .portfolio_nav>ul>li
    {font-size: 16px;
    margin-right: 20px;}

    .portfolio_nav>ul>li.active::before,
    .portfolio_nav>ul>li:hover::before
    {width: calc(100% + 5px);}

    .portfolio_sheet>ul li
    {width: calc(100% / 2);}

    .portfolio_sheet>ul li a
    {width: 95%;}

    /*문의하기*/
    .maintain_ex
    {width: 90%;}

    .require_input
    {width: calc(50% - 10px);}

    .maintain_input_box>input
    {width: calc(50% - 10px);}

    /* 회사소개 탭버튼*/
    .about_tab_ex ul li
    {font-size: 22px;}

    /* 회사소개 인트로 */
    .about_intro h3.about_english_title
    {font-size: 40px;
    margin-top: 15px;}

    .about_intro h3.about_korea_title
    {font-size: 22px;}

    .about_line
    {height: 280px;
    margin: 25px auto;}

    .about_intro h4
    {margin-bottom: 30px;
    font-size: 28px;}

    .about_intro p
    {font-size: 16px;}

    /* 회사소개 특허 */
    .about_patent>div>div.patent_img img
    {width: 200px;}

    .patent_bold_text
    {font-size: 100px;
    bottom: 20px;}

    /* 회사소개 비전 */
    .about_vision
    {margin-top: 100px;}

    .vision_title h3
    {font-size: 28px;}

    .vision_title h3 span
    {font-size: 70px;}

    .vision_line
    {width: calc(100% - 320px);}

    .vision_content_box
    {flex-wrap: wrap;}

    .vision_item
    {width: calc(50% - 20px);
    margin-bottom: 50px;}

    .vision_item:nth-child(3),
    .vision_item:nth-child(4)
    {margin-bottom: 0;}

    .vision_img
    {width: 100%; height: 0;
    padding-bottom: 60%;
    position: relative;}

    .vision_img img
    {position: absolute;
    top: -50%; left: 0;}

    .vision_item:nth-child(4) .vision_img img
    {top: -100%;}

    /* 회사소개 조직도 */
    .about_organization p
    {font-size: 28px;}

    .about_organization img
    {max-width: 800px;
    width: 100%;}

    /* 회사소개 연혁 */
    .about_history_ex
    {width: 680px;}

    .about_history_area
    {flex-wrap: wrap;
    margin: 100px 0;}

    .about_history_left
    {width: 100%;
    margin-bottom: 50px;
    position: inherit;
    top: 0;}

    .about_history_left h2
    {font-size: 36px;}

    .about_history_left>p
    {font-size: 20px;
    margin-top: 30px;}

    .about_history_right
    {width: 100%;}

    .about_history_list
    {width: 100%;
    padding-left: 50px;}

    .about_history_list>li>img
    {width: 100%;}

    .about_history_list>li>div::before
    {left: -42px;}

    .marker
    {width: 40px; height: 40px;
    left: -50.5px; top:-3.5px;}

    .about_history_right::before
    {left: 20px;}

    /* 회사소개 오시는 길 */
    .about_imformation_title h3
    {font-size: 40px;
    margin-bottom: 10px;}

    .about_imformation_title div p
    {font-size: 20px;}

    .about_imformation_title div a
    {width: 110px; height: 36px;
    line-height: 36px;
    font-size: 16px;
    margin-left: 30px;}

    .about_map_ex iframe
    {margin-top: 50px;
    height: 360px;}

    .information_info_ex
    {flex-wrap: wrap;}

    .information_info_ex>div
    {width: calc(100% / 2);
    justify-content: inherit;}

    .information_info_ex>div:last-child
    {margin-top: 20px;}

}

@media screen and (max-width: 768px)
{   /*에러페이지*/
    .errer_page_ex
    {width: 90%;}

    .errer_page_ex h2
    {font-size: 32px;}

    .error_top
    {font-size: 17px;
    margin-bottom: 28px;
    line-height: 20px;}

    .error_bottom
    {font-size: 15px;
    margin-bottom: 40px;
    word-break: break-word;}

    .error_bottom br
    {display: none;}

    /* 포트폴리오 상세페이지 */
    .portfolio_detail_title>h2
    {font-size: 28px;
    margin-bottom: 32px;}

    .portfolio_detail_title>p
    {font-size: 18px;
    line-height: 27px;
    word-break: break-word;}

    .portfolio_detail_title>p br
    {display: none;}

    .portfolio_detail_title
    {margin-bottom: 52px;}

    .portfolio_detail_info ul li div:first-child
    {font-size: 18px; line-height: 18px;
    padding-bottom: 12px;}

    .portfolio_detail_info ul li div:nth-child(2)
    {font-size: 15px; line-height: 18px;
    padding-top: 12px;}

    .portfolio_bottomtext a
    {line-height: 18px;
    background: #FFA200;
    color: #fff;
    border: 1px solid #ffa200;}

    .portfolio_detail_content p img.on
    {max-width: 95%;}

    .portfolio_detail_title_ex
    {margin-bottom: 52px;}


    /* 포트폴리오 페이지 */
    .portfolio_nav
    {display: none;}

    .portfolio_title h2
    {font-size: 36px;}

    .portfolio_title p
    {width: 70%;
    font-size: 18px;
    word-break: keep-all;
    margin: 0 auto;}

    .portfolio_sheet>ul li a
    {padding: 28px 0 12px 0;}

    .portfolio_sheet>ul li a h3
    {font-size: 18px;}

    .portfolio_sheet>ul li a h3 span
    {font-size: 15px;
    margin-left: 0px;
    width: 100%;}

	.portfolio_detail_btn
	{margin-top:40px;}

    /* 사진호버효과 */
    .portfolio_sheet>ul li a .portfolio_imgbox::before, 
    .portfolio_sheet>ul li a .portfolio_imgbox::after,
    .portfolio_sheet>ul li a .portfolio_imgbox .portfolio_hoverbox::before,
    .portfolio_sheet>ul li a .portfolio_imgbox .portfolio_hoverbox::after
    {display: none;}

    .portfolio_sheet>ul li a:hover .portfolio_imgbox img
    {scale: 1;}

    .portfolio_sheet>ul li a:hover h3
    {color: #191919;}

    .portfolio_sheet > ul
    {margin-bottom: 80px;}

    /* 문의하기 */
    .inquire_submit
    {margin-top: 40px;}

    .inquire_submit
    {background: #ffa200;
    color: #fff;
    border: none;}

    /* 유지보수 비밀번호 입력 */
    .maintenance_password_box h2
    {font-size: 18px;}

    .maintenance_password_box p
    {font-size: 15px; line-height: 22px;}

    /* 유지보수 상세페이지 */
    .maintenance_detail_title
    {margin-bottom: 36px;}

    .maintenance_detail_title h3
    {font-size: 18px;}

    .maintenance_write_value
    {padding: 24px;}

    .maintenance_write_value>div>h3
    {font-size: 20px;}

    div.maintenance_info_value_ex .maintenance_info_value
    {margin-top: 20px;}

    .maintenance_ck_list
    {margin-top: 20px;}

    .maintenance_info_value
    {margin-top: 20px;}

    .maintenance_info_value li
    {width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 16px;}

    .maintenance_info_value li:nth-child(2n)
    {margin-right: 0;}

    .maintenance_info_value li:nth-child(3)
    {margin-right: 30px;}

    .maintenance_info_value li:nth-child(4)
    {margin-bottom: 16px;}

    .maintenance_info_value li p:first-child
    {font-size: 16px;}

    .maintenance_info_value li p:first-child, 
    .maintenance_info_value li p:nth-child(2)
    {font-size: 15px;}

    .ck-editor__editable 
    { width: 700px; 
    margin-bottom: 20px;}
    .ck-content { font-size: 12px; }

    .maintenance_ck_list>div
    {font-size: 14px; padding: 3px 10px;
    margin-right: 12px;
    font-family: 'Pretendard';}

    .maintenance_detail_contenet p
    {font-size: 15px;}

    .maintenance_reply
    {width: 100%;
    margin-left: 0;
    margin-top: 30px;}

    .reply_content
    {padding: 15px;}

    .reply_content p
    {font-size: 15px; line-height: 25px;}

    .maintenance_detail_contenet_ex
    {margin-bottom: 40px;
    padding-bottom: 60px;}

    .maintenance_info_value li.maintenance_file_value_ex
    {width: calc(50% - 15px);}

    .maintenance_file_value
    {width: 100%;}

    .maintenance_file_value li
    {margin-bottom: 0px;
    width: 100%;}

    /* 유지보수 */
    .maintain_title
    {flex-wrap: wrap;}

    .maintain_title p.maintain_text
    {width: 100%;
    font-size: 28px;
    line-height: 35px;}

    .maintain_title a
    {width: 150px;
    height: 50px;
    border: 1px solid #ffa200;
    background: #ffa200;
    box-sizing: border-box;
    display: block;
    transition: all 0.3s;
    margin-top: 30px;}

    .maintain_title a p
    {text-align: center;
    line-height: 48px;
    color: #fff;
    transition: all 0.3s;}

    .maintain_title a:hover
    {background: #ffa200;
    border: 1px solid #ffa200;}

    .maintain_title a:hover p
    {color: #fff;}

    .maintain_cont_bottom_ex ul.news_cont_bottom_cont li:nth-child(5)
    {display: block;}

    .maintain_cont_bottom_ex ul.news_cont_bottom_cont li:nth-child(4) 
    {width: calc(100% - 60px);}

    .maintain_cont_bottom_ex ul.news_cont_bottom_cont li:nth-child(5)
    {width: 50px;
    margin-left: 10px;
    text-align: right;}

    /* 회사소개 탭버튼 */
    .about_tab_ex
    {margin: 80px auto;}

    .vision_img
    {width: 85%; height: 0;
    padding-bottom: 80%;}

    .vision_img img
    {top: 0%; left: 0;}

    .vision_item:nth-child(4) .vision_img img
    {top: 0%;}

    /* 회사소개 특허 */
    .patent_bold_text
    {font-size: 70px;
    bottom: 40px;}

    /* 회사소개 비전 */
    .about_vision
    {margin-top: 50px;
    margin-bottom: 80px;}

    .vision_item
    {width: calc(50% - 10px);
    margin-bottom: 40px;}

    /* 회사소개 조직도 */
    .about_organization
    {margin-bottom: 80px;}

    /* 회사소개 연혁 */
    .about_history_ex
    {width: 90%;}

    .about_history_area
    {margin: 80px auto;}

    /* 회사소개 오시는 길 */
    .about_imformation_title
    {margin-top: 80px;}

    .information_info_ex>div
    {width: calc(100%);
    margin-top: 20px;}

    .information_info_ex>div:first-child
    {margin-top: 0;}

    .information_info_ex>div>p:nth-child(1)
    {width: 78px;
    font-size: 18px;}

    .information_info_ex
    {margin: 30px 0 80px 0;}

    .information_info_ex>div>p:nth-child(2)
    {font-size: 16px;}

    
}

@media screen and (max-width: 600px)
{   /* 포트폴리오 상세페이지 */
    .portfolio_detail_title>p
    {font-size: 16px;}

    .portfolio_detail_btn
    {width: 100%;}

    .portfolio_detail_btn a.product_list_btn
    {width: 50%;}
    
    /* 포트폴리오 페이지 */
    .portfolio_sheet>ul li
    {width: 100%;}

    .portfolio_title p
    {width: 90%;
    font-size: 16px; line-height: 25px;}

    /* 유지보수 상세페이지 */
    .maintenance_info_value li
    {width: 100%;
    margin-right: 0;}

    .maintenance_info_value li.maintenance_file_value_ex
    {width: 100%;}

    /* 유지보수 */
    .maintain_input_check>div>ul.maintain_input_check_list
    {display: flex;
    flex-wrap: wrap;}

    .maintain_input_check>div>ul.maintain_input_check_list>li
    {width: calc(100% / 3); margin-right: 0;
    display: block;}

    /*문의하기*/
    .maintain_ex
    {margin: 80px auto;}

    .maintain_info_title h3
    {font-size: 18px;}

    .require_input
    {width: 100%;}

    .require_input:last-child
    {margin-bottom: 0;}

    .require_input>input
    {height: 40px;}

    .ck-editor__editable 
    { width: 550px; 
    margin-bottom: 20px;}
    .ck-content { font-size: 12px; }

    .maintain_info_box
    {margin-bottom: 30px;}

    .maintain_input_check>div
    {margin-bottom: 20px;}

    .maintain_input_check>div>p
    {font-family: 'min_bold';}

    .maintain_input_box>input
    {width: 100%; font: 40px;}

    #upload-name::placeholder
    {color: #fff;}

    .maintain_privacy_ex p
    {font-size: 15px;}

    .maintain_privacy_ex span
    {text-align: right;
    width: 100%;
    margin-left: 0;
    margin-top: 5px;}

    /* 유지보수 */
    .maintain_title p.maintain_text
    {width: 100%;
    font-size: 20px;
    line-height: 30px;}

    .maintain_title a
    {width: 100%;
    height: 50px;
    border: 1px solid #ffa200;
    background: #ffa200;
    box-sizing: border-box;
    display: block;
    transition: all 0.3s;}

    /* 회사소개 탭버튼 */
    .about_tab_ex
    {margin: 50px auto 50px auto;
    width: 100%;}

    .about_tab_ex ul
    {width: 100%;
    box-sizing: border-box;}

    .about_tab_ex ul li
    {width: calc(100% / 3);
    font-size: 16px;
    margin-right: 0px;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 10px 0 ;
    margin-right: -1px;}

    .about_tab_ex ul li.active_nav
    {border: 1px solid #ffa200;
    position: relative;
    background: #ffa200;
    color: #fff;
    transition: all 0.3s;}

    /* 회사소개 인트로 */
    .about_intro h3.about_korea_title
    {font-size: 18px;}

    .about_intro h3.about_english_title
    {font-size: 24px;
    margin-top: 10px;}

    .about_line
    {height: 200px;}

    .about_intro h4
    {font-size: 20px;
    margin-bottom: 15px;}

    .about_intro p
    {width: 100%;
    font-size: 15px;}
    
     /* 회사소개 특허 */
    .about_patent
    {margin: 50px auto 0 auto;}

    .about_patent>div>div.patent_img
    {margin-right: 20px;}
    
    .about_patent>div>div.patent_img img
    {width: 100%;}

    .patent_bold_text
    {font-size: 50px;
    bottom: 20px;}

    /* 회사소개 비전 */
    .vision_title h3
    {font-size: 18px;}

    .vision_title h3 span
    {font-size: 40px;}

    .vision_line
    {display: none;}

    .vision_content_box
    {margin-top: 50px;}

    .vision_item
    {width: 100%;
    margin-bottom: 30px;}

    .vision_item:nth-child(3), .vision_item:nth-child(4)
    {margin-bottom: 30px;}

    .vision_item:hover .vision_img img
    {scale: 1;}

    .vision_img
    {width: 100%; height: 0;
    padding-bottom: 80%;}

    .vision_img img
    {top: -10%; left: 0;}

    .vision_item:nth-child(4) .vision_img img
    {top: -10%;}

    .vision_item h4
    {font-size: 18px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #ffa200;}

    .vision_item p
    {font-size: 14px;
    line-height: 20px;}

    .about_vision
    {margin-bottom: 50px;}

    .about_organization p
    {font-size: 20px;}

    /* 회사소개 연혁 */
    .about_history_ex
    {width: 100%;}

    .about_history_area
    {margin: 50px auto;}

    .about_history_left h2
    {font-size: 24px;
    line-height: 100%;}

    .about_history_left h2 span
    {font-size: 20px;}

    .about_history_left>p
    {font-size: 16px; line-height: 20px;
    margin-top: 20px;}

    .about_history_list>li
    {margin-bottom: 40px;}

    .about_history_list>li>img
    {margin-top: 20px;}

    .about_history_list>li>div
    {flex-wrap: wrap;}

    .about_history_list>li>div>p:nth-child(1)
    {font-size: 18px;
    line-height: 20px;
    margin-right: 0;
    width: 100%;
    margin-top: 8px;}

    .about_history_list>li>div>p:nth-child(2)
    {font-size: 15px;
    line-height: 20px;
    margin-top: 10px;}

    .file_announcement_ex
    {height: 40px;}

    #upload-name
    {width: calc(100% - 100px);}

    .file_announcement_ex label
    {width: 100px;
    height: 40px; line-height: 40px;
    font-size: 15px;}

    /* 회사소개 오시는 길 */
    .about_imformation_title
    {margin-top: 50px;}

    .about_imformation_title div
    {flex-wrap: wrap;}

    .about_imformation_title h3
    {font-size: 24px;}

    .about_imformation_title div p
    {width: 100%; 
    font-size: 16px;
    line-height: 25px;}

    .about_imformation_title div a
    {width: 100px; height: 30px;
    line-height: 30px;
    background: #ffa200; color: #fff;
    margin-top: 20px;
    font-size: 15px;
    margin-left: 0;}

    .about_map_ex iframe
    {height: 250px;
    margin-top: 30px;}

    .information_info_ex>div>p:nth-child(1)
    {width: 56px;
    font-size: 16px;}

    .information_info_ex>div>p:nth-child(2)
    {font-size: 15px;}

    }  

@media screen and (max-width: 450px)
{
    /* 유지보수 */
    .maintain_input_check>div>ul.maintain_input_check_list>li
    {width: calc(100% / 2);}

    /* 문의하기 */
    .maintain_info_title>p
    {width: 78px;}

    .maintain_info_title>div
    {flex-wrap: wrap;}

    .maintain_info_title h3
    {width: 100%;}

    .maintain_info_title>div>p
    {margin-left: 0;}

    .maintain_input_check>div
    {flex-wrap: wrap;}

    .maintain_input_check>div>p
    {width: 100%;
    margin-bottom: 10px;}

    .maintain_input_check>div>ul>li
    {margin-right: 15px;}

    .maintain_input_check>div>ul>li label
    {font-size: 14px;
    text-indent: 20px;}

    .maintain_input_check>div>ul>li label div::before
    {width: 13px; height: 13px;
    top: 6px;}
    
    .ck-editor__editable 
    { width: 400px; 
    margin-bottom: 20px;}
    .ck-content { font-size: 12px; }

    .design_input
    {width: 100%;}

    .maintain_privacy_ex p
    {font-size: 14px;}

    .maintain_privacy_ex label > div::before
    {width: 13px; height: 13px;
    top: 2.5px;}      

    /* 회사소개 */
    .vision_img
    {width: 100%; height: 0;
    padding-bottom: 80%;}

    .vision_img img
    {top: -10%; left: 0;}

    .vision_item:nth-child(4) .vision_img img
    {top: -10%;}

    .about_tab_ex ul
    {flex-wrap: wrap;
    border-bottom: 1px solid #ccc;}

    .about_tab_ex ul li 
    {width: 100%;
    border-bottom: 0;
    margin-bottom: -1px;}

    .about_organization
    {margin-bottom: 50px;}

    .patent_bold_text
    {font-size: 36px;}

    .information_info_ex>div
    {flex-wrap: wrap;}

    .information_info_ex>div>p:nth-child(1)
    {width: 100%;}

    .information_info_ex>div>p:nth-child(2)
    {width: 100%;
    margin-top: 5px;}
}