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;
/* font-family:'Spoqa Han Sans', 'Malgun Gothic', 'Apple SD Gothic Neo', 'dotum', sans-serif;**/
text-size-adjust:none;
font-size: 100%;
line-height: 1.5;
letter-spacing: -0.02em;
font-weight:normal;
box-sizing: border-box
}
@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');
}
.p_title {font-family: 'Playfair Display', serif; }
.m_title {font-family: 'NanumBarunGothic';}
.f_title {font-family: 'Noto Sans Kr', sans-serif;}
.g_font {font-family: 굴림, 'Gulim'; font-size:11px;}
.bg {background-color:#678BB5; }
.title_bg_color {background-color:#4F4F4F; padding:10px;}
.f_num {font-family: 'Lato', serif; font-weight:normal;}
.s_num {font-family: 'Nanum Square';}
.sh {text-shadow:2px 2px 2px rgba(0,0,0,0.1); }
.img_round{-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
/********************************material-icons*****************************/
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
/* 숫자 */
.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%;}
img {border: 0px;}
.c_c {text-align:center; width:100%;}
.c_center {text-align:center; }
.c_left {text-align:left; width:100%;}
.c_right {text-align:right; width:100%;}
.left { float:left;}
.right{ float:right;}
.space{padding:0 5px 0 5px;}
.space2{padding:0 2px 0 2px;}
.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 10px 0 10px;border-right:1px solid rgba(255, 255, 255, 0.2);}
.liness3-1 {padding:0 5px 0 10px;border-right:0px solid #8883A5;}
.line_bg {padding:0 5px 0 7px; background:url('/img/line.png'); background-repeat:no-repeat; background-position:top center; }
a:link, a:visited, a:active { text-decoration:none; color:#3b3b3b; }
a:hover { text-decoration:none; color:#FF6600;}
.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 20px 6px 20px; 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;}
.base7_1_on{ display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; margin-right:2px; margin-bottom:10px; padding:6px 20px 6px 20px; 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:#FF6600; float:none; /*position:fixed;*/ _position:absolute; margin-right:0px; padding:10px 15px 10px 15px; border:1px solid #FF6600; -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 a{ display:inline-block; position:relative; float:left; margin:2px; padding:5px 0 5px 0; width:70px; background-color:#464646; font-weight:400; font-size:15px; color:#FFFFFF; text-align:center; }
.base17 a:hover, .base17 a:focus, .base17 a:active{color:#FFFFFF; background-color:#00B38C; margin:2px; padding:5px 0 5px 0; width:70px;}
.base17-3 a{ display:inline-block; position:relative; float:left; margin:2px; padding:5px 0 5px 0; width:70px; background-color:#00B38C; font-weight:400; font-size:15px; color:#FFFFFF; text-align:center; }
.base17-3 a:hover, .base17-3 a:focus, .base17-3 a:active{color:#FFFFFF; background-color:#464646; margin:2px; padding:5px 0 5px 0; width:70px;}
.base17-1 { border:0px solid #EE4848; display:inline-block; position:relative; float:left; margin:2px; padding:5px 0 5px 0; width:70px; background-color:#FF6600; font-weight:400; font-size:15px; color:#FFFFFF; text-align:center; }
.base17-2 { border:0px solid #EE4848; display:inline-block; position:relative; margin:2px; padding:5px 0 5px 0; width:70px; background-color:#A8A8A8; font-weight:400; font-size:15px; color:#FFFFFF; text-align:center; }
.base18{ color:#FFFFFF; background-color:#EE4848; 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 #EE4848;}
.base18 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #4E4C5B;}
.base18:hover{color:#FFFFFF; background-color:#4E4C5B; cursor:pointer; border:1px 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;}
.base19{ color:#FFFFFF; background-color:#57ACCB; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:4px 20px 4px 20px; border:1px solid #57ACCB;}
.base19 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #4E4C5B;}
.base19:hover{color:#FFFFFF; background-color:#4E4C5B; cursor:pointer; border:1px solid #4E4C5B;}
/******************************************************************** 서브& 서브 메뉴 버튼 ***********************************************/
.base20{ color:#535353; background-color:#FAFAFA; font-size:12px; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:2px 5px 2px 5px; border:0px solid #FAFAFA;}
.base20 a{color:#535353; !important; text-decoration:none; border:0px solid #FAFAFA;}
.base20:hover{color:#FFFFFF; background-color:#FF6600; cursor:pointer; border:0px solid #FF6600;}
.selecton {color:#FFFFFF; background-color:#FF6600; cursor:pointer; border:0px solid #FF6600;}
.base21{ color:#FFFFFF; background-color:#fff; float:none; /*position:fixed;*/ _position:absolute; width:100px; margin-right:0px; padding:5px 5px 5px 5px; border:1px solid #ED305D;}
.base21 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #ED305D;}
.base21:hover{color:#FFFFFF; background-color:#fff; cursor:pointer; border:1px solid #ED305D;}
.base22{ color:#535353; background-color:#FF6600; font-size:16px; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:100%; padding:5px; border:0px solid #FAFAFA;}
/**************************************************************************************************************************************/
/*네비게이션*/
.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:10px 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 #FF7200;}
.bordercolorkcm9 td {border:0px solid #A0CCF6;}
.bordercolorkcm10 {border:1px solid #919191;}
.bordercolorkcm10 td {border:1px solid #E3E3E3;}
.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:30px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:13px; 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;}
.field15 {height:25px; margin:0; padding:5px 5px 0; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px; font-weight:600; font-family: 'Nanum Gothic', sans-serif;}
.field15-1 {height:25px; margin:0; padding:5px 5px 0; border:0px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px; font-weight:600; font-family: 'Nanum Gothic', sans-serif;}
/* 마우스오버공통 */
.color { text-decoration:none; color:#000000; font-weight: bold;}
.color2 { color:#7D4EA4;}
.color3 { color:#F54286;}
.color4 { color:#AE2D2B;}
.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:#478BCC;}
.blue2 { color:#006DB5;}
.blue3 { color:#00B1F1;}
.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;}
.yellow9 { color:#FF7200;}
.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;}
.fs65 {font-size:65px;}
.fs70 {font-size:70px;}
.fs75 {font-size:75px;}
.fs80 {font-size:80px;}
.fs85 {font-size:85px;}
.fs90 {font-size:90px;}
.fs95 {font-size:95px;}
.fs100 {font-size:100px;}
/*******************************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.0); 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.3); opacity:0; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect2:hover .txt { background:rgba(0,0,0,0.3); transform:scale(1.0); opacity:1;}
.hoverEffect3 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect3 .image { display:block; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; }
.hoverEffect3:hover>.image { transform:scale(1.0); filter: blur(0px); opacity:1; }
.hoverEffect3 .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.3); opacity:0; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect3:hover .txt { background:rgba(0,0,0,0.3); transform:scale(1.0); opacity:1;}
.hoverEffect4 {position:relative; margin:0px; overflow:hidden; }
.hoverEffect4 .image { display:block; opacity:1; position:relative; transform:scale(1.3); transition:0.5s ease; }
.hoverEffect4:hover>.image { transform:scale(1.0); filter: blur(0px); opacity:1; }
.hoverEffect4 .txt {color:black; font-size:20px; top:50%; left:50%; text-align:center; position:absolute; top:0; left:0; height:auto; width: 100%;
background:rgba(0,0,0,0.3); opacity:0; overflow:hidden; transform:scale(1.0); transition:0.3s ease; }
.hoverEffect4:hover .txt { background:rgba(0,0,0,0.3); transform:scale(1.0); 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;}
.lineh150 { line-height: 150%;}
.lineh180 { line-height: 180%;}
.lineh200 { line-height: 200%;}
.retext {letter-spacing:-2px;}
.retext1 {letter-spacing:1px;}
.retext2 { letter-spacing:2px;}
.retext3 { letter-spacing:3px;}
.retext4 { letter-spacing:4px;}
.retext5 { letter-spacing:5px;}
.text_bg {background-color:rgba(0, 0, 0, .8); padding:0px 20px 0px 20px;}
.text_bg2 {background-color:rgba(0, 0, 0, .5); padding:5px 10px 5px 10px; }
.block {display:block;}
.noblock {display:inline-block; }
/****************************************************************768*************************************************************************************************************/
@media (max-width:768px){
.main{width:100%; margin-right:auto;margin-left:auto; }
.main2{width:100%; padding:0px 10px 0px 10px; margin-right:auto;margin-left:auto;}
.main3{width:100%; padding:0px 10px 0px 10px; 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 50%;flex:0 0 100%;max-width:50%}
.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-3-m{-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 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-left{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:5px;}
.col-md-main{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:5px;}
.col-md-2-main {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; }
/****연혁****/
.col-md-1-m{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding-right:5px;}
.col-md-2-m1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-left:5px;}
.col-md-1-t{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding-right:0px; padding-top:0px;}
.col-md-9-t{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding-left:10px;}
.col-md-2-t{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 100%;max-width:100%; padding-top:10px;}
.col-md-8-t{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 100%;max-width:100%; padding-top:10px;}
.col-md-3-t{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding-top:10px;}
.col-md-7-t{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding-top:10px;}
/*********************** text size*******************/
/****************main*******************************/
.main_title1 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:200px; margin:auto; font-size:30px;} /**main img text 1****/
.main_title2 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:250px; margin:auto; font-size:20px;} /**main img text 2****/
.main_title3 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:300px; margin:auto; font-size:15px;} /**main img text 3****/
.tab1_f1 {font-size:18px;}
.tab1_f2 {font-size:15px;}
.tab2_f1 {font-size:30px;}
.tab2_f2 {font-size:18px;}
.tab2_f3 {font-size:18px;}
.tab2_f4 {font-size:15px;}
/*****main end****/
/******sub*******/
.sub_mt1 {font-size:30px;}
.sub_mt2 {font-size:30px;}
.sub_mt3 {font-size:20px;}
.sub_c1 {font-size:20px;}
.sub_c2 {font-size:18px;}
.sub_c3 {font-size:13px;}
.sub_c4 {font-size:12px;}
/*****sub end****/
/*****공통****/
.mfs {font-size:12px;}
/**************************************이미지*******************************************************/
.contents_img {width: 100%;}
.contents_img2 {width: 100%;}
.contents_img3 {width: 100%;}
.oz_img {width: 100%;} /**조직도**/
.s_image {width:100%; height:auto;}
/*****end****/
/*********************** text size end*******************/
.title_text_sq{ margin:0 auto; padding-top:250px; }
.sub_title1 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:190px; 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:270px; margin:auto; font-size:15px; font-weight:400; color:#FFFFFF;}
.c_logo {text-align:center; width:100%; padding-left:0px; padding-top:0px; padding-bottom:0px; }
.t_icon1 { position: relative; float: left; margin: 15px 0px 0 10px;}
.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;}
.c_line {border-top:1px solid #F4F4F4; padding:0px;}
.c_line2 {border-bottom:2px solid #3C3C3C; padding:0px 0px 20px 0px;}
.c_line3 {border-top:1px solid #FF7800; padding:0px;}
.c_line4 {border-top:1px solid #F4F4F4; padding:0px;}
.c_l {padding:5px;}
.c_l0 {padding:2px;}
.c_l1 {padding:5px;}
.c_l2 {padding:10px;}
.c_l3 {padding:15px;}
.c_l4 {padding:20px;}
.c_l5 {padding:25px;}
.c_l6 {padding:30px;}
.c_l7 {padding:35px;}
.c_l8 {padding:40px;}
.c_l9 {padding:45px;}
.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_box2-1 {border-top:0px 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_box2-2 {border:0px solid #F4F4F4; padding: 10px 15px 20px 15px; text-align:center; background:rgba(0, 0, 0, 0.8);}
.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:1px solid #F4F4F4;padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center; }
.c_box6 ul li{ margin:10px 0px 10px 30px; text-align:left; }
.c_box6_b {border:3px solid #F4F4F4;padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center; }
.c_box6_b ul li{ margin:10px 0px 10px 30px; text-align:left; }
.c_box7 {border-top:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding: 15px; background-color:#FFFFFF;}
.c_box_title { color:#FFFFFF; padding:26px; background-color:#FF6B00; text-align:center;}
.c_box_menu {}
.c_box_menu ul li {list-style-type:none; font-weight:600; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding:20px;}
.c_box_menu ul li:hover { color:#FF8A00; font-weight:600; list-style-type:none; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding:20px; cursor:pointer;}
.c_box_menu .on { color:#FF8A00; font-weight:600; list-style-type:none; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding:20px; cursor:pointer;}
.c_box_title2 { color:#FFFFFF; padding:20px; background-color:#478BCC; text-align:center;}
.c_box_title3 { color:#FFFFFF; padding:20px; background-color:#FF7800; text-align:center;}
.c_box_product {border:1px solid #F4F4F4; padding: 0px; background-color:#ffffff; text-align:center; }
#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#000000; border-top:0px solid #E1E1E1;}
#wrapper {height:80; width:100%; position: absolute; z-index:10000000000000; }
#header {position: relative; height:80; z-index:10000000000000; background:rgba(255, 255, 255, 1);}
/****************** pc & mobile *******************/
.pc {display:none}
.mobile_view {width:100%;}
.pc_view {display:none}
.mobile_menu {width:100%; margin-right:auto;margin-left:auto; height:80px;}
.pc_menu {display:none}
.mobile_foot {width:100%; margin-right:auto;margin-left:auto; height:auto;}
.pc_foot {display:none}
.board_pc {display:none}
.title_bg {padding-top:80px;}
.title_bg1 { height:80px; }
.title_bg2 { height:80px; }
.title_bg3 { height:80px; }
.title_bg4 { height:80px; }
.title_bg5 { height:80px; }
.title_bg6 { height:80px; }
.main_tab0 {padding-top:120px;}
.main_tab {background-color:#FFFFFF; background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:370px; }
.main_tab1 {background-color:#FFFFFF;background-repeat:no-repeat; background-position:top center; text-align:center; z-index:100; height:auto; padding-top:0px; }
.main_tab2 {background-color:#ffffff; background-repeat:no-repeat; background-position:top center; text-align:center; z-index:100; height:auto; padding-top:0px; background-attachment:fixed;}
.main_tab3 {background-color:#FFFFFF; border-top:0px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:30px; height:auto;}
/*****pop*******/
.pop1 {z-index:1000000000000000; width:300px; left:20px; right:20px;top:150px; position:absolute; }
.pop2 {z-index:1000000000000000; width:300px;left:20px; right:20px; top:620; position:absolute; }
.pop3 {z-index:1000000000000000; width:300px;left:20px; right:20px; top:1090; position:absolute; }
.pop1_img {width:300px;}
.pop2_img {width:300px;}
.pop3_img {width:300px;}
.img_file {width:auto; max-width:200px;}
}
/****************************************************************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;}
.main3{width:100%; padding:0px 0px 0px 0px; }
.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 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-3-m{-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 50%;flex:0 0 50%;max-width:50%}
.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-left{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:5px;}
.col-md-main{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:5px;}
.col-md-2-main {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; }
/****연혁****/
.col-md-1-m{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding-right:5px;}
.col-md-2-m1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-left:5px;}
.col-md-1-t{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%; padding-right:10px; padding-top:0px;}
.col-md-9-t{-webkit-box-flex:0;-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%; padding-left:10px}
.col-md-2-t{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding-right:10px; padding-top:5px;}
.col-md-8-t{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding-left:10px}
.col-md-3-t{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding-right:10px; padding-top:0px;}
.col-md-7-t{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding-left:10px}
.c_logo {text-align:center; width:100%; padding-left:0px; padding-top:0px; padding-bottom:0px; }
.t_icon1 { position: relative; float: left; margin: 15px 0px 0 10px;}
.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;}
.c_l {padding:5px;}
.c_l0 {padding:2px;}
.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;}
/*********************** text size*******************/
/******main*******/
.main_title1 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:330px; margin:auto; font-size:80px;} /**main img text 1****/
.main_title2 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:450px; margin:auto; font-size:26px;} /**main img text 2****/
.main_title3 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:500px; margin:auto; font-size:16px;} /**main img text 3****/
.tab1_f1 {font-size:18px;}
.tab1_f2 {font-size:15px;}
.tab2_f1 {font-size:48px;}
.tab2_f2 {font-size:18px;}
.tab2_f3 {font-size:18px;}
.tab2_f4 {font-size:15px;}
/*****main end****/
/******sub*******/
.sub_mt1 {font-size:30px;}
.sub_mt2 {font-size:30px;}
.sub_mt3 {font-size:20px;}
.sub_c1 {font-size:20px;}
.sub_c2 {font-size:18px;}
.sub_c3 {font-size:15px;}
.sub_c4 {font-size:13px;}
/*****sub end****/
/*****공통****/
.mfs {font-size:12px;}
/*****end****/
/**************************************이미지*******************************************************/
.contents_img {width: 100%;}
.contents_img2 {width: 100%;}
.contents_img3 {width: 100%;}
.oz_img {width: 100%;} /**조직도**/
.s_image {width:100%; height:auto;}
/*********************** text size end*******************/
.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:#ffffff;}
.sub_title2 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:350px; margin:auto; font-size:18px; font-weight:400; color:#FFFFFF;}
.c_line {border-top:1px solid #F4F4F4; padding:0px;}
.c_line2 {border-bottom:2px solid #3C3C3C; padding:0px 0px 20px 0px;}
.c_line3 {border-top:1px solid #FF7800; 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_box2-1 {border-top:0px 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_box2-2 {border:0px solid #F4F4F4; padding: 10px 15px 20px 15px; text-align:center; background:rgba(0, 0, 0, 0.8);}
.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:1px solid #F4F4F4;padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center; }
.c_box6 ul li{ margin:10px 0px 10px 30px; text-align:left; }
.c_box6_b {border:3px solid #F4F4F4;padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center; }
.c_box6_b ul li{ margin:10px 0px 10px 30px; text-align:left; }
.c_box7 {border-top:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding: 15px; background-color:#FFFFFF;}
.c_box_title { color:#FFFFFF; padding:26px; background-color:#FF6B00; text-align:center;}
.c_box_menu {}
.c_box_menu ul li {list-style-type:none; font-weight:600; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding:20px;}
.c_box_menu ul li:hover { color:#FF8A00; font-weight:600; list-style-type:none; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding:20px; cursor:pointer;}
.c_box_menu .on { color:#FF8A00; font-weight:600; list-style-type:none; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding:20px; cursor:pointer;}
.c_box_title2 { color:#FFFFFF; padding:20px; background-color:#478BCC; text-align:center;}
.c_box_title3 { color:#FFFFFF; padding:20px; background-color:#FF7800; text-align:center;}
.c_box_product {border:1px solid #F4F4F4; padding: 0px; background-color:#ffffff; text-align:center; }
#footer {width:100%; margin-right:auto;margin-left:auto; height:350px; background-color:#000000; border-top:0px solid #E1E1E1;}
#wrapper {height:80; width:100%; position: absolute; z-index:10000000000000; }
#header {position: relative; height:80; z-index:10000000000000; background:rgba(255, 255, 255, 1);}
/****************** pc & mobile *******************/
.pc {display:none}
.mobile_view {width:100%;}
.pc_view {display:none}
.mobile_menu {width:100%; margin-right:auto;margin-left:auto; height:80px;}
.pc_menu {display:none}
.mobile_foot {width:100%; margin-right:auto;margin-left:auto; height:80px;}
.pc_foot {display:none}
/***********
.title_bg {padding-top:80px;}
.title_bg1 {background:url('/img/t1.png'); background-repeat:no-repeat; background-position:top center; height:350px; }
.title_bg2 {background:url('/img/t2.png'); background-repeat:no-repeat; background-position:top center; height:350px; }
.title_bg3 {background:url('/img/t3.png'); background-repeat:no-repeat; background-position:top center; height:350px; }
.title_bg4 {background:url('/img/t4.png'); background-repeat:no-repeat; background-position:top center; height:350px; }
.title_bg5 {background:url('/img/t5.png'); background-repeat:no-repeat; background-position:top center; height:350px; }
.title_bg6 {background:url('/img/t6.png'); background-repeat:no-repeat; background-position:top center; height:350px; }
**************/
.title_bg {padding-top:80px;}
.title_bg1 { height:80px; }
.title_bg2 { height:80px; }
.title_bg3 { height:80px; }
.title_bg4 { height:80px; }
.title_bg5 { height:80px; }
.title_bg6 { height:80px; }
.main_tab0 {padding-top:120px;}
.main_tab {background-color:#FFFFFF; background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:370px; }
.main_tab1 {background-color:#FFFFFF;background-repeat:no-repeat; background-position:top center; text-align:center; z-index:100; padding-top:0px; }
.main_tab2 {background-color:#ffffff; background-repeat:no-repeat; background-position:top center; text-align:center; z-index:100; height:auto; padding-top:0px; background-attachment:fixed;}
.main_tab3 {background-color:#FFFFFF; border-top:0px solid #E1E1E1; text-align:center; z-index:100; height:auto; padding-top:30px; }
/*****pop*******/
.pop1 {z-index:1000000000000000; width:400px; left:10px; top:100px; position:absolute; }
.pop2 {z-index:1000000000000000; width:400px; left:420px; top:100px; position:absolute; }
.pop3 {z-index:10000000000000000; width:400px; right:20px; top:100px; position:absolute; }
.pop1_img {width:400px;}
.pop2_img {width:400px;}
.pop3_img {width:400px;}
.img_file {width:auto; max-width:200px;}
}
/********************************************************************1200*************************************************************************************************************/
@media (min-width:1200px){
.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; }
.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-3-m{-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-left{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-md-main{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding-left:50px;}
.col-md-2-main {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; }
/****연혁****/
.col-md-1-m{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding-right:10px;}
.col-md-2-m1{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-left:10px;}
.col-md-1-t{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%; padding-right:10px; padding-top:5px;}
.col-md-9-t{-webkit-box-flex:0;-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%; padding-left:10px}
.col-md-2-t{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding-right:10px; padding-top:5px;}
.col-md-8-t{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding-left:10px}
.col-md-3-t{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding-right:10px; padding-top:0px;}
.col-md-7-t{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding-left:10px}
.col-md-logo{width:200px; padding-right:0px; display:inline-block; }
.col-md-menu{width:790px; padding-right:0px; display:inline-block; }
.col-md-icon{width:220px; padding-right:0px; display:inline-block; }
.c_logo {text-align:center; width:100%; padding-left:10px; padding-top:0px; padding-bottom:0px;}
.t_icon1 { position: relative; float: left; margin: 0px 0px 0 0px;}
.t_icon2 { position: relative; float: right; margin: 30px 0px 0 0px;}
.t_text1 { position: relative; float: left; margin: 5px 0px 0 0px;}
.t_text2 { position: relative; float: right; margin: 5px 10px 0 10px;}
.c_l {padding:5px;}
.c_l0 {padding:2px;}
.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;}
/*********************** text size*******************/
/******main*******/
.main_title1 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:330px; margin:auto; font-size:80px;} /**main img text 1****/
.main_title2 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:450px; margin:auto; font-size:26px;} /**main img text 2****/
.main_title3 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:500px; margin:auto; font-size:16px;} /**main img text 3****/
.tab1_f1 {font-size:18px;}
.tab1_f2 {font-size:15px;}
.tab2_f1 {font-size:48px;}
.tab2_f2 {font-size:18px;}
.tab2_f3 {font-size:18px;}
.tab2_f4 {font-size:15px;}
/*****main end****/
/******sub*******/
.sub_mt1 {font-size:30px;}
.sub_mt2 {font-size:30px;}
.sub_mt3 {font-size:20px;}
.sub_c1 {font-size:20px;}
.sub_c2 {font-size:18px;}
.sub_c3 {font-size:15px;}
.sub_c4 {font-size:13px;}
/*****sub end****/
/*****공통****/
.mfs {font-size:14px;}
/*****end****/
/**************************************이미지*******************************************************/
.contents_img {width: 600px;}
.contents_img2 {width: 207px; height:120px;}
.contents_img3 {width: 207px;}
.oz_img {width:910px;} /**조직도**/
.s_image {width:100%; height:200px;}
.img_file {width:auto; max-width:300px;}
/*********************** text size end*******************/
.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:#ffffff;}
.sub_title2 {text-align:center; position: absolute; z-index:100000000; left:0; right:0; top:350px; margin:auto; font-size:18px; font-weight:400; color:#FFFFFF;}
.c_line {border-top:1px solid #F4F4F4; padding:0px;}
.c_line2 {border-bottom:2px solid #3C3C3C; padding:0px 0px 20px 0px;}
.c_line3 {border-top:1px solid #FF7800; 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_box2-1 {border-top:0px 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_box2-2 {border:0px solid #F4F4F4; padding: 10px 15px 20px 15px; text-align:center; background:rgba(0, 0, 0, 0.8);}
.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:1px solid #F4F4F4;padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center; }
.c_box6 ul li{ margin:10px 0px 10px 30px; text-align:left; }
.c_box6_b {border:3px solid #F4F4F4;padding: 15px 15px 20px 15px; background-color:#ffffff; text-align:center; }
.c_box6_b ul li{ margin:10px 0px 10px 30px; text-align:left; }
.c_box7 {border-top:1px solid #C4C4C4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; padding: 15px; background-color:#FFFFFF;}
/******************************************************좌측메뉴박스 *******************************************************************/
.c_box_title { color:#333333; padding:20px 0 20px 10px; background-color:#ffffff; text-align:left; border-bottom:1px solid #EDEDED;}
.c_box_menu {}
.c_box_menu ul li {list-style-type:none; font-size:14px; font-weight:600; border-right:0px solid #EDEDED; border-left:0px solid #EDEDED; border-bottom:1px solid #EDEDED; padding:10px 0 10px 10px;}
.c_box_menu ul li:hover { color:#FF8A00; font-size:14px; font-weight:600; list-style-type:none; border-right:0px solid #EDEDED; border-left:0px solid #EDEDED; border-bottom:1px solid #EDEDED; padding:10px 0 10px 10px; cursor:pointer;}
.c_box_menu .on { color:#FF8A00; font-size:14px; font-weight:600; list-style-type:none; border-right:0px solid #EDEDED; border-left:0px solid #EDEDED; border-bottom:1px solid #EDEDED; padding:10px 0 10px 10px; cursor:pointer; background-color:#FFFFFF;}
.c_box_menu .mselecton { color:#FF8A00; font-size:14px; font-weight:600; list-style-type:none; border-right:0px solid #EDEDED; border-left:0px solid #EDEDED; border-bottom:1px solid #EDEDED; padding:10px 0 10px 10px; cursor:pointer; background-color:#FFFFFF;}
.c_box_menu #ul_sub { color:#0000000; font-size:13px; background-color:#FAFAFA; font-weight:200; }
.c_box_menu #ul_sub li { color:#0000000; font-size:13px; background-color:#FAFAFA; font-weight:200; list-style-type:none; border-right:0px solid #EDEDED; border-left:0px solid #EDEDED; border-bottom:1px solid #EDEDED; padding:10px 0 10px 10px; cursor:pointer;}
/****************************************************************************************************************************/
.c_box_title2 { color:#FFFFFF; padding:20px; background-color:#478BCC; text-align:center;}
.c_box_title3 { color:#FFFFFF; padding:20px; background-color:#FF7800; text-align:center;}
.c_box_product {border:1px solid #F4F4F4; padding: 0px; background-color:#ffffff; text-align:center; }
.block {display:block;}
#footer {width:100%; margin-right:auto;margin-left:auto; height:350px; background-color:#3C3C3C; border-top:1px solid #E1E1E1;}
#wrapper {height:80; width:100%; position: absolute; z-index:10000000000000; border-top:0px solid #FFFFFF;}
#header {position: relative; z-index:10000000000000; background:rgba(255, 255, 255, 1);}
/******************* location ********************************/
.location {text-align:right; font-size:12px; color:#BDBDBD;}
/*******************main_banner ********************************/
.main_banner {width:400px; height:400px;}
/****************** pc & mobile *******************/
.m {display:none}
.mobile_view {display:none}
.pc_view {width:100%;}
.mobile_menu {display:none}
.pc_menu {width:1300px; margin-right:auto;margin-left:auto; height:80px;}
.mobile_foot {display:none}
.pc_foot {width:1200px; margin-right:auto;margin-left:auto; height:80px;}
/**********
.title_bg {padding-top:80px; }
.title_bg1 {background:url('/img/t1.png'); background-position:center top;background-size: cover; height:350px; width:100%; }
.title_bg2 {background:url('/img/t2.png'); background-repeat:no-repeat; background-position:top center; height:350px; }
.title_bg3 {background:url('/img/t3.png'); background-repeat:no-repeat; background-position:top center; height:350px; }
.title_bg4 {background:url('/img/t4.png'); background-repeat:no-repeat; background-position:top center; height:350px; }
.title_bg5 {background:url('/img/t5.png'); background-repeat:no-repeat; background-position:top center; height:350px; }
.title_bg6 {background:url('/img/t6.png'); background-repeat:no-repeat; background-position:top center; height:350px; }
**************/
.title_bg {padding-top:0px;}
.title_bg1 { height:80px; }
.title_bg2 { height:80px; }
.title_bg3 { height:80px; }
.title_bg4 { height:80px; }
.title_bg5 { height:80px; }
.title_bg6 { height:80px; }
.main_tab0 {padding-top:80px;}
.main_tab {background-color:#FFFFFF; background-repeat:no-repeat; background-position:top center; background-attachment:fixed; height:370px; }
.main_tab1 {background-color:#FFFFFF;background-repeat:no-repeat; background-position:top center; text-align:center; z-index:100; padding-top:0px; }
.main_tab2 {background-color:#ffffff; background-repeat:no-repeat; background-position:top center; text-align:center; z-index:100; height:auto; padding-top:0px; background-attachment:fixed;}
.main_tab3 {background-color:#FFFFFF; border-top:1px solid #f4f4f4; text-align:center; z-index:100; height:auto; padding-top:30px; }
/*****pop*******/
.pop1 {z-index:1000000000000000; width:600px; left:20px; top:100px; position:absolute; }
.pop2 {z-index:1000000000000000; width:500px; left:560px; top:100px; position:absolute; }
.pop3 {z-index:1000000000000000; width:469px; left:1100px; top:100px; position:absolute; }
.pop1_img {width:600px;}
.pop2_img {width:500px;}
.pop3_img {width:469px;}
}
/********************************************************************************* 사이트세로라인 ******************************************************************************/
.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-2-main{position:relative; width:100%;min-height:1px;padding-right:10px;padding-left:10px}
@media (max-width:768px){
.m_view {}
.floating { position: fixed; right: 0px; top: 100px; text-align:center; z-index:999999999999999999999999999999; }
}
@media (min-width: 768px) and (max-width:1198px){
.m_view {display:none}
}
@media (min-width:1200px){
.m_view {display:none}
}