@charset "utf-8";

/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#new_wrap { overflow: hidden; min-width: 1280px; margin: 0 auto; -webkit-overflow-scrolling : touch; }
#new_header { min-width: 1280px; width: 100%; background-color: #ffffff; z-index: 10; }
#new_container { overflow: hidden; min-width: 1280px; margin: 0 auto; }
#new_footer { overflow: hidden; min-width: 1280px; position: relative; margin: 0 auto; background-color: #333333; }


/* HEADER */
#new_header > .head { height: 30px; background-color: #024a72; }
#new_header > .head .outer { overflow: hidden; position: relative; width: 1280px; margin: 0 auto; }
#new_header > .head .outer .head_btn { margin: 4px 0 0; }
#new_header > .head .outer .head_btn ul { margin: 0; padding: 0; }
#new_header > .head .outer .head_btn li { list-style: none; float: left; height: 26px; margin: 0 1px 0 0; -webkit-border-top-left-radius:4px; -moz-border-top-left-radius:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#new_header > .head .outer .head_btn li.home { background: url("../images/new_inc/lnb_home.png") no-repeat 14px; background-color: #fff; }
#new_header > .head .outer .head_btn li.home a,
#new_header > .head .outer .head_btn li.home a:hover { display: block; padding: 0 15px 0 33px; font-family: dotum,AppleGothic; font-size: 11px; line-height: 26px; color: #555555; }

#new_header > .head .outer .head_btn li.love { background: url("../images/new_inc/lnb_love.png") no-repeat 14px; background-color: #1e5e81; }
#new_header > .head .outer .head_btn li.love a,
#new_header > .head .outer .head_btn li.love a:hover { display: block; padding: 0 15px 0 33px; font-family: dotum,AppleGothic; font-size: 11px; line-height: 26px; color: #a3c8dd; }

#new_header > .head .outer .head_btn li.remote { background: url("../images/new_inc/lnb_remote.png") no-repeat 14px; background-color: #1e5e81; }
#new_header > .head .outer .head_btn li.remote a,
#new_header > .head .outer .head_btn li.remote a:hover { display: block; padding: 0 15px 0 33px; font-family: dotum,AppleGothic; font-size: 11px; line-height: 26px; color: #a3c8dd; }
#new_header > .head .outer .head_btn:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#new_header > .head .outer .head_lnb { position: absolute; right: 0; top: 9px; }
#new_header > .head .outer .head_lnb ul { margin: 0; padding: 0; }
#new_header > .head .outer .head_lnb li { position: relative; list-style: none; float: left; margin-left: 10px; padding-left: 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#new_header > .head .outer .head_lnb li:after { content: ""; position: absolute; width: 1px; height: 7px; left: 0; top: 2px; background-color: #6c9db8; }
#new_header > .head .outer .head_lnb li:first-child:after { display: none; }
#new_header > .head .outer .head_lnb a,
#new_header > .head .outer .head_lnb a:hover { display: block; font-family: dotum,AppleGothic; font-size: 11px; line-height: 14px; color: #a3c8dd; }
#new_header > .head .outer .head_lnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#new_header > .body { background-color: #fff; border-bottom: 1px solid #dddddd; }
#new_header > .body .outer { position: relative; width: 1280px; margin: 0 auto; }
#new_header > .body .outer h1 { margin: 0; padding: 0; line-height: 0; }

#new_header > .body .outer .gnb { position: absolute; right: 0; top: 42px; height:60px; }
#new_header > .body .outer .gnb > ul { margin: 0; padding: 0; }
#new_header > .body .outer .gnb > ul > li { list-style: none; float: left; margin: 0 0 0 60px;  height:60px; }
#new_header > .body .outer .gnb > ul > li a { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 16px; color: #333333; letter-spacing: -1px; }
#new_header > .body .outer .gnb > ul > li a:hover { color: #024a72; }
#new_header > .body .outer .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#new_header > .body .outer .gnb .smenu { display:none; position:absolute; width:162px; left:-10px; top:59px; padding:0 0 30px 0; border-left:1px solid #888888; border-right:1px solid #888888; border-bottom:1px solid #888888; background-color:#ffffff; z-index:21; }
#new_header > .body .outer .gnb .smenu ul { margin:0;padding: 0; }
#new_header > .body .outer .gnb .smenu li { list-style:none; width:100%; height:30px; padding-left:0; background:none; }
#new_header > .body .outer .gnb .smenu li:first-child { height:20px; }
#new_header > .body .outer .gnb .smenu a { padding-left:16px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#383838; font-size:12.5px; line-height:30px; font-weight:normal; display:block; }
#new_header > .body .outer .gnb .smenu a:hover { color:#000000; background-color:#dfdfdf; }
#new_header > .body .outer .gnb .smenu .selected { font-weight:bold; font-size:14px; }
#new_header > .body .outer .gnb .smenu .smenu_bar { height:4px; margin:-4px 48px 0 48px; background-color:#dfdfdf; }



/* CONTAINER */
#new_container > .head { height: 407px; background-color: #f1f4f8; }
#new_container > .head .outer { position: relative; width: 1280px; margin: 0 auto; }

#new_container > .head .outer .slogan { padding: 70px 0 0 33px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 29px; line-height: 46px; color: #111111; letter-spacing: -1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#new_container > .head .outer .slogan strong { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 29px; line-height: 46px; color: #111111; letter-spacing: -1px; }
#new_container > .head .outer .slogan span { display: block; margin: 18px 0 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 20px; color: #777777; letter-spacing: -1px; }

