@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* color */
body {
	--iden:#ffcf00;
	--iden2:#FCAF16;
	--red:#FA192B;
}
.iden {color:#ffcf00 !important;}
.iden2 {color:#FCAF16 !important;}
.red {color:#ff7b2b !important;}

/* 게시판 목록 */
.board_top {display:flex; justify-content:flex-end; align-items:center; margin-bottom:20px;}
.board_top .search_area {display:flex; gap:5px;}
.board_top .search_area select.text {width:80px; height:40px;}
.board_top .search_area input.text {width:180px; height:40px; border:#ddd 1px solid; display:flex; overflow:hidden;}
.board_top .search_area .btn {width:80px; height:40px; font-size:14px; color:#5c5147; font-weight:500; background:#ffcf01; border-radius:4px; text-align:center;}

.board_list table {border-top:#ddd 1px solid;}
.board_list col.w1 {width:76px;}
.board_list col.w2 {width:76px;}
.board_list col.w3 {width:136px;}
.board_list col.w4 {width:200px;}
.board_list col.w5 {width:114px;}
.board_list th,
.board_list td {height:40px; text-align:center;}
.board_list th {background:#f5f5f5; color:#333; border-bottom:#e9b159 2px solid;}
.board_list td {color:#666; border-bottom:#ddd 1px solid;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list tr.notice td {font-weight:600; background:#fafafa;}
.board_list i {display:block; width:16px; height:16px; background:no-repeat 50% 50% / contain; margin:0 auto; font-size:0;}
.board_list i.pdf {background-image:url('/m/pub/images/icon_pdf.gif');}
.board_list i.gz {background-image:url('/m/pub/images/icon_gz.gif');}

.board_bottom .paging {display:flex; justify-content:center; margin-top:40px;}
.board_bottom .paging a {width:30px; height:30px; line-height:30px; text-align:center; font-size:14px;}
.board_bottom .paging a.on {font-weight:700;}
.board_bottom .paging .arrow {font-size:0; background:no-repeat 50% 50% !important; border:#ddd 1px solid; border-radius:4px;}
.board_bottom .paging .two {background-image:url('/m/pub/images/page_two.svg') !important;}
.board_bottom .paging .one {background-image:url('/m/pub/images/page_one.svg') !important;}
.board_bottom .paging .prev {margin-right:10px;}
.board_bottom .paging .next {margin-left:10px;}
.board_bottom .paging .next,
.board_bottom .paging .last {transform:scaleX(-1);}
.board_bottom .paging .first {margin-right:4px;}
.board_bottom .paging .last {margin-left:4px;}

/* 게시판 상세 */
.board_view {border-top:#ddd 2px solid;}
.board_view img {height:auto !important;}
.board_view th {color:#666; background:#f4f4f4;}
.board_view .top th,
.board_view .top td {border-bottom:#ddd 1px solid; padding:5px 15px;}
.board_view .top tr:last-child th,
.board_view .top tr:last-child td {border-bottom:0;}
.board_view .top .file a {color: #1038FF;}
.board_view .mid {border-top:#e9b159 2px solid; border-bottom:#e9b159 2px solid; padding:20px;}
.board_view .btm {display:flex; justify-content:flex-end; gap:5px; padding-top:20px;}
.board_view .btm > * {font-size:15px; color:#5c5147; font-weight:700; line-height:40px; min-width:100px; padding:0 20px; border-radius:4px; text-align:center;}
.board_view .btm .btn_list {background:#d7d2be;}
.board_view .btm .btn_down {background:#ffcf01;}
.board_view .other {margin-top:40px;}
.board_view .other table {border-top:#566471 2px solid;}
.board_view .other th,
.board_view .other td {border-bottom:#cbcbcb 1px solid; text-align:center; font-size:12px; padding:8px 0;}
.board_view .other th {width:15%; color:#454545;}
.board_view .other td {width:85%; color:#383838;}
.board_view .other a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_view .other_gall {display:flex; gap:20px; margin-top:40px;}
.board_view .other_gall a {width:calc((100% - 100px)/6);}
.board_view .other_gall i {display:flex; justify-content:center; align-items:center; border:#dcdcdc 1px solid; width:100%; aspect-ratio:46/51;}
.board_view .other_gall p {font-size:12px; color:#888; text-align:center; padding-top:5px;}

/* 게시판 쓰기 */
.board_write {border-top:#ddd 2px solid;}
.board_write th,
.board_write td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_write th {color:#333; width:200px;}
.board_write td {color:#666;}

/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:20px 8px;}
.gall_list li,
.gall_list a {width:calc((100% - 16px)/3);}
.gall_list i {width:100%; aspect-ratio:31/20; overflow:hidden; border:#dcdcdc 1px solid; font-size:0; display:flex; justify-content:center; align-items:center;}
.gall_list p {font-size:14px; color:#888; text-align:center; padding-top:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.set_introduce a {width:calc((100% - 24px)/4);}
.set_introduce i {aspect-ratio:46/51;}

/* 썸네일 게시판 - 인터뷰 */
.thum_list {border-top:#e9b159 2px solid;}
.thum_list a {position:relative; display:flex; align-items:flex-start; gap:40px; padding:15px 0; border-bottom:#ddd 1px solid;}
.thum_list i {width:220px; aspect-ratio:110/73; border:#dcdcdc 1px solid; text-align:center; font-size:0; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.thum_list i img {max-width:100%; max-height:100%; object-fit:contain;}
.thum_list span {display:block;}
.thum_list .txt {width:calc(100% - 260px); color:#767676;}
.thum_list .tt {font-size:15px; font-weight:700; margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.thum_list .cn {font-size:13px; line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:5; -webkit-line-clamp:5;}
.thum_list .date {font-size:13px; margin-top:15px;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; border-bottom:#ffcf00 34px solid; transition:.2s linear;}
.header .inner {position:relative;}
.header .top {border-bottom:#f0f0f0 1px solid;}
.header .top .inner {display:flex; justify-content:flex-end; gap:21px;}
.header .top a {position:relative; font-size:11px; color:#999; font-weight:500; line-height:32px;}
.header .top .home {padding-left:16px; background:url('/m/pub/images/icon_home_top.png') no-repeat 0 47%;}
.header .top .home:after {content:""; position:absolute; top:50%; right:-11px; width:1px; height:8px; background:#ddd; transform:translateY(-50%);}
.header .logo {position:absolute; top:0; left:20px; line-height:60px; font-size:0;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .logo img {width:213px;}
.header .gnb {display:flex; justify-content:flex-end; padding-right:60px;}
.header .gnb .menu {position:relative; z-index:0;}
.header .gnb .menu > a {display:block; font-size:17px; color:#666; font-weight:500; line-height:60px; padding:0 44px;}
.header .gnb .menu > a:after {content:""; position:absolute; bottom:12px; left:0; width:100%; height:5px; background:url('/m/pub/images/arrow_gnb.png') no-repeat 50% 50%; opacity:0; transition:.2s linear;}
.header .gnb .menu.on > a {color:#fcaf16; text-decoration:underline;}
.header .gnb .menu.on > a:after {bottom:2px; opacity:1;}
.header .gnb .snb {position:absolute; top:100%; left:0; width:100%; display:flex; gap:20px; padding-left:44px; z-index:0; opacity:0; pointer-events:none; user-select:none;}
.header .gnb1 .snb {width:400%;}
.header .gnb2 .snb {width:200%;}
.header .gnb3 .snb {padding-left:0; left:-100%;}
.header .gnb4 .snb {padding-left:22px;}
.header .gnb .menu.on .snb {opacity:1; pointer-events:auto; user-select:auto;}
.header .gnb .snb a {position:relative; display:flex; font-size:14px; color:#666; font-weight:400; line-height:34px; height:34px; text-align:center;}
.header .gnb .snb a:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#948231; opacity:0; transition:.2s linear;}
.header .gnb .snb a.on {color:#000;}
.header .gnb .snb a.on:after {opacity:1;}

/* footer */
.footer {position:relative; border-top:#d8d8d6 1px solid;}
.footer .inner {position:relative;}
.footer .banners .inner {height:90px; font-size:0;}
.footer .banners .inner .slick-slide {line-height:90px; text-align:center;}
.footer .banners .inner .slick-slide > div {padding:0 5px;}
.footer .banners .inner .slick-slide img {width:auto !important; max-width:100%; max-height:100%;}
.footer .links {background:#e8e7e2; border-top:#d8d8d6 1px solid; border-bottom:#d8d8d6 1px solid;}
.footer .links .inner {display:flex; justify-content:space-between; align-items:center;}
.footer .links ul {display:flex; gap:21px;}
.footer .links li {position:relative;}
.footer .links li:before {content:""; position:absolute; top:50%; left:-11px; width:1px; height:10px; background:#9f9f9f; transform:translateY(-50%);}
.footer .links li:first-child:before {display:none;}
.footer .links a {display:block; font-size:14px; color:#717171; line-height:48px;}
.footer .family {position:relative;}
.footer .family dt {position:relative; width:120px; height:25px; border:#e1e1e1 1px solid; background:#fff;}
.footer .family dt button {display:block; padding:0 30px 0 10px; height:inherit; font-size:13px; color:#aeaeae; width:100%; text-align:left;}
.footer .family dt button i {position:absolute; top:0; right:0; width:25px; height:100%; border-left:#e1e1e1 1px solid;}
.footer .family dt button i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/m/pub/images/arrow_family.png') no-repeat 50% 50%; transition:.2s linear;}
.footer .family dd {position:absolute; bottom:100%; left:0; width:100%; border:#e1e1e1 1px solid; background:#fff; display:none;}
.footer .family dd a {display:block; padding:0 10px; line-height:25px; border-bottom:#e1e1e1 1px solid;}
.footer .family dd span {display:block; color:#aaa; border-bottom:#e1e1e1 1px solid; text-align:center;}
.footer .family dd *:last-child {border-bottom:0;}
.footer .family.on dt button i:before {transform:rotate(180deg);}
.footer .address {padding:20px 0;}
.footer .address .inner {display:flex; flex-wrap:wrap; gap:0 11px; font-size:13px; color:#909090;}
.footer .address span {position:relative;}
.footer .address span:before {content:""; position:absolute; top:50%; left:-6px; width:1px; height:10px; background:#aaa; transform:translateY(-50%);}
.footer .copy {width:100%;}
.gotop {position:fixed; bottom:20px; left:50%; width:33px; height:44px; margin-left:600px; z-index:101; background:url('/m/pub/images/icon_gotop.png') no-repeat 50% 50% / contain; font-size:0; transition:none;}
.gotop.unfixed {position:absolute; bottom:calc(100% + 20px);}

/* main */
.main_wrap {margin:127px auto 0; padding-top:15px; padding-bottom:15px; display:flex; gap:16px;}
.mvisual_wrap {position:relative; width:654px;}
.mvisual {width:100%; box-shadow:#f3f3f3 5px 5px 0;}
.mvisual .slick-slide > div {font-size:0; aspect-ratio:654/599;}
.mvisual .slick-slide > div img {width:100%;}
.mvisual_wrap .navi {position:absolute; bottom:18px; left:0; width:100%; display:flex; justify-content:center; gap:10px;}
.mvisual_wrap .slick-dots {display:flex; justify-content:center; gap:7px;}
.mvisual_wrap .slick-dots button {display:block; width:15px; height:15px; background:#fff; box-shadow:inset #bfbfbf 3px 3px 3px; border-radius:50%; font-size:0;}
.mvisual_wrap .slick-dots .slick-active button {background:#ffcf01; box-shadow:none;}
.mvisual_wrap .papl {width:15px; height:15px; background:no-repeat 50% 50%; display:none; font-size:0;}
.mvisual_wrap .papl.on {display:block;}
.mvisual_wrap .pause {background-image:url('/m/pub/images/icon_pause.svg'); background-size:auto 100%;}
.mvisual_wrap .play {background-image:url('/m/pub/images/icon_play.svg');}
.mcon {width:328px; border:#e1e1e1 1px solid; box-shadow:#f3f3f3 5px 5px 0; display:flex; flex-direction:column;}
.mcon strong {font-size:20px; line-height:1.2;}
.mcon p {font-size:14px; line-height:1.4; margin:10px 0;}
.mcon .more {display:block; font-size:12px; color:#fff; font-weight:700; line-height:30px; height:30px; width:80px; background:#786D61; border-radius:4px; text-align:center;}
.mcon .top,
.mcon .btm {padding:30px; height:180px; display:flex; flex-direction:column; justify-content:center;}
.mcon .top {background:url('/m/pub/images/icon_mcon01.png') no-repeat right 25px center;}
.mcon .top strong {color:#786D61;}
.mcon .top p {color:#301B05;}
.mcon .mid {height:calc(100% - 360px); border-top:#d8d8d6 1px solid; display:flex; flex-wrap:wrap;}
.mcon .mid a {width:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:14px; color:#666; font-weight:700; line-height:1; border-bottom:#d8d8d6 1px solid;}
.mcon .mid a:nth-child(2n) {border-left:#d8d8d6 1px solid;}
.mcon .mid a:before {content:""; display:block; width:100%; height:34px; background:no-repeat 50% 50% / auto 34px; margin-bottom:20px;}
.mcon .mid .i1:before {background-image:url('/m/pub/images/icon_mcon02a.svg');}
.mcon .mid .i2:before {background-image:url('/m/pub/images/icon_mcon02b.svg');}
.mcon .mid .i3:before {background-image:url('/m/pub/images/icon_mcon02c.svg'); background-size:auto 28px;}
.mcon .mid .i4:before {background-image:url('/m/pub/images/icon_mcon02d.svg');}
.mcon .btm {background:url('/m/pub/images/icon_mcon03.png') no-repeat right 15px center;}
.mcon .btm strong {color:#303030;}
.mcon .btm p {color:#666;}

/* sub */
.container {margin-top:127px; min-height:calc(100vh - 347px); display:flex; justify-content:space-between; gap:20px; padding-top:15px; padding-bottom:110px;}
.container.none_flex {display:block;}
.container .aside {width:165px;}
.container .aside .head {border-top:#ffcf00 2px solid; padding:20px; background:#f5f5f4; line-height:1; margin-bottom:10px;}
.container .aside .head h2 {font-size:24px; color:#6f6459; font-weight:700;}
.container .aside .head p {font-size:12px; color:#6f6459; margin-top:4px;}
.container .aside .g,
.container .aside .s dt {display:none;}
.container .aside dd a {display:block; font-size:15px; color:#939393; line-height:24px; padding:10px; border-bottom:#e5e5e5 1px solid;}
.container .aside dd a.on {color:#414141;}
.container .contents {width:760px; max-width:calc(100% - 185px);}
.container .title {position:relative; font-size:24px; color:#414141; padding:10px 0 20px; border-bottom:#d9d9d9 1px solid; margin-bottom:40px;}
.container .location {position:absolute; top:20px; right:0; display:flex; align-items:center; font-size:14px;}
.container .location .home {background:url('/m/pub/images/icon_home.png') no-repeat 50% 50% / contain; width:18px; height:17px;}
.container .location em {width:6px; height:11px; margin:0 12px; background:url('/m/pub/images/icon_navi_arrow.png');}
.container .location span {color:#b2b2b2;}
.container .location strong {color:#313131; font-weight:400;}

.stit {position:relative; font-size:20px; color:#6f6459; font-weight:700; letter-spacing:-1.5px; line-height:40px; margin-bottom:10px;}
.stit span {font-size:13px; font-weight:400; margin-left:5px; letter-spacing:-.5px;}
.stit .board_top {position:absolute; top:0; right:0; font-size:13px;}
.btit {font-size:18px; color:#b79363; margin-bottom:20px;}

/* 위치안내 */
.root_daum_roughmap .cont .section.lst {display:none;}
.root_daum_roughmap_landing {max-width:100%;}
.jq_tab {display:flex; border-bottom:#6f6459 2px solid; margin-bottom:30px;}
.jq_tab li {width:151px; max-width:25%;}
.jq_tab a,
.jq_tab button {position:relative; display:block; width:100%; height:32px; padding-top:3px; text-align:center; line-height:30px;}
.jq_tab a:before,
.jq_tab button:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:30px; background:#f5f5f5; border:#d6d6d6 1px solid; border-radius:4px 4px 0 0; z-index:-1;}
.jq_tab .on a,
.jq_tab .on button {color:#fff;}
.jq_tab .on a:before,
.jq_tab .on button:before {background:#ffcf00; border-color:#d1aa00; height:32px;}
.jq_cont .cont {height:0; overflow:hidden;}
.jq_cont .cont.on {height:auto;}
.map_area .mt3 {margin-top:30px;}

/* 팝업 */
.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; display:none;}
.popup .dm {background:rgba(0,0,0,.5);}
.popup .inbox {position:absolute; top:50%; left:50%; width:1024px; max-width:calc(100vw - 40px); max-height:calc(100vh - 40px); background:#fff; box-shadow:rgba(0,0,0,.5) 0 0 10px; transform:translate(-50%,-50%); padding:15px;}
.popup .btn_close {position:absolute; top:20px; right:20px; width:30px; height:30px; font-size:0;}
.popup .btn_close:before,
.popup .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:30px; height:2px; margin:-1px 0 0 -15px; background:#9f976f;}
.popup .btn_close:before {transform:rotate(45deg);}
.popup .btn_close:after {transform:rotate(-45deg);}
.popup .tit {font-size:15px; color:#767676; font-weight:700; line-height:30px; margin-bottom:20px;}

/* FAQ */
.faq_wrap {border-top:#ffcf00 2px solid;}
.faq_wrap dl {border-bottom:#e5e5e5 1px solid; font-size:13px; color:#666;}
.faq_wrap dt,
.faq_wrap dd {position:relative;}
.faq_wrap dt:before,
.faq_wrap dd:before {position:absolute; width:24px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#fff; font-weight:600;}
.faq_wrap dt {padding:10px 0 10px 44px; line-height:24px; cursor:pointer;}
.faq_wrap dd {padding:10px 0 10px 74px; line-height:20px; display:none;}
.faq_wrap dt:before {content:"Q"; background:#FFCF00; top:10px; left:10px;}
.faq_wrap dd:before {content:"A"; background:#6F6459; top:8px; left:40px;}

/* 사이트맵 */
.sitemap_tit {text-align:center; font-size:24px; color:#6f6459; margin-bottom:50px;}
.sitemap_tit strong {color:#fcaf16;}
.sitemap_page {display:flex;}
.sitemap_page .menu {width:25%; border-left:#ddd 1px solid; display:flex; flex-direction:column; align-items:center; padding-bottom:40px;}
.sitemap_page .menu:last-child {border-right:#ddd 1px solid;}
.sitemap_page .menu > a {display:block; font-size:20px; color:#6f6459; font-weight:600; margin-bottom:20px;}
.sitemap_page .snb {display:flex; flex-direction:column; align-items:flex-start; gap:20px;}
.sitemap_page .snb a {position:relative; display:block; font-size:15px; line-height:20px; padding-left:10px;}
.sitemap_page .snb a:before {content:""; position:absolute; top:8px; left:0; width:4px; height:4px; background:#fcaf16;}

/* 약관 */
.termsBox {font-size:13px; line-height:1.5;}
.termsBox.mt {margin-top:5px;}
.termsBox ul li {padding-top:20px; margin-top:20px; border-top:1px dashed #cecece;}
.termsBox ul li:first-child {padding-top:0; margin-top:0; border-top:none; font-size:14px; line-height:22px;}
.termsBox ul li .tit {font-weight:700; color:#505050; font-size:14px; padding-bottom:20px;}
.termsBox ul li .baseText {color:#7d7d7d;}
.tbl table {border-top:2px solid #566471;}
.tbl table th,
.tbl table td {border:#cbcbcb 1px solid; border-top:0; text-align:center;}
.tbl table th:first-child,
.tbl table td:first-child {border-left:0;}
.tbl table th:last-child,
.tbl table td:last-child {border-right:0;}
.tbl table th {padding:10px; font-weight:700; background:#f3f3f3; color:#454545;}
.tbl table td {color:#383838; padding:8px 0;}
.tbl table td.tal {padding-left:12px;}
.tbl table .last {border-right:none;}
.tbl2 {border-top:1px solid #ddd;}
.tbl2 tr {border-bottom:1px solid #ddd;}
.tbl2 th,
.tbl2 td {text-align:center; padding:5px 10px;}
.tbl2 .bd_r {border-right:1px solid #ddd;}
.LK_box {line-height:30px;width:240px;border:1px solid #ddd;text-align:center;font-weight:600;color:#646055;border-radius:3px;font-size:12.5px;}
.termsBox a {color:#06c;}
.tblNextMt table + table {margin-top:10px;}
.tblNextMt table th,
.tblNextMt table td {text-align:left; padding:10px; line-height:22px;}
.tblNextMt table th {width:200px;}

/* 영상팝업 */
.popup_video {position:fixed; top:142px; left:50%; margin-left:-700px; width:700px; max-width:calc(100vw - 40px);}
.popup_video .video {font-size:0;}
.popup_video video {width:100%;}
.popup_video .popUpBar {display:flex; justify-content:space-between; background:#fff; padding:5px 20px;}
.popup_video .popUpBar a {line-height:28px;}
label.radio,
label.check {position:relative; padding-left:32px; font-size:13px; line-height:28px; display:block;}
label.radio input,
label.check input {display:none;}
label.radio i,
label.check i {position:absolute; left:0; border:#E6E6E6 1px solid; border-radius:50%; transition:.2s linear;}
label.radio i {top:4px; width:20px; height:20px;}
label.check i {top:2px; width:24px; height:24px;}
label.radio i:before,
label.check i:before {content:""; position:absolute; transition:.2s linear;}
label.radio i:before {top:50%; left:50%; width:10px; height:10px; transform:translate(-50%,-50%); background:#ddd; border-radius:50%;}
label.check i:before {top:0; left:0; width:100%; height:100%; background:#999; mask:url('/m/pub/images/icon_check.svg') no-repeat 50% 50%; -webkit-mask:url('/m/pub/images/icon_check.svg') no-repeat 50% 50%;}
label.radio input:checked + i:before {background:#ffcf00;}
label.check input:checked + i {background:#ffcf00; border-color:#ffcf00;}
label.check input:checked + i:before {background:#fff;}

/* 쿨라인 */
.svisual_coolline {position:relative; width:1903px; max-width:100%; height:230px; background:url('/m/pub/images/svisual_coolline.jpg') no-repeat 50% 50% / cover; margin:0 auto 15px; }
.coolline_wrap {width:964px; max-width:100%; padding:0 20px; margin:0 auto;}
.coolline_wrap .btn_duplication {display:inline-block; width:112px; height:40px; line-height:40px; color:#fff; text-align:center; background:#515151;}

.coolline_wrap .method {position:relative; margin:0 0 50px 0;}
.coolline_wrap .method .tit {font-size:24px; color:#222; font-weight:600; line-height:1.2; margin-top:40px;}
.coolline_wrap .method dl {width:924px; max-width:100%; padding:10px 0; box-sizing:border-box; border-bottom:1px solid #d9d9d9;}
.coolline_wrap .method dl dt {text-indent:22px; line-height:40px; font-size:16px; color:#414141;}
.coolline_wrap .method dl dt .ex {display:inline-block; padding:0 0 0 30px; color:#7d7d7d; font-size:14px;}
.coolline_wrap .method dl dt .ex2 {display:inline-block; padding:0 0 0 15px; color:#7d7d7d; font-size:14px;}
.coolline_wrap .method dl textarea {width:100%; height:70px; background:#efefef; border:none; box-sizing:border-box; padding:20px;}
.coolline_wrap .method dl.dlAll dd {padding:0 0 0 22px; font-size:14px; color:#7d7d7d;}
.coolline_wrap .method dl.dlAll2 dd {padding:0 0 0 32px;}
.coolline_wrap .method dl.dlAll2 dd p {margin:0 0 5px 0;}

.coolline_wrap .method dl.floatDl {display:flex;}
.coolline_wrap .method dl.floatDl:after {content:""; display:block; clear:both;}
.coolline_wrap .method dl.floatDl dt {width:110px;}
.coolline_wrap .method dl.floatDl dd {width:calc(100% - 110px); display:flex; flex-wrap:wrap; align-items:center; gap:5px;}
.coolline_wrap .method dl.floatDl dd input[type="text"] {width:375px; height:40px; background:#efefef; box-sizing:border-box;}
.coolline_wrap .method dl.floatDl dd input[type="password"] {width:375px; height:40px; background:#efefef; box-sizing:border-box;}
.coolline_wrap .method dl.floatDl dd span.exT {display:inline-block; height:40px; padding:0 0 0 6px; line-height:40px; color:#7d7d7d; font-size:12px;}
.coolline_wrap .method dl.floatDl dd span.exT.exT_pw {line-height:20px;}

.coolline_wrap .method table {width:100%;}
.coolline_wrap .method table tbody th {padding:10px 0 10px 22px; text-align:left; font-size:14px; color:#414141;}
.coolline_wrap .method table tbody td {padding:10px 0; font-size:14px; color:#7d7d7d; line-height:140%;}
.method_t01 {font-size:14px; color:#845700; text-align:center; margin:30px 0 0;}

.btnC {display:flex; justify-content:center; gap:4px;}
.btnR {display:flex; justify-content:flex-end;}
.btnY {display:inline-block; width:160px; height:40px; line-height:40px; text-align:center; color:#fff; background:#fca700; font-size:14px;}

.coolline_wrap .confirm {position:relative; width:924px; max-width:100%; border:#FFCF00 4px solid;}
.coolline_wrap .confirm .top {position:relative; padding:60px 0 40px 380px;}
.coolline_wrap .confirm .top:before {content:""; position:absolute; top:0; left:0; width:380px; height:100%; background:url('/m/pub/images/img_coollineCon_confirm.jpg') no-repeat 50% 50%;}
.coolline_wrap .confirm .top .tit {font-size:30px; color:#413a30; font-weight:500; line-height:1.2; margin-bottom:15px; letter-spacing:-1px;}
.coolline_wrap .confirm .top p {font-size:14px; color:#666;}
.coolline_wrap .confirm ul {padding-top:40px; border-top:#d9d9d9 1px solid; margin-top:25px;}
.coolline_wrap .confirm ul li {margin:0 0 5px 0; padding-right:20px;}
.coolline_wrap .confirm ul li span {display:inline-block; width:50px; line-height:40px; color:#414141; font-size:16px;}
.coolline_wrap .confirm ul li input {width:375px; max-width:calc(100% - 50px); height:38px; border:1px solid #e6e6e6;}
.coolline_wrap .confirm .btm {width:100%; background:#f3f3f3; border-top:#d9d9d9 1px solid; padding:30px; text-align:center;}
.coolline_wrap .confirm .btnY {height:60px; line-height:60px;}

.coolline_wrap .list {position:relative; width:924px; max-width:100%; box-sizing:border-box; border:4px solid #ffcb00; padding:0 30px 30px 30px;}
.coolline_wrap .toptit {font-size:30px; margin:20px 0 30px; padding-bottom:10px; border-bottom:#ddd 1px solid;}
.coolline_wrap .toptit:before {content:""; display:block; width:100%; height:68px; margin-bottom:20px; background:url('/m/pub/images/img_coollineCon_confirm2.png') no-repeat 50% 50% / contain;}
.coolline_wrap .ht {margin:0 0 20px 0; color:#414141; font-size:22px;}
.coolline_wrap .mt4 {margin-top:20px;}
.icon_answer {display:inline-block; width:11px; height:8px; margin:0 10px 0 0; background:url('/m/pub/images/icon_answer.jpg') no-repeat center top;}

.coolline_wrap .list .answer {width:100%;}
.coolline_wrap .list .answer:after {content:""; display:block; clear:both;}
.coolline_wrap .list .answer dt {background:#606060; border-bottom:1px solid; color:#fff; font-size:12px; padding:8px 10px;}
.coolline_wrap .list .answer dt span {float:right;}
.coolline_wrap .list .answer dd {background:#f7f7f7; padding:20px 10px;}

.text_areaBox {border-top:1px solid #ddd; margin:20px 0 0 0; padding:20px 0 20px 0;}

.coolline_wrap .board_view {border:#ffcb00 4px solid; padding:30px;}