@charset "utf-8"; .conts{ max-width:1400px; min-height:initial; padding:150px 0; margin:auto; } /*visual*/ #subVisual{ position:relative; height:500px; background-image:url(../image/sub/sub_visual.jpg); background-position:center; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-repeat:no-repeat; animation-name:scaleIn; animation-duration:3s; overflow:hidden; margin-top:-120px; display:flex; align-items:center; justify-content:center; padding-top:50px; } #subVisual .content{ text-align:center; color:#fff; } #subVisual .content h4{ line-height:1; font-size:18px; opacity:.6; } #subVisual .content h3{ line-height:1; font-size:56px; font-weight:700; margin-top:15px; } #subVisual .content .s_menu{ position:absolute; bottom:30px; left:50%; transform:translateX(-50%); } #subVisual .content .s_menu .subMenu::after{ display:none; } #subVisual .content .s_menu .subMenu .container .row .parent .parents{ background-color:rgba(255,255,255,.2); backdrop-filter:blur(8px); border-radius:10px; padding:15px 50px; display:flex; } #subVisual .content .s_menu .subMenu .container .row .parent .parents li{ width:auto !important; margin-right:25px; } #subVisual .content .s_menu .subMenu .container .row .parent .parents li::before{ display:none; } #subVisual .content .s_menu .subMenu .container .row .parent .parents li:last-child{ margin-right:0; } #subVisual .content .s_menu .subMenu .container .row .parent .parents li a{ height:auto; line-height:20px; font-size:16px; } #subVisual .content .s_menu .subMenu .container .row .parent .parents li a.active{ background:transparent; border-bottom:2px solid #fff; } /*로그인*/ #login_wrap{ padding-top:0 !important; } #login_wrap #login_container{ width:380px !important; } #login_wrap #login_container #loginForm .new_login_box{ padding-bottom:0; } #login_wrap #login_container #loginForm .new_login_box .center_box .form_box .form1 dl{ margin-top:0; } #login_wrap #login_container #loginForm .new_login_box .center_box .form_box .form1 dl dd{ text-align:left; margin-bottom:25px; } #login_wrap #login_container #loginForm .new_login_box .center_box .form_box .form1 dl dd:last-child{ margin-bottom:35px; display:flex; } #login_wrap #login_container #loginForm .new_login_box .center_box .form_box .form1 dl dd .form-group{ margin-bottom:0; } #login_wrap #login_container #loginForm .new_login_box .center_box .form_box .form1 dl dd .form-group .none{ position:initial; width:auto; min-width:initial; height:auto; line-height:1; font-size:15px; font-weight:500; display:block; margin-bottom:20px; } #login_wrap #login_container #loginForm .new_login_box .center_box .form_box .form1 dl dd .form-group input{ height:auto; line-height:1; font-size:16px; border:none; border-bottom:1px solid rgba(0,0,0,.15); padding-bottom:10px; } #login_wrap #login_container #loginForm .new_login_box .center_box .form_box .form1 dl dd .form-group input:focus{ border-bottom:1px solid #2c3336 !important; } #login_wrap #login_container #loginForm .new_login_box .center_box .form_box .form1 dl dd .form-group .glyphicon{ display:none; } #login_wrap #login_container #loginForm .new_login_box .center_box .form_box .form1 dl dd label{ min-width:initial; line-height:1; font-size:15px; font-weight:500; } #login_wrap #login_container #loginForm .new_login_box .center_box .form_box .form1 dl dd .input_check{ margin:-1px 5px 0 0 !important; } #login_wrap #login_container #loginForm .new_login_box .center_box .form_box .loginbtn{ height:45px; font-size:16px; border-radius:5px; margin-top:0; } #login_wrap #login_container #loginForm .new_login_box .center_box .form_box .join_btn{ line-height:43px; font-size:16px; border:1px solid rgba(0,0,0,.15); border-radius:5px; } #login_wrap #login_container #loginForm .new_login_box>dl{ position:absolute; right:0; bottom:134px; width:max-content; margin-top:0; } #login_wrap #login_container #loginForm .new_login_box>dl dd{ width:auto; line-height:1; float:initial; } #login_wrap #login_container #loginForm .new_login_box>dl dd a{ font-size:15px; } /*비밀번호찾기*/ #regist_wrap .find_pass{ display:flex; } #regist_wrap .find_pass>.center{ width:380px; border-top:1px solid #2c3336; box-shadow:none; margin:0 100px 0 0; padding-bottom:0; } #regist_wrap .find_pass>.center:last-child{ margin:0; } #regist_wrap .find_pass>.center form .passStepTitle{ position:initial; width:max-content; line-height:1; font-size:12px; font-weight:600; letter-spacing:0; color:rgba(255,255,255,.6); background:#2c3336; border-radius:50px; padding:6px 10px; margin:15px auto 0 auto; } #regist_wrap .find_pass>.center:last-child form .passStepTitle{ background-color:#ed913e; } #regist_wrap .find_pass>.center form p:nth-of-type(2){ min-height:78px; line-height:1.2; font-size:16px; font-weight:400; word-break:keep-all; background:transparent; border-bottom:1px solid rgba(0,0,0,.15); padding:5px 0 15px 0; } #regist_wrap .find_pass>.center form .has-feedback{ margin:0; } #regist_wrap .find_pass>.center form .has-feedback:nth-of-type(n+2){ margin-top:30px; } #regist_wrap .find_pass>.center form .has-feedback label{ position:initial; width:auto; height:auto; line-height:1; font-size:15px; font-weight:500; text-align:left; display:block; margin-bottom:20px; } #regist_wrap .find_pass>.center form .has-feedback input{ height:auto; line-height:initial; font-size:16px; border:none; border-bottom:1px solid rgba(0,0,0,.15); margin:0; padding-bottom:10px; } #regist_wrap .find_pass>.center form .has-feedback .glyphicon{ display:none; } #regist_wrap .find_pass>.center form .has-feedback .passInfoMsg{ line-height:1.2; font-size:14px; font-weight:400; word-break:keep-all; color:#7e858b; padding:5px 0 0 0; } #regist_wrap .find_pass>.center form .btnPack{ width:100%; height:auto; line-height:43px; font-size:16px; font-weight:700 !important; color:#fff; border:none; border-radius:5px; margin-top:35px; } #regist_wrap .find_pass>.center:first-child form .btnPack{ background-color:#2c3336; } #regist_wrap .find_pass>.center:last-child form .btnPack{ background-color:#ed913e; } /*회원가입*/ #regist_wrap .regist_container>br{ display:none; } #regist_wrap .regist_container #regForm .agreement{ margin-bottom:0; } #regist_wrap .regist_container #regForm .agreement .bold{ line-height:1; font-family:'Pretendard'; font-size:20px; padding:0; margin:50px 0 20px 0; } #regist_wrap .regist_container #regForm .agreement .bold:first-child{ margin:0 0 20px 0; } #regist_wrap .regist_container #regForm .agreement .frame{ line-height:1.2; background:transparent; border:1px solid rgba(0,0,0,.15); border-radius:10px 5px 5px 10px; padding:20px 25px; } #regist_wrap .regist_container #regForm .agreement .frame *{ font-weight:400; color:#7e858b; } #regist_wrap .regist_container #regForm .agreement .frame h2{ line-height:1; font-size:16px; font-weight:600; color:#2c3336; } #regist_wrap .regist_container #regForm .agreement .frame>ol>li{ line-height:1.2; word-break:keep-all; margin-bottom:0; } #regist_wrap .regist_container #regForm .agreement .frame>ol>li:nth-child(n+2){ margin-top:4px; } #regist_wrap .regist_container #regForm .agreement .frame>ol>li>ul{ margin-left:0 !important; } #regist_wrap .regist_container #regForm .agreement .frame>ol>li>ul>li{ position:relative; list-style:none !important; line-height:1.2; word-break:keep-all; margin:4px 0 0 0; padding-left:10px; } #regist_wrap .regist_container #regForm .agreement .frame>ol>li>ul>li::before{ content:""; position:absolute; top:8px; left:0; width:5px; height:1px; background-color:#7e858b; } #regist_wrap .regist_container #regForm .agreement .frame>ol>li>ul>li>ul{ margin-left:0 !important; } #regist_wrap .regist_container #regForm .agreement .frame>ol>li>ul>li>ul>li{ list-style:none !important; position:relative; line-height:1.2; margin:4px 0 0 0; padding-left:9px; } #regist_wrap .regist_container #regForm .agreement .frame>ol>li>ul>li>ul>li::before{ content:""; position:absolute; top:6px; left:0; width:4px; height:4px; background-color:#7e858b; border-radius:50%; } #regist_wrap .regist_container #regForm .agreement .frame>ul{ margin-left:0 !important; } #regist_wrap .regist_container #regForm .agreement .frame>ul>li{ position:relative; list-style:none !important; line-height:1.2; word-break:keep-all; margin:4px 0 0 0; padding-left:10px; } #regist_wrap .regist_container #regForm .agreement .frame>ul>li::before{ content:""; position:absolute; top:8px; left:0; width:5px; height:1px; background-color:#7e858b; } #regist_wrap .regist_container #regForm .agreement .frame .margin{ margin-top:4px; } #regist_wrap .regist_container #regForm .agreement .pd5.right{ line-height:1; padding:5px 0 0 0; } #regist_wrap .regist_container #regForm .agreement .pd5.right .colorBlue label{ line-height:1; font-weight:500; } #regist_wrap .regist_container #regForm .agreement .pd5.right .colorBlue label input{ width:15px; height:15px; margin:-2px 1px 0 0; } #regist_wrap .regist_container #regForm .agreement .cube{ margin:50px 0 0 0; } #regist_wrap .regist_container #regForm .agreement .cube .pd3.bg_gray{ line-height:1; padding:0; } #regist_wrap .regist_container #regForm .agreement .cube .pd3.bg_gray span{ font-weight:400; word-break:keep-all; } #regist_wrap .regist_container #regForm .agreement .cube .line{ padding:0; } #regist_wrap .regist_container #regForm .agreement .cube .line .center.pd10{ padding:10px 0 0 0; } #regist_wrap .regist_container #regForm .agreement .cube .line .center.pd10 .btnPack{ width:190px; height:auto; line-height:55px; font-size:16px; font-weight:700 !important; border:none; border-radius:10px; } #regist_wrap #regist{ max-width:510px; margin:auto; } #regist_wrap #regist .notify{ line-height:1; font-size:14px; font-weight:400; text-align:right; color:#7e858b; } #regist_wrap #regist .table_basic tbody tr{ margin-top:30px; display:block; } /* #regist_wrap #regist .table_basic tbody tr:last-child{ margin-top:11px; } */ #regist_wrap #regist .table_basic tbody tr th{ width:100%; min-width:initial; font-size:15px; background:transparent; border-bottom:none; display:block; margin-bottom:20px; } #regist_wrap #regist .table_basic tbody tr th label{ line-height:1; padding:0; display:flex; flex-direction:row-reverse; justify-content:flex-end; } #regist_wrap #regist .table_basic tbody tr th label strong{ font-weight:500; } #regist_wrap #regist .table_basic tbody tr th label .colorRed{ font-size:16px; margin:0 0 0 5px; } #regist_wrap #regist .table_basic tbody tr td{ width:100%; height:auto; font-size:16px; border-bottom:none; display:block; padding:0; } #regist_wrap #regist .table_basic tbody tr td .has-feedback input{ height:auto; line-height:1; font-size:16px; border:none; border-bottom:1px solid rgba(0,0,0,.15); padding:0 0 10px 0; } #regist_wrap #regist .table_basic tbody tr td .has-feedback input:nth-of-type(n+2){ margin-top:15px !important; } #regist_wrap #regist .table_basic tbody tr td .has-feedback #zipcode{ width:calc(100% - 73px) !important; } #regist_wrap #regist .table_basic tbody tr td .has-feedback span{ font-size:14px; font-weight:400; word-break:keep-all; } #regist_wrap #regist .table_basic tbody tr td .has-feedback .input-group{ width:100%; } #regist_wrap #regist .table_basic tbody tr td .has-feedback .input-group .input-group-addon{ display:none; } #regist_wrap #regist .table_basic tbody tr td .has-feedback .small_orange{ color:red; } #regist_wrap #regist .table_basic tbody tr td .has-feedback .small_blue{ color:blue; } #regist_wrap #regist .table_basic tbody tr td .has-feedback .small_gray{ color:#7e858b; white-space:initial; display:inline; } #regist_wrap #regist .table_basic tbody tr td .has-feedback .btn{ line-height:34px; font-size:14px; font-weight:600; color:#2c3336; background-color:#f5f5f5; border:none; border-radius:5px; padding:0 10px; } #regist_wrap #regist .table_basic tbody tr #sex_td .has-feedback{ line-height:1; } #regist_wrap #regist .table_basic tbody tr #sex_td .has-feedback label{ font-weight:500; } #regist_wrap #regist .table_basic tbody tr #sex_td .has-feedback label:nth-child(n+2){ margin-left:14px; } #regist_wrap #regist .table_basic tbody tr #sex_td .has-feedback label input{ width:16px; height:16px; margin:-2px 5px 0 0; } #regist_wrap #regist .table_basic tbody tr #birth_td .has-feedback .input-group-addon{ display:none; } #regist_wrap #regist .table_basic tbody tr #birth_td .has-feedback #birth{ width:calc(100% - 125px) !important; margin:0; } #regist_wrap #regist .table_basic tbody tr #birth_td .has-feedback label{ line-height:34px; font-weight:500; } #regist_wrap #regist .table_basic tbody tr #birth_td .has-feedback label:nth-of-type(n+2){ margin-left:14px; } #regist_wrap #regist .table_basic tbody tr #birth_td .has-feedback label input{ width:16px; height:16px; margin:-2px 5px 0 0; } #regist_wrap #regist .table_basic tbody tr #receive_td{ line-height:1; } #regist_wrap #regist .table_basic tbody tr #receive_td .has-feedback .keeping input{ width:14px; height:14px; margin:0 5px 0 0; } #regist_wrap #regist .table_basic tbody tr #receive_td .has-feedback .keeping label{ display:none; } #regist_wrap #regist .pd5.center{ margin-top:35px; padding:0; } #regist_wrap #regist .pd5.center .btnPack{ width:190px; height:auto; line-height:55px; font-size:16px; font-weight:700 !important; border:none; border-radius:10px; } /*마이페이지*/ #regist_wrap .table_list{ border-top:none; } #regist_wrap .table_list caption{ display:none; } #regist_wrap .table_list tbody{ background-color:#f5f5f5; border-radius:10px; padding:30px; display:block; } #regist_wrap .table_list tbody tr{ display:flex; align-items:center; margin-bottom:10px; } #regist_wrap .table_list tbody tr:last-child{ margin-bottom:0; } #regist_wrap .table_list tbody tr th{ width:auto; min-width:94px; line-height:1; font-size:16px; border-bottom:none; margin-right:20px; } #regist_wrap .table_list tbody tr th label strong{ font-weight:500; } #regist_wrap .table_list tbody tr td{ height:auto; line-height:1; font-size:16px; font-weight:600; word-break:keep-all; border-bottom:none; } #regist_wrap .table_list tbody tr td .colorOrange{ color:#ed913e; } #regist_wrap .table_list tbody tr td input{ width:15px !important; height:15px !important; margin:-2px 0 0 0 !important; } #regist_wrap .table_list tbody tr td label{ font-weight:600; color:#2c3336 !important; } #regist_wrap .right.gray.pd5{ line-height:1; font-weight:400; color:#7e858b; padding:0 0 5px 0; } #regist_wrap .table_basic caption{ display:none; } #regist_wrap .table_basic tbody tr th{ min-width:140px; font-size:16px; background-color:#f5f5f5; border-bottom:1px solid rgba(0,0,0,.15); } #regist_wrap .table_basic tbody tr th label{ padding:0 10px; display:flex; flex-direction:row-reverse; justify-content:flex-end; } #regist_wrap .table_basic tbody tr th label .colorRed{ font-size:16px; margin:0 0 0 5px; } #regist_wrap .table_basic tbody tr th label strong{ font-weight:500; } #regist_wrap .table_basic tbody tr td{ height:auto; font-size:16px; border-bottom:1px solid rgba(0,0,0,.15); padding:10px 0 10px 10px; } #regist_wrap .table_basic tbody tr td .has-feedback input{ height:45px; line-height:45px; font-size:16px; padding:0 10px; } #regist_wrap .table_basic tbody tr td .has-feedback span{ font-size:14px; font-weight:400; word-break:keep-all; } #regist_wrap .table_basic tbody tr td .has-feedback .small_gray{ color:#7e858b; } #regist_wrap .table_basic tbody tr td .has-feedback .input-group{ width:100%; } #regist_wrap .table_basic tbody tr td .has-feedback .input-group .input-group-addon{ display:none; } #regist_wrap .table_basic tbody tr td .has-feedback .btn{ line-height:43px; font-weight:600; color:#fff; background-color:#2c3336; border:none; padding:0 10px; } #regist_wrap .table_basic tbody tr td .has-feedback .keeping input{ width:15px; margin:0 5px 0 0; } #regist_wrap .table_basic tbody tr td .has-feedback .keeping label{ display:none; } #regist_wrap .table_basic tbody tr #sex_td .has-feedback label, #regist_wrap .table_basic tbody tr #birth_td .has-feedback label{ font-weight:500; } #regist_wrap .table_basic tbody tr #sex_td .has-feedback label:last-of-type, #regist_wrap .table_basic tbody tr #birth_td .has-feedback label:last-of-type{ margin-left:4px; } #regist_wrap .table_basic tbody tr #sex_td .has-feedback input, #regist_wrap .table_basic tbody tr #birth_td .has-feedback input{ width:15px; margin:0 5px 0 0; } #regist_wrap .table_basic tbody tr #birth_td .has-feedback #birth{ margin:0; } #regist_wrap .table_basic tbody tr #birth_td .has-feedback .input-group-addon{ display:none; } #regist_wrap .table_basic tbody tr #receive_td .has-feedback .small_gray{ white-space:initial; vertical-align:initial; } #regist_wrap .pd5.center{ padding:0; margin-top:50px; } #regist_wrap .pd5.center .btnPack{ width:190px; height:auto; line-height:55px; font-size:16px; font-weight:700 !important; border:none; border-radius:10px; } .mypageTab{ margin-top:0 !important; } .mypageTab::before{ border-bottom:2px solid #ed913e; } .mypageTab .tabBox{ background:#fff !important; } .mypageTab .tabBox .tab p a{ line-height:1; font-size:18px; color:#7e858b; background-color:#f5f5f5; border:solid #fff; border-width:0; border-radius:15px 15px 0 0; padding:20px 0; } .mypageTab .tabBox .tab.on p a{ font-weight:700; color:#ed913e; background-color:#fff; border:solid #ed913e; border-width:2px 2px 0 2px; } .order .orderForm #listForm #docListBasic colgroup col:nth-child(1){ width:10% !important; } .order .orderForm #listForm #docListBasic colgroup col:nth-child(2){ width:50% !important; } .order .orderForm #listForm #docListBasic colgroup col:nth-child(3){ width:15% !important; } .order .orderForm #listForm #docListBasic colgroup col:nth-child(4){ width:10% !important; } .order .orderForm #listForm #docListBasic colgroup col:nth-child(5){ width:15% !important; } .order .orderForm #listForm #docListBasic tbody tr th{ font-size:16px; } .order .orderForm #listForm #docListBasic tbody tr th p{ line-height:1; font-weight:400; } .order .orderForm #listForm #docListBasic tbody tr td .wrap100{ font-weight:500; } .order .orderForm #listForm #docListBasic tbody tr td.hidden-xs{ text-align:center; } /*갤러리앨범*/ #listForm .docInfo{ margin:0; display:flex; align-items:flex-end; justify-content:space-between; transform:translateY(-10px); } #listForm .docInfo .articleNum{ padding-bottom:0; } #listForm .docInfo .articleNum .keeping input{ width:15px; height:15px; margin:0 5px 0 0; } #listForm .docInfo .articleNum .keeping label{ position:initial; line-height:1; margin-right:0; } #listForm .docInfo .docBtn{ margin-bottom:0; } #listForm .docInfo .docBtn ul li{ margin:0 0 0 5px; } #listForm .docInfo .docBtn ul li:first-child{ margin:0; } #listForm .docInfo .docBtn ul li .btnPack{ height:36px; line-height:34px; border:1px solid rgba(0,0,0,.15); } #listForm .docInfo .docBtn ul li .btnPack *{ font-size:14px !important; font-weight:600; } #listForm .docInfo .docBtn ul li .gray{ line-height:36px; } #listForm .docThumb{ margin-right:-20px; margin-left:-20px; } #listForm .docThumb::before, #listForm .docThumb::after{ display:none; } #listForm .docThumb>.center{ display:flex; flex-wrap:wrap; } #listForm .docThumb .center .cell{ width:33.3333%; margin-bottom:0; transition:.2s; } #listForm .docThumb .center .cell *{ font-size:initial; } #listForm .docThumb .center .cell:nth-child(n+4){ margin-top:50px; } #listForm .docThumb .center .cell>div{ padding-right:20px; padding-left:20px; } #listForm .docThumb .center .cell>div .keeping input{ width:15px; height:15px; margin:0 0 0 5px; cursor:default !important; } #listForm .docThumb .center .cell .viewImage p a{ border:none; } #listForm .docThumb .center .cell .viewImage .icon{ top:5px; right:25px; left:auto; height:auto; } #listForm .docThumb .center .cell .viewImage .icon img{ height:15px; vertical-align:top; } #listForm .docThumb .center .cell .center{ padding-top:25px; } #listForm .docThumb .center .cell .center .title{ line-height:20px; text-align:left; } #listForm .docThumb .center .cell .center .title a{ font-size:18px; font-weight:700; border-bottom:1px solid transparent; transition:.2s; } #listForm .docThumb .center .cell:hover .center .title a{ border-bottom:1px solid #2c3336; } #listForm .docThumb .center .cell .center .nameAndDate{ color:#7e858b; margin:20px 0 0 0; } #listForm .docThumb .center .cell .center .nameAndDate .date{ line-height:1; font-family:'Pretendard'; text-align:left; color:#7e858b; } .docBottom{ margin-top:0 !important; } .pageNavigation{ padding:0 !important; margin:50px 0 !important; display:flex; align-items:center; justify-content:center; } .pageNavigation strong, .pageNavigation em a{ width:38px; line-height:38px; font-family:'Pretendard'; font-size:14px; font-weight:400; border:none; padding:0; margin-right:0; } .pageNavigation strong:hover, .pageNavigation em a:hover{ background-color:transparent; } .pageNavigation strong{ width:40px; font-family:'Pretendard' !important; font-size:14px !important; font-weight:500 !important; border:1px solid #ed913e !important; border-radius:4px; padding:0 !important; margin:0 2px !important; } .pageNavigation em{ border:1px solid rgba(0,0,0,.15); border-radius:4px; margin:0 2px; } .pageNavigation em a .quick{ position:relative; height:38px; border-radius:4px; margin:0; padding:0; } .pageNavigation em a .quick::before{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:"FontAwesomes"; color:#7e858b; } .pageNavigation em:nth-child(1) a .quick::before{ content:"\f100"; } .pageNavigation em:nth-child(2) a .quick::before{ content:"\f104"; } .pageNavigation em:nth-child(6) a .quick::before{ content:"\f105"; } .pageNavigation em:nth-child(7) a .quick::before{ content:"\f101"; } .pageNavigation em:nth-child(8) a .quick::before{ content:"\f105"; } .pageNavigation em:nth-child(9) a .quick::before{ content:"\f101"; } .pageNavigation em a .quick img{ display:none; } .pageNavigation em .first{ border:none; } .searchBox{ padding:0 !important; } .searchBox .selectBox{ margin-bottom:0; } .searchBox .selectBox #sh{ width:140px; height:48px; border:1px solid rgba(0,0,0,.15); border-radius:6px; padding:0 10px; } .searchBox .selectBox #shc{ width:400px !important; min-width:initial; height:48px; line-height:initial; border-radius:6px; padding:0 15px; } .searchBox .selectBox .btnPack{ height:auto !important; line-height:48px !important; font-weight:500 !important; background-color:#2c3336 !important; border:none; border-radius:6px; padding:0 20px !important; } .searchBox .selectBox .btnPack button{ font-weight:500; padding:0; } .document .docRead{ margin:0; } .document .docRead .readHeader{ border-top:2px solid #2c3336; border-bottom:1px solid rgba(0,0,0,.15); padding:50px 30px; } .document .docRead .readHeader .titleAndUser .title{ margin:0; } .document .docRead .readHeader .titleAndUser .title h4{ line-height:1.2; font-size:24px; font-weight:500; text-align:center; word-break:keep-all; } .document .docRead .readHeader .titleAndUser .author{ position:initial; line-height:1; text-align:center; color:#2c3336 !important; margin:25px 0 8px 0; } .document .docRead .readHeader .titleAndUser .author .nowrap strong{ font-size:18px; font-weight:500; color:#7e858b; } .document .docRead .readHeader .titleAndUser .author .nowrap em{ font-size:18px; color:#7e858b; } .document .docRead .readHeader .dateAndCount{ line-height:1; padding-bottom:0; } .document .docRead .readHeader .dateAndCount .date{ width:max-content; font-size:18px; font-weight:400; text-align:center; text-indent:-57px; color:#7e858b; float:initial; margin:0 auto; overflow:hidden; } .document .docRead .readHeader .dateAndCount .date::before{ display:none; } .document .docRead .readHeader .dateAndCount .date span{ display:none; } .document .docRead .contentBody{ font-size:16px; margin-top:0; padding:50px 0; } .document .docRead .fileAttatch{ border:none; padding:10px; margin-bottom:10px; } .document .docRead .fileAttatch ul li{ white-space:initial; margin-left:0; padding:0; display:flex; } .document .docRead .fileAttatch ul li:nth-child(n+2){ margin-top:5px; } .document .docRead .fileAttatch ul li a{ line-height:1; font-size:14px; word-break:break-all; margin-top:1px; } .document .docRead .link{ font-size:14px; font-weight:400; color:#7e858b; border-bottom:1px solid rgba(0,0,0,.15); padding-bottom:10px; } .document .docRead .link .linkTitle::before{ font-size:12px; margin-right:2px; } .document .docButton{ border-top:1px solid rgba(0,0,0,.15); margin:0; } .document .docButton ul{ padding:5px 0 0 0; } .document .docButton ul li{ margin:0 0 0 5px; } .document .docButton ul li:first-child{ margin:0; } .document .docButton ul li .btnPack{ height:auto; line-height:34px; font-size:initial; border:1px solid rgba(0,0,0,.15); } .document .docButton ul li .btnPack a{ font-size:14px !important; font-weight:500; } #bbsform .docInput .table_basic caption{ display:none; } #bbsform .docInput .table_basic tbody tr th{ font-size:initial; background:#f5f5f5; border-bottom:1px solid rgba(0,0,0,.15); } #bbsform .docInput .table_basic tbody tr th label{ padding:0 10px; display:flex; flex-direction:row-reverse; justify-content:flex-end; } #bbsform .docInput .table_basic tbody tr th label .colorRed{ font-size:initial; margin:0 0 0 5px; padding-right:0; } #bbsform .docInput .table_basic tbody tr th label strong{ font-weight:500; } #bbsform .docInput .table_basic tbody tr td{ height:auto; font-size:initial; border-bottom:1px solid rgba(0,0,0,.15); padding:10px 0 10px 10px; } #bbsform .docInput .table_basic tbody tr td .has-feedback input{ height:45px; line-height:45px; font-size:16px; border:1px solid rgba(0,0,0,.15); padding:0 10px; } #bbsform .docInput .table_basic tbody tr td .has-feedback .input-group{ width:100%; } #bbsform .docInput .table_basic tbody tr td .has-feedback .input-group .input-group-addon{ display:none; } #bbsform .docInput .table_basic tbody tr td .has-feedback .keeping input{ margin:-2px 5px 0 0 !important; } #bbsform .docInput .table_basic tbody tr td .has-feedback .keeping label{ position:initial; } #bbsform .docInput .table_basic tbody tr td .has-feedback .error{ margin-right:10px; } #bbsform .docInput .dropzone{ border:1px solid rgba(0,0,0,.15); } #bbsform .docInput .dropzone .dz-message{ word-break:keep-all; } #bbsform .docInput .dropzone .dz-message .fileInfoText{ font-size:14px !important; color:#7e858b !important; padding:0; } #bbsform .docInput .center.pd5{ padding:0; margin-top:50px; } #bbsform .docInput .center.pd5 .btnPack{ width:190px; height:auto; line-height:55px; font-size:16px; font-weight:700 !important; border:none; border-radius:10px; } #bbsform .docInput .center.pd5 .black{ background-color:#ed913e !important; } #bbsform .docInput .center.pd5 .gray{ line-height:53px; border:1px solid rgba(0,0,0,.15); } /*문서게시물*/ #listForm #docListBasic{ border-top:2px solid #2c3336 !important; } #listForm #docListBasic colgroup col:nth-child(1){ width:8% !important; } #listForm #docListBasic colgroup col:nth-child(2){ width:72%; } #listForm #docListBasic colgroup col:nth-child(3){ width:10% !important; } #listForm #docListBasic colgroup col:nth-child(4){ width:10% !important; } #listForm #docListBasic caption{ display:none; } #listForm #docListBasic thead tr th{ line-height:1; font-size:16px; border-bottom:1px solid #2c3336 !important; padding:22px 10px; } #listForm #docListBasic tbody tr td{ height:auto; font-size:16px; border-bottom:1px solid rgba(0,0,0,.15); padding:22px 10px; } #listForm #docListBasic tbody tr td p{ line-height:1; font-weight:400; } #listForm #docListBasic tbody tr td p a{ font-weight:500; } #listForm #docListBasic tbody tr td p .keeping input{ width:15px; height:15px; margin:-2px 5px 0 0; cursor:default !important; } #listForm #docListBasic tbody tr td p>img{ vertical-align:bottom; } #listForm #docListBasic tbody tr td .wrap100{ text-align:center; } #listForm #docListBasic tbody .bg3 th{ font-size:16px; background-color:#f5f5f5; border-bottom:1px solid rgba(0,0,0,.15); } #listForm #docListBasic tbody .bg3 th b{ color:#ed913e; } /*상담모듈*/ .boardInput #bbsform .table_basic{ margin:50px 0; } .boardInput #bbsform .table_basic caption{ display:none; } .boardInput #bbsform .table_basic tbody tr th{ width:130px; font-size:16px; background-color:#f5f5f5; border-bottom:1px solid rgba(0,0,0,.15); } .boardInput #bbsform .table_basic tbody tr th label{ line-height:1; display:flex; flex-direction:row-reverse; justify-content:flex-end; padding:0 10px; } .boardInput #bbsform .table_basic tbody tr th label .colorRed{ font-size:16px; margin:0 0 0 5px; } .boardInput #bbsform .table_basic tbody tr th label strong{ font-weight:500; } .boardInput #bbsform .table_basic tbody tr td{ height:auto; font-size:16px; border-bottom:1px solid rgba(0,0,0,.15); padding:10px 0 10px 10px; } .boardInput #bbsform .table_basic tbody tr td .has-feedback input{ height:45px; line-height:45px; font-size:16px; color:#2c3336 !important; padding:0 10px; } .boardInput #bbsform .table_basic tbody tr td .has-feedback .input-group{ width:100%; } .boardInput #bbsform .table_basic tbody tr td .has-feedback .input-group .input-group-addon{ display:none; } .boardInput #bbsform .agreement{ margin-bottom:0; } .boardInput #bbsform .agreement h3{ line-height:1; font-size:20px; font-weight:700; margin:0 0 20px 0; } .boardInput #bbsform .agreement .frame{ line-height:1.2; border:1px solid rgba(0,0,0,.15); border-radius:10px 5px 5px 10px; padding:20px 25px; } .boardInput #bbsform .agreement .frame *{ font-weight:400; color:#7e858b; } .boardInput #bbsform .agreement .frame h2{ line-height:1; font-size:16px; font-weight:600; color:#2c3336; display:block; margin:20px 0 7px 0; } .boardInput #bbsform .agreement .frame>div>ol{ margin-left:15px; } .boardInput #bbsform .agreement .frame>div>ol>li{ line-height:1.2; list-style:decimal; word-break:keep-all; margin-top:4px; } .boardInput #bbsform .agreement .frame>div>ol>li>ul>li{ position:relative; line-height:1.2; word-break:keep-all; margin:4px 0 0 0; padding-left:10px; } .boardInput #bbsform .agreement .frame>div>ol>li>ul>li::before{ content:""; position:absolute; top:8px; left:0; width:5px; height:1px; background-color:#7e858b; } .boardInput #bbsform .agreement .frame>div>ol>li>ul>li>ul>li{ position:relative; line-height:1.2; margin:4px 0 0 0; padding-left:9px; } .boardInput #bbsform .agreement .frame>div>ol>li>ul>li>ul>li::before{ content:""; position:absolute; top:6px; left:0; width:4px; height:4px; background-color:#7e858b; border-radius:50%; } .boardInput #bbsform .agreement .frame>div>ul>li{ position:relative; line-height:1.2; word-break:keep-all; margin:4px 0 0 0; padding-left:10px; } .boardInput #bbsform .agreement .frame>div>ul>li::before{ content:""; position:absolute; top:8px; left:0; width:5px; height:1px; background-color:#7e858b; } .boardInput #bbsform .agreement .frame>div .margin{ margin-top:4px } .boardInput #bbsform .agreement .pd5{ line-height:1; text-align:right; padding:5px 0 0 0; } .boardInput #bbsform .agreement .pd5 .colorRed label{ font-weight:500; word-break:keep-all; display:inline; } .boardInput #bbsform .agreement .pd5 .colorRed input{ margin:-1px 1px 0 0 !important; } .boardInput #bbsform .pd10.center{ padding:0; } .boardInput #bbsform .pd10.center .btnPack{ width:190px; min-width:initial; height:auto; line-height:55px; font-size:16px; font-weight:700 !important; border:none; border-radius:10px; margin:0; padding:0 !important; } .boardInput #bbsform .pd10.center .black{ background-color:#2c3336 !important; } /*개인정보취급방침*/ #Default *{ line-height:1.1 !important; word-break:keep-all; } #Default .document .contentBody h2{ font-size:22px; margin:30px 0 10px 0; } #Default .document .contentBody strong{ font-weight:700; display:block; } #Default .document .contentBody ol>li{ margin:5px 0 0 -5px !important; } #Default .document .contentBody ol>li:first-child{ margin:0 0 0 -5px !important; } #Default .document .contentBody ul{ margin-left:0 !important; } #Default .document .contentBody ul>li{ position:relative; list-style:none !important; margin:5px 0 0 0 !important; padding-left:9px; } #Default .document .contentBody ul>li::before{ content:""; position:absolute; top:6px; left:0; width:4px; height:4px; background-color:#2c3336; border-radius:50%; } #Default .document .contentBody ul>li>ul>li{ padding-left:10px; } #Default .document .contentBody ul>li>ul>li::before{ top:8px; width:5px; height:1px; border-radius:0; } /*이메일무단수집거부*/ #Default .document .contentBody .emailContent{ font-size:16px; background:#f5f5f5 !important; border:none; margin:10px 0 30px 0; } #Default .document .contentBody .emailContent dt{ display:none; } #Default .document .contentBody .emailContent dd{ font-size:16px; padding:30px; } /*0101(황토골야시장)*/ .p0101 .data{ position:relative; color:#fff; background-color:#007c7c; border-radius:15px; padding:50px; } .p0101 .data h3{ line-height:1.2; font-size:26px; font-weight:700; word-break:keep-all; color:#ffeb57; } .p0101 .data h3>span{ font-family:'Pyeong Chang Peace'; font-size:60px; display:block; } .p0101 .data p{ line-height:1.2; font-size:20px; word-break:keep-all; margin:15px 0 30px 0; } .p0101 .data p span{ display:block; } .p0101 .data dl{ width:43%; display:flex; align-items:flex-start; margin-bottom:10px; } .p0101 .data dl:last-child{ margin-bottom:0; } .p0101 .data dl dt{ min-width:80px; line-height:1; font-weight:900; text-align:center; color:#007c7c; background-color:#54ffff; border-radius:50px; padding:10px 0; } .p0101 .data dl dd{ line-height:1.2; font-size:18px; word-break:keep-all; margin:7px 0 0 10px; } .p0101 .data>img{ position:absolute; right:50px; bottom:-32px; width:57%; } .p0101 .seat{ margin:80px 0; } .p0101 h4{ position:relative; width:max-content; line-height:1; font-size:24px; font-weight:700; padding-right:15px; margin-bottom:15px; } .p0101 h4::before{ content:""; position:absolute; bottom:2px; right:0; width:10px; height:10px; background-color:#ed913e; border-radius:20px 20px 20px 0; } .p0101 .program ul li{ position:relative; line-height:1.2; font-size:18px; font-weight:400; word-break:keep-all; padding-left:10px; margin-bottom:10px; } .p0101 .program ul li::before{ content:""; position:absolute; top:9px; left:0; width:5px; height:1px; background-color:#2c3336; } .p0101 .program ul li:last-child{ margin-bottom:0; } .p0101 .program table{ width:100%; border-top:2px solid #2c3336; margin-top:15px; } .p0101 .program table caption{ position:initial; width:auto; height:auto; line-height:1.2; font-weight:400; text-align:right; word-break:keep-all; color:#7e858b; padding:0; margin-bottom:5px; } .p0101 .program thead tr th{ line-height:1.2; font-weight:700; text-align:center; background-color:#f5f5f5; border-right:1px solid rgba(0,0,0,.15); border-bottom:1px solid rgba(0,0,0,.15); padding:20px 10px; } .p0101 .program thead tr th:last-child{ border-right:none; } /* .p0101 .program tbody tr th{ font-weight:700; text-align:center; border-bottom:1px solid rgba(0,0,0,.15); } */ .p0101 .program tbody tr td{ line-height:1.2; text-align:center; border-bottom:1px solid rgba(0,0,0,.15); border-left:1px solid rgba(0,0,0,.15); padding:20px 10px; } .p0101 .program tbody tr td:first-child{ border-left:none; } /*0102(행사사전신청)*/ .p0102{ text-align:center; color:#fff; background-color:#ed913e; border-radius:10px; padding:15px 10px; margin-bottom:10px; } .p0102 p{ line-height:1.2; font-size:18px; font-weight:400; word-break:keep-all; } .p0102 p strong{ font-weight:700; } .p0102 p i{ opacity:.3; margin:0 10px; } /*0201(시장소개)*/ .conts002001{ max-width:initial; } .p0201 .title{ max-width:1400px; margin:auto; } .p0201 .title h3{ line-height:1.2; font-size:46px; font-weight:800; word-break:keep-all; color:#ed913e; } .p0201 .title h3 span{ display:block; } .p0201 .title p{ line-height:1.8; font-size:20px; word-break:keep-all; margin-top:30px; } .p0201 .title p span{ display:block; } .p0201 .img{ width:100%; height:400px; background-image:url(../image/sub/p0201_img01.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; margin:70px 0 80px 0; } .p0201 .content{ max-width:1400px; margin:auto; } .p0201 .content dl dt{ position:relative; width:max-content; line-height:1; font-size:24px; font-weight:700; padding-right:15px; margin-bottom:15px; } .p0201 .content dl dt::before{ content:""; position:absolute; bottom:2px; right:0; width:10px; height:10px; background-color:#ed913e; border-radius:20px 20px 20px 0; } .p0201 .content dl dd{ font-size:18px; font-weight:400; word-break:keep-all; } .p0201 .content dl dd p{ line-height:1.5; margin-bottom:10px; } .p0201 .content table{ width:100%; border-top:2px solid #2c3336; margin:20px 0 80px 0; } .p0201 .content table thead tr th{ line-height:1.2; font-weight:700; text-align:center; background-color:#f5f5f5; border-right:1px solid rgba(0,0,0,.15); border-bottom:1px solid rgba(0,0,0,.15); padding:20px 10px; } .p0201 .content table thead tr th:last-child{ border-right:none; } .p0201 .content table tbody tr td{ line-height:1.2; text-align:center; word-break:break-all; border-right:1px solid rgba(0,0,0,.15); border-bottom:1px solid rgba(0,0,0,.15); padding:20px 10px; } .p0201 .content table tbody tr td:last-child{ border-right:none; } .p0201 .content ul{ background-color:#f5f5f5; border-radius:20px; display:flex; align-items:center; justify-content:center; padding:60px 150px; } .p0201 .content ul li{ text-align:center; margin-right:40px; } .p0201 .content ul li:last-child{ margin-right:0; } .p0201 .content ul li h4{ line-height:1; font-size:20px; color:#7e858b; } .p0201 .content ul li h5{ line-height:1; font-size:32px; font-weight:600; margin-top:15px; } .p0201 .content ul li i{ font-size:20px; color:#ed913e; margin:0 -2px; animation:arrows .6s ease-in-out infinite alternate-reverse; } .p0201 .content ul li i:nth-child(2){ animation-delay:.2s; } .p0201 .content ul li i:last-child{ animation-delay:.4s; } @keyframes arrows{ 0%{opacity:.2;} 100%{opacity:1;} } /*0202(상인회 소개)*/ .conts002002{ max-width:initial; } .p0202 h3{ max-width:1400px; line-height:1.2; font-size:50px; font-weight:700; text-align:center; word-break:keep-all; margin:auto; } .p0202 h3 span{ color:#ed913e; } .p0202 .img{ width:100%; height:400px; background-image:url(../image/sub/p0201_img01.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; margin:80px 0 70px 0; } .p0202 .content{ max-width:1400px; text-align:center; margin:auto; } .p0202 .content p{ line-height:1.8; font-size:20px; font-weight:400; word-break:keep-all; color:#7e858b; margin-bottom:20px; } .p0202 .content p:last-of-type{ margin-bottom:50px; } .p0202 .content h4{ line-height:1.8; font-size:20px; font-weight:600; } .p0202 .group{ max-width:1400px; border-top:1px solid rgba(0,0,0,.15); margin:80px auto 0 auto; padding-top:80px; } .p0202 .group h5{ position:relative; width:max-content; line-height:1; font-size:24px; font-weight:700; padding-right:15px; margin-bottom:15px; } .p0202 .group h5::before{ content:""; position:absolute; bottom:2px; right:0; width:10px; height:10px; background-color:#ed913e; border-radius:20px 20px 20px 0; } .p0202 .group .ceo{ position:relative; width:180px; height:180px; background:linear-gradient(213deg, #f6c89e, #ed913e 50%); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:auto; } .p0202 .group .ceo::before{ content:""; position:absolute; top:100%; left:50%; transform:translateX(-50%); width:1px; height:170px; background-color:rgba(0,0,0,.15); } .p0202 .group .ceo h2{ line-height:1; font-size:32px; font-weight:700; text-align:center; color:#fff; display:block; } .p0202 .group .ceo h2 span{ font-size:18px; font-weight:400; display:block; opacity:.7; margin-top:8px; } .p0202 .group .line{ position:relative; display:flex; } .p0202 .group .line h4{ position:relative; width:200px; height:70px; color:#fff; border-radius:10px; display:flex; align-items:center; justify-content:center; } .p0202 .group .line h4 span{ line-height:1; font-size:22px; font-weight:700; text-align:center; } .p0202 .group .line h4 span strong{ font-size:16px; font-weight:400; display:block; opacity:.7; margin-top:5px; } .p0202 .group .line01::before{ content:""; position:absolute; top:50%; right:0; width:50%; height:1px; background-color:rgba(0,0,0,.15); } .p0202 .group .line01 h4{ background-color:#003399; margin:50px 0 50px auto; } .p0202 .group .line02{ width:calc(50% + 100px); margin-left:auto; } .p0202 .group .line02::before{ content:""; position:absolute; top:50%; right:0; width:100%; height:1px; background-color:rgba(0,0,0,.15); } .p0202 .group .line02 h4{ background-color:#82b663; } .p0202 .group .line02 h4:first-child::before{ content:""; position:absolute; top:100%; left:50%; transform:translateX(-50%); width:1px; height:50px; background-color:rgba(0,0,0,.15); } .p0202 .group .line02 h4:last-child{ background-color:#3c4140; margin-left:auto; } .p0202 .group .line03{ justify-content:space-between; margin-top:100px; } .p0202 .group .line03::before{ content:""; position:absolute; top:-50px; left:50%; transform:translateX(-50%); width:calc(75% + 8px); height:1px; background-color:rgba(0,0,0,.15); } .p0202 .group .line03 h4{ width:calc((100% - 30px) / 4); background-color:#0b614a; margin-right:10px; } .p0202 .group .line03 h4::before{ content:""; position:absolute; bottom:100%; left:50%; transform:translateX(-50%); width:1px; height:50px; background-color:rgba(0,0,0,.15); } .p0202 .group .line03 h4:last-child{ margin-right:0; } /*0203(오시는길)*/ .p0203{ display:flex; } .p0203 iframe{ width:58%; } .p0203 .content{ width:calc(42% - 100px); margin-left:100px; display:flex; flex-wrap:wrap; align-content:space-between; } .p0203 .content>div{ width:100%; } .p0203 .content .title h5{ line-height:1; font-size:18px; font-weight:600; color:#ed913e; } .p0203 .content .title h3{ line-height:1; font-size:38px; font-weight:700; word-break:keep-all; margin:20px 0 60px 0; } .p0203 .content ul li{ border:1px solid rgba(0,0,0,.15); border-radius:10px; display:flex; align-items:center; padding:25px 30px; margin-bottom:15px; } .p0203 .content ul li img{ margin-right:30px; } .p0203 .content ul li dl dt{ line-height:1; font-weight:500; color:#7e858b; } .p0203 .content ul li dl dd{ line-height:1; font-size:18px; word-break:keep-all; margin-top:10px; } .p0203 .content .button{ width:100%; display:flex; } .p0203 .content .button a{ width:calc((100% - 15px) / 2); height:55px; font-weight:600; color:#fff; border-radius:10px; margin-right:15px; display:flex; align-items:center; justify-content:space-between; padding:0 30px; } .p0203 .content .button a:first-child{ background-color:#03c75a; } .p0203 .content .button a:last-child{ color:#371c1d; background-color:#f9e000; margin-right:0; } /*0204(CI소개)*/ .p0204 .top{ display:flex; } .p0204 .top>dt{ position:sticky; top:150px; width:296px; height:max-content; } .p0204 .top>dt h3{ line-height:1; font-size:48px; font-weight:800; } .p0204 .top>dt h3 span{ display:block; } .p0204 .top>dt .button{ display:flex; margin-top:30px; } .p0204 .top>dt .button a{ height:55px; line-height:1; font-weight:500; border:1px solid #2c3336; border-radius:12px; padding:0 20px; display:flex; align-items:center; margin-right:10px; } .p0204 .top>dt .button a:last-child{ margin-right:0; } .p0204 .top>dt .button a img{ height:16px; margin-left:8px; } .p0204 .top>dd{ width:calc(100% - 396px); margin-left:100px; } .p0204 .top>dd .type01{ background-color:#f4f4f8; border-radius:30px; padding:80px 50px; } .p0204 .top>dd .type01 img{ margin:auto; display:block; } .p0204 .top>dd .type02{ margin-top:80px; } .p0204 .top>dd .type02 h4{ line-height:1; font-size:28px; font-weight:700; margin-bottom:25px; } .p0204 .top>dd .type02 ul{ background-color:#f4f4f8; border-radius:30px; display:flex; } .p0204 .top>dd .type02 ul li{ position:relative; width:50%; min-height:320px; border-right:1px solid rgba(0,0,0,.15); padding:35px; display:flex; align-items:center; justify-content:center; } .p0204 .top>dd .type02 ul li:last-child{ border-right:none; } .p0204 .top>dd .type02 ul li p{ position:absolute; top:35px; left:35px; line-height:1; color:#7e858b; } .p0204 .top>dd .type02 ul li:last-child img{ height:140px; } .p0204 .bottom{ margin-top:150px; display:flex; } .p0204 .bottom>dt{ width:296px; line-height:1; font-size:48px; font-weight:800; } .p0204 .bottom>dd{ width:calc(100% - 396px); margin-left:100px; } .p0204 .bottom>dd>ul{ display:flex; } .p0204 .bottom>dd>ul>li{ width:calc((100% - 40px) / 3); min-height:320px; color:#fff; border-radius:30px; margin-right:20px; padding:35px; display:flex; flex-wrap:wrap; align-content:space-between; } .p0204 .bottom>dd>ul>li:first-child{ background-color:#ed913e; } .p0204 .bottom>dd>ul>li:nth-child(2){ background-color:#82b663; } .p0204 .bottom>dd>ul>li:last-child{ background-color:#2c3336; margin-right:0; } .p0204 .bottom>dd>ul>li h5{ width:100%; line-height:1; font-size:24px; font-weight:700; } .p0204 .bottom>dd>ul>li>ul>li{ line-height:1; text-transform:uppercase; margin-bottom:10px; } .p0204 .bottom>dd>ul>li>ul>li:last-child{ margin-bottom:0; } .p0204 .bottom:last-child>dd>ul>li{ min-height:initial; background-color:#f4f4f8; padding:25px; justify-content:center; } .p0204 .bottom:last-child>dd>ul>li img{ width:100%; height:auto; } .p0204 .bottom:last-child>dd>ul>li p{ line-height:1; font-size:22px; font-weight:800; color:#2c3336; } /*0301(개요)*/ .p0301 dl{ display:flex; align-items:center; } .p0301 dl dt{ width:50%; line-height:1; font-size:46px; font-weight:800; border-right:1px solid rgba(0,0,0,.15); padding-right:100px; } .p0301 dl dd{ width:50%; line-height:1.6; font-size:18px; font-weight:400; word-break:keep-all; padding-left:100px; } .p0301 .content{ display:flex; align-items:flex-start; margin-top:150px; } .p0301 .content ul{ width:50%; padding-right:100px; margin-top:150px; } .p0301 .content ul li{ margin-bottom:50px; } .p0301 .content ul li:last-child{ margin-bottom:0; } .p0301 .content ul li h4{ position:relative; width:max-content; line-height:1; font-size:24px; font-weight:700; padding-right:15px; margin-bottom:15px; } .p0301 .content ul li h4::before{ content:""; position:absolute; bottom:2px; right:0; width:10px; height:10px; background-color:#ed913e; border-radius:20px 20px 20px 0; } .p0301 .content ul li p{ line-height:1.6; font-size:18px; font-weight:400; word-break:keep-all; } .p0301 .content ul li span{ position:relative; line-height:1.2; font-size:14px; font-weight:400; word-break:keep-all; color:#7e858b; padding-left:10px; margin-top:5px; display:block; } .p0301 .content ul li span::before{ content:"*"; position:absolute; top:0; left:0; } .p0301 .content div{ width:50%; border-radius:20px; overflow:hidden; } .p0301 .content div img{ width:100%; } /*0302(추진사업)*/ .p0302 dl{ margin-bottom:70px; } .p0302 dl:last-child{ margin-bottom:0; } .p0302 dl dt{ position:relative; width:max-content; line-height:1; font-size:24px; font-weight:700; padding-right:15px; margin-bottom:15px; } .p0302 dl dt::before{ content:""; position:absolute; bottom:2px; right:0; width:10px; height:10px; background-color:#ed913e; border-radius:20px 20px 20px 0; } .p0302 dl dd{ font-size:18px; font-weight:400; word-break:keep-all; } .p0302 dl dd p{ line-height:1.2; } .p0302 dl dd ul li{ position:relative; line-height:1.2; padding-left:10px; margin-top:10px; } .p0302 dl dd ul li::before{ content:""; position:absolute; top:9px; left:0; width:5px; height:1px; background-color:#2c3336; } .p0302 dl dd table{ width:100%; font-size:16px; border-top:2px solid #2c3336; } .p0302 dl dd table thead tr th{ line-height:1.2; font-weight:700; text-align:center; background-color:#f5f5f5; border-right:1px solid rgba(0,0,0,.15); border-bottom:1px solid rgba(0,0,0,.15); padding:20px 10px; } .p0302 dl dd table thead tr th:last-child{ border-right:none; } .p0302 dl dd table tbody tr th{ line-height:1.2; font-weight:700; text-align:center; background-color:#f5f5f5; border-right:1px solid rgba(0,0,0,.15); border-bottom:1px solid rgba(0,0,0,.15); padding:20px 10px; } .p0302 dl dd table tbody tr td{ line-height:1; border-right:1px solid rgba(0,0,0,.15); border-bottom:1px solid rgba(0,0,0,.15); padding:20px; } .p0302 dl dd table tbody tr td:first-of-type{ text-align:center; } .p0302 dl dd table tbody tr td:last-child{ border-right:none; } .p0302 dl dd table tbody tr td>ul>li{ font-weight:600; padding-left:0; } .p0302 dl dd table tbody tr td>ul>li::before{ display:none; } .p0302 dl dd table tbody tr td>ul>li:first-child{ margin-top:0; } .p0302 dl dd table tbody tr td>ul>li>ul>li{ font-weight:400; } /*3차메뉴*/ #sub_menu003>div:nth-of-type(2) {display:none;} #child_menu003004 ul li {border:0;} #child_menu003004 ul li a {border:1px solid rgba(0,0,0,.15);} #child_menu003004 .active {color:#ed913e;border:2px solid #ed913e;border-bottom:none;font-weight:600} /*0304(특화상품)*/ #sub_t003 #listForm {margin-top:150px;} #sub_t003 #listForm .productList {display:flex;flex-wrap:wrap;overflow:hidden;} #sub_t003 #listForm .cell {width:33.333%; transition:.2s;margin-bottom:0;margin-right:20px;width:calc((100% - 40px) /3);} #sub_t003 #listForm .cell:nth-child(3n){margin-right:0;} #sub_t003 #listForm .productList .cell:nth-child(n+4) {margin-top:30px;} /*#sub_t003 #listForm .productList .cell .product_cell>div {padding-right:20px; }*/ #sub_t003 #listForm .productList .cell .center {padding-top:25px;} #sub_t003 .cell .viewImage .thumbNail, #sub_t003 .cell .viewImage .thumbNail_on {width:100%;max-width:100%;} #sub_t003 .productBottom .searchBox .search * {font-size:100%;} #sub_t003 .productBottom .searchBox .search .center {width:400px; min-width:initial;height:auto; line-height:48px;border-radius:6px; padding: 0 15px;} #sub_t003 .productBottom .searchBox .search .btnPack {height:auto;line-height:48px; font-weight:500;background-color:#2c3336 !important;border-radius:6px;padding:0 20px !important;} #sub_t003 .product {margin-top:150px;} #sub_t003 .productView {background-color:inherit !important;overflow:hidden;} #sub_t003 .productView .productSubject {position:absolute;/*top:100px;margin-top:120px; */left:50%;margin-left:100px; font-weight:800;letter-spacing:0.03em;} /*#sub_t003 .productView .productSubject:before {display:block;content:'특화상품';font-size:25px; font-weight:500;color:#888;opacity:.8}*/ #sub_t003 .productView .productSubject .productSubjectInfo {margin-top:10px; font-size:20px;color:#888;font-weight:500;word-break:keep-all;} #sub_t003 .productView .productSubject strong {font-size:60px; margin-bottom:10px;} #sub_t003 .productView .productImageZoom {display:none;} #sub_t003 .productView .productImageZoom li {margin:5px 0 20px 0;} #sub_t003 .productView .productImageZoom li.zoomMent {display:none;} #sub_t003 .productView .productInfo {overflow:hidden;} #sub_t003 .productView .productImageView {float:left;width:50%;} #sub_t003 .productView .productImageView .center img {width:100% ;height:auto;} #sub_t003 .productView .productSaleInfo {overflow:hidden;width:50%;padding-top:250px; text-align:left;padding-left:100px;display:none;} #sub_t003 #productInfomation {margin-top:7%;} #sub_t003 #productInfomation h5 {position:relative;width:max-content;line-height:1;font-size:24px; font-weight:700;padding-right:15px;margin-bottom:15px;} #sub_t003 #productInfomation h5:before {content:"";position:absolute;bottom:2px; right:0;width:10px; height:10px; background-color:#ed913e;border-radius:20px 20px 20px 0;} #sub_t003 #productInfomation .textContetn ul {display:flex;flex-wrap:wrap;} #sub_t003 #productInfomation .textContetn ul li {width:calc((100% - 60px ) /4);margin-right:20px;} #sub_t003 #productInfomation .textContetn ul li:last-child {margin-right:0;} #sub_t003 #productInfomation .textContetn ul li img{width:100% !important;} #sub_t003 .product>div:nth-of-type(2) {margin-top:7%;} #sub_t003 .product>div .p01 {margin-bottom:15px;} #sub_t003 .product>div .p01 a {pointer-events:none;position:relative;line-height:1;font-size:24px; font-weight:700;padding-right:15px; margin-bottom:15px;} #sub_t003 .product>div .p01 a:before {content:"";position:absolute;bottom:2px; right:0;width:10px; height:10px; background-color:#ed913e;border-radius:20px 20px 20px 0;} #sub_t003 .product>div:nth-of-type(3) {margin-top:0px !important;} #sub_t003 .product>div:nth-of-type(3) div>p {display:flex;flex-wrap:wrap;} #sub_t003 .product>div:nth-of-type(3) div>p img{width:calc((100% - 60px) /4) !important;margin-right:20px;} #sub_t003 .product>div:nth-of-type(3) div>p img:last-of-type {margin-right:0;} /*0402(점포안내)*/ .conts004002 #listForm .docThumb{ margin-right:0; margin-left:0; } .conts004002 #listForm .docThumb .center .cell{ width:100% !important; border-bottom:1px solid rgba(0,0,0,.15); display:flex; margin-bottom:50px; padding-bottom:50px; } .conts004002 #listForm .docThumb .center .cell:first-child{ border-top:2px solid #2c3336; padding-top:50px; } .conts004002 #listForm .docThumb .center .cell:last-child{ margin-bottom:0; } .conts004002 #listForm .docThumb .center .cell>div{ padding-right:0; padding-left:0; } .conts004002 #listForm .docThumb .center .cell .viewImage{ width:25%; } .conts004002 #listForm .docThumb .center .cell .viewImage p a{ position:relative; } /* .conts004002 #listForm .docThumb .center .cell .viewImage p a::before{ content:""; position:absolute; right:40px; bottom:-40px; width:80px; height:80px; background-color:rgba(237,145,62,.5); border-radius:50%; opacity:0; transition:.2s; } */ /* .conts004002 #listForm .docThumb .center .cell:hover .viewImage p a::before{ opacity:1; } */ /* .conts004002 #listForm .docThumb .center .cell .viewImage p a::after{ content:"GO"; position:absolute; bottom:-30px; right:50px; width:60px; line-height:60px; font-weight:700; color:#fff; background-color:#ed913e; border-radius:50%; opacity:0; transition:.2s; } */ /* .conts004002 #listForm .docThumb .center .cell:hover .viewImage p a::after{ opacity:1; } */ .conts004002 #listForm .docThumb .center .cell .viewImage p a img{ border:1px solid rgba(0,0,0,.15); } /* .conts004002 #listForm .docThumb .center .cell:hover .viewImage p a img{ box-shadow:5px 5px 30px rgba(0,0,0,.1); transition:.2s; } */ .conts004002 #listForm .docThumb .center .cell .center{ width:75%; margin:0 0 0 50px; padding-top:0; } .conts004002 #listForm .docThumb .center .cell .center .title{ line-height:1; } .conts004002 #listForm .docThumb .center .cell .center .title a{ font-size:22px; } .conts004002 #listForm .docThumb .center .cell .center .content{ margin-top:10px; } .conts004002 #listForm .docThumb .center .cell .center .content .addContent{ border:none; margin:10px 0 0 0; } .conts004002 #listForm .docThumb .center .cell .center .content .addContent:first-child{ margin:0; } .conts004002 #listForm .docThumb .center .cell .center .content .addContent:nth-child(2){ margin-top:25px; } .conts004002 #listForm .docThumb .center .cell .center .content .addContent dt{ width:auto !important; line-height:1; padding:0; } .conts004002 #listForm .docThumb .center .cell .center .content .addContent:first-child dt{ display:none; } .conts004002 #listForm .docThumb .center .cell .center .content .addContent:nth-child(n+2) dt{ font-weight:700; } .conts004002 #listForm .docThumb .center .cell .center .content .addContent dd{ width:auto !important; line-height:1; padding:0; } .conts004002 #listForm .docThumb .center .cell .center .content .addContent:first-child dd{ font-weight:400; color:#7e858b; } .conts004002 #listForm .docThumb .center .cell .center .content .addContent:nth-child(n+2) dd{ margin-left:10px; } .conts004002 .selectBox>select{ width:140px; height:48px; border:1px solid rgba(0, 0, 0, .15); border-radius:6px; padding:0 10px; } .conts004002 .document .docRead .readHeader{ border:8px solid #ed913e; border-radius:25px; padding:30px; } .conts004002 .document .docRead .readHeader .titleAndUser .title h4{ font-size:34px; font-weight:700; } .conts004002 .document .docRead .readHeader .titleAndUser .author{ display:none; } .conts004002 .document .docRead .readHeader .dateAndCount{ display:none; } .conts004002 .document .docRead .table_list{ border-top:2px solid #2c3336; margin-top:50px; } .conts004002 .document .docRead .table_list caption{ display:none; } .conts004002 .document .docRead .table_list tbody tr th{ width:20%; line-height:1.2; font-size:16px; text-align:center; background-color:#F9F9F9; } .conts004002 .document .docRead .table_list tbody tr th label strong{ font-weight:700; } .conts004002 .document .docRead .table_list tbody tr td{ width:80%; height:auto; line-height:1.2; font-size:16px; padding:20px 15px; } .conts004002 .document .docRead .contentBody{ padding:40px 0 50px 0; } .conts004002 #listForm #docListBasic colgroup col:nth-child(1){ width:8% !important; } .conts004002 #listForm #docListBasic colgroup col:nth-child(2){ width:22% !important; } .conts004002 #listForm #docListBasic colgroup col:nth-child(3){ width:30% !important; } .conts004002 #listForm #docListBasic colgroup col:nth-child(4){ width:20% !important; } .conts004002 #listForm #docListBasic colgroup col:nth-child(5){ width:20% !important; } .conts004002 #listForm #docListBasic thead tr th:nth-child(3){ display:none; } .conts004002 #listForm #docListBasic tbody tr td:nth-child(3){ display:none; } /*0501(공지사항)*/ .conts005001 .youtubeframe{ margin-top:0; } /*0601(양순이캠핑존)*/ .p0601 h4 { position:relative; width:max-content; line-height:1; font-size:24px; font-weight:700; padding-right:15px; margin-bottom:15px; } .p0601 h4::before{ content:""; position:absolute; bottom:2px; right:0; width:10px; height:10px; background-color:#ed913e; border-radius:20px 20px 20px 0; } .p0601 .content {display:flex;align-items:flex-start;} .p0601 .content .L {width:50%;overflow:hidden;border-radius:20px} .p0601 .content .L img {width:100%;cursor:pointer} .modalWin{ position:fixed; top:50%; left:50%;transform:translate(-50%,-50%); width:100%; height:100%; background-color:rgba(0,0,0,.4); display:flex; align-items:center; justify-content:center; display:none; animation:fadein .3s;z-index:99} .modalWin .modalImg{ width:55vw; margin:auto; border:2px solid #222; } @keyframes fadein{ from { opacity:0 } to { opacity:1 } } @keyframes zoom{ from { transform:scale(0); opacity:0 } to { transform:scale(1); opacity:1 } } .modalWin .modal_content {position:relative; animation:zoom 0.5s;} .modalWin .close{ position:fixed; right:0; top:0; width:50px; height:50px; background-color:rgba(0,0,0,.3); display:flex; align-items:center; justify-content:center; border-bottom-left-radius:10px; transition:.5s; opacity:1 !important;position:absolute;} .modalWin .close:hover{ background-color:#222; } .modalWin .close i{ color:#fff; font-size:2rem; } .p0601 .content .R {padding-left:100px;width:50%;} .p0601 .content .R ul li{ position:relative; line-height:1.2; font-size:18px; font-weight:400; word-break:keep-all; padding-left:10px; margin-bottom:20px; } .p0601 .content .R ul li span {font-weight:600;} .p0601 .content .R ul li::before{ content:""; position:absolute; top:9px; left:0; width:5px; height:1px; background-color:#2c3336; } .p0601 .content .R ul li:last-child{ margin-bottom:0;color:#7e858b ;font-size:15px;} .p0601 .content .R ul li:last-child::before {display:none;} .p0601 .content .R ul li:last-child span {display:block;font-weight:inherit;} .p0601 .content .R .img_box {display:flex;width:100%;margin-top:10px} .p0601 .content .R .img_box img {border-radius:20px; width:calc((100% - 60px) / 4);margin-right:20px; overflow:hidden;} .p0601 .content .R .img_box img:last-of-type {margin-right:0;} .sub_t006001 .applyCalTable{margin-top:150px;} .sub_t006001 .applyCalTable .line .widget-body .fc .fc-toolbar .fc-center h3 {font-weight:600;} .sub_t006001 .applyCalTable .fc-head{border-top:2px solid #333;border-bottom:1px solid rgba(0,0,0,.15);} .sub_t006001 .applyCalTable .fc th {padding:20px 0 !important;border-top:none;} .sub_t006001 .fc th, .sub_t006001 .fc td {border:none;} .sub_t006001 .fc td.fc-today {border-style:inherit;} .sub_t006001 .fc-bg {border-bottom:1px solid rgba(0,0,0,.15);} .sub_t006001 .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {float:inherit;} .sub_t006001 .applyCalTable .fc-other-month {background-image:none;background-color:#f5f5f5 !important;} /*.sub_t006001 #appList {display:none;}*/ .sub_t006001 #appList tr th:nth-child(1) {width:10%} .sub_t006001 #appList tr th:nth-child(2) {width:18%} .sub_t006001 #appList tr th:nth-child(3) {width:50%} .sub_t006001 #appList tr th:nth-child(4) {width:12%} .sub_t006001 #appList tr th:nth-child(5) {width:10%} .sub_t006001 #appList th, .sub_t006001 #appList td {padding:20px 0 ;line-height:1.5;} .sub_t006001 .has-feedback .form-control {padding:10px;} .sub_t006001 #bbsform .pd7 {width:100; height:60px; line-height:1;border:2px solid #ed913e;padding:0;display:flex;align-items:center;justify-content:center;border-radius:15px;} .sub_t006001 #bbsform .pd7 span {font-size:18px; font-weight:700; color:#ed913e;} .sub_t006001 #bbsform tr th {line-height:1.5;} .sub_t006001 #bbsform tr th p{padding:15px !important;} .sub_t006001 #bbsform tr td p{padding:15px !important;} .sub_t006001 #bbsform tr th:nth-child(1) {width:5%} .sub_t006001 #bbsform tr th:nth-child(2) {width:25%} .sub_t006001 #bbsform tr th:nth-child(3) {width:10%} .sub_t006001 #bbsform tr th:nth-child(4) {width:10%} .sub_t006001 #bbsform tr th:nth-child(5) {width:15%} .sub_t006001 #bbsform tr th:nth-child(6) {width:15%} .sub_t006001 #bbsform tr th:nth-child(7) {width:10%} .sub_t006001 #bbsform .table_basic tbody tr th{width:130px; font-size:16px;background:#f5f5f5;border-bottom:1px solid rgba(0,0,0,.15)} .sub_t006001 #bbsform .table_basic tbody tr th label {line-height:1;display:flex;flex-direction:row-reverse;justify-content:flex-end;padding:0 10px;} .sub_t006001 #bbsform .table_basic tbody tr th label .colorRed {font-size:16px; margin:0 0 0 5px;} .sub_t006001 #bbsform .table_basic tbody tr th label strong {font-weight:500;} .sub_t006001 #bbsform .fc-head-container .fc-row {border-right:0 !mportant;} .sub_t006001 .applyCalTable .line .widget-body .fc .fc-view-container .fc-view table .fc-body tr .fc-widget-content .fc-scroller {height:auto !important;} #bbsform .pd5.center{ padding:0;margin-top:50px; } #bbsform .pd5.center .btnPack{ width:190px; min-width:initial; height:auto; line-height:55px; font-size:16px; font-weight:700 !important; border:none; border-radius:10px; margin:0; padding:0 !important; } #bbsform .pd5.center .black{ background-color:#2c3336 !important; } @media screen and (max-width:1600px){ .conts{ max-width:initial; padding:150px 50px; } /*0201(시장소개)*/ .conts002001{ padding:150px 0; } .p0201 .title{ max-width:initial; padding:0 50px; } .p0201 .content{ max-width:initial; padding:0 50px; } /*0202(상인회 소개)*/ .conts002002{ padding:150px 0; } .p0202 h3{ max-width:initial; padding:0 50px; } .p0202 .content{ max-width:initial; padding:0 50px; } .p0202 .group{ width:calc(100% - 100px); max-width:initial; } /*0203(오시는길)*/ .p0203 .content{ width:calc(42% - 50px); margin-left:50px; } /*0402(점포안내)*/ .conts004002 #listForm .docThumb .center .cell .center{ margin:0 0 0 30px; } } @media screen and (max-width:1400px){ /*0101(황토골야시장)*/ .p0101 .data dl{ width:47%; } .p0101 .data>img{ bottom:-25px; width:53%; } /*0201(시장소개)*/ .p0201 .content ul li h4{ font-size:18px; } .p0201 .content ul li h5{ font-size:30px; } /*0202(상인회 소개)*/ .p0202 h3{ font-size:46px; } /*0203(오시는길)*/ .p0203 .content .title h3{ margin:20px 0 50px 0; } .p0203 .content .button a{ width:calc((100% - 10px) / 2); margin-right:10px; } /*0204(CI소개)*/ .p0204 .top>dd{ width:calc(100% - 346px); margin-left:50px; } .p0204 .bottom>dd{ width:calc(100% - 346px); margin-left:50px; } /*0301(개요)*/ .p0301 dl dt{ padding-right:50px; } .p0301 dl dd{ padding-left:50px; } .p0301 .content ul{ padding-right:50px; } /*0601(양순이캠핑존)*/ .p0601 .content .R {padding-left:50px;} .modalWin .modalImg{ width:80vw; } } @media screen and (max-width:1200px){ .conts{ padding:120px 50px; } /*비밀번호찾기*/ #regist_wrap .find_pass{ width:100%; } #regist_wrap .find_pass>.center{ width:calc((100% - 50px) / 2); margin:0 50px 0 0; } /*갤러리앨범*/ #listForm .docThumb{ margin-right:-10px; margin-left:-10px; } #listForm .docThumb .center .cell>div{ padding-right:10px; padding-left:10px; } #listForm .docThumb .center .cell .viewImage .icon{ right:15px; } #listForm .docThumb .center .cell .center{ padding-top:20px; } #listForm .docThumb .center .cell .center .nameAndDate{ margin:15px 0 0 0; } .document .docRead .readHeader .titleAndUser .author .nowrap strong{ font-size:16px; } .document .docRead .readHeader .titleAndUser .author .nowrap em{ font-size:16px; } .document .docRead .readHeader .dateAndCount .date{ font-size:16px; text-indent:-51px; } .document .docRead .link{ font-size:12px; } .document .docRead .link .linkTitle::before{ font-size:10px; } /*0101(황토골야시장)*/ .p0101 .data dl{ width:50%; } .p0101 .data>img{ bottom:-18px; width:45%; } /*0201(시장소개)*/ .conts002001{ padding:120px 0; } .p0201 .title h3{ font-size:42px; } .p0201 .title p{ font-size:18px; margin-top:25px; } .p0201 .img{ height:350px; margin:50px 0 60px 0; } .p0201 .content dl dd{ font-size:16px; } .p0201 .content table{ margin:20px 0 50px 0; } .p0201 .content ul{ padding:50px; } /*0202(상인회 소개)*/ .conts002002{ padding:120px 0; } .p0202 h3{ font-size:42px; } .p0202 .img{ height:350px; margin:60px 0 50px 0; } .p0202 .content p{ font-size:18px; margin-bottom:15px; } .p0202 .content p:last-of-type{ margin-bottom:40px; } .p0202 .content h4{ font-size:18px; } .p0202 .group .line01 h4{ margin:30px 0 30px auto; } .p0202 .group .line02 h4:first-child::before{ height:30px; } .p0202 .group .line03{ margin-top:60px; flex-wrap:wrap; } .p0202 .group .line03::before{ top:-30px; } .p0202 .group .line03 h4::before{ height:30px; } /*0203(오시는길)*/ .p0203{ flex-wrap:wrap; } .p0203 iframe{ width:100%; height:400px; } .p0203 .content{ width:100%; margin:50px 0 0 0; } .p0203 .content .title h3{ font-size:36px; margin:10px 0 30px 0; } /*0204(CI소개)*/ .p0204 .top{ flex-wrap:wrap; } .p0204 .top>dt{ position:initial; width:100%; display:flex; align-items:flex-end; justify-content:space-between; } .p0204 .top>dt .button{ margin:0 0 6px 0; } .p0204 .top>dd{ width:100%; margin:30px 0 0 0; } .p0204 .top>dd .type02{ margin-top:60px; } .p0204 .top>dd .type02 h4{ margin-bottom:20px; } .p0204 .bottom{ flex-wrap:wrap; margin-top:120px; } .p0204 .bottom>dt{ width:100%; } .p0204 .bottom>dd{ width:100%; margin:30px 0 0 0; } /*0301(개요)*/ .p0301 .content{ margin-top:120px; } .p0301 .content ul{ margin-top:120px; } /*0402(점포안내)*/ .conts004002 #listForm .docThumb .center .cell .viewImage{ width:30%; } .conts004002 #listForm .docThumb .center .cell .viewImage p a::before{ right:20px; bottom:-35px; width:70px; height:70px; } .conts004002 #listForm .docThumb .center .cell .viewImage p a::after{ right:30px; bottom:-25px; width:50px; line-height:50px; } .conts004002 #listForm .docThumb .center .cell .center{ width:70%; } .conts004002 #listForm .docThumb .center .cell .center .title a{ font-size:20px; } /*0601(양순이캠핑존)*/ .sub_t006001 .applyCalTable .line .widget-body .fc .fc-view-container .fc-view table .fc-head tr .fc-head-container .fc-row table thead tr th {padding:15px 0 !important} .sub_t006001 #appList th, .sub_t006001 #appList td {padding:15px 0 ;} .sub_t006001 .applyCalTable {margin-top:120px;} /*0304(특화상품)*/ #sub_t003 #listForm {margin-top:120px;} #sub_t003 #listForm .productList .cell .center {padding-top:20px;} #sub_t003 .product {margin-top:120px;} } @media screen and (max-width:1000px){ .conts{ padding:100px 25px; } /*visual*/ #subVisual .content .s_menu .Wide{ display:block !important; } #subVisual .content .s_menu .Mobile{ display:none !important; } /*비밀번호찾기*/ #regist_wrap .find_pass>.center{ width:calc((100% - 25px) / 2); margin:0 25px 0 0; } /*회원가입*/ #regist_wrap .regist_container #regForm .agreement .frame{ padding:20px; } /*갤러리앨범*/ #listForm .docThumb .center .cell:nth-child(n+4){ margin-top:30px; } #listForm .docThumb .center .cell .center .nameAndDate{ margin:10px 0 0 0; } #listForm .docThumb .center .cell .center .nameAndDate .date span{ font-size:14px; } .document .docRead .readHeader{ padding:40px 25px; } .document .docRead .contentBody{ padding:40px 0; } /*상담모듈*/ .boardInput #bbsform .agreement .frame{ padding:20px; } /*이메일무단수집거부*/ #Default .document .contentBody .emailContent dd{ padding:25px; } /*0101(황토골야시장)*/ .p0101 .data{ padding:35px; } .p0101 .data dl dt{ min-width:60px; font-size:15px; padding:8px 0; } .p0101 .data dl dd{ margin:4px 0 0 10px; } .p0101 .data>img{ bottom:-16px; right:35px; } .p0101 .program thead tr th{ padding:15px 10px; } .p0101 .program tbody tr td{ padding:15px 10px; } /*0201(시장소개)*/ .conts002001{ padding:100px 0; } .p0201 .title{ padding:0 25px; } .p0201 .title h3{ font-size:38px; } .p0201 .title p{ margin-top:20px; } .p0201 .img{ height:300px; margin:40px 0 50px 0; } .p0201 .content{ padding:0 25px; } .p0201 .content table thead tr th{ padding:15px 10px; } .p0201 .content table tbody tr td{ padding:15px 10px; } .p0201 .content ul{ padding:50px 25px; } .p0201 .content ul li{ margin-right:25px; } .p0201 .content ul li h4{ font-size:16px; } .p0201 .content ul li h5{ font-size:28px; } .p0201 .content ul li i{ font-size:18px; } /*0202(상인회 소개)*/ .conts002002{ padding:100px 0; } .p0202 h3{ padding:0 25px; } .p0202 .img{ height:300px; margin:50px 0 40px 0; } .p0202 .content{ padding:0 25px; } .p0202 .content p:last-of-type{ margin-bottom:25px; } .p0202 .group{ width:calc(100% - 50px); } .p0202 .group .ceo h2{ font-size:30px; } .p0202 .group .line h4 span{ font-size:20px; } /*0204(CI소개)*/ .p0204 .top>dt .button a{ height:50px; border-radius:10px; } .p0204 .top>dd{ margin:25px 0 0 0; } .p0204 .top>dd .type01{ padding:50px 25px; } .p0204 .top>dd .type01 img{ height:180px; } .p0204 .top>dd .type02{ margin-top:50px; } .p0204 .top>dd .type02 ul li{ min-height:280px; padding:30px; } .p0204 .top>dd .type02 ul li p{ top:30px; left:30px; } .p0204 .bottom{ margin-top:100px; } .p0204 .bottom>dd{ margin:25px 0 0 0; } .p0204 .bottom>dd>ul>li{ width:calc((100% - 20px) / 3); min-height:280px; margin-right:10px; padding:30px; } /*0301(개요)*/ .p0301 dl{ flex-wrap:wrap; } .p0301 dl dt{ width:100%; font-size:42px; border-right:none; padding-right:0; margin-bottom:15px; } .p0301 dl dd{ width:100%; padding-left:0; } .p0301 .content{ margin-top:40px; flex-wrap:wrap; flex-direction:column-reverse; } .p0301 .content ul{ width:100%; padding-right:0; margin-top:50px; } .p0301 .content ul li{ margin-bottom:30px; } .p0301 .content ul li h4{ margin-bottom:10px; } .p0301 .content div{ width:100%; height:250px; } .p0301 .content div img{ height:100%; object-fit:cover; } /*0302(추진사업)*/ .p0302 dl{ margin-bottom:50px; } /*0402(점포안내)*/ .conts004002 #listForm .docThumb .center .cell{ margin-bottom:30px; padding-bottom:30px; } .conts004002 #listForm .docThumb .center .cell:first-child{ padding-top:30px; } .conts004002 #listForm .docThumb .center .cell:nth-child(n+4){ margin-top:0; } .conts004002 #listForm .docThumb .center .cell .center{ margin:0 0 0 25px; } .conts004002 #listForm .docThumb .center .cell .center .title a{ font-size:18px; } .conts004002 #listForm .docThumb .center .cell .center .content .addContent dt{ font-size:15px; } .conts004002 #listForm .docThumb .center .cell .center .content .addContent dd{ font-size:15px; } /*0601(양순이캠핑존)*/ .p0601 .content {flex-wrap:wrap;} .p0601 .content .L {width:100%} .p0601 .content .R {width:100%; padding-left:0;margin-top:50px;} .p0601 .content .R .img_box img {width:calc((100% - 30px) /4); margin-right:10px;} .p0601 .content h4 {margin-bottom:10px;} #bbsform .pd5.center {margin-top:30px;} .sub_t006001 .applyCalTable {margin-top:100px;} /*0304(특화상품)*/ #sub_t003 #listForm {margin-top:80px;} #sub_t003 .product {margin-top:80px;} #sub_t003 .product .productView {display:flex;flex-wrap:wrap;} #sub_t003 .productView .productSubject {position:relative;margin-left:0 ;left:0;} #sub_t003 .productView .productSubject strong {font-size:55px;} #sub_t003 .productView .productImageView {width:100%;margin-top:30px;} #sub_t003 .productView .productImageView a {pointer-events:none;} } @media screen and (max-width:800px){ /*visual*/ #subVisual .content .s_menu .subMenu .container .row .parent .parents{ padding:15px 40px; } #subVisual .content .s_menu .subMenu .container .row .parent .parents li{ margin-right:20px; } /*회원가입*/ #regist_wrap .regist_container #regForm .agreement .bold{ margin:50px 0 15px 0; } #regist_wrap .regist_container #regForm .agreement .bold:first-child{ margin:0 0 15px 0; } #regist_wrap #regist{ max-width:initial; } #regist_wrap #regist .table_basic tbody tr th{ display:block !important; } /*갤러리앨범*/ #listForm .docThumb{ margin-right:-5px; margin-left:-5px; } #listForm .docThumb .center .cell>div{ padding-right:5px; padding-left:5px; } #listForm .docThumb .center .cell .viewImage .icon{ right:10px; } #listForm .docThumb .center .cell .center{ padding-top:15px; } #listForm .docThumb .center .cell .center .nameAndDate{ margin:5px 0 0 0; } .pageNavigation strong, .pageNavigation em a{ width:33px; line-height:33px; } .pageNavigation em a .quick{ height:33px; } .searchBox .selectBox span:nth-of-type(2){ width:calc(100% - 213px); display:inline-block; } .searchBox .selectBox #shc{ width:100% !important; } .document .docRead .readHeader{ padding:30px 25px; } .document .docRead .readHeader .titleAndUser .title h4{ font-size:22px; } .document .docRead .readHeader .titleAndUser .author{ margin:20px 0 8px 0; } .document .docRead .contentBody{ padding:30px 0; } /*상담모듈*/ .boardInput #bbsform .agreement h3{ margin:0 0 15px 0; } /*0101(황토골야시장)*/ .p0101 .data{ padding:35px 35px 0 35px; } .p0101 .data p span{ display:inline; } .p0101 .data dl{ width:100%; } .p0101 .data>img{ position:initial; width:100%; margin:35px 0 -4% 0; } /*0102(행사사전신청)*/ .p0102{ padding:12px 10px; } .p0102 p{ font-size:16px; } /*0201(시장소개)*/ .p0201 .title h3 span{ display:inline; } .p0201 .title p span{ display:inline; } .p0201 .content ul{ flex-wrap:wrap; padding:25px 21% 50px 21%; } .p0201 .content ul li{ margin-top:25px; } .p0201 .content ul li:nth-child(4){ margin-right:0; } .p0201 .content ul li h5{ font-size:26px; margin-top:10px; } /*0202(상인회 소개)*/ .p0202 h3{ font-size:38px; } .p0202 .content p{ line-height:1.6; } .p0202 .group .line02{ width:100%; display:block; } .p0202 .group .line02::before{ top:100%; right:auto; left:50%; transform:translateX(-50%); width:1px; height:30px; } .p0202 .group .line02 h4{ margin:auto; } .p0202 .group .line02 h4:last-child{ margin:10px auto 0 auto; } .p0202 .group .line03::before{ width:calc(50% + 5px); } .p0202 .group .line03 h4{ width:calc((100% - 10px) / 2); } .p0202 .group .line03 h4:nth-child(2n){ margin-right:0; } .p0202 .group .line03 h4:nth-child(n+3){ margin-top:10px; } .p0202 .group .line03 h4:nth-child(n+3)::before{ height:10px; } /*0204(CI소개)*/ .p0204 .top>dt h3{ font-size:44px; } .p0204 .top>dd .type01 img{ height:170px; } .p0204 .top>dd .type02 ul{ flex-wrap:wrap; } .p0204 .top>dd .type02 ul li{ width:100%; border-right:none; border-bottom:1px solid rgba(0,0,0,.15); min-height:200px; } .p0204 .top>dd .type02 ul li:last-child{ border-bottom:none; } .p0204 .bottom>dt{ font-size:44px; } .p0204 .bottom>dd{ margin:20px 0 0 0; } .p0204 .bottom>dd>ul{ flex-wrap:wrap; } .p0204 .bottom>dd>ul>li{ width:100%; min-height:initial; border-radius:25px; margin:0 0 10px 0; justify-content:space-between; } .p0204 .bottom>dd>ul>li:last-child{ margin:0; } .p0204 .bottom>dd>ul>li h5{ width:auto; margin-top:-2px; } .p0204 .bottom>dd>ul>li>ul>li{ text-align:right; } .p0204 .bottom:last-child>dd>ul>li{ width:calc((100% - 20px) / 3); margin:0 10px 0 0; } .p0204 .bottom:last-child>dd>ul>li:last-child{ margin:0; } .p0204 .bottom:last-child>dd>ul>li p{ font-size:20px; } /*0301(개요)*/ .p0301 dl dt{ font-size:38px; } /*0402(점포안내)*/ .conts004002 #listForm .docThumb .center .cell .viewImage{ width:35%; } .conts004002 #listForm .docThumb .center .cell .center{ width:65%; } /*0601(양순이캠핑존)*/ .sub_t006001 .applyCalTable .line .widget-body .fc .fc-toolbar {position:relative;width:max-content;margin:0 auto 30px;} .sub_t006001 .applyCalTable .line .widget-body .fc .fc-toolbar .fc-left .fc-button-group button {position:absolute;top:50%;transform:translateY(-50%);} .sub_t006001 .applyCalTable .line .widget-body .fc .fc-toolbar .fc-left .fc-button-group .fc-corner-left{right:100%;margin-right:15px;} .sub_t006001 .applyCalTable .line .widget-body .fc .fc-toolbar .fc-left .fc-button-group .fc-corner-right{left:100%;margin-left:15px;} .sub_t006001 .applyCalTable .line .widget-body .fc .fc-toolbar .fc-center h3 {margin:0} .sub_t006001 .applyCalTable .line .widget-body .fc .fc-view-container {overflow-x:scroll;} .sub_t006001 .applyCalTable .line .widget-body .fc .fc-view-container .fc-view {min-width:800px;} .sub_t006001 .applyCalTable .line .widget-body .fc .fc-view-container .fc-view table .fc-head tr .fc-head-container .fc-row table thead tr th {padding:12px 0 !important;} .sub_t006001 #appList th, .sub_t006001 #appList td {padding:12px 0 ;} .sub_t006001 #appList tr th:nth-child(3) {width:30%;} .sub_t006001 #bbsform tr th p {padding:12px 5px !important;} .sub_t006001 #bbsform tr th:nth-child(1) {width:3%;} .sub_t006001 #bbsform tr th:nth-child(2) {width:15%;} /*0304(특화상품)*/ #sub_t003 #listForm .productList .cell .center {padding-top:15px;} #sub_t003 .productView .productSubject strong {font-size:50px;} #sub_t003 .productView .productSubject .productSubjectInfo {font-size:18px;} } @media screen and (max-width:767px){ /*마이페이지*/ #regist_wrap .table_basic tbody tr td{ padding:10px 0; } /*갤러리앨범*/ #listForm .docThumb .center .cell{ width:50% !important; } #listForm .docThumb .center .cell:nth-child(n+3){ margin-top:30px !important; } .document .docRead .readHeader .titleAndUser .title h4{ word-break:break-all; } #bbsform .docInput .table_basic tbody tr td{ padding:10px 0; } /*문서게시물*/ #listForm #docListBasic tbody tr td:nth-child(2){ padding:22px 10px 22px 0; } /*상담모듈*/ .boardInput #bbsform .table_basic tbody tr td{ padding:10px 0; } /*0402(점포안내)*/ .conts004002 #listForm #docListBasic colgroup col:nth-child(2){ width:50% !important; } .conts004002 #listForm #docListBasic colgroup col:nth-child(3){ width:50% !important; } .conts004002 #listForm #docListBasic thead tr th:nth-child(4){ display:table-cell !important; } .conts004002 #listForm #docListBasic tbody tr td:nth-child(4){ display:table-cell !important; } /*0304(특화상품)*/ #sub_t003 #listForm .cell {width:calc((100% - 20px)/2) !important;} #sub_t003 #listForm .cell:nth-child(n+3) {margin-top:30px !important;margin-right:20px !important;} #sub_t003 #listForm .cell:nth-child(2n) {margin-right:0 !important;} #sub_t003 .product>div:nth-of-type(3) div>p img {width:calc((100% - 20px ) /2) !important;} #sub_t003 .product>div:nth-of-type(3) div>p img:nth-of-type(2n) {margin-right:0} #sub_t003 .product>div:nth-of-type(3) div>p img:nth-of-type(n+3) {margin-top:20px;} } @media screen and (max-width:600px){ /*visual*/ #subVisual .content h3{ font-size:52px; margin-top:10px; } #subVisual .content .s_menu{ width:calc(100% - 50px); } #subVisual .content .s_menu .subMenu .container .row .parent .parents{ justify-content:center; } /*로그인*/ #login_wrap #login_container{ width:100% !important; } /*비밀번호찾기*/ #regist_wrap .find_pass{ flex-wrap:wrap; } #regist_wrap .find_pass>.center{ width:100%; margin:0 0 100px 0; } #regist_wrap .find_pass>.center form p:nth-of-type(2){ min-height:initial; } /*갤러리앨범*/ .searchBox .selectBox #sh{ width:120px; } .searchBox .selectBox span:nth-of-type(2){ width:calc(100% - 193px); } .document .docRead .readHeader .titleAndUser .title h4{ font-size:20px; } .document .docRead .readHeader .titleAndUser .author{ margin:15px 0 5px 0; } .document .docRead .readHeader .titleAndUser .author .nowrap strong{ font-size:14px; } .document .docRead .readHeader .titleAndUser .author .nowrap em{ font-size:14px; } .document .docRead .readHeader .dateAndCount .date{ font-size:14px; text-indent:-44px; } /*0201(시장소개)*/ .p0201 .content ul{ padding:25px 15% 50px 15%; } .p0201 .content ul li h5{ font-size:24px; } .p0201 .content ul li i{ font-size:16px; } /*0202(상인회 소개)*/ .p0202 .group .line01::before{ display:none; } .p0202 .group .line01 h4{ margin:30px auto; } /*0203(오시는길)*/ .p0203 iframe{ height:350px; } .p0203 .content .title h3{ font-size:34px; } /*0204(CI소개)*/ .p0204 .top>dt{ flex-wrap:wrap; } .p0204 .top>dt h3{ width:100%; } .p0204 .top>dt .button{ width:100%; margin:20px 0 0 0; } .p0204 .top>dt .button a{ width:calc((100% - 10px) / 2); justify-content:center; } .p0204 .top>dd{ margin:30px 0 0 0; } .p0204 .top>dd .type02 ul li{ padding:25px; } .p0204 .top>dd .type02 ul li p{ top:25px; left:25px; } .p0204 .bottom:last-child>dd>ul>li{ border-radius:15px; padding:15px 15px 25px 15px; } .p0204 .bottom:last-child>dd>ul>li p{ font-size:18px; margin-top:5px; } /*0402(점포안내)*/ .conts004002 #listForm .docThumb .center .cell .viewImage p a::before{ bottom:-30px; width:60px; height:60px; } .conts004002 #listForm .docThumb .center .cell .viewImage p a::after{ bottom:-20px; width:40px; line-height:40px; font-size:14px; } .conts004002 .selectBox>select{ width:120px; } /*0601(양순이캠핑존)*/ .p0601 .content .R .img_box {flex-wrap:wrap;} .p0601 .content .R .img_box img {width:calc((100% - 10px) /2);} .p0601 .content .R .img_box img:nth-of-type(2n) {margin-right:0;} .p0601 .content .R .img_box img:nth-of-type(n+3) {margin-top:10px;} } @media screen and (max-width:500px){ /*마이페이지*/ #regist_wrap .table_list tbody{ padding:25px; } #regist_wrap .table_list tbody tr{ flex-wrap:wrap; } #regist_wrap .table_list tbody tr th{ width:100%; margin:0 0 5px 0; } #regist_wrap .table_list tbody tr th label strong{ font-size:15px; } #regist_wrap .table_basic tbody tr td .has-feedback #zipcode{ width:calc(100% - 73px) !important; } #regist_wrap .table_basic tbody tr td .has-feedback #birth{ width:calc(100% - 119px) !important; } /*갤러리앨범*/ .searchBox .selectBox #sh{ width:100%; margin-bottom:4px; } .searchBox .selectBox span:nth-of-type(2){ width:calc(100% - 70px); } .pageNavigation{ flex-wrap:wrap; margin:48px 0 !important; } .pageNavigation strong{ margin:2px !important; } .pageNavigation em{ margin:2px; } .document .docRead .readHeader{ padding:30px 0; } #bbsform .docInput .center.pd5 .btnPack{ width:100%; max-width:initial; min-width:initial; } #bbsform .docInput .center.pd5 .gray{ margin-top:-15px; } /*상담모듈*/ .boardInput #bbsform .pd10.center .btnPack{ width:calc((100% - 7px) / 2); } /*개인정보취급방침*/ #Default *{ word-break:break-all; } /*0101(황토골야시장)*/ .p0101 .data h3{ font-size:24px; } .p0101 .data h3 span{ font-size:50px; } .p0101 .data p{ font-size:18px; } .p0101 .data dl dt{ min-width:55px; font-size:14px; padding:6px 0; } .p0101 .data dl dd{ font-size:16px; margin:3px 0 0 8px; } /*0201(시장소개)*/ .p0201 .content ul{ padding:50px 25px; } .p0201 .content ul li{ width:100%; margin-right:0; margin-top:10px; } .p0201 .content ul li:first-child{ margin-top:0; } /*0203(오시는길)*/ .p0203 .content ul li{ margin-bottom:10px; padding:20px 25px; } .p0203 .content ul li img{ margin-right:25px; } .p0203 .content .button a{ padding:0 25px; } /*0204(CI소개)*/ .p0204 .top>dd .type02 ul li:first-child img{ height:45px; } .p0204 .top>dd .type02 ul li:last-child img{ height:122px; } /*0302(추진사업)*/ .p0302 dl dd table thead tr th, .p0302 dl dd table tbody tr th{ word-break:break-all; } /*0402(점포안내)*/ .conts004002 #listForm .docThumb .center .cell{ width:100%; flex-wrap:wrap; } .conts004002 #listForm .docThumb .center .cell .viewImage{ width:100%; } .conts004002 #listForm .docThumb .center .cell .center{ width:100%; margin:30px 0 0 0; } .conts004002 .selectBox>select{ width:100%; margin-bottom:4px; } /*0304(특화상품)*/ #sub_t003 .productBottom .searchBox .search {display:flex;flex-wrap:wrap;justify-content:space-between} #sub_t003 .productBottom .searchBox .search span{width:calc(100% - 72px);} #sub_t003 .productBottom .searchBox .search .center {width:100%;} } @media screen and (max-width:400px){ /*visual*/ #subVisual{ padding:50px 25px 0 25px; } #subVisual .content .s_menu .subMenu .container .row .parent .parents{ padding:12px 10px; } #subVisual .content .s_menu .subMenu .container .row .parent .parents li{ margin-right:15px; } #subVisual .content .s_menu .subMenu .container .row .parent .parents li a{ font-size:15px; } /*회원가입*/ #regist_wrap .regist_container #regForm .agreement .cube .line .center.pd10 .btnPack{ width:100%; } #regist_wrap #regist .table_basic tbody tr #birth_td .has-feedback #birth{ width:calc(100% - 115px) !important; } #regist_wrap #regist .table_basic tbody tr #birth_td .has-feedback label:nth-of-type(n+2){ margin-left:4px; } #regist_wrap #regist .pd5.center .btnPack{ width:100%; } /*마이페이지*/ #regist_wrap .pd5.center .btnPack{ width:100%; } /*갤러리앨범*/ #listForm .docInfo{ flex-wrap:wrap; } #listForm .docInfo .articleNum{ width:100%; } #listForm .docInfo .docBtn{ width:100%; } #listForm .docInfo .docBtn ul{ width:100%; } #listForm .docInfo .docBtn ul li{ width:calc((100% - 15px) / 4); } #listForm .docInfo .docBtn ul li .btnPack{ width:100%; } .searchBox .selectBox span:nth-of-type(2){ width:calc(100% - 60px); } .searchBox .selectBox .btnPack{ padding:0 15px !important; } /*상담모듈*/ .boardInput #bbsform .pd10.center .btnPack{ width:100%; max-width:initial; } .boardInput #bbsform .pd10.center .appBtn{ margin:-15px 0 0 0; } /*0101(황토골야시장)*/ .p0101 .data h3{ line-height:1; } .p0101 .data h3>span{ margin-top:5px; } .p0101 .data h3 span{ font-size:60px; } .p0101 .data h3 span span{ display:block; } .p0101 .data dl{ flex-wrap:wrap; } .p0101 .data dl dt{ min-width:50px; font-size:13px; padding:5px 0; } .p0101 .data dl dd{ width:100%; margin:5px 0 0 0; } .p0101 .program table caption{ text-align:left; } .p0101 .program ul li{ word-break:break-all; } /*0202(상인회 소개)*/ .p0202 h3{ word-break:break-all; } /*0203(오시는길)*/ .p0203 .content .button{ flex-wrap:wrap; } .p0203 .content .button a{ width:100%; margin:0 0 10px 0; } .p0203 .content .button a:last-child{ margin:0; } /*0204(CI소개)*/ .p0204 .top>dt .button{ flex-wrap:wrap; } .p0204 .top>dt .button a{ width:100%; margin:0 0 5px 0; } .p0204 .top>dd .type01 img{ height:150px; } .p0204 .top>dd .type02 ul li:first-child img{ width:100%; } .p0204 .top>dd .type02 ul li:last-child img{ width:55%; } .p0204 .bottom>dd>ul>li{ padding:25px; } .p0204 .bottom>dd>ul>li h5{ width:100%; margin:0 0 50px 0; } .p0204 .bottom>dd>ul>li>ul>li{ text-align:left; } .p0204 .bottom:last-child>dd>ul>li{ width:100%; margin:0 0 10px 0; padding:15px 25px 10% 25px; } /*0601(양순이캠핑존)*/ #bbsform .pd5.center .btnPack {width:100%;height:55px;} }