/* CSS Document */
ul, li{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{}
p{font-size:1.2em}
@media (max-width:769px){p{font-size:1.1em}}
header{/*background-image:url(img/header-bg-1.jpg);background-position:center 50%;background-color:#111111;*/
color:#f1f1f1;overflow:hidden}
.header-content{z-index:3}
header .header-content .header-content-inner a.btn{}
#findscroll{position:fixed;width:100%;min-height:50px; text-align:center;bottom:0px;z-index:1040}
header .header-content .header-content-inner .title img{margin:0 auto}
p{font-size:1.1em}
#quick{position:fixed;width:200px;height:200px;top:300px;right:10px;z-index:1050}
section{position:relative}
section#main-middle{position:relative; margin:0;padding:0; height:800px;overflow:hidden;background:url(img/middle-bg.jpg) no-repeat; background-size:cover}
.mid-circle-wrap{position:absolute; width:100%; top:100px; text-align:center}
.mid-circle-wrap img{ width:900px;height:auto}
.mid-pc-wrap{position:absolute; width:100%; top:400px; text-align:center}
.mid-pc-wrap img{ width:987px;height:auto}
@media (max-width:1170px){
section#main-middle{height:600px}
.mid-circle-wrap{ top:80px; }
.mid-circle-wrap img{ width:800px;height:auto}
.mid-pc-wrap{top:300px}
.mid-pc-wrap img{width:800px;height:auto}
}
@media (max-width:768px){
section#main-middle{height:400px}
.mid-circle-wrap{ top:80px; }
.mid-circle-wrap img{ width:90%;height:auto}
.mid-pc-wrap{top:250px; }
.mid-pc-wrap img{ width:90%;height:auto}
}
section#greeting{/* background:url(img/pattern-cross.gif); background:url(img/ingtroduce-bg.jpg) center 0% no-repeat; background-color:#000;*/}
.text-wrap p{font-size:18px; text-align:justify; line-height:1.8}
@media (max-width:768px){
.text-wrap{margin:0 15px}
.text-wrap p{font-size:14px}
}
.terms .box-wrap .box{height:100%}
.pattern-saseon{ background:url(img/pattern-saseon.gif)}
.pattern{background:url(img/pattern.gif)}
.pattern-cross{background:url(img/pattern-cross.gif)}
section#monitor{ background-color:#f3f4f4;  /*background:url(img/pattern.png);*/ }
section{ }
#package{background:url(img/pattern.png)}
.dashbox{
background-color:#fff;border:2px dashed #91abc3;/* border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;-webkit-border-radius:50px; */
}
.box{border:1px solid #ddd}
section#goodpoint .box-inner{}
section#goodpoint li{color:#999}
/*box-inner 높이구하기*/
section#process .box-inner{
background-color:rgba(17,50,157,0.3);border-color:rgba(17,50,157,0.7);color:#ededed;
}
section#process .box-inner:hover, section#process .box-inner:focus {
background-color:rgba(17,50,157,0.7);border-color:rgba(17,50,157,1);color:#FF3;
}
section#process .box-inner{min-height:320px;margin-bottom:10px}
@media (max-width:1201px){
#quick{width:180px;height:180px}
section#goodpoint .box-inner{min-height:360px;overflow:hidden}
}
@media (max-width:993px){
#quick{width:130px;height:130px}
section#process .box-inner{min-height:370px;margin-bottom:10px}
}
@media (max-width:769px){
#quick{display:none}
section#process .box-inner{min-height:300px;margin-bottom:10px}
}
.tableWrap{padding:0}
.tableWrap table{font-size:17px;border-spacing:3px; border-collapse:separate}
.tableWrap table tr th{font-size:.9rem;font-weight:600;background-color:#484848; color:#fff; border:0px solid #ddd}
.tableWrap table tbody tr th{font-weight:400}
.tableWrap table tr th.bg-pink{background-color:#F39}
.tableWrap table.left tr td{text-align:left}
.tableWrap table tr td{font-size:.9rem;background-color:#f9f9f9;text-align:center;border:0px solid #ddd;padding:12px 15px 12px;}
.tableWrap table tr th{padding:12px 20px 12px}
.smallTitle{font-size:30px}
ul.txtList li{position:relative;padding-left:.8rem;font-size:1.1rem;text-align:left;line-height:1.6;word-break:keep-all}
.txtList>li:before{position:absolute;top:.8rem;left:0;width:5px;height:5px;background-color:#ec068d;clear:both;display:block;content:'';border-radius:50%}
.txtList>li>ul>li:before{position:absolute;left:0;content:'-'}
.txtList.wpoint>li:before{background-color:#fff}
.txtList.bpoint>li:before{background-color:#111}
.recommendInner{clear:both;content:"";display:inline-block;padding:20px;border:3px solid #282828}
.rimg{margin:0 auto;width:90px;height:90px; margin-bottom:10px;overflow:hidden}
.rtxt{font-size:16px; font-weight:bolder; padding:10px}
@media (max-width:768px){
.tableWrap table{font-size:13px}
.tableWrap table tr th,.tableWrap table tr td{font-size:12px;padding:10px 10px 9px;line-height:16px}
.smallTitle{font-size:24px}
ul.txtList li{padding-left:.5rem;font-size:0.813rem}
.txtList>li:before{top:.55rem;width:4px;height:4px;}
.recommendInner{clear:both;content:"";display:inline-block;width:100%;padding:10px; }
.rimg{float:left;width:60px;height:60px;margin-bottom:0px;margin-right:20px; }
.rtxt{display:table-cell; vertical-align:middle; height:60px;font-size:14px}
ul.sumList li{font-size:14px}
}
table.tinyTable tr th, table.tinyTable tr td{font-weight:400;font-size:0.813rem;padding:4px 0;border-radius:0}
@media (max-width:768px){
.tableWrap table tr th, .tableWrap table tr td, .tableWrap ul.txtList li{font-size:0.713rem}
table.tinyTable tr th, table.tinyTable tr td{font-size:0.713rem;padding:3px 0;border-radius:0}
}
.icon-round{margin:0 auto;width:100px;height:100px;overflow:hidden}
.textbox{margin-left:20px;margin-right:20px;letter-spacing:-1px}
.textbox p{font-size:1.2em}
.mainbtn{width:250px;-webkit-transition:width 0.5s; /* Safari */
-moz-transition:width 0.5s;-0-transition:width 0.5s;transition:width 0.5s;border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;-webkit-border-radius:50px}
.mainbtn:hover{width:300px}
.vplus{float:right;width:30px; text-align:center}
.item-list{display:none}
.item-list{margin-left:0px;margin-right:0px}
ul li{ list-style:none}
.goods_round{
width:100%;padding:10px;margin-bottom:20px;overflow:hidden;border:1px solid #ddd;border-radius:12px}
.goods_img > img{width:100%;height:auto}
.goods_txt > h3{margin-top:15px;font-weight:900}
.goods_txt > h4{margin-top:12px;font-weight:300}
.goods_txt > h4:first-child{margin-top:15px}
.desktop_view{display:block}
.mobile_view{display:none}
@media only screen and (min-width:768px){
.pc_view{display:block}
.mobile_view{display:none}
}
@media only screen and (max-width:768px){
p{font-size:1.1em}
.pc_view{display:none}
.mobile_view{display:block}
#application{height:auto;background-color:#181818}
#app_wrap{width:100%;height:auto}
.item-list{margin-left:-8px;margin-right:-8px}
.icon-round{position:absolute;margin:10px;width:100px;height:100px}
.textbox{margin:20px 20px 10px 120px;text-align:left;letter-spacing:-1px}
.icon-round img{width:300px;height:auto}.tiny-icon-round{
position:absolute;margin:0;width:80px;height:80px;overflow:hidden}
.tiny-icon-round img{width:80px;height:auto}
.fee_choice h4{font-size:15px}
}


.icon_plus{
position:absolute;top:-36px;display:block;width:100%;text-align:center;z-index:10}
.icon_plus_bottom{
position:absolute;bottom:36px;display:block;width:100%;text-align:center;z-index:10}

footer{
background-color:#111;color:#888;padding:32px}
footer a{color:#f5f5f5}
footer a:hover{color:#777;text-decoration:none}
.bottom-down{position:absolute;display:block;width:100%;top:-9px; text-align:center}
@media (max-width:767px){.bottom-down a img{width:220px;height:auto;margin-top:1px}}
.serif{font-family:serif}