.wrap_main { background: url(/img/main/main_bg.gif)left top repeat-x; min-height: 320px !important; }
section.main { width: 100%; font-family: Nanum_BG; }
.info_cycle { float: none; margin: 90px auto 0 auto; width: 200px; height: 200px; border-radius: 50%; color: #fff; letter-spacing: -0.05em; text-align: center; background: url(/img/main/icon_mouse.png) no-repeat 50% 140px; background-size: 15%; }
.info_cycle ul { margin-top: 100px; padding: 40px 0 0 0; }
.info_cycle li:nth-child(1) { font-size: 24px; margin-bottom: 10px; }
.info_cycle li:nth-child(2) { font-size: 18px; margin-bottom: 10px; }
.info_cycle li:nth-child(3) { font-family: Nanum_Go; font-size: 18px; letter-spacing: -2px; }
.main_contents { float: left; width: 100%; margin: 0; }
.main_text { position: absolute; top: 65px; width: 100%; margin: 20px 0; font-family: OpenSansCon; font-size: 18px; color: #838383; text-align: center; }
.main_text p { font-family: RobotoCon; font-size: 32px; color: #000; font-weight: 100 !important; letter-spacing: -3px; word-spacing: 2px; }

@media only screen and (min-width:600px) and (max-width:768px) {
.info_cycle { float: none; margin: 90px auto 0 auto; width: 400px; height: 400px; border-radius: 50%; color: #fff;
letter-spacing: -0.05em; text-align: center; background: url(/img/main/icon_mouse.png) no-repeat 50% 250px;
background-size: 12%; }
.info_cycle ul { margin-top: 80px; padding: 0; }
.info_cycle li:nth-child(1) { font-size: 50px; margin-bottom: 15px; padding-top: 80px;}
.info_cycle li:nth-child(2) { font-size: 23px; margin-bottom: 20px; }
.info_cycle li:nth-child(3) { font-family: Nanum_Go; font-size: 33px; letter-spacing: -3px; }
.main_contents { float: left; width: 100%; margin: 0; }
.main_text { position: absolute; top: 65px; width: 100%; margin: 20px 0; font-family: OpenSansCon; font-size: 18px; color: #838383; text-align: center; }
.main_text p { font-family: RobotoCon; font-size: 32px; color: #000; font-weight: 100 !important; letter-spacing: -3px; word-spacing: 2px; }

}
/* tab 수정*/
.tabs { background: transparent; float: none; width: 90%; margin: 0 auto }
.hosting_tabs .ui-tabs-panel { padding: 0 !important; }
section.main .ui-widget-header { background: transparent; border: none; margin: 20px auto 0 auto; width: 95%; padding-left: 5%; border: none; }
section.main .ui-widget-content { color: #000 !important; border: none; background: transparent; padding: 0 }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0px !important; width: 95%; margin-right: -38px; }


@media (max-width: 405px) {
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0px !important; width: 90%; margin-right: -45px; }
}
@media (max-width: 359px) {
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0px !important; width: 100%; margin-right: -50px; }
}
.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-size: 25px; font-family: Nanum_SR; margin: 0px 0 10px 0; font-weight: 300; font-weight: normal; word-spacing: 3px; }
span.h3_before { font-size: 20px; display: block; font-size: 12px }
h3.span_after { margin: -12px 0 10px 20px; }
h3.span_after:before { display: none; }
.tabs p { font-size: 15px; margin-left: 10px; line-height: 140%; }
.tabs ul { margin-left: 0px; font-size: 15px; }
.tabs ul.list_style { margin-left: 20px; }
.tabs ul.list_style li { font-size: 15px; width: 80%; line-height: 130%; }
.tabs li { line-height: 100%; float: left; }
.tabs li img { width: 100% }
.tab_link { margin-top: 15px; float: right; margin-right: 20px; }
.tab_link li { float: left; font-size: 13px; margin-right: 5px; }
.tab_link li a { padding: 0 5px; line-height: 25px; color: #fff; font-size: 13px }
.tab_link span { font-size: 12px; float: right; padding: 0 5px 0 10px; line-height: 25px; }
.tabs span i { padding: 0 5px; }

@media only screen and (min-width:425px) and (max-width:599px)
{
	section.main .ui-widget-header { background: transparent; border: none; margin: 20px auto 0 auto; width: 95%;
padding-left: 4%; border: none; text-align:center;}
.ui-tabs .ui-tabs-nav li{float:none;}
.tabs li { line-height: 100%; float: none; display:inline-block; }
}

@media only screen and (min-width:600px) and (max-width:768px) {
section.main .ui-widget-header { background: transparent; border: none; margin: 20px auto 0 auto; width: 95%;
padding-left: 0; border: none; text-align:center;}
.ui-tabs .ui-tabs-nav li{float:none;}
.tabs li { line-height: 100%; float: none; display:inline-block; }


}
/**/
.next_custom { font-size: 25px; text-align: center; padding-top: 20px; margin-top: 30px; margin-left: 5%; float: left; width: 90%; border-top: 1px solid #ccc; }
.next_custom:hover { cursor: pointer; }
.next_custom:after { font-family: 'FontAwesome'; content: "\f0d7"; float: none; text-align: center; display: block; width: 100%; height: auto; font-size: 40px; }
.next_custom:before, .next_custom:hover:before { display: none; }
.next_custom span { display: block; font-size: 16px; letter-spacing: -1px; color: #000; }
/*
 * ---------- 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: 0; left: 0px; bottom: 0; right: 0; width: 100%; height: auto; overflow: hidden; display: none; }
.effect_imgwrap img { position: absolute; width: 100%; max-width: 100%; height: auto; }
.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: relative; float:left; width:100%; display:block; top:inherit ; right:inherit;  margin-right:0;  text-align:center;padding-bottom:15px}
.font_18{font-size:16px;}
.font_20{font-size:20px;}
.cs_call img{margin-right:5px; vertical-align: text-bottom}

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

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

.main_stage_center2 { margin:10px auto 50px; width:90%; max-width:1075px; }
/*.main_stage_center2 ul {margin:10px 0 30px 0;}*/
.main_stage_center2 img { width:100%; height:100%; }

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