@charset "utf-8";
/* CSS Document */

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);


@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('//script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('//script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('//script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('//script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('//script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('//script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


@font-face { 
font-family: 'GongGothicMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff'); 
font-weight: normal; 
font-style: normal;
}

@font-face { 
font-family: 'GongGothicLight';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff'); 
font-weight: normal; 
font-style: normal;
}

@font-face { 
font-family: 'GongGothicBold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff'); 
font-weight: normal; 
font-style: normal;
} 
 



body {margin:0; padding:0; font-family:'Noto Sans KR', sans-serif !important; }
div, ul, li {margin:0; padding:0; list-style:none;}
img {border:0;}

.phone2 a {display: block; width: 105px; height: 126px; background: url(/p_img/btn_phone.gif) 0 0 no-repeat;}
.loginbut {width:89%; background:#333399; color:#fff; font-size:16px; padding: 10px 0; display:inline-block; margin-top:23px;}
.loginbut:hover {color: #FFF;}
.tid_008_tbox {text-align:left; width:89%; margin: 5px 0; top: 8px;}
.tid_008_tbox a {margin:0 8px 0 8px; }

/*-----------------------------------------------------------------------------------------------------*/
#tid_001 {width:100%; background: url(/p_img/mt_jpg002.jpg) repeat-x; overflow: visible;}
#tid_001_box {width:100%; position: relative; overflow: visible;}
.tid_001_bb { width: 1200px; height: 176px; margin: 0 auto; font-family: 'GongGothicLight'; position: relative;}

.tid_001_ab {width: 100%; margin: 0 auto; top: 38px; border-bottom: 2px solid #ededed; position: relative;}
.tid_001_bb a {line-height: 30px; /*padding:7px 10px;*/}
.tid_001_bb a.bba_first { z-index: 0; position: relative; margin-right: 26px;}
#tid_002 { position: relative; margin: auto; width: 100%; height: 50px;}
#tid_002 * {}
#tid_003 {left:0; top:0;}
#tid_004 {left:138px; top:0;}
#tid_005 {left:254px; top:0;}
#tid_006 {width:300px; height: 80px; position: absolute; left:0; top:37px;}
#tid_007 {left:10px; top:35px; position: relative; width:145px;}
#tid_008 {width:305px; right:15px; position: absolute; top:0; right: 0;}
#tid_008.toploginbox { text-align: right;   letter-spacing:-1px;}
#tid_008.toploginbox a {font-family: 'GongGothicLight'; font-size: 13.5px; margin-left: 20px;}
#tid_008.toploginbox form {margin:0;}
#tid_008 form {margin:10px 0;}
#tid_008 * {position:relative; text-align:center;}
#tid_009 {width:100%;  height: 50px; }
#tid_009_line {width: 100%; border-top: 1px solid #efefef; margin-top: 0px; top: 5px; position: relative; z-index: -1;}
#tid_009_box { width: 1200px; height: 50px; margin: auto; position: relative;/* background: url(/p_img/mt_jpg003.jpg) repeat-x;*/}
#tid_009_box li { color: #FFF; font-size: 16px; font-family: 'S-CoreDream'; letter-spacing: -1px; font-weight: 400; top: 16px; position: relative; display: inline-block; width: 16.35%; text-align: center; height: 46px; cursor: pointer;}

.first_009 {}
.second_009 {text-align:center; }
.third_009 {text-align:center; }
#tid_009 a { color: #FFF; font-size: 16px; font-family: 'S-CoreDream'; letter-spacing: -1px; font-weight: 400; top: 16px; position: relative; display: inline-block; width: 16.35%; text-align: center;}
#tid_009 a.right {text-align:center;}
#tid_009 a:hover {color:rgba(255, 255, 0);}
#tid_009 img {float:left;}
#tid_010 {position:relative; width:400px; height:864px; overflow:hidden; top:70px; float:right;}
#tid_010_banner a {margin-left:-1px;}
#tid_010_banner {top: 170px; position: relative; }
#tid_010_ban {position: relative; top: 80px; width: 100%;}
#tid_010_banner img {width:px;}
#tid_010 ul {position:absolute; width:1000px; height:10000px; margin:0; padding:0;}
#tid_010 li {height:40px; margin:0; padding:0;}
#tid_011 {position:absolute; top:323px;}
#tid_012 {width: 383px; height: 180px; overflow: hidden; background: #fff; border: 1px solid #e4e4e4; float: right; }
#tid_012.tcls_005 img {width:10%; position:absolute; margin-left: 3px; margin-top: 2px;}
#tid_013 {width:383px; height: 300px; background:url('/p_img/tota_img03.png') no-repeat; background-position:center 60%; border: 1px solid #e4e4e4;}
#tid_013.tcls_005 img {width:10%; position:absolute; margin-left: 3px; margin-top:2px;}
#tid_013_tt span {position:absolute;}
#tid_014 {text-align: center; margin-top: 75px; font-family:"Noto Sans KR", sans-serif; font-size:14px; width: 100%;}
#tid_015 {position:relative; color:#cc3333; font-weight:bold;}
#tid_016 {position:absolute; top:0; left:318px;}
#tid_017 { width: 333px; height: 261px; position: relative; background: url(/p_img/mt_gif003.gif) no-repeat; margin-top: 20px; overflow: hidden;}
#tid_017 * {}
#tid_017.tcls_005 img {width:10%; position:absolute; margin-left: 3px; margin-top:2px;}
#tid_018 { top: 17px; right: 16px; cursor: pointer; position: absolute; width: 15px;}
#tid_019 {width:390px; height:412px; display:inline-block}
#tid_019 span.tcls_011 strong {color:#1260e2;}
#tid_019 * {position:absolute; font-family:"Malgun Gothic"; color: #000;}
#tid_019 img {width:100%;}
#tid_020 {width:690px; height:333px; background:url('/p_img/gif_015_ss.png') no-repeat;}
#tid_020 a {position:absolute; font-size:15px; font-family:"Malgun Gothic"; text-decoration:none; font-weight:400;}
#tid_020 a:link {color:#999999;}
#tid_020 a:visited {color:#999999;}
#tid_020 a:hover {color:#FF0000;}
#tid_021 {width:100%; height:270px; background:#; overflow:hidden;}
.fot_bot {background:#; width:100%; height:100%;}
.fot_bot p {width:1150px; margin:20px auto 0; font-family:'Noto Sans KR', sans-serif; font-size:12px;}
#tid_022 { position: absolute; left: 15px; top: 89px; width: 300px; height: 159px; overflow: hidden;}
#tid_022 div { left: 0; width: 320px; margin-bottom: 15px; position: relative !important; height:220px; }
#tid_022 * {position:relative;}
#tid_023 {position:absolute; top:px; left:0px; width:830px; height:357px; border:0; overflow:hidden;}
#tid_023 ul {position:absolute; top:0; left:0; width:830px; height:3000px; border:0; overflow:hidden;}
#tid_023 li { position: relative; float: left; width: 232px; height: 355px; margin: 0 15px 10px 19px; border: 1px solid #e9e9e9; text-align: center; background: url(/p_img/kgif_014.gif) no-repeat;}
#tid_024 { position: absolute; top: 135px; margin-left: -920px; width: 300px; font-size: 0; line-height: 0; right: 0; overflow: visible !important; left: 50%;}
#tid_024 li {width:119px; float:left; font-size:0; line-height:0; top:241px;}
#tid_025 {position:absoulte; width:325px; height:50000px; left:0; top:0;}
#tid_025 div { height: 32px; border-bottom: 1px dashed #DDD; margin-bottom:10px;}
#tid_025 ul {height:inherit;}
#tid_026 { width: 1200px; min-height: 700px; margin: auto; overflow: hidden;}
#tid_026 ul {width:1000px; overflow:hidden;}
#tid_027 {width:300px; float:left; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#tid_027 { width: 300px; float: left;}
#tid_027 div:first-child {border-bottom:0px solid #313558;}
#tid_028 {width:900px; overflow:hidden; float:right;}
#tid_029 {margin-top:10px;}
#tid_029 img {margin:5px 0 10px 0px; width: 100%;}
#tid_030 { position: relative; width: 300px; height: 270px; background: url(/p_img/mt_gif013.gif) no-repeat; margin-bottom: 50px;}
#tid_030 * {position:absolute;}
#tid_031 { top: 10px; left: 15px; color: #d92323; font-family: "Noto Sans KR", sans-serif; font-size: 18px; font-weight: 900;}
#tid_032 { position: relative; width: 895px; height:77px; margin-bottom:px; float: right; background: url(/p_img/mt_gif012.gif) no-repeat;}
.acls_03_tit { margin-left:px; margin-top:12px;}
#tid_032 * {position:absolute;}
#tid_033 { left: 38px; top: 19px; font-family: 'S-CoreDream'; font-size: 25px; color: #333333; letter-spacing: -1px;}
#tid_033:before {content:"∝ "; font-size:25px;}
#tid_034 {right:10px; top:0px; font-family:"Malgun Gothic"; font-size:12px; color:#333333; letter-spacing:-2px; display:none;}
.tid_008 { right: 0; top: -2px;}

#tid_035 * {position:relative; text-align: center;}
#tid_035.toploginbox { position: relative; float: right;/* height: 39px; top: -4px;*/ line-height: 30px;}
#tid_035.toploginbox a {padding:0; border-right: 0px; border-left: 0px;}
#tid_035.toploginbox .tcls_024 {top:0; letter-spacing: -0.5px;}
#tid_035.toploginbox #tid_036 { width: auto; padding: 3px 7px; font-size: 12px; margin-top: 0; margin-left: 10px;}
#tid_035.toploginbox #tid_037 {width:auto; padding:3px 7px; font-size: 12px; border-radius: 0px; margin-top: 0; margin-left: 5px;}
#tid_036 { background: #4484d0; color: #fff; display: inline-block; font-family: 'Noto Sans KR',sans-serif;}
#tid_037 {width:89%; background:#333399; color:#fff; font-size:16px; padding: 10px 0; display:inline-block; margin-top:10px; font-family: 'Noto Sans KR',sans-serif;}
#tid_038 {position:absolute; left:0; top:0;}
#tid_039 {position:absolute; left:231px; top:0;}
#tid_040 {position:absolute; left:231px; top:106px;}
#tid_041 { right: 0; top: 5px; position: absolute;}
#tid_042 { width: 839px; height: 183px; position: relative; background: url(/p_img/mt_gif004.gif) no-repeat;}
#tid_042 b {position:relative;     top: 74px; font-size: 27px; font-weight:300; right: 71px;}
#tid_042 ul { width: 100%; height: 100%; position: relative;}
#tid_046 {background:#;     height: 61px;    padding-top: 25px;}
#tid_042 ul * {position:absolute;}
#tid_042 ul strong {font-weight:bold; position:relative !important; font-size:20px;}
#tid_043 { left: 24px; top: 2px; font-family: 'Noto Sans KR', sans-serif; font-size: 21px; font-weight: 900; color: #eb452d;}
#tid_044 {left:10px; top:45px;}
#tid_045 {left:475px; top:45px;}
#tid_046 { left: 158px; top: -10px; letter-spacing: -1px; font-family: '맑은 고딕', sans-serif; font-weight: 500; text-align: left; width: 100%;}
#tid_046 span { position: relative; font-size: 13px;}
#tid_047 { color:#404040}
#tid_048 { position: relative; width: 333px; height: 310px; background: url(/p_img/mt_jpg006.jpg) no-repeat; float: left;}
#tid_049 { position: relative; width: 925px; height:px; overflow: hidden; float: left;}
#tid_050 { position: relative; width: 324px; height: 297px;}
#tid_050 * {position:relative;}
#tid_051 { left: 30px; top: 15px; width: 140px; height: 30px; background: #3447ac; color: #fff; font-family: 'GongGothicLight'; border: 0px solid #eee; cursor: pointer;}
#tid_052 { left: 27px; top: 15px; width: 140PX; height: 30px; background: #c5062a; color: #fff; font-family: 'GongGothicLight'; border: 0px solid #eee; cursor: pointer;}
#tid_053 { left: 30px; text-align: left; width: 270px; top: -2px; font-family: 'Malgun Gothic', sans-serif; color: #283995;}
#tid_053 * {position:relative;}
#tid_053 a { color: #283995;}
#tid_054 { position: relative; width: 333px; height: 261px; background: url('/p_img/mt_gif002.gif?0') no-repeat;}
#tid_054 * {position:absolute;}
#tid_055 {width:813px; height:px; position:relative;     display: inline-block;}
#tid_056 {right:0; bottom:0; position:absolute;}
#tid_057 {position: absolute; right: 434px; top: 0;}
#tid_058 {position:relative; float:left; width:716px; margin-right:30px; height:488px; background:url(/p_img/main_05.jpg) no-repeat; background-size:contain;}
#tid_058_a { position: relative; float: left; width: 390px; height: 261px; background: url(/p_img/mt_gif007.gif) no-repeat; margin-bottom: 20px;}


#tid_059 {position:relative; float: left; right:0px;top: 0px;    margin-right:10px; width: 376px;    height: 292px;padding:0 0 0 0px; overflow:hidden; border:2px solid #e8e8e8; padding:0px; border-radius:0px;}
#tid_059 table {margin:0 auto;}
#tid_060 { position: absolute; left: -41px; top: 48px; width: 410px; height: 208px;}
#tid_060 img {margin:25px 0px 0 20px;width:120px;}
#tid_060 * {position:absolute;}
#tid_061 { text-align: left; top: 130px; right: 0px; font-size: 14px; font-family: 'Gmarket Sans'; font-weight: normal;}
#tid_062 {left: 0; top: 0; font-size: 39px; font-weight: bold; font-family: 'Arial Black', sans-serif; color: #eb452d; position: absolute;}
#tid_063 { left: 193px; position:relative; top: 50px; font-size: 15px; color:#; font-size:15px;}
#tid_064 { color: #333; font-size: 11px; position: absolute; top: 79px; font-family: 'GongGothicLight'; left: 72px;}
#tid_065 { position: absolute; top: 5px; left: 240px; font-family: 'Noto Sans KR', sans-serif; line-height: 30px; padding-left: 50px;}
#tid_066 { position: absolute; top: 41px; right: 14px; font-size: 34px; font-weight: bold; font-family: 'Arial Black', sans-serif; color: #eb452d; height: 97px; line-height: 33px;}
#tid_067 { position: relative; width:300px; height:303px;     display:;}
#tid_068 { position: relative; top: px; margin-left: 608px; width: 119px; font-size: 0; line-height: 0; right: 0; overflow: visible !important; left: 50%;}
#tid_068 li {width:119px; float:left; font-size:0; line-height:0; top:50px;}

#tid_069 { position: relative; top: -20px; margin-left: -766px; width: 144px; font-size: 0; line-height: 0; right: 0; overflow: visible !important; left: 50%;}
#tid_069 li {width:144px; float:left; font-size:0; line-height:0; top:50px;}
#tid_070 { position: relative; top: 130px; margin-left: -766px; width: 144px; font-size: 0; line-height: 0; right: 0; overflow: visible !important; left: 50%;}
#tid_070 li {width:144px; float:left; font-size:0; line-height:0; top:50px;}
#tid_071 { width: 195px; height: 50px; background: url(/p_img/mt_jpg005.jpg) no-repeat; position: absolute; left: 50%; margin-left: 405px; top: 82px;}
#tid_071 ul {}
#tid_071 li { font-size: 24px; font-family: 'Gmarket Sans'; color: #333; font-weight: 500; height: 30px; line-height: 30px; width: 173px;}

#customer {width: 410px; display: ; position: relative; left: 0px; float:; top:px; height: 215px; background: #344094;  border-radius: 10px; background:url(/p_img/main_06.jpg) center center no-repeat; background-size:contain;}
#customer img {margin:25px 0 10px 20px;width:70px;}
.cus_to {float: right; position: relative; margin-top: -137px; display: inherit; width: 396px;    left: -1px;}
#phoneNumBig {position:relative; font-size: 39px; font-weight: bold; font-family: 'Arial Black', sans-serif; color: #eb452d; width:230px; height:90px; overflow:hidden}
#phoneNumBig ul {position:absolute; width:1200px; height:90px;}
#phoneNumBig ul li {position: relative; width: 230px; height: 90px; display: inline; margin-top: 10px; line-height: 34px;}

#customer2 {width: 410px; position: relative; left: 0px; float: ; top: px; height: 228px; border-radius: 10px;}
#phoneNumBig3 { position: absolute; font-size: 22px; font-weight: bold; font-family: 'GongGothicLight'; color: #333; width: 379px; height: 50px; overflow: hidden; top: 38px; left: 69px;}
#phoneNumBig3 ul { position: absolute; width: 330px; /*height: 150px;*/}
#phoneNumBig3 ul li { position: relative; width: 330px; height: 50px; display: block; margin-top: 15px; font-size: 24px; line-height: 24px;}









.tcls_024 strong { font-size: 16px; font-family: 'Malgun Gothic',sans-serif; letter-spacing: -1px; font-weight: 700; margin: 2px 5px 12px; display: inline-block; color: #555;}
.mblogin_ss a {font-size:12px; font-family:"Malgun Gothic"; letter-spacing:-1px;}
.mblogin_ss {border-top:1px solid #e4e4e4; padding:13px 0 0 0; margin:24px auto 0;}
.tcls_024 b {color: #ccc;}
.mblogin_ss b {color: #ccc;}
.tcls_024 a {border:none;}

/*-----------------------------------------------------------------------------------------------------*/
.tcls_001 {width:85%; height:30px; border:1px solid #e1e1e1; font-family:"Malgun Gothic"; font-size:12px; color:#cc3333; margin-top:15px; text-align:left !important; padding-left:10px; margin:10px 4% 0 4%;}
.tcls_002_1 {position:absolute; width:100%; height:150px; margin:auto; clear:both; padding:0; font-family:"Noto Sans KR", sans-serif; background:url('../p_img/main_bg.jpg') center center;
background-repeat:no-repeat; background-size:cover; text-align: center;}
.tcls_002 { position: relative; width: 1200px; margin: auto; clear: both; padding: 0; font-family: "Noto Sans KR", sans-serif;}
.tcls_003 {position:absolute; right:0; top:202px;} /* 우측 상단 붙이기 */
.tcls_003_1 {position:absolute; right:0;}
.tcls_003_2 {position:absolute; right:0; top:45px;}
.tcls_004 {position:relative; }  /* 좌측 상단 붙이기 */ 
.tcls_005 { color: #2d2d2d; font-size: 18px; font-weight: 400; margin-top: .0px; left: 16px; text-align: center; font-family: "S-CoreDream"; top: 14px; position: absolute;}
.tcls_005 img {width:auto !important; position: relative;left: -6px; top:-1px;}
.tcls_005 span { font-weight: 400; display: inline-block; font-size: 17px;}
.tcls_0055 {color:#dd3900; font-size:24px; font-weight:900; font-family: "Noto Sans KR", sans-serif; margin-left: 25px; }
.tcls_0055 img {display:inline-block; margin-top: -19px; margin-left: 94px;}
.tcls_00555 {color:#dd3900; font-size:24px; font-weight:900; font-family: "Noto Sans KR", sans-serif; margin-left: 25px; margin-top: 20px;}
.tcls_003 img#tid_018_a {display: inline-block; margin-top: 18px; margin-left: 70px;}
.tcls_006 {top:63px !important; width: 10%; position: absolute;}
.tcls_007 {top:221px; font-family:"Malgun Gothic"; font-size:14px; width:30px; text-align:center;}
.tcls_008 { width: 100px; height: 25px; text-align: right; font-family: 'Nanum Gothic', sans-serif; font-size: 12px; font-weight: bold; color: #333333;}
.tcls_009 {position:absolute; right:0; bottom:0;} /* 우측 하단 붙이기 */
.tcls_010 {position:absolute; left:0; top:0; margin-top: -1px;}  /* 좌측 하단 붙이기 */
.tcls_011 {left:37px; color:#999999; font-size:17px; width:100%; font-weight:600; letter-spacing: -1px;}
.tcls_012 {left:266px; color:#FFFFFF !important; font-size:14px; background:#0e051f; border:0; width:91px; cursor:pointer; letter-spacing: -1px; padding:4px 0;}
.tcls_013 {right:33px; bottom:43px; font-size:15px; color:#666666; text-align:right; letter-spacing:-1px; font-family:'Noto Sans KR', sans-serif;font-weight:700;}
.tcls_014 { width: 67px; float: left; height: 29px;}
.tcls_014 img {padding-top:2px; padding-left:5px}
.tcls_015 { float: left; font-size: 11px; font-family: "Malgun Gothic"; color: #666666; font-weight: bold; padding-top: 5px; margin-left: 20px; width: 118px;}
.tcls_016 { width: 90px; float: left; font-size: 11px; font-family: "Malgun Gothic"; font-weight: bold; text-align: center; padding-top: 5px;}
.tcls_017 {width:310px;}
.tcls_018 {width: 231px; height: 178px;}
.tcls_019 { position: relative; font-size: 14px; font-family: "Noto Sans KR", sans-serif; color: #d61b1b; text-align: center; display: inline-block; margin-top: 10px; font-weight:bold;}
.tcls_021 { width: 300px; height: 30px; padding: 15px 0 0 13px; display: inline-block; border-bottom: 1px dashed #AAA;}
.tcls_021 li:hover {background:red; line-height: 16px;}
.tcls_021 a {font-family: 'S-CoreDream'; font-size: 17px; sans-serif;  text-decoration:none; line-height: 18px;}
.tcls_021 a:hover {text-decoration:; text-decoration-color:#444; color:#cc0000;}
.tcls_021 a:before {content:"∝ "; font-size:17px; font-weight: 900;    padding-right: 6px;}
.tcls_022 { background: #bae2ff; width: 300px; height: 30px; padding: 15px 0 0 13px; border-bottom: 1px dashed #AAA;}
.tcls_022 a { font-family: 'S-CoreDream'; font-size: 17px; text-decoration: none; line-height: 17px;}
.tcls_022 a:hover {color:#; cursor:pointer; text-decoration:none; line-height: 16px; }
.tcls_022 a:before {content:"∝ "; font-size:17px; font-weight: 900;    padding-right: 6px;}
.tcls_023 {position:absolute; width:28px; height:28px;}
.tcls_024 { font-family: 'GongGothicLight'; font-size: 12px;}
.tcls_024.mainboxlogin {font-family: "Noto Sans KR",sans-serif; font-size: 14px;}
.tcls_024.mainboxlogin p { margin-top: 25px; text-align: left; color: #555; width: 83%; margin: 24px auto;}
.tcls_024.mainboxlogin a { color: #555;}

.tcls_025 {border:0; color:#FFFFFF; font-size:11px; cursor:pointer;}
.tcls_026 { top: 64px; width: 37px; height: 37px;}
.tcls_027 { width: 266px; height: 29px; border-radius: 0px; border: 1px solid #e7e7e7; padding-left: 10px; margin-bottom: 20px; font-size: 13px; font-family: 'GongGothicLight'; color: #273995;}
.tcls_028 {height:200px; width:810px; float:left;}
.tcls_028 img {position:; top:px; height: 313px;}
.tcls_029 {width:270px; margin:30px 0 0 10px; line-height:25px; font-size:12px; text-align:left;}
.tcls_030 { left: 60px; font-family: 'Gmarket Sans'; font-size: 13px; color: #444;}
.tcls_030 b {color:#1248e2;    position: relative !important; left:0px;    font-family: 'Noto Sans KR',sans-serif; letter-spacing:0px;}
.tcls_031 { left: 289px; width: 106px; height: 18px; background: #283995; border: 0; color: #fff; font-family: 'Noto Sans', sans-serif; font-size: 11px; cursor: pointer;}
.tcls_032 {text-align: center;font-size: 11px; border: 1px solid #eaeaea; border-radius: 3px; margin-right:10px; padding: 7px 5px; background: #dcecf3; color:#444 !important; width:60px; display:inline-block;  font-family: "Noto Sans KR", sans-serif; letter-spacing:-1px;}


.tid_021_fot { width: 1200px; margin: 30px auto; height:100%; position: relative;}
.tid_021_fot p {text-align:left;     line-height: 18px; position: relative; left:0px;}
.tid_021_fot span { font-size: 12px; color: #474747; font-family: 'Noto Sans KR', sans-serif; line-height: 12px;}
.tid_021_fot span:after {content:"｜"; color:#e2e2e2;}
.tid_021_fot span:after:last-child {content:""}
.tid_021_fot p b {font-family:'Noto Sans KR', sans-serif; font-weight:normal; letter-spacing:1px; color:#858585;}
.tid_021_topfot { width: 100%; margin: 0px auto 0; text-align: left; font-size: 11px; height: 43px; line-height: 43px; font-family: 'Noto Sans KR', sans-serif; border-bottom: 1px solid #eaeaea; background: #e6e6e6;}
.tid_021_topfot p { width: 1200px; margin: 0 auto; padding: 0; text-align: right;}
.tid_021_topfot a { color: #4e4e4e; letter-spacing: -0.5px; font-weight: 300; font-size: 13px;}
.tid_021_topfot span:after {content:"｜"; color:rgba(255,255,255,0.2);}
.tid_021_topfot span:after:last-child {content:""}




#phoneNumBig2 {position:relative; font-size: 34px; font-weight: bold; font-family: 'Arial Black', sans-serif; color: #fff; width:195px; height:60px; overflow:hidden}
#phoneNumBig2 ul {position:absolute; width:1200px; height:90px;}
#phoneNumBig2 ul li {position: relative; width: 195px; height: 90px; display: inline; margin-top: 10px; line-height: 34px;}

/** footer css **/
.fot_mo {background: #f5f5f5; width: 100%; height: 160px;}
.fot_mo p {color:#a4a4a4; width: 1100px; margin:30px auto 0; padding-left:10px;}


#tid_026_tbanner {position: relative;z-index: -1; text-align: center; height:200px;     background: url(/p_img/sebg.png) center 60% no-repeat;}

/*-----------------------------------------------------------------------------------------------------*/
.acls_001 {height:1020px;}
.acls_002 {height:;}
.acls_003 {left:38px;}
.acls_004 {left:78px;}
.acls_005 {left:118px;}
.acls_006 {left:158px;}
.acls_007 {left:198px;}
.acls_008 {left:239px;}
.acls_009 {left:304px;}
.acls_010 {left:65px;}
.acls_011 {left:96px;}
.acls_012 {left:127px;}
.acls_013 {left:158px;}
img.acls_033_tt {padding-top: 5px;}
.acls_014 {left:189px;}
.acls_015 {left:219px;}
.acls_016 {left:269px;}
.acls_017 {left:343px;}
.acls_018 {left:374px;}
.acls_019 {left:405px;}
.acls_020 {left:436px;}
.acls_021 {left:467px;}
.acls_022 {left:498px;}
.acls_023 {left:548px;}
.acls_024 {top:100px;}
.acls_025 {top:139px;}
.acls_026 {top:178px;}
.acls_027 {top:217px;}
.acls_028 { left: 70px;}
.acls_029 { left: 206px;}
.acls_030 {color:#cc3300}
.acls_032_box {width: 1200px;}
.acls_031 {height:396px; }
.acls_032 {height:285px; background:#fff; width:1100px; border: 0px solid #e4e4e4;}
.acls_033 {height:224px; bottom: 0; position: absolute; width: 676px; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.acls_033 img {margin:14px 0 0 40px;}
.acls_034 {top:251px;}
.acls_035 {top:283px;}
.acls_035_1 {top:315px;}
.acls_035_2 {top:264px;}
.acls_036 {top:205px;}
.acls_037 { left: 17px; font-size: 13px; position: absolute; font-family: 'Gmarket Sans';}
.acls_037:before {content:"ㆍ ";}
.acls_038 {left:56px; font-size:14px; position:absolute;}
.acls_039 {height:395px;}
.acls_040 {top:81px;}
.acls_041 {top:151px;}
.acls_042 {top:227px;}
.acls_043 {left:4px;}
.acls_044 {left:37px;}
.acls_045 {left:70px;}
.acls_046 {left:103px;}
.acls_047 {left:137px;}
.acls_048 {left:171px;}
.acls_049 {left:237px;}
.acls_050 {left:120px}
.acls_051 {left:200px}
.acls_052 {left:280px}
.acls_053 {left:360px}
.acls_054 {left:440px}
.acls_055 {left:520px}
.acls_056 { left: 650px;}
.acls_057 { left: 30px; top: 20px;}
.acls_058 { left: 30px; top: 7px;}

/*-----------------------------------------------------------------------------------------------------*/
.sub_top {display:none;}
.content {margin:10px 0 20px 25px; float:none; width:760px;}
.content h3 {display:none;}
.content .path {display:none;}
.content_join {background:#FFFFFF;}


/*-------------------------------------------------------------------------------------------------------
css 버턴
-------------------------------------------------------------------------------------------------------*/


.cssBtn {height:29px; text-align:center; font-family:"Malgun Gothic"; font-size:12px; font-weight:bold; border-radius:0; cursor:pointer; padding:0 10px 3px 6px; overflow:hidden; line-height:normal; letter-spacing: -1px;}
.cssBtn i {font-weight:normal;}



/*
.btn_cb {background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x; background-color:#0066CC; border:1px solid #122970; color:#FFFFFF;}
.btn_cr {background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x; background-color:#CC0033; border:1px solid #cd0000; color:#FFFFFF;}
.btn_cg {background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x; background-color:#339900; border:1px solid #096d00; color:#FFFFFF;}
.btn_cy {background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x; background-color:#c18907; border:1px solid #8e6c11; color:#FFFFFF;}
.btn_cp {background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x; background-color:#a4009f; border:1px solid #8e6c11; color:#FFFFFF;}
.btn_cbk {background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x; background-color:#333333; border:1px solid #000000; color:#FFFFFF;}
*/
/*회색버턴*/
.btn_cgr {/*background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x;*/ background-color:#dedede; border:1px solid #c3c3c3; color:#000000;}
/*흰색버턴*/
.btn_cw {background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x; background-color:#f2f2f2; border:1px solid #e4e4e4; color:#333333;}

/*파란버턴*/
.btn_cb {/*background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x;*/  background-color:#666; border:1px solid #666;  color:#FFFFFF;}
/*빨간버턴*/
.btn_cr {background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x; background-color:#0066CC; border:1px solid #122970; color:#FFFFFF;}
/*녹색버턴*/
.btn_cg {/*background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x;*/ background-color:#999; border:0px solid #8e6c11; color:#FFFFFF;}
/*누런버턴*/
.btn_cy {/*background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x;*/ background-color:#f3f3f3; border:1px solid #ddd; color:#666;}
/*보라버턴*/
.btn_cp {background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x; background-color:#333333; border:1px solid #000000; color:#FFFFFF;}
/*검정버턴*/
.btn_cbk {/*background:url(/d_img/png_002.png) 0% 50% no-repeat, url(/d_img/png_003.png) repeat-x;*/ background-color:#34316a; border:0px solid #8e6c11; color:#FFFFFF;}




.btn_ss {width:50px;}
.btn_sm {width:100px;}
.btn_sl {width:150px;}
.btn_sx {width:200px;}

.btn_hs {height:26px;}
.btn_hm {height:30px;}
.btn_hl {height:40px;}
.btn_hx {height:50px; margin-top: 0px !important; padding:0 20px;}
.btn_h100 {height:100px;}
.btn_h150 {height:150px;}
.btn_h200 {height:200px;}

.btn_fs {font-size:10px;}
.btn_fm {font-size:16px; margin-top: 20px;}
.btn_fl {font-size:20px;}
.btn_fx {font-size:24px;}
/*-------------------------------------------------------------------------------------------------------
테라포밍
-------------------------------------------------------------------------------------------------------*/
#dh_id_022 {position:relative; width:650px; height:200px; border:3px solid #FFCCCC; margin:auto; margin-top:70px; border-radius:30px 10px 30px 10px; background:#FFEEEE; animation:login 1s; animation-fill-mode:forwards;}
#dh_id_022 * {position:absolute;}
#dh_id_022 span {font-family:"Malgun Gothic";}
#dh_id_022 span * {position:relative;}
#dh_id_022 button * {position:relative;}
#dh_id_023 {position:relative; width:220px; height:307px; background:url(/d_img/gif_030.gif) no-repeat;}
.add41 {top:70px;}
.add42 {top:110px;}
.dh_cls_016 {font-size:36px; top:20px; left:170px; color: #1d034c; font-weight: bold;}
.dh_cls_017 {font-size:18px; left:170px; width:290px; height:30px; border:1px solid #ffcccc; font-size:15px; padding-left:10px; background:#faffbd; border-radius:3px;}
.dh_cls_018 {top:70px; left:485px; width:150px; height:70px; border:0; background:#6065c4; color:#FFFFFF; font-size:15px; border-radius:10px; cursor:pointer;}
.dh_cls_019 {top:160px; left:170px;}
.dh_cls_020 {font-family:"Malgun Gothic"; font-size:15px; font-weight:bold; color:#FFFFFF;}
@keyframes login {
	from {transform:rotate(180deg);-ms-transform: rotate(180deg);opacity:0 }
	to {transform:rotate(0);-ms-transform: rotate(0);opacity:1}
}
.sub_top {display:none;}
.content h3 {display:none; padding:0; margin:0;}
.content .path {display:none; padding:0; margin:0;}
.content {margin-top:0;}
.contents {margin:auto;}
.board_list {width:770px; margin:0 auto; margin-top:20px; position:relative;}
.board_list th {border-top:2px solid #afafaf;}
.board_view {width:760px; margin:auto;}
.board_view_head {border-top:2px solid #bebebe; width:770px; margin:auto;}
.board_view_comment textarea {border:1px solid #bebebe;}
.board_write {border-top:1px solid #ddd;border-bottom:0px solid #bf254b; width:710px; margin:auto;}
.board_write th {background:#f6f6f6;}
.board_upload {width:760px; margin:auto;}
.board_upload th {background:#bf254b;}
.board_upload tr {background:95%; overflow:hidden;}
.board_bottom_btn {margin-top:15px;}
.data_view th {background:#3e3e3e; color:#fff; font-family:'맑은 고딕', sans-serif; font-weight:normal;}
.sub_top22 {display:none;}
.data_board .list thead th {background:#666; border:1px solid #888888;}
.data_board .list thead td {background:#bf254b; border:1px solid #65192b;}
.tab_menu li {background:#bf254b; border:1px solid #65192b;}
.data_board {border-radius:0; border:2px solid #eee;}
.search_box {border-radius:0; border:2px solid #eee;}
.select_title {background: #1d034c;}
.option_title {background: #1d034c;}
.fix_number .title {background:#1d034c;}
.fix_number{border:1px solid #1d034c;}
.sub_menu {width:753px; border:3px #d2dde9 solid; border-radius:0px; }
#tid_026 ul {width:100%}


/*-------------------------------------------------------------------------------------------------------
플로트 배너
-------------------------------------------------------------------------------------------------------*/
.scrolls {width:100px; position:absolute;  color:#fff; text-align:center; line-height:100px; font-weight:bold; font-size:1.2em; transition:all 0.3s; overflow: visible !important; z-index:9999;}
.scrolls2 {width:200px; position:absolute;  color:#fff; text-align:center; line-height:100px; font-weight:bold; font-size:1.2em; transition:all 0.3s; overflow: visible !important; z-index:9999;}
.scrolls img { width: 300px; }

strong.num_plus {position: absolute; float: right;right: 84px; font-size: 22px;}

ul.catelistss * {list-style: square !important;}

/* header_menu */
#newNav { z-index: 1000; width:1200px; position: absolute; left:50%; transform: translateX(-50%); top:126px;}
#newNav ul li {width:200px; text-align: center; float: left; margin-top:16px;}
#newNav ul li a {font-size:16px; color:#fff;font-family: 'S-CoreDream', sans-serif; letter-spacing: -1px; font-weight: 500;} 
#newNav ul li a:hover {color:#FF0;}
#newNav ul li ul {margin-top:10px; display: none;}
#newNav ul li ul li {width:198px; text-align: center; float: left; height: 25px; background:#FFF; border:1px solid; margin-top:-1px; padding-top: 5px;}
#newNav ul li ul li:hover {background: #f5f6bf;}
#newNav ul li ul li a {font-size:12px; font-family: "맑은 고딕"; color: #000;}
#newNav ul li ul li a:hover {color:#F00;}

/** 메인 밑에 로또가이드 요소 버튼들**/
.loin_fbut {width:100%; margin:0 auto;}
.loin_fbut_box {width:1100px; margin:30px auto; text-align:center;}
.loin_fbut ul li {float:left; width:20%;}
.mba_00 ul li {float:left;}
.mba_00 a img {width:347px !important;}
#mba_a0 {margin-top: 8px;}



/* main contents */
.main_contents {background-color:#f1f3f4;}

.inner_wrap {width:1200px; margin: 0 auto;}
.flex_wrap {display: flex; justify-content: space-between;}

.main_left_wrap {width:380px;} 
.main_right_wrap {width:800px;} 

.middle_banner {background-color:#326dda; color:#fff200; font-size: 30px; text-align: center; line-height: 90px;}

/* 당첨번호 */
#newNum {box-sizing: border-box; width: 100%; padding:30px 20px 0 20px; background-color: #fff; border:1px solid #e7e7e7; margin-bottom: 25px;}
#nnRnd {font-family: 'GongGothicLight'; font-size: 24px; line-height: 30px;}
.winning_num {display: flex; gap:6px; padding:30px 0; justify-content: center;}
.winning_num span {font-size:30px; font-weight: 600; color:#55585a; line-height: 33px;}
.smallInfo {padding: 3px 0;}
.smallInfo span {padding: 5px 6px; background-color: #deeffc; border-radius: 3px;   display: inline-block; font-size: 14px; line-height: 14px;}
.smallInfo span:last-child {background-color:#fee3e3; }
#nnInfo {font-family: 'S-CoreDream'; font-weight: 300; font-size: 14px; padding:15px 0; border-top:1px solid #e5e5e5; margin-top: 15px; letter-spacing: -0.3px;}
.nnMemo {font-size:12px;}

/* 성적공지 */
#medalBox { width:100%; position:relative; background-color: #fff; border:1px solid #e7e7e7; padding:20px 20px; box-sizing: border-box;}
.main_Head {font-family: 'GongGothicLight'; font-size:24px; line-height: 50px; color:#1a1a1a;}
.numberBox_2017_red {color: #C00;}
#medalBox table {width:100%; border-collapse: collapse;}
#medalBox table th {background-color:#0074bf; color:#fff; border-top:2px solid #1a1a1a; padding: 15px 10px; font-size:14px;}
#medalBox table td {text-align: center; border-bottom:1px solid #e5e5e5;; padding: 15px 10px; font-size:14px;}
#medalBox table td:last-child {text-align: right;}

/*게시판*/
.board_wrap {width:49%; border:1px solid #e5e5e5;; padding:0 20px; box-sizing: border-box;margin: 40px 0;}
.board_wrap h3 {font-size:24px; border-bottom: 1px solid #1a1a1a; line-height: 64px; color:#1a1a1a;}
.board_wrap li {padding: 10px 3px;border-bottom: 1px dotted #e5e5e5;font-size: 14px;min-height: 42px;box-sizing: border-box;}
.board_wrap li:last-child {border-bottom: none;}
.board_wrap a:last-child li {border-bottom:none;}

/* 퀵메뉴 */
.quick_menu {position:absolute; z-index: 10; left: 50%; margin-left: 620px; top:400px; text-align: center; width:97px; border:1px solid #ccc;}
.quick_menu img {border-bottom:1px dashed #ccc;}
.quick_menu a:last-child img {border-bottom:none;}

/* 로그인 아이콘 */
.login_icon {position: absolute; right:0; width:300px; top:57px;}
.login_icon ul {display: flex; gap:42px; justify-content: flex-end;}

.middle_banner {background: url(/p_img/banner2.gif) center center ; width:100%; height:200px;  }

/* 자료실 */
.anal_table th {text-align:center;}

/* 헤더 전화번호 */
.header_tel {position: absolute; right: 254px; top: 67px; font-size: 26px; line-height: 36px; }