@charset "utf-8";


/* header */
#header{position:fixed;top:0;left:0;right:0;height:6.25em;border-bottom:1px solid rgba(255,255,255,.2);box-sizing:border-box;transition:.1s;z-index:500}
#header:after{display:block;content:"";clear:both;}
#header .con-width{position:relative;}
#header h1{float:left;display:inline-block;width:160px;height:40px;margin-top:1.35em;}
#header h1 a{display:block;}
#header h1 a .g-logo{display:none;}
#header h1 a .w-logo{display:block;}
#header .pc-gnb {float:left;width:calc(100% - 380px);padding-left:3.125em;box-sizing:border-box}
#header .pc-gnb>ul{float:left;height:6.25em;}
#header .pc-gnb>ul li{float:left;padding-right:3em;}
#header .pc-gnb>ul li a{display:block;height:6.25em;color:#fff;font-size:1em;font-weight:500;line-height:6.25em;}
#header .inquiry{float:left;display:inline-block;width:80px;height:30px;margin-top:2.5em;color:#fff;border:1px solid #fff;border-radius:8px;font-size:.875em;font-weight:400;text-align:center;line-height:27px;}
#header .pc-gnb .search-wrap{position:relative;float:right;}
#header .pc-gnb .search-wrap .search-inner{position:relative;width:15.625em;height:45px;margin-top:1.65em;padding-left:1.2em;border:2px solid #fff;border-radius:50px;box-sizing:border-box;z-index:10}
#header .pc-gnb .search-wrap .top-search{float:left;display:inline-block;width:20px;height:43px;background:url(../images/icon/top-search.png)50%/100% no-repeat;}
#header .pc-gnb .search-wrap input{width:180px;height:100%;border:none;background:none;font-size:.938em;}
#header .pc-gnb .search-wrap input:-ms-input-placeholder{color:#fff;}
#header .pc-gnb .search-wrap input::-webkit-input-placeholder{color:#fff;}
#header .pc-gnb .search-wrap input::-moz-placeholder{color:#fff;}

#header .top-login{position:absolute;top:40px;right:0;}
#header .top-login ul{overflow:hidden;}
#header .top-login ul li{float:left;}
#header .top-login ul li a{position:relative;display:block;color:#fff;font-size:.875em;font-weight:300;}
#header .top-login ul li:not(:last-child) a{margin-right:.7em;padding-right:.7em;}
#header .top-login ul li:not(:last-child) a:after{content:"";display:inline-block;position:absolute;top:3px;right:0;width:1px;height:15px;background:#fff}
#header .top-login i.ico-match{display:inline-block;width:15px;height:15px;background:url(../images/icon/matching-w.png)50%/100% no-repeat;vertical-align:-2px;}

