@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css'); /* font-family: 'Pretendard'; */

body 
{
    padding:0;
    margin:0;
    font-family:Dotum, Tahoma;
    font-size:12px;
    line-height:16px;
    color:#333;
    scrollbar-face-color: #fff;
    scrollbar-shadow-color: #cacaca;
    scrollbar-darkshadow-color:#fff;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #7dd065;
}







/*-------------공통-------------------*/
div, p, form {padding:0;margin:0;border:none;}
a img {padding:0;margin:0;border:none;}
ul, li {padding:0;margin:0;list-style:none;}
h1,h2,h3,h4 {padding:0;margin:0;font-size:12px;}


a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;}






/* 이미지 롤오버 공통 */
a.roll img {padding:0;margin:0;display:inline; border:0;} 
a.roll img.over {padding:0;margin:0;display:none;} 
a.roll:hover {padding:0;margin:0;border:0;}
a.roll:hover img {padding:0;margin:0;display:none;}
a.roll:hover img.over {padding:0;margin:0;display:inline;}

A.tab img {display:inline; border:0;} 
A.tab img.over {display:none;} 
A.tab:hover {border:0;}
A.tab:hover img {display:none;} 
A.tab:hover img.over {display:block;}



/* 푸터 */
#footerarea
{
    clear:both;
    margin:0 auto;
    padding:70px 0 17px 0;
    width:1000px;
    background: url(../img/common/footerTop.gif) no-repeat 50% 50px;
}



#footer
{
    width:967px;
    margin: 0 auto;
    padding:0;
}
.quick{top:0px;position:absolute;margin:120px 0 0 970px;}
.quick1{top:0px;position:absolute;margin:120px 0 0 520px;}

.leftfooter
{
    float:left;
    width:450px;
    padding-top:10px;
}
.rightfooter
{
	position:relative;
    float:right;
    width:510px;
}
.rightfooter p
{
    float:right;
     margin-right: 241px;
	 margin-top:6px;

}
.rightfooter .family {right:-100px}
.rightfooter .family_sub {right:-100px; transform:scale(0.7) translateY(calc(-100% - 27px)) !important; transform-origin:right top;}
.rightfooter .family_sub ul li a {font-weight:400;}
.rightfooter p > a > img { margin-top: 8px;  margin-right: -100px; margin-left: 14px;}
#footer .social {position: absolute;top:13px;left:100px;width:180px;}
#footer .footer_social .social {top: 10px;}
#footer .social li {float:left;}
#footer .social li a {display: inline-block;zoom:1; *display:inline;height: 18px;vertical-align: top;}
#footer .social li.blog a {width:75px;margin-right:14px;background:transparent url(../img/common/ico_blog_2.png) no-repeat scroll 0 0 ;}
#footer .social li.twitter a {width:73px;background:transparent url(../img/common/ico_twitter_2.png) no-repeat scroll 0 0 ;}
#footer .blind {display:none;}
#FamilySite {position:absolute; top:20px; left:-140px; float:right; padding-top:4px; font-family:"Pretendard", sans-serif;}



.copy {margin-top:8px;}







/*input*/
input
{
    padding:1px 5px;
    border:solid 1px #d6d6d6;
    color:#636363;
    font-family:Dotum, Tahoma;
}
textarea
{
    padding:5px;
    border:solid 1px #d6d6d6;
    color:#636363;
    font-family:Dotum, Tahoma;
}







/*select*/
select
{
    color:#636363;
    font-family:Dotum, Tahoma;
}
#privacy2 {clear:both}
.privacy2_txt
{
    width:679px;
    padding:25px 0 5px 0;
    border-bottom:solid 1px #eaeaea;
}
.privacy2_txt p {padding-bottom:20px;}
.privacy2_txt p img {margin-bottom:10px;}


.btnarea {margin-top:0px;text-align:right;}
.btnarea img{vertical-align:middle; margin-left:4px;}


