@charset "UTF-8";


/* 개발 붙은 후 datepicker 셀릭트 깨지는 것 때문에 넣음 */
.ui-datepicker-title select {height: auto; padding: 0;}

caption {position: static; overflow: hidden; width: 0; height: 0; margin: 0; padding: 0; font-size: 1px; text-indent: -9999px;}
* {word-wrap: break-word; letter-spacing: -0.02em !important; font-family: 'KoddiUDOnGothic'; }
.key_text {font-weight: 700; font-size: 18px; line-height: 27px; color: #ed4040;}

/* 기본 컬러 */
.red {color: #ed4040;}
.blue {color: #3c79d5;}
.green {color: #007641;}
.gray {color: #848690;}
/* 기본 컬러 */

/* 공통폼 이미지가 있을 경우 mark */
.img_box > .mark_list_area {position:absolute; top: 10px; left: 10px;}
.img_inner > .mark_list_area {position:absolute; top: 10px; left: 10px; text-align: left;}
.blog_com_cont_area .mark_list_area {margin: 0 0 10px;}
.mark_list_area > .list {font-size: 0;}
.mark_list_area > .list > li {display: inline-block; margin: 0 5px 0 0; font-size: 0;}
.mark_list_area > .list > li:last-child {margin: 0;}
.mark_list_area > .list > li .mark {display: inline-block;	padding: 0 10px; font-weight: 500; font-size: 14px; line-height: 27px; color: #ffffff; border-radius: 5px;}
.mark_list_area > .list > li .mark.red {background-color: #ed4040;}
.mark_list_area > .list > li .mark.blue {background-color: #3c79d5;}
.mark_list_area > .list > li .mark.green {background-color: #007641;}
.mark_list_area > .list > li .mark.green2 {background-color: #00523c;}
.mark_list_area > .list > li .mark.green3 {background-color: #50af31;}
.mark_list_area > .list > li .mark.gray {background-color: #848690;}

.mark_list_area > .list > li .mark2 {display: inline-block; padding: 0 10px; font-weight: 500; font-size: 14px; line-height: 27px; border-radius: 5px;}
.mark_list_area > .list > li .mark2.red {border: 1px solid #ed4040; color: #ed4040;}
.mark_list_area > .list > li .mark2.blue {border: 1px solid #3c79d5; color: #3c79d5;}
.mark_list_area > .list > li .mark2.green {border: 1px solid #007641; color: #007641;}
.mark_list_area > .list > li .mark2.gray {border: 1px solid #848690; color: #848690;}

.top_com_cont_area {}
.top_com_cont_area > .list {}
.top_com_cont_area > .list > li {border-bottom: 1px solid #333333; padding: 30px 0;}

/* 상단 공통 */
.page_com_cont_area {margin: 0 0 10px;}
.page_com_cont_area .page_area {font-weight: 400; font-size: 16px; line-height: 24px; color: #333333;}
.gray .page_com_cont_area .page_area {color: #ffffff;}
.page_com_cont_area .style1 {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center;}
.page_com_cont_area .style1 .page_area {margin: 0;}
.page_com_cont_area .style1 .btn_area {}
.page_com_cont_area .style1 .btn_area > .list {font-size: 0;}
.page_com_cont_area .style1 .btn_area > .list > li {display: inline-block; margin: 0 5px 0 0;}
.page_com_cont_area .style1 .btn_area > .list > li:last-child {margin: 0;}
.page_com_cont_area .style1 .btn_area > .list > li .btn {display: inline-block;  padding: 0 20px; font-weight: 500; font-size: 16px; line-height: 38px; color: #ffffff; border-radius: 5px;}
.gray .page_com_cont_area .style1 .btn_area > .list > li .btn {color: #ffffff;}
.page_com_cont_area .style1 .btn_area > .list > li .btn:hover, .page_com_cont_area .style1 .btn_area > .list > li .btn:focus {background-color: inherit !important;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.red {border: 1px solid #ed4040; background-color: #ed4040;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.red:hover,
.page_com_cont_area .style1 .btn_area > .list > li .btn.red:focus {color: #ed4040;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.blue {border: 1px solid #3c79d5; background-color: #3c79d5;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.blue:hover,
.page_com_cont_area .style1 .btn_area > .list > li .btn.blue:focus {color: #3c79d5;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.green {border: 1px solid #007641; background-color: #007641;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.green:hover,
.page_com_cont_area .style1 .btn_area > .list > li .btn.green:focus {color: #007641;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.gray {border: 1px solid #848690; background-color: #848690;}
.page_com_cont_area .style1 .btn_area > .list > li .btn.gray:hover,
.page_com_cont_area .style1 .btn_area > .list > li .btn.gray:focus {color: #848690;}
.page_com_cont_area .style1 .btn_area > .list > li .btn .text {display: inline-block;}
.page_com_cont_area .style1 .page_slt {max-width: 200px; width: 100%; text-align: right;}
.page_com_cont_area .style1 .page_slt .com_slt {border-radius: 5px;}
.page_com_cont_area .style1 .page_slt.sty2 {font-size: 0;}
.page_com_cont_area .style1 .page_slt.sty2 .text {display: inline-block; margin: 0 5px 0 0; font-weight: 400; font-size: 16px; line-height: 40px; color: #333333; vertical-align: middle;}
.gray .page_com_cont_area .style1 .page_slt.sty2 .text {color: #ffffff;}
.page_com_cont_area .style1 .page_slt.sty2 .com_slt {display: inline-block; width: calc(100% - 45px); vertical-align: middle;}
.page_com_cont_area .style1 .page_slt.sty3 {max-width: 250px;}
.page_com_cont_area .style1 .page_slt.sty3 .com_slt {width: calc(100% - 92px);}
.page_com_cont_area .style1 .page_sch_area { width: 100%; max-width: 612px; font-size: 0;}
.best_page_cont.page_com_cont_area .style1 .page_sch_area > .list { font-size: 0;}
.best_page_cont.page_com_cont_area .style1 .page_sch_area > .list > li { display: inline-block; vertical-align: middle;}
.best_page_cont.page_com_cont_area .style1 .page_sch_area > .list > li.left_sch { width: 100%; max-width: 194px;}
.best_page_cont.page_com_cont_area .style1 .page_sch_area > .list > li.right_sch { width: 100%; max-width: 418px;}
.page_com_cont_area .style1 .page_sch_area .text {display: inline-block; width: 60px; font-weight: 400; font-size: 16px; line-height: 40px; color: #333333; vertical-align: middle;}
.gray .page_com_cont_area .style1 .page_sch_area .text {color: #ffffff;}
.page_com_cont_area .style1 .page_sch_area .text.w_80 { width: 80px;}
.page_com_cont_area .style1 .page_sch_area .sch_slt {display: inline-block; max-width: 107px; margin: 0 6px 0 0; border-radius: 5px; vertical-align: middle;}
.page_com_cont_area .style1 .page_sch_area .page_inp_area {display: inline-block; position: relative; width: calc(100% - 173px); border-radius: 5px; vertical-align: middle;}
.page_com_cont_area .style1 .page_sch_area .page_inp_area .sch_inp {padding: 0 40px 0 5px; border-radius: 5px;}
.page_com_cont_area .style1 .page_sch_area .page_inp_area .btn {position: absolute; top: 50%; right: 17px; transform: translateY(-50%);}

.page_com_cont_area .style1 .right_cont_area { font-size: 0;}
.page_com_cont_area .style1 .right_cont_area .text { display: inline-block; margin: 0 15px 0 0; font-weight: 400; font-size: 15px; line-height: 23px; color: #464646; vertical-align: middle;}
.gray .page_com_cont_area .style1 .right_cont_area .text {color: #ffffff;}
.page_com_cont_area .style1 .right_cont_area .cont_btn_list_area { display: inline-block; margin: 0; vertical-align: middle;}

/* FAQ */
.faq_com_cont_area {border-top: 2px solid #5f6577;}
.faq_com_cont_area > .list {}
.faq_com_cont_area > .list > li {border-bottom: 1px solid #ececec;}
.faq_com_cont_area > .list > li .box {}
.faq_com_cont_area > .list > li .box .q_cont {}
.faq_com_cont_area > .list > li.on .box .q_cont {border-bottom: 1px solid #ececec;}
.faq_com_cont_area > .list > li .box .q_cont .q_tit {display: block; width: 100%; position:relative; padding: 19px 80px 19px 32px; text-align: left;}
.faq_com_cont_area > .list > li .box .q_cont .q_tit:after {content: ''; position:absolute; top: 50%; right: 45px; width: 24px; height: 14px; background-image: url('/images/home/kor/user/board/faq_arr_icon.png'); background-size: cover; background-repeat: no-repeat; transform: translateY(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.faq_com_cont_area > .list > li.on .box .q_cont .q_tit:after {transform: rotate(180deg);}
.faq_com_cont_area > .list > li .box .q_cont .q_tit .txt_box {position:relative; padding: 0 0 0 63px; font-weight: 700; font-size: 16px; line-height: 40px; color: #5f6577; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; transform: rotate(0.04deg);}
.gray .faq_com_cont_area > .list > li .box .q_cont .q_tit .txt_box {color: #ffffff;}
.faq_com_cont_area > .list > li .box .q_cont .q_tit .txt_box .q_txt {display: inline-block; position:absolute;	top: 0; left: 0; width: 40px; height: 40px; background-color: #00523c; font-family: 'GmarketSans'; font-weight: 500; font-size: 18px; line-height: 36px; color: #ffffff; border-radius: 50%; text-align: center;}
.faq_com_cont_area > .list > li .box .q_cont .q_tit .txt_box .mark {color: #03a05a;}
.faq_com_cont_area > .list > li .box .a_cont {display: none; background-color: #f5f5f5;}
.faq_com_cont_area > .list > li .box .a_cont .text_box {position:relative; padding: 19px 32px 19px 90px; font-weight: 400; font-size: 16px; line-height: 24px; color: #444444;}
.faq_com_cont_area > .list > li .box .a_cont .text_box .a_txt {display: inline-block; position:absolute; top: 11px; left: 32px; width: 40px; height: 40px; background-color: #03a05a; font-family: 'GmarketSans'; font-weight: 500; font-size: 18px; line-height: 36px; color: #ffffff; border-radius: 50%; text-align: center;}
.faq_com_cont_area > .list > li .box .a_cont .file_box {margin: 10px 0 0; border-top: 1px solid #ececec; padding: 10px 0 0;}
.faq_com_cont_area > .list > li .box .a_cont .file_box > .list {}
.faq_com_cont_area > .list > li .box .a_cont .file_box > .list > li {}
.faq_com_cont_area > .list > li .box .a_cont .file_box > .list > li .file_down {}
.faq_com_cont_area > .list > li .box .a_cont .file_box > .list > li .file_down .txt {padding: 0 0 0 20px; background-image: url('/images/home/kor/user/board/attach_ico.png'); background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 14px; line-height: 21px; color: #656565;}
/* FAQ */

/* 블로그 */
.blog_com_cont_area {border-top: 2px solid #5f6577;}
.blog_com_cont_area > .list {}
.blog_com_cont_area > .list > li {border-bottom: 1px solid #d5d5d5;}
.blog_com_cont_area > .list > li > .box {display: block; padding: 32px 10px;}
.blog_com_cont_area > .list > li > .box:hover, .blog_com_cont_area > .list > li > .box:focus {background-color: #ecf6e8;}
.blog_com_cont_area > .list > li > .box .inner_box {display: table; width: 100%; table-layout: fixed;}
.blog_com_cont_area > .list > li > .box .inner_box .img_box {display: table-cell; position:relative; width: 259px; vertical-align: middle;}
.blog_com_cont_area > .list > li > .box .inner_box .img_box .img_inner {display: table; width: 100%; table-layout: fixed;}
.blog_com_cont_area > .list > li > .box .inner_box .img_box .img_inner .inner {display: table-cell; height: 146px; background-color: #f7f7f7; vertical-align: middle; text-align: center;}
.blog_com_cont_area > .list > li > .box .inner_box .img_box .img_inner .inner img {display: inline-block; transition: all .8s ease;}
.blog_com_cont_area > .list > li > .box:hover .inner_box .img_box .img_inner .inner img, .blog_com_cont_area > .list > li > .box:focus .inner_box .img_box .img_inner .inner img {transform: scale(1.5);}
.blog_com_cont_area > .list > li > .box .inner_box .text_box {display: table-cell; padding: 0 0 0 32px; vertical-align: middle;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .title_area {display: inline-block; margin: 0 0 11px; font-weight: 500; font-size: 18px; line-height: 27px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; vertical-align: middle;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .title_area .mark {display: inline-block; font-weight: 500; font-size: 18px; line-height: 27px; color: #333333;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .text {margin: 0 0 13px; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .tag_list_area {margin: 0 0 13px;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .tag_list_area > .list {font-size: 0;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .tag_list_area > .list > li {display: inline-block; position:relative; margin: 0 15px 0 0; padding: 0 15px 0 0; font-weight: 400; font-size: 14px; line-height: 21px; color: #8f8f8f;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .tag_list_area > .list > li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 11px; background-color: #d5d5d5; transform: translateY(-50%);}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .tag_list_area > .list > li:last-child {margin: 0; padding: 0;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .tag_list_area > .list > li:last-child:after {display: none;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area {margin: 0 0 12px;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list {}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li {position: relative; padding: 0 0 0 75px;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .tit {position: absolute; top: 0; left: 0; font-weight: 400; font-size: 16px; line-height: 30px; color: #6e6e6e;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .txt {font-weight: 400; font-size: 16px; line-height: 30px; color: #191919; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area {}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list {}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li {display: inline-block; position:relative; margin: 0 15px 0 0; padding: 0 15px 0 0;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 11px; background-color: #d5d5d5; transform: translateY(-50%);}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:last-child {margin: 0; padding: 0;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:last-child:after {display: none;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li .txt {font-weight: 400; font-size: 14px; line-height: 21px; color: #8f8f8f;}
.blog_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li .txt.file {padding: 0 0 0 19px; background-image: url('/images/home/kor/user/board/attach_ico.png'); background-position: left center; background-repeat: no-repeat;}
/* 블로그 */

/* 갤러리 */
.gallery_com_cont_area {border-top: 2px solid #666666; padding: 32px 0 0;}
.gallery_com_cont_area > .list {font-size: 0;}
.gallery_com_cont_area > .list.dis_f {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display:flex; wdith: 100%; align-items: stretch; flex-wrap: wrap;}
.gallery_com_cont_area > .list > li {display: inline-block; width: calc(25% - 31.5px); margin: 42px 42px 0 0; vertical-align: top;}
.gallery_com_cont_area > .list > li:nth-child(-n+4) {margin: 0 42px 0 0;}
.gallery_com_cont_area > .list > li:nth-child(4n) {margin: 42px 0 0;}
.gallery_com_cont_area > .list > li:nth-child(4) {margin: 0;}
.gallery_com_cont_area > .list > li > .box {display: block; overflow: hidden; width: 100%; border: 1px solid #e9e9e9; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gallery_com_cont_area > .list > li > a.box {cursor: pointer;}
.gallery_com_cont_area > .list > li > .box:hover, .gallery_com_cont_area > .list > li > .box:focus {border: 1px solid #03a05a; box-shadow: 15px 15px 18px rgba(0, 0, 0, 0.19);}
.gallery_com_cont_area > .list > li > .box .inner_box {}
.gallery_com_cont_area > .list > li > .box .inner_box .img_box { position: relative; overflow: hidden; padding: 0 0 75%;}
.gallery_com_cont_area > .list > li > .box .inner_box .img_box .img_inner {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.gallery_com_cont_area > .list > li > .box .inner_box .img_box .img_inner img {display: inline-block; width: 100%; height: 100%; transition: all .8s ease;}
.gallery_com_cont_area > .list > li > .box:hover .inner_box .img_box .img_inner img, .gallery_com_cont_area > .list > li > .box:focus .inner_box .img_box .img_inner img {transform: scale(1.5);}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box {padding: 25px 30px 30px; text-align: left;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .title {height: 60px; margin: 0 0 11px 0; font-weight: 700; font-size: 20px; line-height: 30px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gray .gallery_com_cont_area > .list > li > .box .inner_box .text_box .title {color: #ffffff;}
.gallery_com_cont_area > .list > li > .box:hover .inner_box .text_box .title, .gallery_com_cont_area > .list > li > .box:focus .inner_box .text_box .title { color: #03a05a;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area {margin: 0 0 18px 0;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list {}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li {position: relative; padding: 0 0 0 85px;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .tit {position: absolute; top: 0; left: 0; font-weight: 400; font-size: 16px; line-height: 26px; color: #797979;}
.gray .gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .tit {color: #ffffff;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .txt {font-weight: 400; font-size: 16px; line-height: 26px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.gray .gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .txt {color: #ffffff;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .txt.line2 { height: 52px; -webkit-line-clamp: 2;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .btn_mark_area { border: 1px solid #03a05a; background-color: #ffffff; text-align: center; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .btn_mark_area .text { display: inline-block; height: 40px; font-weight: 700; font-size: 16px; line-height: 40px; color: #03a05a; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gallery_com_cont_area > .list > li > .box .inner_box .text_box .btn_mark_area .text.btn {display: block; width: 100%;}
.gallery_com_cont_area > .list > li > .box:hover .inner_box .text_box .btn_mark_area, .gallery_com_cont_area > .list > li > .box:focus .inner_box .text_box .btn_mark_area { background-color: #03a05a;}
.gallery_com_cont_area > .list > li > .box:hover .inner_box .text_box .btn_mark_area .text, .gallery_com_cont_area > .list > li > .box:focus .inner_box .text_box .btn_mark_area .text { color: #ffffff;}
/* 갤러리 */

/* 여행상품 갤리리 리스트 */
.gallery_com_cont_area.sty2 {}
.gallery_com_cont_area.sty2 > .list > li { position: relative;}
.gallery_com_cont_area.sty2 > .list > li::before { display: block; content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: calc(100% + 42px); height: 1px; background-color: #eeeeee;}
.gallery_com_cont_area.sty2 > .list > li > .box { border: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.gallery_com_cont_area.sty2 > .list > li > .box:hover, .gallery_com_cont_area.sty2 > .list > li > .box:focus { border: none; box-shadow: none;}
.gallery_com_cont_area.sty2 > .list > li > .box .inner_box .img_box { padding: 0 0 75% 0; border-radius: 5px;}

.gallery_com_cont_area.sty2 > .list > li > .wish_list_area {position: absolute; top: 10px; right: 10px;}
.gallery_com_cont_area.sty2 > .list > li > .wish_list_area .wish_list_inner { position: relative; background-color: transparent; border-radius: 30px;}
.gallery_com_cont_area.sty2 > .list > li > .wish_list_area .wish_list_inner .total { padding: 0 48px 0 21px; font-weight: 400; font-size: 17px; line-height: 35px; color: #ffffff;}
.gallery_com_cont_area.sty2 > .list > li > .wish_list_area .wish_list_inner .wish_btn { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 35px; height: 35px; background-color: transparent; background-image: url('/images/home/kor/user/sub/stora.png'); background-position: center; background-size: 100%; background-repeat: no-repeat; border-radius: 50%;}
.gallery_com_cont_area.sty2 > .list > li > .wish_list_area .wish_list_inner.on { background-color: rgba(0, 0, 0, 0.7);}
.gallery_com_cont_area.sty2 > .list > li > .wish_list_area .wish_list_inner.on .wish_btn { background-color: #fafafa; background-image: url('/images/home/kor/user/sub/stora_on.png');}
.gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box { padding: 22px 0 52px 0;}
.gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box .category_area { margin: 0 0 19px 0;}
.gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box .category_area .category { display: inline-block; border: 1px solid #03a05a; padding: 0 20px; font-weight: 700; font-size: 16px; line-height: 30px; color: #03a05a; border-radius: 30px;}
.gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box .title {height: 52px; margin: 0 0 5px 0; font-weight: 700; font-size: 24px; line-height: 26px; color: #212121; -webkit-line-clamp: 2;}
.gray .gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box .title {color: #ffffff;}
.gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box .text { margin: 0 0 15px 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #797979; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.gray .gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box .text {color: #ffffff;}
.gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box .info_area { position: relative; padding: 0 0 0 65px;}
.gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box .info_area.pd0 {padding: 0;}
.gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box .info_area .sale { position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #f44336;}
.gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box .info_area .price { font-weight: 900; font-size: 24px; line-height: 26px; color: #212121;}
.gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box .info_area .price del {margin: 0 10px 0 0; font-weight: 400; font-size: 20px; color: #797979;}
.gray .gallery_com_cont_area.sty2 > .list > li > .box .inner_box .text_box .info_area .price {color: #ffffff;}

/* 갤러리2 */
.gallery_com_cont_area2 {border-top: 2px solid #5f6577; padding: 28px 0 0;}
.gallery_com_cont_area2 > .list {font-size: 0;}
.gallery_com_cont_area2 > .list > li {display: inline-block; width: calc(50% - 19px); margin: 38px 38px 0 0;}
.gallery_com_cont_area2 > .list > li:nth-child(2n) {margin: 38px 0 0;}
.gallery_com_cont_area2 > .list > li:nth-child(-n+2) {margin: 0 38px 0 0;}
.gallery_com_cont_area2 > .list > li:nth-child(2) {margin: 0;}
.gallery_com_cont_area2 > .list > li > .box {display: table; width: 100%; table-layout: fixed; border: 1px solid #e9e9e9; padding: 20px; border-radius: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gallery_com_cont_area2 > .list > li > .box:hover, .gallery_com_cont_area2 > .list > li > .box:focus {border: 1px solid #1b3880; box-shadow: 15px 15px 18px rgb(0 0 0 / 19%);}
.gallery_com_cont_area2 > .list > li > .box .img_inner {display: table-cell; position:relative; width: 200px; background-color: #eeeeee; vertical-align: middle; text-align: center; border-radius: 15px;}
.gallery_com_cont_area2 > .list > li > .box .img_inner .img_area {display: table; width: 100%; table-layout: fixed;}
.gallery_com_cont_area2 > .list > li > .box .img_inner .img_area .inner {display: table-cell; width: 100%; height: 160px; vertical-align: middle; text-align: center;}
.gallery_com_cont_area2 > .list > li > .box .img_inner .img_area .inner img {display: inline-block;}
.gallery_com_cont_area2 > .list > li > .box .text_inner {display: table-cell; padding: 0 0 0 20px; vertical-align: middle;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .title {height: 54px; margin: 0 0 11px; font-weight: 500; font-size: 18px; line-height: 27px; color: #191919; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; vertical-align: middle;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .text {height: 48px; margin: 0 0 11px; font-weight: 400; font-size: 16px; line-height: 24px; color: #191919; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; vertical-align: middle;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .info_list_area {margin: 0 0 12px;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .info_list_area > .list {}
.gallery_com_cont_area2 > .list > li > .box .text_inner .info_list_area > .list > li {position: relative; padding: 0 0 0 75px;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .info_list_area > .list > li .tit {position: absolute; top: 0; left: 0; font-weight: 400; font-size: 16px; line-height: 30px; color: #6e6e6e;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .info_list_area > .list > li .txt {font-weight: 400; font-size: 16px; line-height: 30px; color: #191919; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .data_list_area > .list {font-size: 0;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .data_list_area > .list > li {display: inline-block; margin: 0 16px 0 0; padding: 0 0 0 19px; background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 30px; color: #8f8f8f;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .data_list_area > .list > li:last-child {margin: 0;}
.gallery_com_cont_area2 > .list > li > .box .text_inner .data_list_area > .list > li.icon01 {background-image: url('/images/home/kor/user/board/data_icon.png');}
.gallery_com_cont_area2 > .list > li > .box .text_inner .data_list_area > .list > li.icon02 {background-image: url('/images/home/kor/user/board/data_icon2.png');}
/* 갤러리2 */

/* 포스터 */
.poster_com_cont_area {border-top: 2px solid #5f6577; padding: 28px 0 0;}
.poster_com_cont_area > .list {font-size: 0;}
.poster_com_cont_area > .list > li {display: inline-block; width: calc(20% - 16.8px); margin: 21px 21px 0 0;}
.poster_com_cont_area > .list > li:nth-child(-n+5) {margin: 0 21px 0 0;}
.poster_com_cont_area > .list > li:nth-child(5n) {margin: 0;}
.poster_com_cont_area > .list > li > .box {display: block;}
.poster_com_cont_area > .list > li > .box .inner_box {}
.poster_com_cont_area > .list > li > .box .inner_box .img_box {display: table; position:relative; width: 100%; table-layout: fixed;}
.poster_com_cont_area > .list > li > .box .inner_box .img_box .img_inner {display: table-cell; width: 100%; height: 377px; background-color: #f7f7f7; vertical-align: middle; text-align: center;}
.poster_com_cont_area > .list > li > .box .inner_box .img_box .img_inner img {display: inline-block; transition: all .8s ease;}
.poster_com_cont_area > .list > li > .box:hover .inner_box .img_box .img_inner img, .gallery_com_cont_area > .list > li > .box:focus .inner_box .img_box .img_inner img {transform: scale(1.5);}
.poster_com_cont_area > .list > li > .box .inner_box .text_box {padding: 23px 10px 19px 0;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .title {margin: 0 0 11px; font-weight: 500; font-size: 20px; line-height: 30px; color: #191919; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; vertical-align: middle;}
.poster_com_cont_area.style2 > .list > li > .box .inner_box .text_box .title {height: 60px; -webkit-line-clamp: 2;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .text {height: 48px; margin: 0 0 11px; font-weight: 400; font-size: 16px; line-height: 24px; color: #191919; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; vertical-align: middle;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area {margin: 0 0 12px;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list {}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li {position: relative; padding: 0 0 0 75px;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .tit {position: absolute; top: 0; left: 0; font-weight: 400; font-size: 16px; line-height: 30px; color: #6e6e6e;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .info_list_area > .list > li .txt {font-weight: 400; font-size: 16px; line-height: 30px; color: #191919; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area {}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list {font-size: 0;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li {display: inline-block; margin: 0 16px 0 0; padding: 0 0 0 19px; background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 30px; color: #8f8f8f;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li:last-child {margin: 0;}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li.icon01 {background-image: url('/images/home/kor/user/board/data_icon.png');}
.poster_com_cont_area > .list > li > .box .inner_box .text_box .data_list_area > .list > li.icon02 {background-image: url('/images/home/kor/user/board/data_icon2.png');}
/* 포스터 */

/* 공지사항 */
.table_basics_com_cont_area .table_basics_area {width: 100%; border-top: 2px solid #757575; text-align: center; border-collapse: collapse; table-layout: fixed; box-sizing: border-box;}
.table_basics_com_cont_area .table_basics_area thead {border-bottom: 1px solid #ebebeb; background-color: #f7f8f9;}
.table_basics_com_cont_area .table_basics_area thead tr {}
.table_basics_com_cont_area .table_basics_area thead tr th {padding: 15px 5px; font-weight: 700; font-size: 16px; line-height: 22px; color: #333333;}
.table_basics_com_cont_area .table_basics_area tbody {}
.table_basics_com_cont_area .table_basics_area tbody tr {border-bottom: 1px solid #ebebeb; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.table_basics_com_cont_area .table_basics_area tbody tr td {position: relative; padding: 15px 5px; font-weight: 400; font-size: 16px; line-height: 24px; color: #2f2f2f; word-break: keep-all;}
.gray .table_basics_com_cont_area .table_basics_area tbody tr td {color: #ffffff;}
.gray .table_basics_com_cont_area .table_basics_area tbody tr td > * {color: #ffffff;}
.table_basics_com_cont_area .table_basics_area tbody tr td.tit {text-align: left; font-weight: 500; color: #2f2f2f;}
.gray .table_basics_com_cont_area .table_basics_area tbody tr td.tit {color: #ffffff;}
.table_basics_com_cont_area .table_basics_area tbody tr td.tit a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.table_basics_com_cont_area .table_basics_area tbody tr td.tit a:hover,
.table_basics_com_cont_area .table_basics_area tbody tr td.tit a:focus {color: #03a05a; text-decoration: underline;}
.gray .table_basics_com_cont_area .table_basics_area tbody tr td.tit a {color: #ffffff;}
.table_basics_com_cont_area .table_basics_area tbody tr td .file {display: inline-block; width: 18px; height: 10px; background-image: url('/images/home/kor/user/board/attach_ico.png'); background-size: cover; background-repeat: no-repeat; vertical-align: middle;}
.table_basics_com_cont_area .table_basics_area tbody tr td .new {display: inline-block; width: 19px; height: 19px; margin: 0 5px 0 0; background-image: url('/images/home/kor/user/board/new_icon.png'); background-size: cover; background-repeat: no-repeat; vertical-align: middle;}
.table_basics_com_cont_area .table_basics_area tbody tr.red {background-color: #fcf0f0;}
.table_basics_com_cont_area .table_basics_area tbody tr.red td {}
.gray .table_basics_com_cont_area .table_basics_area tbody tr.red td {color: #212121;}
.gray .table_basics_com_cont_area .table_basics_area tbody tr.red td a {color: #212121;}
.table_basics_com_cont_area .table_basics_area tbody tr.red td.num {font-weight: 500; color: #ec1a10;}
.table_basics_com_cont_area .table_basics_area tbody tr.red td.tit {}
.table_basics_com_cont_area .table_basics_area tbody tr.red td.date {}
.table_basics_com_cont_area .table_basics_area tbody tr.red td.file {}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark {display: inline-block; width: 100%; margin: 5px 0 0; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 26px; color: #333333; border-radius: 20px;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark:first-child {margin: 0;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.red {border: 1px solid #ed4040; color: #ed4040;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.blue {border: 1px solid #3c79d5; color: #3c79d5;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.green {border: 1px solid #03a05a; color: #03a05a;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark.gray {border: 1px solid #797979; background-color: inherit; color: #797979;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2 {display: inline-block; width: 100%; margin: 5px 0 0; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 26px; color: #ffffff; border-radius: 20px;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2:first-child {margin: 0;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2.red {border: 1px solid #ed4040; background-color: #ed4040;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2.blue {border: 1px solid #3c79d5; background-color: #3c79d5;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2.green {border: 1px solid #03a05a; background-color: #03a05a;}
.table_basics_com_cont_area .table_basics_area tbody tr td .mark2.gray {border: 1px solid #797979; background-color: #797979;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn {display: inline-block; width: 100%; margin: 5px 0 0; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 26px; color: #333333; border-radius: 20px;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn:first-child {margin: 0;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.red {border: 1px solid #ed4040; color: #ed4040;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.blue {border: 1px solid #3c79d5; color: #3c79d5;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.green {border: 1px solid #03a05a; color: #03a05a;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn.gray {border: 1px solid #797979; color: #797979;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn2 {display: inline-block; width: 100%; margin: 5px 0 0; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 26px; color: #ffffff; border-radius: 20px;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn2:first-child {margin: 0;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn2.red {border: 1px solid #ed4040; background-color: #ed4040;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn2.blue {border: 1px solid #3c79d5; background-color: #3c79d5;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn2.green {border: 1px solid #03a05a; background-color: #03a05a;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_btn2.gray {border: 1px solid #797979; background-color: #797979;}
.table_basics_com_cont_area .table_basics_area tbody tr td .com_slt {display: block; width: 100%; height: 30px; border: 1px solid #dfdfdf; padding: 0 25px 0 10px; background-color: #ffffff; background-image: url('/images/home/kor/user/board/slt_arr_icon.png'); background-position: right 10px center; background-size: 11px 7px; background-repeat: no-repeat; font-weight: 400; font-size: 14px; line-height: 28px; color: #333333;}
.table_basics_com_cont_area .table_basics_area tbody tr td .data_slt_area {font-size: 0;}
.table_basics_com_cont_area .table_basics_area tbody tr td .data_slt_area .com_slt {display: inline-block; width: calc(50% - 9.5px); vertical-align: middle;}
.table_basics_com_cont_area .table_basics_area tbody tr td .data_slt_area .etc {display: inline-block; padding: 0 5px; font-weight: 400; font-size: 14px; line-height: 30px; color: #333333; vertical-align: middle;}
.board_area .board_list tbody tr.red td .emphasis {display: inline-block; padding: 0 12px; border: 1px solid #e02316; font-weight: 500; font-size: 15px; line-height: 28px; color: #e02316; border-radius: 4px;}
/* 공지사항 */

/* 공지사항2 */
.notice_com_cont {}
.notice_com_cont > .list {font-size: 0;}
.notice_com_cont > .list > li {display: inline-block; width: calc(25% - 28.5px); margin: 0 38px 38px 0;}
.notice_com_cont > .list > li:nth-last-child(-n+4) {margin: 0 38px 0 0;}
.notice_com_cont > .list > li:nth-child(4n) {margin: 0 0 38px;}
.notice_com_cont > .list > li:last-child {margin: 0;}
.notice_com_cont > .list > li > .box {display: block; border: 1px solid #d2d2d2; padding: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.notice_com_cont > .list > li > .box:hover, .notice_com_cont > .list > li > .box:focus {border: 1px solid #1c42a4; box-shadow: 15px 15px 18px rgba(0, 0, 0, 0.19);}
.notice_com_cont > .list > li > .box .title_area {}
.notice_com_cont > .list > li > .box .title_area .title {height: 90px; font-weight: 400; font-size: 20px; line-height: 30px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.notice_com_cont > .list > li > .box .title_area .title .mark {display: inline-block; margin: 0 5px 0 0; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 26px; vertical-align: middle; border-radius: 5px;}
.notice_com_cont > .list > li > .box .title_area .title .mark.red {border: 1px solid #ed4040; color: #ed4040;}
.notice_com_cont > .list > li > .box .title_area .title .mark.blue {border: 1px solid #3c79d5; color: #3c79d5;}
.notice_com_cont > .list > li > .box .title_area .title .mark.green {border: 1px solid #03a05a; color: #03a05a;}
.notice_com_cont > .list > li > .box .title_area .title .mark.gray {border: 1px solid #d7d7d7; color: #d7d7d7;}
.notice_com_cont > .list > li > .box .title_area .title .mark2 {display: inline-block; margin: 0 5px 0 0; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 26px; color: #ffffff; vertical-align: middle; border-radius: 5px;}
.notice_com_cont > .list > li > .box .title_area .title .mark2.red {border: 1px solid #ed4040; background-color: #ed4040;}
.notice_com_cont > .list > li > .box .title_area .title .mark2.blue {border: 1px solid #3c79d5; background-color: #3c79d5;}
.notice_com_cont > .list > li > .box .title_area .title .mark2.green {border: 1px solid #03a05a; background-color: #03a05a;}
.notice_com_cont > .list > li > .box .title_area .title .mark2.gray {border: 1px solid #d7d7d7; background-color: #d7d7d7;}
.notice_com_cont > .list > li > .box .title_area .title .new {display: inline-block; width: 19px; height: 19px; margin: 0 5px 0 0; background-image: url('/images/home/kor/user/board/new_icon.png'); background-size: cover; background-repeat: no-repeat; vertical-align: middle;}
.notice_com_cont > .list > li > .box .data_list_area {margin: 28px 0 0;}
.notice_com_cont > .list > li > .box .data_list_area > .list {font-size: 0;}
.notice_com_cont > .list > li > .box .data_list_area > .list > li {display: inline-block; position:relative; margin: 0 10px 0 0; padding: 0 10px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #9e9e9e;}
.notice_com_cont > .list > li > .box .data_list_area > .list > li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 11px; background-color: #9e9e9e; transform: translateY(-50%);}
.notice_com_cont > .list > li > .box .data_list_area > .list > li:last-child {margin: 0; padding: 0;}
.notice_com_cont > .list > li > .box .data_list_area > .list > li:last-child:after {display: none;}
.notice_com_cont > .list > li > .box .inner_area {margin: 43px 0 0; padding: 0 25px 0 0; background-image: url('/images/home/kor/user/board/notice_file.jpg'); background-position: right center; background-repeat: no-repeat;}
.notice_com_cont > .list > li > .box .inner_area .next {position:relative; font-weight: 300; font-size: 14px; line-height: 21px; color: #393939;}
.notice_com_cont > .list > li > .box .inner_area .next:after {display: none; content: '>'; position:absolute; top: 50%; font-weight: 300; font-size: 12px; line-height: 21px; color: #393939; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; transform: translateY(-50%);}
.notice_com_cont > .list > li > .box:hover .inner_area .next, .notice_com_cont > .list > li > .box:focus .inner_area .next {padding: 0 17px 0 0;}
.notice_com_cont > .list > li > .box:hover .inner_area .next:after, .notice_com_cont > .list > li > .box:focus .inner_area .next:after {display: block; right: 0;}
/* 공지사항2 */

/* ==================== 게시판 VIEW Style ==================== */
.board_view {margin: 32px 0 0; border-bottom:1px solid #ebebeb;}
.board_view:first-child {margin: 0;}
.board_view .board_view_top {position:relative; z-index:1; padding:0 65px 20px; border-bottom: 2px solid #5f6577; text-align:center;}
.board_view .board_view_top.btn_non {padding: 0 0 20px;}
.board_view .board_view_top .board_text_list {}
.board_view .board_view_top .board_text_list .list {font-size: 0;}
.board_view .board_view_top .board_text_list .list li {display: inline-block; position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #777777;}
.board_view .board_view_top .board_text_list .list li:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; margin: -7px 0 0; background-color: #777777;}
.board_view .board_view_top .board_text_list .list li:last-child {margin: 0; padding: 0;}
.board_view .board_view_top .board_text_list .list li:last-child:after {display: none;}
.board_view .board_view_top .board_text_list .list li.ft_color {color: #2475e3;}
.board_view .board_view_top > .ft_color {}
.board_view .board_view_top .mark_list {margin: 0 0 10px;}
.board_view .board_view_top .mark_list .list {font-size: 0;}
.board_view .board_view_top .mark_list .list li {display: inline-block; margin: 0 5px 0 0;}
.board_view .board_view_top .mark_list .list li:last-child {margin: 0;}
.board_view .board_view_top .mark_list .list li .mark {display:inline-block; border-radius: 10px; padding:5px 10px; background-color:#ec1a10; color:#fff; font-size:15px;}
.board_view .board_view_top .mark_list .list li .mark.bg1 {border: 1px solid #f13c3c; background-color: inherit; color: #f13c3c;}
.board_view .board_view_top .mark_list .list li .mark.bg2 {border: 1px solid #3ca7f1; background-color: inherit; color: #3ca7f1;}
.board_view .board_view_top .mark_list .list li .mark.bg3 {border: 1px solid #9e9e9e; background-color: inherit; color: #9e9e9e;}

.board_view .board_view_top .mark_list.sty2 .list li .mark {display:inline-block; border:inherit; border-radius: 10px; padding:5px 10px; color:#fff; font-size:15px;}
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg1 {background-color: #ffb414;} /* 노랑 */
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg2 {background-color: #ff7814;} /* 주황 */
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg3 {background-color: #4894ea;} /* 파랑 */
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg4 {background-color: #46c1ac;} /* 연녹 */
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg5 {background-color: #894c20;} /* 갈색 */
.board_view .board_view_top .mark_list.sty2 .list li .mark.bg6 {background-color: #ff4614;} /* 빨강 */


.board_view .board_title_cont {border-top: 2px solid #8f8f8f; border-bottom: 1px solid #ebebeb; padding: 40px 10px 36px 40px; background-color: #f7f7f7;}
.board_view .board_title_cont .mark_list_area {margin: 0 0 14px; vertical-align: top; font-size: 0;}
.board_view .board_title_cont .program_title {display: inline-block; margin: 0 0 0 5px; font-weight: 500; font-size: 15px; line-height: 28px; color: #228020; vertical-align: middle;}
.board_view .board_title_cont .mark_list_area .list {display: inline-block; vertical-align: middle; font-size: 0;}
.board_view .board_title_cont .mark_list_area .list li {display: inline-block; margin: 0 4px 0 0;}
.board_view .board_title_cont .mark_list_area .list li:last-child {margin: 0;}
.board_view .board_title_cont .mark_list_area .list li .mark {display: inline-block; padding: 0 12px; font-weight: 500; font-size: 15px; line-height: 26px; color: #333333; border-radius: 10px;}
.board_view .board_title_cont .mark_list_area .list li .mark.bg1 {border: 1px solid #f56363; color: #f56363;}
.board_view .board_title_cont .mark_list_area .list li .mark.bg2 {border: 1px solid #4894ea; color: #4894ea;}
.board_view .board_title_cont .mark_list_area .list li .mark.bg3 {border: 1px solid #8f8f8f; color: #8f8f8f;}
.board_view .board_title_cont .mark_list_area .list li .mark.bg4 {border: 1px solid #228020; color: #228020;}

.board_view .board_title_cont .mark_list_area .list li .mark.sty2.bg1 {border: 1px solid #f56363; background-color: #f56363; color: #ffffff;}
.board_view .board_title_cont .mark_list_area .list li .mark.sty2.bg2 {border: 1px solid #4894ea; background-color: #4894ea; color: #ffffff;}
.board_view .board_title_cont .mark_list_area .list li .mark.sty2.bg3 {border: 1px solid #8f8f8f; background-color: #8f8f8f; color: #ffffff;}
.board_view .board_title_cont .mark_list_area .list li .mark.sty2.bg4 {border: 1px solid #228020; background-color: #228020; color: #ffffff;}

.board_view .board_title_cont .title {margin: 0 0 24px; font-weight: 500; font-size: 22px; line-height: 33px; color: #2f2f2f;}
.board_view .board_title_cont .title .qna_area {}
.board_view .board_title_cont .title .qna_area .qna_txt {display: inline-block; width: 33px; height: 33px; margin: 0 10px 0 0; font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; border-radius: 50%; text-align: center;}
.board_view .board_title_cont .title .qna_area.q .qna_txt {background-color: #3c79d5;}
.board_view .board_title_cont .title .qna_area.a .qna_txt {background-color: #ff5656;}
.board_view .board_title_cont .title .qna_area .tit {font-weight: 500; font-size: 22px; line-height: 33px;}
.board_view .board_title_cont .title .qna_area.q .tit {color: #3c79d5;}
.board_view .board_title_cont .title .qna_area.a .tit {color: #ff5656;}
.board_view .board_title_cont .data_list_area {}
.board_view .board_title_cont .data_list_area .list {font-size: 0;}
.board_view .board_title_cont .data_list_area .list li {display: inline-block; position:relative; margin: 0 11px 0 0; padding: 0 11px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #656565;}
.board_view .board_title_cont .data_list_area .list li:after {content: ''; position:absolute; top: 3px; right: 0; width: 1px; height: 16px; background-color: #dfdfdf;}
.board_view .board_title_cont .data_list_area .list li:last-child {margin: 0; padding: 0;}
.board_view .board_title_cont .data_list_area .list li:last-child:after {display: none;}


.board_view .board_view_top .tit {display:block; margin: 0 0 20px; font-size: 26px; line-height: 39px; color: #333333;}
.gray .board_view .board_view_top .tit {color: #ffffff;}
.board_view .board_view_top .tit .mark {margin: 0 5px 0 0; vertical-align:top;}
.board_view .board_view_top .tit .mark:last-child {margin: 0;}
.board_view .board_view_top .tit .ft_c01 {color: #4894ea;}
.board_view .board_view_top .tit .qna_area {display: inline-block; }
.board_view .board_view_top .tit .qna_area .qna_txt {display: inline-block; width: 39px; height: 39px; margin: 0 10px 0 0; font-weight: 500; font-size: 26px; line-height: 39px; color: #ffffff; border-radius: 50%; text-align: center;}
.board_view .board_view_top .tit .qna_area.q .qna_txt {background-color: #3c79d5;}
.board_view .board_view_top .tit .qna_area.a .qna_txt {background-color: #ff5656;}
.board_view .board_view_top .tit .qna_area .tit {display: inline-block; margin: 0; font-weight: 500; font-size: 26px; line-height: 39px;}
.board_view .board_view_top .tit .qna_area.q .tit {color: #3c79d5;}
.board_view .board_view_top .tit .qna_area.a .tit {color: #ff5656;}
.board_view .board_view_top .info {color:#777; font-size:0;}
.gray .board_view .board_view_top .info {color: #ffffff;}
.board_view .board_view_top .info .each {display:inline-block; font-size:15px;}
.board_view .board_view_top .info .each:after {content:"|"; display:inline-block; margin-top:-2px; padding:0 15px; color:#d7d7d7; font-size:12px; vertical-align:middle;}
.board_view .board_view_top .info .each:last-child:after {display:none;}
.board_view .board_view_top .controler {position:absolute; left:20px; top:50%; z-index:1; width:30px; height:40px; line-height:40px; margin-top:-15px; font-size:30px; text-align:center;}
.board_view .board_view_top .controler:hover {-webkit-animation: scale1_3 0.8s infinite; animation: scale1_3 0.8s infinite;}
.board_view .board_view_top .next {left:auto; right:20px;}
.board_view .board_view_top .btn_arr {position: absolute; top: 50%; width: 16px; height: 27px; margin: -13px 0 0; background-position: 0 0; background-size: cover; background-repeat: no-repeat; text-indent: -9999px;}
.board_view .board_view_top .board_prev {left: 25px; background-image: url('/images/home/kor/user/board/board_prev.jpg');}
.board_view .board_view_top .board_next {right: 25px; background-image: url('/images/home/kor/user/board/board_next.jpg');}

.board_view .board_write {width: 100%;}
.board_view .board_write tbody {}
.board_view .board_write tbody tr {border-bottom: 1px solid #d9d9d9;}
.board_view .board_write tbody tr th {padding: 10px; background-color: #f5f7f9; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 15px; line-height: 22px; color: #242424; text-align: left;}
.board_view .board_write tbody tr td {padding: 10px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 15px; line-height: 22px; color: #5b5b5b; -ms-word-break: keep-all; word-break: keep-all;}
.board_view .board_write tbody tr td.ft_c {color: #4894ea;}
.board_view .board_write tbody tr td .file {position: relative; padding: 0 0 0 20px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; line-height: 24px; color: #5b5b5b;}
.board_view .board_write tbody tr td .file:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin: -6px 0 0; background: url('/images/home/kor/user/board/attach_ico.png') 0 0 no-repeat;}
.board_view .board_write tbody tr td .view {display: inline-block; width: 70px; height: 29px; border: 1px solid #4894ea; border-radius: 10px; font-weight: 400; font-size: 14px; line-height: 27px; color: #4894ea; text-align: center;}

/* board_write style2 */
.board_view .board_write.sty2 {}
.board_view .board_write.sty2 tbody tr th {background-color: inherit;}
.board_view .board_write.sty2 tbody tr th .text {position: relative; padding: 0 0 0 12px;}
.board_view .board_write.sty2 tbody tr th .text:before {display: block; content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background-color: #333333; border-radius: 50%;}
.board_view .board_view_con {padding:40px 25px;}
.board_view .board_view_con .box_cont {margin: 40px 0 0;}
.board_view .board_view_con .box_cont:first-child {margin: 0;}
.board_view .board_view_con .box_cont .title {position: relative; padding: 0 0 0 45px; font-weight: 500; font-size: 24px; line-height: 36px; color: #333333;}
.board_view .board_view_con .box_cont .title:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 36px; height: 36px; border-radius: 50%; color: #ffffff; text-align: center;}
.board_view .board_view_con .box_cont.q_box .title:before {content: 'Q'; background-color: #888888;}
.board_view .board_view_con .box_cont.a_box .title:before {content: 'A'; background-color: #4894ea;}
.board_view .board_view_con .box_cont .text_box {margin: 20px 0 0; padding: 25px 10px 25px 40px; font-weight: 300; font-size: 15px; line-height: 25px; color: #333333; background-color: #f7f7f7; word-break: keep-all;}

.board_view .board_view_file {display:table; width:100%; border-collapse:collapse; border-top:1px solid #ebebeb;}
.board_view .board_view_file .tit {display:table-cell; width:20%; padding:15px 25px; background-color :#f7f7f7; font-weight: 500; font-size: 16px; vertical-align:middle;}
.board_view .board_view_file .file_box {display:table-cell; padding:15px 20px; vertical-align:middle;}
.board_view .board_view_file .file_each {margin: 10px 0 0;}
.board_view .board_view_file .file_each:first-child {margin-top:0;}
.board_view .board_view_file .file_each a:hover, .board_view_file .file_each a:focus {text-decoration:underline;}
.board_view .board_view_file .file_each a {display: inline-block; position: relative; padding: 0 0 0 20px; background-image: url('/images/home/kor/user/board/attach_ico.png'); background-position: 0 6px; background-repeat: no-repeat; font-weight: 300; font-size: 15px; line-height: 22px; word-break: break-all;}
.gray .board_view .board_view_file .file_each a {color: #ffffff;}
.board_view .board_view_file .file_each button {width: 78px; height: 29px; margin: 0 0 0 10px; background-color: #373737;}
.board_view .board_view_file .file_each button:hover, .board_view_file .file_each button:focus {border: 1px solid #373737; background-color: inherit;}
.board_view .board_view_file .file_each button .text {display: inline-block; font-weight: 300; font-size: 14px; line-height: 27px; color: #ffffff; box-sizing: border-box;}
.board_view .board_view_file .file_each button:hover .text, .board_view_file .file_each button:focus .text {color: #373737;}
/* ==================== 게시판 VIEW Style ==================== */

/* ==================== 게시판 VIEW - 이미지 있을경우 Style ==================== */
.board_view .img_view_cont {padding: 25px 0; border-bottom: 1px solid #d9d9d9;}
.board_view .img_view_cont .box {display: table; width: 100%; table-layout: fixed;}
.board_view .img_view_cont .box .img_area {display: table-cell; width: 344px; vertical-align: middle; text-align: center;}
.board_view .img_view_cont .box .img_area .img_box {display: table; width: 100%; table-layout: fixed;}
.board_view .img_view_cont .box .img_area .img_box .inner_box {display: table-cell; width: 100%; height: 213px; background-color: #f7f7f7; vertical-align: middle; text-align: center;}
.board_view .img_view_cont .box .img_area .img_box .inner_box img {display: inline-block; height: 100%;}
.board_view .img_view_cont .box .txt_area {display: table-cell; padding: 0 0 0 34px; vertical-align: middle;}
.board_view .img_view_cont .box .txt_area .txt_box {}
.board_view .img_view_cont .box .txt_area .txt_box .txt {position: relative; padding: 0 0 0 90px; margin: 5px 0 0; font-weight: 300; font-size: 14px; line-height: 21px; color: #898989; word-break: keep-all;}
.board_view .img_view_cont .box .txt_area .txt_box .txt:first-child {margin: 0;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .tit {position: absolute; top: 0; left: 0; font-weight: 400; color: #525252;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .file_list {font-size: 0;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .file_list li {display: inline-block; margin: 0 10px 0 0;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .file_list li:last-child {margin: 0;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .file_list li a {display: block;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .file_list li a .text {position: relative; padding: 0 0 0 24px; font-weight: 300; font-size: 14px; line-height: 21px; color: #898989; word-break: keep-all;}
.board_view .img_view_cont .box .txt_area .txt_box .txt .file_list li a .text:before {display: block; content: ''; position:absolute; top: 50%; left: 0; width: 14px; height: 14px; margin: -7px 0 0; background-image: url('/images/home/kor/user/basic/attach_ico.png'); background-size: 14px; background-repeat: no-repeat;}
/* ==================== 게시판 VIEW - 이미지 있을경우 Style ==================== */

/* post nav */
.post_nav {margin: 15px 0 0;}
.post_nav .list {border: 1px solid #ebebeb; border-left: none; border-right: none;}
.post_nav .list .item {border-bottom: 1px solid #ebebeb;}
.post_nav .list .item:last-child {border-bottom: none;}
.post_nav .list .item .item_wrapper {display: table; width: 100%; table-layout: fixed;}
.post_nav .list .item .item_wrapper .tit {display: table-cell; padding: 14px; width: 20%; background-color: #f7f7f7;}
.post_nav .list .item .item_wrapper .tit .icon {padding: 0 0 0 30px; background-position: left center; background-size: 14px auto; background-repeat: no-repeat; font-weight: 500; font-size: 17px; line-height: 30px; color: #333;}
.post_nav .list .item.prev .item_wrapper .tit .icon {background-image: url('/images/home/kor/user/board/post_nav_prev.png');}
.post_nav .list .item.next .item_wrapper .tit .icon {background-image: url('/images/home/kor/user/board/post_nav_next.png');}
.post_nav .list .item .item_wrapper .post {display: table-cell; padding: 14px;}
.post_nav .list .item .item_wrapper .post .text {display: block; font-weight: 500; font-size: 17px; line-height: 30px; color: #333; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.gray .post_nav .list .item .item_wrapper .post .text {color: #ffffff;}
/* post nav */

/* ==================== Pagination Style ==================== */
.pagination {margin: 50px 0 0; font-size:0; text-align: center;}
.pagination a {display: inline-block; width: 34px; height: 34px; margin: 0 0 3px; font-size: 15px; line-height: 34px; text-align: center; vertical-align: middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.gray .pagination a {color: #ffffff;}
.pagination a:hover, .pagination a:focus, .pagination .active {background-color:#f5f5f5; font-weight: 500; color: #333333; border-radius: 50%;}
.gray .pagination a:hover, .gray .pagination a:focus, .gray .pagination .active {color: #333333;}
.pagination .page_arrow {position: relative;}
.pagination .page_arrow:before {display: block; content: ''; position: absolute; top: 50%; height: 12px; background-position: 0 0; background-size: contain; background-repeat: no-repeat;}
.pagination .page_arrow:hover, .pagination .page_arrow:focus {background-color: inherit;}
.pagination .page_arrow.l1 {margin: 0 20px 3px 0;}
.pagination .page_arrow.l1:before {left: 50%; width: 9px; margin: -6px 0 0 -4px; background-image: url('/images/home/kor/user/board/page_l1.png');}
.gray .pagination .page_arrow.l1:before {background-image: url('/images/home/kor/user/board/g_page_l1.png');}
.pagination .page_arrow.l2 {}
.pagination .page_arrow.l2:before {left: 50%; width: 17px; margin: -6px 0 0 -8px; background-image: url('/images/home/kor/user/board/page_l2.png');}
.gray .pagination .page_arrow.l2:before {background-image: url('/images/home/kor/user/board/g_page_l2.png');}
.pagination .page_arrow.r1 {margin: 0 0 3px 20px;}
.pagination .page_arrow.r1:before {left: 50%; margin: -6px 0 0 -4px; width: 9px; margin: -6px 0 0 -4px; background-image: url('/images/home/kor/user/board/page_r1.png');}
.gray .pagination .page_arrow.r1:before {background-image: url('/images/home/kor/user/board/g_page_r1.png');}
.pagination .page_arrow.r2 {}
.pagination .page_arrow.r2:before {left: 50%; width: 17px; margin: -6px 0 0 -8px; background-image: url('/images/home/kor/user/board/page_r2.png');}
.gray .pagination .page_arrow.r2:before {background-image: url('/images/home/kor/user/board/g_page_r2.png');}
/* ==================== Pagination Style ==================== */

.chk_inner {font-size: 0;}
.chk_inner .inp_chk {display: inline-block; position:relative; width: 18px; height: 18px; border: 2px solid #c4c4c4; padding: 0; background-color: #ffffff; cursor: pointer; vertical-align: top;}
.chk_inner .inp_chk:checked {border: 2px solid #81848b;}
.chk_inner .inp_chk:checked:before {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 13px; height: 11px; background-image: url('/images/home/kor/user/board/chk_icon.jpg'); background-size: 13px 11px; background-repeat: no-repeat; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.chk_inner label {display: block; font-weight: 400; font-size: 16px; line-height: 28px; color: #2f2f2f;}


/* 공통 탭 */
.com_tab_area {margin: 0 0 30px;}
.com_tab_area .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.com_tab_area .list li {width: 100%; border: 1px solid #dadce0; border-left: none;}
.com_tab_area .list li:first-child {border-left: 1px solid #dadce0;}
.com_tab_area .list li .tab_btn {display: block; width: 100%; position:relative; padding: 0 40px 0 24px; font-weight: 400; font-size: 18px; line-height: 60px; color: #222222; text-align: left;}
.com_tab_area .list li .tab_btn:after {content: ''; position:absolute; top: 50%; right: 23px; width: 14px; height: 8px; background-image: url('/images/home/kor/user/common/tab_arr_off.png'); background-size: contain; background-repeat: no-repeat;}
.com_tab_area .list li.on .tab_btn {color: #00a9e0;}
.com_tab_area .list li.on .tab_btn:before {content: ''; position:absolute; top: -1px; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: 1px solid #00a9e0; box-shadow: 0 0 10px rgba(0, 169, 224, 0.2);}
.com_tab_area .list li.on .tab_btn:after {background-image: url('/images/home/kor/user/common/tab_arr_on.png');}

.com_tab_area.sty2 {}
.com_tab_area.sty2 .list {}
.com_tab_area.sty2 .list li {display: table; width: 100%; table-layout: fixed;}
.com_tab_area.sty2 .list li .tab_btn {display: table-cell; width: 100%; height: 62px; font-size: inherit; line-height: inherit; vertical-align: middle;}
.com_tab_area.sty2 .list li .tab_btn .text {font-weight: 400; font-size: 16px; line-height: 24px; color: #222222;}
.com_tab_area.sty2 .list li.on .tab_btn .text {color: #00a9e0;}
/* 공통 탭 */

.com_sub_tab_area {margin: 0 0 64px;}
.com_sub_tab_area .list_area {}
.com_sub_tab_area .list_area .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.com_sub_tab_area .list_area .list li {flex: 1;}
.com_sub_tab_area .list_area .list li .btn_box {display: table; position:relative; width: 100%; height: 79px; table-layout: fixed; vertical-align: middle;}
.com_sub_tab_area .list_area .list li.on .btn_box:before {content: ''; position:absolute; top: 0; right: -3px; bottom: 0; left: 0; height: 73px; border: 3px solid #283371; z-index: 1;}
.com_sub_tab_area .list_area .list li:last-child.on .btn_box:before {right: 0;}
.com_sub_tab_area .list_area .list li .btn_box .tab_btn {display: table-cell; border: 3px solid #e6e9ee; border-right: none; width: 100%; height: 100%; padding: 0 30px 0 15px; font-weight: 700; font-size: 16px; line-height: 24px; color: #333333; text-align: left; vertical-align: middle;}
.com_sub_tab_area .list_area .list li:last-child .btn_box .tab_btn {border-right: 3px solid #e6e9ee;}
.com_sub_tab_area .list_area .list li .btn_box .line {display: block; position:absolute; top: 50%; right: 15px; width: 10px; height: 2px; margin: -1px 0 0;}
.com_sub_tab_area .list_area .list li .btn_box .line:before, .com_sub_tab_area .list_area .list li .btn_box .line:after {content: ''; position:absolute; width: 8px; height: 2px; background-color: #9aa4b5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.com_sub_tab_area .list_area .list li .btn_box .line:before {left: 0;}
.com_sub_tab_area .list_area .list li.on .btn_box .line:before {width: 8px; transform: rotate(45deg); background-color: #ffffff;}
.com_sub_tab_area .list_area .list li .btn_box .line:after {right: -2px;}
.com_sub_tab_area .list_area .list li.on .btn_box .line:after {width: 8px; transform: rotate(-45deg); background-color: #ffffff;}
.com_sub_tab_area .list_area .list li.on .btn_box .tab_btn {background-color: #283371; color: #ffffff;}
.com_sub_tab_area .com_m_selt {display: none; border: 1px solid #283371; background-image: url('/images/home/kor/user/board/slt_arr_icon2.png'); font-weight: 500; font-size: 14px; color: #283371;}

.com_sub_tab_area2 {margin: 0 0 30px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14);}
.com_sub_tab_area2 .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; border: 2px solid #3a7dd9; background-color: #ffffff; border-radius: 5px;}
.com_sub_tab_area2 .list li {display: table; position:relative; width: 100%; table-layout: fixed; text-align: left;}
.com_sub_tab_area2 .list li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 44px; background-color: #e0e0e0; transform: translateY(-50%);}
.com_sub_tab_area2 .list li.on:after {display: none;}
.com_sub_tab_area2 .list li:last-child:after {display: none;}
.com_sub_tab_area2 .list li .btn {display: table-cell; width: 100%; height: 64px; padding: 0 5px; vertical-align: middle; text-align: center;}
.com_sub_tab_area2 .list li.on {background-color: #3a7dd9;}
.com_sub_tab_area2 .list li.on .btn {background-color: #3a7dd9; border-radius: 5px;}
.com_sub_tab_area2 .list li .btn .text {display: inline-block; font-weight: 700; font-size: 20px; line-height: 30px; color: #3a7dd9;}
.com_sub_tab_area2 .list li.on .btn .text {color: #ffffff;}

.com_sub_tab_area3 {margin: 0 0 53px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14);}
.com_sub_tab_area3 .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; border: 2px solid #3a7dd9; background-color: #ffffff; border-radius: 5px;}
.com_sub_tab_area3 .list li {display: table; position:relative; width: 100%; table-layout: fixed;}
.com_sub_tab_area3 .list li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 44px; background-color: #e0e0e0; transform: translateY(-50%);}
.com_sub_tab_area3 .list li.on:after {display: none;}
.com_sub_tab_area3 .list li:last-child:after {display: none;}
.com_sub_tab_area3 .list li .btn {display: table-cell; width: 100%; height: 64px; padding: 0 5px; vertical-align: middle; text-align: center;}
.com_sub_tab_area3 .list li.on {background-color: #3a7dd9;}
.com_sub_tab_area3 .list li.on .btn {background-color: #3a7dd9; border-radius: 5px;}
.com_sub_tab_area3 .list li .btn .text {display: inline-block; font-weight: 700; font-size: 20px; line-height: 30px; color: #3a7dd9;}
.com_sub_tab_area3 .list li.on .btn .text {color: #ffffff;}

.com_sub_tab_area4 {margin: 0 0 30px;}
.com_sub_tab_area4 .list {border-bottom: 1px solid #e0e0e0;}
.com_sub_tab_area4 .list li {display: inline-block; position:relative;}
.com_sub_tab_area4 .list li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 11px; background-color: #e0e0e0; transform: translateY(-50%);}
.com_sub_tab_area4 .list li:last-child:after {display: none;}
.com_sub_tab_area4 .list li .btn {display: block; width: 100%; padding: 0 25px;}
.com_sub_tab_area4 .list li:first-child .btn {padding: 0 25px 0 0;}
.com_sub_tab_area4 .list li .btn .text {display: inline-block; position:relative; font-weight: 400; font-size: 16px; line-height: 30px; color: #222222;}
.com_sub_tab_area4 .list li.on .btn .text {font-weight: 500; color: #ff0000;}
.com_sub_tab_area4 .list li.on .btn .text:before {content: ''; position:absolute; bottom: -1px; left: 0; right: 0; width: 100%; height: 2px; background-color: #ff0000;}

/* 개인정보처리방침, 이메일무단수집거부 */
.com_info_law_cont_area {}
.com_info_law_cont_area > .list {}
.com_info_law_cont_area > .list > li {margin: 0 0 54px;}
.com_info_law_cont_area > .list > li:last-child {margin: 0;}
.com_info_law_cont_area > .list li.red {color: #ed4040 !important;}
.com_info_law_cont_area > .list li.blue {color: #3c79d5 !important;}
.com_info_law_cont_area > .list li.green {color: #03a05a !important;}
.com_info_law_cont_area > .list li.gray {color: #d7d7d7 !important;}
.com_info_law_cont_area > .list > li .table_container {}
.com_info_law_cont_area > .list > li .table_container .table_inner {}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area {border-top: 2px solid #8f8f8f; width: 100%; text-align: center;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area thead {}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area thead tr {border-bottom: 1px solid #ebebeb;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area thead tr th {border-left: 1px solid #ebebeb; padding: 12px 10px; background-color: #f7f7f7; font-weight: 500; font-size: 16px; line-height: 24px; color: #2f2f2f;}
body.gray .com_info_law_cont_area > .list > li .table_container .table_inner .table_area thead tr th { background-color: transparent; color: #ffffff;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area thead tr th:first-child {border-left: none;}}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area tbody {}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area tbody tr {border-bottom: 1px solid #ebebeb;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area tbody tr td {border-left: 1px solid #ebebeb; padding: 12px 10px; font-weight: 400; font-size: 16px; line-height: 24px; color: #212121;}
body.gray .com_info_law_cont_area > .list > li .table_container .table_inner .table_area tbody tr td { color: #ffffff;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area tbody tr td:first-child {border-left: 0;}
.com_info_law_cont_area > .list > li .table_container .table_inner .table_area tbody tr td.bd {border-left: 1px solid #ebebeb;}
.com_info_law_cont_area > .list > li > .law_top_cont_area {padding: 40px; background-color: #f5f5f5;}
body.gray .com_info_law_cont_area > .list > li > .law_top_cont_area { border: 1px solid #ffffff; background-color: transparent;}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box {padding: 20px 0 0 135px; background-image: url('/images/home/kor/user/common/law_icon01.png'); background-position: top left; background-repeat: no-repeat;}
.com_info_law_cont_area > .list > li > .law_top_cont_area.sty2 .box {padding: 20px 0 20px 135px;}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list {}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list > li {margin: 0 0 28px; font-weight: 400; font-size: 18px; line-height: 28px; color: #333333;}
body.gray .com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list > li { color: #ffffff;}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list > li:last-child { margin: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box {}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area {position:relative; margin: 0 0 18px; padding: 0 0 0 34px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area:before {content: ''; position:absolute; top: 8px; left: 0; width: 27px; height: 20px; background-image: url('/images/home/kor/user/sub/list_tit_icon.png'); background-position: center; background-size: 100%; background-repeat: no-repeat;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area .title {font-weight: 700; font-size: 24px; line-height: 36px; color: #333333;}
body.gray .com_info_law_cont_area > .list > li > .cont_law_com_box > .title_area .title { color: #ffffff;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area {}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 {}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li {margin: 0 0 32px; font-weight: 300; font-size: 16px; line-height: 24px; color: #424242;}
body.gray .com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li { color: #ffffff;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li:last-child {margin: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li.icon1 {position:relative; padding: 0 0 0 32px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li.icon1 > .num {position:absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: #03a05a; font-weight: 700; font-size: 15px; line-height: 24px; color: #ffffff; border-radius: 50%; text-align: center;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li.icon2 {position:relative; padding: 0 0 0 15px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li.icon2 > .num {position:absolute; top: 0; left: 0; font-weight: 300; font-size: 14px; line-height: 24px; color: #424242;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 {margin: 15px 0 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li {margin: 0 0 10px; font-weight: 300; font-size: 16px; line-height: 24px; color: #424242;}
body.gray .com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li { color: #ffffff;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li:last-child {margin: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li.icon1 {position:relative; padding: 0 0 0 32px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li.icon1 > .num {position:absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: #03a05a; font-weight: 700; font-size: 15px; line-height: 24px; color: #ffffff; border-radius: 50%; text-align: center;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li.icon2 {position:relative; padding: 0 0 0 20px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li.icon2 > .num {position:absolute; top: 0; left: 0; font-weight: 300; font-size: 14px; line-height: 24px; color: #424242;}
body.gray .com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li.icon2 > .num { color: #ffffff;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 {margin: 15px 0 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li {margin: 0 0 10px; font-weight: 300; font-size: 16px; line-height: 24px; color: #424242;}
body.gray .com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li { color: #ffffff;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li:last-child {margin: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li.icon1 {position:relative; padding: 0 0 0 32px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li.icon1 > .num {position:absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: #03a05a; font-weight: 700; font-size: 15px; line-height: 24px; color: #ffffff; border-radius: 50%; text-align: center;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li.icon2 {position:relative; padding: 0 0 0 20px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li.icon2 > .num {position:absolute; top: 0; left: 0; font-weight: 300; font-size: 14px; line-height: 24px; color: #424242;}
body.gray .com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li.icon2 > .num { color: #ffffff;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 {margin: 15px 0 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li {margin: 0 0 10px; font-weight: 300; font-size: 16px; line-height: 24px; color: #424242;}
body.gray .com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li { color: #ffffff;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li:last-child {margin: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li.icon1 {position:relative; padding: 0 0 0 32px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li.icon1 > .num {position:absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: #03a05a; font-weight: 700; font-size: 14px; line-height: 24px; color: #ffffff; border-radius: 50%; text-align: center;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li.icon2 {position:relative; padding: 0 0 0 20px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li.icon2 > .num {position:absolute; top: 0; left: 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #424242;}
body.gray .com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li.icon2 > .num { color: #ffffff;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li > .list6 {margin: 15px 0 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li > .list6 > li {margin: 0 0 10px; font-weight: 300; font-size: 16px; line-height: 24px; color: #424242;}
body.gray .com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li > .list6 > li { color: #ffffff;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li > .list6 > li:last-child {margin: 0;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li > .list6 > li.icon1 {position:relative; padding: 0 0 0 32px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li > .list6 > li.icon1 > .num {position:absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: #03a05a; font-weight: 700; font-size: 14px; line-height: 24px; color: #ffffff; border-radius: 50%; text-align: center;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li > .list6 > li.icon2 {position:relative; padding: 0 0 0 20px;}
.com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li > .list6 > li.icon2 > .num {position:absolute; top: 0; left: 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #424242;}
body.gray .com_info_law_cont_area > .list > li > .cont_law_com_box > .info_txt_list_area > .list2 > li > .list3 > li > .list4 > li > .list5 > li > .list6 > li.icon2 > .num { color: #ffffff;}
.com_info_law_cont_area > .list > li > .law_top_cont_area.sty3 {padding: 50px 80px 50px 150px;}
.com_info_law_cont_area > .list > li > .law_top_cont_area.sty3 .box {padding: 32px 0 32px 146px; background-position: top left; background-repeat: no-repeat;}
.com_info_law_cont_area > .list > li > .law_top_cont_area.sty3.email_reject .box {background-image: url('/images/home/kor/user/common/email_reject_icon.png');}
.com_info_law_cont_area > .list > li > .law_top_cont_area.sty3.copyright_policy .box {background-image: url('/images/home/kor/user/common/service_copyright_policy_icon.png');}

.com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list > li .info_list_box {}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list > li .info_list_box > .list {}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list > li .info_list_box > .list > li {margin: 0 0 5px;}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list > li .info_list_box > .list > li:last-child {margin: 0;}
.com_info_law_cont_area > .list > li > .law_top_cont_area .box > .list > li .info_list_box > .list > li .txt {font-weight: 400; font-size: 15px; line-height: 24px; color: #909090;}

/* 완료페이지 */
.inner_cont_area {border: 1px solid #e0e0e0; padding: 60px 10px 54px; border-radius: 10px;}
.inner_cont_area .inner_box {text-align: center;}
.inner_cont_area .inner_box .title {margin: 0 0 12px; padding: 186px 0 0; background-image: url('/images/home/kor/user/common/pletion_icon.png'); background-position: top center; background-repeat: no-repeat; font-weight: 700; font-size: 24px; line-height: 36px; color: #333333;}
.gray .inner_cont_area .inner_box .title {color: #ffffff;}
.inner_cont_area .inner_box .title .green {color: #03a05a;}
.inner_cont_area .inner_box .title.icon2 {background-image: url('/images/home/kor/user/common/ready_icon.png');}
.inner_cont_area .inner_box .title .ft_c {color: #03a05a;}
.inner_cont_area .inner_box .text {font-weight: 700; font-size: 16px; line-height: 26px; color: #424242;}
.gray .inner_cont_area .inner_box .text {color: #ffffff;}
.inner_cont_area .inner_box .text .ft_b {font-weight: 700;}


/* 통합검색 */
.integration_sch_com_area {}
.integration_sch_com_area .search_tit {margin: 0 0 25px; font-weight: 400; font-size: 18px; line-height: 27px; color: #333333;}
.gray .integration_sch_com_area .search_tit {color: #ffffff;}
.integration_sch_com_area .search_tit .ft_c {font-weight: 700; color: #03a05a;}
.integration_sch_com_area .search_tit .red {font-weight: 700;}
.integration_sch_com_area > .sch_com_list_area {border-top: 2px solid #666666;}
.integration_sch_com_area > .sch_com_list_area > li {border-bottom: 1px solid #eeeeee;}
.integration_sch_com_area > .sch_com_list_area > li .box {display: block; padding: 28px;}
.integration_sch_com_area > .sch_com_list_area > li .box .sub_tit {margin: 0 0 4px; font-weight: 400; font-size: 16px; line-height: 26px; color: #212121;}
.gray .integration_sch_com_area > .sch_com_list_area > li .box .sub_tit {color: #ffffff;}
.integration_sch_com_area > .sch_com_list_area > li .box .title {margin: 0 0 8px; font-weight: 700; font-size: 18px; line-height: 26px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.gray .integration_sch_com_area > .sch_com_list_area > li .box .title {color: #ffffff;}
.integration_sch_com_area > .sch_com_list_area > li .box .data {font-weight: 400; font-size: 16px; line-height: 30px; color: #797979;}
.gray .integration_sch_com_area > .sch_com_list_area > li .box .data {color: #ffffff;}
.integration_sch_com_area > .sch_com_list_area > li .no_data_box {padding: 60px 10px 50px; text-align: center;}
.integration_sch_com_area > .sch_com_list_area > li .no_data_box .box {display: inline-block; padding: 180px 0 0; background-image: url('/images/home/kor/user/sub/data_no_icon.png'); background-position: top center; background-size: 160px; background-repeat: no-repeat;}
.integration_sch_com_area > .sch_com_list_area > li .no_data_box .box .title {margin: 0 0 11px; font-weight: 700; font-size: 24px; line-height: 36px; color: #2f2f2f;}
.gray .integration_sch_com_area > .sch_com_list_area > li .no_data_box .box .title {color: #ffffff;}
.integration_sch_com_area > .sch_com_list_area > li .no_data_box .box .title .ft_c {color: #03a05a;}
.integration_sch_com_area > .sch_com_list_area > li .no_data_box .box .text {font-weight: 300; font-size: 18px; line-height: 28px; color: #2f2f2f;}
.gray .integration_sch_com_area > .sch_com_list_area > li .no_data_box .box .text {color: #ffffff;}


/* 기본 */
.icon_list_area {}
.icon_list_area > .list {font-size: 0;}
.icon_list_area > .list > li {display: inline-block; margin: 0 4px 0 0;}
.icon_list_area > .list > li:last-child {margin: 0;}
.icon_list_area > .list > li .icon_box {display: table; overflow: hidden; width: 100%; max-width: 40px; table-layout: fixed;}
.icon_list_area > .list > li .icon_box .inner_box {display: table-cell; position: relative; width: 100%; height: 40px; background-position: center; background-size: cover; background-repeat: no-repeat; vertical-align: middle; text-align: center;}
.icon_list_area > .list > li .icon_box .inner_box.icon01 {background-image: url('/images/home/kor/user/main/pictogram_icon01.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon02 {background-image: url('/images/home/kor/user/main/pictogram_icon02.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon03 {background-image: url('/images/home/kor/user/main/pictogram_icon03.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon04 {background-image: url('/images/home/kor/user/main/pictogram_icon04.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon05 {background-image: url('/images/home/kor/user/main/pictogram_icon05.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon06 {background-image: url('/images/home/kor/user/main/pictogram_icon06.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon07 {background-image: url('/images/home/kor/user/main/pictogram_icon07.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon08 {background-image: url('/images/home/kor/user/main/pictogram_icon08.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon09 {background-image: url('/images/home/kor/user/main/pictogram_icon09.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon10 {background-image: url('/images/home/kor/user/main/pictogram_icon10.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon11 {background-image: url('/images/home/kor/user/main/pictogram_icon11.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon12 {background-image: url('/images/home/kor/user/main/pictogram_icon12.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon13 {background-image: url('/images/home/kor/user/main/pictogram_icon13.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon14 {background-image: url('/images/home/kor/user/main/pictogram_icon14.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon15 {background-image: url('/images/home/kor/user/main/pictogram_icon15.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon16 {background-image: url('/images/home/kor/user/main/pictogram_icon16.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon17 {background-image: url('/images/home/kor/user/main/pictogram_icon17.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon18 {background-image: url('/images/home/kor/user/main/pictogram_icon18.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon19 {background-image: url('/images/home/kor/user/main/pictogram_icon19.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon20 {background-image: url('/images/home/kor/user/main/pictogram_icon20.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon21 {background-image: url('/images/home/kor/user/main/pictogram_icon21.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon22 {background-image: url('/images/home/kor/user/main/pictogram_icon22.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon23 {background-image: url('/images/home/kor/user/main/pictogram_icon23.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon24 {background-image: url('/images/home/kor/user/main/pictogram_icon24.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon25 {background-image: url('/images/home/kor/user/main/pictogram_icon25.png');}
.icon_list_area > .list > li .icon_box .inner_box.icon26 {background-image: url('/images/home/kor/user/main/pictogram_icon26.png');}

.icon_list_area > .list > li.on .icon_box .inner_box.icon01 {background-image: url('/images/home/kor/user/main/pictogram_icon01_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon02 {background-image: url('/images/home/kor/user/main/pictogram_icon02_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon03 {background-image: url('/images/home/kor/user/main/pictogram_icon03_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon04 {background-image: url('/images/home/kor/user/main/pictogram_icon04_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon05 {background-image: url('/images/home/kor/user/main/pictogram_icon05_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon06 {background-image: url('/images/home/kor/user/main/pictogram_icon06_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon07 {background-image: url('/images/home/kor/user/main/pictogram_icon07_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon08 {background-image: url('/images/home/kor/user/main/pictogram_icon08_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon09 {background-image: url('/images/home/kor/user/main/pictogram_icon09_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon10 {background-image: url('/images/home/kor/user/main/pictogram_icon10_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon11 {background-image: url('/images/home/kor/user/main/pictogram_icon11_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon12 {background-image: url('/images/home/kor/user/main/pictogram_icon12_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon13 {background-image: url('/images/home/kor/user/main/pictogram_icon13_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon14 {background-image: url('/images/home/kor/user/main/pictogram_icon14_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon15 {background-image: url('/images/home/kor/user/main/pictogram_icon15_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon16 {background-image: url('/images/home/kor/user/main/pictogram_icon16_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon17 {background-image: url('/images/home/kor/user/main/pictogram_icon17_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon18 {background-image: url('/images/home/kor/user/main/pictogram_icon18_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon19 {background-image: url('/images/home/kor/user/main/pictogram_icon19_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon20 {background-image: url('/images/home/kor/user/main/pictogram_icon20_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon21 {background-image: url('/images/home/kor/user/main/pictogram_icon21_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon22 {background-image: url('/images/home/kor/user/main/pictogram_icon22_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon23 {background-image: url('/images/home/kor/user/main/pictogram_icon23_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon24 {background-image: url('/images/home/kor/user/main/pictogram_icon24_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon25 {background-image: url('/images/home/kor/user/main/pictogram_icon25_on.png');}
.icon_list_area > .list > li.on .icon_box .inner_box.icon26 {background-image: url('/images/home/kor/user/main/pictogram_icon26_on.png');}

.icon_list_area > .list > li.off .icon_box .inner_box.icon01 {background-image: url('/images/home/kor/user/main/pictogram_icon01_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon02 {background-image: url('/images/home/kor/user/main/pictogram_icon02_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon03 {background-image: url('/images/home/kor/user/main/pictogram_icon03_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon04 {background-image: url('/images/home/kor/user/main/pictogram_icon04_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon05 {background-image: url('/images/home/kor/user/main/pictogram_icon05_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon06 {background-image: url('/images/home/kor/user/main/pictogram_icon06_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon07 {background-image: url('/images/home/kor/user/main/pictogram_icon07_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon08 {background-image: url('/images/home/kor/user/main/pictogram_icon08_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon09 {background-image: url('/images/home/kor/user/main/pictogram_icon09_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon10 {background-image: url('/images/home/kor/user/main/pictogram_icon10_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon11 {background-image: url('/images/home/kor/user/main/pictogram_icon11_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon12 {background-image: url('/images/home/kor/user/main/pictogram_icon12_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon13 {background-image: url('/images/home/kor/user/main/pictogram_icon13_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon14 {background-image: url('/images/home/kor/user/main/pictogram_icon14_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon15 {background-image: url('/images/home/kor/user/main/pictogram_icon15_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon16 {background-image: url('/images/home/kor/user/main/pictogram_icon16_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon17 {background-image: url('/images/home/kor/user/main/pictogram_icon17_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon18 {background-image: url('/images/home/kor/user/main/pictogram_icon18_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon19 {background-image: url('/images/home/kor/user/main/pictogram_icon19_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon20 {background-image: url('/images/home/kor/user/main/pictogram_icon20_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon21 {background-image: url('/images/home/kor/user/main/pictogram_icon21_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon22 {background-image: url('/images/home/kor/user/main/pictogram_icon22_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon23 {background-image: url('/images/home/kor/user/main/pictogram_icon23_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon24 {background-image: url('/images/home/kor/user/main/pictogram_icon24_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon25 {background-image: url('/images/home/kor/user/main/pictogram_icon25_off.png');}
.icon_list_area > .list > li.off .icon_box .inner_box.icon26 {background-image: url('/images/home/kor/user/main/pictogram_icon26_off.png');}

.icon_list_area > .list > li .text {font-family: 'Pretendard'; font-weight: 500; font-size: 13px; line-height: 19px; color: #464646;word-break:keep-all}
.gray .icon_list_area > .list > li .text {color: #ffffff;}

.icon_list_area.flex {}
.icon_list_area.flex > .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; gap: 4px;}
.icon_list_area.flex > .list > li {margin: 0;}

.icon_list_area.mw308 {max-width: 308px;}
/* 스타일2 */
.icon_list_area2 {}
.icon_list_area2 > .list {font-size: 0;}
.icon_list_area2 > .list > li {display: inline-block; margin: 0 4px 0 0;}
.icon_list_area2 > .list > li:last-child {margin: 0;}
.icon_list_area2 > .list > li .icon_box {display: table; width: 100%; max-width: 40px; border: 1px solid #03a05a; table-layout: fixed; border-radius: 5px;}
.icon_list_area2 > .list > li .icon_box .inner_box {display: table-cell; position: relative; width: 100%; height: 40px; vertical-align: middle; text-align: center;}