@charset "utf-8";

/* Element Reset */
input {vertical-align:middle;}
select {vertical-align:middle;}
body { margin:0; font-family:Dotum, Tahoma, Sans-serif; font-size:.75em; background:#fff; color:#636363;}
address { font-style:normal;}
hr{ display:none; position:absolute;}
img,
fieldset{ border:0;}

h1,h2,h3,h4,h5,h6 {display:none;}

form {margin:0; padding:0;}
input {margin:0; padding:0;}

a:link {	text-decoration: none;	color: #fff;}
a:visited {	text-decoration: none;	color: #fff;}
a:hover {	text-decoration: none;	color: #3B2E2A}
a:active {	text-decoration: none;	color: #3B2E2A}

/* 공용 */
dl, ol, ul {margin:0; padding:0;}
ol, ul {list-style:none;}
ol li, ul li, dl dt, dl dd {margin:0; padding:0; line-height:1em;}

body{-webkit-text-size-adjust:none; background-color:#1F1F1F;}


/* Layout */
#wrap {width:100%; }
#container,#header,#visual,#body,#content,#footer{ margin:0; padding:0;}


#header{}

#body {  margin:0;  z-index:1;border-top:2px inset #333; background-color:#FFF;}
#pid_00 #body{background:url(/M_Unicms/img/bg_body.png) repeat;}
#content{ margin:1em 1em 0 1em ; padding:0;  z-index:1; }
#footer{ background:url(/M_Unicms/img/bg_bottom.png) repeat; }


.liquid {}
.liquid #container{ width:100%;padding:0;  margin-left:auto; margin-right:auto;}

/* ----- Liquid 1 Column Layout ----- */
.liquid .c #body { display:block; }
.liquid .c #body .section{ float:left; width:30%; margin-right:3.3%;}

/* ----- page 별 배경 ----- */



/* header 
#header #logo {float:left; }
#header #login-form,#head #search-form  {float:right; }
*/
#header {}
#header #top {position:relative; background:url(/M_Unicms/img/bg_top.png) repeat-x;padding:1em .5em;vertical-align:middle; overflow:hidden; zoom:1;}

#header #top #logo {float: left; display:inline;font-size:0;}
#header #top #logo a {display:block;font-size:0;}
#header #top #login-form  {position:absolute; right:10px; top:15px; }

/*#header #search-form {clear:both; padding:10px 45px 10px 10px; background:url(/img/bg_body.png) repeat; border-top:2px inset #555;}*/
#header #search-form {clear:both; padding:10px 65px 10px 10px; border-top:2px inset #555; background-color:#1F1F1F;}
#header #search-form .input_search { width:100%; background-color:#FFF; border:2px solid #555; color:#555; font-size:15px; font-weight:bold; padding:.2em; }
#header #search-form .input_search_btn {position:absolute; right:10px; bottom:12px;}

#sub-category { overflow:hidden; zoom:1}
#sub-category ul {margin:0; padding:.6em .3em; list-style:none;overflow:hidden; zoom:1}
#sub-category ul li { float:left;	}
#sub-category ul li a { color:#666; line-height:150%; padding: .3em .3em .3em 1.3em; margin: 0.5em; background: url(http://html.nhndesign.com/ui_library/src/pattern/box/jjs/img/bg_border_corner2.gif) #fff no-repeat 0 2px;}




/* UI Object */
.fixed_img_col ul{overflow:hidden;position:relative;margin:0;padding:0;border:0px solid #ddd;border-left:0;border-right:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;list-style:none;*zoom:1}
.fixed_img_col ul:after{display:block;clear:both;content:""}
.fixed_img_col li{overflow:hidden;float:left;position:relative;top:1px;width:95px;height:130px;border-bottom:0px solid #eee; text-align:center;}
.fixed_img_col .thumb{display:block;overflow:hidden;position:relative;width:70px;height:70px;background:#eee;color:#fff;line-height:120px;text-align:center;white-space:nowrap}
.fixed_img_col .thumb img{display:block;width:70px;height:70px;border:0}
.fixed_img_col .thumb em{visibility:hidden;position:absolute;bottom:0;left:0;width:1px;height:1px;background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)}
.fixed_img_col .thumb em{_visibility:visible;_width:100%;_height:auto;_line-height:20px}
.fixed_img_col a{display:block;width:70px;margin:0 auto;padding:1em 0 0 0;text-decoration:none;cursor:pointer}
.fixed_img_col a strong{display:inline-block;margin:8px 0 0 0;color:#fff}
.fixed_img_col p{width:70px;margin:0 auto;font-size:11px;color:#767676}
.fixed_img_col a:hover strong,
.fixed_img_col a:active strong,
.fixed_img_col a:focus strong{text-decoration:underline}
.fixed_img_col a:hover .thumb,
.fixed_img_col a:active .thumb,
.fixed_img_col a:focus .thumb{margin:-3px;border:3px solid #eee;-moz-box-shadow:0 0 5px #fff;-webkit-box-shadow:0 0 5px #fff}
.fixed_img_col a:hover .thumb em,
.fixed_img_col a:active .thumb em,
.fixed_img_col a:focus .thumb em{visibility:visible;width:100%;height:auto}
/* //UI Object */

 
/* UI Object */
.tab_menu{overflow:hidden;height:39px;padding-top:5px;background:url(/M_unicms/img/bg_ttab.gif) repeat-x;}
.tab_menu li{float:left;position:relative;z-index:10;margin-left:-1px;padding:9px 9px 10px 10px;background:url(/M_unicms/img/bg_li_bar.gif) no-repeat 0 10px;color:#fff;font-size:14px;font-weight:bold;letter-spacing:-1}
.tab_menu li img{margin-bottom:1px;vertical-align:middle}
.tab_menu li span{color:#8bcf1f;font-family:tahoma;font-size:10px}
.tab_menu li a{display:block;color:#fff;text-decoration:none}
.tab_menu li.on{z-index:20;padding:0 0 10px 15px;background:url(/M_unicms/img/tab_left.gif) no-repeat 0 0}
.tab_menu li.on strong{display:block;padding:10px 22px 10px 0;background:url(/M_unicms/img/tab_right2.gif) no-repeat 100% 0}
.tab_menu li.on strong a{color:#333;text-decoration:none}
/* //UI Object */


/* UI Object */
.fixed_img_row {width:100%; margin:0 auto;}
.fixed_img_row ul{margin:0;padding:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;list-style:none}
.fixed_img_row li{position:relative;margin:0 0 -1px 0;padding:15px 0 15px 135px;border:1px solid #eee;border-left:0;border-right:0;vertical-align:top;*zoom:1}
.fixed_img_row li:after{display:block;clear:both;content:""}
.fixed_img_row li.nodata {position:relative; margin:0; padding: 3em 1em; border:1px solid #eee;border-left:0;border-right:0;vertical-align:top;*zoom:1; text-align:center; }
.fixed_img_row a{text-decoration:none;cursor:pointer}
.fixed_img_row a strong{display:inline-block;margin:0 0 4px 0;color:#333}
.fixed_img_row .thumb{display:inline;overflow:hidden;float:left;position:relative;width:120px;margin:0 15px 0 -135px;background:#eee;color:#fff;line-height:80px;text-align:center;-moz-box-shadow:0 0 5px #fff;-webkit-box-shadow:0 0 5px #fff}
.fixed_img_row .thumb img{display:block;border:0}
.fixed_img_row .thumb em{visibility:hidden;position:absolute;top:50%;left:0;width:1px;height:1px;margin:-90px 0 0 0;background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)}
.fixed_img_row .thumb em{_visibility:visible;_top:0;_width:100%;_height:auto;_margin:0;_line-height:20px}
.fixed_img_row p{margin:0;color:#767676;line-height:1.4}
.fixed_img_row a:hover strong,
.fixed_img_row a:active strong,
.fixed_img_row a:focus strong{text-decoration:underline}
.fixed_img_row a:hover .thumb,
.fixed_img_row a:active .thumb,
.fixed_img_row a:focus .thumb{margin:-3px -3px -3px -138px;border:3px solid #eee;-moz-box-shadow:0 0 5px #fff;-webkit-box-shadow:0 0 5px #fff}
.fixed_img_row a:hover .thumb em,
.fixed_img_row a:active .thumb em,
.fixed_img_row a:focus .thumb em{visibility:visible;width:100%;height:auto;line-height:180px}
/* //UI Object */


/* Common */
.lst_thmb {}
.lst_thmb:after{overflow:hidden;clear:both;content:''}
.lst_thmb .thmb{float:left;width:100px;margin-right:10px}
.lst_thmb .cont{float:left;width:180px;}
.lst_thmb .title{font-size:14px;padding-bottom:5px}
.lst_thmb .title a{color:#333}
.lst_thmb dl{overflow:hidden;clear:both;width:100%;padding-bottom:5px;color:#666;line-height:19px}
.lst_thmb dt{float:left;width:50px;font-weight:bold; }
.lst_thmb dd{float:left;width:120px; clear:right; }
.lst_thmb p{padding-bottom:5px;line-height:19px}
.lst_thmb p a{color:#333}

.lst_thmb2 {}
.lst_thmb2:after{overflow:hidden;clear:both;content:''}
.lst_thmb2 .thmb{float:left;width:100px;margin-right:10px}
.lst_thmb2 .cont{float:left;width:280px;}
.lst_thmb2 .title{font-size:12px;padding-bottom:10px}
.lst_thmb2 .title a{color:#333}
.lst_thmb2 dl{overflow:hidden;clear:both;width:100%;padding-bottom:5px;color:#666;line-height:19px}
.lst_thmb2 dt{float:left;width:240px;font-weight:bold; }
.lst_thmb2 dd{float:left;width:320px; clear:right; }
.lst_thmb2 p{padding-bottom:5px;line-height:19px}
.lst_thmb2 p a{color:#333}

/* UI Object */
/* 백그라운드이미지:하위박스 탭간격없음 */
.box_type{float:left; clear:both; border:0px solid #333; width:100%; margin-top:1em;}
.box_type .tab_box2{float:left;position:relative; z-index:100;background:url(http://html.nhncorp.com/data/guidelines/uio/img/menu/bg_tab.gif) repeat-x 0 100%}
.box_type .tab_box2 li{float:left;margin-right:-1px;background:url(http://html.nhncorp.com/data/guidelines/uio/img/menu/bg_tab_left.gif) no-repeat}
.box_type .tab_box2 li span{display:block;margin-left:3px;background:url(http://html.nhncorp.com/data/guidelines/uio/img/menu/bg_tab_right.gif) no-repeat 100% 0}
.box_type .tab_box2 li span a{color:#666;line-height:14px;text-decoration:none;display:block;padding:9px 19px 5px}
.box_type .tab_box2 li a:hover{color:#333}
.box_type .tab_box2 li.on{background-position:0 -28px}
.box_type .tab_box2 li.on span{background-position:100% -28px}
.box_type .tab_box2 li.on span a{color:#333;font-weight:bold;letter-spacing:-1px}
.box_type .cont{float:left;width:100%; margin-top:-1px;border:1px solid #ccc;background:#f4f4f4;color:#666;}
.box_type .cont:after{overflow:hidden; clear:both;content:''}
.box_type .cont p{padding:1em 1.5em; line-height:1.6em;}
.box_type .cont table{padding:1em 1.5em;}

/* UI Object - 일반박스타입*/
.box_type_normal { position: relative; _height: 1% }
.outer { border-bottom: #a8e469 4px solid; border-left: #a8e469 4px solid; border-top: #a8e469 4px solid; border-right: #a8e469 4px solid }
.box_type_normal .inner { border-bottom: #418f30 1px solid; border-left: #418f30 1px solid; border-top: #418f30 1px solid; border-right: #418f30 1px solid }
.box_type_normal p { padding-bottom: 10px; padding-left: 10px; padding-right: 10px; font-size: 12px; padding-top: 10px }
.box_type_normal .lt { position: absolute; width: 7px; background: url(http://html.nhndesign.com/ui_library/src/pattern/box/jjs/img/bg_border_corner.gif) #fff no-repeat 0px 0px; height: 7px; font-size: 0px; top: -4px; left: -4px }
.box_type_normal .rt { position: absolute; width: 7px; background: url(http://html.nhndesign.com/ui_library/src/pattern/box/jjs/img/bg_border_corner.gif) #fff no-repeat 100% 0px; height: 7px; font-size: 0px; top: -4px; right: -4px; _right: -5px }
.box_type_normal .lb { position: absolute; width: 7px; bottom: -4px; background: url(http://html.nhndesign.com/ui_library/src/pattern/box/jjs/img/bg_border_corner.gif) #fff no-repeat 0px 100%; height: 7px; font-size: 0px; left: -4px; _bottom: -5px }
.box_type_normal .rb { position: absolute; width: 7px; bottom: -4px; background: url(http://html.nhndesign.com/ui_library/src/pattern/box/jjs/img/bg_border_corner.gif) #fff no-repeat 100% 100%; height: 7px; font-size: 0px; right: -4px; _right: -5px; _bottom: -5px }
.box_type_normal2 { position: relative; _height: 1% }
.outer2 { border-bottom: #e4e4e4 4px solid; border-left: #e4e4e4 4px solid; border-top: #e4e4e4 4px solid; border-right: #e4e4e4 4px solid }
.inner2 { border-bottom: #c7c7c7 1px solid; border-left: #c7c7c7 1px solid; border-top: #c7c7c7 1px solid; border-right: #c7c7c7 1px solid }
.box_type_normal2 p { padding-bottom: 10px; padding-left: 10px; padding-right: 10px; font-size: 12px; padding-top: 10px }
.box_type_normal2 .lt { position: absolute; width: 7px; background: url(http://html.nhndesign.com/ui_library/src/pattern/box/jjs/img/bg_border_corner2.gif) #fff no-repeat 0px 0px; height: 7px; font-size: 0px; top: -4px; left: -4px }
.box_type_normal2 .rt { position: absolute; width: 7px; background: url(http://html.nhndesign.com/ui_library/src/pattern/box/jjs/img/bg_border_corner2.gif) #fff no-repeat 100% 0px; height: 7px; font-size: 0px; top: -4px; right: -4px; _right: -5px }
.box_type_normal2 .lb { position: absolute; width: 7px; bottom: -4px; background: url(http://html.nhndesign.com/ui_library/src/pattern/box/jjs/img/bg_border_corner2.gif) #fff no-repeat 0px 100%; height: 7px; font-size: 0px; left: -4px; _bottom: -5px }
.box_type_normal2 .rb { position: absolute; width: 7px; bottom: -4px; background: url(http://html.nhndesign.com/ui_library/src/pattern/box/jjs/img/bg_border_corner2.gif) #fff no-repeat 100% 100%; height: 7px; font-size: 0px; right: -4px; _right: -5px; _bottom: -5px }


/* UI Object */
.paginate{padding:15px 0;text-align:center}
.paginate a,.paginate strong{display:inline-block;_position:relative;margin-right:-6px;padding:3px 10px 2px 11px;background:#fff url(http://static.naver.com/common/paginate/line_pg4.gif) no-repeat 0 5px;color:#333;font-family:Tahoma, Serif;font-size:11px;font-weight:bold;line-height:normal;text-decoration:none !important}
.paginate strong{color:#ff1315 !important}
.paginate a:hover,.paginate a:active,.paginate a:focus{background-color:#f7f7f7}
.paginate a.pre,.paginate a.pre_end,.paginate a.next,.paginate a.next_end{font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:11px}
.paginate a.pre{padding:4px 10px 2px 17px;background:url(http://static.naver.com/common/paginate/bu_pg4_l1.gif) no-repeat 100% 4px !important}
.paginate a.pre_end{padding:4px 10px 2px 16px;background:url(http://static.naver.com/common/paginate/bu_pg4_l2.gif) no-repeat 100% 4px !important}
.paginate a.next{padding:4px 18px 2px 11px;background:url(http://static.naver.com/common/paginate/bu_pg4_r1.gif) no-repeat 0 4px !important}
.paginate a.next_end{padding:4px 16px 2px 9px;background:url(http://static.naver.com/common/paginate/bu_pg4_r2.gif) no-repeat 0 4px !important}
/* //UI Object */



/* UI Object */
.faq{border-bottom:1px solid #ddd;font-size:12px}
.faq .hgroup{position:relative;margin:0 0 10px 0;*zoom:1}
.faq .hgroup .trigger{overflow:visible;position:absolute;top:50%;right:0;margin:-15px 0 0 0;padding:0;border:0;background:none;font-size:12px;cursor:pointer}
.faq ul{margin:0;padding:0;list-style:none}
.faq .q{margin:0;border-top:1px solid #ddd}
.faq .q a.trigger{display:block;line-height:1.3;padding:10px 15px;background:#fafafa;font-weight:bold;color:#333;text-align:left;text-decoration:none !important}
.faq .hide .q a.trigger{font-weight:normal;background:none}
.faq .q a.trigger:hover,
.faq .q a.trigger:active,
.faq .q a.trigger:focus{background:#f8f8f8;color:#000;}
.faq .a{margin:0;padding:10px 15px;line-height:1.5}
/* //UI Object */


/* UI Object */
.tbl_type {background-color:#FFF;}
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:2px solid #dcdcdc;font-family:Tahoma;font-size:11px;text-align:center}
.tbl_type caption{display:none}
.tbl_type th{padding:7px 0 4px;border-top:2px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
.tbl_type td{padding:6px 0 4px;border-top:1px solid #e5e5e5;color:#4c4c4c}
.tbl_type td.text-left {text-align:left;}
.tbl_type td.text-right {text-align:right;}
/* //UI Object */


/* UI Object */
#login{position:relative;background:#fff;font-size:12px;font-family:Tahoma, Geneva, sans-serif;color:#767676;line-height:normal;white-space:normal; }
#login { width:220px; overflow:hidden; zoom:1; margin:3em auto 0 auto; padding-bottom:3em;}
#login:after{display:block;clear:both;content:""}
#login form{display:none;margin:0;padding:0}
#login fieldset{margin:0;padding:0;border:0;  }
#login legend{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
#login .btn_login {background:transparent url(/M_Unicms/img/btn_login.gif) no-repeat;}
#login .btn_login input{display:inline-block;overflow:visible;position:relative;height:32px;margin:0;padding:0;border:0;background:transparent url(/M_Unicms/img/btn_login.gif) no-repeat;font-size:12px;font-weight:bold;color:#fff;line-height:32px;text-decoration:none !important;vertical-align:middle;cursor:pointer}
#login .btn_login input{left:4px;padding:0 24px 0 36px;background-position:right top;*vertical-align:top}
#login .item{position:relative}
#login .i_label{display:block;position:static;top:9px;font:bold 11px Tahoma}
#login .i_text{display:block;position:relative;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent;font:bold 11px Tahoma;height:14px;color:#767676}
#login .help{float:none;display:block;position:relative;margin:0 -28px;border:0;padding:15px 0;border-top:1px solid #d9d9d9;background:#fafafa;text-align:center;list-style:none;*zoom:1}
#login .help li{display:inline;float:none;margin:0;padding:0 6px 0 10px;border-left:1px solid #c3c3c3 !important;line-height:1}
#login .help li.first{border:0 !important}
#login .help a{display:inline;float:none;padding:0;background:none;font-size:11px;font-family:Dotum, 돋움, Sans-serif;color:#767676;line-height:1;text-decoration:none}
#login .help a:hover,
#login .help a:active,
#login .help a:focus{color:#000;text-decoration:underline}
#login .g_login .i_label{left:10px}
#login .g_login .i_text{width:200px;margin:0 0 5px 0;padding:8px 0 6px 10px;font:16px/25px Verdana, Geneva, sans-serif}
#login .g_login .btn_login{position:absolute; right:11px; top:80px; }
#login .g_login .keeping{float:left;height:32px;margin:10px 0;padding:0;line-height:32px;vertical-align:top;}
#login .g_login .keeping label{position:static;font-family:Dotum, 돋움, Thahoma;cursor:pointer}
#login .g_login .i_check{width:13px;height:13px;margin:0 4px 0 0;padding:0;vertical-align:middle}
#login .g_login .warning{display:none;float:none;margin:10px 0;line-height:1.4}
#login .g_login .warning.open{clear:both; display:block}
#login .o_login{text-align:center}
#login .o_login .i_label{left:36px}
#login .o_login .i_text{width:291px;margin:0;padding:8px 0 6px 35px;background:url(/M_Unicms/img/ico_openid.gif) no-repeat 10px center}
#login .o_login .btn_login{margin-top:10px;margin-bottom:10px}
#login.g_login .g_login,
#login.o_login .o_login{display:block}
#login .close{display:none; overflow:visible;position:absolute;top:0;right:0;width:25px;height:25px;padding:0;border:0;background:transparent;font:11px/25px Verdana, Geneva, sans-serif;color:#ccc;text-align:center;text-decoration:none !important;cursor:pointer}
/* //UI Object */


/* copyright - UI Object */
#footer {clear:both;margin:0;padding: 1em 0; text-align:center; overflow:hidden; zoom:1;}
#footer ul,#footer li,#footer a,#footer strong,#footer address{margin:0;padding:0;color:#CCC;font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:12px;line-height:normal;list-style:none;font-style:normal}
#footer a{color:#CCC;text-decoration:none}
#footer a:visited{color:#CCC;text-decoration:none}
#footer a:hover{text-decoration:underline}  
#footer ul{margin:0 0 10px}  
#footer ul li{display:inline;position:relative;padding:0 5px 0 7px;background:url(http://static.naver.com/common/footer/bu_bar.gif) 0 50% no-repeat;_background-position:0 10%;font-size:12px;white-space:nowrap}  
#footer ul li a:hover,#footer ul li a:hover strong{color:#666;}  
#footer ul li.first {background:none}
#footer .copyright {color:#999;}
#footer .copyright_info{margin:20px 0 13px;font-size:11px;line-height:18px}  
#footer .copyright_info span{display:inline-block;margin-left:2px;padding-left:7px;background:url(http://static.naver.com/common/footer/bu_bar.gif) 1px 50% no-repeat;_background-position:0 10%;font-size:11px;line-height:18px}  
#footer address{font-family:Verdana;font-size:9px;line-height:14px}
#footer address a{color:#CCC;font-family:Tahoma;font-size:9px;font-weight:bold}
#footer address a:hover{color:#CCC}
#footer address span{padding-left:2px;font-family:Verdana;font-size:12px;line-height:14px; font-weight:bold;}

/* //copyright - UI Object */


#content-desc {padding:.5em 0 2em 0;}