#popupWrap{position:relative; /*color:#333;*/ overflow:hidden; text-align:left}
#popupWrap h3{font:12pt/15pt dotum,"돋움"; font-weight:bold}
#popContent{overflow:hidden}
#popContent *{letter-spacing:-0.2pt; text-align:left}
#popContent p{margin-bottom:23px}


/*** default ***/
#popupWrap.default{width:360px; height:384px; padding:48px 20px; margin:0 auto; background:url(/admin/images/popup/popup_red.jpg) left top no-repeat}
#popupWrap.default h3{height:60px; color:#e53e6d; text-align:left; margin-left:0px;}

/*** default_green ***/
#popupWrap.defaultGreen{width:360px; height:400px; padding:40px 20px; margin:0 auto; background:url(/admin/images/popup/popup_green.jpg) left top no-repeat}
#popupWrap.defaultGreen h3{width:360px; height:60px; color:#416923; text-align:left; margin-left:-15px;}
#popupWrap.defaultGreen #popContent{padding-top:0px}

/*** notice ***/
#popupWrap.notice{width:320px; height:380px; padding:50px 40px; margin:0 auto;}
#popupWrap.notice h3{height:45px; text-align:left; padding-left:10px;}

/* notice_bluesky */
#popupWrap.white{background:url(/admin/images/popup/popup_white.jpg) left top no-repeat}
#popupWrap.white h3{color:#fff}
#popupWrap.white #popContent{padding-top:30px;}

/* notice_redsky */
#popupWrap.black{background:url(/admin/images/popup/popup_black.jpg) left top no-repeat}
#popupWrap.black h3{color:#fff; padding-left:70px;}
#popupWrap.black #popContent{padding-top:30px; color:#CCCCCC}

/*** theme_01 ***/
#popupWrap.theme{width:340px; height:384px; padding:48px 30px; margin:0 auto; background:url(/admin/images/popup/popup_theme.jpg) left top no-repeat}
#popupWrap.theme h3{height:40px; color:#493e2b; text-align:left; margin-left:-20px;}
#popupWrap.theme #popContent{width:250px; padding-top:30px; color:#333333}

/*** thank you ***/
#popupWrap.thanks{width:340px; height:322px; padding:110px 30px 48px; margin:0 auto; background:url(/admin/images/popup/popup_thanks.jpg) left top no-repeat}
#popupWrap.thanks h3{height:40px; color:#333; text-align:left; margin-left:-20px;}
#popupWrap.thanks #popContent{width:250px; padding-top:30px; color:#333333}



