/* BASIC css start */
#contentWrapper {background:#f2f2f2;}
#ftWrap {margin:0 !important;}
#guide { padding:50px 0; width:1200px;margin:0 auto;}

#content .tit-page {text-align:center;font-size:32px;line-height:36px;border:0;padding-bottom:30px}

#guide .page-body { width:100%;padding:40px;border:1px solid #8a8d98;background:#fff;box-sizing:border-box; }

#guide .page-body .guide-wrap {width:100%;display:flex;}
#guide .page-body .gside {width:180px;flex:0 0 auto;cursor:default;}

#guide .page-body .gside .step-1 { margin-top:35px; font-size:16px; font-weight: 600; }
#guide .page-body .gside .step-1 > li {margin-bottom:10px;}
#guide .page-body .gside .gmenu { font-size: 22px; font-weight: 600; letter-spacing: -1px;}
#guide .page-body .gside .tab {cursor:pointer;}
#guide .page-body .gside .tab.selected {}

#guide .page-body .ginfo {flex:auto;box-sizing:border-box;border:1px solid #000;padding:25px;}
#guide .page-body .ginfo .infowrap {display:none;}
#guide .page-body .ginfo .infowrap.selected {display:block;}
#guide .page-body .ginfo .infowrap h3 {font-size:20px; font-weight: 600; border-bottom:1px solid #000;padding-bottom:10px;margin-bottom:15px; }

/* t-msg */
#guide .t-msg { margin-top:20px; font-size:14px; color:#7b7b7b }
#guide .t-msg a { font-size:14px; color:#7b7b7b; vertical-align:top }
/* gd-dsc */
#guide .gd-dsc { margin-top:70px }
#guide .gd-dsc dt { padding:0 0 10px 10px; position:relative; font-size:16px; color:#000; border-bottom:1px dashed #e9e9e9; background:url(/design/open9/common/bu_4x4.gif) 0 7px no-repeat }
#guide .gd-dsc dt a { font-size:16px; color:#000; vertical-align:top }
#guide .gd-dsc dd { padding:15px 0 0 10px; font-size:14px; color:#7b7b7b; line-height:27px }

/*
========================================================================
¹ÝÀÀÇü - ÀÌ¿ë¾È³»
========================================================================
*/
@media (max-width: 768px) {
    #contentWrapper {background:#fff;}
    #content {padding:0;}
    #guide {width:100%;padding:10vw 5vw;box-sizing:border-box;}
    #guide .page-body {border:0;padding:0;margin:0;background:#fff;}
    #guide .page-body .guide-wrap {display: block;}
    #guide .page-body .gside .step-1 > .tab {display:none;}
    #guide .page-body .gside {width:100%;}
    #guide .page-body .gside .gmenu {display:none;}
    #guide .page-body .gside .step-1 {margin:0;display:flex;}
    #guide .page-body .gside .step-1 > li {flex:auto;text-align:center;margin:0;line-height:30px;box-sizing:border-box;}
    #guide .page-body .gside .tab.selected {border-bottom:2px solid #000;}
    
}
/* BASIC css end */