@charset "UTF-8";

/* default setting */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote{margin:0;padding:0;}
hr, legend {display:none;}
img, fieldset {border:0 none;}
body, h1, h2, h3, h4, h5, dl, dt, dd, th, td, div, p, li,
form, fieldset, select, legend, input, label, textarea {font-size:12px; font-family: dotum, sans-serif; color:#555; font-weight:400;}
ul, ol, li {list-style:none outside;}
input, select, textarea {vertical-align:middle;font-family: dotum, sans-serif;}
table{border-collapse:collapse;}
address, em{font-style:normal;}
img{vertical-align:top;}
th, td, li, p{line-height:1.2;}
a{color:#555;text-decoration:none;}
a:hover{text-decoration:underline;}
*{-webkit-text-size-adjust:100%;}

/*************************************************************************************************************************************************/

/*그리드*/
.container {width:1000px;}
.span12 {width:1000px;}
.span11 {width:915px;}
.span10 {width:830px;}
.span9 {width:745px;}
.span8 {width:660px;}
.span7 {width:575px;}
.span6 {width:490px;}
.span5 {width:405px;}
.span4 {width:320px;}
.span3 {width:235px;}
.span2 {width:150px;}
.span1 {width:65px;}

[class*="span"] {float:left; margin-left:20px; min-height:1px;}
[class*="span"]:first-child {margin-left:0;}

/*************************************************************************************************************************************************/



/*공통요소*/
.blind {overflow:hidden; width:0; height:0; font-size:0; line-height:0; display:none;}
.height20 {height:20px;}
.height40 {height:40px;}
.height60 {height:60px;}
.content_wrap {margin:0 auto; width:1000px; *zoom:1; position:relative;}
.content_wrap:after {content:""; display:block; clear:both;}
.right_content_wrap {width:780px; float:right;}
.right_content_wrap h3 {border-bottom:2px solid #333; padding:10px 0 15px 0; position:relative;}
.bottom_padding {padding-bottom:100px;}

.bulletin_50 {width:50px;}
.bulletin_80 {width:80px;}
.bulletin_100 {width:100px;}
.bulletin_180 {width:180px;}
.bulletin_200 {width:100px;}
.bulletin_400 {width:400px;}
.bulletin_480 {width:480px;}
.bulletin_500 {width:500px;}

/* 크롬에서 input 테두리없애기 */
input, textarea {outline-style:none;}

/* 링크 점선없애기 */
a {outline: none;}

/*input*/
input,	textarea, select {color:#555; vertical-align:middle;}
.input_txt {width:166px; padding:6px 8px; background-color:#fdfdfd; border:1px solid #cdcdcd; margin:0; height:14px;}
.input_txt:hover, textarea:hover {border:1px solid #999;}
.input_txt.on, textarea.on {border:1px solid #75b9f0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.6); background:#fff;}

.input_txt.gt01 {width:100px;}
.input_txt.gt02 {width:200px;}
.input_txt.gt03 {width:300px;}
.input_txt.gt04 {width:400px;}
.input_txt.gt05 {width:500px;}

/* select */
select	{min-width:80px; height:28px; *height:28px; padding:2px; background-color:#fff; border:1px solid #cdcdcd; line-height:22px; background:#fdfdfd; vertical-align:middle; *zoom:1;}

/*textarea*/
textarea {resize:none;}
.textarea_txt {width:90%; border:1px solid #cdcdcd; height:200px; padding:6px 8px; line-height:20px; background:#fdfdfd;}
.textarea_txt.th01 {height:46px; width:70%;}


/*폼테이블*/
.form_table caption {display:none;}
.form_table th {background:#f4f4f4; text-align:left; padding-left:30px; font-weight:700; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; height:40px;}
.form_table td {padding-left:30px; border-bottom:1px solid #cdcdcd;}
.form_table td span {margin-left:20px; color:#999;}
.form_table td span strong {color:#72abee; font-size:14px; font-weight:700; margin-right:3px;}
.form_table td span a.bn_id {display: inline-block; text-align:center; vertical-align:middle; background:#666; color:#fff; font-family:'Nanum Gothic','나눔고딕', dotum, sans-serif; padding:4px 0; width:100px; border-right:1px solid #2c2c2c; border-bottom:1px solid #2c2c2c; border-left:1px solid #555; border-top:1px solid #555; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom:1; font-size:12px; outline:none; cursor:pointer; text-decoration:none;} 
.form_table td em {margin:0 5px;}
.form_table td.textedit {padding:20px 0; text-align:center;}
.bn_write {padding:30px 0; text-align:center;}
.bn_write li {display:inline-block; *display:inline; *zoom:1;}
.bn_write li.first_li {margin-right:20px;}

/*텍스트 테이블*/
.text_table caption {display:none;}
.text_table th {background:#f4f4f4; padding-left:20px; font-weight:700; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; height:30px; text-align:left;}
.text_table td {padding-left:20px; border-bottom:1px solid #cdcdcd; height:30px;}
.text_table td a {margin-left:10px;}
.text_table td a img {vertical-align:middle;}
.text_table td span {font-size:16px; font-weight:700; color:#72abee;}
.text_table th.input_th, .text_table th.input_td {height:40px;}

/*패스워드*/
.pass_box_wrap {padding:150px 0; text-align:center;}
.pass_box {display:inline-block; *display:inline; *zoom:1; width:320px; border:5px solid #cdcdcd; padding:30px 0; text-align:center;}
.pass_box .pb_01 {margin-bottom:10px;}
.pass_box .pb_01 span {margin:0 3px;}
.pass_box .pb_01 strong {font-weight:700;}


/*************************************************************************************************************************************************/


/* 공통탑 */

/*헤더*/
#header {background:#3963C5;}
#header .header_line {height:5px; background:#1d48ae;}
#header .header_wrap {margin:0 auto; width:1000px; height:100px; position:relative;}

#header .header_menu {float:right; margin-top:15px;}
#header .header_menu:after {clear:both;}
#header .header_menu dl .bar {color:#23428c; vertical-align:middle;}
#header .header_menu dl dd a {color:#fff; display:inline-block; background:url(/images/header_icon.png) no-repeat; padding-left:20px; font-size:11px; padding-right:5px;}
#header .header_menu dl dd .hm_dd_01 {background-position: 4px 1px;}
#header .header_menu dl dd .hm_dd_02 {background-position: 4px -35px;}
#header .header_menu dl dd .hm_dd_03 {background-position: 4px -16px;}
#header .header_menu dl dd .hm_dd_04 {background-position: 4px -53px;}
#header .header_menu dl dd .hm_dd_05 {background-position: 4px -70px;}
#header .header_menu dl dd .hm_dd_06 {background-position: 4px -88px; padding-right:0;}

#header .search_form {position:absolute; top:48px; right:0;}
#header .sf_box {border:1px solid #224cb0; border-right:0;  height:33px; display:block; float:left; background:url(/images/btn_seach_title.gif) no-repeat 7px center #fff;}
#header .sf_box .sf_text {border:0; margin:8px 5px 0 83px; width:153px; float:left;}

/*NAV*/
.hide_text {text-indent:100%; white-space:nowrap; overflow:hidden;}
#nav {height:40px; background:#404040; border-top:1px solid #303030; border-bottom:1px solid #303030;}
#nav .nav_wrap {width:1000px; margin:0 auto; position:relative;}

#nav .nav_menu {height:40px; *zoom:1;}
#nav .nav_menu:after {content:""; display:block; clear:both;}
#nav .nav_menu li {float:left;}
#nav .nav_menu li a {display:block; width:130px; height:40px;}
#nav .nav_menu li a.na_01 {background:url(/images/nav_menu_02.png) 0 -1px; width:129px;}
#nav .nav_menu li a.na_02 {background:url(/images/nav_menu_02.png) -129px -1px; width:131px;}
#nav .nav_menu li a.na_03 {background:url(/images/nav_menu_02.png) -260px -1px;}
#nav .nav_menu li a.na_04 {background:url(/images/nav_menu_02.png) -390px -1px;}
#nav .nav_menu li a.na_05 {background:url(/images/nav_menu_02.png) -520px -1px;}
#nav .nav_menu li a.na_01_active {background:url(/images/nav_menu_02.png) 0 -53px; width:129px;}
#nav .nav_menu li a.na_02_active {background:url(/images/nav_menu_02.png) -129px -53px; width:131px;}
#nav .nav_menu li a.na_03_active {background:url(/images/nav_menu_02.png) -260px -53px;}
#nav .nav_menu li a.na_04_active {background:url(/images/nav_menu_02.png) -390px -53px;}

#nav .sub_nav_wrap {position:absolute; top:6px; right:0; height:28px; background:url(/images/sub_nav_bg_01.gif) no-repeat;}
#nav .sub_nav {background:url(/images/sub_nav_bg_02.gif) no-repeat 100% 0; height:28px; padding:0 10px;}
#nav .sub_nav li {float:left; background:url(/images/nav_bar.png) no-repeat 100% center;}
#nav .sub_nav .last_bg {background:none;}
#nav .sub_nav li a {display:block; padding:6px 12px;}

/*서브메뉴*/
#sub_menu {margin:0 auto; width:984px; border:3px solid #3963c5; border-top:0; padding:20px 0 10px 10px; position:relative; margin-bottom:10px;}
#sub_menu ul {width:786px; border-right:1px solid #e2e2e2; *zoom:1;}
#sub_menu ul:after {content:""; display:block; clear:both;}
#sub_menu ul li {float:left; width:100px; text-align:center;}
#sub_menu ul .sm_title {width:86px;}
#sub_menu ul li a {display:bolck;}
#sub_menu ul li a .sb_img {display:block;}
#sub_menu ul li a .sb_text {display:block; margin:5px 0 10px 0;}
#sub_menu .theme_menu {border-top:1px solid #e2e2e2; padding-top:10px;}

#sub_menu .sm_cs {position:absolute; top:20px; right:10px;}

/*************************************************************************************************************************************************/



/* 공통 푸터 */

/*알림바*/
#notice_bar {height:40px; background:#515151; margin-top:50px;}
#notice_bar .nb_wrap {margin:0 auto; width:1000px;}
#notice_bar .nb_01 {width:700px; float:left;}
#notice_bar .nb_01 h4 {float:left; margin:5px 15px 0 0;}
#notice_bar .nb_01 p {float:left; margin-top:12px;}
#notice_bar .nb_01 p a {color:#fff;}
#notice_bar .nb_01 p a span {font-weight:800;}
#notice_bar .nb_02 {float:right; width:300px; height:40px; background:#2c2c2c;}
#notice_bar .nb_02 h4 {float:left; font-size:14px; font-weight:800; color:#fff; margin:12px 20px 0 25px;}
#notice_bar .nb_02 .social_list {margin-top:8px;}
#notice_bar .nb_02 .social_list li {float:left; margin-left:10px;}

/*사이트맵*/
#sitemap {background:url(/images/footer_menu_bg.png) repeat-x 0 0 #f9f9f9; height:200px; border-bottom:1px solid #dcdcdc;}
#sitemap .sitemap_wrap {margin:0 auto; width:1000px; padding-top:20px;}
#sitemap h3 {float:left; width:280px; margin-top:15px;}
#sitemap .category_list li {float:left; width:180px;}
#sitemap .category_list li h4 {font-size:14px; font-weight:700; margin-bottom:15px;}
#sitemap .category_list li .cl_menu li {margin-bottom:5px;}
#sitemap .category_list li .cl_menu li a:hover {color:#72abee;}

/*사업자 정보*/
#footer_info {margin:0 auto; width:1000px; height:140px;}
#footer_info div {float:left;}
#footer_info .fi_logo {margin:42px 80px 0 0;}
#footer_info .fi_text {margin-top:20px; line-height:16px; width:570px;}
#footer_info .fi_text a {color:#72abee;}
#footer_info .fi_ftc {margin:35px 40px 0 0;}
#footer_info .fi_kcp {margin-top:35px;}

/*************************************************************************************************************************************************/



/* 공통 퀵메뉴*/
#quick_menu {position:fixed; top:0; right:0; width:90px; height:100%; background:#716d6d; border-left:1px solid #2c2c2c;}
#quick_menu .qm_wrap {width:100%; height:100%; border-left:1px solid #b8b6b6; position:relative;}
#quick_menu .qm_list {padding-top:30px;}
#quick_menu .qm_list li {color:#fff; text-align:center; padding:10px 0; border-top:1px solid #8d8a8a; border-bottom:1px solid #5a5757;}
#quick_menu .qm_list li a {color:#fff;}
#quick_menu .qm_list li.last_li {padding:0; border-bottom:0;}
#quick_menu .qm_list li ul li {border:0; padding:10px 0 0 0;}
#quick_menu .qm_list li ul li img {border:1px solid #fff;}
#quick_menu .to_top {position:absolute; bottom:10px; text-align:center; width:90px;}
#quick_menu .to_top a {color:#fff;}

/*************************************************************************************************************************************************/



/*공통 페이지네이션*/
.pagination {text-align:center; margin-top:30px;}
.pagination ul {display:inline-block; *display:inline; *zoom:1; margin-bottom:0; margin-left:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.pagination ul > li {display: inline;}
.pagination ul > li > a {float:left; width:30px; height:30px; letter-spacing:normal; line-height: 30px; color:#555; background-color:#ffffff; border:1px solid #c3c3c3; border-left-width:0; font-size:12px; text-align:center; text-decoration:none;}
.pagination ul > li > a img {margin-top:9px}
.pagination ul > li > a:hover, .pagination ul > .active > a {background-color:#6f6f6f; color: #fff;}
.pagination ul > .active > a {cursor: default; font-weight:800;}
.pagination ul > li:first-child > a {border-left-width:1px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px;}
.pagination ul > li:last-child > a {-webkit-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px;}

/*************************************************************************************************************************************************/




/*마이페이지/고객센터 서브메뉴*/
.page_menu {float:left; position:relative;}
.page_menu h3 {width:200px;position:absolute; top:0; left:-10px; height:40px; background:#2c2c2c; color:#fff; font-size:16px; font-weight:800; position:relative;}
.page_menu h3 span {display:block; padding-top:10px; text-align:center;}
.page_menu h3 p {position:absolute; top:40px; left:0;}
.page_menu .page_menu_list {width:187px; padding:10px 0; border:1px solid #737373;}
.page_menu .page_menu_list li {padding:5px 0; border-bottom:1px dashed #737373;}
.page_menu .page_menu_list li.last_li {border:0;}
.page_menu .page_menu_list li a {display:block; padding:5px 0 5px 30px; font-size:14px; font-weight:700; text-decoration:none;}
.page_menu .page_menu_list li a:hover {color:#fff; background:#3963c5;}



/*************************************************************************************************************************************************/


/*디테일 관리자 모드*/
.admin_check {margin-bottom:30px;}
.admin_check .ac_write_box {border:1px solid #cdcdcd; background:#f9f9f9; padding:20px; text-align:center;}
.admin_check .ac_write_box .acwb_01 {font-size:14px; font-weight:700;}
.admin_check .ac_write_box .acwb_02 {margin:0 10px;}
.admin_check .ac_write_box .acwb_02 textarea {width:80%; border:1px solid #cdcdcd; line-height:20px; padding:0 10px; height:60px;}
.admin_check .ac_write_box .acwb_03 img {vertical-align:middle;}