#new_container > .head .outer .head_btn { margin: 50px 0 0 35px; }
#new_container > .head .outer .head_btn ul { margin: 0; padding: 0; }
#new_container > .head .outer .head_btn li { list-style: none; float: left; margin: 0 5px 0 0; width: 134px; height: 42px; background: url("../images/new_main/btn_dot.png") no-repeat right; background-color: #d9dcde; border: 1px solid #c3c3c3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#new_container > .head .outer .head_btn li:hover { -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; }
#new_container > .head .outer .head_btn a,
#new_container > .head .outer .head_btn a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 40px; color: #333333; letter-spacing: -1px; text-align: center; }
#new_container > .head .outer .head_btn:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#new_container > .head .outer .banner { position: absolute; right: 28px; top: 56px; }
#new_container > .head .outer .banner ul { margin: 0; padding: 0; }
#new_container > .head .outer .banner li { list-style: none;float: left; width: 228px; margin-left: 86px; cursor: pointer; }
#new_container > .head .outer .banner .thum { height: 255px; background: url("../images/new_main/banner_thum01.png") no-repeat; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#new_container > .head .outer .banner .thum.v1 { background: url("../images/new_main/banner_thum02.png") no-repeat; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#new_container > .head .outer .banner li:hover .thum { height: 255px; background: url("../images/new_main/banner_thum01_ov.png") no-repeat; }
#new_container > .head .outer .banner li:hover .thum.v1 { background: url("../images/new_main/banner_thum02_ov.png") no-repeat; }
#new_container > .head .outer .banner .thum_title { margin: 10px 0 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 24px; line-height: 24px; color: #024a72; letter-spacing: -1px; text-align: center; }
#new_container > .head .outer .banner:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#new_container > .slide { position: relative; }
#new_container > .slide ul { margin: 0; padding: 0; }
#new_container > .slide li { position: relative; list-style: none; height: 500px; }
#new_container > .slide .outer { position: absolute; width: 100%; left: 0; top: 0; }
#new_container > .slide .outer .inner { width: 290px; height: 365px; margin: 68px auto 0; background-color: rgba(255,255,255,0.9); border: 5px solid #96d1e3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#new_container > .slide .outer .inner .text1 { margin: 60px auto 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 16px; color: #024a72; letter-spacing: 2.5px; text-align: center; }
#new_container > .slide .outer .inner .text2 { margin: 26px auto 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 25px; line-height: 36px; color: #000000; letter-spacing: -0.5px; text-align: center; }
#new_container > .slide .outer .inner .text3 { margin: 26px auto 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 28px; color: #555555; letter-spacing: -0.5px; text-align: center; }
#new_container > .slide:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#new_container > .contact { overflow: hidden; width: 1160px; margin: 40px auto; border: 1px solid #dddddd; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#new_container > .contact ul { margin: 0; padding: 0; }
#new_container > .contact li { list-style: none; float: left; width: 33.33333%; height: 172px; margin: 25px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#new_container > .contact li:nth-child(2) { border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; }
#new_container > .contact .icon { text-align: center; line-height: 0; }
#new_container > .contact .icon_title { margin: 5px 0 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 22px; line-height: 22px; color: #000000; letter-spacing: -0.5px; text-align: center; }
#new_container > .contact p { margin: 10px 0 0; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; color: #666666; letter-spacing: 0; text-align: center; }
#new_container > .contact:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* FOOTER */
#new_footer > .outer { overflow: hidden; position: relative; width: 1220px; margin: 0 auto; padding-bottom: 35px; }

#new_footer > .outer .menu { margin: 40px 0 0 0; }
#new_footer > .outer .menu ul { margin: 0; padding: 0; }
#new_footer > .outer .menu li { position: relative; list-style: none; float: left; margin-left: 10px; padding-left: 11px; }
#new_footer > .outer .menu li a,
#new_footer > .outer .menu li a:hover { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 13px; color: #ffffff; letter-spacing: 0; }
#new_footer > .outer .menu li:after { content: ""; position: absolute; width: 1px; height: 11px; left: 0; top: 5px; background-color: #7d7d7d; }
#new_footer > .outer .menu li:first-child { margin: 0; padding: 0; }
#new_footer > .outer .menu li:first-child:after { display: none; }
#new_footer > .outer .menu:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#new_footer > .outer .copyright { margin: 14px 50px 0 0; }
#new_footer > .outer .copyright ul { margin: 0; padding: 0; }
#new_footer > .outer .copyright li { list-style: none; float: left; margin: 0 15px 0 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 20px; color: #a09f9f; letter-spacing: -0.5px; }
#new_footer > .outer .copyright li.v1 { content:""; display:block; clear:both; /* height:0; visibility:hidden; */ }
#new_footer > .outer .copyright:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* QUICK */
#quick { position: absolute; width: 100%; left: 0; top: 0; }
#quick .outer { position: relative; width: 1280px; margin: 0 auto; }
#quick .outer .list { position: absolute; width: 111px; right: -111px; top: 154px; }
#quick .outer .list ul { margin: 0; padding: 0; }
#quick .outer .list li { list-style: none; line-height: 0; }
#quick .outer .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}



@media screen and (max-width:640px) {
	#new_wrap { min-width: 1450px; }
	#new_header { min-width: 1450px;}
	#new_container { min-width: 1450px;}
	#new_footer { min-width: 1450px;}
}