@charset "utf-8";
/* 241105 */

/*buy*/
.buy_view {background-color:#f7f7f7; padding: 40px 0;}
.buy_view .buy_con {width:1100px; margin:0 auto; background-color:#fff; border: 1px solid #e9e9e9;}
.buy_view .buy_con .buy_wrap	{padding: 30px;}
.buy_view .buy_con p.imgbox {position: relative; width: 422px; height: 422px; float: left; border: 1px solid #c9c9c9;}
.buy_view .buy_con .textbox {width: 552px; float: left; margin-left: 62px;}
.buy_view .buy_con .textbox span {display: inline-block;}
.buy_view .buy_con .textbox em {display: block; margin:15px 0 15px 0; font-style: normal; font-size: 15px; color:#737373; line-height: 15px;}
.buy_view .buy_con .textbox strong {display: block; height: 100px; font-weight: 400; font-size: 41px; color:#474646; line-height: 51px;}
.buy_view .buy_con .textbox .detail_text {padding-top: 98px; padding-bottom: 18px; border-bottom:1px solid #c9c9c9;}
.buy_view .buy_con .textbox .detail_text .text_l {font-size: 16px; color:#737373; float: left;}
.buy_view .buy_con .textbox .detail_text .text_r {text-align: right; float: right; font-size: 16px; color:#727272;}
.buy_view .buy_con .textbox .detail_text .text_r span {margin-right: 5px; font-family: tahoma; font-size: 15px; font-weight: bold;}
.buy_view .buy_con .textbox .price_text {padding-top: 25px; padding-bottom: 34px; font-size: 16px; color:#262626;}
.buy_view .buy_con .textbox .price_text .text_l {float: left;}
.buy_view .buy_con .textbox .price_text .text_r {float: right; margin-top: -13px; font-size: 17px;}
.buy_view .buy_con .textbox .price_text .text_r span.vat {display: inline-block; margin-right: 5px; font-size: 13px; color:#565656; vertical-align: 3px;}
.buy_view .buy_con .textbox .price_text .text_r span.price {margin-right: 3px; font-size:33px; font-family: tahoma; font-weight: bold;}
.buy_view .buy_con .textbox a {display: inline-block; width: 269px; height: 56px; line-height: 56px; text-align: center; font-family: NBGBold; font-size:18px; color:#fff;}
.buy_view .buy_con .textbox a.intro {float: left; background-color:#555555; margin-right: 10px;}
.buy_view .buy_con .textbox a.intro:hover {background-color:#494949;}
.buy_view .buy_con .textbox a.buybtn {float: right; background-color:#464ee3;}
.buy_view .buy_con .textbox a.buybtn:hover {background-color: #4047d1;}
.buy_view p.intro {float: left;display: inline-block;width: 269px; height: 56px; line-height: 56px; text-align: center; font-family: NBGBold; font-size:18px; color:#fff; background-color:#555555; margin-right: 10px;}
.buy_view p.buybtn {float: left;display: inline-block; width: 269px; height: 56px; line-height: 56px; text-align: center; font-family: NBGBold; font-size:18px; color:#fff; background-color:#464ee3;}

.buy_tb {width:100%; border:0; margin-top:35px; font-family: NBG; border-top: 2px solid #3b3b3b; }
.buy_tb th {height: 60px; text-align: left; font-size: 17px; color:#333333; line-height: 24px; font-weight: 400;border:0; border-bottom:1px solid #c8c8c8; background:#f7f7f7; }
.buy_tb th.li_tit {text-align: center; font-size: 18px; color:#000; background-color:#fff; border-bottom:0; border-right:1px solid #c8c8c8; border-left:1px solid #c8c8c8;}
.buy_tb td.content_box {border-bottom:0;}
.buy_tb td.content_box .downbox {margin-top: 48px; padding:50px 0; font-size:17px; color:#5d5d5d; line-height: 28px;background-color: #fcfcfc; border: 1px solid #dfdfdf;}
.buy_tb td {border:0; border-bottom:1px solid #c8c8c8; text-align: center;}
.buy_tb td.how {text-align: left; padding-bottom: 70px; border-bottom:0;}
.buy_tb td.how p {padding: 0 9px; padding-bottom: 15px; font-size: 16px; color:#4b4a4a; font-weight: bold; border-bottom:1px solid #dddddd;}
.buy_tb td.how span {display:block; padding-left: 7px; padding-right: 7px; padding-top:12px; font-size: 15px; color:#767575;}
.buy_tb td.care {text-align: left; padding-bottom: 100px; border-bottom: 2px solid #565656;}
.buy_tb td.care p {padding: 0 9px; padding-bottom: 15px; font-size: 16px; color:#4b4a4a; font-weight: bold; border-bottom:1px solid #dddddd;}
.buy_tb td.care span {display:block; padding-left: 7px; padding-right: 7px; padding-top:12px; font-size: 15px; color:#767575; line-height: 25px;}
.buy_tb td.how span.pd {padding-top: 15px;}
.buy_tb td.care span.pd {padding-top: 7px;}
.buy_tb td.tb_wrap {padding-top: 90px; border-bottom:0;}
.buy_tb td.tb_wrap2 {padding-top: 90px; padding-bottom: 105px; border-bottom:0;}
.buy_tb strong.tb_tit {display:block; margin-bottom: 25px; text-align: left; font-size: 30px; font-weight: 400; color:#545454;}

/* 191008(s) */
.buy_tb td.archis_tb_wrap2{border-bottom:1px solid #c8c8c8;}
.buy_tb strong.archis_tb_tit{text-align: center;}
.buy_tb td.archis_tb_wrap2 div.archis_link{position: relative;}
.buy_tb td.archis_tb_wrap2 div.archis_link img{display:block; margin:0 auto;}
.buy_tb td.archis_tb_wrap2 div.archis_link a{display:block; position: absolute; background: none; text-indent: -99999px;}
.buy_tb td.archis_tb_wrap2 div.archis_link a.s_link01{width:660px; height:350px; top:0; left:50%; margin-left:-330px;}
.buy_tb td.archis_tb_wrap2 div.archis_link a.s_link02{width:136px; height:45px; bottom:6px; left:50%; margin-left:-68px;}
.buy .list .bottom {margin-left: 0; margin-top:40px;}
/* 191008(e) */

.buy_tb .tb_offtit {margin-top: 40px; font-size: 20px; font-family: NS; font-weight: bold; color: #5d5d5d; text-align: left;}
.buy_tb .tb_offsub {text-align: left; padding-bottom: 80px; font-size: 15px; margin-top: 34px; line-height: 140%;}
.buy_tb .tb_offsub img {margin:20px 0 20px;}
.buy_tb .tb_offsub span {font-size: 14px; color:#7700ff;}

.buy_tb .only {display:block; margin-top: 25px; text-align: left; border-bottom:0;}
.buy_tb .in_tb {width: 100%; border-top: 2px solid #272727; }
.buy_tb .in_tb th {height: 65px; text-align: center; font-size: 19px; color:#3b3b3b;}
.buy_tb .in_tb th span {font-size: 15px;}
.buy_tb .in_tb td {padding:18px 0;}
.buy_tb .in_tb .txl {display: block; text-align: left; margin-left: 27px; font-size: 18px; color:#545454;}
.buy_tb .in_tb .cenbd {border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8;}
.buy_tb .in_tb td span.inc, .buy_tb .in_tb td span.notinc {display: inline-block; vertical-align: middle; background:url(../img/board/buy.png) no-repeat;}
.buy_tb .in_tb td span.inc {width: 28px; height: 28px; background-position: 0 0;}
.buy_tb .in_tb td span.notinc {width: 49px; height: 46px; background-position: -31px 0; }
.buy_tb .in_tb .lbd {border-left: 1px solid #c8c8c8;}
.buy_tb .in_tb .compare {padding:45px 0; margin-bottom: 105px;}
.buy_tb .in_tb .compare span {display: block; font-size: 18px; color:#3b3b3b;}
.buy_tb .in_tb .compare span.plus {display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin:15px 0; background:url(../img/board/buy.png) no-repeat; background-position: -84px 0;}
.buy_tb .in_tb .compare span.bigfont {display: inline-block; margin-top: 40px; font-size: 28px;}
.buy_tb .in_tb .compare span.bigfont span {display: inline-block; margin:0 7px; font-size: 42px; color:#5a61ea; font-weight: bold; line-height: 42px; vertical-align: -2px;}
.other_program {padding-top: 50px; padding-bottom: 145px;}
.other_program h5 {margin-left: 3px; font-family:NBGBold; font-size: 22px; color:#4b4a4a;}
.other_program ul {margin-top: 25px;}
.other_program li {position: relative; float: left; margin-right: 10.5px;}
.other_program li.last{margin-right: 0;}
.other_program li .thumb {width: 267px; height: 267px; text-align: center;}
.other_program li .info {font-family: NBG; margin-top: 15px; margin-left: 3px; line-height: 20px;}
.other_program li .info p {font-family: NBGBold; font-size: 16px; color:#3d3c3c; margin-bottom: 5px;}
.other_program li .info span.date {font-size:13px; font-family: tahoma; color:#3d3c3c;}
.other_program li .info span.price {font-size:14px; color:#7f85f8;}
.other_program li .info span.price span {display:inline-block; margin-right: 1px; font-family: tahoma; font-size: 16px; font-weight: bold; vertical-align:-1px;}
.buy .best {background-color:#f4f4f4;}
.buy .best_inner {width: 1100px; margin:0 auto; padding:85px 0 77px;}
.buy h4 {font-family: NSBold; font-size: 36px; color:#444444; font-weight: 400; letter-spacing: -1.2px;}
.buy .best ul {margin-top: 22px;}
.buy .best li {position: relative; float: left; background-color:#fff; }
.buy .best .first {border-left: 1px solid #d5d5d5;}
.buy .best a{display: block; width:calc((834px - 1px*3)/4); padding: 33px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5;}
.buy .best .thumb {width: 207px; height: 206px;}
.buy .info {margin-top: 15px;}
.buy em {font-style: normal; font-size:13px; color:#000; opacity: 0.5; line-height: 24px;}
.buy .best p.tit {margin-bottom: 10px; font-size: 21px; color:#1b1b1b;}
.buy span.price {font-size: 15px; color:#3e3e3e;}
.buy span.price span {margin-right: 2px;font-family: tahoma; font-size: 16px; font-weight: bold; vertical-align: -1px;}
/*  230102(s) 할인가격표시  */
.buy span.price_d {text-decoration:line-through;font-size: 15px; color:#3e3e3e;padding-right: 5%;}
.buy span.price_d span {margin-right: 2px;font-family: tahoma; font-size: 14px; font-weight: bold; vertical-align: -1px;}
.buy span.price_d_text {font-size: 13px; color:#3e3e3e;}
.buy span.price_d_text span {margin-right: 2px;font-family: tahoma; font-size: 16px; font-weight: bold; vertical-align: -1px;}
/*  230102(e) 할인가격표시  */
.buy .list {background-color:#fff; border-bottom:1px solid #d8d8d8;}
.buy .list_last {border-bottom:none; padding-bottom: 150px;}
.buy .list_inner {width: 1100px; margin:0 auto;padding:85px 0 105px;}
.buy .list p {margin-top: 13px; margin-bottom: 40px; color:#737373;}

.buy .list li {position: relative; float: left; width: 255px; margin-left: 26.5px; }



.buy .list .first {margin-left: 0;}
.buy .list .thumb {width:255px; height: 255px;}
.buy .list p.tit {margin-bottom: 6px; font-size: 21px; color:#1b1b1b;}
.buy .list span.price span {margin-right: 2px;font-family: tahoma; font-size: 16px; font-weight: bold; vertical-align: -1px;}
.buy .list span.price_text {margin-right: 7px; margin-top: -1px; color:#3e3e3e;}
.buy .before_price {position: relative; padding:0 2px; margin:0 4px; font-size:13px; color:#a2a2a2;}
.buy .before_price i.num {margin-right: 1px; font-family: tahoma; font-style: normal; font-size: 16px; color:#a2a2a2; vertical-align:-1px;}
.buy .before_price span.sale_border {position: absolute; top: 40%; left: 0; right: 0; bottom: 0; height: 1px; background-color: #a2a2a2; content:'';}
.buy .after_price { font-size:13px; color:#3d3c3c;}
.buy .after_price i.num {margin-left:4px; margin-right: 1px; font-family: tahoma; font-style: normal; font-size: 16px; color:#3e3e3e; font-weight: bold; vertical-align:-1px;}


.big_flag_m_bg {position: absolute; width: 87px; height: 87px; top: 0; left: 0; text-align: center; background-color:rgba(0,0,0,0.6);}
.big_flag_m {text-align: center; display: inline-block; font-size: 18px; color:#fff; padding:21px 0; line-height: 23px;}
.big_flag_m2_bg {position: absolute; width: 87px; height: 87px; top: 0; left: 87px; text-align: center; background-color:rgba(22, 147, 255, 0.85);}
.big_flag_m2 {text-align: center; display: inline-block; font-size: 18px; color:#fff; padding:21px 0; line-height: 23px;}

.flag_bl_bg, .flag_y_bg, .flag_s_bg, .flag_m_bg {position: absolute; width: 58px; height: 58px; top: 0; left: 0; text-align: center;}
.flag_bl, .flag_y, .flag_s, .flag_m {text-align: center; display: inline-block; font-size: 13px; color:#fff; line-height: 17px;}
.flag_bl_bg {background-color:rgba(22,68,255,0.8);}
.flag_y_bg, .flag_s_bg, .flag_m_bg {background-color:rgba(0,0,0,0.7);}
.flag_bl {padding:21px 0;}
.flag_y, .flag_s, .flag_m {padding:12px 0;}
.flag_best_bg, .flag_best_bg4 {position: absolute; width: 49px; height: 49px; text-align: center; background-color:rgba(15,18,255,0.7);}
.flag_best_bg4{ background-color:rgba(15,18,255,0.8);}
.flag_best, .flag_best4 {display: inline-block; padding:16px 0; font-family: tahoma; font-size: 13px; color:#fff;}
.flag_l_bg {position: absolute; width: 58px; height: 58px; top: 0; left: 0; text-align: center; background-color:rgba(0,0,0,0.7);}
.flag_l {display: inline-block; padding:21px 0; font-family: NBG; font-size: 13px; color:#fff;}
/*181219플래그색상변경(s)*/
.flag_new_bg {position: absolute; width: 58px; height: 58px; top: 0; left: 0; margin-left: 58px; text-align: center; background-color:rgb(54, 128, 232, 0.85);}
/*181219플래그색상변경(e)*/
.flag_new {display: inline-block; padding:21px 0; font-family:tahoma; font-size: 13px; color:#fff;}
.flag_free_bg {position: absolute; width: 58px; height: 58px; top: 0; left: 0; margin-left: 58px; text-align: center; background-color:rgba(22, 147, 255, 0.85);}
.flag_free {display: inline-block; padding:12px 0; font-family:tahoma; font-size: 13px; color:#fff;}

/*study*/
.stydy_tit {padding: 90px 0 40px 0; border-bottom: 2px solid #3b3b3b;}
.stydy_tit h4 {font-size: 36px; color:#545454; font-weight: 700; float: left;}
.stydy_tit .srchbox {width: 340px; height: 40px; float: right; border: 1px solid #b7b7b7;}
.stydy_tit .srchbox input.srch_input {width: 285px; float: left; height: 30px; padding:5px 0 5px 10px; border: none; color:#adadad;}
.stydy_tit .srchbox input.srch_input::placeholder {color:#adadad;}
.stydy_tit .srchbox a {display:inline-block; float: right; padding:10px;}
.stydy_tit .srchbox a span {width: 22px; height: 21px; display:block; background-image: url(../img/board/study.png); background-position: 0 0; text-indent: -9999px;}
.study_list {padding-bottom: 50px;}
.study_list li {border-bottom: solid 1px #d4d4d4; padding:0 7px 0 25px;}
.study_list li:hover {background-color:#f5f5f5;}
.study_list li a.study_tit {display: inline-block; float: left; padding:34.5px 0;}
.study_list li a.study_tit span {display: inline-block; font-size: 22px; font-family: NSBold;}
.study_list li a.study_tit span.step_no {width: 135px; color:#0060ef;}
.study_list li a.study_tit span.step_no>span {display:inline-block; margin-left: 5px; font-size: 23px; font-family: NSEBold;}
.study_list li .study_tag {float: right; padding:39.5px 0;}
.study_list li .study_tag a {font-size:14px; background-color: #f1f1f1; margin-left: 10px;}
.study_viewbox {font-family: NBG; padding-bottom: 45px;}
.study_viewbox .view_tit {padding: 44px 0; text-align: center; font-size: 25px; color:#333333; border-bottom: 1px solid #d4d4d4;}
.study_viewbox .filedown {text-align: right; padding:0 5px; margin-top:20px;}
.study_viewbox .filedown span {display: inline-block; font-size: 14px; color:#868686; line-height: 18px; vertical-align:middle;}
.study_viewbox .filedown span.icon {width: 10px; height: 18px; display: inline-block; margin-right: 5px; background-image: url(../img/board/study.png); background-position: -63px -3px;}
.study_viewbox .filedown a {margin-left: 4px; margin-left: 7px; margin-right: 2px; font-family: NBGBold; font-size: 15px; border-bottom: 1px solid #b5b5b5; color:#6c6c6c;}
.study_viewbox .view_detail {padding:90px 30px 140px 30px;}
.study_viewbox .view_detail p {margin-top: 40px; font-size: 18px; color:#424242; line-height: 34px; letter-spacing: 0;}
.study_viewbox .view_detail p.content_img_box {margin-top:16px; line-height: 0px;}
.study_viewbox .viewli {border-top: solid 1px #d4d4d4; border-bottom: solid 1px #d4d4d4;}
.study_viewbox .viewli li {padding:0 30px;}
.study_viewbox .viewli li.bd{border-bottom: solid 1px #d4d4d4;}
.study_viewbox .viewli li:hover {background-color:#f5f5f5;}
.study_viewbox .viewli li a.study_tit {display: inline-block; float: left; padding:34.5px 0}
.study_viewbox .viewli li a.study_tit span {display: inline-block; font-size: 22px; font-family: NSBold;}
.study_viewbox .viewli li a.study_tit .step_no {width: 135px; color:#4a52ef;}
.study_viewbox .viewli li a.study_tit .step_no>span {display:inline-block; margin-left: 5px; font-size: 23px; font-family: NSEBold;}
.study_viewbox .viewli li .viewli_btn {float: right; padding:26px 0;}
.study_viewbox .viewli li .viewli_btn .pre {width: 17px; height: 19px; display: block; margin:0 auto 7px; background-image: url(../img/board/study.png);}
.study_viewbox .viewli li .viewli_btn .next {width: 17px; height: 19px; display: block; margin:0 auto 7px; background-image: url(../img/board/study.png);}
.study_viewbox .viewli li .viewli_btn .pre {background-position: -75px 0;}
.study_viewbox .viewli li .viewli_btn .next {background-position: -94px 0;}
.study_viewbox .viewli li .viewli_btn span {font-size:15px; color:#605f5f;}
.study_list_btn {text-align: center; }
.study_list_btn a {display: inline-block; width: 240px; height: 48px; font-size: 16px; color:#333333; margin-bottom: 95px; line-height: 48px; border: 1px solid #d4d4d4;}
.study_list_btn a:hover {background-color:#f5f5f5;}

/*library*/
.library_litit {padding: 90px 0 55px 0;}
.library_litit h4 {font-size: 36px; color:#545454; font-weight: 700; float: left;}
.library_tit {padding: 90px 0 55px 0; border-bottom: 2px solid #3b3b3b;}
.library_tit h4 {font-size: 36px; color:#545454; font-weight: 700; float: left;}
.library_list {width:100%; border:0; font-family: NBG;}
.library_list li.last {margin-right: 0;}
.library_list .thumbbox_list {width: 356px; float: left; margin-right: 16px; margin-bottom: 80px;}
.library_list .thumbbox_list a {position: relative; z-index: 7777; display: block;}
.library_list .thumbbox_list .thumb {position: relative; height: 219px; text-align: center; overflow: hidden;}
.library_list .thumbbox_list .thumb p {position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(50%,50%); -ms-transform: translate(50%,50%); -webkit-transform: translate(50%,50%);}
/*.library_list .thumbbox_list .thumb img {position: absolute; display:block; width: 100%; max-width: none; height:auto; left: 0; top: 0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
*/
.library_list .thumbbox_list .thumb p.librarypd {margin:20px 0;}
.library_list .thumbbox_list .thumb img {position: absolute; display:block; max-width: none; height:100%; left: 0; top: 0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.library_list .thumbbox_list .thumb img.full_img {position: absolute; display:block; width: 100%; max-width: none; height:auto; left: 0; top: 0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.library_list .thumbbox_list .thumb img.center_img {position: absolute; display:block; max-width: none; height:100%; left: 0; top: 0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.library_list .thumbbox_list .thumb span.img_border {position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #000; opacity: 0.15; content:'';}
.library_list .thumbbox_list .info {position: relative; height: 53px; padding:22px 27px; color:#3d3c3c;}
.library_list .thumbbox_list .info dt.tit {font-size: 21px; line-height: 24px;}
.library_list .thumbbox_list .info dd.date {display: inline-block; padding-top: 10px; font-size: 13px; font-family: tahoma; line-height: 14px;}
.library_list .thumbbox_list .info dd.price {font-size:13px; color:#3d3c3c; padding-top: 8px;}
.library_list .thumbbox_list .info dd.price span {display:inline-block; margin-right: 1px; font-family: tahoma; font-size: 16px; color:#3e3e3e; font-weight: bold; vertical-align:-1px;}
.library_list .thumbbox_list .info dd.make {font-size: 14px; color:#555555; padding-top: 10px;}
.library_list .thumbbox_list .info dd.sale_price {padding-top: 8px;}
.library_list .thumbbox_list .info dd.sale_price span.percent {font-family: tahoma; font-size:14px; color:#3039ef;}
.library_list .thumbbox_list .info dd.sale_price span.percent i.num {font-size: 17px; font-style: normal; font-weight: bold;}
.library_list .thumbbox_list .info dd.sale_price span.before_price {position: relative; padding:0 2px; margin:0 4px; font-size:13px; color:#a2a2a2;}
.library_list .thumbbox_list .info dd.sale_price span.before_price i.num {margin-right: 1px; font-family: tahoma; font-style: normal; font-size: 16px; color:#a2a2a2; vertical-align:-1px;}
.library_list .thumbbox_list .info dd.sale_price span.before_price span.sale_border {position: absolute; top: 40%; left: 0; right: 0; bottom: 0; height: 1px; background-color: #a2a2a2; content:'';}
.library_list .thumbbox_list .info dd.sale_price span.after_price { font-size:13px; color:#3d3c3c;}
.library_list .thumbbox_list .info dd.sale_price span.after_price i.num {margin-right: 1px; font-family: tahoma; font-style: normal; font-size: 16px; color:#3e3e3e; font-weight: bold; vertical-align:-1px;}
.library_list .thumbbox_list span.lib_border {position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #000; opacity: 0.2;}
.latest_view {width:100%; border:0; font-family: NBG;}
.latest_view th {height: 60px; padding:0 14px; text-align: left; font-size: 17px; color:#333333; line-height: 24px; font-weight: 400;border:0; border-bottom:1px solid #c8c8c8; background:#f7f7f7; }
.latest_view td {height: 53px; text-align: center; color:#535353; border:0; border-bottom:1px solid #c8c8c8;}
.latest_view td.view_detail {text-align: left; padding-left:14px;}
.latest_view td.view_detail .date {padding-right: 17px; font-size: 13px; font-family: tahoma; color:#383838; font-weight: 400;}
.latest_view td.view_detail .update {font-size: 14px; margin-left: 12px;}
.latest_view td.view_detail .update span { padding-left:10px; font-size: 13px; font-family: tahoma; color:#383838; font-weight: 400;}
.latest_view td.btn{text-align: right; font-size: 13px; color:#6e6e6e; padding-right: 15px;}
.latest_view td.btn a.delete {margin-left: 15px;}
.latest_view td.content_box {border-bottom:0;}
.latest_view td.content_box p.content_img_box {padding-top:65px; padding-bottom:80px;}
.latest_view table.lib_viewtb {margin:0 auto; margin-bottom: 120px; border-top:1px solid #ddd; border-left:1px solid #ddd}
.latest_view table.lib_viewtb td.lib_con {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.latest_view table.lib_viewtb td.lib_con div.lib_titimg { text-align: center; }
.latest_view table.lib_viewtb td.lib_con div.lib_conbox {text-align: center; padding:20px 0}
.latest_view table.lib_viewtb tr.lib_titbgc {background-color:#efefef;}
.latest_view table.lib_viewtb td.lib_tit {height: 30px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.latest_view table.lib_viewtb td.lib_tit div.lib_titbox {text-align: center;}
.latest_view td.how {text-align: left; padding-bottom: 100px; border-bottom: 2px solid #565656;}
.latest_view td.how p {padding: 0 9px; padding-bottom: 15px; font-size: 16px; color:#4b4a4a; font-weight: bold; border-bottom:1px solid #dddddd;}
.latest_view td.how span {display:block; padding-left: 7px; padding-right: 7px; padding-top:12px; font-size: 15px; color:#767575; line-height: 32px;}
.other_library {padding-top: 50px; padding-bottom: 145px;}
.other_library h5 {margin-left: 3px; font-family:NBGBold; font-size: 22px; color:#4b4a4a;}
.other_library ul {margin-top: 25px;}
.other_library li {width: 356px; float: left; margin-right: 16px;}
.other_library li.last{margin-right: 0;}
.other_library li .thumb {position: relative; height: 219px; text-align: center; overflow: hidden;}
.other_library li .thumb p {position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(50%,50%); -ms-transform: translate(50%,50%); -webkit-transform: translate(50%,50%);}
.other_library li .thumb p.librarypd {padding:20px 0;}
.other_library li .thumb p.librarypd img{width: 219px;}
.other_library li .thumb img {position: absolute; display:block; width: 100%; max-width: none; height:auto; left: 0; top: 0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.other_library li .thumb img.full_img {position: absolute; display:block; width: 100%; max-width: none; height:auto; left: 0; top: 0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.other_library li .thumb img.center_img {position: absolute; display:block; max-width: none; height:100%; left: 0; top: 0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.other_library li .info {font-family: NBG; margin-top: 15px; margin-left: 3px; line-height: 20px;}
.other_library li .info dt {font-family: NBGBold; font-size: 16px; color:#3d3c3c; margin-bottom: 5px;}
.other_library li .info span.date {font-size:13px; font-family: tahoma; color:#3d3c3c;}
.other_library li .info .price {font-size:14px; color:#7f85f8;}
.other_library li .info .price span {display:inline-block; margin-right: 1px; font-family: tahoma; font-size: 16px; font-weight: bold; vertical-align:-1px;}
.other_library .info dt.tit {font-family: NBGBold; font-size: 16px; color:#3d3c3c; margin-bottom: 5px;}
.other_library .info dd.date {font-size:13px; font-family: tahoma; color:#3d3c3c;}
.other_library .info dd.sale_price span.percent {font-family: tahoma; font-size:14px; color:#ff3e1e;}
.other_library .info dd.sale_price span.percent i.num {font-size: 17px; font-style: normal; font-weight: bold;}
.other_library .info dd.sale_price span.before_price {position: relative; padding:0 2px; margin:0 2px; font-size:13px; color:#a2a2a2;}
.other_library .info dd.sale_price span.before_price i.num {margin-right: 1px; font-family: tahoma; font-style: normal; font-size: 16px; color:#a2a2a2; vertical-align:-1px;}
.other_library .info dd.sale_price span.before_price span.sale_border {position: absolute; top: 40%; left: 0; right: 0; bottom: 0; height: 1px; background-color: #a2a2a2; content:'';}
.other_library .info dd.sale_price span.after_price { font-size:13px; color:#7f85f8;}
.other_library .info dd.sale_price span.after_price i.num {margin-right: 1px; font-family: tahoma; font-style: normal; font-size: 16px; color:#7f85f8; font-weight: bold; vertical-align:-1px;}
.sample_view {width:100%; border:0; font-family: NBG; border-bottom:1px solid #c8c8c8;}
.sample_view th {height: 60px; padding:0 14px; text-align: left; font-size: 17px; color:#333333; line-height: 24px; font-weight: 400;border:0; border-bottom:1px solid #c8c8c8; background:#f7f7f7; }
.sample_view td {height: 53px; text-align: center; color:#535353; border:0; border-bottom:1px solid #c8c8c8;}
.sample_view td.view_detail {text-align: left; padding-left:14px; color:#535353;}
.sample_view td.view_detail .make {padding-right: 18px; font-size: 16px;}
.sample_view td.view_detail .tag {font-size: 14px; margin-left: 17px;}
.sample_view td.view_detail .tag em {margin-right: 10px; font-style: normal;}
.sample_view td.btn{text-align: right; font-size: 13px; color:#6e6e6e; padding-right: 15px;}
.sample_view td.btn a.delete {margin-left: 15px;}
.sample_view td.content_box {border-bottom:0;}
.sample_view td.content_box .downbox {margin-top: 48px; padding:50px 0;background-color: #fcfcfc; border: 1px solid #dfdfdf;}
.sample_view td.content_box .downbox p {font-size: 25px; color:#333333; font-weight: bold; margin-bottom: 30px;}
.sample_view td.content_box .downbox a {display: block; margin:0 auto; margin-bottom: 40px; width: 160px; height: 40px; line-height: 40px; font-family: NS; font-weight: bold; color:#fff; background-color: #4047e1;}
.sample_view td.content_box .downbox a:hover {background-color: #353cce;}
.sample_view td.content_box .downbox span {font-size:17px; color:#5d5d5d; line-height: 28px;}
.sample_view td.content_box p.content_img_box {padding-top:90px; padding-bottom:110px;}
.sample_list_btn {text-align: center;}
.sample_list_btn a {display: inline-block; width: 240px; height: 48px; margin-top: 52px; font-size: 16px; color:#333333; margin-bottom: 95px; line-height: 48px; border: 1px solid #d4d4d4;}
.sample_list_btn a:hover {background-color:#f5f5f5;}
.theme_buy {background-color:#f7f7f7; padding: 40px 0;}
.theme_buy .theme_buy_con {width:1100px; margin:0 auto; background-color:#fff; border: 1px solid #e9e9e9;}
.theme_buy .theme_buy_con .wrap	{padding: 30px;}
.theme_buy .theme_buy_con p.imgbox {width: 641px; float: left; border: 1px solid #c9c9c9;}
.theme_buy .theme_buy_con .textbox {width: 357px; float: left; margin-left: 40px;}
.theme_buy .theme_buy_con .textbox span {display: inline-block;}
.theme_buy .theme_buy_con .textbox em {display: block; margin:15px 0 15px 0; font-style: normal; font-size: 15px; color:#737373; line-height: 15px;}
.theme_buy .theme_buy_con .textbox strong {display: block; height: 100px; font-weight: 400; font-size: 41px; color:#474646; line-height: 51px;}
.theme_buy .theme_buy_con .textbox .detail_text {padding-top: 98px; padding-bottom: 18px; border-bottom:1px solid #c9c9c9;}
.theme_buy .theme_buy_con .textbox .detail_text .text_l {font-size: 16px; color:#737373; float: left;}
.theme_buy .theme_buy_con .textbox .detail_text .text_r {text-align: right; float: right; font-size: 16px; color:#727272;}
.theme_buy .theme_buy_con .textbox .detail_text .text_r span {margin-right: 5px; font-family: tahoma; font-size: 15px; font-weight: bold;}
.theme_buy .theme_buy_con .textbox .price_text {padding-top: 25px; padding-bottom: 30px; font-size: 16px; color:#262626;}
.theme_buy .theme_buy_con .textbox .price_text .text_l {float: left;}
.theme_buy .theme_buy_con .textbox .price_text .text_r {float: right; margin-top: -13px; font-size: 17px;}
.theme_buy .theme_buy_con .textbox .price_text .text_r span {margin-right: 3px; font-size:33px; font-family: tahoma; font-weight: bold;}
.theme_buy .theme_buy_con .textbox a {display: block; width: 359px; height: 62px; line-height: 62px; text-align: center; font-family: NBGBold; font-size:18px; color:#fff; background-color: #464ee3; }
.theme_buy .theme_buy_con .textbox a:hover {background-color: #4047d1; }
.theme_view {width:100%; border:0; margin-top:35px; font-family: NBG; border-top: 2px solid #3b3b3b; }
.theme_view th {height: 60px; text-align: left; font-size: 17px; color:#333333; line-height: 24px; font-weight: 400;border:0; border-bottom:1px solid #c8c8c8; background:#f7f7f7; }
.theme_view th.li_tit {text-align: center; font-size: 18px; color:#000; background-color:#fff; border-bottom:0; border-right:1px solid #c8c8c8; border-left:1px solid #c8c8c8;}
.theme_view td {border:0; border-bottom:1px solid #c8c8c8; text-align: center;}
.theme_view td.content_box {border-bottom:0;}
.theme_view td.content_box p.content_img_box {padding-top:65px; padding-bottom:80px;}
.theme_view table.lib_viewtb {margin:60px auto; margin-bottom: 120px; border-top:1px solid #ddd; border-left:1px solid #ddd}
.theme_view table.lib_viewtb td.lib_con {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.theme_view table.lib_viewtb td.lib_con div.lib_titimg { text-align: center; }
.theme_view table.lib_viewtb td.lib_con div.lib_conbox {text-align: center; padding:20px 0}
.theme_view table.lib_viewtb tr.lib_titbgc {background-color:#efefef;}
.theme_view table.lib_viewtb td.lib_tit {height: 30px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.theme_view table.lib_viewtb td.lib_tit div.lib_titbox {text-align: center;}
.theme_view td.how {text-align: left; padding-bottom: 70px; border-bottom:0;}
.theme_view td.how p {padding: 0 9px; padding-bottom: 15px; font-size: 16px; color:#4b4a4a; font-weight: bold; border-bottom:1px solid #dddddd;}
.theme_view td.how span {display:block; padding-left: 7px; padding-right: 7px; padding-top:12px; font-size: 15px; color:#767575;}
.theme_view td.care {text-align: left; padding-bottom: 100px; border-bottom: 2px solid #565656;}
.theme_view td.care p {padding: 0 9px; padding-bottom: 15px; font-size: 16px; color:#4b4a4a; font-weight: bold; border-bottom:1px solid #dddddd;}
.theme_view td.care span {display:block; padding-left: 7px; padding-right: 7px; padding-top:12px; font-size: 15px; color:#767575; line-height: 25px;}
.theme_view td.how span.pd {padding-top: 15px;}
.theme_view td.care span.pd {padding-top: 7px;}

/*help (s)*/
.help_tit {padding: 90px 0 40px 0; border-bottom: 2px solid #3b3b3b;}
.help_tit h4 {font-size: 36px; color:#545454; font-weight: 700; float: left;}
.help_tit .form_area {float: right;}
.help_tit .form_area .select {width:110px; height:42px; padding:10px 15px 10px 15px; font-size:15px; color:#7c7c7c; border:1px solid #b7b7b7; background:url('../img/board/help_select.png')no-repeat; background-position: 80px 16px; appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.help_tit .form_area .select::-ms-expand {display:none;}
.help_tit .srchbox {width: 253px; height: 40px; float: right; border: 1px solid #b7b7b7; border-left:none;}
.help_tit .srchbox input.srch_input {width: 200px;height: 30px; padding:5px 0 5px 10px; border: none; color:#adadad;}
.help_tit .srchbox input.srch_input::placeholder {color:#adadad;}
.help_tit .srchbox a {display:inline-block; float: right; padding:10px;}
.help_tit .srchbox a span {width: 20px; height: 20px; display:block; background-image: url(../img/board/help.png); background-position: 0 -17px; text-indent: -9999px;}
.help_list {width:100%; border:0; font-family: NBG; margin-bottom:20px;}
.help_list th {height: 44px; background:#f7f7f7; font-size: 14px; color:#5a5a5a; border:0; border-bottom:1px solid #c8c8c8;}
.help_list td {height: 71px; text-align: center; color:#424242; border:0; border-bottom:1px solid #c8c8c8;}
.help_list tr:hover {background-color:#f5f5f5;}
.help_list tr.notice td {background-color: #fefefe; line-height: 22px;}
.help_list tr.notice td.li_no span {padding: 3px 6px; background-color: #4b4b4b; font-family: NBG; font-size: 13px; color:#fff;}
.help_list tr.notice td.li_tit {font-family: NSBold; line-height: 23px;}
.help_list td.li_local {font-size: 13px; color:#5a5a5a;}
.help_list td.li_no, .help_list td.li_date, .help_list td.li_viewing {font-family: tahoma; font-size: 14px; color: #5a5a5a; line-height: 10px;}
.help_list td.li_tit {text-align: left; padding-left: 15px; font-size: 17px;}
.help_list td.li_tit span.new{width: 30px; height: 17px; display: inline-block; vertical-align:middle; margin-left: 9px; background-image: url(../img/board/help.png); background-position: -24px -17px;}
.help_list td.li_tit span.re_ea {display:inline-block; margin-left: 7px; font-size: 10px; font-family: Verdana; vertical-align:middle; color:#4b52eb;}
.help_list td.li_tit span.re_ea span {display:inline-block; margin-top: -1px; font-size: 12px; font-weight: bold; vertical-align:middle;}
.help_list td.li_writer{font-size: 15px;}
.help_list td.li_progress span {width: 64px; height: 24px; display: inline-block; background-image: url(../img/board/help.png);}
.help_list td.li_progress span.new_in {background-position: 0 -41px;}
.help_list td.li_progress span.ans_com {background-position: 0 -69px;}
.help_list td.li_progress span.add_new {background-position: -68px -41px;}
.help_list td.li_progress span.add_com {background-position: -68px -69px;}
.help_list td.li_progress span.add_yet {background-position: -68px -97px;}
.help_list td.li_progress span.add_hold {background-position: 0 -97px;} /* 240905 */
.help_list td.li_progress span.add_imp {background-position: -68px -125px;}
.help_write_btn {text-align: right; margin-bottom:10px;}
.help_write_btn a {display: inline-block; width: 95px; height: 39px; font-size: 14px; text-align: center; color:#333333; line-height: 39px; border: 1px solid #d4d4d4;}
.help_write_btn a:hover {background-color:#f5f5f5;}
.help_view {width:100%; border:0; font-family: NBG; border-bottom: 2px solid #3b3b3b;}
.help_view th {position: relative; height: 60px; background:#f7f7f7; font-size: 14px; color:#5a5a5a; border:0; border-bottom:1px solid #c8c8c8; line-height: 10px;}
.help_view td {height: 53px; text-align: center; color:#424242; border:0; border-bottom:1px solid #c8c8c8;}
.help_view td {height: 0px; text-align: center; color:#424242; border:0; border-bottom:0px;}
.help_view th span {width: 64px; height: 24px; display: inline-block; background: url(../img/board/help.png) no-repeat;}
.help_view th span.new_in {background-position: 0 -41px;}
.help_view th span.ans_com {background-position: 0 -69px;}
.help_view th span.add_new {background-position: -68px -41px;}
.help_view th span.add_com {background-position: -68px -69px;}
.help_view th span.add_yet {background-position: -68px -97px;}
.help_view th span.add_hold {background-position: 0 -97px;} /* 240905 */
.help_view th span.add_imp {background-position: -68px -125px;}
.help_view th.h_tit {text-align: left; font-size: 17px; line-height: 24px; font-weight: 400;}
.help_view th.notice_tit {padding:0 14px; text-align: left; font-size: 17px; line-height: 24px; font-weight: 400;}
.help_view th.h_changing .select{position: absolute; width: 102px; height: 29px; right: 14px; top: 16px; padding-left: 10px; font-size:14px; color:#1c1c1c; border:1px solid #c9c5c2; background:url('../img/board/help_changing.png')no-repeat; background-position: 80px 12px; background-color: #fff; appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.help_view th.h_changing .select::-ms-expand {display:none;}
.help_view td.view_detail {text-align: left;}
.help_view td.view_detail .writer {font-size: 15px; color:#676767; margin-left: 17px; font-family: NBGBold;}
.help_view td.view_detail .writer span, .help_view td.view_detail .date span, .help_view td.view_detail .viewing span{font-size: 13px; font-family: tahoma; color:#8a8a8c; font-weight: normal; padding:0 19px 0 12px;}
.help_view td.view_detail .date {font-size: 13px; color:#535353; font-family: tahoma; margin-left: 14px; margin-right: 15px; font-weight: 400;}
.help_view td.view_detail .date span {color:#535353;}
.help_view td.view_detail .viewing {font-size: 14px; margin-left: 14px;}
.help_view td.view_detail .viewing span {color:#535353; border-right: 0;}
.help_view td.view_standard {text-align: left;}
.help_view td.view_standard .standard {font-size: 14px; margin-left: 14px;}
.help_view td.view_standard .standard span, .help_view td.view_standard .li_name span {font-size: 15px; font-family: tahoma; color:#8a8a8c; font-weight: normal; letter-spacing: 0; padding:0 19px 0 12px;}
.help_view td.view_standard .li_name {font-size: 14px; margin-left: 12px; }
.help_view td.view_standard .li_name span {color:#8a8a8c; border-right:0;}
.help_view td.btn{text-align: right; font-size: 13px; color:#6e6e6e; padding-right: 15px;}
.help_view td.btn a.delete {margin-left: 15px;}
.help_view td.file {text-align: right; padding-right:12px; border-bottom: none;}
.help_view td.file span {display: inline-block; font-size: 13px; color:#6c6c6c; line-height: 25px; vertical-align:middle;}
.help_view td.file span.icon {width: 9px; height: 15px; display: inline-block; margin-right: 4px; background-image: url(../img/board/help.png); background-position: -42px -2px;}
.help_view td.file a {margin-left: 4px; margin-left: 5px; margin-right: 2px; font-size: 13px; border-bottom: 1px solid #373737; color:#373737;}
.help_view td.view_content {padding: 35px 14px 80px 14px; font-size: 17px; color:#1c1c1c; line-height: 32px; text-align: left; border-bottom: none;}
.help_view td.view_content p.help_content_img_box {padding-bottom:20px; text-align: left; line-height: 0px;}
.help_view td.view_content p.help_content_text_box {padding-top:20px;word-break: break-all;}
.help_view td.comment_ea{height:50px; padding-left: 5px; font-size: 15px; color:#434ae9; text-align: left; font-family: NBGBold;}



.help_comment li {padding: 32px 13px 48px 7px; border-bottom: 1px solid #d4d4d4;}
.help_comment li.last{padding: 25px 13px 45px 7px; border-bottom:none;}
.help_comment li .comment .comment_info {float: left;}
.help_comment li .comment .comment_info span{display: inline-block;}
.help_comment li .comment .comment_info span.kovi {font-size:15px; font-family:NBGBold; color:#434ae9; margin-right: 15px;}
.help_comment li .comment .comment_info span.kovi span{width: 13px; height: 16px; background-image: url(../img/board/help.png); background-position: -58px -16px; margin-right: 5px; vertical-align: middle;}
.help_comment li .comment .comment_info span.writer {font-size:15px; font-family:NBGBold; color:#626262; margin-right: 15px;}
.help_comment li .comment .comment_info span.writer span{width: 13px; height: 16px; background-image: url(../img/board/help.png); background-position: -75px -16px; margin-right: 5px; vertical-align: middle;}
.help_comment li .comment .comment_info span.date, .help_comment li .comment .comment_info span.date span {font-size: 13px; font-family: tahoma; color:#535353; }
.help_comment li .comment .comment_info span.date span {margin-left: 12px;}
.help_comment li .comment_con {margin-top: 25px; margin-left: 3px; font-family: NBG; font-size: 17px; line-height: 30px; color:#1c1c1c;}
.help_comment li .comment .delete {float: right; font-size: 13px; color:#6e6e6e;}
.help_comment_add {background-color:#fafafa; padding:25px; margin-top:20px;}
.help_comment_add .textarea {float: left;}
.help_comment_add .textarea textarea {width: 888px; height: 73px; padding:10px; font-size: 16px; line-height: 24px; border: 1px solid #dddddd; appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; resize:none;}
.help_comment_add .comment_add_btn {float: left; width: 134px; height: 95px; background-color: #636363; margin-left: 6px;}
.help_comment_add .comment_add_btn a {display: block; width: 134px; height: 95px; font-size: 14px; line-height: 95px; color:#fff; text-align: center; }
.help_comment_add .comment_add_btn a:hover {background-color: #5b5b5b;}
.help_list_btn {text-align: center;}
.help_list_btn a {display: inline-block; width: 240px; height: 48px; margin-top: 52px; font-size: 16px; color:#333333; margin-bottom: 95px; line-height: 48px; border: 1px solid #d4d4d4;}
.help_list_btn a:hover {background-color:#f5f5f5;}
.help_write {width:100%; border:0; font-family: NBG; font-size: 17px; color:#333333;}
.help_write td {border:0; border-bottom:1px solid #c8c8c8; padding: 15px 5px;}
.help_write td span.dot {display:inline-block; color:#f02525; margin-left: 1px; vertical-align: text-top; line-height: 12px;}
.help_write td.tit input.input_tit {width: 567px; padding: 7px 5px; margin-left: 33px; font-size: 16px; border: 1px solid #737373;}
.help_write td.pw {text-align: right;}
.help_write td.pw input.input_pw {width: 212px; padding: 7px 5px; margin-left: 33px; font-size: 16px; border: 1px solid #737373;}
.help_write td.con {height: 37px; border-bottom:none; padding-bottom: 0;}
.help_write td.text {padding-top: 15px; padding-bottom: 7px; border-bottom:0;}
.help_write td .textarea {width: 1068px; height: 480px; padding:10px; font-size: 16px; line-height: 24px;border: 1px solid #737373; appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; resize:none;}
.help_write td.area{ padding:20px 5px 27px 5px; }
.help_write td.area .select1, .help_write td.area .select2, .help_write td.area .select3{width: 120px; height: 36px; margin-right: 5px; padding-left: 10px; font-size:15px; color:#1c1c1c; border:1px solid #737373; background:url('../img/board/help_changing.png')no-repeat; background-position: 95px 14px; background-color: #fff; appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.help_write td.area .select1{margin-left: 33px;}
.help_write td.area .select1::-ms-expand, .help_write td.area .select2::-ms-expand, .help_write td.area .select3::-ms-expand {display:none;}
.help_write td.standard {padding:20px 5px 27px 5px;}
.help_write td.standard span.x{width: 10px; height: 9px; margin:0 4px; display: inline-block; background-image: url(../img/board/help.png); background-position: -55px 0;}
.help_write td.standard input{width: 83px; padding:7px; font-size:16px; border: 1px solid #737373;}
.help_write td.standard input.standard_w {margin-left: 33px;}
.help_write td.standard input::placeholder {color:#a3a3a3; font-size: 16px;}
.help_write td.li_name {text-align: right; padding:20px 5px 27px 5px;}
.help_write td.li_name input.lib_name {width: 208px; margin-left: 33px; padding:7px; font-size:16px; border: 1px solid #737373;}
.help_filedown { padding-top: 30px; font-family: NBG; padding-left:5px; padding-right:5px;}
.help_filedown .file {padding-bottom: 25px;}
.help_filedown .file p { float: left; font-size: 17px; }
.help_filedown .file p span { font-size: 13px; }
.help_filedown .file span.upload { float: right; font-size: 13px; color:#f02525; }
.help_filedown .fileselect { padding: 13px; background-color:#f5f5f5;margin-bottom: 2px;}
.help_filedown .fileselect input { font-size: 12px; }
.help_complete_btn {text-align: center;}
.help_complete_btn a {display: inline-block; width: 178px; height: 52px; margin-top: 45px; font-family: NS; font-size: 16px; color:#fff; background-color:#434ae9; margin-bottom: 95px; line-height: 52px; }
.help_complete_btn a:hover {background-color:#3e44d8;}

/*190418_버튼추가(s)*/
.logorequest {position: relative; height:1054px; background: url(../img/board/logo1.png) no-repeat; background-position: center;}
.logorequest .logo_btn {position: absolute; bottom: 0; right: 0; left: 0; width: 760px; height: 151px; margin: auto;}
.logorequest a {display: inline-block; margin: 0 5px; width: 366px; height: 80px; text-indent: -9999px;}
/*190418_버튼추가(e)*/

/* .logorequest {position: relative; height:1054px; background: url(../img/board/logo1.png) no-repeat; background-position: center;} */
/* .logorequest a {position: absolute; left:50%; bottom: 71px; margin-left: -183px;  width: 366px; height: 80px; text-indent: -9999px;} */
.logouse {padding:400px 0 30px; background: #fdeaf4 url(../img/board/logo2.png) no-repeat; background-position: top center;}
.logouse dl {margin:0 auto;  margin-bottom: 40px; width: 1100px;}
.logouse dt {border-bottom: 1px solid #fad5e9; line-height: 72px; border-top:1px solid #fad5e9; border-left: 1px solid #fad5e9; border-right: 1px solid #fad5e9; background: #fff url(../img/board/logoarrow_down.png) no-repeat; background-position: 1045px; font-size: 20px; font-family: NSBold; color:#000;}
.logouse dt.on {border-bottom: 1px solid #fad5e9; line-height: 72px; border-top:1px solid #fad5e9; border-left: 1px solid #fad5e9; border-right: 1px solid #fad5e9; background: #fff url(../img/board/logoarrow_up.png) no-repeat; background-position: 1045px; font-size: 20px; font-family: NSBold; color:#000;}
.logouse dt span {display: inline-block; margin:0 30px 0 34px; color: #e61787;}
.logouse dd {overflow: hidden; background-color: #fdf5f9; transition: max-height 0.2s ease-out;}
.logouse dd .inner {padding:60px; border-bottom:1px solid #fad5e9; border-left: 1px solid #fad5e9; border-right: 1px solid #fad5e9;}
.logouse dd img {display: block;margin:0 auto;}
.logouse dd p {margin:20px auto; padding:0 30px 30px; border:1px solid #e8d0dd; background:#f1e5eb; line-height: 26px; letter-spacing: 0;}
.logouse dd p span {display: block; position: relative; margin-top:30px; padding-left: 10px;  font-size: 16px; font-family: NBGBold;}
.logouse dd p span i {position: absolute; left:0; top:9px; width:4px; height:4px; background:#e61787;}
.logouse dd p strong {display: inline-block; margin-right: 5px; font-weight: normal;}
.logosample {padding:340px 0 100px; background: url(../img/board/logo3.png) no-repeat; background-position: top center;}
.logosample img {display: block; margin:0px auto;}
.logoform h4 {margin:116px 0 34px; font-family: NSBold; font-size: 52px; font-weight: normal; color:#f84f83; text-align: center;}
.logoform .desc {font-size: 18px; line-height: 28px; text-align: center;}
.logoform .selectbg {width: 1100px; margin:0 auto; padding: 112px 0 82px}
.logoform .logostep {padding-bottom: 58px;}
.logoform .logostep li {float: left; width:33.33333%; border-top:5px solid #f1f1f1;}
.logoform .logostep li.on {border-top:5px solid #f84f83;}
.logoform .logostep strong {display: block; padding:10px 0 16px; font-size: 24px; color:#dcdcdc;}
.logoform .logostep em {font-style: normal; font-size: 24px; color:#dcdcdc;}
.logoform .logostep li.on strong {color:#f84f83;}
.logoform .logostep li.on em {color:#f84f83;}
.logoform .bglist li {float: left; width:calc((1100px - 8px*4)/5); margin-right:8px; margin-bottom:36px;}
.logoform .bglist li.nomargin {margin-right: 0;}
.logoform .bglist li a {display: block; border:1px solid #e9e9e9;}
.logoform .bglist li.on a {border:1px solid #f84f83;}
.logoform .bglist .thumb {display: block;}
.logoform .bglist .thumbx {display: block; height:97px; background-color: #fff;}
.logoform .bglist .subject {display: block; position: relative; padding-left:43px; line-height: 43px; border-top:1px solid #e9e9e9; font-size: 14px;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.logoform .bglist .subject input {position: absolute; opacity: 0; cursor: pointer;}
.logoform .bglist .subject span.checkmark {position: absolute; top: 10px; left: 11px; width: 19px; height: 19px; border: 2px solid #dfdfdf; cursor: pointer;}
.logoform .bglist .checkmark:after {content:''; position: absolute; display: none;}
.logoform .bglist .subject input:checked ~ .checkmark:after {display: block;}
.logoform .bglist .subject span.checkmark:after {left: 5px; top: 0px; width:6px; height: 11px; border: solid #f84f83; border-width:0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.logoform .selectfont {background:#fee6ed; padding:94px 0;}
.logoform .selecfont_wrap {width:1100px; margin:0 auto;}
.logoform .selecfont_wrap .logostep li {border-top:7px solid #efd3db;}
.logoform .selecfont_wrap .logostep li.on {border-top:7px solid #f84f83;}
.logoform .selecfont_wrap .logostep strong {color:#e5bbc7;}
.logoform .selecfont_wrap .logostep em {color:#e5bbc7;}
.logoform .fontlist li {float: left; width:calc((1100px - 18px*3)/4); margin-right: 18px;}
.logoform .fontlist li.nomargin {margin-right: 0;}
.logoform .fontlist li a {display: block; border:1px solid #fee6ed;}
.logoform .fontlist li.on a {border:1px solid #f84f83;}
.logoform .fontlist .subject {display: block; position: relative; padding-left:43px; line-height: 43px; border-top:1px solid #e9e9e9; font-size: 15px; background:#fff;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.logoform .fontlist .subject input {position: absolute; opacity: 0; cursor: pointer;}
.logoform .fontlist .subject span.checkmark {position: absolute; top: 10px; left: 11px; width: 19px; height: 19px; border: 2px solid #dfdfdf; cursor: pointer;}
.logoform .fontlist .checkmark:after {content:''; position: absolute; display: none;}
.logoform .fontlist .subject input:checked ~ .checkmark:after {display: block;}
.logoform .fontlist .subject span.checkmark:after {left: 5px; top: 0px; width:6px; height: 11px; border: solid #f84f83; border-width:0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.logoform .addinfo {width: 1100px; margin:0 auto; padding:94px 0 0;}
.logoform .formarea {background:#f7f7f7; padding:40px 0;}
.logoform .formwrap {margin:0 auto; width:416px;}
.logoform .formwrap input {display: block; width: 400px; height: 24px; padding: 10px 14px 8px 0; margin-bottom: 8px; line-height: 15px; border: 1px solid #d7d7d7; color: #7c7c7c; font-size: 15px; text-indent: 15px; vertical-align: top;}
.logoform .formwrap input.companyname {display: inline-block; width:228px; margin-left: 3px;}
.logoform .formwrap .select-selected{border:1px solid #d7d7d7;}
.logoform .formwrap p {padding:16px 0 0 0; margin-top: 28px; border-top:1px solid #dcdcdc; font-size: 11px; font-family: dotum; color:#969696; line-height: 16px;}
.logoform .formwrap i {position: relative;
    top: -2px;
    display: inline-block;
    width: 2px;
    height: 2px;
    margin-right: 5px;
    background-color: #999;
    vertical-align: middle;}
.logoform .logofooter {padding:50px 0 128px;}
.logoform .logofooter .confirm {display: block; width: 366px; line-height: 80px; margin: 0 auto; color: #fff; font-size: 24px; font-family: NS; text-align: center; background-color: #f84f83;}

.faq {margin-top: 50px;}
.faq ul.faq_tab { padding-bottom: 50px; border-bottom: 2px solid #1f1f1f;}
.faq ul.faq_tab li {float: left; margin-right: 5px; margin-bottom: 5px; width:calc((1080px - 1px*3)/4); height: 50px; line-height: 50px; text-align: center; border: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.faq ul.faq_tab li.last {margin-right: 0;}
.faq ul.faq_tab li.on {border: 1px solid #ec009b;}
.faq ul.faq_tab li.on a {color:#ec009b; font-family: NSBold;}
.faq ul.faq_tab a {display: block; font-size: 15px; color:#333333;}
.faq ul.faq_list {margin-bottom: 70px;}
.faq ul.faq_list li.qusetion {border-bottom: 1px solid #c8c8c8;}
.faq ul.faq_list li.qusetion:hover {background-color: #f9f9f9;}
.faq ul.faq_list li.qusetion.on {background-color: #f9f9f9;}
.faq ul.faq_list li.qusetion .cate {display: inline-block; margin-left: 30px; width: 200px; font-family: NBG; font-size: 16px; color:#636363;}
.faq ul.faq_list li.qusetion .cate span {display: inline-block; margin-right: 15px; width: 19px; height: 18px; background:url(../img/board/help.png) no-repeat; background-position: -92px -20px; vertical-align: -3px;}
.faq ul.faq_list .accordion {width: 830px; padding-top: 25px; padding-bottom: 25px; text-align: left; font-family: NBG; font-size: 17px; color:#333333; background: url(../img/board/help_accordion_arrow.png) no-repeat; background-position: 100% 52%;}
.faq ul.faq_list .active {color:#ec009b; background: url(../img/board/help_accordion_arrow2.png) no-repeat; background-position: 100% 52%;}
.faq ul.faq_list li.qusetion .panel {background-color: #f9f9f9; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.faq ul.faq_list li.qusetion .inner {padding: 30px 28px; border-top: 1px solid #e8e8e8;}
.faq ul.faq_list li.qusetion .inner span {float: left; display: block; margin-right: 190px; width: 19px; height: 22px; background:url(../img/board/help.png) no-repeat; background-position: -117px -17px;}
.faq ul.faq_list li.qusetion .inner p {float: left; width:800px; font-family: NBG; color:#636363; font-size:15px; line-height: 28px;}
.faq ul.faq_list li.qusetion .inner a {color:#000000; text-decoration: underline;}
.faq ul.faq_list li.qusetion .inner a:hover {color:#ec009b;}

.schoolcontent .header {margin:70px 0 60px; border:1px solid #c8c8c8;}
.schoolcontent .header .thumb {position: relative; float: left; width:426px; height:426px; border-right:1px solid #c8c8c8;}
.schoolcontent .header .thumb h4 {margin:44px 0 0 44px; width: 220px; font-size: 43px; line-height: 56px;}
.schoolcontent .header .thumb p {display: inline-block; margin:10px 0 0 44px; padding:4px 6px; font-size: 14px; background:#f5439b; color:#fff; letter-spacing: 0;}
.schoolcontent .header .thumb span {position: absolute; right:44px; bottom: 24px; background:url(../img/board/help.png) no-repeat;}
.schoolcontent .header .thumb span.expimg {width:163px; height:195px; background-position: 0 -153px;}
.schoolcontent .header .thumb span.eduimg {width:159px; height:167px; background-position: -167px -157px;}
.schoolcontent .header .info {float: left; width:671px; letter-spacing: 0;}
.schoolcontent .header .info ul {padding:44px 44px 0; font-family: NBG;}
.schoolcontent .header .info li {border-bottom:1px solid #c8c8c8; line-height: 42px;}
.schoolcontent .header .info li.last {border-bottom:none;}
.schoolcontent .header .info strong {display: inline-block; position: relative; width:100px; padding-left: 27px; font-weight: normal;}
.schoolcontent .header .info a.minbtn {display: inline-block; margin-left: 8px; font-size: 12px; font-family: dotum; letter-spacing: -0.5px; color:#9a9a9a;}
.schoolcontent .header .info a.minbtn:hover {text-decoration: underline;}
.schoolcontent .header .info ul i {position: absolute;left:16px; top:18px; width:3px;height:3px;background:#f5439b;}
.schoolcontent .header .info em {display: inline-block; margin-right: 5px; font-style: normal; font-family: tahoma; font-weight: bold;}
.schoolcontent .header .info a.btn {display: block; margin:25px 44px 25px; text-align: center; font-family: NSBold; font-size: 18px; background:#f5439b; color:#fff; line-height: 54px;}

.schoolcontent .contents {width:100%; border:0; font-family: NBG; border-top: 2px solid #3b3b3b; }
.schoolcontent .contents .tab {position: relative; height: 60px; text-align: left; font-size: 17px; color:#333333; line-height: 24px; font-weight: 400;border:0; border-bottom:1px solid #c8c8c8; background:#f7f7f7;}
.schoolcontent .contents .tab p {position: absolute; left:0; top:0; width:200px; line-height:60px; text-align: center; font-size: 18px; color:#000; background-color:#fff; border-bottom:1px solid #fff; border-right:1px solid #c8c8c8; border-left:1px solid #c8c8c8;}
.schoolcontent .contents .text {margin-top: 80px; font-size: 17px; color:#545454;}
.schoolcontent .contents .text h5 {font-size: 24px; margin-bottom: 20px;}
.schoolcontent .contents .text p {margin-bottom: 100px; line-height: 38px;}
.schoolcontent .contents .text .special {padding: 50px 0; font-size: 17px; line-height: 28px; background-color: #fcfcfc; border: 1px solid #dfdfdf; text-align: center;}
.schoolform {width:100%; height:779px; background:url(../img/board/helpbg.png) no-repeat; background-position: center; text-align: center;}
.schoolform p {padding-top: 124px; color:#fff;font-family: NSBold; font-size: 42px;}
.schoolform strong {display: inline-block; margin-top: 30px; color:rgba(255,255,255,0.6); font-weight: normal; font-size: 14px; line-height: 24px;}
.schoolform .box {margin:34px auto 0; width:400px; padding:38px; background:#fff; border-radius: 5px; text-align: left;}
.schoolform .box a {display: block; margin-top: 30px; padding:20px 0; background:#f5439b; color:#fff; font-family: NSBold; font-size: 19px; text-align: center;}

.schinputs {position: relative; margin: 0 0 20px; padding-left: 90px; letter-spacing: 0;}
.schinput_text {position: absolute; top: 0; left: 0; width: 90px; color: #333; line-height: 44px; font-size: 15px;}
.schinput_text em {margin-left: 3px; font-style: normal; font-family: dotum; font-size: 11px; color:#aaa;}
.schinput_default {display: block; width: 293px; height: 24px; padding: 10px 14px 8px 0; line-height: 15px; border: 1px solid #d7d7d7; color: #7c7c7c; font-size: 15px; text-indent: 15px; vertical-align: top;}
.schinput_small {display: inline-block; margin-left: 3px; width: 87px; height: 24px; padding: 10px 14px 8px 0; line-height: 15px; border: 1px solid #d7d7d7; color: #7c7c7c; font-size: 15px; text-indent: 15px; vertical-align: top;}
.schinputs .select-selected {border:1px solid #d7d7d7;}
.schinputs .select-items {border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}

.eduform {width:100%; height:779px; background:url(../img/board/helpbg.png) no-repeat; background-position: center; text-align: center;}
/* 강좌가 2개 일때 */
.edu {margin:0px auto; padding-top: 130px; width:862px; letter-spacing: 0;}
/* 강좌가 1개 일때 */
/* .edu {margin:0px auto; padding-top: 130px; width:450px; letter-spacing: 0;} */
.edu em {display: block; margin-bottom:6px; font-style: normal; font-size: 16px; color:#aaa;}
/*220324(s) css 변경*/
.edu .box {float: left; margin:0; width:340px; height: 268px; position: relative; padding:38px 38px 132px 38px; margin-left:15px; background:#fff; border-radius: 5px; text-align: center;}
.edu p {font-size: 42px; padding-top:30px; margin-bottom: 16px; font-family: NSBold; line-height: 54px; color:#444;}
.edu .box a {display: block; margin-top: 0px; padding:20px 0; background:#f5439b; color:#fff; font-family: NSBold; font-size: 19px; text-align: center; position: absolute; width: 340px; left: 50%; bottom:38px; margin-left:-170px;}
/*220324(e) css 변경*/
.edu .box .date {font-size: 15px;}
.edu .box .date span {display: inline-block; padding:3px 7px 2px; vertical-align: top; margin-right: 10px; background:#f5439b; color: #fff; font-family: dotum; font-size: 12px;}
.edu .box .tags {margin-top: 40px;}
.edu .box .tags span {display: inline-block; padding:4px 8px 3px; margin:0 10px 14px 0; background:#f1f1f1; color:#868686; border-radius: 3px; font-size: 14px;}
.edu .box a.educancle {border:1px solid #f5439b; background:#fff; color:#f5439b;}

/*downloadcenter*/
.help_view td.download_view {padding-top:40px; padding-bottom: 100px; padding-right: 30px; padding-left: 30px;}
.help_view td.download_view .download {padding:25px 45px; margin-bottom: 25px; text-align: left; border: 1px solid #dfdfdf; background-color: #fbfbfb;}
.download span {float: left; display: block; width: 77px; height: 81px; background: url(../img/board/library.png) no-repeat;}
.download span.icon01 {background-position: 0 0;}
.download span.icon02 {background-position: -81px 0;}
.download span.icon03 {background-position: -162px 0;}
.download span.icon04 {background-position: -243px 0;}
.download span.icon05 {margin-top: 10px; background-position: -324px 0;}
/*190730 키친3 아이콘추가 (s)*/
.download span.icon06 {background-position: -400px 0; }
/*190730 키친3 아이콘추가*/ 
/*191021 아키S 아이콘추가(s)*/ 
.download span.icon07 {background-position: -480px 0; width: 85px; }
/*191021 아키S 아이콘추가(e)*/
/*211213 hdr 아이콘추가(s)*/ 
.download span.icon08 {background-position: -569px 0; width: 93px; }
/*211213 hdr 아이콘추가(e)*/
/* 220613 코비아키 64BIT 추가(s) */
.download span.icon09 {background-position: -670px 0; width: 85px; }
/* 220613 코비아키 64BIT 추가(e) */
.download p {float: left; margin-left: 40px; margin-top: 12px; width: 500px; color:#333333;}
.download p em {display: inline-block; font-family: Tahoma; font-size: 18px; font-weight: bold; font-style: normal; color:#5a5a5a; vertical-align: 4px;}
.download strong {font-family: NBGBold; font-size: 25px;}
.download i {display: block; margin-top: 10px; font-family: NBG; font-style: normal; font-size: 17px;}
.download a {float: right; margin-top: 15px; display: inline-block; width: 233px; height: 51px; background: url(../img/board/library.png) no-repeat; background-position: 0 -85px;}

/* 200108(s) 서브 프로그램 이미지 추가(s) */
.download span.sub_program{background: none;}
.download a.link{background: url(../img/board/library2.png) no-repeat; background-position: 0 -138px;}
/* 200108(s) 서브 프로그램 이미지 추가(e) */

.help_view td.downloadc_system {padding: 70px 30px 90px 30px; border-bottom:0;}
.help_view td.downloadc_system.systemkhr {padding-top: 0;}
.help_view td.downloadc_system strong {display:block; margin-bottom: 7px; text-align: left; font-size: 17px; font-weight: 400; color:#545454;}
.help_view td.downloadc_system p {font-size: 16px; text-align: left; margin-bottom: 25px; line-height: 25px;}

.help_view td.downloadc_system table {width: 100%; border-top: 2px solid #272727; }
.help_view td.downloadc_system table th {height: 65px; text-align: center; font-size: 16px; color:#3b3b3b;}
.help_view td.downloadc_system table th span {font-size: 15px;}
.help_view td.downloadc_system table td {padding:12px 0; line-height: 24px;}
.help_view td.downloadc_system table .txl {font-size: 15px; color:#545454; font-weight: bold;}
.help_view td.downloadc_system table .cenbd {border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8;}
.help_view td.downloadc_system table .rbd {border-right: 1px solid #c8c8c8;}

/*190522_창원세미나추가(s)*/
.help_view td.view_content .seminar {position: relative;}
.help_view td.view_content .seminar_app {position: absolute; bottom: 0; left: 0; margin-left:330px; margin-bottom: 110px;}
.help_view td.view_content .seminar_app li input {padding:13px; font-size: 20px; font-family: 'NS'; border:none; line-height: 15px; background:none; }
.help_view td.view_content .seminar_app li input.appname {width: 385px;} 
.help_view td.view_content .seminar_app li input.appphone {width:115px; margin-right: 21px; margin-top: 23px;}
.help_view td.view_content .seminar_app li button {width: 390px; height: 60px; margin-top: 21px; background: rgba(0,0,0,0)}
.help_view td.view_content .seminar_a   {position: absolute; bottom: 0; left: 0; margin-left:472px; margin-bottom: 1315px; width: 75px; height:22px;  background: rgba(0,0,0,0)}
/*190522_창원세미나추가(e)*/


/*코비소식 - 언택트페이지 css 추가 200909(s)*/
/*untact*/
.help_con {position: relative;}
.help_contents {height: 590px;}
.help_contents .top_wrap {position: relative; width: 1100px; margin:0 auto; -webkit-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -moz-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -o-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -ms-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000);}
.help_contents .title {padding:170px 0 305px 0;}
.help_contents .title p {font-size:22px; margin-bottom: 15px; font-family: NSBold; color:#fff; text-align: center; letter-spacing: -1px; line-height: 22px;}
.help_contents .title h3 {font-size:50px; font-family: NSBold; color:#fff; text-align: center; letter-spacing: -1px; line-height: 50px;}
.help_contents .top_img.untact {position: absolute; top: 0; bottom: 0; left: 0; margin-left: 136px; margin-top: 340px; z-index: 6666;}
.help_contents .top_img.untact img{margin-bottom: 25px;}
.untact_bg{background-color: #5b60c8;}
span.color7100fd{color:#7100fd;}
span.colorfeaa0a{color:#feaa0a;}
.topbtn_area .buybtn_untact{width: 92px; height: 34px; line-height: 34px; font-family: NBGBold; font-size: 16px; color:#343434; background-color:#fff; border: 2px solid #fff; border-radius: 3px; vertical-align: middle;}

.section1_untact {width:1492px; margin:0 auto; height:1300px;}
.section1_untact .sec1_content{height: 100%}
.section1_untact h2.sec1_tit{padding-top:380px; margin-bottom:80px; text-align: center; letter-spacing: -1px; font-size:40px; font-family: 'NS',sans-serif; font-weight: bold; color:#000000;}
.section1_untact .flex_box{display: flex; justify-content: space-between;}
.section1_untact .flex_box .fBox{width:456px;}
.section1_untact .flex_box .fBox .img{width:100%; height: 356px;}
.section1_untact .flex_box .fBox .text h3{padding:30px 0; text-align: center; font-family: 'NS',sans-serif; font-weight: bold; font-size:28px; color:#000000;}
.section1_untact .flex_box .fBox .text p{text-align: center; font-family: 'NBG',sans-serif; font-size:17px; color:#555555; line-height: 1.5; letter-spacing: -0.7px;}

.section1-2_untact{width:100%; padding:100px 0;  background-color: #f4f4f4;}
.section1-2_untact h2.sec1-2_tit{padding-top:0px; text-align: center; letter-spacing: -1px; font-size:40px; font-family: 'NS',sans-serif; font-weight: bold; color:#000000;}
.section1-2_untact p.sec1-2_desc{margin-top:50px; margin-bottom:150px; letter-spacing: -0.5px; line-height: 1.6; text-align: center; font-size:18px; font-family: 'NS',sans-serif; font-weight: normal; color:#000000;}
.sec1-2_content{width:1690px; height: 750px; position: relative; margin:0 auto;}
.sec1-2_content .img{width:100%; text-align: center;}
.sec1-2_content .li{
	width:436px;
	padding-left:100px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: 66px 66px;
	background-position: left top;
}
.sec1-2_content .li01{background-image:url(../img/board/untact/num01.png); top:0; left:0;}
.sec1-2_content .li02{background-image:url(../img/board/untact/num02.png); top:0; right:0;}
.sec1-2_content .li03{background-image:url(../img/board/untact/num03.png); top:400px; left:0;}
.sec1-2_content .li04{background-image:url(../img/board/untact/num04.png); top:400px; right:0;}
.sec1-2_content .li h3{padding:10px 0 30px 0; font-family: 'NS', sans-serif; font-weight: bold; font-size:25px; color:#000000;}
.sec1-2_content .li p{font-family: 'NBG', sans-serif; font-weight: normal; font-size:17px; color:#000000; line-height: 1.6; letter-spacing: -0.8px;}

.section1-3_untact{width:100%; padding:150px 0;  background-color: #ffffff;}
.sec1-3_content .img{width:100%; text-align: center;}
.sec1-3_content .text_top{margin-top:30px;}
.sec1-3_content .text_top h3{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:40px;
	color:#000000;
	text-align: center;
	margin-bottom:30px;
}
.sec1-3_content .text_top p{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:22px;
	color:#000000;
	text-align: center;
	margin-bottom:50px;
}
.sec1-3_content .text{margin-top:120px;}
.sec1-3_content .text h3{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:40px;
	color:#000000;
	text-align: center;
	
}
.sec1-3_content .text p{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:22px;
	color:#000000;
	text-align: center;
	margin-bottom:30px;
}
.section2_inner li span.untact_line {padding-bottom: 5px; border-bottom: 2px solid #7100fd; color:#7100fd; }
.section2_inner span.untact_tab1img, .section2_inner span.untact_tab2img, .section2_inner span.untact_tab3img, .section2_inner span.untact_tab4img {position: absolute; bottom: 0; right: 0; left: 233px; display:block; width: 636px; height: 343px;}
.section2_inner span.untact_tab1img {background:url(../img/board/untact/untact_tab1-1.png);}
.section2_inner span.untact_tab2img {background:url(../img/board/untact/untact_tab2-1.png);}
.section2_inner span.untact_tab3img {background:url(../img/board/untact/untact_tab3-1.png);}
.section2_inner span.untact_tab4img {background:url(../img/board/untact/untact_tab4-1.png); }
/*코비소식 - 언택트페이지 css 추가 200909(e)*/


/* 190909_베타랜딩페이지(s) */
.randing_beta{position: relative;}
.randing_beta a{display:block; position: absolute;}
.beta_02 a.beta_img01{width:657px; height:430px; background: none; top:0; left:50%; margin-left:-328.5px; text-indent: -99999px;}
.beta_03 a.beta_img02{width:232px; height:128px; background: none; top:0; left:60px; text-indent: -99999px;}
.beta_03 a.beta_img03{width:232px; height:128px; background: none; top:0; right:60px; text-indent: -99999px;}
.beta_04 a.beta_img04{width:108px; height:36px; background: none; top:0; left:124px; text-indent: -99999px;}
.beta_04 a.beta_img05{width:108px; height:36px; background: none; top:0; right:120px; text-indent: -99999px;}
.beta_05 a.beta_img06{width:302px; height:260px; background: none; top:0; left:380px; text-indent: -99999px;}
.beta_05 a.beta_img07{width:302px; height:260px; background: none; top:0; right:82px; text-indent: -99999px;}
.beta_06 a.beta_img08{width:77px; height:27px; background: none; top:0; left:594px; text-indent: -99999px;}
.beta_06 a.beta_img09{width:77px; height:27px; background: none; top:0; right:82px; text-indent: -99999px;}
.beta_07 a.beta_img10{width:302px; height:260px; background: none; top:0; left:380px; text-indent: -99999px;}
.beta_07 a.beta_img11{width:302px; height:260px; background: none; top:0; right:82px; text-indent: -99999px;}
.beta_08 a.beta_img12{width:77px; height:27px; background: none; top:0; left:594px; text-indent: -99999px;}
.beta_08 a.beta_img13{width:77px; height:27px; background: none; top:0; right:82px; text-indent: -99999px;}
/* 190909_베타랜딩페이지(e) */


/* 190911_부산경향하우징 랜딩페이지(s) */
.randing_busan{position: relative; margin:0; padding:0;}
.randing_busan img{display:block; }
.randing_busan input{position: absolute;}
.busan_03 input.busan_text_name{top:14px; left:360px; width:372px; height:40px; font-size:22px; font-weight: normal; font-family: NBG; border:none;}
.busan_05 input.busan_text_number01{top:13px; left:360px; width:86px; height:40px; font-size:22px; font-weight: normal; font-family: NBG; border:none;}
.busan_05 input.busan_text_number02{top:13px; left:504px; width:86px; height:40px; font-size:22px; font-weight: normal; font-family: NBG; border:none;}
.busan_05 input.busan_text_number03{top:13px; left:648px; width:86px; height:40px; font-size:22px; font-weight: normal; font-family: NBG; border:none;}
.busan_07 input.busan_text_people{top:13px; left:360px; width:372px; height:40px; font-size:22px; font-weight: normal; font-family: NBG; border:none;}
.busan_09 button{position: absolute; top:0px; left:344px; background: none; width:410px; height:66px; font-size:22px; font-weight: normal; font-family: NBG; border:none; text-indent: -999999px;}
/* 190911_부산경향하우징 랜딩페이지(e) */


/*190918_코비라이브,채널코비 더보기추가(s)*/
.more {text-align: center; padding-bottom:100px;}
.more02{margin-top:-51px;}
.more a {display:inline-block; width: 95px; height: 39px; font-size: 14px; text-align: center; color:#333333; line-height: 39px; border: 1px solid #d4d4d4;}
.more a:hover {background-color: #f5f5f5;}
.hidden_li{display:none;}
/*190918_코비라이브,채널코비 더보기추가(e)*/

/* 191125_랜딩페이지(s) */
.randing_page{position: relative;}
.randing_page a{display:block; position: absolute;}
.randing_page img{display:block;}
.r_contentbox_01-2 a.r_link_01-2{width:336px; height:100%; background: none; top:0; left:50%; margin-left:-168px; text-indent: -99999px;}

/* 191202(s) */
.r_contentbox_02-2 a.r_link_02-2{width:388px; height:100%; background: none; top:0; left:50%; margin-left:-195px; text-indent: -99999px;}
/* 191202(e) */
/* 191223(s) */
.r_contentbox_04-2 a.r_link_04-2{width:246px; height:46%; background: none; top:0; left:50%; margin-left:-123px; text-indent: -99999px;}
/* 191223(e) */
/* 200207(s) */
.r_contentbox_05-2 a.r_link_05-2{width:676px; height:100%; background: none; top:0; left:50%; margin-left:-338px; text-indent: -99999px;}
/* 200207(e) */
/* 200226(s) */
.r_contentbox_06-2 a.r_link_06-2{width:678px; height:100%; background: none; top:0; left:50%; margin-left:-338px; text-indent: -99999px;}
/* 200226(e) */
/* 200427(s) */
.r_contentbox_07-2 a.r_link_07-2{width:678px; height:100%; background: none; top:0; left:50%; margin-left:-338px; text-indent: -99999px;}
/* 200427(e) */
/* 200805(s) */
.r_contentbox_10-2 a.r_link_10-2{width:678px; height:100%; background: none; top:0; left:50%; margin-left:-338px; text-indent: -99999px;}
.r_contentbox_10-4 a.r_link_10-4{width:360px; height:100%; background: none; top:0; left:50%; margin-left:-180px; text-indent: -99999px;}
/* 200805(e) */
/* 200901(s) */
.r_contentbox_11-2 a.r_link_11-2{width:678px; height:100%; background: none; top:0; left:50%; margin-left:-338px; text-indent: -99999px;}
.r_contentbox_11-4 a.r_link_11-4{width:360px; height:100%; background: none; top:0; left:50%; margin-left:-180px; text-indent: -99999px;}
/* 200901(e) */

/* 191125_랜딩페이지(e) */

/* 200520(s) */
.r_contentbox_08-2 a.r_link_08-2{width:678px; height:100%; background: none; top:0; left:50%; margin-left:-338px; text-indent: -99999px;}
/* 200520(e) */
/* 201007(s) */
.r_contentbox_12-2 a.r_link_12-2{width:660px; height:100%; background: none; top:0; left:50%; margin-left:-326px; text-indent: -99999px;}
/* 201007(e) */
/* 201030(s) */
.r_contentbox_13-2 a.r_link_13-2{width:660px; height:100%; background: none; top:0; left:50%; margin-left:-326px; text-indent: -99999px;}
.r_contentbox_13-4 a.r_link_13-4{width:400px; height:100%; background: none; top:0; left:50%; margin-left:-200px; text-indent: -99999px;}
/* 201030(e) */
/* 201111(s) */
.r_contentbox_14-2 a.r_link_14-2{width:100%; height:100%; background: none; top:0; left:0%; margin-left:0px; text-indent: -99999px;}
/* 201111(e) */
/* 201203(s) */
.r_contentbox_16-2 a.r_link_16-2{width:680px; height:100%; background: none; top:0; left:50%; margin-left:-340px; text-indent: -99999px;}
.r_contentbox_16-4 a.r_link_16-4{width:680px; height:100%; background: none; top:0; left:50%; margin-left:-340px; text-indent: -99999px;}
.r_contentbox_16-6 a.r_link_16-6{width:460px; height:100%; background: none; top:0; left:50%; margin-left:-230px; text-indent: -99999px;}
/* 201203(e) */
/* 201218(s) */
.r_contentbox_17-2 a.r_link_17-2{width:680px; height:100%; background: none; top:0; left:50%; margin-left:-340px; text-indent: -99999px;}
.r_contentbox_17-4 a.r_link_17-4{width:680px; height:100%; background: none; top:0; left:50%; margin-left:-340px; text-indent: -99999px;}
.r_contentbox_17-6 a.r_link_17-6{width:420px; height:100%; background: none; top:0; left:50%; margin-left:-210px; text-indent: -99999px;}
/* 201218(e) */
/* 210104(s) */
.r_contentbox_18-2 a.r_link_18-2{width:460px; height:100%; background: none; top:0; left:50%; margin-left:-230px; text-indent: -99999px;}
/* 210104(e) */
/* 210127(s) */
.r_contentbox_19-2 a.r_link_19-2{width:460px; height:100%; background: none; top:0; left:50%; margin-left:-230px; text-indent: -99999px;}
/* 210127(e) */
/* 210226(s) */
.r_contentbox_21-2 a.r_link_21-2{width:42%; height:100%; background: none; top:0; left:50%; margin-left:-21%; text-indent: -99999px;}
.r_contentbox_21-4 a.r_link_21-4{width:62%; height:100%; background: none; top:0; left:50%; margin-left:-31%; text-indent: -99999px;}
/* 210226(e) */
/* 210325(s) */
.r_contentbox_22-2 a.r_link_22-2{width:32%; height:100%; background: none; top:0; left:50%; margin-left:-16%; text-indent: -99999px;}
.r_contentbox_22-4 a.r_link_22-4{width:38.5%; height:100%; background: none; top:0; left:54%; margin-left:0%; text-indent: -99999px;}
.r_contentbox_22-6 a.r_link_22-6{width:44%; height:100%; background: none; top:0; left:50%; margin-left:-22%; text-indent: -99999px;}
/* 210325(e) */
/* 210427(s) */
.r_contentbox_23-2 a.r_link_23-2{width:66%; height:100%; background: none; top:0; left:50%; margin-left:-34%; text-indent: -99999px;}
.r_contentbox_23-4 a.r_link_23-4{width:12%; height:100%; background: none; top:0; left:57%; margin-left:0%; text-indent: -99999px;}
.r_contentbox_23-6 a.r_link_23-6{width:68%; height:100%; background: none; top:0; left:50%; margin-left:-34%; text-indent: -99999px;}
/* 210427(e) */
/* 210429(s) */
.r_contentbox_21-2 a.r_link_21-2{width:42%; height:100%; background: none; top:0; left:50%; margin-left:-21%; text-indent: -99999px;}
.r_contentbox_21-4 a.r_link_21-4{width:62%; height:100%; background: none; top:0; left:50%; margin-left:-31%; text-indent: -99999px;}
/* 210429(e) */
/* 210601(s) */
.r_contentbox_26-2 a.r_link_26-2{width:32%; height:100%; background: none; top:0; left:50%; margin-left:-16%; text-indent: -99999px;}
/* 210601(e) */
/* 210630(s) */
.r_contentbox_27-2 a.r_link_27-2{width:35.5%; height:100%; background: none; top:0; left:69.5%; margin-left:-16%; text-indent: -99999px;}
.r_contentbox_27-4 a.r_link_27-4{width:42%; height:100%; background: none; top:0; left:50%; margin-left:-21%; text-indent: -99999px;}
/* 210630(e) */
/* 210803(s) */
.r_contentbox_30-2 a.r_link_30-2{width:60.5%; height:100%; background: none; top:0; left:50%; margin-left:-30%; text-indent: -99999px;}
.r_contentbox_30-4 a.r_link_30-4{width:60.5%; height:100%; background: none; top:0; left:50%; margin-left:-30%; text-indent: -99999px;}
/* 210803(e) */
/* 210831(s) */
.r_contentbox_31-2 a.r_link_31-2{width:35.5%; height:100%; background: none; top:0; left:69.5%; margin-left:-16%; text-indent: -99999px;}
.r_contentbox_31-4 a.r_link_31-4{width:42%; height:100%; background: none; top:0; left:50%; margin-left:-21%; text-indent: -99999px;}
/* 210831(e) */
/* 211001(s) */
.r_contentbox_33-2 a.r_link_33-2{width:36%; height:100%; background: none; top:0; left:50%; margin-left:-18%; text-indent: -99999px;}
.r_contentbox_33-4 a.r_link_33-4{width:36%; height:100%; background: none; top:0; left:50%; margin-left:3%; text-indent: -99999px;}
/* 211001(e) */
/* 211029(s) */
.r_contentbox_34-2 a.r_link_34-2{width:60.5%; height:100%; background: none; top:0; left:50%; margin-left:-30%; text-indent: -99999px;}
.r_contentbox_34-4 a.r_link_34-4{width:62%; height:100%; background: none; top:0; left:50%; margin-left:-31%; text-indent: -99999px;}
.r_contentbox_34-6 a.r_link_34-6{width:35.5%; height:100%; background: none; top:0; left:69.5%; margin-left:-16%; text-indent: -99999px;}
/* 211029(e) */
/* 211130(s) */
.r_contentbox_35-2 a.r_link_35-2{width:35.5%; height:100%; background: none; top:0; left:69.5%; margin-left:-16%; text-indent: -99999px;}
/* 211130(e) */
/*220511(s) 보상판매페이지css*/
#event_wrap{width: 100%; height: 100%; background: #ffffff;}
#event_wrap .event_inner{width: 100%; max-width: 1100px; height: auto;	margin: 0 auto;}
#event_wrap .event_inner .banner_box{position: relative;}
#event_wrap .event_inner .banner_box img{display: block; width: 100%;}
#event_wrap .event_inner .banner_box .txt{position: absolute; top: 0; left: 56%; z-index: 2;}
#event_wrap .event_inner .banner_box .txt span.price_default{
	font-family: 'NBGBold', sans-serif;
	font-weight: bold;
	font-size: 36px;
	color: #747474;
	text-decoration: line-through;
	display: block;
}
#event_wrap .event_inner .banner_box .txt strong.price_event{
	font-family: 'NBGBold', sans-serif;
	font-weight: bold;
	font-size: 60px;
	color: #744eff;
	display: block;
}
#event_wrap .event_inner .banner_box .txt em{
	font-family: 'NBGBold', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #191919;
	font-style: normal;
	display: block;
	margin-top: 20px;
}
#event_wrap .event_inner .banner_box a.link{position: absolute; z-index: 2; top: 0; left: 31%; display: block; width: 38%; height: 100%; text-indent: -999999px;}
/*220511(e) 보상판매페이지css*/

/* 231031(s) */
.tab_con {display: none}
.ally_hidden {position:absolute;left:-1000%;top:0;width: 1px;height: 1px;margin: -1px;overflow: hidden;color:#fff}
/* 애니메이션 */
.tab_list .tab_item.on {position: relative;left: 0;top:0}
.tab_con.on {display: block}
/* 231031(e) */

/* 231127 이누스 (s) */
.rotate {animation: spinner 0.8s linear infinite forwards}
@keyframes spinner {
    0% {
        transform: translate(-50%, 0) rotate(0);
    }
    100% {
        transform: translate(-50%, 0) rotate(360deg);
    }
}
.inus_btn_array * {box-sizing: border-box}
.inus_btn_link:hover .inner_img {transform: scale(1.2)}
.inus_btn_link.active, .inus_btn_link:focus .inner_img 	{outline: 2px solid #987a46 !important}
.randing_contents a:-webkit-any-link:focus-visible  {border: 2px solid #987a46 !important;outline: none !important}
.inner_img {transition: all .2s}
/* 231127 이누스 (e) */

/* 240404(s) */
.popup_0404 {width: 100%}
.popup_0404 .inner {width: 551px;padding: 29px 0 40px}
.popup_0404 p {font-size: 24px}
.popup_0404 p + span {font-size: 32px;margin: 0 0 28px}
.popup_0404 a {font-size: 18px;width: 214px;line-height: 21px;padding: 13.5px 0}
.popup_0404 a > span {width: 24px;height: 24px}
/* 240404(e) */

/* 240516(s) */
.cnt_txt0515 {font-family: 'Pretendard', sans-serif;font-size: 22px;transform: translate(-50%, 20%);}
/* 240516(e) */

/* 240522(s) */
.buy_view .price_without_vat {font-size: 33px;font-family: tahoma;font-weight: bold;margin-right: 3px;}
/* 240522(e) */

/* 240820 플랜비교 추가 (s) */
.buy_tb .tb_archis {border-top-width: 3px;}
.buy_tb .tb_archis_wrap {
    font-family: 'pretendard', sans-serif;
    font-weight: 500;
}
.buy_tb .tb_archis_wrap .tb_tit {
    font-weight: 500;
    color: #000;
}
.buy_tb .tb_archis tbody tr:first-of-type td {padding-top: 42px;}
.buy_tb .tb_archis td {border: none;}
.buy_tb .tb_archis .txl {
    margin-left: 37px;
    font-size: 19px;
}
.tb_archis .btn {
    display: block;
    width: 87px;
    margin: 6px auto 0;
    padding: 5px 11px;
    border-radius: 16px;
    background: #0092ff;
    font-size: 19px;
    color: #fff;
}
.buy_tb .tb_archis .check_big {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url("../img/board/buy_check_big_3x.png") center / cover no-repeat;
}
.buy_tb .tb_archis .check {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../img/board/buy_check_3x.png") center / cover no-repeat;
}
.buy_tb .tb_archis .tit {
    position: relative;
    font-weight: 700;
    color: #212529;
    user-select: none;
}
.tb_archis .accordion_item .tit::before,
.tb_archis .accordion_item .tit::after {
    content: '';
    position: absolute;
    left: -37px;
}
.tb_archis .accordion_item .tit::before {
    top: 50%;
    width: 13.5px;
    height: 15px;
    background: url("../img/board/buy_hide_3x.png") center / contain no-repeat;
    transform: translateY(-50%);
}
.tb_archis .accordion_item.show .tit::before {display: none;}
.tb_archis .accordion_item .tit::after {
    display: none;
    top: 3px;
    width: 16px;
    height: 266px;
    background: url("../img/board/buy_line_3x.png") center / contain no-repeat;
    transform: none;
}
.tb_archis .accordion_item.show .tit::after {display: block;}
.tb_archis .short.show .tit::after {
    top: -20px;
    background: url("../img/board/buy_line_3x_2.png") center / contain no-repeat;
}
.tb_archis .accordion_item + .hide .hide_content {
    height: 0;
    overflow: hidden;
    transition: all .3s cubic-bezier(.19,.73,.86,.94);
}
.tb_archis .accordion_item.show + .hide .hide_content {height: 220px;}
.tb_archis .short.show + .hide .hide_content {height: 165px;}
.tb_archis .hide:last-child td::before {top: -54px;}
.tb_archis .hide:last-child .center:last-of-type .td {padding-bottom: 50px;}
.tb_archis .hide .center {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.buy_tb .tb_archis .hide td[colspan="3"] {padding: 0;}
.hide .center .td {display: inline-block;
    width: 100%;
    height: 25px;
    padding: 15px 0;
    margin-left: 0;
    letter-spacing: -0.48px;
    color: #191919;
}
.hide .center .td.txl {text-indent: 47px;}
.buy_tb .tb_archis .accordion_item td {
    padding: 42px 0 18px;
    background-image: linear-gradient(to right, #006aff5e 50%, rgba(255, 255, 255, 0) 0%);
    background-position: left bottom;
    background-size: 16px 1.5px;
    background-repeat: repeat-x;
}
.buy_tb .tb_archis tr.last {height: 60px;}
.buy_tb .tb_archis .accordion_item.show td {background-image: none;}
.buy_tb .tb_archis th[scope="col"] {
    padding: 23px 0;
    border-bottom-width: 3px;
    color: #000;
}
.buy_tb .tb_archis .strong {color: #006aff;}
.hide .td .strong, .tb_archis .small_info_txt {color: #0092ff;}
.tb_archis .small_info_txt {
    display: flex;
    align-items: center;
    margin-top: 4px;
    font-size: 11px;
    letter-spacing: -0.28px;
}
.tb_archis .small_info_txt.sample {margin-left: 20px;}
.tb_archis .small_info_txt.last {
    visibility: hidden;
    margin: 4px 0 0 37px;
}
.tb_archis .accordion_item.show .small_info_txt.last {visibility: visible;}
.tb_archis .small_info_txt .ico {
    position: relative;
    display: inline-block;
    left: 47px;
    width: 13px;
    height: 13px;
    margin-right: 4px;
    background: url("../img/board/buy_question_3x.png") center / contain no-repeat;
}
.tb_archis .accordion_item:nth-of-type(3) .small_info_txt {margin-left: 13px;}
.tb_archis .small_info_txt .last {left: 0;}
.buy_tb .tb_archis tfoot th {
    background: transparent;
    border-bottom: none;
}
.tb_archis tfoot tr {
    padding: 50px;
    background: #f4f4f4;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3);
}
.buy_tb .tb_archis tfoot td{padding: 60px 0 80px;}
.buy_tb .tb_archis tfoot .strong:not(.tit) {
    font-weight: 700;
    font-size: 15px;
    color: #0092ff;
}
.buy_tb .tb_archis tfoot .tit {
    margin-top: -20px;
    padding-top: 60px;
    vertical-align: top;
}
.tb_archis .price_wrap {
    font-size: 13.5px;
    font-weight: 700;
    color: #009eff;
}
.tb_archis .price_wrap .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
}
.tb_archis .price {
    display: flex;
    width: max-content;
    padding: 3px 8px;
    margin: 2px auto 0;
    border-radius: 14px;
    background: #006aff;
    color: #fff;
    font-size: 19PX;
}
.tb_archis .price_info {
    margin: 16px 0 0;
    font-size: 13px;
    line-height: 1;
}
.tb_archis .big_txt {
    font-weight: 800;
    font-size: 19px;
}
/* 240820 플랜비교 추가 (e) */

/* 240903 부톡- 업체정보 추가(s) */
.expert *, .new * {
    font-family: 'pretendard', sans-serif;
    box-sizing: border-box;
}
.expert .visual_wrap {
    background: url("../img/board/expert/expert_visual_bg3x.png") center / cover no-repeat;
    width: 100%;
    height: 388px;
    margin: 0 auto;
}
.expert .visual_inner, .item_link, .expert_item .top_info {display: flex;}
.expert .visual_inner, .new .visual_inner {
    align-items: center;
    justify-content: center;
    width: 1100px;
    height: 100%;
    margin: 0 auto;
    padding: 100px 0 0;
    text-align: center;
}
.expert .main_tit {
    font-size: 44px;
    line-height: 1.27;
    font-weight: 700;
    color: #0c2067;
}
.expert .main_tit .strong {
    display: inline-block;
    width: 100%;
    color: #fff;
}
.expert .sub_tit {
    margin-top: 12px;
    font-size: 26px;
    color: #f1f3f5;
}
.expert .sub_contentbox {
    width: auto;
    background: #f8f9fa;
    padding: 40px 0;
}
.expert .contentbox_inner {
    width: 736px;
    margin: 0 auto;
    font-size: 14px;
}
.expert .description {
    margin: 0 0 25px;
    color: #495057;
    font-weight: 500;
}
.expert_list {display: flex;
    gap: 34px 20px;
    flex-wrap: wrap;
}
.expert_item {
    width: calc((100% - 80px)/4);
    min-width: 169px;
    height: 209px !important;
    padding: 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 4px 0 rgba(33, 37, 41, 0.15);
    color: #212529;
    text-align: start;
    aspect-ratio: auto;
}
.expert_item .item_link {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 16px 14px;
    cursor: auto;
}
.expert_item .top_info {
    align-items: center;
    gap: 8px;
}
.top_info .img_wrap {
    overflow: hidden;
    align-self: flex-start;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    background: #dee2e6;
}
.top_info .img_wrap img {object-fit: fill;}
.expert_item .company {
    font-size: 18px;
    font-weight: 700;
}
.expert_item .ceo, .expert_item .location {font-size: 14px;}
.expert_item .ceo {font-weight: 500;}
.expert_item .location {
    height: 17px;
    font-weight: 600;
    text-align: right;
}

@media screen and (max-width: 1099px) {
	.expert .visual_inner {width: auto;}
}
/* 240903 부톡- 업체정보 추가(e) */

/* 240920 코비서베이 추가(s) */
.new .flex {display: flex;}
.new .flex_col {
    display: flex;
    flex-direction: column;
}
.new .visual_inner {display: flex;}
.new .main_tit {font-weight: 700;}
.new .modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
    word-break: keep-all;
}
.new .modal .modal_inner {
    overflow: hidden auto;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 320px;
    padding: 94px 24px 24px;
    background: #fff;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    text-align: center;
    border-radius: 16px;
}
.new .modal .modal_inner::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 30px;
    width: 44px;
    height: 44px;
    background: url("../img/board/survey/modal_check3x.png") center / cover no-repeat;
    transform: translate(-50%, 0);
}
.new .modal {display: none;}
.new .modal.show {display: block;}
/* css 변수 지정*/
.survey {
    --bg-color : #eaf4fe;
    --bg-white : #fff;
    --tit-color : #121212;
    --main-tit-color : #212529;
    --sub-txt-color : #495057;
    --btn-txt-color : #1b2d81;
    --btn-bg-color : #b3caf0;
    --tit-size: 20px;
    --main-tit-size : 18px;
    --sub-txt-size : 16px;
    --tit-weight: 600;
     --new-main-tit-color : #1b1b1e;
    --new-sub-txt-color : #343a40;
    --placeholder-color : #adb5bd;
    --textbox-color : #f8f9fa;
    --new-survey-color: #102c72;
    --new-btn-bg-color : #b3caf0;
    --new-tit-size: 24px;
}
/* CSS 변수를 지원하는 경우 */
@supports (--bg-color: #eaf4fe) {
	.survey .sub_contentbox {background-color: var(--bg-color);}
	.survey_contents .survey_box,
    .survey_contents .title_box {background-color: var(--bg-white);}
    .survey_contents .tit {
        font-size: var(--tit-size);
        color: var(--tit-color);
    }
    .survey_contents .main_tit,
	.new .modal .main_tit,
	.survey .table_caption {
        font-size: var(--main-tit-size);
        color: var(--main-tit-color);
    }
    .survey_contents .tit,
    .survey_contents .main_tit,
    .survey .btn {font-weight: var(--tit-weight);}
    .survey_contents .input_txt,
	.survey .txt,
	.question .checkbox_wrap {
        font-size: var(--sub-txt-size);
        color: var(--sub-txt-color);
    }
    .survey .btn {
        background-color: var(--btn-bg-color);
        font-size: var(--main-tit-size);
    }
    .survey .btn,
    .survey_contents .tit::before,
    .survey_contents .checkbox_wrap:hover .custom_check,
    .survey_contents .input_check:checked + .custom_check {color: var(--btn-txt-color);}
    .survey_contents .tit::before,
    .survey_list .sub_tit,
    .survey .survey_btn_list .btn,
    .survey .alert_modal .btn {background: var(--btn-txt-color);}
    .survey_contents .new_survey .tit {font-size: var(--new-tit-size);}
    .survey .new_survey .sub_tit,
    .survey .new_survey .survey_btn_list .btn {
        background: var(--bg-white);
        color: var(--new-survey-color);
    }
    .new_survey_form .small,
    .new_survey_form tbody th {
        color: var(--sub-txt-color);
    }
    .survey_contents .textbox {
        background: var(--textbox-color);
    }
    .survey_contents .textbox::placeholder {
        color: var(--placeholder-color);
    }
    .new_survey_form thead th {
        color: var(--new-sub-txt-color);
    }
    .survey .survey_form .btn {
        background: var(--new-btn-bg-color);
        color: var(--btn-txt-color);
    }
    .survey_contents .new_survey_form .main_tit {
        color: var(--new-main-tit-color);
    }
}

/* CSS 변수를 지원하지 않는 경우 */
@supports not (--bg-color: #eaf4fe) {
	.survey .sub_contentbox {background-color: #eaf4fe;}
    .survey_contents .survey_box,
    .survey_contents .title_box {background-color: #fff;}
    .survey_contents .tit {
        font-size: 20px;
        color: #212121;
    }
    .survey_contents .main_tit,
	.new .modal .main_tit {
        font-size: 18px;
        color: #212529;
    }
    .survey_contents .tit,
    .survey_contents .main_tit,
    .survey .btn {font-weight: 600;}
    .survey_contents .input_txt,
	.survey .txt,
	.question .checkbox_wrap {
        font-size: 16px;
        color: #495057;
    }
    .survey .btn {
        background-color: #b3caf0;
        font-size: 18px;
    }
    .survey .btn,
    .survey_contents .tit::before,
    .survey_contents .checkbox_wrap:hover .custom_check,
    .survey_contents .input_check:checked + .custom_check {color: #1b2d81;}
    .survey_contents .tit::before,
    .survey_list .sub_tit,
    .survey .survey_btn_list .btn,
    .survey .alert_modal .btn {background: #1b2d81;}
    .survey_contents .new_survey .tit {font-size: 24px;}
    .survey .new_survey .sub_tit,
    .survey .new_survey .survey_btn_list .btn {
        background: #fff;
        color: #102c72;
    }
    .new_survey_form .small,
    .new_survey_form tbody th {
        color: #495057;
    }
    .survey_contents .textbox {
        background: #f8f9fa;
    }
    .survey_contents .textbox::placeholder {
        color: #adb5bd;
    }
    .new_survey_form thead th {
        color: #343a40;
    }
    .survey .survey_form .btn {
        background: #b3caf0;
        color: #1b2d81;
    }
    .survey_contents .new_survey_form .main_tit {
        color: #1b1b1e;
    }
}

.survey *:focus {
    /* outline-offset: 0.4rem; */
    outline: 2px solid #2e343a;
    transition: unset;
}
.survey .modal .txt {
    margin: 8px 0 12px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.5;
}
.survey .modal .btn_confirm {
    width: 90px;
    padding: 9px 16px;
    line-height: 1;
}
/* 240926 */
.survey .visual_inner {padding: 147px 0 37px 100px;}
.survey .visual_inner .img_wrap {
    width: 551px;
    height: 177px;
    margin-left: 100px;
}
.survey .visual_inner .tit {
    font-size: 54px;
    line-height: 1;
    color: #1b2d81;
}
.survey .sub_contentbox {
    width: auto;
    padding: 0 0 40px;
}
.survey .contentbox_inner {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 100px;
}
.survey .surey_item .info {justify-content: space-between;}
.survey_item .info .left {
    gap: 8px;
    flex: 1;
    font-size: 14px;
}
.survey_contents .survey_form {
    display: flex;
    flex-direction: column;
}
.survey_contents .survey_box,
.survey_contents .title_box {
    width: 100%;
	min-width: 280px;
    border-radius: 16px;
}
.survey_contents .survey_box {padding: 24px}
.survey_contents .title_box {
    margin: 0 0 12px;
    padding: 20px 22px;
}
.survey_contents .survey_list .title_box {margin: 0 0 30px;}
.survey_contents .tit {
    position: relative;
    margin: 0 0 8px;
}
.survey_contents .tit,
.survey .title_box .txt  {padding: 0 0 0 13px;}
.survey .title_box .left {padding: 0;}
.survey_contents .tit::before {
    position: absolute;
    left: 0;
    top: 1px;
    display: inline-block;
    content: '';
    width: 5px;
    height: 21px;
}
.survey_contents .survey_list .tit {margin: 0 0 54px;}
.survey_contents .survey_list .tit::before {top: 2px;}
.survey_list .sub_tit {
    padding: 2px 8px;
    color: #fff;
    text-align: center;
    text-indent: 0;
}
.survey_list .txt_inner {
    align-items: center;
    line-height: 1;
    text-indent: 8px;
}
.survey_contents .survey_box {
    display: flex;
    flex-direction: column;
}
.survey_contents .main_tit,
 .survey_contents .new_survey_form .table_caption:first-of-type {margin: 44px 0 32px;}
.survey_contents .main_tit:first-of-type {margin: 0 0 32px;}
.survey_contents .modal .main_tit {margin: 0;}
.survey_contents .question_list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    max-height: 333px;
}
.survey_contents .question {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
    list-style: none;
}
.survey_contents .question:last-of-type,
.survey_contents .question:nth-of-type(9) {margin: 0;}
.question .checkbox_wrap {
    display: inline-flex;
    align-items: center;
    line-height: 16px;
    user-select: none;
}
.survey_contents .input_check {
    /* 시각적으로만 숨김처리를 해준다 */
    overflow: hidden;
    position: absolute;
    width: 0px;
    height: 0px;
    margin: -1px;
    clip: rect(0,0,0,0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
}
.survey_contents .custom_check {
    flex-shrink: 0;
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    border: 1px solid #adb5bd;
    border-radius: 50%;
    transition: all .250ms ease-in-out;
}
.survey_contents .checkbox_wrap:hover .custom_check,
.survey_contents .input_check:checked + .custom_check {border-color: var(--btn-txt-color);}
.survey_contents .input_check:checked + .custom_check {position: relative;}
.survey_contents .input_check:checked + .custom_check::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1b2d81;
    transform: translate(-50%, -50%);
}
.survey_contents .input_check:focus + .custom_check {
    outline: 2px solid var(--btn-txt-color);
}
.survey_contents .input_txt {
    border-width: 0 0 1px 0;
    text-indent: 2px;
    max-width: 135px;
}
.survey_contents .input_txt:focus,
.survey_contents .input_txt:focus-visible,
.survey_contents .input_txt:active {
    border-width: 0 0 1px 0;
    outline: none;
}
.survey .btn {
    align-self: flex-end;
    max-width: 106px;
    margin: 18px 0 0;
    padding: 12px 20.5px;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
	transition: all .1s ease-in-out;
}
.survey .btn:hover {border-color: var(--btn-txt-color);}
.survey .modal .btn_confirm,
.survey .btn_participate {margin: 0;}
.survey .btn_tit, .survey .btn_participate {
    max-width: none;
    text-align: center;
}
.survey .sub_contentbox .btn_tit {
    width: 165px;
    margin: 0 0 20px;
    padding: 12px 16px;
}
.survey .btn_tit,
.survey .survey_btn_list .btn:hover,
.survey .alert_modal .btn:hover {
    background: var(--bg-white);
    border: 1px solid var(--btn-txt-color);
    color: var(--btn-txt-color);
}
.survey .survey_btn_list .btn {
    width: 135px;
    padding: 12px 31px;
    color: #fff;
}
.survey .survey_btn_list .btn:last-of-type {margin-left: 10px;}
.survey_banner {
    display: block;
    margin-bottom: 20px;
}
.survey_banner:hover {outline: none;}
.new .modal .alert_modal {
    overflow: visible;
    width: 280px;
    height: 270px;
    padding: 108px 35px 40px;
    border: 1px solid #ced4da;
}
.survey .modal .alert_modal .txt {
    margin: 0 auto 16px;
    font-size: 18px;
}
.survey .alert_modal .btn {
    display: block;
    max-width: none;
    max-height: 52px;
    margin: 0;
    padding: 12px;
    line-height: 1.5;
    color: #fff;
}
.new .modal .alert_modal::before {
    width: 48px;
    height: 48px;
    background: url("../img/board/survey/ico_alert3x.png") center / cover no-repeat;
}
/*.survey .survey_item:not(:first-of-type) .btn_result {display: none;}*/
.new .flex.info {align-items: center;}

/* 250410 신규설문 강조(s) */
.survey_contents .survey_list .new_survey *,
.survey_contents .new_survey_form * {
    font-family: 'esamanru', sans-serif;
    user-select: none;
}
.survey_contents .new_survey {
    position: relative;
    background: transparent;
}
.survey_contents .new_survey::before,
.survey_contents .new_survey::after {
    content: '';
    position: absolute;
    z-index: 0;
}
.survey_contents .new_survey::before {
    left: -11px;
    top: -12px;
    width: calc(100% + 12px);
    height: calc(100% + 13px);
    background: url("../img/board/survey/new_main_bg.png") 0 0 / 100% 100% no-repeat;
}
.survey_contents .new_survey::after {
    bottom: 0;
    left: 420px;
    width: 120px;
    height: 126px;
    background: url("../img/board/survey/new_bg_element.png") 0 3px / 100% 100% no-repeat;
}
.new_survey .sub_tit,
.new_survey .btn {
    font-weight: 500;
}
.survey .new_survey .txt,
.survey_contents .new_survey .tit {
    color: #fff;
}
.survey_contents .new_survey .tit::before {
    background: #ffd34f;
}
.survey_list .new_survey .txt_inner {
    font-weight: 300;
    color: #f1f3f5;
}
.survey .new_survey .sub_tit,
.survey .new_survey .survey_btn_list .btn {
    background: var(--bg-white);
    color: var(--new-survey-color);
}
.new_survey .info,
.survey .new_survey .txt {
    position: relative;
}
.survey .table_caption {
	visibility: visible;
    line-height: inherit;
    /* font-size: inherit; */
    width: auto;
    text-align: left;
}
.survey_contents .new_survey_form .new_survey {
    padding: 24px 24px 58px;
}
.survey_contents  .new_survey_form .new_survey::after {
    left: 500px;
}
.survey_contents .new_survey_form .new_survey::before {
    background: url("../img/board/survey/new_detail_bg.png") 0 0 / 100% 100% no-repeat;
}
.survey .new_survey_form .txt,
.new_survey_form .question .checkbox_wrap {
    font-weight: 300;
}
.new_survey_form .small {
    font-size: 14px;
    font-weight: 300;
    color: var(--sub-txt-color);
}
.survey_contents .textbox {
    width: 100%;
    height: 196px;
    padding: 20px;
    resize: none;
    background: var(--textbox-color);
    border: 1px solid #adb5bd;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 300;
}
.survey_contents .textbox::placeholder {
    color: var(--placeholder-color);
}
/* .survey .survey_item {
    margin: 0 0 44px;
} */
.survey .survey_table {
    width: 100%;
}
.new_survey_form th {
    text-align: left;
    font-size: initial;
    font-weight: 500;
}
.new_survey_form td,
.new_survey_form th {
    padding: 0 0 20px;
}
.new_survey_form thead th {
    color: var(--new-sub-txt-color);
}
.new_survey_form tbody th,
.survey_contents .new_survey_form tbody .main_tit {
    position: relative;
    margin: 0;
    font-weight: 300;
    font-size: initial;
    color: var(--new-sub-txt-color);
    text-indent: 25px;
}
.new_survey_form tbody th::before {
    content: '•';
    position: absolute;
    left: -15px;
    top: 0;
    transform: translate(0, -25%);
}
.survey .survey_form .btn {
    max-width: none;
    padding: 14px 43px;
    background: var(--new-btn-bg-color);
    color: var(--btn-txt-color);
    font-family: 'pretendard', sans-serif;
}
.survey_contents .new_survey_form .main_tit {
    color: var(--new-main-tit-color);
}
.new_survey_form .survey_box {
    border: 1px solid #102c72;
}
/* 250410 신규설문 강조(e) */
/* 240920 코비서베이 추가(e) */

/* 240924 초급강좌 배너 추가(s) */
.banner_link {
    display: block;
    width: 100%;
    max-width: 1000px;
    height: 224px;
    margin: 30px 0;
}
/* 240924 초급강좌 배너 추가(e) */

/* 241024 둔촌주공 */
.apt_event {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    font-family: 'pretendard', sans-serif;
    font-size: 16px;
    color: #212121;
    line-height: 1.4;
    box-sizing: border-box;
}
.apt_event .sec {
    padding: 50px 100px;
}
.apt_event .sec1,
.apt_event .sec3 {
    background-color: rgba(214, 198, 248, 0.05);
}
.apt_event .sec2 {
    background: #f9f9f9;;
}
.apt_event .sec2 .strong {
    position: relative;
    color: #8146ff;
    z-index: 10;
}
.apt_event .sec2 .strong::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 10px;
    background-color: #ffd87e;
    z-index: -1;
}
.apt_event img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.apt_event .small_tit,
.apt_event .sec_main_tit,
.apt_event .content_tit {font-weight: 700;}
.apt_event .sec2,
.apt_event .section_tit {
    text-align: center;
}
.apt_event .section_tit {
    padding: 0 0 50px;
}
.apt_event .small_tit {
    font-size: 1em;
    color: #8146ff;
}
.apt_event .sec_main_tit {
    margin: 6px 0 0;
    font-size: 36px;
}
.apt_event .content_tit {
    font-size: 24px;
}
.apt_event .info_txt {
    margin: 8px 0 0;
    color: #868e96;
}
.apt_event .info_txt,
.apt_event .btn_download {
    font-size: 18px;
}
.apt_event .interior_item {
    margin: 50px 0;
}
.apt_event .header {
    position: relative;
    margin: 0 0 20px;
}
.apt_event .event .header {
    text-align: start;
}
.apt_event .btn_download {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 11px 14px;
    border-radius: 100px;
    background: #8146ff;
}
.apt_event .btn_download,
.apt_event .ico_new {
    border-radius: 100px;
    font-weight: 600;
    color: #fff;
}
.apt_event .ico_new {
    margin: 0 12px 0 0;
    padding: 11px 21px;
    background: #ffcb46;
}
.apt_event .event {
    background: transparent;
}
.apt_event .content_img {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}
.apt_event .content_img .img_wrap {
    width: calc(50% - 10px);
    height: 274px;
    border: 8px solid #f1f3f5;
    list-style: none;
    box-sizing: border-box;
}
.apt_event .content_img .img_wrap:nth-of-type(even) {
    border-color: #d6c6f8;
    margin-right: 0;
}
.apt_event .qr {
    display: flex;
    justify-content: center;
    align-items: center;
}
.apt_event .qr img {
    width: 108px;
    height: 108px;
}
.apt_py .content_tit {
    font-weight: 600;
}
.apt_py .content_tit .strong {
    font-weight: 700;
}
.apt_event .apt_wrap {
    margin: 12px 0 50px;
}
.apt_event .apt_wrap:last-of-type {
    overflow: hidden;
    margin-bottom: 0;
}
.apt_event .video_wrap .poster.off {
    display: none;
}
.apt_event .aptdrawing,
.apt_event .aptdrawing .map {
    margin: 0;
}
.apt_event .aptdrawing .map_wrap_initial {
    padding: 10px 0 0;
    border: none;
}
.apt_event .aptdrawing .map_inner .map_location_textbox {
    display: none;
}
.apt_event .aptdrawing .map_inner .map_location_first {
    width: calc(100% - 520px);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.apt_event .aptdrawing .map_location_first li {
    width: calc(50% - 8px);
    margin: 0;
    float: none;
}
.aptdrawing .map_location_first a {
    display: flex;
    width: 100%;
}
.aptdrawing .map_location_first span.domestic_name {
    width: auto;
    flex: 1;
    padding-left: 14px;
    text-align: start;
}
.apt_event .apt_wrap,
.apt_event .video_wrap {
    width: 100%;
    border-radius: 20px;
}
.apt_event .video_wrap {
    overflow: hidden;
    position: relative;
    height: 409px;
}
.apt_event .video_wrap .poster {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    cursor: pointer;
    z-index: 10;
}
.apt_event .video_wrap .poster::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    width: 82px;
    height: 82px;
    background: url("../img/board/241024event/ico_play2x.png") center / 100% 100% no-repeat;
    transform: translate(-50%, -50%);
    z-index: 15;
}
.apt_event .video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.apt_event .video:-webkit-full-screen {
    object-fit: scale-down;
}
.apt_event .video:-ms-fullscreen {
    object-fit: scale-down;
}
.apt_event .video:fullscreen {
    -o-object-fit: scale-down;
    object-fit: scale-down;
}
/* 241024 둔촌주공(e) */