@charset "utf-8";
/*@import url(animate.css);*/

body.active{overflow:hidden;}

#header{position:fixed; left:0px; top:0px; z-index:99; width:100%; min-width:1200px; padding: 15px 0; border-bottom: 0px solid #73654c;}
#header > div:not(.top_area){position:relative; width:1200px; height:60px; padding:0 15px; box-sizing:border-box; margin:0 auto;}
#header > div.top_area{background:rgba(0,0,0,0);}
#header > div.top_area > div{width:1200px; height:40px; box-sizing:border-box; padding:5px 15px; margin:0 auto; text-align:right;}
#header > div.top_area ul > li{display:inline-block; font-size:13px; color:#fff; font-weight:300; line-height:30px;}
#header > div.top_area ul > li:after{content:''; display:inline-block; width:1px; height:12px; margin:-3px 5px 0 10px; background:#fff; vertical-align:middle;}
#header > div.top_area ul > li:last-child:after{display:none;}
#header > div.top_area ul > li > a{display:inline-block; color:#fff;}
#header > div.top_area ul > li > a:hover{color:#fff;}
#header h1{width:150px; height:60px; position:absolute; left:0px; top:0px;}
#header h1 > a{display:block; height:100%; background:url(../img/comm/logo.png) no-repeat 0 50%; background-size:contain; text-indent:100%; overflow:hidden; white-space:nowrap;}
#header .util_area{position:absolute; right:15px; top:0px; height:100%;}
/*#header .util_area:after{content:''; display:block; clear:both;}*/
#header .util_area li{float:left; margin-left: 15px;}
/* ?? */
 border-radius:4px; text-indent:100%; overflow:hidden; white-space:nowrap; transition:background 0.2s ease 0s; -webkit-transition:background 0.2s ease 0s;}
#header .util_area li:nth-of-type(2){margin-top:-7px; padding:0 20px; position:relative;}

/* gnb */
#header nav .gnb{/*margin-left:146px;*/ text-align:right; margin-right:380px;}
#header nav .gnb > li{display:inline-block; padding:0 25px; line-height:60px; vertical-align:middle;}
#header nav .gnb > li > a{display:block; position:relative; color:#fff; font-size:17px; font-family: 'noto sans kr', sans-serif !important; font-weight:400; transition:color 0.2s ease 0s; -webkit-trasnition:color 0.2s ease 0s;}
#header nav .gnb > li > a.on,
#header nav .gnb > li > a:hover{color:#e2d6bd;}
#header nav .gnb > li > a.on:after,
#header nav .gnb > li > a:hover:after{content:''; display:block; position:absolute; bottom:0px; left:50%; margin-left:-10px;   }
#header .btn_menu{position:absolute; left:15px; top:50%; z-index:998; width:40px; height:40px; margin-top:-20px; text-indent:100%; overflow:hidden; white-space:nowrap; transition:all 0.3s ease-out 0s;}
#header .btn_menu:before{content:''; display:block; position:absolute; left:50%; top:50%; width:20px; height:17px; margin-top:-9px; margin-left:-9px; background:url(../img/comm/sp_com.png) no-repeat -44px 0px;}
#header .btn_menu.active{left:calc(100% - 50px); left:-webkit-calc(100% - 50px); left:-moz-calc(100% - 50px);}
#header .bg{opacity:0; position:fixed; left:-100px; top:0px; z-index:997; width:0; height:100%; background:rgba(0,0,0,0.3); transition:all 0.3 ease-out 0s; -webkit-transition:all 0.3 ease-out 0s;}
#header .bg.active{opacity:1; left:0px; width:100%;}
#header .gnb_area > a{width:70px; height:20px; background:url(../img/comm/logo.png) no-repeat 0 0; background-size:contain; text-indent:-999em; overflow:hidden; white-space:nowrap;}

