@charset "utf-8";

/* KAKAO PLUS */
#kakao_plus { position:fixed; right:30px; bottom:30px; line-height:0; }

@media screen and (max-width:994px) {
    /* KAKAO PLUS */
    #kakao_plus { width:80px; right:20px; bottom:20px; }
    #kakao_plus img { width:100%; }
}

/* LAYOUT */
#wrap { overflow:hidden; }
#header { position:fixed; width:100%; background-color:#252525; z-index:10; }
#container { }
#foot { overflow:hidden; height:125px; background:url(../images/inc/foot_bg.png) repeat-x center top; }

/* HEADER */
#header .logo_gnb { height:60px; margin:0 auto; }
#header .logo_gnb .logo { float:left; width:155px; margin-left:2%; }
#header .logo_gnb .logo img { width:123px; }
#header .logo_gnb .gnb { position:relative; float:right; height:36px; margin-top:23px; margin-right:20px; }
#header .logo_gnb .gnb ul { margin:0; padding:0; }
#header .logo_gnb .gnb li { float:left; list-style:none; padding-left:54px; background:url(../images/inc/gnb_bar.png) no-repeat 26px 0px; }
#header .logo_gnb .gnb li:first-child { padding-left:0; background:none; }
#header .logo_gnb .gnb a { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#eaeaea; font-size:13px; line-height:14px; display:block; }
#header .logo_gnb .gnb a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#e00f27; font-size:13px; line-height:14px; display:block; }
#header .logo_gnb .gnb a.selected { color:#e00f27; }

#header .logo_gnb .gnb .smenu { display:none; position:absolute; width:180px; left:-10px; top:37px; padding:0 0 30px 0; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; background-color:#252525; z-index:21; }
#header .logo_gnb .gnb .smenu ul { margin:0; }
#header .logo_gnb .gnb .smenu li { list-style:none; width:100%; height:30px; padding-left:0; background:none; }
#header .logo_gnb .gnb .smenu li:first-child { height:20px; }
#header .logo_gnb .gnb .smenu a { padding-left:16px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#aaaaaa; font-size:12.5px; line-height:30px; font-weight:normal; display:block; }
#header .logo_gnb .gnb .smenu a:hover { color:#252525; background-color:#dfdfdf; }
#header .logo_gnb .gnb .smenu .smenu_bar { height:4px; margin:-4px 48px 0 48px; background-color:#bcbcbc; }

#header .head_login { overflow:hidden; height:51px; background:url(../images/inc/login_bg.png) repeat-x center top; }
#header .head_login .area { margin:14px auto 0; }
#header .head_login .area .login_text { float:right; }
#header .head_login .area .login_text ul { margin:0; padding:0; }
#header .head_login .area .login_text li { float:left; list-style:none; padding-left:9px; margin-right:18px; background:url(../images/inc/login_dot01.png) no-repeat left 9px; }
#header .head_login .area .login_text li.type01 { }
#header .head_login .area .login_text a,
#header .head_login .area .login_text a:hover { font-family:'Dotum', '돋움'; color:#faded9; font-size:11px; line-height:23px; display:block; }
#header .head_login .area .login_input { float:right; width:139px; height:23px; background:url(../images/inc/login_input_bg.png) no-repeat left top; }
#header .head_login .area .login_input .input { width:120px; height:14px; margin:5px 0 0 10px; }
#header .head_login .area .login_input .input input { width:120px; height:14px; border:none; background-color:#f59274; font-family:'Dotum', '돋움'; color:#fef4f1; font-size:11px; line-height:16px; }
#header .head_login .area .login_btn { float:right; width:66px; height:21px; margin-right:1px; background-color:#cc2524; border:1px solid #bf211f; text-align:center; }
#header .head_login .area .login_btn a,
#header .head_login .area .login_btn a:hover { font-family:'Dotum', '돋움'; color:#f6dada; font-size:11px; line-height:22px; display:block; }


#header .logo_gnb .m_gnb { position:relative; float:right; height:60px; display:none; }
#header .logo_gnb .m_gnb a {display:block;}
#header .logo_gnb .m_gnb img { width:60px; }


/* GNB(모바일메뉴) */
#slide_gnb_bg { overflow:hidden; position:absolute; width:100%; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:0.60; filter:Alpha(opacity=60); z-index:9999; }
#slide_gnb_area { overflow:hidden; position:absolute; width:100%; z-index:99991; }
#slide_gnb_area .slide_gnb { overflow:hidden; position:relative; height:66px; border-bottom:1px solid #c9c9c9; background:url(../images/inc/header_bg.png) repeat-x center top; background-color:#fff; z-index:99992; }
#slide_gnb_area .slide_gnb .logo { margin:18px 0 0 15px; float:left; }
#slide_gnb_area .slide_gnb .logo a,
#slide_gnb_area .slide_gnb .logo a:hover {font-size:24px;font-weight:bold;font-family:"Malgun Gothic","맑은 고딕",sans-serif;}
#slide_gnb_area .slide_gnb .btn_close { position:absolute; width:18px; right:4%; top:27px; }
#slide_gnb_area .slide_list { }
#slide_gnb_area .slide_list ul { margin:0; padding:0; }
#slide_gnb_area .slide_list li { position:relative; list-style:none; background-color:#eeedea; border-bottom:1px solid #d3d2cd; }
#slide_gnb_area .slide_list li.sub_menu { padding-left:7%; height:40px; background-color:#fff; border-bottom:1px solid #d3d2cd; font-family:"Malgun Gothic","맑은 고딕",sans-serif; color:#636468; font-size:14px; line-height:40px; }
#slide_gnb_area .slide_list li.sub_menu:last-child {border-bottom: none;}

#slide_gnb_area .menu a {display: block;}
#slide_gnb_area .sub_menu a {display: block;}

#slide_gnb_area .slide_list ul li ul {display: none;}
#slide_gnb_area .slide_list ul li.open ul {display: inline;}

#slide_gnb_area .slide_list .menu { margin-left:5%; font-family:"Malgun Gothic","맑은 고딕",sans-serif; color:#636468; font-size:16px; line-height:50px; font-weight:bold; }
#slide_gnb_area .slide_list .menu_dot { position:absolute; width:20px; right:4%; top:20px; }
#slide_gnb_area .slide_bottom { height:45px; }


