@charset "utf-8"; * {box-sizing:border-box;} body {min-width:320px;} #_main > [m-area] > div { width:1000px; margin:0 auto; } /* 메인 - 상단 */ #_main > [m-area=top] > div { width:100%; overflow:hidden;height:262px; } #_main > [m-area=top] > div > [type=main-visual] { width:74%; height:100%; float:left; margin-right:1%; background:#000; float:left;} #_main > [m-area=top] > div > [type=member] { width:25%; height:100%; float:left; background:#fff; box-sizing:border-box; float:right;} /* 메인 - 상단(비주얼) - index_visual */ /* 메인 - 상단(로그인/아웃) - index_login */ /* 메인 - 신규추가180911 */ #_main > [m-area=scinews] > div { margin-top:20px; } #_main > [m-area=scinews] > div > [type=scinews-visual] { width:747px;height:100%;padding:20px; background:#fff;float:left;} #_main > [m-area=scinews] > div > [type=scinews-cbd] { width:253px; height:100%;padding:20px; background:#fff;float:right;} /* 메인 지도/진단/라이프몰/가입인사 /카페/후기 */ #_main > [m-area=cont-1] { width:100%; background:#fff; margin-top:20px; } #_main > [m-area] > [split=s_82] { width:100%; height:70%; overflow:hidden; } #_main > [m-area] > [split=s_82] > div[s] { position:relative; box-sizing:border-box; } #_main > [m-area] > [split=s_82] > div[s=_8] { width:75%; height:100%; float:left; padding:0 2%; } #_main > [m-area] > [split=s_82] > div[s=_8]::after { content:''; position:absolute; top:10px; bottom:10px; right:0; width:1px; background:#ddd; } #_main > [m-area] > [split=s_82] > div[s=_2] { width:25%; height:100%; float:left; } /* 올캔서 지도/암자가진단 */ #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul { overflow:hidden; height:55%; position:relative; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul::after { content:''; display:block; position:absolute; left:0; right:15px; bottom:0; height:1px; background:#eee; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li { float:left; width:50%; height:92%; position:relative; display:flex; justify-content:center; align-items:center; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li:first-child {padding-right:4%;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li:first-child::after { content:''; position:absolute; top:10px; bottom:0; right:0; width:1px; background:#eee; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li:last-child {padding-left:4%;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > strong { position:absolute; top:10%; left:0; right:0; display:block; font-size:21px; font-weight:bold; color:#1da1f2; letter-spacing:-0.05em; text-align:center; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li:first-child > strong { padding-right:6%; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li:last-child > strong { padding-left:6%; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > strong > a { display:block; font-size:21px; font-weight:bold; color:#1da1f2; letter-spacing:-0.05em; text-align:center; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > span { position:absolute; left:30px; bottom:25px; right:30px; display:block; font-size:16px; font-weight:300; color:#666; letter-spacing:-0.05em; text-align:justify; line-height:1.4; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div { display:flex; justify-content:center; align-items:center; margin-bottom:20px; width:100%;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol {width:100%; box-sizing:border-box; margin-top:95px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li {width:48%; display:inline-block; border:1px solid #ccc; box-sizing:border-box; overflow:hidden;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li:hover {border:1px solid #a4c4e2;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li:hover > a.txt {border-top:1px solid #a4c4e2;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li:first-child {margin-right:5px; float:left;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li:nth-child(2) {margin-left:5px; float:right;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li:last-child {width:100%; height:55px; margin-top:10px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li:last-child > a {line-height:55px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li > a {display:block; width:100%; height:119px; text-align:center; vertical-align:middle; font-size:18px; font-weight:bold; background:url(/img/main/map_icon01.png) no-repeat 50% 100%; background-size:60%;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol[map] > li:nth-child(2) > a {background-image:url(/img/main/map_icon02.png);} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol[map] > li:nth-child(3) > a {display:inline-block; width:100%; position:relative; height:100%; background:none;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol[map] > li:nth-child(3) > a::after {content:''; display:block; position:absolute; left:20%; top:13px; width:28px; height:27px; background-image:url(/img/main/map_icon03.png);} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol[diagnosis] > li:nth-child(1) > a {background-image:url(/img/main/diagnosis_icon01.png);} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol[diagnosis] > li:nth-child(2) > a {background-image:url(/img/main/diagnosis_icon02.png);} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol[diagnosis] > li:nth-child(3) > a {position:relative; height:100%; background:none;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol[diagnosis] > li:nth-child(3) > a::after {content:''; display:block; position:absolute; left:20%; top:14.5px; width:35px; height:24px; background-image:url(/img/main/diagnosis_icon03.png);} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li > a.txt {background:none !important; height:38px; border-top:1px solid #ccc; line-height:38px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li:hover > a.txt {color:#309dd0;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li:last-child:hover > a {color:#309dd0;} /*#_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li > a { display:block; padding:5px 10px; font-size:18px; color:#000; letter-spacing:-0.05em; font-weight:normal; border-radius:5px; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li > a:hover { background:#eee; }*/ /* 가입인사/카페 */ #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol { overflow:hidden; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol > li { float:left; width:50%; height:229px; box-sizing:border-box; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol > li > strong { display:block; margin-top:32px; font-size:16px; font-weight:bold; color:#000; letter-spacing:-0.05em; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol > li > strong > a { display:inline-block; font-size:16px; font-weight:bold; color:#1da1f2; letter-spacing:-0.05em; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol > li > ul > li { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:17px; font-size:14px; letter-spacing:-0.05em; color:#000; position:relative; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol > li > ul > li > a { font-size:14px; display:inline-block; letter-spacing:-0.05em; color:#000; vertical-align:middle; position:relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; max-width:310px; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol > li > ul > li > a > span { font-size:12px; color:#1da1f2; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol > li > ul > li[new]::after { content:''; display:block; position:absolute; width:10px; height:13px; background:url(/img/main/icon_new.gif) no-repeat 0 0; left:90%; top:0; bottom:0; margin:auto 5px auto 0; } /* 라이프몰 제휴상품 */ #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > strong { margin-top:20px; display:block; font-size:16px; font-weight:bold; color:#000; letter-spacing:-0.05em; padding:5px 0 5px 20px; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > strong > a {font-size:16px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > strong > a.btn_go {float:right; margin-right:10%; padding:3px 5px; font-size:13px; border-radius:3px; border:1px solid #999; margin-top:-2px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > strong > a.btn_go:hover {border:1px solid #333;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] { padding:8% 6% 0 8%; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul { overflow:hidden; margin-top:25px; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul:first-child { margin-top:0; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li { width:50%; float:left;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li > a[th_img] { display:block; width:97px; box-sizing:border-box; height:120px; border:1px solid #e1e1e1; overflow:hidden; background:no-repeat 50% 50%; background-size:cover; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li:hover > a[th_img] { border-color:#666; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li > a[th_img=i_01] { background-image:url(/img/watch.jpg); } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li > a[th_img=i_02] { background-image:url(/img/mall_main_02.jpg); } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li > a[th_img=i_03] { background-image:url(/img/mall_main_03.jpg); } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li > a[th_img=i_04] { background-image:url(/img/jong12.jpg); } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li > a[th_title] { display:block; font-size:12px; color:#333; text-align:center; margin-top:10px; letter-spacing:-0.05em; line-height:14px; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [banner] { position:absolute; bottom:-30%; left:6%; width:86%; height:90px; border:1px solid #ccc; margin:0 auto; background:#eee; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [banner]:hover { border-color:#666; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [banner] > a > img {width:100%; height:100%;} /* 암 치료후기/항암 먹거리/아트 테라피*/ #_main > [m-area] > [split=s_64] {/* display:flex; justify-content:center; */ } #_main > [m-area] > [split=s_64] > div[s] { position:relative; box-sizing:border-box; } #_main > [m-area] > [split=s_64] > div[s=_6] { width:573px;} #_main > [m-area] > [split=s_64] > div[s=_6]::after { content:''; position:absolute; top:10px; bottom:10px; right:0; width:1px; background:#eee; } #_main > [m-area] > [split=s_64] > div[s=_6] > [img2] { display: none; } #_main > [m-area] > [split=s_64] > div[s=_6] > [img2] > strong > a { margin-top:25px; display:inline-block; font-size:16px; font-weight:bold; color:#1da1f2; letter-spacing:-0.05em; } #_main > [m-area] > [split=s_64] > div[s=_6] > [img2] > ul { margin-top:0px; width:100%; height:250px; overflow:hidden; /* display:flex; justify-content:space-between; align-items:flex-start; flex-direction:row; */ } #_main > [m-area] > [split=s_64] > div[s=_6] > [img2] > ul > li { margin-top:15px; width:49%; float:left;} #_main > [m-area] > [split=s_64] > div[s=_6] > [img2] > ul > li:first-child { margin-right:2%;} #_main > [m-area] > [split=s_64] > div[s=_6] > [img2] > ul > li > [img] { height:150px;} #_main > [m-area] > [split=s_64] > div[s=_6] > [img2] > ul > li > a { width:100%; display:block; width:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal;} #_main > [m-area] > [split=s_64] > div[s=_6] > [img2] > ul > li > a:nth-of-type(2){padding-top:10px; width:100%;} #_main > [m-area] > [split=s_64] > div[s=_6] > [img2] > ul > li > a > img { display:block; border:1px solid #ccc; margin-bottom:5px; width:auto;} #_main > [m-area] > [split=s_64] > div[s=_4] { width:427px; } #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li > strong {display:inline-block; margin-bottom:20px;} #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li:nth-child(2) {margin-top:36px;} #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li:nth-child(2) > strong {display:none;} #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li > strong > a {display:inline-block; font-size:16px; font-weight:bold; color:#1da1f2; letter-spacing:-0.05em;} #_main > [m-area=cont-1] > [split=s_64] { width:100%; height:30%; padding:0 2%; overflow:hidden; position:relative; } #_main > [m-area=cont-1] > [split=s_64]::before { content:''; display:block; position:absolute; left:28px; top:0; right:20px; height:1px; background:#eee; } #_main > [m-area] > [split=s_64] > div[s=_6] { width:54%; float:left; overflow:hidden; } #_main > [m-area] > [split=s_64] > div[s=_6] > div { box-sizing:border-box; height:100%; } #_main > [m-area] > [split=s_64] > div[s=_6] > [txt] { width:65%; float:left; } #_main > [m-area] > [split=s_64] > div[s=_6] > [img] { width:35%; float:left; } #_main > [m-area] > [split=s_64] > div[s=_6] > [txt] > strong > a { margin-top:25px; display:inline-block; font-size:16px; font-weight:bold; color:#1da1f2; letter-spacing:-0.05em; } #_main > [m-area] > [split=s_64] > div[s=_6] > [txt] > ul { margin-top:5%; } #_main > [m-area] > [split=s_64] > div[s=_6] > [txt] > ul > li { height:30px; line-height:30px;} #_main > [m-area] > [split=s_64] > div[s=_6] > [txt] > ul > li > a { font-size:14px; letter-spacing:-0.05em; color:#333; display:block; max-width:300px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; } #_main > [m-area] > [split=s_64] > div[s=_6] > [txt] > ul > li > a > span { font-size:12px; color:#1da1f2; } #_main > [m-area] > [split=s_64] > div[s=_6] > [img] > ul { margin-top:30px; height:240px; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column; } #_main > [m-area] > [split=s_64] > div[s=_6] > [img] > ul > li > a { display:block; width:168px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; } #_main > [m-area] > [split=s_64] > div[s=_6] > [img] > ul > li > a > img { display:block; border:1px solid #ccc; margin-bottom:5px; } #_main > [m-area] > [split=s_64] > div[s=_4] { width:45%; float:left; padding-left:2%; } #_main > [m-area] > [split=s_64] > div[s=_4] > strong > a { margin-top:25px; display:inline-block; font-size:16px; font-weight:bold; color:#000; letter-spacing:-0.05em; } #_main > [m-area] > [split=s_64] > div[s=_4] > strong[art] {float:right; margin-right:55px;} #_main > [m-area] > [split=s_64] > div[s=_4] > strong[art] > a {} #_main > [m-area] > [split=s_64] > div[s=_4] > ul { overflow:hidden; margin-top:20px; } #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li { width:33.33%; float:left;} #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li > [img] { display:block; width:130px; height:150px; /* border:1px solid #ddd; */ background:no-repeat 50% 50%; background-size:cover; margin-bottom:10px; } #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li > a { font-size:13px; color:#333; letter-spacing:-0.05em; } #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li > a > strong { display:block; line-height:1; max-width:300px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; margin-bottom:5px; font-weight:normal; } #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li > a > span { display:block; line-height:1; max-width:300px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; } #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li > a > span > b { color:#e02d2d; font-weight:normal; margin-left:3px; } /* 영상/발암물질 신고센터 */ #_main > [m-area=cont-2] { width:100%; height:100%; background:#fff; padding:2%; } #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] { width:70%; padding:0; } #_main > [m-area=cont-2] > [split=s_82] > div[s=_2] { width:30%; padding-left:4%; } #_main > [m-area=cont-2] > [split=s_82] > div[s=_8]::after { display:none; } #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] > strong > a { font-size:16px; font-weight:bold; color:#1da1f2; letter-spacing:-0.05em; } #_main > [m-area=cont-2] > [split=s_82] > div[s=_2] > strong > a { font-size:16px; font-weight:bold; color:#f00; letter-spacing:-0.05em; } #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] > ul { margin-top:15px; width:100%; overflow:hidden;} #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] > ul > li { width:31%; margin-right:2%; float:left;} #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] > ul > li > a[img] { border:1px solid #e1e1e1; display:flex; justify-content:center; align-items:center; width:100%; height:149px; overflow:hidden; position:relative; } #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] > ul > li > a[txt] { margin-top:7px; font-size:14px; display:block; letter-spacing:-0.05em; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; width:99%; } #_main > [m-area=cont-2] > [split=s_82] > div[s=_2] > ul { margin-top:15px; } #_main > [m-area=cont-2] > [split=s_82] > div[s=_2] > ul > li > a { display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; font-size:14px; color:#000; letter-spacing:-0.05em; max-width:210px; } #_main > [m-area=cont-2] > [split=s_82] > div[s=_2] > ul > li > a > span { font-size:12px; color:#1da1f2; } #_main > [m-area=cont-2] > [split=s_82] > div[s=_2] > ul > li { height:30px; line-height:30px; } #_main > [m-area=cont-2] > [split=s_82] > div[s=_2] > ul > li[new]::before { content:''; display:block; position:absolute; width:10px; /* height:13px; */ background:url(/img/main/icon_new.gif) no-repeat 0 0; right:88%; top:20%; bottom:0; margin:auto 5px auto 0; } /* 월간암/캔!포메이션 */ #_main > [m-area=cont-3] { width:100%; height:100%; background:#fff; margin-top:20px; } #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] { box-sizing:border-box; padding-top:20px; overflow:hidden;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > [txt] { width:55%; float:left;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > [img] { width:45%; float:left;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > div { width:50%; float:left;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > div > strong { display:block; font-size:16px; font-weight:bold; color:#1da1f2; letter-spacing:-0.05em; margin-bottom:15px; } #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > div > strong > a { display:block; font-size:16px; font-weight:bold; color:#1da1f2; letter-spacing:-0.05em; margin-bottom:15px; } #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > div[txt] > ul { overflow:hidden; height:150px; } #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > div[txt] > ul > li { float:left; height:30px; line-height:30px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > div[txt] > ul > li > a { font-size:14px; color:#000; letter-spacing:-0.05em; } #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > div[img] > ul { width:100%; overflow:hidden; } #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > div[img] > ul > li { width:50%; float:left;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > div[img] > ul > li > a { display:block; width:140px; height:150px; background:no-repeat 50% 50%; background-size: cover; border:1px solid #ccc; } /* 카나비노이드 배너 */ #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] {height:222px;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div {position:relative; width:710px; height:222px; padding-top:20px; overflow:hidden;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_viewer {position:relative; width:710px; height:180px;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_viewer > li {position:absolute; top:0; left:0; width:710px; height:180px; background-size:cover; background-position:center center;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_viewer > li:nth-of-type(1) {background-image:url(../img/cannabinoid_banner1.png);} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_viewer > li:nth-of-type(2) {background-image:url(../img/cannabinoid_banner2.png);} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_viewer > li > a {display:block; width:100%; height:100%;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_btn{position:absolute; bottom:30px; right:5px; overflow:hidden;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_btn li{float:left; margin-right:5px;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_btn li a{display:inline-block; width:12px; height:12px; background:#fff; color:#fff; line-height:20px; text-align:center;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_btn li a.on{background:#1da1f2;} /* 의료용 대마 */ #_main > [m-area=cont-3] > [split=s_82] > div.main_cbd {padding:2%;} /* 실시간 검색어 */ #_main > div#nobelPc > div.search {} #_main > div#nobelPc > div.search > strong { display:block; font-size:16px; font-weight:bold; color:#1da1f2; letter-spacing:-0.05em;} #_main > div#nobelPc > div.search > ul { width:96%; height:130px; margin:10% 0 0 4%;} #_main > div#nobelPc > div.search > ul > li { display:block; width:100%; } #_main > div#nobelPc > div.search > ul > li > a { font-size:14px; color:#000; display:block; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; padding:5px; border-radius:5px; } #_main > div#nobelPc > div.search > ul > li > a > b { font-size:14px; color:#1da1f2; margin-right:10px; } #_main > div#nobelPc > div.search > ul > li > a:hover { background:#1da1f2; color:#fff; } #_main > div#nobelPc > div.search > div[s=_2] > ul > li > a:hover > b { color:#fff; } /* 배너 */ #_main > div#nobelPc > div.search > div.banner { border:1px solid #e1e1e1; background:#eee; width:200px; height:186px; margin:30px auto 0 auto; } #_main > div#nobelPc > div.search > div.banner:hover { border-color:#666; } #_main > div#nobelPc > div.search > div.banner > a > img {width:100%;} #mweather {display:none;} /*타블렛분기점, 스크린장치이며 최대크기가 1024이하이면*/ @media screen and (max-width:1024px) { .cont_center {padding:0 20px; /* width:768px; margin:0 auto; */} #_main > [m-area=top] > div {display:block;} #_main > [m-area=top] > div > [type=member] {display:none;} #_main > [m-area] > div {width:100%;} #_main > [m-area=top] > div > [type=main-visual] {width:100%;} #_main > [m-area] > div {width:100%;} #_main > [m-area=top] > div > [type=main-scinews] {width:100%;} /*올캔서지도, 암자가진단*/ #_main > [m-area] > [split=s_82] {display:block; } #_main > [m-area] > [split=s_82] > div[s=_8] {width:100%; height:100%; float:none;} #_main > [m-area] > [split=s_82] > div[s=_8]::after {display:none;} #_main > [m-area] > [split=s_82] > div[s=_2] {width:100%;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul::after {bottom:-26px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li:first-child::after {bottom:-26px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li > a {height:149px;} /*자문의 상담, 올캔서 매거진*/ #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol { width:100%; height:45%; margin-left:0;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol > li { width:50%; float:left;} /*라이프몰 제휴상품*/ #_main > [m-area=cont-2] > [split=s_82] > div[s=_2] {padding-left:28px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > strong {margin-top:10px; padding:0;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > strong > a.btn_go {margin-right:3%; margin-top:-5px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] { padding:2% 0; overflow:hidden;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul {display:block; width:50%; float:left; margin-top:0;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul::after {content:''; display:block; clear:both;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li {float:left; width:48%; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li:first-child {margin-right:2%;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li > a[th_img] {width:100%; height:200px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li > a[th_title] {font-size:14px; line-height:16px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [banner] {display:none;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_2] > [banner] {display:none;} #_main > [m-area] > [split=s_82] > div[s=_2] {overflow:hidden; padding:2%;} /*암치료 후기*/ #_main > [m-area] > [split=s_64] {display:block; } #_main > [m-area] > [split=s_64] > div[s=_6] {float:left; width:50%; padding-right:2%;} #_main > [m-area] > [split=s_64] > div[s=_6] > [txt] {display:none;} #_main > [m-area] > [split=s_64] > div[s=_6] > [img] {display:none;} #_main > [m-area] > [split=s_64] > div[s=_6] > [img2] { display: block; padding:0; width:100%; height:257px; overflow:hidden;} #_main > [m-area] > [split=s_64] > div[s=_4] {float:right; width:50%;} /*항암 먹거리, 아트 테라피*/ #_main > [m-area] > [split=s_64] > div[s=_4] > ul {display:block; overflow:hidden;} #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li {width:33.3%; float:left;} #_main > [m-area] > [split=s_64] > div[s=_4] > strong[art] {margin-right:20%;} /*쉽게 접하는 암 동영상*/ #_main > [m-area=cont-2] { width:100%; overflow:hidden;} #_main > [m-area=cont-2] > [split=s_82] > div.video {width:65%; float:left; overflow:hidden; padding-right:20px;} #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] > ul > li { width:49%; margin:0; float:left;} #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] > ul > li:nth-of-type(2){margin-left:2%;} #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] > ul li:last-child {display:none;} /*발암 물질 신고 센터*/ #_main > [m-area=cont-2] > [split=s_82] > div.notify {width:35%; padding-left:4%;} #_main > [m-area=cont-2] > [split=s_82] > div[s=_2] > ul > li[new]::before { content:''; display:block; position:absolute; width:10px; /* height:13px; */ background:url(/img/main/icon_new.gif) no-repeat 0 0; right:90%; top:26%; bottom:0; margin:auto 5px auto 0; } /* 카나비노이드 배너 */ #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] {height:222px;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div {position:relative; width:100%; height:222px; padding-top:20px; overflow:hidden;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_viewer {position:relative; width:100%; height:180px;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_viewer > li {position:absolute; top:20px; left:0; width:100%; height:180px; background-size:100%; background-position:center center;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_btn {bottom:10px;} /*뉴스, 월간암 소식 #_main > [m-area=cont-3] > [split=s_82] {overflow:hidden; clear:both; } #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] {width:100%; } #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top]::after { display:inline-block;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > [img] { display:inline-block;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > [title] > strong {margin-left:20px;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > [txt] > ul {height:120px;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] {display:block; width:100%; overflow:hidden; } #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div {width:50%; float:left; margin-top:0;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div[img] {width:50%; float:left;}*/ /*실시간 검색어*/ #_main > [m-area] > [split=s_82] > div.search {display:none;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_2] > strong {margin-top:0;} } /*모바일 분기점, 스크린장치이며 최대크기가 767이하이면*/ @media screen and (max-width:767px) { /* 올캔서 지도, 암 자가진단 */ #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul {display:block;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul::after {bottom:-16px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li {width:100%;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li:first-child::after {display:none;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li:first-child {padding-right:0;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li:last-child {padding-left:0;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li:first-child > strong { padding-right:0; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li:last-child > strong { padding-left:0; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li > a {background-size:40%;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol[map] > li:nth-child(3) > a::after {left:30%;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol[diagnosis] > li:nth-child(3) > a::after {left:30%;} /*가입인사, 동병상련 카페*/ #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > strong {padding:0;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol {display:block; overflow:hidden; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol > li {float:left; padding-left:0; height:auto;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol > li::after {content:''; display:block; clear:both;} /*라이프몰 제휴상품*/ #_main > [m-area] > [split=s_82] > div[s=_2] {overflow:hidden; margin:4% 0; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul {width:100%;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul:first-child {margin-bottom:10px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li {width:49%;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li:first-child {margin-right:0;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li:last-child {margin-left:2%;} /*암치료 후기*/ #_main > [m-area] > [split=s_64] > div[s=_6] {width:100%; padding-right:0;} #_main > [m-area] > [split=s_64] > div[s=_6]::after { display:none; } #_main > [m-area] > [split=s_64] > div[s=_6] > [txt] {margin-left:20px;} #_main > [m-area] > [split=s_64] > div[s=_6] > [img2] {margin-left:0; width:100%;} #_main > [m-area] > [split=s_64] > div[s=_4] {width:100%;} /*항암 먹거리, 아트 테라피*/ #_main > [m-area] > [split=s_64] > div[s] {z-index:10; margin-left:0; padding-left:0;} #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li {width:49%;} #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li:first-child{margin-right:2%;} #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li:last-child {width:100%; margin-top:30px;} #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li > [img] {width:auto;} /*쉽게 접하는 암 동영상*/ #_main > [m-area=cont-2] > [split=s_82] > div.video {width:100%; height:auto; padding-right:0;} #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] > ul {display:block; overflow:hidden;} #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] > ul > li {float:left; width:49%;} #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] > ul > li > a[img] {justify-content:left; width:auto;} #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] > ul > li > a[img] > img {width:100%; height:100%;} #_main > [m-area=cont-2] > [split=s_82] > div[s=_8] > ul > li > a[txt] {padding-top:2px; max-width:99%;} #_main > [m-area=cont-2] > [split=s_82] > div.notify {width:100%; padding:0; margin:4% 0 0 0;} /*발암 물질 신고 센터*/ #_main > [m-area=cont-2] > [split=s_82] > div[s=_2] > ul > li > a {padding-top:2px; max-width:270px;} #_main > [m-area=cont-2] > [split=s_82] > div[s=_2] > ul > li[new]::before { content:''; display:block; position:absolute; /*width:10px; height:13px; */ background:url(/img/main/icon_new.gif) no-repeat 0 0; left:280px; top:22%; bottom:0; margin:auto 5px auto 0; } /*뉴스*/ #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] {width:100%; margin-left:0;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > [txt] > ul > li > a {max-width:270px; padding-top:2px;} /*월간암 소식*/ #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] {float:left;} /*캔포메이션*/ #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div[img] {left:20px;} /* 카나비노이드 배너 */ #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] {width:100%; height:200px;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div {position:relative;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_viewer > li {position:absolute; top:20px; left:0; width:100%; height:180px; background-size:100% 100%; background-position:center center;} #mweather {display:block;} /* 헤더 - (중간) 날씨 아이콘 */ .mweather { text-align:center; margin-top: 30px; } .mweather a img {margin-right:25px;} .mweather .mcurrunt_air {top:10px;} } @media screen and (max-width:650px) { #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol[map] > li:nth-child(3) > a {background:none;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol[diagnosis] > li:nth-child(3) > a {background:none;} /* 올캔서 뉴스, 월간암 소식*/ #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] {height:100%; padding-top:0; float:none;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > [txt] { width:100%; float:none;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > [img] { width:100%; float:none;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div {width:100%; float:none; margin-top:0;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div[img] {width:100%; float:none; padding:4% 0;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top]::after { display:none;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > [img] { display:none;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=top] > [title] > strong {margin-left:20px;} /* 카나비노이드 배너 */ #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] {width:100%; height:160px;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div {position:relative;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_viewer > li {position:absolute; top:20px; left:0; width:100%; height:140px; background-size:100% 100%; background-position:center center;} #_main > [m-area=cont-3] > [split=s_82] > div[s=_8] > [news=bot] > div > ul.cannabinoid_btn {bottom:50px;} } @media screen and (max-width:550px) { /*올캔서 지도, 암자가진단*/ #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li {height:280px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol {margin-top:75px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li > a {height:120px; background-size:50%;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li:last-child {height:45px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol > li:last-child > a {line-height:45px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol[map] > li:nth-child(3) > a::after {left:17%; top:8px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ul > li > div > ol[diagnosis] > li:nth-child(3) > a::after {left:18%; top:9.5px;} /*가입인사, 동병상련 카페*/ #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol > li {width:100%;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_8] > ol > li > ul > li > a {max-width:270px; padding-top:2px;} /*라이프몰 제휴상품*/ #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > strong {padding:1% 2%;} #_main > [m-area] > [split=s_82] > div[s=_2] {margin:8% 0; } #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > strong > a.btn_go {margin-right:4%; padding:1% 3%; margin-top:-5px;} #_main > [m-area=cont-1] > [split=s_82] > div[s=_2] > [shop_with] > ul > li > a[th_img] {height:150px;} /*암 치료 후기*/ /*#_main > [m-area] > [split=s_64] > div[s=_6] > [txt] > ul > li > a {max-width:250px; padding-top:2px;}*/ #_main > [m-area] > [split=s_64] > div[s=_6] > [img2] > ul > li > a {max-width:290px; padding-top:2px;} /*항암먹거리, 아트 테라피*/ #_main > [m-area] > [split=s_64] > div[s=_4] > ul > li > [img] {height:130px;} } /*메인 비주얼*/ ul.visu_slider > .v08 {height:262px; background:url(../img/main_visual/visual_0515.jpg) no-repeat 50% 50%; background-size:cover;} .v04 {background:url(../img/visual04_bg.jpg) no-repeat center top; background-size:cover;} /*.v05 {background:url(../img/bg5.gif) no-repeat center top; background-size:cover;}*/ .v01 {height:262px; background:url(../img/main_visual/main5.jpg); background-size:cover;} .v15 {height:262px; background:url(../img/main_visual/main1809.jpg); background-size:cover;} .v10 {height:262px; background:url(../img/main_visual/main10.jpg); background-size:cover;} /*.v05 > a[pc] {display:block;} .v05 > a[pc] > img {width:100%;} .v05 > a[mobile] {display:none;} .v05 > a[pc] {display:block;} .v05 > a[pc] > img {width:100%;} .v05 > a[mobile] {display:none;}*/ .v06 {background:#0c294b;} .v06 > a[pc] > div { max-width:747px; height:100%; margin:0 auto; position:relative; } .v06 > a[pc] > div > img { position:absolute; right:10px; top:0; bottom:0; } .v06 > a[pc] > div::before { content:''; display:block; position:absolute; left:-93px; top:0; bottom:0; background:url(../img/visual06_img.png) no-repeat 0 0; width:460px; height:262px; } .v06 > a[mobile] {display:none;} .v07 {background:url(../img/main_visual/main4.jpg) no-repeat center bottom; background-size:cover;} .v09 {background:url(../img/main_visual/main3.jpg) no-repeat 50% 50%; background-size:cover;} .bx-wrapper > .bx-controls {position:relative; width:100%; height:262px;} .bx-wrapper > .bx-controls > .bx-pager { overflow:hidden; position:absolute; left:44%; top:-15%;} .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item {width:17px; height:17px; float:left; margin-right:2px; text-indent:-9999px;} .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item:last-child {margin-right:0;} .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > .bx-pager-link {display:block; width:17px; height:17px; background:url(../img/main_visual/btn_pager.png) no-repeat;} .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > .active {display:block; width:17px; height:17px; background:url(../img/main_visual/btn_active.png) no-repeat;} ul.scinews_slider > .sn01 {height:348px; background:url(../img/main_visual/bmbanner_126.jpg); background-size:cover;} .sn02 {height:348px; background:url(../img/main_visual/bmbanner_130.jpg); background-size:cover;} .sn03 {height:348px; background:url(../img/main_visual/bmbanner_132.jpg); background-size:cover;} .sn04 {height:348px; background:url(../img/main_visual/bmbanner_133.jpg); background-size:cover;} .sn05 {height:348px; background:url(../img/main_visual/bmbanner_135.jpg); background-size:cover;} .sn06 {height:348px; background:url(../img/main_visual/bmbanner_136.jpg); background-size:cover;} .sn-wrapper > .sn-controls {position:relative;} .sn-wrapper > .sn-controls > .sn-pager {position:absolute; right:0; margin-right:60px; bottom:-28x; transform:rotate(270deg);} .sn-wrapper > .sn-controls > .sn-pager > .sn-pager-item {margin-right:10px; text-indent:-9999px;} .sn-wrapper > .sn-controls > .sn-pager > .sn-pager-item:last-child {margin-right:0;} .sn-wrapper > .sn-controls > .sn-pager > .sn-pager-item > .sn-pager-link {display:block; width:17px; height:17px; background:url(../img/main_visual/btn_pager_scinews.png) no-repeat;} .sn-wrapper > .sn-controls > .sn-pager > .sn-pager-item > .active {display:block; width:17px; height:17px; background:url(../img/main_visual/btn_active_scinews.png) no-repeat;} [type=scinews-visual] > .next,[type=scinews-visual] > .prev { position:absolute;width:31px; height:76px; display:block; z-index:1000; } [type=scinews-visual] > .next { left:286px; } div#nobelMobile {display:none;} /*태블릿 분기점, 스크린장치이며 최대크기가 1024이하이면*/ @media screen and (max-width: 1024px){ ul.visu_slider > li {background-position:center 60%; background-size:cover;} ul.visu_slider > li:nth-child(2) {background-position:70% 50%;} div#nobelPc {display:none;} div#nobelMobile {display:block;} } /*모바일 분기점, 스크린장치이며 최대크기가 767이하이면*/ @media screen and (max-width:767px) { ul.visu_slider > li.v08 {background-image:url(../img/main_visual/2018mobile1.jpg); background-position:center 0;} .v09 {background-image:url(../img/main_visual/2018mobile2.jpg);} .v07 {background-image:url(../img/main_visual/2018mobile3.jpg);} .v01 {background-image:url(../img/main_visual/2018mobile4.jpg);} /*.v02 {background-image:url(../img/main_visual/2018mobile5.jpg);}*/ .v02 {background-image:url(../img/main_visual/2018mobile11.jpg);} .v15 {background-image:url(../img/main_visual/2018mobile1809.jpg);} .v11 {background-image:url(../img/main_visual/2018mobile05.jpg);} .v10 {background-image:url(../img/main_visual/2018mobile10.jpg);} } @media all and (max-width:639px) { .v04 > a > img {width:160%;} /*.v05 {background:url(../img/m_bg5.gif) no-repeat center top; background-size:cover;} .v05 > a[pc] {display:none;} .v05 > a[mobile] {display:block;} .v05 > a[mobile] > img {position:absolute; left:0; right:0; top:0; bottom:0; width:80%; margin:auto; display:block;}*/ .v06 {background:#0c294b;} .v06 > a > img {width:100%;} .v06 > a[pc] {display:none;} .v06 > a[mobile] {display:block;} .v06 > a[mobile] > img {width:auto; height:80%; margin:auto; display:block; position:absolute; left:0; top:0; bottom:0; right:0; } .bx-wrapper > .bx-controls > .bx-pager { left:36%;} /* 20181119 수정 추가 */ }