/* main content */
section.section { min-height:800px; padding-top:100px; padding-bottom:100px; }
section.mheight { min-height:inherit; }
section.darkBG { background-color:#282828; }
section.darkBG .main_title h2 { color:#FFF; }
section.lightBG { background-color:#eff1f7; }
section.peopleBG { width:100%; height:100%; background:url('../images/main/people_bg.png') top center #eff1f7 no-repeat; background-size:cover; }

/* main visual */
#main_visual { position:relative; }
#main_visual .bx-wrapper { height:710px; font-size:18px; }
#main_visual > div { position:relative; height:710px; }
#main_visual .thumb { height:100%; background-size:cover; z-index:0; }
#main_visual .visual_con { position:absolute; left:0px; top:0px; display:table; width:100%; height:100%; text-align:center; z-index:10; }
#main_visual .visual_con > a { display:table-cell; padding-bottom:2%; vertical-align:middle; padding-left:10px; padding-right:10px; }

#main_visual [class^="visual0"] { position:relative; width:100%; overflow:hidden; }
#main_visual [class^="visual0"] span { display:inline-block; line-height:1; margin:11px 0px; }
#main_visual [class^="visual0"] h2 { position:relative; padding-top:30px; font-size:3.667em; color:#FFF; word-break:keep-all; line-height:1.2; word-break:keep-all; }
#main_visual [class^="visual0"] h2 span { display:block; word-break:keep-all; }
#main_visual [class^="visual0"] p { padding-top:30px; font-size:1.611em; line-height:1.4; }
#main_visual [class^="visual0"] p span { display:block; color:#FFF; font-weight:300; }

#main_visual .visual01 .thumb { background:url('../images/visual/visual01_bg.jpg') center top no-repeat; }
#main_visual .visual02 .thumb { background:url('../images/visual/visual02_bg.jpg') center top no-repeat; }
#main_visual .visual03 .thumb { background:url('../images/visual/visual03_bg.jpg') center top no-repeat; }
#main_visual .visual04 .thumb { background:url('../images/visual/visual04_bg.jpg') center top no-repeat; }

#main_visual .visual01 h2 { padding-bottom:40px; }
#main_visual .visual01 h2:after { position:absolute; left:50%; bottom:0px; margin-left:-30px; display:block; width:60px; height:1px; background-color:rgba(255,255,255,0.6); content:''; }
#main_visual .visual02 h2 span strong { color:#def3ff; font-weight:600; }
#main_visual .visual02 .visual_con > a { text-align:left; }
#main_visual .visual02 .visual_con > a div { display:inline-block; padding-left:7%; text-align:center; }
#main_visual .visual03 h2 span strong { color:#a38a74; font-weight:600; }
#main_visual .visual03 h2 span { background-color:rgba(255,255,255,0.5); padding:0px 6px;color:#44403d; }
#main_visual .visual03 .visual_con > a { text-align:right; }
#main_visual .visual03 .visual_con > a div { display:inline-block; padding-right:7%; text-align:center; }
#main_visual .visual03 .visual_con span.img { position:absolute; left:3%; bottom:0px; z-index:0; }
#main_visual .visual04 h2 span strong { font-weight:600; word-break:keep-all; }


.main_title { padding-bottom:70px; }
.main_title h2 { position:relative; padding-bottom:14px; font-size:24px; font-family:"Roboto"; font-weight:bold; text-transform:uppercase; text-align:center; }
.main_title h2:after { position:absolute; left:50%; bottom:0px; margin-left:-20px; display:block; width:40px; height:1px; background-color:#1790f0; content:''; }


/* ABOUT US */
.main_con1 { position:relative; display:table; width:100%; height:592px; background:url('../images/main/about_bg.png') #eff1f7 fixed center no-repeat; background-size:cover; }
.main_con1 article { display:table-cell; vertical-align:middle; text-align:center; transition:all 0.3s ease; }
.main_con1 article:hover { background-color:rgba(23,144,240,0.04); }
.main_con1 article:hover .btn_pagemore { display:inline-block; transition:all 0.3s ease; }
.main_con1 article h3 { margin:0px auto; padding-bottom:30px; line-height:1.2; font-size:2.222em; font-weight:600; text-align:center; letter-spacing:-1px; word-break:keep-all; }
.main_con1 article p { width:80%; margin:0px auto; line-height:1.3; font-size:2.111em; word-break:keep-all; text-align:center; }
.btn_pagemore * { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.btn_pagemore { display:none; position:absolute; left:50%; margin-left:-24px; bottom:0px; padding:9px; background-color:#1790f0; font-size:0px; border:0px; outline:0px; }
.btn_pagemore:hover { background-color:#444; }
.btn_pagemore:hover img { -webkit-transform:rotate(180deg); transform:rotate(180deg); }

/* PRACTICE AREAS */
.main_con2 ul { font-size:0px; }
.main_con2 ul:after { display:block; clear:both; content:''; }
.main_con2 li { display:inline-block; width:25%; vertical-align:top; }
.main_con2 li a { display:block; font-size:18px; padding-top:60px; padding-bottom:60px; transition:all 0.2s; }
.main_con2 li a:hover { background-color:#1790f0; color:#FFF; transition:all 0.2s; }
.main_con2 li span { display:block; height:94px; text-align:center; }
.main_con2 li p { padding-top:20px; font-size:1em; text-align:center; word-break:keep-all; line-height:1.2; }

/* LICENSING SERVICES */
.main_con3 { margin-top:-20px; margin-bottom:-20px; }
.main_con3 article { display:flex; display:-ms-flexbox; display:-webkit-flex; padding-top:20px; padding-bottom:20px; }
.main_con3 article:after { display:block; clear:both; content:''; }
.main_con3 article > div { display:flex; display:-ms-flexbox; display:-webkit-flex; width:50%; }
.main_con3 article .serv_item > a { display:block; width:100%; height:100%; background-color:#FFF; transition:all 0.3s ease; }
.main_con3 article .serv_item > a > div { display:table; width:100%; height:100%; }
.main_con3 article .serv_item > a > div > div.serv_txt { display:table-cell; vertical-align:middle; }
.main_con3 article .serv_item .serv_title { position:relative; width:100%; padding-bottom:30px; }
.main_con3 article .serv_item .serv_title span { display:block; font-family:"Nanum Myeongjo"; font-size:7.778em; font-style:italic; color:#f0f0f0; letter-spacing:-4px; text-align:center; margin-top:-22px; }
.main_con3 article .serv_item .serv_title h3 { position:absolute; left:0px; bottom:36px; width:100%; text-align:center; font-size:2.333em; text-transform:uppercase; }
.main_con3 article .serv_item .serv_title:after { position:absolute; left:50%; bottom:0px; margin-left:-30px; width:60px; height:1px; background-color:#e8e8e8; content:''; transition:all 0.3s ease; }
.main_con3 article .serv_item p { width:85%; font-size:1.167em; font-weight:300; padding-top:30px; margin:0px auto; text-align:center; word-break:keep-all; line-height:1.4; }
.main_con3 article:hover .serv_item > a { background-color:#1790f0; transition:all 0.3s ease; }
.main_con3 article:hover .serv_item > a .serv_title span { color:rgba(255,255,255,0.3); }
.main_con3 article:hover .serv_item > a .serv_title:after { width:110px; margin-left:-55px; background-color:rgba(255,255,255,0.3); transition:all 0.3s ease; }
.main_con3 article:hover .serv_item > a .serv_title h3,
.main_con3 article:hover .serv_item > a p { color:#FFF; }
[id^="wowslider-container"] { width: 100% !important; height: auto !important; }
[id^="wowslider-container"] .ws_images img { height: 100%; }


.main_list { margin-left:-0.5%; margin-right:-0.5%; font-size:0px; }
.main_list article { display:inline-block; height:512px; padding:0.5%; vertical-align:top; }
.main_list article > div { height:100%; background-color:#FFF; border:1px solid #e1e1e1; overflow:hidden; }

/* OUR PEOPLE */
section.peopleBG p { max-width:1000px;margin:0 auto;padding-bottom:3%;font-size:1.167em; font-weight:600;word-break:keep-all; line-height:1.4; }
section.peopleBG .people_box .head div { background-color:rgba(255,255,255,0.4); }
section.peopleBG .people_box:hover .head div { background-color:rgba(255,255,255,0.8); }
section.peopleBG .people_box .people ul { background-color:rgba(255,255,255,0.43); }


/* MEMBERSHIP */
.main_con5 article { width:25%; }
.main_con5 article * { -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.main_con5 article > div { position:relative; font-size:18px; }
.main_con5 article p { position:relative; display:table; width:calc(100% + 1px); height:60%; text-align:center; }
.main_con5 article p span { display:table-cell; vertical-align:middle; padding-left:14px; padding-right:14px; }
.main_con5 article p span img { max-width:100%; }
.main_con5 article h3 { position:absolute; top:60%; width:100%; height:40%; font-size:1em; padding:30px; word-break:keep-all; line-height:1.4; border-top:1px solid #e1e1e1; }
.main_con5 article h3:before { position:absolute; left:0px; bottom:100%; width:100%; height:; z-index:1; content:''; }
.main_con5 article h3 span { display:block; color:#b2b2b2; word-break:keep-all; }
.main_con5 article h3 + a { position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; font-size:0px; text-indent:-9999px; overflow:hidden; }
.main_con5 article:hover p { height:50%; }
.main_con5 article:hover h3 { top:50%; height:calc(50% + 1px); background-color:#1790f0; color:#FFF; border-top:1px solid #1790f0; }
.main_con5 article:hover h3 span { color:#e2e2e2; }
.main_con5 article:hover h3:after { position:absolute; right:16px; bottom:16px; display:block; width:23px; height:16px; background:url('../images/main/ico_more.png') no-repeat; content:''; }
.main_con5 article.member_pop p > a { position:absolute; right:0px; bottom:-1px; display:block; padding:9px; background-color:#1790f0; z-index:2; font-size:0px; }
.main_con5 article.member_pop p > a:hover { background-color:#444; }
.main_con5 article.member_pop p > a:hover img { -webkit-transform:rotate(180deg); transform:rotate(180deg); }

/* LOCATION */
.main_con6 { position:relative; border-top:1px solid #e1e1e1; }
.main_con6 .map { position:relative; width:100%; min-width:320px; overflow:hidden; }
.main_con6 .map img { position:relative; left:50%; top:0px; margin-left:-950px; width:1900px; }
.main_con6 .inbox { position:absolute; right:0px; top:50px; }
.main_con6 .inbox > div { display:table; width:100%; height:100%; text-align:right; }
.main_con6 .inbox > div > div { display:table-cell; vertical-align:middle; }
.main_con6 article { display:inline-block; padding:50px 80px; background-color:rgba(255,255,255,0.9); }
.main_con6 article .main_title { padding-bottom:30px; }
.main_con6 article .main_title span { display:block; text-align:center; padding-bottom:24px; }
.main_con6 article p { text-align:center; }
.main_con6 article p > span { display:block; line-height:1.4; word-break:keep-all; }

/* CONTACT US */
.main_con7 { padding-top:50px; padding-bottom:50px; background-color:#1790f0; }
.main_con7 .inbox { text-align:center; }
.main_con7 address { display:inline-block; text-align:left; }
.main_con7 address p { padding:7px 0px; color:#FFF; font-weight:300; }
.main_con7 address p span { display:inline-block; padding-right:12px; }
.main_con7 address p:first-child a { border-bottom:1px solid #FFF; color:#FFF; transition:0.2s; }
.main_con7 address p:first-child a:hover { color:#333; border-bottom:1px solid #333; transition:0.2s; }
.main_con7 .sns { padding-top:16px; }
.main_con7 .sns ul { font-size:0px; }
.main_con7 .sns li { display:inline-block; margin:0px 4px; }
.main_con7 .sns li a { display:block; width:46px; height:46px; background-color:#FFF; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; transition:0.2s; overflow:hidden; }
.main_con7 .sns li a span { color:#1790f0; }
.main_con7 .sns li a span.fa-facebook { padding-top:13px; font-size:22px; }
.main_con7 .sns li a span.fa-instagram { padding-top:11px; font-size:26px; }
.main_con7 .sns li a:hover { background-color:#444; }
.main_con7 .sns li a:hover span { color:#FFF; }


section.section#contents3 .inbox { overflow:hidden; }


/* main visual slide - bxslider */
.bxslider { margin:0; padding:0; }
.bx-viewport { -webkit-transform:translatez(0); }

.bx-wrapper { position:relative; padding:0; *zoom:1; -ms-touch-action:pan-y; touch-action:pan-y; background:#fff; }
.bx-wrapper img { max-width:100%; display:block; }
.bx-wrapper .bx-loading { background:url('../images/main/bx_loader.gif') center center no-repeat #ffffff; width:100%; height:100%; min-height:50px; position:absolute; top:0; left:0; z-index:2000; }
.bx-wrapper .bx-pager { position:absolute; bottom:1.667em; width:100%; text-align:center; }
.bx-wrapper .bx-pager.bx-default-pager a { text-indent:-9999px; display:block; width:11px; height:11px; margin:0 4px; outline:0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; border:2px solid #FFF; transition:0.2s; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#FFF; transition:0.2s; }
.bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#FFF; width:28px; -moz-border-radius:60px; -webkit-border-radius:60px; border-radius:60px; transition:0.2s; }
.bx-wrapper .bx-pager-item { display:inline-block; vertical-align:bottom; *zoom:1; *display:inline; font-size:0; line-height:0; }
