h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div,footer{font:normal 12px "Open Sans", "Lucida Sans Unicode", "Arial";color:#000;}
.pw980{ max-width:980px; width:92%; margin-left:auto; margin-right:auto;}
.pw1200{ max-width:1200px; width:92%; margin-left:auto; margin-right:auto;}
.pw1080{max-width:1080px; width:92%; margin-left:auto; margin-right:auto;}
/*banner*/
.guide_banner{ width:100%; height:420px; background:url(../img/guide_banner.jpg) #212121 top center no-repeat; position:relative; z-index:1; background-size:cover; overflow:hidden;}
.guide_bancnt{ max-width:1200px; width:92%; height:100%; margin:0 auto; position:relative;}
.guide_bantext{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:3;}
.guide_bantext h1{font-size:48px; color:#fff; line-height:1.6; font-weight:800;}
.guide_bantext h4{font-size:32px; color:#fff; line-height:1.6; font-weight:600;}
.guide_bantext p{font-size:20px; color:#fff; line-height:1.6; font-weight:400; margin-top:12px;}
.guide_duo_banner{width:100%; height:423px; background:url(../img/guide_duobg.jpg) #f1e3fc top center no-repeat; background-size:cover;}
.guide_recs_banner{width:100%; height:384px; background:url(../img/guide_recbg.jpg) #ced6ff top center no-repeat; background-size:cover;}
.guide_duo_banner .guide_bancnt{ max-width:930px; width:92%; height:100%; margin:0 auto; position:relative;}
.guide_recs_banner .guide_bancnt{ max-width:1020px; width:92%; height:100%; margin:0 auto; position:relative;}
.guide_duo_banner .guide_bantext h1,.guide_recs_banner .guide_bantext h1{color:#000;}
.guide_duo_banner .guide_bantext p,.guide_recs_banner .guide_bantext p{color:#000; margin-top: 8px;}
.guide_box{ margin-bottom:50px;}
.guide_left{ width:296px; position: sticky; position: -webkit-sticky; margin-top:70px; top:70px; background: #FFFFFF; box-shadow: 0px 0px 20px #E5E5E5; border-radius: 4px;}
/*.guide_lf_fix{ width:296px; position:fixed; top:20px; z-index:10; background: #FFFFFF; box-shadow: 0px 0px 20px #E5E5E5; border-radius: 4px;}
.guide_lf_sticky{width:296px; position: sticky; position: -webkit-sticky; top:20px; z-index:10; background: #FFFFFF; box-shadow: 0px 0px 20px #E5E5E5; border-radius: 4px;}*/

.guide_left h2{ padding:8px 0 8px 24px; font-size: 20px; line-height: 1.6; color: #000000; margin-top:9px; position:relative; cursor:pointer; font-weight:800; border-bottom: 1px solid #F2F3F4;}
.guide_lf_secl{ position:relative;}
.guide_lf_secl:after{ width:248px; height:1px; background:#F2F3F4; bottom:0; left:24px; position:absolute; z-index:2; display:block; content:"";}
.guide_lf_secl h4{ font-size:16px; color:#000; line-height:1.2; font-weight:700; width:224px; padding:12px 48px 12px 24px; position:relative; cursor:pointer;}
.guide_lf_secl h4 a{ font-size:inherit; font-weight:inherit; color:inherit; position:absolute; width:100%; height:100%; position:absolute; left:0; top:0;}
.guide_lf_secl h4:after{width:14px; height:8px; background:url(../img/guide_arrow1.png) top right no-repeat; content:""; position:absolute; right:24px; top:calc(50% - 3px); z-index:5; display:block; color:#000; font-size:16px; transition:all linear 0.1s; -webkit-transition:all linear 0.1s; -moz-transition:all linear 0.1s; -o-transition:all linear 0.1s; -ms-transition:all linear 0.1s;}
.guide_lf_secl.checked h4:after{background:url(../img/guide_arrow2.png) top right no-repeat;}
.guide_lf_secl.checked .guide_lfo{ display:block;}
.guide_lfo{ display:none;}
.guide_lfo>a{font-size:16px; line-height:1.6; padding:8px 0 8px 24px; display:block; font-weight:400; color:#000000; position:relative;}
.guide_lfo>a.checked{background:#F2F3F4;}
.guide_lfo>a.checked:before{ width:4px; height:100%; background:#536DFE; position:absolute; left:0; top:0; z-index:2; content:""; }


.guide_right{ width:calc(100% - 350px); margin-top:50px;}
.guide_type{ margin-top:40px;}
.guide_type:first-child{ margin-top:0;}
/*.guide_type{ display:none;}
.guide_type.showed{ display:block;}*/
.guide_type h2{ font-size:36px; line-height:1.6; font-weight:800;}
.guide_type h4{ font-size:20px; line-height:1.6; font-weight:800; margin-top:22px;}
.guide_type p{ font-size:16px; line-height:1.5; margin-top:24px; word-break:break-word;}
.guide_type p.mtp10{ margin-top:10px;}
.guide_type p a{ color:#536dfe; font-size:inherit; text-decoration:underline;}
.guide_type p b{ font-size:inherit; font-weight:bold;}
.guide_img{ margin-top:10px; text-align:center;}
.guide_img>img{ max-width:100%;}
.guide_img>span{ font-size:16px; line-height:1.5; margin-top:10px; display:block; text-align:center;}
.guide_table{ border:1px solid #E9E9E9; margin-top:10px;}
.guide_table_serial tr td{ width:25%; text-align:center; font-size:16px; color:#000; line-height:1.5; padding:8px 0; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; cursor:pointer; background:#F2F3F4;}
.guide_table_serial.clo3 tr td{ width:calc(100% / 3);}
.guide_table_serial.clo5 tr td{ width:20%;}
.guide_table_serial.clo6 tr td{ width:calc(100% / 6);}
.guide_table_serial tr td:last-child{ border-right:none;}
.guide_table_serial tr td.checked{ background:#fff;}
.guide_table_text{ margin:24px 28px 24px 24px;}
.guide_table_text p{ margin-top:12px;}
.guide_sidebar{ width:calc(100% - 48px); margin-top:24px; background:#F2F3F4; padding:2px 24px 14px;}
.guide_sidebar p{ margin-top:18px;}
.guide_iframe{ margin-top:20px;}

.guide-home-banner{ margin:50px auto 0;}
.guide-home-banner h1{ font-size:36px; line-height:1.2; font-weight:bold;}
.guide-home-banner p{ font-size:18px; line-height:1.5; margin-top:30px;}
.guide-home-cnt{ padding:20px 0 60px;}
.guide-home-cont h2{ font-size: 22px; padding: 30px 0 0; line-height:1.3;}
.guide-home-cont h3{ font-size: 20px; padding: 15px 0 0; line-height:1.3;}
.guide-home-cont p{ font-size: 16px; line-height:1.5; margin-top:10px;}
.guide-home-cont p a{ font-size:inherit; color:#2590e0;}

.guide_specil_item{margin-top: 40px; display: flex; align-items: flex-start;}
.guide_specil_item>span{width: 112px; display: block; font-size: 30px; color: #444444; }
.guide_specil_text{width: calc(100% - 112px);}
.guide_specil_text>h2{font-size: 30px; color: #000000; position: relative; font-weight: bold;}
.guide_specil_text>p,.guide_specil_list p{font-size: 18px; color: #444444; line-height: 1.8; margin-top: 10px;}
.specil_title{position: relative;}
.specil_title:before{width: 26px; height: 31px; content: ""; display: inline-block; background:url(../img/guide_specil_icon.png) top left no-repeat; background-size: cover; vertical-align: middle; margin-right: 16px; margin-top: -5px;} 
.guide_specil_list{margin-top: 40px;}
.guide_specil_list h4{font-size: 20px; color: #000000; font-weight: bold; position: relative;}
.guide_specil_text>h2 a,.guide_specil_list>h4 a{font-size: inherit; color: inherit; font-weight: inherit;}
.guide_specil_text>h2 a:hover,.guide_specil_list>h4 a:hover{text-decoration: underline;}
.guide_specil_text>h2:before,.guide_specil_list>h4:before{width: 100%; height: 2px; background: #f3f3f5; top: -20px; left: 0; position: absolute; content: ""; display: block;}
.guide_specil_mid{margin-bottom: 30px;}
@media screen and (max-width: 980px){
.guide_banner{ height:auto;}
.guide_bantext{ margin:50px auto; text-align:center; position:relative; top: 0; transform: translateY(0);}
.guide_bantext h1{ font-size:30px;} 
.guide_left{ display:none;}
.guide_right{ width:100%; float:none;}
.guide_type{ display:block; margin-top:40px;}
.guide_type h2{ font-size:28px;}
.guide_iframe>iframe{ height:250px;}
}
@media screen and (max-width: 568px){
.guide_specil_item{flex-direction: column; margin-top: 30px;}
.guide_specil_item>span,.guide_specil_text>h2{font-size: 24px;}
.guide_specil_text{width: 100%;}
.guide_specil_text>h2,.guide_specil_list h4{padding-top: 20px; padding-bottom: 10px;}
.guide_specil_text>h2:before, .guide_specil_list>h4:before{top: 5px;}
.guide_specil_list{margin-top: 10px; padding-bottom: 10px;}
.guide_specil_text>h2,.guide_specil_list h4{padding-left: 40px;}
.guide_specil_text>h2.nopadding{padding-left: 0;}
.guide_specil_text>h2 .specil_title:before,.guide_specil_list>h4 .specil_title:before{position: absolute; left: -40px; top: 5px;}
}