a, body, table, tr, td, div {color:#993333; font-size:12px; text-decoration:none; font-family:Arial, Batang, Dotum, Nanum Myeongjo; word-spacing:1pt;} div, input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ::-webkit-scrollbar { display: none; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #cccccc; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #cccccc; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #cccccc; } /** All Contents **/ .hsize {width:1200px;} .gal_hsize {width:1200px;} .bg {background:#1a1a1a;} .text {color:#999999; line-height:18px;} .texta_view {font-size:12px; line-height:16px; color:#cccccc;} .menu_l {width:600px; height:20px; text-align:left;} .menu_r {width:600px; height:20px; text-align:right;} span.menu {font-size:14px; color:#337799; line-height:14px; cursor: pointer;} a.menu {font-size:14px; color:#337799; line-height:14px; cursor: pointer;} a.menu:link {color:#337799;} a.menu:visited {color:#337799;} a.menu:active {color:#337799;} a.menu:hover {color:#000000;} /** Archive List **/ .menu_list {width:290px; height:200px; background:#3a3a3a; text-align:left; border:#c8c8c8 0px solid; border-radius:0px 0px 28px 0px;} .menu_listpic {width:290px; height:163px; padding-top:0px;} .menu_listvspc {height:15px;} .menu_listhspc {width:13px;} a.menu_list {text-align:center; font-size:16px; line-height:30px; color:#000000; cursor: pointer;} a.menu_list:link {color:#aaaaaa;} a.menu_list:visited {color:#aaaaaa;} a.menu_list:active {color:#aaaaaa;} a.menu_list:hover {color:#ffffff;} a.menu_num {font-size:12px; color:#6a6a6a; line-height:16px;} a.menu_num:link {color:#6a6a6a;} a.menu_num:visited {color:#6a6a6a;} a.menu_num:active {color:#6a6a6a;} a.menu_num:hover {color:#bb5544;} .spc10 {height:10px;} .spc20 {height:20px;} .spc30 {height:30px;} .spc60 {height:60px;} .title {font-size:20px; color:#2299cc; line-height:26px; font-family:Optima;} .title_bg {background:#ffffff; padding-bottom:0px; border-bottom:#dddddd 1px solid;} .title_s {font-size:16px; color:#444444; line-height:20px; padding-top:10px;} .text {font-size:12px; color:#888888; line-height:18px;} .text_bg {background:#ffffff; padding-top:5px;} /** HEAD **/ .title_bar {width:1200px; height:80px; background:#888888; text-align:center; vertical-align:bottom; color:#ffffff; font-size:14px; line-height:20px;} .head {width:1200px; height:80px; background:#888888; vertical-align:bottom;} .head_menu_l {width:323px; text-align:left; background:#a0a0a0; vertical-align:bottom;} .head_menu_r {width:900px; text-align:right; vertical-align:bottom;} .logo {color:#666666; font-family:Optima; font-size:70px; line-height:57px; padding:0 0 0 20px;} .logo_text {color:#777777; font-size:11px; vertical-align:bottom; line-height:14px; padding-bottom:10px;} .sub_title_l {width:310px; height:40px; background:#ececec; text-align:left; font-weight:bold; color:#0099cc; font-size:14px; line-height:14px; padding-left:10px;} .sub_title_r {width:880px; height:40px;} a.head_menu {background:#888888; font-size:14px; color:#ffffff; line-height:20px; font-weight:bold; text-align:center; border-radius:22px 0px 0px 0px; padding:8px 25px 8px 25px; margin-left: -5px;} /*a.head_menu:link {background:#888888; color:#ffffff;}*/ /*a.head_menu:visited{background:#888888; color:#ffffff;}*/ a.head_menu:active {background:#888888; color:#ffffff;} a.head_menu:hover {background:#666666; color:#cceeff;} .head_menu_selected {background:#909caa !important; color:#ffffff !important;} a.head_menus {background:#909090; font-size:14px; color:#ffffff; line-height:20px; font-weight:bold; text-align:center; border-radius:22px 0 0 0px; padding:8px 25px 8px 25px;} /*a.head_menus:link {background:#909090; color:#ffffff;}*/ /*a.head_menus:visited{background:#909090; color:#ffffff;}*/ a.head_menus:active {background:#909090; color:#ffffff;} a.head_menus:hover {background:#707070; color:#ffdd00;} /** WRITE **/ .input1 {width:400px; height:40px; background:#303030; font-size:13px; color:#aaaaaa; border:#4a6088 1px solid; border-radius:10px 10px 10px 10px; padding-left:10px;} .input1_l {float:left; width:100px; height:40px; font-size:13px; color:#aaaaaa; border-top:#4a6088 1px solid; border-bottom:#4a6088 1px solid; border-left:#4a6088 1px solid; border-radius:10px 0px 0px 10px; padding-left:10px;} .input1_r {float:left; padding: 0 0 0 10px; width:300px; height:40px; background:#333d48; font-size:13px; color:#aaaaaa; border:#4a6088 1px solid; border-radius:0px 10px 10px 0px; text-align:left;} .input1_r2 {float:left; width:42px; height:40px; font-size:13px; color:#aaaaaa; border:#4a6088 1px solid; border-radius:0 10px 10px 0px; text-align:center;} .input1_m {float:left; padding: 0 0 0 0px; width:258px; height:40px; font-size:13px; color:#aaaaaa; border-top:#4a6088 1px solid; border-bottom:#4a6088 1px solid; border-left:#4a6088 1px solid; border-right: none} .input1_rs {float:left; width:42px; height:40px; font-size:13px; color:#aaaaaa; border:#354466 1px solid; border-radius:0 10px 10px 0px; background:#ccf0ff; text-align:center;} .input1_pd {padding-top:30px; padding-bottom:30px;} .select_type1 { width:100%; height:100%; font-size:14px; color:#bbbbbb; text-align:left; border: none; background: url(../img/icons8-expand-arrow-14.png) no-repeat calc(100% - 9px) center; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 10px; } .input1_r_select {overflow: hidden; float:left; width:300px; height:40px; background:#333d48; border:#4a6088 1px solid; border-radius: 0px 10px 10px 0px; -webkit-border-radius:0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; text-align:left;} .input1_m.type2 {overflow: hidden; float:left; width:200px; height:40px; color:#bbbbbb; background:#333d48; border:#475a7f 1px solid; text-align:left; } .input1_r.type2 {width: 100px; border-left: none; background:#404040;} .input1_r.type3 {width: 100px; border-left: none; background:#3a3a3a;} .w_pic {width:320px; height:180px; border:#efefef 0px solid;} .w_info1 {width:400px; height:180px;} .w_info_box {position: relative; width: 400px; height: 40px; margin: 0px 15px 5px; float: left;} .w_title {width:599px; height:36px; font-size:14px; background:#354466; border-radius:10px 10px 0px 0px;} .w_title_l {width:559px; height:36px; font-size:14px; background:#354466; border-radius:10px 0px 0px 0px;} .w_title_r {width:40px; height:36px; font-size:14px; background:#50c0e0; color:#666666; border-radius:0px 10px 0px 0px; text-align:center;} .w_title span {font-size:14px; color:#cccccc; padding-left: 10px;} .w_text_bx {width:599px; height:300px; font-size:14px; background:#232d38; color:#aaaaaa; border-radius:0px 0px 10px 10px; overflow:hidden} .w_text_bx1 {width:599px; height:36px; position: relative; font-size:14; background:#232d38; color:#aaaaaa; border-radius:0 0 10px 10px; } .w_text_bx1 input[type="text"] {padding: 10px; width:100%; height:100%; font-size:13px; background: none; color:#aaaaaa; border:none;} .w_text_bx div {width: 100%; padding: 0 10px 10px 10px; overflow-y: scroll; overflow-x: none; background:#232d38; color:#aaaaaa;} .w_text_bx select {width: 100%; height:calc(100% - 3px); font-size:14px; background:none; color:#aaaaaa; border: none; padding: 0 10px 0 10px} .w_text_bx select.desktopDropDown { appearance: none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ } .w_text_bx select::-ms-expand {display: none;} /** Write Keyword Sample **/ .w_text_bx textarea {width: calc(100% - 22px); height: calc(100% - 3px); overflow:hidden; font-size:14px !important; background: none; color:#aaaaaa; border:none; padding:10px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .w_text_bx .subject {font-size: 13pt; margin: 10px 0px 7px 0px;} .w_text_bx .item {background:#232d38; padding: 5px; border-radius:3px; overflow:auto; cursor:pointer; font-family:Arial;} .w_text_bx span {display:inline-block;} .w_text_bx p {margin: 2px} .w_hspace {width:2px; height:1px;} .w_text_bx .selected {background: #4488aa; color: #ffffff;} /** TA **/ .ta_line {width:1200px; height:1px; background:#2a2a2a;} .ta_text {font-size:11; line-height:20px; color:#cccccc;} /** Back **/ a.ta_menu1 {background:#885550; font-weight:bold; font-size:14px; color:#e0e0e0; border-radius:4px; text-align:center; padding:5px 12px 4px 12px;} a.ta_menu1:link {background:#885550; color:#e0e0e0;} a.ta_menu1:visited {background:#885550; color:#e0e0e0;} a.ta_menu1:active {background:#885550; color:#e0e0e0;} a.ta_menu1:hover {background:#aa9990; color:#ffffff;} /** Wright, Save **/ a.ta_menu2 {background:#4488aa; font-weight:bold; font-size:14px; color:#e0e0e0; border-radius:4px; text-align:center; padding:5px 12px 4px 12px;} a.ta_menu2:link {background:#4488aa; color:#e0e0e0;} a.ta_menu2:visited {background:#4488aa; color:#e0e0e0;} a.ta_menu2:active {background:#4488aa; color:#e0e0e0;} a.ta_menu2:hover {background:#55cfec; color:#ffffff;} /** Cancel **/ a.ta_menu3 {background:#888888; font-weight:bold; font-size:16px; color:#ffffff; border-radius:5px; text-align:center; padding:7px 25px 7px 25px;} a.ta_menu3:link {background:#888888; color:#e0e0e0;} a.ta_menu3:visited {background:#888888; color:#e0e0e0;} a.ta_menu3:active {background:#888888; color:#e0e0e0;} a.ta_menu3:hover {background:#605550; color:#ffffff;} .ta_menu4 {background:#55ccee; font-weight:bold; font-size:16px; color:#ffffff; border-radius:5px; text-align:center; padding:7px 25px 7px 25px; border: none;} .ta_menu4:link {background:#55ccee; color:#ffffff;} .ta_menu4:visited {background:#55ccee; color:#ffffff;} .ta_menu4:active {background:#55ccee; color:#ffffff;} .ta_menu4:hover {background:#445566; color:#ffffff;} .btn_help {width: 18px; height: 18px; position: absolute; top: 10px; right: 7px; border: none; z-index: 1; background: url(../img/icons8-help-18.png) no-repeat center center;} /** Archive View **/ .div_search {width:1200px; height: 73px; padding: 20px;} .tav_title1_l {width:600px; height:32px; font-size:14px; background:#354466; color:#cccccc; border:#354466 1px solid; border-radius:10px 10px 0px 0px; padding-left:10px;} .tav_title1_r {width:600px; height:32px; font-size:14px; background:#354466; color:#cccccc; border:#354466 1px solid; border-radius:10px 10px 0px 0px; padding-left:10px;} .tav_texta1_l {width:600px; height:100px; font-size:12px; line-height:16px; color:#888888; border:#354466 1px solid; border-radius:0px 0px 10px 10px; padding:10px;} .tav_texta1_r {width:600px; height:100px; font-size:12px; line-height:16px; color:#888888; border:#354466 1px solid; border-radius:0px 0px 10px 10px; padding:10px;} .tav_texta1_r a {text-decoration: underline; color: #cccccc;} /** TA List **/ .tal_pic {width:290px; height:163px;} .tal_pic_t {width:290px; font-size:12px; color:#777777; vertical-align:top; text-align: left; padding: 0 0 10px 0;} .tal_pic2 {width:300px; height:163px;} .tal_pic2_t {width:300px; padding-bottom: 10px; font-size:12px; color:#777777; vertical-align:top; text-align: left; float:left; padding: 0} .tal_search_l {position: relative; float: left; width:120px; height: 100%; background:#e9f5f9; font-size:12px; color:#bbbbbb; border:#8dccdd 1px solid; border-radius:10px 0px 0px 10px; padding: 8px 8px 0 0; text-align:right;} .tal_search_m {position: relative; float: left; width:250px; height: 100%; background:#e9f5f9; font-size:14px; color:#666666; border-top:#8dccdd 1px solid; border-bottom:#8dccdd 1px solid; border-radius:0px; padding: 0 8px 0 0;} .tal_search_m2 {width:40px; background:#e9f5f9; font-size:14px; color:#666666; border-top:#8dccdd 1px solid; border-left:#8dccdd 1px solid; border-bottom:#8dccdd 1px solid; border-radius:0px; padding: 8px; text-align:center;} .tal_search_r {position: relative; float: left; width:120px; height: 100%; background:#e9f5f9; font-size:12px; color:#bbbbbb; border:#8dccdd 1px solid; border-radius:0 10px 10px 0px; padding: 8px 0 0 8px;} .tal_search_r_opened {width: auto; min-width: 120px;} .tal_search_pd {height: 35px; margin-left: 335px;} .tal_search_r_filter {width: 60px; height: 18px; float:left; padding-top: 0px;} .tal_search_r_opened #filter_contents { display: block; margin-right: 10px;} /** Archive List Title Color **/ .tal_title_1 {color: #999999; font-size: 13px; font-weight:bold;} .tal_title_2 {color: #aa8877;} .tal_title_3 {color: #467393;} .btn_search {width: 34px; height: 34px; position: absolute; right: 0px; border: none; z-index: 1; background: url(../img/icons8-search-18.png) no-repeat center center;} #search_intext {float: left; width: calc(100% - 25px); height:100%; border: none; font-size:12px; color:#666666; background:#e9f5f9; padding-left: 8px;} #filter_contents {float: right; display: none;} #div_fboard_keywords {display: none;} #div_fboard_filter {display: none;} .tal_hspace13 {width:13px; height:1px;} .tal_num_pd {padding-top:20px; padding-bottom:5px;} .tal_text {font-size:12px; line-height:20px; color:#cccccc;} /** TA Search **/ .tas_search_l {width:70px; height:42px; font-size:12px; color:#bbbbbb; border:#60d0f0 1px solid; border-radius:10px 0px 0px 10px; padding:6px; text-align:right;} .tas_search_m {width:350px; height:42px; font-size:14px; color:#333333; border:#60d0f0 1px solid; border-radius:0 0 0 0; padding:6px; text-align:center;} .tas_search_r {width:70px; height:42px; font-size:12px; color:#bbbbbb; border:#60d0f0 1px solid; border-radius:0 10px 10px 0px; padding:6px;} .tas_search_pd {text-align: center; padding:10px;} .tas_search_part {width: 111px; text-align: right; padding:10px;} .tas_search_content {text-align: left; padding:10px;} /***** ST *****/ .stl_pic {width:384px; height:216px;} .stl_pic_t {width:384px; padding-bottom: 10px; font-size:12px; color:#777777; vertical-align:top; text-align: left;} .stl_hspace24 {width:24px; height:1px;} .stl_title_1 {color: #0099cc; font-size: 13px; font-weight:bold;} .stl_title_2 {color: #666666;} .stl_title_3 {color: #aa8877;} .stv_title_1 {color: #0099cc; font-weight:bold;} .stv_title_2 {color: #777777;} .stv_title1_l {width:600px; height:32px; font-size:14px; background:#60d0f0; color:#ffffff; border:#60d0f0 1px solid; padding-left:10px;} .stv_title1_r {width:600px; height:32px; font-size:14px; background:#60d0f0; color:#ffffff; border:#60d0f0 1px solid; padding-left:10px;} .stv_texta1_l {width:600px; height:60px; font-size:12px; line-height:16px; color:#999999; border:#60d0f0 1px solid; padding:10px;} .stv_texta1_r {width:600px; height:60px; font-size:12px; line-height:16px; color:#bbbbbb; border:#60d0f0 1px solid; padding:10px;} .stw_pic {width:320px; height:180px; border:#000000 0px solid;} .stw_hspace50 {width:50px; height:1px;} .stw_hspace30 {width:30px; height:1px;} /*.stw_add {width:232px; height:40px; font-size:14px; color:#333333; border:#60d0f0 1px solid; border-radius:10px; padding-left:10px; margin: 0 0 20px 10px; float:left;}*/ .stw_add_s {width:232px; height:40px; font-size:13px; color:#333333; border:#60d0f0 1px solid; border-radius:10px; padding-left:10px; background:#ccf0ff;} .stw_add_n {width:232px; height:40px; font-size:13px; color:#333333; border:#ffffff 1px solid; border-radius:10px; padding-left:10px; background:#ffffff;} .stw_add_space {width:10px; height:1px;} .stw_add {float:left; width:232px; height:40px; margin-left:10px; margin-bottom: 10px; font-size:13px; color:#333333; border:#60d0f0 1px solid; border-radius:10px 10px 10px 10px; padding-left:10px;} .stw_add_div {width:232px; height:40px; margin-left:10px; margin-bottom: 10px; float:left;} .edit-season-photo {display: none;} .season_photo_btn {width:50px; height:40px; cursor:pointer; float:left; padding: 0 0 0 7px; font-size:13px; color:#333333; border:#60d0f0 1px solid; border-radius:0px 10px 10px 0px; text-align:left; background:#ccf0ff;} /** Space **/ .vspace10 {width:1200px; height:10px;} .vspace15 {width:1200px; height:15px;} .vspace20 {width:1200px; height:20px;} .vspace30 {width:1200px; height:30px;} .vspace40 {width:1200px; height:40px;} .vspace50 {width:1200px; height:50px;} .vspace60 {width:1200px; height:60px;} .vspace70 {width:1200px; height:70px;} .vspace100 {width:1200px; height:100px;} .hspace1 {width:1px; height:1px;} .hspace2 {width:2px; height:1px;} .hspace5 {width:5px; height:1px;} .hspace10 {width:10px; height:1px;} .hspace15 {width:15px; height:1px;} .hspace20 {width:20px; height:1px;} .hspace30 {width:30px; height:1px;} .hspace50 {width:50px; height:1px;} .pdl10 {padding-left: 10px;} /** Photo View **/ .photo_v_bg {background:#ffffff; border-bottom:1px solid #eeeeee; padding-bottom:7px; } .photo_v_input {background:#ffffff; border:0px; color:#888888; font-size:14px; font-family:Arial, Nanum Myeongjo; text-align:center;} .photo_v_title {color:#666666; font-size:26px; line-height:26px; font-family:Optima, Nanum Myeongjo; word-spacing:2pt;} .photo_v_text_m {color:#aaaaaa; font-size:14px; line-height:16px;} .photo_v_text_s {color:#bbbbbb; font-size:12px; line-height:14px;} .photo_v_copy {color:#c0c0c0; font-size:10px; line-height:26px;} .photo_v_close {color:#888888;} .copy {color:#cccccc; font-size:11px; line-height:13px; word-spacing:1pt;} .copy_bg {color:#666666; background:#1a1a1a; margin-top:20px; padding:10px 0 50px 0; border-top:#5a3a3a 1px solid; text-align:center;} .gal_v_bg {background:#f0f0f0; height:130px; border-bottom:0px solid #e0e0e0; padding:12px; border-radius:0px;} .photo_text1 {font-size:12px; color:#888888; line-height:17px; font-family:Arial, Nanum Myeongjo;} .photo_text2 {font-size:14px; color:#5599aa; line-height:17px; font-family:Optima, Nanum Myeongjo;} .photo_text3 {font-size:11px; color:#bbbbbb; line-height:14px; font-family:Arial, Nanum Myeongjo;} /** Gallery **/ .gal_v_bg {background:#f0f0f0; height:130px; border-bottom:0px solid #e0e0e0; padding:12px; border-radius:0px;} .gal_btm_spc {background:#ffffff; height:60px; border-bottom:#eaeaea 1px solid;} .photo_tr {height: 160px;} .photo_gl_tspc {height:60px;} .photo_gl_vspc {height:1px; background:#333333; border-bottom:1px solid #1a1a1a;} .photo_gl_bxl {background:#333333; height: 220px; border-radius:0px 0px 0px 0px; border-top:1px solid #454545;} .photo_gl_bxr {background:#3b3b3b; height: 220px; border-radius:0px 0px 0px 0px; border-top:1px solid #454545;} .photo_gl_title {font-size:24px; color:#cccccc; line-height:24px; font-family:Optima, Verdana, Nanum Myeongjo; word-spacing:0.3pt; letter-spacing:0.3pt;} .photo_gl_stitle {font-size:14px; line-height:20px; font-family:Arial, Verdana, Optima; word-spacing:0.3pt; letter-spacing:0.3pt;} .photo_gl_text {font-size:14px; color:#a0a0a0; line-height:20px; font-family:Arial, Nanum Myeongjo;} .photo_gl_stext {font-size:12px; color:#808080; line-height:14px; font-family:Arial} a.photo_view {background:#c0c0c0; font-size:14px; color:#ffffff; line-height:34px; font-family:Arial; padding-top:6px; padding-bottom:6px; padding-left:13px; padding-right:13px; border:0px solid #a0a0a0; border-radius:10px; word-spacing:0.3pt; letter-spacing:0.3pt;} a.photo_view:link {background:#c0c0c0;} a.photo_view:visited{background:#c0c0c0;} a.photo_view:active {background:#c0c0c0;} a.photo_view:hover {background:#0088bb;} a.photo_link {font-size:16px; color:#cccccc; line-height:60px; font-family:Arial; word-spacing:0.3pt; letter-spacing:0.3pt;} a.photo_link:link {color:#cccccc;} a.photo_link:visited{color:#cccccc;} a.photo_link:active {color:#cccccc;} a.photo_link:hover {color:#ffffff;} a.gal_v_close {color:#aa6666; font-size:11px; line-height:14px; font-weight:bold;} a.gal_v_close:link {color:#aa6666;} a.gal_v_close:visited{color:#aa6666;} a.gal_v_close:active {color:#aa6666;} a.gal_v_close:hover {color:#000000;} /** Contact **/ a.contact {color:#2299cc; font-size:13px; line-height:18px;} a.contact:link {color:#2299cc;} a.contact:visited{color:#2299cc;} a.contact:active {color:#2299cc;} a.contact:hover {color:#000000;} .login_bg {background:#D0EAEE; height:24px; border-top:#B0CACE 1px solid; border-bottom:#B0CACE 1px solid;} .input {border:1px solid #CCCCCC; font-family:Arial,Verdana; font-size:11px; color:#777777; background-color:#EEEEEE; height:16px;padding-top:0px} .t11in {color:#777777; font-size:11px; text-decoration:none; font-family:Arial,Dotum; line-height:0px; word-spacing:1pt;} .search {background:#F0F0F0; height:20px; border-right:#CCCCCC 1px solid; border-top:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid;} .input2 {border:1px solid #999999; color:#666666; font-size:11px; font-family:Arial; height:14px;} .input3 {border:1px solid #CCCCCC; color:#666666; font-size:11px; font-family:Arial; height:20px;} .bt {background-color:black;border-color:solid 1 black;color:white;font-family:Verdana,Tahoma;font-size:8pt} .textarea_no{font-family:tahoma,arial; font-size:11; color:#00C3F2;border:1 solid #cccccc dotted 1px;width:100%; overflow:auto} /*