@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body { margin:0; padding:0; font-family: "돋움", Arial, Helvetica, sans-serif, tahoma; font-size:12px; line-height:17px; color:#666; background-color:e2e2e2;  }
#wrap { width:1280px; margin:0 auto;}
#sub_wrap { width:1280px; margin:0 auto; background: url(../images/sub/sub_bg.png) repeat-y; height:auto; overflow:hidden; position:relative;}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.clear { clear:both;}



#wrap.main { background:url(../images/main_bg.png)repeat-y center top; height:auto; overflow:hidden; }
#wrap:after { display:block; content:''; clear:both; }





@charset "utf-8";

#header { /*background:url(../images/left_bg.gif) repeat-y;*/ width:156px; float:left; /*height:900px;*/ }

.logo { text-align:center; padding-top:60px; height:85px; border-bottom:1px solid #cecece; background:url(../images/left_bg.gif) repeat-y; }
.lnb { padding-top:25px; padding-bottom:25px; height:auto; background:url(../images/left_bg.gif) repeat-y;}
.lnb li {}
.lnb .navi_bar { background:url(../images/menu_bar.gif) center no-repeat; height:30px; }
.english { margin-bottom:1px;}
.coaire { text-align:center; margin-top:25px;}
.quick_menu { background:url(../images/quick_bg.gif) no-repeat; height:372px; padding-top:20px;}
.quick_menu .quick_bar { background:url(../images/quick_bar.png) center no-repeat; height:21px;}

.quick_menu_01 { background:#2373b0; width:155px; margin-left:1px;}
.quick_menu_01 li { background:url(../images/b_bar.png) no-repeat bottom; padding:9px 0;}
.quick_menu_01 li:last-child { }
.quick_menu_02 { background:#0a427c; width:155px; margin-left:1px;}
.quick_menu_02 li { background:url(../images/n_bar.png) no-repeat bottom; padding:12px 0;}
.quick_menu_02 .p20 { padding:15px 0; }

.privacy-btn { text-align:center; padding-top:10px; padding-bottom:10px; background:#0a427c; border-left:1px solid #ccc; }
.privacy-btn a { font-size:12px; color:#fff; text-decoration:none; }








@charset "utf-8";

#main_visual { width:918px; float:left; position:relative;}
#main_visual .iso { position:absolute; right:20px; bottom:20px;} 

#main_visual .movie_view { position:absolute; top:300px; left:65px; border:0; padding:0; cursor:pointer; background:none; }
.movie-wrap { position:absolute; top:150px; left:10px; display:none; padding:0px;  background:rgba(255,255,255,0.75);  }
.movie-wrap .movie-close { display:block; width:100%; line-height:35px; font-size:15px; text-align:center; color:#fff; background:#2373b0; cursor:pointer; }

.movie-wrap { position:fixed; top:50%; left:50%; display:none; padding:0px;  background:rgba(255,255,255,0.75);  z-index:100; transform:translate(-50%,-50%); }


.kakao_btn { display:block; position:absolute; top:355px; left:65px; }





#right { width:206px; background:#0a427c; /*height:900px;*/ float:right; }
.container {/* background:url(../images/right_bg.gif) repeat-y;*/ background:#e9ebec; margin:0; height:605px; padding-top:40px; padding:0 13px; border-right:1px solid #ccc; padding-top:30px; }
.container h2 { padding-bottom:10px;}
.container_bar { background:url(../images/right_bar.gif) center no-repeat; height:45px;}

.product_silde { height:200px; width:180px;}

#slides { width:180px; height:200px;}
.slides_container { width:180x; height:175px;}
.pagination {margin-top:10px; margin-right:20px; float:right;}
.pagination li {float:left;	margin-left:3px;}
.pagination li a {
	display:block;
	width:6px;
	height:0;
	padding-top:6px;
	background-image: url(../images/pagination.png);
	background-position:0 -6px;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 0;
}



@charset "utf-8";


.footer { text-align:center; padding-top:15px; clear:both; background:#0a427c; /* border-right:1px solid #ccc; */}

.sub_footer { border-top:1px solid #ccc; height:60px; padding-top:20px; clear:both;}
@charset "utf-8";

#sub_navigation {position:absolute; top:150px; left:156px; width:154px; z-index:100; }
.snb .submenu_2 li a { text-decoration:none; diaplay:block; height:30px; }
.snb .submenu_2 .submenu_3 { background:url(../images/sub/submenu3_bg.gif) repeat-y; padding-top:5px; padding-bottom:5px; }
.snb .submenu_2 .submenu_3 li a { text-decoration:none; diaplay:block; padding-bottom:5px; }

#sub_right { float:left; margin-left:204px; width:870px; height:auto; overflow:hidden;}

.sub_top { width:620px; height:auto; float:right; }
.gnb { width:350px; float:left; margin-top:15px;}
.gnb ul { }
.gnb li { display:block; float:left; margin-left:12px; font-size:11px; font-family: Arial, Helvetica, sans-serif; }
.gnb li:first-child { margin-left:0;}
.gnb li a {  display:block; text-decoration:none; color: #999; }
.gnb .ecatalog  a { text-decoration:none;  color: #016ab1; font-weight:bold; }
.gnb .groupware a { text-decoration:none;  color: #999; font-weight:bold; }

.search { height:22px; width:255px; border:1px solid #ccc; float:right; margin-top:10px; }
.search .input_box { padding:1px 5px; width:200px; border:1px solid #fff; background:transparent; float:left;}
.search .search_btn {width:25px; float:right; }

.sub_title { clear:both; text-align:right; padding-top:30px;}

.location { width:854x; border:1px solid #ccc; padding:8px; height:10px; margin-top:12px;}
.location li { display:block; float:left;; margin-right:7px; font-family:"돋움", Arial, Helvetica, sans-serif; font-size:11px;}
.location a { font-family:"돋움", Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-decoration:none; display:block; float:left; line-height:14px; }
.location a:hover { color:#666; text-decoration:underline;}

.sub_contents { padding:40px 0; clear:both; height:auto; overflow:hidden; min-height:500px;}
@charset "utf-8";

ul, li, ol { padding:0; margin:0; list-style:none;}
h3, h4, p, dl, dt, dd { margin:0; padding:0;}
img { border:0;}

.bold { font-weight:bold;}
.clear { clear:both;}
.pt15 { padding-top:15px;}
.pb15 { padding-bottom:15px;}
.pt30 { padding-top:30px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt60 { margin-top:60px;}

.sub_contents_in { width:820px; font-size:11pt; color:#555; font-family:Arial, Helvetica, sans-serif; line-height:20px; }
.no_box { padding-top:40px;}
.sub_contents_in h3 { display:block; padding-bottom:30px; }
.sub_contents_in h4 { color:#015a6d; font-size:11pt; font-weight:bold; display:block; padding-bottom:7px;}

/* history */
.history_col { background:url(../images/contents/bullet_1.gif) no-repeat left 8px; padding-left:8px; display:block; height:auto; overflow:hidden;}
.history .year { display:block; float:left; width:80px; text-align:right; font-family:Tahoma, Geneva, sans-serif; font-size:11pt; font-weight:bold;}
.history .achievment { display:block; float:left; margin-left:20px; width:700px; }
.border_line { border-bottom:1px dotted #ccc; width:820px; margin:12px 0; display:block; height:1px;}

/* product */
.product_movie { width:640px; height:360px; margin:0 auto;}
.product_feature { margin-top:60px; float:left; height:auto; overflow:hidden;}
.product_img { float:left; margin-top:60px; margin-left:20px;}
.product_feature h3 { padding-bottom:15px;}
.pink_bullet li { display:block; background:url(../images/contents/bullet_1.gif) no-repeat left 9px; margin-bottom:3px; padding-left:7px;}
.cleared { height:auto; text-align:center; margin-top:10px;}
.cleared span { font-size:9pt; font-weight:bold; color:#666; display:block; margin-bottom:2px; line-height:11pt;}
.cleared ul li { margin-bottom:3px;}
.brochure { padding-top:15px;}
.s_text { font-size:9pt; color:#333; padding-bottom:5px;}

.product_list li { display:block; float:left; width:180px; height:210px; margin-right:25px; margin-bottom:15px;  }
.product_list ul { height:auto; overflow:hidden;}
.product_list .part { font-size:15pt; font-weight:bold; padding-bottom:15px; color:#005878; }
.product_list dl { height:210px; text-align:center;}
.product_list .thumnail { border:1px solid #ccc; height:178px; width:178px;}
.product_list .product_name { height:30px; }
.product_list .product_name a { text-decoration:none; color:#555;}
.product_list .product_name a:hover { text-decoration:underline;}


/* contact us */
.tab{  overflow:hidden; list-style:none; margin:0px; padding:0; }
.tab li{float:left; _display:inline; margin-right:-1px; letter-spacing:-1px; padding-right:3px; }
.tab li a{_float:left; display:block;}
.cont { width:820px;overflow:hidden;padding:30px 0; margin:0; }
.cont .branch { font-size:15pt; font-weight:bold; color:#005878; padding-bottom:10px; }

a.rollover img { border-width:0px; display:inline; } 
a.rollover img.over { display:none; } 
a.rollover:hover { border:0px } 
a.rollover:hover img { display:none; } 
a.rollover:hover img.over { display:inline; } 


/* privacy */
.privacy-btn { text-align:center; padding-top:10px; padding-bottom:10px; }
.privacy-btn a { font-size:12px; color:#fff; text-decoration:none; }

#privacy { color:#555; font-size:13px; line-height:20px; padding:20px; }
#privacy h1 { font-size:25px; padding-bottom:40px; color:#093978; font-weight:bold; text-align:center; }
#privacy h3 { font-size:18px; padding-bottom:15px; color:#333; margin-top:20px; font-weight:bold; }
#privacy table { width:100%; }
.p-table td , .p-table th { border:1px solid #ccc; padding:3px; }
.p-table th { background:#efefef; }
ul.list > li { position:relative; padding-left:10px; margin-top:3px; }
ul.list > li:before { content:''; position:absolute; width:3px; height:3px; background:#777; top:10px; left:0; border-radius:50%; }
.mt10 { margin-top:10px; }
.ml10 { margin-left:10px; }
#privacy .btn-wrap { text-align:right; margin-top:10px; }
#privacy .btn-wrap .btn { width:80px; text-align:center; height:35px; line-height:35px; background:#073572; color:#fff; font-size:14px; text-decoration:none; display:inline-block;}

/*순정품구입안내 20220216*/
.pure_part { font-family: "돋움", Arial, Helvetica, sans-serif, tahoma; font-size:12px; line-height:18px; }
.pure_part .part_list {  }
.pure_part .part_list .part_item { display:flex; justify-content:space-between; margin-top:30px; }
.pure_part .part_list .part_item .thumb_img { width:240px; }
.pure_part .part_list .part_item .thumb_text { width:595px; }
.table_blue { border-top:2px solid #0060aa; border-bottom:2px solid #0060aa; }
.table_blue th { border-bottom:1px solid #0060aa; color:#0060aa; font-weight:bold; font-size:13px; }
.table_blue td { border-bottom:1px solid #ccc; font-size:13px; font-weight:bold; }
.table_blue th, .table_blue td { padding:12px 10px; text-align:center; vertical-align:middle; }
.table_blue td.last img { margin:0 5px; }
.table_sm th, .table_sm td { padding:4px; font-size:11px; border:1px solid #ccc; text-align:center; vertical-align:middle; line-height:15px; }
.table_sm th { font-weight:bold; color:#111; }
.table_sm th.even { background:#bfbfbf !important;}
.table_sm th.odd { background:#d3d3d3 !important;}
.table_sm td {}
ul.caution_list { margin-top:30px; }
ul.caution_list li { position:relative; padding-left:10px; }
ul.caution_list li + li { margin-top:15px; }
ul.caution_list li:before { display:block; width:3px; height:3px; background:#999;content:''; position:absolute; top:5px; left:1px; }
ul.caution_list strong.org { font-weight:bold; color:#e36305; }
.pure_part .agency_btn { position:absolute; top:0; left:416px; }