/* Common **********************************************************************/ /* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } @font-face { font-family: 'NanumMyeongjo'; font-style: normal; font-weight: 300; src: url('/font/NanumMyeongjoExtraBold.ttf') format('truetype'), url(/font/NanumMyeongjo.woff) format('woff'); } @font-face { font-family: 'NanumGothic'; font-style: normal; font-weight: 400; src: url(/font/NanumGothic.otf) format('opentype'), url(/font/NanumGothic.ttf) format('truetype')), url(/font/NanumGothic.woff) format('woff'); } @font-face { font-family: 'NanumGothicBold'; font-style: bold; font-weight: 900; src: url(/font/NanumGothic.otf) format('opentype'), url(/font/NanumGothic.ttf) format('truetype'), url(/font/NanumGothic-Bold.woff) format('woff'); } @font-face { font-family: 'KCC-Kimhwanki'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/KCC-Kimhwanki.woff') format('woff'); font-weight: normal; font-style: normal; } /* Common **********************************************************************/ html,body {width:100%; } html {overflow-y:scroll; box-sizing:border-box;} *, *:before, *:after{box-sizing:inherit;} *{ -webkit-text-size-adjust:none; -webkit-text-size-adjust - auto | none | N% (default auto) } body {word-break:break-all;-ms-word-break:break-all; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;} fieldset,img {border:0px none; vertical-align:top;} dl,ul,ol,menu,li {list-style:none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;} button {border:0 none; background-color:transparent; cursor:pointer;} body { background:#fff;} body,th,td,input,select,textarea,button {font-size:22px; line-height:1.5; font-family: 'Noto Sans KR'; color:#1b56ff;} input, select, textarea, button{vertical-align:middle; } a:link,a:active,a:visited{color:#484848; text-decoration:none; border:0px;} a:hover,a:focus{color:#484848; text-decoration:none} address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;} summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;} caption {position:static;} /* label hidden 처리 */ .invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;} label.invisible{*position:Absolute;} /* common */ .clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;} .clfix {display:inline-block;} .clfix {display:block;} * html .clfix {height:1%;} /* Hides from IE-mac */ .clfix {zoom:1;} /*for IE 5.5-7*/ .list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;} /*멤버스킨*/ .title{font-size:15px; font-weight:bold;} /*테이블 .tbl_type,.tbl_type th,.tbl_type td{border:0} .tbl_type{width:100%;border-bottom:1px solid #e2e2e5; } .tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;} .tbl_type p{font-size:11px; color:#b6b7bc;} .tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;} .tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0} .tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; } .tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;} .tbl_type2 p{font-size:11px; color:#b6b7bc;} .tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;} .tbl_type3{border-left: 1px solid #ddd;} .tbl_type3 th {background: #f5f5f5; padding:15px 0; border:1px solid #ddd; height:46px; font-size:16px; color:#484848; text-align:center; font-weight:bold; border-right:none; } .tbl_type3 td.td_left{text-align: left;} .tbl_type3 td.border-top{border-top:1px solid #ddd;} .tbl_type3 td {background: #fff; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; font-size:16px; color:#484848; font-weight:400; padding: 10px 20px; text-align:center;} .tbl_type3 .bg01{color: #fff; background:#AB0000;} .tbl_type3 .bg02{background: #f5f5f5; color: #484848; font-weight: bold;} */ /*로그인스킨*/ .login_wrap{width:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;} .login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;} .login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;} .login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#333; border:none; } .num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;} .font_color{color:#1a386a; font-weight:bold;} /*회원가입 스킨*/ .inWrap {width:100%; border:1px solid #353638; border-width:1px 0; padding:30px 0;} .inWrap.type1 { padding:50px 0;} .inWrap.type2 { padding:0;} .inWrap.type3 { padding:5px 0; border-bottom-width:0;} .inWrap.width1 { width:480px !important; margin:0 auto;} .tbox1 { border:1px solid #cdcdcd; } .tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;} .tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;} .txt_type { line-height:25px; font-size:13px; color:#666;} .agreement input{vertical-align:middle; border:none;} .btnType { display:inline-block; position:relative; transition:all 0.3s;} .btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;} .btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; } .btnWrap input{color:#fff;} .center{text-align:center;} .inner {width:640px; margin:0 auto;} #wrap {position:relative; width:100%; min-width:600px; overflow:hidden;} #header {position:fixed; top:0; left:0; width:100%; height:100px; z-index:999999;background:#fff;} #header.on {background:#fff;} #header .inner {position:relative;background:#fff;} #header.sub {background:#fff;} .logo {position:absolute; top:0px; left:10;} .gnb {font-family:'NanumGothicBold'; font-weight:bold; left:45px; float:right; padding-top:9px; margin-right:10px; margin-top:20px;} .gnb > li {position:relative; float:left; height:91px; line-height:96px; margin-left:18px; font-size:17px; color:#000;} .gnb > li > a {display:block; height:100%; font-size:17px; color:#000;} .gnb_2depth {font-family:'NanumGothicBold'; display:none; position:absolute; top:91px; left:20%; transform:translateX(-35%); width:120px; text-align:center; z-index:999;} .gnb_2depth li {width:100%; height:42px; background:#353333; margin-top:5px;} .gnb_2depth li:first-child {margin-top:0;} .gnb_2depth li:hover {background:#378201; } .gnb_2depth li a {display:block; width:100%; height:100%; font-size:15px; color:#fff; line-height:49px;} #visual_wrap {position:relative; height:90vh; top:0px; left:0px; margin-top:96px; margin-left:0px; margin-right:0px;} .visual_text {position:absolute; top:27%; margin-top:0px; left:12%; margin-left:0px; z-index:99; font-family:'NanumGothic'; text-align:left;} .visual_text h4{display:block; font-size:55px; color:#fff; font-weight:900; line-height:55px; font-weight:bold; margin-bottom:17px; text-shadow: 4px 4px 7px rgba(0, 0, 0, 2);} .visual_text span {display:block; font-size:37px; color:#fff; line-height:30px; padding-left:3px; font-weight:bold; text-shadow: 4px 4px 7px rgba(0, 0, 0, 1);} .visual_text2 {position:absolute; top:37%; margin-top:0px; left:12%; margin-left:0px; z-index:99; font-family:'NanumGothic'; text-align:left;} .visual_text2 h4{display:block; font-size:55px; color:#fff; font-weight:900; line-height:55px; font-weight:bold; margin-bottom:17px; text-shadow: 3px 3px 6px rgba(0, 0, 0, 2);} .visual_text2 span {display:block; font-size:37px; color:#fff; line-height:30px; padding-left:3px; font-weight:bold; text-shadow: 3px 3px 6px rgba(0, 0, 0, 1);} .visual_text3 {position:absolute; top:47%; margin-top:0px; left:12%; margin-left:0px; z-index:99; font-family:'NanumGothic'; text-align:left;} .visual_text3 h4{display:block; font-size:55px; color:#fff; font-weight:900; line-height:55px; font-weight:bold; margin-bottom:17px; text-shadow: 3px 3px 6px rgba(0, 0, 0, 2);} .visual_text3 span {display:block; font-size:37px; color:#fff; line-height:30px; padding-left:3px; font-weight:bold; text-shadow: 3px 3px 6px rgba(0, 0, 0, 1);} .visual_text4 {position:absolute; top:47%; margin-top:0px; left:12%; margin-left:0px; z-index:99; font-family:'NanumGothic'; text-align:left;} .visual_text4 h4{display:block; font-size:55px; color:#fff; font-weight:900; line-height:55px; font-weight:bold; margin-bottom:17px; text-shadow: 3px 3px 6px rgba(0, 0, 0, 2);} .visual_text4 span {display:block; font-size:37px; color:#fff; line-height:30px; padding-left:3px; font-weight:bold; text-shadow: 3px 3px 6px rgba(0, 0, 0, 1);} .visual_text5 {position:absolute; top:47%; margin-top:0px; left:12%; margin-left:0px; z-index:99; font-family:'NanumGothic'; text-align:left;} .visual_text5 h4{display:block; font-size:55px; color:#fff; font-weight:900; line-height:55px; font-weight:bold; margin-bottom:17px; text-shadow: 3px 3px 6px rgba(0, 0, 0, 2);} .visual_text5 span {display:block; font-size:37px; color:#fff; line-height:30px; padding-left:3px; font-weight:bold; text-shadow: 3px 3px 6px rgba(0, 0, 0, 1);} .visual_btn {position:absolute; bottom:50px; left:50%; transform:translatex(-50%); z-index:99; width:140px; height:82px; text-align:center;} .visual_btn a {display:block; width:100%; height:100%;} .visual_btn a span {color:#fff; font-size:1px; font-weight:500; display:block; margin-top:15px; letter-spacing:1px; line-height:1; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28); font-family: 'Montserrat', sans-serif;} /* sec1 */ #sec1 { float: center; background-color:#5f5f5f; color: #fff; position: relative; top:30px; left:5%; margin-top: 0rem; width:90%; height: 526px; padding: 0.1rem 3rem; z-index: 999; } #sec1 .txt_left { margin-top: 2rem; margin-right: 6rem; } #sec1 .txt_left h2 { margin-bottom: 0; font-size: 36px; } #sec1 .txt_left h5 { top:-20px; left: 6rem; line-height: 1.7; margin-bottom: 2rem;} #sec1 .select_right { float: right; } #sec1 .select_right [class*="_line"] { margin-bottom: 1.3rem; } #sec1 .select_right h5 { font-weight: 500; margin-bottom: 5px; text-align: left; } #sec1 .select_right select { width: 220px; margin-right: 1.0rem; height: 4.5rem; border: none; padding: 0.8rem 1.2rem; background-color: #fff; color: #888; font-size: 1.6rem; } #sec1 .select_right select:last-child { margin-right: 0; } select { font-family: 'SCDT', sans-serif; appearance: none; background: url('../images/select_icon.gif') no-repeat right 6px center; } #sec1 .select_right input { width: 220px; height: 4.5rem; border: none; padding: 0.8rem 1.2rem; background-color: #fff; color: #888; font-size: 1.6rem; } #sec1 .select_right .second_line select, #sec1 .select_right .second_line select { vertical-align: top; } #sec1 .select_right .second_line input { width: 126px; height: 4.5rem; margin-right: 1.6rem; line-height: 5.5rem; border: none; padding: 0.8rem 1.1rem; background-color: #fff; color: #888; font-size: 1.6rem; } #sec1 .select_right .second_line a { width: 224px; height: 4.5rem; border: none; padding: 1.8rem 3.0rem; line-height: 10.5rem; text-align: center; padding-left: 3rem; background-color: #222; color: #eaeaea; font-size: 1.6rem; } #sec1 .select_right .last_line>* { height: 4.5rem; line-height: 4.5rem; vertical-align: middle; text-align: center; } #sec1 .select_right .last_line .not_apart { font-weight: 500; width: 640px; padding-left: 3rem; background: url('../images/main_btn2.png') no-repeat left 8.4rem center; background-color: #913824; margin-right: 1.2rem; } #sec1 .select_right .last_line .reset_btn { width: 4.5rem; border: 1px #fdcbab solid; text-indent: -99999px; background: url('../images/main_btn3.png') no-repeat center; } /* sec1 */ /* sec3 */ #sec3 { float: center; background-color:#0072ff; color: #fff; position: relative; top:30px; left:5%; margin-top: 0rem; width:90%; height: 586px; padding: 0.1rem 3rem; z-index: 999; } #sec3 .txt_left { margin-top: 2rem; margin-right: 6rem; } #sec3 .txt_left h2 { margin-bottom: 30; font-size: 36px; } #sec3 .txt_left h5 { top:-20px; left: 6rem; line-height: 1.7; margin-bottom: 2rem;} #sec3 .select_right { float:left; margin-right: 15px;} #sec3 .select_right [class*="_line"] { margin-bottom: 1.3rem; } #sec3 .select_right h5 { font-weight: 500; margin-bottom: 5px; text-align: left; } #sec3 .select_right select { width: 220px; margin-right: 1.0rem; height: 4.5rem; border: none; padding: 0.8rem 1.2rem; background-color: #fff; color: #888; font-size: 1.6rem; } #sec3 .select_right select:last-child { margin-right: 0; } select { font-family: 'SCDT', sans-serif; appearance: none; background: url('../images/select_icon.gif') no-repeat right 6px center; } #sec3 .select_right input { width: 220px; height: 4.5rem; border: none; padding: 0.8rem 1.2rem; background-color: #fff; color: #888; font-size: 1.6rem; } #sec3 .select_right .second_line a { width: 140px; height: 4.0rem; border: none; padding: 1.4rem 1.7rem; line-height: 5.5rem; text-align: center; padding-left: 1.2rem; background-color: #d0e5ff; color: #0026e9; font-size: 1.7rem; } #sec3 .select_right .last_line>* { height: 4.5rem; line-height: 4.5rem; vertical-align: middle; text-align: center; } /* sec3 */ /* sec4 */ #sec4 { float: center; background-color:#5e2a00; color: #ffc000; position: relative; top:30px; left:5%; margin-top: 0rem; width:90%; height: 356px; padding: 0.1rem 3rem; z-index: 999; } #sec4 .txt_left { margin-top: 2rem; margin-right: 6rem; } #sec4 .txt_left h2 { margin-bottom: 30; font-size: 36px; } #sec4 .txt_left h5 { top:-20px; left: 6rem; line-height: 1.7; margin-bottom: 2rem;} #sec4 .select_right { float:left; margin-right: 15px;} #sec4 .select_right [class*="_line"] { margin-bottom: 1.3rem; } #sec4 .select_right h5 { font-weight: 500; margin-bottom: 5px; text-align: left; } #sec4 .select_right select { width: 220px; margin-right: 1.0rem; height: 4.5rem; border: none; padding: 0.8rem 1.2rem; background-color: #fff; color: #888; font-size: 1.6rem; } #sec4 .select_right select:last-child { margin-right: 0; } select { font-family: 'SCDT', sans-serif; appearance: none; background: url('../images/select_icon.gif') no-repeat right 6px center; } #sec4 .select_right input { width: 220px; height: 4.5rem; border: none; padding: 0.8rem 1.2rem; background-color: #fff; color: #888; font-size: 1.6rem; } #sec4 .select_right .second_line a { width: 140px; height: 4.0rem; border: none; padding: 1.4rem 1.7rem; line-height: 5.5rem; text-align: center; padding-left: 1.2rem; background-color: #381900; color: #fff; font-size: 1.7rem; } #sec4 .select_right .last_line>* { height: 4.5rem; line-height: 4.5rem; vertical-align: middle; text-align: center; } /* sec4 */ /* sec5 */ #sec5 { float: center; background-color:#5f5f5f; color: #fff; position: relative; top:30px; left:4%; margin-top: 0rem; width:93%; height: 566px; padding: 0.1rem 3rem; z-index: 999; } #sec5 .txt_left { margin-top: 2rem; margin-right: 6rem; } #sec5 .txt_left h2 { margin-bottom: 0; font-size: 36px; } #sec5 .txt_left h5 { top:-20px; left: 6rem; line-height: 1.7; margin-bottom: 2rem;} #sec5 .select_right { float: right; } #sec5 .select_right [class*="_line"] { margin-bottom: 1.3rem; } #sec5 .select_right h5 { font-weight: 500; margin-bottom: 5px; text-align: left; } #sec5 .select_right select { width: 220px; margin-right: 1.0rem; height: 4.5rem; border: none; padding: 0.8rem 1.2rem; background-color: #fff; color: #888; font-size: 1.6rem; } #sec5 .select_right select:last-child { margin-right: 0; } select { font-family: 'SCDT', sans-serif; appearance: none; background: url('../images/select_icon.gif') no-repeat right 6px center; } #sec5 .select_right input { width: 220px; height: 4.5rem; border: none; padding: 0.8rem 1.2rem; background-color: #fff; color: #888; font-size: 1.6rem; } #sec5 .select_right .second_line select, #sec5 .select_right .second_line select { vertical-align: top; } #sec5 .select_right .second_line input { width: 126px; height: 4.5rem; margin-right: 1.6rem; line-height: 5.5rem; border: none; padding: 0.8rem 1.1rem; background-color: #fff; color: #888; font-size: 1.6rem; } #sec5 .select_right .second_line a { width: 224px; height: 4.5rem; border: none; padding: 1.8rem 3.0rem; line-height: 10.5rem; text-align: center; padding-left: 3rem; background-color: #222; color: #eaeaea; font-size: 1.6rem; } #sec5 .select_right .last_line>* { height: 4.5rem; line-height: 4.5rem; vertical-align: middle; text-align: center; } #sec5 .select_right .last_line .not_apart { font-weight: 500; width: 640px; padding-left: 3rem; background: url('../images/main_btn2.png') no-repeat left 8.4rem center; background-color: #913824; margin-right: 1.2rem; } #sec5 .select_right .last_line .reset_btn { width: 4.5rem; border: 1px #fdcbab solid; text-indent: -99999px; background: url('../images/main_btn3.png') no-repeat center; } /* sec5 */ #contents {position:relative; top:175px; height:280px;} #contents .main_video { position:relative; top:0px;left:0px;width:640px;height:457px;} #contents .main_video dt { margin-left: 30px; } #contents .main_video a:link { color:#216fff; font-size:25px; font-family:'NanumGothic'; font-weight:bold;} #contents .main_video a:hover { color:#a70303; font-size:25px; font-weight:bold;font-family:'NanumGothic'} #contents .main_video2 { position:relative; top:10px;left:0px;width:640px;height:377px; } #contents .main_best { position:relative;z-index:10;top:25px;left:0px;width:640px;height:257;} #contents .main_best td {} #contents .main_best a:link { color:#323232; font-size:14px; font-family:'NanumGothic';} #contents .main_best a:hover { color:#a70303; font-size:14px;font-weight:bold;font-family:'NanumGothic';} /*#contents .main_best a:visited { color:#C5C5C5; font-size:14px;font-family:'NanumGothic';}*/ #contents .main_choo { position:relative;z-index:10;top:200px;left:0px;width:640px;height:257;} #contents .main_choo td {} #contents .main_choo a:link { color:#323232; font-size:14px; font-family:'NanumGothic';} #contents .main_choo a:hover { color:#a70303; font-size:14px;font-weight:bold;font-family:'NanumGothic';} #section1 {width:100%; height:564px; background:url(http://) repeat center top; font-family:'NanumMyeongjo'; text-align:center; padding-top:44px;} #section1 .tit {position:relative; height:370px; margin-bottom:54px; text-align:left; padding-left:204px} #section1 .tit:before {width:1px; height:370px; content:''; background:#59361F; position:absolute; left:50%; top:0;} #section1 .tit p {display:inline-block; writing-mode: vertical-lr; writing-mode: tb-rl\9; writing-mode: tb-rl; vertical-align:top; font-size:25px; color:#564c44; letter-spacing:-1px; line-height:42px;} #section1 .tit p span {color:#9B300B;font-weight:bold;} #section1 .tit p:nth-child(2) {text-indent:-1px;} #section1 .tit h2 {display:inline-block; writing-mode: vertical-lr; writing-mode: tb-rl\9; writing-mode: tb-rl; vertical-align:top; position:relative; font-size:37px; color:#000; font-weight:normal; letter-spacing: 10px; text-indent:-5px; padding:0px 10px 10px 24px; margin-left:23px; } #section1 .tit img {position:absolute; top:357px; left:160px;} #section1 .txt p {position:relative; top:-37px; left:20px;font-size:20px; line-height:30px; color:#3a3a3a; margin-top:15px; font-weight: 600;} #section1 .txt p:first-child {margin-top:0;} #section1 .txt p span {color:#E14000;} #section1 .tit p {opacity:0; transform:translatey(-60%); -webkit-transform:translatey(-60%);} #section1 .tit h2 {opacity:0; transform:translatey(60%); -webkit-transform:translatey(60%);} #section1 .tit img {opacity:0;} #section1 .txt {opacity:0; transform:translatey(30%); -webkit-transform:translatey(30%);} #section1.on .tit p {opacity:1; transform:translatey(0); -webkit-transform:translatey(0); transition:all 0.8s ease-in-out;} #section1.on .tit h2 {opacity:1; transform:translatey(0); -webkit-transform:translatey(0); transition:all 0.8s ease-in-out 0.1s;} #section1.on .tit img {opacity:1; transition:all 0.3s ease-in-out 0.9s;} #section1.on .txt {opacity:1; transform:translatey(0); -webkit-transform:translatey(0); transition:all 0.8s ease-in-out 1s;} #section2 {width:100%; height:381px; background:url(http://) no-repeat center top; padding-top:80px;} #section2 .m_tit {width:100%; height:170px; text-align:center; padding-top:92px; font-family:'NanumMyeongjo'; text-align:center; position:relative; margin-bottom:69px;} #section2 .m_tit::before {width:1px; height:55px; background:#fff; content:''; position:absolute; left:50%; margin-left:-1px; top:0;} #section2 .m_tit h2 {font-size:35px; font-weight:normal; color:#fff; letter-spacing:-0.3px; line-height:1; margin-bottom:19px; } #section2 .m_tit strong {display:block; font-size:18px; color:#fff; font-weight:normal;} #mlist_wrap {width:100%; height:442px; position:relative; } #menu_list li {float:left; width:310px; height:442px; } #menu_list li a {display:block; width:100%; height:100%;} #menu_list li .mimg {display:table-cell; width:310px; height:290px; text-align:center; vertical-align:middle; overflow:hidden;} #menu_list li .mimg img {max-width:310px; max-height:290px; width:auto; height:auto; transform:scale(1); transition:all 0.4s;} #menu_list li .mtxt {width:100%; height:152px; padding:38px 20px; text-align:center; background:url(http://www.haebat.com/img/main/sec2_off.png) no-repeat center top; border:1px solid #fff; transition:all 0.4s;} #menu_list li .mtxt h4 {font-family:'NanumMyeongjo'; font-size:20px; font-weight:normal; line-height:1; color:#fff; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #menu_list li .mtxt span {display:block; font-size:14px; line-height:20px; font-weight:400; color:#bdbdbd; } #menu_list li:hover .mimg img {transform:scale(1.1); transition:all 0.4s;} #menu_list li:hover .mtxt { background:url(http://www.haebat.com/img/main/sec2_hover.jpg) no-repeat center top; transition:all 0.4s; } #menu_list li:hover .mtxt h4 {color:#222;} #menu_list li:hover .mtxt span {color:#6c6c6c;} #section3 {width:640px; height:3653px; position:relative; top:-50px;} #section3 p {width:258px; height:506px; position:absolute; top:10px; left:-20px;} #section3 .m_tit {position:relative; top:30px; left:90px; transform:translateX(1%); width:520; height:80px; text-align:right; font-family:'NanumMyeongjo'; z-index:99;} #section3 .m_tit h2 {font-size:35px; font-weight:normal; color:#2a2bcb; letter-spacing:-0.3px; line-height:1; margin-bottom:19px; padding-top:12px; } #section3 .m_tit h2::before {width:0px; height:55px; background:#ededed; content:''; position:absolute; left:50%; transform:translateX(-50%); top:0;} #section3 .m_tit strong {display:block; font-size:25px; color:#3a3a3a; font-weight:normal;} #section3 .slider_txt {position:relative; top:185px; left:90px; margin-left:136px; width:370px; height:453px; text-align:left; background:rgba(0, 0, 0, 0.5); border:1px solid rgba(205, 205, 205, 0.8); padding:51px 42px; } #section3 .slider_txt span {display:block; font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; margin-bottom:11px; } #section3 .slider_txt h4 { font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; font-weight:normal; text-indent:1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:19px; } #section3 .slider_txt .desc { font-family:'KCC-Kimhwanki'; font-size: 35px; color:#fff; line-height:35px; font-weight:300; } #section3 .slider_txt1 {position:relative; top:555px; left:50px; margin-left:16px; width:470px; height:453px; text-align:left; background:rgba(0, 0, 0, 0.5); border:1px solid rgba(205, 205, 205, 0.8); padding:51px 42px; } #section3 .slider_txt1 span {display:block; font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; margin-bottom:11px; } #section3 .slider_txt1 h4 { font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; font-weight:normal; text-indent:1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:19px; } #section3 .slider_txt1 .desc { font-family:'KCC-Kimhwanki'; font-size: 35px; color:#fff; line-height:35px; font-weight:300; } #section3 .slider_txt2 {position:relative; top:920px; left:110px; margin-left:76px; width:490px; height:523px; text-align:left; background:rgba(0, 0, 0, 0.5); border:1px solid rgba(205, 205, 205, 0.8); padding:51px 42px; } #section3 .slider_txt2 span {display:block; font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; margin-bottom:11px; } #section3 .slider_txt2 h4 { font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; font-weight:normal; text-indent:1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:19px; } #section3 .slider_txt2 .desc { font-family:'KCC-Kimhwanki'; font-size: 35px; color:#fff; line-height:35px; font-weight:300; } #section3 .slider_txt3 {position:relative; top:1355px; left:15px; margin-left:0px; width:440px; height:453px; text-align:left; background:rgba(0, 0, 0, 0.5); border:1px solid rgba(205, 205, 205, 0.8); padding:51px 42px; } #section3 .slider_txt3 span {display:block; font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; margin-bottom:11px; } #section3 .slider_txt3 h4 { font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; font-weight:normal; text-indent:1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:19px; } #section3 .slider_txt3 .desc { font-family:'KCC-Kimhwanki'; font-size: 35px; color:#fff; line-height:35px; font-weight:300; } #section3 .slider_txt4 {position:relative; top:1875px; left:95px; margin-left:0px; width:440px; height:453px; text-align:left; background:rgba(79, 70, 0, 5.5); border:1px solid rgba(69, 107, 246, 0.8); padding:51px 42px; } #section3 .slider_txt4 span {display:block; font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; margin-bottom:11px; } #section3 .slider_txt4 h4 { font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; font-weight:normal; text-indent:1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:19px; } #section3 .slider_txt4 .desc { font-family:'KCC-Kimhwanki'; font-size: 35px; color:#fff; line-height:35px; font-weight:300; } #section3 .slider_txt5 {position:relative; top:2275px; left:15px; margin-left:0px; width:440px; height:453px; text-align:left; background:rgba(43, 0,22, 10.5); border:1px solid rgba(205, 205, 205, 0.8); padding:51px 42px; } #section3 .slider_txt5 span {display:block; font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; margin-bottom:11px; } #section3 .slider_txt5 h4 { font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; font-weight:normal; text-indent:1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:19px; } #section3 .slider_txt5 .desc { font-family:'KCC-Kimhwanki'; font-size: 35px; color:#fff; line-height:35px; font-weight:300; } #section3 .slider_txt6 {position:relative; top:2675px; left:125px; margin-left:0px; width:440px; height:453px; text-align:left; background:rgba(0, 40, 33, 22.5); border:1px solid rgba(205, 205, 205, 0.8); padding:51px 42px; } #section3 .slider_txt6 span {display:block; font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; margin-bottom:11px; } #section3 .slider_txt6 h4 { font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; font-weight:normal; text-indent:1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:19px; } #section3 .slider_txt6 .desc { font-family:'KCC-Kimhwanki'; font-size: 35px; color:#fff; line-height:35px; font-weight:300; } #section3 .slider_txt7 {position:relative; top:3075px; left:195px; margin-left:0px; width:440px; height:453px; text-align:left; background:rgba(0, 0, 22, 55.5); border:1px solid rgba(205, 205, 205, 0.8); padding:51px 42px; } #section3 .slider_txt7 span {display:block; font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; margin-bottom:11px; } #section3 .slider_txt7 h4 { font-family:'NanumMyeongjo'; font-size:30px; color:#fff; line-height:1; font-weight:normal; text-indent:1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:19px; } #section3 .slider_txt7 .desc { font-family:'KCC-Kimhwanki'; font-size: 35px; color:#fff; line-height:35px; font-weight:300; } #section4 {width:100%; height:563px; background:url(http://) no-repeat center top; padding-top:80px;} #section4 > .inner > div {float:left; width:630px; margin-right:40px;} #section4 > .inner > div:nth-child(2) {margin-right:0;} .notice {float:left; width:580px;} .sec4_tit {position:relative; width:100%; height:62px; font-family:'NanumMyeongjo';} .sec4_tit h2 {font-size:35px; color:#fff; line-height:39px; font-weight:normal;} .sec4_tit span {position:absolute; top:4px; right:0;} .sec4_tit span a {font-size:20px; color:#fff;} .sec4_tit span a img {vertical-align:-3px; margin-left:5px;} .sec4_tit span:hover a img {transform: rotate(180deg); transition-duration: 0.5s;} .sec4_box {width:100%; height:252px; padding:50px; background:rgba(255, 255, 255, 0.7);} .blog_box ul {padding-left:10px;} .blog_box ul li {width:100%; line-height:40px; overflow:hidden;} .blog_box ul li:after {content:""; display:block; clear:both;} .blog_box ul li a {display:block; float:left; font-size:15px; color:#222; font-weight:400; width:380px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:15px; position:relative;} .blog_box ul li a::before {width:3px; height:3px; background:#222; content:''; position:absolute; left:0; top:19px; border-radius:50%;} .blog_box ul li span {display:block; float:right; font-size:15px; color:#222; font-weight:400; } .insta_box ul {width:100%; padding-top:12px;} .insta_box ul li {float:left; width:127px; height:127px; overflow:hidden; margin-right:3px;} .insta_box ul li:last-child {margin-right:0;} #inquire {position:fixed; left:0; bottom:0; width:100%; height:122px; background:url(/img/main/inquire_bg.jpg) no-repeat center top; padding-top:38px; transition:all 0.3s; z-index:9999;} #inquire h2 {float:left; font-size:25px; font-weight:normal; font-family:'NanumMyeongjo'; color:#fff; width:224px; line-height:47px; text-align:left;} #inquire .in_form {float:right; font-size:0;} #inquire .in_form input[type="text"] {height:47px; border:1px solid #fff; border-radius:10px; background:none; outline:none; padding-left:13px; margin-right:20px; line-height:45px; color:#fff;} #inquire .in_form input[type="text"]::placeholder {font-size:14px; color:#fff; font-weight:400;} #inquire .in_form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#fff;} #inquire .in_form input[type="text"]::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#fff;} #inquire .in_form input[type="text"]:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#fff;} #inquire .in_form input[type="text"]:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#fff;} #inquire .in_form input[type="submit"] {cursor:pointer; height:47px; width:133px; background:#473628; border:none; border-radius:10px; outline:none; text-align:center; line-height:47px; color:#fff; font-size:16px; font-weight:400;} #inquire.on {position:static; transition:all 0.3s;} #quick {position:absolute; top:312px; left:50%; margin-left:717px; width:145px; border-radius:10px; text-align:center; z-index:9999; overflow:hidden; border:1px solid #404040;} .quick_tit { width:100%; height:53px; background:#8d0404; font-family: 'Montserrat', sans-serif;} .quick_tit strong {display:block; font-size:18px; color:#fff; line-height:53px; font-weight:500; letter-spacing:-1px;} .quick_con {background:#0e0e0e;} .quick_con li {width:100%; padding:0 27px;} .quick_con li a {display:block; width:100%; border-bottom:1px dashed #fff; text-align:center; padding:15px 0;} .quick_con li:last-child a {border-bottom:none;} .quick_con li .icon {margin:0 auto; width:57px; height:57px; background:#fff; border-radius:50%; text-align:center; line-height:57px; transition:all 0.2s ease-in-out;} .quick_con li .icon img {vertical-align:middle;} .quick_con p {font-size:16px; color:#fff; margin-top:10px; font-family:'NanumMyeongjo';} .quick_con li:hover .icon {transform:translatey(-3px);} #footer {position:relative;width:640px; height:289px; background:#fff;} .footer_logo {position:absolute; top:8px; left:30; width:600px; height:20px; padding-bottom:30px; border-bottom:3px solid #232323; margin-bottom:0px;} .f_icon {position:absolute; top:32px; right:5; font-size:0;width:99%; height:20px; padding-bottom:30px; border-bottom:3px solid #232323; margin-bottom:0px;} .f_icon span {display:inline-block; width:42px; height:42px; background:#000; margin:0 10px; border-radius:50%; } .f_icon span:last-child {margin-right:0;} .f_icon span a {display:block; width:100%; height:100%; text-align:center; line-height:42px; } .f_icon span a img {vertical-align:middle;} .txtbox {font-size:20px; color:#7e7e7e; line-height:30px; padding-top:20px; text-align:right; font-weight:400;} address {font-size:14px; color:#7e7e7e; line-height:26px; padding-top:80px; text-align:right; font-weight:400;} address span {display:inline-block; margin-right:8px;} p.copyright {font-size:14px; color:#7e7e7e; line-height:1; text-align:right; font-weight:400; margin-top:10px;} .link_mail { position:relative; text-align:left; top:50px; margin-left:0px;} #footer_main {position:relative;width:640px; height:289px; background:#fff; left:-80px;} .footer_logo {position:absolute; top:8px; left:30; width:600px; height:20px; padding-bottom:30px; border-bottom:3px solid #232323; margin-bottom:0px;} .f_icon {position:absolute; top:32px; right:5; font-size:0;width:99%; height:20px; padding-bottom:30px; border-bottom:3px solid #232323; margin-bottom:0px;} .f_icon span {display:inline-block; width:42px; height:42px; background:#000; margin:0 10px; border-radius:50%; } .f_icon span:last-child {margin-right:0;} .f_icon span a {display:block; width:100%; height:100%; text-align:center; line-height:42px; } .f_icon span a img {vertical-align:middle;} .txtbox {font-size:20px; color:#7e7e7e; line-height:30px; padding-top:20px; text-align:right; font-weight:400;} address {font-size:14px; color:#7e7e7e; line-height:26px; padding-top:80px; text-align:right; font-weight:400;} address span {display:inline-block; margin-right:8px;} p.copyright {font-size:14px; color:#7e7e7e; line-height:1; text-align:right; font-weight:400; margin-top:10px;} .link_mail { position:relative; text-align:left; top:50px; margin-left:0px;} /* ===== SUB ===== */ /* #sub_visual_wrap {position:relative; width:100%; height:324px; overflow:hidden;} .sub_visual_txt {position:absolute; top:241px; left:48%; margin-left:0px; width:100%; text-align:left; font-family:'NanumGothicBold';} .sub_visual_txt h1 {font-size:20px; color:#fff; font-weight:normal; line-height:1; letter-spacing:-1px;} .location {width:100%; font-size:0; margin-top:38px;} .location span {display:inline-block; font-size:18px; color:#fff; font-weight:bold; line-height:25px; letter-spacing:1px;} .location span img {vertical-align:-4px; margin:0 21px;} */ #sub_contents {width:100%; min-height:500px; overflow:hidden; padding-top:50px; padding-bottom:20px; background:url(/images/sub/con_bg.jpg) repeat; background-size: cover;} .sub_menu {float:left; width:630px;} .page_tit {top:-80px; width:100%; height:165px; text-align:center; background:url(/img/sub_m_title_bg.gif) no-repeat; margin-bottom:20px;} .page_tit h3 {float:left; margin-left:40px;top:140px;font-size:22px; color:#B9B9B9; font-weight:400; line-height:265px; font-family:'NanumMyeongjo';} .sub_menu .lnb {margin-top:-142px;margin-left:260px;width:330px;border:1px solid #eee; overflow:hidden;} .sub_menu .lnb li {width:330px; height:40px; line-height:48px; border-top:1px solid #ebebeb; background:#fff url(/images/sub/lnb_off.png) no-repeat 189px 19px; transition:all 0.3s;} .sub_menu .lnb li:first-child {border-top:none;} .sub_menu .lnb li a {display:block; width:100%; height:100%; font-size:16px; color:#484848; font-weight:400; padding-left:23px;} .sub_menu .lnb li.on {background:#D41010 url(/images/sub/lnb_on.png) no-repeat 189px 19px;} .sub_menu .lnb li.on a {color:#fff;} .sub_menu .lnb li:hover {background:#378201 url(/images/sub/lnb_on.png) no-repeat 189px 19px; transition:all 0.3s;} .sub_menu .lnb li:hover a {color:#fff;} .sub_con {float:center; width:100%;} .contop {width:90%; padding-bottom:20px; border-bottom:3px solid #5883ff; margin-bottom:0px;} .contop h1 {line-height:0px; font-size:30px; color:#494949; text-indent:-1px; font-family:'NanumGothic'; margin-left: 20px;} .contop h2 {line-height:40px; font-size:35px; color:#1F3D69; text-indent:-1px; font-family:'NanumMyeongjo';} .contop h3 {line-height:40px; font-size:35px; color:#1F3D69; text-indent:-1px; font-family:'NanumMyeongjo';} .contop h4 {line-height:40px; font-size:35px; color:#1F3D69; text-indent:-1px; font-family:'NanumMyeongjo';} h4.h4_title{position: relative; font-family: 'NanumMyeongjo'; font-weight: bold; font-size: 25px; color: #484848; margin: 30px 0; padding-bottom: 20px;} h4.h4_title::before{position: absolute; bottom:0; left: 0; width:50px; height: 1px; content: ''; background: #484848;} /* sub0101 - 브랜드소개 */ .brand_info{float:center; margin-left: 0px;} .brand_info dl dt{ font-family:'KCC-Kimhwanki'; font-size: 35px; margin-left: 40px; line-height: 40px; color: #484848; font-weight: 600; margin-bottom: 25px;} .brand_info dl dt span{ color: green; font-weight: 900;} .brand_info dl span{ font-family:'NanumGothic'; font-size:30px; margin-left:0px; color: green; font-weight: 700;} .brand_info dl dd{color: #484848; font-size: 25px;line-height: 39px; margin-left: 40px; margin-bottom: 15px;} .brand_info dl img {color: #484848; font-size: 20px;line-height: 24px; margin-left: 0px; margin-bottom: 35px;} .brand_info_01{width: 100%; overflow: hidden; margin-top: 50px; margin-bottom: 30px;} .brand_info_01 dl{float: left; text-align: left;} .brand_info_01 dl td strong{float: left; text-align: left;font-family:'NanumGothic'; font-size: 20px; margin-left: 0px;} .brand_info_01 dt{ font-family:'NanumMyeongjo'; font-size: 24px; margin-left: 20px; line-height: 40px; color: #484848; font-weight: 600;} .brand_info_01 dt span{ font-family:'NanumGothic'; font-size:35px; margin-left:20px; color: green; font-weight: 900; } .brand_info_01 img{float: right; padding-bottom: 40px;} .brand_info_01 .inquire {position:fixed; left:0; bottom:0; width:100%; height:80px; background:url(/img/bg_01.jpg) repeat center top; padding-top:15px; transition:all 0.3s; z-index:9999;} .brand_info_01 .inquire h2 {float:left; font-size:20px; font-weight:normal; font-family:'NanumGothicBold'; color:#fff; width:224px; line-height:47px; text-align:center;} .brand_info_01 .inquire .in_form {float:right; font-size:0;} .brand_info_01 .inquire .in_form input[type="text"] {height:47px; border:1px solid #fff; border-radius:10px; background-color:blue;; outline:none; padding-left:13px; margin-right:20px; line-height:45px; color:#fff;} .brand_info_01 .inquire .in_form input[type="text"]::placeholder {font-size:20px; color:#fff; font-weight:400;} .brand_info_01 .inquire .in_form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:20px; color:#fff;} .brand_info_01 .inquire .in_form input[type="text"]::-moz-placeholder { /* Firefox 19+ */font-size:20px; color:#fff;} .brand_info_01 .inquire .in_form input[type="text"]:-ms-input-placeholder { /* IE 10+ */font-size:20px; color:#fff;} .brand_info_01 .inquire .in_form input[type="text"]:-moz-placeholder { /* Firefox 18- */font-size:20px; color:#fff;} .brand_info_01 .inquire .in_form input[type="submit"] {cursor:pointer; height:47px; width:133px; background:#070A84; border:none; border-radius:10px; outline:none; text-align:center; line-height:47px; color:#fff; font-size:20px; font-weight:400;} .brand_info_01 .inquire .on {position:static; transition:all 0.3s;} .brand_info_01 .land_01 table td { position: relative;font-family:'KCC-Kimhwanki'; font-size: 35px; left: 50px; line-height: 40px; color: #eeeeee; font-weight: 600; margin-bottom: 15px; opacity:60; } .brand_info_01 .land_02 table td { position: relative;font-family:'KCC-Kimhwanki'; font-size: 35px; left: 20px; line-height: 40px; color: #eeeeee; font-weight: 600; margin-bottom: 15px; opacity:60; } .brand_info_01 .land_03 table td { position: relative; font-family:'KCC-Kimhwanki'; font-size: 35px; margin-left: 80px; line-height: 40px; color: #eeeeee; font-weight: 600; margin-bottom: 15px; opacity:60; transform:translatey(-60%); } .brand_info_01 .land_04 table td { position: relative;font-family:'KCC-Kimhwanki'; font-size: 35px; margin-left: 50px; line-height: 40px; color: #eeeeee; font-weight: 600; margin-bottom: 15px; opacity:60; transform:translatey(-60%); } .brand_info_02{width: 100%; overflow: hidden; margin-bottom: 30px;} .brand_info_02{background: url(/images/sub/brand_info_02_bg.png); width: 100%; height: 136px;} .brand_info_02 dl dt{font-style: italic; font-weight: bold; font-size:20px; line-height: 35px; padding: 30px 0 0 40px;} .brand_info_02 dl dt span{color:#ab0000;} .brand_info_03{width: 100%; overflow: hidden;} .brand_info_03 dl{float: right; text-align: right; margin-top: 80px;} .brand_info_03 img{float: left;} .brand_info_04{width: 100%; overflow: hidden; margin-bottom: 30px;} .brand_info_04 dl{float: left; text-align: left; margin-left: 0px;} .brand_info_04 img{float: left; margin-left: 100px;} .brand_info_05 .inquire {width: 100%; overflow: hidden; margin-bottom: 10px; margin-top: 60px; margin-left: 0px;} .brand_info_05 .inquire h2 {float:left; font-size:20px; font-weight:normal; font-family:'NanumGothicBold'; color:#323232; width:124px; line-height:47px; text-align:center;} .brand_info_05 .inquire .in_form {float:left; font-size:0;} .brand_info_05 .inquire .in_form dl dd{float:left; font-size:20px; font-weight:normal; font-family:'NanumGothicBold'; color:#323232; width:700px; line-height:47px; margin-bottom: 10px;} .brand_info_05 .inquire .in_form img{float: left; margin-left: 60px; margin-bottom: 60px;} .brand_info_05 .inquire .in_form input[type="text"] {height:47px; border:1px solid #444444; border-radius:10px; background-color:eeeeee; outline:none; padding-left:13px; margin-right:20px; line-height:45px; color:#fff;} .brand_info_05 .inquire .in_form input[type="text"]::placeholder {font-size:16px; color:#222222; font-weight:400;} .brand_info_05 .inquire .in_form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:16px; color:#222222;} .brand_info_05 .inquire .in_form input[type="text"]::-moz-placeholder { /* Firefox 19+ */font-size:16px; color:#222222;} .brand_info_05 .inquire .in_form input[type="text"]:-ms-input-placeholder { /* IE 10+ */font-size:16px; color:#222222;} .brand_info_05 .inquire .in_form input[type="text"]:-moz-placeholder { /* Firefox 18- */font-size:16px; color:#222222;} .brand_info_05 .inquire .in_form select {font-size:18px; line-height:1.5; font-family: 'Noto Sans KR'; color:#484848;} .brand_info_05 .inquire .in_form input[type="radio"] {height:47px; border:1px solid #fff; border-radius:10px; background-color:blue; outline:none; padding-left:0px; margin-left:25px; margin-right:5px; line-height:45px; color:#fff;} .brand_info_05 .inquire .in_form input[type="radio"]::placeholder {font-size:14px; color:#222222; font-weight:400;} .brand_info_05 .inquire .in_form input[type="radio"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#222222;} .brand_info_05 .inquire .in_form input[type="radio"]::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#222222;} .brand_info_05 .inquire .in_form input[type="radio"]:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#222222;} .brand_info_05 .inquire .in_form input[type="radio"]:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#222222;} .brand_info_05 .inquire .in_form input[type="submit"] {cursor:pointer; height:47px; width:133px; background:#070A84; border:none; border-radius:10px; outline:none; text-align:center; line-height:47px; color:#222222; font-size:16px; font-weight:400;} .brand_info_05 .inquire .on {position:static; transition:all 0.3s;} #brand_shop{width: 100%; margin-top:0px; min-height:500px; margin-bottom: 0px;float:center} #brand_shop .inner {position:relative;} #brand_shop .titles { color:#424242; font-size:55px; font-weight:bold; font-family:'NanumGothic'; } #brand_shop span { color:#424242; font-size:35px; font-weight:bold; font-family:'NanumGothic'; } #brand_shop .price { color:#424242; font-size:20px;} #brand_shop .form input {height:32px; border:2px solid #323232; border-radius:2px; background:#eeeeee; padding-left:0px; margin-right:20px; line-height:45px; color:#222;} /*#brand_shop .form input[type="text"] {height:47px; border:2px solid #eee; border-radius:10px; background:#dae532; outline:none; padding-left:0px; margin-right:20px; line-height:45px; color:#222;}*/ #brand_shop dl{float: center; text-align: center;} #brand_shop img{float: center;} .navigator{position:relative;z-index:1000;top:0px;left:0px;width:100%;float:center} .navigator table,td {border-collapse:collapse; border-spacing:0; padding:0px 0;} .navigator .cat_title a:link { color:white; font-size:15px; font-weight:500; font-family:'NanumGothicBold';} .navigator .cat_title a:hover { color:yellow; font-size:15px; font-weight:500; font-family:'NanumGothicBold';} .navigator .cat_title a:visited { color:white; font-size:15px; font-weight:500; font-family:'NanumGothicBold';} .navigator .cat_sub a:link { color:#5E3B41; font-size:15px; font-weight:500; font-family:'NanumGothicBold';} .navigator .cat_sub a:hover { color:gray; font-size:15px; font-weight:500; font-family:'NanumGothicBold';} .navigator .cat_sub a:visited { color:#5E3B41; font-size:15px; font-weight:500; font-family:'NanumGothicBold';} #brand_shop .gnb_best{position:relative;z-index:10;top:0px;left:0px;} #brand_shop .gnb_intro{position:relative;width:100%;z-index:10;top:68px;left:0px;} #brand_shop .gnb_choo{position:relative;z-index:10;top:467px;left:166px;width:851;height:292;} #brand_shop .gnb_contents{position:relative;z-index:1000;top:30px;left:0px;width:1109; height:100vh;} #brand_shop .good_list{position:relative;z-index:10;left:0px;top:0px;width:640;float:center; font-family:'NanumGothicBold'; } #brand_shop .good_list .cat_title { font-size:34px; color:#0044cf; font-weight:Bold;} #brand_shop .good_list dt {margin-left:30px;font-size:36px; font-family:'NanumGothic'; font-weight:bold;} #brand_shop .good_list table,td { font-size:16px; font-weight:normal; font-family:'NanumGothicBold'; color:#323232;} #brand_shop .good_list a:link { color:#323232; font-size:16px; font-family:'NanumGothic';} #brand_shop .good_list a:hover { color:#a70303; font-size:16px;font-weight:bold;font-family:'NanumGothic';} #brand_shop .good_list .price { color:#424242; font-size:16px;} #brand_shop .gnb_list_index{position:relative;z-index:1000;top:40px;left:0px;width:1109;} #brand_shop .gnb_list_best{position:relative;z-index:1000;top:40px;left:0px;width:1109;} #brand_shop .gnb_detail{position:relative; z-index:1000;top:10px;left:0px;width:640;float: margin-left:0px; padding:0 0 0; } #brand_shop .gnb_detail DT { float:right; font-size:23px; line-height:1.3; font-weight:normal; font-family:'NanumGothic'; color:#323232; margin-right:60px;} #brand_shop .gnb_detail span td { font-size:30px; line-height:1.36; font-weight:900; font-family:'NanumGothicBold'; color:#323232;} #brand_shop .gnb_detail input[type="text"] { font-size:22px; height:27px; border:1px solid #323232; border-radius:1px; background-color:#fff;; outline:none; padding-left:3px; margin-right:3px; line-height:45px; color:#323232;} #brand_shop .gnb_detail input[type="text"]::placeholder {font-size:22px; color:#323232; font-weight:600;} #brand_shop .gnb_detail input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:22px; color:#323232;} #brand_shop .gnb_detail input[type="text"]::-moz-placeholder { /* Firefox 19+ */font-size:22px; color:#323232;} #brand_shop .gnb_detail input[type="text"]:-ms-input-placeholder { /* IE 10+ */font-size:22px; color:#323232;} #brand_shop .gnb_detail input[type="text"]:-moz-placeholder { /* Firefox 18- */font-size:22px; color:#323232;} #brand_shop .gnb_detail select { font-size:22px; height:32px; border:1px solid #323232; border-radius:1px; background-color:#fff;; outline:none; padding-left:3px; margin-right:3px; line-height:45px; color:#323232;} #brand_shop .gnb_detail .atitle { font-size:30px; line-height:1.3; font-weight:bold; font-family:'NanumGothic'; color:#1734e6; margin-left:0px;} #brand_shop .gnb_detail .gnb_detail_top {position:relative;z-index:1000;top:0px;left:0px;width:640;height:300px; font-size: 18pt;} #brand_shop .gnb_detail .gnb_detail_top span { font-size:34px; line-height:1.3; font-weight:bold; font-family:'NanumGothic'; color:#323232; margin-left:30px;} #brand_shop .gnb_detail .gnb_detail_top td strong { font-size:19px; line-height:1.16; font-weight:900; font-family:'NanumGothicBold'; color:#323232;} #brand_shop .gnb_detail .gnb_detail_top input { font-size:18px; line-height:0.0; font-weight:900; font-family:'NanumGothicBold'; color:#323232;} #brand_shop .gnb_detail .gnb_detail_top strong { font-size:20px; line-height:1.16; font-weight:700; font-family:'NanumGothic'; color:#323232;} #brand_shop .gnb_detail .gnb_detail_bottom {position:relative;z-index:1000;top:0px;left:0px;width:640; font-size: 12pt;} #brand_shop .shop_app {width: 100%; margin-top:-50px; min-height:1180px; overflow: hidden; margin-bottom: 30px;} #brand_shop .shop_app .inner {position:relative;} #brand_shop .shop_app span{ font-family:'NanumGothic'; font-weight: bold; font-size:22px; line-height: 35px; padding: 30px 0 0 40px;} #brand_shop .shop_app dl{float: center; text-align: center;} #brand_shop .shop_app img{float: center;} #brand_shop .shop_app input[type="text"] { font-size:18px; height:28px; border:1px solid #323232; border-radius:1px; background-color:#eee; padding-left:3px; margin-right:3px; line-height:45px; color:#323232;} #brand_shop .shop_app input[type="text"]::placeholder {font-size:18px; color:#323232; font-weight:600;} #brand_shop .shop_app input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:18px; color:#323232;} #brand_shop .shop_app input[type="text"]::-moz-placeholder { /* Firefox 19+ */font-size:22px; color:#323232;} #brand_shop .shop_app input[type="text"]:-ms-input-placeholder { /* IE 10+ */font-size:22px; color:#323232;} #brand_shop .shop_app input[type="text"]:-moz-placeholder { /* Firefox 18- */font-size:22px; color:#323232;} #brand_shop .shop_app textarea[type="text"]{ font-size:18px; height:138px; border:1px solid #323232; border-radius:1px; background-color:#eee; padding-left:3px; margin-right:3px; line-height:45px; color:#323232;} /* sub0102 - 브랜드컨셉 */ .brand_concept{} .brand_concept div{margin-bottom: 50px; text-align: center;} .brand_concept span.number{position: relative; margin: 0 auto; font-family:'NanumMyeongjo'; width: 48px; height: 48px; display: inline-block; line-height: 48px; text-align: center; background:#dbb686; border-radius: 50%; font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 30px;} .brand_concept span.number::before{position: absolute; top: 26px; right: 66px; width: 467px; height: 1px; content: ''; background: #f3e7d9} .brand_concept span.number::after{position: absolute; top: 26px; left: 66px; width: 467px; height: 1px; content: ''; background: #f3e7d9} .brand_concept div:nth-child(2n) span.number{background: #212121; } .brand_concept dl dt{font-family:'NanumMyeongjo';} .brand_concept dl dt:nth-child(1){color: #484848; font-size: 25px; line-height: 40px; font-weight: 900; margin-bottom: 15px;} .brand_concept dl dt:nth-child(2){color: #484848; font-size: 20px; font-weight: 600; margin-bottom: 20px;} .brand_concept dl dt span{color: #ab0000;} .brand_concept dl dd{color: #484848; font-size: 16px; line-height: 24px; margin-bottom: 50px;} /* sub0301 - 브랜드경쟁력 */ .brand_power div{position: relative; margin-bottom: 50px;} .brand_power div:nth-child(1){background:url(/images/sub/sub0301_bg01.jpg); width: 1020px; height: 289px;} .brand_power div:nth-child(2){background:url(/images/sub/sub0301_bg02.jpg); width: 1020px; height: 289px;} .brand_power div:nth-child(3){background:url(/images/sub/sub0301_bg03.jpg); width: 1020px; height: 289px;} .brand_power div:nth-child(4){background:url(/images/sub/sub0301_bg04.jpg); width: 1020px; height: 289px;} .brand_power dl{width: 100%; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); text-align: center;} .brand_power dl dt{font-family:'NanumMyeongjo'; font-weight: 400;} .brand_power dl dt.number{color: #d9b280; font-size: 30px; font-weight: bold; margin-bottom: 10px;} .brand_power dl dt.title{color: #fff; font-size: 25px; margin-bottom:15px;} .brand_power dl dd{font-size: 16px; line-height: 24px; color: #fff; } /* sub0302 - 가맹절차 */ .faq {width: 100%; overflow: hidden;} .faq ul li{position:relative; width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; padding: 30px 0;} .faq .faq_txt dl dt{font-family: 'NanumMyeongjo'; color: #484848; font-size: 20px; font-weight: 600; } .faq .faq_txt dl dt span.question_iocn{display: inline-block; width: 50px; height: 50px; background: #000000; color: #fff; border-radius: 50%; line-height: 50px; text-align: center; margin-right: 20px;} .faq .faq_txt dl dt strong{font-weight: 900; color: #000;} .faq .faq_detail{width: 100%; overflow: hidden; margin-top: 30px;} .faq .faq_detail dl span.answer_iocn{font-size: 20px; font-family: 'NanumMyeongjo'; display: inline-block; width: 50px; height: 50px; background: #d9b280; color: #fff; border-radius: 50%; line-height: 50px; text-align: center; margin-right: 20px; font-weight: bold; } .faq .faq_detail dl dt{float: left;} .faq .faq_detail dl dd{float: right; width: 950px; } .faq .faq_detail dl dd p{color: #484848;font-size: 16px; line-height: 24px; margin-bottom: 15px;} .faq .faq_icon{position:absolute; top:30px; right:0; width: 55px;} .faq .faq_icon img {transform:rotate(0); transition-duration: 0.5s} .faq .faq_icon.on img{transform:rotate(90deg); transition-duration: 0.5s} .faq .faq_detail{display:none;} span.color{color: #ab0000;}