@charset "utf-8";
@import url( ./fonts.css );

/* 초기화 */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, address,
form, fieldset, legend, input, select, textarea,
table, caption, col, colgroup, thead, tfoot, tbody, th, td{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
html, fieldset, img, abbr, acronym{border:0 none;}
ol, ul, li, dl, dt, dd{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th, td{font-weight:normal;}
address, caption, em{font-weight:normal; font-style:normal;}
caption{display:none;}
legend{display:none;}
html{}
body{min-width:320px; margin:0; padding:0; font-size:14px; font-family:"NanumSquareNeo",'Noto Sans KR', sans-serif !important; overflow-x:hidden; position:relative;}
textarea, select{font-size:12px; font-family:"NanumSquareNeo",'Noto Sans KR', sans-serif !important;}
select{height:24px; margin:0; padding:2px; border:1px solid #d7d7d7; font-family:"NanumSquareNeo",'Noto Sans KR', sans-serif !important; background:#fff;}
p{margin:0; padding:0; word-break:keep-all; word-wrap:break-word;}
div{word-break:keep-all; word-wrap:break-word;}
hr{display:none;}
pre{overflow-x:scroll; font-size:1.1em;}
a{color:#222; text-decoration:none;}
button{cursor:pointer;}
iframe{max-width:100%;}
*, :after, :before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.dn{display:none;}

.mT30{margin-top:30px;}
.mT50{margin-top:50px;}

.blind{font-size:0; left:-1000em; line-height:0; position:absolute;}


@media screen and (max-width:780px){
	.wd{display:none;}
}


#wrap{z-index:9999; position:relative;}

#header-section{width:100%; top:0; left:0; z-index:9999; position:fixed;}
#header-section.header-on{background:#fff; border-bottom:1px solid #dedede;}
#header-section .header-area{width:100%; max-width:1600px; margin:0 auto; padding:0 100px;}
#header-section .gnb-box{height:88px; z-index:9999; position:relative;}
#header-section #logo{width:120px; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
#header-section #logo img{width:100%;}
#header-section #gnb{margin-right:100px; float:right;}

#header-section #gnb:after{clear:both; content:""; display:block;}
#header-section #gnb .gnb-1ul{}
#header-section #gnb .gnb-1ul:after{clear:both; content:""; display:block;}
#header-section #gnb .gnb-1ul .gnb-1li{position:relative; float:left;}
#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a{padding:0 40px; font-size:18px; line-height:88px; display:block; color:#fff; font-weight:700;}
#header-section.header-on #gnb .gnb-1ul .gnb-1li .gnb-1a{color:#000;}
#header-section #gnb .gnb-2ul{height:0; z-index:10000; opacity:0; overflow:hidden; position:absolute;}
#header-section #gnb .gnb-2ul:after{clear:both; content:""; display:block;}

#header-section #gnb .gnb-1ul .gnb-1li:last-child .gnb-2wrap{border-right:1px solid #e1dfe2;}
#header-section #gnb .gnb-2ul .gnb-2li{float:left;}
#header-section #gnb .gnb-2ul .gnb-2li .gnb-2a{padding:3px 15px; font-size:16px; line-height:56px; color:#fff; display:block; position:relative;}

#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a:after{width:0; max-width:100%; height:4px; left:50%; bottom:0; z-index:1; background:#fff; content:""; position:absolute; transition:all 0.33s ease-out 0s; -moz-transition:all 0.33s ease-out 0s; -webkit-transition:all 0.33s ease-out 0s; -ms-transition:all 0.33s ease-out 0s; -o-transition:all 0.33s ease-out 0s; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a.on:after,
#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a:hover:after{width:60px;}

#header-section #gnb .gnb-1ul .gnb-1li:nth-child(1) .gnb-2ul{width:250px; left:40px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(2) .gnb-2ul{width:200px; left:25px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(3) .gnb-2ul{width:300px; left:25px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(4) .gnb-2ul{width:300px; left:-20px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(5) .gnb-2ul{width:130px; right:-10px;}

@media screen and (max-width:1200px){
	#header-section .header-area{padding:0 60px;}
	#header-section #gnb{display:none;}
	#header-section .gnb-box{height:70px;}
}

@media screen and (max-width:760px){
	#header-section .header-area{padding:0 40px;}
	#header-section #logo{width:100px; height:auto; left:10px;}
	#header-section #logo img{width:100%;}
}

@media screen and (max-width:640px){
	#header-section .header-area{padding:0 20px;}
}

@media screen and (max-width:480px){
	#header-section #logo{width:80px;}
}

.gnb-bg-box{width:100%; height:0; top:88px; left:0; z-index:1000; background-color:rgba(255,255,255,0.05); display:none; position:absolute;}
#header-section.header-on .gnb-bg-box{background-color:rgba(50,103,255,.9);}

#header-section .hbg-menu{width:30px; height:30px; top:20px; right:0; z-index:999; text-indent:-9000px; background:url("../img/btn_allmenu.png") no-repeat center center; display:none; position:absolute;}
#header-section .btn-rallmenu{width:30px; height:30px; top:30px; right:0; z-index:999; background:url("../img/btn_allmenu.png") no-repeat center center; position:absolute;}
#header-section.header-on .hbg-menu{background:url("../img/btn_allmenu_on.png") no-repeat center center;}
#header-section.header-on .btn-rallmenu{background:url("../img/btn_allmenu_on.png") no-repeat center center;}

@media screen and (max-width:1000px){
	#header-section .hbg-menu{display:block;}
	#header-section .btn-rallmenu{display:none;}
}

#allMenu-section{width:100%; height:0; top:0; left:0; z-index:99999; background:rgba(0,0,0,.93); position:fixed; opacity:0; overflow:hidden;}
#allMenu-section .allMenu-area{width:100%; max-width:1400px; margin:82px auto; padding:0 10px;}
#allMenu-section .allMenu-area:after{clear:both; content:""; display:block;}
#allMenu-section .allMenu-area .am-top{text-align:right;}
#allMenu-section .allMenu-area .am-top a{display:inline-block; width:48px; background:#0c5aa9; text-align:center;}
#allMenu-section .allMenu-area .am-top a i{line-height:48px; font-size:30px; color:#fff;}
#allMenu-section .allMenu-area ul.am-ul{margin:0 -37px;}
#allMenu-section .allMenu-area ul.am-ul:after{clear:both; content:""; display:block;}
#allMenu-section .allMenu-area ul.am-ul li.am-1li{width:20%; padding:0 37px; float:left;}
#allMenu-section .allMenu-area ul.am-ul li.am-1li:nth-child(4):after{clear:both; content:""; display:block;}
#allMenu-section .allMenu-area .am-box{height:400px; margin-top:40px;}
#allMenu-section .allMenu-area .am-box h2{font-weight:700; font-size:20px; line-height:70px; color:#fff; border-top:2px solid #0c5aa9; border-bottom:1px solid #7b7b7b; display:block; position:relative;}
#allMenu-section .allMenu-area .am-box ul{margin-top:10px;}
#allMenu-section .allMenu-area .am-box ul li{margin:22px 0;}
#allMenu-section .allMenu-area .am-box ul li a{font-size:16px; color:#fff; display:block;}

#sideMask{-webkit-overflow-scrolling:touch;overflow-y:scroll;position:fixed;left:0;right:0;top:0;bottom:0;z-index:10001;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOzEo46UAAAAApJREFUeF5jYAAAAAIAAd6ej78AAAAASUVORK5CYII=');zoom:1;display:none}
#sideMask .menu-in{position:absolute;width:230px;top:0;bottom:0;left:-230px;background-color:#fff;color:#fff;z-index:11;-moz-box-shadow:7px 0 7px -3px rgba(0,0,0,0.5);-webkit-box-shadow:7px 0 7px -3px rgba(0,0,0,0.5);box-shadow:7px 0 7px -3px rgba(0,0,0,0.5);min-height:800px}
#sideMask .side-menuTop{background-color:#28272b;border-bottom:1px solid #323135;padding-left:1em;position:relative}
#sideMask #sgnb{}
#sideMask #sgnb h1{padding:10px 15px; text-align:center; display:block;}
#sideMask #sgnb h1 img{width:auto; height:30px;}
#sideMask #sgnb .sgnb_1dli{position:relative; word-wrap: break-word;}
#sideMask #sgnb .sgnb_1dli_on{color:#fff;}
#sideMask #sgnb .sgnb_1da{margin-top:-1px; font-weight:500; display:block;height:45px; font-size:14px; line-height:45px; padding-left:25px; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7; -moz-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,0.04); position:relative;}
#sideMask #sgnb .sgnb_1da span:after{position:absolute;right:15px; content:"";width:15px;height:40px;display: inline-block;background: url("../img/smarrow_down.png") 50% no-repeat;background-size: contain;float:right;-webkit-transition: transform .3s;transition: transform .3s}
#sideMask #sgnb .sgnb_2dul{width:100%; z-index:2000; display:none; background:#e9e9e9;}
#sideMask #sgnb .on{color:#ea595e !important;}
#sideMask #sgnb .on span:after{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
#sideMask #sgnb .sgnb_2da{padding-left:25px; font-size:14px; line-height:40px; border-bottom:1px solid #d9d9d9; display:block;}
#sideMask #sgnb .sgnb_2da span:before{display:inline-block; margin:0 10px 0 0; color:#222; content:'-';}
#sideMask #sgnb .sgnb-sns{padding:10px 0; text-align:center; border-bottom:1px solid #d9d9d9; background:#f7f7f7;}
#sideMask #sgnb .sgnb-sns a{width:35px; height:35px; margin-right:5px; font-size:17px; line-height:35px; text-align:center; color:#fff; border-radius:50%; background-color:#777; vertical-align:bottom; -webkit-transition:background-color .5s; transition:background-color .5s; display:inline-block;}
#sideMask #sgnb .sgnb-sns a:hover{background-color:#222;}
#sideMask #sgnb .sgnb-copyright{padding-top:10px; font-size:12px; text-align:center; color:#999;}
#sideMask #sgnb .sgnb-copyright strong{font-weight:500; color:#222;}
#sideMask .side-close{width:50px; height:50px; right:-50px; top:0; text-indent:-9000px; background:rgba(0,0,0,.6) url("../img/btn_close.png") no-repeat center center; background-size:60%; position:absolute; cursor:pointer;}

#svisual-section{height:400px;
background:url('../img/svisual.jpg?v230220') no-repeat center #00a7d7;
background: rgb(20,50,100);
background: linear-gradient(90deg, rgba(20,50,100,1) 0%, rgba(53,93,161,1) 50%, rgba(20,50,100,1) 100%);
position:relative;background-size:cover;}

#svisual-section .svisual-txt{width:100%; top:54%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; text-align:center;}
#svisual-section .svisual-txt h2{font-family:'Montserrat'; width:100%; font-size:66px; font-weight:900; color:#fff;}
#svisual-section .svisual-txt p{width:100%; font-size:18px; color:#fff; margin-top:10px; line-height:1.4em;}

@media screen and (max-width:820px){
	#svisual-section{height:300px;}
	#svisual-section .svisual-txt h2{font-size:40px;}
}

@media screen and (max-width:640px){
	#svisual-section{height:250px;}
	#svisual-section .svisual-txt h2{font-size:30px;}
	#svisual-section .svisual-txt p{font-size:16px;}
}

@media screen and (max-width:480px){
	#svisual-section{height:200px;}
	#svisual-section .svisual-txt h2{font-size:24px;}
	#svisual-section .svisual-txt p{font-size:14px;}
}

#snav-section{border-top:1px solid rgba(255,255,255,.2); bottom:0; position:absolute; width:100%;}
#snav-section .snav-area{width:100%; max-width:1600px; height:60px; margin:0 auto; padding:0 100px; line-height:60px;}
#snav-section .snav-area:after{clear:both; content:""; display:block;}
#snav-section .snav-area .home-box{border-left:1px solid rgba(255,255,255,.4); float:left;}
#snav-section .snav-area .home-box a{padding:0 20px; font-size:28px; display:block; color:#fff;}
#snav-section .snav-area a{display:block; position:relative;}
#snav-section .snav-area a span{width:12px; height:12px; top:50%; right:20px; margin-top:-6px; display:block; position:absolute;}
#snav-section .snav-area a span:before{width:100%; height:2px; top:50%; margin-top:-1px; background:#000; content:""; display:block; position:absolute;}
#snav-section .snav-area a span:after{width:2px; height:100%; top:0; left:50%; margin-left:-1px; background:#000; content:""; display:block; position:absolute; transition:0.3s}

@media screen and (max-width:1200px){
	#snav-section .snav-area{padding:0;}
	#snav-section .snav-area .home-box{border-left:0;}
}

@media screen and (max-width:780px){
	#snav-section .snav-area{height:50px; line-height:50px;}
	#snav-section .snav-area .home-box{display:none;}
}

#snav-section .snav-area .depth1-box{min-width:250px; position:relative; float:left;}
#snav-section .snav-area .depth1-box a.d-curr{padding:0 60px 0 20px; font-size:16px; border-left:1px solid rgba(255,255,255,.4);display:block; color:#fff;}
#snav-section .snav-area .depth2-box{min-width:280px; position:relative; float:left;}
#snav-section .snav-area .depth2-box a.d-curr{padding:0 60px 0 20px; font-weight:500; font-size:16px; color:#fff;  border-left:1px solid rgba(255,255,255,.4); border-right:1px solid rgba(255,255,255,.4); display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#snav-section .snav-area .depth1-box a span:before{background:#fff;}
#snav-section .snav-area .depth1-box a span:after{background:#fff;}
#snav-section .snav-area .depth2-box a span:before{background:#fff;}
#snav-section .snav-area .depth2-box a span:after{background:#fff;}
#snav-section .snav-area a.curr span:after{transform:rotate(90deg);}

#snav-section .snav-area ul{width:100%; top:60px; left:0; padding:10px 0; z-index:1000; border:1px solid #e1dfe2; background:#f9f9f9; display:none; position:absolute;}
#snav-section .snav-area ul li{}
#snav-section .snav-area ul li a{padding:15px 20px; font-size:15px; line-height:100%; display:block;}

@media screen and (max-width:780px){
	#snav-section .snav-area .depth1-box,
	#snav-section .snav-area .depth2-box{width:50%; min-width:auto;}
	#snav-section .snav-area .depth1-box a.d-curr{border-left:0;}
	#snav-section .snav-area .d-curr{font-size:15px !important;}

	#snav-section .snav-area ul{top:50px;}
	#snav-section .snav-area .depth1-box ul{border-left:0 !important;}
	#snav-section .snav-area .depth2-box ul{border-right:0 !important;}
}

@media screen and (max-width:680px){
	#snav-section .snav-area .d-curr{padding:0 40px 0 15px !important; font-size:14px !important;}
	#snav-section .snav-area a span{width:10px; height:10px; right:15px; margin-top:-5px;}
	#snav-section .snav-area ul li a{padding:7px 15px; line-height:160%;}
}

@media screen and (max-width:500px){
	#snav-section .snav-area ul li a{font-size:14px;}
}


#wrap.sub #container-section{width:100%; max-width:1600px; margin:0 auto 100px; padding:50px 100px 0;}
#wrap.wide #container-section{width:100%; margin:0 auto; padding:0 0 0;}

@media screen and (max-width:1024px){
	#wrap.sub #container-section{padding:50px 60px 0;}
}

@media screen and (max-width:860px){
	#wrap.sub #container-section{padding:50px 40px 0;}
}

@media screen and (max-width:640px){
	#wrap.sub #container-section{margin:0 auto 50px; padding:50px 20px 0;}
}


/* fond bar */
.fond-bar{display:flex; align-items:center; position:fixed; bottom:0; width:100%; height:75px; background:url("../img/fond-bar-bg.jpg?v1") no-repeat center; background-size:cover; z-index: 1000000;}
.fond-bar .inner {max-width:1240px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:1em;}
.fond-bar .inner:after{clear:both; display:block; content:"";}
.fond-bar_tit {color:#fff; font-size:1.35em; display:flex; align-items: center; float:left;}
.fond-bar_tit span{line-height:1.7em;}
.fond-bar_tit a {font-size:1.7em;  line-height:1.7em; font-weight:700; margin:0 1rem; color:#fff;}
.fond-bar_tit a.mo{display:none;}
.fond-bar_item-wrapper{display:flex;  gap:0.25em; float:left;}
.fond-bar_item-wrapper:after{clear:both; display:block; content:"";}
.fond-bar_item-wrapper input[type="text"],
.fond-bar_item-wrapper input[type="tel"],
.fond-bar .select {color: #333333; font-weight:700; width:33%; max-width:150px; height:2.5em; padding: 0 0.5em; border: 1px solid #e2e2e2; border-radius:2px; box-sizing:content-box;}
.fond-bar .fond_chk {color:#ffffff; line-height:2.5em; float:left; margin:0 20px; font-size:1.1em;}
.fond-bar .fond_chk a{color:#fff; text-decoration:underline;}
.fond-bar .fond_chk #yes_bar{display: none;}
.fond-bar .fond_chk #yes_bar:checked + label::before{background-image: url('../img/fond-bar_yes.png'); margin-right:5px;}
.fond-bar .fond_chk #yes_bar + label::before {width: 1.7em; height: 1.7em; display: inline-block; vertical-align: middle; background: center center/cover no-repeat; background-image: url('../img/fond-bar_no.png'); content: '';}
.fond-bar .fond-bar_call{display: none;}
.fond-bar .fond_submit{font-size:1.2em; color:#fff; font-weight: 700; padding:0.5em 1em; border: 0px; background:#0a0a0a; float:left;}

@media screen and (max-width: 1080px){
	.fond-bar {height:auto;padding:10px 0;}
	.fond-bar .inner{width:98%; }
	.fond-bar_tit {font-size:1.1em;}
	.fond-bar_tit span{display:none;}
	.fond-bar_tit a.mo{display:block;}
	.fond-bar_tit a.pc{display:none;}
	.fond-bar_tit a {font-size:1.3em; border:1px solid #fff; padding:10px;}
	.fond-bar form{justify-content:center; gap:0.5em;}
	.fond-bar_item-wrapper input[type="text"],
	.fond-bar_item-wrapper input[type="tel"],
	.fond-bar select {max-width: 100%;}
	.fond-bar .fond_chk{margin:10px 0 0;}
	.fond-bar .fond_submit{margin-top:10px; float:right;}
}

@media screen and (max-width: 640px){
	.fond-bar {height:auto;padding:10px 0;}
	.fond-bar .inner{width:98%; }
	.fond-bar_tit {font-size:1em;}
	.fond-bar_tit a {font-size:1.1em; border:1px solid #fff; padding:10px;}
	.fond-bar .fond_submit{font-size:1em;}
}

@media screen and (max-width:480px){
	.fond-bar .fond_chk{font-size:0.9em;}
	.fond-bar .fond_submit{font-size:0.9em;}
}


#footer-section{width:100%; background:#333; padding:40px 0 100px;}
#footer-section .cont-area{width:100%;}
#footer-section .cont-area:after{clear:both;display:block; content:"";}
#footer-section h1.copy_logo{width:100px; float:left;}
#footer-section h1.copy_logo img{width:100%;}
#footer-section .fbtn-area{float:left; margin-left:50px;}
#footer-section .fbtn-area:after{clear:both; content:""; display:block;}
#footer-section .fbtn-area .abox{}
#footer-section .fbtn-area .abox:after{clear:both; content:""; display:block;}
#footer-section .fbtn-area .abox ul:after{clear:both;display:block; content:"";}
#footer-section .fbtn-area .abox ul li{display:inline;}
#footer-section .fbtn-area .abox a{padding:0 25px; font-size:14px; color:#fff; display:inline-block; position:relative; font-weight:300;}
#footer-section .fbtn-area .abox a:after{width:1px; height:10px; top:50%; right:0; margin-top:-5px; background:#fff; content:""; display:block; position:absolute;}
#footer-section .fbtn-area .abox ul li:nth-child(3) a:after{display:none;}
#footer-section .fbtn-area p {font-size:14px; line-height:22px; color:#dbdbdb; margin-top:10px; padding:0 25px;}
#footer-section .right-area{float:right; position:relative;}
#footer-section .right-area .family-site{position:absolute; right:0; top:0; z-index:2;}
#footer-section .right-area .family-site p{padding:15px 160px 15px 15px; border:1px solid rgba(255,255,255,.7); cursor:pointer; background:url(../img/family_arrow.png) no-repeat right 15px center; color:rgba(255,255,255,.7);}
#footer-section .right-area .family-site ul{background:#fff; position:absolute; bottom:53px; width:100%; padding:10px 0; display:none; border: 1px solid #ddd;}
#footer-section .right-area .family-site ul li a{display:block; padding:7px 20px; color:#999; font-weight:300;}
#footer-section .right-area .family-site ul li a:hover{color:#333;}



@media screen and (max-width:1024px){
	#footer-section .content{padding:0 60px;}
}

@media screen and (max-width:840px){
	#footer-section{width:100%; background:#333; padding:40px 0 150px;}
	#footer-section .cont-area{padding:0 40px;}
	#footer-section h1.copy_logo{float:none; text-align:center; margin:0 auto;}
	#footer-section .fbtn-area{float:none; margin:20px 0 0 0; text-align:center;}

	#footer-section .right-area{float:none; position:relative; text-align:center;}
	#footer-section .right-area .family-site{position:relative; width:40%; margin:20px auto 0;}
	#footer-section .right-area .family-site p{padding:15px;}
}

@media screen and (max-width:640px){
	#footer-section{padding:30px 0 120px;}
	#footer-section .cont-area{padding:0 20px;}
	#footer-section h1.copy_logo img{width:80px;}
	#footer-section .fbtn-area{float:none; margin:20px 0 0 0; text-align:center;}
	#footer-section .fbtn-area .abox a{font-size:14px;}
	#footer-section .fbtn-area p {font-size:14px;}
	#footer-section .right-area .family-site{width:70%;}
	#footer-section .right-area .family-site p{padding:10px; font-size:12px;}
	#footer-section .right-area .family-site ul{bottom:37px}
}

@media screen and (max-width:480px){
	#footer-section .fbtn-area{float:none; margin:20px 0 0 0; text-align:center;}
	#footer-section .fbtn-area .abox a{padding:0 15px;font-size:13px;}
	#footer-section .fbtn-area p {font-size:13px;}
	#footer-section .right-area .family-site{width:80%;}
	#footer-section .right-area .family-site p{padding:10px; font-size:12px;}
	#footer-section .right-area .family-site ul{bottom:37px}
}

.policy-section{padding:50px 30px; font-size:14px;line-height:140%;background:#f8f8f8;box-sizing:border-box; text-align:left;}
.policy-section h1{font-size:30px; font-weight:700;}
.policy-section div{border:1px solid #dedede; max-height:500px; margin-top:30px; overflow-y:scroll; background:#fff; padding:20px 30px;}

/*공통*/
.cont-area{width:100%; max-width:1600px; margin:0 auto; padding:0 100px;}
.tit-area{font-size:60px; font-weight:800; line-height:1.5em;}

@media (max-width:1480px){
	.tit-area{font-size:54px;}
}

@media (max-width:1240px){
	.tit-area{font-size:50px;}
}

@media (max-width:1024px){
	.cont-area{padding:0 60px;}
}

@media (max-width:840px){
	.cont-area{padding:0 40px;}
}

@media (max-width:760px){
	.tit-area{font-size:44px; line-height:1.4em;}
}

@media (max-width:640px){
	.cont-area{padding:0 20px;}
	.tit-area{font-size:38px;}
	.tit-area br{display:none;}
}

@media (max-width:480px){
	.tit-area{font-size:30px; line-height:1.3em;}
}


.title-box{margin-bottom:50px;}
.title-box h2{font-size:50px; font-weight:800; line-height:180%; text-align:center; color:#252525;}
.title-box h3{padding:0 10px; font-weight:400; font-size:18px; line-height:140%; text-align:center; color:#525252;}


@media screen and (max-width:820px){
	.title-box{margin-bottom:40px;}
	.title-box h2{font-size:32px;}
	.title-box h3{font-size:17px;}
}

@media screen and (max-width:640px){
	.title-box{margin-bottom:30px;}
	.title-box h2{font-size:28px;}
	.title-box h3{font-size:16px;}
}

@media screen and (max-width:480px){
	.title-box{margin-bottom:20px;}
	.title-box h2{font-size:22px;}
	.title-box h3{font-size:14px;}
}


.paging_zone{padding:15px 0; text-align:center; clear:both;}
.paging a,
.paging span{margin:0 1px; padding:11px 15px; font-size:12px; color:#888; background:#f8f8f8; border:1px solid #dedede; display:inline-block;}
.paging a:hover,
.paging span.on{color:#fff; border:1px solid #777; background:#999;}

@media screen and (max-width:780px){
	.paging a,
	.paging span{padding:7px 11px; font-size:11px;}
}