@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* Element Reset */
* { margin:0; padding:0;font-family:'Nanum Gothic','나눔고딕','Malgun Gothic','맑은 고딕','돋움',dotum,sans-serif;}
html,
body { margin:0; font-size:11px; color:#666666; line-height:1;}
address { font-style:normal;}
img,
fieldset{ border:0; margin:0; padding:0;}
form{ margin:0;}
legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
hr{ display:none;}
sup,
sub{ font-style:normal; font-weight:normal;}
select { height:20px; border:1px solid #c8c8c8}
a { color:#666666; text-decoration:none;}
a:hover {color:#de405f;}
ol { list-style-position:inside;}


.underliner a:hover {text-decoration:underline;}

/* Skip To Content */
a.skipToContent{ display:block; position:relative; width:1px; height:1px; margin:0 0 -1px 0; clear:both; overflow:hidden; text-decoration:none; font-size:0; line-height:0;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ width:100%; height:auto; margin:0 0 10px 0; padding:5px; font-size:12px; line-height:1;}

/* Input Style Definition */
.inputTypeText { border:1px solid; border-color:#c8c8c8 #c8c8c8 #c8c8c8 #c8c8c8; color:#6b6d70; height:16px; padding:0.3em 0 0 0.3em; background:#ffffff; font-size:12px;}
.inputTypeTextReg {border:1px solid; border-color:#c8c8c8 #c8c8c8 #c8c8c8 #c8c8c8; color:#888888; height:16px; padding:0.3em 0 0 0.3em; background:#ffffff; font-size:11px;}
*:first-child+html .inputTypeText,
*:first-child+html .inputTypeTextReg { font-size:11px; }
.inputTypeTextReg:hover,
.inputTypeTextReg:focus,
.inputTypeText:hover,
.inputTypeText:focus,
.inputTypeTextArea:hover,
.inputTypeTextArea:focus { background:#f4f4f4;}
.inputTypeTextArea { border:1px solid !important; padding:3px;color:#6b6d70; border-color:#c8c8c8 #c8c8c8 #c8c8c8 #c8c8c8 !important; background:#ffffff; font-size:1em; _font-size:9pt;line-height:18px;}
*:first-child+html .inputTypeTextArea { font-size:9pt; }

/* margin */
.mt3 { margin-top:3px !important;}
.mt4 { margin-top:4px !important;}
.mt5 { margin-top:5px !important;}
.mt6 { margin-top:6px !important;}
.mt7 { margin-top:7px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt38 { margin-top:38px !important;}
.mt40 { margin-top:40px !important;}
.mt42 { margin-top:42px !important;}
.mt45 { margin-top:45px !important;}
.mt55 { margin-top:55px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}
.mt75 { margin-top:75px !important;}
.mt90 { margin-top:90px !important;}
.mt95 { margin-top:95px !important;}
.mt120 { margin-top:120px !important;}
.mt165 { margin-top:165px !important;}


.ml3 { margin-left:3px !important;}
.ml9 { margin-left:9px !important;}
.ml13 { margin-left:13px !important;}
.ml15 { margin-left:15px !important;}
.ml17 { margin-left:17px !important;}
.ml18 { margin-left:18px !important;}
.ml23 { margin-left:23px !important;}
.ml10 { margin-left:10px !important;}
.ml20 { margin-left:20px !important;}

.mr10 { margin-right:10px !important;}

.eleft { text-align:left !important}
.eright { text-align:right !important}
.ecenter { text-align:center !important}


.section { position:relative; *zoom:1;}
.section:after{ content:""; display:block; clear:both;}


/* Layout */
.main .fixed #container { width:990px; margin:10px auto 0 auto;}
.main .fixed #footer table{ width:9900px; margin:0 auto !important;}
.fixed #container { margin-top:10px; z-index:100;}
#header{ top:0px;width:100%; margin:0 0 5px 0; height:87px; *zoom:1; z-index:50000;}
#header:after{ content:""; clear:both; display:block;}

.menu-shadow{height:5px; background-image:url(../../images/Site/menu_shadow.png); background-repeat:repeat-x; background-position:left top;}
#topWrapper {
    background-color:rgba(255,255,255,0.85);    
    width:100%;height:90px;
    background: transparent url(../../images/Site/2x2.png) repeat scroll 0 0 \9;

}
#body{ padding:0; z-index:8000; }
#content{ margin-left:43px; margin-bottom:60px; }

/* Footer Extension */
#footer { padding:20px 0 40px 0; background:#e7e7e7; text-align:center; }
#footer .extension{ margin:1em 0;}
#footer .extension ul{ margin:0; padding:0; overflow:hidden;}
#footer .extension li{ left:-10px; border-left:1px solid #e0dace; padding:0 5px 0 10px;}
#footer address{ display:inline; margin:0 70px 0 30px;}
#footer table {margin:0 auto;}
#footer table td div { position:relative;}
#footer #familySite { position:absolute; right:70px; bottom:0px; font-size:11px;}

/* Body Extension */
#body .e1 { width:207px; margin:36px 0 0 0;}
#body .e1 h3 { background-image:url(/images/Site/h3_bg.jpg); width:207px; height:65px; line-height:45px; font-size:20px;  text-align:center; color:#fff;}
#body .e1 .lnb-back { border-left:2px solid #cdcdcd; border-right:2px solid #cdcdcd;padding-top:3px;padding-bottom:6px;  background:white;}
#body .e1 .lnb { margin:0px 0 0 0; list-style:none; }
#body .e1 .lnb li { margin:9px 0 0px 5px; padding:0; list-style:none;}
#body .e1 .lnb li span { font-weight:bold; font-size:14px; padding-left:24px; line-height:19px; }
#body .e1 .lnb li span.current { color:#de405f; }
#body .e1 .lnb-bottom {margin:0px;height:18px; background-image:url(../../images/Site/lnb_bottom.png); background-repeat:no-repeat; background-position:left top; }

/* Body Content */
/* Class */
.preview{ float:left; margin:0 1em 1em 0;}
.layout{ list-style:none; margin:0; padding:0; text-indent:-10px;}
.layout li{ display:inline; margin:0; padding:0 0 0 10px; border-left:1px solid #ccc;}
.layout li:first-child{ border:0;}
.layout li button { position:relative; border:0; padding:0; background:none; cursor:pointer; font-size:12px; overflow:visible; color:#66F;}
.layout li button:hover,
.layout li button:activecontainer,
.layout li button:focus{ font-weight:bold; letter-spacing:-1px;} 

.bothSection { *zoom:1;}
.bothSection:after {content:""; display:block; clear:both;} 
.bothSection .sLeft { float:left; text-align:left;}
.bothSection .sRight {float:right; text-align:right;}



#gnb-item { margin-top:-51px; height:39px; background-image:url(../../images/Site/bg_body_gnb.jpg); background-repeat:no-repeat;}
.main #gnb-item { display:none; background:none !important;}


/* logo */
#header h1{ position:relative; float:left; margin-top:6px;}
	
/* GNB Common */
#gnb{ overflow:visible; margin-top:0px; z-index:2; *zoom:1;float:right; width:770px;}
#gnb:after{ content:""; display:block; clear:both;}
#gnb ul{ float:left; list-style:none; margin:-1px 0; padding:0;}
#gnb ul:after{ content:""; display:block; clear:both;}
#gnb li{ z-index:1; float:left;}

/* GNB Major */
#gnb .major{ z-index:2; float:right; margin-right:2px; margin-top:14px; width:90%;}
#gnb .major a{ overflow:hidden;}
#gnb .major li { cursor:pointer;}
#gnb .major span.lv1  { font-weight:bold; font-size:20px; }
#gnb .major span.lv1:hover { color:#de405f; }
#gnb .major span.current { color:#de405f; }
#gnb .major #major-item-hanbit { margin-right:50px;}
#gnb .major #major-item-service { margin-right:50px;}
#gnb .major #major-item-love { margin-right:50px;}
#gnb .major #major-item-donate {margin-right:50px;}
#gnb .major #major-item-news {margin-right:50px;}
#gnb .major #major-item-soaam {}

/* GNB Aside */
#gnb .aside{ position:relative; margin-right:0px; z-index:2; float:right; margin-top:5px;}
#gnb .aside ul{ margin-top:2px; padding-left:5px;}
#gnb .aside a{ padding-left:5px; *padding-top:6px; opacity:.7;}

/* GNB Sub */
#gnb .major .sub{ position:absolute; top:64px; width:auto; display:none; z-index:99999999999999;}
#gnb .major .sub ul li { height:28px; }
#gnb .major #major-item-hanbit .sub { width:141px;background:url(../../images/Site/hanbit_sub_back.png);height:214px;}
#gnb .major #major-item-service .sub { width:141px;background:url(../../images/Site/service_sub_back.png);height:158px;}
#gnb .major #major-item-love .sub {width:155px;background:url(../../images/Site/love_sub_back.png);height:102px;}
#gnb .major #major-item-donate .sub {width:135px;background:url(../../images/Site/donate_sub_back.png);height:130px;}
#gnb .major #major-item-news .sub {width:135px;background:url(../../images/Site/news_sub_back.png);height:102px;}
#gnb .major #major-item-soaam .sub {width:118px;background:url(../../images/Site/soaam_sub_back.png);height:74px;}

#gnb .major li.active .sub{ display:block;}
#gnb .major .sub ul{ margin:0; border-top:0;  margin:9px;}/*background:#fff;*/
#gnb .major .sub li{ display:inline; border:0; margin:0;  }
#gnb .major .sub a{ _width:auto; float:none; clear:both; display:block; padding:0 !important; margin:0; color:#fff; }
#gnb .major .sub span { font-weight:bold; font-size:13px; padding-left:13px; line-height:28px; }
#gnb .major .sub a.current { color:#000000; }
#gnb .major .sub a:hover{ color:#000000; }

#gnb .major #major-item-hanbit .sub a {width:123px; }
#gnb .major #major-item-hanbit .sub a.current { background-image:url(../../images/Site/gnb_hanbit_bg_on.png); }
#gnb .major #major-item-hanbit .sub a:hover {background-image:url(../../images/Site/gnb_hanbit_bg_on.png); }

#gnb .major #major-item-service .sub a {width:123px; }
#gnb .major #major-item-service .sub a.current { background-image:url(../../images/Site/gnb_service_bg_on.png); }
#gnb .major #major-item-service .sub a:hover {background-image:url(../../images/Site/gnb_service_bg_on.png); }

#gnb .major #major-item-love .sub a {width:137px; }
#gnb .major #major-item-love .sub a.current { background-image:url(../../images/Site/gnb_love_bg_on.png); }
#gnb .major #major-item-love .sub a:hover {background-image:url(../../images/Site/gnb_love_bg_on.png); }

#gnb .major #major-item-donate .sub a {width:117px; }
#gnb .major #major-item-donate .sub a.current { background-image:url(../../images/Site/gnb_donate_bg_on.png); }
#gnb .major #major-item-donate .sub a:hover {background-image:url(../../images/Site/gnb_donate_bg_on.png); }

#gnb .major #major-item-news .sub a {width:117px; }
#gnb .major #major-item-news .sub a.current { background-image:url(../../images/Site/gnb_news_bg_on.png); }
#gnb .major #major-item-news .sub a:hover {background-image:url(../../images/Site/gnb_news_bg_on.png); }

.content-top { margin:6px 0 0 0; padding:0 0 2px 0; border-bottom:2px solid #cdcdcd; *zoom:1;}
.content-top:after {content:""; display:block; clear:both;} 
.content-top .sLeft { float:left; text-align:left; margin:25px 0 0 0px; font-weight:bold; font-size:28px; height:32px; color:#de405f; }
.content-top .sRight {float:right; text-align:right; margin-right:1px;}

/* locationSec */
.locationSec { margin:42px 0 0 0; *zoom:1;}
.locationSec:after {content:""; display:block; clear:both;}
.locationSec .location {  margin:0; padding:0;  float:right; }
.locationSec .location li {float:left; margin:0; padding:0 15px 0 10px; font-size:11px; list-style:none; background:url(../../images/Site/icon_arrow_gray.gif) right center no-repeat;}
.locationSec .location li a {color:#666666; text-decoration:none;}
.locationSec .location li a:hover { text-decoration:none; color:#de405f;}
.locationSec .location li.lastchild { background:none; padding-right:0px; color:#de405f;} 
.locationSec .location li.lastchild a {color:#de405f;}
/* navigation */
.navigation { width:197px; list-style:none; position:relative; *zoom:1; margin:3px auto; padding:0; }
.navigation ul { list-style:none; position:relative; *zoom:1; margin:0; padding:0;}
.navigation li{ list-style:none; position:relative; *zoom:1; margin:0; padding:0;}
.navigation li a{ display:block; position:relative; padding:6px 0 7px 28px; background-image:url(../../images/Site/iconNavigation2.gif); background-repeat:no-repeat; border-bottom:1px solid #e3e3e0; color:#636363; font-weight:bold; letter-spacing:-1px;text-decoration:none;}
.navigation li.open a{ background-position:0 -24px; color:#9858a8; font-weight:bold;}
.navigation li.open li a{ display:block; position:relative;  padding:4px 0 4px 18px; background-image:url(../../images/Site/iconNavigation2.gif); background-position:0 -45px; background-repeat:no-repeat; border-bottom:none; font-weight:normal; color:#8a8a8a;}
.navigation li.open li.open a {background-position:0 -65px;color:#b78ac2;font-weight:bold;}
.navigation li.open li.open li a {display:block; position:relative; padding:4px 0 4px 24px; background-image:url(../../images/Site/iconNavigation2.gif); background-position:0 -83px; background-repeat:no-repeat; font-weight:normal; color:#8a8a8a;}
.navigation li.open li.open li.open a {background-position:0 -100px; background-color:#b588bf; color:#ffffff;font-weight:bold;}
.navigation li ul,
.navigation li.open ul li ul { display:none; margin:5px 0 10px 12px;}
.navigation li.open ul,
.navigation li.open ul li.open ul{ display:block;}
.navigation li ul li a{ padding:2px 0 2px 5px; background-image:none;}
.navigation li a:hover,
.navigation li a:active,
.navigation li a:focus { text-decoration:underline;}

/* tab */
.tab { position:relative; margin:0 0 0 11px; border-bottom:1px solid #1ea5c2; width:644px; *zoom:1;}
.tab:after {content:""; display:block; clear:both;}
.tab li { float:left; margin:0 2px 0 0; vertical-align:bottom; list-style:none; }
.tab li img {vertical-align:bottom;}

#tabContent_introduce { margin:19px 0 0 19px;}
#tabContent_product{margin:19px 0 0 11px;}

.tab2 { position:relative; margin:0; *zoom:1;}
.tab2:after {content:""; display:block; clear:both;}
.tab2 li { float:left; margin:0 4px 0 0; list-style:none; }
.tab2 li img { cursor:pointer;}
.tabSubContent { margin-left:8px;}

.section p.text { line-height:2;}
.section p.text2 { line-height:15px;}
.section p.img { text-align:center; line-height:2;}
.section p.title01 { color:#20a7c5; font-size:12px; font-weight:bold;}
.section p.title02 { color:#5e5e5e;	font-size:12px; font-weight:bold;}
.section p.imgDesc { font-size:12px; font-weight:bold; text-align:center;}

.section .addr {margin-top:26px; padding-left:20px;}
.section .addr ul { margin-top:7px; list-style:none;}
.section .addr ul li {padding-left:11px;  background-image:url(../../images/Site/bl_81a0ae1x1.jpg); background-position:left center; background-repeat:no-repeat; line-height:1.5;}

/* bl_list */
.bl_list {margin-top:10px; *zoom:1;}
.bl_list:after {content:""; display:block; clear:both;}
.bl_list li { margin-bottom:4px; list-style:none;  line-height:1.5;}
.bl_list li.title { padding-left:13px; font-weight:bold; background-image:url(../../images/Site/bl_81a0ae1x1.jpg); background-position:5px 6px; background-repeat:no-repeat;}
.bl_list ul {margin-bottom:23px;}
.bl_list li li {font-weight:normal;}

.bl_list2 { list-style:none; *zoom:1;}
.bl_list2:after {content:""; display:block; clear:both;}
.bl_list2 li { padding-left:11px; margin-bottom:4px;  background-image:url(../../images/Site/bl_81a0ae1x1.jpg); background-position:left 5px; background-repeat:no-repeat; line-height:1.5;}
.bl_list2 li li { background-image:none;}

.bl_list3 {list-style:none; margin:-2px 0 0 15px;}
.bl_list3 li { line-height:1.5;}

h5.lineBottom { margin-left:14px; padding:0 0 8px 5px; border-bottom:1px solid #e3e3e3}
.vendor { list-style:none; *zoom:1;}
.vendor:after {content:""; display:block; clear:both;}
.vendor li { float:left; margin:0 10px 48px 0;}

/* toggleList */
.toggleList {*zoom:1;}
.toggleList:after {content:""; display:block; clear:both;}
.toggleList li { list-style:none;  vertical-align:middle;}
.toggleList li img.subject { padding-bottom:2px; vertical-align:middle; cursor:pointer;}
.toggleDesc { display:none; margin:6px 0 24px 0; padding:24px 30px; border:1px solid #e5e5e5;}
.toggleList li.active .toggleDesc {display:block;}

/* dl */
dl.dlType1 {} 
dl.dlType1 dt { padding-left:10px; font-weight:bold; background-image:url(../../images/Site/bl_3a96c51x1.jpg); background-position:left 5px;  background-repeat:no-repeat;}
dl.dlType1 dd { margin-top:2px; line-height:1.2;}

/* main */
body.main #header{ margin:0 0 11px 17px; height:87px; *zoom:1; z-index:9999999;}
body.main #content { margin-bottom:20px;}



/* main-body-content */
.body-content-image { float:left; margin-top:6px;}
.body-content-aside { float:right; margin-top:6px; width:256px; }
.body-content-aside h3 { padding:0 0 4px 6px; width:243px; border-bottom:1px solid #e3e3e3;}
.body-content-aside ul { padding:15px 0 0 20px; *zoom:1; }
.body-content-aside ul:after {content:""; display:block; clear:both;} 
.body-content-aside ul li { float:left; margin-right:28px; list-style:none;}
.body-content-aside .office365 { text-align:center; margin-top:6px;}



.layout-visual {    
    background-repeat:no-repeat;
    background-position:center; 
    display:block;
    /*height:192px;*/
    height:298px;
    background-color:#bebebe; 
}
.visual-button-wrapper {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    text-align:right;
    /*padding-top:152px;*/
    padding-top:258px;
}
#header .major #major-item-hanbit .sub {
    margin-left:-20px;
}
#header .major #major-item-service .sub {
    margin-left:-20px;
}
#header .major #major-item-love .sub {
    margin-left:-20px;
}
#header .major #major-item-donate .sub {
    margin-left:-10px;
}
#header .major #major-item-news .sub {
    margin-left:-20px;
}
#header .major #major-item-soaam .sub {
    margin-left:-10px;
}
#LeftMenu.FixPosition {
    position:fixed !important;top:160px;z-index:10000;
}

#footer {
    
    background-image:url('/images/Site/footer_address.jpg');
    background-position:center center;
    background-repeat:no-repeat;
            
}
.mainDonateButtonsWrapper {
    margin-top:372px;
}
#mainDonateButtons {
    float:right;
}
.mainLinkWapper {
    margin-left:10px;    
    margin-top:35px;    
    display:block;
    background-image:url('/Images/Site/main_LinksBackground.jpg');
    width:233px;
    height:265px;
    float:left;    
}
.mainLinksWapper {
    margin-left:10px; 
}

#mainLinks {
    display:block;
    height:326px;
    background-color:#efefef; 
}

#main-video{
    width:379px;
    height:240px;
    background-image:url("/Images/Site/main_VideoCut.jpg");
    margin-top:45px;
    margin-left:20px;
    float:left;
}

/*/mediaquery*/
@media screen and (max-width: 460px) {
    .djmodal-popup {
        width:300px !important;
        margin-left:-150px !important;
    }
    .mainContent .mainContentWrapper {
        width:440px !important;
    }
    .visual-button-wrapper a {
        display:none;
    }

    .imgTitlePreView {
        width:95% !important;
    }

    #main-video {
        margin-top:10px ;
        margin-left:30px;
    }

    #main-video-text {
        margin-left:16px !important;
    }

    #footer {
        background-image: url('/images/Site/footer_address_s.jpg');
    }

    #mainDonateButtons {
        display:none;
    }
    #mainVisualSlider {
        float:left !important;
    }
    #mainVisualSlider {
        margin-left:200px;
    }
    .mainLinksWapper {
        margin-left:5px;
    }
    .mainLinkWapper {
    margin-left:10px;    
    margin-top:10px;    
    display:block;
    background-image:url('/Images/Site/main_LinksBackground_s.png');
    width:200px;
    height:265px;
    float:left;    
    }
    #mainLinks {
    
    height:560px;
    
    }
}