.popWrap {}
.popWrap h1 {background:#004ea2; height:85px; line-height:85px; color:#fff; font-weight:600; font-size:32px; padding:0 30px;}
.popWrap h1:after {content:''; display:block; clear:both;}
.popWrap h1 a {float:right; width:85px; text-align:right;}
.popWrap .popupContents {width:100%; margin:0 auto; padding:30px; box-sizing:border-box; font-weight:300;}

.popWrap#office {width:640px; padding:0;}
.popWrap#office h1 {background:#fff; height:60px; line-height:60px; color:#222; font-weight:400; font-size:30px;}
.popupContents img {max-width:100%;}
.popWrap#office .popupContents {padding:0 30px;}
.popWrap#office .officeWrap {margin-bottom:5px;}
.popWrap#office .officeWrap img {max-width:100%;}
.popWrap#office .off-pager div {display:inline-block; background:#000; height:37px;}
.popWrap#office .off-pager div img {opacity:0.4; vertical-align:top;}
.popWrap#office .off-pager div .active img {opacity:1; border:3px solid #004ea2; width:59px; height:31px;}
.popWrap#office .bx-controls-direction {position:relative; top:-28px;}
.popWrap#office .bx-controls-direction a {text-indent:-9999px; overflow:hidden; display:block; width:10px; height:19px; position:absolute;}
.popWrap#office .bx-controls-direction a.bx-prev {background:url('/images/popup/prev.png') no-repeat 0 0; left:-18px;}
.popWrap#office .bx-controls-direction a.bx-next {background:url('/images/popup/next.png') no-repeat 0 0; right:-18px;}

.popWrap.contactStore#office {width:900px; padding:0;}
.popWrap.contactStore#office .popTitle {padding: 15px 30px 0;}
.popWrap.contactStore#office .popTitle h1 {padding: 0; margin: 0 0 5px 0;}
.popWrap.contactStore#office .popTitle p {font-size: 18px; font-weight: 300; color: #666; padding-bottom: 15px; border-bottom: 1px solid #333;}
.popWrap.contactStore#office .popupContents {padding:0 30px 50px;}
.popWrap.contactStore#office .popupContents#complete {text-align: center; border-bottom: 1px solid #dfdfdf; padding: 25px 0 50px 0; margin: 0 0 50px;}
.popWrap.contactStore#office .popupContents#complete dt {color: #000; font-size: 24px; font-weight: 400; margin-bottom: 3px;}
.popWrap.contactStore#office .popupContents#complete dd {font-size: 18px; font-weight: 300; color: #666; line-height: 24px;}
.popWrap.contactStore#office #Board.form .type1 {padding-top: 0; border-top: none;}
.popWrap.contactStore#office #Board.form .type1 table {padding: 10px 0;}
.popWrap.contactStore#office #Board.form .type1 textarea {padding: 10px 3px; height: 350px;}
.popWrap.contactStore#office .privacyCheck {text-align: right; padding: 10px 0;}

.popupContents#policy {line-height:1.5em; font-size:14px; padding:3%;}
.popupContents#policy strong {color:#222;}
.popupContents#policy h2 {font-weight:400; color:#222; font-size:16px; margin:30px 0 10px 0; border-top:1px solid #0652ab; border-bottom:1px solid #dfdfdf; padding:15px 1%; background:#f7f7f7;}
.popupContents#policy dl {margin:15px 0;}
.popupContents#policy dt {padding-left:1%; font-weight:400; color:#222; font-size:15px; margin-bottom:10px; line-height:1.5em;}
.popupContents#policy dd {padding-left:2%; margin-bottom:10px;}
.popupContents#policy dd dl dt {font-size:14px; margin-bottom:3px;}
.popupContents#policy dd dl dd {font-size:14px;}
.popupContents#policy dd ul li {padding-left:1%; margin:3px 0;}

.serviceTab {margin-bottom:30px;}
.serviceTab ul:after {content:''; display:block; clear:both;}
.serviceTab ul li {width:50%; height:40px; line-height:40px; float:left; text-align:center; border:1px solid #d0d0d0; box-sizing:border-box; margin-left:-1px; margin-top:-1px; background:#fff; position:relative;}
.serviceTab ul li a {color:#777; display:block;}
.serviceTab ul li.active {border-color:#004ea2; z-index:1;}
.serviceTab ul li.active a {color:#004ea2; font-weight:400;}

@media only screen and (max-width:768px){
.popWrap.contactStore#office {width: 94%; padding: 0 3%;}
.popWrap.contactStore#office h1 {font-size: 26px;}
.popWrap.contactStore#office p {font-size: 16px;]
}

@media only screen and (max-width:520px){
.popWrap#office {width:94%; padding:0 3%;}
.popWrap h1 {padding:0 3%; font-size:5vw; height:15vw; line-height:15vw;}
.popWrap.contactStore#office .popTitle {padding: 0;}
.popWrap.contactStore#office .popTitle h1 {font-size: 5vw; height:15vw; line-height:15vw;}
.popWrap.contactStore#office .popTitle p {font-size: 3.6vw; clear: both;}
.popWrap h1 img {width:15px;}
.popWrap h1 a {width: auto;}
.popWrap h1 a img {width:15px;}
.popWrap#office .popupContents {padding:0;}
.popWrap#office .officeWrap img {width:100%; height:auto;}
.popWrap.contactStore#office .popupContents {padding: 0 0 5% 0;}
.popWrap.contactStore#office #Board {margin-bottom: 5%;}
.popWrap.contactStore#office #Board.form .type1 col {width: 100%;}
.popWrap.contactStore#office #Board.form .type1 th, .popWrap.contactStore#office #Board.form .type1 td {display: block; width: 100%; height: auto; font-size: 3.4vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.popWrap.contactStore#office #Board.form .type1 th {padding: 3% 1% 1%;}
.popWrap.contactStore#office #Board.form .type1 td {padding: 1% 1% 3%;}
.popWrap.contactStore#office #Board.form .type1 textarea {height: 150px;}
.popWrap.contactStore#office #Board.form .privacy {padding: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.popWrap.contactStore#office #Board.form .privacy textarea {font-size: 3.4vw; height: 100px;}
.popWrap.contactStore#office .btnArea .btn_gray2, .popWrap.contactStore#office .btnArea .btn_red2 {min-width: 60px;}
.popWrap.contactStore#office .popupContents#complete {padding: 5% 0; margin: 0 0 5% 0;}
.popWrap.contactStore#office .popupContents#complete dt {font-size: 5vw;}
.popWrap.contactStore#office .popupContents#complete dd {font-size: 3.6vw;}
.popupContents#policy {padding:3%; font-size:3.2vw;}
.popupContents#policy h2 {font-size:3.8vw; padding:3% 0; box-sizing:border-box; margin-left:0; margin:7% 0 3% 0;}
.popupContents#policy h2 br {display:none;}
.popupContents#policy dl {margin:3% 0;}
.popupContents#policy dt {margin-bottom:2%; padding-left:1%; font-size:3.4vw;}
.popupContents#policy dd {padding-left:2%;}
.popupContents#policy dd dl dt {font-size:3.2vw; margin-bottom:2%;}
.popupContents#policy dd dl dd {font-size:3.2vw;}
.popupContents#policy dd ul li {padding-left:1%; margin:2% 0;}
}