@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400|Source+Code+Pro');

html,body { -webkit-overflow-scrolling: touch; }


#wrap { position: relative; top:0; left:0; width:100%; height:100%; margin: 0 auto; }
.inner { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; }


/*skip nav*/
#skip_nav{
	position:relative;
}
#skip_nav a{
	position:absolute;
	top:-30px;
	left:0;
	width:130px;
	background-color:#333;
	text-align:center;
	z-index:9999;
}
#skip_nav a:focus{
	top:0;
	outline:1px solid yellow;		
}
#skip_nav span{
	width:100%;
	height:100%;
	color:#fff;
	font-size:12px;
	line-height:20px;
}

/* Slider */
.slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus { /*outline:none;*/ }
.slick-list.dragging { cursor:pointer; cursor:hand; }
.slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.slick-track { position:relative; top:0; left:0; display:block; }
.slick-track:before,.slick-track:after { display:table; content:''; }
.slick-track:after { clear:both; }
.slick-loading .slick-track { visibility:hidden; }
.slick-slide { display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { /* display:block; */ }
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }#wrap.modPC footer .copyTxt
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden { display:none; }
.slider-nav { width:100%; max-width:1020px; }
.slick-prev,.slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:36px; height:36px; padding:0; -webkit-transform: translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); cursor:pointer; color:transparent; /*outline:none;*/ background:transparent; z-index:1000; }
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { color:transparent; /*outline:none;*/ background:transparent; }
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before, .slick-next:focus:before { opacity:1; color:#f14b4b; }
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity:.25; }
.slick-prev:before,.slick-next:before { font-size:36px; line-height:36px; line-height:1; color:#ccc; opacity:.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.slick-prev { left:25px; }
[dir='rtl'] .slick-prev { right:-25px; left:auto; }
.slick-prev:before { content:'��'; }
[dir='rtl'] .slick-prev:before { content:'��'; }
.slick-next { right:25px; }
[dir='rtl'] .slick-next { right:auto; left:-25px; }
.slick-next:before { content:'��'; }
[dir='rtl'] .slick-next:before { content:'��'; }

/* Dots */
.slick-dotted.slick-slider {  }
.slick-dots { padding:0; margin:0; list-style:none; text-align:center; }
.slick-dots li { cursor:pointer;}
.slick-dots li button { width:100%; height:100%; cursor:pointer; color:transparent; border:0; /*outline:none;*/ background:transparent; outline: none;}
.slick-dots li button:hover,.slick-dots li button:focus { /*outline:none;*/ }
.slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity:1; }
.slick-dots li.slick-active button:before { opacity:.75; color:black; }

/*autoBtn*/
.autoBtnArea { position:absolute; bottom:45px; right:0; display:inline-block; margin-left:auto; margin-right:auto; max-width:1280px; margin-top:-45px; z-index:1003; }
.autoBtnArea .autoBtn { cursor:pointer; width:25px; height:25px; appearance:none; -webkit-appearance:none; border:0; font-size:0; line-height:0; text-indent:-9999px; border-radius:50%; margin-left:5px; opacity:0.4;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}
.autoBtnArea .autoBtn:hover,
.autoBtnArea .autoBtn:focus { opacity:.7; }
.autoBtnArea .play { background:#fff url(../images/main/btn_play.png) center center no-repeat; outline: none;}
.autoBtnArea .play.active { background:#333 url(../images/main/btn_play_active.png) center center no-repeat; opacity:1; }
.autoBtnArea .stop { background:#fff url(../images/main/btn_stop.png) center center no-repeat; margin-right:15px; outline: none;}
.autoBtnArea .stop.active { background:#333 url(../images/main/btn_stop_active.png) center center no-repeat; opacity:1; }

#wrap #header .headArea h1 a { display:block; }
#wrap #header .listIcon { width:30px; height:30px; display:block; position:absolute; background: url(../images/common/icon_list.png) center center no-repeat; font-size:0; line-height:0; text-indent:-9999px; 
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
}
#wrap #header .listIcon:hover { background:url(../images/common/icon_list_hover.png) center center no-repeat; }
#wrap.modPC #header .listIcon { top:5px; left:5px; }
#wrap.modM #header .listIcon { top:19px; right:20px; }

#wrap.modPC #header { position: fixed; left: 0; right: 0; width:420px; height: 100%; background: #f9f9f9; z-index:9999; }

#wrap.modPC #header .headArea { padding: 75px 40px 0 65px; }
#wrap.modPC #header .headArea h1 { max-width: 210px; }
#wrap.modPC #header .headArea h1 img { width: 100%; }
#wrap.modPC #header .headArea h1 span { display: block; color: #666; margin-top: 7px; margin-left: 5px; }

#wrap #header .headArea .gnb { overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; }
#wrap #header .headArea .gnb.gnbPC { position:absolute; top:210px; left:60px; right:80px; bottom:146px; }
.gnb.gnbM { position:fixed; width:260px; left:-260px; top:0; bottom:0; background-color:#fff; z-index:10000; }
.gnb .dep1Area { margin:0 10px; overflow:hidden; }
.gnb.gnbM .dep1Area { margin:0; position:absolute; top:80px; bottom:0; width:100%; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; padding-bottom: 70px; }
.gnb .dep1Area .depth1 .depM1 { position:relative; display:block; font-size: 19px; font-weight: 700; color: #333; letter-spacing: -0.4px; }
.gnb .dep1Area .depth1_1 { margin-top: 15px; }
.gnb .dep1Area .depth1_1 .depM1 { position:relative; display:block; font-size: 19px; font-weight: 700; color: #333; letter-spacing: -0.4px; }

.gnb .dep1Area .depth1 .depM1 .bar { position:absolute; top:14px; left:45px; display:block; width:10px; height:2px; background-color:#333; 
font-size:0; line-height:0; text-indent:-9999px;
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
}
.gnb .dep1Area .depth1 .depM1 .bar.bar1 {
     transform:rotate(270deg);
     -webkit-transform:rotate(270deg);
     -moz-transform:rotate(270deg);
     -o-transform:rotate(270deg);
     -ms-transform:rotate(270deg);
}
.gnb .dep1Area .depth1 .depM1 .bar.bar2 {  }
.gnb.gnbM .dep1Area .depth1 { margin-top:0px; }
.gnb.gnbM .dep1Area .depth1_1 { margin-top: 0; }
.gnb.gnbM .dep1Area .depth1 .depM1 { display:block; padding:5px 20px 5px 30px; margin-right:15px; }
.gnb.gnbM .dep1Area .depth1_1 .depM1 { display:block; padding:5px 20px 5px 30px; margin-right:15px; }
.gnb.gnbM .dep1Area .depth1 .depM1 .bar { top:19px; left: 73px; }
.gnb .dep1Area .depth1 .depM1:hover,
.gnb .dep1Area .depth1 .depM1:focus,
.gnb .dep1Area .depth1 .depM1:active { color: #0083cb;
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
}

.gnb .dep1Area .depth1_1 .depM1:hover,
.gnb .dep1Area .depth1_1 .depM1:focus,
.gnb .dep1Area .depth1_1 .depM1:active { color: #0083cb;
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
}

.gnb .dep1Area .depth1 .depM1:hover .bar,
.gnb .dep1Area .depth1 .depM1:focus .bar,
.gnb .dep1Area .depth1 .depM1:active .bar { background-color: #0083cb; }

.gnb .dep1Area .depth1 .depM1.active .bar.bar1 {  
     transform:rotate(0deg);
     -webkit-transform:rotate(0deg);
     -moz-transform:rotate(0deg);
     -o-transform:rotate(0deg);
     -ms-transform:rotate(0deg);
}

.gnb .dep1Area .dep2Area { margin-top: 10px; display: none; }
.gnb .dep1Area .dep2Area.active { color: #0083cb; display: block; }
.gnb.gnbM .dep1Area .dep2Area { margin-top:0px; }
.gnb .dep1Area .dep2Area .depth2 {  }
.gnb .dep1Area .dep2Area .depth2 .depM2 { display:block; font-size: 15px; line-height: 25px; color: #666; font-weight: 400; padding:2px 0 2px 10px; }
.gnb.gnbM .dep1Area .dep2Area .depth2 {  }
.gnb.gnbM .dep1Area .dep2Area .depth2 .depM2 { display:block; padding:1px 20px 1px 40px; }
.gnb .dep1Area .dep2Area .depth2 .depM2:hover,
.gnb .dep1Area .dep2Area .depth2 .depM2:active { color: #0083cb;
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
}

#wrap.modPC .gnbIcon { position:absolute; top:-10px; left:-20px; }

#wrap.modM .gnbIcon { position:fixed; top:14px; left:20px; z-index:10001; }
#wrap.modM .gnbIcon:after { display:block; content:""; clear:both; height:0; }
#wrap.modM .gnbIcon a { display:inline-block; }
#wrap.modM .gnbIcon a em { display:block; margin:15px 10px 0 0; float:left; font-size:20px; line-height:26px; color:#fff;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
}
#wrap.modM .gnbIcon a.active em { color:#333; }
#wrap.modM .gnbIcon a ul.bars { float:left; overflow:hidden; width:40px; height:40px; position:relative; }
#wrap.modM .gnbIcon a ul.bars li { width:35px; height:2.5px; background-color:#333; position:absolute; font-size:0; line-height:0; text-indent:-9999999px; 
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
}
#wrap.modM .gnbIcon a:hover ul.bars li,
#wrap.modM .gnbIcon a:focus ul.bars li  { background-color:#0083cb; }

#wrap.modM .gnbIcon a.active ul.bars li { background-color:#333; }
#wrap.modM .gnbIcon a ul.bars li.bar1 { top:9px; left:5px; }
#wrap.modM .gnbIcon a ul.bars li.bar2 { top:19px; left:5px; }
#wrap.modM .gnbIcon a ul.bars li.bar3 { top:29px; left:5px; }

#wrap.modM .gnbIcon a:hover.active ul.bars li,
#wrap.modM .gnbIcon a:focus.active ul.bars li { background-color:#0083cb; }

#wrap.modM .gnbIcon a.active {  }
#wrap.modM .gnbArea.scrollT .gnbIcon a em { color:#fff; }
#wrap.modM .gnbIcon a.active ul.bars li.bar1 { top:20px; left:3px; transform:rotate(315deg); }
#wrap.modM .gnbIcon a.active ul.bars li.bar2 { top:20px; left:3px; transform:rotate(-315deg); }
#wrap.modM .gnbIcon a.active ul.bars li.bar3 { top:20px; left:3px; transform:rotate(315deg); }



#wrap.modPC .tipue_search_group { max-width: 250px; margin-top:20px; }
#wrap.modPC #tipue_search_input { float:left; width:80%; background-color:transparent; border-left:2px solid #efefef;
     border-top: 2px solid #efefef;
     border-bottom: 2px solid #efefef;
     border-right:0;
     padding:9px 6px 10px 15px;
     height:45px;
     border-radius: 30px 0 0 30px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
     box-shadow: none;
	outline: 0;
     transition:all .4s ease-in;
     -webkit-transition:all .4s ease-in;
     -moz-transition:all .4s ease-in;
     -o-transition:all .4s ease-in;
     -ms-transition:all .4s ease-in;
}
#wrap.modPC .tipue_search_button {
     position: relative;
     float: left;
     width: 20%;
     height: 45px;
     margin-left: -3px;
     background-color: transparent;
     border-left: none;
     border-right: 2px solid #efefef;
     border-top: 2px solid #efefef;
     border-bottom: 2px solid #efefef;
     border-radius: 0 30px 30px 0;
     box-sizing: border-box;
     cursor: pointer;
	outline: 0;
     transition:all .4s ease-in;
     -webkit-transition:all .4s ease-in;
     -moz-transition:all .4s ease-in;
     -o-transition:all .4s ease-in;
     -ms-transition:all .4s ease-in;
}
#wrap.modPC .tipue_search_icon {
     float: left;
     transform: rotate(-45deg);
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
     box-shadow: none;
	outline: 0;	
	margin: -1px 0 0 15px;
	font: 300 24px/1 'Open Sans', sans-serif;
    color: #777;   
}


#wrap.modM #header {position:fixed;top:0;left: 0;right:0;width:100%;height: 70px;z-index:9999;background: #f9f9f9;}
#wrap.modM #header .headArea { padding:5px 0 0 0; }
#wrap.modM #header .headArea h1 {max-width: 120px;margin-top:5px;margin-left:auto;margin-right:auto;}
#wrap.modM #header .headArea h1 img { width: 100%; }
#wrap.modM #header .headArea h1 span { display: block; font-size: 10px; color: #666; text-align: center; letter-spacing: -0.8px; margin-top: 1px; }

#wrap.modM #header .headArea .tipue_search_group { height:40px; max-width:94%; padding:0 3%; background-color: transparent;  }
#wrap.modM #tipue_search_input { float:left; width:85%; background-color:transparent; border-left:2px solid #e7e7e7;
     border-top: 2px solid #e7e7e7;
     border-bottom: 2px solid #e7e7e7;
     border-right:0;
     padding:4px 6px 5px 15px;
     height:30px;
     border-radius:0;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
     box-shadow: none;
	outline: 0;
	margin: 5px 0 0;
     transition:all .4s ease-in;
     -webkit-transition:all .4s ease-in;
     -moz-transition:all .4s ease-in;
     -o-transition:all .4s ease-in;
     -ms-transition:all .4s ease-in;
}
#wrap.modM .tipue_search_button {
     position: relative;
     float: left;
     width: 15%;
     height: 30px;
     margin-left: -3px;
     background-color: transparent;
     border-left: none;
     border-right: 2px solid #e7e7e7;
     border-top: 2px solid #e7e7e7;
     border-bottom: 2px solid #e7e7e7;
     border-radius: 0;
     box-sizing: border-box;
     cursor: pointer;
	outline: 0;
     margin: 5px 0 0;
     transition:all .4s ease-in;
     -webkit-appearance:none;
     -moz-appearance:none;
     -webkit-transition:all .4s ease-in;
     -moz-transition:all .4s ease-in;
     -o-transition:all .4s ease-in;
     -ms-transition:all .4s ease-in;
}
#wrap.modM .tipue_search_icon {
     float: left;
     transform: rotate(-45deg);
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
     box-shadow: none;
	outline: 0;	
	margin: -1px 0 0 40%;
	font: 300 24px/1 'Open Sans', sans-serif;
    color: #777;   
}


#wrap.modM #header .headArea .tipue_search_group:focus #tipue_search_input,
#wrap.modM #header .headArea .tipue_search_group:hover #tipue_search_input { 
     border-left: 2px solid #0083cb;
     border-top: 2px solid #0083cb;
     border-bottom: 2px solid #0083cb;
 }
