/* 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, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0px none;
    outline:0;
    vertical-align:middle;
    background:;
   font-family: 'NanumBarunGothic', 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 {
    font-family: Noto Sans Kr;
    src:url('/demo/fonts/notokr-regular.eot');/*ie 호환성보기*/
    src:url('/demo/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),/*ie6~8*/
		url('/demo/fonts/notokr-regular.woff2') format('woff2'), /*woff2 지원브라우저*/ 
		url('/demo/fonts/notokr-regular.woff') format('woff'), /*모던브라우저*/ 
		url('/demo/fonts/notokr-regular.ttf') format('truetype');	
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Noto Sans Kr;
    src:url('/demo/fonts/notokr-medium.eot');/*ie 호환성보기*/
    src:url('/demo/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),/*ie6~8*/
		url('/demo/fonts/notokr-medium.woff2') format('woff2'), /*woff2 지원브라우저*/ 
		url('/demo/fonts/notokr-medium.woff') format('woff'), /*모던브라우저*/ 
		url('/demo/fonts/notokr-medium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'NanumBarunGothic';
    src:url('/fonts/NanumBarunGothic.eot');/*ie 호환성보기*/
    src:url('/fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),/*ie6~8*/
		url('/fonts/NanumBarunGothic.woff') format('woff'), /*모던브라우저*/ 
    font-weight: bold;
    font-style: normal;
}

.p_title {font-family: 'Playfair Display', serif; }
.m_title {font-family: 'NanumBarunGothic';}
.f_title  {font-family: 'Noto Sans Kr', sans-serif;}

.f_num {font-family: 'Lato', serif; font-weight:normal;}
.s_num {font-family: 'Nanum Square';}

.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%;}
img {border: 0px;}

strong {color:#000000; font-weight:500;}

.c_c {text-align:center; width:100%;}


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:#3B3B3B;  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:#FFFFFF; background-color:#FF6600;  float:none; /*position:fixed;*/ _position:absolute; width:120px;  margin-right:0px;   padding:5px 10px 5px 10px; border:1px solid #FF6600;}
.base17 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #FF6600;}
.base17:hover{color:#FFFFFF; background-color:#FF6600;  cursor:pointer; border:1px solid #FF6600;}

.base17_1{ color:#FFFFFF; background-color:#8C8C8C;  float:none; /*position:fixed;*/ _position:absolute; width:120px;  margin-right:0px;   padding:5px 10px 5px 10px; border:1px solid #8C8C8C;}
.base17_1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #3B3B3B;}
.base17_1:hover{color:#FFFFFF; background-color:#8C8C8C;  cursor:pointer; border:1px solid #8C8C8C;}

.base18{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#FFFFFF; background-color:#8C8C8C;  float:none; /*position:fixed;*/ _position:absolute; width:100px;  margin-right:0px;   padding:8px 10px 5px 10px; border:1px solid #8C8C8C;}
.base18 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #3B3B3B;}
.base18:hover{color:#FFFFFF; background-color:#8C8C8C;  cursor:pointer; border:1px solid #8C8C8C;}

.base18_1{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#FFFFFF; background-color:#8C8C8C;  float:none; /*position:fixed;*/ _position:absolute; width:100px;  margin-right:0px;   padding:8px 10px 5px 10px; border:1px solid #8C8C8C;}
.base18_1 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #3B3B3B;}
.base18_1:hover{color:#FFFFFF; background-color:#8C8C8C;  cursor:pointer; border:1px solid #8C8C8C;}

/*네비게이션*/
.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;}

.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;}
/* 마우스오버공통 */

.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:#A453EE;}
.blue2	{ color:#8E83A5;}
.blue3	{ color:#A9D7FF;}

.green { color:#00AE6F;}

.yellow	{ color:#FFC600;}
.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;}


.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: 200%;}

.lineh1 {height: 10px;}
.lineh2 {height: 20px;}
.lineh3 {height: 30px;}
.lineh4 {height: 40px;}
.lineh5 {height: 50px;}
.lineh6 {height: 60px;}

.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;}

@media (max-width:768px){
.title_text_sq{ position: relative; top:230px; font-size:15px;}
.title_text_sq2{position: relative; top:230px; font-size:30px;}
}
@media (min-width:768px){
.title_text_sq{ position: relative; top:280px; font-size:20px; letter-spacing:0.1px; color:rgba(255,255,255,0.8);}
.title_text_sq2{position: relative; top:300px; font-size:60px;}
}

.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 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%}
.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:0px; }
.t_icon1 {	position: relative;	float: left;	margin: 30px 0px 0 10px;}
.t_icon2 {	position: relative;	float: right;	 margin: 25px 10px 0 0px;}

.main_text {font-size:30px; font-weight:600;}
.sub_text {font-size:15px; font-weight:200;}
.c_l {padding:5px;}
.c_l1 {padding:10px;}
.c_l2 {padding:10px;}
.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:100%;}
.c_line {border-top:1px solid #F4F4F4;  padding:0px;}
.c_line2 {border-bottom:1px solid #3C3C3C;  padding:0px 0px 20px 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;}
.block {display:block;}

#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#2E2E2E; border-top:0px solid #E1E1E1;}
#wrapper {height:150; width:100%;  position: absolute;  z-index:10000000000000; } 
#header {position: relative;   z-index:10000000000000; } 


.pc  {display:none}
.main_scoll_mobile {display:none}
.ps_img {width:100%; height:150px;}
.ps_img2 {width:100%;}
.ps_img3 {width:100%; height:180px;}
.pc_view {display:none }

.tabs {background-color:#FFFFFF; padding-top:0px; z-index:100;}
.tro_main_img {background:url('/0-1.jpg'); background-repeat:no-repeat; background-position:top center;  height:400px;background-size: cover; background-attachment:fixed;}
.title_bg1 {background:url('/1.jpg'); background-repeat:no-repeat; background-position:top center; height:300px;background-size: cover; background-attachment:fixed;}
.title_bg2 {background:url('/2.jpg'); background-repeat:no-repeat; background-position:top center; height:300px;background-size: cover; background-attachment:fixed;}
.title_bg3 {background:url('/3.jpg'); background-repeat:no-repeat; background-position:top center; height:300px;background-size: cover; background-attachment:fixed;}
.title_bg4 {background:url('/4.jpg'); background-repeat:no-repeat; background-position:top center; height:300px;background-size: cover; background-attachment:fixed;}
.title_bg5 {background:url('/5.jpg'); background-repeat:no-repeat; background-position:top center; height:300px;background-size: cover; background-attachment:fixed;}
.title_bg6 {background:url('/6.jpg'); background-repeat:no-repeat; background-position:top center; height:300px;background-size: cover; background-attachment:fixed;}
.title_bg7 {background:url('/7.jpg'); background-repeat:no-repeat; background-position:top center; height:300px;background-size: cover; background-attachment:fixed;}
.title_bg8 {background:url('/7.jpg'); background-repeat:no-repeat; background-position:top center; height:300px;background-size: cover; background-attachment:fixed;}
.title_bg9 {background:url('/7.jpg'); background-repeat:no-repeat; background-position:top center; height:300px;background-size: cover; background-attachment:fixed;}
.title_bg10 {background:url('/9.jpg'); background-repeat:no-repeat; background-position:top center;height:300px;background-size: cover; background-attachment:fixed;}
.title_bg11 {background:url('/10.jpg'); background-repeat:no-repeat; background-position:top center; height:300px;background-size: cover; background-attachment:fixed;}

.main_tab {background:url('/demo2/7.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed;  height:370px; }
.main_tab1 {background-color:#FFFFFf;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:0px;}
.main_tab2 {background-color:#F7FAFC;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:10px;}
.main_tab2-1 {background-color:#FFFFFF;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:10px;}
.main_tab2-2 {background-color:#F7FAFC;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:10px;}
.main_tab2-3 {background-color:#FFFFFF;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:10px;}
.main_tab2-4 {background-color:#F7FAFC;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:10px;}
.main_tab3 {background-color:#FFFFFF;  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;}
.tt_image {width:100%;height:120px;}
}
/****************************************************************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%}

.line {border:1px solid #F4F4F4;}

.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;}

.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: 25px 10px 0 10px;}
.content_img {width:100%;}
.c_line {border-top:1px solid #F4F4F4;  padding:0px;}
.c_line2 {border-bottom:1px solid #3C3C3C;  padding:0px 0px 20px 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;}
.block {display:block;}

#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#2E2E2E; border-top:0px solid #E1E1E1;}
#wrapper {height:150; width:100%;  position: absolute;  z-index:10000000000000; } 
#header {position: relative;   z-index:10000000000000; } 

.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; }
.main_scoll_mobile {display:none}
.ps_img {width:100%; height:200px;}
.ps_img2 {width:100%;}
.ps_img3 {width:100%; height:180px;}


.tabs {background-color:#FFFFFF; padding-top:30px; z-index:100;}
.tro_main_img {background:url('/0-1.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('/7.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;}
.title_bg9 {background:url('/7.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;}
.title_bg10 {background:url('/9.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;}
.title_bg11 {background:url('/10.jpg'); background-repeat:no-repeat; background-position:top center; height:450px; background-attachment:fixed;}

.main_tab {background:url('/demo2/7.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed;  height:370px; }
.main_tab1 {background-color:#FFFFFf;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:0px;}
.main_tab2 {background-color:#F7FAFC;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}
.main_tab2-1 {background-color:#FFFFFF;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}
.main_tab2-2 {background-color:#F7FAFC;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}
.main_tab2-3 {background-color:#FFFFFF;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}
.main_tab2-4 {background-color:#F7FAFC;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}
.main_tab3 {background-color:#FFFFFF;  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;}
.tt_image {width:100%;height:150px;}
}
/********************************************************************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%}

.line {border:1px solid #F4F4F4;}
.main_text {font-size:40px; font-weight:600;}
.sub_text {font-size:15px; font-weight:200;}

.c_logo {text-align:center; width:100%; padding-left:150px; padding-top:0px; }
.t_icon1 {	position: relative;	float: left;	margin: 25px 0px 0 0px;}
.t_icon2 {	position: relative;	float: right;	 margin: 25px 10px 0 10px;}

.content_img {width:auto; max-width:800px;}

.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 #F4F4F4;  padding:0px;}
.c_line2 {border-bottom:2px solid #3C3C3C;  padding:0px 0px 20px 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;}
.block {display:block;}

#footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#2E2E2E; border-top:0px solid #E1E1E1;}
#wrapper {height:150; width:100%;  position: absolute;  z-index:10000000000000; } 
#header {position: relative;   z-index:10000000000000; } 

.mobile {display:none}
.tel{display:none}
.pc {width:1200px; margin-right:auto;margin-left:auto; }
.mobile_view {display:none}
.pc_view {width:100%; margin-right:auto;margin-left:auto; }
.main_scoll_mobile {display:none}
.ps_img {width:100%; height:200px;}
.ps_img2 {width:100%;}
.ps_img3 {width:100%; height:300px;}

.tabs {background-color:#FFFFFF; padding-top:30px; z-index:100;}
.tro_main_img {background:url('/0-1.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:550px; background-attachment:fixed;}
.title_bg2 {background:url('/2.jpg'); background-repeat:no-repeat; background-position:top center; height:550px; background-attachment:fixed;}
.title_bg3 {background:url('/3.jpg'); background-repeat:no-repeat; background-position:top center; height:550px; background-attachment:fixed;}
.title_bg4 {background:url('/4.jpg'); background-repeat:no-repeat; background-position:top center; height:550px; background-attachment:fixed;}
.title_bg5 {background:url('/5.jpg'); background-repeat:no-repeat; background-position:top center; height:550px; background-attachment:fixed;}
.title_bg6 {background:url('/6.jpg'); background-repeat:no-repeat; background-position:top center; height:550px; background-attachment:fixed;}
.title_bg7 {background:url('/7.jpg'); background-repeat:no-repeat; background-position:top center; height:550px; background-attachment:fixed;}
.title_bg8 {background:url('/7.jpg'); background-repeat:no-repeat; background-position:top center; height:550px; background-attachment:fixed;}
.title_bg9 {background:url('/7.jpg'); background-repeat:no-repeat; background-position:top center; height:550px; background-attachment:fixed;}
.title_bg10 {background:url('/9.jpg'); background-repeat:no-repeat; background-position:top center; height:550px; background-attachment:fixed;}
.title_bg11 {background:url('/10.jpg'); background-repeat:no-repeat; background-position:top center; height:550px; background-attachment:fixed;}

.main_tab {background:url('/demo2/7.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed;  height:370px; }
.main_tab1 {background-color:#FFFFFf;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:0px;}
.main_tab2 {background-color:#F7FAFC;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}
.main_tab2-1 {background-color:#FFFFFF;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}
.main_tab2-2 {background-color:#F7FAFC;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}
.main_tab2-3 {background-color:#FFFFFF;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}
.main_tab2-4 {background-color:#F7FAFC;  border-top:1px solid #E1E1E1;  text-align:center;  z-index:100;  height:auto; padding-top:30px;}

.main_tab3 {background-color:#FFFFFF;  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;}
.tt_image {width:100%;height:180px;}

}

/***********************  사이트세로라인 **********************/

.zindex {z-index:-2;}
.zindexu {z-index:99;}
.zindexu2 {z-index:10000; -webkit-transform-style: preserve-3d; -webkit-transform: translateZ(5px);}

.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{position:relative; width:100%;min-height:1px;padding-right:10px;padding-left:10px}

.view_btn{ color:#FFFFFF;  font-size:13px; font-weight:600; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 20px 5px 20px;  background:rgba(0,0,0,0); border:2px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; }
.view_btn:hover{color:#FF0083; background:rgba(0,0,0,0);  cursor:pointer; border:2px solid #FF0083;}

.view_btn2{ color:#535353;  font-size:13px; font-weight:600; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 20px 5px 20px;  background:rgba(0,0,0,0); border:2px solid #535353; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; }
.view_btn2:hover{color:#FF0083; background:rgba(0,0,0,0);  cursor:pointer; border:2px solid #FF0083;}

.view_btn2-1{ color:#535353;  font-size:15px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 20px 5px 20px;  background:rgba(0,0,0,0); border:2px solid #D9D9D9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; }
.view_btn2-1:hover{color:#FF0083; background:rgba(0,0,0,0);  cursor:pointer; border:2px solid #FF0083;}

.view_btn2-1on{color:#FF0083;  font-size:15px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 20px 5px 20px;  background:rgba(0,0,0,0); border:2px solid #FF0083; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; }

.view_btn2-2{ color:#535353;  font-size:15px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 20px 5px 20px;  background:rgba(0,0,0,0); border:2px solid #D9D9D9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; }
.view_btn2-2:hover{color:#535353; background:rgba(0,0,0,0);  cursor:pointer; border:2px solid #535353;}


@media (max-width:768px){
.view_btn2-3{ color:#535353;  font-size:12px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 10px 5px 10px;  background:rgba(0,0,0,0); border:2px solid #D9D9D9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; }
.view_btn2-3:hover{color:#FF0083; background:rgba(0,0,0,0);  cursor:pointer; border:2px solid #FF0083;}

.view_btn2-3on{ color:#FE7474;  font-size:12px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 10px 5px 10px;  background:rgba(0,0,0,0); border:2px solid #FE7474; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; }

.view_btn2-4on{ color:#00BC35;  font-size:12px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 10px 5px 10px;  background:rgba(0,0,0,0); border:2px solid #00BC35; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; }

}
@media (min-width:768px){
.view_btn2-3{ color:#535353;  font-size:13px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 20px 5px 20px;  background:rgba(0,0,0,0); border:2px solid #D9D9D9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; }
.view_btn2-3:hover{color:#FF0083; background:rgba(0,0,0,0);  cursor:pointer; border:2px solid #FF0083;}

.view_btn2-3on{ color:#FE7474;  font-size:13px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 20px 5px 20px;  background:rgba(0,0,0,0); border:2px solid #FE7474; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; }
}


.guide_b{ color:#535353;  font-size:13px; font-weight:600; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 20px 5px 20px;  background:rgba(0,0,0,0); border:2px solid #D9D9D9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; }

.guide_b_on { color:#FF0083;  font-size:13px; font-weight:600; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 20px 5px 20px;  background:rgba(0,0,0,0); border:2px solid #FF0083; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; }


.reser_button_ok { color:#FF0083;  font-size:15px; font-weight:600; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 20px 5px 20px;  background:rgba(0,0,0,0); border:2px solid #FF0083; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; cursor:pointer;}
.reser_button_no { color:#535353;  font-size:15px; font-weight:600; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 20px 5px 20px;  background:rgba(0,0,0,0); border:2px solid #D9D9D9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; cursor:pointer;}


.view_btn3{ color:#FF0083;  font-size:16px; font-weight:600; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:10px 20px 10px 20px;  background:rgba(255,255,255,1); border:3px solid #FF0083; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 50px; }
.view_btn3:hover{color:#FFFFFF; background:rgba(255,0,131,1);  cursor:pointer; border:3px solid #FF0083;}