/* CSS Document */ /*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */ /******************** @@공통 CSS SET ********************/ html,body,div,p,span,a,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,form,select,fieldset,input,textarea {margin:0; padding:0; border:0; list-style:none; font-family:Arial,"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif; color:#333;} body,div,span,a,input,select,textarea { text-decoration:none; } img { margin:0; border:0; padding:0px; border-collapse:collapse; } #a,img { selector-dummy: expression(this.hideFocus=true); } input,select { vertical-align:middle; } input, button { margin:0; padding:0; border:0; vertical-align:middle; } input[type=radio] { margin-top:-3px; cursor:pointer; } label { margin-left:5px; margin-right:20px; cursor:pointer; } select { height:23px; } body { margin:0 auto; width:100%; height:100%; padding:0px; font-size:12px; background-color:#FFFFFF; SCROLLBAR-FACE-COLOR:#ffffff; SCROLLBAR-SHADOW-COLOR:#ae9da5; SCROLLBAR-HIGHLIGHT-COLOR:#ffffff; SCROLLBAR-3DLIGHT-COLOR:#ae9da5; SCROLLBAR-DARKSHADOW-COLOR:#ffffff; SCROLLBAR-TRACK-COLOR:#ffffff; SCROLLBAR-ARROW-COLOR:#ae9da5; } /* p {display: block; -webkit-margin-before: 0.625em; -webkit-margin-after: 0.625em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } */ /********************@@공통 FONT 설정 ********************/ a:link {font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color: #696969; text-decoration:none;} a:visited {font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color: #696969; text-decoration:none;} a:active {font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color: #696969; text-decoration:none;} a:hover {font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color: #3C5482; text-decoration:underline;} /* .basicfont { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#696969; 0264ad} .basicfont_line { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#dedede;} .basicfont_b { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#696969; font-weight:bold;} .basiclink { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#28A8A8; text-decoration:underline;}*/ /* menu on */ .main_menu_on { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#f6ff00; font-weight:bold; text-decoration:none;} .main_menu_on a:link { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#f6ff00; font-weight:bold; text-decoration:none;} .main_menu_on a:visited { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#f6ff00; font-weight:bold; text-decoration:none;} .main_menu_on a:active { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#f6ff00; font-weight:bold; text-decoration:none;} .main_menu_on a:hover { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#f6ff00; font-weight:bold; text-decoration:none;} /* menu off */ .main_menu_off { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none;} .main_menu_off a:link { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none;} .main_menu_off a:visited { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none;} .main_menu_off a:active { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none;} .main_menu_off a:hover { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#f6ff00; font-weight:bold; text-decoration:none;} .main_menu_line { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color:#8be4e3; text-decoration:none;} /*.font_gray_11 { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:11px; color:#696969; text-decoration:none; line-height:17px;} .font_gray_11_line { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:11px; color:#dedede; text-decoration:none; line-height:17px;} .font_gray_11 a:link { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:11px; color:#696969; text-decoration:none; line-height:17px;} .font_gray_11 a:visited { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:11px; color:#696969; text-decoration:none; line-height:17px;} .font_gray_11 a:active { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:11px; color:#696969; text-decoration:none; line-height:17px;} .font_gray_11 a:hover { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:11px; color:#28A8A8; text-decoration:underline; line-height:17px;} .font_gray_11_b { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:11px; color:#696969; text-decoration:none; line-height:17px; font-weight:bold; letter-spacing:-1px;} .font_gray_11_b a:link { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:11px; color:#696969; text-decoration:none; line-height:17px; font-weight:bold;letter-spacing:-1px;} .font_gray_11_b a:visited { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:11px; color:#696969; text-decoration:none; line-height:17px; font-weight:bold;letter-spacing:-1px;} .font_gray_11_b a:active { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:11px; color:#696969; text-decoration:none; line-height:17px; font-weight:bold;letter-spacing:-1px;} .font_gray_11_b a:hover { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:11px; color:#28A8A8; text-decoration:underline; line-height:17px; font-weight:bold; letter-spacing:-1px;} .font_mc_12 { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; text-decoration:none; color:#139fc0;} .font_mc_12 a:link { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; text-decoration:none; color:#139fc0;} .font_mc_12 a:visited { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; text-decoration:none; color:#139fc0;} .font_mc_12 a:active { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; text-decoration:none; color:#139fc0;} .font_mc_12 a:hover { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; text-decoration:underline; color:#139fc0;} */ .box { border:1px solid #d1d1d1; } .box_non_top { border-style:solid; border-color:#d1d1d1; border-width:0px 1px 1px 1px; } .box_50 { width:50px; border:1px solid #d1d1d1; } .box_90 { width:90px; border:1px solid #d1d1d1; } /*비밀번호확인*/ .box_100 { width:100px; border:1px solid #d1d1d1; } .box_150 { width:150px; border:1px solid #d1d1d1; } /*게시판 검색, 로그인 */ .box_200 { width:200px; border:1px solid #d1d1d1; } .box_250 { width:250px; border:1px solid #d1d1d1; } .box_300 { width:300px; border:1px solid #d1d1d1; } .box_500 { width:500px; border:1px solid #d1d1d1; } .box_input { border:1px solid #cfcfcf; padding:5px; } .box_input2 { border:1px solid #cfcfcf; padding:5px; color:#000; font-size:13px; } .box_70per { width:70%; padding:3px; border:1px solid #d1d1d1; } .cmt_ta { font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; FONT-SIZE:9pt; COLOR:#555555; background:#FFFFFF; BORDER:1px solid #DDDDDD; PADDING:4px; scrollbar-track-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-arrow-color:#DDDDDD; } .font_red { color: #F30; } /* red */ .font_red2 { color: #E35D63 } /* red2 */ .font_white { color: white; } /* white */ .font_blue { color: #38c6f4; } /*blue */ .font_blue1 { color: #3399cc; } /*blue */ .font_vaiolet1{ color: #3d1c85; } .font_gold { color: #C18557 } /* .font_orange { color: #F90; } /* 주황색 .font_orange2 { color: #ff771c; } /* 주황색 .font_green1 { color: #009900; } /* ��� */ .font_green2 { color: #339999; } /* .font_gray1 { color: #4C4C4C; } /* gray .font_gray2 { color: #777777; } /* gray */ .font_gray3 { color: #999999; } /* gray */ /* .font_ex1 { color: #009966; } /*��� .font_ex2 { color: #9B18C1; } /*���ֻ .font_ex3 { color: #058ca5; } /*��Ȳ .font_ex4 { color: #BAD143; } /*���� */ .font_bold { font-weight:bold; } .font_nomal { font-weight:normal; } .font_underline { text-decoration:underline; } /*.f10s { font-size:10px; } .f11s { font-size:11px; } .f12s { font-size:12px; } .f14s { font-size:14px; } .f15s { font-size:15px; }*/ .bg_g1 { background-color: #47B717; } /* ��� */ .bg_red { background-color: #CC0000; } /* red */ .bg_red2 { background-color: #FFDFDF; } /* ���� red */ .bg_red3 { background-color: #FEF1E7; } /* ���� red2 */ .bg_yellow { background-color: yellow;} /* ��� */ .bg_gray1 { background-color: #4C4C4C;} /* gray */ .bg_gray2 { background-color: #777777;} /* gray ����*/ .bg_gray3 { background-color: #cccccc;} /* gray ����*/ .bg_gray4 { background-color: #F0F0F0;} /* gray ����*/ .bg_blue { background-color: #1F74BA; } /*blue*/ .bg_blue1 { background-color:#0264ad; } .bg_vaiolet1 { background-color: #333333; } /* 보라색 */ .bg_ex3 { background-color: #FF3300; } /*��Ȳ*/ .bg_white { backgroung-color: #FFF; } /* white */ .color_main { color:#0264ad; } .padding_5 { padding: 5px; } .padding_10 { padding: 10px; } .padding_15 { padding: 15px; } .padding_20 { padding: 20px; } .padding_t_50 { padding-top: 50px; } .padding_l_20 { padding-left:20px; } .padding_l_40 { padding-left:40px; } .padding_b_150 { padding-bottom: 150px; background-color:#666 } /*.padding_s1 { padding: 2px 3px; } .padding_s2 { padding: 1px 2px; } .padding_s3 { padding: 0px 5px; } .padding_s4 { padding: 3px 5px 3px 5px; } */ .padding_1pr { padding:1%; } .padding_2pr { padding:2%; } .margin_5 { margin:5px 0px; } .margin_t10 { margin-top:10px; } .margin_t20 { margin-top:20px; } .margin_t50 { margin-top:50px; } .margin_b_30 { margin-bottom:30px; } .margin_b_15 { margin-bottom:15px; } .margin_rl1 { margin:0px 2px 0 0; } /*미정 필요한 소스모음*/ .padding_t_80 {padding-top: 80px; } .padding_b_15 {padding-bottom: 15px;} .padding_b_22 {padding-bottom: 22px;} .padding_s1 {padding: 1em 1em 1em 1em; } .margin_t30 { margin-top:30px; } .bg_black { background-color: #000000; } /*black*/ .bg_white { background-color: #ffffff; } /*white*/ .font_BSize { font-size:22px; font-weight:bold; } /* Border Line버튼 게시판 */ .border0 { border-style:solid; border-width:1px; border-color:#ececec; } .border1 { padding:2px 0 2px 5px; border-style:solid; border-width:1px; border-color:#d3d3d3; } .border_no { padding:2px 0 2px 5px; border-style:none; } .btn_basic_100 { display:inline-block; width:100px; text-align:center; vertical-align:middle; line-height:20px; FONT-FAMILY:"Nanum Gothic", Tahoma, AppleGothic, sans-serif; font-size:1em; color:#00bbd7; text-decoration:none; border-style:solid; border-width:1px; border-color:#cccccc; background-color:#FFF;} .btn_basic_80 { display:inline-block; width:80px; text-align:center; vertical-align:middle; line-height:20px; FONT-FAMILY:"Nanum Gothic", Tahoma, AppleGothic, sans-serif; font-size:1em; color:#00bbd7; text-decoration:none; border-style:solid; border-width:1px; border-color:#cccccc; background-color:#FFF;} .btn_basic_60 { display:inline-block; width:60px; text-align:center; vertical-align:middle; line-height:20px; FONT-FAMILY:"Nanum Gothic", Tahoma, AppleGothic, sans-serif; font-size:1em; color:#00bbd7; text-decoration:none; border-style:solid; border-width:1px; border-color:#cccccc; background-color:#FFF;} .btn_basic_40 { display:inline-block; width:40px; text-align:center; vertical-align:middle; line-height:20px; FONT-FAMILY:"Nanum Gothic", Tahoma, AppleGothic, sans-serif; font-size:1em; color:#00bbd7; text-decoration:none; border-style:solid; border-width:1px; border-color:#cccccc; background-color:#FFF;} /* BTN */ .btn_area { width:96%; padding:2%; display:inline-table; } .btn_login { background: rgb(128, 133, 145) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; height: 35px; margin: auto; margin-top:15px; text-align: center; width:100%; cursor:pointer; border-radius:3px;} .btn_order1 { background: rgb(128, 133, 145) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; height: 35px; margin: auto; margin-top:15px; text-align: center; width: 140px; cursor:pointer; border-radius:3px;} .btn_order2 { background: rgb(255, 123, 5 ) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; height: 35px; margin: auto; margin-top:15px; text-align: center; width: 140px; cursor:pointer; border-radius:3px;} .btn_order3 { background: rgb(254, 60, 0 ) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; height: 35px; margin: auto; margin-top:15px; text-align: center; width: 140px; cursor:pointer; border-radius:3px;} /* .line0 { border-bottom:1px solid #cccccc; } .line1 { border-bottom:2px solid #cccccc; } .line2 { border-bottom:2px solid #eeeeee; } .line3 { border-bottom:1px solid #eeeeee; } .line4 { border-bottom:1px solid #b7c2e3; } .line5 { border-bottom:1px solid #98AB29; } .line6 { border-top:1px solid #98AB29; } */ .line7 { border-bottom:1px solid #e6e7e9;} /* .line8 { border-bottom:1px solid #e6e7e9;} .line_white { border-bottom:1px solid #ffffff; } */ /* .border_bottom {border-bottom:1px solid #eeeeee; } .border_c1 {border:1px solid #cccccc; } .border_c2 {border:2px solid #cccccc; } .border_c3 {border:3px solid #cccccc; } .border_e1 {border:1px solid #eeeeee; } .border_e3 {border:3px solid #eeeeee; } .border_d1 {border:1px solid #6D6D6D; } .border_d3 {border:3px solid #6D6D6D; } .border_gray {border:1px solid #cccccc; } .border_ex3 {border:1px solid #01bee0; } .border_right {border-right:1px solid #cccccc; } .border_b {border-bottom:1px solid #cccccc; } .border_b2 {border-bottom:1px solid #eeeeee; } .border_tb {border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; } border-style:solid; border-width:1px; border-color:#cdcdcd; background-color:#FFF; .width100pr { width:100%; } .width98pr { width:98%; } .width96pr { width:96%; } .width94pr { width:94%; } .width90pr { width:90%; } .width80pr { width:80%; } .width60pr { width:60%; } .width50pr { width:50%; } .width_max_750 { max-width:700px;} */ /*이미지*/ .img_box {border-style:solid; border-color:#e2e2e2; border-width:1px;} .line_h23px { line-height:23px; } .line_h25px { line-height:25px; } .line_h35px { line-height:35px; } .txt_align_l { text-align:left; } .txt_align_r { text-align:right; } .txt_align_c { text-align:center; } .vatical_top { vertical-align:top; } /********************@@ 공용_레이아웃 ********************/ header { position:fixed; left:0px; top:0px; z-index:10; width:100%; height:85px; overflow:hidden; background-image:url(../images/herder_bg.png); background-repeat: repeat-x; } nav { position:fixed; display:block; left:0px; top:124px; z-index:10; width:100%; height:40px; padding-left:1%; background-color:#FFF;} section { display:block; width:100%; margin:0; margin-top:65px; padding:0; } article { display:block; width:100%; margin:0; padding:0;} aside { display:block; width:100%; margin:0; padding:0; border:0; border-image:none; } footer { display:block; width:100%; margin:0; padding:0; border:0; border-image:none; } /********************@@TOP ********************/ header .logo { width:198px; height:44px; position: absolute; left:20px; top:10px; } /********************@@TOP PC MENU ********************/ header .navi_pc { float:right; display:inline-block; width:100%; height:82px; background-image:url(../images/navi_pc_bg.png); background-repeat: repeat-x; } .navi_pc_menu_area { float:right; display:block; width:1010px; height:82px; background-image:url(../images/navi_pc_bg.png); background-repeat: repeat-x; } .navi_pc_menu_box { float:left; display:inline-block; margin:20px 0 0 15px; } .navi_pc_menu_box li { margin:0; display:inline-block; padding:5px 30px 0 0; } .navi_pc_menu_box a { display:block; } .navi_pc_menu_box li a { font-family:Arial; font-size:1.2em; color:#fff; font-style:italic;} .navi_pc_menu_box li a:active { text-decoration:none;} .navi_pc_menu_box li a:hover { color:#C1A65F; text-decoration:none;} .navi_pc_smenu1 { float:left; display:inline-block; margin:20px 0 0 15px; } .navi_pc_smenu2 { float:left; display:inline-block; margin:17px 0 0 30px; } .navi_pc_smenu2 li { display:inline; } /**************** TOP MOBILE MENU St ****************/ .siteMapBtn { position: fixed; top: 10px; /*right: 40px;*/ right:20px; z-index:50; } .siteMapBtn p { display: block; cursor: pointer; padding:7px; transform: translate3d(0, 0, 0); transition: transform .4s; background-color:#333333; } .siteMapBtn button { background-color:#333333; } #leftmenuAreaBG { position:fixed; top:0; left:0; display:none; z-index:19; width:100%; height:100%; background: rgba(0, 0, 0, 0.8); overflow: auto; } #leftmenuArea { position:fixed; top:0; left:-260px; display:none; z-index:20; /*width:70%;*/ width:250px; height:100%; background: rgba(47, 47, 47, 1); overflow:auto; } #leftmenuBox { position:relative; overflow:auto; overflow-x:hidden; height:100%; } .m_menu_gubun { width:99%; height:25px; text-align:right; padding-top:12px; padding-right:1%; color:#d2d1d6; letter-spacing:5px;} .m_menu_gubun a { font-size:0.9em; color:#9b9a9a; letter-spacing:0px; text-decoration:none;} .m_menu_search { float:left; width:100%; display:inline; overflow:hidden; margin:10px 10px 0 10px; } .m_menu_search input { float:left; width:88%; height:28px; display:inline; vertical-align:top; border:5px solid #21d2cf; font-size:16px; } .m_menu_member { display:block; width:220px; padding:0 15px 15px 15px;} .m_menu_member .btn { display: table-cell; } .m_menu_member :first-child.btn { padding-right: 0px; } .m_menu_member .btn .btn-register { background: rgb(58, 58, 58); } .m_menu_member .btn .btn-flipboard { background: rgb(140, 140, 140); } .m_menu_member li { display:block; width:100%; color:#b4b4b4;} .m_menu_member li a { color:#b4b4b4; } .m_menu_member .btn2 { display: table-cell; } .m_menu_member .btn2 a { display: block; width:220px; text-align:center; background:#ffcc00; padding:7px 0px; border-radius:3px; color:#333333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } .m_member_infor { display:block; width:220px; padding:15px; } .m_member_infor .mvdate_tit_le { display:inline-block; width:44px; height:43px; text-align:center; /*padding: 0px 2px 0px 2px;*/ } .m_member_infor .mvdate_tit_ri { display:inline-block; padding-left:10px; min-width:150px; vertical-align:top; line-height:20px;} .m_right_member_infor { display:block; width:172px; background-color:#FFF; padding:10px; border-style:solid; border-color:#38c6f4; border-width:3px; margin-bottom:10px; } .m_right_member_infor .mvdate_tit_le { display:inline-block; width:44px; height:43px; text-align:center; /*padding: 0px 2px 0px 2px;*/ } .m_right_member_infor .mvdate_tit_ri { display:inline-block; width:100px; padding-left:10px; vertical-align:top; line-height:20px; } .m_right_menu_member { display:inline-block; width:170px; height:31px; margin:0px; padding:0px; } .m_right_menu_member li { display:inline-block; width:85px; height:31px; margin:0px; padding:0px; } #menubox li { width:100%; height:30px; vertical-align:middle; list-style:none; display:inline-table; padding-top:15px; } #menubox .cate_a { float:left; height:30px; padding:0 0 0 15px; } #menubox .go_main { float:right; padding-right:10px; } #menubox_ls { float:left; width:100%; padding:15px 0 15px 0; font-weight:bold; background: rgb(256, 256, 256);} #menubox_ls li { padding-left:30px;} .menu { width:100%; border-bottom:1px solid #000000;} .menu a { cursor:pointer; color:#b4b4b4; } .menu .hide { display:none;} #menubox_ls2 { float:left; width:100%; padding:15px 0 15px 0; font-weight:bold;} #menubox_ls2 li { clear:both; padding-left:15px;} /********************@@MAIN ********************/ .main_01 { width:100%; height:900px; background: url("../images/top_big.jpg") no-repeat top rgb(0, 0, 0);line-height: 1.6; position: relative; min-height: 960px;} .main_01 { width:100%; display:block; height:900px; min-height: 910px; background-size: cover; line-height: 1.6;} /*.main_01 { width:100%; display:block; height:900px; min-height: 910px; background: url("../images/top_big.jpg") no-repeat top rgb(0, 0, 0); background-size: cover; line-height: 1.6;}*/ /*.main_01new { width:100%; display:block; height:900px; min-height: 910px; background: url("../images/top_181114.jpg") no-repeat top rgb(0, 0, 0); background-size: cover; /*line-height: 1.6;*/ } .main_01news { width:100%; text-align:center; vertical-align:middle; display:table; } .main_01newss { width:100%; height:900px; display:table-cell; vertical-align:middle } .main_02 { width:100%; display:block; } .main_03 { width:100%; display:block; /*background: url("../images/gallery_area_img.jpg") no-repeat top; background-size: cover;*/ background-color:#f5f5f5; position: relative;} .main_04 { width:100%; display:block;/*height:897px; background-color:#0CF; /*background-image:url(../images/main_01_bg.jpg); */ } .main_01_txtnew { display:block; width:100%; text-align:center; } .main_01_txtnew span { margin:0px; padding:0; color:#FFF; font-size:2.64em; font-family:Arial, Helvetica, sans-serif; line-height:40px; } .main_01_txt { position:relative; top:50%; width:100%; text-align:center; line-height:140px;} .main_01_txt h2 { margin:0px; padding:0; color:#3C5482; font-size:11em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-2px; } .main_01_txt span { margin:0px; padding:0; color:#454545; font-size:2.64em; font-family:Arial, Helvetica, sans-serif; line-height:60px; } /* 메인 뉴스 */ #news_list_ar { width:100%; margin:0 auto; max-width:1160px; padding: 120px 0 120px 0px; } .det_list { width:100%; margin:0 auto; max-width:1130px; display:block; overflow: hidden; margin-bottom:50px;} .det_list .list_tit_le { width:64%; height:25px; display:inline-block; background-image:url(../images/area_bar_01.png); background-repeat:no-repeat; } .det_list .list_tit_le2 { width:64%; height:25px; display:inline-block; background-image:url(../images/area_bar_02.png); background-repeat:no-repeat; } .det_list .list_tit_le3 { width:64%; height:25px; display:inline-block; background-image:url(../images/area_bar_03.png); background-repeat:no-repeat; } .det_list .list_tit_ri { width:34%; height:25px; display:inline-block; text-align:right; vertical-align:top ; } .news_ls_area {width:100%;max-width:1130px; display: table; margin:0 auto;} .newslist_dat {width:31%; margin:0 auto; display:inline-block; /*max-width: 360px; min-width: 280px;/*display: table-cell;*/ margin: 5% 1% 10% 1%;vertical-align: top;} .news_date {margin:0 auto; width:100%; height:100px;} /* .news_date:after {clear: both; display: block; content: "";}*/ .newsdate_tit_le { float:left; width:5%; max-width:17px; height: 90px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight:700;text-align: right;padding-right: 5px; writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl (or vertical-rl) writing-mode: tb-lr; -webkit-writing-mode: tb-lr; -ms-writing-mode: tb-lr;/*transform: rotate(90deg);*/} .newsdate_tit_ri { width: 90%; font-weight:700; color:rgb(0,0,0); font-size:12em; letter-spacing:-10px; line-height:90px; } .new_title {width: 100%; margin-top: 15px; border-left-color: rgb(160, 160, 160); border-left-width: 1px; border-left-style: solid;} .new_title h2 {display: block; padding: 0px 20px 0px 25px; line-height:30px;; font-size: 2em; letter-spacing:-1px; font-weight:700;} .new_title p {display: block; padding: 20px 20px 10px 25px; line-height:21px; font-size: 1em; } .new_title .icon {display: block; padding:10px 0 0 25px; } /* 메인 갤러리 */ #gallery_det_ar { margin:0px auto; width:100%; max-width:1160px; display:block; padding: 120px 0px 120px 0px;} .gallery_list { margin:0 auto; max-width:1115px; display:block; text-align:center; /*background-color:#006;*/ } .gallery_list:after { content:""; display:block; clear:both;} .gall_ls_box { float:left; margin:7px; width:256px; height:256px; display:inline-block; vertical-align:top; /*background-color:#990;*/ } .gall_ls_box a { width:20%; width:256px; height:256px; display:table-cell; vertical-align:top; text-decoration:none; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; opacity:0; } .gall_ls_box a:hover { box-sizing:border-box; background:rgba(244,244,244,1); color:#FFF; opacity:1; border:7px solid #fec223; } .gall_ls_box a ul { margin:10px auto; display:block; width:222px; height:23px; } .gall_ls_box a li { width:49%; display:inline-block; color:#fec223; } .gall_ls_box .li_gubun { text-align:left; } .gall_ls_box .li_like { text-align:right; } .gall_ls_box a dl { margin:20px auto; width:222px; height:160px; } .gall_ls_box a dt { width:222px; color:#353535; font-size:1.2em; font-weight:600; padding-bottom:10px; text-align:left;} .gall_ls_box a dd { width:222px; color:#8f8f8f; font-size:1em; text-align:left; line-height:18px; } .gall_ls_box .icon { padding-top:20px; font-family:"Meiryo","MS PGothic","MS UI Gothic"; font-style:italic; font-size:0.9em; letter-spacing:0px; color:#fff; text-align:center;} /** {box-sizing: border-box;} Clearfix (clear floats) */ /* MAIN MOVIE */ #main_04_movie_area { margin:0 auto; display:block; width:100%; max-width:1160px; padding:120px 0 120px 0px; } .movie_ls_area { margin:0 auto; max-width:1130px; display:block; /*background-color:#063;*/ text-align:center; } .movie_ls_box { margin:5% 1% 2% 1%; width:31%; max-width:360px; min-width:280px; min-height:300px; display:inline-block; vertical-align:top; border:1px solid #C7CBCF;background-color:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2); } .movie_ls_box a { text-decoration:none; } .movie_img { display:block; margin:10px auto; width:95%; height:150px;} .movie_img img { width:100%; } .movie_img a:hover :after { clear: both; display: block; content: "";} .movie_title { display:block; width:100%; padding:10px 0 10px 0; } .movie_title dt { display:block; padding: 0px 10px 5px 10px; text-align:left; line-height:30px; font-family:"Meiryo","MS PGothic","MS UI Gothic"; font-weight:700; color:#363636; font-size:1.5em; letter-spacing:-1px; /*background-color:#333;*/} .movie_title dd { display:block; padding: 0px 10px 0px 10px; text-align:left; font-family:"Meiryo","MS PGothic","MS UI Gothic"; color:#363636; font-size:1.2em; line-height:18px; /*background-color:#063;*/ } /* MAIN MOVIE */ /* MAIN RIGHT SLIDE */ #right_sub_menu1 {position:fixed; top:135px; right:25px; z-index:1000; width:200px; height:180px; } #right_sub_menu1 .input_style {padding-left:5px; width:189px; height:28px; border-style:solid; border-color:#3C5482; border-width:3px; color:#3C5482; font-family:"Meiryo","MS PGothic","MS UI Gothic";} #right_sub_menu1 li {margin-bottom:8px; color:#000; font-size:1em; font-family:"Meiryo","MS PGothic","MS UI Gothic"; } #right_sub_menu2 li {height:30px; } .ls_story_01, .ls_story_02, .ls_story_03, .ls_story_04 { fill:rgba(0, 0, 0, 0); stroke:rgba(255, 255, 255, 1); } /*{fill:rgba(241, 174, 232, 1);stroke:rgba(241, 174, 232, 1);}*/ .ls_story_01_active {fill:rgba(255, 255, 255, 1); stroke:rgba(255, 255, 255, 1); } .mouse {width:30px; height:66px; position:absolute; right:-15px; bottom:-10px;} .marking_01, .marking_02, .marking_03, .marking_04 {display:none; } .marking_active {display:block; position:relative; top:-23px; left:-100px; } #right_sub_menu3 {position:fixed; right:25px; bottom:15px; z-index:1000; width:88px; height:41px; text-align:right; /*background-color:#063;*/ } #right_sub_menu4 {position:fixed; right:0px; bottom:0px; z-index:1000; padding-top:7px; width:100%; height:50px; text-align:center; background: rgba(0, 0, 0, 0.5); } #right_sub_menu4 li {display:inline-block; margin-right:10px; } /************************ @@ NEWS ************************/ .article_news { width:100%; display:block; } .article_news_area { margin:0px auto; width:100%; max-width:1160px; display:block; padding: 65px 0px 120px 0px; vertical-align:top; /*border:1px solid #F00;*/ } /* NEWS _PC_LEFT */ .con_left { /*width:25%;*/ width:290px; /*height:500px;*/ padding:0 2% 0 1%; display: inline-table; /* background-color:#960; padding:0 20px 0 80px;*/ vertical-align:top;} .con_tit { width:100%; height:35px; } .search_ar { width:100%; height:62px; } .search_ar form { background: #fff;} .search_ar input, .search_ar button { border: none; outline: none; background: transparent; } .search_ar button ' { float:right; } .search_ar input { width:80%; /*max-width:243px;*/ height: 42px; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} #tob_bar_area2, #tob_bar_area3, #tob_bar_area4,#tob_bar_ls2, #tob_bar_ls3, #tob_bar_ls4 {display:none;} .icon_bar { width:100%; display:block; background-image:url(../images/new_search_bg.jpg); background-repeat:repeat-x; } .icon_menu { width:100%; margin:0 auto; text-align:center;} .icon_menu li { width:20%; height:56px; display:inline-block; padding:0 6px 0 6px; } .rec_list_ar {padding:22px 0 22px 0; } .rec_list_ar h2 {color:rgb(44,44,44);} .rec_list {border-top:1px solid #000; box-sizing:border-box;} .rec_list li {width:100%; padding:10px 5px 0 0; border-bottom:1px solid #d3d3d3; box-sizing:border-box;} .rec_list li a {color:rgb(66,66,66); font-size:1.2em;} .rec_list li p {color:rgb(162,162,162); font-size:1em;} /* NEWS _PC_RIGHT 서브 게시판 페이지 */ .con_right { width:812px; height:500px; display:inline-table; vertical-align:top; } .post { display:block; border: solid 1px rgba(160, 160, 160, 0.3);/*margin: 0 0 2em 0; */ padding:15px 25px 15px 25px; margin-bottom:30px; } .post .btn_top { display:block; width:100%; height:15px; text-align:right; vertical-align:top; } .post_date { margin:0 auto; width:100%; padding:0px 0 5px 0; text-align:left; } .post_date:after { clear: both; display: block; content: "";} /*.post_date p { font-size: 1em; }*/ .post_date .date_tit_le { display:inline-block; width:2%; min-width:17px; max-width:20px; color:rgb(162, 162, 162); font-size:1em; font-weight:bold; margin-top:2%; text-align:right; padding-right:5px; writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl (or vertical-rl) writing-mode: tb-lr; -webkit-writing-mode: tb-lr; -ms-writing-mode: tb-lr; } .post_date .date_tit_mi { display:inline-block; width:12%; min-width:75px; max-width:80px; color:rgb(0, 0, 0); font-size:5.2em; font-weight:bold; } .post_date .date_tit_ri { display:inline-block; width:84%; min-width:200px; border-left:1px solid #000; text-align:left; } .post_date .date_tit_ri2 { display:inline-block; width:84%; min-width:200px; } .post_date .date_tit_ri h2 { width:90%; color: rgb(28, 28, 28); font-size:1.5em; margin-left:10px; line-height:25px; } .post_del { text-align:left; } .post_del .image.featured img { display:block; width:100%; margin:2% 0 4% 0; } .post_social_area { width:96%; padding:2%; display:block; background:rgb(242,242,242);} .post_social_area .le { display:inline-block; width:30%; height:26px; line-height:26px; font-size:0.875em; font-weight:600; color:rgb(254,194,35); padding:0 0px 0 2px; letter-spacing:-1px;} .post_social_area .le img { vertical-align: middle; } .post_social_area .le:after {clear: both; display: block; content: "";} .post_social_area .ri { display:inline-block; width:67%; height:26px; text-align:right; } .post_social_area .ri li { display:inline-block; height:26px; padding-right:10px; /*line-height:26px;*/ } /* {box-sizing: border-box;} */ .pagination { width:100%; margin:30px auto; display:block; /*padding:30px 0 30px 0;*/ height:24px; text-align:center; } .pagination li { display:inline-block; line-height:20px; box-sizing:border-box; width:24px; height:24px; vertical-align:bottom !important; border:1px solid #ffffff;} .pagination .currentpage { width:24px; height:24px; color:rgb(160,160,160); line-height:20px; box-sizing: border-box; border:2px solid #FEC223; text-align:center; } .pagination img { margin-top:4px;} .pagination02 { clear:both; /*margin:50px auto;*/ width:100%; height:24px; text-align:center; } .pagination02 li { display:inline-block; width:24px; height:24px; padding-top:3px; font-size:13px; border:1px solid #cecece; box-sizing: border-box; color:#fff; vertical-align:bottom !important;} .pagination02 .currentpage { color:rgb(160,160,160); box-sizing: border-box; border:2px solid #FEC223; color:#fff; background-color: #FEC223; text-align:center; } .pagination02 img { margin-top:-4px;} /************************ @@ PROFILE ************************/ .article_profile { width:100%; display:block; } .article_profile_area { margin:0px auto; width:100%; max-width:1160px; display:block; padding: 65px 0px 120px 0px; vertical-align:top;} /* 서브 프로필 페이지*/ .sub_con_ar { width:100%; display:block; } .con_tit { width:98%; height:35px; padding: 0 1% 0 1%; } .sub_pro_top { width:98%; margin:0 1% 0 1%; display:block; background-image:url('../images/sub/sub_profile_bg_03.jpg' ); background-size: cover; background-repeat:no-repeat; background-position:40% 50%; background-size:100%;} .profile_area { display:block; margin-top:20px; text-align:center; } .profile_ls { display:inline-block; margin-bottom:20px; width:18%; height:18%; max-width:200px; min-width:106px; } .profile_ls dt { padding:5px; font-weight:bold; } .profile_ls dd { padding:3px; font-weight:bold; color:#666; } .text_block_top { display:block; width:90%; } .text_block_top h2 { font-family: Arial; color:rgb(0,0,0); font-size:6em; font-weight:700; line-height:1em; letter-spacing:-3px;padding-bottom:0.15em;} .text_block_top p { color:rgb(44,44,44); /*font-size:14px;*/font-size:1em; padding-top:20px; line-height:21px;} .text_blockp { width:60%; display:block; padding:2% 1% 2% 1%; } .text_blockp_tb { width:100%; margin-top:1%; } .text_blockp_tb td { text-align:left; padding:6px; } .text_blockp_tb td:first-child { width:100px; max-width:110px; text-align:left; font-weight:bold; } .sub_pro_top_02 { display:none; } .sub_pr_con_list { display:none; } .profile_list_le_area { display:inline-block; width:43.5%; margin:4% 1% 0 1%; padding:2% ; background-color:#ecf1f5; } .profile_list_le { width:100%;} .profile_list_le .tit { width:100%; height:45px; } .profile_list_le span img { float:right; } .profile_list_le_ls { display:block; padding:1% 3% 3% 3%; background-color:#fff; } .profile_list_le_ls table { margin:0; padding:0; width:100%; border-collapse:collapse; } .profile_list_le_ls td { height:32px; text-align:left; padding:6px; border-bottom:#d3d3d3 1px solid; } .profile_list_le_ls td:first-child { text-align: left;} .profile_list_le_ls .no_line { border-bottom-width:0px; } .profile_list_ri_area { display:inline-block; width:43.5%; margin:4% 1% 0 1%; padding:2% ; background-color:#ecf1f5; } .profile_list_ri { width:100%; } .profile_list_ri .tit { width:100%; height:45px; } .profile_list_ri span img { float:right; } .profile_list_ri_ls { display:block; padding:1% 3% 3% 3%; background-color:#fff; } .profile_list_ri_ls table { margin:0; padding:0; width:100%; border-collapse:collapse; } .profile_list_ri_ls td { height:32px; text-align:left; padding:6px; border-bottom:#d3d3d3 1px solid; } .profile_list_ri_ls td:first-child { text-align: left;} .profile_list_ri_ls .no_line { border-bottom-width:0px; } .sub_pr_con_list02 { width:94%; display:block; margin:2% 1% 1% 1%; padding:2% 2% 0 2%; background-color:#ecf1f5; } /* PROFILE Tab */ .gallerytab { width:100%; margin:0 auto; padding:20px 0 0 0;} .gallerytab ul { display:table; width:100%;;} .gallerytab ul:after { content:""; display:block; clear:both;} .gallerytab ul li { display:table-cell; width:20%; text-align:center; height:50px; vertical-align:middle; } .gallerytab ul li.on:first-child { display:table-cell; background:#ffffff; font-size:13px; border:1px solid #cccccc; border-bottom:none; text-decoration:none; cursor:pointer } .gallerytab ul li.on { display:table-cell; background:#ffffff; font-size:13px; border:1px solid #cccccc; border-bottom:none; border-left:none; text-decoration:none; cursor:pointer } .gallerytab ul li.off:first-child { display:table-cell; background:#ecf1f5; font-size:13px; border:1px solid #cccccc; cursor:pointer } .gallerytab ul li.off { display:table-cell; background:#ecf1f5; font-size:13px; border:1px solid #cccccc; border-left:none; cursor:pointer } /************************ @@ MOVIE ************************/ /* LEFT MOVIE LIST */ .movieList_le {display:block; text-align:left;} .movieList_le li { margin:1px 1px 20px 1px; display:inline-block; vertical-align:top; text-align:center;} .movieList_le li img { /*width:266px;*/ width:286px; height:160px; } .movieComt_ls_box { width:286px; height:160px; display:inline-block; vertical-align:top; } .movieComt_ls_box a { width:286px; height:160px; display:table-cell; vertical-align:top; text-decoration:none; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; opacity:0;} .movieComt_ls_box a:hover { background:rgba(0,0,0,0); opacity:1; } .movieComt_ls_box .play_time { position:relative; top:-30px; left:225px; z-index:5; padding-top:3px; width:50px; height:17px; background-color:#000; color:#FFF; } #movieComt_ls_box_layer { position:relative; top:0; left:0; z-index:3; width:286px; height:160px; overflow:hidden; } #movieComt_ls_box_layer .movie_bg { position: absolute; top:0; left:0; z-index:4; width:286px; height:160px; background-color:#000; opacity:0.5; } #movieComt_ls_box_layer .movie_bg:after { clear: both; display: block; content: "";} #movieComt_ls_box_layer .on_play { position:absolute; top:0px; left:0; z-index:5; width:286px; height:160px; color:#FFF; border:7px solid #fec223; box-sizing:border-box;} #movieComt_ls_box_layer .on_play img { width:56px; height:51px; margin-top:50px; } #movieComt_ls_box_layer .over_play { position:absolute; top:0px; left:0; z-index:5; width:286px; height:160px; color:#FFF; } #movieComt_ls_box_layer .over_play img { width:49px; height:50px; margin-top:50px; } #movieComt_ls_box_layer .eene_btn { position:absolute; top:0; left:0; z-index:5; width:286px; height:160px; color:#FFF; } #movieComt_ls_box_layer .eene_btn img { width:46px; height:20px; margin-top:70px; } /*RIGHT MOVIE COMMNET*/ .con_right1 {width:812px; height:500px; display:inline-table; vertical-align:top;} .movieBig {display:block; border: solid 1px rgb(211, 211, 211); background-color: rgb(245, 245, 245);/*padding:20px 20px 40px 20px;*/padding:10px 10px 40px 10px;} .movieBig_del .image.featured img {display:block; width:100%; margin:0 0 2% 0;} .movieBig_del h2 {color: rgb(51, 51, 51); font-size:1.5em; padding:16px 16px 0 16px; margin-bottom:20px;line-height:25px;} .movie_icon ul {width:96%; padding:2%; display:block; border: solid 1px rgb(211, 211, 211); background-color: rgb(255, 255, 255);} .movie_icon li {width:49%; display:inline-block; color:rgb(74,74,74); font-weight:600;} .movie_icon .li_like img {text-align:left; vertical-align:middle; } .movie_icon .li_gubun {text-align:right;} .movie_icon .li_gubun .icon_txt {font-size:16px; color:#FEC223; font-weight:600; padding-left:5px;} .movieComt_ar {padding:2%;display:block;} .movieComt_del {padding:10px 10px 10px 0px; color:rgb(74,74,74); font-weight:600; } .movieComt_del .icon_txt_02 {color:#FEC223; font-weight:600; padding-left:10px;} .movieCom_name {position:relative; display:block; width:100%;} .mv_date_tit {margin:0 auto; width:100%; padding:10px 0 5px 0; display:block; } .mv_date_tit:after {clear: both; display: block; content: "";} .mv_input_but ul {width:96%; border-bottom: 1px solid #d3d3d3; font-weight:600; color:rgb(51,51,51);padding:10px;} .mv_input_but li {width:49%; display:inline-block; color:rgb(74,74,74); font-weight:600;} .mv_txt {text-align:left; } .mv_but {text-align:right;} .mv_but .cancel {border: solid 1px rgb(211, 211, 211); background-color: rgb(245, 245, 245); padding:2px 10px 2px 10px;} .mv_but .submitIn {background-color: rgb(254, 194, 35); padding:2px 10px 2px 10px; border: solid 1px rgb(254, 194, 35);} .mv_date_tit {margin:0 auto; width:100%; padding:10px 0 5px 0;} .mv_date_tit:after {clear: both; display: block; content: "";} .nobody01 { background-color: rgb(254,194,34); } /* 노란인 */ .nobody02 { background-color: rgb(51,153,204); } /* 파란인 */ .nobody03 { background-color: rgb(102,204,204); } /* 파란인2 */ /*MORE*/ .pagination03 {width:100%; text-align:center; height:32px;background-image:url(/images/sub/sub_pagbar.png); background-repeat:repeat-x; border:solid 1px rgb(204, 204, 204);} .pagination03 a {width:100%;} .pagination03 img {padding:12px 0 10px 0;} @media screen and (max-width: 360px) { /*.mv_name_sel, .mvtext, input[type=subject] {width: 98%; margin-top: 0;}*/ .mvtext {float:left; width:86%; margin-right:5px;} } /********************* BOARD ********************************/ .con_right1 {width:812px; display:inline-table; vertical-align:top;} .movieBig {display:block; border: solid 1px rgb(211, 211, 211); background-color: rgb(245, 245, 245);padding:10px; margin-bottom:30px;} .movieCom_name {position:relative; display:block; width:100%; } .mv_date_tit {margin:0 auto; width:100%; padding:10px 0 10px 0; text-align:left; } .mv_date_tit:after {clear: both; display: block; content: "";} /* .mv_date_tit .mvCom_cot_le {display:inline-block; min-width:40px; max-width:40px; text-align: right; background-color: rgb(254,194,35); margin:0px 0 10px 0px; padding: 0px 2px 2px 2px;} .mv_date_tit .mvCom_cot_ri {display:inline-block; width:92%; height:100px font-weight:bold; vertical-align:top; } .mvCom_cot_ri textarea {width:100%; padding:0px 10px 0px 10px; margin:0px; border: none; border: solid 1px rgb(211, 211, 211); background-color: rgb(255, 255, 255); font-size:12px; } .mv_date_tit .mvCom_cot_le {float:left; width: 100%; margin:5px 0 10px 0px;padding: 10px 2px 2px 2px;} .mv_date_tit .mvCom_cot_ri {overflow: hidden; padding-left:10px;} .mv_date_tit .mvCom_cot_ri input[type=text],textarea {width:100%; padding: 10px; margin: 0; box-sizing: border-box; border: none; border: solid 1px rgb(254, 194, 35);background-color: rgb(255, 255, 255); font-size:12px; margin-top:5px; } */ /*.mv_date_tit .mvCom_cot_le { float:left; width:100%; text-align: right; margin:5px 0 10px 0px;padding: 10px 2px 2px 2px;} */ .mv_date_tit .mvCom_cot_le { float:left; width:44px; text-align:center; margin:5px 0 10px 0px; /*padding: 10px 2px 2px 2px;*/} .mv_date_tit .mvCom_cot_ri { overflow: hidden; padding-left:10px; } /*.mvCom_cot_ri input[type=text],textarea {width:100%; padding: 10px; margin: 0; box-sizing: border-box; border: none; border: solid 1px rgb(254, 194, 35);background-color: rgb(255, 255, 255); font-size:12px; margin-top:5px;}*/ .mv_date_tit .mvCom_cot_ri textarea { width:100%; padding-left: 3px; box-sizing: border-box; border: solid 1px rgb(254, 194, 35); background-color: rgb(255, 255, 255); font-size: 12px; margin-top: 5px; } /*방명록 리스트*/ .mv_date_tit .mvdate_tit_le { float:left; width:44px; height:43px; text-align:center; } .mv_date_tit .mvdate_tit_ri { overflow: hidden; padding-left:10px; min-width:150px; padding:0 2px 2px 10px; vertical-align:top; line-height:20px;} .mv_date_tit .mvdate_tit_ri h2 {color:rgb(51, 51, 51); font-size:1em; line-height:21px;} .mvis_date {color:rgb(153, 153, 153); padding:0 0 10px 10px; font-weight:normal;} .mv_input_but ul {width:96%; border-bottom: 1px solid #d3d3d3; font-weight:600; color:rgb(51,51,51); padding:10px; margin-bottom:10px; } .mv_input_but li {width:49%; display:inline-block; color:rgb(74,74,74); font-weight:600;} .mv_txt {text-align:left; } .mv_but {text-align:right;} .mv_but .cancel {border: solid 1px rgb(211, 211, 211); background-color: rgb(245, 245, 245); padding:2px 10px 2px 10px;} .mv_but .submitIn {background-color: rgb(254, 194, 35); border: solid 1px rgb(254, 194, 35); padding:2px 10px 2px 10px; } /*MORE*/ .pagination033 {width:100%; text-align:center; height:32px;} .pagination033 a {width:100%;} .pagination033 img {padding:12px 0 10px 0;} .post_del a { color: #3C5482; } .post_del a:link {font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color: #3C5482; text-decoration:none;} .post_del a:visited {font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color: #3C5482; text-decoration:none;} .post_del a:active {font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color: #3C5482; text-decoration:none;} .post_del a:hover {font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, Arial,sans-serif; font-size:12px; color: #3C5482; text-decoration:underline;} /*RIGHT MOVIE COMMNET 무비페이지랑 공통부분 난중합칠예정*/ /************************ @@ BOARD ************************/ /*상단 댓글 입력 수정*/ .nobody01 { background-color: rgb(254,194,34); } /* 노란인 */ .nobody02 { background-color: rgb(51,153,204); } /* 파란인 */ .nobody03 { background-color: rgb(102,204,204); } /* 파란인2 */ /* .mv_date_tit .mvCom_tit_le { display:inline-block; min-width:30px; max-width:30px; height:33px; text-align: right; padding:0px 2px 0px 2px;} .mv_date_tit .mvCom_tit_le img { margin-top:8px; } .mv_date_tit .mvCom_tit_ri { overflow: hidden; padding-left:10px; } .mvCom_tit_ri input[type=text] { width:100%; padding: 10px; margin: 0; box-sizing: border-box; border: none; border: solid 1px rgb(211, 211, 211);background-color: rgb(255, 255, 255); font-size:12px; color:rgb(153,153,153); } .mvCom_tit_ri .mvcomm_txt input[type=text],textarea {width:100%; padding: 10px; margin: 0; box-sizing: border-box; border: none; border: solid 1px rgb(211, 211, 211);background-color: rgb(255, 255, 255); font-size:12px; margin-top:5px;} .mvCom_tit_le img 　　　 {width:22; height:22px; vertical-align:bottom;} */ .mv_date_tit .mvCom_tit_le {float:left; width:100%; min-width:30px; max-width:30px; height:33px; text-align: right; /*margin:10px 0 10px 0px;*/ padding:0px 2px 0px 2px;}/*18.06.12수정*/ .mv_date_tit .mvCom_tit_le img { margin-top:8px; } .mv_date_tit .mvCom_tit_le2 {float:left; width:100%; min-width:34px; max-width:34px; height:33px; text-align: right; /*margin:10px 0 10px 0px; padding:0px 2px 0px 2px; */}/*18.06.12수정*/ .mv_date_tit .mvCom_tit_ri {overflow: hidden; padding-left:10px;}/*18.06.12수정*/ .mvCom_tit_ri input[type=text] { width:100%; padding: 10px; margin: 0; box-sizing: border-box; border: none; border: solid 1px rgb(211, 211, 211);background-color: rgb(255, 255, 255); font-size:12px; color:rgb(153,153,153);/* margin-left:2px;*/} .mvCom_tit_ri .mvcomm_txt input[type=text],textarea {width:100%; padding: 10px; margin: 0; box-sizing: border-box; border: none; border: solid 1px rgb(211, 211, 211);background-color: rgb(255, 255, 255); font-size:12px; margin-top:5px;} .mvCom_tit_le img /*추가 밑줄이없는것*/ .mv_input_but02 ul {width:100%; font-weight:600; color:rgb(51,51,51);padding:10px 0 10px 0;} .mv_input_but02 li {width:100%; display:inline-block; color:rgb(74,74,74); font-weight:600;} .mv_but02 {margin:20px auto; text-align:center;} .mv_but02 .cancel {border: solid 1px rgb(211, 211, 211); background-color: rgb(245, 245, 245); padding:2px 10px 2px 10px;} .mv_but02 .submitIn {background-color: rgb(254, 194, 35); border: solid 1px rgb(254, 194, 35); padding:2px 10px 2px 10px;}*/ .post_del a.more {color:rgb(11,108,189);} .movie_icon .li_commnet img {text-align:left; width:20px; vertical-align:middle; padding-left:10px;} .post02 {display:block; border: solid 1px rgba(160, 160, 160, 0.3); padding:15px 25px 15px 25px;background-color:rgb(255,255,255); } .post02 .btn_top {width:100%; height:15px; text-align:right; } .movieBig02 {display:block; background-color: rgb(245, 245, 245); border-left:solid 1px rgba(160, 160, 160, 0.3);border-right:solid 1px rgba(160, 160, 160, 0.3); border-bottom:solid 1px rgba(160, 160, 160, 0.3);padding:20px; margin-bottom:30px; } .movie_icon02 {width:96%; padding:2%; display:block;} .movie_icon02 .le {display:inline-block; width:77%; text-align:left; color:rgb(102,102,102); font-weight:600;} .movie_icon02 .le li {display:inline-block; padding-right:10px; } .movie_icon02 .le img {vertical-align: middle; width:20px;} .movie_icon02 .le li a {width:20%; font-size:0.875em; font-weight:600; color:rgb(102,102,102); padding:0 0px 0 2px;} .movie_icon02 .ri {display:inline-block; width:20%; text-align:right; } .movie_icon02 .ri li {display:inline-block; color:rgb(66,66,66); font-size:1em; font-weight:600;} .movie_icon02 .ri .icon_txt{ color:#FEC223; font-size:1.25em;} #write_area { display:none; } /********************* TABLE ********************************/ /* BASIC_TABLE */ .basic_table { margin:0 auto; width:100%; border-collapse:collapse; border-style:solid; border-width:1px 0 0 0; border-color:#ececec; FONT-FAMILY:"Meiryo","MS PGothic","MS UI Gothic";} .basic_table thead th.title_le { height:35px; text-align:center; vertical-align:middle; font-size:1.2em; font-weight:bold; COLOR:#FFF; border-style:solid; border-width:1px 1px 1px 1px; border-color:#ececec; background-color:#0B6DBD;} .basic_table thead th.title_le2 { height:35px; text-align:left; vertical-align:middle; font-size:1.2em; font-weight:bold; COLOR:#FFF; border-style:solid; border-width:1px 1px 1px 1px; border-color:#ececec; background-color:#2d2d35; padding-left:10px; } .basic_table thead th.title_ri { height:35px; text-align:center; vertical-align:middle; font-size:1.2em; font-weight:bold; COLOR:#FFF; border-style:solid; border-width:1px 1px 1px 0; border-color:#ececec; background-color:#2d2d35;} .basic_table tbody th.title_le_w { padding:3px 0 3px 10px; height:30px; text-align:center; font-size:14px; border-style:solid; border-width:0 1px 1px 0; border-color:#ececec; } .basic_table tbody td.title_ri_w { padding:3px 0 3px 10px; font-size:14px; line-height:23px; border-style:solid; border-width:0 0 1px 0; border-color:#ececec;} .basic_table tbody td.img_area { padding:20px 0 20px 0; text-align:center} .basic_table tbody td.txt_area { padding:20px 20px 20px 0; line-height:20px; text-align:right; /*border-style:solid; border-width:0 0 1px 0 ; border-color:#ececec;*/} .basic_table tbody span.annotation { color:#A00000; font-size:11px;} .basic_table tbody td.ls { padding:10px 0 10px; text-align:center; font-size:12px; border-style:solid; border-color:#ececec; border-width:0 0 1px 0; min-width:30px; } .basic_table tbody td.ls_le { padding:10px 0 10px; text-align:left; font-size:12px; border-style:solid; border-color:#ececec; border-width:0 0 1px 0; min-width:30px; } .basic_table tbody td.ls_news { padding:10px 0 10px; text-align:center; font-size:14px; font-weight:bold; border-style:solid; border-color:#dedddd; border-width:0 0 1px 0; background-color:#eae9e9; min-width:30px;} .basic_table tbody td.ls_secret { padding:3px 0 3px; text-align:center; color:#FFFFFF; border-style:solid; border-color:#ececec; border-width:0 0 1px 0;} .basic_table tbody td.ls_line { height:1px; padding:0px; background:url(../../images/board/dot_line.gif);} .basic_table tbody td.bottom_ri { padding:3px 0 3px; border-top-style:solid; border-top-width:2px; border-top-color:#ececec; text-align:right;} .basic_table tbody td.bottom_ce { padding:3px 0 3px; border-top-style:solid; border-top-width:2px; border-top-color:#ececec; text-align:center;} /* RANKING TABLE */ .basic_table_rk { margin:0 auto; width:100%; border-collapse:collapse; FONT-FAMILY:"Meiryo","MS PGothic","MS UI Gothic";} .basic_table_rk thead th { height:35px; text-align:center; vertical-align:middle; font-size:1.2em; font-weight:bold; font-size:12px; } .basic_table_rk tbody td.ls { padding:10px 0 10px; text-align:center; font-size:12px; min-width:30px; } .basic_table_rk tbody td.ls2 { padding:10px 0 10px; text-align:left; font-size:12px; min-width:30px; } .basic_table_rk tbody th.title_le_w { padding:3px 0 3px 10px; height:30px; text-align:center; font-size:14px; border-style:solid; border-width:0 1px 1px 0; border-color:#ececec; } .basic_table_rk tbody td.title_ri_w { padding:3px 0 3px 10px; font-size:14px; line-height:23px; border-style:solid; border-width:0 0 1px 0; border-color:#ececec;} .basic_table_rk tbody td.img_area { padding:20px 0 20px 0; text-align:center} .basic_table_rk tbody td.txt_area { padding:20px 20px 20px 0; line-height:20px; text-align:right; /*border-style:solid; border-width:0 0 1px 0 ; border-color:#ececec;*/} .basic_table_rk tbody span.annotation { color:#A00000; font-size:11px;} .basic_table_rk tbody td.ls_le { padding:10px 0 10px; text-align:left; font-size:12px; border-style:solid; border-color:#ececec; border-width:0 0 1px 0; min-width:30px; } .basic_table_rk tbody td.ls_news { padding:10px 0 10px; text-align:center; font-size:14px; font-weight:bold; border-style:solid; border-color:#dedddd; border-width:0 0 1px 0; background-color:#eae9e9; min-width:30px;} .basic_table_rk tbody td.ls_secret { padding:3px 0 3px; text-align:center; color:#FFFFFF; border-style:solid; border-color:#ececec; border-width:0 0 1px 0;} .basic_table_rk tbody td.ls_line { height:1px; padding:0px; background:url(../../images/board/dot_line.gif);} .basic_table_rk tbody td.bottom_ri { padding:3px 0 3px; border-top-style:solid; border-top-width:2px; border-top-color:#ececec; text-align:right;} .basic_table_rk tbody td.bottom_ce { padding:3px 0 3px; border-top-style:solid; border-top-width:2px; border-top-color:#ececec; text-align:center;} /********************* MYPAGE ********************************/ #mypageArea .tbl{margin-top:25px;border-top:2px solid #000;} .visual-area { position:relative; width:100%; height:347px; /*padding-top:100px;*/ line-height:1.4; box-sizing:border-box; overflow:hidden;} .visual-area.my { background:url("../images/sub/bg_pr_07.jpg") no-repeat top center; /*background-attachment: fixed;*/ } /* tab */ .tab {width:100%; margin-bottom:50px} .tab ul {display:table; width:100%;} .tab ul:after {content:""; display:block; clear:both;} .tab ul li {display:table-cell;width:25%; text-align:center; height:50px; vertical-align:middle; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; box-sizing:border-box;} .tab ul li:first-child {background:none; border-left:1px solid #a0a0a0;} .tab ul li:last-child {border-right:1px solid #a0a0a0;} .tab ul li a {display:block;} .tab ul li.on {position:relative; border:2px solid #000; z-index:1;} .tab ul li.on + li {background:none;} .tab ul li.on a {color:#000;} .tab.type2 li {width:33%} .tab.type2 li:first-child {width:34%} .tab.type3 li {width:50%} .tab br {display:none} /* table */ .tbl {position:relative;} .tbl table {width:100%; border-collapse:separate; border-spacing:0; text-align:center; table-layout:fixed;} .tbl table caption {position:relative; width:100%; height:auto; font-size:30px; color:#000; line-height:1.2; margin:0; text-align:left; margin-bottom:20px} .tbl table thead th {color:#666; font-weight:normal; border-top:2px solid #000; border-bottom:1px solid #d9d9d9; padding:23px 20px 24px; vertical-align:middle} .tbl table td {color:#666; /*border-bottom:1px solid #f2f2f2;*/ border-bottom:1px solid #dcdcdc;padding:21px 20px 18px; vertical-align:middle; line-height:1.6} .tbl table tbody th {color:#000; border-bottom:1px solid #f2f2f2; padding:22px 20px 22px; vertical-align:middle; line-height:1.6; font-weight:normal; background-color:#f3f3f3;} .tbl.bt table td {padding:21px 20px 21px; } .tbl table td a {vertical-align:middle;} .tbl.type2 caption {width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px; margin:-1px 0 0 0;} .tbl + .tbl {margin-top:98px} .tbl a.txt {display:inline-block; width:100%; color:#000; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .tbl a.txt:hover {text-decoration:underline} .tbl .dateCell{width:130px;text-align:right;} .tbl .dateCell2{/*width:130px;*/text-align:left;} .tbl .noData{padding:180px 0;text-align:center;font-size:30px;color:#000;} .btn-area {width:100%; text-align:center; margin:2.5em 0 0em 0;} /********************* BTN ********************************/ .login_btn #login-btn {background: rgb(255, 173, 21) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; height: 35px; line-height: 35px; margin: auto; margin-top:15px; text-align: center; width:100%; cursor:pointer; /*border-radius:3px;*/} .next-btn #next-btn {background: rgb(66, 66, 66) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; height: 35px;line-height: 35px; margin: auto; margin-top:15px; text-align: center; width:100%;/*width: 300px;*/ cursor:pointer; /*border-radius:3px;*/} .step_btn { margin: auto; width: 300px; padding-top: 12px; } .next_btn { float: left; position: relative; } .next_btn #next-btn { background: rgb(128, 133, 145); margin: auto; border-radius: 4px; border: currentColor; border-image: none; width: 147px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; font-family: "Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif; font-size: 15px; font-weight: bold; } .cancel_btn { float: right; position: relative; } .cancel_btn #cancel-btn { background: rgb(255, 255, 255); margin: auto; border-radius: 4px; border: 1px solid rgb(206, 207, 207); border-image: none; width: 147px; height: 35px; text-align: center; color: rgb(128, 133, 145); line-height: 35px; font-family: "Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif; font-size: 15px; font-weight: bold; } #btn_01 { display:inline-block; background: rgb(25, 25, 25) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-family: "Meiryo","MS PGothic","MS UI Gothic",AppleGothic,sans-serif; font-size: 15px; font-weight: bold; height: 35px;line-height: 35px; margin: auto; text-align: center; width: 150px; cursor:pointer; border-radius:3px; margin-bottom: 10px;} #btn_02 { display:inline-block; background: rgb(25, 25, 25) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-family: "Meiryo","MS PGothic","MS UI Gothic",AppleGothic,sans-serif; font-size: 15px; font-weight: bold; height: 35px;line-height: 35px; margin: auto; text-align: center; width: 150px; cursor:pointer; border-radius:3px; margin-bottom: 10px;} #btn_03 { display:inline-block; background: rgb(92, 92, 92) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-family: "Meiryo","MS PGothic","MS UI Gothic",AppleGothic,sans-serif; font-size: 15px; font-weight: bold; height: 35px;line-height: 35px; margin: auto; text-align: center; width: 150px; cursor:pointer; border-radius:3px; margin-bottom: 10px;} .btn_04 { display:inline-block; background: rgb(64, 192, 73) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-family: "Meiryo","MS PGothic","MS UI Gothic",AppleGothic,sans-serif; font-size: 15px; font-weight: bold; height: 35px;line-height: 35px; margin: auto; text-align: center; width: 150px; cursor:pointer; border-radius:3px; margin-bottom: 10px;} .btn_05 { display:inline-block; background: rgb(75, 43, 145) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-family: "Meiryo","MS PGothic","MS UI Gothic",AppleGothic,sans-serif; font-size: 15px; font-weight: bold; height: 35px;line-height: 35px; margin: auto; text-align: center; width: 150px; cursor:pointer; border-radius:3px; margin-bottom: 10px;} .page_btn {margin:0 auto; width:90%; text-align:center; padding:1% 0 3% 0; } .imgSize img { width:100%; max-width:620px; } .imgSize video { width:100%; max-width:620px; } .imgSize_store img { width:100%; max-width:800px; } /************************ @@ 반응형 St ******************************/ @media only screen and (max-width:1600px) { .hidden_1600 { display:none; } } @media only screen and (min-width:1561px) { .hidden_1561 { display:none; } } @media only screen and (max-width:1560px) { .hidden_1560 { display:none; } .show_1560 { display:block; } } @media only screen and (min-width:1245px) { .hidden_1245 { display:none; } } @media only screen and (max-width:1244px) { .hidden_1244 { display:none; } .show_1244 { display:block; } } @media only screen and (min-width:1191px) { /********************@@ FOOTER ********************/ #footer_area { margin:0 auto; text-align:center; width:100%; display:block; background:#E9E9E9 ; padding:20px 0 20px 0; } .footer-menu { width:33%; display:inline-block; text-align:right;/*background-color:#0C3;*/ } .footer-menu li { display:inline-block; padding:1%;} .footer-menu li a { color:#9f9f9f;font-size:14px; } .footer-txt { width:33%; display:inline-block; } .footer-txt .copyright { width:100%; text-align:center; display:block; margin-top:10px; font-size:12px; color:#9f9f9f; } .footer_mail { width:33%; display:inline-block; text-align:left; } .footer_mail li { display: inline-block; height:40px; /*margin-right:50px;*/ padding-right:25px; vertical-align:middle; } .footer_mail li a { color:#9f9f9f; font-size:14px; } .footer_family { padding-top:0px;} .bottom-company { margin:0px auto; max-width:700px; } .bottom-company .w33per { width:33%; display:inline-block; padding:3px 0 3px 0; text-align:center; color:#9f9f9f; } .bottom-company .w100per { width:100%; display:inline-block; padding:3px 0 3px 0; text-align:center; color:#9f9f9f; } } @media only screen and (max-width:1330px) { /********************@@ FOOTER ********************/ #footer_area { width:100%; display:block; background:#E9E9E9; padding:20px 0 20px 0; margin:0 auto; text-align:center; } .footer-menu { width:100%; display:block; text-align:center; /*background-color:#0C3;*/ } .footer-menu li { display:inline-block; padding:1%; } .footer-menu li a { color:#9f9f9f;font-size:14px; } .footer-txt { width:100%; display:block; } .footer-txt .copyright { width:100%; text-align:center; display:block; margin-top:10px; font-size:1.1em; color:#9f9f9f;} .footer_mail { width:100%; display:block; text-align:center; margin:30px 0 50px 0; } .footer_mail li { display: inline-block; height:40px; /*margin-right:50px;*/ padding-right:25px; vertical-align:middle;} .footer_mail li a { color:#9f9f9f; font-size:14px; } .footer_family { padding-top:0px;} .bottom-company { margin:0px auto; max-width:700px; } .bottom-company .w33per { width:100%; display:inline-block; padding:3px 0 3px 0; text-align:center; color:#9f9f9f; } .bottom-company .w100per { width:100%; display:inline-block; padding:3px 0 3px 0; text-align:center; color:#9f9f9f; } /*********************@@ NEWS *************************************/ .con_left { display:table; width:98%; padding:1%; margin:0px; } .con_right { display:table; width:98%; padding:1%; margin:0px; /*background-color:#03F*/ } } @media all and (max-width:999px) { .login_btn #login-btn { background:rgb(255, 173, 21) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; height: 35px; line-height: 35px; margin: auto; margin-top:15px; text-align: center; /* width: 23.5em;*/ cursor:pointer; } .next-btn #next-btn { background: rgb(66, 66, 66) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; height: 35px;line-height: 35px; margin: auto; margin-top:15px; text-align: center; /*width: 300px;*/ cursor:pointer; } } @media only screen and (max-width:920px) { /*********************@@ PROFILE *************************************/ .sub_pro_top {display:none;} .text_blockp {display:none;} .sub_pro_top_02 { width:98%; display:block; margin:0 1% 0 1%; background-image:url('../images/sub/sub_profile_bg_w.jpg' ); background-size: cover; background-repeat:no-repeat; background-position:40% 50%; } .text_block_top2 { width:60%; display:block; } .text_block_top2 h2 { font-family: Arial; color:rgb(0,0,0); font-size:4em; font-weight:700; line-height:1em; letter-spacing:-3px;padding-bottom:0.15em;} .text_block_top2 p { color:rgb(44,44,44); /*font-size:14px;*/font-size:1em; padding-top:20px; line-height:21px;} .sub_pr_con_list { width:94%; display:block; margin:4% 1% 0 1%; padding:2% ; background-color:#ecf1f5; } .profile_list_tp { width:100%; display:block; vertical-align:top; } .profile_list_tp .tit { width:100%; height:45px; } .profile_list_det { display:block; padding:1% 3% 3% 3%; background-color:#fff; } .profile_list_tp table { margin:0; padding:0; width:100%; border-collapse:collapse; } .profile_list_tp td { border-bottom:#d3d3d3 1px solid; } .profile_list_tp th, td { height:32px; text-align:left; padding:6px;} .profile_list_tp th:first-child, td:first-child {text-align: left;} .profile_list_le_area { width:94%; display:block; margin:4% 1% 0 1%; padding:2% ; background-color:#ecf1f5; } .profile_list_ri_area { width:94%; display:block; margin:4% 1% 0 1%; padding:2% ; background-color:#ecf1f5; } } @media only screen and (max-width: 770px) { /*********************@@ MAIN *************************************/ #right_sub_menu2 { display:none; } #right_sub_menu4 { position:fixed; right:0px; bottom:0px; z-index:1000; padding-top:7px; width:100%; height:40px; text-align:center; background: rgba(0, 0, 0, 0.5); } #right_sub_menu4 li { display:inline-block; margin-right:10px; } #right_sub_menu4 li img { width:30px; } .newslist_dat {display: block; width: 100%; } /*********************@@ NEWS *************************************/ .det_list .list_tit_le img {padding:10px 10px 0 0px; width:80%;} } @media only screen and (max-width: 768px) { /*********************@@ PROFILE *************************************/ .sub_pro_top_02 { width:98%; display:block; margin:0 1% 0 1%; background-image:url('' ); background-repeat:no-repeat; } .text_block_top2 { width:100%; display:block; } .text_block_top2 h2 { font-family: Arial; color:rgb(0,0,0); font-size:4em; font-weight:700; line-height:1em; letter-spacing:-3px;padding-bottom:0.15em;} .text_block_top2 p { color:rgb(44,44,44); /*font-size:14px;*/font-size:1em; padding-top:20px; line-height:21px;} } @media only screen and (max-width:740px) { .main_01 { width:100%; display:block; height:500px; min-height: 510px; background-size: cover; line-height: 1.6; } /*background: url("../images/top_big.jpg") no-repeat top rgb(0, 0, 0);*/ /* .main_01new { width:100%; display:block; height:500px; min-height: 510px; background: url("../images/top_181114.jpg") no-repeat top rgb(0, 0, 0); background-size: cover; /*line-height: 1.6;*/ } .main_01news { width:100%; text-align:center; vertical-align:middle; display:table; } .main_01newss { width:100%; height:500px; display:table-cell; vertical-align:middle } .main_01_txt { position:relative; top:35%; width:100%; text-align:center; line-height:100px; } .main_01_txt h2 { color:#3C5482; font-size:8em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-2px; } .main_01_txt span { color:#454545; font-size:1.6em; font-family:Arial, Helvetica, sans-serif; line-height:30px; } /* 상단 이미지*/ #movie_ar{margin: 0px auto; padding: 80px 20px 80px 20px; width:100%;} .movie_list, .movie_list .column {padding:0 8px 0 0;} .column {float:left; width:48.88%; margin:0 2.2% 2.6% 0;} .column:nth-child(2n) {margin-right:0;} .column:nth-child(3n) { display:none;} .mov_con h4 {text-align:center; color:rgb(51,51,51); font-size:1em; padding:10px 0 2px 0} .mov_con p {text-align:center; color:rgb(135,146,156); font-size:0.875em; padding:2px 0 5px 0} } @media only screen and (max-width:540px) { /*********************@@ PROFILE *************************************/ .text_block_top h2 { font-size:5em; font-weight:700; line-height:1em; letter-spacing:-3px; } } @media only screen and (max-width:480px) { .post_list {width:100%; margin:0 auto;} .post_list_le {width:100%; margin:0 auto;} .post_list_ri li {width:100%; margin:0 auto; margin: 0 0 0 0em;} /*********************@@ PROFILE *************************************/ .text_block_top h2 { font-size:3.5em; font-weight:700; line-height:1em; letter-spacing:-3px; } .sub_pr_con_list { width:94%; display:block; margin:4% 1% 0 1%; padding:4% 2% 4% 2%; background-color:#ecf1f5; } .profile_list_tp .tit { width:100%; height:35px; } .text_block_top2 h2 { font-family: Arial; color:rgb(0,0,0); font-size:3.5em; font-weight:700; line-height:1em; letter-spacing:-3px;padding-bottom:0.15em;} .login_btn #login-btn { background: rgb(255, 173, 21) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; height: 35px; line-height: 35px; margin: auto; margin-top:15px; text-align: center; /* width: 23.5em;*/ cursor:pointer;} .next-btn #next-btn { background: rgb(66, 66, 66) none repeat scroll 0 0; border: medium none currentcolor; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; height: 35px;line-height: 35px; margin: auto; margin-top:15px; text-align: center; /*width: 300px;*/ cursor:pointer;} .step_btn { margin:0 auto; width: 260px; padding-top: 12px; } .next_btn #next-btn { background: rgb(255, 173, 21); margin: auto; /*border-radius: 4px;*/ border: currentColor; border-image: none; width: 120px;height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; font-size: 15px; font-weight: bold;font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif; } .cancel_btn #cancel-btn { background: rgb(66, 66, 66); margin: auto; /*border-radius: 4px;*/ border: 1px solid rgb(66, 66, 66); border-image: none; width: 120px;height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; font-size: 15px; font-weight: bold;font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif;} } @media only screen and (max-width: 401px) { .main_01_txt { position:relative; top:25%; width:100%; text-align:center; line-height:100px; } .main_01_txt h2 { color:#3C5482; font-size:6em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-2px; } .main_01_txt span { color:#454545; font-size:1.6em; font-family:Arial, Helvetica, sans-serif; line-height:30px; } .pagination .paging {width:100%;margin:0 auto; text-align:center;} .post_list {width:100%;} .post_list_le {width:100%; } .post_list_ri {width:100%; display:inline-block; } /*.post_list_ri ul li {text-align:center; margin:0 0px 0 0.1em;}*/ .post_date .date_tit_le {width: 10%;margin-top:9%; } .post_date .date_tit_mi {width: 90%;} .post_date .date_tit_ri h2 {width: 100%;} } @media only screen and (max-width: 360px) { .pagination .paging {width:100%;margin:0 auto; text-align:center;} .post_date .date_tit_le {width: 10%; margin-top:9%; } .post_date .date_tit_mi {width: 90%;} .post_date .date_tit_ri h2 {width: 100%;} } @media only screen and (max-width: 320px) { #right_sub_menu4 { position:fixed; right:0px; bottom:0px; z-index:1000; padding-top:7px; width:100%; height:35px; text-align:center; background: rgba(0, 0, 0, 0.5); } #right_sub_menu4 li { display:inline-block; margin-right:10px; } #right_sub_menu4 li img { width:25px; } }