#wrap.modM #header .headArea .tipue_search_group:focus .tipue_search_button,
#wrap.modM #header .headArea .tipue_search_group:hover .tipue_search_button { 
     border-right: 2px solid #0083cb;
     border-top: 2px solid #0083cb;
     border-bottom: 2px solid #0083cb; 
}

#wrap.modM #header .headArea .gnb.gnbPC { display:none; }

#wrap.modM #container .content { padding-left:0; }

#wrap.modPC footer { position: fixed; left:0; bottom:0; width:420px; z-index:10000; }
#wrap.modPC footer .copyTxt { padding: 0 40px 40px 65px; }
#wrap.modPC footer .copyTxt span { display: inline-block; color: #ccc; font-weight: 300; }

#wrap.modM footer { position:relative;  z-index:10000; margin-top: 5px; }

/* scroll top */
#scrollTop { position:fixed; z-index:99999; bottom:15px; right:25px; width:40px; height:40px; }
#scrollTop .scrTopBtn { display:block; width:40px; height:40px;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}

/* sns share */
#wrap.modPC footer .cover { margin: 0 20px 20px 65px; }
#wrap.modPC footer .share_sns { margin: 0 20px 20px 65px; }
#wrap.modPC footer .share_sns a { display:inline-block; width:30px; height:30px; text-indent:-99999px; font-size:0; line-height:0; margin-right:12px;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}
footer .share_sns .share_twitter { background-image:url('../images/common/bot_icon_twitter.png'); background-position:center top; background-repeat:no-repeat; }
footer .share_sns .share_twitter:hover,
footer .share_sns .share_twitter:focus,
footer .share_sns .share_twitter:active { background-image:url('../images/common/bot_icon_twitter_active.png'); background-position:center top; background-repeat:no-repeat; }
footer .share_sns .share_facebook { background-image:url('../images/common/bot_icon_facebook.png'); background-position:center top; background-repeat:no-repeat; }
footer .share_sns .share_facebook:hover,
footer .share_sns .share_facebook:focus,
footer .share_sns .share_facebook:active { background-image:url('../images/common/bot_icon_facebook_active.png'); background-position:center top; background-repeat:no-repeat; }
footer .share_sns .share_post { background-image:url('../images/common/bot_icon_post.png'); background-position:center top; background-repeat:no-repeat; }
footer .share_sns .share_post:hover,
footer .share_sns .share_post:focus,
footer .share_sns .share_post:active { background-image:url('../images/common/bot_icon_post_active.png'); background-position:center top; background-repeat:no-repeat; }
footer .share_sns .share_youtube { background-image:url('../images/common/bot_icon_youtube.png'); background-position:center top; background-repeat:no-repeat; }
footer .share_sns .share_youtube:hover,
footer .share_sns .share_youtube:focus,
footer .share_sns .share_youtube:active { background-image:url('../images/common/bot_icon_youtube_active.png'); background-position:center top; background-repeat:no-repeat; }
footer .share_sns .share_instagram { background-image:url('../images/common/bot_icon_instagram.png'); background-position:center top; background-repeat:no-repeat; }
footer .share_sns .share_instagram:hover,
footer .share_sns .share_instagram:focus,
footer .share_sns .share_instagram:active { background-image:url('../images/common/bot_icon_instagram_active.png'); background-position:center top; background-repeat:no-repeat; }



#wrap.modM footer .share_sns { text-align:center; margin-top: 15px; }
#wrap.modM footer .share_sns a { display:inline-block; width:30px; height:30px; text-indent:-99999px; font-size:0; line-height:0; margin-left:10px; margin-right:10px; 
     transition:all .2s ease-in;
     -webkit-transition:all .2s ease-in;
     -moz-transition:all .2s ease-in;
     -o-transition:all .2s ease-in;
     -ms-transition:all .2s ease-in;
}
#wrap.modM footer .copyTxt { padding:15px 40px 15px 40px; margin-bottom: 15px; text-align: center; }



#wrap.modPC #container #container { position:absolute; top:0; right:0; width:100%; height:100%; }
#wrap.modPC #container .content { padding-left:420px; }

#container .content .mainTop { position: relative; height: 670px; background-image: url(../images/main/mainThumb1.jpg); background-position:center top; background-size:cover; }
#container .content .mainTop a { display:block; position:absolute; top:0; right:0; z-index:1000; background-color:rgba(255,255,255,0); }
#container .content .mainTop dl { padding: 15px 20px 20px 30px; text-align: right; box-sizing: border-box; /*max-width:170px;*/  background-color: rgba(255,255,255,0.3);}
#container .content .mainTop dl dt { font-size:13px; line-height:22px; color:#333; font-weight: 300; opacity:1;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
}
#container .content .mainTop dl dd p { margin-top: 5px;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
}
#container .content .mainTop dl dd p span { display:inline-block; font-size:21px; line-height:28px; font-weight: bold; letter-spacing: -0.5px; opacity:1;
     transition:all .2s ease-in;
     -webkit-transition:all .2s ease-in;
     -moz-transition:all .2s ease-in;
     -o-transition:all .2s ease-in;
     -ms-transition:all .2s ease-in; 
 }
#container .content .mainTop dl dd span { display: block; }
#container .content .mainTop dl dd .btnFi { display:inline-block; color:#333; font-size: 15px;  margin-top:15px;
	border: 2px solid #333; padding: 5px 45px; background-color: transparent; border-radius: 20px;
	cursor: pointer;
     transition:all .2s ease-in;
     -webkit-transition:all .2s ease-in;
     -moz-transition:all .2s ease-in;
     -o-transition:all .2s ease-in;
     -ms-transition:all .2s ease-in; 
}
#container .content .mainTop a:hover dl dt,
#container .content .mainTop a:focus dl dt,
#container .content .mainTop a:active dl dt { color:#0083cb; }
#container .content .mainTop a:hover dl dd p span,
#container .content .mainTop a:focus dl dd p span,
#container .content .mainTop a:active dl dd p span { color:#0083cb; }
#container .content .mainTop a:hover dl dd .btnFi,
#container .content .mainTop a:focus dl dd .btnFi,
#container .content .mainTop a:active dl dd .btnFi { color:#fff; border:2px solid #0083cb; background-color:#0083cb;  }

