@charset "utf-8";

#contents {min-height:300px; max-width:1240px; margin:0 auto; padding:70px 20px 80px 20px;}
#contents.c_full {max-width:100%; padding:0;}
#contents.c_full .c_inner {max-width:1240px; margin:0 auto; padding:70px 20px 70px 20px;}
.cont_wrap {background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.cont_wrap .cont_inner {max-width:1240px; margin:0 auto; padding:70px 20px 70px 20px;}

@media (max-width:1023px) {
#contents {padding:50px 20px 60px 20px;}
#contents.c_full .c_inner {padding:50px 20px 50px 20px;}
.cont_wrap .cont_inner {padding:50px 20px 50px 20px;}
}

@media (max-width:767px) {
#contents {padding:30px 15px 40px 15px;}
#contents.c_full .c_inner {padding:30px 15px 30px 15px;}
.cont_wrap .cont_inner {padding:30px 15px 30px 15px;}
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #333;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
.form_input {position:relative;}
.form_input .input_form {width:100%; padding:13px 15px; color:#333; font-size:16px; font-weight:normal; outline:0; border:1px solid #dadce0; border-radius:4px; transition:border 100ms cubic-bezier(0.4,0,0.2,1); -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.form_input .input_form:focus {border:1px solid #e7c41e;}
.form_input .input_form:disabled {padding:13px 15px 13px 40px; color:#909090; background:#f1f1f1;}
.form_input .input_placeholder {position:absolute; bottom:13px; left:8px; display:block; margin:0; padding:0 8px; color:#80868b; font-size:16px; font-weight:normal; text-align:left; background:#fff; -webkit-transition:transform 150ms cubic-bezier(0.4,0,0.2,1), opacity 150ms cubic-bezier(0.4,0,0.2,1); transition:transform 150ms cubic-bezier(0.4,0,0.2,1), opacity 150ms cubic-bezier(0.4,0,0.2,1); -webkit-box-sizing:border-box; box-sizing:border-box; cursor:text; z-index:1;}
.form_input .input_form:disabled + .input_placeholder {font-size:0; background:transparent;}
.form_input.icon .input_placeholder:before {content:""; display:inline-block; margin: 0 7px 1px 0;vertical-align:middle;}
.form_input .input_form:disabled + .input_placeholder:before {margin:0 5px 3px 0;}
.form_input.icon.user .input_placeholder:before {font-family: xeicon!important;content: "\e9f5";}
.form_input.icon.phone .input_placeholder:before {font-family: xeicon!important;content: "\eaed";}
.form_input.icon.email .input_placeholder:before {font-family: xeicon!important;content: "\ea07";}
.form_input.icon.password .input_placeholder:before {font-family: xeicon!important;content: "\e966";}
.form_input .input_form:focus ~ .input_placeholder {color:#e7c41e;}
.form_input.icon .input_form:focus ~ .input_placeholder:before, .form_input.hasValue .input_form ~ .input_placeholder:before {display:none;}
.form_input .input_form:focus ~ .input_placeholder, .form_input.hasValue .input_form ~ .input_placeholder {-webkit-transform:scale(.75) translateY(-32px) translateX(-10px); transform:scale(.75) translateY(-32px) translateX(-10px);}
.form_input .input_form:valid ~ .input_placeholder {-webkit-transform:scale(.75) translateY(-32px) translateX(-10px); transform:scale(.75) translateY(-32px) translateX(-10px);}
.form_input.icon .input_form:valid ~ .input_placeholder:before {display:none;}

.form_inputs {width:100%; height:40px; padding:5px 10px; color:#333; font-size:16px; font-weight:400; border:1px solid #cacdd3; outline:0; border-radius:4px; background-color:#fff; overflow:hidden; box-sizing:border-box;transition:border .25s ease-out;}
.form_inputs:focus {border:1px solid #adadad;}
.form_inputs::placeholder {color:#acacac; font-weight:300;}
.form_inputs:-ms-input-placeholder {color:#acacac; font-weight:300;}
.form_inputs::-ms-input-placeholder {color:#acacac; font-weight:300;}
.form_textarea {width:100% !important; min-height:150px; padding:12px 10px; color:#666; font-size:16px; font-weight:400; border:1px solid #cacdd3; outline:0; border-radius:4px; box-sizing:border-box; -webkit-appearance:none; transition:border .25s ease-out; font-family:'Noto Sans KR', sans-serif !important;}
.form_textarea:focus {border:1px solid #adadad;}
.form_textarea::placeholder {color:#acacac; font-weight:300;}
.form_textarea:-ms-input-placeholder {color:#acacac; font-weight:300;}
.form_textarea::-ms-input-placeholder {color:#acacac; font-weight:300;}
.form_select {height:40px; padding:5px 10px; color:#555; font-size:16px; font-weight:400; border:1px solid #cacdd3; outline:0; border-radius:4px; background-color:#fff; overflow:hidden; box-sizing:border-box; transition:border .25s ease-out;}
.form_select:focus {border:1px solid #adadad;}
.form_button {display:inline-block; height:40px; padding:8px 15px; color:#fff; font-size:16px; font-weight:400; text-align:center; outline:0; border:none; border-radius:4px; background-color:#6a6a6a; overflow:hidden; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.form_button:hover {background-color:#4e4e4e; text-decoration:none;}
.form_button.white {color:#333; border:1px solid #c1c1c1; background-color:#fff;}
.form_button.white:hover {background-color:#f1f1f1;}
.form_inline {display:table; width:100%; margin-bottom:10px; overflow:hidden;}
.form_inline:last-child {margin-bottom:0;}
.form_inline .form_group {position:relative; display:table-cell; padding:0 5px; vertical-align:top;}
.form_inline.vm .form_group {vertical-align:middle;}
.form_inline .form_group:first-child {padding-left:0;}
.form_inline input + .form_group {padding-left:0;}
.form_inline .form_group:last-child {padding-right:0;}
.form_inline .form_group.line {text-align:center;}
.form_unit {position:relative; display:block; padding-right:20px;}
.form_unit .n_unit {position:absolute; top:0; right:0; height:40px; line-height:40px;}

@media (max-width:1023px) {
.form_inputs {height:40px; font-size:16px;}
.form_select {height:40px; font-size:16px;}
.form_button {height:40px; font-size:16px;}
}

@media (max-width:767px) {
.form_inputs {width:100% !important; max-width:100% !important; height:40px; padding:5px 8px;}
.form_select {width:100% !important; max-width:100% !important; height:40px; padding:5px 8px;}
.form_button {width:100%; height:40px; padding:8px 10px; font-size:14px;}
.form_inline {max-width:100% !important;}
.form_group {max-width:100% !important;}
.form_inline.m_fall .form_group {display:block; margin:8px 0 0 0; width:100% !important; padding:0;}
.form_inline.m_fall .form_group:first-child {margin:0;}
.m_none {display:none !important;}
}

.btn_lower_area {margin:40px auto 0 auto; overflow:hidden;}
.btn_lower_area ul {margin:0 -8px; padding:0; overflow:hidden;}
.btn_lower_area ul li {float:left; padding:0 8px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn_lower_area.type01 {max-width:200px;}
.btn_lower_area.type01 ul li {width:100%;}
.btn_lower_area.type02 {max-width:420px;}
.btn_lower_area.type02 ul li {width:50%;}
.btn_lower_area.type03 {max-width:620px;}
.btn_lower_area.type03 ul li {width:33.32%;}
.btn_lower_area .btn_bot {display:block; width:100%; height:65px; line-height:65px; padding:0 10px; color:#000; font-size:20px; font-weight:400; text-align:center; border:1px solid #666; cursor:pointer; border-radius:6px; transition:background .25s ease-out;}
.btn_lower_area .btn_bot:hover {text-decoration:none;}
.btn_lower_area .btn_bot.purple {color:#fff; border:1px solid #1d276c; background-color:#1d276c;}
.btn_lower_area .btn_bot.purple:hover {border:1px solid #0c133e; background-color:#0c133e;}
.btn_lower_area .btn_bot.purple.line {color:#1d276c; background-color:#fff;}
.btn_lower_area .btn_bot.purple.line:hover {background-color:#f3f3f3;}
.btn_lower_area .btn_bot.gray {color:#fff; border:1px solid #b5bcc4; background-color:#b5bcc4;}
.btn_lower_area .btn_bot.gray:hover {border:1px solid #8c97a3; background-color:#8c97a3;}
.btn_lower_area .btn_bot.black {color:#fff; border:1px solid #000; background-color:#000;}
.btn_lower_area .btn_bot.orange {color:#fff; border:1px solid #f67c27; background-color:#f67c27;}
.btn_lower_area .btn_bot.blue {color:#fff; border:1px solid #2883e5; background-color:#2883e5;}
.btn_lower_area .btn_bot.blue:hover {border:1px solid #1c70ca; background-color:#1c70ca;}
.btn_lower_area .btn_bot.green {color:#fff; border:1px solid #e7c41e; background-color:#e7c41e;}
.btn_lower_area .btn_bot.green:hover {border:1px solid #138f6c; background-color:#138f6c;}
.btn_lower_area .btn_bot.white {color:#333; border:1px solid #777; background-color:#fff;}
.btn_lower_area .btn_bot.white:hover {border:1px solid #777; background-color:#f9f9f9;}

@media (max-width:1023px) {
.btn_lower_area.type01 {max-width:160px;}
.btn_lower_area.type02 {max-width:400px;}
.btn_lower_area.type03 {max-width:520px;}
.btn_lower_area .btn_bot {height:55px; line-height:55px; font-size:18px;}
}

@media (max-width:767px) {
.btn_lower_area {margin:25px auto 0 auto;}
.btn_lower_area ul {margin:0 -5px;}
.btn_lower_area ul li {padding:0 5px;}
.btn_lower_area.type01 {max-width:150px;}
.btn_lower_area.type02 {max-width:320px;}
.btn_lower_area .btn_bot {height:48px; line-height:48px; font-size:16px;}
.btn_lower_area.type03 .btn_bot {height:40px; line-height:40px; font-size:14px;}
}

.member_wrap {max-width:1220px; margin:0 auto; padding:70px 20px 80px 20px;}
.member_wrap .member_area {position:relative;}
.member_wrap .member_area:after {content:""; display:block; clear:both;}
.member_wrap .member_area .member_form {width:510px;margin:0 auto;}
.member_wrap .member_area .member_form .info_box {padding:0 18%;}
.member_wrap .member_area .member_form .info_box .tit {color:#000; font-size:32px; font-weight:600;text-align:center;}
.member_wrap .member_area .member_form .info_box .member_form_list {margin-top:30px;}
.member_wrap .member_area .member_form .info_box .member_form_list .form_input {margin-top:13px;}
.member_wrap .member_area .member_form .info_box .member_form_list .form_input:first-child {margin-top:0;}
.member_wrap .member_area .member_form .info_box .member_form_list .btn_mb {display:block; width:100%; height:60px; margin:20px 0 0 0; padding:10px 10px; color:#fff; font-size:20px; font-weight:400; text-align:center; border:none; border-radius:4px; background:#e7c41e; transition:background .25s ease-out;}
.member_wrap .member_area .member_form .info_box .member_form_list .btn_mb:hover {background:#d1b11b;}
.member_wrap .member_area .member_form .info_box .find_info {margin-top:45px; padding-top:45px; border-top:1px solid #d7d7d7;}
.member_wrap .member_area .member_form .info_box .find_info a {display:block; margin-top:10px; padding:19px 10px; color:#666; font-size:16px; font-weight:400; letter-spacing:-0.5px; text-align:center; border-radius:4px; background-color:#f3f3f3; transition:all .25s ease-out;}
.member_wrap .member_area .member_form .info_box .find_info a:first-child {margin-top:0;}
.member_wrap .member_area .member_form .info_box .find_info a:hover {background-color:#e4e4e4; text-decoration:none;}
.member_wrap .member_area .member_form .info_box .find_info a span {color:#e7c41e; text-decoration:underline;}

@media (max-width:1240px) {
.member_wrap {max-width:510px;}
.member_wrap .member_area .member_form {float:none; width:auto;}
.member_wrap .member_area .member_form .info_box {height:auto;}
.member_wrap .member_area .member_form .info_box .find_info {margin-top:40px; padding-top:40px;}
}

@media (max-width:1023px) {
.member_wrap {padding:50px 20px 70px 20px;}
}

@media (max-width:767px) {
.member_wrap {max-width:320px; padding:40px 15px 40px 15px;}
.member_wrap .member_area .member_form .info_box {padding:0; border:none;}
.member_wrap .member_area .member_form .info_box .tit {font-size:30px;}
.member_wrap .member_area .member_form .info_box .member_form_list {margin-top:20px;}
.member_wrap .member_area .member_form .info_box .member_form_list .btn_mb {height:54px; margin:15px 0 0 0; font-size:18px;}
.member_wrap .member_area .member_form .info_box .find_info {margin-top:30px; padding-top:30px;}
.member_wrap .member_area .member_form .info_box .find_info a {padding:12px 10px; font-size:14px;}
}

/* sub_tit */
.sub_tit {margin-bottom:50px;}
.sub_tit .tit {margin:0; color:#111; font-size:42px; line-height:140%; font-weight:bold; text-align:center; font-family:'Noto Sans KR', sans-serif;}

@media (max-width:1023px) {
.sub_tit {margin-bottom:40px;}
.sub_tit .tit {font-size:36px;}
}

@media (max-width:767px) {
.sub_tit {margin-bottom:20px;}
.sub_tit .tit {font-size:24px;}
}

/* sub_visual */
.sub_visual {position:relative; height:520px; overflow:hidden;}
.sub_visual .sub_top {/* height:380px; */ height:520px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1.06) rotate(.1deg); transition:transform 1.6s ease;}
.sub_visual.on .sub_top {transform:scale(1);}
.sub_visual .sub_top .sub_title {/* padding-top:98px; */ padding-top:223px; color:#fff; font-size:50px; font-weight:600; letter-spacing:-0.5px; text-align:center; font-family:'Noto Sans KR', sans-serif; text-shadow:0px 0px 10px rgba(0, 0, 0, .55); opacity:0; transform:translateY(-30px); transition:transform 1.4s ease, opacity 2s ease;}
.sub_visual.on .sub_top .sub_title {opacity:1; transform:translateY(0px);}
.sub_visual .sub_top .sub_location {margin:12px 0 0 0; text-align:center; opacity:0; transform:translateY(-30px); transition:transform 1.4s ease, opacity 2s ease;}
.sub_visual.on .sub_top .sub_location {opacity:1; transform:translateY(0px);}
.sub_visual .sub_top .sub_location li {position:relative; display:inline-block; padding:0 18px; color:#fff; font-size:16px; font-weight:400; vertical-align:middle;}
.sub_visual .sub_top .sub_location li:before {font-family: xeicon!important;content:"\e93f"; display:block; position:absolute; top:9px; left:-11px; margin-top:-6px;font-size:23px;color:#fff;}
.sub_visual .sub_top .sub_location li:first-child:before {display:none;}
.sub_visual .sub_top .sub_location li a {display:inline-block; color:#fff; vertical-align:middle;}
.sub_visual .sub_top .sub_location li.home a {font-size:20px;color:#fff;}
.sub_visual .sub_top .sub_location li a:hover {text-decoration:none;}
.sub_visual .sub_top .sub_location li strong {display:inline-block; font-weight:600; vertical-align:middle;}
.sub_visual .sub_tab {position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0, 0, 0, .66);}
.sub_visual .sub_tab ul {display:table; table-layout:fixed; width:100%; max-width:1180px; margin:0 auto; font-size:0; text-align:center; overflow:hidden;}
.sub_visual .sub_tab ul li {display:table-cell; vertical-align:middle;}
.sub_visual .sub_tab ul li a {opacity:.8; position:relative; display:block; height:70px; line-height:66px; padding:0 15px; color:#fff; font-size:19px; font-weight:300;}
.sub_visual .sub_tab ul li a:hover {opacity:1;}
.sub_visual .sub_tab ul li a:before {content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:36px; margin-top:-18px; background-color:#595554;}
.sub_visual .sub_tab ul li:first-child a:before {display:none;}
.sub_visual .sub_tab ul li.on a {opacity:1; font-weight:400;}
.sub_visual .sub_tab ul li a span {position:relative; display:inline-block; line-height:120%; vertical-align:middle;}
.sub_visual .sub_tab ul li a span:after {content:""; display:none; position:absolute; left:0; bottom:-5px; width:100%; height:2px; background-color:#e7c41e;}
.sub_visual .sub_tab ul li.on a span:after {display:block;}
.sub_visual.tab_none .sub_title {padding-top:245px;}

@media (max-width:1023px) {
.sub_visual {height:300px;}
.sub_visual .sub_top {height:300px;}
.sub_visual .sub_top .sub_title {padding-top:67px; font-size:46px;}
.sub_visual .sub_top .sub_location li.home a {font-size:18px;}
.sub_visual .sub_top .sub_location li:before {top: 10px;}
.sub_visual .sub_tab ul li a {height:60px; line-height:56px; font-size:18px;}
.sub_visual.tab_none .sub_title {padding-top:90px;}
}

@media (max-width:767px) {
.sub_visual {height:220px;}
.sub_visual .sub_top {/* height:180px; */ height:220px;}
.sub_visual .sub_top .sub_title {font-size:30px; transform:translateY(-15px);}
.sub_visual .sub_top .sub_location {margin:6px 0 0 0; transform:translateY(-15px);}
.sub_visual .sub_top .sub_location li {padding:0 12px; font-size:15px;}
.sub_visual .sub_top .sub_location li:before {top: 8px; left: -13px;}
.sub_visual .sub_tab ul {display:block; white-space:nowrap; overflow-x:auto; overflow-y:hidden;}
.sub_visual .sub_tab ul li {display:inline-block;}
.sub_visual .sub_tab ul li a {height:48px; line-height:46px; padding:0 20px; font-size:16px; letter-spacing:-0.5px;}
.sub_visual .sub_tab ul li a:before {height:20px; margin-top:-10px;}
.sub_visual.tab_none .sub_title {padding-top:67px;}
}

/* board_search_wrap */
.board_search_wrap {margin:0 0 20px 0; overflow:hidden;}
.board_search_wrap:after {content:""; display:block; clear:both;}
.board_search_wrap .left {float:left;}
.board_search_wrap .right {float:right;}
.board_search_wrap .input_select {display:inline-block; min-width:100px; margin:0; padding:12px 15px 12px 15px; color:#333; font-size:16px; font-weight:400; border:1px solid #d9d9d9; border-radius:4px; vertical-align:middle; transition:border .25s ease-out;}
.board_search_wrap .sch_area {position:relative; display:inline-block; margin:0 0 0 5px; vertical-align:middle;}
.board_search_wrap .sch_area .input_sch {width:370px; padding:13px 50px 13px 15px; color:#333; font-size:16px; font-weight:400; border:1px solid #d9d9d9; border-radius:4px; outline:0; transition:border .25s ease-out;}
.board_search_wrap .sch_area .input_sch:focus {border:1px solid #bebebe;}
.board_search_wrap .sch_area .input_sch::placeholder {color:#acacac; font-weight:300;}
.board_search_wrap .sch_area .input_sch:-ms-input-placeholder {color:#acacac; font-weight:300;}
.board_search_wrap .sch_area .input_sch::-ms-input-placeholder {color:#acacac; font-weight:300;}
.board_search_wrap .sch_area .btn_sch {position:absolute; top:50%; right:15px; display:block; margin-top:-17px; font-size: 25px; color: #e7c41e; border:none; outline:0; cursor:pointer; overflow:hidden; background-color:transparent;}
.board_search_wrap .f_inline {margin:0 !important;}
.board_search_wrap .f_inline .form_inline {float:left; margin:0;}
.board_search_wrap .f_inline .txt_noti {float:left; margin:10px 0 0 15px;}

@media (max-width:1023px) {
.board_search_wrap .input_select {padding:11px 15px 11px 15px;}
.board_search_wrap .sch_area .input_sch {width:350px; padding:12px 50px 12px 15px;}
}

@media (max-width:767px) {
.board_search_wrap .left {float:none; margin:0 0 8px 0;}
.board_search_wrap .right {float:none;}
.board_search_wrap .input_select {display:block; width:100%; min-width:auto; margin:0 0 8px 0; padding:9px 15px 9px 15px;}
.board_search_wrap .sch_area {float:none; margin:0 0 0 0; display:block;}
.board_search_wrap .sch_area .input_sch {width:100%; padding:10px 40px 10px 15px;}
.board_search_wrap .sch_area .btn_sch {margin-top:-10px; font-size:16px;}
.board_search_wrap .f_inline .form_inline {float:none; margin:0;}
.board_search_wrap .f_inline .txt_noti {float:none; margin:10px 0 0 0;}
}

/* board_list */
.board_list {margin-top:40px;}
.board_list .thead {border-top:2px solid #717171; background-color:#fafafa;}
.board_list .thead > ul {position:relative; margin:0; overflow:hidden;}
.board_list .thead > ul > li {float:left; color:#333; font-size:18px; font-weight:500; text-align:center;}
.board_list .thead > ul > li > span {display:block; padding:18px 5px;}
.board_list .tbody {border-top:1px solid #cecece;}
.board_list .tbody > ul {position:relative; margin:0; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.board_list .tbody > ul:hover {background-color:#f9f9f9;}
.board_list .tbody > ul.on {background-color:#ebeff4;}
.board_list .tbody > ul > li {position:relative; float:left; color:#4f4f4f; font-size:16px; font-weight:400; text-align:center;}
.board_list .tbody > ul > li.num {color:#4f4f4f;}
.board_list .tbody > ul > li.name {color:#666;}
.board_list .tbody > ul > li.tit {text-align:left;}
.board_list .tbody > ul > li.tit a {position:relative; display:inline-block; max-width:90%; padding:0 30px 0 0; color:#4f4f4f; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.board_list .tbody > ul > li.tit a:hover {color:#333; text-decoration:none;}
.board_list .tbody > ul > li.tit a p {display:inline;}
.board_list .tbody > ul > li > span {display:block; padding:18px 5px;}
.board_list .tbody > ul > li > span.red {color:#d2282b;}
.board_list .tbody > ul > li > span.blue {color:#1d276c;}
.board_list .tbody > ul > li > span.orange {color:#ea6e23;}
.board_list .tbody > ul > li > span.green {color:#359635;}
.board_list .tbody > ul > li .m_tit {display:none; margin-right:7px; padding-right:7px; line-height:12px; border-right:1px solid #ccc;}
.board_list .tbody > ul > li .ico_file {display:inline-block; zoom:1; *display:inline; width:16px; height:16px; text-indent:-999em; background-image:url('../images/ico_file_pc.png'); background-repeat:no-repeat; background-position:50% 50%; vertical-align:middle;}
.board_list .tbody > ul > li .ico_new2 {position:absolute; top:-2px; right:0; display:inline-block; zoom:1; *display:inline; width:25px; height:25px; text-indent:-999em; background-image:url('../images/ico_new_pc.png'); background-repeat:no-repeat; background-position:50% 50%; vertical-align:middle;}
.board_list .tbody > ul > li .ico_state {display:inline-block; zoom:1; *display:inline; min-width:60px; margin-top:-3px; color:#fff; font-size:16px; padding:3px 12px 4px 12px; border-radius:30px; vertical-align:middle;}
.board_list .tbody > ul > li .ico_state.gray {background-color:#818181;}
.board_list .tbody > ul > li .ico_state.blue {background-color:#3093e7;}
.board_list .tbody > ul > li .ico_state.green {background-color:#479235;}
.board_list .tbody > ul > li .ico_state.orange {background-color:#f19210;}
.board_list .tbody > ul > li .ico_state.red {background-color:#db4546;}
.board_list .tbody > ul.noti {background-color:#f4fffc;}
.board_list .tbody > ul.noti:hover {background-color:#e6f7f2;}
.board_list .tbody > ul.noti .ico_noti {display:inline-block; margin:0; padding:2px 8px; color:#fff; font-weight:400; border-radius:3px 3px; background-color:#25a47c; overflow:hidden; vertical-align:top;}
.board_list .tbody > ul.search_none {background-color:#fff;}
.board_list .tbody > ul.search_none li {width:100%; padding:30px 15px; color:#666; font-size:16px; font-weight:400; line-height:140%; text-align:center;}

.board_list.notice .num {width:8%;}
.board_list.notice .tit {width:60%;}
.board_list.notice .name {width:10%;}
.board_list.notice .date {width:12%; white-space:nowrap;}
.board_list.notice .hits {width:10%;}

.board_list.fill .num {width:8%;}
.board_list.fill .location {width:10%;}
.board_list.fill .tit {width:60%;}
.board_list.fill .name {width:10%;}
.board_list.fill .date {width:12%; white-space:nowrap;}

.board_list .tbody > ul > li.location {padding: 18px 5px;}


@media (max-width:1023px) {
.board_list .thead > ul > li {font-size:16px;}
.board_list .tbody > ul > li {font-size:14px;}
.board_list .tbody > ul > li.tit a {padding:0 25px 0 0;}
.board_list .tbody > ul > li .ico_new2 {top:2px; width:16px; height:16px; background-size:16px auto;}
.board_list .tbody > ul > li .ico_state {min-width:50px; font-size:14px;}
.board_list .tbody > ul > li .ico_reply {background-image:url('../images/ico_reply_mob.png'); background-size:18px auto;}
.board_list .tbody > ul.noti .ico_noti {padding:2px 5px;}
}

@media (max-width:767px) {
.board_list {margin-top:25px;}
.board_list .thead {display:none;}
.board_list .tbody {border-top:2px solid #606060;}
.board_list .tbody > ul {padding:15px 15px 10px 52px;}
.board_list .tbody > ul.search_none {padding:15px 15px 10px 15px;}
.board_list .tbody > ul > li {font-size:12px; letter-spacing:-0.5px;}
.board_list .tbody > ul > li.tit {margin-bottom:8px;}
.board_list .tbody > ul > li.tit a {font-size:14px; letter-spacing:-1px;}
.board_list .tbody > ul > li span {padding:0;}
.board_list .tbody > ul > li .m_tit {display:inline-block;}
.board_list .tbody > ul > li .ico_state {min-width:40px; height:20px; line-height:20px; padding:0 5px; font-size:12px; text-align:center;}
.board_list .tbody > ul > li.num {position:absolute; top:16px; left:15px; width:auto !important;}
.board_list .tbody > ul > li.location {padding:0;}
.board_list .tbody > ul > li.tit {width:100% !important;}
.board_list.survey .tbody > ul > li.tit span {padding-right:30px;}
.board_list.qna .tbody > ul > li.tit span {padding-right:30px;}
.board_list.qna02 .tbody > ul > li.tit span {padding-right:30px;}
.board_list .tbody > ul.reply > li.tit span {padding-right:0;}
.board_list .sort {width:auto !important; padding:0 10px 5px 0; color:#9e9e9e !important;}
.board_list .name {width:auto !important; padding:0 10px 5px 0; color:#9e9e9e !important;}
.board_list .date {width:auto !important; padding:0 10px 5px 0; color:#9e9e9e !important;}
.board_list .hits {width:auto !important; padding:0 10px 5px 0; color:#9e9e9e !important;}
.board_list .area {width:auto !important; padding:0 10px 5px 0; color:#9e9e9e !important;}
.board_list .yn {width:auto !important; padding:0 10px 5px 0; color:#9e9e9e !important;}
.board_list .file {width:auto !important; padding:0 10px 5px 0; color:#fff !important;}
.board_list .state {position:absolute; top:16px; right:10px; width:auto !important; margin:0; padding:0; color:#9e9e9e !important;}
.board_list .tbody > ul.noti .ico_noti {padding:1px 5px;}
}

/* board_paging */
.board_paging {margin-top:30px; font-size:0; text-align:center;}
.board_paging span {display:inline-block; vertical-align:middle;}
.board_paging .num {margin:0 25px;}
.board_paging .num a {display:inline-block; width:42px; height:42px; line-height:42px; margin-left:8px; color:#333; font-size:18px; font-weight:100; text-align:center; border:1px solid #fff; border-radius:42px; vertical-align:middle;}
.board_paging .num a:first-child {margin-left:0;}
.board_paging .num a:hover {text-decoration:none; color:#fff; border:1px solid #e7c41e; background:#e7c41e;}
.board_paging .num a.on {color:#fff; border:1px solid #e7c41e; background:#e7c41e;}
.board_paging .arr a {display:inline-block;font-size:18px;color:#717171;}
.board_paging .arr a:hover {text-decoration:none;}
.board_paging .arr .btn_prev {margin-left:20px;}
.board_paging .arr .btn_next {margin-right:20px;}
.popup_wrap .board_paging {margin-top:20px;}

@media (max-width:767px) {
.board_paging {margin-top:20px;}
.board_paging .num {margin:0 8px;}
.board_paging .num a {width:28px; height:28px; line-height:28px; margin-left:5px; font-size:14px;}
.board_paging .arr a {font-size:15px;}
.board_paging .arr .btn_prev {margin-left:3px;}
.board_paging .arr .btn_next {margin-right:3px;}
.popup_wrap .board_paging {margin-top:15px;}
}

/* board_view */
.board_view {border-top:2px solid #333;}
.board_view .board_head {padding:25px 20px 30px 20px; border-bottom:1px solid #cecece;}
.board_view .board_head .tit {margin:0 0 20px 0; color:#000; font-size:28px; line-height:140%; font-weight:500; letter-spacing:-0.5px;}
.board_view .board_head dl {position:relative; margin:12px 0 0 0; font-size:0;}
.board_view .board_head dl:first-child {margin-top:0;}
.board_view .board_head dl dt {position:relative; display:inline-block; zoom:1; *display:inline; margin-right:12px; padding-left:20px; color:#333; font-size:16px; font-weight:500; vertical-align:middle;}
.board_view .board_head dl dt:first-child {padding-left:0;}
.board_view .board_head dl dt:before {content:""; display:block; position:absolute; top:50%; left:1px; margin-top:-9px; width:1px; height:18px; background-color:#d4d4d4;}
.board_view .board_head dl dt:first-child:before {display:none;}
.board_view .board_head dl dd {display:inline-block; zoom:1; *display:inline; padding-right:20px; color:#656565; font-size:16px; font-weight:400; vertical-align:middle;}
.board_view .board_head dl dd.file a:hover {text-decoration:none; color:#013763;}
.board_view .board_head dl dd.file .ico_file {display:inline-block; zoom:1; *display:inline; width:16px; height:16px; margin:0 8px 2px 0; text-indent:-999em; background-image:url('../images/ico_file_pc.png'); background-repeat:no-repeat; background-position:50% 50%; vertical-align:middle;}
.board_view .board_head dl.file_list {padding-left:75px;}
.board_view .board_head dl.file_list dt {display:block; position:absolute; top:0; left:0;}
.board_view .board_head dl.file_list dd {display:block; margin-top:5px;}
.board_view .board_head dl.file_list dd:first-of-type {margin-top:0;}
.board_view .board_head dl.file_list dd a {color:#656565; font-size:15px;}
.board_view .board_head dl.file_list dd a:hover {color:#333;}
.board_view .board_body {max-width:900px; margin:0 auto; padding:60px 15px; color:#3a3a3a; font-size:18px; font-weight:400; line-height:160%;}
.board_view .board_body img {display:block; max-width:100%; width:auto; height:auto; margin:0 auto;}
.board_view .board_body p {line-height:160%;}
.board_view .board_body b, .board_view .board_body strong {font-weight:600;}
.board_view .board_body .caption {max-width:760px; margin:8px auto 0 auto; font-size:14px; line-height:20px;}
.board_view .board_body .expert_info {position:relative; float:right; margin:0 0 30px 30px; padding:30px 20px 30px 20px; text-align:center; border:1px solid #e2e2e2; background-color:#fff;}
.board_view .board_body .expert_info:after {content:""; display:block; position:absolute; bottom:0; right:0; width:0; height:0; border-top:30px solid transparent; border-right:30px solid #ececec;}
.board_view .board_body .expert_info .expert_img {position:relative;}
.board_view .board_body .expert_info .expert_img img {max-width:100%; width:120px; height:auto;}
.board_view .board_body .expert_info .expert_txt {margin-top:10px; color:#333; font-size:14px; font-weight:600; line-height:22px;}
.board_view .board_body table {width:100%; border-collapse:collapse;}
.board_view .board_body table th {padding:5px 5px; color:#333; font-size:16px; font-weight:600; border:1px solid #cacaca;}
.board_view .board_body table td {padding:5px 5px; color:#333; font-size:16px; font-weight:400; border:1px solid #cacaca;}
.board_view .board_link {border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.board_view .board_link dl {margin:0; overflow:hidden;cursor:pointer;}
.board_view .board_link dl dt {float:left; width:10%; background:#fff;}
.board_view .board_link dl dt span {position:relative; display:block; padding:16px 15px; color:#626262; font-size:16px; font-weight:400; text-align:center;}
.board_view .board_link dl dt span:after {content:""; display:inline-block; width:0; height:0; margin:0 0 3px 12px; vertical-align:middle;}
.board_view .board_link dl.prev dt span:after {border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:6px solid #636363;}
.board_view .board_link dl.next dt span:after {border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #636363;}
.board_view .board_link dl dd {float:left; width:90%; font-size:0;}
.board_view .board_link dl dd span {display:block; padding:16px 20px; color:#a7a7a7; font-size:16px; font-weight:400;}
.board_view .board_link dl dd span a {display:inline-block; zoom:1; *display:inline; max-width:100%; color:#626262; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.board_view .board_link dl dd span a:hover {text-decoration:none; color:#333;}
.board_view .board_link dl.next dt {border-top:1px solid #dfdfdf;}
.board_view .board_link dl.next dd {border-top:1px solid #dfdfdf;}

@media (max-width:1023px) {
.board_view .board_head {padding:20px 15px;}
.board_view .board_head .tit {margin:0 0 15px 0; font-size:24px;}
.board_view .board_head dl {letter-spacing:-1px;}
.board_view .board_head dl dt {margin-right:8px; padding-left:10px; font-size:15px;}
.board_view .board_link dl dt span:after {margin:0 0 2px 8px;}
.board_view .board_link dl.prev dt span:after {border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:5px solid #000;}
.board_view .board_link dl.next dt span:after {border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #000;}
.board_view .board_head dl dd {font-size:15px; padding-right:10px;}
.board_view .board_head dl.file_list {padding-left:60px;}
.board_view .board_head dl.file_list dd a {font-size:14px;}
.board_view .board_body {padding:50px 15px; font-size:16px;}
.board_view .board_link dl dt {width:20%;}
.board_view .board_link dl dt span {font-size:14px;}
.board_view .board_link dl dd {width:80%;}
.board_view .board_link dl dd span {padding:15px 20px; font-size:15px;}
}

@media (max-width:767px) {
.board_view .board_head {padding:15px 10px;}
.board_view .board_head .tit {margin:0 0 10px 0; font-size:18px;}
.board_view .board_head dl {margin:8px 0 0 0;}
.board_view .board_head dl dt {font-size:12px;}
.board_view .board_head dl dt:before {height:14px; margin-top:-6px;}
.board_view .board_head dl dd {font-size:12px;}
.board_view .board_head dl.file_list {padding-left:50px;}
.board_view .board_head dl.file_list dt {margin:0; padding:0;}
.board_view .board_head dl.file_list dd {margin-top:3px; padding:0 3px; line-height:18px;}
.board_view .board_head dl dd.file .ico_file {width:11px; height:11px; margin:0 5px 2px 0; background-image:url('../images/ico_file_mob.png'); background-size:11px 11px;}
.board_view .board_head dl.file_list dd a {font-size:12px;}
.board_view .board_body {padding:20px 5px; font-size:13px; word-break:break-all;}
.board_view .board_body .expert_info {float:none; margin:0 0 20px 0; padding:0; border:none;}
.board_view .board_body .expert_info:after {display:none;}
.board_view .board_body .expert_info .expert_img img {width:100px;}
.board_view .board_body .expert_info .expert_txt {font-size:14px; line-height:22px;}
.board_view .board_body table th {font-size:13px;}
.board_view .board_body table td {font-size:13px;}
.board_view .board_link dl dt {width:25%;}
.board_view .board_link dl dt span {padding:12px 10px; font-size:12px;}
.board_view .board_link dl dd {width:75%;}
.board_view .board_link dl dd span {padding:12px 10px; font-size:12px;}
}

.alert_title {position:relative; margin-bottom:50px; text-align:center; overflow:hidden;}
.alert_title:before {content:""; display:block; position:absolute; top:50%; left:0; right:0; width:100%; height:1px; margin-top:-1px; background-color:#8d8d8d;}
.alert_title .txt {position:relative; display:inline-block; padding:0 25px; color:#333; font-size:18px; line-height:160%; font-weight:bold; background-color:#fff; vertical-align:middle; z-index:1; font-family:'Noto Sans KR', sans-serif;}

@media (max-width:767px) {
.alert_title {margin-bottom:25px;}
.alert_title:before {margin-top:1px;}
.alert_title .txt {padding:0 15px; font-size:11px;}
}

.program_list {overflow:hidden;}
.program_list ul {margin:0 -20px -40px 0; font-size:0; overflow:hidden;}
.program_list ul li {display:inline-block; width:25%; vertical-align:top;}
.program_list ul li .item_box {position:relative; display:block; margin:0 20px 40px 0;}
.program_list ul li .item_box:hover {text-decoration:none;}
.program_list ul li .item_box .item_icon {display:block; position:absolute; top:15px; left:15px; width:48px; height:48px; line-height:48px; color:#fff; font-size:15px; font-weight:500; letter-spacing:-0.5px; text-align:center; border-radius:48px; overflow:hidden; z-index:1;}
.program_list ul li .item_box .item_icon.new {background-color:#ef7828;}
.program_list ul li .item_box .item_thumb {position:relative; display:block; font-family:'Noto Sans KR', sans-serif;}
.program_list ul li .item_box .item_thumb:before {content:""; display:block; padding-top:100%;}
.program_list ul li .item_box .item_thumb .l_img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden;}
.program_list ul li .item_box .item_thumb .l_img img {position:absolute; top:50%; left:50%; width:100%; height:100%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.program_list ul li .item_box .item_thumb .l_layer {opacity:0; visibility:hidden; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; text-align:center; background-color:#e7c41e; overflow:hidden; z-index:2; transition:all .3s ease-out;}
.program_list ul li .item_box:hover .item_thumb .l_layer {opacity:1; visibility:visible;}
.program_list ul li .item_box .item_thumb .l_layer .l_tbl {display:table; width:100%; height:100%;}
.program_list ul li .item_box .item_thumb .l_layer .l_tbl .l_cell {display:table-cell; padding:30px 30px 35px 30px; vertical-align:middle;}
.program_list ul li .item_box .item_thumb .l_layer .l_tbl .l_cell:after {content:"자세히보기"; display:inline-block; height:20px; margin-top:25px; padding:0 5px; color:#fff; font-size:16px; line-height:100%; font-weight:normal; background-color:#d1b11b; background-image:linear-gradient(to top, #d1b11b 50%, #e7c41e 50%); vertical-align:middle;}
.program_list ul li .item_box .item_thumb .l_layer .l_tbl .l_cell .tit {position:relative; display:block; margin-bottom:18px; padding-bottom:13px; color:#fff; font-size:20px; font-weight:bold; line-height:140%;}
.program_list ul li .item_box .item_thumb .l_layer .l_tbl .l_cell .tit:after {content:""; display:block; position:absolute; left:50%; bottom:0; width:20px; height:1px; margin-left:-10px; background-color:#fff;}
.program_list ul li .item_box .item_thumb .l_layer .l_tbl .l_cell .txt {display:block; display:-webkit-box; height:72px; color:#fff; font-size:16px; font-weight:normal; line-height:160%; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.program_list ul li .item_box .item_name {display:block; margin-top:20px; color:#111; font-size:20px; font-weight:bold; line-height:140%; text-align:left; font-family:'Noto Sans KR', sans-serif;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.program_list ul li .item_box .item_price {display:block; margin-top:5px; color:#666; font-size:13px; font-weight:normal; line-height:140%; text-align:left; font-family:'Noto Sans KR', sans-serif;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


@media (max-width:1023px) {
.program_list ul li .item_box .item_icon {width:42px; height:42px; line-height:42px; font-size:14px;}
.program_list ul li .item_box .item_thumb .l_layer {display:none;}
.program_list ul li .item_box .item_thumb .l_layer .l_tbl .l_cell {padding:20px 20px 25px 20px;}
.program_list ul li .item_box .item_thumb .l_layer .l_tbl .l_cell:after {margin-top:10px; font-size:14px;}
.program_list ul li .item_box .item_thumb .l_layer .l_tbl .l_cell .txt {height:64px; font-size:14px;}
.program_list ul li .item_box .item_name {font-size:18px;}
.program_list ul li .item_box .item_price {font-size:18px;}
.program_list ul li .item_box .item_kind .l_ico {margin:0 3px; width:38px; height:38px;}
.program_list ul li .item_box .item_kind .l_ico.rice {background-size:22px auto;}
.program_list ul li .item_box .item_kind .l_ico.soup {background-size:24px auto;}
.program_list ul li .item_box .item_kind .l_ico.salad {background-size:22px auto;}
.program_list ul li .item_box .item_kind .l_ico.drink {background-size:17px auto;}
}

@media (max-width:767px) {
.program_list ul {margin:0 -15px -20px 0;}
.program_list ul li {width:50%;}
.program_list ul li .item_box {margin:0 15px 20px 0;}
.program_list ul li .item_box .item_icon {top:10px; left:10px; width:38px; height:38px; line-height:38px; font-size:12px;}
.program_list ul li .item_box .item_name {margin-top:15px; font-size:15px;}
.program_list ul li .item_box .item_price {margin-top:3px; font-size:15px;}
.program_list ul li .item_box .item_kind {margin-top:5px;}
.program_list ul li .item_box .item_kind .l_ico {margin:0 3px; width:28px; height:28px;}
.program_list ul li .item_box .item_kind .l_ico.rice {background-size:16px auto;}
.program_list ul li .item_box .item_kind .l_ico.soup {background-size:18px auto;}
.program_list ul li .item_box .item_kind .l_ico.salad {background-size:17px auto;}
.program_list ul li .item_box .item_kind .l_ico.drink {background-size:13px auto;}
}

.dot_tit {position:relative; margin-bottom:15px; padding-left:10px; color:#333; font-size:22px; font-weight:500; letter-spacing:-0.3px; line-height:140%;}
.dot_tit:before {content:""; display:block; position:absolute; top:12px; left:0; width:4px; height:4px; border-radius:4px; background-color:#129872;}

@media (max-width:767px) {
.dot_tit {margin-bottom:10px; padding-left:8px; font-size:18px;}
.dot_tit:before {top:10px; width:3px; height:3px;}
}

.fl_sec {margin-bottom:35px;}
.fl_sec:last-child {margin-bottom:0;}
.fl_top {position:relative; margin-bottom:15px;}
.fl_top .dot_tit {display:inline-block; margin:0; vertical-align:middle;}
.fl_top .s_txt {display:inline-block; padding-left:10px; color:#666; font-size:16px; font-weight:400; letter-spacing:-0.3px; line-height:140%; vertical-align:middle;}
.fl_top .s_txt em {color:#d84245;}

@media (max-width:767px) {
.fl_sec {margin-bottom:25px;}
.fl_top {margin-bottom:10px;}
.fl_top .s_txt {padding-left:8px; font-size:14px;}
}

.form_wrap {background-color:#fff;}
.form_wrap .form_info {display:table; width:100%; border-collapse:collapse;}
.form_wrap .form_info dl {display:table-row;}
.form_wrap .form_info dl dt {display:table-cell; padding:15px 20px; width:150px; color:#333; font-size:16px; font-weight:500; line-height:140%; letter-spacing:-0.3px; text-align:left; white-space:nowrap; border:1px solid #e5e5e5; background-color:#f8f8f8; vertical-align:middle;}
.form_wrap .form_info dl dt label {position:relative; margin:0;}
.form_wrap .form_info dl dt label.required {padding-right:10px;}
.form_wrap .form_info dl dt label.required:after {content:"*"; display:block; position:absolute; top:-3px; right:0; margin:0 0 0 5px; color:#d84245;}
.form_wrap .form_info dl dd {display:table-cell; padding:15px 15px; color:#333; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.3px; text-align:left; border:1px solid #e5e5e5; background-color:#fff; vertical-align:middle;}
.form_wrap .form_info dl dd .p_own {display:inline-block; margin-right:5px; color:#666; font-weight:400; line-height:140%; vertical-align:middle;}
.form_wrap .form_info dl dd .p_inline {position:relative;}
.form_wrap .form_info dl dd .p_inline .p_gp {display:inline-block; margin-right:10px; margin-bottom:10px; vertical-align:middle;}
.form_wrap .form_info dl dd .p_inline .p_gp .btn_basic {margin-right:5px;}
.form_wrap .form_info dl dd .p_total {display:block; font-size:18px; font-weight:600;}

@media (max-width:767px) {
.form_wrap .form_info {border-top:1px solid #333;}
.form_wrap .form_info dl {display:block;}
.form_wrap .form_info dl dt {display:block;padding:12px 10px; width:100%; font-size:14px; text-align:left; border:none; border-bottom:1px solid #ddd; background-color:#fff; vertical-align:top;}
.form_wrap .form_info dl dd {display:block;padding:10px 10px; border:none; border-bottom:1px solid #ddd; vertical-align:top;}
.form_wrap .form_info dl dd .p_own {display:block; margin-top:8px; font-size:14px; text-align:right;}
.form_wrap .form_info dl dd .p_inline .p_gp {display:block; margin:0;}
.form_wrap .form_info dl dd .p_inline .p_gp .btn_basic {display:block; width:100%; margin-top:8px; font-size:15px;}
.form_wrap .form_info dl dd .p_inline .p_gp .btn_basic {margin-right:5px;}
.form_wrap .form_info dl dd .p_total {font-size:16px; text-align:right;}
}

.photo_list {padding-top:20px; border-top:2px solid #717171; overflow:hidden;}
.photo_list ul {margin:0 -20px -20px 0; overflow:hidden;}
.photo_list ul li {float:left; width:25%;}
.photo_list ul li .r_box {display:block; margin:0 20px 20px 0;}
.photo_list ul li .r_box:hover {text-decoration:none;}
.photo_list ul li .r_box .thumb {position:relative; display:block;line-height: 0;}
.photo_list ul li .r_box .thumb .img { position: relative; display: inline-block; width: 100%; height: 240px; overflow: hidden; background:#fff; }
.photo_list ul li .r_box .thumb .img .overlay {display:none;position:absolute;background: rgba(0,0,0,0.5);width:100%;height:100%;text-align:center;}
.photo_list ul li .r_box .thumb .img .overlay i {display: table-cell; font-size: 60px; color: #fff; vertical-align: middle;}
.photo_list ul li .r_box .thumb .img:hover .overlay { display:table; }
.photo_list ul li .r_box .info {display:block; padding:20px 20px; border:1px solid #d5d5d5; border-top:none;text-align:center;}
.photo_list ul li .r_box .info .txt {display:block; display:-webkit-box; height:18px; color:#111; font-size:18px; font-weight:400; letter-spacing:-0.3px; line-height:100%; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.photo_list ul li .r_box .info .date {display:block; margin-top:10px; color:#666; font-size:16px; font-weight:400; letter-spacing:-0.3px; line-height:140%;}

@media (min-width:1024px) {
.photo_list ul li .r_box:hover .thumb .img img {transform:scale(1.08) rotate(.1deg);}
}

@media (max-width:1023px) {
.photo_list ul li {width:33.32%;}
}

@media (max-width:767px) {
.photo_list ul {margin:0 -15px -15px 0;}
.photo_list ul li {width:50%;}
.photo_list ul li .r_box {margin:0 15px 15px 0;}
.photo_list ul li .r_box .thumb .img {height:145px;}
.photo_list ul li .r_box .info {padding:10px 10px;}
.photo_list ul li .r_box .info .txt {height:13px; font-size:12px;}
.photo_list ul li .r_box .info .date {margin-top:5px; font-size:12px;}
}

.honors_list {padding-top:20px; border-top:2px solid #717171; overflow:hidden;}
.honors_list ul {margin:0 -20px -20px 0; overflow:hidden;}
.honors_list ul li {float:left; width:25%;}
.honors_list ul li .r_box {display:block; margin:0 20px 20px 0;}
.honors_list ul li .r_box:hover {text-decoration:none;}
.honors_list ul li .r_box .thumb {position:relative; display:block;}
.honors_list ul li .r_box .thumb:before {content:""; display:block; padding-top:100%;}
.honors_list ul li .r_box .thumb .img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden;}
.honors_list ul li .r_box .thumb .img img {position:absolute; top:0; left:0; width:100%; height:100%; transition:.5s transform ease;}
.honors_list ul li .r_box .thumb .tit {position:absolute; left:0; bottom:0; right:0; text-align:center;width:100%; padding:15px 20px; color:#fff; font-size:18px; font-weight:400; letter-spacing:-0.3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:rgba(0, 0, 0, .65);}
.honors_list ul li .r_box .info {display:block; padding:20px 20px; border:1px solid #d5d5d5; border-top:none;}
.honors_list ul li .r_box .info .txt {display:block; display:-webkit-box; height:50px; color:#111; font-size:18px; font-weight:400; letter-spacing:-0.3px; line-height:140%; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.honors_list ul li .r_box .info .cate {display: inline-block; min-width: 75px; padding: 3px 10px; color: #fff; text-align: center; background-color: #22bd91; border-radius: 30px; vertical-align: top;font-size:12px; margin-top:10px;}
.honors_list ul li .r_box .info .date {display:block; margin-top:10px; color:#666; font-size:16px; font-weight:400; letter-spacing:-0.3px; line-height:140%;}

@media (min-width:1024px) {
.honors_list ul li .r_box:hover .thumb .img img {transform:scale(1.08) rotate(.1deg);}
}

@media (max-width:1023px) {
.honors_list ul li {width:33.32%;}
}

@media (max-width:767px) {
.honors_list ul {margin:0 -15px -15px 0;}
.honors_list ul li {width:50%;}
.honors_list ul li .r_box {margin:0 15px 15px 0;}
.honors_list ul li .r_box .thumb .tit {padding:10px 10px; font-size:14px;}
.honors_list ul li .r_box .info {padding:10px 10px;}
.honors_list ul li .r_box .info .txt {height:36px; font-size:13px;}
.honors_list ul li .r_box .info .cate {margin-top:8px; font-size:12px;}
.honors_list ul li .r_box .info .date {margin-top:5px; font-size:12px;}
}

.intro_bg_section {text-align:center; background:url('../images/intro_bg.jpg') no-repeat 50% 50%; background-size:cover; background-attachment:fixed; font-family:'Noto Sans KR', sans-serif;}
.intro_bg_section dl {max-width:690px; margin:0 auto; padding:90px 20px;}
.intro_bg_section dl .tit {position:relative; margin-bottom:30px; padding-bottom:20px; color:#fff; font-size:36px; font-weight:normal; line-height:140%;}
.intro_bg_section dl .tit:after {content:""; display:block; position:absolute; bottom:0; left:50%; width:40px; height:1px; margin-left:-20px; background-color:#fff;}
.intro_bg_section dl .txt {color:#ededed; font-size:19px; font-weight:normal; line-height:160%;}
.intro_bg_section dl .tag {margin-top:30px; color:#ededed; font-size:18px; font-weight:normal; line-height:160%;}
.intro_bg_section dl .tag span {display:inline-block; margin:0 10px 3px 0; vertical-align:middle;}

@media (max-width:1023px) {
.intro_bg_section {background-attachment:scroll;}
.intro_bg_section dl {padding:70px 20px;}
}

@media (max-width:767px) {
.intro_bg_section dl {padding:50px 15px;}
.intro_bg_section dl .tit {margin-bottom:20px; padding-bottom:18px; font-size:24px;}
.intro_bg_section dl .txt {font-size:12px;}
.intro_bg_section dl .tag {margin-top:10px; font-size:14px;}
}

.intro_title {position:relative; color:#111; font-size:45px; font-weight:normal; letter-spacing:-0.5px; line-height:140%; text-align:center; font-family:'Noto Sans KR', sans-serif; }
.intro_title:before {content:""; display:block; max-width:250px; height:1px; margin:0 auto 25px auto; background-color:#333;}
.intro_title.white {color:#fff;}
.intro_title.white:before {background-color:#989899;}
.intro_title.line_none:before {display:none;}
.intro_txt {max-width:760px; margin:30px auto 0 auto; color:#333; font-size:23px; font-weight:400; letter-spacing:-0.3px; line-height:160%; text-align:center; font-family:'Noto Sans KR', sans-serif; }
.gil_intro {padding:0 10% 120px 10%; overflow:hidden;}
.gil_intro .bs_img {text-align:center;}
.gil_intro .bs_img img {max-width:100%; width:auto; height:auto; vertical-align:top;}
.gil_intro .intro_txt {max-width:600px; margin:0 auto; text-align:center;}
.gil_intro .intro_txt .tit {position:relative; margin-bottom:50px;}
.gil_intro .intro_txt .tit:before {content:""; display:block; width:220px; height:1px; margin:0 auto 10px auto; background-color:#797979;}
.gil_intro .intro_txt .tit strong {display:block; color:#312e2e; font-size:42px; font-weight:normal; letter-spacing:-0.3px; line-height:140%; font-family:'Noto Sans KR', sans-serif;}
.gil_intro .intro_txt .tit span {display:block; color:#a9a9a9; font-size:16px; font-weight:100; letter-spacing:-0.3px; line-height:140%;}
.gil_intro .intro_txt p {margin-bottom:25px; color:#333; font-size:15px; font-weight:normal; line-height:160%; font-family:'Noto Sans KR', sans-serif;}
.gil_intro .intro_txt p:last-child {margin-bottom:0;}
.gil_intro .intro_txt p span {display:block; line-height:165%;}
.intro_bi {overflow:hidden;padding: 15px;}
.intro_bi .bs_img {text-align:center;}
.intro_bi .bs_img img {max-width:100%; width:auto; height:auto; vertical-align:top;}
.intro_bi .intro_txt {max-width:600px; margin:0 auto; text-align:center;}
.intro_bi .intro_txt .tit {position:relative; margin-bottom:50px;}
.intro_bi .intro_txt .tit:before {content:""; display:block; width:220px; height:1px; margin:20px 0; background-color:#797979;}
.intro_bi .intro_txt .tit strong {display:block; color:#312e2e; font-size:42px; font-weight:normal; letter-spacing:-0.3px; line-height:140%; font-family:'Noto Sans KR', sans-serif;}
.intro_bi .intro_txt .tit span {display:block; color:#a9a9a9; font-size:16px; font-weight:100; letter-spacing:-0.3px; line-height:140%;}
.intro_bi .intro_txt p {margin-bottom:25px; color:#333; font-size:15px; font-weight:normal; line-height:160%; font-family:'Noto Sans KR', sans-serif;}
.intro_bi .intro_txt p:last-child {margin-bottom:0;}
.intro_bi .intro_txt p span {display:block; line-height:165%;}
.bs_explain_list {max-width:1095px; margin:40px auto 0 auto; overflow:hidden;}
.bs_explain_list ul {margin:0 -20px; overflow:hidden;}
.bs_explain_list ul li {float:left; width:33.32%;}
.bs_explain_list ul li .b_sec {display:block; margin:0 20px; padding:30px 20px; }
.bs_explain_list ul li .b_sec .thumb {position:relative; display:block; border:10px solid #fff; box-shadow:0 0 20px rgba(0, 0, 0, .9);}
.bs_explain_list ul li .b_sec .thumb:before {content:""; display:block; padding-top:107.85%;}
.bs_explain_list ul li .b_sec .thumb:after {content:""; display:block; position:absolute; top:-36px; left:50%; width:62px; height:62px; margin-left:-31px; background:url('../images/ico_thumb_pin.png') no-repeat 50% 50%;}
.bs_explain_list ul li .b_sec .thumb .img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden;}
.bs_explain_list ul li .b_sec .thumb .img img {position:absolute; top:50%; left:50%; width:auto; height:100%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.bs_explain_list ul li .b_sec dl {margin-top:30px; text-align:center;}
.bs_explain_list ul li .b_sec dl dt {margin-bottom:20px; color:#fff; font-size:24px; font-weight:normal; line-height:140%;}
.bs_explain_list ul li .b_sec dl dd {color:#d9d9d9; font-size:16px; font-weight:normal; line-height:160%; letter-spacing:-0.3px;}
.brandstory_leistung {padding:120px 60px;}
.bs_leistung_list {max-width:1200px; margin:60px auto 0 auto;}
.bs_leistung_list ul {overflow:hidden;}
.bs_leistung_list ul li {padding:30px 0; border-bottom:1px solid #ddd; }
.bs_leistung_list ul li .sec {display:table; table-layout:fixed; width:100%;}
.bs_leistung_list ul li .sec .thumb {display:table-cell; width:185px; vertical-align:middle;}
.bs_leistung_list ul li .sec .thumb .img {position:relative; display:block; overflow:hidden;}
.bs_leistung_list ul li .sec .thumb .img:before {content:""; display:block; padding-top:70%;}
.bs_leistung_list ul li .sec .thumb .img em {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden;}
.bs_leistung_list ul li .sec .thumb .img em img {position:absolute; top:50%; left:50%; width:100%; height:100%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.bs_leistung_list ul li .sec dl {display:table-cell; padding-left:40px; vertical-align:middle; font-family:'Noto Sans KR', sans-serif;}
.bs_leistung_list ul li .sec dl dt {margin-bottom:10px; color:#111; font-size:28px; font-weight:bold; letter-spacing:-0.3px; line-height:140%;}
.bs_leistung_list ul li .sec dl dd {color:#333; font-size:20px; font-weight:normal; letter-spacing:-0.3px; line-height:140%;}

@media (max-width:1023px) {
.intro_title {font-size:38px;}
.intro_title:before {width:205px; margin:0 auto 20px auto;}
.intro_txt {margin:25px auto 0 auto; font-size:20px;}
.gil_intro {padding:0 10% 100px 10%;}
.gil_intro .intro_txt .tit {margin-bottom:40px;}
.gil_intro .intro_txt p {font-size:18px;}
.bs_explain_list ul {margin:0 -10px;}
.bs_explain_list ul li .b_sec {margin:0 10px; padding:20px 15px;}
.bs_explain_list ul li .b_sec .thumb {box-shadow:0 0 15px rgba(0, 0, 0, .9);}
.bs_explain_list ul li .b_sec .thumb:after {top:-30px; width:50px; height:50px; margin-left:-25px; background-size:50px 50px;}
.bs_explain_list ul li .b_sec dl dt {font-size:22px;}
.brandstory_leistung {padding:100px 60px;}
.bs_leistung_list {margin:50px auto 0 auto;}
.bs_leistung_list ul li .sec dl dt {font-size:26px;}
.bs_leistung_list ul li .sec dl dd {font-size:18px;}
}

@media (max-width:767px) {
.intro_title {font-size:26px;}
.intro_title:before {width:140px; margin:0 auto 10px auto;}
.intro_txt {margin:10px auto 0 auto; font-size:14px;}
.gil_intro {padding:0 10% 40px 10%;}
.gil_intro .intro_txt .tit {margin-bottom:25px;}
.gil_intro .intro_txt .tit:before {width:175px; margin:0 auto 5px auto;}
.gil_intro .intro_txt .tit strong {font-size:32px;}
.gil_intro .intro_txt .tit span {font-size:13px;}
.gil_intro .intro_txt p {margin-bottom:15px; font-size:12px;}
.gil_intro .intro_txt p span {display:inline;}
.bs_explain_list {margin:30px auto 0 auto;}
.bs_explain_list ul li {float:none; width:auto; margin-top:10px;}
.bs_explain_list ul li:first-child {margin-top:0;}
.bs_explain_list ul li .b_sec .thumb {border:8px solid #fff;}
.bs_explain_list ul li .b_sec .thumb:before {padding-top:220px;}
.bs_explain_list ul li .b_sec .thumb:after {top:-24px; width:40px; height:40px; margin-left:-20px; background-size:40px 40px;}
.bs_explain_list ul li .b_sec .thumb .img img {width:100%; height:auto;}
.bs_explain_list ul li .b_sec dl {margin-top:20px;}
.bs_explain_list ul li .b_sec dl dt {margin-bottom:10px; font-size:20px;}
.bs_explain_list ul li .b_sec dl dd {font-size:14px;}
.brandstory_leistung {padding:50px 15px;}
.bs_leistung_list {margin:25px auto 0 auto;}
.bs_leistung_list ul li {padding:15px 0;}
.bs_leistung_list ul li:first-child {border-top:1px solid #ddd;}
.bs_leistung_list ul li .sec .thumb {width:100px; padding-top:2px; vertical-align:top;}
.bs_leistung_list ul li .sec dl {padding-left:15px; vertical-align:top;}
.bs_leistung_list ul li .sec dl dt {margin-bottom:5px; font-size:16px;}
.bs_leistung_list ul li .sec dl dd {font-size:13px; letter-spacing:-0.3px;}
}

.product_list {overflow:hidden;}
.product_list ul {margin:0 -10px; font-size:0; overflow:hidden;}
.product_list ul:last-child {margin-bottom:10px;}
.product_list ul li {display:inline-block; width:25%; vertical-align:top;}
.product_list ul li .product_box {display:block; margin:0 10px 20px 10px;}
.product_list ul li .product_box .thumb {position:relative; display:block; overflow:hidden;}
.product_list ul li .product_box .thumb:before {content:""; display:block; padding-top:100%;}
.product_list ul li .product_box .thumb .img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden;}
.product_list ul li .product_box .thumb .img img {position:absolute; top:50%; left:50%; width:auto; height:100%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.product_list ul li .product_box dl {padding:20px 20px; border:1px solid #ddd; border-top:none;text-align:center;}
.product_list ul li .product_box dl dt {margin-bottom:5px; color:#111; font-size:18px; font-weight:bold; letter-spacing:-0.5px; line-height:140%;}
.product_list ul li .product_box dl dd {color:#111; font-size:15px; font-weight:normal; letter-spacing:-0.5px; line-height:140%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product_list ul li .product_box dl dd.price {color:#777; margin-top:10px; font-size:13px;}
.select_board {margin-top:70px; padding:22px 15px; border-top:2px solid #7a7a7a; border-bottom:1px solid #d2d2d2;}
.select_board ul {text-align:center;}
.select_board ul li {position:relative; display:inline-block; margin:5px 0; padding:0 30px; vertical-align:middle;}
.select_board ul li:after {content:""; display:block; position:absolute; top:50%; right:-1px; width:1px; height:20px; margin-top:-10px; background-color:#d2d2d2;}
.select_board ul li:last-child:after {display:none;}
.select_board ul li a {display:inline-block; color:#333; font-size:18px; font-weight:400; line-height:140%; vertical-align:middle;}
.select_board ul li.on a {font-weight:600;}
.select_board ul li a:hover {color:#e7c41e; text-decoration:none;}

@media (max-width:767px) {
.product_list ul {margin:0 -6px;}
.product_list ul li {width:50%;}
.product_list ul li .product_box {margin:0 6px 12px 6px;}
.product_list ul li .product_box dl {padding:15px 15px;}
.product_list ul li .product_box dl dt {font-size:16px;}
.product_list ul li .product_box dl dd {font-size:14px;}
.select_board {margin-top:30px; padding:15px 0;}
.select_board ul li {margin:3px 0; padding:0 10px;}
.select_board ul li:after {height:16px; margin-top:-7px;}
.select_board ul li a {font-size:14px;}
}

.sd_explain {padding:120px 0 80px 0;}
.sd_explain .sd_list {position:relative; overflow:hidden; }
.sd_explain .sd_list .sd_slider {margin-top:50px;}
.sd_explain .sd_list .sd_slider .sec {position:relative; margin:0 30px; outline:0;}
.sd_explain .sd_list .sd_slider .sec .thumb {display:block; overflow:hidden;}
.sd_explain .sd_list .sd_slider .sec .thumb img {max-width:100%; width:100%; height:auto; margin:0 auto; vertical-align:top; -moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;}
.sd_explain .sd_list .sd_slider .sec:hover .thumb img {-moz-transform:scale(1.08) rotate(0.1deg); -ms-transform:scale(1.06) rotate(0.1deg); -o-transform:scale(1.06) rotate(0.1deg); transform:scale(1.06) rotate(0.1deg);}
.sd_explain .sd_list .sd_slider .sec dl {position:absolute; bottom:10%; left:6.5%; right:6.5%; word-break:break-all;}
.sd_explain .sd_list .sd_slider .sec dl dt {margin-bottom:10px; color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px; line-height:150%;}
.sd_explain .sd_list .sd_slider .sec dl dd {color:#fff; font-size:18px; font-weight:300; letter-spacing:-0.5px; line-height:150%;}
.sd_explain .sd_list .slick-dots {margin-top:40px; text-align:center;}
.sd_explain .sd_list .slick-dots li {display:inline-block; vertical-align:middle;}
.sd_explain .sd_list .slick-dots li button {display:inline-block; width:10px; height:10px; margin:0 10px; text-indent:-999em; outline:0; border:none; border-radius:9px; background-color:#a9a9a9; overflow:hidden; vertical-align:middle; transition:background .25s ease-out;}
.sd_explain .sd_list .slick-dots li.slick-active button {width:20px; height:20px; border-radius:20px; background-color:#e7c41e;}

@media (max-width:1023px) {
.sd_explain {padding:100px 0 60px 0;}
}

@media (max-width:767px) {
.sd_explain {padding:50px 0;}
.sd_explain .sd_list .sd_slider {margin-top:30px;}
.sd_explain .sd_list .sd_slider .sec {margin:0 15px;}
.sd_explain .sd_list .sd_slider .sec dl {bottom:8%; left:5.5%; right:5.5%;}
.sd_explain .sd_list .sd_slider .sec dl dt {margin-bottom:5px; font-size:16px;}
.sd_explain .sd_list .sd_slider .sec dl dd {font-size:12px;}
.sd_explain .sd_list .slick-dots {margin-top:20px;}
.sd_explain .sd_list .slick-dots li button {margin:0 8px;}
.sd_explain .sd_list .slick-dots li.slick-active button {width:15px; height:15px;}
}

.alert_list {margin-top:20px; font-family:'Noto Sans KR', sans-serif;}
.alert_list ul {padding:30px 30px; text-align:left; border:1px solid #e3e3e3;}
.alert_list ul li {position:relative; margin-top:10px; color:#333; font-size:15px; font-weight:400;}
.alert_list ul li:first-child {margin-top:0;}
.alert_list ul li dl {margin:0;}
.alert_list ul li dl dt {display:inline-block; min-width:75px; margin-right:5px; padding:3px 10px; color:#fff; line-height:160%; text-align:center; background-color:#22bd91; border-radius:30px; vertical-align:top;}
.alert_list ul li dl dd {display:inline-block; margin-top:3px; line-height:160%; vertical-align:top;letter-spacing:-1px;}
.alert_list ul li dl dd span {color:#9f9f9f;}
.alert_list ul li dl dd strong {color:#12aa7f; font-weight:400;}
.alert_box {margin-bottom:40px;}
.alert_box .alert_title {margin:0;}

@media (max-width:767px){
.alert_list ul {padding:20px 15px;}
.alert_list ul li {font-size:12px;}
.alert_list ul li dl dt {min-width:70px;}
.alert_list ul li dl dd {display:block; margin-top:5px; margin-left:10px;}
.alert_box {margin-bottom:25px;}
}

.dashline_box{ width:100%; height:auto; margin-top:30px; padding-top:30px; position: relative; border-top:1px dashed #ddd }
.left_con{ width:47.9%; position: relative; display:inline-block; letter-spacing:-1px; }
.up{width:30px;height:3px;background:#e7c41e;position:relative;display:inline-block;margin-bottom:10px;}
.con_txt h2{ font-size:18px; line-height:28px; font-weight:500; position:relative; letter-spacing:-0.4px; color:#333; margin-bottom:20px; } 
.con_txt h3{ font-size:16px; font-weight:300; line-height:26px; word-break: break-all;; position:relative; letter-spacing:-0.4px; text-align:justify; color:#555; } 
.con_txt h4{ font-size:15px; font-weight:300; line-height:22px; word-break: break-all;; position:relative; display:inline-block; letter-spacing:-0.4px; text-justify: inter-word; color:#089FF4; } 
.con_txt span{ font-size:16px; font-weight:500; line-height:28px; word-break:keep; position:relative; letter-spacing:-0.4px; text-align:justify; color:#555; } 
.con_btn, .con_btn02 { width:160px; height:26px; font-size:15px; line-height:26px; font-weight:400; text-align:center; position:relative; display:inline-block; color:#fff; background:#e7c41e; border-radius:15px; cursor:pointer; border:0;} 
.con_btn{margin-top:10px;} 
.con_btn02 { width:140px; height:22px; font-size:14px; line-height:20px; } 
.con_btn:hover, .con_btn02:hover{ background:#d1b11b; }
.right_con{ width:47.9%; height:auto; position: relative; display:inline-block; float:right; }
.con_list li{ font-size:16px; font-weight:300; line-height:24px; word-break:normal; letter-spacing:-0.2px; color:#555; position: relative; word-wrap:break-all; margin-top:6px; margin-bottom: 0.5em; padding-left: 1em; } 
.con_list li h3{ font-size:16px; font-weight:500; line-height:24px; letter-spacing:-1px; color:#555; position: relative; } 
.con_list li h5{ font-size:15px; font-weight:300; line-height:24px; word-break:normal; margin-top:8px; margin-bottom:14px; letter-spacing:-0.4px; color:#555; position: relative; } 
.con_list li:before{ content: "·"; position: absolute; top: 0; left: 0; }

@media (max-width:767px){
.left_con, .right_con {width:100%;}
}

.quick-menu{position: fixed; top:80px; right:0px; z-index: 99; transition: all 0.5s;}
.quick-menu-bot{position: absolute; top:328px; right:30px;}
.quick-btn{display: block; position: relative; min-height: 12px; margin: 15px 0; padding: 0 22px 0 0; text-align: center; transition: all .3s;}
.quick-btn:hover {text-decoration:none;}
.quick-btn:before { content: ''; display: inline-block; position: absolute; top: 0; right: 12px; bottom: 0; width: 10px; height: 1px; margin: auto 0; background: rgba(187,187,187,1); transition: inherit; }
.quick-btn:after { content: ''; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; box-sizing: border-box; width: 12px; height: 12px; margin: auto 0; border: 3px solid rgba(187,187,187,1); border-radius: 50%; box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%); transition: inherit; }
.quick-btn.on span { background-color: #3775bb; color: #fff; }
.quick-btn.on:before {background-color: #3775bb;}
.quick-btn.on:after { border-color: #3775bb; }
.quick-btn span { display: block; padding: 3px 8px; border-radius: 20px; background: rgba(228,228,228,.7); font-size: 12px; color: #333; transition: inherit; white-space: nowrap; }

@media (max-width:1023px){
.quick-menu{display:none;}
}

.flag-ready,.flag-finish{font-size:12px; display:inline-block; background-color:#fff; min-width:64px; padding:0 10px; height:24px; line-height:23px; font-weight:500; text-align:center; vertical-align:middle; margin-top:-2px}
.flag-ready{color:#454545; border:1px solid #454545}
.flag-finish{color:#D61918; border:1px solid #D61918}

.txt_a { margin-top:60px; padding:30px 40px;  background:#f5f6f7; overflow:hidden;}
.txt_a dt {float:left; width:104px;}
.txt_a dd {margin-left:104px; letter-spacing:-.5px;}
.txt_a dd .txt {margin-top:0;}
.txt_a dd img {max-width:100% !important;height:auto !important;}
.txt_a .qna_wait { color:#999a9f !important; border-color:#999a9f !important; }
.qna_status{display: inline-block; padding: 0px 8px; background-color: #fff; border: 1px solid #D61918; border-radius: 20px; color: #D61918; font-size:10px;margin-left:5px;}

@media (max-width:767px){
.txt_a { padding:30px 20px;margin-top:20px;}
.txt_a dt {float:left; width:60px;margin-top: -5px;}
.txt_a dd {margin-left:60px; letter-spacing:-.5px;}
.txt_a dd .txt {font-size:12px;}
}