@charset "utf-8"; 

/* common */
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none; line-height:1.4em;}
body,input,textarea,select,button,table{font-family:'돋움', dotum, '굴림', '굴림체', gullim, AppleGothic,sans-serif; font-size:9pt; color:#444444; word-break:break-word;}
p{line-height:1.6em; }
body,input,textarea,select,button,table{font-family:'돋움', dotum, '굴림', '굴림체', gullim, AppleGothic,sans-serif; font-size:9pt; color:#444444; word-break:break-word;}
img,fieldset{border:0;margin:0 auto; padding:0; text-align:center;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#000;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	min-width:320px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul:after{display:block;clear:both;content:'';}

.hidden{overflow:hidden;position:absolute;visibility:hidden;width:1px;height:1px;text-indent:10px;background:none;color:none;white-space:nowrap;}

.line_hr{  border-top:2px dashed #ddd;}

/*select {
-webkit-appearance: menulist;
box-sizing: border-box;
align-items: center;
border: 1px solid #8a0043;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
white-space: pre;
-webkit-rtl-ordering: logical;
color: #252525;
background-color: white;
cursor: default;
font-weight: bold;
font-size: 0.7em;
padding: 15% 2%;
border-radius: 1px;
width: 220%;
}*/

/* img reset */
img,video,embed,object {vertical-align:top; max-width:100%; height:auto;}



/* text style */
h1{ font-size:16px; font-weight:bold; color:#fff; background-color:#000; line-height:1em; display:inline; padding:5px 10px; margin-right:10px }
h2{ font-size:17px; font-weight:bold; color:#ff3633; line-height:1.4em; word-spacing: -4px; }
h3{ font-size:16px; font-weight:bold; color:#000; margin:.7em 0 0 0; word-spacing: -3px;}
h4{ font-size:20px; color:#36F; font-weight:bold; margin:0 0 1.5em 0;}
h5{font-size:16px;  color:#999; font-weight:bold; line-height:1.5em; margin:0 0 2em 0;}
h5 strong{ color:#777;font-size:14px;}
h6{ font-size:16px; color:#000 ; font-weight:bold; line-height:1.8em; }

p{ font-size:15px; margin:1em 0 1em 0; word-spacing: -2px;}
img.icon{ vertical-align:bottom; margin:0 0 4px 0;}
a:link{color:#777; text-decoration:none; font-family:'돋움', dotum, '굴림', '굴림체', gullim, AppleGothic,sans-serif;}
a:hover{font-family:'돋움', dotum, '굴림', '굴림체', gullim, AppleGothic,sans-serif;  color:#777; text-decoration:none;}
a:visited{font-family:'돋움', dotum, '굴림', '굴림체', gullim, AppleGothic,sans-serif;  color:#777; text-decoration:none;}
a:active{font-family:'돋움', dotum, '굴림', '굴림체', gullim, AppleGothic,sans-serif;  color:#777; text-decoration:none;}

/* layout */
#wrap{ margin:0 auto; max-width:640px; min-width:320px; height:100%;  }


/* MAIN */
#wrap_main{ margin:0 auto; max-width:640px; min-width:320px; height:100%; background-color:#231f20;}

.main_side{ position:relative; width:35%; height:100%; float:left; margin:0;}
.main_side .main_logo{ text-align:left;}
.main_side .main_nav{background-color:#231f20;}
.main_side .main_nav img{ width:100%}

.main_side .sns_box{position:relative; background-color:#231f20; }
.main_side .sns_box ul{width:90%; margin-left:10% }
.main_side .sns_box li{float:left; width:20%; margin:0 3% 0 0}
.main_side .sns_box li.last{ margin:0 0 0 0}

.main_side .view_webzine{ position:relative; background-color:#231f20; color:#ffffff; font-size:11px; text-align:center }
.main_side .view_webzine select{ width:70%; margin:0 auto;}

.main_side .footer{}

.main_content{width:100%; height:auto; display:block}
.main_content img{ width:100%;}




/* sub */
.header{position:relative;width:100%;z-index:100;}
.contents{  word-break:break-all;}
.contents img{ padding:0}
/*.paging{position:relative; width:90%; height:auto; padding:0 0 13% 0; margin:0 auto;}
.paging .btn_prev{float:left; width:8%;}
.paging .btn_next{float:right; width:8%;}*/

.paging{position:relative;width:100%; height:auto; padding:0 0 13% 0; margin:0 auto;}
.paging .btn_list{position:absolute;top:0;left:6%;width:19.5%;}
.paging .btn_prev{position:absolute;top:0;right:25%;width:17.5%;}
.paging .btn_next{position:absolute;top:0;right:6%;width:17.5%;}


.sub_tab_nav{width:auto; min-width:320px; max-width:640px;}
.sub_tab_nav li{float:left; width:50%; margin:0; padding:0; text-align:left;}
.sub_tab_nav li:first-child{width:100%;}

.footer{ width:100%; height:auto; position:relative; background-color:#b6236a; padding-top:15px; padding-bottom: 45px;}

.footer .footer_wrapper{padding:0 0 0 5%; display:block;}

.footer .footer_logo{float:left; width:24%; vertical-align:middle}

.footer .footer_nav{ float:left; width:40%;vertical-align:middle }
.footer .footer_nav dt{ float:left}
.footer .footer_nav dd{ float:left}

.footer .footer_btn{ width:94%; float:left;  text-align:left; padding-bottom:1em}
.footer .footer_btn li{width: 16%; float:left; padding:0 1% 0 0;}
.footer .footer_btn li:last-child{width: 31%; float:right; padding:2.5% 0 0 0;}

.footer .copyright{ display:block;   }



.oneday .notice{ font-size:10px; color:#F60; text-align:center; margin-bottom:3em;}
.oneday p{ margin-top:30px}

.tit{color:#00707e; text-align:center;}
.tit_l{color:#00707e; text-align:center;}
.tit_ora{color:#f58220; text-align:center;}
.tit_blu{color:#25bec0; text-align:center;}
.tit_pink{color:#e96178; text-align:center;}

.subtit{color:#343434; text-align:center;}
.subtit_point{color:#b6236a; text-align:center;}
.mt_20{margin-top:20px;}
.mb_20{margin-bottom:20px;}
.pb_20{padding-bottom:20px;}

.tb_01 th{text-align:center; background:#fcddd2; padding:5px; border-top:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000;}
.tb_01 td{text-align:left; background:#ffffff; padding-left:10px; padding:5px; border-bottom:1px solid #000; border-right:1px solid #000;}
.tb_01 th:last-child{border-right:none;}
.tb_01 td:last-child{border-right:none;}

.tb_02 td{text-align:left; background:#ffffff; border:1px solid #d58c89; padding:5px;}

.plan_h1{color: #00707e;
text-align: center;
font-size: 21px;
margin-bottom:20px;}

.plan_h1:before, .plan_h1:after{border-top: 1px solid #f5ce26;
display: block;
height: 1px;
width: 50px;
position: absolute;
left: -60px;
top: 14px;}

.plan_h1 {
line-height: 20px;
text-align: center;
border-top: 1px solid #aeaeae;
padding-top: 10px;
margin-top: 20px;
margin-bottom: -10px;
font-size: 1.7em;
}
.plan_h1 span {
position: relative;
padding: 0 20px;
top: -33px;
background: #ffffff;
letter-spacing: -0.01em;
line-height: 2em;
}
.plan_h2{color: #fff;
background: #00707e;
padding: 8px;
border-radius: 25px;
width: 130px;
text-align: center;
font-size: 19px;}

.plan_tit{color:#00707e; font-weight:bold; font-size: 17px; margin:0;}

.plan02{color:#b6236a;text-align:left; font-size:18px;}
.plan02_tit{color:#00707e; text-align:center; font-size:19px;}

.img_tex{margin: -0.7em 0 1em 0 !important;}

/* min-width & max-width */
@media screen and (min-width: 640px) {
	#container{width:640px;margin:0 auto;}
}

/* max device width */
@media screen and (max-device-width: 480px) {
	#container{width:100%;}
}

/* max device width320 */
@media screen and (max-device-width: 320px) {
	#container{width:100%;}
}