/* msSlideArea */
.msSlideArea { position: relative; }
.msSlideArea .msSlide { width:100%; height:100%; }
.msSlideArea .msSlide:after { content: ''; clear: both; display: block; }
.msSlideArea .msSlide .slick-list,
.msSlideArea .msSlide .slick-track { height:100%; }
.msSlideArea .msSlide .slick-arrow { width:29px; height:64px; top:50%; border:0; background-repeat:no-repeat; opacity:1; background-position:center center; outline: none;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}
.msSlideArea .msSlide .slick-arrow:before { font-size:0; line-height:0; text-indent:-99999999px; }
.msSlideArea .msSlide .slick-prev { background-image:url('../images/main/btn_ssLeft.png'); left:15px; }
.msSlideArea .msSlide .slick-next { background-image:url('../images/main/btn_ssRight.png'); right:15px; }
.msSlideArea .msSlide .slick-prev:hover,
.msSlideArea .msSlide .slick-prev:focus,
.msSlideArea .msSlide .slick-prev:active { background-image:url('../images/main/btn_ssLeft_active.png'); }
.msSlideArea .msSlide .slick-next:hover,
.msSlideArea .msSlide .slick-next:focus,
.msSlideArea .msSlide .slick-next:active { background-image:url('../images/main/btn_ssRight_active.png'); }
.msSlideArea .msSlide .slick-dots { position:absolute; right:15px; bottom:10px; padding:0; margin:0; list-style:none; text-align:center; z-index:1002; }
.msSlideArea .msSlide .slick-dots li { cursor:pointer; display:inline-block; margin:0 3px; width:16px; height:16px; background-color:#fff; opacity:0.8; border-radius:50%; width: 12px; height: 12px; }
.msSlideArea .msSlide .slick-dots li.slick-active { opacity:1; background-color: #0083cb; }

.msSlideArea .msSlide .mstBox { float: left; width: 33.33333333333%; background-color: #000; }
.msSlideArea .msSlide .mstBox a.mstbLink { display:block; outline: none;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
}
.msSlideArea .msSlide .mstBox a.mstbLink dl { position:relative; overflow:hidden; }
.msSlideArea .msSlide .mstBox a.mstbLink dl dt { width:100%; height:100%; }
.msSlideArea .msSlide .mstBox a.mstbLink dl dt img { width:100%; opacity: .9; 
	transition:all .5s ease-in;
	-webkit-transition:all .5s ease-in;
	-moz-transition:all .5s ease-in;
	-o-transition:all .5s ease-in;
	-ms-transition:all .5s ease-in;
}
.msSlideArea .msSlide .mstBox a.mstbLink dl dd { position:absolute; top:0; right:0; z-index:1000; padding: 15px 20px 20px 30px; text-align: right; }
.msSlideArea .msSlide .mstBox a.mstbLink dl dd h4 { font-size:13px; line-height:22px; color:#fff; font-weight: 300; opacity:0.5;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
}
.msSlideArea .msSlide .mstBox a.mstbLink dl dd p { font-size:21px; line-height:28px; color:#fff; font-weight: 400; opacity:1; margin-top: 5px; letter-spacing: -0.5px; opacity:0.5;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
}

.msSlideArea .msSlide .mstBox a.mstbLink:focus dl dt img,
.msSlideArea .msSlide .mstBox a.mstbLink:hover dl dt img { width:100%; opacity: .35; 
	transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	-moz-transform:scale(1.05,1.05);
	-o-transform:scale(1.05,1.05);
	-ms-transform:scale(1.05,1.05);
}
.msSlideArea .msSlide .mstBox a.mstbLink:focus dl dd h4,
.msSlideArea .msSlide .mstBox a.mstbLink:hover dl dd h4 { opacity:1; }
.msSlideArea .msSlide .mstBox a.mstbLink:focus dl dd p,
.msSlideArea .msSlide .mstBox a.mstbLink:hover dl dd p { opacity:1; }

/* mainBtm */
.mainBtm:after { content: ''; clear: both; display: block; height:0; }
.mainBtm div { float: left; width: 50%; position: relative; background-color: #000; }
.mainBtm div>a { display:block; opacity:1;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
}
.mainBtm div>a:hover,
.mainBtm div>a:focus,
.mainBtm div>a:active { opacity:1; }
.mainBtm div>a dl { position:relative; overflow:hidden; }
.mainBtm div>a dl dt { width:100%; height:100%; }
.mainBtm div>a dl dt img { width:100%; opacity: .9;
	transition:all .5s ease-in;
	-webkit-transition:all .5s ease-in;
	-moz-transition:all .5s ease-in;
	-o-transition:all .5s ease-in;
	-ms-transition:all .5s ease-in;
}
.mainBtm div>a dl dd { position:absolute; top:0; right:0; z-index:1000; padding: 15px 20px 20px 30px; text-align: right; }
.mainBtm div>a dl dd h4 { font-size:13px; line-height:22px; color:#fff; font-weight: 300; opacity:0.5;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
}
.mainBtm div>a dl dd p { font-size:21px; line-height:28px; color:#fff; font-weight: 400; letter-spacing: -0.5px; opacity:0.5; margin-top: 5px;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
}

.mainBtm div>a:focus dl dt img,
.mainBtm div>a:hover dl dt img { width:100%; opacity: .35;
	transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	-moz-transform:scale(1.05,1.05);
	-o-transform:scale(1.05,1.05);
	-ms-transform:scale(1.05,1.05);
}
.mainBtm div>a:focus dl dd h4,
.mainBtm div>a:hover dl dd h4 { opacity:1; }
.mainBtm div>a:focus dl dd p,
.mainBtm div>a:hover dl dd p { opacity:1; }


.botService { border-top:1px solid #fff;  }
.botService:after { display:block; content:""; clear:both; height:0; }
.botService li { float:left; width:33.3333333%; }
.botService li a { display:block; height:100px; background-color:#fff; 
     transition:all .2s ease-in;
     -webkit-transition:all .2s ease-in;
     -moz-transition:all .2s ease-in;
     -o-transition:all .2s ease-in;
     -ms-transition:all .2s ease-in;
}
.botService li a dl { height:100%; position:relative; padding-left:50%; overflow:hidden; }
.botService li a dl dt { position:absolute; left:20%; top:16px; width:75px; height:75px; background-repeat:no-repeat; background-position:center center; opacity:1; font-size:0; line-height:0; text-indent:-99999px;
     transition:all .2s ease-in;
     -webkit-transition:all .2s ease-in;
     -moz-transition:all .2s ease-in;
     -o-transition:all .2s ease-in;
     -ms-transition:all .2s ease-in;
}
.botService li a dl.botIcon1 dt { background-image:url('../images/common/botIcon1.png'); }
.botService li a dl.botIcon2 dt { background-image:url('../images/common/botIcon2.png'); }
.botService li a dl.botIcon3 dt { background-image:url('../images/common/botIcon3.png'); }
.botService li a dl dd { font-size:1.6rem; opacity:1; color:#333; margin-top:38px; font-weight:500; letter-spacing: -1px; 
     transition:all .2s ease-in;
     -webkit-transition:all .2s ease-in;
     -moz-transition:all .2s ease-in;
     -o-transition:all .2s ease-in;
     -ms-transition:all .2s ease-in;
}

.botService li a:hover,
.botService li a:focus {  background-color:#0083cb; }

.botService li a:hover dl dt,
.botService li a:focus dl dt,
.botService li a:hover dl dd,
.botService li a:focus dl dd { opacity:1; }

.botService li a:hover dl.botIcon1 dt,
.botService li a:focus dl.botIcon1 dt { background-image:url('../images/common/botIcon1_active.png'); }
.botService li a:hover dl.botIcon2 dt,
.botService li a:focus dl.botIcon2 dt { background-image:url('../images/common/botIcon2_active.png'); }
.botService li a:hover dl.botIcon3 dt,
.botService li a:focus dl.botIcon3 dt { background-image:url('../images/common/botIcon3_active.png'); }

.botService li a:hover dl.botIcon1 dd,
.botService li a:focus dl.botIcon1 dd { color:#fff; }
.botService li a:hover dl.botIcon2 dd,
.botService li a:focus dl.botIcon2 dd { color:#fff; }
.botService li a:hover dl.botIcon3 dd,
.botService li a:focus dl.botIcon3 dd { color:#fff; }

#wrap.modM .confoot {width:100%;overflow:hidden;overflow-y:auto;position:relative;top: 70px;bottom:0;-webkit-overflow-scrolling:touch;}



.con0_1_topTip { height:29px; background:url('../images/contents/con0_1_topTip.jpg') center center no-repeat; text-indent:-99999px; font-size:0; line-height:0; }


/* sub */
.subWrap { min-height: 100%; }
.subWrap .subVis { position: relative; width:100%; background-size: cover; background-repeat: no-repeat; background-position: center top; }
.subWrap .subVis img { width:100%; }
.subWrap .subVis span { position: absolute; bottom: 5px; right: 5px; left: 5px; text-align: justify; }
.subWrap .colSec { max-width: 1280px; margin-left: auto; margin-right: auto; }
.subWrap .colSec .breadCrumb { width: 100%; height: 20px; padding:20px 0; border-bottom: 1px dotted #999; letter-spacing: -0.7px; }
.subWrap .colSec .breadCrumb>li:first-child { float: left; font-size: 15px; }
.subWrap .colSec .breadCrumb>li:last-child { float: right; }

.subWrap .colSec .breadCrumbf { width: 100%; height: 20px; padding:20px 0; border-bottom: 1px dotted #fff; letter-spacing: -0.7px; }
.subWrap .colSec .breadCrumbf>li:first-child { float: left; font-size: 15px; color: #fff; }
.subWrap .colSec .breadCrumbf>li:last-child { float: right; }

/* print + url */
.url_print { text-align:right; }

.url_print li{ float:left; margin-left:5px; }
.url_print li a { overflow:hidden; height:23px; padding-left:26px; display:inline-block; margin-left:10px; background-repeat:no-repeat; background-position:left center;
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in; 
  -moz-transition:all .2s ease-in; 
  -o-transition:all .2s ease-in; 
  -ms-transition:all .2s ease-in;
}
.url_print li a.icoUrl { background-image: url('../images/sub/url_icon.png'); }
.url_print li a.icoPrint { background-image: url('../images/sub/print_icon.png'); }
.url_print li a img { vertical-align:middle; margin-right:3px; }

.url_print li a.icoUrl:hover, 
.url_print li a.icoUrl:active { background-image: url('../images/sub/url_icon_hover.png'); }
.url_print li a.icoPrint:hover, 
.url_print li a.icoPrint:active { background-image: url('../images/sub/print_icon_hover.png'); }
.url_print li a:hover span, 
.url_print li a:active span { color:#00aeef; }

.url_print li a.icoUrl_w { background-image: url('../images/sub/url_icon_w.png'); }
.url_print li a.icoPrint_w { background-image: url('../images/sub/print_icon_w.png'); }

.url_print li a.icoUrl_w:hover, 
.url_print li a.icoUrl_w:active { background-image: url('../images/sub/url_icon_hover.png'); }
.url_print li a.icoPrint_w:hover, 
.url_print li a.icoPrint_w:active { background-image: url('../images/sub/print_icon_hover.png'); }

/* sub paging */
.subPaging { text-align:center; background-color:#eee; padding:20px 15px; }
.subPaging a { overflow:hidden; display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-position:left center;
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in; 
  -moz-transition:all .2s ease-in; 
  -o-transition:all .2s ease-in; 
  -ms-transition:all .2s ease-in; }
.subPaging a.prevPage { width:45px; height:45px; background-image: url('../images/sub/prevPage.png'); }
.subPaging a.homePage { width:55px; height:55px; background-image: url('../images/sub/homePage.png'); margin-left:10%; margin-right:10%; }
.subPaging a.nextPage { width:45px; height:45px; background-image: url('../images/sub/nextPage.png'); }
.subPaging a.prevPage:hover,
.subPaging a.prevPage:active { background-image: url('../images/sub/prevPage_hover.png'); }
.subPaging a.homePage:hover,
.subPaging a.homePage:active { background-image: url('../images/sub/homePage_hover.png'); }
.subPaging a.nextPage:hover,
.subPaging a.nextPage:active { background-image: url('../images/sub/nextPage_hover.png'); }

/* reader page */
.textLayer dt { font-size:16px; line-height:22px; color:#221e1f; }
.textLayer dd { width:100%; border:1px solid #ccc; padding:5px; }
.textLayer dd input { width:100%; font-size:16px; line-height:22px; color:#221e1f; border:0; }
.textLayer .boxing { border:1px solid #ccc; padding:10px; }
.textLayer .boxing textarea { width:100%; height:150px; resize:none; border:0; }
.radioLayer input[type="radio"] { vertical-align:middle; }
.radioLayer label { display:inline-block; vertical-align:middle; font-size:16px; line-height:22px; font-weight: 500; color:#844090; }
.radioLayer label { color:#844090; }
.rc_submit input { cursor:pointer; display:inline-block; padding:8px 15px; background-color:#221e1f; border:0; color:#f7f7f7; font-size:24px; outline:none;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
}
.rc_submit input:hover,
.rc_submit input:active { background-color:#1e86c9; }

.promotionWrap { width:100%; height:100%; overflow:hidden; overflow-y:auto; }

.btn_pm { display:inline-block; padding:10px 15px; background-color:#aaa; border:none; color:#fff; font-size:16px; font-weight:bold; line-height:22px; border-radius:5px; 
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
}

.btn_pm:hover,.btn_pm:active { background-color:#05aac4; color: #fff; }

.tlArea { overflow:hidden; text-align:center; }
.tlTxt { display:inline-block; padding:10px 50px; text-align:center; font-family: 'Open Sans', sans-serif; color: #fff; font-size:24px; line-height:32px; font-weight: 700; margin-right:auto; margin-left:auto; margin-top:50px; 
     border-radius:10px 10px 0 0; background-color: #333; }
.thumbList { background-color: rgba(255,255,255,.45); }
.thumbList:after { display:block; content:""; clear:both; height:0; }
.thumbList li { float:left; width:33.33333%; padding: 20px 0; }
.thumbList li dl { padding:20px; }
.thumbList li dl:after { display:block; content:""; clear:both; height:0; }
.thumbList li dl dt { float:left; width:40%; margin-left: 5%; }
.thumbList li dl dt img { width:90%; 
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
}
.thumbList li dl dd { float:left; width:50%; margin-left: 5%; }
.thumbList li dl dd .tlInfo { padding:0 30px; overflow:hidden; text-align:left; }
.thumbList li dl dd .tlInfo em { display:block; font-size:18px; line-height:24px; margin-bottom:30px; letter-spacing: -0.3px; }
.thumbList li dl dd .tlInfo em span { display:inline-block; font-size:17px; line-height:24px; font-weight: 700; letter-spacing: -0.3px; }
.thumbList li dl dd .tlInfo a { width:90px; text-align:center; display:inline-block; padding:5px 10px; background-color:#333; color:#fff; margin-bottom:10px; font-weight: 100;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
}
.thumbList li dl dd .tlInfo a:hover,
.thumbList li dl dd .tlInfo a:focus { background-color:#0083cb; }

/* reader page */
.conMail { padding:15px 15px 20px 15px; max-width:900px; margin:30px auto; background-color:#fff; border-top: 1px dotted #999;
     transition:1s ease-in;
    -webkit-transition:1s ease-in;
    -moz-transition:1s ease-in;
    -o-transition:1s ease-in;
    -ms-transition:1s ease-in;
}
.conMail .inputForm em { font-size:19px; line-height:27px; font-weight:900; }
.conMail .inputForm dl { margin:20px 0 0 0; }
.conMail .inputForm dl dt { font-size:16px; line-height:22px; font-weight:500; color:#333; }
.conMail .inputForm dl dt em { font-size:16px; line-height:22px; font-weight:bold; color:#333; }
.conMail .inputForm dl dt .tip { margin-top:8px; display:block; font-size:12px; line-height:20px; color:#f56b27; }
.conMail .inputForm dl dd { margin:10px 0 0 0; background-color:#fff; padding:10px; border-radius:0px; border:1px solid #ccc; position:relative; overflow:hidden; }
.conMail .inputForm dl dd input { width:100%; height:16px; line-height:16px; border:0; font-size:14px; color:#333; outline: none;}
.conMail .inputForm dl dd textarea { width:100%; height:50px; line-height:14px; font-size:14px; color:#333; resize:none; border:0; outline: none;}

.inputForm fieldset { /*padding:0 20px 20px 20px;*/ border:none; margin-top:20px; }
.inputForm fieldset legend { font-size:16px; line-height:22px; font-weight:bold; color:#666;}

.file_input_position { position:absolute; top:0; right:0; z-index:10; }
.file_input_div { position:relative; width:100px; height:36px; overflow:hidden; }
.file_input_textbox_layer { margin-right:110px; cursor:pointer; }
.conMail .inputForm dl dd input.file_input_textbox { color:#666; }
input[type="file"] { cursor:pointer !important; }
::-webkit-file-upload-button { cursor:pointer !important; }
.conMail .inputForm dl dd input.file_input_button { display:block; width:100px; height:36px; line-height:36px; position:absolute; top:0px; background-color:#0a184e; color:#fff; border-style:solid; }
.conMail .inputForm dl dd input.file_input_button:hover { background-color:#000; }
.conMail .inputForm dl dd input.file_input_hidden { display:block; font-size:45px; height:36px; line-height:36px; position:absolute; right:0px; top:0px; opacity:0; 
filter:alpha(opacity=0);
-ms-filter:"alpha(opacity=0)";
-khtml-opacity:0;
-moz-opacity:0; 
}

/* checkBox */
.part_check { margin:15px 0 20px}
.part_check h4{ font-size: 16px; line-height: 27px; color: #666; font-weight: bold; }
.familyChk {  }
.familyChk li { display:inline-block; margin:8px 10px 0 0; line-height:18px; /*background-repeat:no-repeat; background-position:left center; background-image:url('../images/common/partOff.png');*/ }
.familyChk li label { padding-left:10px; font-size:16px; font-weight:bold; color:#666; }
.familyChk li.cbChk { /*background-image:url('../images/common/partOn.png');*/ }


/* radio */

.radioLayer input[type="radio"] { vertical-align:middle; }
.radioLayer label { display:inline-block; vertical-align:middle; font-size:16px; line-height:22px; font-weight: 500; color:#f0aea3; }
.radioLayer label { color:#f0aea3; }

.agree { margin:20px auto 0 auto; overflow:hidden; background-color:#fff; }
.agree .agreeTit { display: block; margin:5px 0 0 0; color:#f0aea3; font-size:16px; font-weight: 500; }

.agree .agree_check { margin:10px 0 0 0; }
.agree .agree_check ul { margin:5px 0 0 0; }
.agree .agree_check ul li { position:relative; background-image:url(../images/common/checkboxOff.png); background-repeat:no-repeat; background-position:0 0; cursor:pointer; line-height:18px; margin:8px 0 0 0; }
.agree .agree_check ul li:first-child{background: none; font-size: 16px; line-height: 22px; font-weight: 700; color: #f0aea3; }
.agree .agree_check ul li input { position:absolute; width:0; height:0; top:0; left:0; border:0; }
.agree .agree_check ul li.raChk { background-image:url(../images/common/checkboxOn.png); }
.agree .agree_check ul li label { color:#f0aea3; font-size:14px; line-height:20px; font-weight: bold; padding-left:23px; display:inline-block; min-height:20px; }
.agree .agree_check ul li label.chkTxt { color:#f0aea3; font-size:16px; font-weight: bold; font-weight:bold; }


/* sub con */
.photo2Type1 { overflow:hidden; }
.photo2Type1:after { display:block; content:""; clear:both; height:0; }
.photo2Type1>li { width:50%; float:left; 
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}

.photo2Type2 { overflow:hidden; }
.photo2Type2:after { display:block; content:""; clear:both; height:0; }
.photo2Type2>li { width:49.5%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type2>li.pt2L { margin-right:0.5%; }
.photo2Type2>li.pt2R { margin-left:0.5%; }

.photo2Type2_1 { overflow:hidden; }
.photo2Type2_1:after { display:block; content:""; clear:both; height:0; }
.photo2Type2_1>li { width:48%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type2_1>li.pt2L { margin-right:2%; }
.photo2Type2_1>li.pt2R { margin-left:2%; }

.photo2Type3 { overflow:hidden; }
.photo2Type3:after { display:block; content:""; clear:both; height:0; }
.photo2Type3>li.pt2L { margin-right:3%; width:47%; float:left; 
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}
.photo2Type3>li.pt2R { margin-left:3%; width:47%; float:left; 
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}

.photo2Type4 { overflow:hidden; }
.photo2Type4:after { display:block; content:""; clear:both; height:0; }
.photo2Type4>li.pt2L { margin-right:1.4%; width:48.6%; float:left; 
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}
.photo2Type4>li.pt2R { margin-left:1.4%; width:48%; float:left; 
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}

.photo2Type5 { overflow:hidden; }
.photo2Type5:after { display:block; content:""; clear:both; height:0; }
.photo2Type5>li.pt2L { margin-right:1.5%; width:42%; float:left; 
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}
.photo2Type5>li.pt2R { margin-left:1.5%; width:55%; float:left;
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}

.photo2Type6 { overflow:hidden; }
.photo2Type6:after { display:block; content:""; clear:both; height:0; }
.photo2Type6>li.pt2L { margin-right:1%; width:65%; float:left; 
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}
.photo2Type6>li.pt2R { margin-left:1%; width:33%; float:left;
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}

.photo2Type7 { overflow:hidden; }
.photo2Type7:after { display:block; content:""; clear:both; height:0; }
.photo2Type7>li { width:48%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type7>li.pt2L { margin-right:2%; }
.photo2Type7>li.pt2R { margin-left:2%; }

.photo3Type0 { overflow: hidden; }
.photo3Type0:after { display:block; content:""; clear:both; height:0; }
.photo3Type0>li { width: 33%; float: left; }

.photo3Type1 { overflow: hidden; }
.photo3Type1:after { display:block; content:""; clear:both; height:0; }
.photo3Type1>li { width: 32%; float: left; }
.photo3Type1>li.pt3L { margin-right:2%;
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}
.photo3Type1>li.pt3R { margin-left:2%;
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}

.photo3Type2 { overflow: hidden; }
.photo3Type2:after { display:block; content:""; clear:both; height:0; }
.photo3Type2>li { width: 33%; float: left; }
.photo3Type2>li.pt3L { margin-right:0.5%;
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}
.photo3Type2>li.pt3R { margin-left:0.5%;
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}

.photo3Type3 { overflow: hidden; }
.photo3Type3:after { display:block; content:""; clear:both; height:0; }
.photo3Type3>li { width: 30%; float: left; }
.photo3Type3>li.pt3L { margin-right:5%;
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}
.photo3Type3>li.pt3R { margin-left:5%;
     transition:all .3s ease-in;
   -webkit-transition:all .3s ease-in;
   -moz-transition:all .3s ease-in;
   -o-transition:all .3s ease-in;
   -ms-transition:all .3s ease-in;
}

.photo4Type1 { overflow: hidden; }
.photo4Type1:after { display:block; content:""; clear:both; height:0; }
.photo4Type1 li { width:21%; float:left; padding-left:2%; padding-right:2%; }


/* checkList */
#clPopCom { position:fixed; z-index:11000; width:100%; height:100%; top:0; left:0; background:url('../images/common/bg_navM.png'); display:none; }
#clPopCom .clPopCarea { background-color:#fff; width:80%; max-width:500px; margin:20% auto 0 auto; text-align:center; }
#clPopCom .clPopCarea h6 { background-color:#333; padding:10px; font-size:18px; line-height:22px; color:#fff; font-weight:400;  }
#clPopCom .clPopTxt { padding:20px 5px; }
#clPopCom .clPopCbot { background-color:#eee; padding:10px; border-top:1px solid #ddd; }
#clPopCom .clPopCbot .clpClose { display:inline-block; padding:10px 15px; color:#fff; font-size:16px; font-weight:700; text-align:center; background-color:#ccc; border-radius:3px;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
-khtml-transition:all .2s ease-in;
}
#clPopCom .clPopCbot .clpClose:hover,
#clPopCom .clPopCbot .clpClose:active { background-color:#55a1d8; }

.inTxtbBtn { margin-top:30px; text-align:center; }
.inTxtbBtn a { display:inline-block; padding:8px 15px 7px 15px; background-color:#ccc; color:#fff; font-size:18px; text-align:center; border:1px solid #ccc; border-radius:5px;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
-khtml-transition:all .3s ease-in;
}
.inTxtbBtn a:hover { background-color:#55a1d8; border:1px solid #55a1d8; }

.reprt_checkList{
     padding-top: 5px;
     padding-bottom: 5px;
     /*border-bottom:1px solid #6f9bd2;*/
}
.reprt_checkList dd ul li{
     display: inline-block;
     padding: 5px 10px 5px 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../images/contents/check_off.gif);     
}
.reprt_checkList dd ul li.checkOn{
     background-image:url('../images/contents/check_on.gif');
}
.reprt_checkList dd ul li input[type="checkbox"]{
    width: 1px;
    height: 1px;
    position: absolute;
    left: -99999px;
    top: -999999px;
    font-size: 0;
    line-height: 0;
}
.reprt_checkList dd ul li label{
     display: inline-block;
     font-size: 14px;
     line-height: 18px;
     color: #55a1d8;
}


/* sub contents */
.spacLine { width: 100%; height: 20px; background:url(../images/contents/1x1_blk_dot.png) center repeat-x; }
.spacLinew { width: 100%; height: 20px; background:url(../images/contents/1x1_wht_dot.png) center repeat-x; }

.tip_halfCir { border-radius: 50% 50% 0 0; }

.p0_bg { background:url(../images/contents/p0_bg.jpg) top center; }

.p0_dl { position:relative; overflow:hidden; }
.p0_dl:after { display:block; content:""; clear:both; height:0; }
.p0_dl dt { float:left; width:25%; margin-right: 1%;}
.p0_dl dd { float:right; width:70%; }

.p01_box { position: relative; border: 4px solid #bfa15f; background-color: #edebe6; box-sizing: border-box; }
.p01_box .p01_ptLine1 { position: absolute; top: -4px; left: -4px; }
.p01_box .p01_ptLine2 { position: absolute; top: -4px; right: -4px; }
.p01_box .p01_ptLine3 { position: absolute; bottom: -4px; left: -4px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.p01_box .p01_ptLine4 { position: absolute; bottom: -4px; right: -4px;
transform: rotate(-180deg);
}

.p01_line { display: block; max-width: 1px; height: 30px; background-color: #333; margin-left: auto; margin-right: auto; }
.p01_back { background:url(../images/contents/p01_back.jpg) top center; background-size: contain; }
.p01_smLine { width: 30px; height: 3px; background:#333; }
.p01_pt { position: relative; background: #fff; }
.p01_pt .p01_bottom { position: absolute; bottom: 0; right: 0; }

.p01_title { position: relative; }
.p01_title img { position: absolute; bottom: 0; right: 0; z-index: -1; }

.p01_qt { position: relative; }
.p01_qt .p01_qt1 { position: absolute; top: -4px; left: -4px; }
.p01_qt .p01_qt2 { position: absolute; top: -4px; right: -4px;}
.p01_qt .p01_qt3 { position: absolute; bottom: -4px; left: -3px;}
.p01_qt .p01_qt4 { position: absolute; bottom: -4px; right: -4px;}

.p02_bg { background: url(../images/contents/p02_bg.jpg) top center; background-repeat: no-repeat; background-size: contain;}

.p02_squ { position: relative; }
.p02_squ1 { position: absolute; bottom:-25px; right: -21px; }

.p02_back { background: url(../images/contents/p02_back.jpg) top center; }
.p02_spr { background: #fff url(../images/contents/p02_spr.jpg) left top repeat-y; }
.p02_divi1 { position: relative; }
.p02_divi1 img { position: relative; top: 0; left: 0 }

.p02_ptLine { display: block; max-width: 500px; height: 20px; margin-left: auto; margin-right: auto; background: url(../images/contents/p02_ptLine.png) 50% 50% no-repeat; }

.p02_tome { background:rgba(255,255,255,.5); border-radius: 30px; padding: 30px; }
.p02_dot { position: relative; border: 1px solid #fcaf17; background-color: #fff2d5; box-sizing: border-box; }
.p02_dot .p02_dot1 { position: absolute; top: 10px; left: 10px; }
.p02_dot .p02_dot2 { position: absolute; top: 10px; right: 10px; }
.p02_dot .p02_dot3 { position: absolute; bottom: 10px; left: 10px; }
.p02_dot .p02_dot4 { position: absolute; bottom: 10px; right: 10px; }

.p02_table1 {width: 100%;}
.p02_table_th1 {width:60%; padding:7px 0;  background-color:#ee7c8f; color:#fff; text-align: center; font-weight: bold; font-size:17px; }
.p02_table_th2 {width:20%; padding:7px 0; background-color:#b68cbe; color:#fff; text-align: center; font-weight: bold; font-size:17px; }
.p02_table_th3 {width:20%; padding:7px 0; background-color:#e9aa1e; color:#fff; text-align: center; font-weight: bold; font-size:17px; }

.p02_table2 {width: 100%; background-color: #fff; border:1px solid #333; border-left: none; border-right: none;}
.p02_table2 th {width:60%; font-size: 17px; text-align: left; padding-top:5px; padding-bottom:5px; padding-left:20px; border:1px solid #333; border-left: none;}
.p02_table2 td {font-size: 17px; padding:5px 5px; border:1px solid #333; text-align: center; border-right: none;}
.p02_table2_tr td{ width:40px;  }

.p03_table { width: 100%; }
.p03_table thead th { background-color:#fadbda;}
.p03_table thead th,
.p03_table tbody th{ font-size: 16px; font-weight: bold; line-height: 26px; padding: 5px 10px; border-top: 1px solid #333; border-right: 1px solid #333; text-align: center; }
.p03_table tbody td { font-size: 16px; line-height: 26px; padding: 5px 10px; border-top: 1px solid #333; border-right: 1px solid #333; text-align: center; }
.p03_table tfoot th{ font-size: 16px; font-weight: bold; line-height: 26px; padding: 5px 10px; border-top: 1px solid #333; border-right: 1px solid #333; text-align: center;  border-bottom: 1px solid #333;}
.p03_table tfoot td { font-size: 16px; line-height: 26px; padding: 5px 10px; border-top: 1px solid #333; border-right: 1px solid #333; text-align: center; border-bottom: 1px solid #333;}

.p03_t1 { width: 100%; }
.p03_t1 thead th { border-top:1px solid #333; padding:3px 0;}
.p03_t1 tbody th { font-size: 15px; background-color: #fff; line-height: 24px; padding: 3px 10px;  border-top: 1px solid #333; border-right: 1px solid #333; text-align: center; border-bottom: 1px solid #333; }
.p03_t1 tbody td { font-size: 15px; background-color: #fff; line-height: 24px; padding: 3px 10px; border-top: 1px solid #333; border-right: 1px solid #333; text-align: center; border-bottom: 1px solid #333;}
.p03_t1 tbody .tx { font-size: 15px; line-height: 24px; padding: 3px 10px; border-top: 1px solid #333; text-align: justify; border-right: none; }

.p02_last {width:100%;}
.p02_last span {float: left;}

.p03_back { background: url(../images/contents/p03_back.png) top center; }
.p03_news:after { content: ''; clear: both; display: block; }
.p03_news>li { float: left; }
.p03_news>li.p03_newsL { width: 30%; }
.p03_news>li.p03_newsR { width: 67%; margin-left: 3%; }

.p03_news_1:after { content: ''; clear: both; display: block; }
.p03_news_1>li { float: left; }
.p03_news_1>li.p03_newsL { width: 67%; }
.p03_news_1>li.p03_newsR { width: 30%; margin-left: 3%; }


.p03_news_2:after { content: ''; clear: both; display: block; }
.p03_news_2>li { float: left; }
.p03_news_2>li.p03_newsL { width: 49%; }
.p03_news_2>li.p03_newsR { width: 49%; margin-left: 2%;}

.p02_picLine { width: 100%; height: 25px; background:url(../images/contents/1x1_p02_dot.png) center repeat-x; }

.p02_smartp:after { content: ''; clear: both; display: block; }
.p02_smartp li { float: left; }
.p02_smartp li.p02_smartpL { width: 30%; margin-right: 5%; }
.p02_smartp li.p02_smartpR { width: 65%; }

.p02_title { text-shadow: 0.8px 0.8px 0.8px #333; }
.p02_title2 { text-shadow: 1.5px 1.5px 1.5px #333; }

.p03_request:after { content: ''; clear: both; display: block; }
.p03_request>li { float: left; }
.p03_request>li.p03_requestL { width: 27%; }
.p03_request>li.p03_requestR { width: 70%; margin-left: 3%; }

.p03_request_2:after { content: ''; clear: both; display: block; }
.p03_request_2>li { float: left; }
.p03_request_2>li.p03_requestL_2 { width: 32%; }
.p03_request_2>li.p03_requestR_2 { width: 65%; margin-left: 3%; }

.p04_bg {background-image: url(../images/contents/p04_page.jpg); background-size: contain; background-repeat: no-repeat;}

.p04_line { max-width: 1px; height: 50px; background-color: #00b197; margin-left: auto; margin-right: auto; }
.p04_wLine { max-width: 1px; height: 30px; background-color: #333; margin-left: auto; margin-right: auto; }
.p04_back { background:url(../images/contents/p04_back.jpg) center repeat; }
.p04_smLine { width: 30px; height: 3px; background:#333; }

.p04_parti { position: relative; }
.p04_parti .p04_partiL { position: absolute; left: 0; top: 5%; }
.p04_parti .p04_partiR { position: absolute; right: 0; top: 5%; }

.p04_squ { position: relative; background-color: #e1e5dc; border: 1px solid #628b5c; }
.p04_squ>img { position: absolute; top: -1px; right: -1px; }
.p04_dot { width: 100%; height: 10px; background: url(../images/contents/p04_dot.png) repeat-x; }

.p04_back { background: url(../images/contents/p04_back.jpg) top center repeat; }

.p05_tLine { display: block; width: 100%; height: 12px; background:url(../images/contents/p05_tLine.png); }

.p05_bg { background:url(../images/contents/p05_bg.jpg) center;}

.p05_box { position: relative; margin-left: auto; margin-right: auto; padding: 30px;}
.p05_box .p05_box1 { position: absolute; top: -32px; left: -31px; }
.p05_box .p05_box2 { position: absolute; top: -31px; right: -32px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.p05_box .p05_box3 { position: absolute; bottom: -31px; left: -32px;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
}
.p05_box .p05_box4 { position: absolute; bottom: -32px; right: -31px;
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
}

.p05_conBack { background:url(../images/contents/p05_conBack.jpg) center repeat; box-shadow: 3px 3px 15px rgba(0,0,0,.1); }
.p05_squ { position: relative; }
.p05_squ>img { position: absolute; top: 0; right: 0; }
.p05_dot { width: 100%; height: 10px; background: url(../images/contents/p05_dot.png) repeat-x; }
.w_dot { width: 100%; height: 10px; background: url(../images/contents/w_dot.png) repeat-x; }

.p05_bg{ background:url(../images/contents/p05_bg.jpg) center;}

.p05_table { width: 100%; }
.p05_table thead th { background-color:#f0f6f9; color:#0061ab; font-size: 18px; font-weight: 600;  border-top:1px solid #0061ab; border-right:1px solid #0061ab;}
.p05_table tbody th { color:#0061ab; font-size: 18px; font-weight: 600; border-top:1px solid #0061ab; border-right:1px solid #0061ab; border-bottom: 1px solid #0061ab;}
.p05_table tbody td { line-height: 27px; font-size: 17px; padding: 5px 10px; color: #333; border-top: 1px solid #0061ab; border-right: 1px solid #0061ab; border-bottom: 1px solid #0061ab; }
.p05_table tbody td li { line-height: 27px; font-size: 17px; }
.p05_table thead th.brn,
.p05_table tbody th.brn,
.p05_table tbody td.brn { border-right:none; }

.p06_sp { position: relative; }
.p06_sp .p06_sp1 { position: absolute; top: -2px; left: -2px; }
.p06_sp .p06_sp2 { position: absolute; top: -3px; right: -1px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.p06_sp .p06_sp3 { position: absolute; bottom: -2px; right: -2px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.p06_sp .p06_sp4 { position: absolute; bottom: -3px; left: -1px;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
}

.p06_sec:after { content: ''; clear: both; display: block; }
.p06_sec .p06_secL { float: left; width: 30%; margin-right: 2%; box-sizing: border-box; }
.p06_sec .p06_secR { float: left; width: 68%; }

.p06_round { position: relative; }
.p06_round .p06_round1 { position: absolute; top:-12px; left: -8px; }
.p06_round .p06_round2 { position: absolute; top: -18px; right: -15px;}
.p06_round .p06_round3 { position: absolute; bottom: -10px; left: -10px;}
.p06_round .p06_round4 { position: absolute; bottom: -11px; right: -13.8px;}


.p06_dd dd {max-width: 310px; margin:0 auto;}

.p06_bg { background-image: url(../images/contents/p06_bg.jpg); background-size: contain;}

.p07_bg { background-image: url(../images/contents/p07_bg.png); }

.p07_box { position: relative; margin-left: auto; margin-right: auto; padding: 30px;}
.p07_box .p07_box1 { position: absolute; top: 0; left: -20px; }
.p07_box .p07_box2 { position: absolute; top: -7px; right: -6px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.p07_box .p07_box3 { position: absolute; bottom: -6px; left: -7px;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
}
.p07_box .p07_box4 { position: absolute; bottom: -6px; right: -7px;
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
}


.p07_table { width: 100%; }
.p07_table thead th { background-color:#d8e2df;  }
.p07_table thead th,
.p07_table tbody td { font-size: 16px; line-height: 26px; padding: 5px 10px; border-top: 1px solid #599283; border-right: 1px solid #599283; text-align: center; }

.p07_line { width: 30px; height: 1px; background-color: #609156; }
.p07_subTi { display: inline-block; color: #437797; letter-spacing: 5px; padding: 5px 20px; background-color: #dce0e8; border-left: 1px dashed #437797; border-right: 1px dashed #437797; }

.p07_tiBack { height: 90px; background: url(../images/contents/p07_tiBack.png) center no-repeat; background-size: 100%; }
.p07_tiBack2 { height: 94px; background: url(../images/contents/p07_tiBack2.png) center no-repeat; background-size: 100%; }

.p08_line { max-width: 1px; height: 35px; background-color: #333; margin-left: auto; margin-right: auto; }
.p08_exp { position: relative; }
.p08_exp>img { position: absolute; top: 0; right: 0; }

.p08_make { background: url(../images/contents/p08_makeB.jpg); }

.p08_back { background: url(../images/contents/p08_back.jpg); }

.p08_num1 { width: 100%; height: 100px; background: url(../images/contents/p08_num1.png) 50% 50% no-repeat; }
.p08_num2 { width: 100%; height: 100px; background: url(../images/contents/p08_num2.png) 50% 50% no-repeat; }
.p08_num3 { width: 100%; height: 100px; background: url(../images/contents/p08_num3.png) 50% 50% no-repeat; }

.p08_box { position: relative; margin-left: auto; margin-right: auto; padding: 30px;}
.p08_box .p08_box1 { position: absolute; top: -5px; left: -7.1px; }
.p08_box .p08_box2 { position: absolute; top: -6px; right: -7px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.p08_box .p08_box3 { position: absolute; bottom: -6px; left: -7px;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
}
.p08_box .p08_box4 { position: absolute; bottom: -5px; right: -7px;
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
}

.p04_Rshape { position: relative; margin-left: auto; margin-right: auto; padding: 30px;}
.p04_Rshape .p04_Rshape2 { position: absolute; top: -22px; right: -18px;}
.p04_Rshape .p04_Rshape3 { position: absolute; bottom: -22px; left: -18px;
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
}

.p07_sec:after { content: ''; clear: both; display: block; }
.p07_sec .p07_secL { float: left; width: 30%; margin-right: 5%; }
.p07_sec .p07_secR { float: left; width: 65%; }



.p08_sec:after { content: ''; clear: both; display: block; }
.p08_sec .p08_secL { float: left; width: 75%; margin-right: 5%; }
.p08_sec .p08_secR { float: left; width: 18%; }

.p08_letterbg { background-image: url(../images/contents/p08_letter.png); background-repeat: no-repeat; background-position: center; background-size: contain;}

.p09_sec:after { content: ''; clear: both; display: block; }
.p09_sec .p09_secL { float: left; width: 20%; margin-right: 2%; }
.p09_sec .p09_secR { float: left; width: 78%; }

.p10_box_1 { background-color:#fef3d1; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.3); }

.p11_sec:after { content: ''; clear: both; display: block; }
.p11_sec .p11_secL { float: left; width: 18%; margin-right: 5%; }
.p11_sec .p11_secR { float: left; width: 75%; }

.p09_back { background: url(../images/contents/p09_back.jpg); }

.p09_box { position: relative; }
.p09_box .p09_pic { position: absolute; top: 0; right: -30px; }

.p9_bal { position: absolute; right:50px; top: 0; margin-top: -65px; }

.p09_underL { height: 30px; background: url(../images/contents/p09_underL.png) bottom center repeat-x; }
.p09_lineB{
     background: url(../images/contents/p09_lineB.png);
     background-repeat: repeat-x;
     width: 100%;
     height: 15px;    
}
.sub9_back{ background: url(../images/contents/p09_back.jpg); }

.p09_gr { overflow:hidden; }
.p09_gr:after { content:""; display:block; clear:both; }
.p09_gr dt.p09_grL { float: left; width: 20%; margin-right: 3%; }
.p09_gr dd.p09_grR { float: left; width: 77%; }

.p09_illu1 {position: absolute; right: 0; top: -40px;}

.p10_back { background: url(../images/contents/p10_back.jpg); }

.p10_sTitle { border-radius: 20px 20px 0 0; padding: 10px 50px; }
.p10_num { display: inline-block; border: 1px solid #0064b1; color: #0064b1; font-size: 16px; border-radius: 100%; background-color: #fff; padding: 0 7px; margin-right: 5px; }

.p10_tip { position: relative; background-color: #d2d8e1; border: 1px solid #437696; padding: 20px; }
.p10_tip .p10_squ { position: absolute; top: -2px; right: -2px; }

.p10_table { width: 100%; }
.p10_table thead th { background-color: #669b78; color: #fff; font-size: 16px; padding: 3px 10px; border-right: 1px solid #fff; }
.p10_table tbody td { background-color: #fff; font-size: 16px; padding: 3px 10px; border-right: 1px dotted #669b78; border-bottom: 1px solid #669b78; }
.p10_table tbody td.last { border-right: none; }

.p10_sec:after { content: ''; clear: both; display: block; }
.p10_sec .p10_secL { float: left; width: 5%; margin-right: 2%; }
.p10_sec .p10_secR { float: left; width: 80%; } 

.p10_tiLine { position: relative; display: block; height: 1px; border-top: 1px solid #7d5c98; }
.p10_tiLine .p10_dotL,
.p10_tiLine .p10_dotR { position: absolute; color: #7d5c98; font-size: 10px; font-weight: bold; }
.p10_tiLine .p10_dotL { top: -15px; left: 0; }
.p10_tiLine .p10_dotR { top: -15px; right: 0; }

.p10_squ { position: relative; }
.p10_squ .p10_squImg { position: absolute; top: -1px; right: -1px; }

.p10_st { border-radius: 20px 20px 0 0; }

.p10_pt { position: relative; }
.p10_pt .p10_ptImg { position: absolute; top: 5px; right: 5px; }

.p10_qt { position: relative; }
.p10_qt .p10_qt1 { position: absolute; top: -3px; left: -3px; }
.p10_qt .p10_qt2 { position: absolute; top: -3px; right: -3px;}
.p10_qt .p10_qt3 { position: absolute; bottom: -3px; left: -3px;}
.p10_qt .p10_qt4 { position: absolute; bottom: -3px; right: -3px;}

.p10_box { position: relative; margin-left: auto; margin-right: auto; padding: 30px;}
.p10_box .p10_box1 { position: absolute; top: -15px; left: -17px; }
.p10_box .p10_box2 { position: absolute; top: -18px; right: -14px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.p10_box .p10_box3 { position: absolute; bottom: -18px; left: -14px;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
}
.p10_box .p10_box4 { position: absolute; bottom: -15px; right: -17px;
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
}

.p10_title1 {position: absolute; top:-15px; left: 50%; transform: translateX(-50%);}

.p10_sec:after { content: ''; clear: both; display: block; }
.p10_sec .p10_secL { float: left; width: 25%; margin-right: 2%; }
.p10_sec .p10_secR { float: left; width: 70%; }

.responsiveTxtBox { display:none; border:1px solid #744c30; padding:15px; }

.p11_back { background: url(../images/contents/p11_back.jpg); background-size: cover; }


.p11_tip { border-radius: 30px 30px 0 0; padding-left: 10px; padding-right: 10px; }

.p11_ti { max-width: 1000px; height: 37px; background: url(../images/contents/p11_t1.png) 50% 50%; }
.p11_ti2 { max-width: 1000px; height: 37px; background: url(../images/contents/p11_t2.png) 50% 50%; }
.p11_clip { position: relative; background: #fff url(../images/contents/p11_sl.png) 20px 20px no-repeat; }

.p11_round { position: relative; }
.p11_round .p11_round1 { position: absolute; top:-1px; left: 0px; }
.p11_round .p11_round2 { position: absolute; top: -1px; right: 0px;}
.p11_round .p11_round3 { position: absolute; bottom: 0px; left: -1px;}
.p11_round .p11_round4 { position: absolute; bottom: 0px; right: -1px;}

.p11_clip .p11_clipImg { position: absolute; right: 10px; top: -25px; }

.p11_box2 { border:3px solid #744c30; overflow:hidden; padding:25px; }
.p11_box2:after { content:''; clear: both; display: block; }
.p11_box2L,
.p11_box2R { float: left; }
.p11_box2L { width: 25%; }
.p11_box2R { width: 75%; padding-left: 30px; box-sizing: border-box; }

.p11_squ { position: relative; }
.p11_squ>img { position: absolute; top: 0; right: 0; }
.p11_squ .w_dot { width: 100%; height: 10px; background: url(../images/contents/w_dotPur.png) repeat-x; }

.p11_tipS:after { content: ''; clear: both; display: block; height: 0; overflow: hidden; }
.p11_tipS .p11_tipSL { float: left; width: 15%; }
.p11_tipS .p11_tipSL img { width: 100%; }
.p11_tipS .p11_tipSR { float: left; width: 82%; margin-left: 3%; margin-top: 12px; }

.p11_qt { position: relative; }
.p11_qt .p11_qt1 { position: absolute; top: 0; left: 0; }
.p11_qt .p11_qt2 { position: absolute; top: 0; right: 0;}
.p11_qt .p11_qt3 { position: absolute; bottom: 0; left: 0;}
.p11_qt .p11_qt4 { position: absolute; bottom: 0; right: 0;}

.p12_qt { position: relative; }
.p12_qt .p12_qt1 { position: absolute; top: 0; left: 0; }
.p12_qt .p12_qt2 { position: absolute; top: -4px; right: -4px;}
.p12_qt .p12_qt3 { position: absolute; bottom: -4px; left: -3px;}
.p12_qt .p12_qt4 { position: absolute; bottom: -4px; right: -4px;}


.pans { z-index:2; }
.crab { z-index:3; position:absolute; width:100%; top:-24px; text-align:center; }
.backPanArea { z-index:1; background-color:#ffffff; width:100%; height:100%; position:absolute; top:-5px; right:-5px; border:1px #6f1e20 solid; box-sizing:border-box; }
.backPan { text-indent:-9999999px; font-size:0; line-height:0; }

.subWrap .colSec .breadCrumb12 { width: 100%; height: 20px; padding:20px 0; border-bottom: 1px dotted #fff; letter-spacing: -0.7px; }
.subWrap .colSec .breadCrumb12 li.title { float: left; font-size:15px; color:#fff; }
.subWrap .colSec .breadCrumb12 li.upArea { float: right; }

.plrtm { padding-left:30px; padding-right:30px; padding-bottom:30px; }
               
.chulTop { height:30px; background:url('../images/contents/p12_chul.jpg') center top repeat-x; font-size:0; line-height:0; text-indent:-9999999px; }

.p12_recipe { background: url(../images/contents/p12_recBack.jpg); }
.p12_recipe { position: relative; }
.p12_recipe .p12_recPt { position: absolute; bottom: 0; left: 0; width: 100%; height: 23px; background: url(../images/contents/p12_secPt.png) repeat-x; }

.p12_box { border: 1px solid #b1426e; box-shadow: 4px 4px 0 #b1426e; }

.p12_box1:after { content:''; clear: both; display: block; }
.p12_box1L,
.p12_box1R { float: left; }
.p12_box1L { width: 25%; }
.p12_box1R { width: 75%; padding-left: 30px; box-sizing: border-box; }

.p12_small:after { content:''; clear: both; display: block; }
.p12_small img,
.p12_small dl { float: left; }
.p12_small dl { padding-left: 20px; box-sizing: border-box; }

.p12_rBot { position:relative; }
.p12_rBot .rb { position:relative; text-align:center; max-width:600px; margin-left:auto; margin-right:auto; }
.p12_rBot .p12_cBot { position:absolute; max-width:150px; right:-15px; bottom:0; z-index:1; }
.p12_rBot .p12_rBot_box { border-radius:10px; padding:50px 170px 30px 30px; margin-top:-25px; }

.p12_gl{
     position: absolute;
     left: -2px;
     top: -1px;
     max-width: 42px;
}


.p12_sec:after { content: ''; clear: both; display: block; }
.p12_sec .p12_secL { float: left; width: 10%; margin-right: 2%; }
.p12_sec .p12_secR { float: left; width: 88%; }

.p12_numBull {position: absolute; top: -20px; left: -20px; }

.p12_backpT { background: url(../images/contents/p12_backPt.png); }

.p13_soap { position: relative; border-top: 1px solid #00725b; }
.p13_soap .p13_pt1 { position: absolute; top: -5px; left: 0; }
.p13_soap .p13_pt2 { position: absolute; top: -5px; right: 0; }

.p13_qt { position: relative; }
.p13_qt .p13_qt1 { position: absolute; top: -1px; left: 0; }
.p13_qt .p13_qt2 { position: absolute; top: -1px; right: 0;}
.p13_qt .p13_qt3 { position: absolute; bottom: -1px; left: 0;}
.p13_qt .p13_qt4 { position: absolute; bottom: -1px; right: 0;}

.p13_tip {max-width:50px;  background-color: #178ccf; color:#fff; border-radius: 25px 25px 0 0 ; display:block; margin:0 auto;}

.p13_bg { background:url(../images/contents/p13_bg.jpg); background-size: contain; background-position: center top;}

.p14_gardening span { color:rgba(0,132,92,0.3); }
.p14_garAll { border-radius:15px 15px 15px 15px;}
.p14_garTitle { max-width:400px; margin:0 auto; border-radius: 10px 10px 10px 10px; background-color:#fff; margin-top:-20px; }

.edit_border { border-radius: 0 0 25px 25px; }

.edit_sec:after { content: ''; clear: both; display: block; }
.edit_sec2:after { content: ''; clear: both; display: block; }
.edit_sec .edit_secL,
.edit_sec2 .edit_secL { float: left; width: 30%; margin-right: 4%; }
.edit_sec .edit_secR,
.edit_sec2 .edit_secR { float: left; width: 66%; }
.edit_sec .edit_secR { border-left: 1px solid #333; }
.edit_sec2 .edit_secR { border-left: 4px solid #ffe29d; }

.hpLayer3 { text-align:center; overflow:hidden; margin-top:20px; }
.hpLayer3:after { display:block; content:""; clear:both; }
.hpBox { display:inline-block; max-width:360px; padding:20px 20px 30px 20px; background-color:#ffffff; border:3px solid #1d8bcb; border-radius:20px; margin-top:30px; margin-left:20px; margin-right:20px; }
.hpBox dl { overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch;   }
.hpBox dt { padding: 10px; }
.hpBox dt em {  border-bottom:3px solid #1d8bcb; }
.hpBox dd { text-align:center; padding:10px; margin-top:10px; height:480px; background-color:#ffffff;}
.hpBox dd em { border-top:3px solid #1d8bcb; margin-top:30px;}

.llType1 { overflow:hidden; }
.llType1:after { display:block; content:""; clear:both; height:0; }
.llType1 li { float:left; width:50%; }
.llType1 li .ltBox { padding-right:5px; }

.quiz_sec:after { content: ''; clear: both; display: block; }
.quiz_sec .quiz_secL { float: left; width: 30%; margin-right: 4%; }
.quiz_sec .quiz_secR { float: left; width: 66%; }

.editBack{
     background:url('../images/contents/edit_back.jpg');
}

.editIcon01{
     max-width: 50px;
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 20px;
}
.pt2L .p15B_L{float: left;}
.pt2L .p15B_R{float: left;}

.editProd { position: relative; }
.editProd>img { position: absolute; top: 0; left: 0 }

.p16sub_Title {margin:0 auto; border-radius: 20px 20px 0 0;}

/* Media Query */
@media screen and (max-width:1600px){

}

@media screen and (max-width:1530px){
	#wrap.modPC #header { width:340px; }
	#wrap.modPC #header .headArea { padding:50px 40px 0 40px; }
	#wrap.modPC #header .headArea .gnb.gnbPC { top:200px; left:40px; right:40px; bottom:145px; }
	#wrap.modPC footer .copyTxt { padding: 0 40px 30px 40px }

	#wrap.modPC  #container .content { padding-left:340px; }
	#wrap.modPC footer { width:340px; }
	#wrap.modPC footer .share_sns { margin:15px 40px; }

	.msSlideArea .msSlide .mstBox a.mstbLink dl dd p,
     .mainBtm div>a dl dd p { font-size: 18px; letter-spacing: -0.7px; line-height: 22px }

}

@media screen and (max-width:1440px){     
     #container .content .mainTop { height: 500px; }
     #container .content .mainTop a { top:auto; left:0; bottom:0; }
     #container .content .mainTop dl dt h4 { text-align:center; }
     #container .content .mainTop dl dd p { text-align:center; }
     #container .content .mainTop dl { max-width:100%; }
     #container .content .mainTop dl dt,
     #container .content .mainTop dl dd { text-align:center; }
     .thumbList li { width:50%; }
     .thumbList li dl dt img {
          transform:rotateY(360deg);
          -webkit-transform:rotateY(360deg);
          -moz-transform:rotateY(360deg);
          -o-transform:rotateY(360deg);
          -ms-transform:rotateY(360deg);
     }
     
     .botService li a { height:106px; }
     .botService li a dl { padding-left:0; }
     .botService li a dl dt { top:16px; left:50%; margin-left:-22px; width:46px; height:46px; background-size:46px 46px; }
     .botService li a dl dd { margin-top:70px; padding-left:15px; padding-right:15px; text-align:center; font-size:1.3rem; }
}

@media screen and (max-width:1350px){ 
     .p08_sec .p08_secL,
     .p08_sec .p08_secR { width: 100%; display: block; margin-right: 0; }
     
     .p11_sec .p11_secL,
     .p11_sec .p11_secR { width: 100%; display: block; margin-right: 0; }
}

@media screen and (max-width:1300px){
    .p12_col li.p12_colL { width: 100%; }
    .p12_col li.p12_colM { width: 100%; }
    .p12_col li.p12_colR { width: 100%; }
}

@media screen and (max-width:1280px){
	#wrap.modPC #header { width:290px; }
	#wrap.modPC #header .headArea { padding:50px 30px 0 40px; }
     #wrap.modPC #header .headArea h1 { max-width: 180px; }
     #wrap.modPC #header .headArea .gnb.gnbPC { bottom:135px; }
     .gnb .dep1Area { margin:0 5px; }
	#wrap.modPC footer .copyTxt { padding: 0 30px 30px 40px }

	#wrap.modPC  #container .content { padding-left:290px; }
	#wrap.modPC footer { width:290px; }
	#wrap.modPC footer .share_sns { margin:15px 40px; }

     #wrap.modPC .tipue_search_group { max-width: 200px; }
     #wrap.modPC .tipue_search_icon { margin: -1px 0 0 5px; }
}

@media screen and (max-width:1023px){ 
     #container .content .mainTop { height: 450px; background-size: cover; }
     .mainBtm div { width:100%; }

     /*sub*/
     .p03_news>li.p03_newsL,
     .p03_news>li.p03_newsR { width: 100%; display: block; margin-left: 0%; }

     .p03_news_1>li.p03_newsL,
     .p03_news_1>li.p03_newsR { width: 100%; display: block; margin-left: 0%; }


     .p03_news_2>li.p03_newsL,
     .p03_news_2>li.p03_newsR { width: 100%; display: block; margin-left: 0%;}
}

@media screen and (max-width:2000px){ 
     .con3_9_mailB li { width: 100% !important; clear: both !important; display: block !important; }
     .con3_9_mailB li:first-child { margin: 0; }
     .con3_9_mailB li:last-child { margin: 0; }
}

@media screen and (max-width:840px){
     .photo2Type1>li { width:100%;  display: block;
         transform:rotateY(360deg);
          -webkit-transform:rotateX(360deg);
          -moz-transform:rotateX(360deg);
          -o-transform:rotateX(360deg);
          -ms-transform:rotateX(360deg);
     }

     .photo2Type2>li { width:100%; 
         transform:rotateY(360deg); display: block;
          -webkit-transform:rotateX(360deg);
          -moz-transform:rotateX(360deg);
          -o-transform:rotateX(360deg);
          -ms-transform:rotateX(360deg);
     }
     .photo2Type2>li.pt2L { margin-right:0; }
     .photo2Type2>li.pt2R { margin-left:0; }

     .photo2Type2_1>li { width:100%; 
         transform:rotateY(360deg); display: block;
          -webkit-transform:rotateX(360deg);
          -moz-transform:rotateX(360deg);
          -o-transform:rotateX(360deg);
          -ms-transform:rotateX(360deg);
     }
     .photo2Type2_1>li.pt2L { margin-right:0; }
     .photo2Type2_1>li.pt2R { margin-left:0; }

     .photo2Type3>li.pt2L { 
          margin-right:0; width:100%; display: block;
          transform:rotateY(360deg);
          -webkit-transform:rotateX(360deg);
          -moz-transform:rotateX(360deg);
          -o-transform:rotateX(360deg);
          -ms-transform:rotateX(360deg);
     }

     .photo2Type3>li.pt2R { 
          margin-left:0; width:100%; display: block;
          transform:rotateY(-360deg);
          -webkit-transform:rotateX(-360deg);
          -moz-transform:rotateX(-360deg);
          -o-transform:rotateX(-360deg);
          -ms-transform:rotateX(-360deg);
     }

     .photo2Type4>li.pt2L { 
          margin-right:0; width:100%; display: block;
          transform:rotateY(360deg);
          -webkit-transform:rotateX(360deg);
          -moz-transform:rotateX(360deg);
          -o-transform:rotateX(360deg);
          -ms-transform:rotateX(360deg);
     }

     .photo2Type4>li.pt2R { 
          margin-left:0; width:100%; display: block;
          transform:rotateY(-360deg);
          -webkit-transform:rotateX(-360deg);
          -moz-transform:rotateX(-360deg);
          -o-transform:rotateX(-360deg);
          -ms-transform:rotateX(-360deg);
     }

     .photo2Type5>li.pt2L {
           margin-right:0; width:100%; display: block;
          transition:all .3s ease-in;
          -webkit-transition:all .3s ease-in;
          -moz-transition:all .3s ease-in;
          -o-transition:all .3s ease-in;
          -ms-transition:all .3s ease-in;
     }
     .photo2Type5>li.pt2R { 
          margin-right:0; width:100%; display: block;
          transition:all .3s ease-in;
          -webkit-transition:all .3s ease-in;
          -moz-transition:all .3s ease-in;
          -o-transition:all .3s ease-in;
          -ms-transition:all .3s ease-in;
     }

     .photo2Type7>li.pt2L {
           margin-right:0; width:100%; display: block;
          transition:all .3s ease-in;
          -webkit-transition:all .3s ease-in;
          -moz-transition:all .3s ease-in;
          -o-transition:all .3s ease-in;
          -ms-transition:all .3s ease-in;
     }
     .photo2Type7>li.pt2R { 
          margin-right:0; width:100%; display: block;
          transition:all .3s ease-in;
          -webkit-transition:all .3s ease-in;
          -moz-transition:all .3s ease-in;
          -o-transition:all .3s ease-in;
          -ms-transition:all .3s ease-in;
     }

     .photo3Type0>li { width: 100%; clear: both; display: block; }

     .photo3Type1>li { width: 100%; clear: both; display: block; }
     .photo3Type1>li.pt3L { margin-right:0; }
     .photo3Type1>li.pt3R { margin-left:0; }

     .photo3Type2>li { width: 100%; clear: both; display: block; }
     .photo3Type2>li.pt3L { margin-right:0; }
     .photo3Type2>li.pt3R { margin-left:0; }

     .photo3Type3>li { width: 100%; clear: both; display: block; }
     .photo3Type3>li.pt3L { margin-right:0;}
     .photo3Type3>li.pt3R { margin-left:0;}

     .photo4Type1 li { width:46%; }

     .p07_sec .p07_secL,
     .p07_sec .p07_secR { display: block; width: 100%; margin-right: 0; }
     .p07_sec .p07_secR { margin-top: 10px; }

     .p10_sec .p10_secL,
     .p10_sec .p10_secR { display: block; width: 100%; margin-right: 0; }
     .p10_sec .p10_secR { margin-top: 10px; } 

     .p11_food .p11_foodL,
     .p11_food .p11_foodR { display: block; width: 100%; clear: both; }
     
     .txtAcl { text-align:left; }

     .p08_people1{margin-top:10px;}

     .p09_sec .p09_secL,
     .p09_sec .p09_secR { display: block; width: 100%; margin-right: 0; }
     .p09_sec .p09_secR { margin-top: 30px; }

     .edit_sec .edit_secL,
     .edit_sec2 .edit_secL,
     .edit_sec .edit_secR,
     .edit_sec2 .edit_secR { width: 100%; margin-right: 0%; }
     .edit_sec .edit_secR,
     .edit_sec2 .edit_secR { border-left: none; }
}

@media screen and (max-width:720px){
     #container .content .mainTop { height: 400px; background-size: cover; background-position: center; }
	.thumbList li { width:100%; }
     .thumbList li dl dt img {
          transform:rotateY(0deg);
          -webkit-transform:rotateY(0deg);
          -moz-transform:rotateY(0deg);
          -o-transform:rotateY(0deg);
          -ms-transform:rotateY(0deg);
     }

     /*sub*/
     .p02_box2>li.p02_box2L,
     .p02_box2>li.p02_box2R { display: block; width: 100%; margin-right: 0; }
     .p02_box2 .p02_box2_cam { text-align: center; }

     .p05_line { display: none; }
     .p05_marR { margin-right: 0; }

     .p09_gr { }
     .p09_gr dt.p09_grL,
     .p09_gr dd.p09_grR { width: 100%; display: block; margin-right: 0; }

     .p11_sli1L,
     .p11_sli1R { display: block; width: 100%; padding-left: 0; }
     .p11_sli2L,
     .p11_sli2R { display: block; width: 100%; padding-right: 0; }
}

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

@media screen and (max-width:640px){
     .msSlideArea .msSlide .slick-next { right: 10px; }
     .autoBtnArea { bottom: 35px; }
     .autoBtnArea .autoBtn { cursor: pointer; width: 22px; height: 22px; }
     .msSlideArea .msSlide .slick-dots { bottom: 3px; }
     #container .content .mainTop { height: 340px; background-size: cover; background-position: left top; }
     .msSlideArea .msSlide .slick-dots li { width: 11px; height: 11px; }

     .msSlideArea .msSlide .mstBox a.mstbLink dl dd p, .mainBtm div>a dl dd p { font-size: 15px; line-height: 20px; }
     .msSlideArea .msSlide .mstBox a.mstbLink dl dd h4 { line-height: 12px; }

     /*sub*/
     .p03_request>li.p03_requestL { width: 100%; display: block; }
     .p03_request>li.p03_requestR { width: 100%; display: block; margin-left: 0%; }

     .llType1 li { width:100%; }
     .llType1 li .ltBox { padding-right:0px; }

     .suVbis_small { margin-bottom: -10px;}
}

@media all and (max-width: 600px){
     .responsiveTxtBox { display:block; }
     .p11_box2L,
     .p11_box2R { display: block; width: 100%; padding-left: 0; }
     .p11_box2R { margin-top:20px; }

     .p12_box1L,
     .p12_box1R { display: block; width: 100%; padding-left: 0; }

     .p06_sec .p06_secL { display: block; width: 100%; margin-right: 0; padding-right: 0; border-right: none; }
     .p06_sec .p06_secR { display: block; width: 100%; }

     .p12_sec .p12_secL { display: block; width: 100%; margin-right: 0; padding-right: 0; border-right: none; }
     .p12_sec .p12_secR { display: block; width: 100%; }

     .p12_numBull {position: absolute; top: -20px; left: -7px; }

     .p0_dl dt { float: none; width: 100%; margin-right:0;}
     .p0_dl dt img { margin: 0 auto;}
     .p0_dl dd { float: none; width: 100%; }
}

@media all and (max-width: 560px){
     #container .content .mainTop { height: 300px;  background-position: center; }
                 
     .p12_rBot .p12_cBot { right:10%; }
     .p12_rBot .p12_rBot_box { padding:50px 30px 245px 30px; margin-top:-15px; }

     .p08_bgf { margin-top: -21px; }
}

@media only screen and (max-width:540px) {
     .plrtm { padding-left:10px; padding-right:10px; padding-bottom:10px; }
     .p02_squ1 {display: none;}
     .p08_letterbg {padding-top: 0; padding-bottom: 0; background-image:none;}
     .p05_box .p05_box1,
     .p05_box .p05_box2,
     .p05_box .p05_box3,
     .p05_box .p05_box4 { display: none; }
}

@media screen and (max-width:480px){
     .photo4Type1 li { width:100%; padding-left:0; padding-right:0;  }
}

@media screen and (max-width:450px){
     .p13_clo{ margin-top: -70px; }
     .p08_bgf { margin-top: -17px; }
     .p10_Mt {padding-top: 60px;}
}

@media screen and (max-width:402px){    
    .p13_h5 { left: 20px; }
    .hpBox { margin-left:0px; margin-right:0px; } 
}

@media screen and (max-width:380px){    
    .p08_bgf { margin-top: -14px; }
}

@media screen and (max-width:320px){
     .msSlideArea .msSlide .mstBox a.mstbLink dl dd p, .mainBtm div>a dl dd p { font-size: 13px; line-height: 17px; }

    .p13_m40_2 { margin-top: 40px; }
    .p13_m40 { margin-top: 40px; }
}