html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
 blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
 ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
 fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,
 article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
 menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0;}
 @font-face {      
    font-family: nanumg;                
    src:url('./images/notokr-regular.eot');
    src:local(¡Ø), url('./images/notokr-regular.woff') format('woff');
 } 
 a {
    font-size:13px;
    font-family: nanumg;
    color:#000000;
    text-decoration:none
 } 
 body {
    font-family: nanumg;
    padding: 0px;
    margin: 0px;
    background: #000 url('./main_bg.jpg') no-repeat center top;
 }
 #choipage {
    display: block;
    width: auto;
    margin: 0 auto;
 }
 img {
    max-width: 100%;
 }
      
 #main_content {
    display: block;
    width: 1760px;
    margin: 0 auto;
 }
 #main_chul_area_t1_blank {
    clear: both;
    display: block;  
    width: auto;
    height: 520px;
    position: relative;
 }
 #main_t_ptel {
    display: block;  
    width: 100%;
    text-align: center;
    position: absolute;
    top:88px; 
 }
 #main_chul_area_t1 {
    clear: both;
    display: inline-block;  
    width: 100%;
    position: relative;
 } 
 #main_chul_area1_1_text {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0px;
    top: 25%;
 }
 #main_chul_area1_1_text img {
    max-width: 70%;
 }
 #main_chul_area_t2 {
    clear: both;
    display: inline-block;
    width: 100%;
    background: #fff;
 }
 #main_chul_area2_1 {
    clear: both;
    display: block;  
    width: 1240px;
    text-align: center;
    font-family: nanumg;
    margin: 0 auto;
 }
 #main_chul_area2_1_1 {
    color: #fb7a7a;
    font-size: 19px; 
    letter-spacing: -0.6px;
    padding-top: 50px;
 }
 #main_chul_area2_1_2 {
    color: #000; 
    font-size: 39.5px; 
    letter-spacing: -0.6px;
    line-height: 47px;
    padding-top: 4px;
    padding-bottom: 35px;
 }
 #main_chul_area2_2 {
    clear: both;
    display: block;  
    width: 1240px;
    text-align: center;
    margin: 0 auto;
 }
 #main_chul_area2_2 a img {
    width: 100%;
    transform: scale(1,1);
    transition: all 0.8s ease-out;
 }
 #main_chul_area2_2 a:hover img {
    transform: scale(1.3,1.3);
 }
 #main_chul_area2_2_1 {
    float: left;
    width: 33.333%;
    background: rgb(0,0,0); 
    overflow: hidden;
 }
 #main_chul_area2_2_2 {
    float: left;
    width: 33.333%; 
    background: rgb(0,0,0); 
    overflow: hidden;  
 }
 #main_chul_area2_2_3 {
    float: left;
    width: 33.333%;  
    background: rgb(0,0,0); 
    overflow: hidden;  
 }
 .main_chul_area_over2 {
    opacity: 0.6;
    filter:alpha(opacity=60); 
 } 
 #main_chul_area2_3_blank { 
    clear: both;
    display: block; 
    width: auto;
    height: 50px; 
 }
 #main_chul_area2_3 {
    clear: both;
    display: block;  
    width: 1240px;
    height: 204px;
    text-align: center;
    margin: 0 auto;
    color: #8D8D8D;
    font-size: 14.5px;
    font-family: nanumg;
    background: url('./vert.gif') repeat-y left top;
 }
 #main_chul_area2_3_1_2 {
    line-height: 23px;
 }
 #main_chul_area2_3_2_2 {
    line-height: 23px;
 }
 #main_chul_area2_3_3_2 {
    line-height: 23px;
 }
 #main_chul_area2_3_1 {
    float: left;
    width: 33.333%;
    background: url('./vert.gif') repeat-y right top; 
 }
 #main_chul_area2_3_2 {
    float: left;
    width: 33.333%;  
    background: url('./vert.gif') repeat-y right top; 
 }
 #main_chul_area2_3_3 {
    float: left;
    width: 33.333%;  
    background: url('./vert.gif') repeat-y right top; 
 }
 #main_chul_area2_3_blank_b {
    clear: both;
    display: block; 
    width: auto;
    height: 72px;  
 }
 #main_chul_area_t3 {
    clear: both;
    display: inline-block;  
    width: 100%;
    position: relative;
 }
 #main_chul_area3_1_text {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0px;
    top: 40%;
 }
 #main_chul_area_t4 {
    clear: both;
    display: inline-block;
    width: 100%;
    background: #f2f2f2;
 }
 #main_chul_area4_1 {
    clear: both;
    display: block;  
    width: 1240px;
    text-align: center;
    margin: 0 auto;
    font-family: nanumg;
 }
 #main_chul_area4_1_1 {
    display: block;  
    font-size: 32.5px;
    font-weight: bold;
    padding-top: 65px;
 }
 #main_chul_area4_1_2 {
    display: block;
    padding-top: 4px;
    line-height: 23px;
    font-size: 15.5px;
    color: #8D8D8D;  
 }
 #main_chul_area4_1_3 {
    padding-top: 30px;
    padding-bottom: 35px; 
 }
 #main_chul_area4_2 {
    clear: both;
    display: block;  
    width: 1240px;
    text-align: center;
    margin: 0 auto;
 }
 #main_chul_area4_2_1 {
    float: left; 
    width: 295px;
    text-align: center;
    margin-right: 20px;
 }
 #main_chul_area4_2_2 {
    float: left;
    width: 295px;
    text-align: center;
    margin-right: 20px;
 }
 #main_chul_area4_2_3 {
    float: left;
    width: 295px;
    text-align: center;
    margin-right: 20px;
 }
 #main_chul_area4_2_0 {
    float: left; 
    width: 295px;
    text-align: center;
 }
 #main_chul_area4_2_img {
    width: 295px;  
    position: relative;
    max-width: 100%;
    background: rgb(0,0,0); 
    overflow: hidden; 
    margin: 0 auto;
 }
 .polio_button {
     display: none;
     padding: 10px;
     padding-left: 20px;
     padding-right: 20px;
     cursor: pointer;
     background: #000;
     border: 1px solid #fff;
     position: absolute;
     bottom: 20px;
     right: 20px;
     z-index: 99;
 }
 .polio_button a {
     font-size: 13px;
     color: #fff;
 }
 #main_chul_area4_2_text {
    padding-left: 30px;
    background: #fff;
    text-align: left;
 }
 #main_chul_area4_2_text a {
    font-family: nanumg;
    letter-spacing: 0px;
    font-size: 16px;
    color: #333;
    background: #fff;
    line-height: 54px;
    text-decoration: none;
 }
 #main_chul_area4_2_text span {
    float: right;
    margin-right: 20px;
    margin-top: 18px;
 }
 #main_chul_area4_2_img img { 
    width: 295px;
    height: 196px; 
 }
 /* È®´ë±â´É Æ÷ÇÔÇÑ°Í
 #main_chul_area4_2_img a img {
    width: 100%;
    transform: scale(1,1);
    transition: all 0.8s ease-out;
 }
 #main_chul_area4_2_img a:hover img {
    transform: scale(1.3,1.3);
 }
 .main_chul_area_out4 {
    width: 100%;
    transform: scale(1,1);
    transition: all 0.8s ease-out;
 }
 .main_chul_area_over4 {
    opacity: 0.6;
    filter:alpha(opacity=60); 
    transform: scale(1,1);
    transition: all 0.8s ease-out;
    transform: scale(1.3,1.3);  
 }*/
 .main_chul_area_out4 {
    width: 295px;
    transform: scale(1,1);
    transition: all 0.8s ease-out;
 }
 .main_chul_area_over4 {
    opacity: 0.6;
    filter:alpha(opacity=60); 
    transform: scale(1,1);
    transition: all 0.8s ease-out;
    transform: scale(1,1);  
 }
 #main_port_blank {
    clear: both;
    width: auto;
    height: 25px;
 }
 #main_port_blank_mo {
    display: none;
 }
 #main_chul_area4_3 {
    clear: both;
    width: auto;
    text-align: center;
    padding-top: 40px;
 }
 #port_add {
    font-size: 17px;
    font-family: nanumg;
    color: #FF6600;
    cursor: pointer;
    padding: 20px;
    padding-left: 35px;
    padding-right: 35px;
    border: 1px solid #f57218;
    background: #fff;
 }
 #main_chul_area4_2_blank {
    clear: both;
    display: block;  
    width: auto;
    height: 90px;
 }
 #main_chul_area_t5_blank {
    clear: both;
    display: block;  
    width: auto;
    height: 65px;
 }
 #main_chul_area_t5 {
    clear: both;
    display: inline-block;  
    width: 100%;
 } 
 #map_mark_text {
    right: 100px;
    top:70px;
 }
 #footer {
    display: block;
    width: auto;
    margin: 0 auto; 
 }
 #company_copy1 {
    clear: both;
    display: block;
    width: auto;
    background: #252525;
 }
 #company_copy1_1 {
    display: block;
    max-width: 1760px;
    margin: 0 auto;
    text-align: center;
    font-family: nanumg;
    letter-spacing: 0px;
    font-size: 13px;
    color: #606060;
    line-height: 24px;
    padding-top: 18px;
    padding-bottom: 18px;
    position: relative;
 }
 #company_copy2 {
    clear: both;
    display: block;
    width: auto;
    background: #030303;
 }
 #company_copy2_1 {
    display: block;
    width: 95%;
    margin: 0 auto;
    text-align: center;
    font-family: nanumg;
    letter-spacing: 0px;
    font-size: 13px;
    color: #606060;
    padding-top: 25px;
    padding-bottom: 25px;
 } 
 @media screen and (max-width:1760px){ 
    #main_t_ptel {
    } 
    #main_content {
        width: 90%;
    } 
    #company_copy1_1 {
        width: 90%;
    }
    #company_copy2_1 {
        width: 90%;
    }
    #main_chul_area2_1 {
        width: 90%; 
    }
    #main_chul_area2_2 {
        width: 90%; 
    }
    #main_chul_area2_3 {
        width: 90%; 
    }
    #main_chul_area4_1 {
        width: 90%; 
    }
    #main_chul_area4_2 {
        width: 90%; 
    }
    #main_chul_area4_2_1 {
        width: 24%;
        margin-right: 1%;
    }
    #main_chul_area4_2_2 {
        width: 24%;
        margin-right: 1%;
    }
    #main_chul_area4_2_3 {
        width: 24%;
        margin-right: 1%;
    }
    #main_chul_area4_2_0 {
        width: 24%;
    }
    #main_chul_area4_2_text {
        padding-left: 2%;
    }
 }
 @media screen and (max-width:1496px){ 
 }
 @media screen and (max-width:800px){
     #map_mark_text {
        right: 10px;
        top:10px;
        text-align: right;
     }
     #map_mark_text img {
        max-width: 60%;
     }
     #main_chul_area_t1_blank {
         height: 370px;
     }
 }
 @media screen and (max-width:400px){
     #main_t_ptel {
     }
     #main_chul_area2_3 {
        background: none;
        height: auto;
     }
     #main_chul_area2_3_1 {
        float: none;
        display: block;
        width: auto;
        background: none;
     }
     #main_chul_area2_3_2 {
        float: none;
        display: block; 
        width: auto;
        margin-top: 50px;
        background: none;
     }
     #main_chul_area2_3_3 {
        float: none;
        display: block; 
        width: auto;
        margin-top: 50px;
        background: none;
     }
     #main_chul_area4_2_1 {
        width: 49%;
        margin-right: 0%;
     }
     #main_chul_area4_2_2 {
        float: right;
        width: 49%;
        margin-right: 0%;
     }
     #main_chul_area4_2_3 {
        width: 49%;
        margin-right: 0%;
     }
     #main_chul_area4_2_0 {
        float: right;
        width: 49%;
     }
     #main_port_blank_mo {
        clear: both;
        display: block;
        width: auto;
        height: 25px;
     } 
     #main_chul_area4_2_text span {
        margin-right: 5px;
     }  
     #map_mark_text {
        right: 10px;
        top:10px;
        text-align: right;
     }
     #map_mark_text img {
        max-width: 40%;
     }
     #main_chul_area_t1_blank {
        height: 220px;
     } 
     #port_add {
        padding: 10px;
        padding-left: 25px;
        padding-right: 25px;
     }
 }