@charset "UTF-8"; /* common */ #subVisual{clear:both; position:relative; width:100%; min-width:1200px; height:232px; margin:0 auto; padding:0; background:#333; box-sizing:border-box; z-index:0;} #subVisual.subBg01{background:#333 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg02{background:#333 url('../images/sub/sub_visual_02.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg03{background:#333 url('../images/sub/sub_visual_03.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg04{background:#333 url('../images/sub/sub_visual_04.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg05{background:#333 url('../images/sub/sub_visual_05.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg06{background:#333 url('../images/sub/sub_visual_06.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg98{background:#333 url('../images/sub/sub_visual_98.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg99{background:#333 url('../images/sub/sub_visual_99.jpg') no-repeat center center; background-size:cover;} #subVisual .title{position:relative; top:65px; width:100%; text-align:center; z-index:2;} #subVisual .title h2{display:inline-block; position:relative; color:#fff; font-size:2.125rem; font-weight:700;} #subVisual:before{content:''; display:block; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2) url('../images/pattern_01.png') repeat top left; background-size:6px; z-index:1;} #path{clear:both; position:sticky; width:100%; min-width:1200px; height:60px; top:100px; margin-top:-60px; z-index:3;} #path.sticky{background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.1);} #path ul{display:inline-block; width:100%; padding:0; background:#fff;} #path ul li{display:block; position:relative; float:left; margin:0 2px 0 0; padding:0;} #path ul li:after{content:''; display:block; position:absolute; width:1px; height:12px; top:50%; right:-2px; margin-top:-6px; background:#ddd; z-index:3;} #path ul li.btnHome{width:60px; height:60px;} #path ul li.btnHome a{display:block; width:100%; height:100%; padding:0; background:url('../images/sub/ico_home.png') no-repeat center center; font-size:0; box-sizing:border-box;} #path ul li.btnHome a:focus, #path ul li.btnHome a:hover{} #path ul li button{position:relative; min-width:200px; height:60px; margin-top:1px; padding:0 50px 0 20px; background:#fff; color:#333; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; z-index:3;} #path ul li button:after{content:''; display:block; position:absolute; width:0; height:0; top:50%; right:18px; margin-top:-2px; border-top:4px solid #3071cf; border-left:4px solid transparent; border-right:4px solid transparent; font-size:0; line-height:0;} #path ul li button:focus, #path ul li button:hover{} #path ul li button.rotate{color:#3071cf;} #path ul li button.rotate:after{border-top:none; border-bottom:4px solid #3071cf;} #path ul li:last-child button{color:#3071cf; font-weight:500;} #path ul li ul{clear:both; display:inline-block; position:absolute; width:auto; min-width:100%; height:auto; padding:8px 0; top:0; left:0; background:#fff; border:1px solid #eee; opacity:0; box-shadow:1px 1px 5px rgba(175,175,175,0.1); visibility:hidden; transition:all .1s ease; z-index:4;} #path ul li.show ul{top:100%; opacity:1; visibility:visible;} #path ul li ul li{display:block; float:none; text-align:left; border-right:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #path ul li ul li:after{display:none;} #path ul li ul li:last-child{margin-bottom:0;} #path ul li ul li a{display:block; padding:12px 20px; color:#555; font-size:0.938rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #path ul li ul li a:focus, #path ul li ul li a:hover{color:#3071cf;} #path ul li ul li a:focus:before, #path ul li ul li a:hover:before{content:'-'; position:inline-block; margin-right:3px;} #subContents{position:relative; width:100%; height:100%; min-height:600px; margin:0 auto; padding:80px 0 100px; box-sizing:border-box;} #subContents:after{content:''; display:block; clear:both;} #subContents .conTitle{display:block; width:100%; box-sizing:border-box;} #subContents .conTitle h3{display:inline-block; position:relative; width:100%; margin-bottom:40px; text-align:center; line-height:1.4; word-break:keep-all;} #subContents .conTitle h3 span{display:block; font-size:2.125rem; font-weight:500;} #subContents .conTitle h4{display:inline-block; position:relative; margin:20px 0 25px; padding:0 0 0 30px; color:#333d66; font-size:1.375rem; font-weight:700; word-break:keep-all;} #subContents .conTitle h4:before{content:''; display:inline-block; position:absolute; width:18px; height:18px; top:3px; left:0; background:url('../images/sub/ico_bullet_01.png') no-repeat left center;} #subContents .conTitle h5{display:block; position:relative; margin:20px 0 14px; padding:0; color:#3071cf; font-size:1.25rem; font-weight:500; word-break:keep-all;} #subContents .conTitle h6{display:block; position:relative; margin:18px 0 12px; padding:0 0 0 18px; color:#3071cf; font-size:1.063rem; font-weight:500; word-break:keep-all;} #subContents .conTitle h6:before{content:''; display:inline-block; position:absolute; width:8px; height:3px; top:8px; left:4px; background:#b9cff1; border-radius:2px;} #subContents .conTitle:first-child h5, #subContents .conTitle + .conTitle h5{margin-top:0;} #subContents > .conTitle:first-child + script + div > .con:first-child > .conTitle h4{margin-top:0;} #subContents .ready{} /* contents */ #subContents .con{clear:both; display:inline-block; position:relative; width:100%; margin:0 auto 60px; padding:0; color:#555; z-index:1;} #subContents .con:last-child{margin:0 auto;} #subContents .con p{line-height:1.6; margin-bottom:40px; font-size:1rem; word-break:keep-all;} #subContents .con p:last-child{margin-bottom:0;} #subContents .con p.point{color:#da4648;} #subContents .con p.point:before{content:'※ ';} #subContents .con p.info{color:#888; font-size:0.863rem;} #subContents .con img{display:inline-block; width:100%; max-width:1180px; margin:0 auto;} #subContents .con img.mobile{display:none;} #subContents .con a.download{display:inline-block; padding:7px 10px 8px; border:1px solid #3a8afd; color:#3a8afd; font-size:0.813rem;} #subContents .con a.download:before{content:'\f019'; margin-right:4px;} #subContents .con a.download.pdf:before{content:'\f1c1';} #subContents .con a.download.hwp:before{content:'\f016';} #subContents .con a.download:focus, #subContents .con a.download:hover{background:#3a8afd; color:#fff;} #subContents .con .box{clear:both; display:inline-block; position:relative; width:100%; padding:10px; margin-bottom:40px; background:#eee url('../images/pattern_02.png') repeat;} #subContents .con .box:last-child{margin-bottom:0;} #subContents .con .box > *{padding:25px; background:#fff;} #subContents .con ul.list{clear:both; width:100%; margin:0 auto 40px;} #subContents .con ul.list > li{position:relative; margin:0 auto 10px; padding-left:10px; line-height:1.4; word-break:keep-all;} #subContents .con ul.list > li:last-child{margin-bottom:0;} #subContents .con ul.list > li:before{content:''; display:block; position:absolute; left:0;} #subContents .con ul.list.circle > li:before{width:3px; height:3px; top:10px; background:#239ed7; border-radius:50%;} #subContents .con ul.list.triangle > li:before{content:''; display:block; position:absolute; width:0; height:0; top:6px; left:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #239ed7; font-size:0; line-height:0;} #subContents .con ul.list.line > li:before{width:4px; height:2px; top:9.5px; background:#888;} #subContents .con ul.list.star > li:before{content:'*'; top:4px; color:#239ed7;} #subContents .con ul.list.clover > li{padding-left:1.25em;} #subContents .con ul.list.clover > li:before{content:'♣'; top:0; color:#239ed7;} #subContents .con ol.number{clear:both; width:100%; margin:0 auto 40px;} #subContents .con ol.number > li{position:relative; margin:0 auto 10px; padding-left:28px; line-height:1.4; word-break:keep-all;} #subContents .con ol.number > li:last-child{margin-bottom:0;} #subContents .con ol.number > li:before{display:block; position:absolute; left:0; color:#3071cf;} #subContents .con ol.number.basic > li:nth-child(1):before{content:'1.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(2):before{content:'2.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(3):before{content:'3.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(4):before{content:'4.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(5):before{content:'5.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(6):before{content:'6.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(7):before{content:'7.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(8):before{content:'8.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(9):before{content:'9.'; left:5px;} #subContents .con ol.number.basic > li:nth-child(10):before{content:'10.';} #subContents .con ol.number.basic > li:nth-child(11):before{content:'11.';} #subContents .con ol.number.basic > li:nth-child(12):before{content:'12.';} #subContents .con ol.number.basic > li:nth-child(13):before{content:'13.';} #subContents .con ol.number.basic > li:nth-child(14):before{content:'14.';} #subContents .con ol.number.basic > li:nth-child(15):before{content:'15.';} #subContents .con ol.number.basic > li:nth-child(16):before{content:'16.';} #subContents .con ol.number.basic > li:nth-child(17):before{content:'17.';} #subContents .con ol.number.basic > li:nth-child(18):before{content:'18.';} #subContents .con ol.number.circle > li{padding-left:23px;} #subContents .con ol.number.circle > li:nth-child(1):before{content:'①';} #subContents .con ol.number.circle > li:nth-child(2):before{content:'②';} #subContents .con ol.number.circle > li:nth-child(3):before{content:'③';} #subContents .con ol.number.circle > li:nth-child(4):before{content:'④';} #subContents .con ol.number.circle > li:nth-child(5):before{content:'⑤';} #subContents .con ol.number.circle > li:nth-child(6):before{content:'⑥';} #subContents .con ol.number.circle > li:nth-child(7):before{content:'⑦';} #subContents .con ol.number.circle > li:nth-child(8):before{content:'⑧';} #subContents .con ol.number.circle > li:nth-child(9):before{content:'⑨';} #subContents .con ol.number.circle > li:nth-child(10):before{content:'⑩';} #subContents .con ol.number.circle > li:nth-child(11):before{content:'⑪';} #subContents .con ol.number.circle > li:nth-child(12):before{content:'⑫';} #subContents .con ol.number.circle > li:nth-child(13):before{content:'⑬';} #subContents .con ol.number.circle > li:nth-child(14):before{content:'⑭';} #subContents .con ol.number.circle > li:nth-child(15):before{content:'⑮';} #subContents .con ol.list.number{clear:both; width:100%;} #subContents .con ol.list.number > li{position:relative; margin:0 auto 10px; padding-left:23px; line-height:1.4; word-break:keep-all;} #subContents .con ol.list.number > li:last-child{margin-bottom:0;} #subContents .con ol.list.number > li:before{display:block; position:absolute; width:16px; height:16px; padding:0 1px; top:3px; left:0; background:#ebb600; color:#fff; font-size:0.75rem; font-weight:500; text-align:center; border-radius:50%;} #subContents .con ol.list.number > li:nth-child(1):before{content:'01';} #subContents .con ol.list.number > li:nth-child(2):before{content:'02';} #subContents .con ol.list.number > li:nth-child(3):before{content:'03';} #subContents .con ol.list.number > li:nth-child(4):before{content:'04';} #subContents .con ol.list.number > li:nth-child(5):before{content:'05';} #subContents .con ol.list.number > li:nth-child(6):before{content:'06';} #subContents .con ol.list.number > li:nth-child(7):before{content:'07';} #subContents .con ol.list.number > li:nth-child(8):before{content:'08';} #subContents .con ol.list.number > li:nth-child(9):before{content:'09';} #subContents .con ol.list.number > li:nth-child(10):before{content:'10';} #subContents .con ul:last-child, #subContents .con ol:last-child{margin-bottom:0;} #subContents .con ul li p, #subContents .con ol li p{margin-bottom:0;} #subContents .con ul li ul, #subContents .con ul li ol{margin:6px auto 12px; padding:12px 16px; background:#f9f9f9; border:1px solid #eee; border-radius:5px;} #subContents .con ul li ul li, #subContents .con ul li ol li{font-size:0.938rem;} #subContents .con ul li ul li strong, #subContents .con ul li ol li strong{font-weight:500;} #subContents .tab{clear:both; display:block; position:relative; width:100%; max-width:1180px; margin:0 auto 40px;} #subContents .tab > ul{display:inline-block; width:100%; margin:0 auto; padding:0; text-align:center;} #subContents .tab > ul li{display:block; float:left; width:33.3%; margin:0 -1px -1px 0;} #subContents .tab > ul li:last-child:after{content:''; clear:both; display:block;} #subContents .tab > ul li .tabLink{display:block; width:100%; line-height:1; padding:21px 10px 20px; background:#f7f7f7 url('../images/pattern_02.png') repeat; border:1px solid #ddd; color:#666; font-size:1.25rem; font-weight:500; cursor:pointer; outline:none; transition:transform 0s;} #subContents .tab > ul li .tabLink:focus, #subContents .tab > ul li .tabLink:hover{background:#e7e7e7;} #subContents .tab > ul li .tabLink.active{padding:20px 10px; background:#fff; border-top-width:2px; border-top-color:#3071cf; border-bottom-color:#fff; color:#144693; font-weight:700;} #subContents .tabCon{clear:both; display:block; position:relative; margin:0 auto 80px;} #subContents .tabCon:last-child{margin:0 auto;} #subContents .tabCon.hide{display:none;} #subContents .tabCon.active{display:block;} #subContents .tableW{width:100%; margin:0 auto 20px;} #subContents .tableW:last-child{margin:0 auto;} #subContents table{width:100%; background:#fff; border:1px solid #ddd; border-top:2px solid #3071cf; text-align:center;} #subContents table tr th{padding:16px 15px; background:#f7f7f7; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; vertical-align:middle; word-break:keep-all;} #subContents table tr th.rowtit{background:#e6e6e6;} #subContents table tr th.rowti{background:#eff5fd;} #subContents table tr th:last-child{border-right:none;} #subContents table tr td{line-height:1.4; padding:16px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:0.938rem; word-break:keep-all; vertical-align:middle;} #subContents table tr td:last-child{border-right:none;} #subContents table tr td.alignLeft{text-align:left;} #subContents table tr td.break{word-break:break-all;} #subContents table tr td ol, #subContents table tr td ul{text-align:left;} #bo_v_con table tr td{text-align:initial;} #subContents .con label.btn.select{display:inline-block; line-height:1; height:auto; margin:4px 8px 4px 0; padding:0; border:none; border-radius:0; font-size:inherit; font-weight:normal; text-align:left; vertical-align:middle; transition:0s; cursor:inherit;} #subContents .con label.btn.select input.pick{display:inline-block; width:0; height:0; line-height:1; opacity:0;} #subContents .con label.btn.select input.pick ~ span.checkmark{display:inline-block; position:relative; width:18px; height:18px; line-height:1; background:#fff; border:1px solid #ccc; border-radius:50%; vertical-align:bottom; cursor:pointer;} #subContents .con label.btn.select input.pick:focus ~ span.checkmark{border-color:#000; outline:1px solid #000;} #subContents .con label.btn.select input.pick:checked ~ span.checkmark{background:#3a8afd; border-color:#3a8afd;} #subContents .con label.btn.select input.pick:disabled ~ span.checkmark{background:#ddd; border-color:#bbb; cursor:not-allowed;} #subContents .con label.btn.select input.pick ~ span.checkmark:after{content:''; display:block; position:absolute;} #subContents .con label.btn.select input.pick ~ span.txt{margin-left:-4px; padding-left:6px; cursor:pointer;} #subContents .con label.btn.select input.pick.chk{} #subContents .con label.btn.select input.pick.chk ~ span.checkmark{border-radius:2px; vertical-align:text-top;} #subContents .con label.btn.select input.pick.chk:checked ~ span.checkmark{} #subContents .con label.btn.select input.pick.chk:disabled ~ span.checkmark{background:#ddd; border-color:#bbb; cursor:not-allowed;} #subContents .con label.btn.select input.pick.chk:disabled ~ span.txt{color:#717171; cursor:not-allowed;} #subContents .con label.btn.select input.pick.chk ~ span.checkmark:after{width:11px; height:8px; top:50%; left:50%; margin-top:-4px; margin-left:-5.5px; background:transparent;} #subContents .con label.btn.select input.pick.chk:checked ~ span.checkmark:after{background:url('../images/sub/ico_check.png') no-repeat center;} #subContents .con label.btn.select input.pick.chk:disabled ~ span.checkmark:after{} #subContents .con label.btn.select input.pick.radio{} #subContents .con label.btn.select input.pick.radio ~ span.checkmark{vertical-align:text-top;} #subContents .con label.btn.select input.pick.radio:checked ~ span.checkmark{} #subContents .con label.btn.select input.pick.radio:disabled ~ span.checkmark{background:#e9e9e9; border-color:#ddd; cursor:not-allowed;} #subContents .con label.btn.select input.pick.radio:disabled ~ span.txt{color:#717171; cursor:not-allowed;} #subContents .con label.btn.select input.pick.radio ~ span.checkmark:after{width:8px; height:8px; top:50%; left:50%; margin-top:-4px; margin-left:-4px; background:#fff; border-radius:50%;} #subContents .con label.btn.select input.pick.radio:checked ~ span.checkmark:after{} #subContents .con label.btn.select input.pick.radio:disabled ~ span.checkmark:after{background:#e9e9e9;} #subContents .con label.btn.select span.txt{vertical-align:text-top;} #subContents .modalWrap{position:fixed; width:100%; height:100%; bottom:0; right:0; background:transparent; overflow-y:auto; visibility:hidden; opacity:0; transition:opacity 0.3s ease-in-out; z-index:-1; overflow:hidden;} #subContents .modalWrap button.modalClose{position:absolute; width:26px; height:26px; top:50px; right:40px; margin:0; padding:0; background:transparent; cursor:pointer;} #subContents .modalWrap button.modalClose span{display:block; position:relative; width:26px; height:2px; margin:0 auto; background:transparent; border-radius:2px; font-size:0;} #subContents .modalWrap button.modalClose span:before, #subContents .modalWrap button.modalClose span:after{content:''; display:block; position:absolute; width:26px; height:2px; background:#fff; border-radius:2px;} #subContents .modalWrap button.modalClose span:before{top:-8px; transform:translate3d(0,8px,0) rotate(45deg);} #subContents .modalWrap button.modalClose span:after{bottom:-8px; transform:translate3d(0,-8px,0) rotate(-45deg);} #subContents .modalWrap button.modalClose:focus, #subContents .modalWrap button.modalClose:hover{opacity:0.6;} #subContents .modalWrap button.modalClose:after{content:''; clear:both; display:block;} #subContents .modalWrap .modalCon{position:absolute; width:60%; max-height:80%; top:50%; left:20%; padding:60px; background:#fff; box-shadow:3px 3px 8px rgba(0,0,0,0.1); opacity:0; overflow-y:auto; transform:translateY(-50%); transition:opacity 0.2s ease-in-out;} #subContents .modalWrap .modalCon h3{margin:0 auto 40px; font-size:2rem; font-weight:500; text-align:center;} #subContents .modalWrap .modalBg{position:absolute; width:100%; height:100%; bottom:0; left:0; background:rgba(0,0,0,0.6); opacity:0; z-index:-1; transition:opacity 0.2s ease-in-out;} #subContents .modalWrap .modalBg:before{content:''; position:absolute; width:100%; height:50%; top:0; right:0; background:linear-gradient(0, transparent 0, #545454 100%);} #subContents .modalWrap.open{visibility:inherit; opacity:1; z-index:1000;} #subContents .modalWrap.open .modalCon{opacity:1;} #subContents .modalWrap.open .modalBg{opacity:1;} .sub01_01, .sub01_02, .sub01_03, .sub01_04, .sub01_05, .sub02_01, .sub02_02, .sub02_03, .sub02_04, .sub02_05, .sub02_06, .sub03_01, .sub03_02, .sub03_03, .sub04_01, .sub04_02, .sub04_03, .sub04_04, .sub05_01, .sub05_02, .sub05_03, .sub06_01, .sub06_02, .sub06_03, .sub06_04, .sub98_01, .sub98_02, .sub98_03{clear:both;} #subContents .sub01 .tab ul li{width:33.333%;} #subContents .sub02_01 .tab ul li{width:50%;} #subContents .sub02_02 .tab ul li{width:50%;} #subContents .sub04_01 .tab ul li{width:50%;} #subContents .sub04_02 .tab ul li{width:50%;} #subContents .sub98_01 .con{margin:0 0 50px;} #subContents .sub98_01 .con:last-child{display:none;} #subContents .sub98_01 .con p{display:inline-block; position:relative; line-height:1; margin:20px 0 25px; padding:0 0 0 30px; color:#333d66; font-size:1.375rem; font-weight:700; word-break:keep-all;} #subContents .sub98_01 .con p:before{content:''; display:inline-block; position:absolute; width:18px; height:18px; top:3px; left:0; background:url('../images/sub/ico_bullet_01.png') no-repeat left center;} #subContents .sub98_01 .con ul{margin:0; padding:5px 20px 20px; background:#fcfcfc; border:1px dotted #dedede;} #subContents .sub98_01 .con ul li{display:inline-block; position:relative; width:22.8%; margin:15px 30px 0 0; padding:0 0 0 12px; vertical-align:top;} #subContents .sub98_01 .con ul li:nth-child(3n){margin-right:0;} #subContents .sub98_01 .con ul li:before{content:''; display:inline-block; position:absolute; width:6px; height:3px; top:8px; left:0; background:#b9cff1; border-radius:2px;} #subContents .sub98_01 .con ul li a{font-size:1.063rem; line-height:1.2; word-break:keep-all; text-decoration:none;} #subContents .sub98_01 .con ul li a:focus, #subContents .sub98_01 .con ul li a:hover{color:#3a8afd;} #subContents .sub98_01 .con ul li ul{margin:7px 0 0 2px; padding:0; border:none;} #subContents .sub98_01 .con ul li ul li{width:100%; margin:4px 0; padding:0 0 0 8px;} #subContents .sub98_01 .con ul li ul li:before{content:''; display:block; position:absolute; top:7px; left:0; width:4px; height:1px; margin-top:1px; background:#a2aabd; border:none;} #subContents .sub98_01 .con ul li ul li a{font-size:0.938rem; line-height:1;} #subContents .sub98_01 .con ul li.new:after{content:''; display:inline-block; width:13px; height:13px; margin-left:8px; background:url('../images/ico_newlink.png') no-repeat center center;} #subContents .sub98_02 .con p{margin-bottom:20px;} #subContents .sub98_02 .con p:last-child{margin-bottom:0;} #subContents .sub98_02 .con ul, #subContents .sub98_02 .con ol{margin-bottom:20px;} #subContents .sub98_02 .con ul:last-child, #subContents .sub98_02 .con ol:last-child{margin-bottom:0;} #subContents .sub98_03 .con .box > *{display:inline-block; width:100%; padding:0 25px;} #subContents .sub98_03 .con .box > *:first-child{padding-top:15px;} #subContents .sub98_03 .con .box > *:last-child{padding-bottom:30px;} #subContents .sub98_03 .con ol{clear:both; width:100%; padding-bottom:25px;} #subContents .sub98_03 .con ol > li{position:relative; margin:0 auto 10px; padding-left:10px; line-height:1.4; word-break:keep-all;} #subContents .sub98_03 .con ol > li:last-child{margin-bottom:0;} #subContents .sub98_03 .con p.postDate{color:#da4648; text-align:right;} #subContents .icmart2024{} #subContents .icmart2024 p{margin-bottom:1em !important;} #subContents .icmart2024 p:last-child;{margin-bottom:0 !important;} #subContents .icmart2024 ul li p, #subContents .icmart2024 ol li p{margin-bottom:inherit !important;} #subContents .icmart2024 .tableW table tr th, #subContents .icmart2024 .tableW table tr td{width:inherit;} #subContents .icmart2024 .tableW table tr th span.mini{color:#888; font-size:.875em;} #subContents .detailList{} #subContents .detailList .con{} #subContents .detailList .con .search{clear:both; display:inline-block; width:100%; padding:20px; background:#f7f7f7;} #subContents .detailList .con .search select{padding:8px 12px; border:1px solid #ccc;} #subContents .detailList .con .search input{padding:8px 12px; border:1px solid #ccc;} #subContents .detailList .con .search input[type="text"]{} #subContents .detailList .con .search input[type="submit"]{background:#888 url('../images/pattern_02.png') repeat; color:#fff;} #subContents .detailList .con .search input[type="submit"]:hover{background-color:#787878;} #subContents .detailList .con ul.sct{display:inline-block; width:100%;} #subContents .detailList .con ul.sct li.sct_li{position:relative; width:100%; margin:0 auto 20px;} #subContents .detailList .con ul.sct li.sct_li a{display:inline-block; position:relative; width:100%; height:100%; border:1px solid #ddd;} #subContents .detailList .con ul.sct li.sct_li a .sct_img{} #subContents .detailList .con ul.sct li.sct_li a .imgBox{position:relative; float:left; width:30%; overflow:hidden; border-right:1px solid #ddd;} #subContents .detailList .con ul.sct li.sct_li a .imgBox img{width:100%; transition:transform 0.2s;} #subContents .detailList .con ul.sct li.sct_li a .imgBox .tag{position:absolute; top:12px; right:12px;} #subContents .detailList .con ul.sct li.sct_li a .imgBox .tag span{display:inline-block; line-height:1; padding:6px 6px 7px; border-radius:4px; color:#fff; font-size:0.813rem; vertical-align:middle;} #subContents .detailList .con ul.sct li.sct_li a .imgBox .tag span.ready{background:rgba(58,138,254,0.9);} #subContents .detailList .con ul.sct li.sct_li a .imgBox .tag span.ing{background:rgba(255,129,69,0.9);} #subContents .detailList .con ul.sct li.sct_li a .imgBox .tag span.end{background:rgba(130,130,130,0.8);} #subContents .detailList .con ul.sct li.sct_li a .sct_txt{} #subContents .detailList .con ul.sct li.sct_li a .txtBox{float:right; width:70%; padding:24px 32px 0;} #subContents .detailList .con ul.sct li.sct_li a .txtBox .tag{display:block; margin-bottom:11px; padding:0; color:#0871cf; font-size:0.938rem;} #subContents .detailList .con ul.sct li.sct_li a .txtBox p{position:relative; margin:0 0 4px; padding:0 0 0 10px; color:#666; font-size:1rem;} #subContents .detailList .con ul.sct li.sct_li a .txtBox p:last-child{margin:0;} #subContents .detailList .con ul.sct li.sct_li a .txtBox p.title{margin:0 0 14px; padding:0; font-size:1.25rem; font-weight:500; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #subContents .detailList .con ul.sct li.sct_li a .txtBox p.info{display:-webkit-box; margin-bottom:14px; padding:0; color:#888; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;} #subContents .detailList .con ul.sct li.sct_li a .txtBox p.teach{} #subContents .detailList .con ul.sct li.sct_li a .txtBox p.listDate{} #subContents .detailList .con ul.sct li.sct_li a .txtBox p.place{} #subContents .detailList .con ul.sct li.sct_li a .txtBox p.score{} #subContents .detailList .con ul.sct li.sct_li a .txtBox p.host{} #subContents .detailList .con ul.sct li.sct_li a .txtBox p:before{content:''; display:block; position:absolute; width:3px; height:3px; top:11px; left:2px; background:#239ed7; border-radius:50%;} #subContents .detailList .con ul.sct li.sct_li a .txtBox p.title:before, #subContents .detailList .con ul.sct li.sct_li a .txtBox p.info:before{display:none;} #subContents .detailList .con ul.sct li.sct_li a .txtBox p span{} #subContents .detailList .con ul.sct li.sct_li a .item_btn{position:absolute; top:15px; right:15px;} #subContents .detailList .con ul.sct li.sct_li a .item_btn .btn_wishlist{padding:0; background:transparent;} #subContents .detailList .con ul.sct li.sct_li a .item_btn .btn_wishlist i{display:block; width:20px; height:18px; background:url('../images/ico_wishlist.png') no-repeat bottom center; cursor:pointer;} #subContents .detailList .con ul.sct li.sct_li a .item_btn .btn_wishlist:focus i, #subContents .detailList .con ul.sct li.sct_li a .item_btn .btn_wishlist:hover i{background-position:top -18px center;} #subContents .detailList .con ul.sct li.sct_li a .item_btn .btn_wishlist.on i{background-position:top center;} #subContents .detailList .con ul.sct li.sct_li a .item_btn .btn_wishlist span.tooltip{display:block; width:1px; height:1px; font-size:0; overflow:hidden;} #subContents .detailList .con ul.sct li.sct_li a:focus, #subContents .detailList .con ul.sct li.sct_li a:hover{border-color:#999; box-shadow:0px 0px 5px rgba(0,0,0,0.1);} #subContents .detailList .con ul.sct li.sct_li a:focus .imgBox img, #subContents .detailList .con ul.sct li.sct_li a:hover .imgBox img{transform:scale(1.05);} #subContents .detailList .con nav.pg_wrap{clear:both;} #subContents .detailList.conference{} #subContents .detailList.conference .con{} #subContents .detailList.conference .con .search{} #subContents .detailList.conference .con .search .selectarea{clear:both; float:left; width:35%;} #subContents .detailList.conference .con .search .selectarea select.society_name{width:64%;} #subContents .detailList.conference .con .search .selectarea select.society_name option{} #subContents .detailList.conference .con .search .selectarea select.year{width:28%;} #subContents .detailList.conference .con .search .selectarea select.year option{} #subContents .detailList.conference .con .search label{float:left; width:50%; text-align:right;} #subContents .detailList.conference .con .search label span{display:inline-block; width:10%; left:0; text-align:left; vertical-align:middle;} #subContents .detailList.conference .con .search label input.frm_input2{display:inline-block; width:89%;} #subContents .detailList.conference .con .search input.sbtn{float:right; width:15%; border-left:none;} #subContents .detailList.onclass{} #subContents .detailList.onclass .con{} #subContents .detailList.onclass .con .search{} #subContents .detailList.onclass .con .search input.frm_input2{float:left; width:70%;} #subContents .detailList.onclass .con .search input.sbtn{float:right; width:30%; border-left:none;} #subContents .detailList.onclass .con ul.sct li.sct_li a .txtBox p.title{margin:0 0 8px;} #subContents .detailItem{} #subContents .detailItem .con{} #subContents .detailItem .con .search{clear:both; display:inline-block; width:100%; padding:20px; background:#f7f7f7;} #subContents .detailItem .con .search select{padding:8px 12px; border:1px solid #ccc;} #subContents .detailItem .con .search input{padding:8px 12px; border:1px solid #ccc;} #subContents .detailItem .con .search input[type="text"]{} #subContents .detailItem .con .search input[type="submit"]{background:#888 url('../images/pattern_02.png') repeat; color:#fff;} #subContents .detailItem .con .search input[type="submit"]:hover{background-color:#787878;} #subContents .detailItem .item_view{} #subContents .detailItem .item_view .item_top{} #subContents .detailItem .item_view .item_top .layoutLeft{width:44%; padding-right:30px;} #subContents .detailItem .item_view .item_top ul.sct li.sct_li .imgBox{position:relative; width:100%; overflow:hidden; border-right:1px solid #ddd;} #subContents .detailItem .item_view .item_top ul.sct li.sct_li .imgBox img{width:100%; transition:transform 0.2s;} #subContents .detailItem .item_view .item_top ul.sct li.sct_li .imgBox .tag{position:absolute; top:12px; right:12px;} #subContents .detailItem .item_view .item_top ul.sct li.sct_li .imgBox .tag span{display:inline-block; line-height:1; padding:6px 6px 7px; border-radius:4px; color:#fff; font-size:1rem; vertical-align:middle;} #subContents .detailItem .item_view .item_top ul.sct li.sct_li .imgBox .tag span.ready{background:rgba(58,138,254,0.9);} #subContents .detailItem .item_view .item_top ul.sct li.sct_li .imgBox .tag span.ing{background:rgba(255,129,69,0.9);} #subContents .detailItem .item_view .item_top ul.sct li.sct_li .imgBox .tag span.end{background:rgba(130,130,130,0.8);} #subContents .detailItem .item_view .item_top .layoutRight{width:50%;} #subContents .detailItem .item_view .item_top .layoutRight .filedown{display:block;} #subContents .detailItem .item_view .item_top .txtBox{width:100%;} #subContents .detailItem .item_view .item_top .txtBox .tag{display:block; margin-bottom:11px; padding:0; color:#0871cf; font-size:1.063rem;} #subContents .detailItem .item_view .item_top .txtBox p.title{margin:0 0 25px; padding:0; font-size:1.5rem; font-weight:500; word-break:keep-all;} #subContents .detailItem .item_view .item_top .txtBox p.info{margin-bottom:25px; padding:0; color:#888; font-size:1rem; word-break:keep-all;} #subContents .detailItem .item_view .item_top .txtBox .box{padding:0 0 25px; background:transparent;/* border-top:1px solid #ddd;*/} #subContents .detailItem .item_view .item_top .txtBox .box > *{padding:0; background:transparent;} #subContents .detailItem .item_view .item_top .txtBox .box p{position:relative; margin:0 0 10px; padding:0 0 0 11px; color:#666; font-size:1rem;} #subContents .detailItem .item_view .item_top .txtBox .box p:last-child{margin:0;} #subContents .detailItem .item_view .item_top .txtBox .box p:before{content:''; display:block; position:absolute; width:3px; height:3px; top:12px; left:2px; background:#239ed7; border-radius:50%;} #subContents .detailItem .item_view .item_top .txtBox .box p span{} #subContents .detailItem .item_view .item_top .txtBox .box p strong{font-weight:500;} #subContents .detailItem .item_view .item_top .txtBox .box p.listDate{} #subContents .detailItem .item_view .item_top .txtBox .box p.place{} #subContents .detailItem .item_view .item_top .txtBox .box p.score{} #subContents .detailItem .item_view .item_top .txtBox .box p.teach{} #subContents .detailItem .item_view .item_top .txtBox .box p.teach a.more{display:inline-block; line-height:1; margin-left:3px; padding:4px 7px 5px; border-radius:4px; border:1px solid transparent; font-size:0.813rem; font-weight:500; cursor:pointer;} #subContents .detailItem .item_view .item_top .txtBox .box p.teach a.more.teach{background:#fff; border-color:#3071cf; color:#3071cf;} #subContents .detailItem .item_view .item_top .txtBox .box p.teach a.more.teach:focus, #subContents .detailItem .item_view .item_top .txtBox .box p.teach a.more.teach:hover{background:#3071cf; color:#fff;} #subContents .detailItem .item_view .item_top .txtBox .box .teachDetail{display:none; width:100%; margin:0 auto 11px; padding:12px 16px; background:#f9f9f9; border:1px solid #eee; border-radius:5px;} #subContents .detailItem .item_view .item_top .txtBox .box .teachDetail:after{content:''; clear:both; display:block;} #subContents .detailItem .item_view .item_top .txtBox .box .teachDetail .imgBox{float:left; width:25%; max-width:250px; padding-right:40px; border-right:none;} #subContents .detailItem .item_view .item_top .txtBox .box .teachDetail .imgBox img{} #subContents .detailItem .item_view .item_top .txtBox .box .teachDetail .txtBox{float:right; width:75%;} #subContents .detailItem .item_view .item_top .txtBox .box .teachDetail .txtBox ul{margin:0; padding:0; background:none; border:none; border-radius:0;} #subContents .detailItem .item_view .item_top .txtBox .box .teachDetail .txtBox ul li{display:inline-block; width:48%; margin:0 1% 15px 0; vertical-align:top;} #subContents .detailItem .item_view .item_top .txtBox .box .teachDetail .txtBox ul li span{display:block; line-height:1.6;} #subContents .detailItem .item_view .item_top .txtBox .box .teachDetail .txtBox ul li span.big{font-size:1.125rem; font-weight:500;} #subContents .detailItem .item_view .item_top .txtBox .box p.host{} #subContents .detailItem .item_view .item_top .txtBox .box p.coast{} #subContents .detailItem .item_view .item_top .txtBox .box p.time{} #subContents .detailItem .item_view .item_top .txtBox .box p.registerDate{} #subContents .detailItem .item_view .item_top .txtBox .box .registerCost{} #subContents .detailItem .item_view .item_top .txtBox .box .registerCost p{} #subContents .detailItem .item_view .item_top .txtBox .box .registerCost .tableW{} #subContents .detailItem .item_view .item_top .txtBox .box .registerCost .tableW table{} #subContents .detailItem .item_view .item_top .txtBox .box .registerCost .tableW table tr{} #subContents .detailItem .item_view .item_top .txtBox .box .registerCost .tableW table tr th{} #subContents .detailItem .item_view .item_top .txtBox .box .registerCost .tableW table tr td{} #subContents .detailItem .item_view .item_top #sit_ov_btn{clear:both; display:inline-block; width:100%;} #subContents .detailItem .item_view .item_top #sit_ov_btn button{display:block; float:left; width:auto; margin:0 0 auto 1%; padding:16px 25px; background:#fff; border:1px solid #3a8afd; color:#3a8afd; font-size:1.25rem; text-align:center;} #subContents .detailItem .item_view .item_top #sit_ov_btn button:focus, #subContents .detailItem .item_view .item_top #sit_ov_btn button:hover{background:#3a8afd; color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.2);} #subContents .detailItem .item_view .item_top #sit_ov_btn button:first-child{margin:0 auto;} #subContents .detailItem .item_view .item_top #sit_ov_btn button.sit_btn_buy{width:50%;} #subContents .detailItem.conference .item_view .item_top #sit_ov_btn button.sit_btn_buy{width:89%;} #subContents .detailItem .item_view .item_top #sit_ov_btn button.sit_btn_cart{width:48%;} #subContents .detailItem .item_view .item_top #sit_ov_btn button.sit_btn_wish{width:10%; padding:16px 0;} #subContents .detailItem .item_view .item_top #sit_ov_btn button.sit_btn_wish span{display:block; width:1px; height:1px; overflow:hidden;} #subContents .detailItem .item_view .item_top #sit_ov_btn button.btn_sns_share{width:10%; padding:16px 0;} #subContents .detailItem .item_view .item_detail{clear:both; width:100%; margin:0 auto;} #subContents .detailItem .item_view .item_detail .tab{position:relative; max-width:100%; margin:90px auto 0;} #subContents .detailItem .item_view .item_detail .tab .anchor{display:block; position:absolute; width:1px; height:1px; top:0;} #subContents .detailItem .item_view .item_detail .tab ul{display:inline-block; width:100%; margin:0 auto; padding:0; text-align:center;} #subContents .detailItem .item_view .item_detail .tab ul li{display:block; float:left; width:33.3%; margin:0 -1px -1px 0;} #subContents .detailItem .item_view .item_detail .tab ul li:last-child:after{content:''; clear:both; display:block;} #subContents .detailItem .item_view .item_detail .tab ul li a{display:block; width:100%; line-height:1; padding:21px 10px 20px; background:#f7f7f7 url('../images/pattern_02.png') repeat; border:1px solid #ddd; color:#666; font-size:1.25rem; font-weight:500; cursor:pointer; outline:none; transition:transform 0s;} #subContents .detailItem .item_view .item_detail .tab ul li a:focus, #subContents .detailItem .item_view .item_detail .tab ul li a:hover{background:#e7e7e7;} #subContents .detailItem .item_view .item_detail .tab ul li a span{font-size:0.875rem;} #subContents .detailItem .item_view .item_detail .tab ul li a.active{padding:20px 10px; background:#fff; border-top-width:2px; border-top-color:#3071cf; border-bottom-color:#fff; color:#144693; font-weight:700;} #subContents .detailItem .item_view .item_detail .detail_con{min-height:200px; padding:25px 0;} /*#subContents .detailItem .item_view .item_detail .detail_con *{font-family:inherit; font-size:inherit; line-height:1; margin:0; padding:0;}*/ #subContents .detailItem .item_view .item_detail .detail_con img{display:block; width:auto; max-width:100%; margin:0 auto 20px;} #subContents .detailItem.conference{} #subContents .detailItem.conference .con{} #subContents .detailItem.conference .con .search{} #subContents .detailItem.conference .con .search .selectarea{clear:both; float:left; width:35%;} #subContents .detailItem.conference .con .search .selectarea select.society_name{width:64%;} #subContents .detailItem.conference .con .search .selectarea select.society_name option{} #subContents .detailItem.conference .con .search .selectarea select.year{width:28%;} #subContents .detailItem.conference .con .search .selectarea select.year option{} #subContents .detailItem.conference .con .search label{float:left; width:50%; text-align:right;} #subContents .detailItem.conference .con .search label span{display:inline-block; width:10%; left:0; text-align:left; vertical-align:middle;} #subContents .detailItem.conference .con .search label input.frm_input2{display:inline-block; width:89%;} #subContents .detailItem.conference .con .search input.sbtn{float:right; width:15%; border-left:none;} #subContents .detailItem.onclass{} #subContents .detailItem.onclass .con{} #subContents .detailItem.onclass .con .search{} #subContents .detailItem.onclass .con .search input.frm_input2{float:left; width:70%;} #subContents .detailItem.onclass .con .search input.sbtn{float:right; width:30%; border-left:none;} #subContents .detailItem.onclass .item_view .item_top .txtBox p.title{margin:0 0 8px;} @media only screen and (max-width:1359px){ #subContents .inner{width:86%; padding:0;} } @media only screen and (max-width:1279px){ #subVisual{min-width:960px;} #container #path{min-width:320px;} #subContents{max-width:960px; min-height:300px;} #subContents .inner{width:100%;} #subContents .conTitle h4{margin:20px 0;} #subContents .tableW{overflow-x:auto;} #subContents .detailItem .item_view .item_top .layoutLeft{width:48%;} #subContents .sub98_01 .con ul li{width:29.8%;} #subContents .detailList .con ul.sct li.sct_li a .imgBox{width:36%;} #subContents .detailList .con ul.sct li.sct_li a .txtBox{width:64%; padding:20px 26px 0;} #subContents .detailList .con ul.sct li.sct_li a .txtBox .tag{margin-bottom:7px; font-size:0.875rem;} #subContents .detailList .con ul.sct li.sct_li a .txtBox p{margin:0 0 2px; font-size:0.938rem;} #subContents .detailList .con ul.sct li.sct_li a .txtBox p.title{margin:0 0 12px;} #subContents .detailList.conference .con .search .selectarea select.society_name{width:58%;} #subContents .detailList.conference .con .search .selectarea select.year{width:34%;} #subContents .detailList.conference .con .search label span{width:12%;} #subContents .detailList.conference .con .search label input.frm_input2{width:87%;} #subContents .detailList.onclass .con ul.sct li.sct_li a .txtBox p.title{margin:0 0 3px;} #subContents .detailItem .item_view .item_top #sit_ov_btn button{padding:16px 5px;} } @media only screen and (max-width:1100px){ #subContents .inner{width:876px;} } @media only screen and (max-width:1023px){ #subVisual{min-width:320px; height:138px;} #subVisual .title{top:35px;} #subVisual .title h2{font-size:1.75rem;} #path{min-width:320px; height:38px; margin-top:-38px; top:45px;} #path .inner{padding:0;} #path ul{border-bottom:1px solid #eee;} #path ul li{width:36.5%; margin:0;} #path ul li:after{right:0;} #path ul li.pathDepth1{width:26.5%;} #path ul li:last-child:after{display:none;} #path ul li.btnHome{display:none;} #path ul li button{width:100%; min-width:100%; height:38px; padding:0 20px 0 8px; font-size:0.8rem; line-height:38px;} #path ul li button:after{right:8px;} #path ul li ul{padding:12px 8px;} #path ul li ul li{width:100%; margin-bottom:10px; white-space:inherit;} #path ul li ul li a{display:block; font-size:0.8rem; line-height:1.2; word-break:keep-all; white-space:inherit;} #subContents{clear:both; float:none; width:100%; max-width:915px; min-width:300px; min-height:300px; padding:20px 0 40px; border-left:none;} #subContents .inner{width:100%; padding:0 20px;} #subContents .conTitle h3{display:none; margin:0 auto 30px;} #subContents .conTitle h3 span{font-size:1.5rem;} #subContents .con{margin:0 auto 40px;} #subContents .con p{margin-bottom:30px; text-align:left; font-size:0.938rem;} #subContents .con img.pc{display:none;} #subContents .con img.mobile{display:inline-block;} #subContents .con a.download{min-width:80px; padding:5px 8px 6px;} #subContents .con ul.list > li{font-size:0.938rem;} #subContents .con ol.number > li{padding-left:23px; font-size:0.938rem;} #subContents .con ol.list.number > li{font-size:0.938rem;} #subContents .con ul li ul li, #subContents .con ul li ol li{font-size:0.875rem;} #subContents .sub98_01 .con p{line-height:1.1; margin:20px 0 15px;} #subContents .sub98_01 .con ul{padding:5px 15px 20px;} #subContents .sub98_01 .con ul li{width:48%; margin:15px 5px 0 0;} #subContents .sub98_01 .con ul li:nth-child(3n){margin-right:5px;} #subContents .sub98_01 .con ul li:nth-child(2n){margin-right:0;} #subContents .sub98_02 .con{margin:0 auto 40px;} #subContents .sub98_02 .con .conTitle h4{line-height:1.3; padding:0 0 0 25px; font-size:1.313rem;} #subContents .sub98_02 .con .conTitle h4:before{top:5px;} #subContents .sub98_03 .con .box > *{display:inline-block; width:100%; padding:0 15px;} #subContents .sub98_03 .con .box > *:first-child{padding-top:5px;} #subContents .sub98_03 .con .box > *:last-child{padding-bottom:20px;} #bo_v_con{overflow-x:auto;} #subContents .detailList .con .search select, #subContents .detailList .con .search input, #subContents .detailList .con .search label{font-size:0.875rem;} #subContents .detailList .con ul.sct li.sct_li a .imgBox{width:44%;} #subContents .detailList .con ul.sct li.sct_li a .txtBox{width:56%;} #subContents .detailList.conference .con .search .selectarea{clear:both; display:inline-block; float:none; width:100%; margin:0 auto 5px;} #subContents .detailList.conference .con .search .selectarea select.society_name{float:left; width:59%; margin-right:1%;} #subContents .detailList.conference .con .search .selectarea select.year{float:right; width:40%;} #subContents .detailList.conference .con .search label{clear:both; width:70%;} #subContents .detailList.conference .con .search label span{width:17%;} #subContents .detailList.conference .con .search label input.frm_input2{width:80%;} #subContents .detailList.conference .con .search input.sbtn{width:30%;} #subContents .detailItem .item_view .item_top .layoutLeft{float:left; width:40%; padding-right:40px;} #subContents .detailItem .item_view .item_top .layoutRight{float:right; width:60%;} #subContents .detailItem .item_view .item_top #sit_ov_btn button{font-size:1.125rem;} #subContents .detailItem .item_view .item_detail .tab .anchor{top:-65px;} } @media only screen and (max-width:800px){ #subContents .ready{overflow:hidden;} #subContents .ready img{position:relative; min-width:800px; left:50%; margin-left:-400px;} } @media only screen and (max-width:767px){ #subVisual{height:100px;} #path{height:auto; margin-top:0;} #path.sticky{background:none; box-shadow:none;} #path ul{border-bottom:none;} #path ul li{border-bottom:1px solid #eee;} #path ul li:after{display:none;} #path ul li.pathDepth1{width:36%; border-right:1px solid #eee;} #path ul li.pathDepth2{width:64%;} #path ul li.pathDepth3{width:100%;} #path ul ul li{border-bottom:none;} #subContents .conTitle h5{line-height:1.2;} #subContents .conTitle h5:before{top:6px;} #subContents .tab ul li .tabLink{font-size:0.925rem;} #subContents table tr th, #subContents table tr td{padding:12px 10px;} #subContents .con .box{padding:6px;} #subContents .con .box > *{padding:20px;} #subContents .con label.btn.select input.pick ~ span.checkmark{width:16px; height:16px;} #subContents .con label.btn.select input.pick.chk:checked ~ span.checkmark:after{background-size:94%;} #subContents .sub01 .tab ul li{width:100%;} #subContents .sub98_01 .con ul li{width:98%;} #subContents .detailList .con ul.sct li.sct_li{float:left; width:49%; margin:0 1% 12px 0;} #subContents .detailList .con ul.sct li.sct_li:nth-child(2n){margin:0 0 12px 1%;} #subContents .detailList .con ul.sct li.sct_li:nth-child(2n+1){clear:both; float:left;} #subContents .detailList .con ul.sct li.sct_li a .imgBox{float:none; width:100%; border-right:none; border-bottom:1px solid #ddd;} #subContents .detailList .con ul.sct li.sct_li a .txtBox{float:none; width:100%; padding:20px;} #subContents .detailList .con ul.sct li.sct_li a .txtBox p.title{display:-webkit-box; word-break:break-all; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical;} #subContents .detailList .con ul.sct li.sct_li a .txtBox p.info{display:-webkit-box; word-break:break-all; -webkit-line-clamp:3;} #subContents .detailList .con ul.sct li.sct_li a .item_btn{right:auto; left:15px;} #subContents .detailList.conference .con .search .selectarea{margin:0 auto 3px;} #subContents .detailItem .item_view .item_top .layoutLeft{float:none; width:60%; margin:0 auto 20px; padding-right:0;} #subContents .detailItem .item_view .item_top .layoutRight{float:none; width:100%;} #subContents .detailItem .item_view .item_top .txtBox .tag{margin-bottom:8px; font-size:0.938rem;} #subContents .detailItem .item_view .item_top .txtBox p.title{margin:0 0 20px; font-size:1.188rem;} #subContents .detailItem .item_view .item_top .txtBox p.info{margin-bottom:20px; font-size:0.875rem;} #subContents .detailItem .item_view .item_top .txtBox .box{padding:0 0 20px;} #subContents .detailItem .item_view .item_top .txtBox .box p{margin:0 0 6px; font-size:0.938rem;} #subContents .detailItem .item_view .item_top .txtBox .box .teachDetail{margin:0 auto 6px;} #subContents .detailItem .item_view .item_detail .tab ul li a{font-size:0.925rem;} #subContents .detailItem .item_view .item_detail .tab ul li a span{font-size:0.688rem;} } @media only screen and (max-width:579px){ #subContents .tab ul li .tabLink{padding:11px 5px 10px; font-size:0.813rem; word-break:keep-all;} #subContents .tab ul li .tabLink.active{padding:10px 5px;} #subContents .detailList .con ul.sct li.sct_li{clear:both; width:100%; margin:0 auto 12px;} #subContents .detailList .con ul.sct li.sct_li:nth-child(2n){margin:0 auto 12px;} #subContents .detailList .con ul.sct li.sct_li:nth-child(2n+1){float:none;} #subContents .detailList .con ul.sct li.sct_li a .txtBox{padding:20px 22px;} #subContents .detailList.conference .con .search label{width:80%;} #subContents .detailList.conference .con .search label span{display:none;} #subContents .detailList.conference .con .search label input.frm_input2{width:100%;} #subContents .detailList.conference .con .search input.sbtn{width:20%; padding:8px 5px;} #subContents .detailList.onclass .con .search input.frm_input2{width:80%;} #subContents .detailList.onclass .con .search input.sbtn{width:20%; padding:8px 5px;} #subContents .detailItem .item_view .item_top .layoutLeft{width:100%;} #subContents .detailItem .item_view .item_top #sit_ov_btn button{display:inline-block; float:none; margin:1.5px 1px !important; padding:14px 5px;} #subContents .detailItem .item_view .item_top #sit_ov_btn button.sit_btn_buy{width:100%; margin:0 auto 5px;} #subContents .detailItem.conference .item_view .item_top #sit_ov_btn button.sit_btn_buy{width:77%;} #subContents .detailItem .item_view .item_top #sit_ov_btn button.sit_btn_cart{width:58%; margin:0 auto;} #subContents .detailItem .item_view .item_top #sit_ov_btn button.sit_btn_wish{width:20%;} #subContents .detailItem .item_view .item_top #sit_ov_btn button.btn_sns_share{width:20%;} }