@charset "utf-8";
/*2019_11*/
.img_textbox {border: 1px solid #d8d8d8;padding: 36px}
.img_textbox img {float: left;margin-right: 41px}
.img_textbox p {margin-left: 300px;word-break: keep-all}
.procedure_wrap {display: table;table-layout: fixed;width: 100%;text-align: center;margin-top: 33px}
.procedure_wrap li {display: table-cell;position: relative;padding: 24px}
.procedure_wrap li div {border:1px solid #b7d3e0;padding: 14px;background-color: #ecf9ff;}
.procedure_wrap li.on {border-bottom: 2px solid #ff7f00}
.procedure_wrap li.on strong {}
.procedure_wrap li strong {display: inline-block;text-align: center;border: 1px solid #dcdcdc;min-width: 115px;line-height: 42px;border-radius: 26px;background-color: #fff;}
.procedure_wrap li p {padding: 10px 0 3px;}
.procedure_wrap li em {position: absolute;right: -17px;display: inline-block;width: 35px;height: 35px;background: url(/usr/image/new/images/sub/next.png) no-repeat 10px center;    text-indent: -999em;top: 50%;z-index: 1;border: 1px solid #e6e6e6;border-radius: 100%;background-color: #fff;margin-top: -18px}
.answer_wrap {padding: 4px 9px;background-color: #efefef;font-size: 12px;border-radius: 3px}
.receipt_wrap {padding: 4px 9px;background-color: #ff7c00;font-size: 12px;border-radius: 3px;color: #000}
.icon_lock {background: url(/usr/image/common/icon/icon_lock.png) no-repeat;display: inline-block;text-indent: -999em;width:11px;position: absolute;left: -3px;top: 0px}
.icon_lock.inn {position: relative;top: 3px}
.icon_new {background: url(/usr/image/common/icon/icon_new.gif) no-repeat;display: inline-block;text-indent: -999em;width:12px;position: relative;top: 5px}
.icon_print {background: url(/usr/image/common/icon/icon_print.gif) no-repeat;display: inline-block;text-indent: -999em;width:22px}
.consultation_wrap {border-top: 1px solid #000}
.consultation_wrap dt {border-bottom: 1px solid #ccc;padding: 10px;background-color: #f1f1f1}
.consultation_wrap dd {padding: 12px;}
.consultation_wrap dd p {font-weight: 600;margin-bottom: 10px;}
.consultation_wrap dd p em {color: #ff7f00}
.textview {padding: 30px 20px}
.webtong_tab_type06 {border-left: 1px solid #e7e7e7;border-bottom: 1px solid}
.webtong_tab_type06 li {display: table-cell}
.webtong_tab_type06 li.on {position:relative}
.webtong_tab_type06 li.on:before {position: absolute;content: '';background-color: #fff;width: 100%;height: 1px;bottom: -1px;left: 0px}
.webtong_tab_type06 li a {display: block;position: relative;border-top: 1px solid #e7e7e7;text-align: center;padding: 9px 38px}
.webtong_tab_type06 li a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background:#e6e3df}
.webtong_tab_type06 li.on a {border-bottom-color:transparent; border-top:1px solid #444}
.webtong_tab_type06 li.on a:after, .webtong_tab_type06 li:hover a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:-1px; width:1px; background:#444}
.webtong_tab_type06 li.on a:before, .webtong_tab_type06 li:hover a:before { content:''; display:block; position:absolute; top:0; left:0; bottom:-1px; width:1px; background:#444}

/**faq**/
.webtong_faq {border-top: 2px solid #01385d}
.webtong_faq dt {font-size: 16px;border-bottom: 1px solid #e2e2e2;padding: 20px}
.webtong_faq dt a {position:relative;padding-left: 45px;display: block}
.webtong_faq dt a:before {content: 'Q';border: 1px solid #01385d;background-color: #01385d;color: #fff;font-size: 20px;display: inline-block;padding: 3px 10px;position: absolute;left: 0;top: -4px}
.webtong_faq dt a:after {content: '';position: absolute;background: url('/usr/image/new/images/common/up_down.png') no-repeat center top;width: 12px;height: 10px;right: 0;top: 8px}
.webtong_faq dt.active a:after {background-position:center bottom;top:1px}
.webtong_faq dd {padding: 20px 39px;background-color: #f7f7f7;border-bottom: 1px solid #e2e2e2;display:none}
.webtong_faq dd .in_content {position:relative;padding-left: 45px}
.webtong_faq dd .in_content:before {content: 'A';border: 1px solid #4d95c5;background-color: #4d95c5;color: #fff;font-size: 20px;display: inline-block;padding: 3px 10px;position: absolute;left: 0;top: -4px}

.text_box_wrap {text-align: center;margin: 20px 0;border: 1px solid #a5c8dc;padding: 27px;font-size: 16px;background-color: #eaf4f9}
.text_wrap {height: 121px;font-size: 14px;line-height: 22px}

/*추가*/
.goods {position: relative;overflow: hidden}
.goods.new {position: inherit;overflow: inherit}
.goods:after {display: block;content: "";width: 100%;height: 350px;position: absolute;left: 0;top: 485px;z-index: -1}
.goods .top {margin: 60px auto 0;max-width: 1110px;padding-bottom: 60px}
.goods .top:after {content: "";display: block;clear: both}
.goods .top .image {float: left}
.goods .top .image .big {width: 590px;height: 454px;background-position: center;background-size: cover}
.goods .top .image .ui {margin-top: 40px;text-align: center}
.goods .top .image .ui > a {display: inline-block;width: 53px;height: 72px;background-position: center;background-size: contain}
.goods .top .image .ui > a.prev {background-image: url(/usr/image/new/images/sub/thumb_prev.png)}
.goods .top .image .ui > a.next {background-image: url(/usr/image/new/images/sub/thumb_next.png)}
.goods .top .image .ui .screen {display: inline-block;width: 480px}
.goods .top .image .ui .screen ul:after {content: "";display: block;clear: both}
.goods .top .image .ui .screen ul li {width: 80px;height: 72px;background-image: linear-gradient(31deg, rgba(35, 110, 186, 0.95) 0%, rgba(226, 120, 118, 0.95) 100%);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.goods .top .image .ui .screen ul li.on {padding: 2px}
.goods .top .image .ui .screen ul li a {display: block;width: 100%;height: 100%;background-position: center;background-size: cover}
.goods .top .info01 {float: left;margin-left: 50px;padding-top: 40px;width: 280px}
.goods .top .info01 .cate {font-size: 18px;color: #d84856}
.goods .top .info01 .title {margin-top: 10px;color: #000;font-size: 30px;font-weight: 700;line-height: 36px}
.goods .top .info01 ul {margin-top: 20px}
.goods .top .info01 ul li {padding-left: 13px;color: #111;background: url(/usr/image/new/images/sub/bu.png) no-repeat 0 13px;line-height: 30px}
.goods .top .info01 ul li span {color: #111;display: inline-block;width: 80px;font-weight: 700}
.goods .top .info01 .sns {margin-top: 40px}
.goods .top .info01 .sns:after {content: "";display: block;clear: both}
.goods .top .info01 .sns a {float: left;width: 40px;height: 40px;display: block;margin-right: 10px;border-radius: 100%}
.goods .text {max-width: 1110px;margin: 0 auto}
.goods .text h4 {margin-top: 50px;font-size: 24px;color: #000}
.goods .text p {line-height: 20px;color: #454545;margin-top: 20px}
.goods .text .detail {margin-top: 40px;border: 1px solid #dde0e4;padding: 30px}
.goods .text .detail:after {content: "";display: block;clear: both}
.goods .text .detail .left {float: left;margin-left: 20px;width: calc( 100% / 2 - 31px)}
.goods .text .detail .right {float: left;padding-left: 40px;border-left: 1px solid #dde0e4;width: 47%}
.goods .text .detail .key {color: #111;font-size: 18px;font-weight: 700;margin-top: 30px}
.goods .text .detail .text {font-size: 16px;color: #454545}
.goods .btn-wrap {margin: 40px auto 0;max-width: 1110px;text-align: right}
.goods .btn-wrap a {display: inline-block;width: 130px;line-height: 40px;font-size: 16px;text-align: center}
.goods .btn-wrap a.btn-solid {background: #2a5e93;color: #fff}

/** 회원가입 **/
.login-form {border:solid 1px #e9e6e5;padding:60px 2%;}
.login-form-in {width:400px;margin:0 auto;}
.login-form-in fieldset {border-bottom:solid 1px #ddd;padding-bottom:20px;}
.login-form-in fieldset .login_etc {display: block;margin-bottom: 11px;font-size: 13px;color: #ff4900;padding-left: 12px}
.login-form-in input[type="text"], 
.login-form-in input[type="password"] {margin-bottom:5px;border:solid 1px #ccc;width:100%;height:50px;padding:0 20px;box-sizing:border-box;line-height:48px}
.login-form-in input[type="submit"] {margin-top: 3px;height: 60px;width: 100%;background: #213140;border: 0;color: #fff;font-size: 1.143em;font-weight: 500}
.login-form-in input[type="submit"].gray {background: #636363}
.login-form-in textarea {padding:15px;margin-bottom: 5px}
.l_link {text-align: center}
.l_link.big a {font-size: 17px;color: #767676}
.l_link.big a.on {color: #ff5e00;font-weight: 600}
.l_link a:first-child {background: none;padding-left: 0}
.l_link a {display: inline-block;background: url('/usr/image/new/images/sub/bar_1x13_ccc.gif') no-repeat 0 50%;padding: 0 9px 0 11px;font-size: 14px}
.member-btns {margin:20px 0 0 -10px}
.member-btns li {float:left;width:33.3333%;padding-left:10px;box-sizing:border-box}
.member-btns li > a {display:block;line-height:38px;border:solid 1px #999;color:#333;font-weight:700;text-align:center}
.member-btns:after {content:"";display:block;clear:both}
.td-comment {display: inline-block}
.accept_terms01 {font-size: 16px}
.terms_text {border: solid 1px #ededed;padding: 25px;line-height: 20px;color: #767676;width: 100%;height: 260px;box-sizing: border-box;font-size: 14px;margin-top:10px;font-weight: 300;overflow-y: auto}
.c_orange {color: #d61f00;font-weight: 500}
.tit_2_txt.in {padding: 0.3% 0 1.5%}
.middle-wrap {padding: 0 8.47%}
.border-tb-box {border-top: solid 1px #0f0f0f;border-bottom: solid 1px #e1e1e1;padding: 40px 0}
.member-choice-box {border-left: solid 1px #c6c6c6;padding: 10px;text-align: center}
.member-choice-box:first-child {border-left: 0}
.member-choice-box h4 {font-size: 1.714em}
.member-choice-box p {padding: 3px 0 35px 0}
.member-choice-box .pwd-search {margin: -10px 0 40px 0}
.member-choice-box .login_icon {}
.btn-large {display: inline-block;min-width: 300px;padding: 0 20px;text-align: center;line-height: 50px;box-sizing: border-box;border: solid 1px #213140;background: #213140;color: #fff;font-weight: 500;font-size: 1.143em;vertical-align: middle}
.btn-large:hover {color:#fff}
.terms_text {border: solid 1px #ededed;padding: 25px;line-height: 20px;color: #767676;width: 100%;height: 260px;box-sizing: border-box;font-size: 14px;margin-top:10px;font-weight: 300;overflow-y: auto}
.h_auto {height:auto}
.table_etc {display: block;margin-top: 4px;font-size: 13px;color: #ff4900}
.radio_wrap {display:inline-block}

.h4_font h4 {margin-top: 29px}
h4.font_size {font-size:1.2em}
.pdf_view {width:100%; height:700px}

/**테이블**/
.table_wrapper {position: relative;width: 100%;overflow: hidden;padding-bottom: 10px}
.basic_table3 {border-top:2px solid #434446; min-width:768px;}
.basic_table3.pop {min-width:auto}
.basic_table3.min_none {min-width:auto}
.basic_table3 table	{width:100%;}
.basic_table3 table thead th {background:#f2f4f6; border-left:1px solid #d9dbde; border-bottom:1px solid #d9dbde; height:48px; color:#333;}
.basic_table3 table thead th.first {border-left:0;}
.basic_table3 table th {background:#f2f4f6; border-bottom:1px solid #d9dbde; color:#333;}
.basic_table3 table th.first {border-left:0;}
.basic_table3 table th .th_wrap1 {padding:15px 5px; color:#333; font-weight:400; letter-spacing:-0.025em; text-align:center}
.basic_table3 table tbody td {background:#fff; border-left:1px solid #d9dbde; border-bottom:1px solid #d9dbde; line-height:20px;}
.basic_table3 table tbody td.first {border-left:0;}
.basic_table3 table tbody td .th_wrap1 {text-align: center;padding:15px 5px}
.basic_table3 table tbody td .td_wrap1 {text-align: center}
.basic_table3 table tbody td .td_wrap1 img {max-width:100%;width:auto}
.basic_table3 table tbody td .td_wrap1.photo_img {text-align: left}
.basic_table3 table tbody td .td_wrap1.photo_img img {float: left;margin-right: 25px;margin-bottom: 10px}
.basic_table3 table tbody td .td_wrap1.photo_img p {font-weight: 200;margin-top: 10px}

.tbl-box table {width:100%}
.tbl-box {border-top: solid 2px #434446}
.tbl-type01 th {text-align:left;padding:14px;background:#f2f4f6;font-weight:400;border-bottom:solid 1px #d9dbde}
.tbl-type01 td {padding:10px 20px;border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;}
.tbl-type01 td select {min-width:130px}
.tbl-type01 td.comment {border-left:0;padding:20px 0}
td .td-comment {font-size: 13px;color: #767676;line-height: 1.4em;margin-top: 6px}
.col150 {width:150px}
.col200 {width:200px}
.basic_input1 {display: block;padding: 0 9px;border: 1px solid #cbd1db;vertical-align: middle}
.basic_btn {display: inline-block;vertical-align: middle}
td input + input {margin-left: 6px}
.basic_input1 input[type="text"] {display: block;width: 100%;border: 0;line-height: 1.2;padding: 8px 0 7px;background: transparent}
.reg_btn1 {position:relative; padding-right:94px;}
.reg_btn1 input[type="text"]	{display:block; line-height:1.2; padding:9px 0 8px;}
.reg_btn1 .find_btn	{display:inline-block; position:absolute; top:0; right:0; vertical-align:middle; overflow:hidden; cursor:pointer;}
.reg_btn1 .find_btn .basic_btn span	 {width:89px;}
.reg_btn1 .find_btn .reg_file	 	{position:absolute; top:0; left:0; font-size:200px; width:100%; height:100%; background:none; filter:alpha(opacity=0); opacity:0; cursor:pointer;}
.reg_btn1 .many	{display:inline-block; vertical-align:middle; width:35px; height:35px; overflow:hidden;}
.reg_btn1.file_add .many img	{margin-left:-45px;}
.reg_btn1 .find_btn .basic_btn span {width: 89px}
.basic_btn.gray2 span {background: #555;color: #fff;font-size: 14px;padding: 10px 0 10px;text-align: center}
.basic_btn span {display: inline-block}
hr.space {height: 5px;border: 0;background: #fff;display: block}
.c_blue {color: #ff7800;font-weight: 600}
#wrap {overflow: initial}
#header #nav #gnb ul li ul {margin-top: 22px}
#header #nav #gnb ul li a span:after {bottom: -22px}
#header {background-color: #303234}
#header #nav {height: 70px}
#header h1.logo {top: 7px}
#header #nav #gnb ul li a span {height:auto;padding: 18px 0 0 0}
#header #nav #blind {top: 104px;box-shadow: 0px 4px 21px rgba(0,0,0,0.1)}
#footer{height:auto}
#content_wrap {margin-top: 105px}
#content_wrap .sub_wrap {max-width:1260px;margin:0 auto;background: url('/usr/image/new/images/common/leftbg.gif') repeat-y;overflow:hidden}
#lnb {float: left;width: 250px;background-color: #303234;padding-bottom: 100px}
#lnb h2 {height:144px;background:url('/usr/image/new/images/common/sub_titlebg.jpg') no-repeat 0 0;color: #303030;font-size: 29px;padding: 80px 0 0 20px}
#lnb h2.s02 {height:144px;background:url('/usr/image/new/images/common/sub_titlebg02.jpg') no-repeat 0 0;color: #303030;font-size: 29px;padding: 80px 0 0 20px}
#lnb h2.s03 {height:144px;background:url('/usr/image/new/images/common/sub_titlebg03.jpg') no-repeat 0 0;color: #303030;font-size: 29px;padding: 80px 0 0 20px}
#lnb h2.s04 {height:144px;background:url('/usr/image/new/images/common/sub_titlebg04.jpg') no-repeat 0 0;color: #303030;font-size: 29px;padding: 80px 0 0 20px}
#lnb h2.s05 {height:144px;background:url('/usr/image/new/images/common/sub_titlebg05.jpg') no-repeat 0 0;color: #303030;font-size: 29px;padding: 80px 0 0 20px}
#lnb a {color:#fff}
#lnb .group .menuBox > li {border-bottom: 1px solid rgba(255,255,255,0.1);padding: 16px 21px}
#lnb .group .menuBox > li > .group {background: #fff url('/usr/image/new/images/common/depth_top.gif') no-repeat top center;margin: 20px -13px -19px -13px;padding-top: 9px}
#lnb .group .menuBox > li.on > a {color:#ffb005;text-decoration:underline}
#lnb .group .menuBox > li > a:hover,#lnb .group .menuBox > li > a:active {color:#ffb005}
#lnb .group .menuBox > li.on > .group {display: block}
/*#lnb .group .menuBox > li > .group {display: none}*/
#lnb .group .menuBox > li > .group a {color:#212121}


#lnb .group .menuBox > li > .group a.on, #lnb .group .menuBox > li > .group a:hover, #lnb .group .menuBox > li > .group a:active, #lnb .group .menuBox > li > .group a:focus {color:#FB3601;text-decoration:underline}

#lnb .group .menuBox > li > .group > li {padding: 10px;border-bottom: 1px solid #ecedee}
#lnb .group .menuBox > li > .group > li > .group {padding: 10px 15px}
#lnb .group .menuBox > li > .group > li > .group > li > a {font-size: 12px;font-weight: 200;position:relative;width: 100%;display: block;color: #7b7b7b;padding-top: 2px;position:relative}
#lnb .group .menuBox > li > .group > li > .group > li > .group {padding: 9px 19px}
#lnb .group .menuBox > li > .group > li > .group > li > .group > li > a {font-size: 12px;font-weight: 200;position:relative;width: 100%;display: block;color: #7b7b7b;padding-top: 2px;position:relative}
#lnb .group .menuBox > li > .group > li > .group > li > .group > li > a.on,
#lnb .group .menuBox > li > .group > li > .group > li > .group > li > a:hover,
#lnb .group .menuBox > li > .group > li > .group > li > .group > li > a:focus,
#lnb .group .menuBox > li > .group > li > .group > li > .group > li > a:active{font-weight: 600;color:#ff8605;text-decoration:underline}
#lnb .group .menuBox > li > .group > li > .group > li > .group > li > a:before {background: #fff url('/usr/image/new/images/common/depth.gif') no-repeat;content: "";height: 6px;left: -12px;position: absolute;top: 7px;width: 7px;display: inline-block}

#lnb .group .menuBox > li > .group > li > .group.number > li > a {padding: 2px 0 0 16px}
#lnb .group .menuBox > li > .group > li > .group.number > li > a:before {background:url('/usr/image/new/images/common/number.png') no-repeat 0 0 ;content: "";height: 15px;left: -8px;position: absolute;top: 4px;width: 16px}
#lnb .group .menuBox > li > .group > li > .group.number > li:nth-child(2) > a:before {background-position:0 -23px}
#lnb .group .menuBox > li > .group > li > .group.number > li:nth-child(3) > a:before {background-position:0 -46px}
#lnb .group .menuBox > li > .group > li > .group.number > li:nth-child(4) > a:before {background-position:0 -70px}
#lnb .group .menuBox > li > .group > li > .group.number > li:nth-child(5) > a:before {background-position:0 -92px}
#lnb .group .menuBox > li > .group > li > .group > li > a.on,
#lnb .group .menuBox > li > .group > li > .group > li > a:hover,
#lnb .group .menuBox > li > .group > li > .group > li > a:focus,
#lnb .group .menuBox > li > .group > li > .group > li > a:active {font-weight: 600;color:#ff5200;text-decoration:underline}
#lnb .group .menuBox > li > .group > li > .group > li > a:after {position: absolute;content: '';top: 6px;right: 0;background: #999a9b url('/usr/image/new/images/common/on.gif') no-repeat;width: 13px;height: 11px;display: inline-block}
#lnb .group .menuBox > li > .group > li > .group > li > a.on:after,
#lnb .group .menuBox > li > .group > li > .group > li > a.focus:after {background: #ff8605 url('/usr/image/new/images/common/on.gif') no-repeat}
#lnb .group .menuBox > li > .group > li:last-child {border-bottom: none}

#lnb a.on, #lnb a:focus{color:#fcb040;text-decoration:underline}
/**sub메뉴제어 처음에 보이지 않지만 페이지 내에 menu1on 을 하는 경우 해당 왼쪽 메뉴 호출**/
#lnb > .group > .menu1,
#lnb > .group > .menu2,
#lnb > .group > .menu3,
#lnb > .group > .menu4,
#lnb > .group > .menu5,
#lnb > .group > .menu6,
#lnb > .group > .menu7,
#lnb > .group > .menu8,
#lnb > .group > .menu9,
#lnb > .group > .menu10{display:none}

#lnb.menu1on > .group > .menu1 {display:block}
#lnb.menu2on > .group > .menu2 {display:block}
#lnb.menu3on > .group > .menu3 {display:block}
#lnb.menu4on > .group > .menu4 {display:block}
#lnb.menu5on > .group > .menu5 {display:block}
#lnb.menu6on > .group > .menu6 {display:block}
#lnb.menu7on > .group > .menu7 {display:block}
#lnb.menu8on > .group > .menu8 {display:block}
#lnb.menu9on > .group > .menu9 {display:block}
#lnb.menu10on > .group > .menu10 {display:block}

/**sub메뉴제어 처음에 보이지 않지만 페이지 내에 menu1on 을 하는 경우 해당 왼쪽 메뉴 호출**/

#contents {padding-left: 290px;padding-bottom: 50px}
.location {overflow: hidden}
.location > li {float: left;position: relative;padding-right: 21px;font-weight: 400;font-size: 13px;color: #767676;line-height: 1.3}
.location > li a {line-height:13px; padding: 3px; margin: 2px}
.location > li:last-child:after {background:none}
.location > li:after {content:'';position:absolute;width:5px;height:9px;top:4px;right:7px;background:url('/usr/image/new/images/common/location.gif') no-repeat 0 0}
.location > li > strong {color:#333}
#contents > h3 {font-size:30px;color:#1b1b1b;background: url('/usr/image/new/images/sub/title_h3_bg.gif') no-repeat right;height: 146px;padding-top: 36px}
#contents > h3 > span {display: block;font-size: 0.53em;font-weight: 400;color: #767676}
#contents > h3.s02 {font-size:30px;color:#1b1b1b;background: url('/usr/image/new/images/sub/title_h3_bg02.gif') no-repeat right;height: 146px;padding-top: 36px}
#contents > h3.s03 {font-size:30px;color:#1b1b1b;background: url('/usr/image/new/images/sub/title_h3_bg03.gif') no-repeat right;height: 146px;padding-top: 36px}
#contents > h3.s04 {font-size:30px;color:#1b1b1b;background: url('/usr/image/new/images/sub/title_h3_bg04.gif') no-repeat right;height: 146px;padding-top: 36px}
#contents > h3.s05 {font-size:30px;color:#1b1b1b;background: url('/usr/image/new/images/sub/title_h3_bg05.gif') no-repeat right;height: 146px;padding-top: 36px}
#contents > p {word-break: keep-all}


.sub_search, .sub_statistics {text-align: center;padding: 27px 2% 22px;background-color: #f7f7f8;border-top: 2px solid #303234;border-bottom: 1px solid #dedede}
.sub_search .s_title {font-size: 1.7em;font-weight: 600;display: inline-block}
.sub_statistics img {max-width:100%;width:100%;border:1px solid #e1e1e1}
.select-box {display: inline-block;position: relative}
.select-box.dsb {display:block}
.select-box select {height: 35px}
.input-box {position: relative;display: inline-block}
.input-box .btn-img-search {position: absolute;top: 0;right: 0;background: url('/usr/image/new/images/common/search_img.gif') no-repeat 2px 5px;color: #000;border: none;padding-right: 0px;width: 39px;text-indent: -999em}
input[type="submit"].btn-img-calendar {position: relative;top: 0;right: 26px;background: url('/usr/image/new/images/common/calendar.gif') no-repeat 0 7px;border: none;padding: 0px;width: 22px;text-indent: -999em;margin-right: -21px}

/**검색키워드**/
.keyword {margin-bottom: 5px}
.keyword strong {margin:0 5px}
.keyword a {background-color: #fff;display: inline-block;border: 1px solid #c0c0c0;font-size: 12px;line-height: 1;padding: 7px 13px;margin: 2px auto}
.totalsearch .keyword a {background: none;display: inline-block;border: none;font-size: 12px;line-height: 1;padding:0;margin: 2px auto}

/**검색 제목,저자,발행일,타이틀**/
.bbs_title {overflow:hidden}
.bbs_title > li {float:left;width:30%;line-height: 2.4}
.bbs_title > li:last-child {text-align:right;width:70%}
.bbs_title > li:last-child.all {width:100%}
.bbs_title > li:last-child.allleft {text-align:left;width:100%}
.bbs_title > li > span {padding-right:10px}
.bbs_title > li > span > em {color:red}
.bbs_title .check_box {line-height: 1.7;display: inline-block}
.bbs_title .minw {min-width:453px}

/**검색 결과 및 추천도서**/
.board-lis {overflow:hidden}
.board-list > li:nth-child(1) {border-top: solid 2px #656d78}
.board-list > li {border-bottom: solid 1px #dedede;padding: 20px 0;position: relative}
.board-list > li article {padding: 0 300px 0 35px;position: relative}
.board-list > li article.all {padding: 0;position: relative}
.board-list > li article h4 {margin-bottom: 0;font-size:1em}
.board-list > li article h4 span {display: block;margin: 8px 0 0 0;line-height: 1.8;position: relative;font-weight: 200;font-size: 0.9em;padding-left: 16px}
.board-list > li article h4 span.iconnone {padding-left: 0}
.board-list > li article h4 span.iconnone:before {background:none}
.board-list > li article h4 span:before {position: absolute;content: '';top: 4px;left: -3px;background: url('/usr/image/new/images/common/s_icon.png') no-repeat;display: inline-block;width: 14px;height: 16px}
.board-list .check_box {float: left;line-height: 1.5;position: relative;z-index:2}
.board-list .bbs_btn_all {position: absolute;top: 0;right: 0;width: 280px;text-align: right;margin-bottom:10px}
.board-list .bbs_btn_all a {display: inline-block;margin-left:5px}
.board-list .abstract {background-color: #ececec;padding: 15px 35px;display:none;border-bottom: 1px solid #dedede;position:relative}
.board-list .abstract > .close {position: absolute;top: -30px;right: 0;width: 30px;height: 30px;background: rgba(0,0,0,0.6) url('/usr/image/new/images/common/s_close.png') no-repeat center / 40%;display: inline-block;text-indent: -999em; margin-right: 2px; outline-color: #ff0038}

.board-list li span.no {float: left;color: #767676;font-size: 0.857em;line-height: 1.2em}
.board-list li .thumbnail {position: absolute;left: 70px;top: 50%;margin-top: -65px}
.thumbnail {width: 180px;height: 130px}
.board-list li.photo article {padding-left: 250px}
.board-date {margin-bottom: 8px;line-height: 1em}

/*교육행사*/
.open {background: url(/usr/image/new/images/sub/open_1.png?v=1) no-repeat;position: absolute;top: 0;right: 0;display: none;width: 56px;height: 56px;text-indent: -999em}
.open01 {background: url(/usr/image/new/images/sub/open_1.png) no-repeat -74px 0;position: absolute;top: 0;right: 0;display: none;width: 56px;height: 56px;text-indent: -999em}
.open.on, .open01.on {display: block;}

.text-box {border-top: 2px solid;padding:30px 20px;border-bottom: 1px solid #dedede}
.text-box02 {font-weight:600}
.search_title {display: block;background-color: #f6f6f6;padding: 7px 0;font-size: 1.2em;font-weight: 600;text-align: center;border-top:1px solid #e2e2e2}

.text-bbsbox dl {padding: 10px 15px;overflow: hidden;border-bottom: 1px solid #dedede}
.text-bbsbox dt {float: left;padding-right: 10px;font-weight: 600}
.text-bbsbox dd {float: left;padding-right: 20px}
.text-bbsbox img {max-width:100%}
.text-bbsbox .bbstitle {display: block;border-top: 2px solid;padding: 10px 10px 10px 20px;background-color: #f7f7f8;border-bottom: 1px solid #dedede}
.text-bbsbox .textview {padding:30px 20px}
.text-bbsbox .textview img {max-width:100%}

.bbs_pre_next {padding: 15px 20px;overflow: hidden;border-bottom: 1px solid #dedede;background-color: #f7f7f8;border-top: 1px solid #dedede;margin-top: 75px;}
.bbs_pre_next dt {float: left;padding-right: 25px;font-weight: 600;clear: both}
.bbs_pre_next dd {float: left}

/**페이징**/
.paging {text-align:center}
.paging a, .paging strong {display: inline-block;border: 1px solid #fff;width: 25px;height: 25px;line-height: 1.6;font-weight:600}
.paging a:hover, .paging a:active, .paging a:focus {background-color:#FB3601;border: 1px solid #FB3601;color:#fff}
.paging a.Sprev, .paging a.prev, .paging a.next, .paging a.Snext {background: url('/usr/image/new/images/common/paging_1.gif') no-repeat 4px center}
.paging a.prev {background-position:-49px center}
.paging a.next {background-position:-108px center}
.paging a.Snext {background-position:-164px center}
.paging strong {background-color:#FB3601;border: 1px solid #FB3601;color:#fff}
.paging a.Sprev, .paging a.prev, .paging a.next, .paging a.Snext {text-indent:-999em}

/**텝**/
.tab-list {font-weight: normal;list-style: outside none none;margin: 0;padding: 0;position: relative}
.tab-list:after, .tab-list:before {content: " ";display: table}
.tab-list:after {clear: both}
.tab-list > li {float: left}
.tab-list {display: table;table-layout: fixed;width: 100%}
.tab-list li {display: table-cell;float: none;height: 100%;text-align: center;vertical-align: middle;width: 100%}
.tab-list li a {background-color: #f7f7f8;border-color: #dcdcdc #dcdcdc currentcolor;border-image: none;border-style: solid solid none;border-width: 1px 1px 0;display: block;margin-left: -1px;position: relative;text-decoration: none}
.tab-list li a:after {background-color: #dcdcdc;bottom: 0;content:"";display: block;height: 1px;left: 0;overflow: hidden;position: absolute;transition: all 0.4s ease 0s;width: 100%}
.tab-list li span {color: #333;display: block;font-size: 1em;font-weight: 600;line-height: 15px;position: relative;transition: all 0.2s ease 0s;padding: 15px 0;}
.tab-list li span:after {background-color: #FB3601;content: "";display: block;height: 2px;left: -1px;overflow: hidden;position: absolute;top: -2px;transition: all 0.4s ease 0s;width: 0}
.tab-list li.on a, .tab-list li a:hover, .tab-list li a:focus {z-index: 1;background-color:#fff}
.tab-list li.on a:after, .tab-list li a:hover:after, .tab-list li a:focus:after {width: 0}
.tab-list li.on a span, .tab-list li a:hover span, .tab-list li a:focus span {color: /*#FB3601*/ #F13E00; }
.tab-list li.on a span:after, .tab-list li a:hover span:after, .tab-list li a:focus span:after {width: 101%}

/**만족도 조사**/
.poll_box {overflow: hidden;border: 1px solid #e9e9e9;background-color: #fbfbfb;padding: 15px 5%;width: 100%}

.poll_box dl dt {float: left;padding: 10px 0;position: absolute;line-height: 1.4}
.poll_box dl dt em {background: url('/usr/image/new/images/common/s_icon.png') no-repeat 0 -28px;padding-left: 21px;font-weight: 600;font-size: 1.1em}
.poll_box dl dt em.poll {background-position: 0 -60px;}
.poll_box dl dd {padding: 10px 0 10px 131px}
/*.poll_box dl dd:nth-child(2) {border-bottom: 1px solid #ddd}*/

.select-allbox {overflow:hidden}
.select-allbox li {float:left}
.select-allbox li .sin {margin-left: 5px;display: inline-block;width: 105px}
.select-allbox li .title {line-height: 2.2}
.select-allbox li .t_title {line-height: 35px;font-weight: bold}
.select-allbox li.right {text-align:right;padding-right:5px}
.select-allbox li.left {text-align:left;padding-left:5px}

.check_box_in {text-align: left;margin-bottom: 10px}
.check_box_in span {display: inline-block}

/**ptoto_gallery**/
.ptoto_gallery {overflow:hidden;margin-right: -10px;margin-left: -10px}
.ptoto_gallery > li {float:left;width:25%;padding: 0 10px}
.ptoto_gallery > li > a {border:1px solid #dedede;display: block;box-shadow: 0 4px 1px rgba(0,0,0,0.03);position:relative}
.ptoto_gallery > li > a:hover:after,
.ptoto_gallery > li > a:focus:after {position:absolute;content:"";width:100%;height:100%;top:0;left:0;border:1px solid #FB3601;display:inline-block;background-color:rgba(0,0,0,0.3)}
.ptoto_gallery > li > a:hover, .ptoto_gallery > li > a:focus {border:1px solid #FB3601;background-size:120%}
.ptoto_gallery.vodlist > li > a:hover:after,
.ptoto_gallery.vodlist > li > a:focus:after {position:absolute;content:"";width:100%;height:100%;top:0;left:0;border:1px solid #FB3601;display:inline-block;background:rgba(0,0,0,0.3) url('/usr/image/new/images/common/vod.png') no-repeat center;}
.ptoto_gallery.vodlist > li > a:hover, .ptoto_gallery > li > a:focus {border:1px solid #FB3601;background-size:120%}
.ptoto_gallery > li > a > div {display: table;width: 100%;background-color: #f7f7f8}
.ptoto_gallery > li > a > div > span {display: table-cell;vertical-align: middle;height: 230px;text-align: center}
.ptoto_gallery > li > a > div > span > img {max-width: 100%;max-height: 100%;width:100%}
.ptoto_gallery > li > a > p {padding: 17px;font-size: 0.9em;color:#767676}
.ptoto_gallery > li > a > p > span {font-size: 1.2em;color: #3b3b3b;font-weight: 600;display: block;padding-bottom: 2px;overflow: hidden;height: 74px}

.ptoto_gallery02 {overflow:hidden;margin-right: -10px;margin-left: -10px}
.ptoto_gallery02 > li {float:left;width:25%;padding: 0 10px}
.ptoto_gallery02 > li > div {border:1px solid #dedede;display: block;box-shadow: 0 4px 1px rgba(0,0,0,0.03);position:relative}
.ptoto_gallery02 > li > div > div {display: table;width: 100%;background-color: #f7f7f8}
.ptoto_gallery02 > li > div > div > span > img {width:100%}
.ptoto_gallery02 > li > div > p {padding: 17px;font-size: 0.9em;color:#767676}
.ptoto_gallery02 > li > div > p > span {font-size: 1.2em;color: #3b3b3b;font-weight: 600;display: block;padding-bottom: 2px;overflow: hidden;height: 29px}
.ptoto_gallery02 > li > div > p > strong {display:block}
.ptoto_gallery02 > li > div > p > a {display: block;border: 1px solid;text-align: center;line-height: 30px;margin-top: 11px;background-color: #fb3601;color: #fff}

/**갤러리슬라이드**/
.demo {padding: 50px 50px;background-color: #f7f7f8;border-top: 2px solid #303234;border-bottom: 1px solid #dedede}
.simg {max-width: 100%;max-height: 500px}
.content-slider li{background-color: #ed3020;text-align: center;color: #FFF}
.content-slider h3 {margin: 0;padding: 70px 0}
.lSSlideOuter {overflow: hidden;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.lightSlider:before, .lightSlider:after {content: " ";display: table}
.lightSlider {overflow: hidden}
.lSSlideWrapper {overflow: hidden;position: relative;height: 500px;}
.lSSlideWrapper > .lightSlider:after {clear: both}
.lSSlideWrapper .lSSlide {-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);-webkit-transition: all 1s;-webkit-transition-property: -webkit-transform,height;-moz-transition-property: -moz-transform,height;transition-property: transform,height;-webkit-transition-duration: inherit !important;transition-duration: inherit !important;-webkit-transition-timing-function: inherit !important;transition-timing-function: inherit !important}
.lSSlideOuter .lSPager.lSGallery {list-style: none outside none;padding-left: 0;margin: 0;overflow: hidden;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.lSSlideOuter .lSPager.lSGallery li {overflow: hidden;-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;transition: border-radius 0.12s linear 0s 0.35s linear 0s;padding-top: 1%;position: relative;opacity:0.5}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover, .lSSlideOuter .lSPager.lSGallery li:focus {opacity:1}
.lSSlideOuter .lSPager.lSGallery img {display: block;height: auto;max-width: 100%}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {content: " ";display: table}
.lSSlideOuter .lSPager.lSGallery:after {clear: both}
.lSAction > a {width: 42px;display: block;top: 50%;height: 38px;background: url('/usr/image/new/images/common/nex_pre.png') no-repeat 10px 0;cursor: pointer;position: absolute;z-index: 9999;margin-top: -16px;opacity: 0.5;-webkit-transition: opacity 0.35s linear 0s;transition: opacity 0.35s linear 0s;text-indent:-999em}
.lSAction > a:hover, .lSAction > a:focus {opacity: 1}
.lSAction > .lSPrev {background-position: 0 0;left: 10px}
.lSAction > .lSNext {background-position: -116px 0;right: 10px}
.lSAction > a.disabled {pointer-events: none}
.cS-hidden {height: 1px;opacity: 0;filter: alpha(opacity=0);overflow: hidden}
.lSSlideOuter.vertical .lSAction > .lSNext {background-position: 31px -31px;bottom: 10px;top: auto}
.lSSlideOuter.vertical .lSAction > .lSPrev {background-position: 0 -31px;bottom: auto;top: 10px}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {padding-left: 0;list-style: none outside none}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {float: left}
.lightSlider.lsGrab > * {cursor: -webkit-grab;cursor: -moz-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;text-align: center}
.clearfix .gallery.list-unstyled.lightSlider.lsGrab.lSSlide {height: 500px !important}
.clearfix .gallery > li {height: 100%;display: table}
.clearfix .gallery > li > p {display: table-cell;vertical-align: middle}
.lSPager.lSGallery > li {height: 70px}
.vod {padding-top: 56.2%;height: 0;position: relative;transition: all 1s ease 0.1s;width: 100%;overflow: hidden}
.video {position: absolute;top: 0;left: 0;width: 100%;overflow: hidden;height: 100%}

/**용어정보**/
.dictionary {display: inline-block;overflow: hidden;float: left}
.dictionary > li {float: left;line-height: 2.5;margin-bottom: 2px}
.dictionary > li > a {background-color: #fff;display: inline-block;padding: 6px 7px;font-size: 13px;font-weight: 600;margin-right: 1px;border-radius: 2px;border-color: #cbcbcb #a0a0a0 #a0a0a0 #cbcbcb;border-style: solid;border-width: 1px}
.dictionary > li > a.on, .dictionary > li > a:hover, .dictionary > li > a:focus {background-color: #FB3601;color:#fff;border-color:#FB3601}

.faq-list {overflow-y: auto;height: 400px;padding: 0 0px;border-style: solid;border-width: 2px 1px 1px 1px;border-color: #656d78 #ccc #ccc #ccc}
.faq-list.faq {overflow: hidden ;height: auto;padding: 0 0px;border-top:2px solid #656d78;border-width:2px 0 0 0}
.faq-list.view {overflow: hidden ;height: auto;padding: 0 0px;border-top:2px solid #656d78;border-width:2px 0 0 0}
.faq-list dt {border-bottom: solid 1px #ccc;color: #111;font-weight: 600;line-height: 1.5em;padding: 11px 53px;position: relative}
.faq-list dt:before {content:"";position:absolute;left:0;top:0;width:40px;height:40px;background:url('/usr/image/new/images/common/ico_faq2.png') left top no-repeat}
.faq-list dt:after {content:"용어정보열기";position:absolute;right:20px;top:50%;margin-top:-3px;width:10px;height:6px;background:url('/usr/image/new/images/common/ico_faq.png') right bottom no-repeat;text-indent: -999em}
.faq-list dt.on::after {background-position:left bottom;}
.faq-list dd {border-bottom:solid 1px #ccc;padding:20px 54px;background:#f7f7f7;position:relative;display:none;}
.faq-list dd strong {display: block;padding-bottom: 10px}
.all_page {display: block;text-align: right}
.faq-list.view dd {padding:20px}

/**crc소개**/
.about_crc dt {font-size: 1.2em;font-weight: 600}
.about_crc dd {margin-bottom: 25px}
.ci02 .ci02_kor {height: 224px;background: url('/usr/image/new/images/sub/ci_kor_pc.png') no-repeat 50% 0}
.ci02 p {overflow: hidden;text-indent: -5000px;margin-top: 70px}
.ci02 .ci02_eng {height: 215px;background: url('/usr/image/new/images/sub/ci_eng_pc.png') no-repeat 50% 0}
.ci02 .ci02_clab {height: 243px;background: url('/usr/image/new/images/sub/ci_clab_pc.png') no-repeat 50% 0}

/**센터사업**/
.business {padding: 0 0 100px 330px;height: 180px}
.business dt {font-size: 1.2em;font-weight: 600}
.business dd {word-break: keep-all}
.business dd em {color:#328102}
.business.step00 {background: url('/usr/image/new/images/sub/business_img00.jpg') no-repeat}
.business.step01 {background: url('/usr/image/new/images/sub/business_img01.jpg') no-repeat}
.business.step02 {background: url('/usr/image/new/images/sub/business_img02.jpg') no-repeat}
.business.step03 {background: url('/usr/image/new/images/sub/business_img03.jpg') no-repeat}
.business.step04 {background: url('/usr/image/new/images/sub/business_img04.jpg') no-repeat}
.business.step05 {background: url('/usr/image/new/images/sub/business_img05.jpg') no-repeat}
.business.step06 {background: url('/usr/image/new/images/sub/business_img06.jpg') no-repeat}
.business.step07 {background: url('/usr/image/new/images/sub/business_img07.jpg') no-repeat}
.business.step08 {background: url('/usr/image/new/images/sub/business_img08.jpg') no-repeat}
.business.step09 {background: url('/usr/image/new/images/sub/business_img09.jpg') no-repeat}
.business.step10 {background: url('/usr/image/new/images/sub/business_img10.jpg') no-repeat}
.business.step11 {background: url('/usr/image/new/images/sub/business_img11.jpg') no-repeat}

/**mission, vision**/
.mission.pc {display: table;width: 100%;margin: 50px auto 0}
.mission.pc li {text-align: center;display: table-cell;vertical-align: middle;width:50%}
.mission.pc li:first-child {width: 25%;position:relative}
.mission.pc li:first-child:after {position: absolute;content: '';top: 116px;right: -24%;background: url('/usr/image/new/images/sub/mission_pn.png') no-repeat;height: 51px;width: 41px}
.mission.pc li:last-child {width: 25%;position:relative}
.mission.pc li:last-child:before {position: absolute;content: '';top: 116px;left: -24%;background: url('/usr/image/new/images/sub/mission_pn.png') no-repeat right 0;height: 51px;width: 41px}
.mission.pc li div img {max-width:100%}
.mission.pc li p {font-size: 0.9em}
.mission.mobile li {border: 1px solid #ccc;margin-bottom: 53px;padding: 14px;text-align: center;position:relative}
.mission.mobile li:nth-child(2):before {position: absolute;content: '';top: -53px;left: 50%;background: url('/usr/image/new/images/sub/mission_pn.png') no-repeat center;height: 51px;width: 51px;margin-left: -25px}
.mission.mobile li:nth-child(2):after {position: absolute;content: '';top: 53px;left: 50%;background: url('/usr/image/new/images/sub/mission_pn.png') no-repeat center;height: 51px;width: 51px;margin-left: -25px}

.vision {display: table;margin: 0 auto;position: relative;padding: 42px 95px}
.vision img {max-width:100%}
.vision .v01, .vision .v02, .vision .v03, .vision .v04, .vision .v05 {text-align:center}
.vision .v01 {position: absolute;top: 33%;left: 2%}
.vision .v02 {position: absolute;top: -1%;left: 50%;margin-left: -32px}
.vision .v03 {position: absolute;top: 31%;right: 3%}
.vision .v04 {position: absolute;bottom: 9%;right: 16%}
.vision .v05 {position: absolute;bottom: 9%;left: 17%}

/**센터의 역활**/
.center_role {margin-left:-15px;overflow: hidden}
.center_role li {float: left;width: 20%;padding: 0 0 15px 15px}
.center_role li div {border: 1px solid #e0e0e0;text-align: center;padding: 100px 5px 22px 5px;color: #000;font-weight: 600;font-size: 0.95em;position:relative}
.center_role li div:before {position: absolute;content: '';top: 18px;left: 50%;background: url('/usr/image/new/images/sub/center_role_img.gif') no-repeat top center;height: 63px;width: 90px;margin-left: -43px}
.center_role li div.role02:before {background-position:center -103px}
.center_role li div.role03:before {background-position:center -200px}
.center_role li div.role04:before {background-position:center -321px}
.center_role li div.role05:before {background-position:center -443px}
.center_role li div.role06:before {background-position:center -553px}
.center_role li div.role07:before {background-position:center -667px}
.center_role li div.role08:before {background-position:center -776px}
.center_role li div.role09:before {background-position:center -887px}
.center_role li div.role10:before {background-position:center -996px}

.mou_list {margin: 0 -5px;overflow: hidden}
.mou_list li {width: 14.2857%;float: left;text-align: center;padding: 5px}
.mou_list li a {display: inline-block;border: 1px solid #3c7e9a;padding: 10px;height: 121px;font-size: 12px}
.mou_list li a p {height: 59px}
.mou_list li a img {width: 100%;}

/**CI**/
.ci_box {border: 1px solid #ccc;padding: 24px}
.ci_box h4 {color:#b95c00}
.ci_box h4 em {color: #f91d71}
.ci_box_img {text-align: center;border: 1px solid #ccc;padding:40px 0}
.ci_box_img.linenone {border: none}
.ci_box_img img {max-width:100%}
.ci_color {overflow:hidden}
.ci_color.layer50 li {width:50%}
.ci_color li {width:25%;float:left}
.ci_color li dl {text-align: center}
.ci_color li dt img {border: 1px solid #f0f0f0}
.ci_color li dd {padding: 10px 0 15px 0}

/**newletter**/
.newletter {margin-left:-15px;overflow: hidden}
.newletter li {float: left;width: 20%;padding: 0 0 50px 15px}
.newletter li a {text-align:center;display: block; margin: 2px}
.newletter li a strong, .newletter li div span {display: block;text-align: center;margin-top: 5px}
.newletter li a img {max-width: 100%;border: 1px solid #ccc}


/**book**/
.book {overflow: hidden;padding: 20px;border-bottom: 1px solid #ccc}
.book li {float:left}
.book li:nth-child(2) {padding-left: 28px;position: relative;width: 90%}
.book li dl > dt {font-size: 1.2em;color: #000;font-weight: 600;padding-bottom: 8px}
.book li dl > dd p strong {display: block;padding-top: 14px}
.book_title {font-size: 1.1em;border-bottom: 1px solid #ccc;padding: 13px}
.book li .list {overflow: hidden}
.book li .list > dt {float: left;clear: both;width: 65px;color: #000;font-weight: 600}
.book li .list > dd {float: left}
.book .textlist {padding-top: 34px;width: 100%}
.book .textlist p {border: 1px solid #ccc;padding: 20px}

/**교육·이벤트 참가신청**/
.cpi {margin: 24px 0 0 12px}
.cpi dt {font-weight: 600;font-size: 1.12em;margin-bottom: 10px}
.cpi dd {margin-bottom: 20px}

/**history**/
.history {overflow: hidden}
.history li {padding-top: 15px;background: url('/usr/image/new/images/sub/history_bg.gif') repeat-y}
.history li:first-child {padding-top: 0}
.history li dt {float: left}
.history li dt span {display: table-cell;width: 90px;height: 90px;vertical-align: middle;text-align: center;border-radius: 100%;background-color: #8A94A5;color: #fff;font-size: 1.4em;font-weight: 600}
.history li:first-child dt span {background-color: #F16A41}
.history li dd {text-indent: -21px;padding-left: 187px;padding-bottom: 3px;}
.history li dd:nth-child(2) {padding-top: 32px}
.history li dd strong {display: inline-block;padding-right: 14px;font-size: 1.1em}

/**map**/
.map {overflow:hidden}
.map dt {float: left;width: 56px;font-weight: 600;color: #000}

/**사회공헌네트워크**/
.network {height: 715px;background: url(/usr/image/new/images/sub/map.gif) no-repeat;position:relative; background-position-y:center;}
.network > a,.network > span  {position: absolute;font-weight:600}
.network > a:hover,.network > a.on {color: #ff4406;font-size: 1.1em}
.network .cen {top: 96px;left: 98px}
.network .sul {top: 204px;left: 95px}
.network .bus {bottom: 247px;left: 263px}
.network .dae {bottom: 319px;left: 216px}
.network .inchn {top: 216px;left: 64px}
.network .gwa {top: 436px;left: 69px}
.network .daej {top: 321px;left: 116px}
.network .uls {bottom: 291px;left: 274px}
.network .sej {top: 295px;left: 124px}
.network .gye {top: 229px;left: 114px}
.network .gan {top: 175px;left: 191px}
.network .chg {top: 272px;left: 143px}
.network .chn {top: 303px;left: 66px}
.network .jeb {top: 380px;left: 82px}
.network .jen {top: 467px;left: 62px}
.network .kyu {top: 322px;left: 222px}
.network .gyeo {top: 424px;left: 175px}
.network .jej {top: 574px;left: 39px}

.network .all_map {position: absolute;width: 63%;border-bottom: 1px solid #ccc;padding: 7px 0;border-top: 1px solid #ccc;right: 0;top: 27px;font-size: 0.9em;background-color: #f8f6f6;font-weight: 600;z-index: 1}
.network .all_map.cenm {top: 64px;background-color:#fff}
.network .all_map.sulm {top: 99px;background-color:#fff}
.network .all_map.busm {top: 134px;background-color:#fff}
.network .all_map.daem {top: 169px;background-color:#fff}
.network .all_map.inch {top: 204px;background-color:#fff}
.network .all_map.gwam {top: 239px;background-color:#fff}
.network .all_map.daejm {top: 274px;background-color:#fff}
.network .all_map.ulsm {top: 309px;background-color:#fff}
.network .all_map.sejm {top: 344px;background-color:#fff}
.network .all_map.gyem {top: 379px;background-color:#fff}
.network .all_map.ganm {top: 414px;background-color:#fff}
.network .all_map.chgm {top: 449px;background-color:#fff}
.network .all_map.chnm {top: 484px;background-color:#fff}
.network .all_map.jebm {top: 519px;background-color:#fff}
.network .all_map.jenm {top: 554px;background-color:#fff}
.network .all_map.kyum {top: 589px;background-color:#fff}
.network .all_map.gyeom {top: 624px;background-color:#fff}
.network .all_map.jejm {top: 659px;background-color:#fff}

.network .all_map.on {background-color:#ffc749}

.network .all_map li {float:left;text-align: center}
.network .all_map li:nth-child(1) {width:48%}
.network .all_map li:nth-child(2) {width:28%}
.network .all_map li:nth-child(3) {width:12%}
.network .all_map li:nth-child(4) {width:12%}
.network .all_map li .mail {background: url(/usr/image/new/images/common/map.gif) no-repeat 0 0;display: inline-block;text-indent: -999em;width: 20px;height: 17px;line-height: 1.3}
.network .all_map li .home {background: url(/usr/image/new/images/common/map.gif) no-repeat -58px 0;display: inline-block;text-indent: -999em;width: 20px;height: 17px;line-height: 1.3}

/**약관**/
.terms_conditions {font-size: 1.1em;border-top: 2px solid;border-bottom: 1px solid;padding: 15px 23px}
.terms_conditions li {line-height: 1.9}
.terms.line_box {border: 1px solid #ccc;padding: 10px 30px}
.terms dt {font-weight: 600;font-size: 1.1em;padding-bottom: 10px}
.terms dd {padding-bottom: 20px}
.terms dd.mail {padding-top: 248px;background: url(/usr/image/new/images/sub/mail.gif) no-repeat top center}
.terms dd ol li {text-indent: -17px;padding-left: 17px;padding-bottom: 5px}
.t_indent01 {text-indent:-10px;padding-left:10px}
.figure {padding: 30px 80px}
.figure::after {content:'';display:block;clear:both}
.figure li {float: left;width: 40%;text-align: center;position: relative;padding-top: 40%}
.figure li:nth-child(2) {width: 20%;background: url(/images/sub/next.gif) no-repeat center;text-indent: -999em;padding-top: 35%}
.figure li div {background-color: #8a4018;border-radius: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0}
.figure li div p {position: absolute;padding: 12%;border-radius: 100%;top: 0;left: 0;right: 0;bottom: 0}
.figure li div p span {display: block;margin-top: 42px;color: #fff}
.figure li div p strong {display: block;color: #fff;font-size: 2.2em;line-height: 0.9;margin-top: 15%}
.figure li div p strong em {font-size: 0.7em;font-weight: 200}

/**sitemap**/
.sitemap {overflow:hidden;border-bottom: 1px solid}
.sitemap > li {float:left;width:33.333333%;border-top: 2px solid;height: 525px;border-right: 1px solid #ececec;border-left: 1px solid #ececec}
.sitemap a:hover, .sitemap a:focus {color:#ff8605}
.sitemap > li > a {display: block;padding: 7px;text-align: center;background-color: #f5f5f5}
.sitemap > li > a > span {font-size: 1.2em;font-weight: 600}
.sitemap > li > ul {margin-top: 16px}
.sitemap > li > ul > li {float:none;width:100%;background-color: #fff;padding: 5px 22px}
.sitemap > li > ul > li > ul > li {float:none;width:100%;font-weight: 200;padding-left: 12px;font-size: 0.9em}
.sitemap > li > ul > li > ul > li > a > strong {font-weight: 600}
.sitemap > li > ul > li > ul > li > ul > li {float:none;width:100%;font-weight: 200;padding-left: 12px;font-size: 0.9em}
.sitemap > li > ul > li > ul > li > ul > li > a > strong {font-weight: 200}

/**etc**/
label.none {position: absolute;left: -9999em}
.color_orange {color:#f96b02;font-weight:600}
.color_red {color:red;font-weight:600}
.down_file {background:url('/usr/image/new/images/common/excel.gif') no-repeat 0 3px;padding-left: 20px;float: right;margin-top: -22px;font-weight: 600;color: #767676}
.down_file_basic {background:url('/usr/image/new/images/common/excel.gif') no-repeat 0 0;padding-left: 20px;font-weight: 600;color: #767676}
hr.line {background-color: #dddddd;height: 1px;border: none;display: block;padding: 0;margin: 0}
hr.enter {bheight: 0;border: none;display: block;padding: 0;margin: 0}
hr.enter.h05 {padding: 2px 0;margin: 0}
.radio-box {display:inline-block}
.date {color: #767676;font-size: 0.9em;font-weight: normal}
.btn_box {text-align:center}
.btn_box_right {text-align: right;}
.notice_icon {font-size: 11px;font-weight: 600;display: inline-block;background-color: #FB3601;color: #fff;padding: 1px 7px;border-radius: 3px}
.file_icon {background: url('/usr/image/new/images/common/ico_file.png') no-repeat 0 -55px;display: inline-block;text-indent: -999em;width: 20px}
a.new {position:relative;padding-left: 17px}
a.new:after {position: absolute;background: url('/usr/image/new/images/common/new_n.gif') no-repeat 0 0;top: 2px;left: 0;width: 12px;height: 12px;content: ''}
.ming {max-width:100%}
.tac {text-align:center}
.tac_img {display:table;margin:0 auto}
.tal {text-align:center}
.tar {text-align:right}
.hide {overflow: hidden;width: 0;height: 0;position: absolute;left: -5000em}
.view_hide {position: absolute !important;top:auto;left:-10000px; width:1px;height:1px;overflow: hidden}
#iframe img {max-width:100%}
.list_wrap_01 li {text-indent: -16px;padding-left: 16px}
.n_box {display: inline-block;border: 1px solid #9c9a9a;padding: 0 8px}
.img_table {border-top: 1px solid;border-bottom: 1px solid;margin: 16px 0;}
.img_table td {padding: 3%}
.img_table td img {max-width:100%}
.img_table td.tac {border-right: 1px solid #f1f1f1}
.fr_btn {float: right;border: 1px solid #dca0d5;font-size: 15px;padding: 5px 24px;color: #ad41a0}

/**팝업**/
#dimmed {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: #000;opacity: 0.2;filter: alpha(opacity=20);z-index: 200;display: none}
.pop-wrap {position: absolute;left: 50%;top: 0;z-index: 999;display: none}
.pop-wrap-inner header {min-height: 40px;background: #9e5005}
.pop-wrap-inner header h2 {color: #fff;font-size: 20px;font-weight: 400;padding: 20px 30px;line-height: 1em}
.pop-contents {padding: 19px 21px;line-height: 1.5em}
.pop-contents > p {font-size: 0.88em}
.pop-close.heading {top: 20px;right: 20px}
.pop-close {position: absolute;right: 12px;top: 12px;display: block;width: 28px;height: 28px;text-indent: -999em;overflow: hidden;background: url(/usr/image/new/images/common/close.png) left top no-repeat}
.pop-wrap-inner {position: relative;width: 500px;background: #fff}

/**파일다운로드**/
.file {text-align: right;padding: 13px 0;border-bottom: 1px solid}
.file.left {text-align: left;border:none;padding:0}
.file a {background: url('/usr/image/new/images/common/ico_file.png') no-repeat 0px 0px;display: inline-block;padding-left: 26px;margin-left: 15px;font-size:12px;height:19px}
.file a.first {margin-left: 0}
.file a.hwp {background-position:0 -29px}
.file a.zip {background-position:0 -58px}
.file a.xlx {background-position:0 -87px}
.file a.doc {background-position:0 -116px}
.file a.pdf {background-position:0 -146px}

/**소셜 연결 및 프린터**/
.allsns {float: right;margin-right: 20px}
.allsns a {background: url('/usr/image/new/images/common/sns.png') no-repeat 0 0;width: 32px;height: 32px;display: inline-block;text-indent: -999em;margin: 20px 5px 20px 0}
.allsns a.tw {background-position:-42px 0}
.allsns a.pr {background-position:-84px 0}
.keyword_box {text-align: center;padding: 27px 2% 22px;background-color: #f7f7f8;border-bottom: 1px solid #dedede;position: relative}
.keyword_box span {}
.tal_type02 th {text-align:left}
.tal_type02 td {overflow: hidden;overflow-wrap: normal;text-overflow: ellipsis;white-space: nowrap;text-align:left;padding-right:10px}
.tal_type02 th, .tal_type02 td {padding:3px 0}
.tal_type02 td.hot a,.tal_type02 td.new a {background-color:#ffb328;padding: 3px 6px;border: 1px solid #ff6210;font-size: 13px;display: block;border-radius: 2px;color:#fff;font-weight: 600;float: left;margin: 0 4px 4px 0}
.tal_type02 td.hot p,.tal_type02 td.new p {height: 30px;overflow: hidden}
.tal_type02 td.new a {background-color:#3386f3;border-color:#004bad}
.tal_type02 td.hot a:hover, .tal_type02 td.hot a:focus {background-color:#ff6210}
.tal_type02 td.new a:hover, .tal_type02 td.new a:focus {background-color:#004bad}
.tal_type02 td a.pre, .tal_type02 td a.next {background:#fff url('/usr/image/new/images/common/paging.gif') no-repeat -49px center;display: inline-block;text-indent: -999em;width: 25px;height: 25px;border: 1px solid #cbcbcb}
.tal_type02 td a.next {background-position:-109px center;border-width: 1px 1px 1px 0;width: 24px;}

/**버튼**/
.btm {min-width: 60px;width: auto;height: 35px;padding: 0 16px;margin: 0;border: 1px solid #575757;background: #575757;font-weight: 600;font-size: 13px;line-height: 2.4;cursor: pointer;display: inline-block;color:#fff}
.btm.line {background-color: #fff;color: #1b1b1b;border-color: #cbcbcb}
.btm.olg {border: 1px solid #FB3601;background: #FB3601;color: #fff}
.btm.olg:hover, .btm.olg:focus,  .btm.olg:active {border: 1px solid #633201;background: #633201;text-decoration: underline}
.btmabs {position:absolute;top:0;right:0}
.btm.circle {background-color: #fff;color: #1b1b1b;border-color: #cbcbcb;border-radius: 100%;height: 60px;width: 60px;font-size: 12px;line-height: 1.3;padding: 14px;text-align: center}
.btm:hover, .btm:focus, .btm:active, .btm.on{text-decoration:none;border: 1px solid #FB3601;background: #FB3601;color:#fff}
.btm.line:hover, .btm.circle:hover, .btm.line:focus, .btm.circle:focus, .btm.line:active, .btm.circle:active {color:#fff}
.btm_more {display: block;text-align: center;border: 1px solid #575757;padding: 8px 0;font-weight: 600;background-color:#575757;color:#fff}
.btm_more:hover,.btm_more:focus {background-color:#FB3601;border: 1px solid #FB3601;color:#fff}
.btm_more span {position:relative;padding-left: 22px;font-size: 16px}
.btm_more span:before {background:url('/usr/image/new/images/common/morebig.png') no-repeat 0 0;content: "";height: 15px;left: 0px;position: absolute;top: 2px;width: 15px}



/**테이블**/
.tal_box {border-top:2px solid #303234}
.tal_box.end {border-bottom:1px solid #303234}
.tal_box::after {}
.tal_type01 th {background-color:#f7f7f8;border-bottom:1px solid #dedede}
.tal_type01 .tit {font-weight:600}

.tal_type01 .w70px {width:70px}
.tal_type01 .w90px {width:90px}
.tal_type01 .w120px {width:120px}
.tal_type01 .w200px {width:200px}

.tal_type01 th,.tal_type01 td {text-align:center;padding:8px}
.tal_type01 td {border-bottom:1px solid #dedede}
.tal_type01 td.tal, .tal_type01 th.tal {text-align:left}
.tal_type01 td.ell {text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.tal_type01 .s_list {font-weight: 200;font-size: 13px;margin-top: 8px}
.tal_type01 .s_list li span {font-weight: 600}
.tal_type01 td a {position: relative;padding-left: 13px;}
.tbl-type01 th {text-align:left;padding:14px 0 14px 20px;background:#f1f1f1;font-weight:400;border-bottom:solid 1px #ccc;width:180px}
.tbl-type01.work th {border-left:none}
.tbl-type01.work td {border-left:none;padding-left: 20px}
.tbl-type01 td {padding:10px 20px;border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;}
.tbl-type01 td.bnone {border-left:none;padding:10px 0}
.tbl-type01 td.comment {border-left:0;padding:20px 0}
.select-box label {position: absolute;left: -9999em}
.select-box.in label {position: relative;left: 0}
.file_input label {position: relative;cursor: pointer;display: inline-block}
.file_input label input {position: absolute;width: 0;height: 0;overflow: hidden;border: none}
td input + input {margin-left: 6px}
.btn-tbl {display: inline-block;min-width: 90px;padding: 0 11px;text-align: center;line-height: 35px;box-sizing: border-box;background: #8f8f8f;color: #fff;font-weight: 700;vertical-align: middle}
.pc_viwe img, .m_viwe img {max-width:100%;width:100%}
.m_viwe img {display:none}
.mission.mobile {display:none}

.tal_type03 th {text-align:center;padding:8px;background:#f1f1f1;border-bottom:solid 1px #ccc}
.tal_type03 tbody td {border:none;text-align:center;padding:8px;border-bottom:solid 1px #ccc}

.tal_type05 {background:#fff}
.tal_type05 th, .tal_type05 td {padding: 7px;border-bottom: 1px solid #d0d0d0;font-size:12px}
.tal_type05 tr:last-child th, .tal_type05 tr:last-child td {border-bottom: 0}
.tal_type05 th {background: #ececec}
.tal_type05 td {word-break: break-all}

.intern {border: 1px solid #ccc;padding: 25px;overflow:hidden}
.intern dt {color: #000;font-weight: 600}
.intern dd {padding-left: 54px}

.floatleft.all_left .tit_list > span {display: none}
.tit_text {font-weight: bold;margin-bottom: 10px}

@media screen and (max-width: 1290px){
	#contents {padding-right:20px}
	.sall-box {width: 100%;overflow: hidden}
	.dictionary {float:none}
	.ci_color.layer50 li {width:100%}
}


@media screen and (max-width: 1023px){
	#contents {padding:0 20px 50px}
	#lnb {display: none}
	#header .toputil .totalsearch .btn {top:10px}
	#header h1.logo {margin: 3px 0 0px -92px;}
	#header .inner {height: 62px}
	#header .mob_btn {top: 7px}
	#header h1.logo a {background-size: 100%}
	#header .toputil .totalsearch .input {top: 56px;background:#ffb400}
	#content_wrap {margin-top: 63px;height:auto}
	#content_wrap .sub_wrap {background:none}
	.center_role li, .newletter li {width: 33.3333333%}
	.figure {padding:0}
	.business {padding: 193px 0 0 0;height: auto}
	.goods:after {height: 250px;  top: 480px}
	.goods .top {max-width: 960px}
	.goods .top .image .big {width: 590px;height: 454px}
	.goods .top .info01 {width: 254px}
	.goods .text {max-width: 960px}
	.goods .btn-wrap {max-width: 960px}
	.pdf_view {display: none}
}

@media screen and (max-width: 800px){
	.board-list .bbs_btn_all {position: relative;top: 12px;width: 100%;text-align: left}
	.board-list .bbs_btn_all a {margin:0}
	.board-list li article {padding-right: 0}
	.floatleft thead {display:none}
	.floatleft .num {width:5%;text-align:left}
	.floatleft .tit {width:95%}
	.floatleft.all_left td {text-align:left;width:auto}
	.floatleft.all_left .tit_list {width:95%}
	.floatleft.all_left .tit_list > span {display: inline-block;font-weight: bold}

	.floatleft tr {border-bottom: 1px solid #dedede;padding: 7px 5px;display: block;overflow: hidden}
	.floatleft td {float:left;border:none;padding:4px 10px 0 0}
	.floatleft td.tdnone {display:none}
	.floatleft .w90px, .floatleft .w70px, .floatleft .w120px, .floatleft .w200px {padding:4px 10px 0 0;width:auto}
	.network .all_map {width:100%}
	.network > a, .network > span {display:none}
	.network {background:none}
	.goods:after {height: 120px;  top: 300px}
	.goods .top {margin-top: 0;  padding-bottom: 0}
	.goods .top .image {width: 100%;  padding-bottom: 30px}
	.goods .top .image .big {width: 100%;  height: 300px}
	.goods .top .image .ui {margin-top: 30px}
	.goods .top .image .ui > a {width: 30px;  height: 60px}
	.goods .top .image .ui .screen {width: 270px;  height: 60px}
	.goods .top .image .ui .screen ul li {margin-right: 10px;  width: 60px;  height: 60px}
	.goods .top .info01 {float: left;  margin-left: 21px;  padding-top: 30px;  width: calc( 100% - 42px)}
	.goods .top .info01 .cate {font-size: 14px}
	.goods .top .info01 .title {font-size: 32px}
	.goods .top .info01 ul {margin-top: 10px}
	.goods .top .info01 .sns {margin-top: 20px}
	.goods > .text {max-width: 960px;  padding: 0 21px}
	.goods > .text .detail .left {float: none;  width: auto;  margin: 0}
	.goods > .text .detail .right {border: none;  padding: 0}
	.goods > .text .detail .key {font-size: 16px;  margin-top: 20px !important}
	.goods > .text .detail .text {font-size: 13px;  margin-top: 10px}
	.goods .btn-wrap {padding: 0 21px}
	.goods .btn-wrap a {width: 70px;  font-size: 14px}
	.goods .text .detail .right {width:auto}
	.mou_list li {width:25%}
}

@media screen and (max-width: 700px){
	.x-100 li {width:100% !important}
	.x-100 li:last-child {text-align:center}
	.ptoto_gallery > li {width:50%}
	.ptoto_gallery02 > li {width:50%}
	.m_viwe img {display:block}
	.pc_viwe img {display:none}
	.mission.pc {display:none}
	.mission.mobile {display:block}
	.width50 li {width:50%}
	.tab-list li span {font-size: 13px;height: 55px;padding: 13px 0}
}

@media screen and (max-width: 600px){
	#contents {padding: 0 2% 50px}
	#contents h3, #contents > h3.s02, #contents > h3.s03, #contents > h3.s04, #contents > h3.s05 {background-size:80%}
	.down_file {margin: 0 0 10px}
	.D_B {display:block}
	.allw100 {width:100% !important;padding:0 !important}
	.poll_box dl dt {float:none;position:relative}
	.poll_box dl dd {padding:0 0 5px 0}
	.w122p {width:100% !important}
	.in {display: block;text-align: center}
	.p5p {margin-bottom-bottom:5px}
	.select-allbox li.right {text-align:left}
	.file {text-align: center}
	.file a {margin-left:0}
	.btn_box_right {float: none;position: relative;left: 50%;transform: translate(-50%);top: 0;text-align: center;}
	.center_role li, .newletter li {width: 50%}
	.network .all_map li:nth-child(1) {width: 36%}
	.network .all_map li:nth-child(2) {width: 30%}
	.network .all_map li:nth-child(3) {width: 17%}
	.network .all_map li:nth-child(4) {width: 17%}
	.sitemap > li {width:100%;height:auto;margin-bottom:10px}
	.figure li div p span {margin-top: 10px;line-height: 1.4;font-size: 0.9em}
	.simg {max-height: 300px}
	.lSSlideWrapper {overflow: hidden;position: relative;height: 300px;}
	.clearfix .gallery.list-unstyled.lightSlider.lsGrab.lSSlide {height: 300px !important}
	.procedure_wrap li {display: block;padding: 6px;}
	.procedure_wrap li em {background:none;border:0}
	.mou_list li {width:33.33333%}
}

@media screen and (max-width: 430px){
	.ptoto_gallery > li {width:100%}
	.ptoto_gallery02 > li {width:100%}
	.tab-list li span {font-size:12px}
	.demo {padding: 10px 0px}
	.width100 li {width:100%}
	.figure li div p span {margin-top: 5px}
	.figure li div p strong {font-size: 1.2em;margin-top: 5%}
	#contents > h3 {font-size: 24px}
}

@media screen and (max-width: 324px){
	.network .all_map{font-size:0.7em;}
}

.custom-focus:focus{ outline: 2px solid red; /* 원하는 색상으로 변경 */outline-offset: 2px;     /* 포커스 링의 두께와 간격 조절 */}