/*개인정보취급방침*/
.privacypolicy_a .info { font-size:11px; color:#908c85;}
.privacypolicy_a .txt { color:#908c85; font:11px/1.6 "나눔고딕", NanumGothic, "맑은 고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;  padding-top:30px;}

.privacypolicy2_a  {border-top:2px solid #43311a; border-bottom:1px solid #eae7e3; margin-top:40px; padding:20px 0;}
.privacypolicy2_a .list {padding:10px 0; height:1%; overflow:hidden; background:url('/img/common/line_1x50.gif') repeat-y 50% top;}
.privacypolicy2_a .list li { width:49%; float:left; text-indent:30px; padding-bottom:4px;}
.privacypolicy2_a .list li a { color:#ad5b1c; text-decoration:underline;}

.privacypolicy3_a > dl {padding-top:40px;  position:relative;}
.privacypolicy3_a dt {font-size:12px; color:#ad5b1c; padding:8px 5px 5px 5px; border-bottom:1px solid #ccc; position:relative;  font-weight:bold;}
.privacypolicy3_a dt img.btntop { position:absolute; right:5px; bottom:0;}
.privacypolicy3_a dd { padding-left:0px; margin-left:0px;}
.privacypolicy3_a dd.highlight { position:absolute; top:30px; left:-10px; z-index:-1; border-radius:20px;}
.privacypolicy3_a dd .subcopy { margin-top:10px; font-size:12px; color:#7b5e48; line-height:1.4}
.privacypolicy3_a dd .listtitle { font-size:11px; font-weight:bold; color:#666666; margin-top:15px; padding-left:13px; background:url('/img/common/bul_arrow_3x5.gif') no-repeat 5px 4px;}
.privacypolicy3_a dd .listtitle_subcopy { font-size:11px; margin-top:5px; padding-left:12px; color:#666666;}
.privacypolicy3_a dd > ul { margin-top:6px; padding:15px 0 10px 10px; background-color:#f8f8f8; border:1px solid #efefef;}
.privacypolicy3_a dd > ul > li { font-size:11px; color:#666666; padding-bottom:6px; line-height:1.4;padding-left:14px; background:url('/img/common/bul_arrow_3x3.gif') no-repeat 5px 5px;}

.privacypolicy3_a dd table {border-collapse:collapse; empty-cells:show; color:#666666;}
.privacypolicy3_a dd .table { margin-top:10px; }
.privacypolicy3_a dd .table th, 
.privacypolicy3_a dd .table td { border:1px solid #ccc; padding:6px 0; text-align:center; font-size:11px;  }
.privacypolicy3_a dd .table th { background-color:#F3F3F3}
.privacypolicy3_a dd .table td { background-color:#fff;}

.privacypolicy3_a a.j_line {text-decoration:underline !important;}

/* color-anchor*/
.privacypolicy3_a a {color: #1a4065; text-decoration: none;}
.privacypolicy3_a a:link, a:visited {color:#1a4065; text-decoration: none;}
.privacypolicy3_a a:hover, a:active {color:#016edc; text-decoration: underline;}

/*gnb*/

.gnb {position:relative;border-radius:20px;height:36px;padding:0px 8px;background: -webkit-linear-gradient(top,  #f87b73 0%,#f33730 61%,#e90a15 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f87b73 0%,#f33730 61%,#e90a15 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.gnb > li {padding:9px 10px;position:relative;float:left;margin-left:110px;}
.gnb > li a {font-family:"appleGothic","맑은 고딕","Malgun Gothic",serif; color:#fff;font-size:15px;}
.gnb > li:hover .depth {display:block}
.gnb li div.depth {border-radius:8px;position:absolute;left:0;display:none;overflow:hidden;background: #fff;top:21px;
    padding: 4px 20px;border:1px solid #ddd;margin-left:-70px;top:29px}
.gnb li div.depth ul li {margin-left:5px;margin-top:0;display: inline-block;}
.gnb li div.depth ul li:first-child {}
.gnb li div.depth ul li a {font-family:"appleGothic","맑은 고딕","Malgun Gothic",serif; padding:4px 2px;color:#000;font-size:13px;width:70px;display:inline-block;text-align: center;}
.gnb li div.depth ul li a:hover {background: #ff9901;
    padding: 2px 2px;
    border-radius: 10px;
    color: #fff;
    vertical-align: middle;width:70px;display:inline-block;}
.gnb li div.depth ul li a:active {text-decoration:none;}