@charset "utf-8";

body { margin:0; padding:0; font-family:"돋움", Arial, serif; font-size:12px;  color:#5d5d5d; }

h1, h2, h3, h4, p, input, ul, li, form, label, dl, dt, dd, fieldset { margin:0; padding:0; }
caption, hr { display:none; }
ul, li, dd { list-style:none; }
img, fieldset { border:0; vertical-align:top; }
p { margin:0; padding:0; }

a { text-decoration:none; color:#5d5d5d; }
a:hover { color:#333333; }
a:visited{}
a:active{}

input, select { font-size:1em; }


.hide, legend { /*숨기기*/
	position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; /* visibility:hidden;*/
	margin:0; padding:0; }


/*  Basic - clearfix ----------------------- */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Basic - space ----------------------- */
.space05 {height:5px}
.space10 {height:10px}
.space15 {height:15px}
.space20 {height:20px}

/*intro*/

body.intro_login{ background:url(/images/zenhankook/login_bg_all.gif) repeat-y center top;}
body.intro_myinfo,
body.intro_join{ background:url(/images/zenhankook/login_bg_all2.gif) repeat-y center top;}

body.intro_login div.head,
body.intro_myinfo div.head,
body.intro_join div.head{ background:url(/images/zenhankook/login_bg_top.gif) no-repeat center top;}
body.intro_login div.head h1,
body.intro_myinfo div.head h1,
body.intro_join div.head h1{width:588px; margin:0 auto;}

body.intro_login div.wrapper{ width:588px; margin:0 auto;}
body.intro_myinfo div.wrapper{ width:980px; margin:0 auto;}
body.intro_join div.wrapper{ width:980px; margin:0 auto;}


body.intro_login div.loginArea{ width:586px; border-left:1px solid #bf1c28; border-right:1px solid #bf1c28; margin-top:40px; padding-top:0px;}
body.intro_login div.loginArea div.loginForm{ position:relative; padding-left:154px; padding-bottom:10px; background:url(/images/zenhankook/login-loginBtm.gif) no-repeat 154px bottom;}
body.intro_login div.loginArea div.loginForm h2{ padding-bottom:14px;}
body.intro_login div.loginArea div.loginForm .loginInput{ border:none; background:url(/images/zenhankook/login-loginInput.gif) no-repeat; width:170px; height:30px; color:#fff; font-size:20px; font-weight:bold; padding:0 0 10px 5px;}
body.intro_login div.loginArea div.loginForm .loginBtn{ position:absolute; left:420px; top:43px;}
body.intro_login div.loginArea div.loginForm p.loginJoin{ position:absolute; left:380px; top:3px;}
body.intro_login div.loginArea p.loginInfo{ padding:10px 0 0 154px;  font-size:11px; color:#999;}
body.intro_login div.loginArea p.loginX{ padding:5px 0 5px 154px;  font-size:11px; color:#999; margin-bottom:15px; background:#f2f2f2;}
body.intro_login div.loginArea p.loginX strong{ color:#da202e;}
body.intro_login p.custom{ padding:23px 0 0 154px;}
body.intro_login address{ padding:10px 0 0 154px; margin-bottom:20px; }

/* myinfo */
body.intro_myinfo div.myinfoArea{ width:978px; min-height:80px; border-left:1px solid #bf1c28; border-right:1px solid #bf1c28; margin-top:20px; background-color:#f6f6f6; padding:15px 0 10px 0px;}
body.intro_myinfo div.myinfoArea div.notice{ float:left; padding-left:94px; width:427px;}
body.intro_myinfo div.myinfoArea div.memInfo{ float:left;}
body.intro_myinfo div.myinfoArea div.notice h2,
body.intro_myinfo div.myinfoArea div.memInfo h2{ padding-bottom:10px;}
body.intro_myinfo div.myinfoArea div.notice ul{}
body.intro_myinfo div.myinfoArea div.notice ul li{ height:20px; padding-left:8px; background:url(/images/zenhankook/login_notice_bult.gif) no-repeat left 5px; position:relative;}
body.intro_myinfo div.myinfoArea div.notice ul li a{}
body.intro_myinfo div.myinfoArea div.notice ul li span{ position:absolute; right:95px; font-family:Tahoma, Geneva, sans-serif;  color:#999999;}
body.intro_myinfo div.myinfoArea div.memInfo p{ font-size:15px;}
body.intro_myinfo div.myinfoArea div.memInfo p strong { color:#000;}
body.intro_myinfo div.myinfoArea div.memInfo ul{ width:320px; padding-top:13px;}
body.intro_myinfo div.myinfoArea div.memInfo ul li{ width:150px; float:left; height:20px;}
body.intro_myinfo div.myinfoArea div.memInfo ul li span{ color:#bf4c1c;}

body.intro_myinfo div.system_enter{ text-align:center; padding-top:10px;}
body.intro_myinfo div.system_enter p.enter_btn{ text-align:center;}
body.intro_myinfo div.system_enter p.enter_btn a{ margin:0 auto; display:inline-block; width:160px; height:150px; overflow:hidden;}
body.intro_myinfo div.system_enter p.enter_btn a img{ }
body.intro_myinfo div.system_enter p.enter_btn a:hover img{margin-top:-150px;}

body.intro_myinfo p.custom{ padding:20px 0 0 0; text-align:center; background:url(/images/zenhankook/login_myinfo_btm.gif) no-repeat center 0px;}
body.intro_myinfo address{ text-align:center; margin-bottom:20px;}


/* join */
body.intro_join div.memjoin{width:978px; min-height:80px; border-left:1px solid #bf1c28; border-right:1px solid #bf1c28; margin-top:20px; padding:15px 0 10px 0px;}
body.intro_join div.memjoin h2{ background:url(/images/zenhankook/join_bult.gif) no-repeat left 0; color:#ae232e; font-size:15px; border-bottom:1px solid #d2d2d2; padding-bottom:10px; padding-left:25px;}
body.intro_join div.memjoin div.agreement{ float:left; margin-left:94px; width:780px;}
body.intro_join div.memjoin div.agreement textarea{ float:left; margin-left:0px;text-align:left;font-family:"돋움", Arial, serif; font-size:12px; line-height:130%; color:#5d5d5d; width:748px; padding:15px; border:1px solid #e9e9e9; border-top:none;}
body.intro_join div.memjoin div.agreement div.agree_btn{text-align:center; padding:10px 0 10px 0;}
body.intro_join div.memjoin div.agreement div.agree_btn input{ padding:10px;}

body.intro_join div.memjoin div.agreement div.agree_info{ background:#ebf0f6; border:1px solid #dee4eb; border-left:none; border-right:none; padding:15px;}
body.intro_join div.memjoin div.agreement div.agree_info .blue{ color:#0d41ac;}
body.intro_join div.memjoin div.agreement div.agree_info .red{ color:#da202e;}
body.intro_join div.memjoin div.agreement div.agree_info .yellow{ background:#ff0; color:#333;}

body.intro_join div.memjoin div.agreement div.agree_table{ padding-top:10px;}
div.agree_table table {border-collapse:collapse; border-spacing:0;}
div.agree_table table{border:none; }
div.agree_table td input.agree_input{ background:#f9f9f9; border:1px solid #d6d6d6; padding:4px;}
div.agree_table td input.agree_input_yellow{ background:#FF6; border:1px solid #d6d6d6; padding:4px;}
div.agree_table th{ background:#eeeeee; padding:2px; border:none; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
div.agree_table td{ background:#fff; border-color:#e6e6e6; padding:2px; padding-left:8px; border-style:solid; line-height:150%; border-left:none; border-right:none;}



body.intro_join p.custom{ padding:20px 0 0 0; text-align:center; background:url(/images/zenhankook/login_myinfo_btm.gif) no-repeat center 0px;}
body.intro_join address{ text-align:center; margin-bottom:20px;}


/*sub*/
body.erpSub{ background:url(/images/zenhankook/sub_bg.gif) repeat-x;}
body.erpSub div.head{ width:980px; margin:0 auto; position:relative; color:#6a6a6a;}
body.erpSub div.head h1{}
body.erpSub div.head div.myinfo{ position:absolute; right:0; top:8px; font-size:11px; color:#6a6a6a;}
body.erpSub div.head div.myinfo ul{}
body.erpSub div.head div.myinfo ul li{ float:left;}
body.erpSub div.head div.myinfo ul li span{ padding:2px; padding-right:10px;}
body.erpSub div.head div.myinfo ul li a{ color:#6a6a6a; border:1px solid #cdcbcb; background:#fff; padding:3px 5px 2px 5px; margin-left:3px;}
body.erpSub div.head div.myinfo ul li a:hover{ color:#333;}

body.erpSub div.head div.navi{ padding-top:5px;}
body.erpSub div.head div.navi ul{ font-family:"맑은 고딕"; font-size:14px; font-weight:bold;}
body.erpSub div.head div.navi ul li{ float:left; background:url(/images/zenhankook/sub_menuLine.gif) no-repeat left top; padding:10px 10px 0px 20px; height:28px; overflow:hidden;}
body.erpSub div.head div.navi ul li a{ color:#fff;}
body.erpSub div.head div.navi ul li a:hover{ color:#CCC;}

body.erpSub div.wrapper{ width:980px; margin:0 auto;}
body.erpSub div.wrapper div.pageTop { position:relative; padding-bottom:20px;}
body.erpSub div.wrapper div.pageTop h2.pageTitle{ background:url(/images/zenhankook/sub_title.gif) no-repeat; font-family:"맑은 고딕"; font-size:15px; padding:15px 0 0 60px; height:30px; color:#434343;}
body.erpSub div.wrapper div.pageTop div.location{ height:48px; display:table-cell; vertical-align: middle; position:absolute; right:0; top:0px; color:#8c8c8c; font-size:11px; max-width:600px;}
body.erpSub div.wrapper div.pageTop div.location p{ position:relative; top:50%; transform: translateY(-50%); word-break:keep-all;}

.zen_btn01{ border:1px solid #cad0d7; background:#f8f8f8; color:#717171; padding:1px 3px 3px 3px;}
.zen_btn02{ border:1px solid #778cb7; background:#8aa1c4; color:#ffffff; padding:1px 3px 3px 3px;}
.zen_btn03{ border:1px solid #888888; background:#9e9e9e; color:#ffffff; padding:1px 3px 3px 3px;}

/*mymenu*/
div.mymenu{}
div.mymenu p.mymenuImg{ font-family:"맑은 고딕"; float:left; padding:0 20px 0 100px;}
div.mymenu ul.mymenuList{ float:left; border-left:1px solid #e2e2e2; padding:20px 0 20px 40px;}
div.mymenu ul.mymenuList li{ font-size:15px; font-weight:bold; color:#000; background:url(/images/zenhankook/sub_mymenubult.gif) no-repeat left 10px; padding:5px 0 5px 15px;}
div.mymenu ul.mymenuList li p.dep2{ color:#585858;font-size:12px; padding:10px 0; font-weight:normal;}


/*sitemap*/
div.sitemap{ font-family:"맑은 고딕"; background:url(/images/zenhankook/sitemap_line.gif) repeat-y 326px 0; position:relative;}
div.sitemap ul.mapNavi{ font-size:16px; font-weight:bold; width:326px; border-top:1px solid #d2d2d1;}
div.sitemap ul.mapNavi li{}
div.sitemap ul.mapNavi li a{ display:block; color:#000; height:40px; width:313px; background:url(/images/zenhankook/sitemap_bult1.gif) no-repeat 284px 26px; padding-top:20px; padding-left:13px; border-bottom:1px solid #d2d2d1; }
div.sitemap ul.mapNavi li a:hover,
div.sitemap ul.mapNavi li a.on{ background:url(/images/zenhankook/sitemap_menuBg.gif) repeat-x left top; color:#fff;}

div.sitemap div.mapNavi_sub{ display:none; padding:37px 35px 34px 34px; background:#f6f6f6; position:absolute; top:0; left:329px; right:0;}
div.sitemap div.mapNavi_sub p.title{ font-size:23px; font-weight:bold; color:#275c92; padding-bottom:25px;}
div.sitemap div.mapNavi_sub ul{}
div.sitemap div.mapNavi_sub ul li{ font-size:15px; font-weight:bold; color:#000; background:url(/images/zenhankook/sub_mymenubult.gif) no-repeat left 10px; padding:5px 0 10px 15px;}
div.sitemap div.mapNavi_sub ul li p.dep2{ color:#dadbdc;font-size:12px; padding:8px 0; font-weight:normal;}
div.sitemap div.mapNavi_sub ul li p.dep2 a{ color:#585858;}
div.sitemap div#mapNavi_1{ display:block;}