/* 2015-05-07 추가 */
#breadi { }
#container .reseller01 { margin-top:111px; height:1091px; background:url(../images/main/reseller_img01.png) no-repeat center top; text-align:center; }
#container .reseller01 h1,h2 { display:none; }
#container .reseller02 { height:614px; background:url(../images/main/reseller_img02.png) no-repeat center top; text-align:center; }
#container .reseller02 h1,h2 { display:none; }
#container .reseller03 { height:1028px; background:url(../images/main/reseller_img03.png) no-repeat center top; text-align:center; }
#container .reseller03 h1,h2 { display:none; }
#container .reseller04 { height:395px; background:url(../images/main/reseller_img04.png) no-repeat center top; text-align:center; }
#container .reseller04 h1,h2 { display:none; }
#container .reseller05 { height:669px; background:url(../images/main/reseller_img05.png) no-repeat center top; text-align:center; }
#container .reseller05 h1,h2 { display:none; }
#container .reseller06 { height:941px; background:url(../images/main/reseller_img06.png) no-repeat center top; text-align:center; }
#container .reseller06 h1,h2 { display:none; }
#container .reseller07 { height:311px; background:url(../images/main/reseller_img07.png) no-repeat center top; text-align:center; }
#container .reseller07 h1,h2 { display:none; }
#container .reseller08 { height:220px; background:url(../images/main/reseller_img08.png) no-repeat center top; text-align:center; }
#container .reseller08 h1,h2 { display:none; }
#container .reseller09 { height:219px; background:url(../images/main/reseller_img09.png) no-repeat center top; text-align:center; }
#container .reseller09 h1,h2 { display:none; }
#container .reseller10 { height:374px; background:url(../images/main/reseller_img10.png) no-repeat center top; text-align:center; }
#container .reseller10 h1,h2 { display:none; }

#breadi_m { display:none; }
#container .reseller01_m { overflow:hidden; margin-top:111px; background:url(../images/main/reseller01_m_bg.png) no-repeat center top; }
#container .reseller01_m .title { margin:1.5em 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ffffff; font-size:2.5em; line-height:1.4em; font-weight:700; -moz-text-shadow:1px 1px #0f5798; -webkit-text-shadow:1px 1px #0f5798; text-shadow:1px 1px #0f5798; }
#container .reseller01_m .title span { color:#ffd701; }
#container .reseller01_m .info { margin:20px 0 0; padding:0 7% 3em; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#c6e4ff; font-size:1.2em; line-height:1.4em; font-weight:600; -moz-text-shadow:1px 1px #c6e4ff; -webkit-text-shadow:1px 1px #0f5798; text-shadow:1px 1px #0f5798; border-bottom:1px solid #5796cf; }
#container .reseller01_m .info span { color:#ffc6ce; }
#container .reseller01_m .thum01 { margin:40px 0 0; text-align:center; }
#container .reseller01_m .thum01 img { width:170px; }
#container .reseller01_m .info01 { margin:20px 0 0; padding:0 7% 4em; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ffffff; font-size:1.2em; line-height:1.8em; font-weight:600; -moz-text-shadow:1px 1px #c6e4ff; -webkit-text-shadow:1px 1px #0f5798; text-shadow:1px 1px #0f5798; border-bottom:1px solid #5796cf; }

#container .reseller02_m { overflow:hidden; background:url(../images/main/reseller02_m_bg.png) repeat left top; }
#container .reseller02_m .title { margin:2em 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#664821; font-size:2.2em; line-height:1.4em; font-weight:700; -moz-text-shadow:1px 1px #fff; -webkit-text-shadow:1px 1px #fff; text-shadow:1px 1px #fff; }
#container .reseller02_m .title span { color:#662121; }
#container .reseller02_m .info { margin:15px 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:1.3em; line-height:1.5em; -moz-text-shadow:1px 1px #fff8ec; -webkit-text-shadow:1px 1px #fff8ec; text-shadow:1px 1px #fff8ec; }
#container .reseller02_m .info span { color:#ffc6ce; }
#container .reseller02_m .thum01 { margin:40px 0 50px; text-align:center; }
#container .reseller02_m .thum01 img { width:240px; }

#container .reseller03_m { overflow:hidden; background-color:#fff; }
#container .reseller03_m .title { margin:2em 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#455115; font-size:2.2em; line-height:1.4em; font-weight:700; -moz-text-shadow:1px 1px #fff; -webkit-text-shadow:1px 1px #fff; text-shadow:1px 1px #fff; }
#container .reseller03_m .info { margin:15px 0 50px; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:1.3em; line-height:1.5em; }
#container .reseller03_m .info span { color:#ffc6ce; }

#container .reseller04_m { overflow:hidden; background:url(../images/main/reseller04_m_bg.png) repeat left top; }
#container .reseller04_m .title { margin:2em 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#214a68; font-size:2.2em; line-height:1.4em; font-weight:700; -moz-text-shadow:1px 1px #fff; -webkit-text-shadow:1px 1px #fff; text-shadow:1px 1px #fff; }
#container .reseller04_m .title span { color:#682121; }
#container .reseller04_m .info { margin:15px 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:1.3em; line-height:1.5em; -moz-text-shadow:1px 1px #eefaff; -webkit-text-shadow:1px 1px #eefaff; text-shadow:1px 1px #eefaff; }
#container .reseller04_m .info span { color:#ffc6ce; }
#container .reseller04_m .thum01 { margin:40px 0 0; text-align:center; font-size:0; line-height:0; }
#container .reseller04_m .thum01 img { width:300px; }

#container .reseller05_m { overflow:hidden; background-color:#fff; }
#container .reseller05_m .title { margin:2em 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#283f55; font-size:2.2em; line-height:1.4em; font-weight:700; -moz-text-shadow:1px 1px #fff; -webkit-text-shadow:1px 1px #fff; text-shadow:1px 1px #fff; }
#container .reseller05_m .info { margin:15px 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:1.3em; line-height:1.5em; -moz-text-shadow:1px 1px #eefaff; -webkit-text-shadow:1px 1px #eefaff; text-shadow:1px 1px #eefaff; }
#container .reseller05_m .info span { color:#ffc6ce; }
#container .reseller05_m .thum01 { margin:40px 0 0; text-align:center; font-size:0; line-height:0; }
#container .reseller05_m .thum01 img { width:280px; }