.m-gnb{display:none;position:fixed;left:0;right:0;bottom:0;background:#fff;box-shadow:-2px -2px 5px rgba(0,0,0,.1);z-index:500}
.m-gnb ul{overflow:hidden;}
.m-gnb li {float:left;width:25%;text-align:center;}
.m-gnb li a{display:block;padding:.75em 0}
.m-gnb li a i{display:inline-block;width:1.8em;height:2em;}
.m-gnb li a i.home{background:url(../images/icon/m-gnb-home.png)50%/100% no-repeat}
.m-gnb li a i.pros{background:url(../images/icon/m-gnb-pros.png)50%/100% no-repeat}
.m-gnb li a i.search{background:url(../images/icon/m-gnb-search.png)50%/100% no-repeat}
.m-gnb li a i.my{background:url(../images/icon/m-gnb-my.png)50%/100% no-repeat}
.m-gnb li a span{display:block;color:#999;font-size:.8em;font-weight:400;line-height:1.2}

.m-gnb li.on a span{color:#56b431}
.m-gnb li.on a i.home{background:url(../images/icon/m-gnb-home-on.png)50%/100% no-repeat}
.m-gnb li.on a i.pros{background:url(../images/icon/m-gnb-pros-on.png)50%/100% no-repeat}
.m-gnb li.on a i.search{background:url(../images/icon/m-gnb-search-on.png)50%/100% no-repeat}
.m-gnb li.on a i.my{background:url(../images/icon/m-gnb-my-on.png)50%/100% no-repeat}

/* header scroll active */
#header.sub {background:#fff;border-bottom:1px solid #e4e4e4;}
#header.sub h1 a .g-logo{display:block;}
#header.sub h1 a .w-logo{display:none;}
#header.sub .pc-gnb>ul li a{color:#333;font-weight:600}
#header.sub .inquiry{color:#333;border:1px solid #999;font-weight:400}
#header.sub .pc-gnb .search-wrap .search-inner{border:2px solid #56b431}
#header.sub .pc-gnb .search-wrap .top-search{background:url(../images/icon/top-search-on.png)50%/100% no-repeat;}
#header.sub .top-login ul li a{color:#333;font-weight:400}
#header.sub .top-login ul li:nth-child(2) a{font-weight:400}
#header.sub .top-login ul li:not(:last-child) a:after{background:#333;}
#header.sub .top-login i.ico-match{background:url(../images/icon/matching.png)50%/100% no-repeat;}
#header.sub .pc-gnb .search-wrap input:-ms-input-placeholder{color:#999;}
#header.sub .pc-gnb .search-wrap input::-webkit-input-placeholder{color:#999;}
#header.sub .pc-gnb .search-wrap input::-moz-placeholder{color:#999;}


/* 서브 헤더 */
#header .hd-logo.sub{}

/* quick menu */
#header .hd-quick{position:absolute;top:0;left:0;padding-top:6.2em;box-sizing:border-box;}
#header .hd-quick .quick-inner{padding:1.25em 1.5em 1.5em;background:#fff;border-top:1px solid #e4e4e4;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0px 2px 5px rgba(0,0,0,.1);}
#header .hd-quick .hd-q-tit{margin-bottom:.75em;font-size:1.1em;font-weight:600;letter-spacing:-.5px;}
#header .hd-quick.quick-search{width:29.375em;}
#header .hd-quick ul{overflow:hidden;}
#header .hd-quick.quick-search ul li{float:left;width:33.3333%;padding:.3em;box-sizing:border-box;}
#header .hd-quick ul li a{display:block;padding:.75em 0 .85em;border:1px solid #e4e4e4;border-radius:8px;text-align:center;font-size:.875em;}
#header .hd-quick ul li a:hover{border:1px solid #56b431;color:#56b431;font-weight:500}
#header .hd-quick.quick-search ul li:last-child{width:66.666%}
#header .hd-quick.match{left:inherit;top:0;right:0;width:18em;padding-top:6.2em;}
#header .hd-quick.match .hd-q-tit .ico-match{display:inline-block;width:18px;height:18px;margin-right:5px;background:url(../images/icon/matching.png)50%/100% no-repeat;vertical-align:-2px;}
#header .hd-quick.match .hd-q-tit span{color:#56b431;}
#header .hd-quick.match table{margin-bottom:1em;font-size:.875em;font-weight:400;letter-spacing:-.3px;}
#header .hd-quick.match table tr:first-child{border-top:1px solid #e4e4e4}
#header .hd-quick.match table tr{border-bottom:1px solid #e4e4e4}
#header .hd-quick.match table tr th, #header .hd-quick.match table tr td{padding:.5em .65em}
#header .hd-quick.match table tr th{background:#f7f7f7;font-weight:500}
#header .hd-quick.match table tr td .empty{color:#999}
#header .hd-quick.match table tr td .part li{margin:.2em 0}
#header .hd-quick.match table tr td .part li span{display:inline-block;padding:.2em .5em .25em;border:1px solid #e4e4e4;border-radius:8px;letter-spacing:-.5px;}
#header .hd-quick.match .matchInfo-none .matchNone-inner{margin-bottom:1em;padding:1em 0;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
#header .hd-quick.match .matchInfo-none p{padding-top:5em;color:#999;font-size:.875em;text-align:center;letter-spacing:-.5px;background:url(../images/icon/match-none.png)50% 0/60px no-repeat}
#header .m-gnb{display:none;}

#footer{padding-bottom:2em;border-top:1px solid #e4e4e4}
#footer:after{display:block;content:"";clear:both}
#footer .ft-inner{position:relative;}
#footer .ft-group1{padding-top:3.75em;}

#footer .ft-group1 h1{display:inline-block;margin-top:1em;}
#footer .ft-group1 h1 a{display:inline-block;}
#footer .ft-group1 h1 a .pc{display:block;}
#footer .ft-group1 h1 a .mobile{display:none;}

#footer .ft-group1 .family-site{position:relative;float:right;width:auto;margin-top:1em;}
#footer .ft-group1 .family-site.on ul{display:block;opacity:1;border-bottom-left-radius:0;border-bottom-right-radius:0;}
#footer .ft-group1 .family-site.on .select{border-radius:15px;border-top-left-radius:0;border-top-right-radius:0;background:url(../images/icon/sel-arrow-on.png)88% 50%/10px no-repeat;}

#footer .ft-group1 .family-site .select{display:block;width:200px;padding:1em 8em 1em 1.5em;border:1px solid #e4e4e4;border-radius:30px;font-size:.875em;background:url(../images/icon/sel-arrow.png)88% 50%/10px no-repeat;color:#999;}
#footer .ft-group1 .family-site ul{display:none;opacity:0;position:absolute;bottom:49px;right:0;max-width:200px;border-radius:15px;border:1px solid #e4e4e4;background:#fff;z-index:10;transition:.3s;}
#footer .ft-group1 .family-site ul a{display:block;width:225px;padding:1em 8em 1em 1.5em;color:#999;font-size:.9em}
#footer .ft-group1 .family-site ul li:not(:last-child) a{border-bottom:1px solid #e4e4e4}

#footer .ft-group2{position:absolute;top:0;width:100%;padding:1.1em 0;border-bottom:1px solid #e4e4e4}
#footer .ft-group2 ul{float:left;}
#footer .ft-group2 li{display:inline-block;}
#footer .ft-group2 li a{position:relative;display:block;margin-right:1.5em;color:#999;font-size:.875em;font-weight:400;}
#footer .ft-group2 li a:after{display:block;content:"";position:absolute;top:4px;right:-14px;width:1px;height:14px;background:#e4e4e4}
#footer .ft-group2 li:last-child a:after{display:none}
#footer .ft-group2 li:last-child a{font-size:.95em;font-weight:500;color:#333}
#footer .ft-group2 .ftTop-info{float:right;color:#999;font-size:.875em;font-weight:400;}
#footer .ft-group2 .ftTop-info span{display:inline-block;padding:0 .25em;}

#footer .ft-group3 .copy-inner{overflow:hidden;width:100%;}
#footer .ft-group3 p{float:left;width:65%;padding-top:1.5em;font-size:.875em;color:#999;font-weight:400;}
#footer .ft-group3 p span{display:inline-block;}
#footer .ft-group3 ul{overflow:hidden;float:right;padding-top:1em;}
#footer .ft-group3 ul li{float:left;text-align:right;margin-left:2em;}
#footer .ft-group3 ul li a{display:inline-block;color:#999;font-size:.938em;font-weight:500;}
#footer .ft-group3 ul li a i{margin-right:.5em;vertical-align:-5px;}
#footer .ft-group3 ul li a .play-store{display:inline-block;width:22px;height:24px;background:url(../images/icon/ico-playStore.png)50%/100% no-repeat;}
#footer .ft-group3 ul li a .app-store{display:inline-block;width:22px;height:25px;background:url(../images/icon/ico-appStore.png)50% 100%/100% no-repeat;}

#footer .toTop-width{position:relative;max-width:1300px;margin:0 auto}
#footer .to-top{display:block;position:absolute;top:-104px;right:-120px;width:60px;height:60px;border-radius:30px;background:#56b431;color:#fff;font-weight:500;line-height:60px;text-align:center;}