@charset "utf-8";

/* ==========================================================================
    1.폰트
    ========================================================================= */
/****
    * 1-1. 노토산스 고딕
    * ---------------------------------
    */
    @font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url(//static.joongang.co.kr/css/font/NotoSansKR-Thin.woff2) format('woff2'),url(//static.joongang.co.kr/css/font/NotoSansKR-Thin.woff) format('woff'),url(//static.joongang.co.kr/css/font/NotoSansKR-Thin.otf) format('opentype');} 
    @font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(//static.joongang.co.kr/css/font/NotoSansKR-Light.woff2) format('woff2'),url(//static.joongang.co.kr/css/font/NotoSansKR-Light.woff) format('woff'),url(//static.joongang.co.kr/css/font/NotoSansKR-Light.otf) format('opentype');} 
    @font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(//static.joongang.co.kr/css/font/NotoSansKR-Regular.woff2) format('woff2'),url(//static.joongang.co.kr/css/font/NotoSansKR-Regular.woff) format('woff'),url(//static.joongang.co.kr/css/font/NotoSansKR-Regular.otf) format('opentype');} 
    @font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(//static.joongang.co.kr/css/font/NotoSansKR-Medium.woff2) format('woff2'),url(//static.joongang.co.kr/css/font/NotoSansKR-Medium.woff) format('woff'),url(//static.joongang.co.kr/css/font/NotoSansKR-Medium.otf) format('opentype');} 
    @font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(//static.joongang.co.kr/css/font/NotoSansKR-Bold.woff2) format('woff2'),url(//static.joongang.co.kr/css/font/NotoSansKR-Bold.woff) format('woff'),url(//static.joongang.co.kr/css/font/NotoSansKR-Bold.otf) format('opentype');} 
    @font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:900;src:url(//static.joongang.co.kr/css/font/NotoSansKR-Black.woff2) format('woff2'),url(//static.joongang.co.kr/css/font/NotoSansKR-Black.woff) format('woff'),url(//sstatic.joongang.co.kr/css/font/NotoSansKR-Black.otf) format('opentype');} 
    
    /****
        * 1-2. 노토 세리프
        * ---------------------------------
        */
    @font-face{font-family:'Noto Serif KR';font-style:normal;font-weight:400;src:url(//static.joongang.co.kr/css/font/NotoSerifKR-SemiBold.woff2) format('woff2'),url(//static.joongang.co.kr/css/font/NotoSerifKR-SemiBold.woff) format('woff'),url(//static.joongang.co.kr/css/font/NotoSerifKR-semiBold.otf) format('opentype');}
    @font-face{font-family:'Noto Serif KR';font-style:normal;font-weight:700;src:url(//static.joongang.co.kr/css/font/NotoSerifKR-Bold.woff2) format('woff2'),url(//static.joongang.co.kr/css/font/NotoSerifKR-Bold.woff) format('woff'),url(//static.joongang.co.kr/css/font/NotoSerifKR-Bold.otf) format('opentype');}
    
    
    /* ==========================================================================
        2.Reset
        ========================================================================= */
    body,div,dl,dt,dd,ul,ol,li,
    h1,h2,h3,h4,h5,h6,
    pre,code,form,fieldset,legend,textarea,p,blockquote,
    th,td,
    input,select,button,figure{margin: 0;padding: 0;}
    body{ color:#111;}
    body *{box-sizing: border-box;forced-color-adjust: #fb502f;letter-spacing: -0.4px;}
    /* body *:focus{border-color: #fb502f;} */
    fieldset,img{border: 0 none;}
    dl,ul,ol,menu,li{list-style:none;}
    blockquote,q{quotes:none;}
    blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
    input,select,textarea,button{border-radius:0;vertical-align:middle;}
    input::-ms-clear{display:none;}
    hr{display:none;}
    button{border:0 none;background-color:transparent;cursor:pointer;}
    button:disabled{ cursor: auto; }
    button.btn:disabled{ border-color: #cdcdcd !important; background-color: #cdcdcd !important; color: #fff;}
    button,input{border-radius:0;border:0;-webkit-border-radius:0;}
    table{border-collapse:collapse;border-spacing:0;}
    body{direction:ltr;word-break:keep-all;word-wrap:break-word;-webkit-text-size-adjust:none;}
    body,th,td,input,select,textarea,button{font-size:100%;font-family:"Noto Sans KR","Atheme_uniquele SD Gothic Neo","Malgun Gothic","맑은 고딕",Dotum,"돋움",Arial,sans-serif;line-height:1;}
    a{color:inherit;font-size:inherit;line-height:inherit;text-decoration:none;}
    /* a:active{background-color:transparent;} */
    button:active,button:focus{outline-color:#f6330a;}
    mark{ word-break: break-all;}
    address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
    img{vertical-align:middle;}
    font,b,strong{font-size:inherit;}
    em,i{font-style:normal;}
    
    input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}
    input:focus:-moz-placeholder,textarea:focus:-moz-placeholder{color:transparent}
    input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent}
    input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{color:transparent}
    
    /* ==========================================================================
        3.태그공통
        ========================================================================= */
    input::placeholder{color: #999;font-size: 14px;}
    input::-webkit-input-placeholder{color: #999;font-size: 14px;}
    input::-moz-placeholder{color: #999;font-size: 14px;}
    input:-ms-input-placeholder{color: #999 !important;font-size: 14px;}
    input:-mos-input-placeholder{color: #999;font-size: 14px;}
    input[disabled]::placeholder{color: #999;font-size: 14px;}
    input[disabled]::-webkit-input-placeholder{color: #999;font-size: 14px;}
    input[disabled]::-moz-placeholder{color: #999;font-size: 14px;}
    input[disabled]:-ms-input-placeholder{color: #999;font-size: 14px;}
    input[type="button"]::placeholder{color: #999;font-size: 14px;}
    
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #111 !important;}
    
    textarea{resize: none;}
    textarea::placeholder{color: #999;font-size: 14px;}
    textarea::-webkit-input-placeholder{color: #999;font-size: 14px;}
    textarea::-moz-placeholder{color: #999;font-size: 14px;}
    textarea:-ms-input-placeholder{color: #999 !important;font-size: 14px;}
    textarea:-mos-input-placeholder{color: #999;font-size: 14px;}
    textarea[disabled]::placeholder{color: #999;font-size: 14px;}
    textarea[disabled]::-webkit-input-placeholder{color: #999;font-size: 14px;}
    textarea[disabled]::-moz-placeholder{color: #999;font-size: 14px;}
    textarea[disabled]:-ms-input-placeholder{color: #999;font-size: 14px;}
    textarea:focus {outline:none;}
    
    
    /* ==========================================================================
        4.공통클래스
        ========================================================================= */
    
    /****
        * 4-1.common
        * ---------------------------------
        */
    /* view */
    .hide{display:none !important;}
	.pop_hide{display: none !important;}
    .show{display:block !important;}
    .visually_hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
    .sr_only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0, 0, 0, 0);}
    .hidden{visibility:hidden !important; user-select:none;}
    .show.ico_new{display: flex !important;}
	.scroll{-webkit-overflow-scrolling:touch;}

/****
    * 7-8.버튼
    * ---------------------------------
    */
/* group */
.button_wrap{display: flex;align-items: center;justify-content: center;width: fit-content;}
.button_wrap_wide{display: flex;align-items: center;justify-content: center;width: 100%;}
.button_wrap [class*='btn']:nth-of-type(n+2),
.button_wrap_wide [class*='btn']:nth-of-type(n+2){margin-left:10px;}

/** 기본 **/
.btn{display:flex;align-items:center; justify-content: center; width:auto;padding:3px 14px;border-radius:50px;border:1px solid transparent;background-color:transparent;ssbackground-repeat: no-repeat;color:#111;font-size:13px;letter-spacing: -0.5px; font-weight: 700; line-height:20px;text-align:center;white-space:nowrap;}
.btn [class*="ico_"]{margin-right:2px;}

/* 상태 */
.btn_default{border-color:rgba(153, 153, 153, 0.8) !important;}
.btn_black{ border: 1px solid #111; background-color: #111; color: #fff;}
.btn_gray{border: 1px solid #d5d5d5;background-color: #fff; color: #111;}
.btn_orange{border: 1px solid #f0320a; background-color: #f0320a; color: #fff;}
.btn_white{border: 1px solid #fff;background-color: transparent;color: #fff;}
.btn_green{ border: 1px solid #067e77; background-color: #067e77; color: #fff;}
.btn_indigo{border: 1px solid #4533A7; background-color: #4533A7; color: #fff; }

/* outline */
.btn_outline_default{border: 1px solid #333; }
.btn_outline_black{ border: 1px solid #111 !important; }
.btn_outline_gray{border: 1px solid #999; color: #999;}
.btn_outline_orange{border: 1px solid #f0320a; color: #f0320a;}
.btn_outline_white{border: 1px solid #fff; color: #fff;}
.btn_outline_green{border: 1px solid #067e77; color: #067e77;}
.btn_outline_indigo{border: 1px solid #4533A7; color: #4533A7; }

/* 모양 */
.btn.btn_square{padding: 5px 16px;border-radius: 0;}

/* 사이즈 */
[class*='btn'].btn_s{ padding: 6px 20px; font-size: 14px; line-height: 22px; letter-spacing: -0.4px;}
[class*='btn'].btn_m{ padding: 11px 30px; font-size: 16px; line-height:24px; letter-spacing: -0.4px;}
[class*='btn'].btn_l{ padding: 13px 40px; font-size: 18px; line-height:28px; letter-spacing: -0.4px;}
[class*='btn'].btn_wide{width: 100%;}
.btn_full{width: 100%;padding: 11px 15px 13px;border-radius: 0;background-color: #f4f5fa;font-size: 14px;font-weight: 700;color: #333;justify-content: center;}
.btn_full .ico_more { width: 7px; height: 11px; margin-left:4px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11'%3E%3Cpath d='M1 11l5-5-5-5' stroke='%23000' fill='none' fill-rule='evenodd' opacity='.9'/%3E%3C/svg%3E"); }

/* 더 보기 */
.button_wrap_wide .btn_outline_gray{ width: 97px; padding:8px 27px; border: 1px solid rgba(205, 205, 205, 0.8); color: #111; font-size:14px; line-height:22px; font-weight:400;}

/* background */
.btn_gray{background-color: #f5f5f5;}
.btn_gray2{color: #fff;background-color: #999;}

/* sns */
.btn_sns{width: 40px;height: 40px;padding: 0 0;border-color: rgba(0, 0, 0, .1);background-color: #fff;}

/* 구독 */
.btn_subscribe{display:flex; align-items:center; justify-content: center; width:59px; min-height:28px; padding: 2px 9px 3px 8px; background-position:8px 50%; border:1px solid #f6330a; border-radius:50px; background-repeat: no-repeat; color:#f6330a; font-size:13px; font-weight:700; line-height:21px; text-align:center; white-space:nowrap; flex: 0 0 auto;}
.btn_subscribe.btn_bg{background-color:#f6330a;color:#fff;}
.btn_subscribe.active,
.btn_subscribe.btn_bg.active{background-color:rgba(255, 226, 202, .8);border-color:transparent !important;color:#f6330a;}

.btn_subscribe.btn_s {width:78px;}
.btn_subscribe.btn_m {width:103px;}
.btn_subscribe.btn_l {width:129px;}

.btn_group {display:flex; align-items:center;}
.btn_group .btn_share {font-size:0;}
.btn_group .ico_share {width:28px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23000' fill-opacity='.05'/%3E%3Cpath fill='%23333' d='M11.662 9.684v.995L9 10.68v9.24h10v-9.24h-2.663v-.996h3.061c.262 0 .54.19.593.5l.009.107v10.025c0 .3-.218.552-.504.6l-.098.007H8.628a.6.6 0 01-.623-.534L8 20.316V10.291c0-.277.195-.552.525-.6l.103-.007h3.034zm2.324-4.68l2.81 2.81-.601.602-1.726-1.728-.014 5.803h-.926l.014-5.832-1.766 1.766-.606-.606 2.815-2.814z'/%3E%3C/g%3E%3C/svg%3E")}

/* 라인형 */
.btn_line { font-size: 14px; line-height: 22px; font-weight: 700; }
.btn_line:not(:disabled) { text-decoration: underline;  }
.btn_line:disabled { color: #cdcdcd;  }

/* 스와이프 버튼 */
.pagination_bx{ display: flex;z-index:7;justify-content: center; align-items: center;}
.pagination_bx .swiper-pagination{ padding: 0 16px;}
.pagination_bx .swiper-pagination-fraction{ bottom: 0; color: #999; font-weight: 700;}
.pagination_bx .swiper-pagination-current{ color: #333;}
.pagination_bx .swiper-pagination-total{ position: relative;}
.pagination_bx .swiper-pagination,
.pagination_bx .swiper-button-prev,
.pagination_bx .swiper-button-next{ position: static; left: auto; top: auto; bottom: auto;  width: auto; margin: 0; z-index:5;}
.pagination_bx .swiper-button-prev,
.pagination_bx .swiper-button-next{ border: 1px solid #e1e1e1; border-radius: 50%; background-color: #fff;}
.pagination_bx .swiper-button-disabled{ border-color: #b1b1b1; background-color: #e7e7e7;}
.pagination_bx .swiper-button-prev + .swiper-button-next{ margin-left: 6px;}

[class*="ico_"]{display: inline-block;font-style: normal;background-position: 50% 50%;background-repeat: no-repeat;background-size: 100% auto;}

/* font color */
.font_orange{color: #f6330a;}

/* view */
.show{display:block !important;}
.hide{display:none;}
.overflow_hidden{overflow: hidden;}

/* position */
.position_fi{position: fixed !important;}

/* 아이콘 */
.header .ico_fold{width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M13 0v13H0V0z'/%3E%3Cpath stroke='%23111' stroke-width='2' d='M4 1.5l5 5.059L4 11.5'/%3E%3C/g%3E%3C/svg%3E");}
.header .ico_close{position:relative; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%231D1D1D' d='M21.192 2.1l.707.707L12.706 12l9.193 9.193-.707.707-9.193-9.193L2.807 21.9l-.707-.707L11.292 12 2.1 2.807l.707-.707L12 11.292 21.192 2.1z'/%3E%3C/g%3E%3C/svg%3E");}
.header .ico_sns_youtube{width: 36px; height: 36px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23DADCE4'/%3E%3Cpath fill='%23FFF' d='M18.424 12.273c.985.006 3.5.034 5.304.164.32.037 1.017.04 1.64.69.49.494.65 1.616.65 1.616s.164 1.318.164 2.636v1.236c0 1.318-.164 2.636-.164 2.636s-.16 1.122-.65 1.616c-.623.65-1.32.652-1.64.69-.555.04-1.177.07-1.802.094l-.468.017c-1.477.047-2.873.057-3.315.059h-.191c-.472-.005-4.288-.046-5.516-.164-.364-.067-1.181-.047-1.804-.696-.49-.494-.65-1.616-.65-1.616s-.164-1.318-.164-2.636v-1.236c0-.69.045-1.38.088-1.882l.023-.253c.03-.31.053-.501.053-.501s.16-1.122.65-1.617c.623-.648 1.32-.652 1.64-.69 1.804-.13 4.319-.157 5.304-.163zm-2.114 3.263v4.576l4.421-2.28-4.421-2.296z'/%3E%3C/g%3E%3C/svg%3E");}
.header .ico_sns_twt{width: 36px; height: 36px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23DADCE4'/%3E%3Cpath fill='%23FFF' d='M14.964 24.545c6.176 0 9.553-5.036 9.553-9.402 0-.143-.003-.286-.01-.428.655-.466 1.225-1.048 1.675-1.71-.602.262-1.25.44-1.928.52.693-.41 1.225-1.057 1.476-1.828-.649.378-1.367.653-2.132.802-.612-.643-1.485-1.044-2.45-1.044-1.854 0-3.358 1.48-3.358 3.304 0 .26.03.512.087.754-2.79-.139-5.264-1.454-6.92-3.453-.288.488-.455 1.056-.455 1.66 0 1.147.593 2.16 1.494 2.752-.55-.017-1.068-.166-1.52-.414v.042c0 1.601 1.156 2.937 2.693 3.24-.282.076-.58.116-.885.116-.217 0-.427-.02-.632-.06.428 1.314 1.667 2.27 3.137 2.296-1.15.887-2.597 1.415-4.17 1.415-.27 0-.538-.015-.8-.046 1.485.937 3.25 1.484 5.145 1.484'/%3E%3C/g%3E%3C/svg%3E");}
.header .ico_sns_naver{width: 36px; height: 36px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23DADCE4'/%3E%3Cpath fill='%23FFF' d='M20.039 12.273v6.13l-4.246-6.13h-3.52v11.454h3.688v-6.13l4.246 6.13h3.52V12.273z'/%3E%3C/g%3E%3C/svg%3E");}
.header .ico_sns_face{width: 36px; height: 36px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23DADCE4'/%3E%3Cpath fill='%23FFF' d='M21.555 18.953l.424-2.939h-2.653v-1.907c0-.804.37-1.588 1.559-1.588h1.206v-2.502s-1.095-.199-2.141-.199c-2.185 0-3.613 1.408-3.613 3.956v2.24H13.91v2.94h2.428v7.104c.487.082.986.124 1.495.124.508 0 1.007-.042 1.494-.124v-7.105h2.229z'/%3E%3C/g%3E%3C/svg%3E");}
.header .ico_sns_instar{width: 36px; height: 36px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23DADCE4'/%3E%3Cpath fill='%23FFF' d='M18.958 9.82c.89.001 1.335.007 1.737.02l.184.006.49.021c.871.04 1.466.178 1.986.38.538.21.994.49 1.449.944.455.455.734.91.943 1.449.202.52.34 1.115.38 1.985l.022.491.006.184c.015.463.02.984.021 2.181v1.033c0 1.197-.006 1.717-.021 2.181l-.006.184-.022.49c-.04.871-.178 1.466-.38 1.986-.209.538-.488.994-.943 1.449-.455.455-.911.734-1.449.943-.52.202-1.115.34-1.985.38l-.491.022-.184.006c-.464.015-.984.02-2.181.021H17.48c-1.197 0-1.718-.006-2.181-.021l-.184-.006-.49-.022c-.871-.04-1.466-.178-1.986-.38-.538-.209-.994-.488-1.449-.943-.455-.455-.734-.911-.943-1.449-.203-.52-.34-1.115-.38-1.985l-.022-.491-.006-.184c-.013-.402-.019-.846-.02-1.737v-1.921c.001-.89.007-1.335.02-1.737l.006-.184.021-.49c.04-.871.178-1.466.38-1.986.21-.538.49-.994.944-1.449.455-.455.91-.734 1.449-.943.52-.203 1.115-.34 1.985-.38l.491-.022.184-.006c.402-.013.846-.019 1.737-.02zm-.453 1.472h-1.241l-.404.001c-.745.002-1.142.008-1.504.02l-.18.006-.484.02c-.797.037-1.23.17-1.518.282-.382.149-.655.326-.94.612-.287.286-.464.559-.613.94-.112.289-.245.722-.281 1.52-.009.179-.015.332-.021.483l-.006.18c-.012.362-.018.759-.02 1.504v2.275c.002.683.007 1.073.017 1.413l.006.181c.006.18.014.358.024.574.036.797.17 1.23.281 1.518.149.382.326.655.612.94.286.287.559.464.94.613.289.112.722.245 1.52.281l.483.021.18.006c.423.014.891.02 1.908.02h1.467c.944 0 1.415-.005 1.817-.017l.181-.006c.18-.006.358-.014.574-.024.797-.036 1.23-.17 1.518-.281.382-.149.655-.326.94-.612.287-.286.464-.559.613-.94.112-.289.245-.722.281-1.52.01-.215.018-.393.024-.573l.006-.181c.012-.402.016-.873.017-1.817v-1.467c0-1.017-.006-1.485-.02-1.908l-.006-.18-.02-.484c-.037-.797-.17-1.23-.282-1.518-.149-.382-.326-.655-.612-.94-.286-.287-.559-.464-.94-.613-.289-.112-.722-.245-1.52-.281-.215-.01-.393-.018-.573-.024l-.181-.006c-.34-.01-.73-.015-1.413-.017h-.63zm-.508 2.505c2.32 0 4.2 1.88 4.2 4.2 0 2.32-1.88 4.2-4.2 4.2-2.32 0-4.2-1.88-4.2-4.2 0-2.32 1.88-4.2 4.2-4.2zm0 1.474c-1.505 0-2.726 1.22-2.726 2.726s1.22 2.727 2.726 2.727 2.727-1.22 2.727-2.727c0-1.505-1.22-2.726-2.727-2.726zm4.367-2.621c.542 0 .981.44.981.981 0 .542-.44.982-.981.982-.543 0-.982-.44-.982-.982s.44-.981.982-.981z'/%3E%3C/g%3E%3C/svg%3E");}
.header .ico_myfeed{width:15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Cpath fill='%23F6330A' fill-rule='nonzero' d='M12 2c.552 0 1 .448 1 1v9c0 .552-.448 1-1 1H3c-.552 0-1-.448-1-1V3c0-.552.448-1 1-1h9zm0 1H3v9h9V3zM8 5v2h2v1H8v2H7V8H5V7h2V5h1z'/%3E%3C/g%3E%3C/svg%3E");}
.header .ico_storage{width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Cpath fill='%23F6330A' fill-rule='nonzero' d='M13 4v7.77c0 .679-.616 1.23-1.375 1.23h-8.25C2.615 13 2 12.449 2 11.77V4h11zm-1 1H3v6.77c0 .086.106.194.282.223l.093.007h8.25c.197 0 .332-.095.366-.186l.009-.045V5zm-2 2v1H5V7h5zm1-5v1H4V2h7z'/%3E%3C/g%3E%3C/svg%3E");}

.btn_search{position:relative;width:20px;height:20px;}
.ico_search{width:20px;height:20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%231D1D1D' fill-rule='nonzero' d='M10 2c4.418 0 8 3.582 8 8 0 1.849-.627 3.55-1.68 4.906l5.665 5.665-1.414 1.414-5.665-5.665C13.55 17.373 11.849 18 10 18c-4.418 0-8-3.582-8-8s3.582-8 8-8zm0 2c-3.314 0-6 2.686-6 6s2.686 6 6 6c1.38 0 2.651-.466 3.665-1.25l1.086-1.085C15.534 12.651 16 11.38 16 10c0-3.314-2.686-6-6-6z'/%3E%3C/g%3E%3C/svg%3E");}
.btn_navbar{position:relative;width:20px;height:20px;}
.ico_ham{width: 21px;height:21px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23000' d='M21 3H0v2h21z'/%3E%3Cpath d='M21 0H0v21h21z'/%3E%3Cpath fill='%23000' d='M21 9H4v2h17zm0 6H0v2h21z'/%3E%3C/g%3E%3C/svg%3E");}

.uh,.contents,.footer_wrap{margin-left:auto;margin-right:auto;}
.header{position:fixed;width:100%;left:0;top:0;border-bottom:1px solid rgba(0, 0, 0, .1);background:#fff;z-index:300;}
.header .uh{display:flex;align-items:center;position:relative;height:100%;margin:0 auto;}
.header .logo{display:block;width:178px;height:26px;font-size:0;background-repeat: no-repeat;background-position:50% 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='178' height='26'%3E%3Cpath d='M0 7.23h.332l4.089-4.6H6.26V18.6l-1.84 1.764v.33h8.278v-.33L10.833 18.6V2.63h1.84l4.063 4.6h.332V1.508H0V7.23zm17.936-5.314l1.994.996v15.79l-1.866 1.662v.33h8.048v-.33l-1.711-1.508V8.84a6.049 6.049 0 011.865-.282c1.608 0 2.401.638 2.401 2.427v7.87l-1.712 1.508v.33h8.05v-.407l-1.867-1.585V11.09c0-3.169-2.145-4.983-4.726-4.983-.23 0-.383.052-1.303.562L24.4 8.125V0h-.384l-6.08 1.534v.382zM35.514 13.72c0 4.164 2.683 7.23 6.694 7.23 2.913 0 4.88-1.15 6.414-2.606l-.204-.409c-.946.434-2.12.69-3.168.69-3.042 0-4.727-1.917-5.11-5.264h8.865c-.128-4.726-2.733-7.256-6.592-7.256-4.471 0-6.899 3.501-6.899 7.615zm4.549-1.176v-.766c0-2.376.715-4.752 2.221-4.752.972 0 2.096 1.226 2.096 5.212l-4.317.306zM55.366 24.86l.128.409c4.166-.435 7.384-2.99 7.384-7.027V3.756l1.816-1.814v-.434h-8.305v.434l1.84 1.814v16.53c0 2.479-1.023 3.527-2.863 4.574zm9.813-11.242c0 4.624 3.244 7.332 7.102 7.332 3.55 0 7.41-2.324 7.41-7.588 0-4.572-3.296-7.256-7.103-7.256-3.577 0-7.409 2.3-7.409 7.512zm4.726-.843c0-3.372.741-5.748 2.274-5.748 1.941 0 2.785 3.551 2.785 7.026 0 3.551-.895 5.978-2.249 5.978-1.891 0-2.81-3.628-2.81-7.256zm11.524.843c0 4.624 3.244 7.332 7.101 7.332 3.552 0 7.41-2.324 7.41-7.588 0-4.572-3.296-7.256-7.103-7.256-3.576 0-7.408 2.3-7.408 7.512zm4.726-.843c0-3.372.741-5.748 2.274-5.748 1.941 0 2.785 3.551 2.785 7.026 0 3.551-.895 5.978-2.25 5.978-1.89 0-2.81-3.628-2.81-7.256zM96.68 8.023l1.993.996v9.683l-1.865 1.662v.33h8.048v-.33l-1.71-1.508V8.84c.535-.18 1.2-.282 1.863-.282 1.61 0 2.403.638 2.403 2.427v7.87l-1.713 1.508v.33h8.05v-.407l-1.866-1.585v-7.894c0-3.168-2.249-4.702-4.728-4.702-.23 0-.382.052-1.302.562l-2.708 1.457V6.106h-.384l-6.08 1.534v.383zm17.5 15.202c.845 1.456 2.965 2.657 6.135 2.657 3.678 0 7.178-2.02 7.562-5.187h5.953v-.331l-2.633-1.815 1.176-3.296h6.081l1.125 3.45-2.044 1.66v.332h16.531v-.331l-1.713-1.508V8.84a6.06 6.06 0 011.866-.282c1.609 0 2.402.638 2.402 2.427v7.87l-1.714 1.508v.33h8.05v-.407l-1.865-1.585v-7.894c0-3.168-2.248-4.702-4.728-4.702-.23 0-.383.052-1.303.562l-2.708 1.457V6.106h-.382L145.89 7.64v.383l1.993.996v9.683l-1.738 1.56-1.712-1.56-5.749-17.194h-4.548v.331l.716 2.352-4.906 14.051-2.069 1.585c-.128-1.763-1.61-2.76-3.423-2.76h-5.468c-1.176 0-1.61-.46-1.61-1.047 0-.256.076-.562.23-.818.843.307 1.789.46 2.836.46 3.731 0 5.927-2.044 5.927-4.778 0-1.15-.458-2.402-1.175-3.117L128.21 9.3h.357V6.08h-.357l-3.858.972c-.946-.612-2.248-.946-3.757-.946-3.73 0-5.902 2.046-5.902 4.778 0 1.814.819 3.194 2.198 3.986-1.048.766-2.044 1.84-2.452 2.964v.358l2.707 2.35c-1.277.435-2.58 1.43-2.964 2.683zm3.324-.92c0-.563.179-1.277.382-1.61h5.953c.742 0 1.074.588 1.074 1.202 0 1.659-1.967 2.937-4.292 2.937-2.044 0-3.117-1.15-3.117-2.53zm1.353-12.289c0-2.402.69-3.067 1.483-3.067 1.149 0 1.864 2.275 1.864 4.83 0 2.402-.715 3.04-1.455 3.04-1.202 0-1.892-2.274-1.892-4.803zm13.874 4.062l2.76-7.972 2.58 7.972h-5.34zm30.66 9.147c.844 1.456 2.964 2.657 6.133 2.657 3.884 0 7.588-2.25 7.588-5.748 0-1.969-1.534-3.068-3.45-3.068h-5.467c-1.176 0-1.61-.458-1.61-1.046 0-.256.076-.562.23-.818.843.307 1.788.46 2.836.46 3.731 0 5.927-2.044 5.927-4.778 0-1.15-.459-2.402-1.175-3.117L177.42 9.3h.358V6.08h-.358l-3.859.972c-.946-.612-2.249-.946-3.755-.946-3.73 0-5.903 2.046-5.903 4.778 0 1.814.818 3.194 2.198 3.986-1.048.766-2.044 1.84-2.453 2.964v.358l2.708 2.35c-1.278.435-2.581 1.43-2.964 2.683zm3.322-.92c0-.563.179-1.277.382-1.61h5.954c.74 0 1.073.588 1.073 1.202 0 1.659-1.966 2.937-4.292 2.937-2.044 0-3.117-1.15-3.117-2.53zm1.354-12.289c0-2.402.69-3.067 1.482-3.067 1.148 0 1.866 2.275 1.866 4.83 0 2.402-.718 3.04-1.458 3.04-1.2 0-1.89-2.274-1.89-4.803z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");}
.header .logo h2{ display: none;}
.header .header_option_area{display:flex;align-items:center; margin-left: 22px;}
.header .header_option_area > button{margin:0 12px;}
.header .uh .header_right_area{position:absolute;top:50%;transform:translateY(-50%); display: flex; z-index: 401;} /* login 레이어팝업 때문에 z-index 조정 */

.logout{display: flex;}
.logout li{margin:0 8px;color:#666;font-size:14px; position: relative; font-weight: 400; line-height: 22px;}
.logout >  li:nth-child(1)::before{position: absolute; top: 6px; right: -8px; content: ""; display: block; width: 1px; height: 12px; background: #bcbcbc;}

.btn_user{display: flex;align-items: center;font-size: 14px; line-height: 22px; color: #666;}
.btn_user .ico_arrow_bold_down{margin-left: 4px; width: 12px; height: 12px;}

/* header menu */
.full_popup.menu_popup { height:auto;} /* membership.css - reset */
.menu_popup .layer_popup {width:100%; left:inherit; top:0; padding:0; transform: none; } /* membership.css - reset */
.menu_popup a:hover{opacity: 0.7;}
.menu_popup{display:none;position:absolute;top:0;left: 0; bottom: auto !important; width:100%;padding:20px 0 50px;background:#fff !important;}
.nav ul{display: flex;}
.layer_popup.side_nav{display:block;position: relative; border: none !important;}
.layer_popup.layer_search,
.layer_popup.side_nav {border:none !important; outline: none !important;}
.side_nav .logo{margin: 0 0 18px 20px;}
.side_nav .nav{max-width: 480px;display:block;margin:0 auto;padding:0 20px;font-size:15px;line-height:24px;}
.side_nav .nav dl{margin-bottom:30px;}
.side_nav .nav ul{flex-wrap:wrap;}
.side_nav .nav li{margin-bottom:14px;}
.side_nav .nav .ico_new{width: 13px; height: 13px; margin-left: 4px;}
.ico_new{width:19px;height:19px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath d='M9.5 0C14.7 0 19 4.3 19 9.5S14.7 19 9.5 19 0 14.7 0 9.5 4.3 0 9.5 0z' fill-rule='evenodd' clip-rule='evenodd' fill='%23f6330a'/%3E%3Cpath d='M6.1 5.1h1.8l2.6 4.7.9 1.9h.1c-.1-.9-.2-2.1-.2-3.1V5.1H13V14h-1.8L8.5 9.3l-.9-2c.1 1 .2 2.1.2 3.1V14H6.1V5.1z' fill='%23fff'/%3E%3C/svg%3E");}
.side_nav .nav strong{display:block;margin-bottom:10px;color:#111;font-size:18px;}
.side_nav .nav_item + dt{margin-top:30px;}
.side_nav .font_orange{display: flex; align-items: center;}
.side_nav .font_orange .ico_myfeed,
.side_nav .font_orange .ico_storage{margin-right: 6px;}
.menu_popup.open{display:block;}
.side_nav .my_wrap{max-width: 480px; margin: 0 auto 20px;padding-top:16px;border-bottom:4px solid #000;}
.side_nav .my_wrap:before{content:'';position:absolute;top: 42px;left:0;right:0;border-top:1px solid rgba(0,0,0,.1);}
.side_nav .btn_group{margin:20px -5px;}
.side_nav .btn{flex-grow:1;height:36px;margin:0 5px; font-size: 14px;}
.side_nav .btn_outline_orange{border: 1px solid #f6330a !important; color: #f6330a !important;}
.side_nav .btn_close{position:absolute;top: 0px;right:18px;width:24px;height:24px;}
.logo a{display:block;width:100%;height:100%;}

/*로그인 레이어 팝업*/
.user{position: relative;}
.user.open .layer_login{display: block;}
.user.open .btn_user .ico_arrow_bold_down{transform: rotate(180deg);}
.layer_login{display: none; position: absolute; z-index: 200; width: 160px; border: 1px solid #d5d5d5; outline:none !important; top: 30px; right: -20px; background: #fff; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.03);}
.layer_login .layer_body ul{display: block; padding: 20px 28px 12px;  border-bottom: 1px solid rgba(0, 0, 0, .1);}
.layer_login .layer_body ul li{font-size:16px; line-height: 24px; color: #111; margin: 0; padding-bottom: 12px;}
.layer_login .layer_body .myfeed{font-weight: 700;}
.layer_login .layer_body .btn_logout{padding: 16px 28px 20px; font-size: 16px; line-height: 24px; width: 100%; text-align: left;}

/* search popup */
.layer_search h2 {display:inherit;}
.layer_search .search_tag_wrap .title_wrap { border-top: 0; padding-top:0; margin-bottom:0;}
.layer_search .title_wrap .title {padding-top:5px; font-size:18px; line-height:28px; font-weight:900; color:#f6330a !important;}
.layer_search .chain_wrap .title_wrap {min-height:33px; padding-top:0; border-top: 4px solid #f6330a}
.layer_search .photo_list_area {margin-top:20px !important;}

/* 로그인 안내 팝업*/
.layer_login_popup {display:none; position: absolute; top: 27px; right:0;width: 320px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); z-index: 401;}
.layer_login_popup .layer_item{position: relative; padding: 30px 19px; height: 100%;}
.layer_login_popup .layer_header .login_popup_title{display: inline-block;padding-bottom: 10px;font-size: 16px; line-height: 24px; color: #111;}
.layer_login_popup .layer_body .login_popup_list{ display: block !important; padding-bottom: 20px; padding-left: 5px;font-size: 12px; line-height: 20px;}
.layer_login_popup .layer_body .login_popup_list li{list-style-type: disc;color: #333;}
.layer_login_popup .layer_body .login_popup_list li::marker{content: "· ";}
.layer_login_popup .btn_group{display: flex; align-items: center; justify-content: center;}
.layer_login_popup .btn_group [class*="btn_"]{width: 90px;}
.layer_login_popup .btn_group .btn:nth-child(1){margin-right: 10px;}
.layer_login_popup .btn_close{position: absolute; top: 10px; right: 10px;}
.layer_login_popup .btn_group .btn_outline_black {border: 1px solid #111;}
.layer_login_popup .btn_group .btn_outline_orange {border: 1px solid #f0320a;color: #f0320a;}

/* 아이콘*/
.layer_login_popup .btn_close .ico_close{width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Cpath fill='%231D1D1D' d='M3.03902 16.23187L16.23787 3.03302l.70711.7071L3.74613 16.93899z'/%3E%3Cpath fill='%231D1D1D' d='M3.80483 3.09273L17.0037 16.29158l-.7071.7071L3.09772 3.79984z'/%3E%3C/g%3E%3C/svg%3E");}

/* 검색입력 */
.layer_search .search_form { border-bottom: 4px solid #f6330a; }
.layer_search .search_form .input_group { display: flex; align-items: center; margin-top:0; }
.layer_search .search_form .form_control { overflow:hidden; max-width:calc(100% - 10px); width:auto; height:auto; margin-top:0; color:#111; font-weight: 700; border: 0 !important; white-space:nowrap;}
.layer_search .search_form .form_control::placeholder { font-size: 32px; color: #111; }
.layer_search .search_form .form_control:focus-visible { outline: 0; }

/* 자동완성 */
.search_input_list { display: none; z-index: 7; position: absolute; left: 0; top: 223px; width: 100%; background-color: #fff; }
.search_input_list.open { display: block; }
.search_input_list .tag_nav { width:100%; padding-top: 12px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
/* .search_input_list .tag_nav + .list { margin-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); } */
.search_input_list .list { padding: 20px 0; }
.search_input_list .list li { position:  relative; padding-right:70px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%;}
.search_input_list .list li:not(:first-child) { margin-top: 16px; }
.search_input_list .keyword { color: #f6330a; }
.search_input_list .list .info { display: flex; align-items: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.search_input_list .info .btn_link { margin-left: 10px; }
.search_input_list .func { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.search_input_list .func button { font-size: 16px; line-height: 24px;  color: #999; }
.search_input_list .list strong { font-weight: 400; color: #f6330a; }

/* 인기 검색어 */
.search_tag_wrap .tag_nav {  padding-top: 12px; }

.title_wrap .title { display: flex; font-weight: 700; }
.title_wrap .title h1 { font-size: 18px; }
.title_wrap .title h2 { margin-left: 4px; font-size: 18px; color: #111; }
.title_wrap .title.sticky_top,
.title_wrap .title.sticky_top h1,
.title_wrap .title.sticky_top h2 { font-size: 16px; }

/* 검색어 저장 리스트  */
.search_input_list .info .btn_delete {margin-left: 8px; width: 20px; height: 20px; }
.search_input_list .info .btn_delete .ico_delete { background-size: 100%; }

/* 검색어 저장 기능 off */
.search_input_list .search_off { text-align: center  }

/* 검색 스크롤 */
.layer_search .layer_body .scroll{padding-right: 10px;}
.layer_search .scroll::-webkit-scrollbar {width: 3px;}
.layer_search .scroll::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #e4e5e6;}


/* tag_nav */
.tag_nav { margin: 0 -4px; display: inline-flex; flex-wrap: wrap; }
.tag_nav .nav_item { margin: 8px 4px 0; }

.tag_nav h2 {display:block;}
.tag_nav h2 a { display: flex; align-items: center; height: 36px; /*padding: 7px 20px;*/ padding:5px 20px 9px; border: 1px solid #cdcdcd; border-radius: 20px; font-size: 14px; line-height: 22px; font-weight: 700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tag_nav h2 a[ aria-selected="true"],
.tag_nav h2 a.active { border-color: #f6330a; background-color: #f6330a; color: #fff; }

.tag_nav .nav_link { display: flex; align-items: center; height: 36px; padding: 0 20px; border: 1px solid #cdcdcd; border-radius: 20px; font-size: 14px; line-height: 34px; font-weight: 700; }
.tag_nav .nav_link span { display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 100%; }
.tag_nav .nav_link[ aria-selected="true"],
.tag_nav .nav_link.active { border-color: #f6330a; background-color: #f6330a; color: #fff; }
.tag_nav .nav_link.active .ico_up { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16'%3E%3Cpath d='M18 0a8 8 0 010 16H8A8 8 0 018 0h10zm0 1H8a7 7 0 00-.24 13.996L8 15h10a7 7 0 00.24-13.996L18 1zM8.45 4.5v4.2c0 1.54.53 2.06 1.4 2.06.88 0 1.44-.52 1.44-2.06V4.5h1.42v4.07c0 2.46-1.05 3.47-2.86 3.47-1.8 0-2.88-1.01-2.88-3.47V4.5h1.48zm8.22 0c1.64 0 2.9.57 2.9 2.32 0 1.69-1.27 2.45-2.86 2.45h-.99v2.63h-1.48V4.5zm-.11 1.17h-.84V8.1h.89c1.02 0 1.51-.43 1.51-1.28 0-.86-.54-1.15-1.56-1.15z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E"); }
.tag_nav .nav_link .ico_up { flex: 0 0 auto; margin-left: 4px; }
.tag_nav .nav_item strong{color: #f6330a;}

.tag_nav:not(.swiper-wrapper),
.tag_nav .nav_item {overflow:hidden; max-width:100%;}
.tag_nav h2 a {display:block;}

/* footer */
footer{border-top:1px solid rgba(0, 0, 0, .1);}
.policy_area{padding:16px 0;font-size:14px; flex: 1 1 auto;}
.policy_area li{flex: 1 1 auto;}
.policy_area li a{color: #111;}
.footer_info{padding:20px 0;background-color:#f4f5fa;font-size:13px;}
.footer_info .logo{width:164px;height:24px;margin-right:36px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='178' height='26'%3E%3Cpath d='M0 7.23h.332l4.089-4.6H6.26V18.6l-1.84 1.764v.33h8.278v-.33L10.833 18.6V2.63h1.84l4.063 4.6h.332V1.508H0V7.23zm17.936-5.314l1.994.996v15.79l-1.866 1.662v.33h8.048v-.33l-1.711-1.508V8.84a6.049 6.049 0 011.865-.282c1.608 0 2.401.638 2.401 2.427v7.87l-1.712 1.508v.33h8.05v-.407l-1.867-1.585V11.09c0-3.169-2.145-4.983-4.726-4.983-.23 0-.383.052-1.303.562L24.4 8.125V0h-.384l-6.08 1.534v.382zM35.514 13.72c0 4.164 2.683 7.23 6.694 7.23 2.913 0 4.88-1.15 6.414-2.606l-.204-.409c-.946.434-2.12.69-3.168.69-3.042 0-4.727-1.917-5.11-5.264h8.865c-.128-4.726-2.733-7.256-6.592-7.256-4.471 0-6.899 3.501-6.899 7.615zm4.549-1.176v-.766c0-2.376.715-4.752 2.221-4.752.972 0 2.096 1.226 2.096 5.212l-4.317.306zM55.366 24.86l.128.409c4.166-.435 7.384-2.99 7.384-7.027V3.756l1.816-1.814v-.434h-8.305v.434l1.84 1.814v16.53c0 2.479-1.023 3.527-2.863 4.574zm9.813-11.242c0 4.624 3.244 7.332 7.102 7.332 3.55 0 7.41-2.324 7.41-7.588 0-4.572-3.296-7.256-7.103-7.256-3.577 0-7.409 2.3-7.409 7.512zm4.726-.843c0-3.372.741-5.748 2.274-5.748 1.941 0 2.785 3.551 2.785 7.026 0 3.551-.895 5.978-2.249 5.978-1.891 0-2.81-3.628-2.81-7.256zm11.524.843c0 4.624 3.244 7.332 7.101 7.332 3.552 0 7.41-2.324 7.41-7.588 0-4.572-3.296-7.256-7.103-7.256-3.576 0-7.408 2.3-7.408 7.512zm4.726-.843c0-3.372.741-5.748 2.274-5.748 1.941 0 2.785 3.551 2.785 7.026 0 3.551-.895 5.978-2.25 5.978-1.89 0-2.81-3.628-2.81-7.256zM96.68 8.023l1.993.996v9.683l-1.865 1.662v.33h8.048v-.33l-1.71-1.508V8.84c.535-.18 1.2-.282 1.863-.282 1.61 0 2.403.638 2.403 2.427v7.87l-1.713 1.508v.33h8.05v-.407l-1.866-1.585v-7.894c0-3.168-2.249-4.702-4.728-4.702-.23 0-.382.052-1.302.562l-2.708 1.457V6.106h-.384l-6.08 1.534v.383zm17.5 15.202c.845 1.456 2.965 2.657 6.135 2.657 3.678 0 7.178-2.02 7.562-5.187h5.953v-.331l-2.633-1.815 1.176-3.296h6.081l1.125 3.45-2.044 1.66v.332h16.531v-.331l-1.713-1.508V8.84a6.06 6.06 0 011.866-.282c1.609 0 2.402.638 2.402 2.427v7.87l-1.714 1.508v.33h8.05v-.407l-1.865-1.585v-7.894c0-3.168-2.248-4.702-4.728-4.702-.23 0-.383.052-1.303.562l-2.708 1.457V6.106h-.382L145.89 7.64v.383l1.993.996v9.683l-1.738 1.56-1.712-1.56-5.749-17.194h-4.548v.331l.716 2.352-4.906 14.051-2.069 1.585c-.128-1.763-1.61-2.76-3.423-2.76h-5.468c-1.176 0-1.61-.46-1.61-1.047 0-.256.076-.562.23-.818.843.307 1.789.46 2.836.46 3.731 0 5.927-2.044 5.927-4.778 0-1.15-.458-2.402-1.175-3.117L128.21 9.3h.357V6.08h-.357l-3.858.972c-.946-.612-2.248-.946-3.757-.946-3.73 0-5.902 2.046-5.902 4.778 0 1.814.819 3.194 2.198 3.986-1.048.766-2.044 1.84-2.452 2.964v.358l2.707 2.35c-1.277.435-2.58 1.43-2.964 2.683zm3.324-.92c0-.563.179-1.277.382-1.61h5.953c.742 0 1.074.588 1.074 1.202 0 1.659-1.967 2.937-4.292 2.937-2.044 0-3.117-1.15-3.117-2.53zm1.353-12.289c0-2.402.69-3.067 1.483-3.067 1.149 0 1.864 2.275 1.864 4.83 0 2.402-.715 3.04-1.455 3.04-1.202 0-1.892-2.274-1.892-4.803zm13.874 4.062l2.76-7.972 2.58 7.972h-5.34zm30.66 9.147c.844 1.456 2.964 2.657 6.133 2.657 3.884 0 7.588-2.25 7.588-5.748 0-1.969-1.534-3.068-3.45-3.068h-5.467c-1.176 0-1.61-.458-1.61-1.046 0-.256.076-.562.23-.818.843.307 1.788.46 2.836.46 3.731 0 5.927-2.044 5.927-4.778 0-1.15-.459-2.402-1.175-3.117L177.42 9.3h.358V6.08h-.358l-3.859.972c-.946-.612-2.249-.946-3.755-.946-3.73 0-5.903 2.046-5.903 4.778 0 1.814.818 3.194 2.198 3.986-1.048.766-2.044 1.84-2.453 2.964v.358l2.708 2.35c-1.278.435-2.581 1.43-2.964 2.683zm3.322-.92c0-.563.179-1.277.382-1.61h5.954c.74 0 1.073.588 1.073 1.202 0 1.659-1.966 2.937-4.292 2.937-2.044 0-3.117-1.15-3.117-2.53zm1.354-12.289c0-2.402.69-3.067 1.482-3.067 1.148 0 1.866 2.275 1.866 4.83 0 2.402-.718 3.04-1.458 3.04-1.2 0-1.89-2.274-1.89-4.803z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");background-size:auto 24px;}
.footer_info .logo a{display: block; width: 100%; height: 100%;}
.footer_info p{margin-bottom:6px;line-height:22px;}
.footer_info .copyright{margin-top: 10px; margin-bottom: 0;padding-bottom: 40px; font-size: 12px; line-height: 22px; color: #666; font-weight: 400;}

.footer_info .btn_black{display: flex; align-items:center;height:28px;padding:0 16px;background-color:#000;border-radius:9999px;color:#fff !important;}
.address span{margin-right:17px; position: relative;}
.address span::after{content: ''; position: absolute; top: 4px; right: -12px; width: 1px; height: 12px; background: #bcbcbc;}
.footer_info .btn_area{position:relative; display: flex; margin-bottom:24px;padding-bottom:16px;}
.footer_info .btn_area:after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 1px; background: rgba(0, 0, 0, 0.1);}
.footer_info .btn_area{justify-content:center;}
.footer_info .btn_area li{margin:0 4px;}

/* 그리드 */
.row{display: flex;flex-wrap: wrap;flex-grow: 1 !important;}
.row > *{width: 100%;max-width: 100%;}

/* 카드 */
.card_body{flex:1 1 auto;}
.card_body .headline{width:100%;}
.card .headline + .description {padding-top:6px;}

/* 포토리스트 */
.row{display: flex;flex-wrap: wrap;flex-grow: 1 !important;}
.row > *{width: 100%;max-width: 100%;}
.layer_search .card_group .card{position: relative;}
.layer_search .card_group .card:before{content: "";display: block;position: absolute;background-color: rgba(0, 0, 0, .1);}
.layer_search .card_image a { display: block; position: relative; }
.photo_list_area .card,
.photo_list_area .card_body{display:flex;flex-flow:column;}
.photo_list_area .card_image,
.photo_list_area .card_body{-ms-flex: 0 0 auto;}
.photo_list_area .card {height:auto;}
.photo_list_area .card_image {flex:0 0 auto;}


/* 팝업기본 */
.layer_popup{position:absolute; z-index:200; background-color:#fff; }
.full_popup > .layer_popup{ outline: solid 1px rgba(0, 0, 0, 0.1);}
*:not(.full_popup) > .layer_popup{ border: solid 1px rgba(0, 0, 0, 0.1);}
*:not(.full_popup) > .layer_popup .layer_header .layer_title{font-size:14px;line-height:20px;color:#333;}
.layer_popup .btn_close{position:absolute; font-size:0;}
.full_popup { position:fixed; z-index:400; top: 0; right: 0; bottom: 0; left: 0;}
.full_popup.bg_white { background-color:#fff; }
.full_popup.bg_black { background-color:#111; }
.full_popup.bg_none {background: none !important;}
.full_popup:not(.bg_white):not(.bg_black) { background: rgba(0,0,0,.4); }

/* Only Mobile */
@media (max-width:767px){
    .side_nav .my_wrap{max-width: 100%; margin-left:20px;margin-right:20px;}
    .side_nav .nav{max-width: 100%;}

    /*로그인 레이어 팝업*/
    .layer_login{position: fixed; z-index: 200; width: 112px; border: 1px solid #d5d5d5; top: 82px; right: 20px; background: #fff; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.03);}
    .layer_login .layer_body ul{display: block; padding: 20px 16px 4px;  border-bottom: 1px solid rgba(0, 0, 0, .1);}
    .layer_login .layer_body ul li{font-size:14px; color: #111; margin: 0; padding-bottom: 12px;}
    .layer_login .layer_body .myfeed{font-weight: 700;}
    .layer_login .layer_body .btn_logout{padding: 12px 20px 14px; font-size: 14px; width: 100%;}

    /****
    * 5-3.푸터
    * ---------------------------------
    */
    /* footer */
    .footer_wrap{max-width: 100%; margin-left: 20px; margin-right: 20px;}
	.address{width:310px;}
	.address span:first-child{display:block;}
    .address span:first-child::after{content: none;}
    .address span:nth-last-of-type(1){margin-right: 0px;}
    .menu_popup .layer_footer{ padding-bottom: 0!important; padding-bottom: 0 !important; }
}

@media (max-width:767px){
	.uh,.contents,.footer_wrap{max-width:100% !important;}
}
/* Mobile + Tablet 공통 */
@media (max-width:1023px){

    .sm_hidden{display: none !important;}

    .header{height: 60px;}
    .header .uh{padding: 0 20px;}
    .header .uh .header_right_area{right: 20px;}
    .header .scroll{overflow-y: scroll; height:calc(100% - 44px) !important;}
    .header .header_option_area > button:nth-last-child(1){margin-right: 0;}

    /*header menu*/
    .menu_popup{position:fixed;bottom:0;overflow:hidden;z-index: 400;height:100% !important;}
    .menu_popup .layer_popup {height:100% !important;}
    .menu_popup .logout{display: flex; align-items: flex-end;}
    .menu_popup .logout .logout_title{font-size: 16px; line-height: 24px;}
    .menu_popup{padding-bottom: 0; padding-top: 17px;}
    .side_nav .nav > ul{display: block;}
    .side_nav .nav li{width: 50%;}
    .side_nav .nav > ul li strong{font-size: 14px; margin-bottom: 18px;}
    .side_nav .nav > ul li:nth-last-child(1),
    .side_nav .nav > ul li:nth-last-child(1) strong{margin-bottom: 0;}
    .side_nav .nav li:nth-last-child(1), .side_nav .nav li:nth-last-child(2){margin-bottom: 0;}
    .side_nav .nav .ico_fold{margin-left: 4px; width: 15px; height: 15px;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Cpath stroke='%23111' stroke-width='2' d='M4 2l6 6.07123L4 14'/%3E%3C/g%3E%3C/svg%3E");}
    .side_nav .my_wrap .ico_arrow_right{margin-left: 4px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M13 0v13H0V0z'/%3E%3Cpath stroke='%23111' stroke-width='2' d='M4 1.5l5 5.059L4 11.5'/%3E%3C/g%3E%3C/svg%3E");}
    .side_nav .my_wrap .btn_user{display: flex; align-items: center; font-size: 18px; line-height: 24px; color: #111; font-weight: 600;}
    .side_nav .my_wrap .btn_user em {font-weight: 600;}
    .side_nav .my_wrap .logout .btn_user{font-size: 16px;}
    .side_nav .nav .banner_wrap{width: 100%; height: 60px; text-align: center; overflow: hidden; margin-bottom: 20px; border: none;}
    .side_nav .nav .banner_wrap img{width: 100%; max-width: 320px; height: 60px;}
    .menu_popup .layer_footer{width: 100%; padding: 0 20px; background: #f4f5fa; padding-bottom: calc(constant(safe-area-inset-bottom) + 50px); padding-bottom: calc(env(safe-area-inset-bottom) + 50px);}
    .menu_popup .layer_footer_item{width: 100%; max-width: 480px; padding: 20px 0 30px; margin: 0 auto; text-align: center; margin-top: 40px;}
    .menu_popup .layer_footer_item p{margin-bottom: 20px; font-size: 14px; line-height: 22px; color: #666;}
    .menu_popup .layer_footer_item .btn_group{margin: 0; display: flex; justify-content: center; align-items: center;}
    .menu_popup .layer_footer_item .btn_group > li{margin-right: 30px;}
    .menu_popup .layer_footer_item .btn_group > li:nth-last-child(1){margin-right: 0;}
    .footer_info .logo{display: flex; width: 100%; height: 40px; justify-content: center;  margin: 0; background: none;}
    .footer_info .logo a{width: 140px; height: 40px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='140' height='40'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h140v40H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M86.339 33.125h7.61v-2.102h-7.61v2.102zm-.299 1.449h8.211c.735 0 1.31-.467 1.31-1.312v-5.7H93.95v2.03h-7.613v-2.028h-1.61v5.698c0 .845.579 1.312 1.314 1.312zm4.926 3.024v-2.252h-1.611v2.252H84.3v1.428h11.69v-1.428zm-24.795-8.596h1.746v-1.437h-2.012c-.861 0-1.343.586-1.343 1.309v3.93h1.61v-3.802zm-8.301 2.504a1.428 1.428 0 01-1.438-1.414c0-.78.645-1.413 1.439-1.413.795 0 1.439.634 1.439 1.413 0 .78-.644 1.415-1.44 1.415m2.899-1.418c0-1.577-1.301-2.856-2.91-2.856-1.605 0-2.905 1.28-2.905 2.856 0 1.578 1.3 2.856 2.906 2.856 1.608 0 2.909-1.278 2.909-2.856m18.885 2.717h1.613v-5.234h-1.613zm-6.442 4.88v-.7h6.882c.736 0 1.173-.357 1.173-1.122v-2.27h-9.668v1.378h8.053v.703h-8.044v2.109c0 .849.544 1.26 1.278 1.26l.008.005h8.373v-1.373h-8.055m-.526-6.321c-.771 0-1.397-.614-1.397-1.37 0-.758.626-1.372 1.397-1.372.77 0 1.396.614 1.396 1.371s-.626 1.371-1.396 1.371m2.81-1.376c0-1.53-1.264-2.769-2.822-2.769-1.556 0-2.82 1.24-2.82 2.77 0 1.531 1.264 2.772 2.82 2.772 1.558 0 2.822-1.24 2.822-2.773m-12.752 8.384c-1.017 0-1.84-.794-1.84-1.77 0-.98.823-1.772 1.84-1.772 1.017 0 1.84.792 1.84 1.771 0 .977-.823 1.771-1.84 1.771m-.002-4.975c-1.836 0-3.325 1.434-3.325 3.201 0 1.768 1.49 3.2 3.325 3.2 1.836 0 3.325-1.432 3.325-3.2 0-1.767-1.489-3.2-3.325-3.2m-9.632-2.278c-1.91 0-4.834-.03-5.934-1.33-1.124 1.3-4.005 1.325-5.922 1.325v-1.355c1.934 0 3.728-.051 4.426-.816h-4.426v-1.372h11.86v1.372H48.67c.661.748 2.559.806 4.44.806v1.37zm-4.095 5.584c0 .947-.824 1.714-1.842 1.714-1.017 0-1.84-.767-1.84-1.714 0-.945.823-1.713 1.84-1.713 1.018 0 1.842.768 1.842 1.713zm4.29-3.777v-1.35H41.074v1.35l5.313.004v.761c-1.458.33-2.542 1.552-2.542 3.01 0 1.71 1.49 3.096 3.326 3.096 1.838 0 3.327-1.386 3.327-3.096 0-1.446-1.063-2.658-2.501-3v-.775h5.31z' fill='%23585757' mask='url(%23b)'/%3E%3Cg mask='url(%23b)' fill='%23000'%3E%3Cpath d='M130.864 11.44c-.924 0-1.456-1.755-1.456-3.707 0-1.855.532-2.368 1.141-2.368.885 0 1.437 1.756 1.437 3.729 0 1.854-.552 2.347-1.122 2.347zm-2.204 4.537h4.584c.57 0 .826.454.826.928 0 1.28-1.514 2.268-3.305 2.268-1.574 0-2.4-.888-2.4-1.953 0-.434.138-.986.295-1.243zm7.949-11.283l-2.97.75c-.73-.473-1.733-.73-2.893-.73-2.872 0-4.545 1.579-4.545 3.69 0 1.4.63 2.464 1.693 3.076-.808.591-1.574 1.42-1.89 2.288v.277l2.086 1.814c-.984.335-1.987 1.104-2.282 2.071.65 1.124 2.282 2.051 4.722 2.051 2.99 0 5.842-1.736 5.842-4.438 0-1.519-1.18-2.367-2.656-2.367h-4.21c-.904 0-1.239-.354-1.239-.808 0-.198.059-.434.177-.632.65.237 1.377.356 2.184.356 2.873 0 4.564-1.578 4.564-3.689 0-.888-.354-1.855-.905-2.407l2.322 1.184h.275V4.694h-.275zM25.516 8.56c0-2.446-1.652-3.846-3.64-3.846-.176 0-.295.04-1.003.434l-2.085 1.124V0h-.295L13.81 1.184v.295l1.535.77v12.19l-1.436 1.282v.256h6.197v-.256l-1.318-1.164V6.825a4.666 4.666 0 011.436-.217c1.239 0 1.85.493 1.85 1.874v6.075l-1.319 1.164v.256h6.197v-.315l-1.436-1.224V8.561zM0 5.582h.256L3.404 2.03h1.415v12.33l-1.415 1.36v.257h6.373v-.256L8.341 14.36V2.03h1.416l3.13 3.552h.255V1.164H0zm30.847 4.103v-.591c0-1.835.551-3.67 1.711-3.67.748 0 1.613.948 1.613 4.024l-3.324.237zm1.81-4.971c-3.443 0-5.312 2.703-5.312 5.879 0 3.215 2.066 5.581 5.154 5.581 2.243 0 3.758-.887 4.939-2.012l-.158-.315a6.114 6.114 0 01-2.439.532c-2.342 0-3.64-1.48-3.935-4.063h6.827c-.098-3.649-2.105-5.602-5.076-5.602zm53.49 3.63c0-2.446-1.73-3.63-3.64-3.63-.176 0-.294.04-1.002.434L79.42 6.272V4.714h-.296l-4.682 1.184v.296l1.535.769v7.476L74.54 15.72v.256h6.197v-.256l-1.317-1.164V6.825a4.656 4.656 0 011.435-.217c1.24 0 1.85.492 1.85 1.874v6.075l-1.318 1.164v.256h6.197v-.315l-1.437-1.223V8.344zm16.053 2.524l2.126-6.154 1.986 6.154h-4.111zm-9.324 8.305c-1.574 0-2.4-.888-2.4-1.953 0-.434.138-.986.295-1.243h4.583c.57 0 .827.454.827.928 0 1.28-1.515 2.268-3.305 2.268zM92.66 5.365c.885 0 1.436 1.756 1.436 3.729 0 1.854-.55 2.347-1.12 2.347-.926 0-1.457-1.756-1.457-3.708 0-1.855.531-2.368 1.141-2.368zm31.378 2.979c0-2.446-1.73-3.63-3.64-3.63-.176 0-.294.04-1.003.434l-2.085 1.124V4.714h-.295l-4.682 1.184v.296l1.534.769v7.475l-1.338 1.204-1.317-1.204-4.427-13.274h-3.502v.256l.551 1.815-3.777 10.848-1.593 1.224c-.099-1.361-1.24-2.131-2.636-2.131h-4.21c-.905 0-1.24-.355-1.24-.808 0-.198.06-.434.177-.632.65.237 1.378.355 2.184.355 2.873 0 4.563-1.577 4.563-3.688 0-.888-.353-1.855-.904-2.407l2.321 1.184h.276V4.694h-.276l-2.97.75c-.728-.473-1.731-.73-2.892-.73-2.872 0-4.545 1.579-4.545 3.689 0 1.4.63 2.465 1.693 3.077-.808.591-1.574 1.42-1.89 2.288v.276L90.2 15.86c-.984.335-1.986 1.104-2.282 2.071.65 1.124 2.282 2.051 4.722 2.051 2.832 0 5.528-1.558 5.823-4.004h4.584v-.256l-2.027-1.4.905-2.545h4.682l.866 2.662-1.574 1.283v.256h12.728v-.256l-1.318-1.164V6.825a4.663 4.663 0 011.436-.217c1.24 0 1.85.493 1.85 1.874v6.075l-1.32 1.164v.256h6.199v-.315l-1.437-1.224V8.344zM43.418 1.5l1.416 1.4v12.762c0 1.913-.787 2.722-2.203 3.531l.098.315c3.207-.335 5.686-2.308 5.686-5.424V2.9l1.398-1.4v-.336h-6.395V1.5zM68.5 15.465c-1.455 0-2.163-2.801-2.163-5.603 0-2.603.57-4.437 1.751-4.437 1.495 0 2.144 2.742 2.144 5.424 0 2.742-.688 4.616-1.731 4.616m-.098-10.751c-2.755 0-5.705 1.776-5.705 5.8 0 3.57 2.498 5.66 5.468 5.66 2.735 0 5.705-1.794 5.705-5.858 0-3.53-2.537-5.602-5.468-5.602M55.989 15.465c-1.456 0-2.164-2.801-2.164-5.603 0-2.603.57-4.437 1.75-4.437 1.496 0 2.146 2.742 2.146 5.424 0 2.742-.69 4.616-1.732 4.616m-.098-10.751c-2.755 0-5.705 1.776-5.705 5.8 0 3.57 2.498 5.66 5.469 5.66 2.734 0 5.705-1.794 5.705-5.858 0-3.53-2.538-5.602-5.47-5.602'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}

    /* search popup */
        
    /* 검색입력 */
    .layer_search .search_form .input_group { min-width:2px; padding-bottom: 16px; margin-top:0; font-size:18px; line-height:27px;}
    .layer_search .search_form .input_group .search_area {display:inline-flex; align-items:center; width:calc(100% - 20px); height:27px;}
    .layer_search .layer_body .scroll{max-height: 500px; overflow-y: auto; overflow-x: hidden;}
    
    .layer_search .search_form .ico_search {width:24px; height:24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0H24V24H0z' transform='translate(-316 -64) translate(316 64)'/%3E%3Cpath fill='%231D1D1D' fill-rule='nonzero' d='M10 2c4.418 0 8 3.582 8 8 0 1.849-.627 3.55-1.68 4.906l5.665 5.665-1.414 1.414-5.665-5.665C13.55 17.373 11.849 18 10 18c-4.418 0-8-3.582-8-8s3.582-8 8-8zm0 2c-3.314 0-6 2.686-6 6s2.686 6 6 6c1.38 0 2.651-.466 3.665-1.25l1.086-1.085C15.534 12.651 16 11.38 16 10c0-3.314-2.686-6-6-6z' transform='translate(-316 -64) translate(316 64)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
    .layer_search .search_form .form_control { flex:0 0 auto !important; overflow:hidden; display:inline-flex; align-items:center; min-width:2px; max-width:calc(100% - 40px); width:auto;  height: 22px;  padding: 0 0 0 3px; margin-top:0; font-size: 18px; line-height: 22px; white-space:nowrap;}
    .layer_search .search_form .form_control:focus {outline: none !important;}
    .layer_search .search_form .form_control::placeholder { font-size: 18px; line-height: 22px; }
    .layer_search .search_form .input_group button {height:20px; transform: translateY(1px);}
    .layer_search .btn_option { margin-left: 8px; width: 36px; height: 36px;}
    .layer_search .btn_option .ico_option { width: 21px; background-size: 100% auto;  }

    /* 자동완성 */
    .search_input_list { top: 54px; padding: 0 20px; }
    .search_input_list .list li a { font-size: 16px; line-height: 24px; }
    .search_input_list .func { padding: 10px 0; }
    .search_input_list .func button { font-size: 14px; line-height: 22px; }
     
    /* 많이 본 뉴스 */
    .layer_search .chain_wrap { margin-top: 40px; }
 
    /* 검색어 저장 기능 off */
    .search_input_list .search_off { padding: 60px 0; font-size: 16px; line-height: 24px; }
 
    .layer_search .story_list { padding-top: 4px; }
    .layer_search .row.card_list { padding-top: 20px; }
    .layer_search .row.card_list li:not(:first-child) {  margin-top: 16px; }
     
    .layer_search .search_story_list .card_image img { width: 62px; height: 62px; }
    .layer_search .story_list .description{max-height:75px;-webkit-line-clamp: 2;}

    .layer_popup.layer_search { width: 100%; height: 100%; padding: 0; }
    .layer_popup.layer_search {left:inherit; top:inherit; transform: none; } /* membership.css - reset */
    .layer_search .btn_close { right: 20px; top: 20px; width: 24px; height: 24px; }
    .layer_search .btn_close .ico_close { width: 24px; height: 24px; }
    .layer_search .layer_header{width: 100%; height: 60px; background: #fff;}
    .layer_search .layer_body { position:relative; overflow-y:auto; height: calc(100% - 60px); padding: 4px 20px 55px; -webkit-overflow-scrolling:touch;}
    
    .layer_search .photo_list_area .card_body .description {font-size:16px; line-height: 25px;}

     /* footer */
     footer{border-top: none;}
    .footer_info p{margin-bottom: 12px;}
    .footer > .footer_wrap{position: relative; margin: 0;}
    .footer > .footer_wrap .row{margin: 0;}
    .footer > .footer_wrap::before{content: ''; position: absolute; top: 40px; left: -24px; width: calc(100% + 48px); height: 1px; background: rgba(0, 0, 0, 0.1);}
    .address span:nth-child(3)::after,
    .address span:nth-child(6)::after{content: none;}
    .copyright strong{font-size: 11px; line-height: 20px; color: #999; font-weight: 400;}
    .policy{display: flex; margin-top: 15px; margin-bottom: 14px;}
    .policy li{position: relative; margin-right: 13px; font-size: 13px; line-height: 21px; font-weight: 600; white-space: nowrap;}
    .policy li a{color: #111;}
    .policy li::after{content: ''; position: absolute; right: -7px; top:5px; display: block; width: 1px; height: 12px; background: #bcbcbc;}
    .policy li:nth-last-child(1):after{content: none;}

    /* 카드 */
    .card_body .headline {font-size: 18px; line-height: 27px;}
    
    /* 그리드 */
    .row{margin-left: -5px;margin-right: -5px;}
    .row > *{padding-left: 5px;padding-right: 5px;}

    /* 포토리스트 */
    .photo_list_area.swiper-container {width:100vw;margin-left: -20px;padding-left: 20px;padding-right: 20px;}
    .photo_list_area .photo_list .card{padding-top: 10px;padding-bottom:10px;}
    .photo_list_area .card:before{left: 0;top: 0;width:calc(100% - 12px);height: 1px;left:6px;}
    .photo_list_area .card:first-child::before{display:none;}
    .photo_list_area .photo_list .card:before {display:none;}
    .photo_list_area .photo_list .card_image + .card_body .headline {padding-top: 10px;}
    .photo_list_area .photo_list .headline {font-size: 16px; line-height: 24px;}
    .photo_list_area .photo_list .headline a {display: -webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height:58px;}/* a:visited color 말줄임에도 적용되게 */
    .photo_list_area .card_body .description {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:81px;}
    .photo_list_area .meta {margin-top:auto;}
    .photo_list .card:before { display: none; }
    .photo_list .meta { padding-top: 5px; }
    .photo_list_area .photo_list.card_group {margin-top:-10px; margin-bottom:-10px;}    

    /* photo_list1 예외 */
    .photo_list_area .photo_list1 {margin-top:-16px; margin-bottom:-20px;}
    .photo_list1 .card{display: block;}
    .photo_list_area .photo_list1 .card {padding-top:16px; padding-bottom:20px;}
    .photo_list1 .card_image{float: right;margin-left: 12px;}
    .photo_list1 .card_image img{width: 132px;}
    .photo_list1 .card_body{display: block;width: auto;max-width: 100%;overflow: inherit;}
    
    /*로그인 안내 팝업*/
    .layer_login_popup.show{display:none !important;}
    
}

/* Only Tablet */
@media (min-width:768px) and (max-width:1023px){
    .footer_wrap{max-width: 100%; margin-left: 24px; margin-right: 24px;}
}

/* Tablet + PC 공통 */
@media (min-width:768px){

}

/* only PC */
@media (min-width:1024px){
    .lg_hidden{display: none !important;}
    .footer_wrap{max-width: 1200px; margin: 0 auto;}

    /* flex 공통 적용 */
	.side_nav .nav,.layer_popup.side_nav{display:flex;}
	.side_nav .nav{justify-content:space-between;}

    .header{height:60px;}
    .header .header_option_area{flex-flow:row-reverse;}
    .header .uh .header_right_area{right:-12px;}
    .header .scroll{max-width: 1200px; width: 100%; margin: 0 auto;}

    .menu_popup{top:60px !important;max-height:480px;box-shadow:0 6px 8px 0 rgba(0, 0, 0, 0.12); padding-left: 34px; padding-right: 34px;}
	.side_nav .nav{width:1200px;max-width:100%;padding:0;font-size:14px;line-height:22px;}
	.side_nav .nav ul{display:block;}
    .side_nav .nav > ul{position: relative; margin-right: 12px; flex: 0 0 auto; width: 12.5%;}
    .side_nav .nav > ul:last-child{margin-right: 0;}
    .side_nav .nav > ul::after{content: ''; position: absolute; top: 0; right: 0; display: block; width: 1px; height: 100%; border-right: 1px solid rgba(0, 0, 0, 0.1);}
    .side_nav .nav > ul:last-child::after{content: none;}
	.side_nav .special{width: 25% !important;}
    .side_nav .special ul{display: flex;}
    .side_nav .special ul li{width: 50%;}
	.side_nav .nav dl{margin-bottom:0; position: relative; padding-right: 12px; flex: 0 0 auto; width: 12.5%;}
    .side_nav .nav dl::after{content: ''; position: absolute; top: 0; right: 12px; display: block; width: 1px; height: 100%; border-right: 1px solid rgba(0, 0, 0, 0.1);}
	.side_nav .nav li{margin-bottom:10px;}
	.side_nav .nav strong{margin-bottom:14px;font-size:14px;}

    /*slide_nav*/
    .side_nav .nav{position: relative;}
    .side_nav .nav .ico_fold{margin-left: 4px;}
    .side_nav .nav .lg_btline::after{content: ''; display: block; margin: 20px 0; width: calc(100% - 12px); height: 1px; background: rgba(0, 0, 0, 0.1);}
    .sticky_top .side_nav .nav::before{content: none;}

    /* search popup */
    .layer_popup.layer_search { left: 50%; top: 380px; transform: translate(-50%, -50%); width: 1200px; min-height:637px; padding: 94px 0 0; }
    .layer_search .btn_close { right: 0; top: 0;}
    .layer_search .layer_body .scroll{max-height: 400px; overflow-y: auto; overflow-x: hidden;}
    .layer_search .btn_close .ico_close { width: 32px; height: 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0L32 0 32 32 0 32z' transform='translate(-1360 -80) translate(1360 80)'/%3E%3Cpath fill='%231D1D1D' d='M25.913 4.6l1.414 1.414-9.899 9.9 9.9 9.9-1.415 1.413-9.899-9.899-9.9 9.9L4.7 25.812l9.9-9.899-9.9-9.9L6.114 4.6l9.9 9.9 9.9-9.9z' transform='translate(-1360 -80) translate(1360 80)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
    .layer_search .photo_list_area .card_body .headline {font-size:16px; line-height:24px;}
    .layer_search .photo_list_area .card_body .description {font-size:15px; line-height: 24px;}

    /* 검색입력 */
    .layer_search .search_form { padding-bottom: 20px;}
    .layer_search .search_form .input_group .search_area {width:calc(100% - 32px);}
    .layer_search .search_form .form_control { padding: 0; font-size: 32px; line-height: 44px; height: 44px; }
    .layer_search .input_group .btn_search { width: 32px; height: 32px; }
    .layer_search .input_group .btn_search .ico_search { width: 100%; height: 100%; background-size: 100%; }

    /* 자동완성 */
    .search_input_list { top: 163px;}
    .search_input_list .list li a { font-size: 18px; line-height: 28px; }
    .search_input_list .func { padding: 16px 0; }
    .search_input_list .func button { font-size: 16px; line-height: 24px; }

    /* 많이 본 뉴스 */
    .layer_search .chain_wrap { margin-top: 55px; }
    .layer_search .photo_list_area .card_group { margin-bottom: 0; }

    /* 검색어 저장 리스트  */
    .search_input_list .info .date { font-size: 16px; line-height: 24px; }

    /* 검색어 저장 기능 off */
    .search_input_list .search_off { padding: 100px 0; font-size: 18px; line-height: 28px; }    

    /* footer */
    footer .footer_wrap{display: flex;}
    .footer{position:relative;}
    footer > .footer_wrap:first-child{display: flex; justify-content: space-between;}
	.promotion li{margin-left:19px;}
    .policy, .promotion{display: flex;}
    .footer_info .logo{ height: 48px; margin-top: 4px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='164' height='48'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h163.861v47.503H.001z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M103.354 39.547h9.11v-2.51h-9.11v2.51zm-.357 1.73h9.83c.878 0 1.567-.558 1.567-1.567v-6.803h-1.93v2.42h-9.113v-2.42h-1.928v6.803c0 1.009.694 1.567 1.574 1.567zm5.896 3.61v-2.688h-1.928v2.688h-6.052v1.705h13.994v-1.705zM79.212 34.624h2.09V32.91h-2.409c-1.03 0-1.607.7-1.607 1.562v4.692h1.926v-4.539zm-9.936 2.991c-.95 0-1.722-.758-1.722-1.69 0-.93.772-1.686 1.722-1.686.953 0 1.723.756 1.723 1.687s-.77 1.689-1.723 1.689m3.47-1.693c0-1.882-1.558-3.409-3.483-3.409-1.923 0-3.479 1.527-3.479 3.41 0 1.883 1.556 3.409 3.479 3.409 1.925 0 3.482-1.526 3.482-3.41m22.607 3.244h1.93v-6.25h-1.93zm-7.712 5.826v-.834h8.239c.881 0 1.404-.428 1.404-1.341v-2.71H85.71v1.645h9.64v.839h-9.63v2.518c0 1.013.651 1.504 1.53 1.504l.01.007h10.023v-1.64H87.64m-.629-7.546c-.923 0-1.672-.734-1.672-1.636 0-.905.749-1.638 1.672-1.638.921 0 1.67.733 1.67 1.638 0 .902-.749 1.636-1.67 1.636m3.364-1.643c0-1.826-1.514-3.305-3.378-3.305-1.862 0-3.377 1.479-3.377 3.305 0 1.83 1.515 3.311 3.377 3.311 1.864 0 3.378-1.482 3.378-3.31M75.11 45.8c-1.217 0-2.203-.947-2.203-2.114 0-1.169.986-2.115 2.203-2.115 1.218 0 2.203.946 2.203 2.115 0 1.167-.985 2.114-2.203 2.114m-.003-5.939c-2.197 0-3.98 1.712-3.98 3.822 0 2.11 1.783 3.82 3.98 3.82 2.198 0 3.98-1.71 3.98-3.82s-1.782-3.822-3.98-3.822m-11.53-2.718c-2.287 0-5.787-.036-7.103-1.59-1.346 1.554-4.795 1.584-7.09 1.584v-1.618c2.316 0 4.463-.062 5.299-.974h-5.299v-1.638h14.199v1.638h-5.321c.792.892 3.063.962 5.315.962v1.636zm-4.902 6.667c0 1.13-.987 2.046-2.205 2.046s-2.204-.916-2.204-2.047c0-1.128.986-2.045 2.204-2.045 1.218 0 2.205.917 2.205 2.045zm5.136-4.51v-1.611H49.168V39.3l6.36.004v.91c-1.745.392-3.043 1.852-3.043 3.593 0 2.04 1.784 3.696 3.981 3.696 2.2 0 3.983-1.655 3.983-3.696 0-1.726-1.272-3.174-2.994-3.582V39.3h6.356z' fill='%23585757' mask='url(%23b)'/%3E%3Cpath d='M156.654 13.659c-1.106 0-1.742-2.096-1.742-4.427 0-2.214.636-2.827 1.366-2.827 1.059 0 1.72 2.096 1.72 4.452 0 2.213-.661 2.802-1.344 2.802zm-2.637 5.415h5.487c.683 0 .989.542.989 1.108 0 1.53-1.813 2.708-3.956 2.708-1.885 0-2.873-1.06-2.873-2.332 0-.518.165-1.177.353-1.484zm9.514-13.47l-3.556.895c-.872-.564-2.073-.871-3.461-.871-3.439 0-5.441 1.885-5.441 4.404 0 1.672.754 2.943 2.026 3.674-.966.705-1.884 1.694-2.261 2.731v.33l2.496 2.167c-1.178.4-2.38 1.318-2.732 2.472.778 1.342 2.732 2.449 5.653 2.449 3.58 0 6.994-2.073 6.994-5.298 0-1.814-1.414-2.827-3.18-2.827h-5.039c-1.084 0-1.484-.423-1.484-.964 0-.236.07-.519.212-.755.777.283 1.648.425 2.615.425 3.438 0 5.462-1.884 5.462-4.404 0-1.06-.423-2.214-1.083-2.873l2.78 1.413h.33V5.604h-.33zM30.544 10.22c0-2.92-1.977-4.592-4.357-4.592-.21 0-.352.047-1.2.518L22.49 7.488V0h-.353l-5.605 1.413v.353l1.837.918v14.554l-1.72 1.53v.307h7.42v-.306l-1.579-1.39V8.15a5.6 5.6 0 011.72-.26c1.482 0 2.213.588 2.213 2.237v7.253l-1.577 1.39v.306h7.418v-.377l-1.72-1.46V10.22zM0 6.664h.306l3.769-4.24h1.694v14.72l-1.694 1.625v.305h7.63v-.305l-1.72-1.625V2.424h1.695l3.746 4.24h.305V1.389H.001zm36.927 4.899v-.706c0-2.19.66-4.38 2.048-4.38.895 0 1.931 1.13 1.931 4.803l-3.98.283zm2.166-5.935c-4.121 0-6.359 3.227-6.359 7.018 0 3.839 2.473 6.664 6.17 6.664 2.685 0 4.498-1.06 5.912-2.402l-.188-.376c-.872.399-1.955.635-2.92.635-2.804 0-4.358-1.767-4.71-4.851h8.171c-.117-4.356-2.52-6.688-6.076-6.688zm64.032 4.333c0-2.92-2.072-4.333-4.357-4.333-.211 0-.352.047-1.2.518l-2.496 1.342v-1.86h-.354l-5.605 1.414v.352l1.837.918v8.926l-1.72 1.53v.306h7.419v-.305l-1.577-1.39V8.15a5.588 5.588 0 011.718-.26c1.484 0 2.214.588 2.214 2.237v7.253l-1.578 1.39v.305h7.419v-.376l-1.72-1.46V9.96zm19.218 3.014l2.543-7.347 2.379 7.347h-4.922zM111.18 22.89c-1.884 0-2.873-1.06-2.873-2.332 0-.518.165-1.177.353-1.483h5.487c.683 0 .99.542.99 1.107 0 1.53-1.814 2.708-3.957 2.708zm-.26-16.485c1.06 0 1.72 2.096 1.72 4.452 0 2.213-.66 2.802-1.342 2.802-1.108 0-1.744-2.096-1.744-4.427 0-2.214.636-2.827 1.367-2.827zm37.563 3.556c0-2.92-2.073-4.333-4.358-4.333-.21 0-.353.047-1.2.518l-2.496 1.342v-1.86h-.354l-5.604 1.413v.353l1.836.918v8.926l-1.601 1.437-1.577-1.437-5.3-15.848h-4.192v.305l.66 2.167-4.522 12.952-1.907 1.46c-.118-1.625-1.484-2.544-3.155-2.544h-5.04c-1.084 0-1.485-.423-1.485-.964 0-.236.071-.518.213-.755.777.283 1.649.424 2.614.424 3.439 0 5.463-1.883 5.463-4.403 0-1.06-.423-2.214-1.083-2.873l2.779 1.413h.33V5.605h-.33l-3.556.894c-.871-.564-2.072-.871-3.462-.871-3.438 0-5.44 1.885-5.44 4.404 0 1.672.754 2.943 2.026 3.674-.967.706-1.885 1.694-2.261 2.731v.33l2.495 2.167c-1.177.4-2.377 1.318-2.731 2.472.778 1.343 2.731 2.449 5.652 2.449 3.39 0 6.617-1.86 6.97-4.78h5.488v-.306l-2.426-1.672 1.083-3.038h5.606l1.036 3.179-1.884 1.53v.307h15.236v-.306l-1.577-1.39V8.15a5.596 5.596 0 011.718-.26c1.484 0 2.215.588 2.215 2.237v7.253l-1.58 1.39v.306h7.42V18.7l-1.72-1.461V9.96zM51.975 1.79l1.695 1.672v15.236c0 2.284-.942 3.25-2.637 4.216l.117.376c3.84-.4 6.807-2.755 6.807-6.476V3.462L59.63 1.79v-.4h-7.655v.4zM82 18.463c-1.742 0-2.59-3.344-2.59-6.689 0-3.108.684-5.298 2.097-5.298 1.789 0 2.567 3.274 2.567 6.476 0 3.273-.824 5.51-2.073 5.51m-.118-12.834c-3.297 0-6.828 2.12-6.828 6.924 0 4.262 2.99 6.758 6.546 6.758 3.273 0 6.829-2.143 6.829-6.994 0-4.215-3.038-6.688-6.547-6.688m-14.86 12.835c-1.742 0-2.59-3.344-2.59-6.689 0-3.108.683-5.298 2.096-5.298 1.79 0 2.567 3.274 2.567 6.476 0 3.273-.825 5.51-2.073 5.51m-.118-12.834c-3.297 0-6.828 2.12-6.828 6.924 0 4.262 2.99 6.758 6.546 6.758 3.273 0 6.83-2.143 6.83-6.994 0-4.215-3.038-6.688-6.548-6.688' fill='%23000' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E"); background-size:100%; background-repeat: no-repeat; background-position: 50% 50%;}

    /* 그리드 */
    .row{margin-left: -15px;margin-right: -15px;}
    .row > *{padding-left: 15px;padding-right: 15px;}
    .col_lg20 { width: 20%; }

    /* 포토리스트 */
    .photo_list_area{overflow: hidden;}
    .photo_list_area .card_group {margin-top:-15px; margin-bottom:-15px;}
    .photo_list_area .card{ padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
    .photo_list_area .card:before{left: 0;width: 1px;height: calc(100% - 30px);}
    .photo_list_area .card_body .headline {font-size:18px; line-height:28px;}
    .photo_list_area .card_body .headline a {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:68px;} /* a:visited color 말줄임에도 적용되게 */
    .photo_list_area .card_image + .card_body .headline { padding-top:12px;}
    
}

/* 분기별 max-width */
@media (max-width:767px){
	
}

@media (min-width:768px) and (max-width:1023px){
	.uh,.contents,
    .footer_info .footer_wrap,
    .title_wrap .sticky_top.tab_nav {max-width:719px !important; margin-left: auto; margin-right: auto; padding-left:0 !important; padding-right:0 !important;}
    .footer > .footer_wrap {max-width:100% !important;}
    .section_header_card_wrap.sticky_top .card_body,
    .section_header_wrap.header_swiper .header_area, 
    .section_header_wrap.header_swiper.sticky_top .header_area {max-width:719px; margin:0 auto; padding-left: 0; padding-right:0;}
    .section_header_card_wrap.sticky_top,
    .section_header_wrap.header_swiper .header_area, 
    .section_header_wrap.header_swiper.sticky_top .header_area,
    .issue_timeline_list.sticky_top .swiper-container { width:719px; margin:0 auto;}
    .section_header_wrap.sticky_top { padding-left: calc((100% - 719px) / 2) !important; padding-right: calc((100% - 719px) / 2) !important;}
    
    
}

@media (min-width:1024px) and (max-width:1200px) {
    .layer_popup.layer_search {width: 1200px;max-width:calc(100% - 40px);}
}

@media (min-width:1024px) and (max-width:1279px){
    .uh,.contents,.footer_wrap,.cs_wrap .section_header_wrap{max-width:980px !important;padding-left:0 !important;padding-right:0 !important;}
	/*.contents{overflow-x:hidden;}*/
    .section_header_card_wrap.sticky_top,
    .section_header_wrap.sticky_top,
    .search_header_wrap.sticky_top .section_title,
    .section_header_wrap .header_area .section_title.sticky_top { left: calc(((100% - 980px) / 2) + 203px) !important; width: calc(100% - 55%) !important;}
    .issue_timeline_list.sticky_top .swiper-container {max-width:910px !important;}
    .issue_timeline_list.sticky_top .pagination_bx,
    .title_wrap .sticky_top.tab_nav {max-width:980px !important;}
    .section_header_wrap .header_area .section_title.sticky_top {transform: translateX(0) !important;}
    .title_wrap .title.sticky_top {left: calc(((100% - 980px) / 2) + 265px) !important;}
}

/* XLarge devices (desktops only, 1280px and up) */
@media (min-width: 1280px){
    /* ==========================================================================
        5.레이아웃
        ========================================================================= */

    /****
        * 5-2.헤더
        * ---------------------------------
        */
    /* .header .uh,.contents{max-width:1200px;} */
    .uh,.contents,.footer_wrap{max-width:1200px !important;}
}