#container .reseller06_m { overflow:hidden; background-color:#f2f3f5; }
#container .reseller06_m .title { margin:2em 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#010101; font-size:2.2em; line-height:1.4em; font-weight:700; -moz-text-shadow:1px 1px #fff; -webkit-text-shadow:1px 1px #fff; text-shadow:1px 1px #fff; }
#container .reseller06_m .info { margin:15px 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:1.3em; line-height:1.5em; }
#container .reseller06_m .info span { color:#ffc6ce; }
#container .reseller06_m .thum01 { margin:40px 0 0; text-align:center; font-size:0; line-height:0; }
#container .reseller06_m .thum01 img { width:280px; }

#container .reseller07_m { overflow:hidden; background-color:#fff; }
#container .reseller07_m .title { margin:2em 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#010101; font-size:2.2em; line-height:1.4em; font-weight:700; -moz-text-shadow:1px 1px #fff; -webkit-text-shadow:1px 1px #fff; text-shadow:1px 1px #fff; }
#container .reseller07_m .title span { color:#0065e1; }
#container .reseller07_m .title span.type01 { color:#ff1200; }
#container .reseller07_m .info { margin:15px 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:1.3em; line-height:1.5em; }
#container .reseller07_m .info span { color:#ffc6ce; }
#container .reseller07_m .thum01 { margin:40px 0 50px; text-align:center; font-size:0; line-height:0; }
#container .reseller07_m .thum01 img { max-width:320px; }

#container .reseller08_m { overflow:hidden; background:url(../images/main/reseller08_m_bg.png) repeat left top; }
#container .reseller08_m .title { margin:2em 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#662121; font-size:2.2em; line-height:1.4em; font-weight:700; -moz-text-shadow:1px 1px #fff; -webkit-text-shadow:1px 1px #fff; text-shadow:1px 1px #fff; }
#container .reseller08_m .title span { color:#213b66; }
#container .reseller08_m .info { margin:15px 0 50px; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:1.3em; line-height:1.5em; }
#container .reseller08_m .info span { color:#662121; }

#container .reseller09_m { overflow:hidden; background:url(../images/main/reseller09_m_bg.png) repeat left top; }
#container .reseller09_m .title { margin:2em 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#010101; font-size:2.2em; line-height:1.4em; font-weight:700; -moz-text-shadow:1px 1px #fff; -webkit-text-shadow:1px 1px #fff; text-shadow:1px 1px #fff; }
#container .reseller09_m .title span { color:#096246; }
#container .reseller09_m .title span.type01 { color:#ff1200; }
#container .reseller09_m .info { margin:15px 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:1.3em; line-height:1.5em; }
#container .reseller09_m .info span { color:#ffc6ce; }
#container .reseller09_m .thum01 { margin:40px 0 50px; text-align:center; font-size:0; line-height:0; }
#container .reseller09_m .thum01 img { max-width:320px; }

#container .reseller10_m { overflow:hidden; background:url(../images/main/reseller10_m_bg.png) repeat left top; }
#container .reseller10_m .title { margin:2em 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#f6f6f6; font-size:2.2em; line-height:1.4em; font-weight:700; -moz-text-shadow:1px 1px #000000; -webkit-text-shadow:1px 1px #000000; text-shadow:1px 1px #000000; }
#container .reseller10_m .title span { color:#ffc000; }
#container .reseller10_m .info { margin:15px 0 50px; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#eeeeed; font-size:1.3em; line-height:1.5em; }

#container .reseller11_m { overflow:hidden; background:url(../images/main/reseller11_m_bg.png) repeat left top; }
#container .reseller11_m .title { margin:2em 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#214a68; font-size:2.2em; line-height:1.4em; font-weight:700; -moz-text-shadow:1px 1px #fff; -webkit-text-shadow:1px 1px #fff; text-shadow:1px 1px #fff; }
#container .reseller11_m .title span { color:#682121; }
#container .reseller11_m .title span.type01 { color:#ff1200; }
#container .reseller11_m .info { margin:15px 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:1.3em; line-height:1.5em; }
#container .reseller11_m .info span { color:#ffc6ce; }
#container .reseller11_m .thum01 { margin:40px 0 0; text-align:center; font-size:0; line-height:0; }
#container .reseller11_m .thum01 img { max-width:320px; }

#container .reseller12_m { overflow:hidden; background-color:#f6f6f7; }
#container .reseller12_m .title { margin:2em 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#010101; font-size:2.2em; line-height:1.4em; font-weight:700; -moz-text-shadow:1px 1px #fff; -webkit-text-shadow:1px 1px #fff; text-shadow:1px 1px #fff; }
#container .reseller12_m .title span { color:#0065e1; }
#container .reseller12_m .title span.type01 { color:#ff1200; }
#container .reseller12_m .info { margin:15px 0 0; padding:0 7%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:1.3em; line-height:1.5em; }
#container .reseller12_m .info span { color:#ffc6ce; }
#container .reseller12_m .thum01 { margin:20px 0 0; padding-bottom:20px; text-align:center; font-size:0; line-height:0; border-bottom:1px solid #d8d8d8; }
#container .reseller12_m .thum01 img { max-width:320px; }



#s_container { width:1100px; margin:0 auto 60px; }

