/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/

*{margin:0;padding:0;}
body,html{width:100%;height:100%;}
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

a:link {text-decoration:none;color:#000;}
a:visited {text-decoration:none;color:#000;}
a:active {text-decoration:none;color:#000;}
a:hover {text-decoration:none;color:#000;}

body {font-size:12px; font-family:'맑은 고딕'}

.clear{clear:both;font-size:0;}
.f_l{float:left;}
.f_r{float:right;}

#con_wrap{float:right;width:700px;padding:25px;}

/* header */
#flash_down{position:absolute;top:65px;left:50%;margin-left:485px;z-index:50;}

#blackout {position:absolute; top:0px; left:0px; background-color:#000; z-index:12; display:none}
#overlay {position:fixed; top:0px; left:0px; background-color:#000; z-index:12; overflow: auto; width: 100%; height: 100%; display:none}
#root {position:relative;width:960px;min-height:100%;_height:100%;margin:0 auto;background:url(/html/assets/images/ko/common/root_bg.gif) 0 0 repeat-y;}
#logo {margin:14px 0 10px 0;}
.logo{cursor:pointer;}

#gnb{clear:both;height:66px;background-color:#fff;}
#gnb .logo{float:left;margin:25px 0 0 0;}
#gnb .menu{float:right;margin:25px 0 0 0;padding:11px 0 0 0;}
#gnb .menu .name{float:left;margin:1px 3px 0 0;font-size:13px;color:#ff5500;font-weight:bold;}
#gnb .menu .txt{float:left;margin:4px 10px 0 0;}
#gnb .menu .btn_modify{float:left;margin-right:5px;}
#gnb .menu .btn_logout{float:left;}


#top_menu {z-index:10;position:relative;width:960px;height:40px;_height:40px;background:url(/html/assets/images/ko/common/menu_bar.gif) no-repeat;background-color:#212121;}
#top_menu li {float:left;cursor:pointer;font-size:0px;}
#top_menu .search{position:absolute;top:10px;right:20px;width:210px;height:28px;background:url(/html/assets/images/ko/common/menu_box.gif) no-repeat;}
#top_menu .search input {background-color:transparent;width:200px;height:20px; line-height:20px;border-width:0px; color:white;padding:0 0 0 10px;}
#top_menu .search .img_valign_middle{position:absolute;top:5px;right:10px;}

#submenu {position:absolute; margin:-3px 0 0 4px; width:106px; background-color:#363636; z-index:300; display:none;}
#submenu li {display:list-item}
#submenu li img {display:block}
#submenu .delimiter {margin-left:6px}

#submenu2 {position:absolute; margin:-3px 0 0 4px; width:106px; background-color:#363636; z-index:300; display:none;}
#submenu2 li {display:list-item}
#submenu2 li img {display:block}
#submenu2 .delimiter {margin-left:6px}

/* left */
#left{position:relative;float:left;width:199px;border-right:1px solid #d7d7d7;z-index:9;padding-bottom:50px;}
#left h2{position:relative;width:184px;height:60px;background:url(/html/assets/images/ko/common/left_linebg.gif) left bottom no-repeat;}
#left h2 .title{margin:13px 0 0 3px;}
#left h2 .btn{position:absolute;bottom:12px;right:3px;cursor:pointer;}
#left .tree ul{float:left;letter-spacing:-1px;}
#left .tree ul li a{height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#left .tree .depth1{float:left;width:184px;border-bottom:1px solid #adadad;font-size:13px;padding:9px 0 9px 0;font-weight:bold;color:#000;}
#left .tree .depth2{width:184px;border-top:1px solid #e6e6e6;font-size:12px;margin:9px 0 0 0;font-weight:bold;}
#left .tree .depth2 li{float:left;padding:6px 0 0 0;width:184px;}
#left .tree .depth3{width:184px;font-size:12px;font-weight:normal;}
#left .tree .depth3 li{float:left;padding:2px 0 0 0;margin:3px 0 0 0;color:#000;}
#left .tree .depth4 li{margin:0;float:left;padding:1px 0 0 0;
background:url(/html/assets/images/ko/common/left_dot02.gif) 11px 0 repeat-y;
*background:url(/html/assets/images/ko/common/left_dot02.gif) 9px 0 repeat-y;
color:#3e3e3e;}
#left .tree .depth4 li.dot_last{
background:url(/html/assets/images/ko/common/left_dot04.gif) 11px 0 no-repeat;
*background:url(/html/assets/images/ko/common/left_dot04.gif) 9px 0 no-repeat;}
#left .tree .depth5 {margin:0 0 2px 0;}
#left .tree .depth5 li{color:#717171;float:left;padding:2px 0 0 35px;width:149px;background:url(/html/assets/images/ko/common/left_dot.gif) 25px 8px no-repeat;}

#left .tree .icon{float:left;margin:2px 5px 0 4px;_margin:2px 0 0 2px;*margin:2px 0 0 2px;cursor:pointer;width:16px;height:16px;}
#left .tree .depth4 .icon{width:20px;}
#left .tree .all .icon{background:url(/html/assets/images/ko/common/left_icon00.gif) no-repeat;}
#left .tree .open .icon{background:url(/html/assets/images/ko/common/left_icon01_on.gif) no-repeat;}
#left .tree .close .icon{background:url(/html/assets/images/ko/common/left_icon01.gif) no-repeat;cursor:default;}
#left .tree .none .icon{background:url(/html/assets/images/ko/common/left_icon01_none.gif) no-repeat;}
#left .tree .depth2 .open .icon{background:url(/html/assets/images/ko/common/left_icon02_on.gif) no-repeat;}
#left .tree .depth2 .close .icon{background:url(/html/assets/images/ko/common/left_icon02.gif) no-repeat;}
#left .tree .depth2 .none .icon{background:url(/html/assets/images/ko/common/left_icon02_none.gif) no-repeat;cursor:default;}
#left .tree .depth3 .open .icon{background:url(/html/assets/images/ko/common/left_icon03_on.gif) no-repeat;}
#left .tree .depth3 .close .icon{background:url(/html/assets/images/ko/common/left_icon03.gif) no-repeat;}
#left .tree .depth3 .none .icon{background:url(/html/assets/images/ko/common/left_icon03_none.gif) no-repeat;cursor:default;}
#left .tree .depth4 .open .icon{background:url(/html/assets/images/ko/common/left_icon04_on.gif) 3px 3px no-repeat;}
#left .tree .depth4 .close .icon{background:url(/html/assets/images/ko/common/left_icon04.gif) 3px 3px no-repeat;}
#left .tree .depth4 .none .icon{background:url(/html/assets/images/ko/common/left_icon04_none.gif) 3px 3px no-repeat;cursor:default;}
#left .tree .depth5 li .icon{background:url(/html/assets/images/ko/common/left_dot.gif) no-repeat;border:1px solid red;}

#left .tree a.on {color:#ff5500;}

#left .tree .depth1 a{float:left;}
#left .tree .depth1 li a:link{color:#000;}
#left .tree .depth1 li a:visited {color:#000;}
#left .tree .depth2 li a:link{color:#323232;}
#left .tree .depth2 li a:active{color:#323232;}
#left .tree .depth2 li a:hover{color:#323232;}
#left .tree .depth2 li a:visited {color:#323232;}
#left .tree .depth3 li a:link{color:#323232;}
#left .tree .depth3 li a:visited{color:#323232;}
#left .tree .depth4 li a:link{color:#444;}
#left .tree .depth4 li a:visited{color:#444;}
#left .tree .depth5 li a:link{color:#717171;}
#left .tree .depth5 li a:visited{color:#717171;}
#left .tree .depth2 li a.on{color:#ff5500;}
#left .tree .depth3 li a.on{color:#ff5500;}
#left .tree .depth4 li a.on{color:#ff5500;}
#left .tree .depth5 li a.on{color:#ff5500;}
#left .tree .new{float:left;margin:5px 0 0 4px;}
#left .tree .con_num{float:right;margin:0 4px 0 0;}

/* left 
#left {position:absolute;width:199px;z-index:9;border-right:1px solid #DFDEDC;}
#left .subject .button {position:absolute; top:30px; left:116px; z-index:2;}
#left .tree {width:184px;margin-top:-4px;height:100%;_height:expression(parentNode.offsetHeight);}
#left .tree ul {float:left;margin:-1px 0 0px 2px;_margin:-1px 0 0px 1px;}
#left .tree li {cursor:pointer}
#left .tree .branch {font-weight:bold; margin:10px 0}
#left .tree .node {color:gray; font-size:12px; margin:10px 0 0 4px}
#left .tree .branch li, #left .tree .node li {float:left;}
#left .tree .branch .name a {text-decoration:none; color:#000}
#left .tree .node .name a {text-decoration:none; color:gray}
#left .tree .name a:hover {text-decoration:underline}
#left .tree .branch .name {float:left; width:115px;height:25px}
#left .tree .node .name {float:left; width:111px;height:25px;letter-spacing:-1px;}
#left .tree .quantity {float:right;width:22px; text-align:center;height:25px}*/

/* paging */
#paging {width:100%;float:left;text-align:center;margin-top:30px;height:85px;}
#paging .prev, #paging .next {vertical-align:top; cursor:pointer}
#paging .prev {margin-right:10px}
#paging .next {margin-left:10px}
#paging span {font-family:'Arial Black'; margin:0 8px}
#paging .control {margin-top:14px}
#paging .control img {vertical-align:top; cursor:pointer}
#goto {width:30px; text-align:right}

/* footer */
#footer {position:relative;width:100%;background-color:#353535;z-index:11;}
#footer .content {position:relative;width:960px; height:65px; background-image:url(/html/assets/images/ko/common/footer01.gif); margin:0 auto}
/*#footer .content li {margin-top:20px; cursor:pointer}
#footer .logo {float:left;padding-left:30px}
#footer .private {position:absolute;float:left;left:480px}
#footer .deny {position:absolute;float:left;left:570px}
#footer .email {position:absolute;float:left;left:674px}
#footer .combo {position:absolute; top:14px; left:736px; cursor:pointer}*/
#hyundai_subsidiary
{
	position:absolute; top:-220px; left:600px;
	width:305px; height:201px; 
	background-image:url(/html/assets/images/ko/common/bg_blackbox.png)
}

.img_valign_middle {vertical-align:middle}

.mask_wrapper {position:relative; display:none;float:left;}
.mask
{
	position:absolute;
	background-color:#000000;
	filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;
}
.desc {position:absolute}
.desc img {cursor:pointer}

.png24{tmp:expression(setPng24(this))}


/*alert*/
#alert_wrap{position:absolute;top:0;width:0;height:0;background-color:#000000;z-index:200;}

#alert{position:absolute;width:466px;background-color:#fff;text-align:center;z-index:500;}
#alert .top {height:40px;background:url(/html/assets/images/ko/common/alert_top_bg.gif) repeat-x;}
#alert .top h2 {float:left;font:bold 18px malgun gothic;color:#fff;padding:5px 0 0 15px}
#alert .top h2 span {font:normal 11px malgun gothic;color:#7b7b7b; margin-left:3px;}
#alert .top .close {float:right;margin:12px 12px 0 0;_margin:12px 5px 0 0;cursor:pointer;}
#alert .in_txt{border-top:2px solid #000;border-bottom:1px solid #ccc;padding:35px 0;margin:26px;}
#alert .btn{padding:0 0 27px 0;}

/*notice*/
#notice_wrap{position:absolute;top:0;width:0;height:0;background-color:#000000;z-index:200;}

#notice{position:absolute;width:466px;background-color:#fff;text-align:center;z-index:500;}
#notice .top {height:40px;background:url(/html/assets/images/ko/common/alert_top_bg.gif) repeat-x;}
#notice .top h2 {float:left;font:bold 18px malgun gothic;color:#fff;padding:5px 0 0 15px}
#notice .top h2 span {font:normal 11px malgun gothic;color:#7b7b7b; margin-left:3px;}
#notice .top .close {float:right;margin:12px 12px 0 0;_margin:12px 5px 0 0;cursor:pointer;}
#notice .in_txt{border-top:2px solid #000;border-bottom:1px solid #ccc;padding:35px 0;margin:26px;}
#notice .btn{padding:0 0 27px 0;}


/*mail pop*/
#mail_wrap{position:absolute;top:0;width:0;height:0;background-color:#000000;z-index:200;}

#mail{position:absolute;width:478px;background-color:#fff;text-align:center;z-index:500;}
#mail .top {height:40px;width:100%;background:url(/html/assets/images/ko/common/alert_top_bg.gif) repeat-x;}
#mail .top h2 {float:left;font:bold 18px malgun gothic;color:#fff;padding:5px 0 0 15px}
#mail .top h2 span {font:normal 11px malgun gothic;color:#7b7b7b; margin-left:3px;}
#mail .top .close {float:right;margin:12px 12px 0 0;_margin:12px 5px 0 0;cursor:pointer;}
#mail .info{float:left;color:gray;margin:10px 0 0 25px;}
#mail .in_txt{float:left;border-top:2px solid #000;border-bottom:1px solid #ccc;padding:10px 0;margin:10px 26px 26px 26px;}
#mail .in_txt input{width:412px;height:25px;padding:6px 0 0 10px;_height:21px;_padding:10px 0 0 10px;border:0;margin-bottom:7px;color:gray;}
#mail .in_txt textarea{width:412px;padding:6px 0 0 10px;_padding:10px 0 0 10px;border:0;overflow-x:hidden; overflow-y:auto;color:gray;}
#mail .in_txt .int01{background:url(/html/assets/images/ko/common/pop_mail_input01.gif) repeat-x;}
#mail .in_txt .int02{background:url(/html/assets/images/ko/common/pop_mail_input02.gif) repeat-x;height:128px;}
#mail .btn{padding:0 0 27px 0;}
#mail .btn img{cursor:pointer;}








/* 책내 검색 결과 Layer 2014-09-24 */
#searchBook_Background{ background-color:#000; opacity: 0.75; position:absolute; width:100%; height:100%; z-index:11;display:none;} 

#searchBook{ position:absolute; top:50%; left:50%; width:960px; height:586px; overflow:hidden; background-color:#fff; margin-top:-293px; margin-left:-480px; z-index:12; display:none;}
/* #searchBook{ position:absolute; width:400px; height:240px; left:50%; margin-left:-200px; top:50%; margin-top:-100px; z-index:0; display:none; } */
#searchBook ul li span { color:#ff5500;letter-spacing:-1px}


#searchBook_title { background-image: url(/html/assets/images/ko/search/bg.png); height:37px; font:14px Malgun Gothic; letter-spacing: -1.5px; line-height:37px; }

#searchBook_title_name{ float : left ;   color: #fff; margin-left:18px; }

#searchBook_title_result{ float : right ; font-size:12px; color:#b7b7b7; margin-right:18px;}
#searchBook_title_result_count{ font-weight:bold; color: #ff5500; }

#searchBook_title_close { float : right ;  width: 39px; height: 37px; cursor:pointer; cursor:hand; }

#searchBook_contents{	    height: 550px;    overflow-x: none;     overflow-y: auto;  } 

ul#contents   { padding:0px 10px;  }
ul#contents li.searchList { padding-top:13px; padding-bottom:13px; border-bottom: 1px solid #f1f1f1; display:block; clear:both;overflow:auto;}
ul#contents li ul li {display:inline; float:left;}
ul#contents li ul li img { border : 1px solid #e6e6e6}
ul#contents li ul li span.page{ color:#ff5500; font-weight:bold;letter-spacing:-1px}


ul#page { text-align:center;margin-top:80px; margin-bottom:40px;font:bold 14px malgun gothic; color:#ff5500;}
ul#page li {display:inline; margin-left:5px; margin-right:5px;}	

/* bgm validation error */
.bgm{position:relative;z-index:1}
.bgmPop{position:absolute;top:25px;left:15px;display:;width:570px;height:38px;background:url(/html/assets/images/ko/make/bgmPop_bg.png) no-repeat;z-index:200}
.bgmPop .txt{float:left;margin:11px 0 0 15px;}
.bgmPop .btnClose{float:right;margin:11px 15px 0 0;cursor:pointer;}