/* reset */
@import url('default.css');
@import url('font.css');
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');

/* layout */
.inner {width:950px; margin:0 auto;}
.red {color:#e21b16;}
.blue {color:#3f5f7e;}
.organge {color:#e75b4a;}
.gray {color:#aaa;}
ul, menu, dir {margin:0; padding:0;}

/* header */
.header {position:relative; width:100%; font-family:'malgun gothic', sans-serif; z-index:10;}
.header .inner {position:relative; z-index:2;}
.header .lank {height:55px; overflow:hidden;}
.header .lank .fr {overflow:hidden;}
.header .lank .fr li {float:left; margin-left:5px;}
.header .lank .fr li a {opacity:1; transition:.5s;}
.header .lank .fr li a:hover {opacity:.6;}
.header .over_h {padding-bottom:10px; margin:0;}
.header .over_h li {position:relative; height:70px;}
.header .over_h .fr img {margin-top:-22px; margin-bottom:-22px;}

.header .gnb_wrap {position:relative; width:100%; background:#2e2e3a; height:55px; z-index:10;}
.header .gnb_wrap .gnb {position:relative; overflow:hidden; padding:0; background:#2e2e3a;}
.header .gnb_wrap .gnb li {float:left;}
.header .gnb_wrap .gnb li a {position:relative; display:block; font-size:16px; color:#fff; font-weight:bold; height:55px; line-height:55px; text-align:center; overflow:hidden; vertical-align:middle; outline:0;}
.header .gnb_wrap .gnb li.on a,
.header .gnb_wrap .gnb li a:hover {color:#e52324;}
.header .gnb_wrap .gnb li.on a:after,
.header .gnb_wrap .gnb li a:hover:after {content:""; position:absolute; bottom:0; left:50%; width:70%; height:5px; background:#e52324; margin-left:-35%;}
.header .gnb_wrap .gnb .home a {width:25px; padding-top:18px; height:37px; color:transparent;}
.header .gnb_wrap .gnb .gnb1 a {width:145px;}
.header .gnb_wrap .gnb .gnb2 a {width:196px;}
.header .gnb_wrap .gnb .gnb3 a {width:150px;}
.header .gnb_wrap .gnb .gnb4 a {width:149px;}
.header .gnb_wrap .gnb .gnb5 a {width:150px;}
.header .gnb_wrap .gnb .gnb6 a {width:135px; background:#e75b4a;}
.header .gnb_wrap .gnb .gnb6.on a,
.header .gnb_wrap .gnb .gnb6 a:hover {color:#ff0;}
.header .gnb_wrap .gnb .home a:hover:after,
.header .gnb_wrap .gnb .gnb6.on a:after,
.header .gnb_wrap .gnb .gnb6 a:hover:after {display:none;}

.header .gnb_wrap .snb {position:absolute; overflow:hidden; width:950px; height:0; padding:0 0 0 25px; background:rgba(0,0,0,.6); z-index:10; /*display:none;*/ left:50%; top:0; margin:0 0 0 -475px; opacity:0; transition:.5s; z-index:1;}
.header .gnb_wrap:hover .snb {/*display:block;*/ top:55px; opacity:1; height:auto; padding:20px 0 20px 25px;}
.header .gnb_wrap .snb ul {float:left; border-left:rgba(255,255,255,.2) 1px solid; padding:0; margin:0; height:180px;}
.header .gnb_wrap .snb ul.snb1 {width:145px; border-left:0;}
.header .gnb_wrap .snb ul.snb2 {width:196px;}
.header .gnb_wrap .snb ul.snb3 {width:150px;}
.header .gnb_wrap .snb ul.snb4 {width:149px;}
.header .gnb_wrap .snb ul.snb5 {width:150px;}
.header .gnb_wrap .snb ul.snb6 {width:135px;}
.header .gnb_wrap .snb ul li a {display:block; font-size:13px; color:#fff; font-weight:bold; line-height:30px; text-align:center;}
.header .gnb_wrap .snb ul li a:hover {color:#d69371;}

.header .banners {position:relative; background:#f3f3f3; z-index:0;}
.header .banners .slick-slide {border:0;}
.banner_vslide {height:88px; overflow:hidden;}
.banner_vslide .slick-slide {outline:0;}

/* 220926 Ãß°¡ */
.banner_left  li .hover {display:none;}
.banner_left  li:hover .hover {display:block;}
.banner_left  li:hover .unhover {display:none;}

/* footer */
.footer .inner {width:1079px;}

.mvisual_wrap {width:100%; text-align:center;}
.mvisual_wrap .mvisual {position:relative; width:950px; height:217px; overflow:hidden;}
.mvisual_wrap .mvisual .slick-slide {float:left;}
.mvisual_wrap .slick-dots {position:absolute; top:10px; left:15px; padding-left:0; z-index:1000;}
.mvisual_wrap .slick-dots li {float:left; margin-right:3px;}
.mvisual_wrap .slick-dots li button {display:block; width:15px; height:15px; background:#c2c2c2; border:0; padding:0; border-radius:50%; font-size:11px; color:#ffffff; line-height:15px; text-align:center; cursor:pointer; outline:0;}
.mvisual_wrap .slick-dots li.slick-active button {background:#333;}

.count_wrap {background:#26303a; padding:0; height:46px; line-height:46px; width:950px; margin:0 auto; color:#fff; overflow:hidden;}
.count_wrap * {font-family:'malgun gothic', sans-serif;}
.count_wrap .tit {background:url('../images/main/count_tit_r.jpg') no-repeat; width:300px; height:46px; line-height:40px; font-size:16px; font-weight:bold; padding-left:10px; vertical-align:middle;}
/*.count_wrap .tit:hover {background:url('../images/main/count_tit_r2_over.jpg') no-repeat; width:300px; height:46px; line-height:40px; font-size:16px; font-weight:bold; padding-left:10px; vertical-align:middle;}*/
.count_wrap span {float:left; margin-right:30px; font-size:15px; font-weight:700; line-height:40px;}
.count_wrap ul {overflow:hidden; float:left; padding-top:7px; margin:0;}
.count_wrap ul li {float:left; background:url('../images/main/count_numback.jpg') no-repeat; display:inline-block; width:23px; height:30px; font-size:18px; font-weight:700; margin-right:2px; text-align:center; line-height:30px;}
.count_wrap ul li.dot {background:none; margin-left:2px; width:10px; text-align:left;}
.count_wrap em {font-size:18px; font-weight:700; margin-left:5px; font-style:inherit; line-height:40px;}
.count_wrap > div {float:right; font-size:13px; color:#6c6e70; padding-right:20px;}

.container_area {text-align:center;}
.contents_wrap {padding-bottom:100px;}

.container_inner {width:950px; margin:0 auto; overflow:hidden; padding-top:10px;}

#aside_area {width:225px; float:left; text-align:left;}
#aside_area .over_h a {display:block;}

.contents_area {float:right; width:715px; text-align:left;}

.m_banner {margin-bottom:10px;}

.title {position:relative; height:25px; line-height:24px; border-bottom:#acabab 1px solid; margin-bottom:6px;}
.dot_tit {font-size:16px; font-weight:bold; background:url('../images/layout/tit_dot.gif') no-repeat 0 50%; padding-left:11px;}
.dot_tit em {font-style:normal; font-size:10px;}
.dot_tit_r {background-image:url('/images/layout/list_head_dot_r.gif');}
.title .btn_more {position:absolute; top:6px; right:0;}

.m_con1-2_wrap {overflow:hidden; margin-bottom:20px;}
.m_con1 {float:left; width:399px;}
.m_con1 .title {margin-bottom:6px;}
.m_con1 ul {overflow:hidden; }
.m_con1 ul li {width:196px; display:inline-block;}
.m_con1 ul li a {display:block; opacity:1; transition:.2s linear;}
.m_con1 ul li a:hover {opacity:.7;}

.m_con2 {float:right; width:306px;}
.m_con2 .title {margin-bottom:0;}
.m_con2 .tabs {overflow:hidden; padding-left:5px; height:24px; overflow:hidden;}
.m_con2 .tabs li {float:left; margin-right:5px; cursor:pointer;}
.m_con2 table td {height:25px; border-bottom:#d6d6d6 1px dashed;}
.m_con2 table tr:last-child td {border-bottom:#acabab 1px solid;}

.mcon3 {position:relative; width:100%;}
.mcon3 {margin-bottom:50px;}
.mcon3 .title {border:0;}
.logo_gallery{ overflow:hidden; margin:-5px 0 0 -5px; position:relative;}
.logo_gallery ul {overflow:hidden;}
.logo_gallery li{position:relative; float:left; width:175px; height:118px; margin:5px 0 0 5px; overflow:hidden;}
.logo_gallery li a{ position:absolute; left:0; top:0; display:block; width:176px; height:118px; border:4px solid #e5e5e5; text-align:center; overflow:hidden;}
.logo_gallery li a img{}
.logo_gallery li a span{position:absolute; display:block; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:url(../images/contents/bg_logo_gallery.png) repeat 0 0; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:118px; display:none;}
/*.logo_gallery li a:hover span{ display:block;}*/
.logo_gallery li a div{position:absolute; display:none; left:0; top:0; right:0; bottom:0; background:url(../images/contents/bg_logo_gallery.png) repeat 0 0; font-size:14px; font-weight:bold; color:#197b30; text-align:center; line-height:118px; display:none;}
.logo_gallery li a:hover div{ display:block;}

.btn_more_org {display:block; background:#e75b4a; width:100%; height:50px; line-height:50px; border-radius:25px; text-align:center; color:#fff !important; font-size:18px; font-weight:700; margin-top:10px;}
.btn_more_org:hover {background:#00880c;}
.btn_more_org:hover a {color:#ff0;}
.btn_more_org:before {content:""; background:url('../images/main/more_icon.png') no-repeat; width:17px; height:17px; display:inline-block; margin-right:10px;}
.btn_more_org:after {content:""; background:url('../images/main/more_arrow.png') no-repeat; width:6px; height:10px; display:inline-block; margin-left:10px;}

.mcon4 {margin-bottom:20px;}
.mcon4 .title {border:0;}
.logo_video { overflow:hidden; margin:-8px 0 0 -8px;}
.logo_video li{ float:left; margin:8px 0 0 8px; border:#b0b1b3 1px solid; box-sizing:border-box; width:232px;}
.logo_video li .txt_box {overflow:hidden;}
.logo_video li .txt_box .tlogo,
.logo_video li .txt_box dl {float:left; width:115px;}
.logo_video li .txt_box dl {padding-top:10px;}
.logo_video li .txt_box dt {color:#333; font-size:13px; margin-bottom:3px; font-weight:bold;}
.logo_video li:hover {opacity:.7;}

.fancybox-skin.no_bg {background:none !important;}
.fancybox-skin.no_bg .fancybox-inner {border:0;}
.fancybox-skin.no_bg .fancybox-inner .popup_wrap .pg_logo_video {border:#ccc 1px solid;}
.popup_wrap .btns {padding-top:10px; overflow:hidden;}
.popup_wrap .btns .btn_r {float:right; background:#f6f6f6; border:#ddd 1px solid; border-radius:3px; font-size:#666; font-size:13px; height:24px; line-height:22px; text-align:center; padding:0 10px;}

.mcon5 {margin-bottom:30px;}
.mcon5 .title {border:0;}

.mcon6 .title {border:0;}
.slide_set4 {padding:0 30px;}
.slide_set4 .slick-slide {outline:0; height:100px;}
.slide_set4 .slick-slide img {margin:0 auto; border:#e0e0e0 1px solid;}
.slide_set4 .slick-arrow {position:absolute; top:50%; margin-top:-25px; width:32px; height:50px; text-indent:-5000px;}
.slide_set4 .slick-prev {left:0; background:url('/images/main/slide_arrow_l.gif') no-repeat;} 
.slide_set4 .slick-next {right:0; background:url('/images/main/slide_arrow_r.gif') no-repeat;} 

.mcon7 .title {border:0; margin-bottom:20px;}
.mcon7 .thm_list {width:100%;}
.mcon7 .thm_list * {font-family:Meiryo, '«á«¤«ê«ª', 'nanum gothic', helvetica, Dotum,'µ¸¿ò',AppleSDGothicNeo,sans-serif;}
.mcon7 .thm_list dl {overflow:hidden; padding-bottom:20px; border-bottom:#ddd 1px solid; margin-bottom:20px;}
.mcon7 .thm_list dl dt ,
.mcon7 .thm_list dl dd {float:left}
.mcon7 .thm_list dl dt {display:table; width:140px;}
.mcon7 .thm_list dl dt .img {display:table-cell; vertical-align:middle; text-align:center;}
.mcon7 .thm_list dl dt .img img {width:100%;}
.mcon7 .thm_list dl dd {padding-left:10px; width:562px;}
.mcon7 .thm_list dl dd .tit {margin-bottom:10px; color:#161414; font-weight:700;}
.mcon7 .thm_list dl dd .text {overflow:hidden; height:54px; width:100%; color:#080808; font-size:12px;}

.mcon8 .title {border:0;}
.mcon8 .txt {margin-bottom:15px;}
.mcon8 p {margin-top:20px; font-size:13px;}

.pop_2023,
.pop_2023 .black {position: fixed; top:0; left:0; width: 100%; height: 100%;}
.pop_2023 {z-index: 100;}
.pop_2023 .black {background: rgba(0,0,0,.5);}
.pop_2023 .inbox {position:absolute; top:50%; left:50%; width:634px; height:722px; transform:translate(-50%,-50%);    z-index: 55;}
.pop_2023 .btn_close {position:absolute; top:0; right:0; width:46px; height:28px; z-index:2; font-size:0;}
.pop_2023 .abso {position:absolute; top:28px; z-index:1;}
.pop_2023 .video {left:0; width:360px; height:357px;}
.pop_2023 .video iframe {width:100%; height:100%;}
.pop_2023 .hover {right:0; opacity:0; transition:.2s linear; margin-top:-1px;}
.pop_2023 .hover:hover {opacity:1;}
.pop_2023 .btm {display: flex; justify-content: space-between; background: #fff; padding: 5px;}
.pop_2023 .btm a {font-size: 12px; color: #fff; background: #e91224; padding: 5px 20px; border-radius:20px;}

/* main_w100p 20220826 */
.contents_area.w100p .m_con1 {width:635px;}
.contents_area.w100p .m_con1 ul {display:flex; justify-content:space-between;}
.contents_area.w100p .m_con1 .title {border-bottom:0; margin-bottom:0;}
.contents_area.w100p .logo_gallery {margin:-6px 0 0 -6px;}
.contents_area.w100p .logo_gallery li {width:233px; height:157px; margin:6px 0 0 6px;}
.contents_area.w100p .logo_gallery li a {width:233px; height:155px; line-height:149px; display:flex; justify-content:center; align-items:center;}
.contents_area.w100p .logo_video {margin:-10px 0 0 -10px;}
.contents_area.w100p .logo_video li {width:230px; margin:10px 0 0 10px;}
.contents_area.w100p .logo_video li .txt_box .tlogo,
.contents_area.w100p .logo_video li .txt_box dl {width:113px;}
.contents_area.w100p .slide_set4 .slick-slide,
.contents_area.w100p .slide_set4 .slick-slide img {height:130px;}
.contents_area.w100p .mcon7 .thm_list {border:0; display:flex; flex-wrap:wrap; margin:-10px 0 30px;}
.contents_area.w100p .mcon7 .thm_list dl {width:100%; width:230px; margin:10px 0 0 10px; border:#b0b1b3 1px solid; display:flex; flex-direction:column;}
.contents_area.w100p .mcon7 .thm_list dl:nth-child(4n-3) {margin-left:0;}
.contents_area.w100p .mcon7 .thm_list dl dt,
.contents_area.w100p .mcon7 .thm_list dl dt .img {width:230px; height:204px;}
.contents_area.w100p .mcon7 .thm_list dl dd {border:0; width:100%; padding:10px;}
.contents_area.w100p .mcon7 .thm_list dl dd a {display:block;}
.contents_area.w100p .mcon7 .thm_list dl dd .img {margin-top:14px; display:none;}
.contents_area.w100p .mcon8 .txt {margin-bottom:30px;}
.contents_area.w100p .mcon8 .txt img {width:100%; margin-bottom:10px;}

/* fancybox */
.fancybox-skin {padding:0 !important;}
.fancybox-lock .fancybox-overlay {background:rgba(0,0,0,.75);}

/* pop_video */
.pg_logo_video .nav{ position:relative; padding:10px 36px 10px 220px; border:1px solid #e1e1e1; background:#fafafa;}
.pg_logo_video .nav h3{ position:absolute; left:24px; top:14px;}
.pg_logo_video .nav ul{ overflow:hidden;}
.pg_logo_video .nav ul li{ float:left; padding:2px 0;}
.pg_logo_video .nav ul li a{ display:block; overflow:hidden; height:63px;}
.pg_logo_video .nav ul li a:hover img{ margin-top:-72px;}
.pg_logo_video .video{ position:relative; margin-bottom:20px; background:#191919;}
.pg_logo_video .video h3{ position:absolute; right:10px; top:20px; font-family:'Nanum Gothic'; font-size:18px; color:#ffffff; line-height:25px; text-align:right; background:none;}
.pg_logo_video .video h3 span,.pg_logo_video .video h3 em{ display:block;}
.pg_logo_video .video h3 span {font-size:24px; margin-bottom:10px;}
.pg_logo_video .video h3 em{ font-size:13px; color:#a4e121; line-height:20px;}
.pg_logo_video .btns a {display:inline-block; opacity:1; transition:.5s;}
.pg_logo_video .btns a:hover {opacity:.6;}
.pg_logo_video .etc{ margin-top:50px;}
.pg_logo_video .etc h3{ margin-bottom:10px; font-size:0; line-height:1;}
.pg_logo_video .etc ul{ height:88px; padding:26px 0 0 268px; background:url(../images/contents/bg_bottom_logo_video.jpg) no-repeat 0 0;}
.pg_logo_video .etc ul li{ float:left; margin-right:46px;}
.pg_logo_video .etc ul li a{ display:block; overflow:hidden; height:63px;}
.pg_logo_video .etc ul li a:hover img{ margin-top:-64px;}

.ie9_be_open {padding:10px; background:#f5f5f5; display:none;}
.ie9_be_open a {display:inline-block; padding:0 10px; height:30px; line-height:30px; border-radius:3px; color:#333; font-weight:bold; background:#ccc; margin-top:5px;}
.ie9_be_open a:hover {color:#000;}

.pg_logo_video {background:#fff;}
.pg_logo_video .text {padding-top:30px; margin-bottom:40px;}
.pg_logo_video .text dl {overflow:hidden;}
.pg_logo_video .text dl dt, .pg_logo_video .text dl dd {float:left;}
.pg_logo_video .text dl dt {width:300px; line-height:130px;}
.pg_logo_video .text dl dt img {vertical-align:middle;}
.pg_logo_video .text dl dd {width:412px;}
.pg_logo_video .text dl dd .tit {color:#171616; font-size:22px; font-weight:700; margin-bottom:5px;}
.pg_logo_video .text dl dd .tit span {color:#8b95b1;}
.pg_logo_video .text dl dd .boxs {overflow:hidden; margin-top:10px;}
.pg_logo_video .text dl dd .boxs li {float:left; padding:2px 10px; border:#ddd 1px solid; background:#f6f6f6; border-radius:4px; margin:0 4px 5px 0;}

.banner_wrap {position:absolute; top:273px; z-index:10; left:0; width:100%;}

.banner_left {position:absolute; left:50%; margin-left:-617px; width:132px;}
/*.banner_left li {margin-bottom:20px;}*/
.banner_left li {position:relative;}
.banner_left li a {display:block; font-size:12px; color:#666;}
.banner_left li img {display:block; transition:.5s;}
/*.banner_left li a:hover img {opacity:.6;}*/
.banner_left li .aset {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column;}
.banner_left li .aset a {height:calc(100% / 3);}

.banner_right {position:absolute; left:50%; margin-left:485px; width:80px;}
.banner_right li {font-size:0; width:80px; overflow:hidden;}
.banner_right a {position:relative; display:block; color:#b8b8c8; text-align:center; background:#2e2e3a; font-size:13px; font-weight:bold; padding:6px 0; overflow:hidden;}
.banner_right a:before,
.banner_right a:after {content:""; position:absolute; width:100%; height:1px; left:0;}
.banner_right a:before {top:0; background:#43434e;}
.banner_right a:after {bottom:0; background:#121217;}
.banner_right a:hover {color:#fbffc1;}
.banner_right .fa {display:block; font-size:20px;}
.banner_right .hover img {width:160px; max-width:160px; display:block;}
.banner_right .hover:hover img {margin-left:-80px;}


/* - sub - */
h3 {color:#000; font-size:20px; background:url('../images/layout/list_head_dot_r.gif') no-repeat 0 9px; padding:0 0 0 10px; margin-bottom:13px; line-height:28px;}
h4 {color:#000; font-size:18px; font-weight:700; background:url('../images/layout/list_head_dot.gif') no-repeat 0 50%; padding:0 0 0 10px; margin-bottom:13px; line-height:26px;}
h4 em {color:#e52324;}
h4 span {color:#929292; font-size:13px; font-weight:normal; margin-left:5px;}

/* LNB */
#aside_area .lnb_top {position:relative; overflow:hidden; padding:0 0 20px 10px;}
#aside_area .lnb_top:before {content:""; position:absolute; width:40%; height:2px; background:#f79d08; bottom:0; left:0;}
#aside_area .lnb_top:after {content:""; position:absolute; width:60%; height:2px; background:#737373; bottom:0; right:0;}
#aside_area .lnb_top .tit {font-size:24px; color:#000; font-weight:bold;}
#aside_area .lnb_top .eng {font-size:11px;}
#aside_area .lnb li a {display:block; font-size:13px; color:#7a7a7a; font-weight:bold; line-height:30px; border-bottom:#afadad 1px solid; padding-left:10px;}
#aside_area .lnb li:last-child a {border:0;}
#aside_area .lnb li a i {margin-right:10px; color:#9c9c9c;}
#aside_area .lnb li a:hover,
#aside_area .lnb li.on a {color:#000; text-decoration:none;}
#aside_area .lnb li a:hover i,
#aside_area .lnb li.on a i {color:#f79d08;}
#aside_area #lnb_other h3 {position:relative; overflow:hidden; padding:0 0 20px 10px; margin-bottom:0;}
#aside_area #lnb_other h3:before {content:""; position:absolute; width:40%; height:2px; background:#f79d08; bottom:0; left:0;}
#aside_area #lnb_other h3:after {content:""; position:absolute; width:60%; height:2px; background:#737373; bottom:0; right:0;}
#aside_area .lnb.lnb_ot {margin-bottom:20px;}
#aside_area .lnb.lnb_ot li a {border-bottom:#afadad 1px solid;}
#aside_area .etc1 a,
#aside_area .etc2 a {display:block; background:#f0f0f0;}
#aside_area .etc1 a img,
#aside_area .etc2 a img {transition:.5s;}
#aside_area .etc1 a:hover img,
#aside_area .etc2 a:hover img {opacity:.6;}

.contents_area .subtit {position:relative; font-size:18px; font-weight:bold; margin-bottom:20px; padding-bottom:10px;}
.contents_area .subtit:before,
.contents_area .subtit:after {content:""; position:absolute; bottom:0; height:2px;}
.contents_area .subtit:before {left:0; width:10%; background:#ed1c24;}
.contents_area .subtit:after {right:0; width:90%; background:#292929;}
.contents_area .subtit .dot {position:absolute; width:6px; height:6px; bottom:-2px; right:0; background:#292929; border-radius:50%;}

.contents_area .logo_tabs {overflow:hidden; margin-bottom:30px; display:none;}
.contents_area .logo_tabs dt,
.contents_area .logo_tabs dd {float:left;}
.contents_area .logo_tabs dt {width:125px; height:113px;}
.contents_area .logo_tabs dt a {display:block; width:100%; height:113px; line-height:113px; background:#aaa; color:#fff; text-align:center; border-radius:2px; font-size:20px; font-weight:bold;}
.contents_area .logo_tabs dd {width:590px; padding-left:10px;}
.contents_area .logo_tabs dd ul {overflow:hidden; margin-top:-10px;}
.contents_area .contents_area .logo_tabs dd ul li {float:left; border-bottom:#aaa 1px solid; padding:0 5px; margin-top:10px; width:145px;}
.contents_area .logo_tabs dd ul li a {display:block; background:#e6e6e6; border-radius:2px 2px 0 0; height:30px; line-height:30px; text-align:center; color:#666; text-decoration:none; font-size:14px;}
.contents_area .contents_area .logo_tabs dd ul li a:hover {color:#333; font-weight:bold;}
.contents_area .logo_tabs dd ul li a.on {color:#fff; font-weight:bold; background:#999;}

#aside_area .logo_tabs {background:#f6f6f6; display:none;}
#aside_area .logo_tabs.on {display:block;}
#aside_area .lnb .logo_tabs a {display:block; border-bottom:#ddd 1px dashed; color:#666; font-weight:normal; padding-left:26px;}
#aside_area .lnb .logo_tabs li:last-child a {border-bottom:#afadad 1px solid}
#aside_area .lnb .logo_tabs li a.on {color:#333; font-weight:bold;}

.svisual_wrap {text-align:center; display:none;}
.svisual_wrap.on {display:block;}
.svisual_wrap .svisual {background:#f6f6f6; border:#231f20 4px solid; height:218px; overflow:hidden;}
.svisual_wrap .svisual img {max-width:942px; height:210px;}
.svisual_wrap .svisual .svisual_slide {float:right; width:317px; height:198px; margin-right:6px; overflow:hidden;}
.svisual_wrap .svisual .svisual_slide img {width:317px; height:396px;}
.svisual_wrap .svisual .svisual_slide:hover img {margin-top:-198px;}

.btn_half > div {width:50%; padding:0 10px;}
.btn_half > div a {margin-top:0;}

.logo_gallery_s {overflow:hidden; margin:-5px 0 0 -5px; position:relative;}
.logo_gallery_s ul {overflow:hidden;}
.logo_gallery_s li{position:relative; float:left; width:175px; margin:5px 0 10px 5px; overflow:hidden;}
.logo_gallery_s li a {display:block; overflow:hidden; width:175px; height:120px; line-height:112px; border:#e5e5e5 4px solid; text-align:center;}
.logo_gallery_s li .right {display:none;}
.logo_gallery_s li a span{position:absolute; color:#197b30; text-align:center; width:175px; height:120px; line-height:120px; font-weight:bold; top:0; left:0; background:url('../images/contents/bg_logo_gallery.png') repeat 0 0; opacity:0; transition:.5s;}
.logo_gallery_s li a:hover span {opacity:1;}
.logo_gallery_s li a div{position:absolute; display:none; left:0; top:0; right:0; bottom:0; background:url(../images/contents/bg_logo_gallery.png) repeat 0 0; font-size:14px; font-weight:bold; color:#197b30; text-align:center; line-height:118px; display:none;}
.logo_gallery_s li a:hover div{ display:block;}
.logo_gallery_s li a.text {position:relative; background:#fff; z-index:1; height:20px; line-height:20px; border:0;}
.logo_gallery_s li a.text .tit {color:#197b30; font-weight:bold; width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
.logo_gallery_s li a.text .tit:hover {color:#e62625;}
.logo_gallery_s li a.text .right {color:#999;}
.logo_gallery_s .btns {overflow:hidden; width:100%; border-top:#ddd 1px solid; padding-top:20px; margin-top:20px;}
.logo_gallery_s .btns .btn {float:right; display:block; width:80px; height:40px; line-height:40px; background:#2e2e3a; color:#fff; font-weight:bold; text-align:center;}

.table_border_wrap {width:100%; border:#b2b2b2 1px solid;}
.table_border_wrap .table_border {border:#dbdbdb 4px solid; text-align:center;}
.table_border_wrap .table_border td {text-align:left;}

.video_logo_navi {width:100%; overflow:hidden;}
.video_logo_navi ul {margin-left:-8px; overflow:hidden;}
.video_logo_navi ul li {margin:0 0 8px 8px; position:relative; float:left; border:#ddd 1px solid; width:134px; height:73px; overflow:hidden; transition:.8s;}
.video_logo_navi ul li.on, .video_logo_navi ul li:hover {border:#e42630 1px solid;}
.video_logo_navi ul li a {overflow:hidden; display:block;}
.video_logo_navi ul li a img {margin-top:-74px; width:100%;}
.video_logo_navi ul li.on a img, .video_logo_navi ul li:hover a img {margin-top:0;}
.pg_logo_video.page .text {border-top:#ddd 1px solid; margin-top:30px;}

/* Á¦ÀÛ°úÁ¤ */
.page4 .blank {display:none;}
.page4 .gray {color:#8c8c8c;}
.page4 .text {font-weight:bold; font-size:14px; color:#403f41;}
.page4 .blue {color:#1e90c5;}
.page4 .box.blue {font-size:14px; font-weight:bold; line-height:24px;}
.page4 .box {width:712px; box-sizing:border-box;}
.page4 .box.num0 {background:url('../images/contents/img_sub4_1_0out.png') no-repeat; height:87px; padding:20px 0 0 121px;}
.page4 .box.num1 {background:url('../images/contents/img_sub4_1_1out.png') no-repeat; height:250px;}
.page4 .box.num2 {background:url('../images/contents/img_sub4_1_2out.png') no-repeat; height:207px;}
.page4 .box.num3 {background:url('../images/contents/img_sub4_1_3out.png') no-repeat; height:1205px;}
.page4 .box.num4 {background:url('../images/contents/img_sub4_1_4out.png') no-repeat; height:221px;}
.page4 .box .tit {font-size:15px; font-weight:bold; color:#4aa5dc; padding:0 0 0 73px; line-height:50px;}
.page4 .box .con {font-size:12px; font-weight:bold; color:#403f41; line-height:20px; padding:30px 0 0 175px;}
.page4 .box .txt {font-size:12px; font-weight:bold; padding:15px 0 0 175px;}
.page4 .box .img {text-align:center; padding-top:45px;}
.page4 .box.num3 .con,
.page4 .box.num4 .con {font-size:15px; line-height:24px;}
.page4 .box.num3 .con {padding:0 0 0 23px;}
.page4 .box.num4 .con {padding-top:40px;}

/* ÀÎ¼â¹° Á¦ÀÛ*/
.list_table.gallery table {border-top:#2e2e3a 2px solid; border-bottom:#999 1px solid; margin-top:50px;}
.list_table.gallery tr td {width:25%; padding:20px 0;}
.list_table.gallery ul .name,
.list_table.gallery ul .pay {line-height:30px;}
.list_table.gallery ul .name {text-align:left;}
.list_table.gallery ul .pay {text-align:left;}
.list_table.gallery ul .btns a {display:inline-block; width:80px; height:30px; line-height:30px; text-align:center; background:#fff; border:#ddd 1px solid; border-radius:4px; margin:0 2px;}
.list_table.gallery ul .btns a:hover {background:#eae9b2; border-color:#d6d59c;}

.list_table.view p {margin:10px 0;}
.list_table.view .btns {text-align:center; border-bottom:#999 1px solid; padding-bottom:20px;}
.list_table.view .btns a {display:block; width:160px; height:40px; line-height:40px; text-align:center; background:#db5646; border-radius:4px; color:#fff; margin:0 auto; font-size:13px; font-weight:700;}

.list_table.buy input[type="text"] {height:20px; padding-left:5px; border:1px solid #cccccc; line-height:20px;}
.list_table.buy input[type="text"].c {padding-left:0;}
.list_table.buy textarea {width:95%; padding:5px; border:1px solid #cccccc;}
.list_table.buy select {height:22px; border:1px solid #cccccc;}

.list_table.buy table {border:0; border-top:#2e2e3a 2px solid;}
.list_table.buy tr th, .list_table.buy tr td {box-sizing:border-box; border-bottom:#999 1px solid; padding:5px 10px; line-height:30px;}
.list_table.buy tr th {background:#e5e5e5; color:#2e2e3a; font-weight:700; text-align:center;}
.list_table.buy tr td {background:#fff; color:#666;}
.list_table.buy tr td input, .list_table.buy tr td textarea {box-sizing:border-box;}
.list_table.buy tr td input.text, .list_table.buy tr td select {height:30px; line-height:28px;}
.list_table.buy tr td .image_box {overflow:hidden; margin:0 0 30px -9px;}
.list_table.buy tr td .image_box li {float:left; margin-left:9px;}
.list_table.buy tr td .img {text-align:center; margin:20px 0; padding-bottom:20px; border-bottom:#999 1px dashed;}
.list_table.buy tr td .pl40 {padding-left:40px;}
.list_table.buy tr td ul.input {overflow:hidden;}
.list_table.buy tr td ul.input li {float:left; width:50%;}
.list_table.buy .intable {border-top:#ccc 1px solid; margin-bottom:30px;}
.list_table.buy .intable tr th, .list_table.buy .intable tr td {padding:5px 0; text-align:center; border-bottom:#ccc 1px solid;}
.list_table.buy .btn_black {border-radius:2px; background:#333; color:#fff; line-height:20px; width:46px; text-align:center; padding:8px 0; display:block; margin:0 auto;}
.list_table.buy .img .set2 {overflow:hidden; border-bottom:#e6e6e6 1px dashed; padding-bottom:15px; margin-bottom:15px;}
.list_table.buy .img .set2 li {float:left; width:50%; text-align:center;}
.list_table.buy .img .set2 li .img_in {height:100px;}
.list_table.buy .img .set1 {overflow:hidden; border-bottom:#e6e6e6 1px dashed; padding-bottom:15px; margin-bottom:15px;}
.list_table.buy .img .set3 {overflow:hidden;}
.list_table.buy .img .set3 p {line-height:24px; margin-bottom:10px;}
.list_table.buy .img .set3 li {float:left; width:33%; text-align:center;}
.list_table.buy .img .set3 li .img_in {height:74px;}
.list_table.buy .c .btns {margin:10px 0 20px;}
.list_table.buy .c .btns .btn {border-radius:4px; background:#db5646; padding:10px 20px; color:#fff;}
.list_table.buy .btns {margin-top:20px;}
.list_table.buy .btns .btn {display:block; width:200px; height:50px; line-height:50px; text-align:center; background:#db5646; border-radius:4px; color:#fff; margin:0 auto; font-size:13px; font-weight:700; border:0;}

/* ½Ã¾ÈÈ®ÀÎ */
.sian_view .top_btns td {font-size:11px; text-align:center;}
.sian_view .sian_table_tit {border:1px solid #ddd; clear:both; height:34px; background:url(/gnu/skin/board/nfor6/img/title_bg.gif) repeat-x;}
.sian_view .sian_table_titb {height:3px; background:url(/gnu/skin/board/nfor6/img/title_shadow.gif) repeat-x; line-height:1px; font-size:1px;}
.sian_view .sian_table_con th,
.sian_view .sian_table_con td {height:26px; border:#ddd 1px solid; padding:0 5px;}
.sian_view .sian_table_con th {background:#fcfcfc;}
.sian_view .sian_view_bottom th,
.sian_view .sian_view_bottom td {border:#ddd 1px solid; padding:5px;}
.sian_view .sian_view_bottom th {height:34px;}
.sian_view .sian_view_bottom td {}
.sian_view .sian_view_bottom td td {border:0;}

/* Å¬¶óÀÌ¾ðÆ® */
.client ul {overflow:hidden;}
.client ul li {float:left; margin:0 0 20px 20px;}
.client ul li:nth-child(3n-2) {margin-left:0;}

/* Ä³¸¯ÅÍ Æ÷Æ®Æú¸®¿À */
.character_gallery {overflow:hidden; margin:-4px 0 0 -5px; position:relative;}
.character_gallery li {position:relative; float:left; width:234px; height:156px; margin:5px 0 0 5px; overflow:hidden;}
.character_gallery li a {position:absolute; left:0; top:0; display:block; width:234px; height:156px;}
.character_gallery li a img {border:4px solid #e5e5e5; width:226px; height:148px; box-sizing:content-box;}
.character_gallery li a span {position:absolute; display:block; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:url(../images/contents/bg_logo_gallery.png) repeat 0 0; font-size:14px; font-weight:bold; color:#197b30; text-align:center; line-height:118px; display:none;}
.character_gallery li a:hover span {display:block;}

/* ·Î°í Á¦ÀÛ´Ü°¡ */
.price .tab {overflow:hidden; margin:0 0 20px -5px; }
.price .tab li {float:left; margin-left:5px;}
.price .tab li a {display:block; background:#fff; border:#666 2px solid; color:#3f3e40; width:139px; height:36px; line-height:32px; text-align:center; font-size:15px; font-weight:bold; }
.price .tab li.on a, .pg_sub03_01 .tab li a:hover {background:#2e2e3a; border:#2e2e3a 2px solid; color:#fff;}

.price .tContent {position:relative;}
.price .tContent .tit {background:url('/images/contents/logo_creation_dot.png') no-repeat; padding-left:20px; height:30px; font-size:20px; line-height:30px; color:#403f41; margin-bottom:15px; font-weight:bold;}
.price .tContent .tit strong {font-size:30px; line-height:24px; color:#000;}
.price .tContent .tit_b {color:#666; font-size:13px; padding-left:20px; margin-bottom:10px;}
.price .tContent .rtop {position:absolute; top:0; right:0; font-size:13px; color:#ed3f3b; text-align:right; letter-spacing:-1px; font-weight:bold; line-height:16px;}
.price .tContent .rtop.line1 {top:15px;}
.price .tContent .rtop strong {display:block; font-size:20px; color:#ec1b23; line-height:24px;}
.price .tContent table {border-top:#2e2e3a 2px solid; margin-bottom:20px;}
.price .tContent table th,
.price .tContent table td {height:40px; line-height:24px; border-bottom:#999 1px solid;}
.price .tContent table th {text-align:center; background:#d5d4d9; color:#2e2e3a; font-size:14px; font-weight:bold;}
.price .tContent table tr.red th {background:#f00; color:#fff;}
.price .tContent table td {padding:10px 15px; font-size:13px; color:#2e2e3a;}
.price .tContent table td .big {color:#f00; font-size:18px;}
.price .tContent table td span {font-size:13px;}
.price .tContent table td img {vertical-align:middle;}

.tt_box {padding:10px; background:#f6f6f6; border:#ddd 1px solid; border-radius:4px;}

/* paging */
.paging {text-align:center; margin:0 0 40px;}
.paging .nums {display:inline-block; margin:0 10px;}
.paging a {display:inline-block; font-size:14px; color:#666; width:20px; height:30px; line-height:30px;}
.paging a i {font-size:20px; line-height:30px;}
.paging a.on,
.paging a:hover {color:#000; font-weight:bold;}

/* ·Î°í ºê·£µå Àû¿ë»ç·Ê */
.thm_list {border-top:#f2f2f2 1px solid;}
.thm_list dl {display:table;}
.thm_list dt,
.thm_list dd {display:table-cell; border-bottom:#f2f2f2 1px solid; vertical-align:top;}
.thm_list dt {width:170px;}
.thm_list dt img {width:170px; height:auto;}
.thm_list dd {width:545px; padding:10px 0 10px 10px;}
.contents_wrap .thm_list dt {height:153px; vertical-align:middle;}
/* .contents_wrap .thm_list dt .img {width:170px; height:153px;} */
/* .contents_wrap .thm_list dt .img img {width:100%; height:100%; object-fit:cover;} */

/* ±Û¾²±â */
.write_head {width:90px;}
.write_table th {padding-left:10px; font-weight:normal;}
.write_table .write_head {width:200px;}

/* 202209Ãß°¡ */
.noto {font-family:'Noto sans KR', 'Noto Sans Korean';}
.mem_wrap {padding-top:40px;}
.mem_wrap .title {font-size:30px; color:#363636; font-weight:500; line-height:30px; text-align:center; margin-bottom:80px; border:0;}

.header .lank .fr li.mems {height:52px; display:flex;padding-right:10px;}
.header .lank .fr li.mems a {font-size:13px; color:#333; font-weight:500; line-height:52px; margin-left:10px; font-family:'Noto sans KR', 'Noto Sans Korean';}
/* ·Î±×ÀÎ */
.login_wrap .login {width:450px; margin:0 auto; text-align:left;}
.login_wrap .login .tit {font-size:16px; color:#616161; font-weight:500; line-height:20px; margin-bottom:20px;}
.login_wrap .inputs {position:relative; padding-right:150px; margin-bottom:10px;}
.login_wrap .inputs .text {display:block; width:100%; height:38px; margin-top:14px; font-size:14px; color:#828282; padding:0 10px; border:#e1e1e1 1px solid;}
.login_wrap .inputs .text:first-child {margin-top:0;}
.login_wrap .inputs .btn {position:absolute; top:0; right:0; width:140px; height:90px; background:#e75b4a; border:0; font-size:15px; color:#fff; font-weight:500; text-align:center;}
.login_wrap label {font-size:14px; color:#505050; line-height:16px;}
.login_wrap label input {margin-right:5px;}
.login_wrap .btns {margin-top:30px; border-top:#e2e2e2 1px solid; padding-top:20px; display:flex; justify-content:space-between;}
.login_wrap .btns .btn {width:calc(50% - 3px); font-size:15px; color:#fff; font-weight:500; line-height:50px; height:50px; text-align:center; background:#969696; border:#969696 1px solid; text-align:center;}
.login_wrap .btns .btn_l {color:#949494; background:#fff;}

/* È¸¿ø°¡ÀÔ */
.join_wrap {text-align:left;}
.join_wrap .tit {font-size:18px; color:#434343; font-weight:500; line-height:20px; margin-bottom:25px;}
.join_wrap table {border-top:#e1e1e1 1px solid;}
.join_wrap th,
.join_wrap td {border-bottom:#e1e1e1 1px solid; padding:10px 0; font-size:15px; color:#616161; line-height:38px;}
.join_wrap th {font-weight:500; padding-left:34px; width:170px;}
.join_wrap td .text {height:38px; border:#ddd 1px solid; padding:0 10px;}
.join_wrap td.over_h {font-size:0;}
.join_wrap td.over_h * {font-size:15px;}
.join_wrap td .w1 {width:350px;}
.join_wrap td .w1 + em {font-size:14px; color:#949494; line-height:38px; width:auto; margin-left:10px;}
.join_wrap td .w2 {width:95px; margin-left:5px;}
.join_wrap td select.w2 {width:145px; margin-left:0;}
.join_wrap td .w3 {width:250px;}
.join_wrap td em {width:30px; line-height:38px; display:inline-block; vertical-align:top; text-align:center;}
.join_wrap td em ~ .w3 {width:200px;}
.join_wrap td select.w3 {margin-left:5px;}
.join_wrap td .w4 {width:610px; display:block; margin-top:5px;}
.join_wrap td .btn_zip {font-size:13px; color:#fff; line-height:38px; height:38px; width:110px; background:#707070; border-radius:5px; margin-left:5px; border:0;}
.join_wrap .tt {font-size:16px; color:#616161; font-weight:500; line-height:20px; margin:50px 0 20px;}
.join_wrap textarea.text {width:100%; height:152px; padding:30px; border:#ddd 1px solid; margin-bottom:20px;}
.join_wrap label {font-size:14px; color:#505050; line-height:16px;}
.join_wrap label input {margin-right:5px;}
.join_wrap .btn {display:block; font-size:16px; color:#fff; font-weight:500; line-height:50px; height:50px; width:220px; background:#e75b4a; border:0; text-align:center; margin:60px auto 0;}

.mybox {margin-top:200px;}
.mybox .tit {font-size:20px; color:#252525; font-weight:500; line-height:20px; margin:100px 0 20px;}
.mybox .tit:first-child {margin-top:0;}
.mybox table {border-top:#464646 1px solid;}
.mybox th,
.mybox td {font-size:15px; text-align:center;}
.mybox th {color:#363636; height:60px; padding-left:0;}
.mybox td {color:#616161; height:54px;}
.mybox td.red {color:#f02a10;}
.mybox td.blue {color:#3f74c3;}
.mybox td.green {color:#737b16;}
.mybox .paging {margin-top:40px; text-align:center; font-size:0;}
.mybox .paging a {display:inline-block; vertical-align:top; font-size:14px; color:#363636; line-height:30px; height:32px; width:32px; border:#e1e1e1 1px solid; margin:0 1px;}
.mybox .paging a.on {color:#fff; background:#666; border-color:#666;}
.mybox .paging .arrow {font-family:'nanum gothic'; letter-spacing:-2px;}

/* Á¦Ç° */
.atit {position:relative; padding-left:16px; background:url('/images/contents/arrow_tit.png') no-repeat left center; font-size:13px; color:#616161; font-weight:500; line-height:20px; margin-bottom:20px;}
.atit strong {font-size:15px; color:#616161; font-weight:700; margin-right:5px;}
.product_list {overflow:hidden; margin-top:-30px;}
.product_list li {float:left; width:calc((100% - 8px)/3); margin:30px 0 0 4px;}
.product_list li:nth-child(3n-2) {margin-left:0; clear:both;}
.product_list li .img {display:block; margin-bottom:5px;}
.product_list li .txt {font-size:15px; color:#616161; font-weight:500; line-height:21px;}
.product_list li .txt .red {color:#ef050a; display:block;}

.product_view_info {display:table; margin-bottom:75px;}
.product_view_info > * {display:table-cell; vertical-align:top;}
.product_view_info dt {width:346px; border:#e1e1e1 4px solid;}
.product_view_info dd {padding-left:20px;}
.product_view_info p {display:flex; font-size:15px; color:#616161; line-height:30px;}
.product_view_info p strong {width:56px; color:#222;}
.product_view_info p.row {flex-direction:column}

.product_reply .count {font-size:15px; color:#222; font-weight:700; line-height:16px; margin-bottom:20px;}
.product_reply .inputs {display:flex; margin-bottom:10px;}
.product_reply .inputs > * {vertical-align:top; height:60px; font-size:15px;}
.product_reply .inputs .text {width:calc(100% - 95px); border:#767676 1px solid; padding:10px; outline:0;}
.product_reply .inputs .btn {width:95px; color:#fff; font-weight:700; background:#767676; border:0;}
.product_reply .input_btm {display:flex;}
.product_reply .input_btm > * {width:50%;}
.filebutton {position:relative; width:110px; height:32px; overflow:hidden; float:left;}
.filebutton span {display:inline-block; width:110px; height:32px; line-height:30px; font-size:13px; color:#525252; border:#bfbfbf 1px solid; text-align:center; padding-left:25px; background:url('/images/contents/icon_pic.gif') no-repeat 13px 50%;}
.filebutton input {z-index:999; position:absolute; top:-2px; left:-700px; margin:0; padding:0; font-size:50px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
.filebox {float:left; width:calc(100% - 110px); height:32px; line-height:32px; padding:0 10px; overflow:hidden; color:#666; font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product_reply .input_btm .srt {text-align:right;}
.product_reply .input_btm .check {position:relative; padding-left:25px; font-size:14px; color:#525252; font-weight:500; line-height:32px;}
.product_reply .input_btm .check input {display:none;}
.product_reply .input_btm .check i {position:absolute; top:50%; left:0; width:18px; height:18px; border:#f82323 1px solid; margin-top:-9px;}
.product_reply .input_btm .check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#f82323; transition:.2s linear; transform:translate(-50%,-50%);}
.product_reply .input_btm .check em {font-size:13px;}
.product_reply .input_btm .check input:checked + i:before {width:10px; height:10px;}
.product_reply .list {margin-top:40px; border-top:#d0d0d0 1px solid;}
.product_reply .list li {padding:30px 0; border-bottom:#d0d0d0 1px solid;}
.product_reply .list .tt strong {font-size:16px; color:#222; font-weight:700;}
.product_reply .list .tt em {position:relative; font-size:14px; color:#525252; font-weight:300; padding:0 15px; margin-left:20px;}
.product_reply .list .tt em:before {content:""; position:absolute; top:50%; left:0; width:1px; height:14px; background:#d0d0d0; margin-top:-7px;}
.product_reply .list .tt a {display:inline-block; width:50px; height:28px; line-height:26px; text-align:center; font-size:14px; color:#525252; border:#dfdfdf 1px solid;}
.product_reply .list .cn {font-size:16px; color:#525252; line-height:24px; margin-top:10px;}
.product_reply .list .cn.lock {padding-left:28px; background:url('/images/contents/icon_lock.gif') no-repeat 0 3px;}

div.textarea {
	clear:both;
	width:100%; height:100px;
	overflow-x:hidden; overflow-y:auto;
	text-align:justify;word-break:keep-all;
	word-wrap:break-word;
	line-height:1.4em;padding:10px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	font-size:11px; font-family:Dotum, Gulim;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#AFAFAF;
	scrollbar-highlight-color:#AFAFAF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#F7F7F7;
	scrollbar-arrow-color:#838383;
}

/* ±Û¾²±â */
.write_head {width:90px;}
.write_table th {padding-left:10px; font-weight:normal;}
.write_table .write_head {width:200px;}

.write_head { height:30px; text-align:left; color:#666666; }
.ed,
.field { border:1px solid #ccc; }

.radios {margin-bottom:10px;}
.radios label {display:inline-block; vertical-align:top; margin-right:30px;}
.radios label input {margin-right:5px;}

.business_card dl {display:flex;}
.business_card dt {width:346px; height:285px; border:#e1e1e1 4px solid;}
.business_card dd {width:calc(100% - 346px); padding-left:20px;}
.business_card th {font-size:15px; color:#222; font-weight:700; line-height:34px; text-align:left; width:75px; vertical-align:top;}
.business_card td {font-size:13px; color:#222; line-height:30px; padding:3px 0; overflow:hidden; vertical-align:top;}
.business_card td select {display:block; border:#ddd 1px solid; height:34px; width:100%;}
.business_card td > strong {font-size:15px; color:#656565; font-weight:700; line-height:34px; float:left;}
.business_card td .plmi {display:flex; justify-content:flex-end; float:right;}
.business_card td .plmi button,
.business_card td .plmi input {height:34px;}
.business_card td .plmi button {position:relative; width:34px; border:#ddd 1px solid;}
.business_card td .plmi button:before,
.business_card td .plmi button:after {content:""; position:absolute; top:50%; left:50%; background:#666; transform:translate(-50%,-50%);}
.business_card td .plmi button:before {width:14px; height:2px;}
.business_card td .plmi button:after {width:2px; height:14px;}
.business_card td .plmi .minus:after {display:none;}
.business_card td .plmi input {width:44px; border:0; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; text-align:center; font-size:15px; color:#666;}
.business_card .flex {display:flex;}
.business_card .flex label {margin-right:30px;}
.business_card .flex label:last-child {margin-right:0;}
.business_card label input {margin-right:5px;}
.business_card .pl_label label {display:block; line-height:18px; padding-left:22px; text-indent:-22px; margin-bottom:10px;}
.business_card .pl_label label:last-child {margin-bottom:0;}
.business_card .low {font-size:13px; color:#969696;}

.stit {font-size:19px; color:#666; font-weight:500; line-height:24px; margin:85px 0 25px;}
.stit.mt3 {margin-top:30px;}
.stit.s {font-size:15px;}
.stit strong {font-weight:700;}

.envelope {padding:45px 0 55px;}
.envelope ul {display:flex; justify-content:space-between;}
.envelope label.check {display:block; margin-bottom:30px;}
.envelope label.check input {display:none;}
.envelope label.check i {display:block; width:24px; height:24px; margin:0 auto 10px; background:url('/images/contents/icon_check.png') #adadad no-repeat 50% 50%;}
.envelope label.check em {display:block; font-size:16px; color:#adadad; font-weight:500; line-height:35px; height:37px; text-align:center; border:#adadad 1px solid;}
.envelope label.check input:checked + i {background-color:#e75b4a;}
.envelope label.check input:checked ~ em {color:#e75b4a; border-color:#e75b4a;}

label.chk_row {display:block; margin-bottom:50px;}
label.chk_row input {display:none;}
label.chk_row span {position:relative; display:block; font-size:16px; color:#adadad; font-weight:500; line-height:35px; height:37px; text-align:center; border:#adadad 1px solid; padding-left:38px;}
label.chk_row span i {position:absolute; top:50%; left:8px; display:block; width:24px; height:24px; margin-top:-12px; background:url('/images/contents/icon_check.png') #adadad no-repeat 50% 50%;}
label.chk_row input:checked + span i {background-color:#e75b4a;}

.free_point {font-size:15px; color:#666; font-weight:700; padding-bottom:10px; border-bottom:#b7b7b7 2px solid; margin:50px 0 20px;}
.free_point strong {font-size:19px;}

.point_sale {display:flex; border:#e0e0e0 1px solid; background:#fafafa; height:68px;}
.point_sale li {width:25%; line-height:22px; padding:11px 0; text-align:center;}

.textarea_input {padding:15px;}
.textarea_input td {vertical-align:top;}
.textarea_input td:first-child {padding-right:10px;}
.textarea_input td:last-child {padding-left:10px;}
.textarea_input textarea {width:100%; height:64px; margin:5px 0; padding:5px; border:#ccc 1px solid;}
.textarea_input p + textarea {margin-bottom:0;}

/* Ãß°¡ 221124 */
.pop_total,
.pop_total .black {position:fixed; top:0; left:0; width:100%; height:100%;}
.pop_total {z-index:20;}
.pop_total .black {background:rgba(0,0,0,.5);}
/*.pop_total .inbox {position:absolute; top:50%; left:50%; width:413px; height:559px; transform:translate(-50%,-50%);}*/
.pop_total .inbox {position:absolute; top:20%; left:36%; width:413px; height:559px;}
.pop_total .inbox .btn_close {position:absolute; top:-30px; right:-30px; width:30px; height:30px;}
.pop_total .inbox .btn_close:before,
.pop_total .inbox .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:20px; height:2px; background:#fff; margin:-1px 0 0 -10px;}
.pop_total .inbox .btn_close:before {transform:rotate(45deg);}
.pop_total .inbox .btn_close:after {transform:rotate(-45deg);}
.pop_total .video {position:absolute; top:4px; left:4px; width:290px; height:162px;}
.pop_total .video iframe {display:none;}
.pop_total .video iframe.on {display:block;}
.pop_total .btn {position:absolute; right:4px; width:112px; height:52px;}
.pop_total .btn2 {top:4px;}
.pop_total .btn3 {top:59px;}
.pop_total .btn4 {top:114px;}
