@charset "utf-8";
/* CSS Document */

/***** form 공통 *****/
input[type="text"],
input[type="button"],
input[type="email"],
input[type="password"],
input[type="submit"] {
    background-color: #fff;
    border: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"] {
    padding-left: 8px;
    height: 40px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
    border: 1px solid #ccc;
}
input[type="checkbox"] {
    vertical-align: middle;
}


input:-webkit-autofill {
    background-color: #fff !important;
}

textarea {
    resize: none;
    width: 100%;
    height: 120px;
    border: 0;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

button {
    height: 40px;
    border: 0;
    color: #fff;
    line-height: 35px;
    cursor: pointer;
}

button:after {
    cursor: pointer;
}

select {
    width: 100%;
    height: 40px;
    border: 0;
    border: 1px solid #ccc;
    padding-left: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    /* 화살표 없애기 공통*/
    background-image: url(../img/common/select_arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
    /*filter:alpha(opacity=0);  IE8 숨기기 */
}

select::-ms-expand { 
    display: none;
    /* 화살표 없애기 for IE10, 11*/
}

/***** 공통 클래스 *****/
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}

.multi_line{
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
    height:60px;
    word-wrap: break-word;
    display: -webkit-box;
}

.cb:after{display: block;content: "";clear: both;}
.line{display:inline-block;width: 40px;height: 1px; }


/***** 헤더 *****/
#wrap{max-width: 1920px;margin: 0 auto;}
.header_wrap{position: fixed;top: 0;left: 0;border-bottom:1px solid  #fff;width: 100%;z-index: 9997;}
header{width: 1080px;margin: 0 auto;padding: 20px 0;}
header h1{float: left;width: 211px; height: 52px;text-indent: -9999px;}
header h1 a{display: block;width: 100%;height: 100%; background-image: url(../img/common/logo_w.png);background-repeat: no-repeat;}

header nav{float: right;}
header nav ul.main_menu{width: 700px;}
header nav .main_menu li{float: left;width: 16.6%;text-align: center;}
header nav .main_menu li a{display: block;font-size: 1.1em;padding-top: 20px;color: #fff;}
header nav .main_menu li a:hover{color: #faa619;}
.btn_side{display: none;}

.scroll {}
.scroll .header_wrap{background-color: #fff; box-shadow:0px 0px 10px #ccc}
.scroll header h1 a{background-image: url(../img/common/logo_on.png);}
.scroll header nav li a{color: #333;}
.scroll header nav li a:hover{color: #faa619}

/*side_menu*/
#side_wrap { width:100%; position:relative; top: 0;left: 0; z-index:9999; display: none; background:#fff;padding-top: 20px; }
#side_wrap ul{width: 100%;border-top: 1px solid #ccc;}
#side_wrap ul li{}
#side_wrap ul li a{display: block;width: 100%;padding: 10px 0;text-align: center;}
#bg { width:100%; height:100%; position:fixed;left: 0; top:0; bottom:0; background:#000; opacity:0.7; display:none; z-index:990; }
#side_wrap ul li a:hover{color: #faa619;}
.overflow{overflow-y: hidden;}


/***** 푸터 *****/
footer{background-color:#3a393b;text-align: center;min-height: 400px;color: #fff}
footer>a{display: inline-block;padding: 30px}
footer .line{background-color: #fff;}
footer p{padding: 30px; color: #fff;}
footer ul li{}
footer .mail{display:inline-block;padding: 20px; color: #fff;}
footer .mail:hover{text-decoration: underline;}

footer .sns_wrap{}
footer .sns_wrap li:first-child{padding-left: 0;}
footer .sns_wrap a{display: inline-block;padding: 10px; width: 35px;height: 35px;text-indent: -9999px;background-position: center;background-repeat: no-repeat;}
footer .sns_wrap .sns_f{background-image: url(../img/main/sns_f.png);}
footer .sns_wrap .sns_t{background-image: url(../img/main/sns_t.png);}
footer .sns_wrap .sns_i{background-image: url(../img/main/sns_i.png);}
footer address{padding:20px 0 80px;}
footer .go_map{display: inline-block;text-align: center;border: 1px solid #727272;color:#727272;font-size: 0.8em;padding: 5px;}
footer .go_map:hover{background-color: #faa619;border-color:#faa619;color: #fff}

/***** 메인 *****/
.main_con section{position: relative;top: 0;left: 0;}
.main_con section > div{ margin: 0 auto;}
.main_con h2{font-size: 2.5em;text-align: center;padding-bottom: 50px;}
.temp_nav{position: absolute;
    top: -60px;
    left: 0px;
    background-color: transparent;
    width: 1px;
    height: 1px;
    overflow: hidden;}

/* 비주얼 */
.visual{position: relative;top: 0;left: 0; display: block;}
.visual .txt{position: absolute;top: 0;left: 0;z-index: 1;background-image: url(../img/main/visual_txt.png);background-repeat: no-repeat;background-position: center;background-size: 50%; width: 100%;height: 100%;}
.visual .bxslider{}
.visual li > div{width: 100%; height: 500px; background-repeat:no-repeat;background-position: center;}
.visual .visual_01{background-image: url(../img/main/visual01.png);}
.visual .visual_02{background-image: url(../img/main/visual02.png);}
.visual .txt span{font-size: 1.5em;}

/* 프로포즈 */
.main_con .pp_wrap{border-bottom: 1px solid #ddd;}
.main_con .pp_wrap .pp{width: 1080px;padding: 60px 0}
.main_con .pp_wrap .txt_box{float: left; width: 50%;padding: 0 10px;box-sizing: border-box}
.main_con .pp_wrap .tlt{font-size: 1.05em; color:#faa619; }
.main_con .pp_wrap p{padding-bottom: 20px;}

/* 포트폴리오 */
.main_con .pf_wrap .pf{width: 1080px; padding: 60px 0; padding-top: 20px; border-bottom: 1px solid #ddd;}
.main_con .logo_wrap{padding-top: 20px;}
.main_con .logo_wrap div{position: relative;top: 0;left: 0; float: left;margin-left: 2%;padding: 10px; display: block;width:23.5%;height: 90px;overflow: hidden;box-sizing: border-box;text-align: center;}
.main_con .logo_wrap div:hover .g_box,
.main_con .logo_wrap div:active .g_box{display: block;}
.main_con .logo_wrap:first-child{padding-top: 0;}
.main_con .logo_wrap .g_box{position: absolute;top: 0;left: 0; display: none;width: 100%;height: 100%;background-color: #faa619;color: #fff;font-size: 1.2em;text-align: center;line-height:75px;font-size: 0.95em}
.main_con .logo_wrap div img{max-height: 100%;}
.main_con .logo_wrap div:first-child{margin-left: 0;}

/* tab list */
.tab_page ul.tab {padding-bottom: 50px;overflow: hidden;width: 500px;margin: 0 auto; border-bottom: 1px solid #ddd;}
.tab_page ul.tab li {float: left;width: 25%;}
.tab_page ul.tab li:first-child{padding-left: 0;}
.tab_page ul.tab li a {display: inline-block;color: #9c9c9c;text-align: center;text-decoration: none;transition: 0.3s;width: 100%;}
/* Change background color of links on hover */
.tab_page ul.tab li a:hover,
.tab_page ul.tab li a:focus,
.tab_page ul.tab li a.active {color:#faa619;}
.tab_page .tabcontent {position:relative; display: none;margin-bottom:50px;}

/* 철학 */
.main_con .ps_wrap{background-image: url(../img/main/bg.png);background-repeat: no-repeat;background-position: center;background-size: cover; border-bottom: 1px solid #ddd;}
.main_con .ps_wrap .ps{width: 1080px;padding:60px 0;text-align: center}
.main_con .ps_wrap h2{padding-bottom: 0;}
.main_con .ps_wrap .line{background: #000;}
.main_con .ps_wrap p{padding-top: 30px;line-height: 40px;}
.main_con .ps_wrap p span{display: inline-block;width: 120px;height: 30px; text-indent: -9999px;background-image: url(../img/common/logo_on.png);background-repeat: no-repeat;background-size: contain;background-position: 0 0;}

/* 사람들 */
.main_con .peo_wrap .peo{width: 1080px;padding: 60px 0; border-bottom: 1px solid #ddd;}
.main_con .peo .peo_box{position: relative;top: 0;left: 0; float: left;width: 31.4%;text-align: center;overflow: hidden;margin: 10px;}
.main_con .peo .peo_box img{
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */}
.main_con .peo .peo_box:hover img{
    -webkit-filter: grayscale(0);
    filter: none;
}

/*대표이사*/
.main_con .pre_wrap .pre{width: 1080px; padding: 60px 0; margin: 0 auto; border-bottom: 1px solid #ddd;}
.main_con .pre_main_text{/*text-align: center;*/ font-weight: bold; padding-top: 20px; padding-left:10px; }
.main_con .pre_sub_text{text-align: left; padding: 10px;}
.main_con .pre_img{text-align: center;}


/* 펀드 */
.main_con .fund_wrap{border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
.main_con .fund_wrap .fund{width: 1080px;padding: 60px 0;}
.main_con .fund .txt_box_wrap{float: left;width: 50%;padding: 0 10px;box-sizing: border-box;}
.main_con .fund .txt{padding-bottom:20px;}
.main_con .fund .tlt{padding-bottom: 10px; font-size: 20px;color:#faa619; }
.main_con .fund .sub_tlt{font-weight: 600;padding-left: 20px; padding-bottom: 5px;background-image: url(../img/main/bullet.png);background-repeat: no-repeat; background-position: 0 5px; font-size: 1.05em;}


/* rnbd */
.main_con .rnbd p{text-align: center;padding: 50px;}


/*플레이스*/

.place_seoul_text{font-weight: bold; padding-top: 20px; padding-bottom: 20px;}

#shoes{position:relative; vertical-align: bottom;}
.shoesplace{width: 1080px; padding: 60px 0; margin: 0 auto; }

.title-image{ z-index: 0; width:100%; height:700px;}

.title-image .title-shadow{z-index: 1; width: 100%; height: 80%; background-color: #f5f5dc}
.title-image .logo{ z-index: 2; width: 43%; padding-top: 10%; margin-left: 60px; display: inline-block; vertical-align: top; }
.title-image .imageslide{ z-index: 3; width: 50%; height: 80%; margin-left: 3%; margin-top: 20%; display: inline-block; font-size: 0;}
.title-image .title-shadow .subtitle-image-slide{
    z-index: 4;
    /*width: 30%;
    height: 300px;
    margin-left: 50%;
    margin-top: 10%;*/
    display: inline-block;
    /*vertical-align: top;*/
}
.title-image .title-shadow .subtitle-image-slide2{
    z-index: 4;
    /*width: 30%;
    height: 300px;
    margin-left: 50%;
    margin-top: 10%;*/
    display: inline-block;
    /*vertical-align: top;*/
}

.cafe-ex{
    margin-top: 5px;
    color: black;
}


.press .press_wrap {width: 1080px; padding: 60px 0; margin: 0 auto; border-bottom: 1px solid #ddd;}
.press .pretext {text-align: center;}