@charset "utf-8";
@import "layout.css";
@import "main.css";


/* skipNavigation */
.skiptoContent {position: absolute;margin: 0 auto;z-index: 99999;top: 0;left: 0;right: 0;}
.skiptoContent a {position: absolute;width: 100%;font-size: 0;top: -50px;}
.skiptoContent a:active, .skiptoContent a:focus {display: block;font-size: 12px;padding: 0;top: 0;text-align: center;color: #fff;font-weight: 600;background: #272d34;outline: 0;height: 20px;}

/* top_btn */
#top_btn {display:block;width:60px;height:60px;position:fixed;bottom:60px;right:20px;background:url('../images/common/btn_top.png') no-repeat;display:none;}
#top_btn.show {display:block;}

/* float */
.ftL{float:left;}
.ftR{float:right;}

/* text align */
.taL{text-align:left;}
.taC{text-align:center;}
.taR{text-align:right;}

.clear{clear:both;}

/* margin, padding */
.mgt20{margin-top:20px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}
.mgt75{margin-top:75px;}

.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb50{margin-bottom:50px;}
.mgb60{margin-bottom:50px;}
.mgb70{margin-bottom:70px;}
.mgb80{margin-bottom:80px;}
.mgb90{margin-bottom:90px;}
.mgb110{margin-bottom:110px;}
.mgb150{margin-bottom:150px;}

.pdt10{padding-top:10px;}
.pdt20{padding-top:20px;}
.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}
.pdt75{padding-top:75px;}
.pdt80{padding-top:80px;}

.pdB10{padding-bottom:10px;}
.pdB20{padding-bottom:20px;}
.pdB30{padding-bottom:30px;}
.pdB40{padding-bottom:40px;}
.pdB50{padding-bottom:50px;}
.pdB80{padding-bottom:80px;}
.pdB110{padding-bottom:110px;}
.pdB150{padding-bottom:150px;}

.mgR30{margin-right:30px;}
.mgR40{margin-right:40px;}
.mgR50{margin-right:50px;}
.mgR80{margin-right:80px;}
.mgR110{margin-right:110px;}

.mgL10{margin-left:10px;}
.mgL15{margin-left:15px;}
.mgL45{margin-left:45px;}


.mgLR20{margin:0 20px;}

/* text color */
.txt_blue {color:#084284;} 
.txt_orange {color:#ff3d00;}
.txt_base {color:#333;}
.txt_bold{font-weight:bold;}

/* font-family */
.notoKrL {font-family:"NotoKrL";}

/* text-decoration */
.underline{text-decoration:underline;}

/* btn */
.btn {display:inline-block;transition:all .7s ease;vertical-align:middle;color:#666;}
.btn_play {display:block;width:150px;height:35px;line-height:31px;background:url('../images/common/icon_play.png') 120px 8px no-repeat;padding-left:15px;margin:20px auto;border:2px solid #666666;box-sizing:border-box;text-align:left;border-radius:10px;}
.btn_black {display:block;width:110px;height:36px;line-height:36px;background:#2f2725;box-sizing:border-box;color:#fff;text-align:center;}
.btn_down {display:block;width:100px;height:46px;line-height:40px;background:url('../images/common/icon_down.png') right center no-repeat;border:3px solid #434343;box-sizing:border-box;padding:0 34px;}
.btn_white {display:block;width:150px;height:50px;line-height:50px;color:#333;border:1px solid #454545;border-radius:30px;box-sizing:border-box;}

/* icon */
.chk_txt{background:url(../images/common/icon_check.gif) no-repeat;padding-left:30px;width:480px;margin:20px auto;height:35px;text-align:center;}
.dotted_list li {height:32px;line-height:32px;background:url(../images/common/icon_dotted.gif) 0 15px no-repeat;margin-top:0 !important;padding-left:15px;color:#666;font-size:16px;font-family:"NotoKrL";}
.dotted_list dt {height:32px;line-height:32px;background:url(../images/common/icon_dotted.gif) 0 15px no-repeat;margin-top:0 !important;padding-left:15px;color:#666;font-size:16px;font-family:"NotoKrL";}
.dotted_list li span {font-family:"NotoKrL";}

.icon_star01 {display:inline-block;width:11px;height:11px;line-height:11px;text-indent:100%;white-space:nowrap;background:url(../images/common/icon_star1.png) center center no-repeat;overflow:hidden;margin-left:10px;}
.icon_star02 {display:inline-block;width:24px;height:11px;line-height:11px;text-indent:100%;white-space:nowrap;background:url(../images/common/icon_star2.png) center center no-repeat;overflow:hidden;margin-left:10px;}
.icon_star03 {display:inline-block;width:37px;height:11px;line-height:11px;text-indent:100%;white-space:nowrap;background:url(../images/common/icon_star3.png) center center no-repeat;overflow:hidden;margin-left:10px;}
.icon_orangeStar {display:inline-block;width:11px;height:11px;line-height:11px;text-indent:100%;white-space:nowrap;background:url(../images/common/icon_orangeStar.png) center center no-repeat;overflow:hidden;margin-left:10px;}


/* .bg_gray:after {clear:both; content:""; display:block;} */
.bg_gray{display:block;width:100%;background:#dbe0e8; padding:65px 0;}

.clear:after{clear:both; content:""; display:block;}