@import url(/new/css/layout.css);
@import url(/new/css/common2017.css);

#wrap { font-family:'Malgun Gothic', 'Nanum Gothic'; }
.main_visual { position:relative; left:50%; width:2000px; margin-left:-1000px; }
.main_visual:after { clear:both; display:block; content:''; }
    /* ¸ÞÀÎ ºñÁê¾ó */
	.visual { position:relative; float:left; top:0px; width:2000px; height:720px; }
	.visual .slides { width:2000px; height:720px; overflow:hidden; }
	.visual .slides li { position:relative; cursor:pointer;}
	/* ½½¶óÀÌµå ³×ºñ°ÔÀÌ¼Ç ºñÁê¾ó */
	.visual_control { position:absolute; bottom:20px; left:940px; text-align:left; list-style:none; z-index:10; }
	.visual_control div { float:left; margin-left:5px; cursor:pointer; }
	.visual .vc_nav { float:left; margin-left:5px; margin-top:7px; }
	.visual .vc_nav li { float:left; margin-left:5px;  width:13px; height:13px; background:url(../images/main/con_visual.png) 0 center no-repeat; cursor:pointer; font-size:0; text-indent:-999px; }
	.visual .vc_nav li.flex-active { background:url(../images/main/con_visual_on.png) 0 center no-repeat; }

