@charset 'utf-8';

/* °øÅë */
/*¸ð¹ÙÀÏ input*/
/* ¸ð¹ÙÀÏ */
input[type="submit"],input[type="button"], input[type="file"],
input[type="text"], button { appearance: none; -moz-appearance: none; 
-webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; 
-moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important;}
/*css*/
*{word-break:keep-all; line-height: 1.2; box-sizing:border-box;}
figure{margin: 0;}
.clip {position: absolute; clip: rect(0,0,0,0); width: 1px; height: 1px;overflow: hidden;}
.pop{font-family: 'Poppins', sans-serif;}
.w1720{width: 100%; max-width: 1720px; box-sizing:border-box; margin: 0 auto;}
.w1600{width: 100%; max-width: 1600px; box-sizing:border-box; margin: 0 auto;}
.w1180{width: 100%; max-width: 1180px; box-sizing:border-box; margin: 0 auto;}

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }



/* header */
.header{display:flex; align-items:center; position:fixed; top: 0; left: 0; width: 100%; z-index: 500; box-sizing:border-box; padding: 0 88px 0 100px; transition:0.4s; background: transparent; /* background: #fff; */}
.header.sub{background: #fff;}

.header .line_bar{position:absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #064571; transition:1s cubic-bezier(0.16, 1, 0.3, 1)}
.header .line_bar.on{transition:1s cubic-bezier(0.16, 1, 0.3, 1)}
.header .logo{position:relative; width: 150px; height: 25px; background:url(/img/common/logo.png) 50% 50% no-repeat; background-size:cover; transition:0.4s; z-index: 10;}
.header .logo a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.header .gnb{width: calc(100% - 186px);box-sizing:border-box; padding-right: 88px; transition:0.4s}
.header .gnb > ul{ display:flex; align-items:center; justify-content:flex-end; }
.header .gnb > ul > li{}
.header .gnb > ul > li > a{display:inline-block; vertical-align: top; font-family: 'Poppins', sans-serif; /* font-weight:500; */ font-size:16px; color: #fff;/* color: #222; */ padding: 0 48px; line-height: 90px;transition:0.4s}
.header .gnb > ul > li > a span{position:relative; }
.header .gnb > ul > li > ul{display:none;  align-items:center; justify-content:center; position:absolute; top: 90px; left: 0; width: 100%; background: #ffffffc4; font-size:0; text-align: right; padding-right: 249px; box-sizing:border-box;}
.header .gnb > ul > li > ul > li{display:inline-block; vertical-align: top;}
.header .gnb > ul > li > ul > li > a{font-weight:300; font-size:14px; color: #444; line-height: 45px; padding: 0 10px;}
.header .header_ui{display:flex; align-items:center;}
.header .header_ui .search_box{position:relative; width: 36px; transition:0.4s; z-index: 10;}
.header .header_ui .search_box .open{position:absolute; top: 1px; right: 1px; width: 34px; height: 34px; text-align: center; transition:0.4s; cursor: pointer;}
.header .header_ui .search_box .open i{position:relative; top: 1px;color: #fff;/* color: #222; */font-size:18px; line-height: 30px;}
.header .header_ui .search_box .input_box{position:relative; opacity: 0; width: 0; transition:0.4s; overflow: hidden; margin-left: auto;}
.header .header_ui .search_box .input_box input{background: none; /* border:1px solid #222; */border:1px solid #fff; box-sizing:border-box; height: 36px; width: 100%; border-radius:18px; font-size:16px; color: #fff;/* color: #222; */ padding: 0 15px;}
.header .header_ui .search_box .input_box button{position:absolute; top: 1px; right: 1px; width: 34px; height: 34px; border:none; background: transparent; border-radius:50%; font-size:18px; color: #fff;/* color: #222; */ cursor: pointer; padding: 0;}
.header .header_ui .m_btn{display:none; position:relative; width: 34px; height: 34px; margin-left: 10px; cursor: pointer; text-align: center; z-index: 10;}
.header .header_ui .m_btn span{display:inline-block; vertical-align: top; position:relative; height: 2px; width: 25px; background: transparent; margin-top: 16px;}
.header .header_ui .m_btn span::before{content:''; position:absolute; left: 0; top: 4px; height: 100%; width: 100%; background: #222; transition:0.4s}
.header .header_ui .m_btn span::after{content:''; position:absolute; left: 0; top: -4px; height: 100%; width: 100%; background: #222; transition:0.4s}
.header .header_ui .m_gnb{display:none;  position:fixed; top: 0; right: -100%; width: 100%; height: 100%; max-width: 500px; background: #fff; transition:0.4s}
.header .header_ui .m_gnb > ul{margin-top: 70px;}
.header .header_ui .m_gnb > ul > li{text-align: right; }
.header .header_ui .m_gnb > ul > li > a{display:inline-block; width: 100%; vertical-align: top; padding: 10px 16px; font-weight:bold; font-size:42px; color: #222; box-sizing:border-box}
.header .header_ui .m_gnb > ul > li > ul{display:none; }
.header .header_ui .m_gnb > ul > li > ul > li{margin: 4px 0;}
.header .header_ui .m_gnb > ul > li > ul > li > a{display:inline-block; width: 100%; vertical-align: top; padding: 6px 16px; font-weight:500; font-size:20px; color: #222; box-sizing:border-box;}


/* ¼­Ä¡ */
.header.search{}
.header.search .gnb{width: calc(100% - 350px);}
.header.search .header_ui .search_box{width: 200px;}
.header.search .header_ui .search_box .input_box{width: 100%; opacity: 1;}
.header.search .header_ui .search_box .open{opacity: 0;}
/* ¸ð¹ÙÀÏ */
.header .header_ui .m_gnb.on{right: 0;}
.header .header_ui .m_btn.on span::before{top: 0; transform:rotate(45deg); background:#222}
.header .header_ui .m_btn.on span::after{top: 0; transform:rotate(-45deg); background:#222}
/* hover */
.header.sub{border-bottom: 1px solid #e0e0e0;}
.header.on{background: #fff;}
.header.sub .logo,
.header.on .logo{background:url(/img/common/logoH.png) 50% 50% no-repeat;}
.header.sub .gnb > ul > li > a,
.header.on .gnb > ul > li > a,
.header.sub .header_ui .search_box .open i,
.header.on .header_ui .search_box .open i,
.header.sub .header_ui .search_box .input_box button,
.header.on .header_ui .search_box .input_box button{color: #222;}
.header.sub .header_ui .search_box .input_box input,
.header.on .header_ui .search_box .input_box input{border-color:#222}
.header.sub .header_ui .m_btn span::after,
.header.sub .header_ui .m_btn span::before,
.header.on .header_ui .m_btn span::after,
.header.on .header_ui .m_btn span::before{background: #222;}
.header.sub .header_ui .search_box .input_box input { color: #222; }

/* hover */
.header .gnb > ul > li > ul > li > a:hover{color: #064571;}
.header .gnb > ul > li.on > a,
.header .gnb > ul > li:hover > a{color: #064571;}


/* footer */
.footer{position:fixed; bottom: 0;left: 0; width: 100%;display:flex; align-items:center; justify-content:space-between; background: #292e34; padding: 13px 160px; box-sizing:border-box;}
.footer.sub{position:static; }
.footer p{font-family: 'Poppins', sans-serif; font-weight:100; font-size:12px; color: #fff; opacity: 0.5;}
.footer .family{position:relative; width: 150px;background: #494d52;}
.footer .family h4{position:relative; font-weight:100; font-size:11px; color: #fff; opacity: 0.5; line-height: 25px; padding: 0 10px; box-sizing:border-box; text-transform: uppercase; cursor: pointer;}
.footer .family h4 i{position:absolute; top: 50%; right: 10px; transform:translateY(-50%);}
.footer .family ul{display:none; position:absolute; bottom: 27px; left: 0; width: 100%; background: #34393e; padding: 10px 0;}
.footer .family ul li{} 
.footer .family ul li a{display:inline-block; vertical-align: top; padding: 5px 10px; font-weight:100; font-size:11px; color: #999;}
.footer .family ul li a:hover{color: #fff;}
 
/* 
@media (max-width: 1720px){
	.header{padding: 0 28px 0 40px;}
	.header .gnb{padding-right: 0;}
}

@media (max-width: 1600px){
	.footer{padding: 13px 40px;}
}
@media (max-width: 1400px){
	.header .gnb > ul > li > ul > li > a{padding: 0 10px;}
}


@media (max-width: 1200px){
	.w1180{padding: 0 16px;}

	.header.sub{background: #fff;}
	.header{padding: 0 16px; justify-content:space-between; height: 70px;}
	.header .gnb{display:none; }
	.header .header_ui .m_gnb,
	.header .header_ui .m_btn{display:block; }

	.footer{padding: 13px 16px;}
}

@media (max-width: 600px){
	.header.search .header_ui .search_box{width: 160px;}
	.header .header_ui .m_gnb > ul li a{font-size:20px;}
	.header .header_ui .m_gnb > ul li ul li a{font-size:18px;}
} */