@charset "UTF-8"; /* common */ #subVisual{clear:both; position:relative; width:100%; min-width:1200px; height:280px; margin:0 auto; padding:0; background:#fff; overflow:hidden; box-sizing:border-box; z-index:0;} #subVisual.subBg01{background:#ddd url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg02{background:#ddd url('../images/sub/sub_visual_02.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg03{background:#ddd url('../images/sub/sub_visual_03.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg04{background:#ddd url('../images/sub/sub_visual_04.jpg') no-repeat right 50% center; background-size:cover;} #subVisual.subBg05{background:#ddd url('../images/sub/sub_visual_05.jpg') no-repeat center center; background-size:cover;} #subVisual.subBg06{background:#ddd url('../images/sub/sub_visual_06.jpg') no-repeat right 50% center; background-size:cover;} #subVisual.subBgetc{background:#ddd url('../images/sub/sub_visual_etc.jpg') no-repeat center center; background-size:cover;} #subVisual.subBgbbs{background:#ddd url('../images/sub/sub_visual_etc.jpg') no-repeat center center; background-size:cover;} #subVisual.subBgmypage{background:#ddd url('../images/sub/sub_visual_etc.jpg') no-repeat center center; background-size:cover;} #subVisual .inner{height:100%;} #subVisual .title{position:relative;top:50%; transform:translate(0,-50%); width:100%;text-align:center; z-index:99; } #subVisual .title h2{display:block; color:#fff;font-family:'Noto Serif KR','Pretendard Variable','Pretendard','Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif; font-size:2em; word-break:keep-all;font-weight:600;line-height:1.6; text-shadow:1px 1px 10px rgba(0,0,0,0.3); cursor:default;} #subVisual:after{content:''; display:block; position:absolute; width:100%; height:100%; top:0; background:rgba(0,0,0,0.4); z-index:1;} #path{clear:both; position:relative; width:100%;background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box; z-index:9; transition:.2s;} #path ul{float:left; padding:0; text-align:left;} #path ul li{display:block; position:relative; float:left; margin:0; padding:0; border-right:1px solid #eee; color:#333; box-sizing:border-box;} #path ul li:first-child{border-left:1px solid #eee;} #path ul ul li, #path ul ul li:first-child{border:none;} #path ul li.btnHome{width:60px; height:60px;} #path ul li.btnHome a{display:block; width:100%; height:100%; line-height:60px; padding:0; background:url('../images/sub/ico_home.png') no-repeat center center; color:transparent; font-size:0; text-align:center; box-sizing:border-box;} #path ul li.btnHome a:focus, #path ul li.btnHome a:hover{} #path ul li.pathDepth1, #path ul li.pathDepth2, #path ul li.pathDepth3, #path ul li.pathDepth4{} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button, #path ul li.pathDepth4 button{width:auto; min-width:200px; height:60px; line-height:60px; padding:0 40px 0 20px; background:transparent; color:#333; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; z-index:3;} #path ul li.pathDepth1 button:after, #path ul li.pathDepth2 button:after, #path ul li.pathDepth3 button:after, #path ul li.pathDepth4 button:after{content:''; display:block; position:absolute; width:0; height:0; top:50%; right:20px; margin-top:-2px; border:5px solid transparent; border-top-color:#333; border-bottom:none; font-size:0; line-height:0; transition:border-color .2s;} #path ul li.pathDepth1 button.rotate:after, #path ul li.pathDepth2 button.rotate:after, #path ul li.pathDepth3 button.rotate:after, #path ul li.pathDepth4 button.rotate:after{border-top:none; border-bottom:5px solid #49463e;} #path ul li button:focus, #path ul li button:hover{color:#49463e;font-weight:500;} #path ul li.pathDepth1 button:focus:after, #path ul li.pathDepth1 button:hover:after, #path ul li.pathDepth2 button:focus:after, #path ul li.pathDepth2 button:hover:after, #path ul li.pathDepth3 button:focus:after, #path ul li.pathDepth3 button:hover:after, #path ul li.pathDepth4 button:focus:after, #path ul li.pathDepth4 button:hover:after{border-top-color:#49463e; border-bottom-color:#49463e;} #path ul li.pathDepth1 ul, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 ul, #path ul li.pathDepth4 ul{clear:both; display:inline-block; position:absolute; width:calc(100% + 2px); height:auto; padding:16px 20px; top:0; left:-1px; background:#77746d; opacity:0; visibility:hidden; box-sizing:border-box; transition:all .1s ease; z-index:2;} #path ul li.pathDepth1.show ul, #path ul li.pathDepth2.show ul, #path ul li.pathDepth3.show ul, #path ul li.pathDepth4.show ul{top:100%; opacity:1; visibility:visible;} #path ul li ul li{display:block; float:none; height:auto; margin-bottom:8px; text-align:left;font-size:0.938em;} #path ul li ul li:last-child{margin-bottom:0;} #path ul li ul li a{display:inline-block; position:relative; color:#fefdfb; word-break:keep-all; vertical-align:text-bottom;line-height:1.4;padding:2px;} #path ul li ul li a:focus, #path ul li ul li a:hover{color:#fff;font-weight:500;} #path ul li ul li a span{display: inline-block;position: relative;} #path ul li ul li a span:before{content: '';display: inline-block;position: absolute;width: 0;height: 1px;bottom: 0;left: 0;background: #fff;transition: .2s;} #path ul li ul li a:focus span:before, #path ul li ul li a:hover span:before {width: 100%;} #subContents{position:relative; width:100%; height:100%; min-height:600px; margin:0 auto; padding:80px 0; 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:1.66em; font-weight:700;color: #333;font-family: 'Noto Serif KR','Pretendard Variable','Pretendard','Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif} #subContents .conTitle h4{display:inline-block; position:relative; margin:20px 0 22px; /* padding:0 0 0 38px; */color:#49463e;font-size:1.333rem; font-weight:700; word-break:keep-all;} /* #subContents .conTitle h4:before{content:''; display:inline-block; position:absolute; width:24px; height:24px; top:50%; left:0; margin-top:-12px; border:6px solid #49463e;background:transparent;box-sizing:border-box;} */ #subContents .conTitle h5{display:block; position:relative; margin:20px 0 16px; padding:0; color:#49463e; font-size:1.222rem; font-weight:600; word-break:keep-all;} #subContents .conTitle h5 span{color:#918a7d;} #subContents .conTitle h6{display:block; position:relative; margin:18px 0 12px; padding:0 0 0 14px; color:#49463e; font-size:1.111rem; font-weight:500; word-break:keep-all;} #subContents .conTitle h6:before{content:''; display:inline-block; position:absolute; width:4px; height:20px; top:3.5px; left:0; background:#918a7d;} #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 80px; padding:0; color:#333;} #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:13.8px;} #subContents .con img{display:block; width:100%; max-width:1160px; margin:0 auto;} #subContents .con img.mobile{display:none;} /* #subContents .con .box{clear:both; display:inline-block; position:relative; width:100%; padding:10px; background:#ebeae5;} #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 8px; 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:11px; background:#918a7d; border-radius:50%;} #subContents .con ul.list.line > li:before{width:4px; height:2px; top:11.5px; background:#918a7d;} #subContents .con ul.list.triangle > li:before{content:''; display:block; position:absolute; width:0; height:0; top:8px; left:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #918a7d; font-size:0; line-height:0;} #subContents .con ul.list.star > li:before{content:'*'; top:3px; color:#918a7d;} #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:26px; line-height:1.6; 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:#918a7d;font-weight:700;} #subContents .con ol.number.basic > li:nth-child(1):before{content:'01.';} #subContents .con ol.number.basic > li:nth-child(2):before{content:'02.';} #subContents .con ol.number.basic > li:nth-child(3):before{content:'03.';} #subContents .con ol.number.basic > li:nth-child(4):before{content:'04.';} #subContents .con ol.number.basic > li:nth-child(5):before{content:'05.';} #subContents .con ol.number.basic > li:nth-child(6):before{content:'06.';} #subContents .con ol.number.basic > li:nth-child(7):before{content:'07.';} #subContents .con ol.number.basic > li:nth-child(8):before{content:'08.';} #subContents .con ol.number.basic > li:nth-child(9):before{content:'09.';} #subContents .con ol.number.basic > li:nth-child(10):before{content:'10.';} #subContents .con ol.number.basic2{clear:both; width:100%;} #subContents .con ol.number.basic2 > li{position:relative; margin:0 auto 10px; padding-left:28px; word-break:keep-all;} #subContents .con ol.number.basic2 > li:last-child{margin-bottom:0;} #subContents .con ol.number.basic2 > li:before{display:block; position:absolute; height:16px; line-height:1; padding:0 6px 0 0; top:5.5px; left:0; border-right:2px solid #918a7d; color:#918a7d; font-size:0.875rem; font-weight:700; text-align:center;} #subContents .con ol.number.basic2 > li:nth-child(1):before{content:'01';} #subContents .con ol.number.basic2 > li:nth-child(2):before{content:'02';} #subContents .con ol.number.basic2 > li:nth-child(3):before{content:'03';} #subContents .con ol.number.basic2 > li:nth-child(4):before{content:'04';} #subContents .con ol.number.basic2 > li:nth-child(5):before{content:'05';} #subContents .con ol.number.basic2 > li:nth-child(6):before{content:'06';} #subContents .con ol.number.basic2 > li:nth-child(7):before{content:'07';} #subContents .con ol.number.basic2 > li:nth-child(8):before{content:'08';} #subContents .con ol.number.basic2 > li:nth-child(9):before{content:'09';} #subContents .con ol.number.basic2 > li:nth-child(10):before{content:'10';} #subContents .con ol.number.basic3 > li:nth-child(1):before{content:'1)';} #subContents .con ol.number.basic3 > li:nth-child(2):before{content:'2)';} #subContents .con ol.number.basic3 > li:nth-child(3):before{content:'3)';} #subContents .con ol.number.basic3 > li:nth-child(4):before{content:'4)';} #subContents .con ol.number.basic3 > li:nth-child(5):before{content:'5)';} #subContents .con ol.number.basic3 > li:nth-child(6):before{content:'6)';} #subContents .con ol.number.basic3 > li:nth-child(7):before{content:'7)';} #subContents .con ol.number.basic3 > li:nth-child(8):before{content:'8)';} #subContents .con ol.number.basic3 > li:nth-child(9):before{content:'9)';} #subContents .con ol.number.basic3 > li:nth-child(10):before{content:'10)'; padding-left:26px;} #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.hangul > li{padding-left:23px;} #subContents .con ol.number.hangul > li:nth-child(1):before{content:'가.';} #subContents .con ol.number.hangul > li:nth-child(2):before{content:'나.';} #subContents .con ol.number.hangul > li:nth-child(3):before{content:'다.';} #subContents .con ol.number.hangul > li:nth-child(4):before{content:'라.';} #subContents .con ol.number.hangul > li:nth-child(5):before{content:'마.';} #subContents .con ol.number.hangul > li:nth-child(6):before{content:'바.';} #subContents .con ol.number.hangul > li:nth-child(7):before{content:'사.';} #subContents .con ol.number.hangul > li:nth-child(8):before{content:'아.';} #subContents .con ol.number.hangul > li:nth-child(9):before{content:'자.';} #subContents .con ol.number.hangul > li:nth-child(10):before{content:'차.';} #subContents .con ol.number.hangul > li:nth-child(11):before{content:'카.';} #subContents .con ol.number.hangul > li:nth-child(12):before{content:'타.';} #subContents .con ol.number.hangul > li:nth-child(13):before{content:'파.';} #subContents .con ol.number.hangul > li:nth-child(14):before{content:'하.';} #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,#subContents .con ol li ol li{font-size:0.944rem;margin:0 auto 6px;} #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{width:25%;} #subContents .tab > ul.count2 li{width:50%;} #subContents .tab > ul.count3 li{width:33.333%;} #subContents .tab > ul.count5 li{width:20%;} #subContents .tab > ul li:last-child:after{content:''; clear:both; display:block;} #subContents .tab > ul li .tabLink{display:block; position:relative; width:100%; line-height:1; background:transparent; cursor:pointer; transition:background .2s, border-color .2s, color .2s, transform 0s;} #subContents .tab > ul li .tabLink:focus, #subContents .tab > ul li .tabLink:hover{} #subContents .tab > ul li .tabLink.active{z-index:1;} #subContents .tabCon{clear:both; display:block; position:relative; margin:0 auto;} #subContents .tabCon .tabItem{clear:both; display:none; position:relative; margin:0 auto;} #subContents .tabCon .tabItem.active{display:block;} #subContents .tab{margin:0 auto 20px;} #subContents .tab > ul li{display:inline-block; width:auto; min-width:150px;} #subContents .tab > ul li .tabLink{padding:16px 20px; border-bottom:3px solid transparent;color:#717171; font-weight:500;} #subContents .tab > ul li .tabLink:focus, #subContents .tab > ul li .tabLink:hover{border-bottom-color:#49463e; color:#49463e;} #subContents .tab > ul li .tabLink.active{padding:16px 20px 15px; border-bottom:3px solid #49463e; color:#49463e; font-weight:700;} #subContents .tableW{width:100%; margin:0 auto 20px;} #subContents table{width:100%; background:#fff; text-align:center;border-top: 3px solid #918a7d;} #subContents table caption{display:none;} #subContents table tr th{padding:14px 15px; background:#918a7d;border: 1px solid #918a7d;color:#fff; font-weight:500; vertical-align:middle; word-break:keep-all;} #subContents table thead tr th{border-right-color: #c7bfb0;} #subContents table tbody tr th{background: #f7f6f3;color:#666;border-color:#ddd;} #subContents table tr th.rowtit{background:#e6e6e6;} #subContents table tr th:last-child{border-right-color:#918a7d;} #subContents table tr td{line-height:1.4; padding:16px 15px; border:1px solid #ddd;font-size:0.944em; 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;} .sub01_01, .sub01_02, .sub01_03, .sub01_04, .sub01_05, .sub02_01, .sub02_02, .sub02_03, .sub02_04, .sub02_05, .sub03_01, .sub03_02, .sub03_03, .sub03_04, .sub03_05, .sub04_01, .sub04_02, .sub04_03, .sub04_04, .sub05_01, .sub05_02, .sub05_03, .sub98_01, .sub98_02, .sub98_03{clear:both;} #subContents .sub_01_01 .con .img{margin:0 auto 28px;} #subContents .sub_01_01 .con .box{padding: 24px;border:1px solid #ddd;background:#f7f7f7;border-radius:8px;margin:0 auto 28px;} #subContents .sub_01_01 .con .box ul.list{margin:0 auto;} #subContents .sub_01_01 .con .box.white{background:#fff;} #subContents .sub_01_01 .con p + .box{margin-top:-12px;} #subContents .sub_01_01 .con .btn{padding:2px 10px;background: #fff;border-color: #0f3185;color: #0f3185;font-size: 0.944rem;font-weight:500;display: inline-block;margin-left: 12px;border-radius: 4px;line-height:1.6;} #subContents .sub_01_01 .con .btn:focus,#subContents .sub_01_01 .con .btn:hover{background: #0f3185;color: #fff;} #subContents .sub_01_02 .area{clear:both;margin:0 auto 28px;padding-bottom: 28px;border-bottom: 1px dashed #ddd;} #subContents .sub_01_02 .area:after{content:'';display:block;clear:both;} #subContents .sub_01_02 .area:last-child{padding-bottom:0;border-bottom:none;margin:0 auto;} #subContents .sub_01_02 .area .layoutLeft{width:20%;} #subContents .sub_01_02 .area .layoutLeft p{position:relative;} #subContents .sub_01_02 .area .layoutLeft p:after{content:'';position:absolute;display:inline-block;width:100%;border-top: 1px dotted #d3d0c9; left:0;top:50%;} #subContents .sub_01_02 .area .layoutLeft p strong{position:relative;border: 1px dotted #d3d0c9;display: inline-block;padding:4px 16px;width:120px;text-align:center;background: #918a7d;font-size:1.111rem;font-weight:600;color:#f7f6f3;z-index:2;font-family: 'Noto Serif KR','Pretendard Variable','Pretendard','Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;} #subContents .sub_01_02 .area .layoutRight{width:80%;padding-left:40px;} #subContents .sub_01_02 .area .layoutRight p{} #subContents .sub_02_01 .con .box{padding: 24px;border:1px solid #ddd;background:#f7f7f7;border-radius:8px;margin:0 auto 28px;} #subContents .sub_02_01 .con .box ul.list{margin:0 auto;} #subContents .sub_02_01 .con .btn{padding:2px 10px;background: #fff;border-color: #0f3185;color: #0f3185;font-size: 0.944rem;font-weight:500;display: inline-block;margin-left: 12px;border-radius: 4px;line-height:1.6;} #subContents .sub_02_01 .con .btn:focus,#subContents .sub_02_01 .con .btn:hover{background: #0f3185;color: #fff;} #subContents .sub_02_03 .con .box{padding: 24px;border:1px solid #ddd;background:#f7f7f7;border-radius:8px;margin:0 auto 28px;overflow:hidden;} #subContents .sub_02_03 .con .box .conTitle:first-child h6{margin-top:0;} #subContents .sub_02_03 .con .box p{font-size:0.944rem;} #subContents .sub_02_03 .con .box ol.number{margin:0 auto;} #subContents .sub_02_03 .con .box ol.number li{font-size:0.944rem;margin:0 auto 6px;} #subContents .sub_04_02 .con.list.book .tableW {position: relative;/*max-height:560px;*/max-height: 928px;overflow: auto;} #subContents .sub_04_02 .con.list.book .tableW .table_n{border:none;} #subContents .sub_04_02 .con.list.book table {border-top: none;} #subContents .sub_04_02 .con.list.book table thead {position: sticky;top: 0;box-shadow: 0 1px 1px rgba(149,155,157,1.0);} #subContents .sub_04_02 .con.list.book table tr, #subContents .sub03_03 .con.list.book table tr td {transition: .2s;} #subContents .sub_04_02 .con.list.book table tr:hover, #subContents .sub03_03 .con.list.book table tr td:hover {background: #fafafa;} #subContents .sub_04_02 .con.list.book table tr > .cover {width: 12%;padding: 12px;} #subContents .sub_04_02 .con.list.book table tr > .title {} #subContents .sub_04_02 .con.list.book table tr > .name {width: 10%;} #subContents .sub_04_02 .con.list.book table tr > .publish {width: 12%;} #subContents .sub_04_02 .con.list.book table tr > .book_price{width:15%;} #subContents .sub_04_02 .con.list.book table tr > .date {width: 10%;} #subContents .sub_04_02 .con.list.book table tr > .status {width: 14%;} #subContents .sub_04_02 .con.list.book table tr > .choice {width: 6%;} #subContents .sub_04_02 .con.list.book table tr td.cover {} #subContents .sub_04_02 .con.list.book table tr td.cover .coverW {display: inline-block;width:100px;height: 144px;background: #eee;border: 1px solid #ddd;} #subContents .sub_04_02 .con.list.book table tr td.cover .coverW img {max-width: 98px;} #subContents .sub_04_02 .con.list.book table tr td.title {word-break: break-all;word-wrap: break-word;} #subContents .sub_04_02 .con.list.book table tr td.name {} #subContents .sub_04_02 .con.list.book table tr td.publish {word-break: break-all;word-wrap: break-word;} #subContents .sub_04_02 .con.list.book table tr td input.frm_input.book_ea{width:50px;} #subContents .sub_04_02 .con.list.book table tr td.choice {} #subContents .sub_04_02 .price{padding:20px 0;text-align:right;font-size:1.166rem;} #subContents .sub_04_02 .price .total{color:#0f3185;font-weight:600;} #subContents .sub_04_02 .box .layoutLeft{width:49.5%;padding: 28px 22px;border-radius: 8px;border: 1px dashed #cccccc;background: #f7f6f3;} #subContents .sub_04_02 .box .layoutRight{width:49.5%;padding: 28px 22px;border-radius: 8px;border: 1px dashed #cccccc;background: #f7f6f3;} #subContents .sub_04_02 .box ul li{margin:0 auto 8px;line-height:1.6;} #subContents .sub_04_02 .box ul li:last-child{margin-bottom:0;} #subContents .sub_04_02 .con.write.book #mb_zip{width:80px;} #subContents .sub_04_02 .con.write.book .btn{padding:9px;background: #0f3185;border-color:#0f3185;color:#fff;font-size:0.888rem;border-radius:3px;} #subContents .sub_04_02 .con.write.book table tr td textarea{width:100%;resize:vertical;min-height:120px;} #subContents .sub_04_02 .con.write.book .btn.submit{display:block; width:100%; max-width:200px; margin:40px auto; padding:12px; background:#918a7d; border-color:#918a7d;border-radius:4px; color:#fff; font-size:1.125rem; line-height:1.1;font-weight:500; text-align:center; transition:.2s; cursor:pointer;} #subContents .sub_04_02 .con.write.book .btn.submit:focus, #subContents .sub_04_02 .con.write.book .btn.submit:hover{background:#49463e; border-color:#49463e;} #subContents .sub_etc_sitemap .con{} #subContents .sub_etc_sitemap .con .depth01_lists{margin:0 0 50px;} #subContents .sub_etc_sitemap .con .depth01_lists:last-child{display:none;} #subContents .sub_etc_sitemap .con .depth01_lists:nth-child(5) ul{display:none;} #subContents .sub_etc_sitemap .con p{display:inline-block; position:relative; margin:30px 0 20px; padding:0 0 0 35px; color:#333b3d; font-size:1.111em; font-weight:700; box-sizing:border-box;} #subContents .sub_etc_sitemap .con p:before{content:''; display:inline-block; position:absolute; width:25px; height:20px; top:50%; left:0; margin-top:-10px; background:url('../images/sub/ico_bullet_01.png') no-repeat left center;} #subContents .sub_etc_sitemap .con ul{margin:0; padding:9px 24px 24px; background:#f7f7f7; border:1px solid #ddd;border-radius:8px;} #subContents .sub_etc_sitemap .con ul li{display:inline-block; position:relative; width:29.8%; margin:15px 30px 0 0; padding:0 0 0 10px; vertical-align:top;} #subContents .sub_etc_sitemap .con ul li:nth-child(3n){margin-right:0;} #subContents .sub_etc_sitemap .con ul li:before{content:''; display:block; position:absolute; top:9px; left:0; width:4px; height:2px; background:#999;} #subContents .sub_etc_sitemap .con ul li a{font-size:1.063rem; line-height:1.2; word-break:keep-all; text-decoration:none;} #subContents .sub_etc_sitemap .con ul li a:focus, #subContents .sub98_01 .con ul li a:hover{color:#f26a4f;} #subContents .sub_etc_sitemap .con ul li ul{margin:7px 0 0 2px; padding:0; border:none;} #subContents .sub_etc_sitemap .con ul li ul li{width:100%; margin:4px 0; padding:0 0 0 8px;} #subContents .sub_etc_sitemap .con ul li ul li:before{content:''; display:block; position:absolute; top:7px; left:0; width:4px; height:1px; margin-top:1px; background:#a2aabd;} #subContents .sub_etc_sitemap .con ul li ul li a{font-size:15px; line-height:1;} #subContents .sub_etc_sitemap .con ul li.new:after{content:''; display:inline-block; width:13px; height:13px; margin-left:8px; background:url('../images/ico_link.png') no-repeat center center;} #subContents .sub_mypage .btn {cursor:pointer} @media only screen and (max-width:1279px){ #subVisual{min-width:960px;} #path{min-width:960px;} #path ul{float:left; width:100%;} #side{display:none;} #subVisual .title h2{font-size:1.889rem;} #subContents{float:none; width:100%; max-width:960px; min-height:450px; padding:40px 0; border-left:none;} #subContents .inner{width:100%;} #subContents .conTitle h4{margin:20px 0;} #subContents .tableW{overflow-x:auto;} } @media only screen and (max-width:1023px){ #subVisual{min-width:296px; height:180px; padding:0;} #subVisual .title h2{font-size:1.5em;} #path{position:relative; min-width:296px;} #subContents{clear:both; float:none; width:100%; max-width:915px; min-width:296px; padding:30px 0 40px; border-left:none;} #subContents .inner{width:100%;} #subContents .conTitle h3{margin:0 auto 20px;} #subContents .conTitle h3 span{font-size:1.5em;} #subContents .conTitle h3 span.depth03{margin-left:6px; font-size:1.125em;} #subContents .conTitle h3:after{width:50px; margin:10px auto 15px;} #subContents .con > .conTitle:first-child h4, #subContents .con > .conTitle:first-child h5{margin-top:10px;} #subContents .con{margin:0 auto 40px;} #subContents .con p{margin-bottom:30px; text-align:left;} #subContents .con img.pc{display:none;} #subContents .con img.mobile{display:inline-block;} #subContents .con a.download{padding:10px;} /* #subContents .con ul.list > li{font-size:1em;} #subContents .con ol.number > li{font-size:1em;} #subContents .con ol.number.list > li{font-size:1em;} #subContents .con ul li ul li, #subContents .con ul li ol li{font-size:0.938em;} */ #subContents .imgW img{max-width:1180px;} #subContents .tabMenu{margin-top:0;} #subContents .tabMenu > ul{align-items:flex-end;} #subContents .tabMenu > ul li{flex:1 1 33%; min-width:inherit; max-width:50%;} #subContents .tabMenu > ul li a{padding:11px 8px 12px; font-size:0.925rem; word-break:keep-all;} #subContents .tabMenu > ul li.active a{padding:11px 8px;} #subContents .sub_01_01 .con .box{padding:22px;} #subContents .sub_01_02 .area .layoutLeft{float:left;} #subContents .sub_01_02 .area .layoutRight{float:right;} #subContents .sub_02_01 .con .box{padding:22px;} #subContents .sub_02_03 .con .box{padding:22px;} #subContents .sub_04_02 .box .layoutLeft,#subContents .sub_04_02 .box .layoutRight{width:100%;padding:22px;} #subContents .sub_04_02 .box .layoutLeft{margin:0 auto 14px;} #bo_v_con{overflow-x:auto;} } @media only screen and (max-width:768px){ #subVisual{height:150px;} #subVisual .title h2{font-size:1.625em;} #path .inner{} #path ul li{width:50%;} #path ul li.btnHome{display:none;} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button{width:100%;font-size:0.938rem;} #path ul li.pathDepth2 button, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 button, #path ul li.pathDepth3 ul{border-right:none;} #path ul li.pathDepth1 ul, #path ul li.pathDepth2 ul, #path ul li.pathDepth3 ul{width:100%; left:0; border-left:none;} #path ul li.pathDepth2 ul{left:-1px;} #path ul li.pathDepth3{width:100%; border-top:1px solid #eee;} #path ul li.pathDepth2 ul{border-left:1px solid #eee;} #path ul li ul li{width:100%;} #path ul li ul li a{display:block;font-size:0.938rem;} #path ul li ul li a:after{display:none;} #path ul li ul li a:focus, #path ul li ul li a:hover{text-decoration:underline;} #subContents .conTitle h3 span{font-size:1.375rem;} #subContents .conTitle h4{margin:10px 0 16px; font-size:1.25rem;} #subContents .conTitle h4:before{top:12px;width:20px;height:20px;border: 5px solid #49463e;} #subContents .conTitle h5{line-height:1.2; margin:18px 0 12px;font-size:1.125rem;} #subContents .conTitle h5:before{height:13px;} #subContents .conTitle h5:after{height:5px;top:13px;} #subContents .conTitle h6{font-size:1.063rem;} #subContents .tab{margin:0 auto 20px;} #subContents .tab ul li .tabLink{font-size:0.925rem;} #subContents .con p{line-height:1.5; margin-bottom:28px;} #subContents table tr th{padding:12px 8px;} #subContents table tr td{padding:5px 8px 6px;} #subContents table tr th{font-size:1em;} #subContents table tr td{font-size:0.938em;} #subContents .con ul.list{margin:0 auto 28px;} #subContents .con ol.number{margin:0 auto 28px;} #subContents .con ul:last-child, #subContents .con ol:last-child{margin-bottom:0;} #subContents .sub_01_01 .con .box{padding:20px;} #subContents .sub_01_01 .con .btn{font-size:0.875rem;margin-left:8px;padding:2px 8px;} #subContents .sub_01_02 .area{padding-bottom:0;border-bottom:0;} #subContents .sub_01_02 .area .layoutLeft,#subContents .sub_01_02 .area .layoutRight{float:none;width:100%;} #subContents .sub_01_02 .area .layoutLeft{margin:0 auto 18px;} #subContents .sub_01_02 .area .layoutLeft p{text-align:center;} #subContents .sub_01_02 .area .layoutLeft p:after{display:none;} #subContents .sub_01_02 .area .layoutLeft p strong{display:block;width:100%;} #subContents .sub_01_02 .area .layoutRight{padding-left:0;} #subContents .sub_02_01 .con .box{padding:20px;} #subContents .sub_02_01 .con .btn{font-size:0.875rem;margin-left:8px;padding:2px 8px;} #subContents .sub_02_03 .con .box{padding:20px;} #subContents .sub_04_02 .con.list.book .tableW {max-height:420px;border-bottom: 1px solid #959b9d;} #subContents .sub_04_02 .con.list.book table thead {display: none;} #subContents .sub_04_02 .con.list.book table tr {display: block;width: 100%;} #subContents .sub_04_02 .con.list.book table tr td {display: inline-block;display: flex;align-items: center;width: 100% !important;padding: 6px 12px;border-right: none;border-bottom:none;text-align: left;} #subContents .sub_04_02 .con.list.book table tr td:before {content: attr(data-label);display: block;width: 25%;font-weight: 700;} #subContents .sub_04_02 .con.list.book table tr td.cover {padding: 5px 12px 6px;background: #f3f3f3;} #subContents .sub_04_02 .con.list.book table tr td.cover .coverW {width: 60px;height: 86px;} #subContents .sub_04_02 .con.list.book table tr td.choice {border-bottom: 1px solid #959b9d;} #subContents .sub_04_02 .con.list.book table tr:last-child td.choice {border-bottom: none;} #subContents .sub_04_02 .price{padding:10px 0 0;} #subContents .sub_04_02 .box .layoutLeft, #subContents .sub_04_02 .box .layoutRight{padding:20px;} #subContents .sub_04_02 .box .layoutLeft{margin:0 auto 8px;} #subContents .sub_04_02 .btn.submit{margin:28px auto 40px;max-width:180px;} #subContents .sub98_01 .con{flex:1 1 40%; margin:0 3% 20px;} #subContents .sub98_03 .con .box{padding:20px;} } @media only screen and (max-width:540px){ #subVisual .title h2{font-size:1.375rem;} #subVisual .title h3{font-size:1.75rem;} #path ul li{width:100%;} #path ul li.pathDepth1{border-bottom:1px solid #eee;} #path ul li.pathDepth1 button, #path ul li.pathDepth2 button, #path ul li.pathDepth3 button{height:40px; line-height:40px;font-size:0.875rem;} #path ul li ul li a{} #subContents .conTitle h4{font-size:1.125rem;} #subContents .conTitle h4:before{top:12px;width:18px;height:18px; border: 4px solid #49463e;} #subContents .conTitle h5{font-size:1.063rem;} #subContents .conTitle h6{font-size:1rem;} #subContents .con{margin:0 auto 20px;} #subContents .con ul.list > li{line-height:1.4; margin:0 auto 8px;} #subContents .con ul.list.line > li:before{top:9.5px;} #subContents .con ul.list.circle > li:before{top:9.5px;} #subContents .con ul.list.triangle > li:before{top:6.5px;} #subContents .con ul.list.star > li:before{top:4px;} #subContents .con ul.list.check > li:before{top:3px;} #subContents .con ol.number.basic2 > li:before{top:4px;} #subContents table{border:none; } #subContents .tab > ul li{min-width:130px;} #subContents .sub_01_01 .con .box{padding:18px;} #subContents .sub_01_01 .con .btn{display:block;margin-left:0;margin-top:6px;} #subContents .sub_01_02 .area .layoutLeft p strong{font-size:1.063rem;} #subContents .sub_01_02 .area .layoutRight p{font-size:0.938rem;} #subContents .sub_02_01 .con .box{padding:18px;} #subContents .sub_02_01 .con .btn{display:block;margin-left:0;margin-top:6px;} #subContents .sub_02_03 .con .box{padding:18px;} #subContents .sub_04_02 ul.bookList li{padding:0 0 24px 0;} #subContents .sub_04_02 ul.bookList li .imgBox{max-width:100px;} #subContents .sub_04_02 ul.bookList li .txtBox strong{font-size:0.938rem;} #subContents .sub_04_02 ul.bookList li .txtBox span{font-size:0.875rem;} #subContents .sub_04_02 .box .layoutLeft,#subContents .sub_04_02 .box .layoutRight{padding:18px;} #subContents .sub_04_02 .box ul li{font-size:0.938rem;} #subContents .sub_04_02 table tr td ul li{margin-right:6px;} #subContents .sub_04_02 table tr td .frm_input{width:100%;} #subContents .sub_04_02 table tr td .btn_sch.address{width:100px;font-size:0.875rem;} #subContents .sub_04_02 table tr td #op_zip{width:60px;} #subContents .sub_04_02 table tr td.address ul li.zip span{margin-right:6px;font-size:0.875rem;} #subContents .sub_04_02 table tr td.address ul li.zip input.frm_input{width:calc(100% - 54px);} #subContents .sub_04_02 .con .btnArea button{min-width:120px;padding:16px;font-size:1rem;} #subContents .sub98_01 .con{flex:1 1 100%; margin:0 auto 20px;} #subContents .sub98_01 .con:last-child{margin:0 auto;} }