html, body {height:100%;}

/* #wrap {width:100%; min-width:1000px; height:100%;} */
#wrap {width:100%; min-width:980px; height:100%;}
#wrap.main {height:100%;}
#wrap.sub {background:#dedede; height:auto; min-height:100%;}

/* #header {position:fixed; width:223px; height:100%; min-height:957px; background:#303030; border-left:4px solid #ff9f15;} */
#header {position:fixed; width:223px; height:100%; background:#303030; border-left:4px solid #ff9f15;}
#header h1.logo {height:79px; padding-top:39px; padding-left:22px;}
#header .util {height:49px; border-top:1px solid #4a4a4a; border-bottom:1px solid #4a4a4a; line-height:49px;}
#header .util a {display:inline-block; *display:inline; *zoom:1; font-size:14px; color:#989898;}
#header .util a.login {width:68px;/*170210 width값 수정*/ padding-left:42px; background:url('/theme/mastervpn/images/common/icon/icon_login.png') no-repeat 23px center; border-right:1px solid #4a4a4a;}
#header .util a.join {width:70px; padding-left:35px; background:url('/theme/mastervpn/images/common/icon/icon_join.png') no-repeat 12px center;}
#header .topmenu > ul > li {border-bottom:1px solid #4a4a4a;}
#header .topmenu > ul > li > a {display:block; height:50px; padding-left:32px; padding-top:19px; font-size:16px; color:#fff;}
#header .topmenu > ul > li.on,
#header .topmenu > ul > li:hover {background:#ff9f15;}
#header .topmenu > ul > li.on span.e_txt,
#header .topmenu > ul > li:hover span.e_txt {color:#fff;}
#header .topmenu li span.e_txt {display:block; font-size:11px; color:#777; line-height:100%;}
#header .topmenu li a {color:#fff;}
#header .topmenu .submenu {display:none; background:#434343; padding:15px 0;}
#header .topmenu .submenu li {padding-left:32px; line-height:25px;}
#header .topmenu .submenu li a {color:#ff9f15;}
#header .topmenu .submenu li a:hover {text-decoration:underline;}
#header .bottom {padding:56px 17px 0 13px;}
#header .bottom .f_util {width:190px; height:20px; background:#3c3c3c; border:1px solid #686868;}
#header .bottom .f_util li {float:left; height:20px; line-height:20px; text-align:center;}
#header .bottom .f_util li.priv {width:102px; border-right:1px solid #686868;}
#header .bottom .f_util li.cont {width:87px;}
#header .bottom .f_util li a {display:block; font-size:10px; color:#9e9e9e;}
#header .bottom .address {padding-top:27px; font-size:11px; color:#666;}
#header .bottom .address .copy {display:block; margin-top:17px; padding-top:17px; border-top:1px solid #454545; font-size:10px; line-height:130%;}