/* ¸®¾ó ¼¿Ä« */
.real_selfi {  position:relative; left:50%; top:0px; width:2000px; height:1030px; margin-left:-1000px; padding-top:100px; background-color:#f4f4f4;}
.real_selfi:after { clear:both; display:block; content:''; }
.real_selfi ul.selca { position:relative; width:288px;  margin:0px auto; margin-bottom:40px;}
.real_selfi ul.s_img { position:relative; width:1200px; height:740px; margin:0px auto; padding:70px 6px 160px 6px; background:url(../images/main/selfi/selfi_bg.jpg) no-repeat; }
.real_selfi ul.s_img li { position:relative; float:left; width:132px; height:170px; cursor:pointer; }
.real_selfi ul.s_img li div {position:absolute;width:132px;height:170px;transition:1.2s;}
.real_selfi ul.s_img li div.on { filter:Alpha(Opacity=0); opacity:0; } 
.real_selfi ul.s_img li:hover > div.on { filter:Alpha(Opacity=100); opacity:1; }

.real_selfi .selfi1 { background:url(../images/main/selfi/main_selfi_001.jpg) no-repeat; }
.real_selfi .selfi1_on{ background:url(../images/main/selfi/main_selfi_001_on.jpg) no-repeat; }
.real_selfi .selfi2 { background:url(../images/main/selfi/main_selfi_02.jpg) no-repeat; }
.real_selfi .selfi2_on{ background:url(../images/main/selfi/main_selfi_02_on.jpg) no-repeat; }
.real_selfi .selfi3 { background:url(../images/main/selfi/main_selfi_03.jpg) no-repeat; }
.real_selfi .selfi3_on{ background:url(../images/main/selfi/main_selfi_03_on.jpg) no-repeat; }
.real_selfi .selfi4 { background:url(../images/main/selfi/main_selfi_04.jpg) no-repeat; }
.real_selfi .selfi4_on{ background:url(../images/main/selfi/main_selfi_04_on.jpg) no-repeat; }
.real_selfi .selfi5 { background:url(../images/main/selfi/main_selfi_05.jpg) no-repeat; }
.real_selfi .selfi5_on{ background:url(../images/main/selfi/main_selfi_05_on.jpg) no-repeat; }
.real_selfi .selfi6 { background:url(../images/main/selfi/main_selfi_06.jpg) no-repeat; }
.real_selfi .selfi6_on{ background:url(../images/main/selfi/main_selfi_06_on.jpg) no-repeat; }
.real_selfi .selfi7 { background:url(../images/main/selfi/main_selfi_07.jpg) no-repeat; }
.real_selfi .selfi7_on{ background:url(../images/main/selfi/main_selfi_07_on.jpg) no-repeat; }
.real_selfi .selfi8 { background:url(../images/main/selfi/main_selfi_08.jpg) no-repeat; }
.real_selfi .selfi8_on{ background:url(../images/main/selfi/main_selfi_08_on.jpg) no-repeat; }
.real_selfi .selfi9 { background:url(../images/main/selfi/main_selfi_0.gif) no-repeat; }
.real_selfi .selfi10 { background:url(../images/main/selfi/main_selfi_0.gif) no-repeat; }
.real_selfi .selfi11 { background:url(../images/main/selfi/main_selfi_11.jpg) no-repeat; }
.real_selfi .selfi11_on{ background:url(../images/main/selfi/main_selfi_11_on.jpg) no-repeat; }
.real_selfi .selfi12 { background:url(../images/main/selfi/main_selfi_12.jpg) no-repeat; }
.real_selfi .selfi12_on{ background:url(../images/main/selfi/main_selfi_12_on.jpg) no-repeat; }
.real_selfi .selfi13 { background:url(../images/main/selfi/main_selfi_13.jpg) no-repeat; }
.real_selfi .selfi13_on{ background:url(../images/main/selfi/main_selfi_13_on.jpg) no-repeat; }
.real_selfi .selfi14 { background:url(../images/main/selfi/main_selfi_14.jpg) no-repeat; }
.real_selfi .selfi14_on{ background:url(../images/main/selfi/main_selfi_14_on.jpg) no-repeat; }
.real_selfi .selfi15 { background:url(../images/main/selfi/main_selfi_15.jpg) no-repeat; }
.real_selfi .selfi15_on{ background:url(../images/main/selfi/main_selfi_15_on.jpg) no-repeat; }
.real_selfi .selfi16 { background:url(../images/main/selfi/main_selfi_16.jpg) no-repeat; }
.real_selfi .selfi16_on{ background:url(../images/main/selfi/main_selfi_16_on.jpg) no-repeat; }
.real_selfi .selfi17 { background:url(../images/main/selfi/main_selfi_17.jpg) no-repeat; }
.real_selfi .selfi17_on{ background:url(../images/main/selfi/main_selfi_17_on.jpg) no-repeat; }
.real_selfi .selfi18 { background:url(../images/main/selfi/main_selfi_18.jpg) no-repeat; }
.real_selfi .selfi18_on{ background:url(../images/main/selfi/main_selfi_18_on.jpg) no-repeat; }
.real_selfi .selfi19 { background:url(../images/main/selfi/main_selfi_19.jpg) no-repeat; }
.real_selfi .selfi19_on{ background:url(../images/main/selfi/main_selfi_19_on.jpg) no-repeat; }
.real_selfi .selfi20 { background:url(../images/main/selfi/main_selfi_20.jpg) no-repeat; }
.real_selfi .selfi20_on{ background:url(../images/main/selfi/main_selfi_20_on.jpg) no-repeat; }
.real_selfi .selfi21 { background:url(../images/main/selfi/main_selfi_21.jpg) no-repeat; }
.real_selfi .selfi21_on{ background:url(../images/main/selfi/main_selfi_21_on.jpg) no-repeat; }
.real_selfi .selfi22 { background:url(../images/main/selfi/main_selfi_22.jpg) no-repeat; }
.real_selfi .selfi22_on{ background:url(../images/main/selfi/main_selfi_22_on.jpg) no-repeat; }
.real_selfi .selfi23 { background:url(../images/main/selfi/main_selfi_23.jpg) no-repeat; }
.real_selfi .selfi23_on{ background:url(../images/main/selfi/main_selfi_23_on.jpg) no-repeat; }
.real_selfi .selfi24 { background:url(../images/main/selfi/main_selfi_24.jpg) no-repeat; }
.real_selfi .selfi24_on{ background:url(../images/main/selfi/main_selfi_24_on.jpg) no-repeat; }
.real_selfi .selfi25 { background:url(../images/main/selfi/main_selfi_25.jpg) no-repeat; }
.real_selfi .selfi25_on{ background:url(../images/main/selfi/main_selfi_25_on.jpg) no-repeat; }
.real_selfi .selfi26 { background:url(../images/main/selfi/main_selfi_26.jpg) no-repeat; }
.real_selfi .selfi26_on{ background:url(../images/main/selfi/main_selfi_26_on.jpg) no-repeat; }
.real_selfi .selfi27 { background:url(../images/main/selfi/main_selfi_27.jpg) no-repeat; }
.real_selfi .selfi27_on{ background:url(../images/main/selfi/main_selfi_27_on.jpg) no-repeat; }

.main_keydoctor { position:relative; left:50%; width:2000px; margin-left:-1000px; }
.main_keydoctor:after { clear:both; display:block; content:''; }
	/* ¸ÞÀÎ JwÁ¤¿ø */
	.keydoctor { position:relative; float:left; top:-75px; width:2000px; height:700px; }
	.keydoctor .slides { width:2000px; height:700px; overflow:hidden; }
	.keydoctor .slides li { position:relative; }
	.keydoctor .flex-control-nav { position:absolute; bottom:20px; left:984px; text-align:left; list-style:none; }
    .keydoctor .flex-control-nav li { margin-left:5px; display:inline-block; zoom: 1; *display: inline; }
    .keydoctor .flex-control-paging li a { width:13px; height:13px; display: block; background:url(../images/main/con_visual.png); cursor:pointer; font-size:0; text-indent:-999px; }
    .keydoctor .flex-control-paging li a.flex-active { background:url(../images/main/con_visual_on.png); width:13px; }
	/* ½½¶óÀÌµå ³×ºñ°ÔÀÌ¼Ç jwÁ¤¿ø */ 
	.keydoctor_control{ position:absolute; bottom:20px; left:970px; text-align:left; list-style:none; z-index:10; }
	.keydoctor_control div.vc_prev{ float:left; cursor:pointer; }
	.keydoctor_control div.vc_next{ float:left; margin-left:46px; cursor:pointer; }
/* ¸ÞÀÎ ÄÜÅÙÃ÷ */
.contents {position:relative; top:-75px; left:50%; width:2000px; margin-top:-0px; margin-left:-1000px;  background-color:#fff; padding-top:100px; padding-bottom:100px; background-color:#f4f4f4; z-index:1; }
.main_con {position:relative; float:left; width:2000px; background-color:#f4f4f4;}
.main_con:after { clear:both; display:block; content:''; }
.main_con ul { float:left; left:400px; margin-left:13px; }
.main_con ul:first-child { margin-left:0; }
/* ¿¬±¸È°µ¿ , ¾ð·Ð ¹× ¹æ¼Û */
.main_con ul.result { position:relative; width:290px; height:290px; margin-top:0px; cursor:pointer; }
.main_con ul.result .slides { width:290px; height:290px; overflow:hidden; }
.main_con ul.media { position:relative; width:290px; height:290px; margin-top:0px; cursor:pointer; }
.main_con ul.media .slides { width:290px; height:290px; overflow:hidden; }
.main_con ul.result h2,
.main_con ul.media h2{ position:absolute; left:20px; top:20px; color:#fff; font-size:24px; font-weight:normal; z-index:9; }
.main_con ul.result h6,
.main_con ul.media h6{ position:absolute; left:20px; top:55px; color:#fff; font-size:12px; font-weight:normal; z-index:9; }
.main_con ul.result .slides li,
.main_con ul.media .slides li{ position:relative; }
.main_con ul.result .slides li p,
.main_con ul.media .slides li p{ position:absolute; left:25px; bottom:20px; color:#fff; font-size:14px; }
.main_con ul.result .slides li img,
.main_con ul.media .slides li img{width:290px; height:290px;}
/* ½½¶óÀÌµå ³×ºñ°ÔÀÌ¼Ç */
.main_con .flex-control-nav { position:absolute; top:20px; right:20px; text-align:right; list-style:none; }
.main_con .flex-control-nav li { margin: 0 1px; display:inline-block; zoom: 1; *display: inline; }
.main_con .flex-control-paging li a { width:10px; height:10px; display: block; background:url(../images/main/btn_bn.png); cursor:pointer; font-size:0; text-indent:-999px; }
.main_con .flex-control-paging li a.flex-active { background:url(../images/main/btn_bn_on.png); width:30px; }
.main_con ul.board { position:relative; width:290px; height:290px; border:#dfdfdf solid 1px; background-color:#FFF; box-sizing:border-box; padding:20px 20px; }
.main_con ul.board h2 { position:relative; margin-bottom:5px; font-weight:normal; font-size:24px; color:#5f5c72; cursor:pointer; }
.main_con ul.board h2 p.more { position:absolute; right:0; top:5px; width:15px; height:15px; background:url(../images/main/btn_more.gif) no-repeat; }
.main_con ul.board h6 { position:relative; margin-bottom:15px; font-weight:normal; font-size:12px; color:#5f5c72; cursor:pointer; }
.main_con ul.board li { width:220px; }
.main_con ul li img { }
.main_con ul.review { position:relative; width:290px; height:290px; margin-top:13px; cursor:pointer;  }
.main_con ul.jw_info { position:relative; width:593px; height:150px; margin-top:13px;}
.main_con ul.jw_slogan { position:relative; width:293px; height:150px; margin-top:13px;}

.main_motiva { position:relative; left:50%; bottom:0px; width:2000px; height:1360px;; margin-left:-1000px; background:url(../images/main/main_bg.jpg) center 0 fixed; }
.main_motiva ul.inner { position:relative; float:right; width:1200px; margin-right:400px;}
.main_motiva ul.inner:after { clear:both; display:block; content:''; }
.main_motiva ul.inner li.text { float:right; width:620px; margin-top:25px; margin-bottom:20px;}
.main_motiva ul.inner li.text div{ cursor:pointer; }
.main_motiva ul.inner li.bg_white { float:right; width:600px; height:400px; padding:10px;  background-color:#fff;}
           /* ½½¶óÀÌµå ¸ðƼ¹Ù */
           .motiva { position:relative; width:600px; height:400px;}
           .motiva .slides { width:600px; height:400px; overflow:hidden; }
           .motiva .slides li{ position:relative; } 
		   .motiva .flex-control-nav { display:none; }
           /* ½½¶óÀÌµå ³×ºñ°ÔÀÌ¼Ç jwÁ¤¿ø */
           .motiva .motiva_control div{ position:absolute; bottom:182px; z-index:14; }
           .motiva .motiva_control .m_prev{ float:left; margin-left:25px; cursor:pointer; }
           .motiva .motiva_control .m_next{ float:left; margin-left:547px; cursor:pointer; }
		   .motiva .motiva_control .onclick{ float:left; margin-left:190px; margin-bottom:10px; cursor:pointer; }


/* popup */
.layerPop { position:fixed; z-index:97; }
.layerPop .btn_close { position:absolute; width:30px; height:30px; cursor:pointer; background:url(/images/main/btn_close.png) no-repeat; z-index:99; }
.layerPop .btn_close_day { position:absolute; width:100%; }
.layerPop .btn_close_day p { padding:0 0px; color:#fff; font:11px gullim; height:30px; text-align:right; }
.layerPop .btn_close_day span { cursor:pointer; }
.layerPop .btn_close_day input, .btn_close_day img { vertical-align:middle; }
.layerPop1 { position:absolute; z-index:97; }
.layerPop1 .btn_close { position:absolute; width:30px; height:30px; cursor:pointer; background:url(/images/main/btn_close.png) no-repeat; z-index:99; }
.layerPop1 .btn_close_day { position:absolute; width:100%; }
.layerPop1 .btn_close_day p { padding:0 0px; color:#fff; font:11px gullim; height:30px; text-align:right; }
.layerPop1 .btn_close_day span { cursor:pointer; }
.layerPop1 .btn_close_day input, .btn_close_day img { vertical-align:middle; }


.pop_roll { position:absolute; top:0; overflow:hidden; }
.pop_control {position:absolute; bottom:0; left:0; width:300px; height:80px; background:#fff; z-index:10; }
.pop_btn { position:relative; height:80px; }
.pop_btn li { float:left; position:relative; margin-top:10px; overflow:hidden; height:60px; cursor:pointer; text-indent:-999px; font-size:0px; }
.pop_btn li { background-position:0 -60px !important; }
.pop_btn li.flex-active { background-position:0 0 !important; }

.column2 li { margin-left:10px; width:135px; }
.column3 li { margin-left:5px; width:90px; }
.column3 li:first-child { margin-left:10px; }