/*텍스트 링크 색상및 꾸밈*/
@import url("/css/font.css");
@import url("axicon.css");

body { font-size:16px; font-weight:bold }

#mainLayout ul {
display: block;
list-style-type: none;
-webkit-margin-before:0;
-webkit-margin-after:0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start:0;
}

/*****main*****/
.intro img { width:100% }
.main_bg { background:#b4c5cf }

#mainLayout { position:relative }
	#mainLayout .bg img { width:100% }
	#mainLayout h1 { text-align:center; top:2%; width:100%; position:absolute }
	#mainLayout h1 img { width:35% }
	
	#mainLayout .latest { background:url(/img/latest_bg.png); width:90%; margin:0 4.7%; border:2px solid #174165  }	
	#mainLayout .latest h2 { color:#fff; padding:3% 0 3% 3%; margin:0; font:normal 100% 'nanumB'; text-shadow:none; border-bottom:1px solid #c0cfdd; }
	#mainLayout .latest ul { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:none; padding:1% }
	#mainLayout .latest li { text-shadow:none; border:none }
	#mainLayout .latest li a { background:transparent; color:#fff; text-shadow:none; border:none; font-size:75%; border-top:1px solid #547ea3;  }
	#mainLayout .latest li:first-child a { border:none }
	
.main_contents { margin-top:-33% }
.main_bbs { padding:0 5% 6% 5%; width:90% }
.main_bbs ul { width:100% }

.main_banner { padding:0 6%; text-align:center; }
.main_banner li { display:inline-block; width:30%; margin:2% 1% 0 1%; }
.main_banner img { width:100% }

/***********/
.s_gnb { margin:0; padding:0 }
.s_gnb .skip { display:none; height:0; line-height:0 }
.s_gnb li { float:left; list-style:none; padding:0; margin:0; width:16.6%; line-height:0; text-align:center }
.s_gnb li img { width:100%; }
.s_gnb ul { margin:1.5% auto 0 auto; padding:0 0 0 0.7%; font-size:0; }
.s_gnb ul:after { content:""; clear:both; display:block; }

a.pagenum { padding:.625em .9em; font-size:75%; line-height:100% }

p.copyright { text-align:center; padding:3% 0 3% 0; font-size:75%; text-transform:uppercase; font-weight:bold; }
	p.copyright strong { color:#1760a6 }	


.btn { text-align:center; margin:5% 0 0 0 }
.btn img { width:40%; margin:0 1% }

.sign { background:#000 url(/img/sign_bg.png) no-repeat center center; background-size:50%; height:15em; margin-bottom:3% } 

table { width:100%; border-collapse:collapse; margin:2% 0 }
th { text-align:center; font-weight:bold; background:#3388cc; color:#fff; text-shadow:none; border-bottom:1px solid #ddd; border-left:1px solid #65a7db; border-top:2px solid #3388cc; padding:2%; font-size:95% }
th:first-child { border-left:none }
td { border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:2%; font-size:95% }
td:first-child { border-left:none }
	

.center { text-align:center !important }
.right { text-align:right !important }
.left { text-align:left !important }
span.eng { letter-spacing:0 }
.txt_red { color:#dd3232 !important }
.txt_blue { color:#1b7fce !important }
.txt_gray { color:#aaa !important }

/* 170414 islro */
.snb_tab01 { list-style:none; padding:0; margin:0; }
.snb_tab01:after { content:""; display:block; clear:both }
.snb_tab01 li { float:left; width:33.333%; background:#e9e9e9 }
.snb_tab01 li a { display:block; text-align:center; color:#999; padding:.8em 0 }
.snb_tab01 li.active { background:#2976b8 }
.snb_tab01 li.active a { color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.3) }
.snb_tab01 li:first-child { border-top-left-radius:inherit; border-bottom-left-radius:inherit }
.snb_tab01 li:last-child { border-top-right-radius:inherit; border-bottom-right-radius:inherit }
.button { background:#ccc; border:1px solid transparent; border-radius:3px; padding:10px; font-weight:bold }
.button-default { border-color:#ddd; background:linear-gradient(to top, #eee, #fff 40%); }
.button-primary { border-color:#00488c; background:linear-gradient(to top, #00488c, #1560a5 40%); color:#fff }
.button-sm { padding:7px 10px; font-size:0.9em; }
li.inline span { display:inline-block; vertical-align:middle }
.ui-btn-inline-block { display:inline-block }
.thumb_list { list-style:none; margin:1em 0 0 -5px; padding:0 }
.thumb_list:after { content:""; display:block; clear:both }
.thumb_list li { float:left; margin:5px 0 0 5px; width:calc(100%/3 - 7px); box-shadow: 0 1px 3px rgba(0,0,0,.15); border-radius: .3125em; background:#e9e9e9; border:1px solid #ddd; overflow:hidden; position:relative; padding-bottom:23.5% }
.thumb_list li img { width:100%; position:absolute; min-height:100% }

/* 170419 islro */
.overflow_y { overflow-x:hidden; overflow-y:scroll }
#popLayerBg { position:fixed; z-index:99; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); display:none }
.pop_layer { z-index:100; display:none; position:absolute; left:5%; top:70px; width:calc(90% - 40px); padding:20px; background:#fff; box-shadow: 0 1px 3px rgba(0,0,0,.15); border-radius: .3125em; border:1px solid #ddd; font-size:0.9em }
.pop_layer .btn_close { position:absolute; right:5px; top:5px; font-size:50px; color:#999; line-height:1 }
.pop_layer h2 { font-size:1.17em; margin:5px 0 20px  }
.pop_layer h3 { font-size:1.14em; margin:0 0 15px }
.pop_layer .btn_area { text-align:center }
.pop_layer .btn_area .ui-btn { width:48%; display:inline-block }
.pop_layer .btn_area .ui-btn-b, .pop_layer .btn_area .ui-btn-b:active, .pop_layer .btn_area .ui-btn-b:visited, .pop_layer .btn_area .ui-btn-b:hover { background:#2976b8; border-color:#2976b8 }

.pop_sign_layer { z-index:100; visibility:hidden; position:absolute; left:5%; top:70px; width:calc(90% - 40px); padding:20px; background:#fff; box-shadow: 0 1px 3px rgba(0,0,0,.15); border-radius: .3125em; border:1px solid #ddd; font-size:0.9em }
.pop_sign_layer .btn_close { position:absolute; right:5px; top:5px; font-size:50px; color:#999; line-height:1 }
.pop_sign_layer h2 { font-size:1.17em; margin:5px 0 20px  }
.pop_sign_layer h3 { font-size:1.14em; margin:0 0 15px }
.pop_sign_layer .btn_area { text-align:center }
.pop_sign_layer .btn_area .ui-btn { width:48%; display:inline-block }
.pop_sign_layer .btn_area .ui-btn-b, .pop_layer .btn_area .ui-btn-b:active, .pop_layer .btn_area .ui-btn-b:visited, .pop_layer .btn_area .ui-btn-b:hover { background:#2976b8; border-color:#2976b8 }

#agreement { }
#agreement .overflow_y { height:200px; border:1px solid #ddd; padding:20px; margin:0 0 5px }
#agreement .chk_area { margin:0 0 15px }
#agreement canvas { border:1px solid #aaa; width:100%; height:100px; }

#counterparts { }
#counterparts .overflow_y { height:440px; }

#model { }
#model .overflow_y { height:440px; }

/* 170420 islro */
.ui-mobile label, div.ui-controlgroup-label { font-size:1em }
.ui-btn { font-size:1em }

.custom_regist_th { width:70px }
.custom_regist_td3_2 { width:calc(100% - 150px) }
.custom_regist_td3_3 { width:70px; }
.custom_regist_td2_2 { width:calc(100% - 75px) }

/* 170426 islro */
.btn-blue-border { border-color:#38c }

/* 170805 */
#newwin { height:100%; position:relative; }
.mt_pop { }
.mt_pop p { font-weight:bold; font-size:1.2em; text-align:center; margin:0 0 30px; text-shadow:none; letter-spacing:-.5px }
.mt_pop .btn_area { font-size:0; text-align:center; margin:0 5% }
.mt_pop .btn_area a { display:inline-block; width:calc(100%/3 - 14px); margin:0 7px }
.mt_pop .btn_area a img { width:100% }
.btn_area_3p { margin:5% 0 0 0; text-align:center; font-size:0; }
.btn_area_3p a { display:inline-block; width:calc(100%/3 - 7px); margin:0 3px }
.btn_area_3p a img { width:100% }

/* 170826 */
.ui-none { width:auto !important; margin:0 !important; padding:0 !important; font-size:0 !important; background:none !important }
.btn_image { border:none; background:none }
.btn_image img { width:100% }

/* 170911*/
.grid_2 { width:49% }
.grid_3 { width:33% }

/* 171017 */
#tire_show { background:#181818; min-height:calc(100% - 48px); position:absolute; left:0; top:48px }
#tire_show * { padding:0; margin:0 }
#tire_show nav ul { list-style:none; padding:5px }
#tire_show nav li { float:left; width:calc(100%/4 - 4px); margin:0 2px; background-size:100%; background-repeat:no-repeat; background-image:url(../img/tire_gnb01_on.png) }
#tire_show nav li a { display:block }
#tire_show nav li.li02 { background-image:url(../img/tire_gnb02_on.png) }
#tire_show nav li.li03 { background-image:url(../img/tire_gnb03_on.png) }
#tire_show nav li.li04 { background-image:url(../img/tire_gnb04_on.png) }
#tire_show nav li img { width:100%; opacity:1 }
#tire_show nav li.on img { opacity:0 }
#tire_show .con img { width:100% }
#tire_show .con > div { display:none; padding-bottom:51px }
#tire_show video { width:94%; padding:3% }

/* 171018 */
.f_left { float:left }
.f_right { float:right }
.box01 { margin:1em 0; border-radius:.315em; box-shadow: 0 1px 3px rgba(0,0,0,.15); background:#fff }
.box01 .ui-input-text, .box01 .ui-select { margin:.2em 0 }
.box01 .ui-input-text input { padding:.1em; min-height:2em }
.box01 .title { background:#e9e9e9; border-radius:.315em; padding:.5em .8em }
.box01 .title:after { display:block; content:""; clear:both }
.box01 .title h2 { font-size:1.2em; float:left; padding:0; margin:0 }
.box01 .title .axi { font-size:1.2em }
.box01 .title .axi-circle-minus { display:none }
.box01.on .title { border-radius:.315em .315em 0 0 }
.box01.on .title .axi-circle-minus { display:block }
.box01.on .title .axi-circle-plus { display:none }
.box01 > .con { padding:.5em .8em; display:none }
.box01.on > .con { display:block }
.box01 > .con span { display:inline-block; vertical-align:middle }

.accordion header { border:1px solid #ddd; padding:.5em; background:#f9f9f9 }
.accordion header:after { display:block; content:""; clear:both }
.accordion header span { float:left;}
.accordion header .axi { font-size:1.2em }
.accordion header .img_desc { height:25px; margin:-2px 0 0 7px }
.accordion > div { margin:-1px 0 0 0 }
.accordion > div header .axi-circle-minus { display:none }
.accordion > div .con { padding:.5em; border:1px solid #ddd; margin:-1px 0 0 0; font-size:.95em; display:none }
.accordion > div.on .con { display:block }
.accordion > div.on header .axi-circle-minus { display:block }
.accordion > div.on header .axi-circle-plus { display:none }

/* 171027 islro */
.skip { font-size:0; line-height:0; text-indent:-9000px; margin:0; padding:0 }
#snb ul { list-style:none; padding:0; margin:0 0 0 -1px }
#snb ul:after { display:block; content:""; clear:both }
#snb li { float:left; width:calc(100%/3 - 1px); margin:0 0 0 1px }
#snb li a { display:block; text-align:center; background:#f6f6f6; color:#444; line-height:38px; border:1px solid #eee; text-shadow:none }
#snb li.on a { color:#fff; background:#3288cb; border-color:#267cc0 }
#snb li:nth-child(1) a { border-radius:5px 0 0 5px }
#snb li:nth-child(3) a { border-radius:0 5px 5px 0 }
.repair_search_islro span { display:inline-block; }
.repair_search_islro .ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #e0e0e0; border-radius:3px; line-height:34px; padding:0 5px }
.repair_search_islro .ui-select { margin:0 }
.repair_search_islro .span01 { line-height:34px; font-size:0.95em }
.repair_search_islro .btn_term { text-align:center; font-size:0.95em }
.repair_search_islro .btn_term span { float:none; margin:0 3px }
.repair_search_islro .btn_term a { color:#666 }
.repair_search_islro .btn_term a.on { color:#ec2424 }
.repair_search_islro .small { font-size:0.9em; letter-spacing:-1px }

.repair_search_islro_li01 { padding:.3em .7em !important; font-size:0.9em; letter-spacing:-1px }
.repair_search_islro_li01 span { float:left }
.repair_search_islro_li01 span:nth-child(1) { width:72px; line-height:40px; color:#dd3232 }
.repair_search_islro_li01 span:nth-child(2) { width:calc(50% - 82px); margin:0 10px 0 0 }
.repair_search_islro_li01 span:nth-child(3) { width:72px; margin:0 0 0 10px; line-height:40px }
.repair_search_islro_li01 span:nth-child(4) { width:calc(50% - 82px); }

.repair_search_islro_li02 { padding:.3em .7em !important; font-size:0.9em; letter-spacing:-1px }
.repair_search_islro_li02 span { float:left }
.repair_search_islro_li02 span:nth-child(1) { width:95px; line-height:40px; color:#dd3232 }
.repair_search_islro_li02 span:nth-child(2) { width:35px; line-height:40px; }
.repair_search_islro_li02 span:nth-child(3) { width:calc(50% - 88px); }
.repair_search_islro_li02 span:nth-child(4) { width:35px; line-height:40px; margin:0 0 0 10px }
.repair_search_islro_li02 span:nth-child(5) { width:calc(50% - 88px); }

/* 180724 */
.tab_menu { margin:0 1px 60px 1px }
.tab_menu ul, .tab_menu li { margin:0; padding:0; list-style:none }
.tab_menu ul:after { content:""; display:block; clear:both }
.tab_menu li { float:left; width:calc(100%/4) }
.tab_menu a { display:block; text-align:center; line-height:52px; height:54px; background:#342926; background-image:linear-gradient(to bottom, #7f7e7e, #342926); border:1px solid #342926; color:#ffffff; text-shadow:0 0 5px rgba(0,0,0,0.5); border-radius:10px; margin:0 1px; font-weight:bold }
.tab_menu li.on a { color:#ff8a00 }
.tab_con > section { display:none }

#img_viewer { background:#181818; padding-bottom:80px; min-height:1050px; font-size:22px; margin:-8px !important }
#img_viewer header:after { content:""; display:block; clear:both }
#img_viewer header { padding:10px }
#img_viewer header h2 { font-size:38px; color:#c3e7ff; float:left; line-height:70px; margin:0; padding:0; margin-left:20px }
#img_viewer header .btn { float:right }
#img_viewer img { max-width:100% }

#img_viewer .btn { display:inline-block; border-radius:5px; vertical-align:middle; font-weight:bold; padding:0 25px; height:72px; line-height:68px; transition:all .2s ease; border:1px solid #e0e0e0; background:#fff; margin:0 }
#img_viewer .btn-info { background:#3d708c; background-image:linear-gradient(to bottom, #a4d7e6 , #3d708c); border:1px solid #3d708c; color:#fff !important; text-shadow:0 0 5px #3d708c }

/* 181120 */
.ui-datebox-container { left:50% !important; transform:translateX(-50%) !important; animation-duration:0ms !important }