@charset "utf-8";
.m-0 { margin: 0 !important; } 
.tal { text-align:left !important; } 
.tac { text-align: center !important; } 
.obms { color: #000; } 
.obms h4 { text-align: center; line-height: 1.5; font-size: 22px; } 
.obms h4 strong { color: #deb841; vertical-align: baseline; } 
.obms p { font-size: 14px; color: #888; line-height: 1.8; text-align: center; } 
.obms p:not(:last-child) { margin-bottom: 20px; } 
.obms .link { background: #000; color: #deb841; padding: 15px 200px; border: none; display: block; font-weight: bold; border-radius: 5px; cursor: pointer; margin: 50px auto; width: max-content; } 
.obms .fixed { position: fixed; bottom: 0; left: 57.8%; transform: translateX(-50%); z-index: 10; } 
.obms .video_wrap { margin-bottom: 50px; } 
.obms video { width: 100%; } 
.obms .list_wrap { margin-bottom: 50px; } 
.obms h5 { font-size: 18px; color: #000; margin-bottom: 20px; } 
.obms h5 span { vertical-align: text-top; font-size: 16px; line-height: 32px; } 
.obms p a { color: #deb841; } 
.obms p a.v2 { color: #ff110f; } 
.obms ul { padding-left: 20px; } 
.obms ul li { font-size: 14px; color: #888; line-height: 1.3; } 
.obms ul li span { padding-left: 8px; } 
.obms ul li:not(:last-child) { margin-bottom: 10px; } 
.obms table { display: table; width: 100%; border-collapse: collapse; } 
.obms table tr td,
.obms table tr th { border: 1px solid #000; padding: 10px; text-align: left; color: #000; font-size: 14px; } 
.obms table tr th { font-weight: bold; text-align: center; } 
.obms .img_box img { width: 100%; object-fit: cover; } 
.obms .swiper_wrap { position: relative; } 
.obms .swiper-slide { display:flex; flex-wrap: wrap; gap: 20px; } 
.obms .swiper-slide .img_box { position: relative; width: calc((100% - 40px) / 3); } 
.obms .swiper-slide .img_box p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); color: #fff; padding: 10px; font-size: 16px; line-height: 1.5; text-align: left; padding: 10px; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0.5s; } 
.obms .swiper-slide .img_box:hover p { opacity: 1; visibility: visible; } 
.obms .swiper-slide img { width: 100%; height: 260px; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.obms .poster { margin-bottom: 50px; } 
.obms .video_wrap { width: 550px; margin: 30px auto 50px; } 
.obms .swiper-button-next { right: -50px; } 
.obms .swiper-button-prev { left: -50px; } 
.swiper-button-next, .swiper-button-prev { color: #000 !important; } 
.obms .sub-title.v2 { margin: 24px auto; } 

#wrap { margin:0 auto; } 
.wrap { width:1200px; } 
#full-wrap { position:relative; overflow:hidden; min-height:100%; margin:0 auto; } 

header { height:89px; background-color:#000 } 
header .header-border { overflow:hidden; height:10px; } 
header .header-border li { float:left; width:25%; height:10px } 
header .header-border li.first { background-color:#f39c1f } 
header .header-border li.second { background-color:#da5926 } 
header .header-border li.third { background-color:#c00000 } 
header .header-border li.fourth { background-color:#45120f } 
header h1 { float:left; margin-left:50px; margin-top:23px } 

#gnb { color:#333333; font-size:15px; font-weight:400; float:right; margin-right:20px; font-family:'Arial'; letter-spacing:-0.3px } 
#gnb ul { overflow:hidden; } 
#gnb li { float:left; height:89px; line-height:89px; } 
#gnb li a { position:relative; display:inline-block; padding:0 18px; color:#fff } 
#gnb li.active a, #gnb li a:hover { color:#f1e14b } 
#gnb .borders { display: none; width:1px; height:4px; background:#f1e14b; position:absolute; bottom:0; left: 50%; } 

.mk-new { position: relative; } 
.mk-btn { position: absolute; bottom: 150px; width: 100%; text-align: center; } 
.mk-btn a { display: block; width: 120px; height: 41px; line-height: 41px; border: 1px solid #fbc713; color: #fff; margin: auto; background: #fbc713; font-weight: bold; } 
.mk-btn a:hover { background: #fbc71390; } 


.main-visu { overflow:hidden; width:1200px; height:499px; position:relative; } 
.main-visu ul { overflow:hidden; } 
.main-visu .list_pager { position:absolute; width:100%; text-align:center; bottom:30px; margin:0 auto; z-index:300 } 
.main-visu .list_pager ul { display:inline-block } 
.main-visu .list_pager li { float:left; margin-right:16px } 
.main-visu .list_pager li a { background:url(/assets/images/main/main_pager_2022_off.png) 0 0 no-repeat; width:14px; height:14px; display:block; text-indent:-5000px; } 
.main-visu .list_pager li a.active { background:url(/assets/images/main/main_pager_2022_on.png) 0 0 no-repeat; } 

.main-comp { color:#000; background-color:#e26b3b } 
.main-comp ul { overflow:hidden } 
.main-comp li { float:left; height:499px } 
.main-comp li.rbox { background:url(/assets/images/main/main_company_2022_txt.jpg) no-repeat center center; width:530px; line-height:1.5 } 
.main-comp li.rbox .tbl-cell { padding-left:70px } 
.main-comp h2 { font-size:40px; font-weight:700; font-family:'Arial', sans-serif; margin-bottom:5px; letter-spacing:-1px } 
.main-comp .tit { font-size:20px; font-weight:400; margin-bottom:30px; letter-spacing:-1px } 
.main-comp p { font-size:14px; line-height:1.8; margin-bottom:30px; letter-spacing:-1px; color:rgba(0, 0, 0, 0.8) } 
.main-comp .btn-trans { width:120px; height:41px; line-height:41px; color: #000; border: 1px solid rgb(0 0 0); } 

.main-brand { background:#d8d8d8 url('/assets/images/main/main_brands_bg.jpg') no-repeat 0 0; width:1200px; height:717px; padding-top:50px; text-align:center } 
.main-brand .tit-wrap { display:inline-block; text-align:center; margin-bottom:43px; position:relative; } 
.main-brand .tit-wrap .more-ico { position:absolute; right:-70px; top:12px; text-indent: -9999px; } 
.main-brand h2 { font-family:'Arial', sans-serif; color:#000; font-size:36px; font-weight:700; letter-spacing:-1.6px } 
.main-brand .tit { color:rgba(0, 0, 0, 0.6); font-size:16px; line-height:1.2; font-weight:400; letter-spacing:-0.5px } 
.main-brand .brand_list { overflow:hidden; width:1104px; margin:0 46px 0 50px } 
.main-brand .brand_list li { position:relative; float:left; width:271px; height:276px; margin:0 5px 5px 0 } 
.main-brand .brand_list li .img-box img { width:100% } 
.main-brand .brand_list h4 { color:#fff; font-size:32px; font-weight:700; text-shadow:0 2px 2px #000; margin-bottom:25px } 
.main-brand .brand_list .btn-trans { font-size:12px; width:98px; height:33px; line-height:33px; font-weight:700 } 

.main-world { background-color:#9b120f; color:#000 } 
.main-world ul { overflow:hidden } 
.main-world li { float:left; height:500px } 
.main-world li.lbox { background:url(/assets/images/main/main_esg_txt.jpg) no-repeat center center; width:540px; line-height:1.5 } 
.main-world li.lbox .tbl-cell { padding-left:80px } 
.main-world h2 { font-family:'Arial', sans-serif; font-size:44px; font-weight:700 } 
.main-world .tit { font-size:17px; margin-bottom:30px; font-weight:400 } 
.main-world p { font-size:14px; margin-bottom:30px; color:rgba(0, 0, 0, 0.8) } 
.main-world .btn-trans { width:120px; height:41px; line-height:41px; color: #000; border: 1px solid rgb(0 0 0); } 

.main-your-beer { background:#fff url('/assets/images/main/main_tab_into_your_beer_2022.jpg') no-repeat 0 0; width:1200px; height:627px; } 
.main-your-beer .tit-wrap { padding:50px; text-align:center } 
.main-your-beer h2 { font-family:'Arial', sans-serif; font-size:36px; font-weight:700; color:#000; margin-bottom:15px; } 
.main-your-beer .tit { font-size:16px; margin-bottom:34px; font-weight:400 } 

.main-news { background:#d0a86f url('/assets/images/main/main_newsroom_bg_2022.jpg') no-repeat 0 0; width:1200px; height:560px; padding-top:50px; text-align:center } 
.main-news .tit-wrap { display:inline-block; text-align:center; margin-bottom:42px; position:relative; } 
.main-news .tit-wrap .trans-more-ico { position:absolute; right:-70px; top:18px; text-indent: -9999px; } 
.main-news h2 { font-family:'Arial', sans-serif; color:#fff; font-size:36px; font-weight:700; letter-spacing:-1.6px; margin-bottom:5px } 
.main-news .tit { color:#fff; font-size:16px; line-height:1.4; font-weight:400; } 
.main-news .news-list { overflow:hidden; background-color:#fff; width:1013px; margin:0 auto } 
.main-news .news-list li { float:left; width:337px; border-right:1px solid #ccc; text-align:left } 
.main-news .news-list li.last { border:0 } 
.main-news .news-list li .thumb-box img { width:100% } 
.main-news .news-list .post-box { padding:0 40px; position:relative; height:175px } 
.main-news .news-list .cate { color:#013a91; font-size:20px; font-weight:800; padding:35px 0 10px } 
.main-news .news-list .tit { color:#474747; font-size:16px; font-weight:400; line-height:1.4 } 
.main-news .news-list .wdate { color:#474747; font-size:14px; position:absolute; bottom:38px } 

footer { color:#000; font-size:12px; background-color:#f8f8f8; height:188px; padding-top:38px; position:relative; background-image:url(/assets/images/common/footer_img_2022.jpg); background-repeat:no-repeat; background-position:center bottom } 
footer .footer-menu { font-size:13px; overflow:hidden; float:left; line-height:36px } 
footer .footer-menu li { padding:0 15px; float:left; } 
/* footer .footer-menu li { padding:0 15px; float:left; background:url(/assets/images/main/footer_bar_ico.gif) no-repeat right center } */
footer .footer-menu li a { color:#000; line-height:140% } 
footer .footer-menu li.first { padding-left:0 } 
footer .footer-menu li.last { background-image:none; padding-right:0 } 
footer .sns-menu { margin-left:40px; float:left } 
footer .sns-menu li { padding-left:10px; float:left } 
footer address { font-style:normal; padding-top:60px; color:#555 } 
footer address:before { position:absolute; display:block; content:""; left:0; top:43px; width:40px; height:1px; background-color:#dbb14c } 
footer .copyright { padding-top:10px; color:#555 } 
footer .warning { padding-top:20px; font-size:14px; line-height:20px; } 
footer .foot-left { position:absolute; left:100px; } 
footer .foot-right { position:absolute; right:100px; text-align:right } 
footer .sel_family_group { position:relative; margin-top:21px; display:inline-block; width: 167px; height: 17px; border-radius:0; font-size: 12px; } 
footer .sel_family_group .sel_option { color:#000; text-align:left; display: block; height: 17px; padding:0 10px; line-height:17px; border:1px solid #959595; background: #f8f8f8 url(/assets/images/common/bg_select_arrow.png) no-repeat 152px center; } 
footer .sel_family_group .sel_option_list.hide { display: none; } 
footer .sel_family_group .sel_option_list { width:165px; position:absolute; bottom:17px; z-index:100; text-align:left; overflow-y: auto; height: 150px; border-left: 1px solid #959595; border-bottom: 1px solid #959595; border-right: 1px solid #959595; background: #565656; } 
footer .sel_family_group .sel_option_list li { margin-top: 3px; height:17px; } 
footer .sel_family_group .sel_option_list li a { padding:5px 10px; display:block; color:#fff; } 
footer .sel_family_group .sel_option_list li a:hover { background: #777; color:#fff; } 


/** 서브 페이지 **/
.img-list li { overflow:hidden; padding:15px 0; } 
.img-list li .img { float:left } 
.img-list li .text { margin-left:150px; height:115px; } 
.img-list li .text .tit { color:#b61119; font-size:18px } 
.img-list li .text p { margin:13px 0 0; line-height:1.6; letter-spacing:-0.2px } 

.sub-visu { position:relative; height:300px } 
.sub-visu .txt-box .tbl-cell { color:#e2e0df; font-size:38px; font-weight:700; text-align:left; line-height:1.2; padding-left:200px } 
.sub-visu .txt-box .tbl-cell.betterworld { color:#6e5655; } 
.sub-visu .txt-box .tbl-cell.esg { padding-left:0; color:#fff; text-align:center } 
.sub-visu .txt-box .tbl-cell.esg div { margin-top:13px; font-size:20px; } 
.sub-visu .txt-box .tbl-cell p { font-size:16px; line-height:1.5; margin-top:25px } 
.sub-visu.visu-brand .txt-box .tbl-cell { font-size:32px; } 
.sub-visu.visu-brand .txt-box .tbl-cell p { font-size:20px; } 
.sub-visu.visu-comp .txt-box .tbl-cell p { font-size:20px; margin-top:0; line-height:1.9; } 

.sub { padding:44px 50px 140px } 

.sub-blank { border-top:1px solid #d1d1d1; } 
.sub-blank .sub { padding:120px 250px } 
.sub-blank .sub h2 { color:#962b27; font-size:28px; font-weight:800; border-bottom:1px solid #dfdfdf; padding-bottom:24px } 
.sub-blank .sub .contents { font-size:15px; line-height:1.7; padding:50px 0 } 
.sub-blank .sub .contents table { width:100%; margin:50px 0 } 
.sub-blank .sub .contents td, .sub-blank .sub .contents th { font-size:15px; border:1px solid #b3b2b2; text-align:center; padding:17px 30px; vertical-align:middle } 
.sub-blank .sub .contents th { font-weight:700 } 
.sub-blank .sub .contents .gray-box { background-color:#f7f7f7; padding:40px 30px; margin-bottom:50px } 
.sub-blank .sub .contents .help-box { margin-top:35px; } 
.sub-blank .sub .contents .help-box h3 { font-size:20px; margin-bottom:10px } 
.sub-blank .sub .contents .help-box { font-size:14px; background-color:#f7f7f7; border:1px solid #b3b2b2; padding:40px; text-align:center; line-height:1.4 } 

.sub .sidebar { float:left; width:236px; } 
.sub .sidebar > ul { border-bottom:1px solid #dcdcdc; } 
.sub .sidebar li { border-top:1px solid #dcdcdc; } 
.sub .sidebar > ul > li > a.active { background:url('/assets/images/common/sidebar_active_ico.gif') no-repeat 214px center } 
.sub .sidebar ul.side_sub li { background-color:#f7f7f7; padding-left:20px; position:relative } 
.sub .sidebar ul.side_sub li:before { position:absolute; display:block; content:""; left:20px; top:24px; width:3px; height:3px; background-color:#444444 } 
.sub .sidebar ul.side_sub li.active:before { background-color:#000 } 
.sub .sidebar li a { color:#000; font-weight:400; display:block; height:49px; line-height:49px; } 
.sub .sidebar li a span { margin-left:10px; } 
.sub .sidebar li a.active { color:#deb841; } 
.sub .sidebar li a.active.has-child { color:#444444; } 
.sub .sidebar li a:hover { color:#deb841; } 

.sub .contents > h4 { color:#000; font-size:22px; font-weight:700; line-height:1.3 } 
.sub .contents > h4 span { color:#deb841 } 
.sub .contents > h4 span.press { color:#86262c } 
.sub .contents > h5 { color:#000; font-size:22px; font-weight:700; } 
.sub .contents > h6 { font-size:18px; font-weight:700; } 
.sub .contents > span.eng { color:#000; font-size:22px; font-weight:700; font-family:'Noto Sans KR' } 
.sub .contents p.txt { color:#888; line-height:1.6; margin:25px 0 40px } 
.sub .contents p.txt2 { color:#777; line-height:1.6; } 
.sub .contents p.dark { color:#444 } 

.sub .cont-wrap { margin-left:291px } 
.sub .contents { padding-top:50px } 
.sub .border-t { border-top:1px solid #dfdfdf; } 
.sub .border-b { border-bottom:1px solid #dfdfdf; } 
.sub .sub-title { position:relative; margin-bottom:24px } 
.sub .sub-title h3 { color:#000000; font-size:28px; font-weight:700; letter-spacing:-0.8px } 
.sub .sub-title h3 span { color:#888; font-size:16px; font-weight:400; margin-left:14px } 
.sub .sub-title .path-nav { position:absolute; right:0; bottom:0 } 
.sub .sub-title .path-nav span { font-size:14px; font-weight:400; margin-left:7px } 
.sub .sub-title .path-nav .active { color:#deb841 } 

.sub .sub-tab { overflow:hidden } 
.sub .sub-tab li { float:left; text-align:center; width:201px; height:51px; line-height:51px; border:1px solid #ccc; margin-right:-1px } 
.sub .sub-tab.two li { width:402px; } 
.sub .sub-tab.three li { width:268px; } 
.sub .sub-tab li.active { background-color:#000; border:1px solid #000 } 
.sub .sub-tab li a { display:block; color:#000; font-size:15px; } 
.sub .sub-tab li a.row2 { padding:8px 0; line-height:18px; } 
.sub .sub-tab li.active a { color:#f1e14b; font-weight:700 } 

.sub .cont-slogan { margin-top: 10px; text-align:center } 
.sub .cont-slogan .slogan-text-eng { color:#000; font-family: 'Arial'; font-weight: 700; font-size: 22px; line-height: 130%; margin-top:60px; margin-bottom: 10px } 
.sub .cont-slogan .slogan-text { color:#000; font-size: 22px } 
.sub .cont-slogan .slogan-exp { color:#888888; margin-top:40px; line-height: 140% } 

.sub .cont-comp dl dt { color:#000; font-size:20px; font-weight:700; margin-top:35px } 
.sub .cont-comp dl dt span { color:#000; font-size:18px; background-color:#f5e003; display:inline-block; padding:7px 12px; margin-right:12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } 
.sub .cont-comp dl dd { margin-bottom:75px } 
.sub .cont-comp dl dd p { margin: 17px 0 30px; } 
.sub .cont-comp .heritage-list li { list-style-type:none; background:url(/assets/images/sub/list_square_ico_2022.png) no-repeat 0px 12px; padding-left:39px; margin-bottom:80px } 
.sub .cont-comp .heritage-list h4 { color:#000; font-size:26px; } 
.sub .cont-comp .heritage-list p { line-height:1.9; color:#888; } 
.sub .cont-location ul { list-style:none; margin-top:12px; margin-bottom:60px } 
.sub .cont-location ul li { line-height:35px } 
.sub .growth-list { overflow:hidden; margin-bottom:130px } 
.sub .growth-list li { color:#000; font-size:15px; font-weight:400; float:left; height:233px; text-align:center; vertical-align:middle; line-height:1.6 } 
.sub .growth-list li span { font-size:50px; font-weight:700; display:block; line-height:1.3 } 
.sub .growth-list li.first { background:url(/assets/images/sub/cont_shared_growth_list_2022_01.png) no-repeat 0 0; width:233px; } 
.sub .growth-list li.second { background:url(/assets/images/sub/cont_shared_growth_list_2022_02.png) no-repeat 0 0; width:233px; } 
.sub .growth-list li.third { background:url(/assets/images/sub/cont_shared_growth_list_2022_03.png) no-repeat 0 0; width:233px; } 
.sub .growth-list li.bg-arrow { background:url(/assets/images/sub/shared_growth_arrow_ico.png) no-repeat center center; width:55px } 
.sub .growth-pdf-list { margin-left: 150px; } 
.sub .growth-pdf-list li { color:#000; font-size:17px; font-weight:700; height:32px; line-height:32px; margin-bottom:10px } 
.sub .growth-pdf-list li:nth-child(even) { margin-bottom:30px; } 
.sub .growth-pdf-list li > img { max-width:100%; max-height:100%; vertical-align:middle; } 
.sub .growth-pdf-list li a { color:#000; } 
.sub .growth-pdf-list li a img { max-width:100%; max-height:100%; vertical-align:middle; } 
.sub .contents p.txt.growth-inline { color:#4d4d4d; font-size:15px; text-align:center; font-weight:400; } 
.sub p.growth-inline span { color:#86262c } 
.sub .growth-box { position:relative } 
.sub .growth-box .round-tit { color:#fff; font-size:14px; font-weight:700; display:inline-block; padding:6px 14px; background-color:#a50f0f; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; } 
.sub .growth-box .round-tit .eng { color:#fff; font-size:18px } 
.sub .growth-box .tit { font-size:30px; margin:15px auto; font-weight:400 } 
.sub .growth-box .tit span { color:#c00000 } 
.sub .growth-box .eng { color:#4c4c4c; font-size:16px; } 
.sub .cont-comp .culture-tit { color:#000; font-size:32px; font-weight:700; margin-bottom:22px } 
.sub .cont-comp .culture-tit > span { font-family:'AvanttSemiBold','Noto Sans KR'; color:#888; font-size:26px; font-weight:400 } 
.sub .heading { font-size: 40px; color: #000; font-weight: bold; margin-bottom: 20px; } 
.sub .culture_tbl th { color:#f9d9be; font-size:17px; padding:10px 0; vertical-align:middle } 
.sub .culture_tbl th .english { color:#000; font-weight:700; font-size:20px } 
.sub .culture_tbl td { color:#000; font-size:16px; line-height:1.4; padding:30px 0; text-align:center; vertical-align:middle } 
.sub .culture_tbl td .eng { font-family:'AvanttSemiBold','Noto Sans KR'; color:#777; font-size:16px; line-height:1.3; display:inline-block; margin-top:8px } 
.sub .culture_tbl td.num { font-size:40px; font-weight:700 } 
.sub .culture_tbl tr.first th { background-color:#f1e14b; } 
.sub .culture_tbl tr.first th.txt-l { color:#857b25 } 
.sub .culture_tbl tr.first td.num { color:#000; } 
.sub .culture_tbl tr.second th { background-color:#deb841; } 
.sub .culture_tbl tr.second th.txt-l { color:#7a641f } 
.sub .culture_tbl tr.second td.num { color:#000; } 
.sub .culture_tbl tr.third th { background-color:#caa54f; } 
.sub .culture_tbl tr.third th.txt-l { color:#6e5927 } 
.sub .culture_tbl tr.third td.num { color:#000; } 
.sub .history-list { overflow:hidden } 
.sub .history-list li { float:left; width:395px; margin-right:19px; margin-bottom:65px } 
.sub .history-list li.full { width:100%; } 
.sub .history-list li.even { margin-right:0 } 
.sub .history-list li table { width:100% } 
.sub .history-list li th { color:#000; font-size:22px; font-weight:700; padding:12px 7px; border-bottom:1px solid #f1f1f1 } 
.sub .history-list li td { color:#888888; font-size:14px; padding:6px 7px; letter-spacing:-0.8px } 
.sub .history-list li td.first { padding-top:20px } 
.sub .history-list li td.eng { color:#deb841; font-size:14px; } 

.sub .contents.cont-brand { padding-top:76px } 
.sub .cont-brand { position:relative; } 
.sub .cont-brand .select-wrap { position:absolute; right:0; top:19px } 
.sub .cont-brand > ul { margin:0 -4px 0 -3px; overflow:hidden } 
.sub .cont-brand > ul > li { position:relative; float:left; width:362px; height:368px; margin:3px 4px 3px 3px } 
.sub .cont-brand > ul > li h4 { font-family:'Nanum Square'; color:#fff; font-size:40px; font-weight:700; text-shadow:0 2px 2px #000; margin-bottom:25px } 
.sub .cont-brand > ul > li .btn-trans { font-size:13px; width:120px; height:41px; line-height:41px } 
.sub .cont-brand .brand-box h4 { color:#444; font-size:26px; line-height:1.4 } 
.sub .cont-brand .brand-box p { font-weight:400; width:390px; word-break: keep-all } 
.sub .cont-brand.hanmac .brand-box p { font-weight:700; width:392px; word-break: keep-all } 
.sub .cont-brand .brand-box .comp-table { color:#444; font-weight:700 } 
.sub .cont-brand .brand-box .sns-link { overflow:hidden; } 
.sub .cont-brand .brand-box .sns-link li { float:left; margin-right:10px } 
.sub .cont-brand .brand-box .brand-btn { margin-top:80px; width:185px; background-position:160px center } 
.sub .cont-brand .good-photo { position:absolute; right:0; top:50px } 
.sub .cont-brand .brand-box.wide p { color:#555; width:100%; line-height:1.6; margin-bottom:20px } 
.sub .cont-brand .brand-box.wide p.comp-table { margin-bottom:0; color:#000 } 
.sub .cont-brand .brand-box.wide .sns-link li { float:right; } 
.sub .cont-brand .brand-box .sunset-box h4 { font-size:30px; color: #000; } 
.sub .cont-brand .brand-box .sunset-box h4.mt { margin-top:40px } 
.sub .cont-brand .brand-box .sunset-box h4 > span { font-size:16px; display: block; font-weight: 400; } 
.sub .cont-brand .brand-box .sunset-box p.txt { margin-top: 17px; margin-bottom:50px; font-size:16px } 
.sub .cont-brand .brand-box .sunset-box img { display: block; } 
.sub .cont-brand .brand-box .sunset-box ul { padding:60px 30px 60px 70px; border-right:1px solid #dddddd; border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; } 
.sub .cont-brand .brand-box .sunset-box ul.sunset-list li { position:relative; font-size:28px; font-weight:800; color:#000; margin-bottom:35px } 
.sub .cont-brand .brand-box .sunset-box ul.sunset-list li:before { position:absolute; content:""; width:7px; height:7px; left:-17px; top:12px; background: url(/assets/images/common/list_icon_yellow.png) no-repeat center center; } 
.sub .cont-brand .brand-box .sunset-box ul.sunset-list li .li-content { margin-top:12px; line-height:1.55; font-size:16px; font-weight: 400; color:#555 } 
.sub .cont-brand .brand-box .sunset-box ul.sunset-list li .li-content .ul-txt { text-decoration: underline; } 
.sub .cont-brand .brand-box .sunset-box ul.sunset-list li .li-content .foot-note { margin-top:20px; font-size:14px; color:#86262c } 
.sunset-button-area { height:125px; background:#191919; text-align:center; display: flex; justify-content:center; align-items: center; } 
.sunset-button-area button { width:187px; height:43px; padding:0; line-height: 43px; background:#f6e534; font-size:16px; color:#000; border: 0 none; outline: 0 none; cursor:pointer } 
.sub .cont-brand .img-list { margin-top:60px } 
.sub .cont-brand .img-list li { padding:35px 0; border-bottom:1px solid #e5e5e5 } 
.sub .cont-brand .img-list li .img { height:195px; line-height:195px; margin-left:52px } 
.sub .cont-brand .img-list li .img.ml30 { margin-left:30px; } 
.sub .cont-brand .img-list li .img.ml0 { margin-left:0; } 
.sub .cont-brand .img-list li .img img { vertical-align: middle; } 
.sub .cont-brand .img-list li .text { height:auto; min-height:195px; margin-left:200px } 
.sub .cont-brand .img-list.big-img li { padding:50px 0; overflow:hidden; } 
.sub .cont-brand .img-list.big-img li:last-child { border-bottom:none !important; } 
.sub .cont-brand .img-list.big-img .text { margin-left:0; float:left; width: 400px; } 
.sub .cont-brand .img-list.big-img .text + .img { float:left; margin-left:0; height: auto; width: 400px; text-align:center; } 

.smart-drinking .img-list li.sty_tit { color:#a50f0f; font-size:20px; font-weight:700; list-style:square inside } 
.smart-drinking .spacer { height:60px; clear:both; display:block; } 
.smart-drinking .img-list .text .tit { color:#444; font-size:22px } 

.sub-visu.cont-news .txt-box .tbl-cell { color: #000 } 
.sub-visu.cont-news .txt-box .tbl-cell p { font-size:20px } 
.sub .cont-news { padding-top:30px; position:relative } 
.cont-news ul { overflow:hidden; margin-right:-28px; } 
.cont-news li { float:left; width:348px; margin-right:28px; margin-bottom:27px } 
.cont-news li img.thumb { display:block; width:348px } 
.cont-news li .post-preview { border:1px solid #e1e1e1; border-top:0 none; height:230px; padding:60px 30px 30px; position:relative } 
.cont-news li .post-preview .tit { color:#000; font-size:18px; line-height:1.7 } 
.cont-news li .post-preview p { line-height:1.9; margin-bottom:0 } 
.cont-news li .post-preview .wdate { position:absolute; bottom:30px; left:30px; display:inline-block; line-height:32px; } 
.cont-news li .post-preview .view-btn { position:absolute; bottom:30px; right:30px; display:inline-block; width:65px; height:32px; border:1px solid #d7d7dc; background: #fff url(/assets/images/common/newsroom_view_btn_ico.png) no-repeat center center; font-size:0; line-height: 0; text-indent: -9999px; } 
.cont-news li .post-preview .view-btn:hover { background-color: #eee } 
.cont-news .btn-wrap { margin:40px 0 80px; text-align:center } 
.cont-news .btn-wrap #more_btn { width:228px; height:43px; border:1px solid #d7d7dc; background: #fff url(/assets/images/common/more_btn_ico.png) no-repeat 70px center; color:#666; font-size:16px; font-weight:700; cursor:pointer } 
.cont-news .btn-wrap #more_btn:hover { background-color: #eee } 
.cont-news .post-wrap { width:900px; margin:56px auto 0 } 
.cont-news .post-wrap .post-tit-wrap { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; height:60px; line-height:60px } 
.cont-news .post-wrap .post-tit { color:#000; font-weight:700 } 
.cont-news .post-wrap .post-img { text-align:center; margin-bottom:40px } 
.cont-news .post-con-wrap .autowrap { text-align:center } 
.post-wrap .post-con-wrap { margin:40px 0 20px; padding-bottom:40px; border-bottom:1px solid #dfdfdf; } 
.post-nav .list-btn { float:right; display:block; border:1px solid #d7d7dc; width:90px; height:43px; line-height:43px; color:#000; font-size:16px; font-weight:400; text-align:center; } 
.post-nav .list-btn:hover { background: rgba(0,0,0,0.10); } 

.cont-news.board-camp { padding-top:0 } 
.cont-news.board-camp li { width:391px; margin-right:27px; } 
.cont-news.board-camp li img.thumb { display:block; width:391px; } 
.cont-news.board-camp li .post-preview { padding:0 30px; height:70px; } 
.cont-news.board-camp li .post-preview .tit { line-height:70px; font-weight:400 } 
.cont-news.board-camp .post-wrap { width:809px; margin-top:0; } 


.cont-news .post-con .autowrap { margin:0 auto 15px; } 
.cont-news .post-con .autosize { position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin:0; } 
.cont-news .post-con .autosize iframe, .autosize object, .autosize embed { position: absolute; top: 0; left: 0; width: 100%; height:100%; } 

.cont-careers .man_list { overflow:hidden; margin:40px -21px 60px 0 } 
.cont-careers .man_list li { color:#000; font-size:16px; line-height:1.4; text-align:center; float:left; background:url('/assets/images/sub/cont_atobc_man_bg.png') no-repeat center center; width:145px; height:145px; margin-right:21px } 
.cont-careers .man_list table { width:100px; text-align:center; margin:0 auto } 
.cont-careers .man_list table td { padding:7px 0 9px; font-size:17px; color:#000; font-weight:700; letter-spacing:-0.7px; } 
.cont-careers .man_list table td.man-eng { border-top:1px solid #ededed; color:#777; font-size:15px; font-weight:700; letter-spacing:-0.3px; line-height:110% } 
.cont-careers .man_list li span { color:#962b27 } 
.cont-careers .sub-tit { color:#444; font-size:22px; font-weight:700 } 
.cont-careers .sub-tit span { color:#deb841 } 
.cont-abprog .sub-tit { color:#000; font-size:22px; font-weight:700; } 
.cont-careers .link-btn { width:138px; background-position:110px center; } 


.adult-page { position:absolute; top:0; right:0; bottom:0; left:0; background:url(/assets/images/common/age_bg_2022.jpg) repeat 0 0; width:100%; height:100% } 
.adult-page .alert-pop { position:absolute; vertical-align:middle; width:530px; height:280px; text-align:center; background-color:#f1e14b; left:50%; top:45%; margin-left:-265px; margin-top:-140px; box-shadow : 10px 15px 20px rgba(0,0,0, 0.3) } 
.adult-page .alert-pop h1 { color:#000; font-size:28px; font-weight:400; line-height:1.5 } 
.adult-page .alert-pop h1 span { color:#c32723 } 
.adult-page .alert-pop .btn-wrap { margin-top:40px } 
.adult-page .alert-pop .life-btn { cursor:pointer; color:#FFF; font-size:26px; font-weight:400; background-color:#000000; width:180px; height:60px; border: 0 none; outline: none; } 
.adult-page .alert-pop .life-btn:hover { } 
.adult-page .warning { position: absolute; bottom: 100px; left: 0; right: 0; text-align: center; font-size: 18px; line-height: 25px; color: #c32723; font-weight: bold; } 

.sub .cont-board { padding-top:30px } 
.sub .contents .board table { width:100% } 
.sub .contents .board table th { color:#000; font-size:14px; font-weight:700; height:50px; line-height:50px; border-top:2px solid #333; border-bottom:1px solid #333 } 
.sub .contents .board table tr { border-bottom:1px solid #dfdfdf; } 
.sub .contents .board table td { font-size:13px; height:50px; line-height:50px; text-align:center } 
.sub .contents .board table td.post-tit { padding-left:10px } 
.sub .contents .board table td span.tit { color:#575757 } 
.sub .contents .board table tr.last { border-bottom:1px solid #333; } 
.sub .contents .board table tr.notice { background-color: #f0f6ff } 
.sub .contents .board table tr.notice .notice-icon { width: 24px; height: 24px } 
.sub .contents .board .searchbox { margin-top:10px } 
.sub .contents .board .searchbox .select-box { width:80px } 
.sub .contents .board .searchbox select { font-size:12px; width:100%; height:28px; text-indent:2px; border:none; cursor: pointer; background:none; padding:0 10px } 
.sub .contents .board .searchbox input { font-size:12px; height:28px; border:1px solid #a4a4a4; padding:0 10px } 
.sub .contents .board .searchbox .sub-btn { color:#444; font-size:12px; background-color:#f5f5f5; border:1px solid #c1c1c1; height:30px; width:62px; cursor:pointer } 
.sub .contents .board .searchbox .sub-btn:hover { background-color:#c4c4c4; border:1px solid #9a9a9a; } 
.recruit-btn-wrap { padding:40px 0 20px; text-align:center } 
.recruit-btn-wrap .recruit-act-btn { display:inline-block; color:#fff; font-weight:700; font-size:16px; background-color:#000; width:200px; height:45px; line-height:45px; border:0; cursor:pointer } 
.sub .cont-board-post { padding-top:0 } 
.cont-board-post .post-wrap .post-tit { color:#444; font-weight:400; height:54px; line-height:54px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf } 
.cont-board-post .post-wrap .post-con { text-align:center } 
.cont-board-post .post-wrap .post-nav .list-btn { font-size:14px } 

.sub .cont-recruit { padding-top:25px } 
.cont-recruit .post-nav { margin-top:30px; } 
.cont-recruit .post-nav .list-btn { width:inherit; padding:0 30px; font-size:14px } 
.cont-recruit .mobile-cert-wrap { border:1px solid #e1d7d6; padding:60px 0; text-align:center } 
.cont-recruit .mobile-cert-wrap h4 { color:#000; font-size:24px; font-weight:700 } 
.cont-recruit .mobile-cert-wrap p { margin:18px 0 32px; font-size:16px } 
.cont-recruit .mobile-cert-wrap .cert-btn { background-image:url(/assets/images/common/mobile_cert_ico.png); background-position:160px center; } 
.cont-recruit .complete-wrap { border:1px solid #e1d7d6; padding:60px 0; text-align:center; color:#444; } 
.cont-recruit .complete-wrap h4 { font-size:24px; margin:17px } 
.cont-recruit .complete-wrap p { font-size:16px; letter-spacing:-0.5px; line-height:160% } 
.cont-recruit .complete-wrap p span { border-bottom:1px solid #2a7ce1; color:#2a7ce1 } 

.sub .cont-partner { padding-top:35px } 
.sub .cont-partner > h4 { position:relative; font-size:22px; color:#000; padding-top:4px; margin-bottom:20px } 
/*.sub .cont-partner > h4:before { background:#962b27; width:18px; height:3px; display:block; position:absolute; left:0; top:0; content:"" } */
.sub .cont-partner p.sub-exp { margin-bottom:35px; line-height:180%; color:#555 } 
.sub .cont-partner .msg-wrap { border:1px solid #d7d7d7; padding:33px 40px } 
.sub .cont-partner .msg-wrap p { color:#555; margin-bottom:22px; line-height:190%; padding-left:22px; background:url(/assets/images/sub/resume_check_ico.png) no-repeat left 10px } 
.sub .cont-partner .msg-wrap p.last { margin-bottom:0 } 
.sub .cont-partner .btn-wrap { margin-top:40px; text-align:center } 
.sub .cont-partner .btn-wrap .apply-btn { display:inline-block; width:240px; padding-right:30px; background-image:url(/assets/images/sub/apply_docu_ico.png); background-position:200px center; } 

.sub .cont-partner .terms-box-wrap { border:1px solid #d7d7d7 } 
.sub .cont-partner .terms-box-wrap > div.agree_wrap { text-align:center; height:60px; line-height:60px; background-color:#f1f1f1 } 
.sub .cont-partner .terms-box { padding:30px 30px 0; height: 250px; overflow-y: scroll; color: #555; line-height: 180%; font-size: 14px; } 
.sub .cont-partner .terms-box p { margin-bottom:15px } 
.sub .cont-partner .terms-box div.han { padding-left:17px } 
.sub .cont-partner .terms-box div.num { padding-left:17px } 
.sub .cont-partner .terms-box dl.sub1 { margin-left:22px } 
.sub .cont-partner .terms-box dl.sub2 { margin-left:46px } 
.sub .cont-partner .terms-box dl dt { margin-bottom:-25px } 
.sub .cont-partner .terms-box dl dd { padding-left: 25px; margin-bottom:15px } 
.sub .cont-partner .terms-box table th { font-weight:700 } 
.sub .cont-partner .terms-box table th, 
.sub .cont-partner .terms-box table td { border:1px solid #000; padding:5px 10px; vertical-align:middle } 

.sub .cont-partner .apply-form h5 { position: relative; color:#333; font-size:16px; font-weight:700; margin-top:75px; margin-bottom:18px; } 
.sub .cont-partner .apply-form table { width:100%; border-top: 2px solid #333; text-align:left; } 
.sub .cont-partner .apply-form table th { color:#575757; font-weight:700; height: 50px; vertical-align: middle; background-color:#fbfbfb; padding-left:20px; width:115px; border-bottom: 1px solid #dfdfdf } 
.sub .cont-partner .apply-form table td { padding-left:14px; border-bottom: 1px solid #dfdfdf; padding-top:7px; padding-bottom:7px; vertical-align: middle; } 
.sub .cont-partner .apply-form table td input[type="text"] { width:90%; height:34px; border:1px solid #aaa; padding:0 5px } 
.sub .cont-partner .apply-form table td input[type="text"].ltxt { width:90%; } 
.sub .cont-partner .apply-form table td label.control { width:60px } 
.sub .cont-partner .apply-form table td .select-box { width: 90%; height: 34px; border: 1px solid #aaa; padding:0 5px } 
.sub .cont-partner .apply-form table td .select-box.long-sel { width: 240px; } 
.sub .cont-partner .apply-form table td .select-box select { width: 100%; padding: 0 15px 0 15px; height: 34px; border: none; cursor: pointer; } 
.sub .cont-partner .apply-form table th.last-l,
.sub .cont-partner .apply-form table td.last-l { border-bottom:1px solid #333 } 
.sub .cont-partner .apply-form table td .fileBox .fileName { display:inline-block; width:652px; height:34px; padding-left:10px; margin-right:0; line-height:30px; border:1px solid #aaa; background-color:#fff; vertical-align:middle } 
.sub .cont-partner .apply-form table td .fileBox.active .fileName { width:335px; border-right:0 } 
.sub .cont-partner .apply-form table td .fileBox .btn_file { display:inline-block; border:1px solid #000; width:100px; height:34px; font-size:14px; line-height:34px; text-align:center; vertical-align:middle; cursor:pointer } 
.sub .cont-partner .apply-form table td .fileBox .del_file { display:none; border:1px solid #000; width:60px; height:34px; font-size:14px; line-height:34px; text-align:center; vertical-align:middle; cursor:pointer } 
.sub .cont-partner .apply-form table td .fileBox.active .del_file { display:inline-block; } 
.sub .cont-partner .apply-form table td .fileBox input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 } 
.sub .cont-partner .apply-form p.footnote { position:relative; color:#555; font-size:12px; padding:20px 0 10px 25px } 
.sub .cont-partner .apply-form p.footnote:before { display:block; position:absolute; width:3px; height:3px; background-color:#555; left:10px; top:25px; content:"" } 
.sub .cont-partner .apply-form .btn-wrap { margin-top:70px } 
.sub .cont-partner .apply-form .btn-wrap .final-btn { display:inline-block; width:195px; padding-right:15px; background-image:url(/assets/images/sub/apply_check_ico.png); background-position:140px center; } 

.sub .cont-partner a.mailto { text-decoration:underline; color:#307ddf } 
.sub .cont-partner .complete-wrap { border:1px solid #e1d7d6; padding:60px 0; text-align:center; color:#444; } 
.sub .cont-partner .complete-wrap h4 { font-size:24px; margin:17px } 
.sub .cont-partner .complete-wrap p { font-size:16px; letter-spacing:-0.5px; line-height:160% } 
.sub .cont-partner .complete-wrap p span { border-bottom:1px solid #2a7ce1; color:#2a7ce1 } 

.sub .cont-esg .img-list li .text { height: auto } 
.sub .cont-esg .img-list li .text .tit { color:#000 } 
.sub .cont-esg .contents p.txt { margin: 16px 0 30px; } 

.sub .cont-social .contents .img-list li { padding: 20px 0; } 
.sub .cont-social .contents .img-list li.sty_tit { padding-top:30px; padding-bottom:0; list-style:disc inside } 
.sub .cont-social .contents .img-list li .text .tit { color:#000; font-size:16px } 
.sub .cont-social .contents .img-list li .text p { color:#888; } 
.sub .cont-social .contents p.txt { margin: 16px 0 30px; } 
.sub .cont-social .contents h6 { padding-top:20px } 

.sub .cont-social .contents .sty_tit { list-style:disc inside } 

.sub .cont-always { padding-top:35px } 
.sub .cont-always h4 { position:relative; font-size:22px; color:#000; padding-top:4px; margin-bottom:20px } 
/*.sub .cont-always h4:before { background:#962b27; width:18px; height:3px; display:block; position:absolute; left:0; top:0; content:"" } */
.sub .cont-always p.sub-exp { margin-bottom:35px; line-height:180%; color:#555 } 
.sub .cont-always .msg-wrap { border:1px solid #d7d7d7; padding:33px 40px } 
.sub .cont-always .msg-wrap p { color:#555; margin-bottom:22px; line-height:190%; padding-left:22px; background:url(/assets/images/sub/resume_check_ico.png) no-repeat left 10px } 
.sub .cont-always .msg-wrap p.last { margin-bottom:0 } 
.sub .cont-always .btn-wrap { margin-top:40px; text-align:center } 
.sub .cont-always .btn-wrap .apply-btn { display:inline-block; width:240px; padding-right:30px; background-image:url(/assets/images/sub/apply_docu_ico.png); background-position:200px center; } 
.sub .cont-always .terms-box-wrap { border:1px solid #d7d7d7 } 
.sub .cont-always .terms-box-wrap > div.agree_wrap { text-align:center; height:60px; line-height:60px; background-color:#f1f1f1 } 
.sub .cont-always .terms-box { padding:30px 30px 0; height: 250px; overflow-y: scroll; color: #555; line-height: 180%; font-size: 14px; } 
.sub .cont-always .terms-box p { margin-bottom:15px } 
.sub .cont-always .terms-box dl.sub1 { margin-left:22px } 
.sub .cont-always .terms-box dl.sub2 { margin-left:46px } 
.sub .cont-always .terms-box dl dt { margin-bottom:-25px } 
.sub .cont-always .terms-box dl dd { padding-left: 25px; margin-bottom:15px } 
.sub .cont-always .terms-box table th { font-weight:700 } 
.sub .cont-always .terms-box table th, .sub .cont-always .terms-box table td { border:1px solid #000; padding:5px 10px; vertical-align:middle } 
.sub .cont-always .apply-form h5 { position: relative; color:#333; font-size:16px; font-weight:700; margin-top:75px; margin-bottom:18px; } 
.sub .cont-always .apply-form table { width:100%; border-top: 2px solid #333; text-align:left; } 
.sub .cont-always .apply-form table th { color:#575757; font-weight:700; height: 50px; vertical-align: middle; background-color:#fbfbfb; padding-left:20px; border-bottom: 1px solid #dfdfdf } 
.sub .cont-always .apply-form table td { padding-left:14px; border-bottom: 1px solid #dfdfdf; padding-top:7px; padding-bottom:7px; vertical-align: middle; } 
.sub .cont-always .apply-form table td input[type="text"] { width:114px; height:34px; border:1px solid #aaa; padding:0 5px } 
.sub .cont-always .apply-form table td input[type="text"].ltxt { width:90%; } 
.sub .cont-always .apply-form table td label.control { width:60px } 
.sub .cont-always .apply-form table td .select-box { width: 140px; height: 34px; border: 1px solid #aaa; } 
.sub .cont-always .apply-form table td .select-box.long-sel { width: 240px; } 
.sub .cont-always .apply-form table td .select-box select { width: 100%; padding: 0 15px 0 15px; height: 34px; border: none; cursor: pointer; } 
.sub .cont-always .apply-form table th.last-l, .sub .cont-always .apply-form table td.last-l { border-bottom:1px solid #333 } 
.sub .cont-always .apply-form table td .fileBox .fileName { display:inline-block; width:396px; height:34px; padding-left:10px; margin-right:0; line-height:30px; border:1px solid #aaa; background-color:#fff; vertical-align:middle } 
.sub .cont-always .apply-form table td .fileBox.active .fileName { width:335px; border-right:0 } 
.sub .cont-always .apply-form table td .fileBox .btn_file { display:inline-block; border:1px solid #000; width:100px; height:34px; font-size:14px; line-height:34px; text-align:center; vertical-align:middle; cursor:pointer } 
.sub .cont-always .apply-form table td .fileBox .del_file { display:none; border:1px solid #000; width:60px; height:34px; font-size:14px; line-height:34px; text-align:center; vertical-align:middle; cursor:pointer } 
.sub .cont-always .apply-form table td .fileBox.active .del_file { display:inline-block; } 
.sub .cont-always .apply-form table td .fileBox input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 } 
.sub .cont-always .apply-form p.footnote { position:relative; color:#555; font-size:12px; padding:20px 0 10px 25px } 
.sub .cont-always .apply-form p.footnote:before { display:block; position:absolute; width:3px; height:3px; background-color:#555; left:10px; top:25px; content:"" } 
.sub .cont-always .apply-form .btn-wrap { margin-top:70px } 
.sub .cont-always .apply-form .btn-wrap .final-btn { display:inline-block; width:195px; padding-right:15px; background-image:url(/assets/images/sub/apply_check_ico.png); background-position:140px center; } 

.sub .cont-recruit-privacy { padding-top:35px } 
.cont-recruit-privacy .privacy-wrap h4 { position:relative; color:#000; font-size:22px; font-weight:700; padding-top:5px; margin-bottom:25px } 
/*.cont-recruit-privacy .privacy-wrap h4:after { position:absolute; width:18px; height:3px; top:0; left:0; content:""; display:block; background-color:#962b27 } */
.cont-recruit-privacy .terms-box-wrap { border:1px solid #d7d7d7 } 
.cont-recruit-privacy .terms-box-wrap .terms-bottom { background-color:#f1f1f1; height:60px; text-align:center; line-height:60px } 
.cont-recruit-privacy .terms-box-wrap > p label { color:#555; padding-left:7px; cursor:pointer } 
.cont-recruit-privacy .terms-box { padding:30px 30px 0; height: 250px; overflow-y: scroll; color: #555; line-height: 180%; font-size: 14px; } 
.cont-recruit-privacy .terms-box p { margin-bottom:15px } 
.cont-recruit-privacy .terms-box dl.sub1 { margin-left:22px } 
.cont-recruit-privacy .terms-box dl.sub2 { margin-left:46px } 
.cont-recruit-privacy .terms-box dl dt { margin-bottom:-25px } 
.cont-recruit-privacy .terms-box dl dd { padding-left: 25px; margin-bottom:15px } 
.cont-recruit-privacy .terms-box table th { font-weight:700 } 
.cont-recruit-privacy .terms-box table th, .cont-recruit-privacy .terms-box table td { border:1px solid #000; padding:5px 10px; vertical-align:middle } 
.cont-recruit-privacy .terms-btn { width:250px; background-image:url(/assets/images/common/terms_ico.png); background-position:190px center; } 
.cont-recruit-privacy .btn-wrap { margin-top:40px; text-align:center } 

.sub .cont-resume { padding-top:30px; } 
.sub .cont-resume .step-list { width:1100px; height:53px; line-height:53px; margin-top:20px } 
.sub .cont-resume .step-list.step01 { background:url(/assets/images/sub/resume_step01_2022.jpg) no-repeat; } 
.sub .cont-resume .step-list.step02 { background:url(/assets/images/sub/resume_step02_2022.jpg) no-repeat; } 
.sub .cont-resume .step-list.step03 { background:url(/assets/images/sub/resume_step03_2022.jpg) no-repeat; } 
.sub .cont-resume .step-list.step04 { background:url(/assets/images/sub/resume_step04_2022.jpg) no-repeat; } 
.sub .cont-resume .step-list li { color:#000; float:left; width:275px; text-align:center; font-size:15px; } 
.sub .cont-resume .step-list li.active { color:#f1e14b; font-weight:700; } 
.sub .cont-resume .step5-list { width:1100px; height:53px; line-height:53px; margin-top:20px } 
.sub .cont-resume .step5-list.step01 { background:url(/assets/images/sub/resume_step01_2022_12.jpg) no-repeat; } 
.sub .cont-resume .step5-list.step02 { background:url(/assets/images/sub/resume_step02_2022_12.jpg) no-repeat; } 
.sub .cont-resume .step5-list.step03 { background:url(/assets/images/sub/resume_step03_2022_12.jpg) no-repeat; } 
.sub .cont-resume .step5-list.step04 { background:url(/assets/images/sub/resume_step04_2022_12.jpg) no-repeat; } 
.sub .cont-resume .step5-list.step05 { background:url(/assets/images/sub/resume_step05_2022_12.jpg) no-repeat; } 
.sub .cont-resume .step5-list li { color:#000; float:left; width:220px; text-align:center; font-size:15px; } 
.sub .cont-resume .step5-list li.active { color:#f1e14b; font-weight:700; } 
.sub .cont-resume h3.cont-tit { color:#000; font-size:24px; font-weight:700; text-align:center; border-bottom: 1px solid #dfdfdf; padding-bottom:18px; margin-top:50px; margin-bottom:50px } 
.sub .cont-resume .agree-box { padding-bottom:45px; border-bottom:1px solid #dfdfdf; margin-bottom:50px } 
.sub .cont-resume .agree-box span.important_sent { color:#86262c } 
.sub .cont-resume .agree-box p.box-cont { line-height: 190%; letter-spacing:-0.5px; } 
.sub .cont-resume .agree-box .check-wrap { background: #f1f1f1; border: 1px solid #e0e0e0; text-align: center; height: 59px; line-height: 59px; margin-top:5px } 
.sub .cont-resume .agree-box .indent-box { padding: 45px; border:1px solid #dfdfdf; margin:30px 0; } 
.sub .cont-resume .agree-box .indent-box .indent-list { margin-bottom:20px; line-height:190% } 
.sub .cont-resume .agree-box .indent-box .indent-list dt { color:#000; margin-bottom:8px } 
.sub .cont-resume .agree-box .indent-box .indent-list dd.foot-dd { margin-top:5px } 
.sub .cont-resume .agree-box .indent-box .indent-list.last-list { margin-bottom:0 } 
.sub .cont-resume h4 { position:relative; color:#333; font-size:16px; font-weight:700; margin-top:50px; margin-bottom:18px } 
.sub .cont-resume h4 span { color:#777; font-size:13px; font-weight:400 } 
.sub .cont-resume h4 span.caption-r { position:absolute; padding-left:15px; display:block; right:0; bottom:-5px; color:#777; font-size:12px; background:url(/assets/images/sub/resume_tit_ico.png) no-repeat 0 center; } 
.sub .cont-resume table { width:100%; border-top:2px solid #333; text-align:left } 
.sub .cont-resume .tbl-wrap { position:relative; width:869px; padding-right:231px } 
.sub .cont-resume .photo_wrap { position:absolute; top:32px; right:0; width:179px; height:275px; } 
.sub .cont-resume .photo_wrap .photo-box-wrap { position:relative; width:177px; height:231px; border:1px solid #aaa; background:url(/assets/images/sub/resume_photo_bg.png) no-repeat center center } 
.sub .cont-resume .photo_wrap .photo-box-wrap #userImage { position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; filter: alpha(opacity=0); opacity: 0; } 
.sub .cont-resume .photo_wrap .photo-box-wrap #photo-box { overflow:hidden; width:177px; height:231px; } 
.sub .cont-resume .photo_wrap .photo-box-wrap .loading-img { display:none; position:absolute; z-index:10; width:100%; text-align:center; top:91px } 
.sub .cont-resume .photo_wrap #up_photo_btn { color:#575757; font-weight:700; width:100%; height:41px; background-color:#f5f5f5; padding:0; border:1px solid #aaa; border-top:0; cursor:pointer } 
.sub .cont-resume table th { color:#000; font-weight:400; line-height:50px; vertical-align:middle; background-color:#fbfbfb; padding-left:40px; border-bottom:1px solid #dfdfdf } 
.sub .cont-resume table > tbody > tr.hide { display:none; } 
.sub .cont-resume table > tbody > tr.hide th { line-height:140% } 
.sub .cont-resume table th.sign { background-image:url(/assets/images/sub/resume_tit_ico.png); background-position:22px center; background-repeat:no-repeat } 
.sub .cont-resume table th.center { padding-left:0; text-align: center; } 
.sub .cont-resume table th.combi_row { line-height:150%; } 
.sub .cont-resume table td { padding-left:30px; border-bottom:1px solid #dfdfdf; padding-top:7px; padding-bottom:7px; vertical-align:middle; } 
.sub .cont-resume table td.center { padding-left:0; text-align: center; } 
.sub .cont-resume table th.last-l, .sub .cont-resume table td.last-l { border-bottom:1px solid #333 } 
.sub .cont-resume table td.no-border { border:0 } 
.sub .cont-resume table td input[type="text"] { width:190px; height:34px; border:1px solid #aaa; padding:0 9px } 
.sub .cont-resume table td input[type="text"].addr-w { width:400px } 
.sub .cont-resume table td input[type="text"].half-w { width:290px } 
.sub .cont-resume table td input[type="text"].full-w { width:615px } 
.sub .cont-resume table td input[type="text"].mail-w { width:180px } 
.sub .cont-resume table td input[type="text"].repute-w { width:150px } 
.sub .cont-resume table td input[type="text"].sm-w { width:130px } 
.sub .cont-resume table td .career-w { width:525px !important; padding:0 9px } 
.sub .cont-resume table td input[type="text"].datepicker { cursor:pointer; background:url(/assets/images/sub/calendar_ico.png) no-repeat 180px center } 
.sub .cont-resume table td .lbl-box { display:inline-block } 
.sub .cont-resume table td .select-box { width:208px; height:34px; border:1px solid #aaa } 
.sub .cont-resume table td .select-box.sm-select { width:158px } 
.sub .cont-resume table td .select-box.date-select { width:80px } 
.sub .cont-resume table td .select-box.score-select { width:70px } 
.sub .cont-resume table td .select-box.half-select { width:308px } 
.sub .cont-resume table td .select-box select { width:100%; padding:0 15px 0 15px; height:34px; border:none; cursor:pointer } 
.sub .cont-resume table td .select-box:after { width:12px; height:7px; right:15px; margin-top:-4px; background: url(/assets/images/sub/select-arrow02.png) no-repeat center center; } 
.sub .cont-resume table td .select-box.r-blank { margin-right:8px } 
.sub .cont-resume table td .fileBox .fileName { display:inline-block; width:396px; height:34px; padding-left:10px; margin-right:0; line-height:30px; border:1px solid #aaa; background-color:#fff; vertical-align:middle } 
.sub .cont-resume table td .fileBox.active .fileName { width:335px; border-right:0 } 
.sub .cont-resume table td .fileBox .btn_file { display:inline-block; border:1px solid #000; width:100px; height:34px; font-size:14px; line-height:34px; text-align:center; vertical-align:middle; cursor:pointer } 
.sub .cont-resume table td .fileBox .del_file { display:none; border:1px solid #000; width:60px; height:34px; font-size:14px; line-height:34px; text-align:center; vertical-align:middle; cursor:pointer } 
.sub .cont-resume table td .fileBox.active .del_file { display:inline-block; } 
.sub .cont-resume table td .fileBox input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 } 
.sub .cont-resume table td .hometown_box { margin: 10px 0; font-size:12px } 
.sub .cont-resume table td .hometown_box h5 { font-size:13px; font-weight: normal; margin-bottom:5px } 
.sub .cont-resume table td .hometown_box ul li { line-height: 1.4; } 
.sub .cont-resume table td .hometown_box .sub_warn { margin: 5px 0 0; } 
.sub .cont-resume table td input:disabled, .sub .cont-resume table td select:disabled { background-color: #e6e6e6 !important; } 
.sub .cont-resume table td label.control.two-ipt { width:100px } 
.sub .cont-resume table td label.control.r-blank { margin-right:40px } 
.sub .cont-resume table td label.sel_lab { line-height:34px } 
.sub .cont-resume table td .name-lbl { display:inline-block; width:45px } 
.sub .cont-resume table td .recome-lbl { display:inline-block; width:110px; height:34px; line-height:34px } 
.sub .cont-resume table td .four-lbl { display:inline-block; width:65px } 
.sub .cont-resume table td .in_list li { padding-top: 5px; padding-bottom: 5px; } 
.sub .cont-resume table td ul.recom_list { display:none } 
.sub .cont-resume table td ul.recom_list.active { display:block } 
.sub .cont-resume table td span.add-info { font-size:11px; display:inline-block; line-height:36px; margin-left:10px } 
.sub .cont-resume table td span.email_at { font-size:18px } 
.sub .cont-resume table td #kor_name { border:0; color:#575757; font-weight:700 } 
.sub .cont-resume table td p.sub_warn { color:#a50f0f; font-size:12px; margin-left:45px; margin-top:5px } 
.sub .cont-resume table td .ob-btn { width:110px; height:36px; line-height:36px; font-size:14px; font-weight:400 } 
.sub .cont-resume table td .help-btn { font-size:12px; color:#444; margin:0; padding:6px 20px; border:1px solid #c1c1c1; background-color:#f5f5f5; cursor:pointer } 
.sub .cont-resume table td.terms_box { background:#fdebd2; line-height:130%; } 
.sub .cont-resume table td.terms_box h5 { color:#b02239; font-size:15px; font-weight:700; line-height:170% } 
.sub .cont-resume table .gosi-block { display:none } 
.sub .cont-resume table.gosi_active tr.gosi-block { display: table-row; } 
.sub .cont-resume table.gosi_active .gosi-non-block { display:none } 
.sub .cont-resume table.self-form th { background:#fff url(/assets/images/sub/text_dot_ico.gif) no-repeat 10px 25px; height:45px; border:0; padding-left:25px; text-align:left } 
.sub .cont-resume table.self-form td { padding:0; border:0; padding-bottom:30px } 
.sub .cont-resume table.self-form td textarea.full-w { width:1060px; padding:20px } 
.sub .cont-resume .btn-wrap { margin-top:50px; text-align:center } 
.sub .cont-resume .btn-wrap.step1 { margin-left:225px } 
.sub .cont-resume .btn-wrap .btn { display:inline-block; color:#000; font-weight:700; width:160px; height:45px; line-height:43px; padding:0; margin:0 5px; background-color:#fff; border:1px solid #d7d7dc; cursor:pointer } 
.sub .cont-resume .btn-wrap a.btn { height:43px; } 
.sub .cont-resume .btn-wrap button span { display:inline-block; vertical-align:top; line-height:43px } 
.sub .cont-resume .btn-wrap .apply-btn { line-height:43px; height:45px } 
.sub .cont-resume .btn-wrap .prev-btn { background-image:url(/assets/images/sub/left_arrow_ico.png); background-position:45px center; background-repeat:no-repeat } 
.sub .cont-resume .btn-wrap .next-btn { background-image:url(/assets/images/sub/right_arrow_ico.png); background-position:115px center; background-repeat:no-repeat } 
.sub .cont-resume .self-wrap .btn-wrap { margin-top:20px; } 
.sub .cont-resume .self-wrap .apply-wrap { margin-top:90px; border-top:1px solid #333333; text-align:center } 
.sub .cont-resume .self-wrap .apply-wrap .apply-btn { margin-top:40px } 
.sub .cont-resume .add-btn-wrap { margin-top:20px; text-align:right; position:relative } 
.sub .cont-resume .add-btn-wrap .chk { position:absolute; left:0; top:0 } 
.sub .cont-resume .add-btn-wrap .chk-list { position:relative; text-align:left; padding-left: 33px; margin:10px 0 } 
.sub .cont-resume .add-btn-wrap .btn { color:#575757; display:inline-block; width:70px; height:32px; line-height:32px; background-color:#fff; border:1px solid #d1d1d6; cursor:pointer; padding:0; margin:0; } 
.sub .cont-resume .add-btn-wrap button span { display:inline-block; vertical-align:top; line-height:29px; margin-left:13px } 
.sub .cont-resume .add-btn-wrap .plus-btn { background-image:url(/assets/images/sub/resume_plus_ico.png); background-position:10px center; background-repeat:no-repeat } 
.sub .cont-resume .add-btn-wrap .minus-btn { background-image:url(/assets/images/sub/resume_minus_ico.png); background-position:10px center; background-repeat:no-repeat } 
.sub .cont-resume .check-ico { display:inline-block; width:14px; height:10px; padding:0 7px 0 12px; background:url(/assets/images/sub/resume_check_ico.png) no-repeat center center } 
.sub .cont-resume p.footnote { font-size:12px; padding:12px 0 } 

#recome_wrap { display:none; border:1px solid; width:400px; height:250px; margin:5px 0; position:relative; } 
.inframe { position: relative; width:100%; height:100%; background-color:#fff; z-index:0; overflow-x:hidden; overflow-y:auto; min-width:300px; margin:0px; padding:0px; } 
.inframe .frame_head { height:46px; border-bottom:1px solid #363636; z-index: 2; } 
.inframe .frame_head .search_box { height: 46px; padding: 0 65px 0 15px; background-color: #fff; position: relative; } 
.inframe .frame_head .placeholder.show { display: block; } 
.inframe .frame_head .placeholder { color: #969696; position: absolute; top: 10px; left: 20px; font-size: 18px; cursor: text; display: none; line-height: 22px; } 
.inframe .frame_head .btn_search { position: absolute; right:0; top:0; border:0; width:36px; height:46px; background-color: #fff; cursor: pointer; } 
.inframe .frame_head .btn_search .img_post { display: block; width:16px; height: 17px; margin: 1px 14px 0 5px; background-position: 0 0; } 
.inframe .frame_head .wrap_keyword input.search_input { width: 100%; height: 30px; padding:7px 0 0; border: 0; font-size: 18px; background-color: transparent; outline: 0; } 
.img_post { overflow: hidden; font-size: 0; line-height: 0; background: url(//t1.daumcdn.net/localimg/localimages/07/postcode/2015/320/dark.png) no-repeat; text-indent: -9999px; } 

.pop-school-wrap { border:2px solid #68a3cd; height:410px; } 
.pop-school { border:4px solid #eef6f9; padding: 86px 18px 0 18px; height:316px; background:#fefeff url('/assets/images/sub/search_school_title.jpg') no-repeat center 10px } 
.pop-school.search-major { background:#fefeff url('/assets/images/sub/search_major_title.jpg') no-repeat center 10px } 
.pop-school.search-recom { background:#fefeff url('/assets/images/sub/search_recom_title.jpg') no-repeat center 10px } 
.pop-school.search-licence { background:#fefeff url('/assets/images/sub/search_licence_title.jpg') no-repeat center 10px } 
.pop-school p { color:#545454; font-size:12px; line-height:18px } 
.pop-school p span { color:#0e6cb1; font-weight:700 } 
.pop-school .serach_box { margin-top:5px; padding: 20px 0 10px 0; background-color: #f3f3f3; border: 1px solid #c5c5c5; } 
.pop-school .serach_box table td { text-align:center } 
.pop-school .scrollWrap { margin-top:6px; overflow-y: scroll; overflow-x: hidden; height:172px } 
.pop-school .scrollWrap .tbl02 { width:100% } 
.pop-school .scrollWrap .tbl02 th { padding: 9px 0; border-top: 2px solid #b4b4b4; border-bottom: 1px solid #d8d8d8; background: #f2f2f2; } 
.pop-school .scrollWrap .tbl02 td { padding: 9px 0 11px 10px; font-size: 13px; color: #878787; text-align: left; border-bottom: 1px solid #d8d8d8; } 
.pop-school .scrollWrap .tbl02 td a { text-decoration:underline } 

.pop-layer { display:none; position:fixed; left:50%; margin-left:-250px; top:105px; width:500px; z-index:999; background:#fff; cursor:pointer } 
.pop-layer .pop-contents { margin:20px } 
.pop-layer .pop-contents h1 { font-size:18px; color:#01398f; text-align:center; line-height:140%; font-weight:800 } 
.pop-layer .pop-contents p { padding:35px 0 20px; line-height:120% } 
.pop-layer .pop-header img { display:block } 
.pop-layer .pop-footer img { display:block } 
.popup_layer_footer { padding:10px 0; background:#000; color:#fff; text-align:right } 
.popup_layer_footer button { margin-right:10px; padding:5px 10px; border:0; background:#4F4F4F; color:#FFFFFF; cursor:pointer } 



.occ-modal-challenge { position: fixed; inset: 0; z-index: 10000; /* background: rgba(0, 0, 0, 0.8); */
 display: flex; justify-content: center; align-items: center; } 

.occ-modal-challenge__box { background: #252525; color: #fff; padding-top: 80px; border-radius: 20px; text-align: center; width: 90%; max-width: 520px; position: relative; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.4); } 

.occ-modal-challenge__close { position: absolute; top: 12px; right: 16px; font-size: 24px; background: none; border: none; color: #fff; cursor: pointer; } 

.occ-modal-challenge__img img { width: 100%; height: auto; display: block; } 

.occ-modal-challenge__text p { font-size: 22px; line-height: 1.5; display: block; max-width: 378px; margin: 28px auto; text-align: left; } 

.occ-modal-challenge__text span { color: #FFD506; }

.occ-modal-challenge__period { font-size: 13px; color: #ccc; margin-top: 8px; } 

.occ-modal-challenge__btn { display: inline-block;
    background: #FFD506;
    color: #000;
    font-weight: bold;
    padding: 23px 0;
    margin-top: 16px;
    /* border-radius: 6px; */
    text-decoration: none;
    font-size: 24px;
    width: 100%;
    max-width: 520px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px; } 
.occ-modal-challenge__img { max-width: 378px; margin: 0 auto; } 
.occ-modal-challenge__period { text-align: center; font-size: 18px; border-top: 1px solid #383738; border-bottom: 1px solid #383738; padding: 8px; }