#wrapper {width:100%; margin:0 auto;}

/* 시큐메일 */
#header_mail {position:fixed; width:100%; height:64px; line-height:64px; background:#072d6a; overflow:hidden; z-index:9;}
#header_mail p.leftmenu_open {float:left; margin-left:45px; margin-right:10px; margin-top:-2px; cursor:pointer;}
#header_mail h1 {float:left; color:#fff; font-size:20px; font-weight:600;}
#header_mail ul.menuLink {overflow:hidden; float:right; margin-right:50px;}
#header_mail ul.menuLink li {float:left;}
#header_mail ul.menuLink li a {display:block; height:64px; line-height:64px; text-align:center; color:#f5f5f5; padding:0 10px;}
#header_mail ul.menuLink li a:hover, #header_mail ul.menuLink li a.action {background:#041a3e;}

#aside_common {position:fixed; z-index:9;}
#aside_common .asideTitle {position:relative; z-index:10; background:#072d6a; height:64px; line-height:64px; color:#fff; font-size:20px; font-weight:600; text-indent:40px;}

#aside_mail {position:fixed; z-index:9;}
#aside_mail .asideTitle {position:relative; z-index:10; background:#072d6a; height:64px; line-height:64px; color:#fff; font-size:20px; font-weight:600; text-indent:40px;}

#aside_address {position:fixed; z-index:9;}
#aside_address .asideTitle {position:relative; z-index:10; background:#2f2141; height:64px; line-height:64px; color:#fff; font-size:20px; font-weight:600; text-indent:40px;}

#aside_setting {position:fixed; z-index:9;}
#aside_setting .asideTitle {position:relative; z-index:10; background:#404040; height:64px; line-height:64px; color:#fff; font-size:20px; font-weight:600; text-indent:40px;}