/* location  */
.location{width:100%; height:54px; padding:0 15px; margin:0 auto; box-sizing:border-box; text-align:right; background: #f5f5f7; border-bottom: 1px solid #e3e3ea;}
.location .location_wrap {max-width:1200px; margin: 0 auto; }
.location ul > li{display:inline-block; line-height:50px; font-weight:300; font-size:14px;}
/*.location ul > li:first-child:before{content:''; display:inline-block; width:12px; height:12px; margin-right:5px; background:url(../images/common/img_home.gif) no-repeat 0 0;}*/
.location ul > li:after{content:'/'; display:inline-block; margin:0 5px 0 10px; color: #ccc;}
.location ul > li:last-child{font-weight:700;  /*text-decoration:underline;*/}
.location ul > li:last-child:after{display:none;}

/* tab */
.tab_area{width:1200px; padding:0 15px; margin:30px auto 0; /*box-sizing:border-box;*/}


.tab_tit {text-align:center; padding:40px 0 0px; font-size:24px; font-family: 'NanumSquare', sans-serif !important; font-weight:700;color: #aaa;}
.tab_tit span { line-height:180%; padding-bottom:5px; color: #000;}

.tab_tit2 {text-align:center; font-size:18px; padding-top: 40px; padding-bottom: 20px; font-family: 'noto sans kr', sans-serif !important; font-weight:500;}
.tab_tit2 span {  color: #333;  padding: 50px 20px 20px; border-radius:20px; line-height:180%; padding-bottom:5px;}


/* content */
.contanier{margin-top:90px; min-width:1200px;}
.sub_visual{min-width:1200px; height:300px; padding-top:150px; box-sizing:border-box; text-align:center; color:#fff;}
.sub_visual.sub01{background:#181d23 url(../img/comm/img_subvisual01.jpg) no-repeat center bottom;}
.sub_visual.sub02{background:url(../img/comm/img_subvisual01.jpg) no-repeat center bottom;}
.sub_visual.sub03{background:url(../img/comm/img_subvisual01.jpg) no-repeat center bottom;}
.sub_visual.sub04{background:url(../img/comm/img_subvisual01.jpg) no-repeat center bottom;}

.sub_visual h2{font-size:32px; text-shadow:0px 1px 5px rgba(0,0,0,0.5); max-width:1200px; margin: 0 auto; text-align: left;}
.sub_visual p{margin-top:10px; font-size:17px; font-weight:300;  text-shadow:0px 1px 5px rgba(0,0,0,0.8); max-width:1200px; margin: 0 auto; text-align: left;}

@-webkit-keyframes subVisual{
	0%{background-position:50% 70%;}
	100%{background-position:50% 50%;}
}
@keyframes subVisual{
	0%{background-position:50% 70%;}
	100%{background-position:50% 50%;}
}

/* footer */
footer{background:#333333/* #434159 */; min-width:1200px;}
footer > ul{text-align:center;     background: #695e42;}
footer > ul > li{display:inline-block; line-height:70px; padding:0 20px;}
footer > ul > li > a{display:inline-block; position:relative; font-size:14px; font-weight:300; color:#eaeaea !important; transition:color 0.2s ease 0s; -webkit-transition:color 0.2s ease 0s;}
footer > ul > li > a:hover,
footer > ul > li > a:focus{color:#bec5cc !important;}
footer > ul > li > a:after{content:''; display:block; width:1px; height:12px; background:#887954; position:absolute; right:-22px; top:50%; margin-top:-5px;}
footer > ul > li:last-child > a:after{display:none;}
footer > ul > li > a.tel{font-weight:500;}
footer > ul > li > a.tel em{font-weight:300; text-decoration:underline;}
footer > div{background:#333333; padding:20px 0 40px; text-align:center; font-size:14px;}
footer address{color:#eee; font-weight:300;}
footer p{padding-top:10px; font-weight:400; color:#999;}

@media all and (min-width:2500px){
	.sub_visual{background-size:cover !important;}
}

/* 1:1바로문의 */
#floatdiv{position:fixed; z-index:999; bottom:0px; right:0px; width:360px; height:234px;  box-sizing:border-box; background: rgba(0, 0, 0, 0.5); text-align:center; letter-spacing:-1px; transition:all 0.3s ease-out 0s;}
#floatdiv.active{bottom:-183px;}
#floatdiv h3{padding:10px 10px 10px 0px; font-size:21px; color:#fff; font-weight:500;}
#floatdiv p{color:white; font-size:17px; font-weight:300;}
#floatdiv .btn_area{position:relative; margin-top:30px; padding:0 35px;}
#floatdiv .btn_area:after{content:''; display:block; clear:both;}
#floatdiv .btn_area a[class^="btn_"]{display:block; /* float:left; */ width:50%; font-size:15px; line-height:1.5; color:#fff; font-weight:300; text-align:center;margin: 0 auto;}
#floatdiv .btn_area a[class^="btn_"]:before{content:''; display:block; width:53px; height:53px; margin:0 auto 15px;/*  background:url(../img/comm/ico_advice_inquiry.png) no-repeat 0 0; */}
#floatdiv .btn_area a[class^="btn_"]:hover{text-decoration:underline;}
#floatdiv .btn_area a.btn_chatting:before{background-position:0 0}
#floatdiv .btn_area a.btn_kakao:before{background-position:-79px 0}
#floatdiv .btn_area a.btn_naver:before{background-position: -158px 0}
#floatdiv .btn_area div{opacity:0; z-index:-1; position:absolute; top:-50px; padding:10px 15px; background:#fff; border-radius:5px; box-shadow:0px 0px 1px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2); font-size:13px; font-weight:300; text-align:left; transition:all 0.3s ease 0s;}
#floatdiv .btn_area div:after{content:''; display:block; position:absolute; bottom:-6px; right:10px; border-top:6px solid #fff; border-left:6px solid transparent;}
#floatdiv .btn_area a[class^="btn_"]:hover + div{opacity:1; z-index:999;}
#floatdiv .btn_area .btn_chatting + div{left:-150px;}
#floatdiv .btn_area .btn_kakao + div{left:-65px; top:-70px;}
#floatdiv .btn_area .btn_naver + div{left:20px;}
#floatdiv .btn{display:block; position:absolute; top:0px; right:0px; width:50px; height:50px; background: rgb(34, 191, 180); text-indent:100%; overflow:hidden; white-space:nowrap;}
#floatdiv .btn:before{content:''; display:block; position:absolute; left:50%; top:50%; margin:-4px 0 0 -7px; border-top:9px solid #efefef; border-left:7px solid transparent; border-right:7px solid transparent; transition:all 0.3s ease 0s;}
#floatdiv.active .btn:before{transform:rotate(-180deg);}


#goLink_1 {background:url(../img/comm/happyt.jpg) no-repeat;background-size: cover;padding-bottom: 5px;}
#goLink_3 {background:url(../img/comm/navert.jpg) no-repeat;background-size: cover;padding-bottom: 5px;}