@charset "utf-8";
/* CSS Document */

.wrap_main { background: url(/img/main/main_bg.gif)left top repeat-x; min-height: 730px !important; }
section.main { width: 1600px; font-family: Nanum_BG; }
.info_cycle { float: left; margin: 120px 0 0 100px; width: 407px; height: 407px; border-radius: 50%; color: #fff; letter-spacing: -0.05em; text-align: center; background: url(/img/main/icon_mouse.png) no-repeat 50% 280px; }
.info_cycle ul { margin-top: 80px; padding: 0; }
.info_cycle li:nth-child(1) { font-size: 50px; margin-bottom: 15px; }
.info_cycle li:nth-child(2) { font-size: 23px; margin-bottom: 40px; }
.info_cycle li:nth-child(3) { font-family: Nanum_Go; font-size: 33px; letter-spacing: -3px; }
.main_contents { float: left; width: 920px; margin: 120px 0 0 73px; overflow: hidden }
.main_text { margin: 60px 0 40px 20px; font-family: OpenSansCon; font-size: 20px; color: #838383; }
.main_text p { font-family: RobotoCon; font-size: 55px; color: #000; font-weight: 100 !important; letter-spacing: -4px; word-spacing: 3px; }
/*
@media only screen and (min-width:769px) and (max-width:1280px) {
.wrap_main { background: url(/img/main/main_bg.gif)left top repeat-x; min-height: 570px !important; padding-bottom: 0 !important; }
section.main { width: 96%; }
.info_cycle {margin: 80px 0 0 10px; width: 327px; height: 327px; background: url(/img/main/icon_mouse.png) no-repeat 50% 230px; background-size: 12%; }
.info_cycle li:nth-child(1) { font-size: 35px; margin-bottom: 13px; }
.info_cycle li:nth-child(2) { font-size: 23px; margin-bottom: 20px; }
.info_cycle li:nth-child(3) { font-family: Nanum_Go; font-size: 25px; letter-spacing: -2px; }
.main_contents { float: right; width: 62%; margin: 50px 0 0 0; overflow: hidden }
.main_text { margin: 80px 0 0 15px; font-family: OpenSansCon; font-size: 18px; color: #838383; }
.main_text p {font-size: 40px; color: #000; font-weight: 100 !important; letter-spacing: -4px; word-spacing: 3px; }
}*/ /* 170413 주석 */
/* tab 수정*/
.tabs { background: transparent; float: left; width: 600px; }
.tabs li { cursor: pointer; font-size: 16px; } /*170417 font-size:18px -> 16px */ 
.hosting_tabs .ui-tabs-panel { padding: 2em !important; }
.tabs h3 { font-size: 24px; margin: 5px 0 15px; font-weight: 300; font-weight: normal; word-spacing: 3px; }
section.main .ui-widget-header { background: transparent; border: none; }
section.main .ui-widget-content { color: #000 !important; border: none; background: transparent; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0 15px 0 0 !important; }
.ui-state-active, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { background: transparent !important; border: none !important; }
.tabs h3 { font-family: Nanum_SR; font-size: 35px; margin-bottom: 30px; }
span.h3_before { font-size: 20px; }
section.main .ui-widget-content { margin-top: 10px; }
h3.span_after { margin: -12px 0 30px 25px; }
.tabs p { font-size: 18px; margin-left: 30px; line-height: 140%; }
/*.tabs ul { margin-left: 20px; }*/
.tabs li { line-height: 150%; }
.tab_link { margin-top: 23px; float: right; }
.tab_link li { float: left; font-size: 15px; margin-right: 10px; }
.tab_link li a { padding: 0 20px; line-height: 25px; color: #fff; }
.tab_link span { font-size: 12px; float: right; padding: 0 25px 0 10px; line-height: 25px; }
.tabs span i { padding: 0 5px; }
/*
@media only screen and (min-width:769px) and (max-width:1280px) {
.tabs { background: transparent; float: left; width: 70%; }
.ui-tabs .ui-tabs-nav li { width: 15.5%; margin: 0 2%; }
.tabs .ui-tabs-anchor img { width: 100% }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0 !important; text-decoration: none; }
.tabs h3 { font-family: Nanum_SR; font-size: 28px; margin-bottom: 10px; }
h3.span_after { margin: -12px 0 20px 0px; }
.tabs p { font-size: 16px; margin-left: 10px; line-height: 140%; }
.tabs li { font-size: 15px; }
.tab_link li { float: left; font-size: 13px; margin-right: 10px; }
}
*/ /* 170413 주석처리 */
/**/
.next_custom { font-size: 35px; text-align: right; padding-top: 20px; float: right; width: 230px; }
.next_custom:hover { cursor: pointer; }
.next_custom:before { content: url(/img/main/next_btn.png); float: left; margin-top: -15px; }
.next_custom:hover:before { cursor: pointer; margin-left: 5px; }
.next_custom span { display: block; font-size: 20px; letter-spacing: -1px; color: #000; }
/*
@media only screen and (min-width:769px) and (max-width:1280px) {
.next_custom { font-size: 27px; text-align: right; padding-top: 20px; float: right; width: 150px; margin-right: 10px; }
.next_custom:before { content: url(/img/main/next_btn_t.png); float: left; margin-top: 0; }
.next_custom:hover:before { cursor: pointer; margin-left: 2px; }
.next_custom span { display: block; font-size: 17px; letter-spacing: -1px; color: #000; }
}
*/ /* 170413 주석처리 */
/*
 * ---------- member 
 */
.member .info_cycle { background-color: #005fca; }
.member .info_cycle li:nth-child(2) { color: #011f41; }
.member .tabs h3, .member span.h3_before { color: #005fca; }
.member .tab_link li { background: #005fca; }
.member .tab_link span { color: #5e8cd7; }
.member .next_custom { color: #ff3000; }
/*
 * ---------- new 
 */
.new .info_cycle { background-color: #ff3000; }
.new .info_cycle li:nth-child(2) { color: #5f1b00; }
.new .tabs h3, .new span.h3_before { color: #ff3000; }
.new .tab_link li { background: #ff3000; }
.new .tab_link span { color: #ff8474; }
.new .next_custom { color: #005fca; }
/*
 * ---------- tilt effect 
 */ 

.effect_imgwrap { position: absolute; top: 120px; left: 0px; bottom: 50px; right: 50px; width: 750px; height: 752px; overflow: hidden; }
.effect_imgwrap img { position: absolute; width: 750px; max-width: 100%; height: 750px; }
.effect_imgwrap .tilt_back, .effect_imgwrap .tilt_front { background-size: 100%; }
.effect_imgwrap img.h100per { width: 585px; height: 284px; bottom: 0; }
.tilt { overflow: hidden; position: relative; width: 100%; height: 100%; margin: 0 auto; }
.tilt_back, .tilt_front { width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.tilt_back { position: relative; }
.tilt_front { position: absolute; top: 0; left: 0; }
/*cs_call*/
.cs_call { position: absolute; top: 810px; right: 50%; margin-right: -720px; }
.font_18 { font-size: 18px; }
.font_20 { font-size: 25px; }
.cs_call img { margin-right: 5px; vertical-align: text-bottom }
/*
@media only screen and (min-width:769px) and (max-width:1280px) {
.effect_imgwrap { position: absolute; top: 90px; left: 0; bottom: 0; right: 50px; width: 50%; height: 571px; overflow: hidden; }
.effect_imgwrap img { position: absolute; width: 570px; max-width: 100%; height: auto; }
.effect_imgwrap img.h100per { width: 70%; height: auto; bottom: 0; }
.cs_call { position: absolute; top: 600px; right: 2%; margin-right: 0px; }
.font_18 { font-size: 16px; }
.font_20 { font-size: 22px; }
}
*/ /* 170413 주석처리 */ 


#main_notice { margin-top:15px; }


/* 170530 New _ Mainpage */
#wrap_contents { padding-bottom:0px; }
.wrap_main_new { min-height: 730px !important; background-color:#fff; }
.main_stage_new { width:100%; text-align:center; position:relative; padding:40px 0; }
.main_stage_top { margin:0 auto; width:95%; max-width:590px; }
.main_stage_top img { width:100%; }

.main_stage_center { margin:0 auto; width:95%; max-width:1075px;  }
.main_stage_center ul:nth-child(1) { margin:30px 0 20px 0; font-size: 1.36em; font-family:'Nanum_SR'; color:#000;  }
.main_stage_center ul:nth-child(2) { margin:0 0 0 0; }
.main_stage_center img { width:100%; }

.main_stage_center2 { margin:10px auto 50px; width:95%; max-width:1075px; position: relative}
/*.main_stage_center2 ul {margin:10px 0 50px 0;}*/
.main_stage_center2 img { width:100%; }

.main_stage_footer { margin:20px auto; width:95%; max-width:590px; }
.main_stage_footer img { width:100%; }