/* body{margin:0px; padding:0px; BACKGROUND: #363A42;}*/ /*body{margin:0px; padding:0px; font-family:Nanum Gothic; background:url(/bg.jpg) repeat} 백그라운드*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, hgroup, menu, section, summary, time, mark, audio, video { margin:0; padding:0; border:0px none; outline:0; vertical-align:middle; background:; font-family: 'Nanum Gothic', sans-serif; text-size-adjust:none; font-size: 100%; line-height: 1.5; letter-spacing: -0.02em; font-weight:normal; box-sizing: border-box } @import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); @font-face { /* 나눔고딕 Regular */ font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(/fonts/NanumGothic-Regular.eot); src: url(/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(/fonts/NanumGothic-Regular.woff2) format('woff2'), url(/fonts/NanumGothic-Regular.woff) format('woff'), url(/fonts/NanumGothic-Regular.ttf) format('truetype'); } @font-face { /* 나눔고딕 Bold */ font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; src: url(/fonts/NanumGothic-Bold.eot); src: url(/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(/fonts/NanumGothic-Bold.woff2) format('woff2'), url(/fonts/NanumGothic-Bold.woff) format('woff'), url(/fonts/NanumGothic-Bold.ttf) format('truetype'); } @font-face { /* 나눔고딕 ExtraBold */ font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; src: url(/fonts/NanumGothic-ExtraBold.eot); src: url(/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(/fonts/NanumGothic-ExtraBold.woff2) format('woff2'), url(/fonts/NanumGothic-ExtraBold.woff) format('woff'), url(/fonts/NanumGothic-ExtraBold.ttf) format('truetype'); } @font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; } .s_font {font-family: 'S-CoreDream-3Light';} .s_font0 {font-family: 'S-CoreDream-2ExtraLight'; } .s_font1 {font-family: 'S-CoreDream-4Regular'; } .s_font2 {font-family: 'S-CoreDream-7ExtraBold'; } .s_font3 {font-family: 'S-CoreDream-8Heavy'; } .s_font4 {font-family: 'S-CoreDream-9Black'; } .sh {text-shadow:2px 2px 2px rgba(0,0,0,0.2); } .img_round{-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;} .mfs2 {font-size:15px;} /* 숫자 */ .number { font-family:'tahoma',verdana; font-weight:800; } .num { font-family:'tahoma',verdana; line-height: 200%;} .bold { font-weight:400;} .bold100 { font-weight:100;} .bold200 {font-weight:200;} .bold300 {font-weight:300;} .bold400 {font-weight:400;} .bold500 {font-weight:500;} .bold600 {font-weight:600;} .bold700 {font-weight:700;} .bold800 {font-weight:800;} .nobold {font-weight:normal;} .nobold2 {font-weight:200; line-height: 180%;} .pd10 {padding:10px;} .pd20 {padding:20px;} .noblock {display:inline-block;} .block {display:block;} .t_bg1{background-color:#FFFFF0; } .t_bg2{background-color:#FFF5F9; } .t_bg3{background-color:#F5FDFF; } img {border: 0px;} .c_c {text-align:center; width:100%;} .c_center {text-align:center; } .c_left {text-align:left; width:100%;} .liness2 {padding:0 10px 0 5px;border-right:1px solid #8883A5;} .liness2-1 {padding:0 5px 0 5px;border-right:0px solid #8883A5;} .liness3 {padding:0 20px 0 10px;border-right:1px solid #EFEFEF;} .liness3-1 {padding:0 10px 0 10px;border-right:0px solid #8883A5;} a:link, a:visited, a:active { text-decoration:none; color:#3b3b3b; } a:hover { text-decoration:none; color:#20C8E1;} .base3{ color:#3B3B3B; background-color:#ffffff; float:right; /*position:fixed;*/ _position:absolute; width:100%; margin-right:0px; padding:15px 0px 15px 0px; border:1px solid #E3E3E3;} .base3 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;} .base3:hover{color:#FFFFFF; background-color:#191719; cursor:pointer; border:1px solid #191719;} .base4{ color:#7A7A7A; background-color:#FFFFFF; float:right; /*position:fixed;*/ _position:absolute; width:180px; margin-right:0px; padding:10px 0px 10px 0px; border:1px solid #E3E3E3;} .base4 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;} .base4:hover{color:#FFFFFF; background-color:#3B3B3B; cursor:pointer; border:1px solid #3B3B3B;} .base5{ color:#3B3B3B; background-color:#FFFFFF; float:right; /*position:fixed;*/ _position:absolute; width:150px; margin-right:0px; padding:15px 0px 15px 0px; border:1px solid #E3E3E3;} .base5 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;} .base5:hover{color:#FFFFFF; background-color:#3B3B3B; cursor:pointer; border:1px solid #3B3B3B;} .base6{ color:#3B3B3B; background-color:#FFFFFF; float:right; /*position:fixed;*/ _position:absolute; width:150px; margin-right:0px; padding:15px 0px 15px 0px; border:1px solid #E3E3E3;} .base6 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;} .base6:hover{color:#FFFFFF; background-color:#3B3B3B; cursor:pointer; border:1px solid #3B3B3B;} .base7{ color:#3B3B3B; background-color:#FFFFFF; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:100px; margin-right:10px; margin-bottom:10px; padding:15px 0px 15px 0px; border:1px solid #E3E3E3;} .base7 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;} .base7:hover{color:#FFFFFF; background-color:#3B3B3B; cursor:pointer; border:1px solid #3B3B3B;} .base7_1{ color:#3B3B3B; background-color:#FFFFFF; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; margin-right:2px; margin-bottom:10px; padding:6px 10px 6px 10px; border:1px solid #E3E3E3;} .base7_1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;} .base7_1:hover{color:#FFFFFF; background-color:#3B3B3B; cursor:pointer; border:1px solid #3B3B3B;} .base8{ color:#3B3B3B; background-color:#FFFFFF; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; margin-right:10px; margin-bottom:10px; padding:15px 15px 15px 15px; border:1px solid #E3E3E3;} .base8 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;} .base8:hover{color:#FFFFFF; background-color:#3B3B3B; cursor:pointer; border:1px solid #3B3B3B;} .base9{ color:#3B3B3B; background-color:#FFFFFF; float:right; /*position:fixed;*/ _position:absolute; width:130px; margin-right:0px; padding:15px 0px 15px 0px; border:1px solid #E3E3E3;} .base9 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;} .base9:hover{color:#FFFFFF; background-color:#3B3B3B; cursor:pointer; border:1px solid #3B3B3B;} .base10{ color:#3B3B3B; background-color:#FFFFFF; float:right; /*position:fixed;*/ _position:absolute; width:180px; margin-right:0px; padding:15px 0px 15px 0px; border:1px solid #E3E3E3;} .base10 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;} .base10:hover{color:#FFFFFF; background-color:#3B3B3B; cursor:pointer; border:1px solid #3B3B3B;} .base11{ color:#3B3B3B; background-color:#FFFFFF; float:right; /*position:fixed;*/ _position:absolute; width:145px; margin-right:0px; padding:15px 0px 15px 0px; border:1px solid #E3E3E3;} .base11 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;} .base11:hover{color:#FFFFFF; background-color:#3B3B3B; cursor:pointer; border:1px solid #3B3B3B;} .base12{ color:#FFFFFF; margin:10px 0px 0px 0px; font-weight:600; background-color:#3B3B3B; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:5px 15px 5px 15px; border:1px solid #3B3B3B;} .base12 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #FF4C4C;} .base12:hover{color:#FFFFFF; background-color:#FF4C4C; cursor:pointer; border:1px solid #FF4C4C;} .base12_1{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#FFFFFF; margin:10px 0px 0px 0px; font-weight:600; background-color:#3B3B3B; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:5px 15px 5px 15px; border:1px solid #3B3B3B;} .base12_1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #FF4C4C;} .base12_1:hover{color:#FFFFFF; background-color:#FF4C4C; cursor:pointer; border:1px solid #FF4C4C;} .base13{ color:#FFFFFF; background-color:#000000; float:none; /*position:fixed;*/ _position:absolute; width:100px; margin-right:0px; padding:5px 0px 5px 0px; border:1px solid #3B3B3B;} .base13 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #3B3B3B;} .base13:hover{color:#FFFFFF; background-color:#3B3B3B; cursor:pointer; border:1px solid #3B3B3B;} .base13_1{ color:#FFFFFF; background-color:#ED305D; float:none; /*position:fixed;*/ _position:absolute; width:100px; margin-right:0px; padding:5px 5px 5px 5px; border:1px solid #ED305D;} .base13_1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #ED305D;} .base13_1:hover{color:#FFFFFF; background-color:#ED305D; cursor:pointer; border:1px solid #ED305D;} .base13_2{ color:#FFFFFF; background-color:#008D2E; float:none; /*position:fixed;*/ _position:absolute; width:100px; margin-right:0px; padding:5px 5px 5px 5px; border:1px solid #008D2E;} .base13_2 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #008D2E;} .base13_2:hover{color:#FFFFFF; background-color:#008D2E; cursor:pointer; border:1px solid #008D2E;} .base14{ color:#FFFFFF; margin:10px 0px 0px 0px; font-weight:600; background-color:#3B3B3B; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:5px 15px 5px 15px; border:1px solid #3B3B3B;} .base14 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #FF4C4C;} .base14:hover{color:#FFFFFF; background-color:#FF4C4C; cursor:pointer; border:1px solid #FF4C4C;} .base15{ background-color:#CD0000; float:none; /*position:fixed;*/ _position:absolute; margin-right:0px; padding:0px 4px 0px 3px; border:1px solid #CD0000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .base16{ color:#FFFFFF; margin:10px; font-weight:200; background-color:#3B3B3B; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:0px 10px 0px 10px; border:1px solid #3B3B3B;} .base16 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #FF4C4C;} .base16:hover{color:#FFFFFF; background-color:#FF4C4C; cursor:pointer; border:1px solid #FF4C4C;} .base17{ color:#3B3B3B; background-color:#FFFFFF; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; margin-right:2px; margin-top:20px; padding:5px 10px 5px 10px; border:1px solid #E3E3E3;} .base17 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;} .base17:hover{color:#FFFFFF; background-color:#3B3B3B; cursor:pointer; border:1px solid #3B3B3B;} .base18{ color:#FFFFFF; background-color:#FF2C7B; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; margin-right:2px; margin-top:20px; padding:10px 20px 10px 20px; border:0px solid #FF7800;} .base18 a{color:#FFFFFF; !important; text-decoration:none; border:0px solid #4E4C5B;} .base18:hover{color:#FFFFFF; background-color:#4E4C5B; cursor:pointer; border:0px solid #4E4C5B;} .base18-1{ color:#FFFFFF; background-color:#57ACCB; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; margin-right:2px; margin-top:20px; padding:10px 20px 10px 20px; border:1px solid #57ACCB;} .base18-1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #4E4C5B;} .base18-1:hover{color:#FFFFFF; background-color:#4E4C5B; cursor:pointer; border:1px solid #4E4C5B;} .base18-2{ color:#FFFFFF; background-color:#57ACCB; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; margin-right:2px; margin-top:10px; padding:5px 10px 5px 10px; border:1px solid #57ACCB;} .base18-2 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #4E4C5B;} .base18-2:hover{color:#FFFFFF; background-color:#4E4C5B; cursor:pointer; border:1px solid #4E4C5B;} .base18-3{ color:#FFFFFF; background-color:#FF9000; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; margin-right:2px; margin-top:10px; padding:5px 10px 5px 10px; border:1px solid #FF9000;} .base18-3 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #FF9000;} .base18-3:hover{color:#FFFFFF; background-color:#FF9000; cursor:pointer; border:1px solid #FF9000;} .base18-2-1{ color:#FFFFFF; background-color:#F4F4F4; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; margin-right:2px; margin-top:10px; padding:5px 10px 5px 10px; border:1px solid #F4F4F4;} .base18-2-1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #F4F4F4;} .base18-2-1:hover{color:#FFFFFF; background-color:#F4F4F4; border:1px solid #F4F4F4;} .base18-2-2{ color:#FFFFFF; background-color:#70CB57; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; margin-right:2px; margin-top:10px; padding:5px 10px 5px 10px; border:1px solid #70CB57;} .base18-2-2 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #4E4C5B;} .base18-2-2:hover{color:#FFFFFF; background-color:#4E4C5B; cursor:pointer; border:1px solid #4E4C5B;} /*네비게이션*/ .paginate .pre_all { margin-right:6px; _padding-bottom:1px; background:url('http://static.naver.com/common/paginate/bu_pg3_l_off.gif') no-repeat 6px 9px !important; letter-spacing:-1px; padding-left:6px; padding-right:6px; padding-top:7px; padding-bottom:5px} .paginate .next_all { margin-left:4px; _padding-bottom:1px; background:url('http://static.naver.com/common/paginate/bu_pg3_r_off.gif') no-repeat 36px 9px !important; letter-spacing:-1px; padding-left:6px; padding-right:6px; padding-top:7px; padding-bottom:5px} .paginate a.pre_all { background:url('http://static.naver.com/common/paginate/bu_pg3_l_on.gif') no-repeat 6px 9px !important;} .paginate a.next_all { background:url('http://static.naver.com/common/paginate/bu_pg3_r_on.gif') no-repeat 36px 9px !important;} .paginate .pre_all, .paginate .next_all { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:0; _top:-2px; font:12px/normal 굴림, Gulim; _width /**/:50px; _height /**/:24px;} .paginate a.pre_all, .paginate a.next_all { color:#565656;} /* 페이징 */ .paginate { padding:15px 0; text-align:center;} .paginate a, .paginate strong { position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#000; text-decoration:none; border:1px solid #ffffff; font:bold 13px/normal Verdana; _width /**/:17px;} .paginate strong { color:#f23219 !important; border:1px solid #e9e9e9;} .paginate .pre { margin-right:9px; _padding-bottom:3px; background:url('http://static.naver.com/common/paginate/bu_pg3_l_off.gif') no-repeat 6px 9px !important;; padding-left:16px; padding-right:6px; padding-top:7px; padding-bottom:5px} .paginate .next { margin-left:9px; _padding-bottom:3px; background:url('http://static.naver.com/common/paginate/bu_pg3_r_off.gif') no-repeat 71px 9px !important;; padding-left:6px; padding-right:16px; padding-top:7px; padding-bottom:5px} *:first-child+html .paginate .pre, *:first-child+html .paginate .next { top:-1px; padding-bottom:3px;} .paginate a.pre { background:url('http://static.naver.com/common/paginate/bu_pg3_l_on.gif') no-repeat 6px 9px !important;} .paginate a.next { background:url('http://static.naver.com/common/paginate/bu_pg3_r_on.gif') no-repeat 71px 9px !important;} .paginate .pre, .paginate .next { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:1px; _top:-1px; font:12px/normal 굴림, Gulim; _width /**/:84px; _height /**/:24px;} .paginate a.pre, .paginate a.next { color:#565656;} .paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9;} .input_text, textarea{*margin:-1px 0;padding-right:1px;} #search .green_window{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;width:358px;_width /**/:372px;height:26px;_height /**/:40px;border:7px solid #3eaf0e;background-color:#fff;} .input_text{width:323px;height:17px;line-height:16px;border:0px none;font-weight:bold;font-size:14px;color:#000;*ime-mode:active;outline:none; margin-left:6px; margin-right:0; margin-top:5px; margin-bottom:0} /* kcm 테이블 */ .bordercolorkcm {border-collapse: collapse;border:1px solid #E3E3E3;} .bordercolorkcm2 {border:1px solid #919191;} .bordercolorkcm2 td {border:1px solid #E3E3E3;} .bordercolorkcm3 {border:0px solid #E3E3E3;} .bordercolorkcm3 td {border:0px solid #E3E3E3;} .bordercolorkcm4 {border:1px solid #919191;} .bordercolorkcm4 td {border:1px solid #919191;} .bordercolorkcm5 {border:0px solid #FFFFFF;} .bordercolorkcm5 td {border:0px solid #FFFFFF;} .bordercolorkcm6 {border:1px solid #919191;} .bordercolorkcm6 td {border:1px solid #A0CCF6;} .bordercolorkcm7 {border:1px solid #919191;} .bordercolorkcm7 td {border:1px solid #E3E3E3; text-align:center;padding:15px;} .bordercolorkcm7 .bg {background-color:#414141;} .bordercolorkcm8 {border:3px solid #FFFFFF;} .bordercolorkcm8 td {border:0px solid #E3E3E3; text-align:center;padding:15px; } .bordercolorkcm8 .bg {background-color:#0000000;} .bordercolorkcm9 {border:1px solid #919191; } .bordercolorkcm9 td {border:1px solid #E3E3E3;padding:5px 5px 5px 20px; font-size:13px;} .field {height:24px; font-size:9pt; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; LETTER-SPACING: -0.05em; font-weight:700;} .redfield2 {color:#D34747; font-weight:700; height:30px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:12pt; LETTER-SPACING: -0.05em; font-weight:700;} .redfield {color:#D34747; font-weight:700; height:40px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:16pt; LETTER-SPACING: -0.05em; font-family:'tahoma',verdana; font-weight:800; } .payfield {font-weight:700; height:40px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:16pt; LETTER-SPACING: -0.05em; font-family:'tahoma',verdana; font-weight:800; } .payfield2 {font-weight:800; height:24px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:12pt; LETTER-SPACING: -0.05em;} .field2 {height:70px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif;} .field3 {height:24px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif;} .field4 {height:24px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; LETTER-SPACING: -0.05em; font-family:'tahoma',verdana; font-weight:800; } .field5 {height:1100px; margin:0; padding:10px 10px 10px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:10pt; color:#626262; line-height: 150%;} .field6 {height:30px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif;} .field7 {height:25px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-weight:800; font-family: 'Nanum Gothic', sans-serif;} .field8 {height:1500px; margin:0; padding:10px 10px 10px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font:10pt; color:#626262; line-height: 150%; font-family: 'Nanum Gothic', sans-serif;} .field10 {height:35px; margin:0; padding:5px 5px 5px 5px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px; font-family: 'Nanum Gothic', sans-serif;} .field11 {height:200px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif;} .field12 {height:40px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif; font-size:20pt;} .field13 {height:50px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'Nanum Gothic', sans-serif;} .field14 {margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:13px; font-family: 'Nanum Gothic', sans-serif;} /* 마우스오버공통 */ .color { text-decoration:none; color:#000000; font-weight: bold;} .gray { color:#b5b5bd; } .gray_ {text-decoration: none; color: #b5b5bd;} .gray_ a:link {text-decoration: none; color: #b5b5bd;} .gray_ a:visited {text-decoration: none; color: #b5b5bd;} .gray_ a:hover {text-decoration: underline; color: #666;} .red { color:#FF0000; } .red2 { color:#FF7F7E; } .sky { color:#004BA9;} .sky2 { color:#00485E;} .sky3 { color:#00FFFC;} .pink{ color:#FF0083;} .blue { color:#004CBE;} .blue2 { color:#8E83A5;} .blue3 { color:#C5C0DE;} .green { color:#00AE6F;} .yellow { color:#FF7200;} .yellow2 { color:#FFE365;} .yellow3 { color:#E76107;} .yellow4 { color:#8E3900;} .yellow5 { color:#FDFF51;} .yellow5_ {text-decoration: none; color: #FDFF51;} .yellow5_ a:link {text-decoration: none; color: #FDFF51;} .yellow5_ a:visited {text-decoration: none; color: #FDFF51;} .yellow5_ a:hover {text-decoration: none; color: #FFFFFF;} .yellow6 { color:#FFE217;} .yellow7 { color:#FFBB50;} .yellow8 { color:#FFF000;} .gray2 { color:#6D6D6D; } .gray3 { color:#8B8B8B; } .gray4 { color:#DFDFDF; } .gray5 { color:#4B4B4B; } .gray6 { color:#929292; } .gray7 { color:#B7A29D; } .gray8 { color:#96A2B8; } .gray9 { color:#C8D3E7; } .orange {color:#FF9600;} .black { color:#000000; } .black _ {text-decoration: none; color: #000000;} .black _ a:link {text-decoration: none; color: #000000;} .black _ a:visited {text-decoration: none; color: #000000;} .black _ a:hover {text-decoration: underline; color: #15839B;} .white { color:#ffffff; } .white_ {text-decoration: none; color: #FFFFFF;} .white_ a:link {text-decoration: none; color: #FFFFFF;} .white_ a:visited {text-decoration: none; color: #FFFFFF;} .white_ a:hover {text-decoration: none; color: #fff000;} .white2_ {text-decoration: none; color: #FFFFFF;} .white2_ a:link {text-decoration: none; color: #FFFFFF;} .white2_ a:visited {text-decoration: none; color: #FFFFFF;} .white2_ a:hover {text-decoration: none; color: #00FFF6;} .fs7 {font-size:7px;} .fs8 {font-size:8px;} .fs9 {font-size:9px;} .fs10 {font-size:10px;} .fs11 {font-size:11px;} .fs12 {font-size:12px;} .fs13 {font-size:13px;} .fs14 {font-size:14px;} .fs15 {font-size:15px;} .fs16 {font-size:16px;} .fs17 {font-size:17px;} .fs18 {font-size:18px;} .fs19 {font-size:19px;} .fs20 {font-size:20px;} .fs21 {font-size:21px;} .fs22 {font-size:22px;} .fs23 {font-size:23px;} .fs24 {font-size:24px;} .fs25 {font-size:25px;} .fs26 {font-size:26px;} .fs27 {font-size:27px;} .fs28 {font-size:28px;} .fs29 {font-size:29px;} .fs30 {font-size:30px;} .fs31 {font-size:31px;} .fs32 {font-size:32px;} .fs33 {font-size:33px;} .fs34 {font-size:34px;} .fs35 {font-size:35px;} .fs36 {font-size:36px;} .fs37 {font-size:37px;} .fs38 {font-size:38px;} .fs39 {font-size:39px;} .fs40 {font-size:40px;} .fs41 {font-size:41px;} .fs42 {font-size:42px;} .fs43 {font-size:43px;} .fs44 {font-size:44px;} .fs45 {font-size:45px;} .fs46 {font-size:46px;} .fs47 {font-size:47px;} .fs48 {font-size:48px;} .fs49 {font-size:49px;} .fs50 {font-size:50px;} .fs51 {font-size:51px;} .fs52 {font-size:52px;} .fs53 {font-size:53px;} .fs54 {font-size:54px;} .fs55 {font-size:55px;} .fs56 {font-size:56px;} .fs57 {font-size:57px;} .fs58 {font-size:58px;} .fs59 {font-size:59px;} .fs60 {font-size:60px;} /*******************************2017버튼*****************************************/ /* CSS3 EFFECTS */ .hoverEffect {position:relative; margin:0px; overflow:hidden; } .hoverEffect .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; } .hoverEffect:hover>.image { transform:scale(0.9); filter: blur(0px); opacity:1; } .hoverEffect .txt {color:black; font-size:20px; top:50%; left:50%; text-align:center; position:absolute; top:0; left:0; height:100%; width: 100%; background:rgba(0,0,0,0); opacity:0; overflow:hidden; transform:scale(1.0); transition:0.3s ease; } .hoverEffect:hover .txt { background:rgba(0,0,0,0); transform:scale(1.2); opacity:1;} .hoverEffect2 {position:relative; margin:0px; overflow:hidden; } .hoverEffect2 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; } .hoverEffect2:hover>.image { transform:scale(1.2); filter: blur(0px); opacity:1; } .hoverEffect2 .txt {color:black; font-size:20px; top:50%; left:50%; text-align:center; position:absolute; top:0; left:0; height:100%; width: 100%; background:rgba(0,0,0,0); opacity:0; overflow:hidden; transform:scale(1.0); transition:0.3s ease; } .hoverEffect2:hover .txt { background:rgba(0,0,0,0); transform:scale(1.2); opacity:1;} /***************************************************************** 레이아웃 2018 **********************************************************************/ #menus {width:100%; margin:0 auto; z-index:99999999999999999999;} .img {width:100%;} .img_lineh {height: 30px;} .text_lineh { line-height: 150%;} .text_lineh2 { line-height: 50px;} .text_lineh3 { line-height: 30px;} .text_lineh4 { line-height: 20px;} .text_lineh5 { line-height: 80px;} .text_lineh6 { line-height: 25px;} .text_lineh7 { line-height: 180%;} .text_lineh8 { line-height: 200%;} .lineh1 {height: 10px;} .lineh2 {height: 20px;} .lineh3 {height: 30px;} .lineh4 {height: 40px;} .lineh5 {height: 50px;} .lineh6 {height: 60px;} .lineh100 { line-height: 100%;} .lineh120 { line-height: 120%;} .lineh150 { line-height: 150%;} .lineh160 { line-height: 160%;} .lineh170 { line-height: 170%;} .lineh180 { line-height: 180%;} .lineh200 { line-height: 200%;} .retext {letter-spacing:0.1px;} .retext1 {letter-spacing:1px;} .retext2 { letter-spacing:2px;} .retext3 { letter-spacing:3px;} .retext4 { letter-spacing:4px;} .retext5 { letter-spacing:5px;} .title_text_sq{ margin:0 auto; padding-top:150px; } .title_text_sq2{ margin:0 auto; padding-top:20px;} .title_text_sq3{ margin:0 auto; text-align:center; padding-top:200px; } .text_bg {background-color:rgba(0, 0, 0, .8); padding:5px; } .text_bg2 {background-color:rgba(0, 0, 0, .5); padding:5px; } /****************************************************************768*************************************************************************************************************/ @media (max-width:768px){ .main{width:100%; margin-right:auto;margin-left:auto; } .main2{width:100%; padding:0px 0px 0px 0px; margin-right:auto;margin-left:auto;} .main3{width:100%; padding:0px 0px 0px 0px; background:#FFFFFF; } .main4{width:100%; margin-right:auto;margin-left:auto; } .col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .col-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .col-md-3{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-md-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%} .col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%} .col-md-3-car{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:10px;} .col-reser-0{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;max-width:auto; padding:5px;text-align:center;} .col-reser-1{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; border-bottom:1px solid #F4F4F4; padding:10px;text-align:center;} .col-reser-2{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%; border-bottom:1px solid #F4F4F4; padding:10px;} .col-reser-t1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; padding:10px;text-align:center; background-color:#FDFDFD;} .col-reser-t2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; border-bottom:1px solid #F4F4F4; padding:10px;} .col-reser-t3{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4;padding:10px;text-align:center; background-color:#FDFDFD} .col-reser-t4{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:10px;} .col-reser-t5{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; padding:10px;text-align:center; background-color:#FDFDFD;} .col-reser-t6{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; border-bottom:1px solid #F4F4F4; padding:10px; border-right:1px solid #F4F4F4;} /********************************** tour ***********************************************************************************/ .col-tour-t0 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; border:1px solid #E8E8E8; padding:15px; background-color:#F9F9F9;} .col-tour-t1 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; border-bottom:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px;} .col-tour-t3 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 85%;max-width:80%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px;} .col-tour-t4 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; border-bottom:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px; } .col-tour-t5 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px;} .col-tour-t6 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; border-bottom:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px;} /********************************** member ***********************************************************************************/ .col-md-mb-1{-webkit-box-flex:0;-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%; padding: 18px 10px 10px 10px; border-bottom:1px solid #EFEFEF; background-color:#F9F9F9;} .col-md-mb-2{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%; padding: 18px 10px 10px 10px; border-bottom:1px solid #EFEFEF;} .main_texts{width:100%; margin-right:auto;margin-left:auto; padding:0px 0px 10px 10px;} .line {border:1px solid #F4F4F4;} .c_logo {text-align:center; width:100%; padding-left:20px; padding-top:20px; padding-bottom:15px; } .t_icon1 { position: relative; float: left; margin: 15px 0px 0 0px;} .t_icon2 { position: relative; float: right; margin: 15px 10px 0 0px;} .t_text1 { position: relative; float: left; margin: 5px 0px 0 0px;} .t_text2 { position: relative; float: right; margin: 5px 10px 0 10px;} .main_text {font-size:30px; font-weight:600;} .sub_text {font-size:15px; font-weight:200;} .con_text {font-size:13px; font-weight:200;} .con_textb {font-size:13px; font-weight:600;} .con_textt {font-size:18px; font-weight:600;} .text0 {font-size:13px;} .text1 {font-size:15px;} .text2 {font-size:18px;} .text3 {font-size:20px;} .text4 {font-size:24px;} .c_l {padding:5px;} .c_br {padding:5px;} .c_l1 {padding:10px;} .c_l2 {padding:20px;} .c_l3 {padding:30px;} .c_l4 {padding:40px;} .c_l5 {padding:50px;} .c_l6 {padding:60px;} .c_l7 {padding:70px;} .c_l8 {padding:80px;} .c_l9 {padding:90px;} .content_img {width:320px; height:auto;} .c_line {border-top:0px solid #3C3C3C; padding:0px;} .c_line2 {border-bottom:2px solid #3C3C3C; padding:0px 0px 20px 0px;} .c_line3 {border-top:1px solid #DBDBDB; padding:0px;} .c_line4 {border-top:1px solid #F4F4F4; padding:0px;} .c_box {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#FFFFFF; text-align:center;} .c_box2 {border-top:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding: 10px 15px 20px 15px; background-color:#FFFFFF; text-align:center;} .c_box3 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;} .c_box4 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#2D2850; text-align:center;} .c_box4-1 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#353535; text-align:center;} .c_box5 {border:1px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center; margin-top:20px;} .c_box6 {border-top:1px solid #D2D2D2; border-right:1px solid #D2D2D2; border-left:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; padding: 15px 15px 20px 15px; background-color:#FFFFFF; text-align:center;} .block {display:block;} #footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#3C3C3C; border-top:0px solid #E1E1E1;} #wrapper {height:150; width:100%; background-color:#FFF; position: absolute; z-index:10000000000000; } #header {position: relative; z-index:10000000000000; } .pc {display:none} .ps_img {width:100%; height:200px;} .pc_view {display:none } .mobile_view_img {padding-top:130px;} .mobile_top_view {width:100%; margin-right:auto;margin-left:auto; height:45px; padding-top:8px; background-color:#FFFFFF; border-bottom:1px solid #EFEFEF; } .pack_img {width:100%; } .main_scoll_pc {display:none} .mblock{display:block;} .tt { position: absolute; display:inline-block; z-index:100000000; left:0; right:0; top:295px;margin:auto; width:100%;} .tt2 { position: absolute; display:inline-block; z-index:100000000; left:0; right:0; top:65%;margin:auto; width:50%;} .sub_title1 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:290px; margin:auto; font-size:40px; font-weight:700; color:#FFFFFF;} .sub_title2 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:330px; margin:auto; font-size:20px; font-weight:400; color:#FFFFFF;} .tabs {background-color:#FFFFFF; padding-top:30px; z-index:100;} .title_bg0 {background:url('/0.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg1 {background:url('/1.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg2 {background:url('/2.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg3 {background:url('/3.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg4 {background:url('/4.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg5 {background:url('/5.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg6 {background:url('/6.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg7 {background:url('/7.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg8 {background:url('/8.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .main_tab {background:url('/img/1.jpg'); background-repeat:no-repeat; background-position:top center; width: 100%; height:500px; top:0px;} .main_tab1 {background-color:#FCFCFC; border-top:0px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:0px;} .main_tab2 {background-color:#FFFFFF; border-top:1px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:30px;} .main_tab3 {background-color:#FCFCFC; border-top:1px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:30px;} .main_tab4 {background-color:#FFFFFF; border-top:1px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:30px;} .main_tab5 {background-color:#FFFFFF; border-top:1px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:30px;} .mfs {font-size:15px; font-weight:200; letter-spacing: -0.05em;} .mfs2 {font-size:13px; font-weight:200; letter-spacing: -0.05em;} .tt_image {width:100%;height:180px;} .table_w {width:100%;} .foot_font {font-size:18px; font-weight:400; letter-spacing: -0.05em;} .img_file {width:100%;} } /****************************************************************768~1198*************************************************************************************************************/ @media (min-width: 768px) and (max-width:1198px){ .main{width:100%; margin-right:auto;margin-left:auto; } .main2{width:100%; padding:0px 0px 0px 0px; background:#FFFFFF;} .main3{width:100%; padding:0px 0px 0px 0px; background:#FFFFFF; } .main4{width:100%; margin-right:auto;margin-left:auto; } .main_texts{width:100%; margin-right:auto;margin-left:auto; padding-left:20px;} .col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-md-3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .col-md-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%} .col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%} .col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%} .col-md-3-car{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-md-2-t1 {-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; text-align:left; padding-top:5px;} .col-md-2-t2 {-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; text-align:right;padding-top:5px;} .col-md-3-t1 {-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; text-align:left; padding-top:25px;} .col-md-3-t2 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; text-align:center; padding:10px;} .col-md-3-t3 {-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; text-align:right; padding-top:35px;} .col-reser-0{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;max-width:auto; padding:5px;text-align:center;} .col-reser-1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; border-bottom:1px solid #F4F4F4; padding:20px;text-align:center;} .col-reser-2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; border-bottom:1px solid #F4F4F4; padding:20px;} .col-reser-t1{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; padding:25px;text-align:center; background-color:#FDFDFD;} .col-reser-t2{-webkit-box-flex:0;-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%; border-bottom:1px solid #F4F4F4; padding:25px;} .col-reser-t3{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4;padding:25px;text-align:center; background-color:#FDFDFD} .col-reser-t4{-webkit-box-flex:0;-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:20px;} .col-reser-t5{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; padding:25px;text-align:center; background-color:#FDFDFD;} .col-reser-t6{-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%; border-bottom:1px solid #F4F4F4; padding:25px; border-right:1px solid #F4F4F4;} /********************************** tour ***********************************************************************************/ .col-tour-t0 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; border:1px solid #E8E8E8; padding:15px; background-color:#F9F9F9;} .col-tour-t1 {-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; border-bottom:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px;} .col-tour-t3 {-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px;} .col-tour-t4 {-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; border-bottom:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px; } .col-tour-t5 {-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px;} .col-tour-t6 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; border-bottom:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px;} /********************************** member ***********************************************************************************/ .col-md-mb-1{-webkit-box-flex:0;-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%; padding: 18px 10px 10px 10px; border-bottom:1px solid #EFEFEF; background-color:#F9F9F9;} .col-md-mb-2{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%; padding: 18px 10px 10px 10px; border-bottom:1px solid #EFEFEF;} .line {border:1px solid #F4F4F4;} .c_br {padding:5px;} .c_l {padding:5px;} .c_l1 {padding:10px;} .c_l2 {padding:20px;} .c_l3 {padding:30px;} .c_l4 {padding:40px;} .c_l5 {padding:50px;} .c_l6 {padding:60px;} .c_l7 {padding:70px;} .c_l8 {padding:80px;} .c_l9 {padding:90px;} .main_text {font-size:40px; font-weight:600;} .sub_text {font-size:15px; font-weight:200;} .main_text2 {font-size:24px; font-weight:700;} .sub_text2 {font-size:15px; font-weight:400;} .con_text {font-size:15px; font-weight:200;} .con_textb {font-size:15px; font-weight:600;} .con_textt {font-size:20px; font-weight:600;} .text0 {font-size:13px;} .text1 {font-size:15px;} .text2 {font-size:18px;} .text3 {font-size:20px;} .text4 {font-size:24px;} .c_logo {text-align:center; width:100%; padding-left:20px; padding-top:10px; } .t_icon1 { position: relative; float: left; margin: 25px 0px 0 0px;} .t_icon2 { position: relative; float: right; margin: 40px 10px 0 10px;} .t_text1 { position: relative; float: left; margin: 5px 0px 0 0px;} .t_text2 { position: relative; float: right; margin: 5px 10px 0 10px;} .content_img {width:640px; height:auto;} .c_line {border-top:1px solid #3C3C3C; padding:0px;} .c_line2 {border-bottom:2px solid #3C3C3C; padding:0px 0px 20px 0px;} .c_line3 {border-top:1px solid #DBDBDB; padding:0px;} .c_line4 {border-top:1px solid #F4F4F4; padding:0px;} .c_logo {text-align:center; width:100%; margin:0 auto; padding-left:0px; padding-top:0px; padding-bottom:0px;} .c_box {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#FFFFFF; text-align:center;} .c_box2 {border-top:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding: 10px 15px 20px 15px; background-color:#FFFFFF; text-align:center;} .c_box3 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;} .c_box4 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#2D2850; text-align:center;} .c_box4-1 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#353535; text-align:center;} .c_box5 {border:1px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center; margin-top:20px;} .c_box6 {border-top:1px solid #D2D2D2; border-right:1px solid #D2D2D2; border-left:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; padding: 15px 15px 20px 15px; background-color:#FFFFFF; text-align:center;} .block {display:block;} #footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#3C3C3C; border-top:0px solid #E1E1E1;} #wrapper {height:150; width:100%; background-color:#FFF; position: absolute; z-index:10000000000000; } #header {position: relative; z-index:10000000000000; } .tel {display:none} .mobile {display:none} .pc {width:auto; margin-right:auto;margin-left:auto; } .mobile_view {display:none} .pc_view {width:100%; margin-right:auto;margin-left:auto; } .pc_top_view {width:100%; margin-right:auto;margin-left:auto; height:35px; background-color:#FFFFFF; border-bottom:1px solid #EFEFEF; } .main_scoll_mobile {display:none} .ps_img {width:100%; height:200px;} .mobile_view_img {display:none;} .pack_img {width:471px; } .tt { position: absolute; z-index:100000000; left:0; right:0; bottom:0;margin:auto; width:100%;} .tt2 { position: absolute; z-index:100000000; left:0; right:0; top:65%;margin:auto; width:40%;} .sub_title1 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:250px; margin:auto; font-size:60px; font-weight:700; color:#C5C0DE;} .sub_title2 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:350px; margin:auto; font-size:24px; font-weight:400; color:#FFFFFF;} .tabs {background-color:#FFFFFF; padding-top:30px; z-index:100;} .title_bg0 {background:url('/0.jpg'); background-repeat:no-repeat; background-position:top center; height:600px; background-attachment:fixed;} .title_bg1 {background:url('/1.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg2 {background:url('/2.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg3 {background:url('/3.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg4 {background:url('/4.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg5 {background:url('/5.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg6 {background:url('/6.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg7 {background:url('/7.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .title_bg8 {background:url('/8.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;} .main_tab {background:url('2/7.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:370px; } .main_tab1 {background-color:#FCFCFC; border-top:0px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:0px;} .main_tab2 {background-color:#FFFFFF; border-top:1px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:30px;} .main_tab3 {background-color:#FCFCFC; border-top:1px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:30px;} .main_tab4 {background-color:#FFFFFF; border-top:1px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:30px;} .main_tab5 {background-color:#FFFFFF; border-top:1px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:30px;} .mfs {font-size:15px; font-weight:200; letter-spacing: -0.05em;} .mfs2 {font-size:13px; font-weight:200; letter-spacing: -0.05em;} .tt_image {width:100%;height:180px;} .table_w {width:100%;} .foot_font {font-size:18px; font-weight:400; letter-spacing: -0.05em;} .img_file {width:auto; min-width:600px;} } /********************************************************************1200*************************************************************************************************************/ @media (min-width:1198px){ .main{width:100%; margin-right:auto;margin-left:auto; } .main2{width:1200px; margin-right:auto;margin-left:auto; } .main3{width:1200px; margin-right:auto;margin-left:auto; } .main4{width:100%; margin-right:auto;margin-left:auto; } .main_texts{width:1200px; margin-right:auto;margin-left:auto; padding-left:20px; padding-top:150px;} .col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-md-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%} .col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%} .col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%} .col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%} .col-md-3-car{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-md-3-t1 {-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; text-align:left; padding-top:25px;} .col-md-3-t2 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; text-align:center; padding:10px;} .col-md-3-t3 {-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; text-align:right; padding-top:35px;} .col-md-2-t1 {-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%; text-align:left; padding-top:5px;} .col-md-2-t2 {-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; text-align:right;padding-top:5px;} .col-reser-0{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;max-width:auto; padding:5px;text-align:center;} .col-reser-1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; border-bottom:1px solid #F4F4F4; padding:20px;text-align:center;} .col-reser-2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; border-bottom:1px solid #F4F4F4; padding:20px;} .col-reser-t1{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; padding:25px;text-align:center; background-color:#FDFDFD;} .col-reser-t2{-webkit-box-flex:0;-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%; border-bottom:1px solid #F4F4F4; padding:25px;} .col-reser-t3{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4;padding:25px;text-align:center; background-color:#FDFDFD} .col-reser-t4{-webkit-box-flex:0;-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:25px;} .col-reser-t5{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; padding:25px;text-align:center; background-color:#FDFDFD;} .col-reser-t6{-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%; border-bottom:1px solid #F4F4F4; padding:25px; border-right:1px solid #F4F4F4;} /********************************** tour ***********************************************************************************/ .col-tour-t0 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; border:1px solid #E8E8E8; padding:15px; background-color:#F9F9F9;} .col-tour-t1 {-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; border-bottom:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px;} .col-tour-t3 {-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px;} .col-tour-t4 {-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; border-bottom:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px; } .col-tour-t5 {-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%; border-bottom:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px;} .col-tour-t6 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; border-bottom:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:15px;} /********************************** member ***********************************************************************************/ .col-md-mb-1{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 18px 10px 10px 10px; border-bottom:1px solid #EFEFEF; background-color:#F9F9F9;} .col-md-mb-2{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding: 18px 10px 10px 10px; border-bottom:1px solid #EFEFEF;} .col-md-mb1-1{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 18px 10px 10px 10px; border-bottom:1px solid #EFEFEF; background-color:#F9F9F9;} .col-md-mb1-2{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 10px; border-bottom:1px solid #EFEFEF;} .col-md-mb1-3{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 18px 10px 10px 10px; border-bottom:1px solid #EFEFEF; background-color:#F9F9F9;} .col-md-mb1-4{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 10px; border-bottom:1px solid #EFEFEF;} .line {border:1px solid #F4F4F4;} .main_text {font-size:40px; font-weight:700;} .sub_text {font-size:15px; font-weight:400;} .main_text2 {font-size:24px; font-weight:700;} .sub_text2 {font-size:15px; font-weight:400;} .con_text {font-size:15px; font-weight:normal;} .con_textb {font-size:15px; font-weight:700;} .con_textt {font-size:20px; font-weight:700;} .text0 {font-size:13px;} .text1 {font-size:15px;} .text2 {font-size:18px;} .text3 {font-size:20px;} .text4 {font-size:24px;} .c_logo {text-align:center; width:100%; padding-left:10px; padding-top:20px; padding-bottom:20px;} .t_icon1 { position: relative; float: left; margin: 25px 0px 0 10px;} .t_icon2 { position: relative; float: right; margin: 40px 10px 0 10px;} .t_text1 { position: relative; float: left; margin: 8px 0px 0 0px;} .t_text2 { position: relative; float: right; margin: 5px 10px 0 10px;} .content_img {} .c_br {padding:5px;} .c_l {padding:5px;} .c_l1 {padding:10px;} .c_l2 {padding:20px;} .c_l3 {padding:30px;} .c_l4 {padding:40px;} .c_l5 {padding:50px;} .c_l6 {padding:60px;} .c_l7 {padding:70px;} .c_l8 {padding:80px;} .c_l9 {padding:90px;} .c_line {border-top:1px solid #3C3C3C; padding:0px;} .c_line2 {border-bottom:2px solid #3C3C3C; padding:0px 0px 20px 0px;} .c_line3 {border-top:1px solid #DBDBDB; padding:0px;} .c_line4 {border-top:1px solid #F4F4F4; padding:0px;} .c_box {border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#FFFFFF; text-align:center;} .c_box2 {border-top:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding: 10px 15px 20px 15px; background-color:#FFFFFF; text-align:center;} .c_box3 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center;} .c_box4 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#2D2850; text-align:center;} .c_box4-1 {border-right:0px solid #F4F4F4; border-left:0px solid #F4F4F4; border-bottom:0px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#353535; text-align:center;} .c_box5 {border:1px solid #F4F4F4; padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center; } .c_box5:hover{color:#FFFFFF; background-color:#3B3B3B; cursor:pointer; border:1px solid #3B3B3B;} .c_box6 {border-top:1px solid #D2D2D2; border-right:1px solid #D2D2D2; border-left:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2; padding: 15px 15px 20px 15px; background-color:#FFFFFF; text-align:center;} .block {display:block;} #footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#3C3C3C; border-top:0px solid #E1E1E1;} #wrapper {height:150; width:100%; background-color:#FFF; position: absolute; z-index:10000000000000; } #header {position: relative; z-index:10000000000000; } .tel {display:none} .mobile {display:none} .pc {width:1200px; margin-right:auto;margin-left:auto; } .mobile_view {display:none} .pc_top_view {width:100%; margin-right:auto;margin-left:auto; height:35px; background-color:#FFFFFF; border-bottom:1px solid #EFEFEF; } .pc_view {width:100%; margin-right:auto;margin-left:auto; } .main_scoll_mobile {display:none} .ps_img {width:100%; height:200px;} .mobile_view_img {display:none;} .pack_img {width:471px; } .tt { position: absolute; z-index:100000000; left:0; right:0; bottom:0; margin:auto;} .tt2 { position: absolute; z-index:100000000; left:0; right:0; top:65%;margin:auto;} .tabs {background-color:#FFFFFF; padding-top:30px; z-index:100;} .sub_title1 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:230px; margin:auto; font-size:60px; font-weight:700; color:#FFFFFF;} .sub_title2 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:430px; margin:auto; font-size:20px; font-weight:400; color:#FFFFFF;} .title_bg0 {background:url('/0.jpg'); background-repeat:no-repeat; background-position:top center; height:700px; background-attachment:fixed;} .title_bg1 {background:url('/1.jpg'); background-repeat:no-repeat; background-position:top center; height:400px; background-attachment:fixed;} .title_bg2 {background:url('/2.jpg'); background-repeat:no-repeat; background-position:top center; height:400px; background-attachment:fixed;} .title_bg3 {background:url('/3.jpg'); background-repeat:no-repeat; background-position:top center; height:400px; background-attachment:fixed;} .title_bg4 {background:url('/4.jpg'); background-repeat:no-repeat; background-position:top center; height:400px; background-attachment:fixed;} .title_bg5 {background:url('/5.jpg'); background-repeat:no-repeat; background-position:top center; height:400px; background-attachment:fixed;} .title_bg6 {background:url('/6.jpg'); background-repeat:no-repeat; background-position:top center; height:400px; background-attachment:fixed;} .title_bg7 {background:url('/7.jpg'); background-repeat:no-repeat; background-position:top center; height:400px; background-attachment:fixed;} .title_bg8 {background:url('/8.jpg'); background-repeat:no-repeat; background-position:top center; height:400px; background-attachment:fixed;} .main_tab {background:url('/img/2023-02.png'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; width:1920px; height:1080px; } .main_tab1 {background:url('/img/m1.jpg'); background-repeat:no-repeat; background-position:top center; text-align:center; z-index:100; height:auto; padding-top:0px;} .main_tab2 {background-color:#FFFFFF; border-top:0px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:30px;} .main_tab3 {background:url('/img/m3.jpg'); background-repeat:no-repeat; background-position:top center; text-align:center; z-index:100; height:auto; padding-top:30px;} .main_tab4 {background-color:#FFFFFF; border-top:0px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:30px;} .main_tab5 {background-color:#FFFFFF; border-top:1px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:30px;} .mfs {font-size:15px; font-weight:200; letter-spacing: -0.05em;} .mfs2 {font-size:13px; font-weight:200; letter-spacing: -0.05em;} .tt_image {width:100%;height:180px;} .table_w {width:1200px;} .foot_font {font-size:20px; font-weight:400; letter-spacing: -0.05em;} .img_file {width:auto; max-width:800px;} .sub_box{width:100%; margin-right:auto;margin-left:auto; padding:10px; border-bottom:1px solid #E1E1E1;} .sub_padding {padding:100px;} } /********************************************************************************* 사이트세로라인 *******************************************************************************/ .zindex {z-index:-2;} .zindexu {z-index:99;} .zindexu2 {z-index:10000; } .container-fluid{width:100%;padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto} .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:0px;margin-left:0px} .no-gutters{margin-right:0;margin-left:0} .no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4, .col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7, .col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9, .col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7, .col-xl-8,.col-xl-9,.col-xl-auto,.col-md-3-car{position:relative; width:100%;min-height:1px;padding-right:10px;padding-left:10px} /***************************************************************** btn ***************************************************/ .gw_btn{ color:#636363; margin:0px; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 20px; background:#FFFFFF; border-left:0px solid #949494; border-right:0px solid #E9E9E9; border-top:1px solid #949494; border-bottom:1px solid #E9E9E9; } .gw_btn:hover{color:#FFFFFF; background:#949494; cursor:pointer; border-left:0px solid #949494; border-right:0px solid #E9E9E9; border-top:1px solid #949494;} .gw_btn_bg{ color:#636363; margin:0px; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 30px; background: url('/img/talk.jpg') no-repeat 5px 13px; border-left:1px solid #949494; border-right:1px solid #E9E9E9; border-top:1px solid #949494; border-bottom:1px solid #E9E9E9; } .gw_btns{ color:#636363; margin:0px; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 20px; background:#FFFFFF; border-left:1px solid #949494; border-right:1px solid #E9E9E9; border-top:1px solid #949494; border-bottom:1px solid #E9E9E9; } .gw_btns:hover{color:#FFFFFF; background:#949494; cursor:pointer; border-left:1px solid #949494; border-right:1px solid #949494; border-top:1px solid #949494; border-bottom:1px solid #949494;} .gw_btn0 { color:#FFFFFF; border:1px solid #FFFFFF; text-align:center; padding:30px 20px 15px 20px; background:rgba(0,0,0,0); cursor:pointer; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;} .gw_btn0:hover{color:#FF3A72; background:rgba(0,0,0,0); cursor:pointer; border:1px solid #FF3A72; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;} .gw_btn1{ color:#FFFFFF; width:auto; display:inline-block; margin:5px; background-color:#FF8400; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .gw_btn2{ color:#FFFFFF; width:auto; display:inline-block; margin:5px; background-color:#007ACF; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn2-1{ color:#FFFFFF; width:auto; display:inline-block; background-color:#007ACF; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn3{ color:#FFFFFF; width:auto; display:inline-block; margin:5px;background-color:#787878; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn3-1{ color:#FFFFFF; width:auto; display:inline-block; background-color:#787878; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn4{ color:#FFFFFF; background-color:#3B6306; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn5{ color:#FFFFFF; background-color:#292F33; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn_a{ color:#FFFFFF; border:0px solid #FF8400; text-align:center; padding:5px 10px 7px 10px; background-color:#FD386F; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .gw_btn_b{ color:#FFFFFF; border:0px solid #007ACF; text-align:center; padding:5px 10px 7px 10px;background-color:#007ACF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .gw_btn_c{ color:#FFFFFF; border:0px solid #787878; text-align:center; padding:5px 10px 7px 10px; background-color:#FE9EB9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .gw_btn_d{ color:#FFFFFF; border:0px solid #3B6306; text-align:center; padding:5px 10px 7px 10px; background-color:#9AD300 ; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .gw_btn_e{ color:#FFFFFF; border:0px solid #292F33; text-align:center; padding:5px 10px 7px 10px; background-color:#D32C00; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .gw_btn_f{ color:#FFFFFF; border:0px solid #949494; text-align:center; padding:5px 10px 7px 10px; background-color:#474747; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .gw_btn_g{ margin:2px; display:inline-block; color:#383838; border:0px solid #FF8400; text-align:center; padding:0px 20px 0px 0px; background-color:#ffffff; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;} .gw_btn_h{ display:inline-block; color:#FFFFFF; border:0px solid #FF8400; text-align:center; padding:5px 20px 5px 20px; background-color:#000000; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;} .gw_btn_i{ color:#FFFFFF; border:0px solid #3B6306; text-align:center; padding:20px 20px 10px 20px; background-color:#9AD300 ; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .gw_btn_j{ color:#585858; border:0px solid #949494; text-align:center; padding:10px 10px 10px 10px; background-color:#f5f5f5; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn_event1{ color:#FFFFFF; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; background-color:#FC603F; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .gw_btn_event2{ color:#FFFFFF; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; background-color:#888888; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .gw_btn_event3{ color:#FFFFFF; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; background-color:#383637; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .gw_btn_g2{ color:#FFFFFF; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; background-color:#9AD300 ; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .gw_btn_reser{ cursor: pointer;color:#FFFFFF; border:0px solid #FF8400; text-align:center; padding:15px 30px 15px 30px; background-color:#FF8400; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;} .gw_btn_reser2{ width:100%; cursor: pointer; color:#FFFFFF; border:0px solid #FF8400; text-align:center; padding:15px 0px 15px 0px; background-color:#035992; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .gw_btn_team{ width:100%; cursor: pointer; color:#FFFFFF; border:0px solid #FF8400; text-align:center; padding:15px 30px 15px 30px; background-color:#FF8400; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .gw_btn_team1{ width:100%; cursor: pointer; color:#FFFFFF; border:0px solid #FF8400; text-align:center; padding:15px 30px 15px 30px; background-color:#035992; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .ymd_btn{ color:#636363; margin:0px; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:5px 20px 5px 20px; background:#FFFFFF; border:1px solid #C1C1C1; letter-spacing: -0.05em; margin:5px;} .ymd_btn:hover{color:#000000; background:#f4f4f4; cursor:pointer; border:1px solid #949494;} .gw_btns1 a{ color:#FFFFFF; margin:0px; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:5px 10px 5px 10px; background:#D9456F;} .gw_btns1 a:hover{color:#FFFFFF; background:#D9456F; cursor:pointer;} .gw_team_btn{ color:#FFFFFF; margin:0px; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 20px; background:#FC603F; cursor:pointer; border-left:1px solid #FC603F; border-right:1px solid #FC603F; border-top:1px solid #FC603F; border-bottom:1px solid #FC603F;} .gw_team_btn:hover{color:#FFFFFF; background:#484848; cursor:pointer; border-left:1px solid #484848; border-right:1px solid #484848; border-top:1px solid #484848; border-bottom:1px solid #484848;} .gw_team_btn3{ color:#FFFFFF; margin:0px; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 20px; background:#83D134; cursor:pointer; border-left:1px solid #83D134; border-right:1px solid #83D134; border-top:1px solid #83D134; border-bottom:1px solid #83D134;} .gw_team_btn3:hover{color:#FFFFFF; background:#484848; cursor:pointer; border-left:1px solid #484848; border-right:1px solid #484848; border-top:1px solid #484848; border-bottom:1px solid #484848;} .gw_team_btn4{ color:#FFFFFF; margin:0px; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 20px; background:#929292; cursor:pointer; border:1px solid #929292; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .gw_team_btn4:hover{color:#FFFFFF; background:#484848; cursor:pointer; border:1px solid #484848; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .gw_team_btn2{ color:#FFFFFF; margin:0px; display:inline-block; text-align:center; padding:10px 20px 10px 20px; background:#035992; cursor:pointer; } .gw_team_btn5{ color:#3C1F1E; margin:0px; display:inline-block; text-align:center; padding:10px 20px 10px 45px; background: url('/img/kko.png') no-repeat 0px 0px; cursor:pointer; } .gw_ymd_btn{ color:#484848; margin:3px; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 20px; background:#ffffff; cursor:pointer; border-left:1px solid #F2F2F2; border-right:1px solid #F2F2F2; border-top:1px solid #828282; border-bottom:1px solid #E3E3E3;} .gw_ymd_btn:hover{color:#FCC93F; background:#484848; cursor:pointer; border-left:1px solid #484848; border-right:1px solid #484848; border-top:1px solid #484848; border-bottom:1px solid #484848;} .gw_start_btn { color:#666666; text-align:center; padding:5px 10px 7px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background:#F5F5F5; } .gw_start_btn1 { color:#ffffff; text-align:center; padding:5px 10px 7px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background:#FC3A72; } .gw_pbtn{color:#FFFFFF; background:#575757; cursor:pointer; border:1px solid #575757; text-align:center; width:auto; padding:10px 20px 10px 20px; } .gw_pbtn:hover{color:#FFFFFF; background:#FB3E74; cursor:pointer; border:1px solid #FB3E74;} .gw_pbtn2{color:#575757; margin:3px; background:#FFFFFF; cursor:pointer; border:1px solid #DDDDDD; text-align:center; width:auto; padding:10px 20px 10px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .gw_pbtn2:hover{color:#FFFFFF; background:#FB3E74; cursor:pointer; border:1px solid #FB3E74;} /********************************** c_box ***************************/ .c_box_text {border:1px solid #DFDFDF;padding:10px;} .c_box_cs {border-top:0px solid #919191;border-collapse: collapse; background-color:#fff; border-bottom:0px solid #919191; border-right:0px solid #919191; border-left:0px solid #919191;padding:0px;} .mfield10 {height:35px; margin:0; padding:5px 5px 5px 5px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px; font-family: 'Nanum Gothic', sans-serif;} @media (max-width: 768px) { .mfield10 {height:35px; width:50%; margin:5px; padding:5px 5px 5px 5px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px; font-family: 'Nanum Gothic', sans-serif;} } /************************************tab메뉴***********************************/ .css3-tab { list-style: none; margin: 0 auto 40px; padding: 0px 0 0 0; position: relative; width: 100%; } .css3-tab input[type='radio'] { display: none; } .css3-tab .css3-tab-nav { display: table; table-layout: fixed; width: 100%; } @media (max-width: 768px) { .css3-tab .css3-tab-nav label { display: table-cell; background-color: #F4F4F4; color: #000000; padding: 10px 0px 10px 0px; border-right:1px solid #ffffff; text-align: center; } } .css3-tab .css3-tab-nav label { display: table-cell; background-color: #F4F4F4; color: #000000; padding: 15px; border-right:1px solid #ffffff; text-align: center; } .css3-tab .css3-tab-nav label:hover { cursor: pointer; background: white; color: #666666; } .css3-tab .css3-tab-content { overflow: hidden; padding: 20px 0px 10px 0px; display: none; background: #FFF; clear: left; box-sizing: border-box; } .css3-tab input[id='tabOne']:checked ~ .css3-tab-nav label[for='tabOne'] { background: #FC603F; color: #FFFFFF; cursor: default; } .css3-tab input[id='tabOne']:checked ~ div.tab-one { display: block; border-top: solid 3px #FC603F; } .css3-tab input[id='tabTwo']:checked ~ .css3-tab-nav label[for='tabTwo'] { background: #035992; color: #FFFFFF; cursor: default; } .css3-tab input[id='tabTwo']:checked ~ div.tab-two { display: block; border-top: solid 3px #035992; } .css3-tab input[id='tabThree']:checked ~ .css3-tab-nav label[for='tabThree'] { background: #434343; color: #FFFFFF; cursor: default; } .css3-tab input[id='tabThree']:checked ~ div.tab-three { display: block; border-top: solid 3px #434343; } .checks {position: relative;} .checks input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } .checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } .checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; } .checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 1px; left: 5px; width: 13px; height: 13px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); } .checks {position: relative;} .checks input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } .checks input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .checks input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 10%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } .checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .checks input[type="checkbox"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; } .checks input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 1px; left: 5px; width: 13px; height: 13px; background: #99a1a7; border-radius: 10%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); } @media (max-width: 768px) { .btn_area {position:fixed; bottom:0; width:100%; z-index:1000000; } .btn_ok { color:#FFFFFF; background-color:#FF2C7B; cursor:pointer; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:100%; margin:0px; padding:20px 20px 20px 20px; border:0px solid #427BB6;} .btn_ok a{color:#FFFFFF; !important; text-decoration:none; border:0px solid #4E4C5B; } } @media (min-width: 768px) { .btn_area {position:fixed; bottom:0px; width:100%; z-index:1000000; border-bottom:5px solid #FF2C7B; } .btn_ok{ color:#FFFFFF; background-color:#FF2C7B; display:inline-block; border-radius:0px; position: relative; text-align:center; width:200px; margin:0px; padding:20px 20px 20px 20px; border:0px solid #22B459;} .btn_ok a{color:#FFFFFF; !important; text-decoration:none; border:0px solid #4E4C5B; } .btn_ok:hover{color:#FFFFFF; background-color:#4E4C5B; cursor:pointer; border:0px solid #f4f4f4;} }