@charset "utf-8";

/* CSS Document */

/* 20150703 작성자 송지수 jisuweb@naver.com */


.focus_on:focus {border: 2px solid #000;}


/* 본문 바로가기 */

.skip_to a {z-index:100000; position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}

/*.skip_to a:focus, #skip_to_container a:active {width:100%; height:50px; background:#f45c00; font:15px NanumGothicBold; color:#fff; letter-spacing:-1px; line-height:50px; text-align:center;}*/
.skip_to a:focus, #skip_to_container a:active {width:100%; height:50px; background:#ffffff; font:20px NanumGothicBold; color:#000000; letter-spacing:-1px; line-height:50px; text-align:center; text-decoration:underline;}



/* top-banner : 20150908추가-김윤정*/

#top_banner {height:136px; border-bottom:1px solid #b1bcc2; background:#e3edf4; display: none; }

#top_banner .b_area {height:100%; margin: 0 auto; width: 1000px; position: absolute; left: 0px; top: 0px; }

#top_banner .b_area .top_banner_content {width:100%; height:100%; text-indent:-9999px;}

#top_banner .b_area .b_area_content { width:100%; height:100%; position: absolute;}

#top_banner .b_01 {background:url("../../images/common/bg_top_banner_01.jpg") top no-repeat;}

#top_banner .day {position: absolute; right: 0px;top: 104px; padding: 10px; }

#top_banner .day input,#top_banner .day label {float:left;}

#top_banner .day label{ padding-left:5px; width: 90px; margin-right: 20px; }

#top_banner .day a { position: absolute; top: 6px; right: 0px; }



/* 헤더 */

#header {display:inline-block; vertical-align:middle; width:100%; height:130px; background:#fff; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.15);}

#header .h_bar {display:inline-block; vertical-align:middle; width:100%; height:50px; background:#434547;}

#header .h_site {display:inline-block; vertical-align:middle; float:left; width:280px; height:50px;}

#header .h_site li {display:inline; float:left; height:50px; background:#6f6f6f; text-align:center;}

#header .h_site li.hs_sm {width:130px; background:#e15047;}

#header .h_site li.hs_pp {width:150px; background:#e15047;}

#header .h_site li.on{background:#fff;}

#header .h_site li:hover {background:#f45c00;}

#header .h_site li:hover.on {background:#fff;}

#header .h_site a {display:inline-block; vertical-align:middle; width:100%; height:100%; font:14px NanumGothicBold; color:#fff; letter-spacing:-1px; line-height:50px;}

#header .h_site li.on a {color:#f45c00;}

#header .h_site li.on a:hover {color:#e15047;}

#header .h_menu {display:inline-block; vertical-align:middle; width:465px; height:50px; overflow:hidden;}

#header .h_menu ul {display:inline-block; vertical-align:middle; float:right; margin-right:15px;}

#header .h_menu li {display:inline; float:left; height:50px; background:url("../../images/common/line_10px_k.png") left center no-repeat;}

#header .h_menu li.start {background:none;}

#header .h_menu li a {display:inline-block; vertical-align:middle; height:100%; padding:0 15px; font:12px NanumGothic; color:#8c8d8e; letter-spacing:-1px; line-height:50px;}

#header .h_menu li a:hover {color:#c4c5c5;}

#header .h_resizing {display:inline-block; vertical-align:middle; float:right; width:250px; height:50px; background:#37393b;}

#header .h_resizing .hr_title {display:inline-block; vertical-align:middle; float:left; width:90px; height:49px; border-left:#313233 solid 1px; border-right:#313233 solid 1px; font:12px NanumGothic; color:#c4c5c5; letter-spacing:-1px; line-height:50px; text-align:center;}

#header .h_resizing ul {display:inline-block; vertical-align:middle; float:right;}

#header .h_resizing li {display:inline; float:left; width:50px; height:49px; border-right:#313233 solid 1px;}

#header .h_resizing li a {display:inline-block; vertical-align:middle; width:100%; height:100%;}

#header .h_resizing li a:hover {background:#575859;}

#header .h_resizing li button {display:inline-block; vertical-align:middle; width:100%; height:100%;background-color: #37393B;}
#header .h_resizing li button:hover {background:#575859;}

#header .h_resizing .hr_icon {display:inline-block; vertical-align:middle; width:100%; height:100%; background:url("../../images/common/icon_resizing.png") no-repeat;}

#header .h_resizing .hr_icon.zoomin {background-position:center top;}

#header .h_resizing .hr_icon.basic {background-position:center center;}

#header .h_resizing .hr_icon.zoomout {background-position:center bottom;}

#header .h_wrap {display:inline-block; vertical-align:middle; width:100%; height:80px;}

#header .h_logo {display:inline-block; vertical-align:middle; float:left; width:150px; height:80px; background:url("../../images/common/logo.png") center no-repeat;}

#header .h_logo a {display:inline-block; vertical-align:middle; width:100%; height:100%;}

#header .h_search {display:inline-block; vertical-align:middle; float:left; width:700px; height:80px; margin-left:50px;}

#header .h_search ul {display:inline-block; vertical-align:middle; margin-top:21px;}

#header .h_search li {display:inline; float:left;}

#header .h_search select {display:inline-block; vertical-align:middle; width:170px; height:38px; margin:0; margin-right:5px; padding:0; border:1px solid #CCCCCC; background:#fff;

	font:13px dotum; color:#424446; letter-spacing:-0.5px; line-height:38px; text-align:left; text-indent:2px;}

#header .h_search input {display:inline-block; vertical-align:middle; width:450px; height:36px; margin:0; padding:0; border:#cccccc solid 1px; /*border-right:none;*/ background:#fff;

	font:13px NanumGothic; color:#424446; letter-spacing:-0.5px; line-height:36px; text-align:left; text-indent:8px;}

#header .h_search button {display:inline-block; vertical-align:middle; width:38px; height:38px; margin:0;  margin-left:5px; padding:0; border:none; background:#f45c00 url("../../images/common/icon_search.png") center no-repeat;}

#header .h_banner {display:inline-block; vertical-align:middle; float:right; width:250px; height:60px; margin:10px 0; overflow:hidden; text-align:right;}

#header .h_banner img {display:inline-block; vertical-align:middle; width:auto; height:60px;}





/* 퀵바 */
#quick {display:inline-block; vertical-align:middle; position:fixed; right:50%; top:150px; z-index:100; width:98px; margin-right:-620px; border:#c3c3c3 solid 1px; background:#f9f9f9; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.15);}
#quick .q_head {display:inline-block; vertical-align:middle; width:98px; height:58px; margin:-1px 0 0 -1px; border:#db443c solid 1px; background:#e15047;}
#quick .q_body {display:inline-block; vertical-align:middle; width:98px; padding:5px 0;}
#quick .q_menu {display:inline-block; vertical-align:middle; width:100%;}
#quick .q_menu li {display:inline-block; vertical-align:middle; width:100%; height:55px; overflow:hidden; padding:5px 0;}
#quick .q_menu .qm_icon {display:inline-block; vertical-align:middle; width:30px; height:30px; margin:5px 20px 0 20px; background:url("../../images/pp/common/icon_quick.png") no-repeat;}
#quick .q_menu .qm_icon.qmi_01 {background-position:left 0px;}
#quick .q_menu .qm_icon.qmi_02 {background-position:left -30px;}
#quick .q_menu .qm_icon.qmi_03 {background-position:left -60px;}
#quick .q_menu .qm_icon.qmi_04 {background-position:left -90px;}
#quick .q_menu .qm_icon.qmi_05 {background-position:left -120px;}
#quick .q_menu .qm_icon.qmi_06 {background-position:left -150px;}
#quick .q_menu .qm_icon.qmi_07 {background-position:left -180px;}

#quick .q_menu li:hover .qm_icon.qmi_01 {background-position:right 0px;}
#quick .q_menu li:hover .qm_icon.qmi_02 {background-position:right -30px;}
#quick .q_menu li:hover .qm_icon.qmi_03 {background-position:right -60px;}
#quick .q_menu li:hover .qm_icon.qmi_04 {background-position:right -90px;}
#quick .q_menu li:hover .qm_icon.qmi_05 {background-position:right -120px;}
#quick .q_menu li:hover .qm_icon.qmi_06 {background-position:right -150px;}
#quick .q_menu li:hover .qm_icon.qmi_07 {background-position:right -180px;}
/*#quick .q_menu .qm_txt {display:inline-block; vertical-align:middle; width:100%; height:20px; overflow:hidden; font:11px NanumGothic; color:#434547; letter-spacing:-1px; line-height:20px;}*/
#quick .q_menu .qm_txt {display:inline-block; vertical-align:middle; width:100%; height:20px; overflow:hidden; color:#434547; letter-spacing:-1px; line-height:20px;}
#quick .q_menu li:hover .qm_txt {color:#e15047;}
#quick .q_foot {display:inline-block; vertical-align:middle; width:100%; height:33px; border-top:#dbdbdb solid 1px; background:#fff;}
#quick .q_foot a {display:inline-block; vertical-align:middle; width:100%; height:100%; font:12px NanumGothicBold; color:#424446; letter-spacing:-1px; line-height:33px;}
#quick .q_foot a:hover {color:#f45c00;}
#quick .q_foot .qf_icon {display:inline-block; vertical-align:middle; width:7px; height:4px; margin-left:5px; background:url("../../images/common/icon_arrow_top_s.png") center no-repeat;}





/* 네비 */

#nav {display:inline-block; vertical-align:middle; width:1000px; height:190px; background:#fff; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.15);}

#nav .n_wrap {display:inline-block; vertical-align:middle; width:998px; height:58px; border:#fb721f solid 1px; background:#f45c00;}

#nav .n_main {display:inline-block; vertical-align:middle; float:left; width:936px; height:60px; margin:-1px 0 0 -1px;}

#nav .n_main li {display:inline; float:left; width:156px; height:190px;}

#nav .n_main a {display:inline-block; vertical-align:middle; width:100%; height:100%;}

#nav .n_main .nm_txt {display:inline-block; vertical-align:middle; width:100%; height:60px; background:url("../../images/common/line_20px_m.png") left center no-repeat; font:14px NanumGothicBold; color:#fff; letter-spacing:-1px; line-height:59px; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.2); transition:0.2s}

#nav .n_main li:hover .nm_txt, #nav .n_main li.on .nm_txt {background-color:#dc5300; font-size:16px;}

#nav .n_main .nm_icon {display:inline-block; vertical-align:middle; width:155px; height:130px; border-left:#dbdee0 solid 1px; transition:0.2s}

#nav .n_main li:hover .nm_icon, #nav .n_main li.on .nm_icon {background:#eef2f4;}

#nav .n_main .nm_icon .icon {display:inline-block; vertical-align:middle; width:120px; height:120px; margin:5px 6px; background:url("../../images/pp/common/icon_menu.png") no-repeat;}

#nav .n_main .nm_icon .icon.system {background-position:0px center;}

#nav .n_main .nm_icon .icon.guide {background-position:-120px center;}

#nav .n_main .nm_icon .icon.info {background-position:-240px center;}

#nav .n_main .nm_icon .icon.notify {background-position:-360px center;}

#nav .n_main .nm_icon .icon.purchase {background-position:-480px center;}

#nav .n_main .nm_icon .icon.contract {background-position:-600px center;}

#nav .n_main .nm_icon .icon.customer {background-position:-720px center;}

#nav .n_all {display:inline-block; vertical-align:middle; float:right; width:58px; height:58px; margin:-1px -1px 0 0; border:#fb5018 solid 1px; background:#dc5300;}
#nav .n_all:hover {background:#fb5018;}

#nav .n_all .na_icon {display:inline-block; vertical-align:middle; width:100%; height:59px; background:url("../../images/common/icon_menu_all.png") center no-repeat; border:none;}

#nav .n_all .na_txt {display:inline-block; vertical-align:middle; width:62px; height:130px; margin-left:-1px; padding-top:45px; border:none; border-left:#dbdee0 solid 1px; background:#f9fbfc; font:15px NanumGothic; color:#333333; letter-spacing:-1px; line-height:24px;}
/* 추가부분, 2016-02-19 start */
#nav .n_all .na_txt {width:59px; height:85px}
/* 추가부분, 2016-02-19 end */
#nav .n_all button { padding: 0px;background: none; width:60px; height: 188px; }



/* 컨텐츠 */

#contents {background-color:#fff; display:inline-block; vertical-align:middle; width:100%; padding:20px 0;}

#contents .main {display:inline-block; vertical-align:middle; width:100%;}

#contents .main .m_shortcut {display:inline-block; vertical-align:middle; width:100%; margin-top:30px;}

#contents .main .m_shortcut h2 {line-height:50px;}

#contents .main .m_shortcut .smwrap {height:170px; overflow:hidden;}

#contents .main .m_shortcut ul {display:inline-block; border:#e8ebee solid 1px;vertical-align:middle; width:990px;}

#contents .main .m_shortcut li {display:inline; float:left; width:300px; margin:35px 15px;}

#contents .main .m_shortcut a {display:inline-block; vertical-align:middle; width:100%; height:100%;}

#contents .main .m_shortcut .ms_icon {display:inline-block; vertical-align:middle; float:left; width:100px; height:100px; background:url("../../images/pp/common/icon_shortcut.png") no-repeat;}

#contents .main .m_shortcut .ms_icon.msi_01 {background-position:center top;}

#contents .main .m_shortcut .ms_icon.msi_02 {background-position:center;}

#contents .main .m_shortcut .ms_icon.msi_03 {background-position:center bottom;}

#contents .main .m_shortcut .ms_txt {display:inline-block; vertical-align:middle; float:right; width:180px; margin:10px 0 0 20px; text-align:left;}

#contents .main .m_latest {display:inline-block; vertical-align:middle; width:100%; margin-top:40px;}

#contents .main .m_latest .m_board {display:inline-block; border:#e8ebee solid 1px; vertical-align:middle; float:left; width:480px; height:240px;}

#contents .main .m_latest .m_board.right {float:right;}

#contents .main .m_latest .m_board .mb_head {display:inline-block; vertical-align:middle; width:420px; height:30px; margin:25px 30px 0 30px;}

#contents .main .m_latest .m_board .mb_head .title {line-height:30px;}

#contents .main .m_latest .m_board .mb_body {display:inline-block; vertical-align:middle; width:420px; margin:0 30px; text-align:left;}

#contents .main .m_latest .m_board .mb_body li {display:inline-block; vertical-align:middle; width:420px; height:39px; border-bottom:#e8ebee solid 1px;}

#contents .main .m_latest .m_board .mb_body a {display:inline-block; vertical-align:middle; width:350px; height:39px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:39px;}

#contents .main .m_latest .m_board .mb_body span {float:right; line-height:39px;}

#contents .main .m_latest .m_popupzone {display:inline-block; vertical-align:middle; float:right; width:480px; height:240px; overflow:hidden;}

#contents .main .m_latest .m_popupzone .mp_title {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; width:78px; height:78px; border:#fb721f solid 1px; background:#f45c00; z-index: 99; }

#contents .main .m_latest .m_popupzone .mp_title .mpt_icon {display:inline-block; vertical-align:middle; position:absolute; left:-9px; top:50%; width:9px; height:16px; margin-top:-8px; background:url("../../images/common/icon_arrow_left_b_m.png") center no-repeat;}

#contents .main .m_facility {display:inline-block; vertical-align:middle; width:100%; margin-top:40px;}

#contents .main .m_facility .smwrap {height:250px; border:#e8ebee solid 1px; background:url("../../images/pp/common/bg_facility.png") left top no-repeat;}

#contents .main .m_facility .btn_more {position:absolute; right:270px; bottom:30px;}

#contents .main .m_category {display:inline-block; vertical-align:middle; width:100%; margin-top:40px;}

#contents .main .m_category .smwrap {height:180px;border:#e8ebee solid 1px;}

#contents .main .m_category .mc_list {display:inline-block; vertical-align:middle; position:relative; float:left; width:650px; height:180px;}

#contents .main .m_category .mc_1depth {display:inline-block; vertical-align:middle; width:540px; height:140px; overflow:hidden; margin:20px 0;}

#contents .main .m_category .mc_1depth li {display:inline; float:left; width:121px; height:140px; margin:0 7px;}

#contents .main .m_category .mc_1depth li a {display:inline-block; vertical-align:middle; width:100%; height:39px; border-bottom:#fabc90 solid 1px; background:#f8f9fa; font:14px NanumGothicBold; color:#f45c00; letter-spacing:-1px; line-height:39px; text-align:left;}

#contents .main .m_category .mc_2depth {display:inline-block; vertical-align:middle; width:100%;}

#contents .main .m_category .mc_2depth li {display:inline-block; vertical-align:middle; width:100%; height:25px; margin:0;}

#contents .main .m_category .mc_2depth li a {display:inline-block; vertical-align:middle; width:100%; height:25px; border-bottom:none; background:none; font:12px NanumGothic; color:#41444a; letter-spacing:-1px; line-height:25px; text-indent:12px; text-align:left;}

#contents .main .m_category .mc_2depth li a:hover {color:#fc8227;}

#contents .main .m_category .mc_2depth .secondCate {display:inline-block; vertical-align:middle; width:100%; height:25px; margin:0;}

#contents .main .m_category .mc_2depth .secondCate a {display:inline-block; vertical-align:middle; width:100%; height:25px; border-bottom:none; background:none; font:12px NanumGothic; color:#41444a; letter-spacing:-1px; line-height:25px; text-indent:12px; text-align:left;}

#contents .main .m_category .mc_2depth .secondCate a:hover {color:#fc8227;}

#contents .main .m_category .mc_icon {display:inline-block; vertical-align:middle; width:20px; height:20px; margin:0 6px 0 8px; background:url("../../images/common/icon_category.png") no-repeat;}

#contents .main .m_category .mc_icon.all {background-position:left 0%;}

#contents .main .m_category .mc_icon.furniture {background-position:center 0%;}

#contents .main .m_category .mc_icon.office {background-position:right 0%;}

#contents .main .m_category .mc_icon.clothes {background-position:left -20px;}

#contents .main .m_category .mc_icon.food {background-position:center -20px;}

#contents .main .m_category .mc_icon.hygienic {background-position:right -20px;}

#contents .main .m_category .mc_icon.disposable {background-position:left -40px;}

#contents .main .m_category .mc_icon.presswork {background-position:center -40px;}

#contents .main .m_category .mc_icon.electronics {background-position:right -40px;}

#contents .main .m_category .mc_icon.facility {background-position:left -60px;}

#contents .main .m_category .mc_icon.craft {background-position:center -60px;}

#contents .main .m_category .mc_icon.flower {background-position:right -60px;}

#contents .main .m_category .mc_icon.paper {background-position:left -80px;}

#contents .main .m_catalog {display:inline-block; vertical-align:middle; float:right; width:320px; height:180px; background:url("../../images/pp/common/banner_catalogue.png") center no-repeat;}

#contents .main .m_catalog a {display:inline-block; vertical-align:middle; width:100%; height:100%;}

#contents .main .m_banner {display:inline-block; vertical-align:middle; width:940px; margin:30px auto 10px auto;}

#contents .main .m_banner .mb_head {display:inline-block; vertical-align:middle; width:100%;}

#contents .main .m_banner .mb_head .mb_control {display:inline-block; vertical-align:middle; float:left; margin-left:20px;}

#contents .main .m_banner .mb_head .mb_control  li {display:inline; float:left; margin-left:2px;}

#contents .main .m_banner .mb_head .mb_control  li.start {margin-left:0px;}

#contents .main .m_banner .mb_head .mb_control button {display:inline-block; vertical-align:middle; width:20px; height:20px; margin:0; padding:0; border:none; background:url("../../images/pp/common/btn_banner_control.png") no-repeat;}

#contents .main .m_banner .mb_head .mb_control button.mbc_left {background-position:left 0px;}

#contents .main .m_banner .mb_head .mb_control button.mbc_stop {background-position:left -40px;}

#contents .main .m_banner .mb_head .mb_control button.mbc_play {background-position:left -60px;}

#contents .main .m_banner .mb_head .mb_control button.mbc_right {background-position:left -20px;}

#contents .main .m_banner .mb_head .mb_control button.mbc_left:hover {background-position:right 0px;}

#contents .main .m_banner .mb_head .mb_control button.mbc_stop:hover {background-position:right -40px;}

#contents .main .m_banner .mb_head .mb_control button.mbc_play:hover {background-position:right -60px;}

#contents .main .m_banner .mb_head .mb_control button.mbc_right:hover {background-position:right -20px;}

#contents .main .m_banner .mb_body {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}

#contents .main .m_banner .mb_body li {display:inline; float:left; width:180px; margin-left:10px;}

#contents .main .m_banner .mb_body li.start {margin-left:0px;}

#contents .main .m_banner .mb_body a {display:inline-block; vertical-align:middle; width:170px; height:60px; overflow:hidden; border:#e8eaed solid 5px;}

#contents .main .m_banner .mb_body a img {display:inline-block; vertical-align:middle; width:170px; height:60px;}

#contents .main .m_banner .mb_body a:hover {border-color:#cbd1da;}



#contents .sub {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}

#contents .sub .smwrap {padding:40px 0 60px 0; text-align:left;}

#contents .sub .s_menu {display:inline-block; vertical-align:middle; float:left; width:130px;}

#contents .sub .s_menu .sm_title {display:inline-block; vertical-align:middle; width:100%; height:39px; border-bottom:#eceef0 solid 1px; font:16px NanumGothicBold; color:#262626; letter-spacing:-1px; line-height:39px; text-indent:5px;}

#contents .sub .s_menu .sm_list {display:inline-block; vertical-align:middle; width:100%; margin-top:15px;}

#contents .sub .s_menu .sm_list li {display:inline-block; vertical-align:middle; width:100%; height:30px;}

#contents .sub .s_menu .sm_list li a {display:inline-block; vertical-align:middle; width:100%; height:30px; background:url("../../images/common/icon_box_s_g.png") left center no-repeat; font:13px NanumGothicBold; color:#707070; letter-spacing:-1px; line-height:30px; text-indent:10px;}

#contents .sub .s_menu .sm_list li a:hover, #contents .sub .s_menu .sm_list li.on a {background:url("../../images/common/icon_box_s_m.png") left center no-repeat; color:#880015;}

#contents .sub .s_page {display:inline-block; vertical-align:middle; float:right; width:720px; margin-right:50px;}

#contents .sub .s_page .sp_contents {display:inline-block; vertical-align:middle; width:100%;}

#contents .sub .s_page .sp_head {display:inline-block; vertical-align:middle; width:100%;}

#contents .sub .s_page .sp_navi {display:inline-block; vertical-align:middle; float:right; height:40px;}

#contents .sub .s_page .sp_navi li {display:inline; float:left; height:30px; margin-left:10px; background:url("../../images/common/icon_arrow_right_s_m.png") left center no-repeat;}

#contents .sub .s_page .sp_navi li a {display:inline-block; vertical-align:middle; width:100%; height:100%; font:13px NanumGothic; color:#a6a6a6; letter-spacing:-1px; line-height:30px; text-indent:14px;}

#contents .sub .s_page .sp_navi li a:hover {color:#f45c00;}

#contents .sub .s_page .sp_navi li.home {margin-left:0; background:none;}

#contents .sub .s_page .sp_navi li.home a {width:20px; height:30px; background:url("../../images/common/icon_home.png") center no-repeat;}

#contents .sub .s_page .sp_navi li.focus a {color:#333;}



#contents .sub .p_product {display:inline-block; vertical-align:middle; width:100%;}

#contents .sub .p_product ul {display:inline-block; vertical-align:middle; width:100%;}

#contents .sub .p_product li {display:inline; float:left; width:350px; height:200px; margin:0 0 15px 15px;}

#contents .sub .p_product li.start {margin-left:0px;}

#contents .sub .p_product .pp_wrap {display:inline-block; vertical-align:middle; position:relative; width:310px; height:150px; padding:19px; border:#e8ebee solid 1px; text-align:left;}

#contents .sub .p_product .pp_wrap:hover {border:#b4b5b5 solid 1px;}

#contents .sub .p_product .pp_wrap .btn_more {position:absolute; left:-1px; top:-1px;}

#contents .sub .p_product .pp_head {display:inline-block; vertical-align:middle; width:150px; height:150px; border:#e8ebee solid 1px; text-align:center;}

#contents .sub .p_product .pp_pic {display:inline-block; vertical-align:middle; float:left; width:140px; height:140px; overflow:hidden; margin:4px;}

#contents .sub .p_product .pp_pic img {display:inline-block; vertical-align:middle;}

#contents .sub .p_product .pp_body {display:inline-block; vertical-align:middle; width:150px; margin-top:5px;}

#contents .sub .p_product .pp_body .small {display:inline-block; vertical-align:middle; width:100%; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

#contents .sub .p_product .pp_body a {color: #434547;}



#contents .facility_area {display:inline-block; vertical-align:middle; position:relative; float:left;}

#contents .fa_link {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:99; width:200px; height:220px;}

#contents .area_26 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_busan.png") left top no-repeat;}

#contents .area_44 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_chungnam.png") left top no-repeat;}

#contents .area_43 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_chungbuk.png") left top no-repeat;}

#contents .area_27 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_daegu.png") left top no-repeat;}

#contents .area_30 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_daejeon.png") left top no-repeat;}

#contents .area_29 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_gwangju.png") left top no-repeat;}

#contents .area_28 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_incheon.png") left top no-repeat;}

#contents .area_50 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_jeju.png") left top no-repeat;}

#contents .area_45 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_jeonbuk.png") left top no-repeat;}

#contents .area_46 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_jeonnam.png") left top no-repeat;}

#contents .area_42 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_kangwon.png") left top no-repeat;}

#contents .area_47 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_kyeongbuk.png") left top no-repeat;}

#contents .area_41 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_kyeongi.png") left top no-repeat;}

#contents .area_48 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_kyeongnam.png") left top no-repeat;}

#contents .area_36 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_sejong.png") left top no-repeat;}

#contents .area_11 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_seoul.png") left top no-repeat;}

#contents .area_31 {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; z-index:9; width:200px; height:220px; background:url("../../images/pp/if_a_ulsan.png") left top no-repeat;}



#contents .sub .p_event {display:inline-block; vertical-align:middle; width:100%;}

#contents .sub .p_event ul {display:inline-block; vertical-align:middle; width:100%;}

#contents .sub .p_event li {display:inline; float:left; width:170px; height:100%; margin-right:13px;}

#contents .sub .p_event li.end {margin-right:0px;}

#contents .sub .p_event .pe_list {display:inline-block; vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.c_mark01 {display:inline-block; vertical-align:middle; width:20px; height:20px; border:none; background:url("../../images/common/mark_gp.png") center no-repeat;}

button.c_mark01 {margin:0; padding:0;}

.c_mark02 {display:inline-block; vertical-align:middle; width:20px; height:20px; border:none; background:url("../../images/common/mark_se.png") center no-repeat;}

button.c_mark02 {margin:0; padding:0;}

.c_mark03 {display:inline-block; vertical-align:middle; width:20px; height:20px; border:none; background:url("../../images/common/mark_kc.png") center no-repeat;}

button.c_mark03 {margin:0; padding:0;}

.c_mark04 {display:inline-block; vertical-align:middle; width:20px; height:20px; border:none; background:url("../../images/common/mark_pps.png") center no-repeat;}

button.c_mark04 {margin:0; padding:0;}

.c_mark05 {display:inline-block; vertical-align:middle; width:20px; height:20px; border:none; background:url("../../images/common/mark_pp.png") center no-repeat;}

button.c_mark05 {margin:0; padding:0;}



/* 진행바 */

.progress {display:inline-block; vertical-align:middle; width:720px; height:65px;}

.progress.application {background:url("../../images/pp/progress_application.png") no-repeat;}

.progress.application.step01 {background-position:center 0px;}

.progress.application.step02 {background-position:center -70px;}

.progress.application.step03 {background-position:center -140px;}


#contents .sub .list_faq {display:inline-block; vertical-align:middle; width:100%; border-top:#393b3c solid 1px;}
#contents .sub .list_faq li {display:inline-block; vertical-align:middle; width:100%; border-bottom:#eceef0 solid 1px;  outline:none;}
#contents .sub .list_faq .lf_wrap {position:relative;}
#contents .sub .list_faq .answer {display:none; padding:15px; border-top:#eceef0 solid 1px; background:#fbfbfb;}
#contents .sub .list_faq .lf_icon {display:inline-block; vertical-align:middle; position:absolute; left:10px; top:12px; width:24px; height:24px; border-radius:20px; background:#f45c00; font:13px NanumGothicBold; color:#fff; letter-spacing:0; line-height:23px; text-align:center;}
#contents .sub .list_faq .answer .lf_icon, #contents .sub .list_faq li:hover .answer .lf_icon {background:#e15047;}
#contents .sub .list_faq .lf_category {display:inline-block; vertical-align:middle; position:absolute; left:40px; top:15px; width:60px; height:20px; font:13px NanumGothicBold; letter-spacing:-1px; line-height:20px; text-align:center;}
#contents .sub .list_faq .lf_subject { padding-top:15px; padding-bottom:15px; margin-left:110px;margin-bottom:5px;line-height:20px; }
#contents .sub .list_faq .lf_subject button {display:inline-block; vertical-align:middle; width:100%; height:100%; margin:0; padding:0; border:none; background:none; font:13px NanumGothicBold; color:#434547; letter-spacing:-1px; line-height:30px; text-align:left;}
#contents .sub .list_faq .lf_txt {margin-left:45px;}



#contents .step_evaluation {display:inline-block; vertical-align:middle; width:100%;}

#contents .step_evaluation li {display:inline; float:left; padding-right:24px; width:100px; background:url("../../images/pp/icon_arrow.png") 106px 44px no-repeat; text-align:center;}

#contents .step_evaluation li.finish {padding-right:0px; background:none;}

#contents .step_evaluation .icon {display:inline-block; vertical-align:middle; width:100px; height:100px; border-radius:50px; background:#f8f8f8 url("../../images/pp/icon_evaluation_step01.png") no-repeat;}

#contents .step_evaluation .icon.step1 {background-position:0px 0px;}

#contents .step_evaluation .icon.step2 {background-position:0px -100px;}

#contents .step_evaluation .icon.step3 {background-position:0px -200px;}

#contents .step_evaluation .icon.step4 {background-position:0px -300px;}

#contents .step_evaluation .icon.step5 {background-position:0px -400px;}

#contents .step_evaluation .icon.step6 {background-position:0px -500px;}

#contents .step_evaluation .icon.step7 {background-position:0px -600px;}

#contents .step_evaluation .icon.step8 {background-position:0px -700px;}

#contents .step_evaluation .icon.step9 {background-position:0px -800px;}

#contents .step_evaluation .icon.step10 {background-position:0px -900px;}

#contents .step_evaluation .txt {display:inline-block; vertical-align:middle; width:100px; height:25px; margin-top:5px; font:13px NanumGothic; color:#434547; letter-spacing:-1px; line-height:25px;}



/* 푸터 */

#footer {display:inline-block; vertical-align:middle; position:relative; width:100%; height:190px;}

#footer .f_bar {display:inline-block; vertical-align:middle; width:100%; height:50px; background:#fff; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.15);}

#footer .f_menu {display:inline-block; vertical-align:middle; float:left; height:50px;}

#footer .f_menu li {display:inline; float:left; height:50px; background:url("../../images/common/line_13px_g.png") left center no-repeat;}

#footer .f_menu li.start {background:none;}

#footer .f_menu li a {display:inline-block; vertical-align:middle; height:100%; padding:0 15px; font:12px NanumGothic; color:#434547; letter-spacing:-1px; line-height:50px;}

#footer .f_menu li a.focus {font:12px NanumGothicBold; color:#e15047; letter-spacing:-1px; line-height:50px;}

#footer .f_menu li a:hover {color:#f45c00;}

#footer .f_family {display:inline-block; vertical-align:middle; float:right; height:50px;}

#footer .f_family legend {display:inline-block; vertical-align:middle; float:left;}

#footer .f_family h2 {font:12px NanumGothicBold; color:#880015; letter-spacing:-1px; line-height:50px;}

#footer .f_family select {display:inline-block; vertical-align:middle; float:left; width:160px; height:30px; margin:10px 0 10px 10px; padding:0; border:#ccc solid 1px; background:#fff;

	font:12px NanumGothic; color:#666; letter-spacing:-0.5px; line-height:30px; text-align:left; text-indent:5px;}

#footer .f_family button {display:inline-block; vertical-align:middle; float:left; height:30px; margin:10px 0 0 5px; padding:0px 11px;

	border-top:#d8dadb solid 1px; border-left:#d1d3d4 solid 1px; border-right:#d1d3d4 solid 1px; border-bottom:#9ea0a1 solid 1px;

	background:#f6f6f6;

	background:-webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);

	background:-moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);

	background:-ms-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);

	background:-o-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);

	background:linear-gradient(top, #ffffff 0%, #f6f6f6 100%);

	font:12px NanumGothicBold; color:#222; letter-spacing:-1px; line-height:28px; text-align:center;

	text-shadow:0px 1px 0px rgba(255, 255, 255, 1);}