nav {
    width: 460px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.push-wrap {
    -webkit-transition: all 300ms ease 0;
    -moz-transition: all 300ms ease 0;
    -o-transition: all 300ms ease 0;
    transition: all 300ms ease 0;

    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);

    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.show-nav .push-wrap {
    -webkit-transform: translate(250px, 0);
    -moz-transform: translate(250px, 0);
    -ms-transform: translate(250px, 0);
    -o-transform: translate(250px, 0);
    transform: translate(250px, 0);

    -webkit-transform: translate3d(250px, 0, 0);
    -moz-transform: translate3d(250px, 0, 0);
    -ms-transform: translate3d(250px, 0, 0);
    -o-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}



/* BASE CSS */

a {
    transition: all 300ms ease;
}
nav {
    background: #fff;
    /*
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.5);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.5);
    */
}
nav .menu_step1 {float:left; width:250px; background:#fff; height:100%; position:relative; z-index:9;
    -webkit-box-shadow: inset 1.5em 1.5em 1.5em 0.75em rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1.5em 1.5em -0.75em rgba(0, 0, 0, 0.5);
    box-shadow: 0em 0em 1.5em 0.75em rgba(0, 0, 0, 0.5);
}

nav .menu_step1 ul {
    margin-top:10px;
    padding: 0;
    list-style: none;
    text-indent:40px;
}
nav .menu_step1 ul li a {
    display: block;
    text-decoration: none !important;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    color: #072d6a;
}
nav .menu_step1 ul li a:hover {
    font-weight:600;
}

nav .menu_step1 ul li.parentActive a {
    font-weight:600;
}

#aside_common nav .menu_step2 {float:left; width:210px; height:100%; background:#072d6a;}
#aside_mail nav .menu_step2 {float:left; width:210px; height:100%; background:#072d6a;}
#aside_address nav .menu_step2 {float:left; width:210px; height:100%; background:#2f2141;}
#aside_setting nav .menu_step2 {float:left; width:210px; height:100%; background:#404040;}

nav .menu_step2 ul {
    margin-top:22px;
    padding: 0;
    list-style: none;
    margin-left:22px;
}
nav .menu_step2 ul li a {
    display: block;
    text-decoration: none !important;
    line-height:200%;
    font-size: 15px;
    color: #fff;
}
nav .menu_step2 ul li a:hover {
    color:#8f98af;
    font-weight:600;
}

nav .menu_step2 ul li.childActive a {
    color:#8f98af;
    font-weight:600;
}

#section_mail {position:relative; padding-top:130px; z-index:1;}
#section_mail h2 {font-size:44px; color:#072d6a; text-align:center; margin-bottom:20px; padding-bottom:20px; background:url('/images/icon/desTitle_bar.png') no-repeat 50% 100%;}
.conTitle {margin-top:-55px;}
.step {position:relative; width:100%; color:#072d6a; font-size:15px; z-index:2;}
.step .desNum {display:block; font-size:25px; font-weight:900;}
.step .desNumEx {display:block; font-size:18px; font-weight:900;}
.step .stepCircle1 {display:block; width:88px; height:88px; background:#fff; border:1px solid #121762; border-radius:44px; text-align:center; margin:0 auto;}
.step .stepCircle1 .stepCircle2 {display:block; width:82px; height:82px; background:#fff; border:1px solid #121762; border-radius:41px; margin:0 auto; margin-top:1.5px;}

.circleNum_mail {display:inline-block; flaot:left; width:16px; height:16px; line-height:16px; border-radius:8px; background:#0071ff; color:#fff; text-align:center; margin-left:10px; margin-right:5px; font-size:15px; vertical-align:top; margin-top:5px;}
.circleNum_mail_t2 {display:inline-block; flaot:left; width:16px; height:16px; line-height:16px; border-radius:8px; background:#1360c0; color:#fff; text-align:center; margin-left:10px; margin-right:5px; font-size:15px; vertical-align:top; margin-top:5px;}


/* 주소록 */
#header_addr {position:fixed; width:100%; height:64px; line-height:64px; background:#2f2141; overflow:hidden; z-index:9;}
#header_addr p.leftmenu_open {float:left; margin-left:45px; margin-right:10px; margin-top:-2px; cursor:pointer;}
#header_addr h1 {float:left; color:#fff; font-size:20px; font-weight:600;}
#header_addr ul.menuLink {overflow:hidden; float:right; margin-right:50px;}
#header_addr ul.menuLink li {float:left;}
#header_addr ul.menuLink li a {display:block; height:64px; line-height:64px; text-align:center; color:#f5f5f5; padding:0 10px;}
#header_addr ul.menuLink li a:hover, #header_addr ul.menuLink li a.action {background:#261a34;}

#aside_addr {}

#section_addr {position:relative; padding-top:130px; z-index:1;}
#section_addr h2 {font-size:44px; color:#2f2141; text-align:center; margin-bottom:20px; padding-bottom:20px; background:url('/images/icon/desTitle_bar.png') no-repeat 50% 100%;}
.conTitle {margin-top:-55px;}
.step_addr {position:relative; width:100%; color:#2f2141; font-size:15px; z-index:2;}
.step_addr .desNum_addr {display:block; font-size:25px; font-weight:900;}
.step_addr .desNumEx_addr {display:block; font-size:18px; font-weight:900;}
.step_addr > .stepCircle1 {display:block; width:88px; height:88px; background:#fff; border:1px solid #2f2141; border-radius:44px; text-align:center; margin:0 auto;}
.step_addr > .stepCircle1 .stepCircle2 {display:block; width:82px; height:82px; background:#fff; border:1px solid #2f2141; border-radius:41px; margin:0 auto; margin-top:1.5px;}

.circleNum_addr_t1 {display:inline-block; flaot:left; width:16px; height:16px; line-height:16px; border-radius:8px; background:#593389; color:#fff; text-align:center; margin-left:10px; margin-right:5px; font-size:15px; vertical-align:top; margin-top:5px;}
.circleNum_addr_t2 {display:inline-block; flaot:left; width:16px; height:16px; line-height:16px; border-radius:8px; background:#2f2141; color:#fff; text-align:center; margin-left:10px; margin-right:5px; font-size:15px; vertical-align:top; margin-top:5px;}


/* 환경설정 */
#header_set {position:fixed; width:100%; height:64px; line-height:64px; background:#404040; overflow:hidden; z-index:9;}
#header_set p.leftmenu_open {float:left; margin-left:45px; margin-right:10px; margin-top:-2px; cursor:pointer;}
#header_set h1 {float:left; color:#fff; font-size:20px; font-weight:600;}
#header_set ul.menuLink {overflow:hidden; float:right; margin-right:50px;}
#header_set ul.menuLink li {float:left;}
#header_set ul.menuLink li a {display:block; height:64px; line-height:64px; text-align:center; color:#f5f5f5; padding:0 10px;}
#header_set ul.menuLink li a:hover, #header_set ul.menuLink li a.action {background:#000;}

#aside_set {}

#section_set {position:relative; padding-top:50px; z-index:1;}
#section_set h2 {font-size:44px; color:#555555; text-align:center; margin-bottom:20px; padding-bottom:20px; background:url('/images/icon/desTitle_bar.png') no-repeat 50% 100%;}
.conTitle {margin-top:-55px;}
.step_set {position:relative; width:100%; color:#2f2141; font-size:15px; z-index:2;}
.step_set .desNum_set {display:block; font-size:25px; font-weight:900;}
.step_set .desNumEx_set {display:block; font-size:18px; font-weight:900;}
.step_set > .stepCircle1 {display:block; width:88px; height:88px; background:#fff; border:1px solid #555; border-radius:44px; text-align:center; margin:0 auto;}
.step_set > .stepCircle1 .stepCircle2 {display:block; width:82px; height:82px; background:#fff; border:1px solid #555; border-radius:41px; margin:0 auto; margin-top:1.5px;}

.circleNum_set_t1 {display:inline-block; flaot:left; width:16px; height:16px; line-height:16px; border-radius:8px; background:#ca970d; color:#fff; text-align:center; margin-right:5px; font-size:15px; vertical-align:top; margin-top:5px;}
.circleNum_set_t2 {display:inline-block; flaot:left; width:16px; height:16px; line-height:16px; border-radius:8px; background:#e26c0d; color:#fff; text-align:center; margin-right:5px; font-size:15px; vertical-align:top; margin-top:5px;}