html { }
body {  color:#1E1E1E;   line-height: 1.3; }
a { text-decoration: none; }
input:focus{ outline: none; }
textarea:focus{ outline: none; }

input::placeholder { color:#8E8E8E; }
textarea::placeholder { color:#8E8E8E; }

select {
    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
    background:url('../images/board_bt_down.svg') no-repeat 97% 50%/15px auto;
}
select::-ms-expand{
    display:none;/*for IE10,11*/
}

.highlight {background-color:yellow;} 
.sInput{ height: 28px !important; width: 83%; }

#wrap { position: relative; min-width: 300px; z-index: 999; }

.off { border: solid 1px #b4b3b3 !important; color: #b4b3b3; } 

.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear: both; }
.overflow-auto { overflow: auto; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.width100p { width:100%; }

.ellipsis2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
} 
.ellipsis3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
} 

/* .iscroll {touch-action: manipulation !important;} */

/*공통 - 텍스트 스타일*/
.t1_p { font-size:74px; line-height:80px; font-weight:800; }
.t2_p { font-size:52px; line-height:64px; font-weight:800; }
.t3_p { font-size:44px; line-height:56px; font-weight:800; }
.t4_p { font-size:30px; line-height:46px; font-weight:800; }
.t4_p_e { font-size:26px; line-height:38px; font-weight:600; }
.t5_p { font-size:24px; line-height:36px; font-weight:600; }
.t6_p { font-size:22px; line-height:34px; font-weight:600; }
.t7_p { font-size:16px; line-height:26px; font-weight:600; }
.body_l { font-size:18px; line-height:28px; }
.body_p { font-size:16px; line-height:26px; }
.body_s { font-size:14px; line-height:22px; }

/*공통 - 컬러코드*/
.gray_0 { color:#F7F7F7 }
.gray_01 { color:#F3F3F3 }
.gray_1_1 { color:#ECECEC }
.gray_02 { color:#E8E8E8 }
.gray_03 { color:#D9D9D9 }
.gray_04 { color:#8E8E8E }
.gray_05 { color:#5D5D5D }
.gray_06 { color:#2F2F2F }
.gray_07 { color:#1E1E1E }

.point_blue { color:#0074C8 }
.point_blue2 { color:#0D2065 }
.point_green { color:#00A76D }
.point_deep { color:#0B1229 }

.hiddenFrm { display:none !important; }

.hscroll-btn { position: relative; }
.hscroll-btn .hscroll-btn-left { background:url(../images/scroll_btn_left.png) no-repeat; background-size: cover; width:48px; height:48px; position: absolute; left:40px; top:50%; transform: translateY(-50%); cursor: pointer; }
.hscroll-btn .hscroll-btn-right { background:url(../images/scroll_btn_right.png) no-repeat; background-size: cover; width:48px; height:48px; position: absolute; right:40px; top:50%; transform: translateY(-50%); cursor: pointer; }

.hide-scroll { overflow-x: auto; }

.loading-container { position: fixed; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index: 99999;}
.loading-container img { position: fixed; top:50%; left:50%; width:30px; margin: -15px 0 0 0; }

.popup-container { position: fixed; width:100%; height:100%; top:0px; left:0px; display:none; z-index: 1000; }
.popup-container .bg { position: fixed; background: #000; opacity: 0.8; filter:alpha(opacity=80); height: 100%; width:100%; }
.popup-container > iframe { position: absolute; top:50%; left:50%; width:600px; height:500px; transform: translate(-50%, -50%); background:#fff; border:solid 1px #000; border-radius: 5px;  }
.popup-container > .html-content { position: absolute; top:50%; left:50%; width:100%; max-width:600px; transform: translate(-50%, -50%); border-radius: 5px; }
.popup-container > .html-content .head { margin:0 20px; margin-bottom:17px; position: relative; height:35px;  }
.popup-container > .html-content .head .t { display: block; font-size:25px; font-weight: 700; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right:60px; }
.popup-container > .html-content .head .close { position: absolute; top:7px; right:0px; }
.popup-container > .html-content .cont { margin:0 20px; padding-bottom:55%; position: relative; }
.popup-container > .html-content .cont iframe { width:100% !important; height: 100% !important;; position: absolute; }

#popup-layer { position: fixed; z-index: 800; top:150px; left:0px; width:100%; }
#popup-layer > .inner { padding:0px 0px 60px 0px;  }
#popup-layer ul { display:table; margin:0 auto; text-align: center; white-space: nowrap; }
#popup-layer ul li { display:table-cell; text-align: center; padding:0 20px; }
#popup-layer ul li .box { margin:0 auto; width:470px; }
#popup-layer ul li .box img { max-width: 100%; border-top-left-radius:20px; border-top-right-radius:20px;  }
#popup-layer ul li .box .btns { border-bottom-left-radius:20px; border-bottom-right-radius:20px; box-shadow: 0 1px 0 #ECECEC, 1px 0 0 #ECECEC, -1px 0 0 #ECECEC; }
#popup-layer ul li .box .btns.pc { background: #fff; font-size:14px; color:#5D5D5D; line-height: 48px; height:48px; padding:0 20px; }
#popup-layer ul li .box .btns.pc .today { float:left; background: url(../images/popup_check.svg) no-repeat left center; padding-left:25px; }
#popup-layer ul li .box .btns.pc .close { float:right; background: url(../images/popup_btn_close2.svg) no-repeat right center; padding-right:25px; }
#popup-layer ul li .box .btns.mobile  { position: relative;  background: #fff; font-size:14px; color:#5D5D5D; line-height: 60px; height:60px; padding:0 0px; display:none; }
#popup-layer ul li .box .btns.mobile .today { float:left; width:50%; text-align: center; box-shadow: 1px 0 0 #ECECEC; font-size:16px; font-weight: 700; }
#popup-layer ul li .box .btns.mobile .detail { float:right; width:50%; text-align: center; font-size:16px; font-weight: 700; }
#popup-layer ul li .box .btns.mobile .close { position: absolute; left:50%; bottom:-50px; margin-left:-22px;  }

body.cke_editable { padding:10px; }

/*테이블 스타일*/
table { border-top:solid 2px #1E1E1E; width:100%; font-size:15px; }
table thead th { background:#F3F3F3; padding:20px 5px; color:#1E1E1E; text-align:center; }
table tbody td { border-bottom:solid 1px #ECECEC; padding:20px 10px; color:#5D5D5D; line-height:1.7; text-align:center; }
table tbody td.left { text-align:left; }
table tbody td.right { text-align:right; }
table tbody td .down { display:inline-block; }
table tbody td.empty { display:table-cell !important; width:auto; text-align: center; }

table.style2 tbody tr td { border:solid 1px #ECECEC; padding:18px 10px; color:#5D5D5D; line-height:1.7; vertical-align: middle; text-align:center; font-size:13px; }
table.style2 tbody tr td:first-child { border-left:none; }
table.style2 tbody tr td:last-child { border-right:none; }
table.style2 tbody td.left { text-align:left; }
table.style2 tbody td.right { text-align:right; }

table.style2 tbody tr td ul { margin-left:10px; }
table.style2 tbody tr td ul li { padding-left:10px; position:relative; }
table.style2 tbody tr td ul li:before {content:'·'; position: absolute; left:0px; }

table.style2 tbody tr td.blue { background:#F1F9FF; color:#0074C8; font-weight:700; line-height:1.4; }
table.style2 tbody tr td.blue span { display:block; text-align: center; font-size:10px; font-weight:300; line-height:1; }
table.style2 tbody tr td.green { background:#E7FAEB; color:#00A76D; font-weight:700; line-height:1.4; }
table.style2 tbody tr td.green span { display:block; text-align: center; font-size:10px; font-weight:300; line-height:1; }
table.style2 tbody tr td.orange { background:#FFF9F2; color:#ECA173; font-weight:700; line-height:1.4; }
table.style2 tbody tr td.orange span { display:block; text-align: center; font-size:10px; font-weight:300; line-height:1; }
table.style2 tbody tr td.purple { background:#F6F2FB; color:#5B4581; font-weight:700; line-height:1.4; }
table.style2 tbody tr td.purple span { display:block; text-align: center; font-size:10px; font-weight:300; line-height:1; }

table .s_idle { display:inline-block; font-size:12px; font-weight: 600; padding:0 15px; border-radius: 10px; height:34px; line-height:34px; border:solid 1px #E86B6B; background:#FFE8E6; color:#E86B6B; }
table .s_ok { display:inline-block; font-size:12px; font-weight: 600; padding:0 15px; border-radius: 10px; height:34px; line-height:34px; border:solid 1px #0074C8; background:#0074C8; color:#fff; }

.reset { float:none !important; padding:0px; margin:0px; clear: both; font-size:0px; line-height: 0px; }

select { vertical-align: middle; font-family: 'Pretendard'; color:#444; height:24px; font-size:12px; border:solid 1px #ddd; border-radius: 2px; }
textarea { border:solid 1px #ddd; font-family: 'Pretendard'; font-size:12px; line-height: 1.4;  border-radius: 2px; }

.loading-container { position: fixed; width:100%; height:100%; background:url(/admin/asset/images/bg-pop-mask.png); z-index: 99999; display:none;}
.loading-container img { position: fixed; top:50%; left:50%; width:30px; margin: -15px 0 0 0; }

input.disabled { border:none;  }

.btn { font-weight: bold; min-width:250px; text-align:center; color:#262626; display:inline-block; vertical-align: middle; font-size:17px; margin:0px; line-height: 50px; border:solid 1px #262626;  white-space: nowrap; }
.btn:hover { background:#262626; color:#fff;  }

.btn span { font-size:inherit; color:inherit; }

span.red { color:#f53c09; }
span.white { color:#fff; }


.bx-wrapper .bx-pager.bx-default-pager a { width:10px; height:10px; background:#D9D9D9; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus { background:#0074C8; }

/*페이징*/
.paging-container { clear:both; text-align: center;  font-size:0px; margin:60px 0 15px 0; position: relative; }
.paging-container > a { font-weight: 400; display:inline-block; vertical-align: top; height:20px; line-height: 20px; width:31px; text-align: center; margin:0 0 1px 0; font-size:11px; vertical-align: middle; }
.paging-container > a.bic { width:40px; }
.paging-container > a img {  margin-top:5px; height: 9px; }
.paging-container > a.prev { background:url(../images/board_btn_prev.svg) no-repeat center center; width:26px; height:26px; text-indent: -100px; overflow: hidden; }
.paging-container > a.prev:hover { background-image:url(../images/board_btn_prev_hover.svg); }
.paging-container > a.next { background:url(../images/board_btn_next.svg) no-repeat center center; width:26px; height:26px; text-indent: -100px; overflow: hidden; }
.paging-container > a.next:hover { background-image:url(../images/board_btn_next_hover.svg); }
.paging-container > ul { display:inline; margin:0 5px; vertical-align: middle; }
.paging-container > ul li { display:inline-block; zoom:1; *display:inline; font-size:14px; margin:0 1px; }
.paging-container > ul li a { display:block; padding:0px 15px; line-height:38px; height:38px; color:#1E1E1E; font-weight:500;  }
.paging-container > ul li.selected a { font-weight: bold; color:#fff; background: #1E1E1E; border-radius:19px;  }
.paging-container > ul li:hover a { text-decoration: underline; }

/*게시판 - 정보*/
.board-summary { margin-bottom:30px; }
.board-summary .tot { float:left; font-size:16px; font-weight:300; color:#5D5D5D; margin-top:15px; }
.board-summary .tot span { font-weight:700; margin-left:5px; }
.board-summary .search { float:right; position:relative; min-width:250px; min-height:24px; }
.board-summary .search form { text-align: right; }
.board-summary .search input { border:none; border-bottom:solid 2px #1E1E1E; height:34px; line-height:34px; font-size:15px; width:0px; text-indent:5px; }
.board-summary .search a { position:absolute; right:0px; top:7px; background: #fff; z-index:5; }

/*게시판 공통*/
.board-article { min-height:120px; font-size:16px; }
.board-attach { margin-top:40px; }
.btnDownload { display:inline-block; border:solid 1px #5D5D5D; border-radius: 5px; min-width:340px; height:55px; line-height:55px; font-size:14px; font-weight:500; background: #fff; }
.btnDownload span { display: block; color:#1E1E1E; margin:0 20px;  background:url(../images/icon_download.svg) no-repeat right center; padding-right:50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-list-view { display:none; }
.board-list-view td {  padding:55px 60px; background:#F8F8F8; position:relative; }
.board-list-view td a.close { position:absolute; right:45px; top:45px; }
.board-view-tool { position:relative; max-width: 950px; margin:0 auto; }
.board-view-tool .share { position:absolute; right:-70px; top:0px; z-index: 800; }
.board-view-tool .share li { margin-bottom:6px; }
.board-content { padding-top:60px; max-width: 950px; margin:0 auto; }
.board-content .share { margin-top:40px; display:none; }
.board-content .share li { float:left; margin-right:10px; }
.board-content .share li img { width:40px; height:auto; }
.board-content .ctg { font-size:22px; font-weight:800; color:#0074C8; margin-bottom:10px; }
.board-content h3 { font-size:45px; font-weight:800; margin-bottom:30px; color:#1E1E1E; }
.board-content .date { font-size:16px; color:#7F7F7F }
.board-content .date li { float:left; margin-right:40px; }
.board-content .date label { font-weight:800; color:#3D3D3D; margin-right:15px; }
.board-content .val { font-size:16px; color:#7F7F7F; position: relative; }
.board-content .val a { position: absolute; top:0px; right:0px; background: #0074C8; color:#fff; border-radius: 40px; height:64px; line-height: 64px; padding:0 30px; font-size: 18px; font-weight: 600; }
.board-content .val li {  margin-bottom:7px; }
.board-content .val label { font-weight:800; color:#3D3D3D; margin-right:15px; }
.board-content .board-article { min-height: 150px; margin-top:60px; font-size: 15px; line-height:1.6; color:#3D3D3D; padding-top:80px; padding-bottom:80px; border-top:solid 1px #D9D9D9;  border-bottom:solid 1px #D9D9D9; }
.board-content .board-article img { max-width: 100%; height:auto; }
.board-content .board-article .attact { padding-top:60px; }
.board-content .board-article h3 { font-size:20px; }
.board-view-btns { margin-top:35px; text-align:center; position:relative; }
.board-view-btns a { display:inline-block; height:56px; line-height:56px; border:solid 1px #D9D9D9; font-size:14px; font-weight:600; padding:0 28px; border-radius: 30px; }
.board-view-btns a span { display:block; background:url(../images/board_bt_list.svg) no-repeat left center; padding-left:30px; }
.board-view-btns a.blue { background:#0074C8; color:#fff; }
.board-view-btns a.blue + a.red {margin-left: 20px;}
.board-view-btns a.red { background:#d70505; color:#fff; padding:0 28px;}
.board-view-btns a.blue span { background:none; padding:0 25px; }
.board-view-btns a.red span { background:none; padding:0 25px; }
.board-view-btns .prev { position:absolute; left:0px; }
.board-view-btns .prev span { background:url(../images/board_bt_prev.svg) no-repeat left center; padding-left:30px;  }
.board-view-btns .next { position:absolute; right:0px; }
.board-view-btns .next span { background:url(../images/board_bt_next.svg) no-repeat right center; padding-right:30px; padding-left:0px; }

.youtube_embed { position: relative;padding-bottom:56.25%; }
.youtube_embed iframe { width:100%; height:100%; position: absolute; }

/*게시판 - 리스트*/
.droplist { border-top:solid 2px #000; }
.droplist li { border-bottom:solid 1px #ECECEC; }
.droplist li > a { display: block; padding:30px 0; background:url(../images/board_bt_down.svg) no-repeat 99% center; padding-right:40px;  }
.droplist li > a strong { margin-right:15px; }
.droplist li .content { background:#f3f3f3; padding:40px; display:none; }
.droplist li .content dt { font-size:18px; font-weight: 700; color:#0074C8; margin-bottom:10px; }
.droplist li .content dd { margin-bottom:40px; line-height:1.6; }
.droplist li .content dl dd:last-child { margin-bottom:0px; }
.droplist li.selected > a { background:url(../images/board_bt_up.svg) no-repeat 99% center; }
.droplist li.selected .content { display:block; }

.thumblist { width:calc(100% + 40px)}
.thumblist li { float:left; width:33.33%; margin-bottom:70px; min-height:320px; }
.thumblist li:nth-child(3n+1) { clear:both; }
.thumblist li .box { max-width:370px; cursor: pointer; margin-right:40px; }
.thumblist li .img { border-radius:10px; overflow:hidden; background:#f3f3f3; }
.thumblist li .img img { max-width:100%; height:auto; }
.thumblist li .desc { margin-top:25px; min-height:93px; }
.thumblist li .desc > span { display:block; }
.thumblist li .desc .c { font-size:14px; font-weight:800; color:#0074C8; margin-bottom:5px; }
.thumblist li .desc .t { font-size:15px; font-weight:500; color:#5D5D5D; margin-bottom:5px; line-height:1.5; max-height:45px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.thumblist li .desc .d { font-size:13px; color:#8E8E8E; }



@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.slider-page { text-align: center; bottom:-40px !important; margin-top:20px; }

/*헤더*/
#header { position: fixed; width:100%; top:0px; height:92px; z-index: 900; background:#fff; }
#header .topbar { background:#fff;  }
#header.hover .topbar { background: #FFF !important; color:#1E1E1E !important; }
#header.hover .topbar .logo img { filter: none !important;  }
#header.hover .topbar .gnb img { filter: none !important; }
#header.line { border-bottom:solid 1px #eee; }
#header > .inner { padding:0 20px; }
#header .logo { position:absolute; left:45px; top:15px; }
#header .gnb { position:absolute; right:45px; top:33px; font-size:15px; font-weight:300; }
#header .gnb li { float:left; margin-left:20px; line-height:25px; position:relative; }

#header .gnb li .lang { position:absolute; width:92px; left:-35px; top:100%; margin-top:10px; border:solid 1px #D9D9D9; background: #fff; color:#7F7F7F; z-index:50; display:none; }
#header .gnb li .lang a { display:block; line-height:36px; font-size:14px; font-weight:600; text-align:center; }
#header .gnb li .lang a.selected { background:#F3F3F3; color:#1E1E1E; }
#header .gnb li.mobile { display:none; }

#header .mainmenu { font-size:0px; max-width:1100px; margin:0 auto; }
#header .mainmenu > ul { text-align:center; }
#header .mainmenu > ul > li { display:inline-block; padding:0 40px; }
#header .mainmenu > ul > li:hover > a span,
#header .mainmenu > ul > li.selected > a span { color:#0074C8; border-bottom:solid 2px #0074C8 }
#header .mainmenu > ul > li > a { display:block; font-size:17px; font-weight: 600; height:92px; line-height:92px; text-align:center;  }

#header .submenu { position:absolute; background: #fff; color:#1E1E1E; top:100%; left:0px; width:100%; height:0px; background:#fff; border-top:solid 1px #ECECEC; border-bottom:solid 1px #ECECEC; overflow: hidden; display:none;  }
#header .submenu ul { text-align:center; font-size:0px; }
#header .submenu ul li { display:inline-block; font-size:14px; vertical-align:top; width:180px; min-height:270px;  border-right:solid 1px #ECECEC; }
#header .submenu ul li:first-child { border-left:solid 1px #ececec; }
#header .submenu ul li:hover { background:#f8f8f8; }
#header .submenu ul li:hover dt a span { border-bottom:solid 1px #1E1E1E !important; }
#header .submenu ul li a { display:block; text-align:center; padding: 0 5px;}
#header .submenu ul li dl { padding:30px 0; }
#header .submenu ul li dt { font-size:15px; font-weight:600; margin-bottom:17px; line-height:1.2; }
#header .submenu ul li dt a:hover span { border-bottom:solid 1px #1E1E1E; }
#header .submenu ul li dd { color:#7F7F7F; padding-bottom:7px; }
#header .submenu ul li dd a { line-height: 1.3; padding: 0 5px; }
#header .submenu ul li dd a:hover span { border-bottom:solid 1px #7F7F7F; }

#header.main { background: transparent; }
#header.main .topbar { background:transparent; color:#fff; }
#header.main .topbar .logo img { filter: brightness(0) invert(1);  }
#header.main .topbar .gnb img { filter: brightness(0) invert(1); }



/*푸터*/
#footer { border-top:solid 1px #D9D9D9; }
#footer .inner { max-width:1430px; margin:0 auto; position:relative; }

#footer .top { background:#fff; }
#footer .navi ul { padding:44px 0; width:100%; }
#footer .navi ul li { float:left; width:14.28%; height:240px; box-shadow: -1px 0 0 0 #ECECEC;}
#footer .navi ul li dl { padding:20px 15px; line-height:2.4; }
#footer .navi ul li dt { font-size:14px; font-weight:600;  margin-bottom: 10px;}
#footer .navi ul li dd {}
#footer .navi ul li dd a { display:block; font-size:14px; font-weight:400; color:#7F7F7F; line-height: 1.4; margin-bottom: 12px; }
#footer .navi ul li dt a:hover span { border-bottom:solid 1px #1E1E1E; }
#footer .navi ul li dd a:hover span { border-bottom:solid 1px #7F7F7F; }

#footer .mobilenavi { padding-top:0px; padding-bottom:0px; display:none; }
#footer .mobilenavi ul { display: block; padding:0px;  width:100%; }
#footer .mobilenavi ul li { display: block; padding:0px; border-bottom:solid 1px #F3F3F3; }
#footer .mobilenavi ul li dl { padding:0px; line-height: 1; }
#footer .mobilenavi ul li dt { font-weight:600; font-size:16px; text-align: left; padding:0px; }
#footer .mobilenavi ul li dt a { display:block; padding:20px 20px; position: relative; }
#footer .mobilenavi ul li dt a::after { content:url(../images/m_menu_arrow.svg); position: absolute; top:15px; right:20px; }
#footer .mobilenavi ul li dt a.selected { color:#0074C8;  }
#footer .mobilenavi ul li dt a.selected::after { content:url(../images/m_menu_arrow2.svg); }
#footer .mobilenavi ul li dd { padding:0px; background: #F3F3F3; display:none; padding:10px 20px; }
#footer .mobilenavi ul li dd a { display:block; font-size:14px; font-weight:400; text-align: left; padding:10px 0px; color:#2F2F2F; }
#footer .mobilenavi ul li dt+dd { padding-top:10px; }
#footer .mobilenavi ul li dd:last-child { padding-bottom:10px; }

#footer .middle { background:#222222; color:#8E8E8E; border-bottom:solid 1px #2F2F2F; padding:0 20px; }
#footer .middle .quick { float:left; }
#footer .middle .quick li { float:left; padding:35px 0; margin-right:25px; }
#footer .middle .quick li:last-child { margin-right:0px; }
#footer .middle .quick li a:hover { color:#D9D9D9; }
#footer .middle .etc { float:right; }
#footer .middle .link { float:right; margin-top:18px; padding-top:0px; margin-left:32px; }
#footer .middle .sns { float:right; margin-top:18px; }
#footer .middle .sns li { float:left; margin-left:10px; padding-top:7px; }
#footer .middle .link .familysite { position: relative; color:#D9D9D9; font-size:13px; font-weight:500; width:230px;  height:56px; background:url(../images/select_icon_arrow.png) #000 no-repeat 93% center; }
#footer .middle .link .familysite > span { display:block; line-height:56px; text-indent:20px; cursor: pointer; }
#footer .middle .link .familysite > div { position:absolute; font-size:13px; color:#2F2F2F; width:100%; bottom:100%; background:#fff; box-shadow:0 0 0 1px #000; display:none; }
#footer .middle .link .familysite > div ul { padding:10px; }
#footer .middle .link .familysite > div li { }
#footer .middle .link .familysite > div li a { display: block; padding:10px; }
#footer .middle .link .familysite > div a:hover { color:#000; background: #f7f7f7; font-weight:700; }


#footer .bottom { background:#222222; color:#8E8E8E; }
#footer .bottom .inner { padding:44px 20px; }
#footer .bottom .logo { position:absolute; }
#footer .bottom .info { margin-left:223px; font-size:13px; line-height:1.6; }
#footer .bottom .info ul { padding-top:12px; }
#footer .bottom .info li { float:left; margin-right:12px; }
#footer .bottom .info li label {color:#D9D9D9; margin-right:2px; }
#footer .bottom .info .copyright { clear:both; }



/*해더 - 검색*/
#search { position:fixed; top:0px; left:0px; width:100%; background: #fff; color:#1E1E1E; z-index:901; border-bottom:solid 1px #ECECEC; display:none; }
#search .logo { position:absolute; left:45px; top:15px;  }
#search .close { position:absolute; right:35px; top:15px;  }
#search .close a { display:block; padding:10px; }
#search .inner { max-width:1000px; margin:0 auto; padding:165px 20px 110px 20px; }
#search .tit { font-size:46px; font-weight:700; margin-bottom:35px; }
#search .frm { position:relative; }
#search .frm input { border:none; border-bottom:solid 3px #1E1E1E; text-indent:35px; font-size:26px; height:50px; line-height:50px; width:100%; }
#search .frm::before { content:url(../images/search_icon.png); position:absolute; top:15px;  }
#search .frm .clear { position:absolute; right:0px; top:15px; }
#search .keyword { margin-top:44px; }
#search .keyword > span { display:block; font-size:18px; font-weight:600; margin-bottom:12px; }
#search .keyword li { float:left; margin-right:8px; margin-bottom:5px; }
#search .keyword li a { display:block; padding:0 12px; font-size:12px; font-weight:500; color:#5D5D5D; background:#F3F3F3; border-radius:12px; height:36px; line-height:36px; }

/*헤더 - 사이트맵*/
#sitemap { position:fixed; top:0px; left:0px; width:100%; background: #fff; color:#1E1E1E; z-index:901; border-bottom:solid 1px #ECECEC; display:none; }
#sitemap .logo { position:absolute; left:45px; top:15px;  }
#sitemap .close { position:absolute; right:35px; top:15px;  }
#sitemap .close a { display:block; padding:10px; }
#sitemap .prom { border-top:solid 1px #ECECEC; border-bottom:solid 1px #ECECEC; margin-top:92px; padding:30px 20px; }
#sitemap .prom .inner { max-width:1435px; margin:0 auto; }
#sitemap .prom .left { float:left; font-size:24px; font-weight:700;  margin-top:10px; }
#sitemap .prom .right { float:right; }
#sitemap .prom .right a { display:block; color:#fff; background:url(../images/banner_arrow.svg) #6440A2 no-repeat 93% center; border-radius:12px; padding:20px 60px 20px 22px; }
#sitemap .prom .right a > span { display:block; font-size:14px; }
#sitemap .prom .right a > strong { display:block; font-size:18px; font-weight:600; }
#sitemap .navi { }
#sitemap .navi ul { display:table; width:100%; max-width:1435px; margin:0 auto; }
#sitemap .navi li { display:table-cell; width:14.28%; height:100%; box-shadow: -1px 0 0 0 #ECECEC; padding:60px 0; }
#sitemap .navi li:last-child { box-shadow: 1px 0 0 0 #ECECEC, -1px 0 0 0 #ECECEC; }
#sitemap .navi li > a.selected { color:#0074C8; background: url(../images/m_menu_arrow2.svg) no-repeat 98% center; }
#sitemap .navi li > a { font-size:18px; font-weight:700; display:block; text-align:center;  }
#sitemap .navi li > a:hover { text-decoration:underline; }
#sitemap .navi li dl { padding-top:5px; }
#sitemap .navi li dl a { display:block; text-align:center; }
#sitemap .navi li dl a:hover { text-decoration:underline; }
#sitemap .navi li dt { margin-top:30px; margin-bottom:5px; font-size:15px; font-weight:700; }
#sitemap .navi li dd { color:#7F7F7F; font-size:14px; font-weight:400; line-height:2; }


/*헤더 - 모바일맵*/
#mobilemenu { position:fixed; top:0px; left:0px; width:100%; background: #fff; color:#1E1E1E; z-index:901; height:100%; overflow-y: auto; border-bottom:solid 1px #ECECEC; display:none; }
#mobilemenu .logo { position:absolute; left:20px; top:15px;  }
#mobilemenu .lang { position: absolute; top:15px; right:60px; background: #ECECEC; font-size:0px; color:#8E8E8E; font-weight: 700; border-radius: 45px; padding:3px; }
#mobilemenu .lang a { display:inline-block; font-size:12px; border-radius: 40px; height:28px; line-height: 28px; padding:0 13px; }
#mobilemenu .lang a.selected { background:#2F2F2F; color:#fff; }
#mobilemenu .close { position:absolute; right:10px; top:10px; }
#mobilemenu .close a { display:block; padding:10px; }
#mobilemenu .navi { padding-top:65px; }
#mobilemenu .navi ul { width:100%; max-width:1435px; margin:0 auto; border-top:solid 1px #F3F3F3; display: block;}
#mobilemenu .navi li { display: block; width:auto; height:auto; padding:0px; border-bottom:solid 1px #F3F3F3; }
#mobilemenu .navi li:last-child { border-bottom:none; }
#mobilemenu .navi li > a { font-size:16px; font-weight:700; display:block; padding:20px 20px; position: relative;  }
#mobilemenu .navi li > a::after { content:url(../images/m_menu_arrow.svg); position: absolute; top:20px; right:20px; }
#mobilemenu .navi li > a.selected { font-size:16px; text-align: left; color:#0074C8; }
#mobilemenu .navi li > a.selected::after {content:url(../images/m_menu_arrow2.svg);}
#mobilemenu .navi li dl { padding:20px 0; background: #F3F3F3; display:none; }
#mobilemenu .navi li dl a { text-align: left; padding:10px 0px; display:block }
#mobilemenu .navi li dt { font-weight:700; margin-top:0px; font-size:15px; margin-bottom:0px; padding:0 20px; }
#mobilemenu .navi li dd { color:#7F7F7F;  font-weight:400; margin-top:0px; font-size:15px; margin-bottom:0px; padding:0 30px; line-height: 1; }

#mobilemenu .links { background:#F7F7F7;  }
#mobilemenu .links li { float:left; width:50%; border-top:solid 1px #D9D9D9; border-bottom:solid 1px #D9D9D9; }
#mobilemenu .links li:first-child { box-shadow: 1px 0 0 #D9D9D9; }
#mobilemenu .links li > a { display: block; padding:25px 20px; }
#mobilemenu .links .t { display:block; font-size:14px; font-weight: 700; }
#mobilemenu .links p { font-size:12px; color:#8E8E8E; margin-bottom:5px; }

/*본문*/
#contents { min-height:900px; padding-top:92px; padding-bottom:200px; position:relative; overflow: hidden;}
#contents.main { padding:0px; color:#8E8E8E; }


/*페이지 서브 헤더*/
#page-header { padding-top:80px; padding-bottom:20px; padding-left:20px; padding-right:20px; border-bottom:solid 1px #E8E8E8; }
#page-header .title { max-width:1440px; margin:0 auto;  }
#page-header .title ul { font-size:15px; color:#8E8E8E; padding-left:5px; }
#page-header .title ul li { float:left; background:url(../images/icon_slash.svg) no-repeat right center; padding-right:16px; margin-right:5px; }
#page-header .title ul li:last-child { background:url(../images/icon_drop.svg) no-repeat right center; color:#1E1E1E; padding-right:18px; }
#page-header .title ul li:first-child img { margin-top:-4px; }
#page-header .title ul li .sub { position: absolute; background: #fff; border:solid 1px #ececec; padding:0px; font-size:13px; color:#1e1e1e; margin-top:5px; z-index: 10; display: none; }
#page-header .title ul li .sub a { display:block; border-bottom:solid 1px #ececec; padding:5px 20px; }
#page-header .title ul li .sub a:hover { background:#f3f3f3; }
#page-header .title ul li .sub a:last-child { border:none; }
#page-header .title h2 { font-size:74px; font-weight:800;  padding-bottom:60px; margin-top:10px; }

#page-header .pagemenu { max-width:1440px; margin:0 auto; font-size:14px; font-weight:600; color:#5D5D5D; padding-top:10px; }
#page-header .pagemenu ul { overflow-x: auto; overflow-y: hidden;  padding-bottom:5px; }
#page-header .pagemenu ul::-webkit-scrollbar { width:0px; }
#page-header .pagemenu li { display:inline-block; margin-right:5px; margin-bottom:5px; }
#page-header .pagemenu li a { display:block; height:53px; line-height:53px; padding:0 25px; border:solid 1px #ECECEC; border-radius:26px; }
#page-header .pagemenu li.selected a { background:#0074C8;border:solid 1px #0074C8; color:#fff; }

/*페이지 서브 비주얼*/
#page-visual { background:url(../images/company_menu1_img1.png) no-repeat center center; background-size: cover; height:450px; position:relative;  margin:0 auto; }
#page-visual span { position:absolute; width:100%; max-width:900px; transform:translate(-50%, -50%); top:50%; left:50%; color:#fff; font-size:42px; font-weight: 600; text-align:center; }

#page-visual2 { background:#f6f6f6; height:580px; position:relative; overflow:hidden; }
#page-visual2 .inner { padding:75px 20px; max-width:1435px; margin:0 auto; }
#page-visual2 .list { }
#page-visual2 ul { display:table; }
#page-visual2 li { display:table-cell; }
#page-visual2 li .img { border-radius:14px; overflow:hidden; }
#page-visual2 li .img img { max-width:100%; height:auto; }
#page-visual2 li .box { margin-right:30px; width:500px; cursor: pointer; }
#page-visual2 li .box .tit { color:#1E1E1E; font-size:16px; font-weight:400; margin-top:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#page-visual2 li .box .tit span { color:#0074C8; font-weight:800; margin-right:12px; }

/*페이지 콘텐츠*/
#page-content { padding-top:120px; }
#page-content .section { max-width:1430px; margin:0 auto; padding:0 20px; }

#page-content .page-title { }
#page-content .page-title .more { float:right; line-height: 1; font-size:16px; color:#2F2F2F; font-weight:400; background:url(../images/bt_more.svg) no-repeat right center; margin-top:20px; padding-right:35px;  }

.addition-container {}
.addition-container > .inner { max-width:1430px; margin:0 auto; margin-top:80px; padding:0 20px; }
.addition-container .tit { margin-bottom:20px; }
.addition-container ul { border-top:solid 2px #1f1f1f;}
.addition-container ul li { display:flex; justify-content: space-between; border-bottom:solid 1px #ececec; padding:20px 5px; }

.error-info { text-align: center; padding:0 20px; }
.error-info .img { text-align: center; } 
.error-info .img img { max-width: 100%;}
.error-info .txt1 { margin-top:50px; text-align: center; }
.error-info .txt2 { font-size:20px; margin-top:30px; text-align: center; color:#5D5D5D; }
.error-info .btns { text-align: center; margin-top:60px; }
.error-info .btns a { display:inline-block; height: 64px; line-height: 64px; background: #ECECEC; color:#5D5D5D; font-size:18px; border-radius: 40px; padding:0 30px; }
.error-info .btns a.home { background:#0074C8; color:#fff; }


/*공통 - 탭메뉴 */
.tab-menu { color:#5D5D5D; border:solid 1px #D9D9D9; border-radius: 10px; overflow: hidden; overflow-x: auto;  position: relative;  }
.tab-menu ul { display:table; width:100%; }
.tab-menu li { display:table-cell; width:100%;  }
.tab-menu li a { display:block; padding:20px 20px; text-align: center; font-size:22px; font-weight: 700; position:relative; white-space: nowrap; }
.tab-menu li a:before { content:''; position:absolute; left:0px; height:25px; width:1px; background:#D9D9D9 }
.tab-menu li:first-child a:before { width:0px; background:transparent; }
.tab-menu li.selected { color:#0074C8 }
.tab-menu li:first-child:nth-last-child(2),
.tab-menu li:first-child:nth-last-child(2) ~ li { width: 50%; }
.tab-menu li:first-child:nth-last-child(3),
.tab-menu li:first-child:nth-last-child(3) ~ li { width: 33.33%; }
.tab-menu li:first-child:nth-last-child(4),
.tab-menu li:first-child:nth-last-child(4) ~ li { width: 25%; }
.tab-menu li:first-child:nth-last-child(5),
.tab-menu li:first-child:nth-last-child(5) ~ li { width: 20%; }


/*공통 - 탭콘텐츠*/
.tab-content { font-size:14px; font-weight:600; color:#5D5D5D; }
.tab-content li { float:left; margin-right:8px;  }
.tab-content li a { display:block; padding:15px 25px; border:solid 1px #D9D9D9; border-radius:30px;}
.tab-content li.selected a { background:#0074C8; border-color: #0074C8; color:#fff; }


/*공통 - 플롯 컨테이너*/
.float-container { position:relative;  } 
.float-container .float-menu { position:absolute; top:0px; font-size:30px; font-weight:600; color:#8E8E8E }
.float-container .float-menu a.back img { width:24px; vertical-align: middle; margin-right:10px; margin-top:-2px; }
.float-container .float-menu2 { position:absolute;  }
.float-container .float-menu li { margin-bottom:10px; }
.float-container .float-menu li.selected { color:#0074C8; font-weight:800; background:url(../images/icon_float_sel.svg) no-repeat left center; padding-left:35px; }
/* .float-container .float-menu select { width:100%; border-radius: 10px; height:50px; line-height: 50px; font-size:16px; font-weight: 600; text-align: center; display:none; } */
.float-container .float-content { margin-left:320px; }


.pageTop { position: fixed; bottom:40px; right:40px; z-index: 8000; cursor: pointer; display: none; }




/*인사말*/
.about-container { margin:0 auto; }
.about-container .about-txt1 { font-size:44px; font-weight:700; line-height:1.2; margin-bottom:80px; }
.about-container .about-txt2 .img { float:left; width:48%; }
.about-container .about-txt2 .img img { max-width:100%; height:auto; }
.about-container .about-txt2 .desc { float:right; width:49%; padding-top:40px; font-size:16px; line-height:1.6; color:#5D5D5D; }
.about-container .about-txt2 .desc strong { display:block; font-size:24px; margin-bottom:40px; line-height:1.5; color:#1E1E1E; }
.about-container .about-txt2 .desc .sign { font-size:24px; font-weight:700; text-align:right; margin-top:40px; color:#1E1E1E; }
.about-container .about-txt2 .desc .sign span { font-size:15px; font-weight:600; margin-right:10px; }
.about-container .about-txt2 .desc p {  }


/*한독소개*/
.about2-container {}
.about2-container .page-title { margin-bottom:30px; }
.about2-container .about-txt1 { font-size:18px; }

.about2-container .year { margin-top:80px; margin-bottom: 80px; }
.about2-container .year li { float:left; width:25%; }
.about2-container .year li > span { display:block; text-align:center; }
.about2-container .year li .t { font-size:14px; font-weight:600; margin-bottom:10px; }
.about2-container .year li .y { font-size:80px; font-weight:800; line-height:1; font-family:"Outfit", sans-serif; margin-bottom:12px; }
.about2-container .year li .y span { font-size:22px; font-weight:600; font-family:Pretendard; }
.about2-container .year li .d { font-size:12px; }

.about2-container .info { border-top:solid 1px #E8E8E8; border-bottom:solid 1px #E8E8E8; padding:40px 0; font-size:16px; margin-bottom:120px; }
.about2-container .info ul { padding:0 20px; }
.about2-container .info li { float:left; width:50%; position:relative; margin:3px 0; }
.about2-container .info li label { position: absolute;  font-weight:700;  }
.about2-container .info li > span { margin-left:150px; }

.about2-container .section2 { background:#F7F7F7; padding:120px 0; }
.about2-container .section2 .box { display:table; max-width:1430px; margin:0 auto; padding:0 20px; }
.about2-container .section2 .box .video{aspect-ratio: 16/9;}
.about2-container .section2 .box .video iframe{display:block;width:100%;height:100%;}
/* .about2-container .section2 .box .img { display: table-cell;  width:65%; position:relative; cursor:pointer; }
.about2-container .section2 .box .img::after { content:''; background:url(../images/bt_play.svg) no-repeat; background-size:contain; width:121px; height:121px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.about2-container .section2 .box .img img { max-width:100%; height:auto;  } */
.about2-container .section2 .box .desc { display: table-cell;  width:35%; vertical-align:middle; padding-left:55px; }
.about2-container .section2 .box .desc strong { display:block; margin-bottom:25px; line-height: 1.2; }


.about2-container .section3 { max-width:1430px; margin:0 auto; padding:120px 20px; }
.about2-container .section3 ul { border:solid 1px #ECECEC; border-radius:20px; overflow:hidden; }
.about2-container .section3 li { float:left; width:20%; height:224px; box-shadow: 1px 1px 0 0 #ECECEC; text-align:center; cursor:pointer; }
.about2-container .section3 li img { margin-top:50px; }
.about2-container .section3 li label { display:block; font-size:22px; font-weight:600; margin-top:25px; text-align:center;  }
.about2-container .section3 li:hover { background:#0074C8; color:#fff; }
.about2-container .section3 li:hover img { filter: brightness(0) invert(1); }
/* .about2-container .section3 li:hover img {  fill:white; } */


.about2-container .section4 {  margin:0 auto;  }
.about2-container .section4 .page-title { max-width:1430px; margin:0 auto; margin-bottom:30px; padding:0 20px;}
.about2-container .section4 .hscroll {}
.about2-container .section4 .hscroll::-webkit-scrollbar { width:0px; }
.about2-container .section4 .scroll-element { display:none; }
.about2-container .section4 .list { max-width:1430px; margin:0 auto; padding:0 20px;}
.about2-container .section4 ul { display:table; white-space:nowrap;  }
.about2-container .section4 li { display:table-cell; font-size:15px; margin-right:24px; white-space:normal; }
.about2-container .section4 li .box { width:330px; border:solid 1px #E8E8E8; border-radius:20px; overflow:hidden; margin-right:24px; cursor: pointer; } 
.about2-container .section4 li .box .img { background:#E8E8E8; text-align:center; padding:25px 0; }
.about2-container .section4 li .box .img img { max-width: 100%; height:auto; }
.about2-container .section4 li .box .desc { padding:30px; min-height:190px; }
.about2-container .section4 li .box .c { font-size:13px; display:block; font-weight:800; margin-bottom:5px; }
.about2-container .section4 li .box .t { font-size:20px; display:block; font-weight:800; margin-bottom:10px; }
.about2-container .section4 li .box p { line-height:1.6; }
.about2-container .section4 .hscroll-btn .hscroll-btn-left { left:20px; }
.about2-container .section4 .hscroll-btn .hscroll-btn-right { right:20px; }

.about2-container .section5 { max-width:1430px; margin:0 auto; margin-top:120px; padding:0 20px;  }
.about2-container .section5 table { width:100%; border-top:solid 2px #1E1E1E; }
.about2-container .section5 table td { border-bottom:solid 1px #ECECEC; padding:30px 5px; }
.about2-container .section5 table td:last-child { text-align:right; }
.about2-container .section5 table td:first-child { font-weight:600; }

/*기업철학*/
.about3-container {  }
.about3-container .page-title { margin-bottom:94px; }
.about3-container .about-txt1 { text-align:center; margin-bottom:180px; }
.about3-container .about-txt1 img { max-width:100%; height:auto; }
.about3-container .about-txt1 img.mobile { display:none; max-width:90%; }
.about3-container .val5 { position: relative; margin-bottom:120px;}
.about3-container .val5 .tit { position:absolute; font-size:40px; font-weight:700; }
.about3-container .val5 ul { margin-left:359px; }
.about3-container .val5 ul li { position:relative; }
.about3-container .val5 ul li dt { position:absolute; width:200px; border-top:solid 2px #1E1E1E; font-size:26px; font-weight:600; padding:28px 0; }
.about3-container .val5 ul li dt span { display:block; font-size:14px; font-weight:300; }
.about3-container .val5 ul li dd { margin-left:260px; border-top:solid 1px #E8E8E8; padding:28px 0;  }
.about3-container .ci { position: relative; }
.about3-container .ci .tit { position:absolute; font-size:40px; font-weight:700; }
.about3-container .ci .desc { margin-left:359px; }
.about3-container .ci dl { padding-top:40px; }
.about3-container .ci dt { font-size:16px; font-weight:800; color:#1E1E1E; margin-bottom:5px; }
.about3-container .ci dd { margin-bottom:20px; }
.about3-container .ci ul { padding-top:20px; }
.about3-container .ci ul li { float:left; width:49%; }
.about3-container .ci ul li:last-child { float:right; }
.about3-container .ci ul li img { max-width:100%; height:auto; }
.about3-container .ci .download { background:#f3f3f3; border-radius:8px; padding:20px 25px; margin-top:30px; }
.about3-container .ci span { float:left; margin-right:120px;  }
.about3-container .ci a { position: absolute; right:25px; background:url(../images/icon_download.svg) no-repeat left center; padding-left:35px; font-weight: 600; }

/*연혁 및 수상*/
.about4-container .page-title { margin-bottom:60px; }
.about4-container .tab-menu { margin-bottom:120px; }
.about4-container .about-txt1 { font-size:30px; font-weight:600; margin-bottom:100px; }
.about4-container .sub-title { margin-bottom:40px; }

.about4-container .section2 { background:#F7F7F7; padding:140px 0; margin-top:120px; }
.about4-container .section2 .box { display:table; max-width:1430px; margin:0 auto; padding: 0 20px; }
.about4-container .section2 .box .img { display: table-cell;  width:50%; position:relative; cursor:pointer; }
.about4-container .section2 .box .img img { max-width:100%; height:auto;  }
.about4-container .section2 .box .desc { display: table-cell;  width:50%; vertical-align:middle; padding-left:55px; }
.about4-container .section2 .box .desc strong { display:block; margin-bottom:25px; }

.about4-container .section3 { max-width:1430px; margin:0 auto; margin-top:0px; padding:0 20px; }
.about4-container .section3 .history_list { }
.about4-container .section3 .history_list > li { border-bottom:solid 1px #D9D9D9; border-top:solid 1px #D9D9D9; }
.about4-container .section3 .history_list dt { padding:20px 0; font-size:34px; font-weight:700;  background:url(../images/icon_plus.svg) no-repeat right center; cursor: pointer; }
.about4-container .section3 .history_list dt span { font-weight: normal; margin-left:20px; }
.about4-container .section3 .history_list dd { font-size:22px; padding:10px 0; line-height: 1.5; position: relative; display:none; }
.about4-container .section3 .history_list dd label { position: absolute; color:#000; width:100px; font-weight: 600; }
.about4-container .section3 .history_list dd li > div { margin-left:100px; color:#5D5D5D; display: block; }
.about4-container .section3 .history_list dd li > div > span { display: block; margin-bottom:15px; }
.about4-container .section3 .history_list dd li { margin-bottom:30px; }
.about4-container .section3 .history_list > li.single { margin:50px 0; display:block; border:none; }
.about4-container .section3 .history_list > li.single dl { display:table; }
.about4-container .section3 .history_list > li.single dt { display:table-cell; width:45%; padding:0px; cursor: default; }
.about4-container .section3 .history_list > li.single dt img { max-width: 100%; border-radius: 14px; }
.about4-container .section3 .history_list > li.single dd { display:table-cell; width:55%; padding:0 0 0 50px; vertical-align: middle; }
.about4-container .section3 .history_list > li.single dd .desc > span { padding:0px; margin:0px; display:block; font-size:16px; color:#1E1E1E; }
.about4-container .section3 .history_list > li.single dd .desc > .t { font-size:80px; line-height: 1; font-weight: 800; letter-spacing: -3px; white-space: nowrap; margin-bottom:25px; color:#D9D9D9 }
.about4-container .section3 .history_list > li.single dd .desc > .t2 { font-size:28px; font-weight: 800; margin-bottom:5px; }
.about4-container .section3 .history_list > li.single dd .desc li { font-size:22px; font-weight: normal; background:url(../images/icon_point.svg) no-repeat left 10px; padding-left:10px; margin-bottom:7px; line-height: 1.4; }
.about4-container .section3 .history_list > li.selected dl { display:block; }
.about4-container .section3 .history_list > li.selected dt { background:url(../images/icon_plus2.svg) no-repeat right center; }
.about4-container .section3 .history_list > li.selected dd { display:block; }

.about4-container .section3 .award_list {  }
.about4-container .section3 .award_list > li { position:relative; margin-bottom:35px; }
.about4-container .section3 .award_list li dt { position:absolute; width:200px; border-top:solid 2px #1E1E1E; font-size:32px; font-weight:800; padding:20px 0; }
.about4-container .section3 .award_list li dd { margin-left:260px; border-top:solid 1px #E8E8E8; padding:20px 0; font-size:16px; line-height: 1.5; color:#5D5D5D;  }
.about4-container .section3 .award_list li dd li { margin-bottom:10px; }



/*주요사업*/
.busi-container {}
.busi-container .section .txt1 { font-size:44px; font-weight:700; color:#1E1E1E; }
.busi-container .section .tab-content { margin-top:40px; margin-bottom:60px; overflow-x:auto; }
.busi-container .section .tab-content::-webkit-scrollbar { width: 0px; }
.busi-container .section .tab-content ul {  }
.busi-container .section .tab-content li { float:none; display:inline-block; margin-top:0px; white-space: nowrap; margin-bottom:5px; }
.busi-container .section .tab-content li a { margin-right:0px; }

.busi-container .section .busi_list { max-width:1430px; height:562px; overflow:hidden; position:relative;}
.busi-container .section .busi_list li {  }
.busi-container .section .busi_list li .img { max-width:1430px; height:562px; position:relative; }
.busi-container .section .busi_list li .img img { max-width:100%; height:100%; object-fit:cover; }
.busi-container .section .busi-scroll { position:relative; }
.busi-container .section .busi-scroll .desc { position:absolute; bottom:-100px; right:0px; width:777px; padding:40px 50px; background:#FFF; z-index:50; display:none; }
.busi-container .section .busi-scroll .tool li:first-child { display:block; }
.busi-container .section .busi-scroll .desc .tit { float: left; margin-bottom:20px; }
.busi-container .section .busi-scroll .desc .page { float:right; font-size:24px; font-weight: 300; color:#8E8E8E; padding-top:10px; }
.busi-container .section .busi-scroll .desc p { clear:both; font-size:18px; color:#5D5D5D; max-width:600px; }
.busi-container .section .busi-scroll .desc a { display:inline-block; font-size:18px; font-weight:600; color:#1E1E1E; margin-top:30px; background:url(../images/bt_more.svg) no-repeat right center; padding-right:35px; }

.busi-container .section .busi_list { max-width:1430px;  position:relative;}
.busi-container .section .busi_list2 li { margin-bottom:180px; position: relative; }
.busi-container .section .busi_list2 li .img { max-width:1430px; position:relative; }
.busi-container .section .busi_list2 li .img img { max-width:100%;  object-fit:cover; }
.busi-container .section .busi_list2 li:last-child { margin-bottom:0px; }
.busi-container .section .busi_list2 { position:relative; }
.busi-container .section .busi_list2 .desc { position:absolute; bottom:-100px; right:0px; width:100%; max-width:777px;  background:#FFF; z-index:50; }
.busi-container .section .busi_list2 .desc > div { padding:40px 50px; }
.busi-container .section .busi_list2 .desc .tit { float: left; margin-bottom:20px; }
.busi-container .section .busi_list2 .desc .page { float:right; font-size:24px; font-weight: 300; color:#8E8E8E; padding-top:10px; display:none; }
.busi-container .section .busi_list2 .desc p { clear:both; font-size:18px; color:#5D5D5D; max-width:600px; }
.busi-container .section .busi_list2 .desc a { display:inline-block; font-size:18px; font-weight:600; color:#1E1E1E; margin-top:30px; background:url(../images/bt_more.svg) no-repeat right center; padding-right:35px; }
.busi-container .section .busi_list2 .desc .brand-select select {border: solid 1px #000; width:280px; height:40px; line-height:40px; font-size:16px; font-weight:700; border-radius:5px; padding: 0 20px; margin-left:50px}
.busi-container .section .busi_list2 .desc .brand-select select option {text-indent:20px; background-color:#ddd}

/*생산*/
.busi3-container .cont1 { margin-bottom:170px; display:flex; align-items:center; }
.busi3-container .cont1 .img { width:54%; }
.busi3-container .cont1 .img img { max-width:100%; }
.busi3-container .cont1 .desc { width:46%; padding-left:80px }
.busi3-container .cont1 .desc .tit { display: block; margin-bottom:30px; }


.busi3-container .cont2 { display: table; width:100%; margin-bottom:120px; }
.busi3-container .cont2 ul {}
.busi3-container .cont2 ul li { float:left; width:48.5%; border-radius:14px; overflow:hidden; }
.busi3-container .cont2 ul li:last-child { float:right; }
.busi3-container .cont2 .img {  }
.busi3-container .cont2 .img img { max-width:100%; height:auto; }
.busi3-container .cont2 .desc { background:#F7F7F7; padding:45px 50px; }
.busi3-container .cont2 .desc > span { display: block; margin-bottom:25px; }
.busi3-container .cont2 .desc p { display:block; min-height:130px; }

.busi3-container .cont3 { width:100%; margin-bottom:150px; }
.busi3-container .cont3 .img { width:61%; float:right;  text-align:right; }
.busi3-container .cont3 .img img { max-width:100%; height:auto; }
.busi3-container .cont3 .desc { width:39%; float:right; vertical-align:middle; }
.busi3-container .cont3 .desc > span { display:block; padding-top:20%; text-align:right; margin-right:60px; margin-bottom:25px; }
.busi3-container .cont3 .desc > p { display:block; margin-right:60px;}
.busi3-container .cont3 .desc p { text-align:right; }

.busi3-container .cont4 { margin-bottom:120px; }
.busi3-container .cont4 .sub-title { margin-bottom:50px; }
.busi3-container .cont4 .txt1 { font-size:18px; color:#5D5D5D; margin-bottom:45px; }
.busi3-container .cont4 .txt1 > span { display:block; float:left; margin-right:30px; }
.busi3-container .cont4 .txt1 > span img { margin-right:10px; }
.busi3-container  table td { font-size:14px;}


.busi3-container .cont5 {  }
.busi3-container .cont5 .sub-title { margin-bottom:40px; }
.busi3-container .cont5 .img { width:47%; display:table-cell; }
.busi3-container .cont5 .img img { max-width:100%; height:auto; }
.busi3-container .cont5 .desc { width:53%; display:table-cell; vertical-align:middle; padding-left:70px; }
.busi3-container .cont5 .desc .t { display:block; font-size:30px; font-weight:700; color:#1E1E1E; margin-bottom:25px; }
.busi3-container .cont5 .desc p { margin-bottom:25px; }
.busi3-container .cont5 .desc .contact { font-size:16px; margin-top:30px; }
.busi3-container .cont5 .desc .contact strong { font-weight:700 }

/*R&D소개*/
.rnd-container {}
.rnd-container .cont1 { position:relative; }
.rnd-container .cont1 .tit { position:absolute; font-size:40px; font-weight:800; }
.rnd-container .cont1 .desc { margin-left:320px; }
.rnd-container .cont1 .desc li { float:left; width:50%; min-height:370px; }
.rnd-container .cont1 .desc li .box { border-top:solid 4px #000; margin-left:40px; position:relative; }
.rnd-container .cont1 .desc li .box .img { position:absolute; right:20px; top:25px; }
.rnd-container .cont1 .desc li .box .t { display:block; font-size:26px; font-weight:700; margin-top:128px; margin-bottom:15px; }
.rnd-container .cont1 .desc li .box .d { display:block; font-size:16px; color:#5D5D5D; line-height:1.5; }

.rnd-container .cont2 { position:relative; padding-top:80px; }
.rnd-container .cont2 .txt1 { font-size:40px; font-weight:700; margin-bottom:90px; }
.rnd-container .cont2 ul { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; list-style:none; padding:0; margin:0; }
.rnd-container .cont2 li { float:left; width:33.33%; font-size:16px; margin-bottom:40px; }
.rnd-container .cont2 li .box { border:solid 2px #F3F3F3; border-radius:20px; overflow:hidden; margin-right:24px; } 
.rnd-container .cont2 li .box .img { background:#F3F3F3; text-align:center; padding:25px 0; }
.rnd-container .cont2 li .box .img img { max-width: 100%;}
.rnd-container .cont2 li .box .desc { padding:30px; min-height:120px; }
.rnd-container .cont2 li .box .t { font-size:20px; display:block; font-weight:800; margin-bottom:10px; text-align:center; }
.rnd-container .cont2 li .box .d { line-height:1.6; color:#5D5D5D; text-align:center; display:block; max-width: 300px; margin:0 auto; }

.rnd-container .cont3 { margin-top:120px; }
.rnd-container .cont3 .slider-wrap { position: relative;}
.rnd-container .cont3 .slider { position:relative; overflow: hidden; }
.rnd-container .cont3 .slider ul { }
.rnd-container .cont3 .slider ul li img { max-width: 100%;}
.rnd-container .cont3 .slider .left { position:absolute; left:20px; top:50%; margin-top:-30px; z-index:100; }
.rnd-container .cont3 .slider .right { position:absolute; right:20px; top:50%; margin-top:-30px; z-index:100; }
.rnd-container .cont3 .info { position:relative; margin-top:100px; }
.rnd-container .cont3 .info .tit { position:absolute; font-size:40px; font-weight:800;  }
.rnd-container .cont3 .info .tit span { display:block; margin-bottom:15px;}
.rnd-container .cont3 .info .tit p { font-size:14px; font-weight: normal; color:#5D5D5D; line-height:1.5; }
.rnd-container .cont3 .info .desc { margin-left:490px; }
.rnd-container .cont3 .info .desc .t { font-size:30px; font-weight:700; margin-bottom:27px; }
.rnd-container .cont3 .info .desc li { font-size:18px; color:#5D5D5D; position:relative; padding-left:12px; margin-bottom:10px; }
.rnd-container .cont3 .info .desc li:before { content:url(../images/icon_point.svg); position:absolute; left:0px; top:9px; }

/*파이프라인*/
.rnd2-container .tbl1 { margin-bottom:70px; }
.rnd2-container .tbl1 .tit { font-size:30px; font-weight:700; color:#2F2F2F; margin-bottom:25px; }


/*ENVIRONMENT*/
.sust-container {}
.sust-container .cont1 .tit { margin-bottom:40px; }
.sust-container .cont1 .txt1 { margin-bottom:75px; }
.sust-container .cont1 .list .img { position:absolute; }
.sust-container .cont1 .list .img img { max-width:100%; height:auto; }
.sust-container .cont1 .list .desc { margin-left:490px; }
.sust-container .cont1 .list .desc li { color:#5D5D5D; font-size:16px; background:url(../images/env_icon1.svg) no-repeat left -2px; padding-left:40px; line-height:1.6; margin-bottom:15px; }

.sust-container .cont2 { margin-top:120px; }
.sust-container .cont2 .tit { margin-bottom:45px; }
.sust-container .cont2 .list { min-height:370px; margin-bottom:80px; }
.sust-container .cont2 .list .img { position:absolute; }
.sust-container .cont2 .list .img img { max-width:100%; height:auto; }
.sust-container .cont2 .list .desc { margin-left:490px; }
.sust-container .cont2 .list .desc .t { display:block; font-size:32px; font-weight:800; margin-bottom:20px; padding-top:10px; }
.sust-container .cont2 .list .desc .t span { font-size:30px; font-weight:300;  padding-left:15px; margin-left:15px; position:relative; }
.sust-container .cont2 .list .desc .t span:before { content:''; position:absolute; left:0px; top:7px; width:1px; background:#D9D9D9; height:23px; }
.sust-container .cont2 .list .desc li { font-size:16px; color:#5D5D5D; background:url(../images/icon_point.svg) no-repeat left 10px; padding-left:10px; line-height:1.6; margin-bottom:8px; }
.sust-container .cont2 .list .desc li p { color:#8E8E8E; }

.sust-container .section2 { margin-top:160px; background:#F7F7F7; }
.sust-container .section2 .inner { max-width:1435px; margin:0 auto; padding:0 20px; padding-bottom:105px; }
.sust-container .section2 .tit { padding-top:80px; margin-bottom:50px; text-align:center; }
.sust-container .section2 .img img { max-width:100%; height:auto; }
.sust-container .section2 .img img.mobile { display:none; margin:0 auto; }

.sust-container .cont3 { margin-top:120px; }
.sust-container .cont3 .tit { margin-bottom:20px; }


.sust-container .cont4 { margin-top:60px; }
.sust-container .cont4 .tit { margin-bottom:20px; }
.sust-container .cont4 table tr td:first-child { text-align:left; color:#2F2F2F; }
.sust-container .cont4 table tr td:last-child { text-align:right; }
.sust-container .cont4 .bt_download { background:url(../images/icon_download.svg) no-repeat left center; padding-left:30px; font-size:14px; color:#2F2F2F; }


/*윤리경영 - 윤리경영 철학*/
.sust2-container .cont1 .tit { margin-bottom:55px; }
.sust2-container .float-container .float-menu { font-size:18px; }
.sust2-container .float-container .float-menu li { margin-bottom:20px;  }
.sust2-container .cont2 { margin-top:90px; }
.sust2-container .cont2 .tit { margin-bottom:45px; }
.sust2-container .cont2 .msg { margin-bottom:80px; }
.sust2-container .cont2 .msg .txt1 { margin-bottom:15px; }
.sust2-container .cont2 .msg .sign { font-size:24px; font-weight:700; text-align:right; margin-top:40px; color:#1E1E1E; }
.sust2-container .cont2 .msg .sign span{ font-size:15px; font-weight:600; margin-right:10px; }
.sust2-container .cont2 .list { margin-top:45px; font-size:18px; color:#5D5D5D }
.sust2-container .cont2 .list ul { width:calc(100% + 40px)}
.sust2-container .cont2 .list li { float:left; width:33.33%; margin-bottom:25px; }
.sust2-container .cont2 .list li:nth-child(4) { clear:both;}
.sust2-container .cont2 .list li .box { margin-right:30px; min-height:262px; background:#F7F7F7; border-radius:14px; padding:50px 0 40px 0; }
.sust2-container .cont2 .list li .box .img { text-align:center; margin-bottom:30px;  }
.sust2-container .cont2 .list li .box .img img { max-width:100%; }
.sust2-container .cont2 .list li .box .desc { text-align:center; padding:0 35px; line-height:1.5; }


.sust2-container .cont3 { margin-top:120px; }
.sust2-container .cont3 .tit { margin-bottom:45px; }
.sust2-container .cont3 .info { display: table; margin-top:68px; }
.sust2-container .cont3 .info .img { display: table-cell; width:49%; vertical-align:middle; }
.sust2-container .cont3 .info .img img { max-width:100%; height:auto; }
.sust2-container .cont3 .info .desc { display: table-cell;  width:49%; vertical-align:middle; padding:30px; }
.sust2-container .cont3 .info .desc .t { display: block; margin-bottom:30px; }
.sust2-container .cont3 .info .desc li { font-size:16px; color:#5D5D5D; background:url(../images/icon_point.svg) no-repeat left 10px; padding-left:10px; line-height:1.6; margin-bottom:12px; }


/*윤리경영 - 비즈니스 협력사 행동강령*/
.sust9-container .cont1 .tit { margin-bottom:55px; }

.sust9-container .cont4 { margin-top:80px; margin-bottom:120px; }
.sust9-container .cont4 .tit { margin-bottom:30px; }
.sust9-container .cont4 .txt1 { margin-bottom:60px; }
.sust9-container .cont4 table tbody td { position:relative;  }
.sust9-container .cont4 table tbody td:first-child { text-align:center; vertical-align:middle; }
.sust9-container .cont4 table tbody td  a.down { display:inline-block; border:solid 1px #8E8E8E; height:50px; line-height:50px; padding:0 25px; font-size:14px; font-weight:700; border-radius:30px; }
.sust9-container .cont4 table tbody td:first-child div { text-align:center; margin-bottom:10px; }
.sust9-container .cont4 table tbody td:last-child { text-align: left; border-left: solid 1px #ECECEC; padding-left:20px; }
.sust9-container .cont4 table tbody td  a.play { position:absolute; right:15px; color:#2F2F2F; font-size:14px; white-space: nowrap; }
.sust9-container .cont4 .pdf_download { }
.sust9-container .cont4 .pdf_download > span { margin-right:20px; }
.sust9-container .cont4 .pdf_download a { display:inline-block; border:solid 1px #8E8E8E; border-radius: 30px; font-size:14px; font-weight: 600; padding:0 26px; vertical-align: middle; line-height: 52px; }
.sust9-container .cont4 .pdf_download a span { background:url(../images/icon_download.svg) no-repeat right center; padding-right:32px; }

.sust9-container .cont2 {}
.sust9-container .cont2 .tit { text-align:center; margin-bottom:60px; }
.sust9-container .cont2 .txt1 { font-size:48px; text-align:center; font-weight: 800; margin-bottom:65px; }
.sust9-container .cont2 .list li { float:left; width:20%; }
.sust9-container .cont2 .list li .box { position: relative; width:100%; max-width:250px; margin:0 auto; border:solid 1px transparent; border-radius: 50%; }
.sust9-container .cont2 .list li .box > img { max-width:100%; }
.sust9-container .cont2 .list li .box .i { position:absolute; top:45%; left:50%; transform:translate(-50%, -50%); width:100%; }
.sust9-container .cont2 .list .box .img { text-align:center; }
.sust9-container .cont2 .list .box .img img { max-width:100%; margin:0 auto; }
.sust9-container .cont2 .list .box .desc { text-align:center; font-size:18px; font-weight:700; }




/*윤리경영 - 행동규범*/

.sust3-container .cont1 .tit { margin-bottom:55px; }

.sust3-container .cont2 { margin-top:60px; }
.sust3-container .tit2 { margin-top:90px; margin-bottom:45px; }
/*.sust3-container .float-container .float-menu { font-size:18px; }
.sust3-container .float-container .float-menu li { margin-bottom:20px;  }*/
.sust3-container .cont2 .txt1 { margin-bottom:70px; }
.sust3-container .cont2 ul { border:solid 1px #ECECEC; border-radius:20px; overflow:hidden; }
.sust3-container .cont2 li { float:left; width:25%; height:224px; box-shadow: 1px 1px 0 0 #ECECEC; text-align:center; }
.sust3-container .cont2 li img { margin-top:50px; }
.sust3-container .cont2 li label { display:block; font-size:22px; font-weight:600; margin-top:25px; text-align:center;  }
/*.sust3-container .cont2 li:hover { background:#0074C8; color:#fff; }
.sust3-container .cont2 li:hover img { filter: brightness(0) invert(1); }*/
.sust3-container .cont2 .down { margin-top:60px; }
.sust3-container .cont2 .down a { display:inline-block; border:solid 1px #5D5D5D; border-radius: 5px; min-width:340px; height:58px; line-height:58px; font-size:16px; font-weight:700;  }
.sust3-container .cont2 .down a span { display: block; margin:0 20px;  background:url(../images/icon_download.svg) no-repeat right center; }
.sust3-container .cont2 select  { width:100%; border-radius: 10px; height:50px; line-height: 50px; font-size:16px; font-weight: 600; text-align: center; margin-bottom:30px; display:none; } 



/*윤리경영 - 지출보고서 신청*/
.sust4-container .cont1 .tit { margin-bottom:55px; }
.sust4-container .cont2 { margin-top:90px; }
.sust4-container .cont2 .tit { margin-bottom:45px; }
.sust4-container .cont2 .caution { margin-top:60px; }
.sust4-container .cont2 .caution > div { }
.sust4-container .cont2 .caution .box { padding:30px 35px; border-radius:14px;  min-height:200px;  background:#f7f7f7; }
.sust4-container .cont2 .caution .box.color2 { background:#EBF3F9; }
.sust4-container .cont2 .caution .box > span { display:block; margin-bottom:15px; }
.sust4-container .cont2 .caution .box li { position:relative; padding-left:10px; }
.sust4-container .cont2 .caution .box li:before {content:'·'; position: absolute; left:0px; }
.sust4-container .cont2 .caution .box p { margin-bottom:5px; }

.sust4-container .cont2 .caution .left { float:left; width:49%;  }
.sust4-container .cont2 .caution .right { float:right; width:49%; }
.sust4-container .cont2 .txt2 { margin-top:30px; }
.sust4-container .cont2 .btns { margin-top:60px; text-align:center; }
.sust4-container .cont2 .btns a { display:inline-block; height:65px; line-height:65px; background:#0074C8; color:#fff; border-radius:40px; padding:0 36px; }
.sust4-container .cont2 .btns a.gray { background:#ECECEC; color:#5D5D5D; }



/*사회공헌 - 한독제석재단*/
.sust6-container .cont1 .tit { margin-bottom:55px; }
.sust6-container .cont2 { margin-top:90px; }
.sust6-container .cont2 .tit { position:absolute; }
.sust6-container .cont2 .desc { margin-left: 350px; }
.sust6-container .cont2 .desc .txt1 { margin-bottom:80px; }
.sust6-container .cont2 .desc li { float:left; width:49%; margin-bottom:75px; }
.sust6-container .cont2 .desc li:nth-child(odd) { clear:both; }
.sust6-container .cont2 .desc li:nth-child(even) { float:right; width:49%; }
.sust6-container .cont2 .desc li .box { border-radius:14px; background:#F7F7F7; max-width:520px; }
.sust6-container .cont2 .desc li .info { min-height:130px; padding:30px 40px; }
.sust6-container .cont2 .desc li .info > span { display: block; margin-bottom:10px; }
.sust6-container .cont2 .desc li .img img { max-width: 100%; }

.sust6-container .section2 { background: #F7F7F7; }
.sust6-container .section2 .inner { max-width:1435px; margin:0 auto; padding:120px 20px; }
.sust6-container .section2 .tit { margin-bottom:25px; }
.sust6-container .section2 .txt1 { margin-bottom:30px; }
.sust6-container .section2 .txt1 strong { display: block; font-size:18px; color:#1E1E1E }
.sust6-container .section2 .cont3 { display:flex; width:100%; align-items: center; background: #fff; }
.sust6-container .section2 .img { position:relative; width:65%;  }
.sust6-container .section2 .desc { position:relative; width:35%; vertical-align:middle; background:#fff; }
.sust6-container .section2 .slider-page { position: absolute; bottom:20px !important; z-index: 100; margin:0px; }
.sust6-container .section2 .desc > div { padding:0 65px; }
.sust6-container .section2 .desc p { margin-bottom:50px; }
.sust6-container .section2 .desc .t { margin-bottom:20px; }
.sust6-container .section2 .desc a { display:inline-block; background:#2F2F2F; color:#fff; font-size:14px; font-weight:600; padding:20px 28px; border-radius:30px; }
.sust6-container .section2 .slider { position:relative; overflow: hidden; }
.sust6-container .section2 .slider li { position:relative; }
.sust6-container .section2 .slider li img { max-width: 100%;}
/* .sust6-container .section2 .slider li:first-child { padding-bottom:55%; } */
/* .sust6-container .section2 .slider li:first-child iframe { position: absolute; top:0px; left:0px; width:100%; height:100%; } */
/* .sust6-container .section2 .slider li:first-child { padding-bottom:6.7%; }
.sust6-container .section2 .slider li:first-child iframe { position: absolute; top:0px; left:0px; width:100%; height:100%; } */
.sust6-container .section2 .slider .left { position:absolute; left:20px; top:50%; margin-top:-20px; z-index:100; }
.sust6-container .section2 .slider .right { position:absolute; right:20px; top:50%; margin-top:-20px; z-index:100; }


/*사회공헌 - csr*/
.sust7-container .cont1 .tit { margin-bottom:55px; }
.sust7-container .cont2 { margin-top:90px; }
.sust7-container .cont2 .tit { position:absolute; }
.sust7-container .cont2 .desc { margin-left: 320px; }
.sust7-container .cont3 { margin-top:90px; }
.sust7-container .cont3 .float-menu { font-size:18px; }
.sust7-container .cont3 .float-menu li { margin-bottom:20px;  }
.sust7-container .cont3 .float-content > .tit { font-size:32px; font-weight:800; margin-bottom:30px; }
.sust7-container .cont3 .float-content > ul { margin-bottom:120px; }
.sust7-container .cont3 .float-content > ul li { margin-bottom:30px; float:left; width:50%; }

.sust7-container .cont3 .float-content > ul li .box { padding:25px 0; position:relative; border-top:solid 3px #F66464; }
.sust7-container .cont3 .float-content > ul.orange li .box { border-top:solid 3px #F78046;  }
.sust7-container .cont3 .float-content > ul.green li .box { border-top:solid 3px #07A86D;  }
.sust7-container .cont3 .float-content > ul li:nth-child(odd) { clear:both; }
.sust7-container .cont3 .float-content > ul li:nth-child(odd) .box { margin-right:20px; }
.sust7-container .cont3 .float-content > ul li:nth-child(even) .box { margin-left:20px; }
.sust7-container .cont3 .float-content > ul li .img {  }
.sust7-container .cont3 .float-content > ul li .img img { width:100%; height:auto; }
.sust7-container .cont3 .float-content > ul li .desc {  }
.sust7-container .cont3 .float-content > ul li .desc > span { display:block; }
.sust7-container .cont3 .float-content > ul li .c { font-size:16px; font-weight:500; color:#8E8E8E; margin-bottom:5px; }
.sust7-container .cont3 .float-content > ul li .t { font-size:26px; font-weight:800; margin-bottom: 25px; }
.sust7-container .cont3 .float-content > ul li p { font-size:16px; color:#5D5D5D; margin-top:25px; }
.sust7-container .cont3 .float-content > ul li.noimg .desc { margin-right:0px; }
.sust7-container .cont3 .float-content .csr { margin-bottom:90px; }
.sust7-container .cont3 .float-content .csr ul { display:flex; width:calc(100% + 15px); }
.sust7-container .cont3 .float-content .csr li { width:33.33%; }
.sust7-container .cont3 .float-content .csr li .box { padding:45px 25px; border:solid 1px #F66464; margin-right:15px; border-top-left-radius:179px; border-top-right-radius:179px;  }
.sust7-container .cont3 .float-content .csr li .box .step { font-size:20px; font-weight:800; text-align:center; margin-bottom:5px; color:#F66464; }
.sust7-container .cont3 .float-content .csr li .box .t { font-size:32px; font-weight:800; text-align:center; margin-bottom:5px; color:#F66464; }
.sust7-container .cont3 .float-content .csr li .box .s { font-size:14px; color:#5D5D5D; text-align:center; margin-bottom:30px; }
.sust7-container .cont3 .float-content .csr li .box dt { font-size:16px; font-weight:700; padding:5px 0; color:#fff; background:#F66464; border-radius:50px; text-align:center; margin-top:20px; margin-bottom:10px; }
.sust7-container .cont3 .float-content .csr li .box dd { font-size:12px; line-height: 1.5; color:#2f2f2f; background:url(../images/icon_point.svg) no-repeat 5px 5px; background-size: 3px; padding-left:8px; padding:0 10px 0 15px; }
.sust7-container .cont3 .float-content .csr li .box dl.a { min-height:131px; }
.sust7-container .cont3 .float-content .csr li:nth-child(2) .box { border:solid 1px #F78046; }
.sust7-container .cont3 .float-content .csr li:nth-child(2) .box .step { color:#F78046; }
.sust7-container .cont3 .float-content .csr li:nth-child(2) .box .t { color:#F78046; }
.sust7-container .cont3 .float-content .csr li:nth-child(2) .box dt { background:#F78046; }
.sust7-container .cont3 .float-content .csr li:nth-child(3) .box { border:solid 1px #07A86D; }
.sust7-container .cont3 .float-content .csr li:nth-child(3) .box .step { color:#07A86D; }
.sust7-container .cont3 .float-content .csr li:nth-child(3) .box .t { color:#07A86D; }
.sust7-container .cont3 .float-content .csr li:nth-child(3) .box dt { background:#07A86D; }
.sust7-container .section2 { background: #F7F7F7; }
.sust7-container .section2 .inner { max-width:1435px; margin:0 auto; padding:120px 20px; }
.sust7-container .section2 .tit { margin-bottom:25px; }
.sust7-container .section2 .txt1 { margin-bottom:30px; }
.sust7-container .section2 .txt1 strong { display: block; font-size:18px; color:#1E1E1E }
.sust7-container .section2 .cont3 { display:flex; width:100%; align-items: center; background: #fff; margin-top:0px; }
.sust7-container .section2 .img { position:relative; width:65%;  }
.sust7-container .section2 .desc { position:relative; width:35%; vertical-align:middle; background:#fff; }
.sust7-container .section2 .desc > div { padding:0 50px; }
.sust7-container .section2 .desc p { margin-bottom:50px; }
.sust7-container .section2 .desc .t { margin-bottom:20px; line-height: 1; }
.sust7-container .section2 .desc a { display:inline-block; background:#0074C8; color:#fff; font-size:18px; font-weight:600; padding:20px 28px; border-radius:30px; }
.sust7-container .section2 .slider { position:relative; overflow: hidden; }
.sust7-container .section2 .slider li { position:relative; }
.sust7-container .section2 .slider li img { max-width: 100%;}
.sust7-container .section2 .slider .left { position:absolute; left:20px; top:50%; margin-top:-20px; z-index:100; }
.sust7-container .section2 .slider .right { position:absolute; right:20px; top:50%; margin-top:-20px; z-index:100; }


/*GOVERNANCE*/
.sust8-container .float-menu { font-size:18px; }
.sust8-container .float-menu li { margin-bottom:20px;  }
.sust8-container .float-content { margin-left:250px; }
.sust8-container .cont1 .tit { font-size:36px; font-weight:800; color:#2F2F2F; margin-bottom:30px; }
.sust8-container .cont1 .img { margin-bottom:57px; }
.sust8-container .cont1 .img img { max-width:100%; height:auto; }
.sust8-container .cont1 table caption { text-align:right; font-size:14px; margin-bottom:15px; color:#5D5D5D; }
.sust8-container .cont1 .caption { text-align:right; font-size:14px; margin-top:15px; color:#5D5D5D;   }
.sust8-container .down a { display:inline-block; border:solid 1px #5D5D5D; border-radius: 5px; min-width:340px; height:58px; line-height:58px; font-size:16px; font-weight:700;  }
.sust8-container .down a span { display: block; margin:0 20px;  background:url(../images/icon_download.svg) no-repeat right center; }

.sust8-container .cont2 .tit { font-size:36px; font-weight:800; color:#2F2F2F; margin-bottom:30px; margin-top:120px; }
.sust8-container .cont2 .txt1 { margin-bottom:35px; }
.sust8-container .cont2 .tit2 { margin-bottom:20px; margin-top:86px; }
.sust8-container .cont2 .down { margin-top:35px; }
.sust8-container .cont2 table caption { text-align:right; font-size:14px; margin-bottom:15px; color:#5D5D5D; }
.sust8-container .download2 { display:inline-block; white-space: nowrap; color:#1E1E1E; font-size:14px; font-weight: 600; height:52px; line-height:52px; border:solid 1px #8E8E8E; border-radius: 30px; margin-bottom:10px; }
.sust8-container .download2 span { display: block; margin:0 20px;  background:url(../images/icon_download.svg) no-repeat right center; padding-right:35px; }

/*지속가능경영*/
.sust10-container {}
.sust10-container .cont1 { margin-bottom:120px; }
.sust10-container .cont1 .tit { margin-bottom:65px; }
.sust10-container .cont1 .txt1 { margin-bottom:110px; }
.sust10-container .cont1 .desc ul {}
.sust10-container .cont1 .desc ul li { float:left; width:50%; }
.sust10-container .cont1 .desc ul li:nth-child(odd) { clear:both; }
.sust10-container .cont1 .desc ul li .box { border-top:solid 3px #1e1e1e; padding:30px 0 80px 0; }
.sust10-container .cont1 .desc ul li:nth-child(odd) .box { margin-right:20px; }
.sust10-container .cont1 .desc ul li:nth-child(even) .box { margin-left:20px; }
.sust10-container .cont1 .desc ul li .num { float:right; width:50px; height:50px; border-radius:50%; background:#1e1e1e; color:#fff; font-size:20px; font-weight:700; text-align:center; line-height:50px;  }
.sust10-container .cont1 .desc ul li .info { clear:both; padding-top:30px; }
.sust10-container .cont1 .desc ul li .info .t { font-size:26px; font-weight:700; margin-bottom:20px; }
.sust10-container .cont1 .desc ul li .info .d { font-size:16px;  }
.sust10-container .cont2 { }
.sust10-container .cont2 .tit { margin-bottom:65px; }
.sust10-container .cont2 .txt1 { margin-bottom:110px; }
.sust10-container .cont2 .desc { font-size:22px; }
.sust10-container .cont2 .desc li { display:flex; align-items: center; border-top:solid 1px #000; padding:50px 0; }
.sust10-container .cont2 .desc li:last-child { border-bottom:solid 1px #000; }
.sust10-container .cont2 .desc li .label { flex-basis: 25%; font-weight:700; text-align:center; }
.sust10-container .cont2 .desc li .info { flex-basis: 75%; text-align:center; }
.sust10-container .cont2 .desc li .info p { text-align:center; }
.sust10-container .cont2 .desc li .info p.t { color:#0074C8; font-weight:700; }
.sust10-container .cont2 .desc li .info p.t2 { color:#5D5D5D; font-weight:600; }
.sust10-container .cont2 .desc li .info > img { max-width:100%; height:auto; }


/*재무정보*/
.invest-container .float-menu { font-size:18px; }
.invest-container .float-menu li { margin-bottom:20px;  }
.invest-container .float-content { margin-left:250px; }
.invest-container .cont1 { margin-bottom: 120px; }
.invest-container .cont1 .tit { font-size:36px; font-weight:800; color:#2F2F2F; margin-bottom:5px; }
.invest-container .cont1 table caption { text-align:right; font-size:14px; color:#5D5D5D; margin-bottom:15px; }
.invest-container .cont1 table tr.total td { background:#F7F7F7; font-weight:800; }

/*IR정보*/
.invest2-container .cont1 .tit { margin-bottom:65px; }


/*프레스룸*/
.news-container.thumb .section { max-width:1190px !important; margin:0 auto; }
.news-container .section .tit { margin-bottom:45px; }
.news-container .section .tit .txt1 { margin-top:15px; font-weight: normal; }
.news-container .section .board-summary { margin-bottom:30px; }

.news-container .section2 { margin-top:160px; background:#F3F3F3; }
.news-container .section2 .inner { max-width:1200px; margin:0 auto; padding:85px 0 40px 0; }
.news-container .section2 .tit { font-size:32px; font-weight:800; margin-bottom:45px; text-align:center; }


/*인재상*/
.people-container {}
.people-container .tab-menu { margin-bottom:90px; }
.people-container .tit { margin-bottom:80px; }
.people-container .thumblist2 {display: flex; gap: 20px; flex-wrap: wrap;}
.people-container .thumblist2 ul { width:calc(100% + 20px);}
.people-container .thumblist2 li {width: calc((100% - 60px) / 4); border-radius: 14px; background:#F3F3F3 ; cursor: pointer; word-break: break-all; }
/* .people-container .thumblist2 li .box {  } */
.people-container .thumblist2 li .box > div { padding:60px 20px;  }
.people-container .thumblist2 li .box .c { font-size:18px; text-align: center; margin-bottom: 5px; }
.people-container .thumblist2 li .box .t { font-size:26px; text-align: center; font-weight: 700; margin-bottom: 10px; }
.people-container .thumblist2 li .box .d { font-size:14px; text-align: center; margin-bottom: 25px; }
.people-container .thumblist2 li .box .img { width:190px; height: 190px; border-radius: 50%; margin:0 auto; background: #fff; overflow: hidden; }
.people-container .thumblist2 li .box .img img { max-width:100%; height:100%; object-fit: cover; }
.people-container .thumblist2 li:hover { background: #0074C8; }
.people-container .thumblist2 li:hover p { color:#fff; }
.people-container .people-head { background:#F7F7F7 ; }
.people-container .people-head .inner { max-width: 1430px; margin:0 auto; padding:110px 20px; display:flex; align-items: center; justify-content: space-between; }
.people-container .people-head .inner .info { flex-grow: 1; }
.people-container .people-head .inner .info .back { margin-bottom: 50px; }
.people-container .people-head .inner .info .c { font-size:22px; font-weight: 700; color:#0074C8; margin-bottom: 20px; }
.people-container .people-head .inner .info .t { font-size:52px; font-weight: 700; color:#1E1E1E;  margin-bottom: 20px;}
.people-container .people-head .inner .info .d { font-size:18px; font-weight: 700; color:#555; }
.people-container .people-head .inner .info .d span { font-size:16px; font-weight: 600; margin:0 10px; }
.people-container .people-head .inner .img { flex-basis: 465px; flex-shrink: 0;}
.people-container .people-head .inner .img img { max-width: 100%; height:auto;}
.people-container .people-content { padding:110px 0px; }
.people-container .people-article { border-bottom: solid 1px #D9D9D9; padding-bottom:70px; }
.people-container .people-article ul { width:calc(100% + 25px); }
.people-container .people-article li { position: relative; margin-bottom:40px; }
.people-container .people-article li.info { clear: both; width:calc(100% - 25px); }
.people-container .people-article li .label { position: absolute; top:0px; font-size:30px; font-weight: 700; color:#0074C8; margin-top:-4px; }
.people-container .people-article li .desc { margin-left:35px; }
.people-container .people-article li .desc .q { font-size:24px; font-weight: 600; margin-bottom: 10px; }
.people-container .people-article li .desc .a { font-size:18px; color:#5D5D5D; line-height: 1.6; }
.people-container .people-article li.img { float:left; width:50%; margin-top:30px; margin-bottom:70px; }
.people-container .people-article li.img > div { margin-right:25px; }
.people-container .people-article li.img img { max-width: 100%; height:auto; }
.people-container .people-article .sign { margin-top:50px; font-family: "Nanum Myeongjo"; font-size:20px; font-weight: 800; color:#0074C8; }

/*인재상*/
.career-container {}
.career-container .cont1 .tit { position:absolute; }
.career-container .cont1 .desc { margin-left: 490px; }
.career-container .cont1 .desc .txt1 { margin-bottom:110px; }
.career-container .cont1 .desc .list { }
.career-container .cont1 .desc li { float:left; width:50%; margin-bottom:40px; }
.career-container .cont1 .desc li .box { border-top:solid 3px #000; margin-right:40px; position:relative; background:#F7F7F7; min-height:330px }
.career-container .cont1 .desc li .box .img { position:absolute; right:20px; top:25px; }
.career-container .cont1 .desc li .box .info { padding:0 40px; }
.career-container .cont1 .desc li .box .t { display:block; font-size:40px; font-weight:800; margin-top:150px; margin-bottom:10px; }
.career-container .cont1 .desc li .box p { display:block; font-size:18px; color:#5D5D5D; line-height:1.5; }
.career-container .cont1 .desc li:nth-child(1) .box { border-color:#D31213 }
.career-container .cont1 .desc li:nth-child(2) { margin-top:150px; }
.career-container .cont1 .desc li:nth-child(2) .box { border-color:#19B488; }
.career-container .cont1 .desc li:nth-child(3) { margin-top:-150px; }
.career-container .cont1 .desc li:nth-child(3) .box { border-color:#6954C9 }
.career-container .cont1 .desc li:nth-child(4) .box { border-color:#3162E2 }
.career-container .cont1 .desc li:nth-child(5) { margin-top:-150px; }
.career-container .cont1 .desc li:nth-child(5) .box { border-color:#E22EAC }

.career-banner { background:#F7F5F5; border-radius:14px; min-height:133px; position:relative; margin-top:80px; }
.career-banner .img { position:absolute; left:40px; }
.career-banner .img img { max-width:223px; height:auto; }
.career-banner .txt2 { margin-left:310px; position: relative; }
.career-banner .txt2 .t { display:block; font-size:24px; font-weight:700; padding-top:40px; margin-bottom:5px; }
.career-banner .txt2 p { font-size:16px; color:#8E8E8E; }
.career-banner a { position:absolute; border-radius: 30px; top:40px; right:40px; background:#0074C8; color:#fff; font-size:14px; font-weight:700; height:56px; line-height:56px; padding:0 28px;  }
.career-banner a span { background:url(../images/career_bt_arrow.svg) no-repeat right center; padding-right:30px;}


/*인사제도 - 복리후생*/
.career2-container {}
.career2-container .cont1 .tit { margin-bottom:60px; }
.career2-container .cont1 .txt1 { margin-bottom:90px; }
.career2-container .cont1 .desc {  }
.career2-container .cont1 .desc .list > ul { }
.career2-container .cont1 .desc .list > ul > li {  margin-bottom:40px; }
.career2-container .cont1 .desc .list > ul > li .box { display:table; }
.career2-container .cont1 .desc .list > ul > li .img { display:table-cell; width:400px; }
.career2-container .cont1 .desc .list > ul > li .img img { max-width:100%; }
.career2-container .cont1 .desc .list > ul > li .info { display:table-cell; padding-left:80px; vertical-align:middle; }
.career2-container .cont1 .desc .list > ul > li .info .t { display: block; font-size:26px; font-weight:800; margin-bottom:15px; }
.career2-container .cont1 .desc .list > ul > li .info ul { font-size:16px; line-height:1.6; }
.career2-container .cont1 .desc .list > ul > li .info ul li { background:url(../images/icon_point.svg) no-repeat left 10px; padding-left:12px; }



/*인사제도 - 인재육성*/
.career3-container {}
.career3-container .cont1 .tit { margin-bottom:80px; }
.career3-container .cont1 .list ul { width:calc(100% + 30px)}
.career3-container .cont1 .list li { float:left; width:25%; }
.career3-container .cont1 .list li .box { min-height:370px; background:#F7F7F7; margin-right:30px; border-radius:14px; }
.career3-container .cont1 .list li:nth-child(even) .box { background:#EBF3F9; }
.career3-container .cont1 .list li .img { text-align:center; padding-top:60px; margin-bottom:25px; }
.career3-container .cont1 .list li .img img { max-width:100%; height:auto; }
.career3-container .cont1 .list li .info > span { display:block; text-align:center; }
.career3-container .cont1 .list li .info .c { color:#0074C8; font-size:22px; font-weight:700; }
.career3-container .cont1 .list li .info .t { font-family: 'OUtfit'; font-size:52px; font-weight:700; }
.career3-container .cont1 .list li .info .t span { font-size:24px; font-weight:normal; }
.career3-container .cont1 .list li .info .d { color:#5D5D5D; font-size:14px; font-weight:normal; }

.career3-container .cont2 { margin-top:170px }
.career3-container .cont2 .tit { position:absolute;  }
.career3-container .cont2 .desc { margin-left: 360px; }
.career3-container .cont2 .desc .list > ul { width:calc(100% + 40px)}
.career3-container .cont2 .desc .list > ul > li { float:left; width:50%; margin-bottom:40px; }
.career3-container .cont2 .desc .list > ul > li:nth-child(odd) { clear:both; }
.career3-container .cont2 .desc .list > ul > li .box { max-width:520px; border-top:solid 4px #1E1E1E; margin-right:40px; min-height:290px; }
.career3-container .cont2 .desc .list > ul > li .info { padding:45px 10px 20px 10px; }
.career3-container .cont2 .desc .list > ul > li .info .no { display: block; font-size:36px; color:#0074C8; font-weight:800; margin-bottom:10px; }
.career3-container .cont2 .desc .list > ul > li .info .t { display: block; font-size:30px; font-weight:800; margin-bottom:15px; }
.career3-container .cont2 .desc .list > ul > li .info ul { font-size:16px; line-height:1.6; }
.career3-container .cont2 .desc .list > ul > li .info ul li { background:url(../images/icon_point.svg) no-repeat left 10px; padding-left:12px; }
.career3-container .cont2 .desc .list > ul > li:nth-child(3) .box { min-height:300px; }
.career3-container .cont2 .desc .list > ul > li:nth-child(4) .box { min-height:300px; }



/*채용정보 - 채용절차*/
.career4-container {}
.career4-container .tit { margin-bottom:110px; }
.career4-container .list { padding-bottom:40px; }
.career4-container .list ul {  }
.career4-container .list li { float:left; width:25%; position:relative; }
.career4-container .list li .box { position:relative; max-width:314px; margin:0 auto; }
.career4-container .list li .box .bg {  }
.career4-container .list li .box .bg img { width:100%;  }
.career4-container .list li:after { content:url(../images/empoy_arrow.svg); position: absolute; right:-2%; top:50%; margin-top:-50px; }
.career4-container .list li:last-child:after { display:none; }
.career4-container .list li .box .info { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.career4-container .list li .box .info .c { display: block; font-size:16px; font-weight:700; color:#0074C8; text-align:center; }
.career4-container .list li .box .info .t { display: block; font-size:34px; font-weight:800; white-space:nowrap; text-align:center; }
.career4-container .list li .desc { max-width:314px; text-align:center; margin:0 auto; margin-top:40px; }
.career4-container .cont2 .txt2 { margin-bottom:30px; margin-top:60px; }
.career4-container .cont2 .txt3 > strong { font-size:16px; }
.career4-container .cont2 .txt3 li { float:left; margin-right:20px; }


/*채용정보 - FAQ*/
.career5-container {}
.career5-container .tit { margin-bottom:60px; }


/*검색*/
.search-container { padding-bottom:150px; }
.search-container .cont1 {  }
.search-container .cont1 .tit { margin-bottom:80px; }
.search-container .cont1 .float-menu { font-size:18px; }
.search-container .cont1 .float-menu li { margin-bottom:20px;  }
.search-container .cont1 .float-content { margin-left:245px; }
.search-container .cont1 .search-list { margin-top:80px; }
.search-container .cont1 .search-list .head { padding-bottom:15px; border-bottom:solid 3px #1E1E1E; }
.search-container .cont1 .search-list.product .head { margin-bottom:30px; }
.search-container .cont1 .search-list .head > span { float:left; font-size:30px; font-weight:800; }
.search-container .cont1 .search-list .head > a { float:right; line-height: 1; font-size:16px; color:#2F2F2F; font-weight:400; background:url(../images/bt_more.svg) no-repeat right center; margin-top:20px; padding-right:35px;  }
.search-container .cont1 .search-list .list li { font-size:16px; color:#5D5D5D; border-bottom:solid 1px #ECECEC; padding:30px 0; }
.search-container .cont1 .search-list .list li a { display:block;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.search-container .cont1 .search-list .list li .ctg { color:#0074C8; font-weight:700; margin-right:15px; margin-left:10px; }
.search-container .product-list > ul > li:nth-child(n+4) { display:none; }
.search-container .search-list .list li:nth-child(n+6) { display:none; }



/*이용약관*/
.term-container { font-size:16px; }
.term-container dl dt { font-size:1.5em; font-weight:700; margin-bottom:15px; }
.term-container dl dd { font-size:1em; color:#5D5D5D; margin-bottom:40px; line-height:1.6; }
.term-container dl dd table { margin-top:40px; }
.term-container dl dd table caption { font-size:18px; margin-bottom:20px; font-weight:700; }
.term-container dl dd .t2 { font-size:18px; font-weight:700; color:#1E1E1E; margin-top:40px; margin-bottom:14px; }
.term-container table tbody tr td { text-align: left; }

.term-btns { max-width:1430px; margin:0 auto; padding:0 20px; }
.term-btns a { display:inline-block; border:solid 1px #5D5D5D; border-radius: 5px; min-width:340px; height:55px; line-height:55px; font-size:14px; font-weight:700;  }
.term-btns a span { display: block; color:#1E1E1E; margin:0 20px;  background:url(../images/bt_arrow.svg) no-repeat right center; padding-right:50px; }
.term-btns a.download span { background:url(../images/icon_download.svg) no-repeat right center }
.term-btns a.history { margin-top:40px; }
.term-btns a.history span { background:url(../images/select_icon_arrow3.svg) no-repeat right center }



/*오시는길*/
.map-container .cont1 {  }
.map-container .cont1 .tit { margin-bottom:80px; }
.map-container .cont1 .float-menu { font-size:18px; }
.map-container .cont1 .float-menu li { margin-bottom:20px;  }
.map-container .cont1 .float-content { margin-left:245px; }
.map-container .cont1 .company .list li { margin-bottom:120px; }
.map-container .cont1 .company .list .tit { font-size:30px; font-weight:800; margin-bottom:20px; }
.map-container .cont1 .company .list .map { height:480px; border:solid 1px #D9D9D9; }
.map-container .cont1 .company .list .info { margin-top:30px; font-size:16px; font-weight:300; line-height:1.7; }
.map-container .cont1 .company .list .info li { margin-bottom:10px; }
.map-container .cont1 .company .list .info label { position:absolute; font-weight: 700; color:#1E1E1E; }
.map-container .cont1 .company .list .info span { display:block; margin-left:100px; }
.map-container .cont1 .company2 .tit2 { font-size:30px; font-weight:800; color:#2F2F2F; margin-bottom:25px; }
.map-container .cont1 .company2 table a { display:inline-block; background:url(../images/icon_map.svg) no-repeat right center; padding-right:25px; }
.map-container .cont1 .company2 table tbody tr td:nth-child(1) { font-weight:700; }
.map-container .cont1 .company2 table tbody tr td:nth-child(2) { font-weight:700; }


/*contact*/
.contact-container {}
.contact-container .cont1 .tit { margin-bottom:80px; }
.contact-container .cont1 .tit2 { margin-bottom:40px; }
.contact-container .proc ul { width:calc(100% + 85px); white-space: nowrap; font-size: 0px;  }
.contact-container .proc li { display:inline-block; width:20%; font-size:16px; }
.contact-container .proc li .box { position:relative; max-width:220px; margin-right:85px;  }
.contact-container .proc li .box .bg img { max-width: 100%; height:auto;}
.contact-container .proc li .box:after { content:url(../images/contact_arrow.svg); position: absolute; right:-45px; top:50%; margin-top:-10px; }
.contact-container .proc li:last-child .box:after { display:none; }
.contact-container .proc li .box .info { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; }
.contact-container .proc li .box .info img { max-width: 100%; }
.contact-container .proc li .box .info span { display:block; text-align: center; font-weight: 700; }
.contact-container .banner { margin-top:60px; }
.contact-container .banner .inner { min-height:200px; padding:33px 40px; }
.contact-container .banner .inner > span { display:block; }
.contact-container .banner .left { float:left; width:48%; background:#F7F7F7; border-radius:14px; }
.contact-container .banner .right { float:right; width:48%; background:#F7F7F7; border-radius:14px; }
.contact-container .banner .t {  }
.contact-container .banner .h { margin-top:60px; }
.contact-container .banner p { margin-top:10px; }
.contact-container .banner .btns { margin-top:25px; }
.contact-container .banner .btns a { display:inline-block; width:30%; max-width: 200px; background: #fff; height:58px; line-height:58px; text-align:center; border:solid 1px #D9D9D9; border-radius:30px; font-size:14px; font-weight:700; color:#2F2F2F; padding:0px; text-align: center; }
.contact-container .banner .btns a.inquiry { background:#0074C8; color:#fff; border:solid 1px #0074C8; margin-right:10px; }
.contact-container .banner .btns a.confirm { border:solid 1px #0074C8; margin-right:10px; }
.contact-container .banner .btns a.find { background: #f53c09; color:#fff; margin-right:10px; }



/*1:1문의*/
.inquiry-container .cont1 .tit { margin-bottom:25px; position: relative; }
.inquiry-container .cont1 .tit div { margin-top:30px; }
.inquiry-container .cont1 .tit a.inquiry { display: inline-block; padding:0 30px; background: #0074C8; border-radius: 40px; font-size:18px; font-weight:700; height:64px; line-height:64px; text-align:center; color:#fff; }
.inquiry-container .cont1 .float-menu { font-size:18px; }
.inquiry-container .cont1 .float-menu li { margin-bottom:20px;  }
.inquiry-container .cont1 .float-content { margin-left:245px; }
.inquiry-container .cont1 .txt1 { font-size:17px; color:#5D5D5D; line-height:1.6; }

.inquiry-container label { display: inline-block; font-size:14px; font-weight:700; margin-bottom:13px; }
.inquiry-container label.ess { background:url(../images/icon_star.svg) no-repeat right 2px; padding-right:13px;  }

.inquiry-container .frm1 { margin-top:25px; }
.inquiry-container .frm1 ul li { float:left; margin-right:12px; margin-bottom:5px; }
.inquiry-container .frm1 ul li a { min-width: 70px; padding:0 20px; display:block; text-align: center; font-size:16px; font-weight: 700; height:58px; line-height:58px; background:#F3F3F3; border:solid 1px #D9D9D9; border-radius:8px; }
.inquiry-container .frm1 ul li.selected a { background:#0074C8; border:solid 1px #0074C8;  color:#fff; }


.inquiry-container .frm2 { margin-top:100px; }
.inquiry-container .frm2 .tit3 { font-size:30px; font-weight:800; padding-bottom:15px; border-bottom:solid 3px #1E1E1E; margin-bottom:45px; }

.inquiry-container .frm2 .tit3 .radio { font-size:14px; color:#5D5D5D; margin-top:10px; padding-left:8px; font-weight:500; }
.inquiry-container .frm2 .tit3 .radio input[type=radio] { width:20px; height:20px; vertical-align:middle; margin-left:14px; margin-top:-4px; }

.inquiry-container .frm2 ul { width:calc(100% + 25px); }
.inquiry-container .frm2 li { float:left; width:50%; margin-bottom: 30px; }
.inquiry-container .frm2 li:nth-child(even) { float:left; }
.inquiry-container .frm2 li .input { margin-right:25px; position:relative; }
.inquiry-container .frm2 li.clear { clear:both; }
.inquiry-container .frm2 li .input input[type=text],
.inquiry-container .frm2 li .input input[type=number],
.inquiry-container .frm2 li .input input[type=email],
.inquiry-container .frm2 li .input input[type=password] { border:none; width:100%; font-size: 16px; background:#F3F3F3; border-radius:8px; height:60px; line-height:60px; text-indent:18px; }
.inquiry-container .frm2 li .input input::-webkit-inner-spin-button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
.inquiry-container .frm2 li .input > span { display:block; }
.inquiry-container .frm2 li .input .radio { font-size:14px; color:#5D5D5D; margin-top:10px; padding-left:8px; font-weight:500; }
.inquiry-container .frm2 li .input .radio input[type=radio] { width:20px; height:20px; vertical-align:bottom; margin-left:14px; }
.inquiry-container .frm2 li .input .tip { font-size:14px; color:#8E8E8E; margin-top:10px; padding-left:5px; }
.inquiry-container .frm2 li .input .flex { display:flex; }
.inquiry-container .frm2 li .input .flex input { margin-right:10px; }
.inquiry-container .frm2 li .input .flex input:last-child { margin-right:0px; }
.inquiry-container .frm2 li .input .flex input[name=tel2] { width:80px; }


.inquiry-container .frm3 { margin-top:100px; }
.inquiry-container .frm3 .tit3 { font-size:30px; font-weight:800; padding-bottom:15px; border-bottom:solid 3px #1E1E1E; margin-bottom:45px; }
.inquiry-container .frm3 .term1 { height:250px; background:#F3F3F3; border-radius:12px; padding:45px 60px; overflow-y:auto; }
.inquiry-container .frm3 .term1 .term-container { font-size:15px; }
.inquiry-container .frm3 .term1 .term-container dt { font-size:1em; margin-bottom:8px; }
.inquiry-container .frm3 .term1 .term-container dd { margin-bottom:20px; }
.inquiry-container .frm3 .term1 .term-container .btns { display:none; }
.inquiry-container .frm3 .term1 #page-content{padding-top: 0px;}
.inquiry-container .frm3 .agree { margin-top:15px; font-size:15px; font-weight:700; }
.inquiry-container .frm3 .agree input[type=checkbox] { width:22px; height:22px; vertical-align:middle; margin-top:-2px; }


.inquiry-container .frm4 { margin-top:100px; }
.inquiry-container .frm4 .tit3 { font-size:30px; font-weight:800; padding-bottom:15px; border-bottom:solid 3px #1E1E1E; margin-bottom:45px; }
.inquiry-container .frm4 li { margin-bottom: 30px; }
.inquiry-container .frm4 li .input { margin-right:25px; position:relative; }
.inquiry-container .frm4 li .input input[type=text],
.inquiry-container .frm4 li .input input[type=password] { border:none; width:100%; font-size: 16px; background:#F3F3F3; border-radius:8px; height:60px; line-height:60px; text-indent:18px; }
.inquiry-container .frm4 li .textarea { background:#F3F3F3;  border-radius:8px; height:240px; padding:18px; }
.inquiry-container .frm4 li .textarea textarea { background:transparent; border:none; width:100%; height:100%; font-size: 16px; }
.inquiry-container .frm4 li .input .tip { display: block; font-size:14px; color:#8E8E8E; margin-top:10px; padding-left:5px; }
.inquiry-container .frm4 li.w50p { width:50%; float:left; }

.inquiry-container .input_button { position: absolute; right:0px; display:inline-block; background:#2F2F2F; height:60px; line-height:60px; color: #fff; text-align: center; min-width: 110px; border-radius:8px; }
.inquiry-container .input.button input[type=text]{ width:calc(100% - 120px) !important; }

.inquiry-container .btns { margin-top:60px; text-align: center; }
.inquiry-container .btns a { display: inline-block; padding:0 30px; background: #ECECEC; border-radius: 40px; font-size:18px; font-weight:700; height:64px; line-height:64px; text-align:center; color:#5D5D5D; }
.inquiry-container .btns a.submit { background:#0074C8; color:#fff; }

.inquiry-container .section2 { border-bottom:solid 1px #D9D9D9; padding-bottom:30px; }
.inquiry-container .section .board-article { border-top:none; padding-top:60px; }
.inquiry-container .section .board-content { padding-top:0px; max-width:950px; margin:0 auto; position:relative; }
.inquiry-container .section .board-content .board-view-tool { margin-bottom:45px; }
.inquiry-container .section .board-content .float_ok { position:absolute; top:-130px; right:0px; width:145px; height: 145px; line-height: 145px; border-radius: 50%; background:#00A76D; color:#fff; font-size:28px; font-weight:800; text-align:center; }

.inquiry-container .inquiry-article {}
.inquiry-container .inquiry-article .inquiry-item {}
.inquiry-container .inquiry-article .inquiry-item div .notice-text { font-size: 15px; font-weight:400; margin-top: 20px; }
.inquiry-container .inquiry-article .inquiry-item dt { font-size:34px; font-weight:700; margin-bottom:40px; }
.inquiry-container .inquiry-article .inquiry-item dd { padding-bottom:80px; border-bottom:solid 1px #E8E8E8; margin-bottom:80px; }
.inquiry-container .inquiry-article .inquiry-item label { font-size:35px; font-weight:700; color:#0074C8; position:absolute; }
.inquiry-container .inquiry-article .inquiry-item .desc { margin-left:165px; }
.inquiry-container .inquiry-article .inquiry-item .date { margin-left:165px; margin-top:15px; font-weight: normal; }
.inquiry-container .inquiry-article dl:last-child dd { border-bottom:none; padding-bottom:0px; margin-bottom: 0px; }


/*문의확인*/
.popup-auth { position:fixed; top:0px; left:0px; width:100%; height:100%; background: rgba(0, 0, 0, 0.7); z-index:999; display: none; }
.popup-auth .box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; width:100%; max-width:600px; border-radius:30px; }
.popup-auth .box .close { position:absolute; display:block; padding:10px; right:30px; top:30px; }
.popup-auth .box .inner { margin:60px; }
.popup-auth .box .txt1 { margin-bottom:35px; margin-top:15px; }
.popup-auth .box label { display: inline-block; font-size:14px; font-weight:700; margin-bottom:5px; }
.popup-auth .box label.ess { background:url(../images/icon_star.svg) no-repeat right 2px; padding-right:13px;  }
.popup-auth .box li { margin-bottom:17px; }
.popup-auth .box li .input input[type=text],
.popup-auth .box li .input input[type=password] { border:none; width:100%; font-size: 16px; background:#F3F3F3; border-radius:8px; height:60px; line-height:60px; text-indent:18px; }
.popup-auth .box .findpw { font-size:14px; font-weight:600; text-align:center; color:#8E8E8E; margin-top:15px; }
.popup-auth .btns { margin-top:35px; text-align: center; }
.popup-auth .btns a { display: inline-block; padding:0 30px; background: #0074C8; color:#fff; border-radius: 40px; font-size:18px; font-weight:700; height:58px; line-height:58px; text-align:center;}

/*문의확인 실패*/
.auth-fail-pop { position:fixed; top:0px; left:0px; width:100%; height:100%; background: rgba(0, 0, 0, 0.7); z-index:999; display: none; }
.auth-fail-pop .box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; width:100%; max-width:600px; border-radius:30px; }
.auth-fail-pop .box .close { position:absolute; display:block; padding:10px; right:30px; top:30px; }
.auth-fail-pop .box .inner { margin:60px; }
.auth-fail-pop .box .txt1 { margin-bottom:35px; margin-top:15px; }
.auth-fail-pop .btns { margin-top:35px; text-align: center; }
.auth-fail-pop .btns a { display: inline-block; padding:0 30px; color:#fff; border-radius: 40px; font-size:16px; font-weight:500; height:58px; line-height:58px; text-align:center;}
.auth-fail-pop .btns a.red { background: #f53c09;; }
.auth-fail-pop .btns a.blue { background: #0074C8; }

/*id/pw 찾기*/
.popup-find { position:fixed; top:0px; left:0px; width:100%; height:100%; background: rgba(0, 0, 0, 0.7); z-index:999; display: none; }
.popup-find .box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; width:100%; max-width:600px; border-radius:30px; }
.popup-find .box .close { position:absolute; display:block; padding:10px; right:30px; top:30px; }
.popup-find .box .inner { margin:60px; }
.popup-find .box .find-btn { margin-bottom: 10px; }
.popup-find .box .txt1 { margin-bottom:15px; margin-top:15px; }
.popup-find .box .tit1 { margin-bottom:15px; margin-top:15px; }
.popup-find .box label { display: inline-block; font-size:14px; font-weight:700; margin-bottom:5px; }
.popup-find .box label.ess { background:url(../images/icon_star.svg) no-repeat right 2px; padding-right:13px;  }
.popup-find .box li { margin-bottom:17px; }
.popup-find .box li .input input[type=text],
.popup-find .box li .input input[type=password] { border:none; width:100%; font-size: 16px; background:#F3F3F3; border-radius:8px; height:60px; line-height:60px; text-indent:18px; }
.popup-find .box .findpw { font-size:14px; font-weight:600; text-align:center; color:#8E8E8E; margin-top:15px; }
.popup-find .btns { margin-top:35px; text-align: center; }
.popup-find .btns a { display: inline-block; padding:0 30px; background: #0074C8; color:#fff; border-radius: 40px; font-size:18px; font-weight:700; height:58px; line-height:58px; text-align:center;}

/*id*/
.popup-find-id { position:fixed; top:0px; left:0px; width:100%; height:100%; background: rgba(0, 0, 0, 0.7); z-index:999; display: none; }
.popup-find-id .box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; width:100%; max-width:600px; border-radius:30px; }
.popup-find-id .box .close { position:absolute; display:block; padding:10px; right:30px; top:30px; }
.popup-find-id .box .inner { margin:60px; }
.popup-find-id .box .find-btn { margin-bottom: 10px; }
.popup-find-id .box .txt1 { margin-bottom:15px; margin-top:15px; }
.popup-find-id .box .tit1 { margin-bottom:15px; margin-top:15px; }
.popup-find-id .box .find-id-result { width: 90%;height: 100%; background-color: rgb(230, 230, 230); padding: 25px; border-radius: 5px; }
.popup-find-id .box .find-id-result .user-id { text-align: center; }
.popup-find-id .box .find-id-result .user-id span { margin-left: 40px; }
.popup-find-id .btns { margin-top:35px; text-align: center; }
.popup-find-id .btns a { display: inline-block; padding:0 30px; background: #0074C8; color:#fff; border-radius: 40px; font-size:18px; font-weight:700; height:58px; line-height:58px; text-align:center;}

/*pwd*/
.popup-update-pwd { position:fixed; top:0px; left:0px; width:100%; height:100%; background: rgba(0, 0, 0, 0.7); z-index:999; display: none; }
.popup-update-pwd .box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; width:100%; max-width:600px; border-radius:30px; }
.popup-update-pwd .box .close { position:absolute; display:block; padding:10px; right:30px; top:30px; }
.popup-update-pwd .box .inner { margin:60px; }
.popup-update-pwd .box .find-btn { margin-bottom: 10px; }
.popup-update-pwd .box .txt1 { margin-bottom:15px; margin-top:15px; }
.popup-update-pwd .box .tit1 { margin-bottom:15px; margin-top:15px; }
.popup-update-pwd .box label { display: inline-block; font-size:14px; font-weight:700; margin-bottom:5px; }
.popup-update-pwd .box label.ess { background:url(../images/icon_star.svg) no-repeat right 2px; padding-right:13px;  }
.popup-update-pwd .box li { margin-bottom:17px; }
.popup-update-pwd .box li .input input[type=text],
.popup-update-pwd .box li .input input[type=password] { border:none; width:100%; font-size: 16px; background:#F3F3F3; border-radius:8px; height:60px; line-height:60px; text-indent:18px; }
.popup-update-pwd .btns { margin-top:35px; text-align: center; }
.popup-update-pwd .btns a { display: inline-block; padding:0 30px; background: #0074C8; color:#fff; border-radius: 40px; font-size:18px; font-weight:700; height:58px; line-height:58px; text-align:center;}

.popup-send { position:fixed; top:0px; left:0px; width:100%; height:100%; background: rgba(0, 0, 0, 0.7); z-index:999; display: none; }
.popup-send .box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; width:100%; max-width:600px; border-radius:30px; }
.popup-send .box .close { position:absolute; display:block; padding:10px; right:30px; top:30px; }
.popup-send .box .inner { margin:60px; }
.popup-send .box .txt1 { margin-bottom:35px; margin-top:15px; }
.popup-send .box label { display: inline-block; font-size:14px; font-weight:700; margin-bottom:5px; }
.popup-send .box label.ess { background:url(../images/icon_star.svg) no-repeat right 2px; padding-right:13px;  }
.popup-send .box li { margin-bottom:17px; }
.popup-send .box li .input input[type=text],
.popup-send .box li .input input[type=password] { border:none; width:100%; font-size: 16px; background:#F3F3F3; border-radius:8px; height:60px; line-height:60px; text-indent:18px; }
.popup-send .box .findpw { font-size:14px; font-weight:600; text-align:center; color:#8E8E8E; margin-top:15px; }
.popup-send .btns { margin-top:35px; }
.popup-send .btns a { display: inline-block; padding:0 30px; background: #0074C8; color:#fff; border-radius: 40px; font-size:18px; font-weight:700; height:58px; line-height:58px; text-align:center;}




/*제품 리스트*/
.product-list {}
.product-list > ul { width:calc(100% + 25px); }
.product-list > ul > li { float:left; width:33.33%; margin-bottom:50px; }
.product-list > ul > li:nth-child(3n+1) { clear:both; }
.product-list .box { margin-right:25px; }
.product-list .box .dim { position:absolute; top:0px; left:0px; width:100%; height:100%; background: rgba(0, 116, 200, 0.8); font-size: 14px; color:#fff; line-height: 1.6; cursor: pointer; z-index:10; display:none; }
.product-list .box .brand-link-mbtns {display:none; background: #0077CC; color:#fff; font-size:14px; font-weight: 600; height:50px; line-height: 50px; text-align:center; padding:0 25px; border-radius:40px; margin-bottom:15px; cursor:pointer; }
.product-list .box .brand-link-mbtns img { margin-right: 5px;}
.product-list .box .dim .brand-link { position:absolute; right:65px; bottom:20px; cursor:pointer; }
.product-list .box .dim:after { content:url(../images/product_btn_view.svg); position:absolute; right:20px; bottom:20px; cursor:pointer; }
.product-list .box .dim > span { display:block; padding:30px 25px; }
.product-list .box .img { background:#F3F3F3; border-radius:14px; overflow:hidden; position:relative; }
.product-list .box .img img { max-width:100%; height:auto; object-fit:cover; }
.product-list .box .info { padding-top:20px; }
.product-list .box .info .ctg { font-size:13px; font-weight:800; color:#0074C8; margin-bottom:7px; }
.product-list .box .info .title { font-size:16px; font-weight:700; margin-bottom:8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-list .box .info .tag { font-size:18px; font-weight:700; overflow: hidden;}
.product-list .box .info .tag ul {  }
.product-list .box .info .tag li { float:left; margin-right:5px; margin-bottom:2px; }
.product-list .box .info .tag li a { display:inline-block;  border-radius: 4px; background:#EBF3F9; color:#5D5D5D; font-size:11px; height:25px; line-height:25px; padding:0 8px; white-space: nowrap;  }


/*제품*/
.product-container {}
.product-container .mobile-search-btn { position:fixed; bottom:0px; left:0px; width:100%;  z-index: 800; display: none; }
.product-container .mobile-search-btn a { background:#0074C8;  font-size:18px; font-weight:700; color:#fff; display:block; height:60px; line-height: 60px; text-align: center; }
.product-container .mobile-search-btn a img { margin-right:5px; margin-top:-2px; }
.product-container .float-content { margin-left:360px; min-height:1000px; }
.product-container .side { max-width:280px; min-height:1000px;}
.product-container .side .close { display:none; position: absolute; right:20px; top:20px; }
.product-container .side .txt1 { font-size:30px; font-weight:800; margin-bottom:20px; }
.product-container .side .search { position:relative; margin-bottom:45px; }
.product-container .side .search input { border:none; width:100%; border-bottom:solid 3px #1E1E1E; font-size: 20px; font-weight:500; height:40px; line-height:40px; }
.product-container .side .search a { position:absolute; right:0px; top:10px; }

.product-container .side .tag1 { margin-bottom:45px; }
.product-container .side .tag1 .tit { font-size:15px; font-weight:800; margin-bottom:15px; }
.product-container .side .tag1 li { float:left; font-size:12px; color:#5D5D5D; font-weight:500; background:#F3F3F3; border-radius:12px; margin-right:8px; margin-bottom:8px; }
.product-container .side .tag1 li a { display:block; padding:0 12px; height:38px; line-height: 38px;  }
.product-container .side .tag1 li.selected { background:#0074C8; color:#fff; }
.product-container .side .m-dropdown {  }
.product-container .side .m-dropdown-title { font-size:16px; font-weight: 800; background: url(../images/m_menu_arrow.svg) no-repeat 98% center; padding:15px 20px; cursor:pointer; display:none; }
.product-container .side .m-dropdown.selected .m-dropdown-title { background-image: url(../images/m_menu_arrow2.svg); border-bottom:solid 1px #efefef; }

.product-container .cont1 .tit { margin-bottom:50px; }
.product-container .cont1 a.pharmacy { position: absolute; display: inline-block; right: 0px; text-align: center; font-size: 16px;  color: #0074C8; height: 40px;  line-height: 40px;  padding: 0 25px; border: 2px solid #0074C8; border-radius: 10px; background-color: #fff; }
.product-container .cont1 a.pharmacy img { padding-right:5px; }
.product-container .cont1 .tab-menu { margin-bottom: 50px; }
.product-container .cont1 .tab-menu li a { font-size:18px;  }
.product-container .cont1 .head { margin-bottom:35px; font-size:16px; }
.product-container .cont1 .head .tot { float:left; }
.product-container .cont1 .head .sort { float:right; position:relative; font-size:16px; font-weight:500; }
.product-container .cont1 .head .sort > span { display: block; background:url(../images/sort_down.svg) no-repeat right center; padding-right:15px; color:#5D5D5D; cursor:pointer; }
.product-container .cont1 .head .sort ul { position:absolute; padding:0 15px; right:0px; top:100%; margin-top:10px; border:solid 1px #D9D9D9; background: #fff; color:#7F7F7F; z-index:50; display:none; }
.product-container .cont1 .head .sort ul a { display:block; line-height:36px; font-size:14px; font-weight:600; text-align:center; white-space: nowrap; }
.product-container .cont1 .head .sort ul a:hover { background:#F3F3F3; color:#1E1E1E; }
.product-container .cont1 .head .sort ul a.selected { background:#F3F3F3; color:#1E1E1E; }


.product-container .detail {}
.product-container .detail .head .tag li { float:left; font-size:12px; color:#5D5D5D; font-weight:500; background:#EBF3F9; border-radius:12px; margin-right:8px; margin-bottom:8px; }
.product-container .detail .head .tag li a { display:block; padding:0 12px; height:38px; line-height: 38px; font-size:14px; }
.product-container .detail .head .tag li.selected { background:#0074C8; color:#fff; }
.product-container .detail .head a.down { background:url(../images/icon_download.svg) no-repeat left center; padding-left:35px; }
.product-container .detail .prod .btns a { display: inline-block; background:#2F2F2F; color:#fff; font-size:14px; font-weight:600; height:50px; line-height:50px; text-align:center; padding:0 25px; border-radius:40px; margin-bottom:7px; }
.product-container .detail .prod .btns .org { background:#ff7e34; }
.product-container .detail .prod .btns .orange { display: inline-block; background:#ff7e34; color:#fff; font-size:14px; font-weight:600; height:50px; line-height:50px; text-align:center; padding:0 25px; border-radius:40px; margin-bottom:7px; }
.product-container .detail .prod .btns a img { margin-right:5px; }
.product-container .detail .prod .btns a.list { display:none; background:#0074C8 ; }
.product-container .detail .section2 { background: 50px; margin-bottom:60px; }
.product-container .detail .prod { max-width:1430px; margin:0 auto; padding:0 20px; }

.product-container .detail .head { padding-bottom:80px; }
.product-container .detail .head .back { margin-bottom:50px; }
.product-container .detail .head .ctg { font-size:30px; font-weight:800; color:#0074C8; margin-bottom:15px; }
.product-container .detail .head .ctg .brand { margin-left:20px; padding-left:20px; position: relative; }
.product-container .detail .head .ctg .brand::before { content:''; left:0px; top:6px; position:absolute; height:25px; width:2px; background:#0074C8;  }
.product-container .detail .head h3 { font-size:52px; font-weight:800; margin-bottom: 30px; }
.product-container .detail .head .tag {}
.product-container .detail .head .tag li { float:left; font-size:12px; color:#5D5D5D; font-weight:500; background:#EBF3F9; border-radius:12px; margin-right:8px; margin-bottom:8px; }
.product-container .detail .head .tag li a { display:block; padding:0 12px; height:38px; line-height: 38px;  }
.product-container .detail .head .info { font-size:16px; font-weight:800; margin-top:30px; }
.product-container .detail .head .info .brand { display: block; margin-bottom:6px; }
.product-container .detail .head .info ul { display:table; }
.product-container .detail .head .info li { display:table-row; }
.product-container .detail .head .info li > label { display:table-cell; padding-right:25px; padding-bottom:5px; }
.product-container .detail .head .info li > span { display:table-cell; color:#7F7F7F; font-weight:normal; padding-bottom:5px; }

.product-container .detail .product_content { font-size:16px; margin-top:140px; margin-bottom:40px;  }

.product-container .detail .section2 { background:#F3F3F3; padding:80px 0; }
.product-container .detail .prod .thumb { position:absolute; }
.product-container .detail .prod .thumb .img { max-width:555px;  }
.product-container .detail .prod .thumb .img img { max-width:100%; height:auto; object-fit:cover; border-radius:20px; }
.product-container .detail .prod .thumb .etc { font-size:0px; text-align:center; margin-top:20px; }
.product-container .detail .prod .thumb .etc ul { text-align:center; }
.product-container .detail .prod .thumb .etc li { display:inline-block; margin:0 5px; position: relative; background: #fff; }
.product-container .detail .prod .thumb .etc li img { width:77px; }
.product-container .detail .prod .thumb .etc li.selected:after { content:''; position:absolute; left:0px; top:0px; width:calc(100% - 6px); height: calc(100% - 6px); border:solid 3px #0074C8; cursor:pointer; }
.product-container .detail .prod .desc { margin-left: 629px; min-height:516px; }
.product-container .detail .prod .desc ul { display: table; width:100%; font-size:14px; color:#5D5D5D; border-bottom:solid 1px #D9D9D9;  }
.product-container .detail .prod .desc li { display:table-row;  }
.product-container .detail .prod .desc li label { display:table-cell; font-weight: bold; border-top:solid 1px #D9D9D9; padding:24px 5px; width:90px; }
.product-container .detail .prod .desc li > span { display:table-cell; border-top:solid 1px #D9D9D9; padding:24px 5px; line-height:1.6;  }
.product-container .detail .prod .desc .btns { margin-top:40px; }

.product-container .detail .perm { padding:100px 0; }
.product-container .detail .perm .tit { font-size:30px; font-weight:800; margin-bottom:20px; }
.product-container .detail .perm .tit .more { float:right; line-height: 1; font-size:16px; color:#2F2F2F; font-weight:400; background:url(../images/bt_more.svg) no-repeat right center; margin-top:20px; padding-right:35px;  }
.product-container .detail .prd_btns { text-align:center; margin-bottom:80px; }
.product-container .detail .prd_btns a { display: inline-block; background:#0074C8; color:#fff; font-size:14px; font-weight:600; height:50px; line-height:50px; text-align:center; padding:0 25px; border-radius:40px; }

.product-container .detail .section3 { padding:80px 20px 0 20px;  border-top:solid 1px #ECECEC; }
.product-container .detail .rel .tit { font-size:28px; font-weight:800; margin-bottom:30px; }
.product-container .detail .rel .tit .btns { float:right;  }
.product-container .detail .rel .tit .btns a { margin-left:10px; }
.product-container .detail .rel { max-width:1430px; margin:0 auto; }
.product-container .detail .rel .product-list > ul > li { width:25%; }
.product-container .detail .rel .bx-pager { display:none; }
.product-container .detail .product-list { overflow: hidden; }
.product-container .detail .product-list li .box { margin-right:0px; }


/*메인페이지*/
#main-contents { overflow:hidden; padding-bottom:200px; }
#main-contents .fullpage { position:relative; }
#main-contents .fullpage video.tab { display:none; }
#main-contents .fullpage video.mobile { display:none; }

#main-contents .fullpage .quick-float { position:absolute; right:45px; top:50%; transform:translateY(-50%); z-index:890; }
#main-contents .fullpage .iconScroll { position:fixed; bottom:40px; z-index:100; left:50%; transform:translateX(-50%); }
#main-contents .fullpage ul.pages { position:relative; display: block; color:#fff; overflow:hidden; }
#main-contents .fullpage ul.pages li { position:absolute; top:0px; left:0px; width:100%; height:100%; background: #fff; }
#main-contents .fullpage ul.pages li:first-child { display:block; }
#main-contents .fullpage ul.pages li:before { content:''; position: absolute; width:100%; height:100%; background: #000; opacity: 0; z-index: 1;}
#main-contents .fullpage ul.pages li video { width:100%; height:100%; object-fit: cover; }
#main-contents .fullpage ul.pages li .copy { display:none; }
#main-contents .fullpage ul.pages li .copy .inner { padding: 0 20px;}
/*#main-contents .fullpage li { position:relative; }*/
#main-contents .fullpage ul.pages li:nth-child(1) { background:#000; background-size:cover; z-index:5;}
/*#main-contents .fullpage li:nth-child(1) .copy { position:absolute; font-size:76px; font-weight:900; max-width:1430px; top:50%; transform:translateY(-50%); }*/
#main-contents .fullpage ul.pages li:nth-child(1) .copy { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; max-width:1430px; margin:0 auto; font-size:76px; font-weight:900; z-index: 5; }

#main-contents .fullpage ul.pages li:nth-child(2) { background:#000; background-size:cover; z-index:4;}
#main-contents .fullpage ul.pages li:nth-child(2) .copy { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; max-width:1430px; margin:0 auto; font-size:76px; font-weight:900; z-index: 5; }

#main-contents .fullpage ul.pages li:nth-child(3) { background:#000; background-size:cover; z-index:3; }
#main-contents .fullpage ul.pages li:nth-child(3) .copy { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; max-width:1430px; margin:0 auto; font-size:76px; font-weight:900; z-index: 5; }

#main-contents .fullpage ul.pages li:nth-child(4) { background:url(../images/main_bg_img4.jpg) center center; background-size:cover; z-index:2; }
#main-contents .fullpage ul.pages li:nth-child(4) .copy { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; max-width:1430px; margin:0 auto; z-index: 5; }
#main-contents .fullpage ul.pages li:nth-child(4) .copy .txt1 { font-size:55px; font-weight:300;margin-top:10px;  }
#main-contents .fullpage ul.pages li:nth-child(4) .copy .txt2 { font-size:64px; font-weight:900; letter-spacing:-2px;  }
#main-contents .fullpage ul.pages li:nth-child(4) .copy .txt3 { font-size:24px; font-weight:400; margin-top:20px; }
#main-contents .fullpage ul.pages li:nth-child(4) .copy .txt3 br { display:none; }

#main-contents .scrollpage { max-width:1430px; margin:0 auto; position:relative; }

#main-contents .company ul { padding-top:340px; }

#main-contents .company li { margin-bottom:300px; }
#main-contents .company li .box { margin-left:230px; }
#main-contents .company li .box .img { margin-bottom:50px; }
#main-contents .company li .box .img .mobile { display:none; }
#main-contents .company li .box .desc { padding-right:20px; }
#main-contents .company li .box .desc .t { font-size:54px; font-family:"Outfit", sans-serif; font-weight:800; margin-bottom:15px; }
#main-contents .company li .box .desc .t2 { font-size:18px; font-weight:700; margin-bottom:15px; }
#main-contents .company li .box .desc .t3 { font-size:16px;  margin-bottom:50px;}
#main-contents .company li .box .desc > span { display:block; }
#main-contents .company li .box .desc > a {  display:inline-block; }
/*#main-contents .company li:nth-child(even) .box { margin-left:0px; margin-right:230px }*/
#main-contents .company li:nth-child(even) .box .img { position: absolute; right:230px; }
#main-contents .company li:nth-child(even) .box .desc { padding-top:424px; }

#main-contents .news .tit > span { display:block; text-align:center; }
#main-contents .news .tit .ctg { font-size:24px; font-family:"Outfit", sans-serif; font-weight:500; color:#0074C8; margin-bottom:17px; }
#main-contents .news .tit .t { margin-bottom:50px; }

#main-contents .scrollpage2 .list { overflow-x: auto;}
#main-contents .scrollpage2 .list::-webkit-scrollbar { width:0px; }
#main-contents .scrollpage2 .scroll-wrapper .scroll-element { display:none; }
#main-contents .scrollpage2 .list ul { display: table; white-space:nowrap; font-size:0px; padding:0 40px; }
#main-contents .scrollpage2 .list ul li { display:table-cell; font-size:16px; }
#main-contents .scrollpage2 .list ul li .box { width:330px; border-radius:14px; overflow:hidden; margin-right:20px; cursor:pointer; }
#main-contents .scrollpage2 .list ul li .box .img img { max-width: 100%;}
#main-contents .scrollpage2 .list ul li .desc { background:#f7f7f7; height:90px; padding:20px; white-space:normal; }
#main-contents .scrollpage2 .list ul li .desc > span { display:block; }
#main-contents .scrollpage2 .list ul li .desc .ctg { font-size:14px; font-weight:600; color:#0074C8; margin-bottom:10px; }
#main-contents .scrollpage2 .list ul li .desc .t { font-size:16px; font-weight:600; color:#5D5D5D;  overflow: hidden; text-overflow: ellipsis; }

#main-contents .news .tit { padding:0 20px; }
#main-contents .news .tit .t { line-height: 1.2;}
#main-contents .news .notice {  max-width:420px; margin:0 auto; margin-top:85px; font-size:14px; padding:0 20px; }
#main-contents .news .notice ul { border-top:solid 1px #E8E8E8; }
#main-contents .news .notice li { border-bottom:solid 1px #E8E8E8; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#main-contents .news .notice li label { font-weight:800; margin-right:10px; }

#main-contents .product { margin-top:300px; }
#main-contents .product .tit { text-align:center; }
#main-contents .product .tit > span { display:block; text-align:center; }
#main-contents .product .tit .ctg { font-size:24px; font-family:"Outfit", sans-serif; font-weight:500; color:#0074C8; margin-bottom:35px; }
#main-contents .product .tit .t { margin-bottom:50px; }
#main-contents .product .tit > a {  display: inline-block; padding:0 26px; border-radius: 40px; font-size:14px; font-weight:600; height:53px; line-height:53px; text-align:center; background:#5B4581; color:#fff; }
#main-contents .product .tit > a img { margin-left:15px; }
#main-contents .product .list { max-width:1070px; margin:0 auto; margin-top:100px; padding:0 20px; }
#main-contents .product .list li { float:left; width:33.33%; margin-bottom:55px; }
#main-contents .product .list li:nth-child(2) { margin-top:127px; }
#main-contents .product .list li:nth-child(4) { clear:both; margin-top:-127px; }
#main-contents .product .list li:nth-child(6) { margin-top:-127px; }
#main-contents .product .list li .box { max-width:320px; margin:0 auto; cursor: pointer; }
#main-contents .product .list li .img img { max-width:100%; height:auto; }
#main-contents .product .list li .desc > span { display:block; text-align:center; }
#main-contents .product .list li .desc .t { font-size:20px; font-weight:600; margin-bottom:7px; }
#main-contents .product .list li .desc .t2 { font-size:16px; }

/* partnering */
.partner1-container {}
.partner1-container .cont1 { margin-bottom:80px; }
.partner1-container .cont1 .tit { margin-bottom:40px; }
.partner1-container .cont2 .tit { margin-bottom:50px; }
.partner1-container .cont2 ul { width:calc(100% + 40px); }
.partner1-container .cont2 ul li { float:left; margin-bottom:100px; width:33.33%;  }
.partner1-container .cont2 ul li .box { margin-right:40px; border-top:solid 4px #000; }
.partner1-container .cont2 ul li .box img { margin-top:20px; }
.partner1-container .cont2 ul li .box .t { margin-top:20px; font-size:24px; font-weight: 600; }
.partner1-container .cont2 ul li .box .p { margin-top:20px; font-size:16px;  } 
.partner1-container .cont2 ul li:nth-child(4) { clear:both; }

/* Product Licensing */
.partner2-container {}
.partner2-container .cont1 { padding-bottom:80px;  }
.partner2-container .cont1 .tit { margin-bottom:40px; }
.partner2-container .cont2 { padding-bottom:100px; border-bottom:solid 1px #ECECEC; margin-bottom: 150px; }
.partner2-container .cont2 .tit { margin-bottom:50px; }
.partner2-container .cont2 ul {  }
.partner2-container .cont2 ul li { position: relative; margin-bottom:30px;  }
.partner2-container .cont2 ul li .label { position: absolute; width:290px; border-top:solid 2px #000; padding:30px 0; font-size:26px; font-weight: 600; }
.partner2-container .cont2 ul li .desc { margin-left: 360px; border-top:solid 2px #E8E8E8; font-size:18px; padding:30px 0; line-height: 1.5; }
.partner2-container .cont3 {}
.partner2-container .cont3 .tit { text-align: center; margin-bottom:70px; }
.partner2-container .cont3 ul { width:calc(100% + 45px); }
.partner2-container .cont3 ul li { float:left; width:14.28%;  margin-bottom:20px; }
.partner2-container .cont3 ul li img { max-width: 100%; height:auto; }

/* Contract Manufacturing & QC */
.partner3-container {}
.partner3-container .cont1 { padding-bottom:80px;  }
.partner3-container .cont1 .tit { margin-bottom:40px; }

.partner3-container .cont2 { display:flex; align-items: center; padding-bottom:80px; }
.partner3-container .cont2 .img { flex-basis: 50%; }
.partner3-container .cont2 .img img { max-width: 100%;}
.partner3-container .cont2 .desc {flex-basis: 50%; }
.partner3-container .cont2 .desc dl { margin-left:40px; }
.partner3-container .cont2 .desc dt { margin-bottom:20px; }
.partner3-container .cont2 .desc dd { background: url(../images/icon_point.svg) no-repeat left 10px; padding-left:17px; }

.partner3-container .cont3 { padding-bottom:40px;  }
.partner3-container .cont3 .tit { margin-bottom:40px; }
.partner3-container .cont3 .tit2 { margin-bottom:20px; }
.partner3-container .cont3 .txt2 { margin-bottom:40px; }
.partner3-container .cont3  dl dt { background: url(../images/icon_point.svg) no-repeat left 10px; padding-left:17px; }
.partner3-container .cont3  dl dd { padding-left:20px; }

.partner3-container .cont4 { padding-bottom:80px;  }
.partner3-container .cont4 .tit { margin-bottom:40px; }
.partner3-container .cont4 .tit2 { margin-bottom:20px; }
.partner3-container .cont4 .txt2 { margin-bottom:40px; }
.partner3-container .cont4 .txt1 > span { margin-right:20px; }
.partner3-container .cont4 .txt1 > span img { margin-right:15px; }

.partner3-container .cont7 { display:flex; align-items: center; padding-bottom:120px; margin-bottom:150px; border-bottom:solid 1px #ECECEC; }
.partner3-container .cont7 .img { flex-basis: 50%; }
.partner3-container .cont7 .img img { max-width: 100%;}
.partner3-container .cont7 .desc {flex-basis: 50%; }
.partner3-container .cont7 .desc dl { margin-left:40px; }
.partner3-container .cont7 .desc dt { margin-bottom:20px; }
.partner3-container .cont7 .desc dd {  }

.partner3-container .cont5 {padding-bottom:120px; margin-bottom:150px; border-bottom:solid 1px #ECECEC;}
.partner3-container .cont5 .tit { text-align: center; margin-bottom:20px; }
.partner3-container .cont5 .txt1 { margin-bottom:70px; text-align: center; }
.partner3-container .cont5 ul { width:calc(100% + 45px); }
.partner3-container .cont5 ul li { float:left; width:14.28%;  margin-bottom:20px; }
.partner3-container .cont5 ul li img { max-width: 100%; height:auto; }

.partner3-container .cont6 {}
.partner3-container .cont6 .tit { text-align: center; margin-bottom:20px; }
.partner3-container .cont6 .txt1 { margin-bottom:70px; text-align: center; }
.partner3-container .cont6 ul { width:calc(100% + 45px); }
.partner3-container .cont6 ul li { float:left; width:14.28%;  margin-bottom:20px; }
.partner3-container .cont6 ul li img { max-width: 100%; height:auto; }

.find_ph_pop .modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:9999;}
.find_ph_pop .modal-box{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:20px;width:830px;height:600px; max-width:830px;box-shadow:0 10px 30px rgba(0,0,0,0.2);font-family:'Noto Sans KR','Segoe UI',sans-serif;position:relative;}
.find_ph_pop .modal-box h2{font-size:18px;font-weight:700;margin-bottom:16px;color:#111;}
.find_ph_pop .form-grid{display:grid;grid-template-columns:1fr 1fr auto; grid-template-rows: auto;gap:12px;margin-bottom:16px; align-items: end;}
.find_ph_pop .form-group{display:flex;flex-direction:column;}
.find_ph_pop .form-group label{font-size:14px;font-weight:500;margin-bottom:4px;color:#333;}
.find_ph_pop select {padding-top: 12px; padding-bottom: 12px;height: 36px;font-size: 14px;padding:9px 10px;border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;}
.find_ph_pop input[type="text"]{width:100%;padding:9px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px;box-sizing:border-box;}
.find_ph_pop .region-row{display:flex;gap:8px;align-items:flex-end;}
.find_ph_pop .region-row .form-group{flex:1;}
.find_ph_pop .search-btn{grid-row: 1 / 3;grid-column: 3;height: 100px;background:#000;color:#fff;border:none;border-radius:6px;padding:0 18px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;margin-bottom: 4px;display: flex; justify-content: center; align-items: center;}
.find_ph_pop .search-btn:hover{background:#333;}
.find_ph_pop .result-info{font-size:14px;color:#444;margin-top:10px;}
.find_ph_pop .result-center{text-align:center;color:#777;font-size:14px;margin:10px 0;}
.find_ph_pop .close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:18px;color:#aaa;cursor:pointer;}
.find_ph_pop .close-btn:hover{color:#000;}
.find_ph_pop .table-container {flex: 1;overflow-y: auto;border: 1px solid #ddd;border-radius: 4px;}
.find_ph_pop .result-table {width: 100%;border-collapse:collapse;margin: 0;font-size: 13px;}
.find_ph_pop .result-table th {position: sticky;top: 0;background-color: #f5f5f5;z-index: 1;padding: 10px;}
.find_ph_pop .result-table td {padding: 8px 12px;border-bottom: 1px solid #eee;font-size: 13px;line-height: 1.3;}
.find_ph_pop .pharmacy-name {font-weight: 600;align-items: center;}
.find_ph_pop .pharmacy-address {font-size: 12px;align-items: center;}
.find_ph_pop .pharmacy-phone { font-size: 12px;align-items: center;}
.find_ph_pop .pharmacy-product {font-size: 12px;align-items: center;}

.tab_point_bg { background-color:#01A76D; color:#fff}