/* HOMEPAGE */
.homepage { border-bottom:1px solid #c1c1c1; padding-bottom:20px; }
.homepage .area { width:1095px; margin:0 auto; }
.homepage .area ul { margin:0; padding:0; }
.homepage .area li { float:left; list-style:none; width:365px; height:255px; }
.homepage .area .sum { width:336px; height:211px; margin:0 auto; border:1px solid #d7d7d7; }
.homepage .area .sum img { margin:3px; }
.homepage .area .sum_title { width:336px; height:27px; margin:0 auto; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:13px; line-height:27px; text-align:center; }

.homepage_view { width:1080px; margin:0 auto; }
.homepage_view .area { position:relative; width:926px; margin:0 auto 35px; }
.homepage_view .area .zoom_img { width:810px; margin:0 auto 20px; border:1px solid #d7d7d7; }
.homepage_view .area .zoom_img img { margin:3px; }
.homepage_view .area .btn_left { position:absolute; width:17px; height:27px; left:0; top:224px; }
.homepage_view .area .btn_right { position:absolute; width:17px; height:27px; right:0; top:224px; }
.homepage_view .area .info { position:relative; width:812px; height:210px; margin:0 auto; }
.homepage_view .area .info .list { position:absolute; width:680px; height:141px; left:0; top:0; background-color:#c0dce6; }
.homepage_view .area .info .list ul { margin:19px 0 0 29px; padding:0; }
.homepage_view .area .info .list li { float:left; list-style:none; width:306px; height:25px; padding-left:8px; background:url(../images/board/homepage_dot01.png) no-repeat left 10px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#2f2f2f; font-size:13px; line-height:25px; }
.homepage_view .area .info .sns { position:absolute; width:680px; height:68px; left:0; top:142px; background-color:#d3d3d3; }
.homepage_view .area .info .sns ul { margin:19px 0 0 29px; padding:0; }
.homepage_view .area .info .sns li { float:left; list-style:none; width:30px; height:30px; margin-right:10px; }
.homepage_view .area .info .btn_site { position:absolute; width:129px; height:70px; right:0; top:0; background-color:#4b629b; text-align:center; }
.homepage_view .area .info .btn_site a,
.homepage_view .area .info .btn_site a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#fff; font-size:13px; line-height:70px; font-weight:bold; display:block; }
.homepage_view .area .info .btn_admin { position:absolute; width:129px; height:70px; right:0; top:71px; background-color:#59adec; text-align:center; }
.homepage_view .area .info .btn_admin a,
.homepage_view .area .info .btn_admin a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:13px; line-height:70px; font-weight:bold; display:block; }
.homepage_view .area .info .btn_order { position:absolute; width:129px; height:70px; right:0; top:142px; background-color:#fcef00; text-align:center; }
.homepage_view .area .info .btn_order a,
.homepage_view .area .info .btn_order a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000000; font-size:13px; line-height:70px; font-weight:bold; display:block; }

.homepage_view .qna { }
.homepage_view .qna .title { height:53px; background:url(../images/board/homepage_board_title.png) no-repeat center top; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ffffff; font-size:12px; line-height:30px;  text-align:center; }
.homepage_view .qna .table { border-top:1px solid #283e6c; margin-bottom:20px; }
.homepage_view .qna .table th { border-bottom:1px solid #d2d2d2; background:url(../images/board/board_bg.png) no-repeat left 19px; background-color:#f9f9f9; font-family:'Dotum', '돋움'; color:#323232; font-size:12px; line-height:47px; text-align:center }
.homepage_view .qna .table th:first-child { background:none; background-color:#f9f9f9; }
.homepage_view .qna .table td { border-bottom:1px solid #e3e3e3; font-family:'Dotum', '돋움'; color:#3f3f3f; font-size:12px; line-height:40px; text-align:center; }
.homepage_view .qna .table .subject { padding-left:10px; text-align:left; }
.homepage_view .qna .table .subject a,
.homepage_view .qna .table .subject a:hover { font-family:'Dotum', '돋움'; color:#3f3f3f; font-size:12px; line-height:40px; display:block; }


/* 활용사례 */
.sample { padding-bottom:20px; }
.sample .area { width:1048px; margin:0 auto; }
.sample .area ul { margin:0; padding:0; }
.sample .area li { list-style:none; height:364px; margin-bottom:30px; }
.sample .area .sample_thum { float:left; width:706px; height:361px; border:1px solid #d7d7d7; }
.sample .area .sample_thum img { margin:3px; }
.sample .area .info_area { float:right; width:320px; height:361px; }
.sample .area .info_area.type01 { background:url(../images/sample/bg01.png) no-repeat left top; }
.sample .area .info_area.type02 { background:url(../images/sample/bg02.png) no-repeat left top; }
.sample .area .info_area.type03 { background:url(../images/sample/bg03.png) no-repeat left top; }
.sample .area .info_area.type04 { background:url(../images/sample/bg04.png) no-repeat left top; }
.sample .area .info_area.type05 { background:url(../images/sample/bg05.png) no-repeat left top; }
.sample .area .info_area.type06 { background:url(../images/sample/bg06.png) no-repeat left top; }
.sample .area .info_area .subject { width:289px; margin:20px auto 0; height:80px; padding-left:11px; border-bottom:1px solid #c1c1c1; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#111; font-size:33px; line-height:80px; font-weight:bold; }
.sample .area .info_area .text01 { width:270px; margin:20px auto 2px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:15px; line-height:24px; font-weight:bold; }
.sample .area .info_area .text01.type01 { color:#005691; }
.sample .area .info_area .text01.type02 { color:#88083e; }
.sample .area .info_area .text01.type03 { color:#212121; }
.sample .area .info_area .text01.type04 { color:#913b00; }
.sample .area .info_area .text02 { width:270px; margin:0 auto 20px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#1d1d1d; font-size:13px; line-height:20px; }


/* 활용사례01 */
.sample01 { overflow:hidden; margin:110px auto 0; background:url(../images/sample/new_bg.png) repeat left top; }
.sample01 .area { width:1260px; margin:70px auto; }
.sample01 .area ul { margin:0; padding:0; text-align:center; }
.sample01 .area ul li { position:relative; list-style:none; width:315px; height:252px; margin:-3.5px; padding:0; display:inline-block; *display:inline; *zoom:1; }
.sample01 .area .thum_ov { position:absolute; width:315px; height:252px; background:url(../images/sample/new_thum_ov.png) no-repeat left top; }



/* 기능소개 */
.program { max-width:1501px; margin:180px auto 40px; border-left:1px solid #cdcdcd; border-top:1px solid #cdcdcd;  text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.program ul { display:inline-block; margin:0; padding:0; }
.program li { list-style:none; float:left; width:250px; height:250px; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.program li.type01 { background-color:#fbfbfb; }
.program .program_title { margin-top:35px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000; font-size:16px; line-height:18px; text-align:center; font-weight:bold; }
.program .program_icon { height:107px; text-align:center; }
.program .program_info { margin-top:5px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#454545; font-size:12px; line-height:16px; text-align:center; }



/* 리셀러문의 */
.reseller_inquiry { overflow:hidden; margin:111px auto 0; }
.reseller_inquiry .reseller_row01 { overflow:hidden; height:286px; background:url(../images/reseller/reseller_bg01.png) repeat left top; }
.reseller_inquiry .reseller_row01 .reseller_row01_img01 { margin-top:95px; text-align:center; }
.reseller_inquiry .reseller_row01 .reseller_row01_img01_m { text-align:center; display:none; } 
.reseller_inquiry .reseller_row01 .reseller_row01_text01 { margin-top:25px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000; font-size:13px; line-height:22px; text-align:center; }
.reseller_inquiry .reseller_row02 { overflow:hidden; height:296px; background:url(../images/reseller/reseller_bg02.png) repeat left top; }
.reseller_inquiry .reseller_row02 .reseller_row02_img01 { margin-top:70px; text-align:center; }
.reseller_inquiry .reseller_row02 .reseller_row02_text01 { margin-top:30px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000; font-size:13px; line-height:22px; text-align:center; }
.reseller_inquiry .reseller_row02 .reseller_row02_text01_m { display:none; }
.reseller_inquiry .reseller_row03 { overflow:hidden; background-color:#f7f7f7; }
.reseller_inquiry .reseller_row03 .reseller_row03_area { margin:50px 16% 0; }



/* 공통 */
.page { margin:20px auto; height:27px; text-align:center; }
.page img { margin:-2px 4px 0px 4px; vertical-align:middle; }
.page .text { display:inline; }
.page .text a:link { text-align:center; width:26px; line-height:23px; padding-top:2px; border:1px solid #c8c8c8; background-color:#FFF; display:inline-block; color:#444444; font-size:12px; margin:0px 2px; }
.page .text a:hover { text-align:center; width:26px; line-height:23px; padding-top:2px; border:1px solid #5d5d5d; background-color:#FFF; display:inline-block; color:#444444; font-weight:bold; font-size:12px; margin:0px 2px; }

.page01 { float:right; height:27px; }
.page01 img { margin:-2px 4px 0px 4px; vertical-align:middle; }
.page01 .text { display:inline; }
.page01 .text a:link { text-align:center; width:26px; line-height:23px; padding-top:2px; border:1px solid #c8c8c8; background-color:#FFF; display:inline-block; color:#444444; font-size:12px; margin:0px 2px; }
.page01 .text a:hover { text-align:center; width:26px; line-height:23px; padding-top:2px; border:1px solid #5d5d5d; background-color:#FFF; display:inline-block; color:#444444; font-weight:bold; font-size:12px; margin:0px 2px; }


/* FOOT */
#foot .area { margin:44px 2% 0; }
#foot .area .menu { }
#foot .area .menu ul { margin:0; padding:0; }
#foot .area .menu li { list-style:none; float:left; left:none; padding-left:20px; background:url(../images/inc/foot_bar.png) no-repeat 10px 1px; }
#foot .area .menu li:first-child { padding-left:0; background:none; }
#foot .area .menu a,
#foot .area .menu a:hover{ font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#565656; font-size:12px; line-height:13px; display:block; font-weight:bold; }
#foot .area .address { margin-top:11px; }
#foot .area .address ul { margin:0; padding:0; }
#foot .area .address li { float:left; list-style:none; padding-left:20px; background:url(../images/inc/foot_bar.png) no-repeat 10px 4px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#787878; font-size:12px; line-height:20px; }
#foot .area .address li.type01 { padding-left:0; background:none; }
#foot .area .address li.type02 { }


/* MAIN 150630 */
#container .new_main { position:relative; margin-top:111px; }
#container .new_main ul { margin:0; padding:0; }
#container .new_main li { float:left; list-style:none; height:985px; background:url(../images/new_main/line01.png) repeat-y left top; }
#container .new_main li.type01 { width:20.6%; background:none; }
#container .new_main li.type02 { width:20.8%; background-color:#fbfbfb; }
#container .new_main li.type03 { width:20.8%; }
#container .new_main li.type04 { width:20.8%; background-color:#fbfbfb; }
#container .new_main li.type05 { width:17%; }

#container .new_main .row01 { width:320px; margin:22px auto 0; }
#container .new_main .row01 ul { margin:0; padding:0; }
#container .new_main .row01 li { position:relative; float:none; list-style:none; width:320px; height:224px; background:url(../images/new_main/line02.png) repeat-x left bottom; }
#container .new_main .row01 li.notice { }
#container .new_main .row01 li.inquiry { }
#container .new_main .row01 li.reseller { }
#container .new_main .row01 li.guide { }
#container .new_main .row01 li.admin_demo { height:200px; display:none; }
#container .new_main .row01 li.admin_demo01 { height:200px; display:none; }
#container .new_main .row01 li.admin_yellowid { height:200px; margin-top:10px; display:none; }
#container .new_main .row01 li.template { height:260px; display:none; }
#container .new_main .row01 li.tel { text-align:center; display:none; }
#container .new_main .row01 li.tel img { width:260px; margin-top:10px; }
#container .new_main .row01 .title { position:absolute; left:15px; top:39px; font-family:'Malgun Gothic','Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#1d1d1d; font-size:18px; line-height:19px; font-weight:bold; }
#container .new_main .row01 .title_line { position:absolute; width:19px; left:15px; top:75px; border-top:1px solid #000000; }
#container .new_main .row01 .more { position:absolute; width:12px; height:12px; right:15px; top:42px; }
#container .new_main .row01 .more01 { position:absolute; width:101px; height:25px; left:15px; top:155px; }
#container .new_main .row01 .list { position:absolute; width:290px; left:15px; top:92px; }
#container .new_main .row01 .list ul { margin:0; padding:0; }
#container .new_main .row01 .list li { list-style:none; width:290px; height:24px; background:url(../images/new_main/dot01.png) no-repeat left 11px; }
#container .new_main .row01 .list .subject { float:left; width:210px; margin-left:9px; }
#container .new_main .row01 .list .subject a,
#container .new_main .row01 .list .subject a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#615d56; font-size:13px; line-height:24px; }
#container .new_main .row01 .list .data { float:right; width:70px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#7b7b7b; font-size:12px; line-height:24px; text-align:right; }
#container .new_main .row01 .info { position:absolute; left:16px; top:92px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#666666; font-size:12px; line-height:19px; }
#container .new_main .row01 .icon { position:absolute; width:105px; height:105px; right:14px; top:57px; }
#container .new_main .row01 .demo { width:320px; height:200px; background:url(../images/new_main/demo.png) no-repeat center top; }
#container .new_main .row01 .yellowid { width:320px; height:200px; background-color:#ffcc00; text-align:center; }
#container .new_main .row01 .yellowid img { width:240px; }

#container .new_main .row01 .templ { }
#container .new_main .row01 .templ ul { margin:0; padding:0; }
#container .new_main .row01 .templ li { position:relative; float:none; list-style:none; width:320px; height:279px; background:none; }
#container .new_main .row01 .templ .templ_thum { height:204px; background-color:#fff; border:1px solid #cecece; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#container .new_main .row01 .templ .templ_thum img { width:98%; padding:1%; }
#container .new_main .row01 .templ .templ_info { margin:16px 5px 0; }
#container .new_main .row01 .templ .templ_info .info_price { float:left; font-family:'gulim','굴림'; color:#414141; font-size:14px; line-height:13px; }
#container .new_main .row01 .templ .templ_info .reseller_price { float:right; font-family:'gulim','굴림'; color:#c30808; font-size:14px; line-height:13px; text-align:right; }

#container .new_main .row02 { width:323px; margin:61px auto 0; }
#container .new_main .row02 .title { height:44px; font-family:'Malgun Gothic','Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#1d1d1d; font-size:18px; line-height:19px; font-weight:bold; }
#container .new_main .row02 .list { }
#container .new_main .row02 .list ul { margin:0; padding:0; }
#container .new_main .row02 .list li { position:relative; float:none; list-style:none; width:323px; height:279px; background:none; }
#container .new_main .row02 .list .thum { height:204px; background-color:#fff; border:1px solid #cecece; }
#container .new_main .row02 .list .thum img { margin:3px; }
#container .new_main .row02 .list .info { margin:16px 11px 0; }
#container .new_main .row02 .list .info .info_price { float:left; font-family:'gulim','굴림'; color:#414141; font-size:12px; line-height:13px; }
#container .new_main .row02 .list .info .reseller_price { float:right; font-family:'gulim','굴림'; color:#c30808; font-size:12px; line-height:13px; text-align:right; }

#container .new_main .row03 { width:323px; margin:61px auto 0; }
#container .new_main .row03 .title { height:44px; font-family:'Malgun Gothic','Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#1d1d1d; font-size:18px; line-height:19px; font-weight:bold; }
#container .new_main .row03 .list { }
#container .new_main .row03 .list ul { margin:0; padding:0; }
#container .new_main .row03 .list li { position:relative; float:none; list-style:none; width:323px; height:279px; background:none; }
#container .new_main .row03 .list .thum { height:204px; background-color:#fff; border:1px solid #cecece; }
#container .new_main .row03 .list .thum img { margin:3px; }
#container .new_main .row03 .list .info { margin:16px 11px 0; }
#container .new_main .row03 .list .info .info_price { float:left; font-family:'gulim','굴림'; color:#414141; font-size:12px; line-height:13px; }
#container .new_main .row03 .list .info .reseller_price { float:right; font-family:'gulim','굴림'; color:#c30808; font-size:12px; line-height:13px; text-align:right; }

#container .new_main .row04 { width:323px; margin:61px auto 0; }
#container .new_main .row04 .title { height:44px; font-family:'Malgun Gothic','Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#1d1d1d; font-size:18px; line-height:19px; font-weight:bold; }
#container .new_main .row04 .list { }
#container .new_main .row04 .list ul { margin:0; padding:0; }
#container .new_main .row04 .list li { position:relative; float:none; list-style:none; width:323px; height:279px; background:none; }
#container .new_main .row04 .list .thum { height:204px; background-color:#fff; border:1px solid #cecece; }
#container .new_main .row04 .list .thum img { margin:3px; }
#container .new_main .row04 .list .info { margin:16px 11px 0; }
#container .new_main .row04 .list .info .info_price { float:left; font-family:'gulim','굴림'; color:#414141; font-size:12px; line-height:13px; }
#container .new_main .row04 .list .info .reseller_price { float:right; font-family:'gulim','굴림'; color:#c30808; font-size:12px; line-height:13px; text-align:right; }

#container .new_main .row05 { width:240px; margin:105px auto 0; }
#container .new_main .row05 .demo { width:240px; height:200px; margin-bottom:20px; background:url(../images/new_main/demo.png) no-repeat center top; }
#container .new_main .row05 .custer { width:240px; height:156px; margin-bottom:20px; background:url(../images/new_main/custer.png) no-repeat left top; }
#container .new_main .row05 .bank { width:238px; height:154px; margin-bottom:20px; background-color:#f3f3f3; border:1px solid #d7d7d7; }
#container .new_main .row05 .bank .bank_name { height:20px; margin:41px 0 0 24px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#1b1b1b; font-size:13px; line-height:14px; font-weight:bold; }
#container .new_main .row05 .bank .bank_no { height:35px; margin:0 0 0 24px; font-family:'Malgun Gothic','Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#313131; font-size:22px; font-weight:bold; }
#container .new_main .row05 .bank .bank_img { margin:0 0 0 20px; }
#container .new_main .row05 .ns { width:238px; height:154px; border:1px solid #d7d7d7; }
#container .new_main .row05 .ns .ns_no { margin:46px 0 0 18px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#232323; font-size:13px; line-height:20px; }
#container .new_main .row05 .tel { }


/* 150907 관리자 동영상 메뉴얼 */
.movie_guide { overflow:hidden; background:url(../images/design/bg.png) repeat left top; margin:111px auto 0; }
.movie_guide .area { width:1821px; margin:70px auto; }
.movie_guide .area ul { margin:0; padding:0; }
.movie_guide .area li { position:relative; list-style:none; float:left; width:577px; margin:0 15px; }
.movie_guide .area li img { width:100%; border:5px solid #d3d3d3; }
.movie_guide .area .thum_ov { position:absolute; width:577px; height:364px; left:0; top:0; background:url(../images/design/thum_ov.png) no-repeat left top; }
.movie_guide .area .info_area { position:relative; margin:14px 1% 55px; font-family:'gulim', '굴림'; color:#414141; font-size:12px; line-height:24px; }
.movie_guide .area .info_area span { color:#c30808; }
.movie_guide .area .info_area .reseller_btn { position:absolute; width:108px; height:21px; right:0; top:0; background-color:#cc2524; border:1px solid #bf211f; text-align:center; }
.movie_guide .area .info_area .reseller_btn a,
.movie_guide .area .info_area .reseller_btn a:hover{ font-family:'dotum', '돋움'; color:#f6d9d9; font-size:11px; line-height:24px; display:block; }

/* 20160923 템플릿 추가 */
#template { overflow:hidden; margin:111px auto 0; }
#template .template_list { margin:70px 1.5% 0; }
#template .template_list ul { margin:0; padding:0; }
#template .template_list li { list-style:none; float:left; width:31.3333333%; margin:0 1%; }
#template .template_list .thum { position:relative; border:2px solid #e0e0e0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow:0 0 12px #d9d9d9; -webkit-box-show:0 0 12px #d9d9d9; box-shadow:0 0 12px #d9d9d9; line-height:0; }
#template .template_list .thum img { width:100%; }
#template .template_list .thum .thum_ov { position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/design/thum_ov.png) no-repeat center; background-color:rgba(0,0,0,0.25); }
#template .template_list .thum_text { margin:20px 20px 40px; color:#414141; line-height:24px; font-family:gulim }
#template .template_list .thum_text span { color:#c30808; }
#template .template_page { margin:20px 0 50px; text-align:center; }

#template .template_view { position:relative; margin:0; min-height:800px; }
#template .template_view .side_area { position:absolute; width:26%; height:100%; right:0; top:0; background-color:#c9c9c9; -moz-box-shadow:-5px 0 12px #d9d9d9; -webkit-box-show:-5px 0 12px #d9d9d9; box-shadow:-5px 0 12px #d9d9d9; }
#template .template_view .side_area .view_title { overflow:hidden; position:relative; height:156px; background-color:#252525; }
#template .template_view .side_area .view_title .view_sns { position:absolute; left:10%; top:36px; }
#template .template_view .side_area .view_title .view_sns ul { margin:0; padding:0; }
#template .template_view .side_area .view_title .view_sns li { list-style:none; float:left; margin-right:5px; }
#template .template_view .side_area .view_title .view_subject { margin:70px 0 0 10%; font-family:Myriad Pro; font-size:38px; color:#fff; font-weight:bold; }
#template .template_view .side_area .view_price_area { overflow:hidden; position:relative; height:160px; background-color:#626262; }
#template .template_view .side_area .view_price_area .view_price { margin:40px 0 0 10%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:38px; color:#ffba00; font-weight:100; letter-spacing:-1px; }
#template .template_view .side_area .view_price_area .view_price_hosting { margin:12px 0 0 10%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:15px; color:#ffffff; }
#template .template_view .side_area .view_option { background-color:#4d4d4d; }
#template .template_view .side_area .view_option ul { margin:0; padding:0; }
#template .template_view .side_area .view_option li { list-style:none; border-top:1px solid #626262; padding-left:10%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:14px; color:#e6e6e6; letter-spacing:-1px; line-height:50px; }
#template .template_view .side_area .view_option li:first-child { border-top:none; }
#template .template_view .side_area .view_btn { }
#template .template_view .side_area .view_btn ul { margin:0; padding:0; }
#template .template_view .side_area .view_btn li { list-style:none; float:left; width:33.333333%; text-align:center; }
#template .template_view .side_area .view_btn li.btn01 { background-color:#d52e28; }
#template .template_view .side_area .view_btn li.btn02 { background-color:#24366e; }
#template .template_view .side_area .view_btn li.btn03 { background-color:#0bace7; }
#template .template_view .side_area .view_btn a,
#template .template_view .side_area .view_btn a:hover { font-weight:bold; color:#fff; line-height:60px; display:block; }
#template .template_view .view_content { margin-right:26%; padding-bottom:50px; }
#template .template_view .view_content img { width:100%; }

#event_popup { width:400px; line-height:0; }

#main_popup { position:absolute; left:400px; top:140px; }
#main_popup .popup_table { width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; }
#main_popup .popup_table .popup_area { position:relative; width:800px; margin:0 auto; line-height:0; }
#main_popup .popup_table .popup_area .popup_close { position:absolute; right:-31px; top:0; cursor:pointer; }


/* 예치금 20170721 추가 */
#deposit { position:relative; margin-top:40px; }
#deposit .deposit_title { position:relative; padding-left:8px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#e43739; font-size:15px; font-weight:bold; }
#deposit .deposit_title .title_bar { position:absolute; width:3px; height:14px; left:0; top:3px; background-color:#e43739; }
#deposit .deposit_box { margin:10px; padding:20px; background-color:#f6f6f6; border:1px solid #e8e8e8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#444444; font-size:14px; line-height:26px; font-weight:bold; }
#deposit .deposit_btn { width:180px; height:44px; margin:30px auto; background-color:#0c86b9; border:1px solid #0675a4; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#fff; font-size:14px; line-height:44px; font-weight:bold; text-align:center; cursor:pointer; }




/* 미디어코드 */

@media screen and (max-width:1680px) {
    #container .new_main li.type01 { width:25.8%; background:none; }
    #container .new_main li.type02 { width:27%; background-color:#fbfbfb; }
    #container .new_main li.type03 { width:27%; }
    #container .new_main li.type04 { display:none; }
    #container .new_main li.type05 { width:20.2%; background-color:#fbfbfb; }

    .movie_guide .area { width:1214px; margin:70px auto; }
}

@media screen and (max-width:1550px) {
    .program { clear:both; width:auto; margin:180px 60px 50px; }
    .program li { width:16.66666666666667%; height:230px; }
    .program .program_title { margin-top:25px; }
}

@media screen and (max-width:1450px) {
    .program { clear:both; width:auto; margin:180px 60px 50px; }
    .program li { width:20%; }
    .program .program_title { margin-top:25px; }
}

@media screen and (max-width:1280px) {
    #container .new_main li.type01 { width:35.4%; background:none; }
    #container .new_main li.type02 { display:none; }
    #container .new_main li.type03 { width:36.4%; background-color:#fbfbfb; }
    #container .new_main li.type04 { display:none; }
    #container .new_main li.type05 { width:28%; }
    
    .sample01 .area { clear:both; width:auto; }
    
    .program { clear:both; width:auto; margin:180px 60px 50px; }
    .program li { list-style:none; float:left; width:33.333333%; }
    
    .reseller_inquiry .reseller_row03 .reseller_row03_area { margin:50px 10% 0; }

    /* 20160923 템플릿 추가 */
	#template .template_list li { width:48%; margin:0 1%; }
}

@media screen and (max-width:1100px) {
    #breadi { display:none; }
    #breadi_m { display:block; }
}

@media screen and (max-width:1024px) {
    #header .logo_gnb .gnb { display:none; }
    #header .logo_gnb .m_gnb { display:block; }
    
    #container .new_main li.type01 { width:50%; background:none; }
    #container .new_main li.type03 { width:50%; background-color:#fbfbfb; }
    #container .new_main li.type05 { display:none; }
    #container .new_main .row01 li.inquiry { display:none; }
    #container .new_main .row01 li.admin_demo { display:block; }
    
    #foot { height:50px; }
    #foot .area { margin:0; }
    #foot .area .address { margin-top:0; text-align:center; }
    #foot .area .address ul { display:inline-block; }
    #foot .area .address li { float:none; padding-left:0; line-height:50px; }
    #foot .area .address li.type02 { display:none; text-align:center; }

    /* 20160923 템플릿 추가 */
	#template .template_view { position:relative; margin:0; min-height:auto; }
	#template .template_view .side_area { position:relative; width:auto; height:auto; }
	#template .template_view .side_area .view_title { width:100%; height:80px; }
	#template .template_view .side_area .view_title .view_sns { position:absolute; width:100px; left:auto; right:3%; top:22px; }
	#template .template_view .side_area .view_title .view_sns ul { margin:0; padding:0; }
	#template .template_view .side_area .view_title .view_sns li { list-style:none; float:left; margin-right:5px; }
	#template .template_view .side_area .view_title .view_subject { margin:0 0 0 3%; line-height:76px; }
	#template .template_view .side_area .view_price_area { position:relative; height:80px; }
	#template .template_view .side_area .view_price_area .view_price { margin:0 0 0 3%; line-height:76px; }
	#template .template_view .side_area .view_price_area .view_price_hosting { position:absolute; margin:0; right:3%; top:30px; }
	#template .template_view .side_area .view_option li { padding-left:3%; line-height:40px; }
	#template .template_view .side_area .view_btn a,
	#template .template_view .side_area .view_btn a:hover { font-weight:bold; color:#fff; line-height:50px; display:block; }
	#template .template_view .view_content { margin-right:0; }
}

@media screen and (max-width:900px) {
    .program { clear:both; width:auto; margin:160px 60px 50px; }
    .program li { list-style:none; float:left; width:50%; }
    
    .reseller_inquiry { overflow:hidden; margin:111px auto 0; }
    .reseller_inquiry .reseller_row01 { overflow:hidden; height:auto; }
    .reseller_inquiry .reseller_row01 .reseller_row01_img01 { display:none; }
    .reseller_inquiry .reseller_row01 .reseller_row01_img01_m { margin-top:60px; display:block; } 
    .reseller_inquiry .reseller_row01 .reseller_row01_text01 { margin:25px 50px 60px; font-size:13px; line-height:22px; text-align:center; }
    
    .reseller_inquiry .reseller_row02 { overflow:hidden; height:auto; }
    .reseller_inquiry .reseller_row02 .reseller_row02_img01 { margin-top:60px; }
    .reseller_inquiry .reseller_row02 .reseller_row02_text01 { margin:25px 50px 60px; font-size:13px; line-height:22px; text-align:center; }
    .reseller_inquiry .reseller_row03 .reseller_row03_area { margin:50px 5% 0; }
}

@media screen and (max-width:740px) {
    #container .new_main li { height:1260px; }
    #container .new_main li.type01 { width:100%; }
    #container .new_main li.type03 { display:none; }  
    #container .new_main .row01 li.notice { display:none; }
    #container .new_main .row01 li.reseller { }
    #container .new_main .row01 li.guide { }  
    #container .new_main .row01 li.admin_demo { display:none; }
    #container .new_main .row01 li.admin_demo01 { display:block; }
    #container .new_main .row01 li.admin_yellowid { display:block; }
    #container .new_main .row01 li.template { display:block; }
    #container .new_main .row01 li.tel { display:block; }
    
    #container .new_main .row01 .title { font-size:20px; line-height:20px; }
    #container .new_main .row01 .info { font-size:14px; line-height:20px; }
    
}

@media screen and (max-width:560px) {
    #header .head_login .area .login_text { float:none; text-align:center; }
    #header .head_login .area .login_text ul { display:inline-block; }
    #header .head_login .area .login_text li { float:none; width:100%; padding:0; margin:0; background:none; text-align:center; }
    #header .head_login .area .login_text li.type01 { display:none; }
    #header .head_login .area .login_text a,
    #header .head_login .area .login_text a:hover { font-family:'Dotum', '돋움'; color:#faded9; font-size:13px; line-height:23px; display:block; }
    
     .sample01 .area { margin-top:40px; }
    
    .program { clear:both; width:auto; margin:150px 30px 50px; }
    .program li { list-style:none; float:left; width:100%; }
    .program .program_info { margin-top:0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#454545; font-size:13px; line-height:20px; text-align:center; }

    .reseller_inquiry .reseller_row01 .reseller_row01_img01_m {  }
    .reseller_inquiry .reseller_row01 .reseller_row01_img01_m img { width:230px;  }
    .reseller_inquiry .reseller_row01 .reseller_row01_text01 { margin:25px 30px 60px; font-size:15px; line-height:24px; text-align:center; }
    .reseller_inquiry .reseller_row02 .reseller_row02_text01 { display:none; }
    .reseller_inquiry .reseller_row02 .reseller_row02_text01_m { margin:25px 30px 60px; font-size:15px; line-height:24px; text-align:center; display:block; }
    .reseller_inquiry .reseller_row02 .reseller_row02_img01 img { width:270px; }
    .reseller_inquiry .reseller_row03 .reseller_row03_area { margin:30px 5% 0; }
    
    /* 20160923 템플릿 추가 */
	#template .template_list { margin:30px 5% 0; }
	#template .template_list li { width:100%; margin:0; }
	#template .template_list .thum_text { margin:20px 15px 40px; color:#414141; font-size:15px; }
	#template .template_list .thum_text span.option { display:none; }

	#template .template_view .side_area { position:relative; width:auto; height:auto; }
	#template .template_view .side_area .view_title { width:100%; height:70px; }
	#template .template_view .side_area .view_title .view_sns { position:absolute; width:100px; left:auto; right:3%; }
	#template .template_view .side_area .view_title .view_sns li { width:24px; margin-right:0; margin-left:5px; }
	#template .template_view .side_area .view_title .view_sns li img { width:100%; }
	#template .template_view .side_area .view_title .view_subject { margin:0 0 0 5%; line-height:66px; font-size:24px; }
	#template .template_view .side_area .view_price_area { position:relative; height:80px; }
	#template .template_view .side_area .view_price_area .view_price { margin:0 0 0 5%; line-height:54px; font-size:24px; }
	#template .template_view .side_area .view_price_area .view_price_hosting { position:relative; margin:-10px 0 0 5%; right:auto; top:auto; }
	#template .template_view .side_area .view_option li { padding-left:5%; }
	#template .template_view .side_area .view_btn a,
	#template .template_view .side_area .view_btn a:hover { font-size:15px; }
        
    #event_popup { width:auto; }
    #event_popup img { width:100%; }
}

@media screen and (max-width:900px) {
    #main_popup { position:fixed; height:100%; left:0; top:110px; background-color:rgba(0,0,0,0.76); }
    #main_popup .popup_table .popup_area { width:auto; margin:20px 30px; }
    #main_popup .popup_table .popup_area img { width:100%; }
}