#footer .f_family button:hover {border-top:#9ea0a1 solid 1px; border-bottom:#d8dadb solid 1px;

	background:#ffffff;

	background:-webkit-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);

	background:-moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);

	background:-ms-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);

	background:-o-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);

	background:linear-gradient(top, #f6f6f6 0%, #ffffff 100%);

	color:#f45c00;}

#footer .f_logo {display:inline-block; vertical-align:middle; float:left; width:140px; height:70px; margin-top:20px; background:url("../../images/common/logo_f.png") center no-repeat;}

#footer .f_right {display:inline-block; vertical-align:middle; position:relative; float:right; width:820px; height:100px; margin-top:25px;}

#footer .f_info {display:inline-block; vertical-align:middle; width:100%; text-align:left;}

#footer .f_info ul {display:inline-block; vertical-align:middle; width:100%;}

#footer .f_info li {display:inline; float:left; height:20px; padding:0 15px; background:url("../../images/common/line_13px_g.png") left center no-repeat; font:12px NanumGothic; color:#606060; letter-spacing:0; line-height:20px;}

#footer .f_info li.start {padding-left:0; background:none;}

#footer .f_info a {color:#606060;}

#footer .f_info a:hover {color:#f94551;}

#footer .f_copyright {height:30px; font:10px NanumGothic; color:#222; letter-spacing:0; line-height:30px;}

#footer .f_mark {display:inline-block; vertical-align:middle; position:absolute; right:0; top:2px;}

#menuInfoWrap {
	position:relative;
}
#menuTitle {
}
#menuTitle h3 {
	color: #222;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom:2px;
	line-height: 40px;
	font-size: 35px;
	font-family: NanumGothicBold;
	font-weight: bold;
}
#location {
	line-height: 40px;
	/*float: right;*/
	/*text-align: right;*/
	position:absolute; right:7px; top:2px;
}
#location .home {
	padding-left: 15px;
	background: url('../../images/sm/common/blt_home.gif') no-repeat 0px 2px;

}
#location .on {
	font-weight: bold;
}
#location a {
	color: #333333;
	font-size:11px;
}

.bodyContents { padding-top: 30px; }


#menuWrap {
	display: none;
	background-color: #FFF;
	border-right: 1px solid #FB721F;
	border-bottom:1px solid #FB721F;
	border-left: 1px solid #FB721F;
	width: 998px;
	height:130px;
	position: absolute;
	z-index: 100;
}
.rootMenu {
	float: left;
	font-weight: bold;
	width: 134px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 22px;
}
.rootMenu a {
	color: #434547;
}
.subMenuList {
	margin-top: 5px;
}
.subMenu {
	font-weight: normal;
	color: #434547;
}
.subMenu a {
	color: #434547;
}