/* .mainVisual {position:relative; height:100%;  min-width:1345px; min-height:957px; margin-left:227px;} */
.mainVisual {position:relative; height:100%; min-height:957px; margin-left:227px;}
.mainVisual .mainSlide {height:100%;}
.mainVisual .mainSlide li {height:100%;}
.mainVisual .mainSlide .main_img {width:100%; height:100%;}
.mainVisual .bx-viewport,
.mainVisual .bx-wrapper {height:100% !important;}
.mainVisual .mainTxt {position:absolute; top:328px; left:50%; margin-left:-303px; z-index:500;}
.mainVisual .mainTxt span {display:block; margin-top:35px; margin-left:-10px; font-size:23.66px; color:#fff; text-align:center; font-weight:100; letter-spacing:-1.5px;}
.mainVisual .bx-pager {position:absolute; left:50%; bottom:35%; margin-left:-27px; z-index:500;}
.mainVisual .bx-pager-item {display:inline-block; *display:inline; *zoom:1;}
.mainVisual .bx-pager-item .bx-pager-link {display:block; width:27px; height:18px; background:url('/theme/mastervpn/images/main/bullet.png') no-repeat 0 100%; font-size:0;}
.mainVisual .bx-pager-item .bx-pager-link.active {background-position:0 0;}

.mainVisual .main_util {position:absolute; top:26px; right:35px; z-index:500;}
.mainVisual .main_util li {position:relative; margin-bottom:13px;}
.mainVisual .main_util li .util_box {display:none; position:absolute; top:5px; right:52px; width:213px; height:33px; background:url('/theme/mastervpn/images/main/util01_box.png') no-repeat 0 0;}
.mainVisual .main_util li .util_box p {padding:6px 18px; color:#636363;}
.mainVisual .main_util li .util_box em {padding-right:24px; background:url('/theme/mastervpn/images/main/util_bar.gif') no-repeat 50px center;}
.mainVisual .main_util li .util_box .fc_orange {font-weight:500;}
.mainVisual .main_util li.util02 .util_box {width:143px; height:33px; background:url('/theme/mastervpn/images/main/util02_box.png') no-repeat 0 0; text-align:center;}
.mainVisual .main_util li.util02 .util_box p {padding:6px 3px 6px 0; color:#ff9f15;}
.mainVisual .main_util li.util03 .util_box {width:103px; height:33px; background:url('/theme/mastervpn/images/main/util03_box.png') no-repeat 0 0; text-align:center;}
.mainVisual .main_util li.util03 .util_box p {padding:6px 3px 6px 0; color:#a7e043;}
.mainVisual .main_util li.util04 .util_box {width:103px; height:33px; background:url('/theme/mastervpn/images/main/util03_box.png') no-repeat 0 0; text-align:center;}
.mainVisual .main_util li.util04 .util_box p {padding:6px 3px 6px 0; color:#a9c2e4;}

/* 게시판 페이징 */
#paging {text-align:center; height:36px; margin-top:50px;}
#paging a {*zoom:1;}
#paging a {color:#a0a0a0; border:1px solid #dfdfdf; padding:6px 0; display:inline-block; width:36px; text-align:center;}
#paging a.active {color:#ff9f15; border:1px solid #ff9f15;}

/* 테이블 셋팅 */
.tblType01 {border-top:2px solid #ff9f15;}
.tblType01 th, .tblType01 td {text-align:center; padding:15px 15px; border-bottom:1px solid #d0d0d0; font-weight:300;}
.tblType01 thead th {font-size:16px; background:url('/theme/mastervpn/images/common/bg_thead.png') no-repeat right center;}
.tblType01 thead th.last {background:none;}
.tblType01 tbody td {font-size:14px;}
.tblType01 .sort img {padding:5px 0 1px 0;}
.tblType01 .serviceDate {width:85px; height:25px;}
.tblType01.view td {text-align:left;}
.tblType01.view .subject {font-size:16px;}
.tblType01.view .writer {font-size:12px; border-bottom:1px dashed #d0d0d0;}
.tblType01.view .date {float:right;}
.tblType01.view .replyArea {background:#f9f9f9;}
.tblType01.view .replyArea .textarea {width:720px; height:62px; resize:none; float:left;}

/* 20170303 CSS수정 S */
.tblType01.view .replyArea .btn_reply {display:block; float:left; margin-left:5px; background:#5f5f5f; width:85px; height:67px; line-height:67px; text-align:center; color:#fff; font-size:14px; border:none;}
/* 20170303 CSS수정 E */

.tblType02 {border-top:2px solid #ff9f15;}
.tblType02 th, .tblType02 td {border-bottom:1px solid #d0d0d0; padding:15px; text-align:left; font-weight:300;}
.tblType02 th.last {border-right:none;}
.tblType02 th {font-size:16px; background:#f9f9f9; border-right:1px solid #d0d0d0;}
.tblType02 td {font-size:14px;}
.tblType02 .price {color:#ff9f15; font-weight:600; font-size:20px;}
.tblType02 .mem_230 {width:230px;;}
.tblType02 .mem_200 {width:200px;;}
.tblType02 .mem_tel {width:67px;}
.tblType02 .btn_dgray2 {vertical-align:top;}
.tblType02 .boardForm {width:100%; resize:none; height:225px;}

/* 블릿 들어간 리스트 */
.list_bullet li {background:url('/theme/mastervpn/images/common/list_bullet.gif') no-repeat left 12px; padding-left:10px; line-height:22px;}

/* 주의사항 */
.tip {color:#999; font-size:13px; font-weight:300; margin-top:15px;}
.tip b.orange {background:url('/theme/mastervpn/images/common/ico_tip.gif') no-repeat left center; padding-left:20px; font-size:14px; font-weight:500;}

/* 게시판 검색 */
.searchArea {background:#f9f9f9; padding:25px 0;}
.searchArea .btn_dgray2 {height:35px; line-height:35px; vertical-align:top;}

/* 게시판 카테고리 */
.category {}
.category .list6 {overflow:hidden;}
.category .list6 li {width:134px; border:1px solid #d0d0d0; height:50px; line-height:50px; text-align:center; color:#222; float:left; background:#f9f9f9; margin-right:5px;}
.category .list6 li.last {margin-right:0;}
.category .list6 li a {font-size:15px; display:block;}
.category .list6 li.active, .category .list6 li:hover {background:#ff9f15; border:1px solid #ff9f15;}
.category .list6 li.active a, .category .list6 li:hover a {color:#fff;}

#contents {background:#dedede; height:100%;}
.contentsArea {background:#fff; padding:75px 65px; width:842px; margin-left:227px;}
.contentsArea .section {margin-bottom:75px; overflow:hidden;}
.contentsArea .titleArea {position:relative; margin-bottom:70px; padding-bottom:25px; border-bottom:1px dashed #cacaca;}
.contentsArea .titleArea h3 {font-size:36px; font-weight:300; color:#222; line-height:36px;}
.contentsArea .titleArea .location {color:#7c7c7c; font-size:13px; position:absolute; right:0; bottom:25px;}
.contentsArea h4.title {background:url('/theme/mastervpn/images/common/bg_title.gif') no-repeat left center; padding-left:15px; font-size:24px; font-weight:300; margin-bottom:30px;}

/* 서비스 소개 */
.contentsArea .about {background:url('/theme/mastervpn/images/service/bg_dotline.gif') no-repeat center center; text-align:center; position:relative; height:367px; margin-bottom:75px;}
.contentsArea .about p {font-size:24px; font-weight:300; color:#000; line-height:36px; padding:143px 0;}
.contentsArea .about p .orange {font-size:34px;}
.contentsArea .about ul li {position:absolute; line-height:36px;}
/* 20170324 수정 S */
.contentsArea .about ul li.service01 {left:145px; top:-5px;}
/* 20170324 수정 E */
.contentsArea .about ul li.service02 {right:145px; top:0px;}
.contentsArea .about ul li.service03 {left:139px; bottom:0px;}
.contentsArea .about ul li.service04 {right:134px; bottom:0px;}
/* 20170324 수정 S */
.contentsArea .section .step {float:left; background:url('/theme/mastervpn/images/service/arrow_orange.png') no-repeat right center; width:28%; margin-bottom:65px; padding-right:8%;}
/* 20170324 수정 E */
.contentsArea .section .step.last {background:none; padding-right:0;}
.contentsArea .section .step dl {text-align:center; background:url('/theme/mastervpn/images/service/bg_circle.png') no-repeat center top; height:159px;}
.contentsArea .section .step dl dt {height:45px; line-height:45px; font-weight:600; color:#fff; font-size:16px; margin-bottom:25px;}
.contentsArea .section .step dl dd {font-size:14px; line-height:19px;}
.contentsArea .section .step.last dl dt {margin-bottom:15px;}

/* 마이페이지 */
.contentsArea .mypageWrap {background:#fcfcfc; border-top:2px solid #ff9f15; border-bottom:1px solid #d0d0d0; text-align:center; padding:50px 0;}
.contentsArea .mypageWrap .mem_250 {width:250px; height:40px;}
.contentsArea .mypageWrap.findinfo {font-size:17px; font-weight:300;}
.contentsArea .mypageWrap.findinfo .btnArea {margin-top:30px;}
.contentsArea .mypageWrap.findinfo input, .contentsArea .mypageWrap.findinfo select {font-size:15px;}
.contentsArea .mypageWrap.ipcheck {font-size:17px; font-weight:300;}
.contentsArea .mypageWrap.ipcheck b.orange {font-size:27px;}
.contentsArea .agreeWrap {border:1px solid #d0d0d0; padding:10px 20px;}
.contentsArea .agreeWrap p {font-size:18px; font-weight:300; margin-bottom:10px;}
.contentsArea .agreeWrap .textarea {resize:none; width:100%; height:220px; background:#f9f9f9; margin-bottom:10px;}
.contentsArea .agreeWrap label {font-size:14px;}

/* 로그인 */
.loginWrap {padding:60px 0; background-color:#f3f3f3; border-top:2px solid #ff9f15; }
.loginWrap .loginBox {position:relative; width:480px; margin:0 auto; }
.loginWrap .loginBox .inputArea input {width:330px; height:31px; padding:3px 5px; border:1px solid #d0d0d0; }
.loginWrap .loginBox .service {margin-top:35px; padding-top:35px; font-size:14px; border-top:1px dashed #c9c9c9;}
.loginWrap .loginBox .service a {display:inline-block; position:absolute; right:0; top:0; width:170px; height:33px; padding:0 5px; margin-left:1px; text-align:center; line-height:33px; font-size:14px; color:#969696; background-color:#fff; border:1px solid #d0d0d0;}
.loginWrap .loginBox .service a:hover {color:#ff9f15; border-color:#ff9f15;}
.loginWrap .loginBox .service > div {position:relative; height:40px; padding-left:18px; line-height:40px; color:#444; background:url('/theme/mastervpn/images/common/ico_check2.png') no-repeat left 16px; overflow:hidden;  }
.loginWrap .loginBox .btn_login {display:inline-block; position:absolute; right:0; top:0; width:130px; height:83px; line-height:80px; font-size:22px; color:#fff; font-weight:normal; text-decoration:none; text-align:center; border:0; cursor:pointer; background:#ff9f15;}

textarea.policy {padding:10px; width:820px; height:700px; resize:none;}

/* 20170303 CSS추가 S */
input.btn_orange {border:none; vertical-align:top;}
input.btn_orangeMid {border:none; vertical-align:top;}
input.btn_orangeBig {border:none; vertical-align:top; line-height: inherit; min-width: 211px;}
/* 20170303 CSS추가 E */


/* 이용안내 */
.guide .section {overflow:hidden;}
.guide .section p {padding-bottom:25px; font-size:16px; line-height:22px; font-weight:300; color:#333; *letter-spacing:-1px;}
.guide .section p .num {font-size:18px; font-weight:900; color:#ff9f15;}
.guide .section.floatCon img {float:left;}
.guide .section.floatCon ul {float:left; margin-left:28px;}
.guide .section ul li {padding-left:7px; background:url('/mastervpn/images/guide/bullet.gif') no-repeat 0 11px; font-size:14px; font-weight:300; color:#333; line-height:22px;}
.guide .section ul li strong {font-size:14px; font-weight:500; *font-weight:bold; font-weight:bold\9; color:#ff9f15;}
.guide .section .section_02 {float:left;}
.guide .section dl {overflow:hidden;}
.guide .section dl dt {float:left; padding-left:7px; background:url('/mastervpn/images/guide/bullet.gif') no-repeat 0 11px; font-size:14px; font-weight:500; *font-weight:bold; font-weight:bold\9; color:#ff9f15;}
.guide .section dl dd {float:left; padding-left:3px; font-size:14px; font-weight:300; color:#333; line-height:22px;}