/* main slide */
main > #slider_wrap{width: 100%; background-image: url(../img/slide/background.jpg); background-size: cover; background-position: center;}
main > #slider_wrap  > #slider_img { width: 100%; margin: 0 auto;}
main > #slider_wrap  > #slider_img > img {width: 100%; position: absolute; display: none; z-index: 1;}
main > #slider_wrap  > #slider_img > img:first-of-type{display: block;}
main > #slider_wrap  > #slider_img > .slider_height{ position: relative; display: block; z-index: 0;}
main > #slider_wrap  > #slider_img > #slider_fixed_info_TOP{position: absolute; top: 25px; right: 25px; z-index: 2; text-align: right;}
main > #slider_wrap  > #slider_img > #slider_fixed_info_TOP > span:nth-of-type(1){font-weight: bold; font-size: 32px; color: #FA7B14;}
main > #slider_wrap  > #slider_img > #slider_fixed_info_TOP > span:nth-of-type(2){font-weight: bold; font-size: 18px;}
main > #slider_wrap  > #slider_img > #slider_fixed_info_BTM  {width: 100%; padding: 30px; background-color: rgba(0,0,0,0.65); position: absolute; left: 0; bottom: 0; z-index: 2;}
main > #slider_wrap  > #slider_img > #slider_fixed_info_BTM > span{font-size: 18px; color: #FFF;}
main > #slider_wrap  > #slider_img > #slider_fixed_info_BTM > .slider_btn_wrap{border: 1px solid rgba(255, 255, 255, 0.5); position: absolute; right: 20px; top: 15px;}
main > #slider_wrap  > #slider_img > #slider_fixed_info_BTM > .slider_btn_wrap > .slider_btn{display: inline-block; padding: 5px; cursor: pointer;}
main > #slider_wrap  > #slider_img > #slider_fixed_info_BTM > .slider_btn_wrap > .slider_btn:nth-child(1){border-right: 1px solid rgba(255, 255, 255, 0.5); padding-right: 9px;}

/* main section : width 정하고 calc 나눠주고*/
main > section{width: 1200px; margin: 0 auto; margin-top: 20px;}
/* main section site_info */
main > section:nth-of-type(1){overflow: hidden;}
main > section:nth-of-type(1) > .left{width: 100%;}

main > section:nth-of-type(1) > .left > .info_item{width: calc(100%/3); float: left;}
/*main > section:nth-of-type(1) > .right > .info_item{width: 100%;}
main > section:nth-of-type(1) > .right > .info_item{width: calc(100%/4); float: left;}
main > section:nth-of-type(1) .info_item > a > img{width: 100%;}*/
main > section:nth-of-type(1) .info_item > a > img{width: 100%;}

/* main section love shes */
main > section:nth-of-type(2){padding: 100px 0; width: 100%; background-image: url(../img/background/index_section_1.jpg); background-attachment: fixed; background-size: cover; background-position: center;}
/*main > section:nth-of-type(2){padding: 100px 0; width: 89%; background-image: url(../img/background/index_section_1.jpg); background-attachment: fixed; background-size: cover; background-position: center;}*/
main > section:nth-of-type(2) > .love_shes{width: 1200px; margin: 0 auto; text-align: center; color: #FFF; text-shadow: 0 0 20px #000;}
main > section:nth-of-type(2) > .love_shes > h1{font-size: 32px; margin-bottom: 10px;}


/* main section cho_umm_pha */
main > section:nth-of-type(3){ width: 100%;background-color: #f2f2f2; overflow: hidden;}
main > section:nth-of-type(3) > .left{width: 50%;}
main > section:nth-of-type(3) > .right{width: 50%;}
main > section:nth-of-type(3) img{width: 100%;}

@media (max-width : 1230px){
    main > #slider_wrap  > #slider_img{width: 100%;}
    main > section{width: 100%;}
    main > section:nth-of-type(2) > .love_shes{width: 100%;}
}

@media (max-width : 765px){
    main > #slider_wrap  > #slider_img > #slider_fixed_info_TOP{display: none;}
    main > section:nth-of-type(1) > .left{width: 100%;}
    main > section:nth-of-type(1) > .left > .info_item{width: 50%; float: left;}
    main > section:nth-of-type(1) > .right{width: 100%;}
    
    main > section:nth-of-type(2){background-attachment: inherit; padding: 50px 0;}
    main > section:nth-of-type(2) > .love_shes > h1{font-size: 24px;}
    
    main > section:nth-of-type(3) > .left{width: 100%;}
    main > section:nth-of-type(3) > .right{width: 100%;}
}

@media (max-width : 440px){
    main > #slider_wrap  > #slider_img > #slider_fixed_info_BTM{display: none;}
    
    main > section:nth-of-type(1) > .left > .info_item{width: 100%;}
    main > section:nth-of-type(1) > .right > .info_item{width: calc(100%/2);}
    
    main > section:nth-of-type(2){padding: 30px 0;}
    main > section:nth-of-type(2) > .love_shes > h1{font-size: 18px;}
}

@media (max-width : 320px){
    main > section:nth-of-type(1) > .right > .info_item{width: 100%;}
    
    main > section:nth-of-type(2){padding: 15px 0;}
    main > section:nth-of-type(2) > .love_shes > h1{font-size: 16px; margin-bottom: 5px;}
    main > section:nth-of-type(2) > .love_shes > p{font-size: 13px;}
}