@charset "utf-8";
@import url("./fonts.css");
/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/**************************************************
프로그램 명: Wings
작   성   자: cat 
최초 작성일 : 2016-05-11
**************************************************** */


/*css_reset*/
* {margin:0; padding:0;}
html, body{width:100%; height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:14px; line-height:1.25; font-family: "나눔고딕","NanumGothic","맑은고딕","Dotum","돋움", Dotum,sans-serif;}
body{position:relative;color:#53565a;word-wrap:break-word;word-break:break-all;	-webkit-text-size-adjust: none; }
caption, legend, #accessibility, .hidden{width:0; height:0; line-height:0; position:absolute; top:-9999em; left:-9999em; overflow:hidden; visibility:hidden; font-size:0;}
img, fieldset, iframe{border:0 none; vertical-align: top;}
ul,ol{list-style:none}
a{text-decoration:none;cursor:pointer; outline: none;}
a:link, a:active, a:visited { color: #53565a; text-decoration: none; }
a:hover { color: #53565a; }
em,address{font-style:normal}
table{border-collapse:collapse; border-spacing: 0; width:100%;}
hr{display:none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body { background: #efefef;  }
body.main { background: #eae5df;  }
.hide{width:0; height:0; line-height:0; position:absolute; top:-9999em; left:-9999em; overflow:hidden; visibility:hidden; font-size:0;}
input:focus,textarea:focus {  outline: none;}


/*=================================================================================================================================================================================================================
* Common 
==================================================================================================================================================================================================================*/
.wrap { min-width: 1500px; }
.subscribe .wrap { min-width: 100%; }
#ie7 .wrap,#ie8 .wrap { min-width: 1280px; }
.inner { margin: 0 auto; max-width: 1280px; position: relative; }



/* Float */
.f_left { float: left; }
.f_right { float: right; }
.cb { clear: both; overflow: hidden; }


/**/
.pt_25 { padding-top: 25px; }
.pt_50 { padding-top: 50px; }
.pb_50 { padding-bottom: 50px; }
.mt_28 { margin-top: 28px; }
.mt_35 { margin-top: 35px; }
.mt_40 { margin-top: 40px; }
.mt_60 { margin-top: 60px; }
.mt_70 { margin-top: 70px; }
.mb_5 { margin-bottom: 5px; }
.mb_7 { margin-bottom: 7px; }
.mb_10 { margin-bottom: 10px; }
.mb_15 { margin-bottom: 15px; }
.mb_20 { margin-bottom: 20px; }
.mb_25 { margin-bottom: 25px; }
.mb_30 { margin-bottom: 30px; }
.mb_35 { margin-bottom: 35px; }
.mb_40 { margin-bottom: 40px; }
.mb_50 { margin-bottom: 50px; }
.mb_55 { margin-bottom: 55px; }
.mb_60 { margin-bottom: 60px; }
.mb_65 { margin-bottom: 65px; }
.mb_75 { margin-bottom: 75px; }
.mb_90 { margin-bottom: 90px; }
.mb_100 { margin-bottom: 100px; }
.mb_135 { margin-bottom: 135px; }
.mb_140 { margin-bottom: 140px; }
.ml_10 { margin-left: 10px; }

.nopadding-l {
	padding-left: 0;
}
/*btn*/
.login_btn a { display: inline-block; width: 100%; padding: 18px 0; font-size: 20px; color: #fff; text-align: center; }
.login_sbtn { margin: 0 auto; max-width: 255px; }
.login_sbtn a { display: inline-block; width: 100%; padding: 15px 0; font-size: 18px; color: #fff; text-align: center; }
.blue { background: #0075c1; }
.gray { background: #999; }


/*페이징*/
.paging { text-align: center; }
.paging * { vertical-align: top; }
.paging a { display: inline-block; width: 35px; height: 30px; color: #333; font-size: 13px; line-height: 28px; border: 1px solid #d0d0d0; border-right: 0; }
.paging a.on { color: #fff; border: 1px solid #4b89c9; background: #81aad4; }
.paging a.on + a { border-left: 0; }
.paging a span { display: inline-block; width: 33px; height: 28px; }
.paging a.first span { background: url(../images/paging_first.png) no-repeat center center; }
.paging a.prev span { background: url(../images/paging_prev.png) no-repeat center center; }
.paging a.next span { background: url(../images/paging_next.png) no-repeat center center; }
.paging a.last span { background: url(../images/paging_last.png) no-repeat center center; }
.paging a.last {border-right: 1px solid #d0d0d0; }



/*=================================================================================================================================================================================================================
* login
=================================================================================================================================================================================================================*/
.subscribe { background: #f7f7f7; text-align: center; letter-spacing: -0.05em; }
#ie8 .subscribe,#ie7 .subscribe { min-width: 500px; }
.subscribe .lg_inner { margin: 0 auto; padding: 46px 20px; max-width: 500px }
.subscribe h1 img { max-width: 100%; }
.subscribe input { outline-style: none; border-radius:0; -webkit-appearance: none; -webkit-tap-highlight-color:transparent; }
.subscribe a,.subscribe label {-webkit-tap-highlight-color:transparent;}
.subscribe .infotxt { color: #999; text-align: left; line-height:140%; }
.subscribe .infotxt02 { color: #acacac; text-align: left; line-height:18px; font-size: 13px; }
.subscribe .infotxt03 { color: #999; text-align: left; font-size: 15px; line-height: 20px; }
.subscribe .infotxt .dgray { color: #656565; }
.subscribe .ta_center { text-align: center; }
.subscribe .footer { height: auto; }

.subscribe .tabarea { margin-top: 28px; }
.subscribe .tabarea ul { overflow: hidden; }
.subscribe .tabarea ul li { width: 50%; float: left; }
.subscribe .tabarea ul li a { display: block; padding: 20px 0; font-size: 18px; color: #c0c0c0; text-align: center; border: 1px solid #bbb; border-right:0; background: #ebebeb; xfont-weight: bold; }
.subscribe .tabarea ul li.last a { border-right: 1px solid #bbb; }
.subscribe .tabarea ul li.on a { color: #fff; background: #0075c1; border: 1px solid #0075c1;  } 
.subscribe .tabarea ul li.on + li a { border-left: 0; }
.subscribe .tabarea.w3 ul li { width: 33%;}
.subscribe .tabarea.w3 ul li.last { width: 34%;}

.subscribe .tabarea_s { padding: 0 20px; position: relative; text-align: center; }
.subscribe .tabarea_s ul { width: 100%; height: 43px;  }
.subscribe .tabarea_s ul li { margin-top: 6px; padding-top: 10px;  width: 50%;height: 38px; font-size: 13px; color: #777; float: left;  border: 1px solid #d9d9d9; background: #f7f7f7; border-bottom: 1px solid #333; cursor: pointer; border-right:0;}
.subscribe .tabarea_s ul li.on { margin:0; padding-top: 14px; height: 44px; font-size: 16px; color: #333; border: 1px solid #555;  border-bottom:0; background: #fff; font-weight: bold; }
.subscribe .tabarea_s ul li.on + li { border-left: 0; }
.subscribe .tabarea_s ul li.last { border-right: 1px solid #d9d9d9;}
.subscribe .tabarea_s ul li.last.on { border-right: 1px solid #555; }
.subscribe .tabarea_s.w3 ul li { width: 33.33%; }
.subscribe .tabcon.con02,.subscribe .tabcon.con03 { display: none; }

/*login*/
.subscribe .subscribe_box { padding: 56px 0 32px; border-bottom: 1px solid #dadada; }
.subscribe .subscribe_box ul li:first-child { margin-bottom: 12px; }
.subscribe .subscribe_box ul li input { width: 100%; padding: 16px; font-size: 14px; line-height: 100%; color: #555; border: 1px solid #dcdcdc; background: #fff; }
.subscribe .subscribe_box .redinfo { margin-top: 8px; padding-left: 30px; height: 21px; line-height: 21px; font-size: 14px; color: #ff0000; background: url(../images/redinfo_ico.png) no-repeat left center; text-align: left; }
.subscribe .subscribe_box .keepin { margin-top: 15px; text-align: left; }
.subscribe .subscribe_box .keepin input[type="checkbox"] { display: none; appearance: none; }
.subscribe .subscribe_box .keepin input[type="checkbox"] + label {display: inline-block; width: 23px; height: 21px; background: url(../images/checkbox_bg.png) no-repeat left center; vertical-align: middle; cursor: pointer; }
.subscribe .subscribe_box .keepin input[type="checkbox"]:checked + label:after {content: ' '; display: inline-block; width: 23px; height: 21px; background: url(../images/checkbox_bg_on.png) no-repeat left center; vertical-align: middle; cursor: pointer; }
.subscribe .subscribe_box .keepin .label { margin-left: 12px; color: #555;  cursor: pointer;}
.subscribe .subscribe_box .subscribe_btn { margin-top: 36px; }
.subscribe .linklist { margin: 20px 0 125px; overflow: hidden; }
.subscribe .linklist ul { margin: 0 auto; max-width: 320px; }
.subscribe .linklist ul li { float: left; width: 35%; border-left: 1px solid #adb0ac; }
.subscribe .linklist ul li:first-child { border-left: 0;}
.subscribe .linklist ul li.sm { width: 30%; }
.subscribe .linklist ul li a { display: block; color: #9f9f9f; line-height: 15px; }
.subscribe .banner { margin-bottom: 20px; }
.subscribe .banner img { max-width: 100%; }
.subscribe .footer { margin: 0 auto; text-align: right; max-width: 360px; background: #f7f7f7; }
.subscribe .footer p { padding-left: 65px; padding-top: 14px; height: 47px; font-size: 13px; color: ;#7d7f7c; letter-spacing: 0; background: url(../images/logo.png) no-repeat left center; vertical-align: middle;}

#ie8 .subscribe .subscribe_box ul li input { line-height: 20px; }
#ie7 .subscribe .subscribe_box .keepin input[type="checkbox"],#ie8 .subscribe .subscribe_box .keepin input[type="checkbox"] { display: inline-block; width:23px; height: 21px; vertical-align: middle; }
#ie7 .subscribe .subscribe_box .keepin em label,#ie8 .subscribe .subscribe_box .keepin em label {display: none;}
#ie7 .subscribe .linklist ul li.sm { width: 28%; }
#ie7 .subscribe .subscribe_box ul li input { padding: 16px 0; line-height: 20px;  text-indent: 16px; margin-left: -16px }

/*아이디/비밀번호찾기*/
.subscribe .whitebox { background: #fff; border: 1px solid #dadada; border-top:0; text-align: left; }
.subscribe .whitebox.topline { border-top: 1px solid #dadada; }
.subscribe .whitebox.pt_50 { padding-top: 50px; }
.subscribe .inputarea.mb_70 { margin-bottom: 70px; }
.subscribe .inputarea p { margin-bottom: 20px; padding: 0 16px; color: #555; }
.subscribe .inputarea ul li { border-bottom: 1px solid #dadada; }
.subscribe .inputarea ul li:first-child { border-top: 1px solid #dadada;  }
.subscribe .inputarea ul li input { width: 100%; padding: 16px;  font-size: 14px; line-height: 100%; color: #555; border: 0; }
.subscribe .datearea {margin-top: 16px; text-align: center; }
.subscribe .datearea ul { overflow: hidden; }
.subscribe .datearea ul li { width: 25%; float: left; border: 1px solid #dadada; border-right:0; }
.subscribe .datearea ul li:first-child { height: 50px; padding-top:16px; width: 20%; background: #f0f0f0; border-left:0;  font-size: 15px; color: #555; }
.subscribe .datearea ul li.year { width: 30%; }
.subscribe .datearea ul li input { text-align: center; width: 100%; padding: 16px 0;  font-size: 14px; line-height: 100%; color: #555; border: 0; }
.subscribe .resualt_area { padding: 20px 26px 52px; text-align: center; }
.subscribe .resualt_area .graybox { font-size: 15px; color: #999; line-height: 25px; border: 1px solid #dadada; background: #f7f7f7; }
.subscribe .resualt_area .subscribe_sbtn { margin: 110px auto 20px; }
.subscribe .resualt_area.yes .graybox { padding: 35px 0 45px; }
.subscribe .resualt_area.yes .graybox span { color: #0075c1; }
.subscribe .resualt_area.yes .txt {margin-top: 15px;  font-size: 15px; color: #6a6a6a; }
.subscribe .resualt_area.no .graybox { padding: 50px 0 60px; }
.subscribe .resualt_area.no .graybox p { color: #ff0000; }
.subscribe .resualt_area.no .txt { margin-top: 15px;  font-size: 15px; color: #6a6a6a; }
.subscribe .resualt_area.yes .subscribe_sbtn,.subscribe .resualt_area.no .subscribe_sbtn { margin-top: 70px; }

#ie8 .subscribe .inputarea ul li input { line-height: 20px; }
#ie7 .subscribe .inputarea ul li input { padding: 16px 0; line-height: 20px;  text-indent: 16px; margin-left: -16px }
#ie8 .subscribe .datearea ul li input { line-height: 20px; }
#ie8 .subscribe .datearea ul li:first-child { padding-top: 18px;height: 52px; }
#ie7 .subscribe .datearea ul li.year { width: 29%; }
#ie7 .subscribe .datearea ul li:first-child { height: 36px; }


/*가입환영*/
.subscribe .notebox { padding: 40px 23px 70px; }
.subscribe .notebox .redinfo { padding-left: 30px; height: 21px; line-height: 21px; font-size: 14px; color: #656565; background: url(../images/redinfo_ico.png) no-repeat left center; text-align: left; }
.subscribe .inbox.cong { padding-bottom: 100px; }
.subscribe .inbox .search { padding-right: 136px; position: relative; overflow: hidden; }
.subscribe .inbox .search input { width: 100%; padding: 16px; font-size: 14px; color: #555; border: 1px solid #dcdcdc; }
.subscribe .inbox .search a { display: inline-block; width: 137px; padding: 16px 0; font-size: 16px; color: #fff; text-align: center; position: absolute; right:0; top:0; background: #0075c1; }
.red { color: #ff0000; }

/*이용약관*/
.subscribe .chebox_box { padding-left: 45px; margin: 20px 0 18px; position: relative; overflow: hidden; }
.subscribe .chebox_box .check { margin-top: -10px; position: absolute; top:50%; left: 5px; }
.subscribe .chebox_box input[type="checkbox"] { display: none; appearance: none; }
.subscribe .chebox_box input[type="checkbox"] + label {display: inline-block; width: 23px; height: 21px; background: url(../images/checkbox_bg.png) no-repeat left center; vertical-align: middle; cursor: pointer; }
.subscribe .chebox_box input[type="checkbox"]:checked + label:after {content: ' '; display: inline-block; width: 23px; height: 21px; background: url(../images/checkbox_bg_on.png) no-repeat left center; vertical-align: middle; cursor: pointer; }
.subscribe .chebox_box .label { color: #848484; line-height: 20px; cursor: pointer; }
.subscribe .chebox_box .label em { display: block; }
.subscribe .agreebox.pb_40 { padding-bottom: 40px; }
.subscribe .agreebox .pt_10 { padding-top: 6px; }
.subscribe .agreebox .chebox_box { padding-bottom: 2px; overflow: hidden; }
.subscribe .agreebox .chebox_box .label em { display: inline-block; }
.subscribe .agreebox .chebox_box .label .blue { background: none; color: #0075c1; }
.subscribe .agreebox .chebox_box .f_right a { display: inline-block; width: 60px; height: 20px; font-size: 13px; color: #fff; line-height: 18px; letter-spacing: -0.05em; border: 1px solid #a5a5a5; background: #c9c9c9; text-align: center; }
.subscribe .agreebox .terms_box { padding: 12px; height: 90px; border: 1px solid #dadada; background: #f7f7f7; overflow: auto; }
.subscribe .agreebox .terms_box p { font-size: 13px; color: #979797; line-height: 20px; }
.subscribe .agreebox .terms_box p strong { color: #5e5e5e; font-weight: normal; }
.subscribe .agre_btnbox { padding: 55px 0 80px; text-align: center; }
.subscribe .agre_btnbox a { max-width: 200px; }

#ie7 .subscribe .chebox_box input[type="checkbox"],#ie8 .subscribe .chebox_box input[type="checkbox"] { display: inline-block; width:23px; height: 21px; vertical-align: middle; }
#ie7 .subscribe .chebox_box span label,#ie8 .subscribe .chebox_box span label {display: none;}

/*가입완료*/
.subscribe .inbox { padding: 0 16px 10px; }
.subscribe .inbox h2 { margin: 55px 0 40px; font-size: 20px; color: #464646; text-align: center; font-weight: normal; }
.subscribe .inbox h2.mb_65 { margin-bottom: 65px; }
.subscribe .inbox.bbline { border-bottom: 1px solid #555; }
.subscribe .comptable table { width: 100%; }
.subscribe .comptable table tr th { padding: 16px 0 16px 20px; font-size: 15px; color: #fff; border-bottom: 1px solid #fff; background: #aaa; font-weight: normal; }
.subscribe .comptable table tr td { padding: 16px 0 16px 20px; font-size: 15px; color: #555; border-bottom: 1px solid #dadada; }
.subscribe .comptable table tr:first-child td { border-top: 1px solid #dadada;  }


/*회원가입*/
.subscribe .inputlist ul li {border-top: 1px solid #dadada;}
.subscribe .inputlist ul li:first-child { border-top: 0; }
.subscribe .inputlist ul li.bb { border-bottom: 1px solid #dadada; }
.subscribe .inputlist ul li input { width: 100%; padding: 10px;  font-size: 15px; line-height: 100%; color: #555; border: 0; }
.subscribe .inputlist ul li .info { margin-bottom: 10px; padding-left: 10px;  font-size: 12px; color: #999; }
.subscribe .inputlist ul li .red { color: #ff0000; /*margin-right: 6px; */}
.subscribe .inputlist ul li em { display: inline-block;}
.subscribe .datearea .bd_info { padding: 10px 0; border-bottom: 1px solid #dadada; font-size: 13px; color: #ff0000; }
.subscribe .radioarea { padding: 24px 22px 20px; }
.subscribe .radioarea ul { overflow: hidden; }
.subscribe .radioarea ul li { padding: 15px 0; width: 33%; font-size: 15px; color: #999; text-align: center; border: 1px solid #c8c8c8; background: #f2f2f2; cursor: pointer; float: left; border-left: 0; -webkit-tap-highlight-color:transparent;}
.subscribe .radioarea ul li:first-child { border-right: 0; border-left: 1px solid #c8c8c8;}
.subscribe .radioarea ul li.on { color: #0075c1; border: 1px solid #0075c1; background: #fff; }
.subscribe .radioarea ul li.on:first-child { border:;}

.subscribe .selmembertype { padding: 24px 22px 20px; }
.subscribe .selmembertype ul { overflow: hidden; }
.subscribe .selmembertype ul li { padding: 15px 0; width: 33%; font-size: 15px; color: #999; text-align: center; border: 1px solid #c8c8c8; background: #f2f2f2; cursor: pointer; float: left; -webkit-tap-highlight-color:transparent;}
.subscribe .selmembertype li:hover {
	color: black;
	border: 1px solid #1a579d;
}

@media screen and (max-width:400px){
	.subscribe .lg_inner { margin: 0 auto; padding: 46px 20px 20px;}
	.subscribe .linklist { margin: 20px 0 30px; }
	.subscribe .footer { text-align: left; display: inline-block; }
	.subscribe .footer p { padding-left: 48px; font-size: 12px; letter-spacing: -0.03em; background-size: 42px auto; }

	.subscribe .subscribe_sbtn { width: 80%; }
	.subscribe .subscribe_sbtn.empty { margin: 30px auto 30px; }
	.subscribe .whitebox.mb_60 { margin-bottom: 20px; }
	.subscribe .whitebox.mb_30 { margin-bottom: 10px; }
	.subscribe .subscribe_btn.mb_60 { margin-bottom: 20px; }

	.subscribe .comptable table tr th { padding: 16px 0 16px 10px;}
	.subscribe .comptable table tr td { padding: 16px 0 16px 10px; }

	.subscribe .inbox .search { padding-right: 60px; }
	.subscribe .inbox .search a { width: 61px; }

	.subscribe .chebox_box .label { letter-spacing: -0.08em;}
	.subscribe .chebox_box .label em { display: inline; }
	.subscribe .agre_btnbox { padding: 30px 0 40px; }
	.subscribe .infotxt03.ta_center { letter-spacing: -0.08em; }

	.subscribe .agreebox .chebox_box .f_left,
	.subscribe .agreebox .chebox_box .f_right {float: none; }
	.subscribe .agreebox .chebox_box .f_right { position: absolute; top:138px; right:0; }
	.subscribe .agreebox .chebox_box { overflow: visible;}
	.subscribe .agreebox .terms_box.mb_40 { margin-bottom: 50px; }
	.subscribe .agreebox .terms_box.mb_10 { margin-bottom: 40px; }
}



/*==============================================================================================================================
	퀵메뉴
===============================================================================================================================*/

.subscribe .inquire .inbox h2 { padding: 42px 0 15px; margin: 0; }
.subscribe .inquire .inbox .infotxt03 em { display: block; }

.subscribe .qut_box { padding: 25px 16px 32px; border-bottom: 1px solid #555; text-align: left; }
.subscribe .qut_box.pt_30 { padding-top: 30px; }
.subscribe .qut_box.btline {border-top: 1px solid #555; }
.subscribe .qut_box .leftinput { padding-left: 70px; position: relative; overflow: hidden; }
.subscribe .qut_box .leftinput.pl_92 {padding-left: 92px; }
.subscribe .qut_box .leftinput label { display: inline-block; margin-top: -18px; height: 36px; font-size: 15px; color: #999; line-height: 120%; position: absolute; left:0; top: 50%;;}
.subscribe .qut_box .leftinput label span { color: #0075c1; }
.subscribe .qut_box .leftinput input { border: 1px solid #dcdcdc; width: 100%; padding: 16px;  font-size: 15px; line-height: 100%; color: #999; }
.subscribe .qut_box .txtbox textarea { border: 1px solid #dcdcdc; width: 100%; padding: 16px;  font-size: 15px; line-height: 100%; color: #c0c0c0; }
.subscribe .qut_box .txtbox textarea.h_125 { height: 125px; }






/*==============================================================================================================================
	popup
===============================================================================================================================*/
.pop { display: none; z-index: 22; width: 100%; height: 100%; position: absolute; left:0; top:0px; text-align: center; }
.black_box { width: 100%; height: 100%; position: fixed; top:0; left:0; background: url(../images/blackbox_bg70p.png) repeat; overflow:hidden; z-index: 22; }
.popup { display: none; margin-top: -415px;margin-left: -640px; width: 1280px; position: fixed; left: 50%; top:50%;  z-index: 22; text-align: center; }
.popup .close { display: inline-block; width: 28px; height: 28px; position: absolute; right: 27px; top: 21px; background: url(../images/pop_closebtn.png) no-repeat left top; cursor: pointer; }
.popup .popheader { height: 70px; position: relative; overflow: hidden; background: #000;}
.popup .popheader h1 { font-size: 28px; line-height: 70px; color: #fff; letter-spacing: -0.025em; font-weight: normal; }
.popup .popbody { padding-top: 20px; background: #fff; height:760px; overflow: auto;  }

.popup .lvbox { padding: 0 30px 40px; background: url(../images/con_lvbox_bg.gif) repeat; text-align: left; }
.popup .lvbox h2 { display: inline-block; padding-top: 14px; margin: 0 0 26px 11px; font-size: 28px; color: #333; letter-spacing: -0.025em; font-weight: normal; background: url(../images/contitle_bar.jpg) no-repeat 2px top; }
.popup .lvbox ul { overflow: hidden; clear: both; }
.popup .lvbox ul li { margin-right: 47px; width: 172px; float: left; text-align: center; }
.popup .lvbox ul li dl dt { display: inline-block; padding-bottom: 5px; width:100%; position: relative; background: url(../images/condt_shadow.png) repeat-x left bottom;}
.popup .lvbox ul li dl dt .cover { height: 217px; }
.popup .lvbox ul li dl dt a { display: inline-block; height: 202px; vertical-align: bottom; }
.popup .lvbox ul li dl dt a img { vertical-align: bottom; }
.popup .lvbox ul li dl dt em { display: inline-block; width:100%; height: 15px; background: #fff; border: 1px solid #ccc; position:}
.popup .lvbox ul li dl dd { font-size: 17px; color: #777; letter-spacing: -0.025em; }
.popup .lvbox ul li.book03 { width: 225px; }
.popup .lvbox ul li.book04 { width: 200px; }
.popup .lvbox ul li.book04 dl dt a { padding-top: 50px;}
.popup .lvbox ul li.book05 { width: 242px; margin-right: 0; }
.popup .lvbox ul li.book05 dl dt a { padding-top: 37px;}

.popup.book { display: none; }
.popup.book .popheader h1 { padding-left: 100px; font-size: 20px; text-align: left; }
.popup.book .back { display: inline-block; width: 38px; height: 33px; position: absolute; left: 24px; top: 19px; background: url(../images/popup_backico.png) no-repeat left top; cursor: pointer; }
.popup.book .popbody { padding-top: 20px; xbackground: rgba(255,255,255,0.5); background: url(../images/popup_book_bg.png) repeat; } 
.popup.book .bookbox { width: 100%; margin: 0 auto; position: relative; }
.popup.book .booknav { text-align: center; }
.popup.book .booknav p { margin: 10px auto 0; width:120px; height: 34px; font-size: 18px; color: #fff; letter-spacing: -0.025em; line-height: 30px; background: #4e4e4e; border: 1px solid #1e1e1e; border-radius: 30px; }


/*메인팝업*/
.popup.mainpop { width: 960px; xwidth: 100%; height: 660px; position: fixed; xtop:20px; left:50%; margin-top: -330px; margin-left: -480px; z-index: 23; text-align: center; }
.popup.mainpop .close { display: inline-block; width: 31px; height: 31px; position: absolute; right: 0; top: 10px; background: url(../images/pop_closebtn_main.png) no-repeat left top; }
.popup.mainpop h1 { margin-bottom: 35px; font-size: 36px; color: #fff; font-weight: bold; line-height: 100%;  text-align: center;}
.popup.mainpop h2 { font-size: 20px; color: #fff; letter-spacing: -0.03em; font-weight: normal; line-height: 40px;  text-align: center;}
.popup.mainpop .video { margin: 0 auto; max-width: 960px; vertical-align: top; }
/*
@media screen and (max-width:960px){
	.popup.mainpop { padding: 0 20px; width: 100%; height: 712px; left:0; margin-left: 0; top:0; margin-top:0;}
	.popup.mainpop h1 { margin-bottom: 20px; font-size: 28px; }
	.popup.mainpop h1 em { display: inline-block; }
	.popup.mainpop h2 { margin-top: 44px; font-size: 18px; }
	.popup.mainpop .close { margin-left: -15px; left:50%; top: 0px; }
}*/


/*약관*/
.terms .close { display: inline-block; width: 28px; height: 28px; position: absolute; right: 20px; top: 26px; background: url(../images/pop_closebtn.png) no-repeat left top; }
.terms .popheader { height: 80px; position: relative; overflow: hidden; background: #333;}
.terms .popheader h1 { padding-left: 124px; font-size: 23px; line-height: 80px; color: #fff; letter-spacing: -0.025em; text-align: left; background: url(../images/terms_logo.png) no-repeat 20px center;}
.terms .popbody { padding: 20px; background: #f7f7f7; }
.terms .whitebox { padding: 20px;  border: 1px solid #cfcfcf; }
.terms .whitebox .txt { font-size: 13px; color: #777; line-height: 20px; letter-spacing: -0.025em;}
.terms .whitebox .txt strong { font-size: 15px; color: #3a3a3a; }
.terms .whitebox .txt ul li { padding-left: 15px; }
.terms .whitebox .txt ul li span { margin-left: -15px; margin-right: 4px; }

@media screen and (max-width:400px){
	.terms .popheader { height: 60px;}
	.terms .popheader h1 { padding-left: 80px; font-size: 17px; line-height: 60px; background-size: 60px auto;  background-position: 10px center; }
	.terms .close { width: 23px; height: 23px; right: 12px; top: 19px; background-size: 23px auto; }
	.terms .popbody { padding: 10px; }
	.terms .whitebox { padding: 15px; }
}