@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Noto+Serif+KR');

/* basic */
#wrap{width:640px; margin:0 auto; position:relative;}
body{-webkit-text-size-adjust:none; }
.inner{width:604px; margin:0 auto; position:relative;}
.after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.no_CJK{font-family: 'Noto Serif KR', sans-serif;}
.helvetica33{font-family: 'Helvetica33-ExtendedThin';}
.edwardian{font-family: 'Edwardian Script ITC';}
.tit{padding:100px 0 60px; text-align:center;}
.tit h4{font-size:38px; color:#343434; letter-spacing:-0.01em; font-weight:300; margin:0; margin-bottom:10px;}
.tit h4 span{color:#f26d7d}
.tit p{font-size:20px; color:#1f1f1f; letter-spacing:0.025em; line-height:24px;}

/* header */
#header{width:100%; background:#fff; height:100px; text-align:center;}
#header .inner{height:100%;}
#header a.logo{display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
#header .ham_btn{position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .tel_btn{position:absolute; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}


/* footer */
#footer{text-align:center; background:#383838; padding:30px 0}
#footer a.ft_logo{display:inline-block; vertical-align:top;}
#footer .text{padding-top:10px;}
#footer .text ul{margin-bottom:5px;}
#footer .text ul li{display:inline-block; vertical-align:top; padding:0 10px; position:relative; font-size:16px; color:#afafaf; font-weight:200;}
#footer .text ul li a{font-size:16px; color:#afafaf; font-weight:500;}
#footer .text ul li:before{content:""; width:1px; height:13px; background:#e1e1e1; position:absolute; right:0; top:58%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#footer .text ul li:nth-of-type(2n-1):before{display:none;}
#footer .right{text-align:center; margin:15px 0;}
#footer .right ul li{display:inline-block; vertical-align:top; margin-bottom:5px;}
#footer .right ul li a{display:block; width:160px; height:38px; border:1px solid #8c8c8c; box-sizing:border-box; line-height:36px; color:#7c7c7c; text-align:center; font-size:14px; letter-spacing:-0.01em;}
#footer span{display:block; font-size:14px; color:#7e8286; letter-spacing:-0.01em}
.kakao_btn{position:fixed; right:50px; bottom:-1000px; z-index:10; transition:all .3s; -ms-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -moz-transition:all .3s;}
.kakao_btn.on{bottom:30px;}
.kakao_btn a{display:block;  -webkit-filter: drop-shadow(5px 0 5px rgba(0,0,0,0.2) ); filter: drop-shadow(5px 0 5px rgba(0,0,0,0.2)); width:100px; height:100px; box-sizing:border-box;}
.kakao_btn a > img{width:100%;}


/*햄버거 메뉴*/
.ham_gnb{ padding:0 40px; box-sizing:border-box;display:block; position:fixed; width:420px; height:100%; background:#fff; z-index:9999; top:0; left:-9999px;}
.ham_gnb .ham_top{width:100%; text-align:center; position:relative; box-sizing:border-box; background:#fff; border-bottom:2px solid #e1e3e4;}
.ham_gnb .ham_top .menu_logo{display:inline-block; vertical-align:top;}
.ham_gnb .ham_top .menu_logo a{display:block; width:100%; height:100%;}
.ham_gnb .ham_top .menu_logo a img{width:100%;}
.ham_gnb .ham_top ul{text-align:center; font-size:0; margin-bottom: 20px;}
.ham_gnb .ham_top ul li{display:inline-block; vertical-align:top;}
.ham_gnb .ham_top ul li a{display:block; position:relative; box-sizing:border-box; padding:0 15px; font-size:20px; color:#747373; letter-spacing:-0.01em; font-weight:200;}
.ham_gnb .ham_top ul li a:before{content:""; width:1px; height:17px; background:#d1d1d1; position:absolute; right:0; top:53%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.ham_gnb .ham_top ul li:last-child a:before{display:none;}
.ham_gnb .ham_close{width:60px; height:60px; cursor:pointer; position:absolute; right:-60px; top:0;}
.ham_gnb .ham_close img{width:100%; height:100%;}
.ham_gnb .gnb{padding:30px 0; box-sizing:border-box; height:calc(100% - 143px);  overflow-y:auto;}
.ham_gnb .gnb > ul{width:100%;} 
.ham_gnb .gnb  > ul > li{background:#fff; width:100%;}
.ham_gnb .gnb  > ul > li > a{position:relative; display:block; width:100%; height:60px; font-size:24px; letter-spacing:-0.05em; font-weight:500; line-height:60px; color:#222; cursor:pointer; padding-left:20px; box-sizing:border-box;}
.ham_gnb .gnb  > ul > li > ul{width:100%; display:none; background:#f6f6f6; padding:15px 0;}
.ham_gnb .gnb  > ul > li > ul li{width:100%; box-sizing:border-box; padding-left:20px;}
.ham_gnb .gnb  > ul > li > ul li a{box-sizing:border-box; padding-left:30px; position:relative; display:block; width:100%; height:50px; font-size:22px; font-weight:300; letter-spacing:-0.025em; line-height:50px; color:#666;}
.ham_gnb .gnb  > ul > li > ul li a:before{opacity:0; content:""; width:6px; height:6px; border-radius:50%; background:#f26d7d; position:absolute; left:15px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.ham_gnb .gnb  > ul > li.on > a{background:#f26d7d; color:#fff;}
.ham_gnb .gnb  > ul > li:hover > a{background:#f26d7d; color:#fff;}
.ham_gnb .gnb  > ul > li > ul li.on a{color:#f26d7d; font-weight:500;}
.ham_gnb .gnb  > ul > li > ul li.on a:before{opacity:1;}
.ham_gnb .gnb  > ul > li > ul li:hover a:before{opacity:1;}
.ham_gnb .gnb  > ul > li > ul li:hover a{color:#f26d7d; font-weight:bold;}
.ham_gnb .gnb .bot_text{display:block; background:#f6f6f6; margin-top:20px; padding:24px; box-sizing:border-box;}
.ham_gnb .gnb .bot_text img{display:inline-block; vertical-align:middle;}
.ham_gnb .gnb .bot_text .text{display:inline-block; vertical-align:middle; padding-left:10px;}
.ham_gnb .gnb .bot_text .text span{font-size:16px; color:#529727; font-weight:bold; letter-spacing:-0.025em; line-height:1.1;}
.ham_gnb .gnb .bot_text .text p{font-size:22px; letter-spacing:-0.025em; color:#1d1d1d; line-height:1.1;}

.ham_gnb .sns_btn {margin: 0 0 35px;}
.ham_gnb .sns_btn a {display: inline-block; width: 165px; height: 50px; border-radius: 25px; padding: 6px 10px 7px; box-sizing: border-box; position: relative; text-align: left;}
.ham_gnb .sns_btn a + a {margin-left: 7px;}
.ham_gnb .sns_btn a > * {display: inline-block; vertical-align: middle;}
.ham_gnb .sns_btn a i {width: 37px; height: 37px; background: no-repeat center center / cover; margin-right: 22px;}
.ham_gnb .sns_btn a span {font-size: 20px; line-height: 1.2em; letter-spacing: -0.01em; font-weight: 200;}
.ham_gnb .sns_btn a.kakao {background-color: #ffe800; color: #222;}
.ham_gnb .sns_btn a.kakao i {background-image: url(/img/kakao_icon.png);}
.ham_gnb .sns_btn a.naver {background-color: #35b549; color: #fff;}
.ham_gnb .sns_btn a.naver i {background-image: url(/img/naver_icon.png);}

.bg_black{position:fixed; z-index:999; width:100%; height:100%; background:rgba(0,0,0,0.64); display:none; left:0; top:0;}